@FONT-FACE {
	font-family: "Poppins";
	src: url("TAJAWAL-REGULAR.TTF");
}



body {
direction: rtl;
text-align: right;
}

.owl-carousel {
direction: ltr;
}

.owl-carousel .owl-item {
direction: rtl;
}



img {
max-width: 100%;
}


html, body{
	margin:0;
	background:	#fff;
font-family: "Poppins";
font-size: 15px;line-height: 26px;
font-weight: normal;
}
h4, h5, h6,
h1, h2, h3 {
margin: 0;
font-weight: 500;
}
p{
	margin:0;
padding: 0;
}
ul,label{
	margin:0;
	padding:0;
}


li {
    list-style: none;
}

.innerimgprod{
width: 300px;
float: left;
margin-top: 0px;
border: 0px solid #008000;
margin-right: 15px; margin-bottom: 15px; 
}

.logtexxt{
display: inline-block;
vertical-align: top;
padding-top: 41px;
margin-right: 3px;
}
.achivements {
	display: inline-block;
	margin: 10px;
	width: 350px;
	height: 150px;
	text-align: center;
}

li.achivements img {
	width: 100%;
	height: 100%;
}
input[type="button"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
body a{/*
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;*/
	text-decoration:none !important;outline: none !important;

}
body a:hover{
	text-decoration:none;
}
/*-- to-top --*/
/*-- contact --*/
.contact{
	background:#253b50;
	padding-bottom:0px;
}
.contact-left{
    padding:50px 0 0px;
}
.contact-right {
    padding:50px 0 0px 60px;
}
.contact-left h2 ,.contact-right h3{
    font-size: 25px;
    color: #fff;
}
.contact-left .para {
    color: #9caec2;
    line-height: 2.2em;
    font-size: 15px;
	padding-bottom:22px;
	border-bottom:1px solid #9caec2;
    margin-top: 30px;
    margin-bottom: 20px;
}
.copy-right{
    color: #9caec2;
    font-size: 14px;
    margin-top: 50px;	
}
.copy-right a {
    color: #9caec2;
	text-decoration:none;
}
.copy-right a:hover {
	color:#FF4D4D;
}
.strip{
    background: #00b4f9;
    width: 50px;
    height: 2px;
    margin-top: 20px;	
}
.contact-left {
    border-left: 1px solid #9caec2;
}

.proagentblock{
width: 50%; float: right; text-align: center;
font-size: 18px;
line-height: 22px;
}

.contact-right input[type="text"], .contact-right input[type="email"] {
    border: 1px solid #fff;
    width: 38%;
    margin: 0 0 1.9em 0;
    outline: none;
    font-size: 13px;
    color: #fff;
    padding: 10px 12px;
    -webkit-appearance: none;
    background: none;
}
.contact-right input[type="submit"] {
    border: none;
    padding: 7px 0 9px;
    width: 22%;
    margin-top: 0px;
    font-size: 18px;
    color: #fff;
    outline: none;
    background: #FF4D4D;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -webkit-appearance: none;
}
.contact-right input[type="submit"]:hover{
	background: #19A2B1;
}
.contact-right form{
	margin-top:16px;
}
ul.con-icons li {
    color: #9caec2;
    list-style-type: none;
    font-size: 14px;
	display:inline-block;
	margin-left:10px;
}
ul.con-icons li span {
    top: 3px;
    font-size: 18px;
    margin-left: 9px;
}
ul.con-icons li a {
    color: #9caec2;	
	text-decoration:none;
}
ul.con-icons li a:hover {
	color:#FF4D4D;
}
ul.con-icons{
	margin:30px 0;
}
.fb_icons{
	margin-bottom:40px;
}
.fb_icons  li{
	list-style-type:none;
	display:inline-block;
	margin:0 2px;
	overflow:hidden;
	height:32px;
}
.fb_icons li a{
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 1px solid #9caec2;
}
.fb_icons  li a.fb{
    background: url(../images/social.png) no-repeat -48px -7px;
}
.fb_icons  li a.twit{
    background: url(../images/social.png) no-repeat -7px -7px;
}
.fb_icons  li a.goog{
    background: url(../images/social.png) no-repeat -88px -7px;
}
.fb_icons li a.pin{
    background: url(../images/social.png) no-repeat -130px -7px;
}
.fb_icons li a.drib{
    background: url(../images/social.png) no-repeat -171px -7px;
}
/*-- //contact --*/
.header {
/*
	background:none repeat scroll 0% 0% #19A2B1;
background: linear-gradient( to right , #d13b35 ,#aa0d06);
background: linear-gradient( to right , #15353c ,#15363b);
*/
border-bottom: 1px solid #ddd;



}


/*
.navbar-default .navbar-nav > li > a:hover {
color: #0d5391 !important;
}*/

.header_left {
    float: right;
    width: 50%;
}
.header_right{
	float: left;
}
.header_left ul li {
    color: #000;
    list-style-type: none;
    font-size: 14px;
    display: inline-block;
    border-right: 1px solid #ddd;
    padding: 0 18px;
line-height: 40px;
}
.header_left ul li:nth-child(2) {
    border-left: 1px solid #ddd;
}



 /*-- w3layouts --*/

.header_left ul li span {
    top: 1px;
    font-size: 14px;
    margin-left: 7px;
    border-radius: 3px;
}
.header_left ul li a {
    color: #000;
    text-decoration: none;
}
.header_left ul li a:hover{
	color: #000;
}
.login {
    float: right;
}
.login ul li {
    list-style-type: none;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 4px 11px;
    margin: 12px 6px 0 0;
}
.login ul li a {
    color: #fff;
    text-decoration: none;
	outline:none;
}
.login ul li a span {
    margin-left: 8px;
    font-size: 11px;
    top: 0px;
}
/*-- header-bottom--*/


.header-bottom .navbar-collapse {
padding: 0;
position: relative;
z-index: 2;
}


.navbar-nav {

}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.navbar-default {
    background: none;
    border: none;
}
 /*-- agileits --*/
.navbar {
    position: relative;
    min-height: inherit;
    margin-bottom: 0;
}
.navbar-default .navbar-brand {
    color: #FF4D4D;
    font-size: 32px;
    text-decoration: none;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #FF4D4D;
    background-color: transparent;
}
.nav > li > a {
padding: 43px 0 !important;
}
.logo h1 a span{
	color:#FF4D4D;
}
.logo h1 a,.logo h1 a:hover{
    color: #333;
    font-size: 18px;
    padding-top: 0;	
	text-decoration:none;	
}
.logo h1 a i{
    background: url(../images/clinic.png) no-repeat 0px 0px;
	width: 71px;
height: 94px;
	display:inline-block;	
}
/*-- nav-hover --*/
.menu__list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu__item {
	display: block;
	margin:0;
}
.menu__link {
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 /*-- w3layouts --*/
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}

.menu--horatio .menu__item {

}

.menu--horatio .menu__item {
	position: relative;
	-webkit-transition: color .25s;
	transition: color .25s;
}
.menu--horatio .menu__item a {
	position: relative;
}/*
li.menu__item.menu__item--current a.menu__link {
    color: #fff;
background: #19a2b1;
background: #0d5391;
background: #0d5391;

}*/



.menu--horatio {

display: flex;

justify-content: space-between;

align-items: center;
/*
background: #176B87;*/
}

/*
.menu--horatio .menu__item::before,
.menu--horatio .menu__item::after,
.menu--horatio .menu__item a::before,
.menu--horatio .menu__item a::after {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 2px solid currentColor;
}
.menu--horatio .menu__item::before {
	border-width: 0 0 0 2px;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
.menu--horatio .menu__item::after {
	border-width: 0 2px 0 0;
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.menu--horatio .menu__item a::before,
.menu--horatio .menu__item a::after {
	z-index: 2;
}
.menu--horatio .menu__item a::before {
	border-width: 2px 0 0;
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

.menu--horatio .menu__item a::after {
	border-width: 0 0 2px;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menu--horatio .menu__item--current::before,
.menu--horatio .menu__item--current::after,
.menu--horatio .menu__item:hover::before,
.menu--horatio .menu__item:hover::after,
.menu--horatio .menu__item--current a::before,
.menu--horatio .menu__item--current a::after,
.menu--horatio .menu__item:hover a::before,
.menu--horatio .menu__item:hover a::after {
	content: '';
	border-color:#FF4D4D;
}

.menu--horatio .menu__item:not(.menu__item--current):hover::before,
.menu--horatio .menu__item:not(.menu__item--current):hover::after,
.menu--horatio .menu__item:not(.menu__item--current):hover a::before,
.menu--horatio .menu__item:not(.menu__item--current):hover a::after {
	-webkit-animation: horatio-anim .6s ease-in-out;
	animation: horatio-anim .6s ease-in-out;
}

.menu--horatio .menu__item:not(.menu__item--current):hover::before {
	-webkit-animation-delay: -.45s;
	animation-delay: -.45s;
}

.menu--horatio .menu__item:not(.menu__item--current):hover a::before {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s;
}

.menu--horatio .menu__item:not(.menu__item--current):hover::after {
	-webkit-animation-delay: -.15s;
	animation-delay: -.15s;
}

.menu--horatio .menu__item:not(.menu__item--current):hover a::after {
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

@-webkit-keyframes horatio-anim {
	0%, 33% {
		opacity: 0;
		-webkit-transform: rotate(45deg) scale(1.5);
		transform: rotate(45deg) scale(1.5);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes horatio-anim {
	0%, 33% {
		opacity: 0;
		-webkit-transform: rotate(45deg) scale(1.5);
		transform: rotate(45deg) scale(1.5);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}*/
.header-bottom {

}
.navbar-default .navbar-nav > li > a {
color: #333 !important;
font-size: 15px !important;
font-weight: 500;
}






	





.navbar-default .navbar-nav > li {
    position: relative;z-index: 9;
margin-right: 40px;
}


.navbar-default .navbar-nav li .moeer-plus {
position: absolute;
left: -15px;
color: #000;
top: 42px;
}

.navbar-default .navbar-nav li.dropdown:after {
content: "\f104";
  font-size: 14px;
font-family: "Font Awesome 5 Pro";
  visibility: visible;
  display: inline-block;
 position: absolute;
font-weight: 900;
left: 8px;
top: 8px;

}

.navbar-default .navbar-nav li a:hover {
/*
background: #0d5391;
color: #fff;*/
}





.navbar-default .navbar-nav > li > a:before {
position: absolute;
margin-top: 12px;
height: 2px;
width: 0%;
background-color: #0d5391;
z-index: 3;
content: "";
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
background-color: #0d5391;
top: auto;
height: 5px;
bottom: 0;
}


.navbar-default .navbar-nav > li.menu__item.menu__item--current a:before {
right: 0;
width: 100%;
}



.navbar-default .navbar-nav li.dropdown:hover:after {
/*color: #fff;*/
}


.navbar-default .navbar-nav .sup_menu li a {
border-bottom: 1px solid #eee;
}

.navbar-default .navbar-nav li a {
    color: #333;
    font-size: 14px;
    	display: block;
padding: 8px 17px 8px 8px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 /*-- w3layouts --*/
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navbar-default .navbar-nav > li ul.sup_menu {
 position: absolute;
top: 100%;
right: 0;
list-style: none;
min-width: 270px;
background: #fff;   
z-index: 9;
display: none;
 transition: all ease-in-out 0.4s;box-shadow: 1px 1px 8px #00000012;
}

.navbar-default .navbar-nav > li ul.sup_menu ul.sup_menu {
  right: 100%;
  top: 0;
}




@media (min-width: 992px){
.navbar-default .navbar-nav li:hover > ul.sup_menu {
display: block;
}
}








/*-- //nav-hover --*/
/* General link styles */
.link {
	outline: none;
	text-decoration: none;
	position: relative;
	line-height: 1;
	display: inline-block;
}
/* Nukun */
.link--nukun {
	text-transform: uppercase;
	overflow: hidden;
    padding: 10px 0 0;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.link--nukun::after {
	background: #ACD07A;
	-webkit-transform: translate3d(-300%,0,0) scale3d(0,1,1);
	transform: translate3d(-300%,0,0) scale3d(0,1,1);
}

.link--nukun:hover::before {
	-webkit-transform: translate3d(300%,0,0) scale3d(0,1,1);
	transform: translate3d(300%,0,0) scale3d(0,1,1);
}

.link--nukun:hover::after {
	-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
	transform: translate3d(0,0,0) scale3d(1,1,1);
}

.link--nukun span {
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 0.5s, color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--nukun:hover span {
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,180deg);
	transform: perspective(1000px) rotate3d(0,1,0,180deg);
}


/*-- //header-bottom--*/
/*-- Slider Part starts Here --*/
#slider3,#slider4  {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  margin-left: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-right: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: right;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	right: 0;
	left: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
  	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 61%;
	right: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 62px;
	width: 45px;
	margin-top: -65px;
}
.callbacks_nav:active {
  opacity: 1.0;
}
a.callbacks_nav.callbacks1_nav.prev {
	background: transparent url("../images/themes.html") no-repeat 0px 0px;
  right: -3.1%;
}
.callbacks_nav.next {
	background: transparent url("../images/themes.html") no-repeat -46px 0px;
  right: 100%;
}
#slider3-pager a,#slider4-pager a  {
  display: inline-block;
}
#slider3-pager span,#slider4-pager span{
}
#slider3-pager span,#slider4-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a ,#slider4-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a ,#slider4-pager a {
  padding: 0;
}
#slider3-pager li, #slider4-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  right: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
}

.callbacks_tabs{
    list-style: none;
    position: absolute;
    top: 95.7%;
    z-index: 999;
    right: 34.5%;
    padding: 0;
    margin: 0;
}
ul.callbacks_tabs.callbacks2_tabs {
    top: 107%;
    right: 0%;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url(../images/img-resources.html)no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
}
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
	display: inline-block;
}


.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
    height: 6px;
    width: 48px;
  display:inline-block;
  background: #ccc;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
}
.callbacks_here a:after{
	background: #19A2B1;	
}
a.callbacks_nav.callbacks2_nav.prev {
background: transparent url("../images/2.html") no-repeat left top;
width:23px;
height:23px;
}
a.callbacks_nav.callbacks2_nav.next{
background: transparent url("../images/2.html") no-repeat -29px 0px;
width:23px;
height:23px;
}
a.callbacks_nav.callbacks2_nav.prev {
right: 86% !important;
top: 9%;
}
a.callbacks_nav.callbacks2_nav.next {
left: 0% !important;
top: 9%;
}
/*-- Slider part Ends Here --*/

/*-- login --*/
.modal-body {
    padding: 15px 38px 30px;
}
.login-right input[type="text"] ,.login-right input[type="password"] ,.login-bottom input[type="text"] ,.login-bottom input[type="password"]{
    width: 100%;
    padding: 10px;
    font-weight: normal;
    background: none;
    border: 1px solid #E6E4E4;
    color: #D2D1D1;
    outline: none;
    font-size: 14px;
    margin: 6px 0 17px 0px;
}
.login-right input[type="text"]:hover, .login-right input[type="password"]:hover, .login-bottom input[type="text"]:hover, .login-bottom input[type="password"]:hover{
    border: 1px solid #FF4D4D;	
}
.login-right h4,.login-bottom h4 {
    color: #000000;
    font-size: 14px;
    margin: 0 0 0px 0;

}

.login-right input[type="submit"],.login-bottom input[type="submit"]{
	background:#7B7B7B;
    color: #fff;
    font-size: 17px;
    border: none;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    padding: 8px 15px 9px 15px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.login-right input[type="submit"]:hover,.login-bottom input[type="submit"]:hover {

    background: #FF4D4D;
}
.modal-dialog {
    width: 525px;
    margin: 92px auto 0;
}
.modal-header {
    border-bottom: none;
}
.login-right h3 ,.login-bottom h3{
    color: #FF4D4D;
    font-size: 22px;
    margin-bottom: 23px;
}
.sign-in a {
    font-size: 12px;
    color: #A9A9A9;
    text-decoration: none;
}
.sign-in a:hover{
    color: #FF4D4D;	
}
.single-bottom input[type="checkbox"] {
  display: none;
}
.single-bottom input[type="checkbox"]+label {
    position: relative;
    padding-right: 31px;
    border: none;
    outline: none;
    font-size: 14px;
    color: #A9A8A8;
	font-weight:normal;
}
.single-bottom input[type="checkbox"]+label span:first-child {
	width: 14px;
    height: 14px;
    display: inline-block;
    border:2px solid #FF4D4D;
    position: absolute;
    right: 0;
    top: 4px;
}
.single-bottom input[type="checkbox"]:checked+label span:first-child:before {
  content: "";
  background:url(../images/mark1.png)no-repeat;
  position: absolute;
  right: -1px;
  top: -1px;
  font-size: 10px;
  width:16px;
  height:16px;
  }
.single-bottom {
    margin:14px 0 22px;
}
.login-grids p{
	font-size:13px;
	text-align:center;
	margin-top:30px;
	color:#000;
}
.login-grids p a {
    color: #000;
    text-decoration: none;
}
.login-grids p a:hover{
    color: #FF4D4D;	
}
/*-- //login --*/
/*-- banner --*/
.banner1{
    background: url(../images/n1.png) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 455px;		
}
.banner2{
    background: url(../images/n2.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 455px;		
}
.banner3{
    background: url(../images/n3.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 455px;		
}
.banner4{
    background: url(../images/n4.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 455px;		
}
.banner5{
    background: url(../images/n5.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 455px;		
}
.banner-info,.banner-info2 {
    margin-top: 11em;
}
.banner-info h3,.banner-info2 h3 {
    color: #19A2B1;
    font-size: 35px;
    line-height: 1.5em;
}
.banner-info h3 span,.banner-info2 h3 span {
    display: block;
}
/* Outline Out */
.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #FF4D4D;
    padding: 11px 19px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #FF4D4D solid 4px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
  color:#fff !important;
}
.hvr-outline-out:hover:before,.hvr-outline-out:focus:before,.hvr-outline-out:active:before {
  top: -8px;
  left: -8px;
  bottom: -8px;
  right: -8px;

}
.hvr-outline-out:hover{
  color:#fff !important;	
}
.banner-info p {
    font-size: 14px;
    color: #464646;
    line-height: 2.2em;
    width: 54%;
    margin: 15px 0 34px;
}
.banner-info2 p{
    font-size: 14px;
    color: #fff;
    line-height: 2.2em;
    margin: 30px 0 45px;	
}
/*-- //banner --*/
/*-- content --*/
.content_left ul li{
	list-style-type:none;
	color:#464646;
	line-height:2.5em;
    text-indent: 2em;
}
.content_left ul li a{
    color: #fff;
    text-decoration: none;
    background: url(../images/ar1.png) no-repeat 0px 2px;
    padding-right: 36px;	
}
.content_left ul li a:hover {
    padding-right: 44px;
}
.content_left h3 {
    color: #fff;
    font-size: 27px;
    margin-bottom: 30px;
    text-align: center;
}
.welcome {
background: none repeat scroll 0% 0% #19A2B1;
height: 358px;
min-width: 739px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 10%;
padding-left: 10%;
overflow: hidden;
}
.welcome li{
background: url("../images/ar1.png") no-repeat scroll 0px 5px transparent;
list-style: none;
padding-right: 30px;
margin-top: 8px;
}
.content_right {
    padding-top: 10px;
}
.welcome,.content_middle{
    padding-top: 57px;
}

.content_middle h3{
    color: #19A2B1;
    font-size: 27px;
    margin-bottom: 30px;
    text-align: center;		
}
.content_middle input[type="text"],.content_middle select{
	background:none;
	color:#999;
	border:1px solid #19A2B1;
	outline:none;
	width:100%;
	margin-bottom:15px;
	padding:8px 10px;	
}
.content_middle input[type="submit"]{
	background:#FF4D4D;
	padding:10px 20px;
	font-size:16px;
	color:#fff;	
	border:none;
	outline:none;
}
.content_middle input[type="submit"]:hover{
	background:#19A2B1;
}
/*-- //content --*/
/*-- services --*/
.services{
    background: url(../images/1.jpg) no-repeat center;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 5;
}

/*
.services_left h3 {
    color: #65AFB7;
    font-size: 32px;
}
.ser-para {
	line-height:2.2em;
	color:#fff;
	font-size:14px;
    margin: 27px 0 35px;
height: 149px;
overflow: hidden;
border: 0px solid red;
}
.ser-bottom {
    margin-top: 40px;
}
.ser-bottom h5 {
    color: #BBB;

    line-height: 2em;
    font-style: italic;
}
.ser-bottom p {
    color: #fff;
    margin-top: 20px;
    font-size: 20px;
}
.list-left{

}
.list-left span {
    color: #FF4D4D;
    font-size: 25px;
    padding: 20px 20px;
    border: 1px solid #fff;
}
.list-right:hover.list-left span {
    color: #fff;
    border: 1px solid #FF4D4D;
	border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius:100%;
    -ms-border-radius:100%;
    -moz-border-radius:100%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.list-left h4 {
    color: #65AFB7;
    font-size: 20px;
    margin: 20px 0;
}
.list-left p {
    color: #fff;
    line-height: 2.2em;
    font-size: 14px;
}
.no_marg{
	margin-top:40px;
}*/



.services-section-two{
	position:relative;
background: #16383b;
background: linear-gradient(to right , #0d5391 , #0b375e);

}

.services-block-two{
	position:relative;
	padding:0px;
border-right: 1px solid #fff3;
}

.services-block-two:first-child {
border-right: 0;
}


.services-block-two .inner-box{
	position:relative;
	text-align:center;
	padding:50px 35px 40px;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-two .inner-box:hover{
	background-color:#0d5391;
}

.services-block-two .inner-box .upper-box{
	position:relative;
}

.services-block-two .inner-box .upper-box .icon-box{
	position: relative;
    color: #fff;
    font-size: 52px;
    line-height: 1em;
    margin-bottom: 20px;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
width: 100px;
height: 100px;
background: #fff3;
border-radius: 50%;
margin: 20px auto;
line-height: 100px;
}

.services-block-two .inner-box:hover .upper-box .icon-box,
.services-block-two .inner-box:hover .upper-box h3 a,
.services-block-two .inner-box:hover .lower-content .text{
	color:#ffffff;
}

.services-block-two .inner-box .upper-box h3{
	position: relative;
    font-size: 22px;
    font-weight: 500;
	padding-bottom:18px;
	margin-bottom:20px;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-two .inner-box .upper-box h3 a{
	position:relative;
	color: #fff;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-two .inner-box .upper-box h3:after{
	position: absolute;
    content: '';
    right: 50%;
    bottom: 0px;
    width: 40px;
    height: 3px;
    margin-right: -20px;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    background-color: #e0e0e0;
}

.services-block-two .inner-box:hover .upper-box h3:after{
	background-color:rgba(255,255,255,0.40);
}

.services-block-two .inner-box .lower-content{
	position:relative;
}

.services-block-two .inner-box .lower-content .text{
	position:relative;
	color:#bcced0;
	font-size:16px;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:0;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;height: 200px;
overflow: hidden;
}


.services-block-two .inner-box .lower-content .know-more{
	position: relative;
    color: #ffffff;
    font-size: 14px;
	opacity:0;
	visibility:hidden;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    font-family: 'Poppins', sans-serif;
}


/*-- //services --*/
/*-- team --*/
.ind-gds img {
    width: 100%;
}
.ind-team {
    padding: 100px 0 ;
}
.ind-team h3 {
    font-size: 35px;
    color: #19A2B1;
    text-align: center;
    margin-bottom: 30px;
}
.team-img{
	position:relative;
}
.team-info {
    position: absolute;
    bottom: 2px;
    right: 5px;
    background: rgba(255, 255, 255, 0.59);
    width: 97%;
    text-align: center;
    padding: 21px 0;
}
.ind-gds h4 {
    color: #FF4D4D;
    font-size: 20px;
    margin: 26px 0 11px;
}
.ind-gds p {
    color: #464646;
    font-size: 14px;
    font-weight: 600;
}
.team-info ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 2px;
    overflow: hidden;
    height: 32px;
}
.team-info ul li a.eco1 {
    background: url(../images/social.png) no-repeat -7px -7px;
}
.team-info ul li a.eco2 {
    background: url(../images/social.png) no-repeat -48px -7px;
}
.team-info ul li a.eco3 {
    background: url(../images/social.png) no-repeat -88px -7px;
}
.team-info ul li a.eco4 {
    background: url(../images/social.png) no-repeat -130px -7px;
}
.team-info ul li a.eco5 {
    background: url(../images/social.png) no-repeat -171px -7px;
}
.team-info ul li a {
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 1px solid #9caec2;
}
/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background:#FF4D4D;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*-- //team --*/
.capacity{
	padding:100px 0;
	background:#f7f7f7;
}
.capabil_grid1{
	font-size:60px;

	color:#19A2B1;
}
.capabil_grid2{
	font-size:60px;

	color:#b7c439;
}
.capabil_grid3{
	font-size:60px;

	color:#FF4D4D;
}
.capabil_grid4{
	font-size:60px;

	color:#464646;
}
.capil_text {
    border: 3px solid #000;
    width: 202px;
    height: 202px;
	margin:0 auto;
    padding-top: 44px;
    border-radius: 100%;
    border-right: 3px solid #01A4E4;
    border-top: 3px solid #01A4E4;
}
.capil_text p {
    color: #464646;
    font-size: 16px;
    font-weight: 600;

}
.capacity h3 {
    font-size: 35px;
    color: #19A2B1;
    text-align: center;
    margin-bottom: 30px;
}
/*-- //capacity --*/
/*-- contact --*/
.page_head{
    background: url(../images/banner3.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
	min-height:230px !important;
}
.map_contact,.typrography,.gallery,.about-page{
	padding:100px 0;
}
h3.tittle{
	text-align:center;
    font-size: 38px;
    color: #19A2B1;
	margin-bottom:35px;
}
.map iframe{
	width:100%;
	min-height:400px;
}
.contact-grid input[type="text"],.contact-grid input[type="email"],.contact-grid textarea,.contact-grid input[type="password"]{
	outline:none;
	border:1px solid #E9E9E9;
	width:100%;
	background:none;
	color:#999;
	font-size:14px;
	padding:12px 10px;
}
.contact-grid input[type="text"]:hover,.contact-grid input[type="email"]:hover,.contact-grid textarea:hover.contact-grid input[type="password"]:hover{
    border: 1px solid #FF4D4D;	
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.contact-grid textarea{
	min-height:141px;
	resize:none;
}
.contact-grid input[type="email"],.contact-grid textarea{
	margin:.5em 0;
}
.contact-grid input[type="password"]{
	margin-bottom:.5em;	
}
.contact-grid input[type="submit"]{
	outline:none;
	border:none;
	width:100%;
	background:#FF4D4D;
	color:#fff;
	font-size:18px;
	padding:12px 0px;
	text-transform:uppercase;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.contact-grid input[type="submit"]:hover{
	background:#19A2B1;
}
.contact-left-map p {
    font-size: 14px;
    color:#464646;
    line-height: 2.2em;
}
.contact-list {
    margin: 2.2em 0;
    padding: 0;
}
.contact-list li {
  display: block;
  margin: 0 0 1em 1em;
  font-size: 15px;
  color: #464646;
}
.contact-list li a{
	text-decoration: none;
	color: #464646;
	transition:.5s all;
}
.contact-list li a:hover{
	color:#19A2B1;
}
.contact-list li span{
	color:#FF4D4D;
	right: -1em;
}
.contact-grids{
	margin-bottom:90px;
}
/*-- //contact --*/
/*-- shortcodes --*/
/*--trypography--*/
.mb-60 {
    padding-right: 0;
}
.mb-60 h4 {
    margin: 36px 0 38px;
    font-size: 24px;
}
.tab-content {
	padding: 15px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px;
	border-top: none;
}
.nav-tabs {
	border: none;
}
.nav-tabs > li {
	float: right;
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	background: #f8f8f8;
	margin-left: 3px;
	border: none;
	border-radius: 0;
	font-size: 14px;
	color: #555;
	padding: 12px 20px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.nav-tabs > li > a .fa {
	margin-left: 10px;
}
.nav-tabs > li.active > a{
	border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: #000000;
	border: none;
	border-radius: 0;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #000000;
}
.nav-tabs > li > a i {
	font-size: 32px;
	margin-left: 20px;
	vertical-align: middle;
}
.tab-content p {
    line-height: 2.2em;
    font-size: 14px;
}
.grid_4{
	background:#fff;
	padding:0em 0em 0em 0em;
}  
.grid_5{
	background:#fff;
	padding:1em 0 2em 0;
}

.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  font-size: 0.8em;
  color: #999;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
h4.typ1{
	margin-bottom:15px;
}
h5.typ1{
	margin-bottom:15px;
}
.progress {
  height: 8px;
  box-shadow: none;
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #eeeeee;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: right;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #03a9f4;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar {
  box-shadow: none;
}
.progress-bar-primary {
  background-color: #03a9f4;
}
.progress-bar-info {
  background-color: #00bcd4;
}
.progress-bar-success {
  background-color: #8bc34a;
}
.progress-bar-warning {
  background-color: #ffc107;
}
.progress-bar-danger {
  background-color: #e51c23;
}
.progress-bar-inverse {
  background-color: #757575;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color:#5bb2fc !important;
  border-color:#5bb2fc !important;
}
.grid_3 p,.page-header p {
  color: #888;
  font-size: 14px;
  line-height:2em;
  margin: 1em 0 2em;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables  p {
 margin-top: 1em;
}
.breadcrumb li{
	font-size:0.85em;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}
.nav-tabs {
  margin-bottom: 1em;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
line-height:1.8em;
  margin-top:0.5em;
  margin-bottom: 0.5em;
}
.bars {
  margin-bottom: 0.8em;
    color: #FF4D4D;
}
li.list-group-item1 {
  line-height: 2.5em;
}
ol {
  margin-bottom: 44px;
}
.list-group {
  margin-bottom: 48px;
}
.input-group {
  margin-bottom: 20px;
}
/*--//trypography--*/
/*-- gallery --*/
.img-box-content, .gal-text-box {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.img-box-content img, .gal-text-box img {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.img-box-content {
  position: relative;
}
.gal-text-box {
  top: 0;
  right: 0;
  position: absolute;
}
.gal-text-box .info-gal-con {
  display: block;
  position: relative;
  padding: 2%;
  right: 50%;
  top: 50%;
  position: relative;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

.separator {
  display: block;
  position: relative;
  height: 1px;
  width: 60%;
  margin: 10px auto;
  background: rgba(255, 255, 255, 0.5);
  clear: both;
}


.gal-spin-effect {
  display: block;
  overflow: hidden;
  position: relative;

}
.gal-spin-effect .gal-text-box {
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateZ(0) scale(2, 2);
  -moz-transform: translateZ(0) scale(2, 2);
  -ms-transform: translateZ(0) scale(2, 2);
  -o-transform: translateZ(0) scale(2, 2);
  transform: translateZ(0) scale(2, 2);
  color: #e6e6e6;
}
.gal-spin-effect .gal-text-box * {
  z-index: 3;
}
.gal-spin-effect .gal-text-box:after, .gal-spin-effect .gal-text-box:before {
  content: "";
  display: block !important;
  position: absolute;
  visibility: visible !important;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
.gal-spin-effect.vertical .gal-text-box:before {
  -webkit-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  transform: translateZ(0) translateX(100%) rotateZ(180deg);
}
.gal-spin-effect.vertical .gal-text-box:after {
  -webkit-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  transform: translateZ(0) translateX(-100%) rotateZ(180deg);
}
.gal-spin-effect.vertical:hover .gal-text-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1, 1);
  -moz-transform: translateZ(0) scale(1, 1);
  -ms-transform: translateZ(0) scale(1, 1);
  -o-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}
.gal-spin-effect.vertical:hover .gal-text-box:before {
  -webkit-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  transform: translateZ(0) translateX(50%) rotateZ(0deg);
}
.gal-spin-effect.vertical:hover .gal-text-box:after {
  -webkit-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  transform: translateZ(0) translateX(-50%) rotateZ(0deg);
}
.gal-spin-effect.horizontal .gal-text-box:before {
  -webkit-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  transform: translateZ(0) translateY(100%) rotateZ(180deg);
}
.gal-spin-effect.horizontal .gal-text-box:after {
  -webkit-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  transform: translateZ(0) translateY(-100%) rotateZ(180deg);
}
.gal-spin-effect.horizontal:hover .gal-text-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1, 1);
  -moz-transform: translateZ(0) scale(1, 1);
  -ms-transform: translateZ(0) scale(1, 1);
  -o-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}
.gal-spin-effect.horizontal:hover .gal-text-box:before {
  -webkit-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  transform: translateZ(0) translateY(50%) rotateZ(0deg);
}
.gal-spin-effect.horizontal:hover .gal-text-box:after {
  -webkit-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  transform: translateZ(0) translateY(-50%) rotateZ(0deg);
}
.info-gal-con h4 {
    font-size: 28px;
    margin-bottom: 30px;
}
.info-gal-con p {
    font-size: 14px;
    line-height: 2.2em;
}
.baner-top a {
    padding: 10px 10px;
    display: block;
    box-shadow: 0px 0px 9px #BDBDBD;
}
.ban-mar{
	margin:25px 0;
}
.baner-top img {
    width: 100%;
}
/*-- //gallery --*/
/*-- about --*/
p.para_abt {
    font-size: 24px;
    line-height: 1.8em;
    text-align: center;
    font-style: italic;
    color: #464646;
    margin-top: 40px;
}
.about_img img {
    width: 100%;
}
.choose-grid h4 {
    font-size: 23px;
    color: #FF4D4D;
	line-height:1.4em;
} 
.choose-grid p {
    font-size: 14px;
    line-height: 2em;
    color: #464646;
    margin-top: 1.2em;
}

.choose-grid:nth-child(2) {
    margin: 25px 0 0 0;
}

.testimonials {
    background: #f7f7f7;
	padding:100px 0;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
}
.testimonials-grid1{
	text-align:center;
}
.testimonials-grid1 img{
    width: 24%;
    margin: 0 auto;
    padding: 8px;
    border: 2px dotted #FF4D4D;
    border-radius: 100%;
}
.testimonials-grid1 p {
    font-size: 1.5em;
    color: #FF4D4D;
    margin: 1em 0 0;
}
.testimonials-grid2 {
	padding:1em;
	background:#969696;
	position:relative;
	margin: 2em 0 0;
}
.testimonials-grid2:before{
	content: '';
    position: absolute;
    top:-9.5%;
    right: 48%;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #969696;
}
.testimonials-grid2 p{
	font-size:14px;
	color:#fff;
	line-height:1.8em;
	margin:0;
}
/*-- //about --*/
/*-- responsive media queries --*/

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
 
@media (max-width: 1440px){
.welcome {
background: none repeat scroll 0% 0% #19A2B1;
height: 358px;
min-width: 739px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 10%;
padding-left: 10%;
}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 1366px){
	.welcome {
background: none repeat scroll 0% 0% #19A2B1;
height: 358px;
min-width: 739px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 10%;
padding-left: 10%;
}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 1280px){
.welcome {
background: none repeat scroll 0% 0% #19A2B1;
height: 358px;
min-width: 739px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 10%;
padding-left: 10%;
}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 1200px){
.welcome {	
background: none repeat scroll 0% 0% #19A2B1;
height: 292px;
min-width: 668px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 10%;
padding-left: 10%;
}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 1080px){
.welcome {	
background: none repeat scroll 0% 0% #19A2B1;
height: 292px;
min-width: 668px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 10%;
padding-left: 10%;
}
	.map iframe {
		min-height: 320px;
	}
	.page_head {
		min-height: 187px !important;
	}
	.callbacks_tabs {
		right: 38.5%;
	}
	.content_left h3,.content_middle h3 {
		font-size: 22px;
	}
	.content_left ul li {
		text-indent: 1em;
	}
	.content_left ul li a {
		padding-right: 20px;
	}
	.content_left ul li a:hover {
		padding-right: 26px;
	}
	.content_middle input[type="text"], .content_middle select {
		font-size: 13px;
	}
	.content_middle input[type="submit"] {
		padding: 8px 10px;
		font-size: 14px;
	}
	.welcome, .content_middle {
		padding-top: 40px;
	}
	.welcome {	
background: none repeat scroll 0% 0% #19A2B1;
height: 322px;
min-width: 616px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 2%;
padding-left: 2%;
}
	.content_right {
		padding-top: 40px;
	}
	.capabil_grid2 ,.capabil_grid1,.capabil_grid3,.capabil_grid4{
		font-size: 54px;
	}
	.contact {
		padding-bottom: 72px;
	}
	.contact-left {
		padding: 72px 0 55px;
	}
	.contact-right {
		padding: 72px 0 0px 45px;
	}
	.choose-grid h4 {
		font-size: 18px;
	}
	.choose-grid:nth-child(2) {
		margin: 14px 0 0 0;
	}
	.choose-grid p {
		margin-top: 1em;
	}
	p.para_abt {
		font-size: 20px;
	}
	.services,.ind-team,.capacity,.map_contact, .typrography, .gallery, .about-page,.testimonials {
		padding: 72px 0;
	}
	.testimonials-grid2:before {
		top: -6.5%;
	}
	.info-gal-con h4 {
		font-size: 22px;
		margin-bottom: 16px;
	}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}	
}
@media (max-width: 1024px){
	.banner2,.banner1 {
		min-height: 455px;
	}
	.banner-info, .banner-info2 {
		margin-top: 6em;
	}
	.banner-info h3, .banner-info2 h3 {
		font-size: 27px;
	}
	.banner-info p {
		font-size: 13px;
		width: 62%;
	}
	.banner-info2 p,.content_left ul li,.services_left .ser-para,.list-left p,.ser-bottom h5,.contact-left .para,ul.con-icons li,.copy-right,.capil_text p,.ind-gds p,.choose-grid p,.testimonials-grid2 p,.info-gal-con p,.contact-left-map p{
		font-size: 13px;	
	}
	.banner2, .banner1 {
		min-height: 430px;
	}
	.content_left ul li {
		line-height: 2.7em;
	}
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea, .contact-grid input[type="password"] {
		font-size: 13px;
		padding: 8px 10px;
	}
	.contact-list li{
		font-size: 13px;
	}
	.contact-grids {
		margin-bottom: 72px;
	}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}	
}
@media (max-width: 991px){
	.navbar-default .navbar-nav > li > a {
		font-size: 13px;
	}

	.logo.grid a {
		font-size: 18px;
	}
	.link--nukun {
		padding: 5px 0 0;
	}
	.header_left ul li {
		padding: 16px 13px;
	}
	.hvr-outline-out {
		padding: 8px 14px;
		font-size: 13px;
	}
	.callbacks_tabs a:after {
		height: 4px;
		width: 33px;
	}
	.content_left,.content_middle {
		float: right;
		width:50%;
	}
	.content_right{
		float:none;
		width:50%;
		margin:0 auto 30px;
	}
	.content_right {
		padding-top: 50px;
	}
	.content_left ul li {
		text-indent: 2.1em;
	}
	.services_left {
		padding: 0;
	}
	.services_right {
		margin-top: 74px;
	}
	.ser-para {
		margin: 17px 0 21px;
height: 139px;
overflow: hidden;
border: 0px solid red;
	}
	.ser-bottom {
		margin-top: 18px;
	}
	.ser-bottom p {
		margin-top: 12px;
	}
	.ind-gds {
		float: right;
		width: 33.333%;
		padding: 0 10px;
	}
	.capabil_grid1,.capabil_grid2,.capabil_grid3,.capabil_grid4 {
		float: right;
		width: 25%;
		padding: 0 10px;
	}
	.capil_text {
		padding-top: 35px;
		width: 150px;
		height: 150px;
	}
	.capabil_grid2, .capabil_grid1, .capabil_grid3, .capabil_grid4 {
		font-size: 34px;
	}
	.contact-left ,.contact-right{
		width: 50%;
	}
	.contact-left .para {
		padding-bottom: 33px;
		padding-left: 9px;
	}
	.copy-right {
		margin-top: 36px;
		padding-left: 9px;
		line-height: 1.8em;
	}
	.contact-right input[type="text"], .contact-right input[type="email"] {
		width: 100%;
		margin: 0 0 1em 0;
		padding: 7px 12px;
	}
	.fb_icons {
		margin-bottom: 24px;
	}
	ul.con-icons {
		margin: 23px 0;
	}
	.contact-right form {
		margin-top: 17px;
	}
	.contact-right input[type="submit"] {
		padding: 6px 0 6px;
		width: 27%;
		font-size: 15px;
	}
	.contact-left h2, .contact-right h3 {
		font-size: 22px;
	}
	.contact-right {
		padding: 72px 0 0px 29px;
	}
	.about_img img {
		width: inherit;
	}
	.choose-grid h4 {
		font-size: 20px;
	}
	.about_img {
		padding: 0;
	}
	.about_img_left {
		margin-top: 35px;
	}
	p.para_abt {
		font-size: 17px;
		margin-top: 25px;
	}
	.testimonials-grid {
		float: right;
		width: 50%;
		padding: 0 6px;
	}
	.testimonials-grid1 img {
		width: 32%;
		margin: 0 auto;
	}
	.testimonials-grid1 p {
		font-size: 1.3em;
	}
	.baner-top {
		float: right;
		width: 50%;
		padding: 0 10px;
	}
	.ban-mar {
		margin: 25px 0 0;
	}
	.baner-top:nth-child(7),.baner-top:nth-child(8) {
		margin-top: 25px;
	}
	.contact-grid,.contact-left-map {
		float: right;
		width: 50%;
	}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}	
}

@media (max-width: 800px){
	h3.tittle {
		font-size: 34px;
	}
	.map iframe {
		min-height: 250px;
	}
	.header_left ul li,.login ul li {
		font-size: 13px;
	}
	.contact-grids {
		margin-bottom: 51px;
	}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}	
}
@media (max-width: 768px){
	#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 767px){
	ul.nav.navbar-nav.menu__list {
		width: 100%;display: block;
	}




.navbar-default .navbar-nav > li {
margin: 0 !important;
}



	.navbar-collapse {
		padding-left: 0px;
		padding-right: 0px;
	}	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle {
		border-color: #000;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background: none;
	}
	.menu--horatio .menu__item--current::before, .menu--horatio .menu__item--current::after, .menu--horatio .menu__item:hover::before, .menu--horatio .menu__item:hover::after, .menu--horatio .menu__item--current a::before, .menu--horatio .menu__item--current a::after, .menu--horatio .menu__item:hover a::before, .menu--horatio .menu__item:hover a::after {
		content: initial;
	}
	.navbar-default .navbar-nav > li > a {
border-bottom: 1px solid #fff3;
border-bottom: 1px solid #ddd;
	}


.navbar-default .navbar-nav > li > a:before { 
display: none;
}

.nav > li > a,
	li.menu__item.menu__item--current a.menu__link {
padding: 10px 8px !important;
	}
	.contact-grid, .contact-left-map {
		padding: 0 10px;
	}
	.contact-list {
		margin: 1.5em 0 0;
	}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}


.navbar-default .navbar-nav > li .moeer-plus {
  position: absolute;
  left: 0;
  width: 45px;
  height: 35px;
  text-align: center;
  top: 0;
  line-height: 35px;
  border-right: 1px solid #fff3;cursor: cell;
}

}
@media (max-width: 667px){
	.banner-info p {
		width: 77%;
		margin: 9px 0 15px;
	}	
	.header_left ul li {
		padding: 11px 6px;
	}
	.header_left {
		float: right;
		width: 56%;
	}
	.login ul li {
		margin: 9px 6px 0 0;
	}
	.page_head {
		min-height: 127px !important;
	}
	.contact-grid, .contact-left-map {
		padding: 0;
		width: 100%;
	}
	.contact-grids {
		margin-bottom: 0px;
	}
	.contact-left-map {
		margin: 30px 0;
	}
	.contact-right {
		float: right;
		width: 100%;
	}
	.contact-left{
		float: left;
		width: 100%;
	}
	.contact-left {
		border: none;
	}
	.contact-left {
		padding: 45px 0 0px;
	}
	
	.contact-right input[type="text"], .contact-right input[type="email"] {
		width: 35%;
	}
	.contact-right input[type="submit"] {
		padding: 6px 0 8px;
	}
	.contact-right input[type="text"], .contact-right input[type="email"] {
		margin: 0 0 0em 0;
	}
	.callbacks_tabs {
		right: 36.5%;
	}
	.capil_text {
		padding-top: 25px;
		width: 130px;
		height: 130px;
	}
	.capabil_grid2, .capabil_grid1, .capabil_grid3, .capabil_grid4 {
		font-size: 31px;
	}
	.contact-right {
		padding: 72px 0 0px 0px;
	}
	.copy-right{
		text-align:center;
	}

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 640px){
	.banner-info h3, .banner-info2 h3 {
		font-size: 20px;
	}
	.banner-info2 p {
		line-height: 2em;
		margin: 12px 0 26px;
	}
	.banner-info h3 span, .banner-info2 h3 span {
		display: inline-block;

	}
	.banner-info h3, .banner-info2 h3 {
		width: 75%;
	}
	.banner-info2 h3 {
		margin:0 auto;
	}
	.banner-info p {
		width: 100%;
	}
	.banner2, .banner1 {
		min-height: 384px;
	}
	.banner-info, .banner-info2 {
		margin-top: 5em;
	}
	.content_left ul li {
		text-indent: 1em;
	}
	.services_left h3,.ind-team h3,h3.tittle,.capacity h3 {
		font-size: 28px;
	}
	.ind-gds {
		float: none;
		width: 70%;
		padding: 0;
		margin: 0 auto;
	}
	.testimonials-grid1 img {
		width: 43%;
	}
	.about_img img {
		width: 100%;
	}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 600px){
	.header_left {
		float: right;
		width: 59%;
	}
	.mfp-close {
		left: 14px;
	}
	.modal-dialog {
		width: 454px;
	}	
	.content_left,.content_middle{
		width: 61%;
		float: none;
		margin: 0 auto;
	}
	.content_middle {
		padding-bottom: 40px;
	}
	.services_right {
		padding: 0;
	}
	.list-left {
		padding: 0 11px;
	}
	.capabil_grid1, .capabil_grid2, .capabil_grid3, .capabil_grid4 {
		float: right;
		width: 50%;
	}
	.capil_text {
		padding-top: 36px;
		width: 145px;
		height: 145px;
	}
	.capabil_grid3, .capabil_grid4{
		margin-top:30px;
	}
	.testimonials-grid2:before {
		top: -4.5%;
	}
	.callbacks_tabs a:after {
		width: 27px;
	}
	.baner-top {
		float: none;
		width: 56%;
		padding: 0px 0px;
		margin: 0 auto 25px !important;
	}

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) no-repeat;
}
}
@media (max-width: 568px){


	.header_left {
		float: right;
		width: 100%;
		text-align: center;
	}
	.header_left ul li {
		padding: 11px 15px;
	}
	.login {
		float: none;
	}
	.header_right {

		width: 100%;



	}
	.login ul li {
		margin: 0px 6px 0 0;
	}
	.banner-info h3, .banner-info2 h3 {
		width: 80%;
	}
	.baner-top {
		width: 63%;
	}	
	h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button {
		font-size: 18px;
	}
	.ui-datepicker {
		width: 43.7%;
	}
	.ui-datepicker td span, .ui-datepicker td a {
		display: block;
		padding: .5em;
		font-size: 1.2em;
	}
	.ui-datepicker .ui-datepicker-title {
		line-height: 1.5em;
		font-size: 1.2em;
	}

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) right no-repeat;
}



}
@media (max-width: 480px){

.welcome {
   background: none repeat scroll 0% 0% #19A2B1;
min-height: auto;
min-width: 90%;
height: auto;
padding-bottom: 15px;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 2%;
padding-left: 2%;
}

	.map iframe {
		min-height: 207px;
	}
	.contact-grid textarea {
		min-height: 135px;
	}
	.contact-grid input[type="submit"] {
		font-size: 16px;
		padding: 10px 0px;
	}	
	.content_right,.content_left, .content_middle {
		width: 73%;
	}
	.banner-info, .banner-info2 {
		margin-top: 3em;
	}
	.banner-info h3, .banner-info2 h3 {
		width: 100%;
	}
	.banner-info p {
		line-height: 2em;
	}
	.callbacks_tabs {
		right: 33.5%;
	}
	.list-left h4 {
		margin: 20px 0 8px;
	}
	.list-left {
		float: right;
		width: 100%;
		padding:0;
		margin-bottom: 25px;
	}
	.no_marg {
		margin-top: 0px;
	}
	.list-right:nth-child(4){
		margin:0;
	}
	.ind-gds {
		width: 72%;
	}
	.testimonials-grid {
		float: right;
		width: 100%;
		padding: 0;
	}
	.testimonials-grid1 img {
		width: 28%;
	}
	.testimonials-grid:nth-child(2) {
		margin-top: 30px;
	}
	p.para_abt {
		font-size: 14px;
	}
	.baner-top {
		width: 74%;
	}
	.ind-gds:nth-child(3){
		margin:25px auto;
	}
.proagentblock{
width: 100%; float: right; text-align: center;
font-size: 17px;
line-height: 20px;
}

.logtexxt{
display: inline-block;
vertical-align: top;
padding-top: 5px;
margin-right: 3px;
}

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproducts.jpg) center center no-repeat;
}

}
@media (max-width: 414px){


.welcome {
    background: #19A2B1;
    min-height: auto;
    min-width: 100%;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 2%;
padding-left: 2%;
}

.logtexxt{
display: inline-block;
vertical-align: top;
padding-top: 6px;
margin-right: 3px;
}

	.logo.grid a {
		font-size: 18px;
	}
	.logo h1 a i {
		width: 71px;
height: 94px;
		background-size: 100% !important;
	}
	.banner-info h3, .banner-info2 h3 {
		font-size: 17px;
	}
	.banner-info2 p ,.banner-info p{
		line-height: 1.8em;
	}
	.navbar-toggle {
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
	}
	.content_right {
		width: 100%;
		padding: 50px 0 0 0;
	}
	.content_left, .content_middle {	
		width: 100%;
		padding:0;
	}
	.content_left ul li {
		text-indent: 3em;
	}
	.content_left ul li a:hover {
		padding-right: 39px;
	}
	.content_left ul li a {
		padding-right: 36px;
	}
	.content_middle{
		margin:50px 0;
	}
	.banner-info p,.banner-info2 p{
		font-size:12px;
	}	
	.banner2, .banner1 {
		min-height: 175px;
min-width: 100px;
	}
	.banner-info2 p {
		margin: 7px 0 13px;
	}
	.banner-info p {
		margin: 6px 0 11px;
	}
	.callbacks_tabs {
		right: 31.5%;
top: 80%;
	}
	.services, .ind-team, .capacity, .map_contact, .typrography, .gallery, .about-page, .testimonials {
		padding: 50px 0;
	}
	.ind-gds {
		width: 100%;
	}
	.contact-left {
		padding: 50px 0 0px;
	}
	.contact {
		padding-bottom: 1px;
	}
	.contact-left h2, .contact-right h3 {
		font-size: 20px;
	}
	.ser-bottom h5{
		font-size: 14px;
	}
	.baner-top {
		width: 100%;
	}
	.modal-dialog {
		width: 326px;
	}
	.modal-body {
		padding: 15px 21px 30px;
	}
	.login-right input[type="text"], .login-right input[type="password"], .login-bottom input[type="text"], .login-bottom input[type="password"] {
		padding: 6px 10px;
		font-size: 13px;
	}
	.login-grids p {
		line-height: 1.8em;
	}
	.login-right h3, .login-bottom h3 {
		font-size: 18px;
	}
	.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 5px 12px;
	}
	.ui-datepicker {
		width: 59.7%;
	}
	.contact-right {
		padding: 50px 0 0px 0px;
	}
.proagentblock{
width: 100%; float: right; text-align: center;
font-size: 17px;
line-height: 20px;
}

.logtexxt{
display: inline-block;
vertical-align: top;
padding-top: 6px;
margin-right: 3px;
}

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproductsmob.jpg) no-repeat;
}

}
@media (max-width: 384px){
.welcome {
    background: #19A2B1;
    min-height: auto;
    min-width: 100%;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 2%;
padding-left: 2%;
}

	.header_left ul li {
padding: 5px 3px;
width: 49%;
	}
	.login_pop input[type="text"] {
		font-size: 1em;
	}

	.navbar-toggle {
		margin-top: 2px;
	}
	.banner-info h3, .banner-info2 h3 {
		font-size: 16px;
	}
	.hvr-outline-out {
		padding: 5px 5px;
	}
	.hvr-outline-out:before {
		border: #FF4D4D solid 2px;
	}
	.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
		top: -5px;
		left: -5px;
		bottom: -5px;
		right: -5px;
	}
	.callbacks_tabs {
		top: 85%;
	}
	.callbacks_tabs a:after {
		width: 24px;
	}
	.choose-grid h4 {
		font-size: 19px;
	}
	h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button {
		font-size: 16px;
	}
	.page_head {
		min-height: 96px !important;
	}
	.contact-grid textarea {
		min-height: 114px;
	}
	.contact-right input[type="text"], .contact-right input[type="email"] {
		width: 100%;
	}
	.contact-right input[type="text"], .contact-right input[type="email"] {
		margin: 0 0 1em 0;
	}
.proagentblock{
width: 100%; float: right; text-align: center;
font-size: 17px;
line-height: 20px;
}	
.logtexxt{
display: inline-block;
vertical-align: top;
padding-top: 6px;
margin-right: 3px;
}
#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproductsmob.jpg) no-repeat;
}
}
@media (max-width: 375px){
.welcome {
    background: #19A2B1;
    min-height: auto;
    min-width: 100%;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 2%;
padding-left: 2%;
}
	.header_left ul li a{
font-size: 10px;
}


	.ui-datepicker {
		width: 64.7%;
	}
.proagentblock{
width: 100%; float: right; text-align: center;

}
 
.logo.grid a {
    font-size: 18px;
}

.logtexxt{
display: inline-block;
vertical-align: top;
padding-top: 6px;
margin-right: 3px;
}

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproductsmob.jpg) no-repeat;
}


}
@media (max-width: 320px){

.logtexxt{
display: inline-block;
vertical-align: top;
padding-top: 6px;
margin-right: 3px;
}
.proagentblock{
width: 100%; float: right; text-align: center;
font-size: 17px;
line-height: 20px;
}

.logo.grid a {
    font-size: 18px;
}


.welcome {
    background: #19A2B1;
    min-height: auto;
    min-width: 100%;
color: #fff;
line-height: 24px;
font-size: 17px;
padding-right: 2%;
padding-left: 2%;
}

 
	.header_left ul li, .login ul li {
		font-size: 12px;
padding: 5px 3px;
width: 49%;
	}
	.header_left ul li {
		padding: 11px 5px;

	}
	.header_left ul li a{
font-size: 10px;
}
	.header_left ul li span {
		margin-left: 4px;
	}
	.navbar-toggle {
		padding: 7px 7px;
	}
	.capabil_grid1, .capabil_grid2, .capabil_grid3, .capabil_grid4 {
		float: right;
		width: 100%;
	}
	.capabil_grid2 {
		margin-top: 30px;
	}
	.content_left ul li {
		text-indent: 1em;
	}
	.content_left ul li a {
		padding-right: 25px;
	}
	.content_left ul li a:hover {
		padding-right: 32px;
	}
	.banner-info, .banner-info2 {
		margin-top: 2em;
	}
	.banner-info h3, .banner-info2 h3 {
		font-size: 14px;
	}
	.content_left ul li {
		line-height: 2.2em;
	}
	.content_left h3 {
		margin-bottom: 18px;
	}
	.welcome {
		min-height: 310px;
	}
	.ui-datepicker {
		width: 71.7%;
	}
	ul.con-icons li {
		margin-left: 7px;
	}
	ul.con-icons li span {
		margin-left: 6px;
	}
	.modal-dialog {
		width: 285px;
	}
	.login-right h4, .login-bottom h4 {
		font-size: 13px;
	}
	.modal-body {
		padding: 0px 18px 13px;
	}
	.modal-dialog {
		margin: 70px auto 0;
	}
	.testimonials-grid1 img {
		width: 37%;
	}
	.pagination-lg > li > a, .pagination-lg > li > span {
		padding: 5px 9px;
	}
	.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 10px !important;
	}
	.baner-top a {
		padding: 6px 6px;
	}
	.separator {
		margin: 3px auto;
	}
	.services_left h3, .ind-team h3, h3.tittle, .capacity h3 {
		font-size: 26px;
	}
	.map iframe {
		min-height: 177px;
	}

#prodimg{
width: 100%;
height: 350px;
background: url(../images/backproductsmob.jpg) no-repeat;
}


} 
/*-- responsive media queries --*/



@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.downloadfile {
color: #DE4343;
font-size: 105%;
font-weight: lighter;
text-align: center;
width: 200px;
border-radius: 5px;
padding: 5px;
background: none repeat scroll 0% 0% #E9E9E9;
margin-left: 0px;
line-height: 25px;
font-size: 16px;

}
.downloadfile:hover {
	background: #DE4343;
	color: #fff;
	transition: all 0.9s ease 0s;
}
.prdimg{
-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
transition: all 0.8s ease 0s;
}
.prdimg:hover{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
transition: all 0.8s ease 0s;
}

.td {
	width: 100%;
min-height: 40px;
background-color: #F8F8F8;
border: thin solid #E6E6E6;
border-radius: 9px;
text-align: center;
margin-bottom: 10px;
}
.td {

	font-size: 14px;
}
.td {
	background-color: White;
	font-size: 14px;
	vertical-align: top;
	padding: 5px 0px;
}

.textbox {
width: 96%;
height: 40px;
margin-top: -3px;
border: medium none;
background-color: transparent;
direction: ltr;
font-size: 11pt;
color: #3B3B3B;
margin-right: 17px;
}
.RequiredFields {
	position: relative;
	float: right;
	height: 35px;
	width: 100%;
}
 

 #form {
	border: 1px solid #E6E6E6;
	margin-top: 16px;
	width: 445px;
}

.button {
    border: none;
    padding: 9px 15px;

    margin-top: 0px;
    font-size: 18px;
    color: #fff;
    outline: none;
    background: #FF4D4D;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -webkit-appearance: none;
}
.button:hover{
	background: #19A2B1;
}

.underslidercontentblock1 {
 
height: 190px;
	border: 0px solid red;
	float: right;

overflow: hidden;
 margin-bottom: 10px;
}
.servicesimagebottom1 {
	width: 100%;
	height: 190px;
	border: 0px solid green;
	overflow: hidden;
	position: relative;

}
.backgrounnd1 {
	width: 100%;
	height: 190px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 55555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.backgrounnd1:hover {
background: url("../images/linnk.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.43);	background-color: rgba(0, 0, 0, 0.43);
}
.pppoimg{
	width: 100%;
	height: 100%;
}











/********************* 2023 dash ************/




/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
	z-index:1;
}

.banner-carousel{
	position: relative;
}

.banner-carousel .slide-item{
	position: relative;
	display: block;
	overflow:hidden;
}


.banner-carousel .slide-item img {
width: 100%;
height: 500px;
}
 
.banner-carousel .slide-item .curved-layer{
	position:absolute;
	right:0;
	top:0;
	width:45%;
	height:100%;	
}

.banner-carousel .slide-item .curved-layer:before{
	content:'';
	position:absolute;
	left:0;
	top:-80%;
	width:150%;
	height:200%;
	opacity:0.85;
	-webkit-transform-origin: right ;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transform:rotate(20deg) scaleX(0);	
	-ms-transform:rotate(20deg) scaleX(0);
	transform:rotate(20deg) scaleX(0);	
}

.banner-carousel .active .slide-item .curved-layer:before{
	-webkit-transform:rotate(20deg) scaleX(1);	
	-ms-transform:rotate(20deg) scaleX(1);
	transform:rotate(20deg) scaleX(1);	
	-webkit-transition: all 700ms linear;
	-moz-transition: all 700ms linear;
	-ms-transition: all 700ms linear;
	-o-transition: all 700ms linear;
	transition: all 700ms linear;
}
/*
.banner-carousel .slide-item .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}



.banner-carousel .active .slide-item .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
	-webkit-transition: all 7000ms linear;
	-moz-transition: all 7000ms linear;
	-ms-transition: all 7000ms linear;
	-o-transition: all 7000ms linear;
	transition: all 7000ms linear;
}
*/
/*.banner-carousel .slide-item:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .50;
	content: "";
	z-index:1;
}*/

.banner-carousel .content-box{
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding: 0 0px;
	z-index:5;
}

.style-three .banner-carousel .content-box{
	text-align: right;
	max-width:1000px;
	margin:0 0;	
}

.banner-carousel .content-box h2{
	display: block;
	font-size: 84px;
	line-height: 1.15em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 20px;

	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	text-transform:capitalize;
}

.banner-carousel .active .content-box h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel .content-box .text{
	display: block;
	font-size: 20px;
	line-height: 1.6em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	max-width: 670px;
	margin: 0 auto;
	margin-bottom: 45px;
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
}

.style-three .banner-carousel .content-box .text{
	text-align: right;
	max-width:600px;
	margin:0 0 40px;	
}

.banner-carousel .active .content-box .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel .content-box .btn-box{
	position: relative;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
}

.banner-carousel .active .content-box .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.banner-carousel .content-box .btn-box .theme-btn .btn-title{
	padding-right:52px;
	padding-left:52px;	
}

.banner-section .owl-nav{
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width:100%;opacity:0;transition: all 300ms ease;
}

.banner-section:hover .owl-nav {
opacity:1;
}

.banner-section .owl-nav .owl-prev{
	position: absolute;
	left: 0;
	top:0;
	background: rgba(0,0,0,0.5);
height: 55px;
width: 40px;
	border:none;
	text-align: center;
	color: #fff;
line-height: 55px;
	opacity: 1;
	margin-top: -30px;	
font-size: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.banner-section .owl-nav .owl-next{
	position: absolute;
	right: 0;
	top:0;
	background: rgba(0,0,0,0.5);
height: 55px;
width: 40px;
	border:none;
	text-align: center;
line-height: 55px;
	color: #fff;
	opacity: 1;
	margin-top: -30px;	
font-size: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.banner-section .owl-nav .owl-prev:hover, 
.banner-section .owl-nav .owl-next:hover{
	opacity: 1;
}

.banner-section .owl-dots{
	position: absolute;
	right: 0;
	margin: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
}

.banner-section .owl-dots .owl-dot{
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 4px;
}

.banner-section .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
}


.owl-nav [class*="owl-"] {
    cursor: pointer !important;
}


.banner-section .owl-nav .owl-prev:hover, .banner-section .owl-nav .owl-next:hover {
    background: #0d5391;
}




.upper-right .info-box{
	position:relative;
	float: right;
	z-index:1;
	min-height:56px;
	margin-right:50px;
	font-size:15px;
	color:#777777;
	text-align: right;
	padding:0px 0px 0px 50px;
margin-top: 15px;
}

.logo.grid {
margin:5px 0;
}

.upper-right .info-box .icon-box{
	position:absolute;
	right:0px;
	top:0px;
	color:#292929;
	font-size:34px;
	line-height:1em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.upper-right .info-box > li{
	position:relative;
	line-height:20px;
	color:#777777;
	font-size:16px;
	margin-top:8px;
	font-weight:400;
	text-transform:capitalize;
}

.upper-right .info-box a {
	color:#777777;
	font-size:15px;
}

.upper-right .info-box strong{
	position:relative;
	font-weight:500;
	color:#222222;
	font-size:15px;
	text-transform:capitalize;
}


.ttop-der {

display: flex;
justify-content: space-between;
align-items: center;}








/* Top Left*/

.top-left {
    position: relative;
    float: left;
}

.top-left .info {
    position: relative;
    float: left;
}

.top-left .info li {
    position: relative;
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #111;
    font-weight: 400;
    padding: 0px 0px;
    margin-right: 39px;
}

.top-left .info li:before {
    content: '';
    position: absolute;
    top: 2px;
    right: -20px;
    height: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.30);
}

.top-left .info li:first-child:before {
    display: none;
}

.top-left .info li a {
    position: relative;
    display: inline-block;
    color: #111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.top-left .info li a .icon {
    position: relative;
    padding-left: 5px;
}

.top-left .info .search-btn {
    position: relative;
}

.top-left .info .search-toggler {
    position: relative;
    padding: 0;
    background: none;
    margin: 0;
    line-height: 24px;
    color: #111;
    font-size: 14px;
    cursor: pointer;
}

.top-left .top-right {
    float: left;
    background: linear-gradient( to bottom, #fbfbfb, #f1f1f1);
    border-right: 1px solid #ebebeb;
    background: linear-gradient( to bottom, #fbfbfb, #f1f1f1);
    border-left: 1px solid #ebebeb;
    line-height: 40px;
}

.header-top .top-right .select-box a i {
    position: absolute;
    left: 5px;
}

.header-top .top-right .select-box a {
    color: #111;
    display: block;
    padding: 0 25px 0 10px;
    position: relative;
}

.top-left .social-links {
    position: relative;
    margin-bottom: 0;padding-right: 15px;
}

.top-left .social-links li {
    position: relative;
    float: right;
    color: #111;
    line-height: 24px;
    width: 40px;
    text-align: center;
    height: 40px;
    overflow: hidden;
}

.top-left .social-links li a > div {
    width: 40px;
    height: 40px;
    position: relative;
    line-height: 40px;
    transition: all ease-in-out 0.4s;
    top: 0;
}

.top-left .social-links li:hover a > div {
    top: -40px;
}

.main-ico {
    border-right: 1px solid #ddd;
}

.top-left .social-links li:last-child .main-ico {
    border-left: 1px solid #ddd;
}

.hover-ico span {
    display: block;
    line-height: 40px;
    color: #fff;
}

.hover-ico .facebook {
    background: #3b5998
}

.hover-ico .twitter {
    background: #55acee
}

.hover-ico .youtube {
    background: #ff0000
}

.hover-ico .linkedin {
    background: #007bb5
}

.hover-ico .instagram {
    background: #e95950
}

.top-left .social-links li a {
    position: relative;
    display: block;
    color: #000;
    font-size: 13px;
    line-height: 24px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}






.custom-nav .owl-nav {
left: 0;
position:absolute;
top:-55px;

}


.custom-nav .owl-nav > div {
position:absolute;
width:45px;
height:45px;
background:#fff;
box-shadow:2px 1px 15px #6868681a;
line-height:45px;
text-align:center;color: #0d5391;
border-radius: 50%;
    font-size: 18px;
}


.custom-nav .owl-nav .owl-prev {
left: 0px;
}


.custom-nav .owl-nav .owl-next {
left: 50px;
}



.social-title {
    font-size: 16px;
    color: #000;
    line-height: 40px;
}


.header-link-btn {

    font-size: 16px;
    display: inline-block;

    text-transform: capitalize;

color: #0d5391;



    line-height: 40px;    height: 40px;
    padding: 0 15px;
float: left;
}

.header-link-btn i {
margin-left: 5px;
}


.header-link-btn:hover {
color: #fff;
background: #0070a9;
}


/*********************** feature-block-two **********************/
.features-section{
	position: relative;
padding: 50px 0;
}
/*
.features-section:before{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 33.5%;
    background-color: #f2f3f5;
    content: "";
    z-index: -1;
}*/

.features-section .outer-box{

	z-index: 2;
}
.feature-block-two{
	position: relative;
	z-index: 2;
}

.feature-block-two .inner-box{
	position: relative;
	box-shadow: 0 15px 30px rgba(0,0,0,0.10);
}

.feature-block-two .upper-box{
	position: relative;
	padding: 20px;
	background-color: #f2f3f5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .upper-box{

}

.feature-block-two .inner-box:hover .lower-content h4 {
    color: #ffffff;
}

.feature-block-two .inner-box:hover .upper-box .icon{
    color: #ffffff;
}

.feature-block-two .icon-box{
	display: block;text-align: center;
}


.feature-block-two .icon-box img {
max-height: 80px;}


.feature-block-two .upper-box .icon{
	position: relative;
	display: block;
	font-size: 58px;
	line-height: 60px;
	color: #0d5391;
	height: 60px;
	font-weight: 400;
}

.feature-block-two .lower-content{
	position: relative;
	padding: 25px;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;text-align: center;
}

.feature-block-two .inner-box:hover .lower-content{
	background-color: #0d5391;
}

.feature-block-two .lower-content h4 {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 500;
	text-transform: capitalize;
}

.feature-block-two .lower-content h4 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .lower-content h4 a{
	color: #ffffff;
}

.feature-block-two .lower-content .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .lower-content .text{
	color: #ffffff;
}

.feature-block-two .link-box{
	position: relative;
	display: block;
}

.feature-block-two .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .link-box a{
	color: #ffffff;
}

.feature-block-two:hover .lower-content h4:before{
	background-color: #ffffff;
}

.feature-block-two .link-box a:hover{
	text-decoration: underline;
}



/***

====================================================================
	About Section
====================================================================

***/

.about-section {
	position:relative;
	padding: 30px 0px 80px;
}

.about-section .video-column{
	position:relative;
}

.about-section .video-column .inner-column{
	position:relative;
	padding-right:45px;
	padding-left:20px;
}

.about-section .video-column .image{
	position:relative;
	z-index:1;
}

.about-section .video-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.about-section .video-column .image:before{
	position:absolute;
	content:'';
	right:-20px;
	top:20px;
	left:40px;
	bottom:-20px;
	border:4px solid #eee;
	background-color:#ffffff;
}

/*
.about-section .video-column .inner-column:before{
	position:absolute;
	content:'';
	right:-30px;
	top:-100px;
	width:265px;
	height:265px;
	background:url(../images/pattern-1.jpg) no-repeat;opacity: 0.2;
}*/

.about-section .video-column .video-box{
	position:absolute;
	left:-20px;
	top:90px;
	width:200px;
	height:182px;
	z-index:1;
	border:10px solid #ffffff;
}




.about-section .content-column{
	position:relative;
}

.about-section .content-column .inner-column{
	position:relative;
}

.about-section .content-column .title{
	position:relative;
	color:#0d5391;
	font-size:15px;
	text-transform:uppercase;
}

.about-section .content-column h2{
	position:relative;
	color:#222222;
	font-size:22px;
	font-weight:400;
	line-height:1.3em;
	text-transform:capitalize;
}

.about-section .content-column .text{
	position:relative;
	color:#333;
	font-size:15px;
	font-weight:400;
	line-height:1.9em;
	margin-top:15px;
	margin-bottom:15px;
}

.about-section .content-column .info-boxed{
	position:relative;
}

.about-section .content-column .info-boxed .btn-box{
	position:relative;
	float: right;
}


.theme-btn {
position: relative;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
margin-right: 7px;
display: inline-block;
padding: 15px 46px 15px;
background-color: #0d5391;
text-transform: capitalize;
border-radius: 0px 0px 25px 0px;}

.theme-btn:hover {
background: #00d3ec;
color: #fff;
}




/*------------------------------------------------------------------
[9. Instagram ]
------------------------------------------------------------------*/

.gallery-slider {

padding: 50px 0;
background: #f9f9f9;
}

.gallery-slider img {
/*
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
*/
border-radius: 8px;
height: 300px;
object-fit: cover;
width: 100%;
}

.gallery-overlay {
    position: absolute;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    padding: 20px;
    text-align: center;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
display: grid;
align-items: center;
/*
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);*/
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}


.gallery-overlay-inner {
position: absolute;

bottom: -50px;

right: 0;

left: 0;

text-align: center;

transition: all ease-in-out 0.4s;
}




.gallery-overlay-inner i {
font-size: 20px;
width: 45px;
height: 45px;
background: #212121;
line-height: 45px;
border-radius: 4px;
}

.gallery-slider .item:hover .gallery-overlay-inner { 
bottom: 120px;

}

.gallery-slider .item:hover .gallery-overlay {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    z-index: 1;
}

.gallery-slider .owl-theme .owl-nav .owl-prev {
    right: -60px;
}

.gallery-slider .owl-theme .owl-nav .owl-next {
    left: -60px;
}


.instagram-main {
padding: 40px 0 30px;
}


.instagram-main .item { 

overflow: hidden;
display:block;
border-radius: 8px;
}

.instagram-main .item img { 

transition: all ease-in-out 0.4s;
}



.instagram-main .item:hover img { 
transform: scale(1.1);
}




/*************/



.sec-title{
	position:relative;
	z-index:1;
	margin-bottom:25px;
}




.sec-title h2{
	padding-bottom:15px;
	margin-bottom:15px;
font-size: 20px;color: #000;
}

.sec-title h2:before{
position: absolute;
content: '';
height: 3px;
width: 63px;
bottom: 0;
right: 50%;
margin-right: -31px;
background-image: url(../images/shape-10.png);
}


.white-text h2 {
color:#fff;
}






/* projects section three */

.projects-section-three {
position: relative;
background: #f9f9f9;
padding: 40px 0 20px;


}

.projects-section-three .owl-dots {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 12px;
}

.projects-section-three .owl-dots .owl-dot{
    position:relative;
    margin:0px 5px;
    width: 12px;
    height:12px;
    display:inline-block;
    border-radius: 6px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    border: 2px solid #e3e3e3;
    background-color: #e3e3e3;
    vertical-align: middle;
}

.projects-section-three .owl-dots .owl-dot:hover,
.projects-section-three .owl-dots .owl-dot.active{
    background-color: transparent;
}

.projects-section-three .top-content .text {
    position: relative;
    padding: 28px 0;
    padding-right: 30px;
    margin-bottom: 30px;
    margin-top: -30px;
}

.project-block-three .inner-box {
    position: relative;
    margin-bottom: 20px;
}

.project-block-three .image {
    position: relative;
}

.project-block-three .image img {
height:300px;width: 100%;
}

.project-block-three .lower-content {
    position: relative;
    padding: 8px 10px;
    background-color: #fff;
    transition: .5s;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);text-align: center;
}
  
.project-block-three .inner-box:hover .lower-content {
    background-color: #33779a;
}

.project-block-three h5 {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 9px;
    text-transform: uppercase;
        font-family: "poppins";
}

.project-block-three h4 {
position: relative;

font-size: 15px;

text-transform: capitalize;

margin-bottom: 0;

transition: .5s;

color: #000;

line-height: 25px;

height: 50px;

overflow: hidden;

display: grid;

align-items: center;
}

.project-block-three .inner-box:hover h4 {
    color: #fff;
}

.project-block-three .link-btn a {
    position: absolute;
    top: -28px;
    left: 30px;
    transform: scale(.8);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    transition: .7s;
}

.project-block-three .inner-box:hover .link-btn a {
    opacity: 1;
    transform: rotate(180deg) scale(1);
}

.project-block-three .lower-content:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    left: 0;
    height: 50%;
    background: #33779a;
    transition: .9s;
    opacity: 0;
}

.project-block-three .inner-box:hover .lower-content:before {
    opacity: .3;
    height: 100%;
}

.project-block-three .lower-content:after {
    position: absolute;
    content: '';
    right: 10px;
    bottom: -10px;
    left: 10px;
    height: 10px;
    transition: .5s;
    opacity: 0;
    transform-origin: top;
    transform: scaleY(0);background: #0d5391;
}

.project-block-three .inner-box:hover .lower-content:after {
    opacity: 1;
    transform: scale(1);
}



.owl-dots.disabled {
display: none;
}





.team-area {
padding:50px 0;    position: relative;
background-image: url(../images/steel-fabrication.jpeg);
background-size: cover;
}


.team-area:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient( to right, #000c, #0003);
    content: "";
}

.single-team-member {
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
border-radius: 8px;
overflow:hidden;margin-bottom: 20px;
}


.single-team-member a {
display: block;
overflow: hidden;
position: relative;
}

.single-team-member img {
height:250px;
-webkit-transition: .5s;
transition: .5s;width: 100%;
}


.single-team-member:hover img {
transform:scale(1.1);
}





.single-team-member > a:after { 
content: "";
    background-color: rgba(255, 255, 255, 0.2);
    background: #f6f6f61a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f6f6f61a, #fffc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f6f6f61a, #fffc);
background: linear-gradient(to right, #f6f6f61a, #ffffff4d);
    position: absolute;
    width: 35%;
    height: 200%;
    right: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);}

.single-team-member:hover  > a:after {
    right: 150%;
}


.team-area .new-ite {
overflow: hidden;
}

.single-team-member .team-content {

padding: 8px 20px;
    position: relative;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
background: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
background: linear-gradient(to bottom, #333, #252525);z-index:1;

background: linear-gradient(to bottom , #0d5391 , #0b375e);

}

.single-team-member .team-content span {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 14px
}

.single-team-member .team-content h3 {
margin-bottom: 0;
text-align: center;
height: 44px;
display: grid;
align-items: center;
line-height: 22px;text-transform: capitalize;
font-weight: 400;

}
.single-team-member .team-content h3 a { 
color: #fff;

font-size: 16px;
}

.single-team-member .team-content .team-social .control {
    width: 40px;
    height: 40px;
    line-height: 43px;
    background-color: #222;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 12px;
    left: 12px;
    color: #024d91;
border-radius: 50%;
}

.single-team-member .team-content .team-social ul {
    position: absolute;
    top: -130px;
    left: 30px;
    opacity: 0;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.single-team-member .team-content .team-social ul li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #eee;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.single-team-member .team-content .team-social ul li:nth-child(4) a i {
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.single-team-member .team-content .team-social ul li:nth-child(3) a i {
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.single-team-member .team-content .team-social ul li:nth-child(2) a i {
    -webkit-transform: translateY(120px);
    transform: translateY(120px)
}

.single-team-member .team-content .team-social ul li:nth-child(1) a i {
    -webkit-transform: translateY(160px);
    transform: translateY(160px);
    border-radius: 50px 50px 0 0
}

.single-team-member .team-content .team-social:hover ul {
    opacity: 1
}

.single-team-member .team-content .team-social:hover ul li:nth-child(4) a i {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.single-team-member .team-content .team-social:hover ul li:nth-child(3) a i {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.single-team-member .team-content .team-social:hover ul li:nth-child(2) a i {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.single-team-member .team-content .team-social:hover ul li:nth-child(1) a i {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
/*
.single-team-member:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}*/

.single-team-member:hover .team-content {
    background-color: #024d91
}




/***********************/



/* Main Footer */


.main-footer {
    position: relative;
    background: #212121;
    padding: 120px 0 0;
}

.widget {
    position: relative;
    margin-bottom: 40px;
}

.about-widget {
    position: relative;
}

.about-widget .logo {
    position: relative;
    margin-bottom: 20px;
}

.about-widget .logo img {
width: 220px;
}

.about-widget .text {
    position: relative;
    color: #d6dbe3;
    margin-bottom: 15px;
}

.about-widget .social-links {
    position: relative;
}

.about-widget .social-links li {
    position: relative;
    margin-left: 2px;
    display: inline-block;
}

.about-widget .social-links li a {
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background-color: #ffffff1a;
    transition: .5s;
    display: inline-block;
}

.about-widget .social-links li a:hover {
background: #0d5391;
}

/* links-widget */

.links-widget {
    position: relative;
}

.links-widget .list li {
    position: relative;
    margin-bottom: 13px;width: 50%;
float: right;text-transform: capitalize;
}

.links-widget .list li a {
    position: relative;
    color: #fff;
    transition: .5s;
}

.links-widget .list li a:before {
content: "\f104";
right: 0;
top: 0;
margin-left: 8px;
font-size: 16px;
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
}





.tab-content > .tab-pane li {
    position: relative;
    padding-right: 20px;
}


.tab-content > .tab-pane li:before {
content: "\f058";
right: -5px;
top: 12px;
font-size: 16px;
font-family: 'Font Awesome 5 Pro';
position: absolute;
border-radius: 50%;
text-align: center;
line-height: 7px;
color: #0d5391;
}

.widget_title {
    position: relative;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.widget_title:before {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
width: 60px;
height: 3px;
background: #00d3ec;
    background-repeat: no-repeat;
}

/* Contact Widget */

.contact-widget {
    position: relative;
}

.contact-widget li {
    position: relative;
    color: #fff;
    margin-bottom: 16px;
    padding-right: 60px;
    line-height: 27px;
}

.contact-widget i {
    position: absolute;
    top: 7px;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #2e2e2e;
    transition: .5s;
    display: inline-block;
    transition: .5s;
}

.contact-widget li:hover i {
    color: #212121;
}

.contact-widget a {
    color: #fff;
    
}

/* Instagram Widget */

.instagram-widget .wrapper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    padding-top: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0px -4.5px;
}

.instagram-widget .wrapper-box .image {
    position: relative;
    overflow: hidden;
    margin: 0px 4.5px 11px;
}

.instagram-widget .wrapper-box .image .overlay-link {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    background: rgb(33 33 33 / 0.90);
}

.instagram-widget .wrapper-box .image:hover .overlay-link {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.instagram-widget .wrapper-box .image .overlay-link a {
    color: #fff;
    font-size: 22px;
}

/* footer bottom */
.footer-bottom {
    position: relative;
    background-color: #212121;
}

.footer-bottom .wrapper-box {
    position: relative;
    border-top: 1px solid #3a3a3a;
    padding: 33px 0;
}

.footer-bottom .copyright-text {
    color: #fff;
    font-size: 14px;
}

.footer-bottom .menu {
    font-size: 15px;
}

.footer-bottom .menu li {
    position: relative;
    display: inline-block;
    padding-left: 28px;
}

.footer-bottom .menu li:before {
    position: absolute;
    content: '';
    left: 9px;
    bottom: 5px;
    height: 2px;
    width: 8px;
    background-color: #fff;
}

.footer-bottom .menu li:last-child:before {
    display: none;
}

.footer-bottom .menu li:last-child {
    padding-left: 0;
}

.footer-bottom .menu li a {
    color: #fff;
    transition: .5s;
}



/* footer bottom style two */
.footer-bottom.style-two {
    background-color: #0b3861;
}

.footer-bottom.style-two .wrapper-box {
    border-top: 0;
    padding:5px 0;text-align: center;
}

.footer-bottom.style-two .left-side {
    position: relative;
    align-items: center;
}

.footer-bottom.style-two .logo {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #263651;
}

.footer-bottom.style-two .copyright-text {
    color: #d6dbe3;
}


.footer-bottom .social-links {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-bottom .social-links li {
    margin: 0 5px;
}

.footer-bottom .social-links li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    border: 2px solid rgb(255 255 255 / 0.15);
    border-radius: 50%;
    transition: .5s;
    display: inline-block;
    position: relative;
    font-size: 14px;
}

.footer-bottom .social-links li a:hover {
    color: #fff;
    border-color: transparent;
}

.footer-bottom .social-links li a:before {
    position: absolute;
    content: '';
    right: -2px;
    top: -2px;
    left: -2px;
    bottom: -2px;
    border-radius: 50%;
    transition: .5s;
    transform: scale(.5);
    opacity: 0;
}

.footer-bottom .social-links li a:hover:before {
    transform: scale(1);
    opacity: 1;
}

.footer-bottom .social-links li a i {
    position: relative;
}



/* Footer style three */

.main-footer.style-three {
    padding-bottom: 0;
    padding-top: 170px;
    background-size: cover;
}

.theme-color-three .widget_title:before {
    background-image: url(../images/shape/shape-16.png);
}

.main-footer.style-three .upper-box {
    padding-bottom: 60px;
}

.main-footer.style-three .footer-bottom {
    background: transparent;
    border-top: 1px solid #3a3a3a;
}

.main-footer.style-three .footer-bottom .wrapper-box {
    border-top: 0;
}

.main-footer.style-three .footer-bottom .copyright-text a {
    color: #fff;
}




/* Main footer style two */
.main-footer.style-two {
    background: #0070a9;
background: linear-gradient(to top , #0d5391 , #0b375e);
}

.theme-color-two .widget_title {
    color: #fff;
}

.theme-color-two .widget_title:before {
    background-image: url(../images/shape/shape-21.png);
}

/* Contact widget two */
.contact-widget-two h5 {
    position: relative;
    color: #d6dbe3;
    font-size: 15px;
    padding-right: 55px;font-weight: normal;
    margin-bottom: 20px;line-height: 20px;
}

.contact-widget-two h5 span {
display: block;color:#fff;
text-transform: capitalize;
font-weight: 500;
 font-size: 17px;
}

.contact-widget-two h5 i {
    position: absolute;
    top: 0;
    right: 0;
font-size: 18px;
width: 40px;
height: 40px;
line-height: 40px;
background: #ffffff1a;
color: #fff;
text-align: center;
}

.contact-widget-two .text {
    position: relative;
    color: #d6dbe3;
    margin-bottom: 20px;
}

.contact-widget-two .contact-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contact-widget-two .contact-info li img {
    border-radius: 50%;
    border: 2px solid #0e254a;
}

.contact-widget-two .contact-info li {
    position: relative;
    margin-right: -15px;
}

.contact-widget-two .contact-info li span {
    position: absolute;
    bottom: -45px;
    right: 50%;
    background: #fff;
    width: max-content;
    line-height: 26px;
    font-size: 17px;
    color: #4b4b4b;
    padding: 0 10px;
    transform: translateX(-50%);
    display: inline-block;
    pointer-events: none;
    opacity: 0;
    transition: .5s;
}

.contact-widget-two .contact-info a {
    position: relative;
    width: 66px;
    height: 66px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 62px;
    border: 2px solid #0e254a;
    transition: .5s;
}

.contact-widget-two .contact-info a:hover {
    color: #fff;
}

.contact-widget-two .contact-info li:nth-child(1) {
    margin-right: 0;
    z-index: 3;
    position: relative;
}

.contact-widget-two .contact-info li:nth-child(2) {
    z-index: 2;
}

.contact-widget-two .contact-info li span:before {
    position: absolute;
    content: '';
    top: -18px;
    right: 50%;
    width: 20px;
    height: 20px;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.contact-widget-two .contact-info li:hover span {
    opacity: 1;
}

.theme-color-two .links-widget .list li a {
    color: #d6dbe3;
}




/* CTA section Two */

.cta-section-two {
    position: relative;
}

.cta-section-two .wrapper-box {
    position: relative;
    padding: 50px;
    padding-bottom: 30px;
    background-size: cover;
    margin-bottom: -80px;
    z-index: 9;
}

.cta-section-two .left-content {
    position: relative;
    padding-right: 70px;
}

.cta-section-two .icon {
    position: absolute;
    top: 17px;
    right: 0;
    color: #fff;
    font-size: 50px;
}

.cta-section-two h3 {
    position: relative;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
text-transform: capitalize;
}

.cta-section-two .text {
    position: relative;
    color: #fff;
    margin-bottom: 16px;
}

.cta-section-two .wrapper-box:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
background: #b91e20cc;
background: linear-gradient( to bottom , #0067b7 ,#00438a);
opacity: 0.85;
}

.cta-section-two .wrapper-box .link-btn {
    text-align: left;
}






/* Newsletter */

.newsletter {
    position: relative;
margin-bottom: -80px;
}

.newsletter .wrapper-box {
    position: relative;
    padding: 43px 50px;
    padding-bottom: 20px;
    background-size: cover;
    z-index: 1;
}

.newsletter .left-content {
    position: relative;
    padding-right: 110px;
}

.newsletter .icon {
    position: absolute;
    top: -13px;
    right: 0;
    font-size: 50px;
    width: 90px;
    height: 90px;
    background: #fff;
    line-height: 90px;
    text-align: center;
    border-radius: 50%;
display: grid;
align-items: center;
justify-content: center;
}

.newsletter h3 {
    position: relative;
    color: #fff;
    font-size: 23px;
    font-weight: 600;
text-transform: capitalize;
}

.newsletter .text {
    position: relative;
    color: #fff;
    margin-bottom: 0;margin-top: 5px;
}

.newsletter .wrapper-box:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
background: #0d5391;
}

.newsletter .wrapper-box .link-btn {
    text-align: left;
}

.newsletter-form {
    position: relative;
}

.newsletter-form .form-group {
    position: relative;
    margin: 0;
}

.newsletter-form input#subscription-email {
    width: 100%;
    height: 60px;
    padding: 0 20px;border: none;
    padding-left: 70px;
}

.newsletter-form button.theme-btn {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    min-width: auto;
    background: #00d3ec;
    color: #fff;
    font-size: 15px;border-radius: 0;border: none;
}






        .breadcrumb-sec {
height: 180px;

background-image: url(../images/steel-fabrication.jpeg);

background-size: cover;

background-position: bottom;

text-align: center;

display: grid;

align-items: center;
position: relative;
z-index:1;
        }


        .breadcrumb-sec:after {
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	left:0px;
	bottom:0px;
	background: #000c;
z-index: -1;
}
        .breadcrumb-sec h1 {
margin-top: 30px;
            color: #fff;font-size: 26px;
        }

        .breadcrumb {

            background-color: transparent;

        }



.image-row .dofiv {
width: 16.666%;
padding: 0 5px;
margin-bottom: 10px;
height: 190px;
float: right;
}


.image-row .dofiv img { 
width: 100%;
height: 190px;
border: 1px solid #e9e9e9;
}



.colfive {
width: 20%;
padding: 0 5px;
margin-bottom: 10px;
height: 190px;
float: right;
}


.colfive img { 
width: 100%;
height: 190px;
border: 1px solid #e9e9e9;
}


.we-for {

background: #f9f9f9;

padding: 20px;

box-shadow: 1px 1px 15px #ededed;}


.we-for h3 {
font-size:20px;
	text-transform:capitalize;

}

.header-moob {
display: none;
}


.drop-btn {
position: absolute;
  left: 0;
  top: 0;
  height: 37px;
  width: 45px;
  text-align: center;
  border-right: 1px solid #eee;
  line-height: 37px;
display: none;
}




@media (max-width: 991px){ 

.navbar-default .navbar-nav > li ul.sup_menu ul.sup_menu,
.navbar-default .navbar-nav > li > ul.sup_menu {
position: relative;
display: none;
}



.navbar-default .navbar-nav > li > ul.sup_menu ul.sup_menu {
  right: 0;
  top: 0;
  display: none;
background: #f9f9f9;
}

.drop-btn,
.navbar-default .navbar-nav > li > ul.sup_menu ul.sup_menu.open,
.navbar-default .navbar-nav > li > ul.sup_menu.open {
  display: block;
}



.navbar-default .navbar-nav li.dropdown::after {
display: none;
}




}








.nav {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}



.tab .nav-tabs{

    background: #fff;

}

.tab .nav-tabs li{

    text-align: center;

    margin-left: 3px;

}

.tab .nav-tabs li a{

    font-size: 15px;

    color: #000;

padding: 15px 25px !important;

    background: #eee;

    margin-left: 0;

    border-radius: 0;

    border: none;

    text-transform: uppercase;

    position: relative;

    transition: all 0.5s ease 0s;

}

.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover{

    background: #0d5391;

    color: #fff;

    border: none;

}

.tab .tab-content{

    font-size: 15px;

    color: #3d3537;

    line-height: 30px;

    padding: 25px;

border: 1px solid #eee;

	margin:15px 0;

}

.tab .tab-content h3{

    font-size: 20px;

    font-weight: bold;

    margin-top: 0;

}

@media only screen and (max-width: 480px){

    .tab .nav-tabs li{ width: 100%; }

}








#sync1 .item {
	 color: #fff;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
	 text-align: center;
}
#sync1 .item img {
height: 380px;
width: 100%;
}

#sync2 .item img {
height: 85px;
width: 100%;
}
 #sync2 .item {
	 background: #c9c9c9;
	 margin-top: 4px;
	 color: #fff;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
	 text-align: center;
	 cursor: pointer;
}
 #sync2 .item h1 {
	 font-size: 18px;
}
 #sync2 .current .item {
	 background: #0c83e7;
}
 .owl-theme {
	/*default owl-theme theme reset .disabled:hover links */
}
 .owl-theme .owl-nav [class*='owl-'] {
	 transition: all 0.3s ease;
}
 .owl-theme .owl-nav [class*='owl-'].disabled:hover {
	 background-color: #d6d6d6;
}
 #sync1.owl-theme {
	 position: relative;
}
 #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
width: 40px;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
line-height: 40px;
background: #000c;
color: #fff;text-align: center;
}
 #sync1.owl-theme .owl-prev {
	 left: 10px;
}
 #sync1.owl-theme .owl-next {
	 right: 10px;
}

.owl-nav.disabled {
display: none;
}
 



@media (max-width: 767px){
.header_right {
display: grid;
align-items: center;
justify-content: center;
padding: 0;
}

.tab-content p {
  line-height: 22px;
  font-size: 13px;
}

#sync1 .item img {
  height: 240px;}

#sync2 .item img {
  height: 65px;}

.contact-widget-two h5 {
  font-size: 13px;
  margin-bottom: 10px;
}

.header-link-btn {
position: inherit;
}


.gallery-slider img {
height: 200px;
}


.logo.grid {
text-align: center;
margin: 5px auto;
display: block;
}


.header-link-btn {
color: #fff;
    line-height: 50px;
    height: 50px;
}

.header-bottom .navbar-collapse {
margin-bottom: 0;
position: absolute;
background: #fff;
left: 0;
right: 0;
}


.sec-title h2 {
    font-size: 18px;}

.outer-box .row {
display: block !important;
}

.newsletter .wrapper-box {
padding: 20px;
}

.newsletter .left-content {
margin-bottom: 10px;
    position: relative;
    padding-right: 0;

}


.custom-nav .owl-nav,
.newsletter .icon,
.no-mob,
.navbar-collapse .header-link-btn,
.upper-right {
display: none;
}
.feature-block-two .lower-content {

    position: relative;
    padding: 12px;}


.feature-block-two .lower-content h4 {
font-size: 15px;
}


.features-section,
.team-area,
.gallery-slider,
features-section,
.projects-section-three,
.about-section {
padding: 20px 0px 20px;
}

.about-section .content-column .text {
margin-top: 0;
}
.about-section .content-column .title {
font-size: 14px;
}


.services-block-two .inner-box {

    position: relative;
    text-align: center;
    padding: 20px 15px 20px;

}


.services-block-two .inner-box .lower-content .text {
height: auto;
}



.newsletter h3,
.about-section .content-column h2 {
font-size: 18px;
}

.theme-btn {
    font-size: 14px;
    padding: 8px 16px 8px;}


.ttop-der {
    display: block;}


.grid__item h1 {
text-align: center;display: grid;
}

.header-moob {
width: 100%;
display: flex;
justify-content: space-between;
top: 100%;
z-index: 999;
background: #0070a9;
padding: 0;
}


.banner-carousel .slide-item img {
height: 220px;
}

.navbar-toggle {
border: none;
}


.breadcrumb-sec {

    height: 80px;
}



.breadcrumb-sec h1 {

    margin-top: 0;
    color: #fff;
    font-size: 20px;}


.colfive img,
.image-row .dofiv img{
height: 100px;
}


.colfive,
.image-row .dofiv {

    width: 33.333%;
    height: 100px;
}



.sec-title {
    margin-bottom: 15px;
}


	.ind-gds {
		float: none;
		width: 100%;
		padding: 0 10px;
	}



.single-team-member .team-content h3 a {
  font-size: 15px;
}

.single-team-member .team-content h3 {
height: 42px;
line-height: 21px;
}


.widget_title {
  margin-bottom: 10px;
  padding-bottom: 10px;font-size: 16px;
}

.widget {

  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.links-widget .list li {
  margin-bottom: 5px;}


.text,
.services-block-two .inner-box .lower-content .text,
.about-section .content-column .text,
.social-title,
.header-link-btn {
  font-size: 14px;}



.innerimgprod{
width: 100%;
max-width: 100%;
float: none;
margin-right: 0; margin-bottom: 0; 
}



}





.bg-dree {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}



.bg-dree:before {

  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;z-index: 1;
  background: linear-gradient(182.49deg, #FFFFFF 29.01%, rgba(255, 255, 255, 0.6) 103.64%);
  background: linear-gradient(182.49deg, #f9f9f9 29.01%, rgba(255, 255, 255, 0.6) 103.64%);
  background: linear-gradient(182.49deg, #f9f9f9 29.01%, rgba(255, 255, 255, 0.6) 103.64%);}


.rw-flx {
  display: flex;
  align-items: center;
}





.call-btn {
  display: flex;
  align-items: center;
  padding-right: 17px;
}
@media (max-width: 1199px) {
  .call-btn {
    display: none;
  }
}
.call-btn .text {
  margin-right: 12px;line-height: 20px;
}
.call-btn .text span {
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
}
.call-btn .text P {
  margin-bottom: 0;
  color: #555;
  font-size: 14px;
  text-transform: uppercase;line-height: 20px;
}



.call-btn .wh-ico {
border-radius: 50%;
text-align: center;
line-height: 45px;
height: 45px;
width: 45px;font-size: 19px;
background: #4dc247;
color: #fff;
}



.fa, .fas, .far, .fal, .fab, .fax {
line-height: inherit;
 }