/* fonts */
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('jquery.fancybox.min.css');
/* Default css */
html {scroll-behavior: smooth;}
body{
	/*font-family: 'Titillium Web', sans-serif;*/
	font-family: 'Hind', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
a{text-decoration:none;font-size:14px}
a:hover{text-decoration:none!important}
.padding-50px{padding:50px 0}
.padding-110px{padding:110px 0}
.near-black-background{background-color:#191e34}
.align-center{text-align:center}
.center-factory a{display:inline-block}
.paddingtb15vh{padding:15vh 0}
.wp-25{width:calc(25% + 7px)}
.wp-75{width:calc(75% - 7px)}
.back-green-co-white{background-color:#298269;color:#fff}
/* common css */
/* company infrasteucture */
.infra-width-top .infra-width-top-title{font-size:25px;}
.infra-width{padding:150px 15px}
.infra-width-right{padding:36px 15px;background-color:#f3f3f3}
.white-btn{padding:5px 30px;color:#fff;border:1px solid #fff;font-size:16px;font-weight:600;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;display:inline-block}
.infra-width-bottom{margin-bottom:10px;text-align:justify;}
.white-btn:hover{background-color:#fff;color:#ed3237}
.infra-images-title{text-align:center;padding:20px;letter-spacing:1px}
.infra-images{position:relative}
/* .infra-images:after{content:'';position:absolute;width:100%;height:100%;border:2px solid #fff;padding:20px} */
.infra-item-width{width:100%;box-shadow:0 1px 10px rgba(0, 0, 0, 0.22);background-color:#fff}
.infrastructure-company .item{padding:10px}
.ba-c-color-blue{background-color:#ed3237}
.padd-r-0{padding-right:0}
.grey-light{background-color:#f9f9f9}
.dark-background{background-color:#000}
.rainbow {margin:0;padding:0;list-style:none}
.rainbow.rainbow1   li{height:3px;}
.rainbow li{height:5px;display:inline-block;width:calc(100% / 14);float:left}
.rainbow .color1{background-color:#298269}
.rainbow .color2{background-color:#a03234}
.rainbow .color3{background-color:#2681c3}
.rainbow .color4{background-color:#d33d38}
.rainbow .color5{background-color:#0a815f}
.rainbow .color6{background-color:#aa3467}
.rainbow .color7{background-color:#e24a38}
.full-width{width:100%}
/* header part */
.icons-social .social-items a:hover{color:#fff;background-color:#3b5999}
.icons-social .social-items  + .social-items a:hover{color:#fff;background-color: #55acee}
.icons-social .social-items  + .social-items + .social-items a:hover{color:#fff;background-color: #e4405f }
.icons-social .social-items a:nth-child(2):hover 
{ color:#fff;background-color: #ce255c}
.icons-social .social-items a:nth-child(3):hover {
    color: #fff;
    background-color: #f00;
}
.icons-social .social-items a{font-size:18px;text-align:center;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;}
.icons-social .social-items a:hover{color:#fff}
.same-items-effect>a{display:inline-block;padding:10px;}
.same-items-effect .interior-solutions-effect a{display:inline-block;padding:10px;text-align:center;width:100%;text-align:center;color:#000;font-weight:600;letter-spacing:1px}
.bottom-header .navbar{padding:0  1rem;}
.bottom-header .nav-item:hover .dropdown-menu {transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);visibility:visible;opacity:1}
.bottom-header  .dropdown-menu{top:96%;padding:0;border-radius:0;right:0;left:unset;width:unset;padding:0;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transition:all 500ms ease;display:block !important;visibility:hidden;opacity:0}
.bottom-header .nav-link{padding:2.2rem 1rem;}
.black-background{background-color:#000}
.top-header{width:100%;padding:0 16px}
.top-header .left-slide-items a, .top-header .social-items a{display:inline-block;color:#fff;padding:12px 10px }
.top-header .left-slide-items a i{margin-right:5px;}
.top-header .social-items a
.bottom-header{width:100%}
.canvas-logo.mobile {
        display: none;
    }
.bottom-header .menu-aera ul li .nav-link{color:#000;text-transform:uppercase;letter-spacing:1px;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;font-weight:600;}
.bottom-header .menu-aera ul li .nav-link:hover{color:#ed3237;}
.bottom-header .menu-aera>ul>li.active> .nav-link{color:#ed3237;}
.bottom-header .brand-logo{width:230px}
.bottom-header .dropdown-menu .dropdown-item{padding:0.5rem 1.5rem;border-bottom:1px solid rgba(255, 255, 255, 0.17);font-size:13px;letter-spacing:1px;text-transform:uppercase;background-color:#191e34;color:#fff;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all}
.bottom-header .dropdown-menu .dropdown-item:hover{background-color:#ed3237}
/* body part */
.rela-t-70{position:relative;top:-150px;}
.paddt90b120{padding:90px 0 120px 0;height:50vh;}
.pro-title-news{font-size:30px;position:relative}
.news-view-all{padding:11px 22px;border:1px solid #000;color:#000;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;position:relative;font-size:16px;font-weight:600;display:inline-block}
.news-view-all:hover{background-color:#000;color:#fff}
.news-events-width{width:100%}
.download-brochure{display:inline-block;padding:11px 32px 11px 48px;border:1px solid #fff;color:#fff;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;position:relative;font-size:16px;font-weight:600;}
.download-brochure i{position:absolute;left:20px;top:15px;}
.download-brochure:hover{background-color:#fff;color:#000}
.middle-dye-stup{padding:50px 20px;box-shadow:0 0 10px rgba(140, 140, 140, 0.25);-webkit-box-shadow:0 0 10px rgba(140, 140, 140, 0.25);-moz-box-shadow:0 0 10px rgba(140, 140, 140, 0.25);}
.middle-dye-stup-inner .dye-stop-border{text-align:Center;border-right:1px solid  #eaeaea}
.middle-dye-stup-inner .dye-stop-border:last-child{border-right:0}
.dye-intern a{display:inline-block}
.read-more-right{display:inline-block;color:#c03438;font-weight:bold}
.making-padding{padding:60px 50px;}
.innovation{text-align:center;color:#fff;letter-spacing:1px;font-size:16px;}
.dyestu-main-title{text-align:center;color:#fff;font-weight:500;font-size:35px;}
.top-dye-stup, .bottom-dye-stup{width:50%;margin:0 auto}
.marg-b-100{margin-bottom:100px;}
.width-inner{width:100%;/*overflow:hidden;*/}
.interior-solutions .item {text-align:center}
.interior-solutions .item a{display:inline-block;}
.interior-solutions .item .poly-boards{width:100%;padding:10px 15px;text-transform:uppercase;font-weight:600;letter-spacing:1px;font-size:16px;text-align:left}
.poly-boards-descriptyion{text-align:left;padding:0 15px;}
.nes-evt-link{text-align:left;padding:10px 15px 20px}
.owl-carousel.interior-solutions {}
.news-even-lefts{display:inline-block;box-shadow:0 0 10px #cacaca;-moz-box-shadow:0 0 10px #cacaca;-webkit-box-shadow:0 0 10px #cacaca}
.news-and-events .owl-stage-outer{padding:10px;width:102% !important;margin-left:-1%}
.interior-solutions.owl-theme .owl-nav:focus{border:0;outline:0}
.interior-solutions.owl-theme .owl-nav{position:absolute;top:50%;left:0;margin-top:0;display:none}
.interior-solutions.owl-theme .owl-nav [class*=owl-]{margin:0;padding:0}
.interior-solutions.owl-theme .owl-nav [class*=owl-] span:focus{border:0;outline:0}
.interior-solutions.owl-theme .owl-nav [class*=owl-] span:hover{background-color:#d1262a;color:#fff}
.interior-solutions.owl-theme .owl-nav [class*=owl-] span{margin:0;width:50px;height:50px;background-color:#fff;border-radius:0;display:inline-block;font-size:29px;font-weight:600;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;}
/* slider  */
.carousel-control-next, .carousel-control-prev{width:50px;height:50px;opacity:1;background-color:#fff;top:50%;transform:translateY(-50%)}
.carousel-control-next-icon,.carousel-control-prev-icon{width:15px;height:15px;}
.carousel-control-next-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}
/* about-section  */
.image-1 a, .image-2 a{display:inline-block}
.about-section {position: relative;padding: 120px 0 70px;}
.auto-container {position: static;max-width: 1200px;padding: 0px 15px;margin: 0 auto;}
.about-section .content-column {position: relative;margin-bottom: 50px;}
.about-section .content-column .inner-column {position: relative;padding-left: 30px;}
.about-section .sec-title {margin-bottom: 45px;}
.sec-title {position: relative;z-index: 1;margin-bottom: 50px;}
.canvas-logo
{
    padding:0 20px;
}
.canvas-logo a img {
    width: 100%;
}
.carousel-indicators li
{
    background-color:#ffffff !important;
}

.sec-title .title {
    position: relative;
    display: block;
    font-size: 28px;
    line-height: 24px;
    color: #ed3237;
    font-weight: 500;
    margin-bottom: 15px;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.28em;
    color: #222222;
    font-weight: 600;
    padding-bottom: 18px;
}
.sec-title h2:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;
    background-color: #d1d2d6;
}
.about-section .text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
}
.about-section .list-style-one {
    margin-bottom: 45px;
}
.list-style-one li {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 12px;
}
.list-style-one li:before {
    content: "\f186";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 18px;
    line-height: 26px;
    padding: 0px;
    color: #df6512;
    font-weight: 600;
    font-family: "Flaticon";
}
.about-section .btn-box {
    position: relative;
}
.about-section .btn-box a {
    padding: 10px 50px;
}
.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
    padding: 10px 30px;
    font-weight: 600;
    overflow: hidden;
    letter-spacing: 0.02em;
    background-color: #ed3237;
}
.theme-btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-style-one:hover {
    background-color: #000;
    color: #ffffff;
}
.about-section .image-column {
    position: relative;
}
.about-section .image-column .inner-column {
    position: relative;
    padding-left: 120px;
    padding-bottom: 125px;
}
.about-section .image-column .inner-column:before {
    position: absolute;
    left: -75px;
    top: 65px;
    height: 520px;
    width: 520px;
    background-image: url(../images/circle-1.png);
    content: "";
}
.about-section .image-column .image-1 {
    position: relative;
}
.about-section .image-column .image-2 {
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-section .image-column .image-2 img, .about-section .image-column .image-1 img {
    box-shadow: 0 30px 50px rgba(8,13,62,.15);
}
.about-section .image-column .video-link {
    position: absolute;
    left: 70px;
    top: 170px;
}
.about-section .image-column .video-link .link {
    position: relative;
    display: block;
    font-size: 22px;
    color: #ed3237;
    font-weight: 400;
    text-align: center;
    height: 100px;
    width: 100px;
    line-height: 107px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 30px 50px rgba(8,13,62,.15);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section .image-column .video-link .link:hover {
    background-color: #ed3237;
    color: #ffffff;
}
/* services solutions  */
.transational_reach{
	position: relative;
    padding: 120px 0 90px;
}
.transational_reach:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/dotted-map-3.png);
    background-repeat: no-repeat;
    background-position: center right;
    content: "";
}
.services-section-three {
    position: relative;
    padding: 120px 0 90px;
    background-color: #f5f6f7;
}
.services-section-three:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/dotted-map-3.png);
    background-repeat: no-repeat;
    background-position: center right;
    content: "";
}
.services-section-three:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 535px;
    background-image: url(../images/circle-4.png);
    content: "";
}
.services-section-three .row {
    position: relative;
    z-index: 3;
}
.services-section-three .text-column {
    position: relative;
    margin-bottom: 50px;
}
.services-section-three .text-column .inner-column {
    position: sticky;
    padding-right: 65px;
	top:100px
}
.services-section-three .text-column .sec-title {
    margin-bottom: 35px;
}
.services-section-three .text-column .btn-box a {
    padding: 10px 35px;
    line-height: 30px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}
.service-block-three {
    position: relative;
    margin-bottom: 30px;
}
.service-block-three .inner-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 70px 40px 65px;
    background-color: #ffffff;
    box-shadow: 0 15px 40px rgba(0,0,0,.10);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-three .icon {
    position: relative;
    display: inline-block;
    font-size: 60px;
	width:100px;
    line-height: 1em;
    color: #ed3237;
    margin-bottom: 20px;
}
.service-block-three .icon img{max-width:100%}
.service-block-three h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 23px;
}
.service-block-three .text {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: #848484;
    font-weight: 400;
    margin-bottom: 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-three h3:before {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    width: 50px;
    background-color: #d1d2d6;
    content: "";
    margin: 0 auto;
    bottom: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-three .link-box {
    position: relative;
    display: block;
}
.service-block-three .link-box a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-three h3 a {
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:1px;
    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;
}
/* enquiry Section  */
.fluid-section-one {
    position: relative;
    background-color: #191e34;
}
.fluid-section-one .outer-container {
    position: relative;
}
.fluid-section-one .form-column {
    position: relative;
    float: right;
    width: 50%;
    background-color: #191e34;
}
.fluid-section-one .map-layer {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/map-layer.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}
.fluid-section-one .form-column .inner-column {
    position: relative;
    max-width: 600px;
    width: 100%;
    float: left;
    padding: 115px 15px 120px 85px;
}
.fluid-section-one .form-column .sec-title {
    margin-bottom: 45px;
}
.sec-title.light h2 {
    color: #ffffff;
}
.sec-title h2:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;
    background-color: #d1d2d6;
}
.contact-form {
    position: relative;
    z-index: 1;
}
.contact-form .form-group {
    position: relative;
    margin-bottom: 40px;
}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
	border:0;
    color: #ffffff;
    font-weight: 400;
    height: 35px;
    padding: 4px 0;
    background-color: transparent;
    border-bottom: 1px solid #474b5d;
    font-family: "Open Sans", sans-serif;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.fluid-section-one .image-column {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
}
.fluid-section-one .image-column .image-box {
    position: relative;
    display: none;
}
.fluid-section-one .image-column .image-box img {
    display: block;
    width: 100%;
    height: auto;
}
.exlusive-img{margin-bottom:30px;    box-shadow:0 0 5px rgba(94, 94, 94, 0.21);
    border: 1px solid #fbfbfb;}
.exlusive-img .exlusive-title{text-align:center;padding:15px 0;border-top:1px solid #efefef}
.exlusive-img .exlusive-title p{margin-bottom:0;font-size:15px;}
.contact-form .form-group input[type=submit], .contact-form .form-group button {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 50px;
	border:0;
    line-height: 25px;
}
/* News Events  */
.news-section-three {
    position: relative;
    padding: 120px 0 70px;
}
.news-section-three .sec-title {
    margin-bottom: 50px;
}
.news-section-three .news-list {
    position: relative;
    margin-bottom: 50px;
}
.news-section-three .news-list .inner-column {
    position: relative;
    padding-right: 70px;
	height:392px;
	overflow:hidden
}
.news-block-three {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 2px dashed #dfdfdf;
}
.news-block-three .date {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #ed3237;
    font-weight: 400;
    margin-bottom: 8px;
}
.news-block-three .date span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    color: #909297;
    font-weight: 500;
    padding-right: 20px;
    margin-right: 10px;
}
.news-block-three .date span:before {
    position: absolute;
    right: 0;
    top: 8px;
    height: 5px;
    width: 5px;
    background-color: #d1d2d6;
    border-radius: 5px;
    content: '';
}
.news-block-three h5 {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 26px;
    color: #222222;
    font-weight: 500;
}
.news-block-three h5 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;
}
.news-block-three h5 a:hover {
    color: #ed3237;
}
.news-section-three .btn-box {
    position: relative;
    margin-top: 35px;
}
.news-section-three .btn-box a {
    padding: 10px 45px;
    line-height: 25px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}	
.news-block-four {
    position: relative;
    margin-bottom: 50px;
}
.news-block-four .inner-box {
    position: relative;
}
.news-block-four .image-box {
    position: relative;
}
.news-block-four .lower-content {
    position: relative;
    padding: 40px 30px;
    -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    -o-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    background-color: #ffffff;
}
.news-block-four .image {
    position: relative;
    margin-bottom: 0;
    box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    background: #222222;
}
.news-block-four .inner-box:hover .image a img {
    opacity: .90;
}
.news-block-four .image img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block-four .lower-content {
    position: relative;
    padding: 40px 30px;
    -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    -o-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    box-shadow: 0 15px 40px rgba(0,0,0,0.10);
    background-color: #ffffff;
}
.news-block-four .date {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #ed3237;
    font-weight: 400;
    margin-bottom: 12px;
}
.news-block-four .date span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    color: #909297;
    font-weight: 500;
    padding-right: 20px;
    margin-right: 10px;
}
.news-block-four h5 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 30px;
    color: #222222;
    font-weight: 500;
}
.news-block-four h5 a{
	    position: relative;
    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;
}
.news-block-four h5 a:hover{color:}
.sec-title.text-center h2:before {
    left: 50%;
    margin-left: -25px;
}
.news-section-three:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 525px;
    background-image: url(../images/circle-4.png);
    z-index: -1;
    content: "";
}
/* transational Infrastructure  */
.mon-money-control .form-column{float:left}
.mon-money-control .image-column{right:0 ;left:unset}
.mon-money-control .map-layer{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}
.transational_reach .transational-inner{width:100%;padding:50px;background-color:#fff;z-index:1;position:relative}
/* Company Infrastructure  */
	.services-section-four {
    position: relative;
    padding: 120px 0 70px;
}
.services-section-four:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 592px;
    width: 596px;
    background-image: url(../images/circle-6.png);
    z-index: -1;
    content: "";
}
.services-section-four .sec-title {
    margin-bottom: 45px;
}
.services-tab {
    position: relative;
}
.services-section-four .text-column {
    position: relative;
    margin-bottom: 50px;
}
.services-section-four .text-column .inner-column {
    position: relative;
    padding-right: 0;
}
.services-section-four .text-column .text {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #848484;
    font-weight: 400;
    margin-bottom: 30px;
}
.services-tab.cate_boxes .tab-buttons{
	height: calc(100vh - 100px);
    overflow-y: scroll;}
.services-tab .tab-buttons {
    position: relative;
	padding-left:0;
}
.services-tab .tab-buttons::-webkit-scrollbar {
    width: 5px;
}
 .catego_ries_menu{    display: inline-block !important;
    padding: 10px;
    background-color: #ed3237;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;}
.services-tab .tab-buttons::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.services-tab .tab-buttons::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.services-tab .tab-buttons li {
	background-color:#f6f7f8;
	padding:15px;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 0;
	border-bottom:1px solid #bfbfbf;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	
}
.services-tab .tab-buttons li:hover {
    color: #ed3237;
}
.exlusive-title h5{font-size:16px;}
.exlusive-img .exlusive-title p{font-size:14px;}
.services-tab .tab-buttons li:before {
    position: absolute;
    left: 0;
    top: 18px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #ed3237;
    content: "";
    //opacity: 0;
    //visibility: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.services-tab .tab-buttons li.active-btn {
    padding-left: 20px;
    color: #fff;
	background-color:#ed3237;
}
.product_list .services-tab .tab-buttons li.active-btn {
        padding-left: 20px;
    color: #fff;
    box-shadow: inset 0 0 15px #820000;
    background-color: #ed3237;
    //border: 1px solid #efefef;
    border-left: 0;
    color: #fff;
}
.services-tab .tab-buttons li.active-btn:before {
    opacity: 1;
    visibility: visible;
	border-left:10px solid #fff
}
.services-section-four .text-column .btn-box {
    position: relative;
}
.services-section-four .text-column .btn-box a {
    position: relative;
    margin-top: 15px;
       font-size: 16px;
    padding: 6px 30px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}
.services-section-four .service-column {
    position: relative;
}
.services-section-four .service-column .inner-column {
    position: relative;
}
.tabs-box .tab {
    display: none;
}
.services-section-four .service-column .image-box {
    position: relative;
    text-align: right;
}
.services-section-four .service-column .image {
    position: relative;
	text-align:center;
    margin-bottom: 0;
}
.services-section-four .service-column .image a{display:inline-block;padding:30px}
.services-section-four .service-column .image img {
    max-width: 100%;
    height: auto;
}
.services-section-four .service-block-four {
    position: absolute;
    left: 70px;
    bottom: 0;
    margin-bottom: 0;
    max-width: 370px;
    transition: all 700ms ease;
}
.service-block-four .inner-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 40px 65px;
    background-color: #ffffff;
    box-shadow: 0 15px 40px rgba(0,0,0,.10);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-four .icon {
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 1em;
    color: #ed3237;
    margin-bottom: 20px;
}
.service-block-four h3 {
    position: relative;
    display: block;
    
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 23px;
}
.service-block-four h3 a {
    color: #222222;
    display: inline-block;
	font-size: 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-four h3 a:hover {
    color: #ed3237;
}
.service-block-four h3:before {
    position: absolute;
    left: 0;
    height: 2px;
    width: 50px;
    background-color: #d1d2d6;
    content: "";
    bottom: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-four .text {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: #848484;
    font-weight: 400;
    margin-bottom: 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-four .link-box {
    position: relative;
    display: block;
}
.service-block-four .link-box a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    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;
}
.service-block-four .link-box a:hover {
    color: #ed3237;
}
.tabs-box .active-tab{display:block}
.services-section {
    position: relative;
    padding: 50px 0 120px;
    //background-color: #f2f3f5;
}
.services-section:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 100%;
    background-color: #ffffff;
    content: "";
}
.services-section .service-block {    width: 100%;
    position: relative;
    z-index: 2;
    padding: 20px;
    //background-color: #fff;
    //box-shadow: 0 0 10px #d9d9d9;
    margin-top: 10px;}
	.pattern-transtional:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 535px;
    background-image: url(../images/circle-4.png);
    z-index: 1;
    content: "";
}
.services-section:after {
    position: absolute;
    left: 0;
    bottom: -30px;
    height: 50%;
    width: 100%;
    background-image: url(../images/dotted-map.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    z-index: 0;
}
/* exterior solutions  */
.interiors-solutions a{ display:inline-block;width:100%}
.interiors-solutions a img{width:100%}
.exterior-solutions .item {text-align:center}
.exterior-solutions .item a{display:inline-block;border:20px solid #fff;width:100%}
.exterior-solutions .item .poly-boards{width:100%;padding:10px 0;text-transform:uppercase;font-weight:600;letter-spacing:1px;font-size:14px;}
.exterior-solutions.owl-theme .owl-nav:focus{border:0;outline:0}
.exterior-solutions.owl-theme .owl-nav{position:absolute;top:-20px;right:-120px;margin-top:0}
.exterior-solutions.owl-theme .owl-nav [class*=owl-]{margin:0;padding:0}
.exterior-solutions.owl-theme .owl-nav [class*=owl-] span:focus{border:0;outline:0}
.exterior-solutions.owl-theme .owl-nav [class*=owl-] span:hover{background-color:#d1262a;color:#fff}
.exterior-solutions.owl-theme .owl-nav [class*=owl-] span{margin:0;width:50px;height:50px;background-color:#fff;border-radius:0;display:inline-block;font-size:29px;font-weight:600;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;}

/* mocups banner */
.mocups-banner{width:100%}
.mocups-banner a{display:inline-block}
/* instagram */
.instagram-title{font-size:25px; letter-spacing:1px;font-weight:400;padding-top:27vh;padding-bottom:30px;}

/* money control */
.inner-column.money-contero-center{padding:130px 15px 128px 15px !important; max-width: 100% !important;text-align:center}
.moneycontrols{text-align:Center}
.moneycontrols {
    padding: 50px 0;
    text-align: Center;
    position: relative;
    z-index: 9;
    line-height: 0;
    background-color: #fff;
}
/* footer */

.scroll-to-top {
	visibility:hidden;
	transform:scale(0);
    position: fixed;
    bottom: 50px;
    right: 15px;
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #ed3237;
    display: block;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.scroll-to-top.apply-magic{visibility:visible;transform:scale(1);}
.scroll-to-top:hover {
    background: #ffffff;
    color: #ed3237;
}
.main-footer {
    position: relative;
    padding: 0px 0;
    background: #121626;
    color: #cdced1;
}
.main-footer:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../images/footer-shape.png) right top no-repeat;
    content: '';}
.main-footer .widgets-section {
    position: relative;
    padding: 110px 0px 50px;
}
.main-footer .footer-column {
    position: relative;
    margin-bottom: 30px;
}
.main-footer .about-widget {
    position: relative;
}
.main-footer .about-widget .footer-logo {
    position: relative;
    margin-top: -20px;
    margin-bottom: 25px;
}
.main-footer .about-widget .footer-logo .image {
    position: relative;
}
.main-footer .about-widget .footer-logo img {
    display: block;
    height: auto;
    max-width: 100%;
}
.main-footer .about-widget .text {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 1.7em;
    color: #cdced1;
    font-weight: 400;
    margin-bottom: 35px;
    padding-right: 100px;
}
.social-icon-colored {
    position: relative;
	padding-left:0
}
.social-icon-colored li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.social-icon-colored li.facebook a {
    font-size:30px;
    color:#fff;
     color:#176cb8;
    transition:all 0.5s ease;
}
.social-icon-colored li.facebook a:hover,
.social-icon-colored li.insta a:hover,
.social-icon-colored li.youtube a:hover
{
   color:#fff;
}
.social-icon-colored li.insta a {
   font-size:30px;
   color:#fff;
   color: #f683cd;
   transition:all 0.5s ease;
}
.social-icon-colored li.youtube a {
    font-size: 30px;
    color: #fff;
    color: #f00;
    transition: all 0.5s ease;
}
.main-footer .widget-title {
    position: relative;
    font-size: 20px;
	letter-spacing:1px;
	text-transform:uppercase;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.2em;
    margin-bottom: 40px;
}
.main-footer .list {
    position: relative;
	padding-left:0
}
.main-footer .list li {
    position: relative;
	padding-left:0;
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #848484;
    font-weight: 400;
    padding-left: 15px;
    margin-bottom: 18px;
}
.main-footer .list li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    line-height: 27px;
    color: #cdced1;
    content: "\f105";
    font-weight: 900;
    text-decoration: none !important;
    font-family: "Font Awesome 5 Free";
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.main-footer .list li a {
    display: inline-block;
    color: #cdced1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.contact-widget .text {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    color: #cdced1;
    font-weight: 400;
    margin-bottom: 17px;
}
.main-footer .contact-list {
    position: relative;
	padding-left:0
}
.main-footer .contact-list li {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 30px;
    color: #cdced1;
    font-weight: 400;
    margin-bottom: 7px;
}
.main-footer .contact-list li a {
    color: #cdced1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.main-footer .contact-list li a i{margin-right:10px;}
.main-footer .contact-list li a:hover ,.main-footer .list li a:hover,.main-footer .list li:hover:before  {
    color: #ed3237;
}
.main-footer .footer-bottom {
    width: 100%;
    background: #0c0f1a;
    padding: 20px 0px;
    line-height: 24px;
}
.main-footer .footer-bottom .auto-container {
    position: relative;
}
.main-footer .copyright-text {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: #cdced1;
    font-weight: 400;
}
.main-footer .copyright-text a {
    display: inline-block;
    color: #ed3237;
}
.main-footer .footer-links {
    position: relative;
}
.main-footer .footer-links li {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    padding-right: 12px;
}
.main-footer .footer-links li:before {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    line-height: 24px;
    color: #cdced1;
    font-weight: 400;
    content: "|";
}
.main-footer .footer-links li a:hover {
    color: #ed3237;
}
.main-footer .footer-links li a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    color: #cdced1;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/* old footer */
.canada_location{width:100%}
.canada_location .canada_location_left i, .canada_location .canada_location_right i{color:#ed3237}
.canada_location .canada_location_left{float:left;display:inline-block;width:30px}
.canada_location .canada_location_right{float:right;display:inline-block;width:calc(100% - 30px)}
.clear{clear:both}
.loca-left{width:25px;display:inline-block;float:left}
.loca-right{width:calc(100% - 30px);display:inline-block;float:right}
.about-us-sec{padding:0px 100px 0 70px}
.readmore-btn{display:inline-block;border:1px solid #fff;color:#000;padding:5px 10px;font-size:12px;transition:0.4s ease all;-moz-transition:0.4s ease all;-webkit-transition:0.4s ease all;background-color:#fff}
.readmore-btn:hover{background-color:#761c14;color:#fff;border: 1px solid #761c14}
.quick-links p{color:#fff}
.quick-links h6{font-size:16px;color:#fff;margin-bottom:10px;}
.quick-links ul{padding:0;list-style:none}
.quick-links ul li{margin-bottom:5px}
.quick-links ul li a{display:inline-block;color:#fff;width:100%}

.light-dark{background-color:#0e0e0e}
 .newsletter h5, .social-media h5{color:#9f9d9b;font-weight:100;font-size:40px;text-transform:uppercase;margin-bottom:25px;}
 .newsletter .input-group{position:relative;}
 .newsletter .input-group .input-group-field{position:absolute;width:100%;padding:12px 25px;border:1px solid #000}
 .newsletter .input-group .subscribe{position:absolute;right:0;top:0;padding:12px 25px;border:1px solid #000;background-color:#000;color:#fff;text-transform:uppercase}
 .newsletter { background: url(../images/newpattern1.png) repeat #f7f7f7;min-height: 263px;display: inline-block;text-align: center;padding: 54px 80px 54px 80px;width: 100%;border-right: none;position: relative;z-index: 1;}
.social-media{text-align: center;display: inline-block;min-height: 263px;width: 100%;padding: 46px 0 46px;position: relative;z-index: 1;background: url(../images/newpattern2.png) repeat #000;}
.social-media .social-media-item{display:inline-block;width:100%;text-align:center}
.social-media .social-media-item .social-media-item-innter{display:inline-block;margin:0;padding:0}
.social-media .social-media-item .social-media-item-innter li{display:inline-block;margin:0 5px}
.social-media .social-media-item .social-media-item-innter li a{display:inline-block;width:50px;height:50px;text-align:center;background-color:#dbdad8;line-height:50px;border-radius:50px;font-size:17px;color:#000;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;}
.social-media .social-media-item .social-media-item-innter li a:hover{background-color:#3b5999;color:#fff}
.social-media .social-media-item .social-media-item-innter li+li a:hover{background-color:#55acee;color:#fff}
.social-media .social-media-item .social-media-item-innter li+li+li a:hover{background-color:#e4405f;color:#fff}
.copyrights{color:#fff;font-size:14px;padding:15px 0;letter-spacing:1px;text-transform:uppercase}
.powerdby{color:#fff;font-size:14px;padding:15px 0;text-align:right;text-transform:uppercase}
.powerdby a{display:inline-block;color:#fff}
.stickys{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:999;box-shadow:0 0 10px rgba(179, 179, 179, 0.3)}

.glo-planks{position:relative; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.glo-planks a{display:inline-block;width:100%}
.glo-planks a img,.mocups-banner a img{width:100%}
.mocups-banner a{width:100%}
.mocups-banner a{display:inline-block}
.glo-planks:hover  figcaption{opacity: 1;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}
.glo-planks figcaption  .mid-banner-border-section {display: inline-block;width: 100%;height: 100%;border: 2px solid #761c14;position:relative}
.glo-planks figcaption .mid_banner_Detail_section {position: absolute;top: 43%;left: 0;display: inline-block;text-align: center;width: 100%;}
.glo-perspective{ -webkit-perspective: 1700px;-moz-perspective: 1700px;perspective: 1700px;-webkit-perspective-origin: 0 50%;-moz-perspective-origin: 0 50%;perspective-origin: 0 50%;}
.glo-planks figcaption{background-color: rgba(255, 255, 255,0.9);color: #761c14;left: 0;position: absolute;top: 0;padding:20px;height: 100%;width: 50%;opacity: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);transform: rotateY(-90deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;}
.mid_banner_Detail_section {font-size:23px}

.mid_banner_Detail_section h4{font-size:20px;font-weight:600}
.glo-spice-btn{ padding: 5px 20px;background-color: #761c14;color: #fff;font-size: 14px;letter-spacing: 1px;width:unset !important}
.glo-spice-btn:hover{color:#fff}
.height100vh{height:100vh}
.margin-auto{margin:0 auto}
/* instagram section */
.instagram .item a{display:inline-block}
.instagram {position:relative}
.instagram .owl-nav .owl-prev span, .instagram .owl-nav .owl-next span{border-radius:0 !important;width:35px;height:35px;background-color:#efefef !important;margin:0 !important;display:inline-block;font-size:22px !important;line-height:32px;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;}
.instagram .owl-nav .owl-prev span:hover, .instagram .owl-nav .owl-next span:hover{    background-color: #d1262a !important;
    color: #fff !important;}
.instagram .owl-nav .owl-prev{position:absolute;left:0;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;opacity:0}
.instagram .owl-nav .owl-next{position:absolute;right:0;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;opacity:0}
.instagram .owl-nav{position:absolute;top:42%;margin:0 !important;transform:translateY(-50%);width:100%}
.owl-theme.instagram .owl-nav [class*=owl-]{margin:0}
.owl-theme.instagram:hover .owl-nav .owl-prev{left:-40px;opacity:1}
.owl-theme.instagram:hover .owl-nav .owl-next{right:-40px;opacity:1}
/* contact us page */
.align-right{text-align:right}
.breadcrum{list-style:none;display:inline-block;margin-bottom:0;padding-left:0}
.breadcrum li{display:inline-block}
.breadcrum li span{padding:0 10px;display:inline-block;font-weight:500}
.breadcrum li a{display:inline-block;color:#000;font-size:13px;letter-spacing:1px;font-weight:500}
.ba-color-light{background-color:#ededed}
.pad-tb-10{padding:15px 0}
.product_list{margin:50px 0}

 /* contactus section page */
 .contact-sections-width{width:100%;position:relative;}
 .contact-title{text-align:center;font-size:30px;font-weight:bold;width:100%;color:#333}
 .icons-style{display:inline-block;width:90px;height:90px;line-height:98px;text-align:center;border-radius:50%;border:1px solid #333;/*margin-top:-45px*/;background-color:#fff}
 .icons-style i{font-size:30px;color:#333}
 .icons-width-full{width:100%;text-align:center;position:absolute;top:-45px;}
 .dubo_hardware{display:inline-block;width:100%}
 .dubo_hardware_width{    min-height: 220px;display: flex;flex-flow: wrap;align-items: center;}
 .location-width{width:100%;text-align:center;border:1px solid #333;position:relative}
 .icons-content{width:100%;text-align:center; margin:10px 0;}
 .icons-content{width:100%;text-align:center;margin:0 0 10px}
 .add-line { border-bottom: 1px solid #eee; width: 85%;margin: 0 auto;}
 .icons-content a{display:inline-block;color:#333;font-weight:bold;letter-spacing:1px}
 .form-container{width:1180px;margin-top:-100px !important;background-color:#fff;position:relative;margin: 0 auto }
 .contact-forms form input{margin-bottom:32px;padding:12px  0 12px 20px;height:unset;border-radius:0 !important}
 .contact-form input[type="text"]{border-radius:0}
 .conpadding{padding:80px 15px 15px;}
 .form-title{margin:10px;font-weight:bold;text-align:center;letter-spacing:1px;font-size:18px;}
 .contact-forms form{margin-top:45px;}
 .action{width:100%;text-align:center;margin-top:30px}
 .sub-action{background-color:#ed3237;color:#fff;font-weight:600;letter-spacing:1px;border:0;outline:none;border-radius:0;padding:10px 20px !important;text-transform:uppercase;transition:0.4s ease all;-moz-transition:0.4s ease all;-webkit-transition:0.4s ease all;}
 .sub-action:hover{background-color:#000}
 .padd50 {padding: 50px 0;}
 .padd50-top{padding-top: 50px;}
 .product_list .image{margin-bottom:0}
 .product_list .image a{display:inline-block;padding:20px 35px;}
 .product_list .exlusive-title h5{font-size:16px;}
 .product_list .exlusive-img .exlusive-title p{font-size:14px;}
 .product_list .image a img{max-width:100%}
 .product_list .services-tab .tab-buttons li{font-size:16px;padding:10px;padding-left:20px;background-color:#fff}
 .product_list .services-tab .tab-buttons li:before{top:14px;}
.sticky_left{position:sticky;top:100px}
.product_list .exlusive-img{transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;}
.product_list .exlusive-img:hover{box-shadow:0 5px 10px rgba(16, 16, 16, 0.3)}
.about-sections-width {
    width: 100%;
    position: relative;
}
.about-text-width {
    width: 100%;
}.about-title {
    width: 100%;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 14px auto;
    color: #333;
}
.about-text {
    color: #333;
    margin-bottom: 10px;
}
/* responsive media */
.grey-light {
    background-color: #f9f9f9;
}
.vertical_center{display:flex;align-items:center;}
@media (min-width: 1200px){
	.container{max-width:1180px;}
}.flex_grow0{    flex-grow: 0;}
.breadcrum-rem{}
.list-ss.service-block-three .inner-box{padding:10px 20px !important;text-align:left;margin-bottom:20px;}
.list-ss.service-block-three .inner-box p{margin-bottom:0}
.bg-fbfbfb{background-color:#f5f6f7}
.download-section-width{padding:70px 0 70px}
.for-marg-b0{margin-bottom:0 !important}
.news-block-four.for-marg-b0{}
.news-block-four.for-marg-b0 .inner-box{
    border: 3px solid #eeeeee;
    box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
}
.overlay{
  background: rgb(40,26,54);
  background: -moz-linear-gradient(0deg, rgba(40,26,54,1) 0%, rgba(89,59,116,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(40,26,54,1) 0%, rgba(89,59,116,0) 100%);
  background: linear-gradient(0deg, rgba(40,26,54,1) 0%, rgba(89,59,116,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281a36",endColorstr="#593b74",GradientType=1);s
  display: block;
  position: absolute;
  height: 120px;
  width: 100%;
  bottom: 0;
  z-index: 3;
}
.newsCaption.px-4 h5 {
    font-size: 20px;
}
.newsCaption {
  position: absolute;
  top: auto;
  bottom: 15%;
  left: 0;
  width: 100%;
  z-index: 10;
  -webkit-transform: translateY(80%);
  transform: translateY(80%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition:  -webkit-transform 0.4s;
  transition:  -webkit-transform 0.4s;
  transition: transform 0.5s;
  transition: transform 0.5s,  -webkit-transform 0.4s;
}
.newsCaption i{font-size: 24px;}

.newsCaption-title {
  margin-top: 0px;
}
.newsCaption-content {
  margin: 0;
}

.newsCaption-link {
  color: #fff;
  text-decoration: underline;
  opacity: .8;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
          transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
}
.image:hover .overlay{ background: rgb(64,10,111);
background: -moz-linear-gradient(0deg, rgba(64,10,111,1) 0%, rgba(89,59,116,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(64,10,111,1) 0%, rgba(89,59,116,0) 100%);
background: linear-gradient(0deg, rgba(64,10,111,1) 0%, rgba(89,59,116,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#400a6f",endColorstr="#593b74",GradientType=1);
}

.image:hover .newsCaption {

  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition:  -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.5s,
  transition: transform 0.5s,-webkit-transform 0.4s;
}
.timeline:before {
  content: '';
  position:absolute;
  height:100%;
  left:50%;
  width:2px;
  top:-20px;
  background:#1c49c6;
  z-index:1;
}
.timeline{
  position:relative;
  margin: 50px auto;
  width:1000px;
  padding:50px 0;
}


.timeline ul{
  margin:0;
  padding:0 ;
}

.timeline ul li{
  list-style:none;
  box-sizing:border-box; 
  line-height:normal;
  position:relative;
  width:50%;
  padding: 40px 70px;
}

.timeline ul li .right_content h2{
  color:rgba(59,112,239,1);
  padding:0px 2px 18px 0px;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}

.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}

.left_content{
  padding-bottom:20px;
}

.timeline ul li:nth-child(odd):before{
  content: '';
  position:absolute;
  width:10px;
  height:10px;
  background:rgba(59,112,239,1);
  border-radius:50%;
  box-shadow: 0 0 0 3px rgba(58,112,239,0.2);
  right:-6px;
  top:24px;
  z-index:1;
}

.timeline ul li:nth-child(even):before{
  content: '';
  position:absolute;
  width:10px;
  height:10px;
 background:rgba(59,112,239,1);
  border-radius:50%;
  box-shadow: 0 0 0 3px rgba(58,112,239,0.2);
  left:-6px;
  top:24px;
}

.timeline ul li:nth-child(odd) .left_content{
  position:absolute;
  top:12px;
  right:-165px;
  margin:0;
  padding:8px 16px;
  color:#000;
  box-shadow:0 0 0 3px rgba(59,112,239,0.3);
  border-radius:18px;
  
}

.timeline ul li:nth-child(even) .left_content{
  position:absolute;
  top:12px;
  left:-165px;
  margin:0;
  padding:8px 16px;
  
  color:#fff;
  box-shadow:0 0 0 3px rgba(59,112,239,0.3);
  border-radius:18px;
  
}
.left_content h3 {
    font-size: 16px;
}

@media (max-width: 1000px){
  
  .timeline{
    width:100%;
  }
}

@media (max-width: 767px){
  .timeline{
    width:100%;
  }
  .timeline:before{
    left:20px;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even){
    width:100%;
    text-align:left;
   padding-left:50px; 
  }
  
  .timeline ul li:nth-child(odd):before
    {
    top:-18px;
    left:16px;
  
  }
  .timeline ul li:nth-child(even):before
  { 
    top:-18px;
    left:16px;
  }
  
    .timeline ul li:nth-child(odd) .left_content,
  .timeline ul li:nth-child(even) .left_content
  {
    top:-30px;
    left:50px;
    right:inherit;
  }

  
}
#news-slider{
    margin-top: 80px;
}
.post-slide .post-content {
    background: #fff;
    border-radius: 15px;
    width: 90%;
    margin: 0 auto;
    height: 130px;
}
.post-slide .post-description{
   padding: 30px 10px;
   text-align:center;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev {
    background: #fff;
    position: absolute;
    top: -50%;
    right: 83px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
    background: #fff;
    position: absolute;
    top: -50%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
    }
}
.project-images {
    margin-bottom: 40px;
}
.lower-content {
    background: #ed3237;
    width: 100%;
      margin-bottom: 30px;
  
}
.lower-content span {
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 600;
}
a img {
max-width: 100%;
height: auto;
}
#project-box {
    cursor: pointer;
}
#certificate-box {
    margin-bottom: 25px;
    display: block;
    cursor: pointer;
}