/*



Custom Styles. Bootstrap Styles are default'



*/
* {}

body {
	font-family: Calibri, sans-serif;
	color: #a6a8a8;
	font-size: 14px;
}

/*Typography*/
a,
input,
button {
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}

a {
	color: #23c3ff;
}

a:hover {
	color: #23c3ff;
	text-decoration: underline;
}

hr {
	border-color: #e5e5e5;
	margin: 10px 0 10px 0;
}

h1,
h2,
h3,
h4,
h5,
.navbar-default .nav-justified>li,
.btn,
p.big-paragraph,
p.small-paragraph,
.carousel-caption,
.recent-posts .col-md-9 .text p small {
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size: 60px;
	text-transform: lowercase;
	color: #fff;
	font-weight: 300;
	margin: 0;
	/* font-weight:  600; */
	/* line-height: 70px; */
}

h2 {
	font-size: 36px;
	font-weight: 300;
	color: #333838;
	line-height: 50px;
}

h2.page_title {
	line-height: 24px;
	padding: 40px 0;
	color: #333838;
	text-transform: capitalize;
}

h2 span {
	font-weight: bold;
}

h2 span.blue {
	font-weight: 300;
	background-color: #1a91cf;
	color: #fff;
	padding: 0 3px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-weight: 600;
	padding: 0px 15px;
}




span.sep {
	width: 140px;
	display: inline-block;
	border-top: 1px solid #23c3ff;
}

h2 small {
	color: #c7c7c7;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
}

h2.block__title {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	line-height: 3px;
	margin-bottom: 60px;
}

h2.block__title span {
	border: none;
	background-color: #eff2f2;
	padding: 0 30px;
	text-transform: uppercase;
	line-height: 3px;
}

h3 {
	font-size: 32px;
	color: #1e1e1e;
	font-weight: 300;
}

h3 a {
	color: #1e1e1e;
}

h3 a:hover {
	text-decoration: none;
	color: #23c3ff;
}

.typo {
	margin-top: 80px;
}

h4 {
	font-size: 19px;
	line-height: 105%;
	color: #1e1e1e;
	text-transform: none;
}

h4 a {
	color: #1e1e1e;
}

h4 a:hover {
	text-decoration: none;
	color: #23c3ff;
}

h5 {
	font-size: 17px;
	text-transform: uppercase;
	color: #33313a;
}

h2.with__margin {
	margin-top: 70px;
	margin-bottom: 0px;
}

h2.with__margin2 {
	margin: 50px 0;
}

/* Forms */
.form-control,
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control:focus {
	border-color: #23c3ff;
}

/*Buttons*/
.btn-primary {
	font-size: 12px;
	text-transform: uppercase;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	border-color: #1b90ce;
	background: #1b90ce;
	width: 140px;
	height: 40px;
	line-height: 40px;
	padding: 0;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #f3f5f6;
	border-color: #bababa;
	color: #393a36;
}

.btn-info {
	font-size: 12px;
	text-transform: uppercase;
	color: #bababa;
	border-color: #bababa;
	background: #f3f5f6;
	width: 140px;
	height: 40px;
	line-height: 40px;
	padding: 0;
}

.btn-info:hover,
.btn-info:focus {
	background-color: #fff;
	border-color: #bababa;
	color: #bababa;
}

.btn-default {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	border-color: #fff;
	background: none;
}

.btn-default:hover,
.btn-default:focus {
	background-color: #fff;
	border-color: #fff;
	color: #393a36;
}

button.btn-primary:focus,
.btn-default:focus,
.btn-info:focus {
	outline: none;
}

.btn-lg {
	width: 180px;
	height: 57px;
	line-height: 57px;
	padding: 0;
	text-transform: uppercase;
}

/*Header*/
header {
	background: #f3f5f6;
	width: 100%;
}

.navbar-header {}

.navbar-toggle {
	margin-right: 0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	/* background: #23c3ff; */
	width: 215px;
	height: 60px;
	text-transform: none;
	line-height: 37px;
	text-align: center;
	display: inline-block;
	margin: 0px auto;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.navbar-default .navbar-brand img {
	max-width: 100%
}

.navbar-default .navbar-brand a {
	color: #FFF;
	text-decoration: none;
}

/*Main Navigaion Menu*/
.dropdown:hover .dropdown-menu {
	display: block;
}

.navbar-default {
	background: none;
	border: none;
	margin-bottom: 0px;
	position: relative;
	z-index: 999;
}

.navbar-default .navbar-nav {
	padding: 0px;
}

.navbar-default .navbar-nav>li {}

.navbar-default .navbar-nav>li>a {
	color: #1a1a1a;
	font-size: 14px;
	padding: 40px 15px;
	font-weight: bold;
	font-family: "Open Sans", sams-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li.dropdown>a {
	background: none;
	text-align: left;
}

.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li:hover>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>li.open>a,
.navbar-default .navbar-nav>li.active>a:hover {
	color: #1b90cd;
	background: none;
}

.navbar-default .navbar-nav>li:first-child {
	margin-left: 0px;
}

ul.dropdown-menu {
	padding: 0;
	left: 0px !important;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: none;
	background: rgba(27, 32, 33, 0.9);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}

ul.dropdown-menu li {
	border-bottom: 1px solid #545858;
}

ul.dropdown-menu li:last-child {
	border-bottom: none;
	border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-ms-border-radius: 0px 0px 2px 2px;
	-o-border-radius: 0px 0px 2px 2px;
}

ul.dropdown-menu li:first-child {
	border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-ms-border-radius: 2px 2px 0px 0px;
	-o-border-radius: 2px 2px 0px 0px;
}

ul.dropdown-menu>li>a {
	color: #b1b1b1;
	border-top: none;
	font-weight: normal;
	font-size: 14px;
	padding: 15px 20px;
	text-transform: uppercase;
	white-space: normal;
}

ul.dropdown-menu>li>a:hover {
	color: #23c3ff;
	border-top: none;
	background: none;
}

/*Carousel*/
.slider {
	position: relative;
	z-index: 9;
}

.boxess {
	padding-top: 25px;
}

.slider .btn {
	margin: 70px 10px 0;
}

.carousel-caption {
	top: 50%;
	margin-top: -140px;
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 1px 3px #666666;
	text-transform: none;
	font-weight: 300;
}

.carousel-caption h1 {
	line-height: 60px;
}

.carousel-control {
	background: none;
	opacity: 1;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	-moz-opacity: 1;
}

.carousel-control .carousel-control-left {
	background: url('../images/slider/prev.png') no-repeat;
	width: 54px;
	height: 54px;
	left: 20px;
}

.carousel-control .carousel-control-right {
	background: url('../images/slider/next.png') no-repeat;
	width: 54px;
	height: 54px;
	right: 20px;
}

.carousel-control .carousel-control-left:hover {
	background: url('../images/slider/prev_a.png') no-repeat;
}

.carousel-control .carousel-control-right:hover {
	background: url('../images/slider/next_a.png') no-repeat;
}

.boxed .carousel-control .carousel-control-left {
	left: -150px;
	top: 270px;
}

.boxed .carousel-control .carousel-control-right {
	right: -150px;
	top: 270px;
}

.boxed .carousel-caption {
	top: 90px;
}

.boxess .carousel-caption h1 {
	font-size: 40px;
	line-height: 40px;
}

/*Container*/
.main__middle__container .row ul,
.main__middle__container .row ol {
	padding-left: 20px;
}

.main__middle__container {
	width: 100%;
}

.row {
	padding: 75px 0;
}

.row.with__sep {
	background: url('../images/lines.png') repeat-x left bottom;
}

.container .row:first-child {
	padding: 10px 10% 10px 10%;
}

p.big-paragraph {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 0px;
	color: #c0c0c0;
}

.orange {
	color: #1b90ce;
	padding: 0 0 10px 0;
	font-weight: 600;
}

.black-text {
	color: #585555;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
}

.blue__line {
	width: 100%;
}

.blue__line h1 {
	color: #1e1e1e;
}

.homeInto-contaner {
	background-color: #f9f9f9;
	/* background-image: Url('../images/slider1.jpg'); */
	background-size: cover;
	background-position: center;
	position: relative;
	background-attachment: fixed;
	margin-top: 0;
	padding: 50px;
	border-top: 4px solid #23c3ff;
}

.homeInto-contaner:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* background: #1b90cd70; */
}

.homeInto {
	font-size: 27px;
	margin: auto;
	padding: 15px;
	max-width: 800px;
	text-align: center;
	color: #333838;
	position: relative;
	z-index: 999;
	font-weight: 300;
	letter-spacing: 1px;
}

/*Icons Blocks*/
.icons__blocks {
	background-color: #f3f5f6;
	width: 100%;
	margin: 0;
}

.icons__blocks img {
	height: 190px;
}

.icons__blocks p.small-paragraph {
	font-size: 12px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	text-transform: uppercase;
	margin-top: 15px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: #c7c7c7;
}

.icons__blocks p {
	margin-top: 20px;
}

/* grey-info-block */
.grey-info-block {
	background: #23c3ff;
	width: 100%;
	padding: 0 0 75px 0;
	margin: 0;
	color: #fff;
}

.grey-info-block span.sep,
.grey-info-block h2.page_title span,
.grey-info-block h2 small,
.grey-info-block h3 {
	border-color: #fff;
	color: #fff;
}

.grey-info-block p.small-paragraph {
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
	margin-top: 15px;
	color: #c7f0ff;
	border-bottom: 1px solid #91e1ff;
}

.grey-info-block .btn-info {
	border-color: #fff;
	margin-top: 35px;
}

.grey-info-block .btn-info:hover {
	color: #23c3ff;
	border-color: #fff;
	background-color: #fff;
}

/*Three Blocks*/
.three-blocks {
	background: url('../images/big_line_bg.jpg') no-repeat;
	background-size: 100% 100%;
}

.three-blocks h2 {
	color: #fff;
	padding: 0;
}

.three-blocks p {
	padding: 25px 0 0 0;
	font-size: 12px;
	color: #b4b4b4;
	text-transform: uppercase;
}

/* Recent Posts */
.recent-posts .col-md-9,
.recent-posts .col-md-3 {
	margin-top: 40px;
}

.recent-posts .col-md-9 .text {
	float: left;
	width: 55%;
	margin-left: 2%;
}

.recent-posts .col-md-9 .text h3 {
	margin-top: -5px;
	margin-bottom: 5px;
}

.recent-posts .col-md-9 .text p {
	padding: 5px 0;
}

.recent-posts .col-md-9 .text p.small-paragraph {
	font-size: 12px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 25px;
	margin-bottom: 20px;
	color: #c2c2c2;
	font-weight: normal;
	text-transform: uppercase;
}

.recent-posts .col-md-9 img {
	width: 43%;
}

.recent-posts .col-md-9 article {
	margin-bottom: 50px;
}

.recent-posts .col-md-3 .icon-item {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px 0 30px 0;
}

.recent-posts .col-md-3 .btn.btn-primary {
	width: 100%;
}

/*Social Icons*/
.socialicon {
	position: relative;
	display: inline-block;
	width: 32px;
	margin-right: 5px;
	height: 32px;
}

.socialicon-twitter {
	background: url('../images/social/twitter.png') no-repeat;
}

.socialicon-facebook {
	background: url('../images/social/facebook.png') no-repeat;
}

.socialicon-google {
	background: url('../images/social/google.png') no-repeat;
}

.socialicon-mail {
	background: url('../images/social/mail.png') no-repeat;
}

.socialicon-twitter:hover {
	background: url('../images/social/twitter_a.png') no-repeat;
}

.socialicon-facebook:hover {
	background: url('../images/social/facebook_a.png') no-repeat;
}

.socialicon-google:hover {
	background: url('../images/social/google_a.png') no-repeat;
}

.socialicon-mail:hover {
	background: url('../images/social/mail_a.png') no-repeat;
}

/* Contact Form */
.contact-form {}

.contact-form .col-md-6 {
	padding: 0 20px 0 0;
}

.contact-form .col-md-6:nth-child(2) {
	padding: 0 0px 0 0;
}

/* Aside */
aside h3 {
	line-height: 11px;
	margin-bottom: 40px;
}

aside img {
	width: 100%;
	margin-bottom: 10px;
}

aside ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}

aside ul li:last-child {
	border-bottom: none;
}

aside a.btn {
	margin: 20px 0 40px;
}

/* Main Content*/
.main-content h2 {
	line-height: 11px;
	margin-bottom: 40px;
}

/* Footer */
footer {
	background: #f3f5f6;
	color: #808080;
	margin-top: 35px;
}

footer h3 {
	padding-bottom: 20px;
}

footer hr {
	border-top: 1px solid #d0d1d2;
	margin: 20px 0 0 0;
}

footer p span {
	color: #1e1e1e;
}

footer>.container>.row:first-child {
	padding: 45px 0;
}

footer .text-center {
	padding: 10px 0;
	margin: 0;
}

footer .form-group {
	width: 90%;
}

footer button.btn-primary {
	position: relative;
	top: 10px;
}

footer button.btn-primary:focus {
	outline: none;
}

/*Responsive - debugging default problems*/
.img-responsive {
	margin: 0 auto;
}

.no-margin {
	margin: 0;
}

.no_padding {
	padding: 0px 0 80px 0;
}

.row.nothing {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.page-title-banner1 {
	width: 100%;
	background: url(../images/images/product-details-banner.jpg) no-repeat;
	background-size: cover;
	min-height: 190px;
	padding: 20px 50px;
	
	background-size: cover;
	background-position: center center;
	margin-bottom: 35px;
}

.page-title-banner1 .page-title h1 {
	text-transform: uppercase;
	font-size: 44px;
	font-weight: 500;
}

.page-title-banner {
	width: 100%;
	background: url(../images/images/product-details-banner.jpg) no-repeat;
	background-size: cover;
	min-height: 190px;
	padding: 20px 50px;
	background: fixed;
	background-size: cover;
	background-position: center center;
	margin-bottom: 35px;
}

.page-title-banner .page-title h1 {
	text-transform: uppercase;
	font-size: 44px;
	font-weight: 500;
}

.OtherWrapperBox{
    text-align:  center;
}
.otherBox {
    width: 19%;
    display:  inline-block;
    vertical-align: top;
    padding:  5px;
    box-shadow: 0 0 3px #ddd;
    min-width: 180px;
}
.otherBox a{}
.otherBox img{
    max-width: 100%;
    height: 18rem;
    object-fit: cover;
}
.otherBox h3{
    font-size:  16px;
    text-align:  center;
    text-transform: uppercase;
    font-weight: 600;
    color: #1b90cd;
}

.pageDetails{
	font-size: 18px
}
@media(max-width:1600px) {
	.carousel-caption h1 {
		font-size: 40px;
		line-height: 40px;
	}
}

@media(max-width:1310px) {
	.carousel-caption {
		font-size: 14px;
		top: 65%;
	}

	.carousel-caption h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.slider .btn {
		margin: 10px;
	}
}

@media(max-width:990px) {
	.main__middle__container h3.heading.white {
		background: none;
	}

	.carousel-caption {
		font-size: 13px;
		top: 50%;
		margin-top: -110px;
		left: 15%;
		right: 15%;
	}

	.carousel-caption h1 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 0px;
		padding-bottom: 5px;
	}

	.boxess .carousel-caption h1 {
		font-size: 20px;
		line-height: 20px;
	}

	.carousel-control .carousel-control-left {
		left: 5px;
	}

	.carousel-control .carousel-control-right {
		right: 5px;
	}

	.carousel-control {
		width: auto;
	}

	.boxess .carousel-control {
		width: auto;
		top: 50%;
		margin-top: -27px;
	}

	.boxess .carousel-caption {
		top: 50%;
		margin-top: -80px;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 12px;
	}
}

@media(max-width:768px) {
	.page-title-banner .page-title {
		font-size: 18px;
		min-height: 30px !important;
	}

	.page-title-banner .page-title h1 {
		font-size: 18px;
	}
       .page-title-banner1 .page-title {
		font-size: 18px;
		min-height: 30px !important;
	}

	.page-title-banner1 .page-title h1 {
		font-size: 18px;
	}


	.navbar-default .navbar-nav li a {
		border-bottom: 1px solid #ddd;
		text-align: left;
	}

	.navbar-default .navbar-brand {
		position: absolute;
		left: 50%;
		transform: translateX(-56%);
	}

	.navbar-header {
		text-align: center;
		position: relative;
		height: 100px;
	}

	.recent-posts .col-md-9 .text {
		margin-left: 0px;
	}

	.navbar-toggle {
		top: 25px;
	}

	.recent-posts .col-md-9 .text h3 {
		margin-top: 15px;
		margin-bottom: 5px;
	}

	.three-blocks p {
		padding: 20px 0 10px 0;
		margin-bottom: 0px;
	}

	.recent-posts .col-md-9 .text,
	.recent-posts .col-md-9 img {
		float: left;
		width: 99%;
	}

	header.with-boxed {
		height: auto;
	}
}

@media(max-width:767px) {
	.navbar-collapse {
		height: 0px;
		overflow: hidden;
	}

	.navbar-collapse.in {
		display: block !important;
	}

	.navbar-default .navbar-nav {
		padding: 0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #222;
		border: none;
		text-align: left;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #23C3FF;
	}

	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		color: #23c3ff;
		background-color: transparent;
	}

	.navbar-default .navbar-nav>li {
		display: block;
		text-align: center;
	}

	.navbar-default .navbar-nav>li a {
		padding: 5px 0;
	}
}

@media(max-width:600px) {
	.slider .btn {
		display: none;
	}
}

@media(max-width:440px) {
	.carousel-caption {
		display: none;
	}
}

.carousel-fade {
	.carousel-inner {
		.item {
			opacity: 0;
			transition-property: opacity;
		}

		.active {
			opacity: 1;
		}

		.active.left,
		.active.right {
			left: 0;
			opacity: 0;
			z-index: 1;
		}

		.next.left,
		.prev.right {
			opacity: 1;
		}
	}

	.carousel-control {
		z-index: 2;
	}
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
	box-shadow: none;
	background: none;
}

/* Portfolio */
#portfolio {
	padding: 30px 0px 40px 0px;
	overflow: hidden;
}

#portfolio ul.controls {
	padding: 0px 0 20px 2px;
	overflow: hidden;
	margin: 20px 0;
	border-bottom: #23C3FF solid 2px;
}

#portfolio ul.controls li {
	float: left;
	color: #000;
	font-weight: 400;
	font-size: 15px;
	padding: 5px 15px;
	cursor: pointer;
}

#portfolio ul.controls li:hover,
#portfolio ul.controls li.active {
	padding: 4px 15px;
	color: #23C3FF;
	margin: 0 -1px;
	border: 1px solid #23C3FF;
}

#portfolio ul#Grid {
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
}

#portfolio ul#Grid li {
	padding: 0 1px 1px 0;
	margin: 0;
	display: none;
	position: relative;
}

#portfolio ul#Grid li a {
	display: block;
	position: relative;
	color: #fff;
}

#portfolio ul#Grid li span.overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	text-indent: -9999px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background: #000;
}

#portfolio ul#Grid li:hover span.overlay {
	visibility: visible;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

#portfolio ul#Grid span.text {
	padding: 0px 10px;
	height: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 10;
	overflow: hidden;
	font-size: 22px;
	font-weight: 400;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFF;
	line-height: 30px;
	background: #23C3FF;
}

#portfolio ul#Grid li:hover span.text {
	background: #23C3FF;
	opacity: 0.9;
}

#portfolio ul#Grid span.text span {
	color: #f9f9f9;
	font-weight: 400;
	display: block;
	font-size: 14px;
	text-transform: none;
	line-height: 22px;
}

#portfolio ul#Grid span.text:after {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #23C3FF;
	border-width: 10px;
	margin-left: -10px;
}

#portfolio ul#Grid span.text:before {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #23C3FF;
	border-width: 16px;
	margin-left: -16px;
}

#portfolio ul#Grid li:hover span.text {
	padding: 10px 10px;
	height: auto;
	overflow: visible;
	text-decoration: none;
}

/* ## REST CSS */
ul.dropdown-menu {
	display: block;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	top: 85% !important;
	opacity: 0;
	visibility: hidden;
}

.dropdown:hover .dropdown-menu {
	top: 100% !important;
	opacity: 1;
	visibility: visible;
}

@media(max-width:767px) {
	.navbar-default .navbar-nav>li>a {
		padding: 10px 10px;
	}

	.dropdown:hover .dropdown-menu {
		display: none;
	}

	ul.dropdown-menu {
		visibility: visible;
		opacity: 1;
		display: none;
		position: relative;
		left: 0px;
		top: 0px !important;
		border-bottom: #999 solid 2px !important;
	}

	.dropdown:hover .dropdown-menu {
		top: 0 !important;
	}

	.open .dropdown-menu,
	.open:hover .dropdown-menu {
		display: block;
		visibility: visible;
		opacity: 1;
	}

	.navbar-collapse.in {
		max-height: 350px;
	}

	.navbar-default ul.navbar-collapse {
		display: block !important;
		height: 0px;
	}

	ul.dropdown-menu li {
		border-bottom: 0px solid #545858;
	}

	ul.dropdown-menu li a {
		color: #333;
	}

	h1 {
		font-size: 24px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 20px;
	}

	.pull-left {
		float: none !important;
	}

	.pull-right {
		float: none !important;
	}

	.recent-posts .col-md-9 article img.pull-left {
		max-width: 100%;
	}

	.recent-posts .col-md-9 .text {
		text-align: center;
		width: auto;
		padding-top: 10px;
	}

	.slider {
		overflow: hidden;
		max-width: 100%;
	}

	.main__middle__container {
		overflow: hidden;
		max-width: 100%;
	}

	footer {
		overflow: hidden;
		max-width: 100%;
	}

	footer {
		padding-top: 0px;
	}

	.carousel-caption {
		display: none;
	}

	.carousel-control .carousel-control-right,
	.carousel-control .carousel-control-left {
		margin-top: 0px;
	}

	.navbar-default .nav-justified>li.dropdown:hover,
	.navbar-default .nav-justified>li.dropdown.active {
		border-top: 0px solid #adc648;
	}

	.row {
		padding: 15px 0;
	}

	.recent-posts .col-md-3 .icon-item {
		text-align: center;
	}

	.icons__blocks {
		width: 105%;
	}

	h2.page_title {
		padding: 20px 0;
	}

	.no_padding {
		padding: 0 0 80px;
	}

	h2.page_title {
		padding: 20px 0;
	}

	.container .row:first-child {
		padding: 25px 10%;
	}

	#portfolio ul#Grid a.link span {
		font-size: 11px;
		line-height: 15px;
	}

	#portfolio ul.controls li {
		padding: 5px 10px;
	}
}

@media(min-width:768px) and (max-width: 991px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 24px;
	}

	.recent-posts .col-md-9 .text h3 {
		margin-top: 0px;
	}

	.recent-posts .col-md-3 .icon-item img {
		max-width: 100%;
	}

	.nav-justified>li {
		padding: 0 12px;
		display: block;
		float: left;
		width: auto;
	}

	.row {
		padding: 25px 0;
	}

	.no_padding {
		padding: 0 0 80px;
	}

	h2.page_title {
		padding: 20px 0;
	}

	.container .row:first-child {
		padding: 25px 10%;
	}

	#portfolio ul#Grid a.link {
		font-size: 18px;
	}

	#portfolio ul#Grid a.link span {
		font-size: 11px;
		line-height: 15px;
	}

	.navbar-default .navbar-nav>li>a {
		padding: 40px 10px;
	}
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	min-width: 100%;
	height: auto;
}

/* Columns */
.one_half_pad {
	width: 44%
}

.one_third_pad {
	width: 27%
}

.one_fourth_pad {
	width: 19%
}

.one_fifth_pad {
	width: 14%
}

.one_sixth_pad {
	width: 10.5%
}

.two_fifth_pad {
	width: 37%
}

.two_third_pad {
	width: 60%
}

.two_fourth_pad {
	width: 43%
}

.two_fifth_pad {
	width: 33%
}

.three_fifth_pad {
	width: 58.4%
}

.three_fourth_pad {
	width: 74%
}

.four_fifth_pad {
	width: 67.2%
}

.five_sixth_pad {
	width: 82.67%
}

.one_half_pad,
.one_third_pad,
.two_third_pad,
.three_fourth_pad,
.one_fourth_pad,
.one_fifth_pad,
.two_fifth_pad,
.two_fourth_pad,
.two_fifth_pad,
.three_fifth_pad,
.four_fifth_pad,
.one_sixth_pad,
.five_sixth_pad {
	float: left;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 3%;
	position: relative
}

.one_half {
	width: 48%
}

.one_third {
	width: 30.5%
}

.one_fourth {
	width: 22%
}

.one_fifth {
	width: 16.8%
}

.one_sixth {
	width: 13.33%
}

.two_fifth {
	width: 37.6%
}

.two_third {
	width: 65.33%
}

.two_fourth {
	width: 48%
}

.three_fifth {
	width: 58.4%
}

.three_fourth {
	width: 74%
}

.four_fifth {
	width: 67.2%
}

.five_sixth {
	width: 82.67%
}

.one_half,
.one_third,
.two_third,
.two_fourth,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	float: left;
	margin-bottom: 10px;
	margin-right: 4%;
	position: relative
}

.column-last {
	clear: right;
	margin-right: 0 !important
}

.dc_tabs_type_2 .one_third {
	width: 29%
}

.clr {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%
}

.dc_clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	width: 100%
}

.carousel-control i {
	padding: 10px;
	background: #0e0e0e;
}

.grid {
	/* max-width: 69em; */
	list-style: none;
	margin: 30px auto;
	padding: 0;
	/* background: #f9f9f9; */
	width: 100%;
	/* padding:  10px; */
	/* border:  1px solid #ddd; */
}

.grid li {
	display: block;
	float: left;
	padding: 7px;
	width: 33%;
	opacity: 0;
	overflow: hidden;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
	/* border: 5px solid #fff; */
	/* box-shadow: 0 0 1px 1px #3a3939; */
}

.grid li img {
	border: 5px solid #fff;
	box-shadow: 0 0 15px 1px #000000fa;
	width: 100%;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% {}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {}

	100% {
		opacity: 1;
	}
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% {}

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

@keyframes moveUp {
	0% {}

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

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% {}

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

@keyframes scaleUp {
	0% {}

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

/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-4 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	0% {}

	100% {
		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
		opacity: 1;
	}
}

@keyframes fallPerspective {
	0% {}

	100% {
		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
		transform: translateZ(0px) translateY(0px) rotateX(0deg);
		opacity: 1;
	}
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-5 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
	0% {}

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

@keyframes fly {
	0% {}

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

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% {}

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

@keyframes flip {
	0% {}

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

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-7 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	0% {}

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

@keyframes helix {
	0% {}

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

/* Effect 8:  */
.grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-8 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

.gridWrapper {
	/* border-top: 2px solid #1b90ce; */
	padding-top: 20px;
	background: #1b90ce1c;
}

.gridWrapper h3 {
	margin: 0;
	/* font-weight: 600; */
	/* color: #1b90ce; */
	display: table;
	margin: auto;
	border-bottom: 2px solid #45a3d6;
	padding-bottom: 11px;
}

.grid li a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.PopImg:after {
	content: "";
	background: #1b90ce91;
	position: absolute;
	left: 10PX;
	right: 10PX;
	top: 10PX;
	bottom: 10PX;
	border: 3px solid #1b90ce;
	TEXT-ALIGN: CENTER;
	VERTICAL-ALIGN: MIDDLE;
	LINE-HEIGHT: 230PX;
	FONT-WEIGHT: 600;
	FONT-SIZE: 28PX;
	opacity: 0;
	transition: 0.3s;
	cursor: pointer;
}

.PopImg:hover:after {
	opacity: 1;
}

.PopImg:hover .overlay {
	transform: translate(-34%, -30%);
}

.overlay {
	font-size: 18px;
	position: absolute;
	z-index: 999999;
	left: 50%;
	color: #000;
	height: 50px;
	width: 50px;
	top: 50%;
	transform: translate(-654%, -30%);
	transition: 0.5s;
}

.overlay i {
	color: #1c3a4a;
	font-size: 38px;
}

.page-title-banner .page-title {
	min-height: 50px;
	margin: 0 auto 0;
	overflow: hidden;
	background: rgba(27, 144, 206, 0.58);
	padding: 10px 50px 12px;
	color: #fff;
	text-align: right;
	margin: 0;
	font-weight: 600;
	line-height: 70px;
	text-transform: uppercase;
}
.page-title-banner1 .page-title {
	min-height: 50px;
	margin: 0 auto 0;
	overflow: hidden;
	background: rgba(27, 144, 206, 0.58);
	padding: 10px 50px 12px;
	color: #fff;
	text-align: right;
	margin: 0;
	font-weight: 600;
	line-height: 70px;
	text-transform: uppercase;
}

@-webkit-keyframes popUp {
	0% {}

	70% {
		-webkit-transform: scale(1.1);
		opacity: .8;
		-webkit-animation-timing-function: ease-out;
	}

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

@keyframes popUp {
	0% {}

	70% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .8;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

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

@media screen and (max-width: 900px) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;
	}
}