/*Genral*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Montserrat', sans-serif !important;
}
a{
	text-decoration:none !important;
	color:#000;
}
.pd0{
	padding:0px !important;
}
.pd5{
	padding:0px 5px;
}
.pd31{
	padding:30px 15px 20px 15px !important;
}
.pd21{
	padding: 0px 15px 5px 15px !important;
} 
.pd30{
	padding:30px 0px!important;
}
.pd50{
	padding:50px 0px !important;
}
.pd80{
	padding:80px 0px !important;
}
.pd-top-50{
	padding-top:50px !important
}
.pd-btn-0{
	padding-bottom:0px !important;
}
.pd-b25{
	padding-bottom:25px !important
}
.bg-grey{
	background:#f3f3f3 !important;
}
.bg-black{
	background:#000;
}
.mrgb10{
	margin-bottom:10px !important
}
.mrg-b-30{
	margin-bottom:30px !important;
}
.mrg-t-30{
	margin-top:30px !important;
}
.mrgn-btm-60{
	margin-bottom:60px !important;
}
.pad-lf-40{
	padding-left:40px !important
}
.btn-style{
	padding:10px 20px;
	font-size:16px;
	color:#fff;
	background:#f69e1d;
	margin:20px 0px;
	transition-delay:0.5s;
	transition:all 0.5s ease;
	border:1px solid transparent;
}
.btn-style:hover{
	background:transparent;
	color:#f69e1d;
	border:1px solid #f69e1d;
}

.btn-style2{
	padding:10px 20px;
	font-size:16px;
	color:#fff;
	background:#000;
	margin:20px 0px;
	transition-delay:0.5s;
	transition:all 0.5s ease;
	border:1px solid transparent;
}
.btn-style2:hover{
	background:transparent;
	color:#000;
	border:1px solid #000;
}

.btn-style3{
	padding:10px 20px;
	font-size:16px;
	color:#fff;
	background:#f69e1d;
	margin:20px 0px;
	transition-delay:0.5s;
	transition:all 0.5s ease;
	border:1px solid transparent;
}
.btn-style3:hover{
	background:transparent;
	color:#fff;
	border:1px solid #f69e1d;
}

.title-hd h3{
	position:relative;
	text-align:center;
	font-weight:600;
	font-size:32px;
	text-transform:uppercase;
	margin-bottom:40px;
}
.title-hd h3:before{
	position:absolute;
	content:'';
	width:40px;
	height:2px;
	background:#bf1e2d;
	bottom:-15px;
	left:47%;
	transform:translate(50%,-50%);
}
.bg-image{
	background:linear-gradient(120deg, rgba(191, 31, 45,0.7)10%, rgba(191, 31, 45,0.7) 100% ),url('../images/bg1.jpg') no-repeat
}
.bg-grey1{
	background:#a6a6a6;
}
.bg-app{
	background:url('../') no-repeat;
	min-height: 300px;
}
/*Genral*/
/*Contact footer*/
.soc-icon ul{
	padding:0px;
	margin:0px;
}
.soc-icon ul li{
	list-style-type:none;
	display:inline-block;
	margin-right:10px;
}
.soc-icon ul li i{
	color:#fff;
	padding:10px;
	font-size:18px;
	border:0.5px solid #fff;
	border-radius:40px;
	transition-delay:0.5s;
	transition:all 0.5s ease;	
}
.soc-icon ul li .fa-facebook{
	padding:10px 14px;
}
.soc-icon ul li .fa-google-plus{
	padding:10px 8px;
}
.foot-part h3{
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:15px;
}
.foot-part ul {
	padding:0px;
	margin-bottom:40px;
}
.foot-part ul li{
	color:#fff;
	list-style-type:none;
	padding-bottom:10px;
}
.foot-part ul li a{
	color:#fff;
	transition-delay:0.5s;
	transition:all 0.5s ease;
}	
.foot-part p{
	color:#fff;
	font-size:14px;
}
.foot-part p a{
	color:#fff;
}
footer{
	margin:0px;
	padding:35px 0px 15px;
}

footer p{
	color:#fff;
	margin:0px;
	text-align:center;
}
footer p a{
	color:#fff;
}
footer p a:hover{
	color:#bf1e2d;
}
footer hr{
	border:0.5px solid #acacac;
}
/*Contact footer*/



/*Main SLide*/
.main-bg{
	position:relative;	
}
.main-bg-over{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.main-bg-over .img1{
	position: absolute;
	bottom:1%;
	left:1%;
	transform: translate(-50%,-50%);
}
.main-bg-over .img2{
	position: absolute;
	top:3%;
	left:1%;
	transform: translate(-50%,-50%);
}
.main-bg-over .img3{
	position: absolute;
	bottom:1%;
	left:45%;
	transform: translate(-50%,-50%);
}
.main-bg-over .img4{
	position: absolute;
	top:3%;
	left:45%;
	transform: translate(-50%,-50%);
}
.main-bg-text{
	position:absolute;
	top:50%;
	right:-10%;
	transform: translate(-50%,-50%);
	color:#fff;
	font-weight:900;
	font-size:58px;
	background:#000;
	padding:15px;
}
.main-bg-text p{
	position:absolute;
	top:60%;
	right:-10%;
	transform: translate(-50%,-50%);
	color:#fff;
	font-size:28px;
}
/* newsletter */
.newsletter{
	text-align:center;
}
.newsletter h3{
	font-weight:600;
	color:#ffff;
	font-size:24px;
}
.newsletter p{
	color:#fff;
}
.newsletter .form-group input{
	border: 1px solid #fff;
	color: #fff;
	background: transparent;
	display: block;
	font-size: 14px;
	height: 45px;
	padding: 10px 10px;
	width: 100%;
	transition: all 500ms ease;
	margin-top:20px;
}

/* newsletter */

/* intro abt */
.intro-abt h3{
	color:#ffc600;
	font-weight:600;
	font-size:28px;
	text-align:center;
	text-transform: capitalize;	
}
.intro-abt p{
	text-align:justify;
	padding: 0px 20px;
	font-size:17px;
}

/* intro caro */
.intro-cc{
	padding:20px 60px 0px;
	position: relative;
}
.intro-img{
	position:relative;
}
.intro-overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
}
.over-in1{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(23,171,217,0.8);
	top:0px;
	transition-delay:0.5s;
	transition:all 0.5s ease;
}
.over-in2{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(152,17,20,0.8);
	top:0px;
	transition-delay:0.5s;
	transition:all 0.5s ease;
}
.over-in3{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(238, 221, 69, 0.8);
	top:0px;
	transition-delay:0.5s;
	transition:all 0.5s ease;
}
.over-txt{
	position: absolute;
	padding:40px;
	text-align:center;
	left:50%;
	top:50%;
	width:100%;	
	transform:translate(-50%,-50%);
}
.over-img{
	position: absolute;
	background:#fff;
	border-radius:50%;
	padding:15px;
	left:50%;
	top:0%;
	transform:translate(-50%,-50%);
}
.width50{
	width:50px !important;
}
.over-txt h4{
	color:#fff;
	font-size:22px;	
}
.over-txt p{
	color:#fff;
}
.rd-btn a{
	color:#fff;
	transition-delay:0.5s;
	transition:all 0.5s ease;
}
.rd-btn{
	position: absolute;
	padding:10px 12px;
	text-align:center;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#197b30;
	border-radius:40px;
	color:#fff !important;
	border:2px solid transparent;
	opacity: 0;
	transition-delay:0.5s;
	transition:all 0.5s ease;
}
.intro-img:hover .over-txt{
	opacity: 0;
}
.intro-img:hover .rd-btn{
	opacity: 1;
}
.intro-img:hover .over-in1, .intro-img:hover .over-in2, .intro-img:hover .over-in3{
	opacity: 0;
}




.customNavigation1 .prev{
	position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
}
.customNavigation1 .next{
	position: absolute;
    right: -20px;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
}
.customNavigation1 i{
	font-size:28px;
	background:whitesmoke;
	color:#000;
	padding: 3px 1px 1px 0px;
}
/* intro abt */
/* project */
.project-sec h3{
	color:#ffc600;
	font-weight:600;
	font-size:28px;
	text-align:center;
	text-transform: capitalize;	
	margin-bottom:30px;
}
.project-detail{
	padding:30px;
	min-height: 403px;
	position: relative;
}
.project-detail1{
	padding:30px;
	min-height: 403px;
	position: relative;
}
.project-detail p{
	font-size:16px;
	text-align:justify;
}
.project-detail1 p{
	font-size:16px;
	text-align:justify;
}
.project-img{
	position:relative;
}
.project-img-txt h1{
	position:absolute;
	color:#ffc600;
	font-size:68px;
	bottom:5%;
	right:3%;
}
.project-img-txt h3{
	position:absolute;
	color:#ffc600;
	font-size:18px;
	bottom:10%;
	right:10%;
}
.project-img-txt h5{
	position:absolute;
	color:#fff;
	font-size:18px;
	bottom:8%;
	right:10%;
}




.project-img-txt1 h1{
	position:absolute;
	color:#ffc600;
	font-size:68px;
	bottom:5%;
	left:4%;
}
.project-img-txt1 h3{
	position:absolute;
	color:#ffc600;
	font-size:18px;
	bottom:10%;
	left:10%;
}
.project-img-txt1 h5{
	position:absolute;
	color:#fff;
	font-size:18px;
	bottom:8%;
	left:10%;
}
.bg-af-1 a{
	color:#ffc600;
	text-decoration: underline !important;
	font-size:17px;
	font-weight:600;
}
.bg-af-2 a{
	color:#000;
	text-decoration: underline !important;
	font-size:17px;
	font-weight:600;
}

.bg-af-1{
	background:#f7f7f7;
	position:relative;
}
.bg-af-1:after{
	position: absolute;
	content:'';
	width:40px;
	height:40px;
    background: #f7f7f7;
    right: -20px;
    top: 40%;
    transform: rotate(45deg);
	z-index:1;	
}


.bg-af-2{
	background:#ffc600;
	position:relative;
}
.bg-af-2:after{
	position: absolute;
	content:'';
	width:40px;
	height:40px;
    background: #ffc600;
    left: -20px;
    top: 40%;
    transform: rotate(45deg);
	z-index:1;	
}
.load-btn{
	padding: 40px 0px 0px;
	text-align:center;
}
.load-btn a{
	padding:10px 25px;
	border:1px solid #ffc600;
	color:#ffc600;
	text-align:center;
	font-weight:600;
	border-radius:40px;
	transition-delay:0.5s;
	transition:all 0.5s ease;
}
.load-btn a:hover{
	background:#ffc600;
	color:#fff;
	border:1px solid #ffc600;
}
/* projects */
/* bg image */
.bg-image{
	background:linear-gradient(120deg, rgba(255, 198, 0,0.7) 0%, rgba(255, 198, 0,0.7) 100%), url(../images/bg-1.jpg);
}
/* bg image */

/* index page */
/* breadcrumb */
.breadcrumb-area {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 90px;
    padding-top: 123px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area h1 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
}
.breadcrumb-bottom-area {
    border-bottom: 1px solid #e3e3e3;
    background: #f7f7f7;
}
.breadcrumb-bottom-area .left a {
    background: #fdc716 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    line-height: 54px;
    padding: 0 40px;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.breadcrumb-bottom-area .right ul{
	list-style: none;
    margin: 0;
    padding: 0;
}
.breadcrumb-bottom-area .right ul li {
    color: #292929;
    font-size: 14px;
    line-height: 55px;
    display: inline-block;
    margin: 0 0 0 5px;
}
.breadcrumb-bottom-area .right ul li a {
    color: #292929;
    font-size: 14px;
    transition: all 500ms ease;
}
.breadcrumb-bottom-area .right ul li:hover a {
    color: #fdc716;
}
/* breadcrumb */

/* about us */
.welcome-industry-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.welcome-industry-area .video-gallery-bg {
    background: url(../images/pattern.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
}

.welcome-industry-area .video-gallery-bg .video-gallery {
    border: 5px solid #ffffff;
    display: inline-block;
    left: 25px;
    position: relative;
    top: 50px;
}
.sec-title {
    margin-top: -6px;
    padding-bottom: 43px;
    position: relative;
    padding-left: 24px;
}
.sec-title:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 52px;
    background: #01305e;
    content: "";
}
.sec-title p {
    color: #01305e;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px;
    text-transform: capitalize;
}
.sec-title h1 {
    color: #292929;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    margin-top: -7px;
}
.welcome-industry-area .content h3 {
    color: #292929;
    font-family: "Poppins",sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    margin: -19px 0 23px;
    text-transform: none;
}
.welcome-industry-area .content h3 span {
    color: #fdc716;
}
.welcome-industry-area .content .caption-box {
    border-left: 2px solid #f7f7f7;
    margin: 22px 0 20px;
    padding-bottom: 6px;
    padding-left: 50px;
    padding-top: 30px;
    position: relative;
}
.welcome-industry-area .content .caption-box::before {
    color: #fdc716;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    left: 20px;
    position: absolute;
    top: 10px;
}
.welcome-industry-area .content .caption-box p {
    font-style: italic;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 12px;
}
.welcome-industry-area .content .caption-box h4 {
    color: #fdc716;
    font-weight: 400;
    text-transform: capitalize;
}
.choosing-area {
    padding-top: 50px;
}
.choosing-area .content ul{
	list-style: none;
    margin: 0;
    padding: 0;
}

.choosing-area .content ul li {
    padding-left: 45px;
    position: relative;
    margin-bottom: 40px;
}
.choosing-area .content ul li .icon-holder {
    left: 0;
    position: absolute;
    top: 18px;
}
.choosing-area .content ul li .text-holder {
    padding-left: 25px;
}
.choosing-area .content ul li .text-holder h3 {
    margin-bottom: 4px;
}
.choosing-area .content ul li .text-holder span {
    color: #fdc716;
}
.choosing-area .content ul li .text-holder p {
    margin: 15px 0 0;
}
.special-service-area .col-lg-3 {
    width: 20%;
}
.special-service-area .single-item.pd-bottom {
    margin-bottom: 30px;
}
.special-service-area .single-item {
    background: rgba(0, 0, 0, 0) url(../images/1.jpg) no-repeat scroll 0 0 / cover;
    min-height: 210px;
    padding-bottom: 0px;
    padding-top: 75px;
    position: relative;
    z-index: 1;
}
.special-service-area .single-item h3 {
    color: #ffffff;
	margin: 2px 0 5px;
	font-size:18px;
}
.special-service-area .single-item .border {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    height: 2px;
	width: 70px;
	
}
.special-service-area .single-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #01305e;
    opacity: .90;
    z-index: -1;
    transition: background-color 0.4s ease 0s;
}
.special-service-area .single-item:hover:before {
    background-color: rgba(253, 199, 22, 0.90);
}	
.caption-area {
    background-attachment: local;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.caption-area h1 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 42px;
    margin: 0 0 29px;
}
.caption-area ul{
	padding: 0px;
	margin:0px;
	list-style-type: none;
	text-align:left;
	float:left;
}
.caption-area ul li{
	padding:10px 0px;
	color:#fff;
}
/* about us */

/* contact us */
.contact-area {
    padding-bottom: 80px;
    padding-top: 74px;
}
.contact-area .contact-details {
    margin-right: 100px;
}
.contact-area .contact-details h2 {
    color: #292929;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 52px;
    text-transform: uppercase;
}
.contact-info-carousel .contact-details-title h5 {
    color: #292929;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 28px;
    text-transform: capitalize;
}
.contact-info-carousel ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.contact-info-carousel .contact-info li {
    padding-left: 45px;
    position: relative;
    padding-bottom: 30px;
}
.contact-info-carousel .contact-info li .icon-box {
    left: 0;
    position: absolute;
    top: 10px;
}
.contact-info-carousel .contact-info li .icon-box span::before {
    color: #fdc716;
    font-size: 35px;
    font-weight: 700;
}
.contact-info-carousel .contact-info li .text-box p {
    line-height: 22px;
    margin: 0;
}
.contact-info-carousel .item .contact-info li .text-box p span {
    color: #292929;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.contact-social-links {
    border-top: 1px solid #f7f7f7;
    margin-top: 24px;
    overflow: hidden;
    padding-top: 30px;
}
.contact-social-links ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-social-links ul li {
    display: inline-block;
    margin-right: 11px;
}	
.contact-social-links ul li a i {
    background: #f7f7f7 none repeat scroll 0 0;
    border-radius: 50%;
    color: #9e9e9e;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 40px;
    transition: all 500ms ease;
}
.send-message-form .title {
    padding-bottom: 32px;
}
.send-message-form .title h2 {
    color: #292929;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 17px;
    text-transform: uppercase;
}
.send-message-form .title .border {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    height: 2px;
    width: 70px;
}
.send-message-form h3 {
    margin: 0 0 15px;
    text-transform: none;
}
.send-message-form form input, .send-message-form form textarea {
    border: 1px solid #eaeaea;
    color: #9e9e9e;
    display: block;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 15px;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    width: 100%;
}
.send-message-form form textarea {
    height: 100px;
    padding: 15px 15px;
}
.send-message-form form button {
    width: 100%;
    height: 55px;
}
.yellow-bg {
    background: #fdc716;
}
.thm-btn {
    border: 2px solid #fdc716;
    color: #ffffff;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    outline: medium none;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.contact-social-links ul li a:hover i {
    background: #fdc716;
    color: #fff;
}
.thm-btn:hover {
    background: #292929;
    color: #fff;
    border: 2px solid #fdc716;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999999;
}
.modal-dialog {
    margin: 100px auto;
}
/* contact us */

/* products pages */


.prod-tab .tabs .tab-select-outer select{
	width: 100%;
    border: 1px solid #ffc600;
    padding: 10px;
    background-color: #ffc600;
    color: #fff;
    font-weight: 600;
	float:right;
}
.prod-tab .tabs .tab-select-outer a{
	padding:10px;
}
.prod-tab .tabs {
  position:relative;
  margin: 0 auto;
  padding: 0 20px;
}
.prod-tab .tabs .tab-over{
	position:absolute;
	top:4%;
	left:5%;
	transform:translate(-50%,-50%);
}
.prod-tab .tabs .tab-over h3{
	font-size:18px;
	font-weight:600;
}
.prod-tab #tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  float:right;
}
.prod-tab #tab-button li {
  display: table-cell;
  width: 20%;
  margin-right:10px;
}
.prod-tab #tab-button li a {
  display: block;
  padding: .8em;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-weight:600;
}
.prod-tab #tab-button li:not(:first-child) a {
  border-left: none;
}
.prod-tab #tab-button li a:hover,
.prod-tab #tab-button .is-active a {
  border-bottom-color: transparent;
  background: #ffc600;
  color:#fff;
}
.prod-tab .tab-contents {
  padding: .5em 0em 1em;
}

.prod-tab .tab-contents h2{
	padding-top:20px;
	text-align:center;
}
.prod-tab .tab-contents p{
	text-align:justify;
	font-size:16px;
}

@media screen and (min-width: 768px) {
	.prod-tab .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .prod-tab .tab-select-outer {
    display: none;
  }
  .prod-tab .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}
.product-in h3{
	margin:30px 0px;
	text-align: center;
	font-weight:600;
	font-size:34px;
	text-transform:uppercase;
}
.product-inn{
	position:relative;
	margin-bottom:40px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}
.pd-in-over{
	position:absolute;
	content:'';
	background: rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	top:0px;
	transform: scale(0);
	opacity:0;
	transition-delay: 0.5s;
	transition:all 0.9s ease;
}
.pd-in-over h3{
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:18px;
	margin:0px;
}
.product-inn:hover .pd-in-over{
	transform: scale(1);
	opacity:1;
}
/* product page */
/* projects page */

.prodt h3{
	text-align:center;
	position:relative;
	font-weight:600;
}	
.prodt h3 span{
	color:#fdc716;
}
.prodt ul{
	list-style-type: none;
	padding: 15px;
}
.prodt ul li{
	padding:10px 0px 10px 20px;
	font-size:18px;
	position: relative;
}
.prodt ul li:before{
	position:absolute;
	content:'\f061';
	left:0px;
	font-family:'fontawesome';
	color:#fdc716;
}
.prodt-in{
	margin:30px 0px;
}
.prodt-in .btn-prdt{
	padding:15px 10px;
	background:#fff;
	color:#000;
	border:1px solid #333;
	border-radius:0;
	margin-bottom:30px;
	min-width:200px;
}
.prodt-in .img-body{
	margin-bottom:30px;
	position:relative;
}
.prodt-in .img-body .over-1{
	position:absolute;
	width:100%;
	height:inherit;
	bottom:0px;
	background:#ffc600;
	color:#fff;
	margin:0px;
	padding: 5px 0px;
	font-size:18px;
	overflow: hidden;
	opacity:1;
	transition-delay:0.5s;
	transition:all ease 0.5s;
}
.prodt-in .img-body .over-2{
	position:absolute;
	width:100%;
	height:0%;
	overflow: hidden;
	content:'';
	background:rgba(0,0,0,0.5);
	top:0px;
	left:0px;
	transition-delay:0.5s;
	transition:all ease 0.5s;
}
.prodt-in .img-body .over-2 .over-2-in{
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
.over-2-in h3{
	color:#fff;
	margin-bottom:15px;
	font-size: 16px;
}
.over-2-in i{
	color:#fff;
	font-size:34px;
}
#html5box-html5-lightbox{
	z-index:999999999;
}
#html5-watermark{
	display:none !important;
}
.prodt-in .img-body:hover .over-2{
height:100%;
}
.prodt-in .img-body:hover .over-1{
opacity:0;
}
/* projects page */