@font-face {
    font-family: Montserrat;
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: NotoSans;
    src: url('../fonts/NotoSans-Regular.ttf');
}


a{transition: .5s all ease-in-out}

a:hover{text-decoration: none;}


body,html,body > form{height:100%}


body{font-family: NotoSans;font-size: 16px}


.title{font-family: Montserrat-Bold;font-size: 30px;text-transform: uppercase;color:#222222}

.title2{font-family: Montserrat-Bold}

#cssmenu{font-family: Montserrat;font-size: 15px;text-transform:uppercase;float: right}

.link{padding: 5px 20px;display: inline-block;margin: 10px 0;text-decoration: none !important;transition: .5s all ease-in-out}



.divider-h{height: 2px;width: 100%;background: url('../img/Underline.png') center center no-repeat;background-size: 111px 2px;margin: 20px 0;display: inline-block}










.top-wrap{position: relative;height: 100%}

.top{position: absolute;width: 100%;padding: 20px 0}


.top-wrap.bg-img{height: auto}



.top .col-md-9{float:right}


.logo-section{padding: 10px 0}

.logo{position: relative;z-index: 9999;background: url('../img/logo.png') center center no-repeat;height: 75px;width: 100%;background-size: contain;transition: .5s all ease-in-out}


.logo:hover{opacity: .5 !important;transition-delay: 0s !important}





.slider,.slider  .container-fluid,.slider .row,.slider .col-md-12{height:100%}

.slider .col-md-12{padding: 0}

#carousel-example-generic{height: 100%;background-color: #000}

.carousel-inner,.carousel-inner .item {height: 100%}

.carousel-inner .item img{height: 100%;width: 100%;opacity: .25;object-fit: cover}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}







#carousel-example-generic .carousel-caption{text-align: center;text-transform:uppercase;top: 42%;left: 0;right: 0;overflow: hidden;width: 80%;margin-left: auto;margin-right: auto}

#carousel-example-generic .carousel-caption .title{font-size: 50px;color:#fff;margin: 0;max-height: 60px;overflow: hidden}

#carousel-example-generic .carousel-caption .title2{font-size: 20px;font-weight: bold;max-height: 25px;overflow: hidden;}

#carousel-example-generic .carousel-caption .text{text-transform: none;color: #cccccc;max-height: 48px;overflow: hidden;font-size: 16px}




#carousel-example-generic .left.carousel-control{left: 0}

#carousel-example-generic .right.carousel-control{right: 0}

.carousel-control{width: auto!important;bottom: auto !important;top: 50% !important;background-image: none !important;opacity: 1}

.next-nav{background:#222222 url('../img/left-nav.png') center center no-repeat;width: 50px;height: 90px;background-size: 12px;transition: all ease-in-out .5s}

.previous-nav{background:#222222 url('../img/right-nav.png') center center no-repeat;width: 50px;height: 90px;background-size: 12px;transition: all ease-in-out .5s}


.next-nav:hover,.previous-nav:hover{background-color:#666666}





.welcomming{text-align: center;padding: 40px 0}

.welcomming .box{transition: all ease-in-out 1s}

.welcomming .box:hover{transform:scale(1.05) !important;transition-delay: 0s !important}

.welcomming .box:hover .w-ico img{transform: rotateY(360deg)}


.welcomming .box .w-ico{width: 100%}

.welcomming .box .w-ico img{display: inline-block;height: 100px;width: 100px;transition: all ease-in-out 1s}


.welcomming .box .title{font-size: 16px;margin: 10px 0}


.welcomming .box .article{margin: 10px 0;color:#888888;height: 67px;overflow: hidden}


.welcomming .box .link{border-bottom: solid 2px transparent;padding: 0;color:#000;margin: 0}

.welcomming .box .link:hover{border-bottom-color: #222222}




.services{background-color: #f7f7f7;position: relative;height: 500px}

.services .article{color:#777777;height: 45px;overflow: hidden}

.services .col-md-9{padding-top: 50px;padding-bottom: 50px}

.services .col-md-3 {padding-right: 0;position: absolute;right: 0;height: 100%}

.services .col-md-3 img{width: 100%;height: 100%;object-fit: cover}




.services .serv{margin: 40px 0}

.services .serv .s-icons{margin-bottom: 20px}

.services .serv .title{font-size: 14px;line-height: normal;margin-bottom: 3px;height: 15px}

.services .serv .article{font-size: 14px;height: 40px}


.services .serv-img1{float: left;height: 30px;width: 30px;background: url('../img/consult.png') top left no-repeat;background-size: contain}

.services .serv-img2{float: left;height: 40px;width: 30px;background: url('../img/construction.png') top left no-repeat;background-size: contain}

.services .serv-img3{float: left;height: 40px;width: 30px;background: url('../img/HR-04-512.png') top left no-repeat;background-size: contain}

.services .serv-img4{float: left;height: 30px;width: 30px;background: url('../img/spanner.png') top left no-repeat;background-size: contain}



.services .serv .article,.services .serv .title{overflow: hidden;padding-left: 15px}



.services .link{text-transform: uppercase;background: #fff;border:solid 1px #ceeefa;border-radius: 50px;padding:20px 40px;color:#222222;font-weight: bold}

.services .link:hover{background:#ceeefa}







.g-home .title{text-align: center;margin: 20px 0}


.g-home .g-image{background-color: #000;overflow: hidden;margin-bottom: 20px}

.g-home .col-md-4 img{height: 300px;width: 100%;object-fit: cover;transition: all ease-in-out 1s}


.g-home .col-md-4 a:hover img{opacity: .5;transform: scale(1.2)}







.footer{background: url('../img/7fbfd29e441b45b6e95cbbe5b719ba84.png') center center no-repeat;background-size: cover;color:#fff}

.footer .filter{background-color: rgba(0,0,0,0.70);padding: 60px 0 0 0}

.footer a{color:#fff;text-decoration: none}

.footer a:hover{opacity: .5}

.footer .title{color:#fff;padding: 0 0 20px}


.footer .footer-top{padding-bottom: 30px}


.footer .social{padding: 20px 0}

.footer .social ul{padding-left: 0}

.footer .social ul li{font-size: 25px;height: 20px;width: 20px;text-align: center;margin: 10px 0}

.footer .social ul a{display: inline-block;width: 49%}

.footer .social ul a span{padding-left: 10px}





.footer form input[type="text"]{height: auto;line-height: normal;padding: 15px 5px 15px 20px;border-radius: 2px}


.footer form textarea{resize: none;border-radius: 2px}



.footer .btn.btn-default{background-color: #35c2f8;color:#fff;border-radius: 50px;padding:20px 40px;border:2px solid #35c2f8;transition: all ease-in-out .5s}

.footer .btn.btn-default:hover{background-color: transparent;color:#35c2f8}





.footer .footer-bottom{font-size: 13px;padding: 20px 0;text-align: center;border-top:solid 2px #fff}









.footer-inner{background-image: none;background-color: #222222;padding: 10px 0}

.footer-inner  .footer-bottom .social-inner{padding: 0}

.footer-inner  .footer-bottom  .social-inner ul{padding: 0;margin-bottom: 0}

.footer-inner  .footer-bottom  .social-inner ul li{margin: 0;font-size: 18px;background-color: #fff;border:solid 2px #fff;border-radius: 50%;height: 33px;width: 33px;line-height: 33px;color:#222222;transition: all ease-in-out .5s;display: inline-block;text-align: center}


.footer .footer-bottom  .social-inner ul a{display: inline-block;width: auto;padding-left: 5px}



.footer-inner .filter{padding:0;background-color: transparent}

.footer-inner .footer-bottom{padding: 0;border: 0}



.footer-inner .footer-bottom .social-inner ul a:hover{opacity: 1}

.footer-inner .footer-bottom .social-inner ul a:hover li{background-color: transparent;color:#fff}


.footer-inner .col-md-6{float: right}













.bg-img{
   
	background:url('../img/39eee751af30032eeece2f48de2de4ba_XL.jpg') center center no-repeat;
	background-size: cover
}

.bg-img .top{position: relative;background-color: rgba(0,0,0,0.75)}






.content{margin: 20px 0;min-height: 560px}

.content .title{text-transform: uppercase;color: #222;font-weight: bold;text-align: center}

.content .title2{color:#333;text-transform: capitalize;font-size: 20px;margin: 100px 0}





.service-inner{display: inline-block;width: 100%;margin-bottom: 10px}

.service-inner .article{
    overflow: hidden;
    margin-bottom: 20px;}
	
	
.service-inner .title2{margin-bottom:10px}


.inner-img1{float: right;margin:0 0 20px 20px;width: 40%;height: 300px}

.inner-img1 img{height: 100%;width: 100%;clip-path: polygon(0 0,100% 0,100% 100%,10% 100%);object-fit: cover}


.inner-img2{float: left;margin:0 20px 20px 0;width: 40%;height: 300px}

.inner-img2 img{height: 100%;width: 100%;clip-path: polygon(0 0,100% 0,90% 100%,0 100%);object-fit: cover}




.products-inner .zoom{height: 400px}

.products-inner .zoom img:first-child{width: 100%;height: 100%}

.products-inner .zoom img:nth-child(2){height: 150% !important;width: 150% !important}

.products-inner .p-thumb{width: 100%;text-align: center}

.products-inner .p-thumb img{height: 50px;width: 25%;float: left;object-fit: cover;opacity: .5;cursor: pointer;padding: 2px}

.products-inner .p-thumb img.active{opacity: 1}

















#swipebox-top-bar{font-size: 25px !important;text-transform: capitalize}




.new{margin-bottom: 20px;display: inline-block}





.contact-form i,.contact-form a{color:#252525;text-decoration: none}

.contact-form a:hover{opacity: .5}

.contact-form button{background:#252525;color:#fff;border-radius: 5px;border:2px solid #252525 !important;transition: all ease-in-out .5s}

.contact-form button:hover{background-color:transparent;color:#252525}





.modal{z-index: 55555}

.modal-dialog .modal-header{background-color:rgba(0,0,0,0.80);border-bottom:rgba(255,255,255,0.25) solid 1px}



.modal-dialog{display: inline-block;width: 100%;text-align: center;margin: 0}

.modal-dialog .title{margin: 0;color:#fff;font-size: 25px}

.modal-dialog .modal-content{background-color:rgba(0,0,0,0.70);border-radius: 0;display: inline-block;width: 400px;margin: 30px auto !important}

.modal-dialog input{background-color: transparent;border:0;border-bottom:solid 1px rgba(255,255,255,0.50);border-radius: 0;color:rgba(255,255,255,1.00)}

.modal-dialog input[type="button"]{border:solid 2px #72a235;background-color:#72a235;color:#fff;border-radius: 15px;transition:all ease-in-out .5s}

.modal-dialog input[type="button"]:hover{background-color:transparent;color:#72a235}
 
.modal-dialog i{color:#fff;margin: 15px 0}

.modal-dialog .link{padding: 0;color:#fff}

.modal-dialog .close{color:#fff}

























.iconspan{
float: right;
margin: 0px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}


/*CSS used to style the examples. Remove if desired: */

.eg-bar
{
    background-color: #84b4cc;
    border: 1px solid #84b4cc;
    padding: 5px;
    color: #ffffff;
    margin-bottom: 10px;    
}

div.eg-bar{
width: 100%;
}

.icongroup1{
width: 100%;
padding: 0px 0 10px 0;
}



.viewer-title{display:none !important}








.link_sub{

    text-transform: uppercase;
    background: #fff ;
    border: solid 1px #ceeefa ;
    border-radius: 50px ;
    padding: 20px 40px ;
    color: #222222 ;
    font-weight: bold ;
}


.link_sub:hover{    background: #ceeefa;}