/* 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 */
body{margin-top:90.38px;}
html {scroll-behavior: smooth;}
a{text-decoration:none;font-size:14px}
a:hover{text-decoration:none}
.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:#f04923}
.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:#f04923}
.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%}
.full-width.stickys  .navbar-brand .main-logo{display:none;}
.full-width.stickys .navbar-brand .stickys-logo{display:block;}
.full-width .navbar-brand .stickys-logo{display:none;}
/* 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{width:41px;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{    cursor: pointer;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}
.sticky-header{position:fixed;top:0;left:0;width:100%;z-index:999;background-color:#ffffff;}
.bottom-header .nav-link{padding:2.2rem 1rem;transition:0.4s ease all;-webkit-transition:0.4s ease all}
.sticky-header.stickys .bottom-header .nav-link{padding:1.5rem .5rem;}
.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:16px 10px }
.top-header .left-slide-items a i{margin-right:5px;}
.top-header .social-items a
.bottom-header{width:100%}
.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;}
.bottom-header .menu-aera ul li .nav-link:hover{color:#f04923;}
.bottom-header .menu-aera>ul>li.active> .nav-link{color:#263670;}
/*.bottom-header .brand-logo{width:230px}*/
.bottom-header .dropdown-menu .dropdown-item{padding:0.5rem 1.5rem;border-bottom:1px solid #eee;font-size:13px;letter-spacing:1px;text-transform:uppercase;background-color:#ffffff;font-weight:600;color:#000000;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:#ffffff;color:#f04923;padding-left:30px;pointer-events: auto;}
.full-width a.navbar-brand .main-logo  {
    transition: all 0.4s ease !important;
}
.full-width a.navbar-brand .stickys-logo  {
    transition: all 0.4s ease !important;
}
/* 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='https://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='https://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: 70px 0;}
.auto-container {position: static;max-width: 1200px;padding: 0px 15px;margin: 0 auto;}
.about-section .content-column {position: relative;}
.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: 60px;}
.sec-title .title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #f04923;
    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;
	border:2px solid #f04923;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    padding: 10px 30px;
    font-weight: 600;
    overflow: hidden;
    letter-spacing: 0.02em;
	border-radius:30px
}
.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: #f04923;
    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: #f04923;
    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: #f04923;
    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: #f04923;
    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: 22px;
    margin-bottom: 22px;
    border-bottom: 2px dashed #dfdfdf;
}
.news-block-three .date {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #f04923;
    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: #f04923;
}
.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: .60;
}
.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: #f04923;
    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: 535px;
    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: 70px;
}
.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 .tab-buttons {
    position: relative;
	padding-left:0;
}
.services-tab .tab-buttons li {
	background-color:#f6f7f8;
	padding:15px;
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 10px;
    -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: #f04923;
}
.services-tab .tab-buttons li:before {
    position: absolute;
    left: 0;
    top: 22px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
    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:#f04923;
}
.product_list .services-tab .tab-buttons li.active-btn {
        padding-left: 20px;
    color: #fff;
    box-shadow: inset 0 0 15px #820000;
    background-color: #f04923;
    //border: 1px solid #efefef;
    border-left: 0;
    color: #fff;
}
.services-tab .tab-buttons li.active-btn:before {
    opacity: 1;
    visibility: visible;
}
.services-section-four .text-column .btn-box {
    position: relative;
}
.services-section-four .text-column .btn-box a {
    position: relative;
    margin-top: 15px;
    padding: 10px 40px ;
    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;
    margin-bottom: 0;
}
.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: #f04923;
    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: #f04923;
}
.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: #f04923;
}
.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: #263670;
    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: #f04923;
}
.main-footer {
    position: relative;
    padding: 0px 0;
    background: #121626;
    color: #cdced1;
}
.main-footer:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    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;
}
.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.google a:hover{box-shadow:0 0 10px rgba(221, 75, 57, 0.5)}
.social-icon-colored li.google a {background-color: #dd4b39;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;}
.social-icon-colored li a {
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #efefef;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-colored li.facebook a:hover {background-color: #4a6fbe;color:#fff;box-shadow:0 0 10px rgba(74, 111, 190, 0.5)}
.social-icon-colored li.facebook a {
    background-color: #efefef;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;
}
.social-icon-colored li.linkedin a:hover{background-color: #0077b5;color:#fff;box-shadow:0 0 10px rgba(0, 119, 181, 0.5)}
.social-icon-colored li.linkedin a {
    background-color: #efefef;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;
}
.social-icon-colored li.instagram a:hover{background-color: #3f729b;color:#fff;box-shadow:0 0 10px rgba(196, 48, 43, 0.5)} 
.social-icon-colored li.youtube a:hover{background-color:#c4302b;color:#fff;box-shadow:0 0 10px rgba(196, 48, 43, 0.5)} 
.social-icon-colored li.youtube a {
background-color:#efefef;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;
}
.social-icon-colored li.twitter a {
    background-color: #efefef;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;
}
.social-icon-colored li.twitter a:hover{background-color: #55acee;color:#fff;box-shadow:0 0 10px rgba(85, 172, 238, 0.5)}

.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: 20px;
}
.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: 10px;
}
.main-footer .list li a:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    line-height: 24px;
    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;
    text-transform: capitalize;
    -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 a:hover:before  {
    color: #f04923;
}
/* .main-footer .contact-list li:hover,  .main-footer .list li:hover a , .main-footer .list li:hover:before{color:#f04923} */
.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;
	    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
}
.main-footer .copyright-text a {
    display: inline-block;
    color: #f04923;
}
.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: #f04923;
}
.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:#fff}
.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);    font-size: 13px;}
.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:0 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{text-transform:uppercase;display:inline-block;color:#000;font-size:13px;letter-spacing:1px;font-weight:500}
.ba-color-light{background-color:#ededed}
.pad-tb-10{padding:5px 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:10px 0}
 .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 }
 .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:#ffffff;color:#263670;font-weight:600;letter-spacing:1px;outline:none;padding:10px 20px !important;text-transform:uppercase;transition:0.4s ease all;-moz-transition:0.4s ease all;-webkit-transition:0.4s ease all;border:2px solid #f04923;border-radius:30px !important}
 .sub-action:hover{background-color:#f04923;color:#ffffff}
 .padd50 {padding: 50px 0;}
 .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)}
/* responsive media */
.about-title{font-size:22px;font-weight:600;text-transform:uppercase;margin-bottom:10px;}
/* blog sections */
.listing-top-bread-crum{width:100%;display:flex;padding:0 1rem;    justify-content: space-between;align-items:center}
.heder-bread-crum .listing-top-bread-crum{justify-content:flex-end;}
.listing-breadcrums{list-style:none;padding-left:0;margin-bottom:0;display:flex}
.listing-breadcrums li{    font-size: 14px;padding:10px 5px;text-transform:uppercase}
.listing-breadcrums a{display:inline-block;color:#000}
.heder-bread-crum{    background-color: #f7f7f7;}
.full-widths-blog-container{width:100%;padding:50px 0}
.blog-section-width{border:1px solid #efefef;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;}.blog-section-width:hover{box-shadow:0 0 10px rgba(0, 0, 0, 0.23)}.blog-secti-img a{display:inline-block;width:100%}.blog-secti-img a img{width:100%}.top-section-container-blog{width:100%;padding:20px;}.blog-section-title a{font-size:16px;font-weight:500;color:#000}.blog-section-title{margin-bottom:10px;}
.read-more-container{display:flex;justify-content:flex-end;align-items:center;margin:20px 0;margin-bottom:0}.read-more-container 
.readmores{    padding-top: 0;    display: inline-block;    justify-content: flex-end;text-align:right;margin-top:0}	.blog-section-content p{margin-bottom:0;color:#8d8d8d}.blog-section-width{margin-bottom:30px;}.img-top-width img{width:100%}.img-width-content h1{font-size:20px;margin-top:20px;}.img-width-content-paragraphs{width:100%}.leav-comments-width{width:100%}.all-comments{width:100%}.all-comments p{font-size:20px;}.width-comments-aere{display:flex;margin-bottom:30px;}.left-contents-img{margin-right:20px;}.date-replay-content{display:flex;justify-content:space-between;width:100%}.date-replay-content .date-lefts{font-size:14px;}.date-replay-content .date-lefts a{font-size:14px;color:#000;margin-right:10px;font-weight:600}.date-reply a{color:#9b2779;font-weight:600}.content-right-comments{margin-bottom:10px;}.left-content-right{    display: flex;    text-align: left;    flex-flow: column;align-items:center}.width-left-contents-message{     width: 55%;    display: flex;    flex-flow: column;    border-bottom: 1px solid #efefef;    margin-bottom: 20px;}.write-comments-width{width:55%}.textarea-comments{width:100%;display:flex;margin-bottom:15px;}.comments-text-width{width:100%;display:flex;justify-content:space-between;margin-bottom:15px;}.send-massage-container{width:100%}.names-input-types{padding:10px;width:100%}.text-content-comments{width:49%}.right-content-comments{width:49%}.send-message{    padding: 10px 20px;    background-color: #ffffff;    color: #283891;    border: 1px solid #283891;transition:0.4s ease all;-moz-transition:0.4s ease all;-webkit-transition:0.4s ease all;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);    border-radius: 30px;}	.leave-a-comments h3{font-size:20px;}	.send-message:hover {background-color:#283891;color:#fff}	.latest-blog-section{    width: 100%;    position: sticky;    top: 101px;}.latest-blog-top{width:100%;    margin-bottom: 20px;}.latest-blog-top a{        display: flex;    color: #6f6f6f;    font-weight: 500;    padding-bottom: 10px;    border-bottom: 1px solid #eee;transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all}	.latest-blog-top a:hover{color:#283891}.latest-blog-top a .blog-img{width:150px;}.latest-blog-top a .blog-img img{max-width:100%}.latest-blog-top a .blog-contnet{width:100%}.festivals_width_img a{width:100%}
.readmores .readmore{display:inline-block}
@media (min-width: 1200px){
	.container{max-width:1180px;}
}.date-more {display:flex;flex-flow:column;text-transform: uppercase;    color: #8d8d8d;}.date-more .numbers {	text-align:center;    background-color: #283891;    color: #fff;    font-weight: 500;}
.date-more .months {padding:1px 5px;    border: 1px solid #283891;    border-top: 0;    font-size: 14px;    color: #283891;	text-align:center}.readmores {    width: 100%;    margin: 10px 0 0 0;}.readmore:hover {    background-color: #283891;    color: #fff;}.readmore {    display: flex;	align-items:center;    padding: 5px 20px;    background-color: #ffffff;    color: #283891;    transition: 0.4s ease all;    -moz-transition: 0.4s ease all;    -webkit-transition: 0.4s ease all;    cursor: pointer;    border-radius: 30px;    border: 1px solid #283891;}.date-more span {    display: inline-block;    width: 100%;}

.mt-100 {
    margin-top: 100px;
}
.paddt130 {
    padding-top: 130px;
}
.client-avtar {
    position: absolute;
    left: 42px;
    top: -50px;
    background-color: #fff;
    width: 150px;
    padding: 8px;
    height: auto;
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.inner-avtar {
   
    overflow: hidden;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.all-student-testimonial .text-content {
    height: 150px;
    overflow-y: scroll;
}
.all-student-testimonial .box-title {
    margin-top: 30px;
}
.text-content p {
    padding-right: 20px;
}
.all-student-testimonial .box-title {
    margin-top: 30px;
}
.all-student-testimonial .box-title h4 {
    font-weight: bold !important;
    text-transform: uppercase;
}
.all-student-testimonial h4 {
    font-size: 14px;
    font-weight: 400;
}
.gray-bg {
    background: #f1f1f1;
}
.padding-40 {
    padding: 40px;
}
.all-student-testimonial {
    min-height: 380px;
}
.paddt130 {
    padding-top: 130px;
}

.all-student-testimonial .text-content::-webkit-scrollbar {
    width: 5px;
}
 
.all-student-testimonial .text-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
.all-student-testimonial .text-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/* servides */
.child-future-planning{width:100%;display:flex}
.child-future-planning .child-tab-view{width:200px;}
.child-tab-content-view{    width: calc(100% - 420px);padding: 0 10px;}
.inner-tab-content{box-shadow:0 0 10px rgba(0, 0, 0, 0.25);border-radius:10px;}
.child-planing-container{width:100%;padding:20px;}
.child-title-planning{font-weight:600;color:#f04923;text-align:center;margin-bottom:15px;font-size:20px}
.child-invest-img{width:100%;margin-bottom:15px}
.child-inve-cncnt{width:100%}
.child-inve-cncnt p{color:#000}
.services-title-here{display:flex}
.child-tab-view .nav-pills .nav-link{color:#24376e;margin-bottom:25px;    filter: grayscale(100%);transition:0.4s ease all}
.child-tab-view .nav-pills .nav-link:hover{   filter: grayscale(0);}
.child-tab-view .nav-pills .nav-link.active, .child-tab-view .nav-pills .show>.nav-link{
	    color: #24376e;
    background-color: unset;
	filter: grayscale(0);
}
.services-title-here .ser-title{    font-size: 20px;
    line-height: 20px;width:calc(100% - 48px);display:flex;align-items:center}
	.al-right .ser-title{text-align:right;justify-content:flex-end}
	.al-left{text-align:left}
.services-title-here .ser-img{width:50px;margin:0 5px}
.invest-center-btn{text-align:center;margin:20px 0}
.request-for-call{color:#000;font-weight:600;font-size:15px;display:inline-block;border-radius:30px;border:2px solid #f04923;padding:5px 20px;text-transform:uppercase;transition:0.4s ease all}
.request-for-call:hover{background-color: #f04923; color:#fff}
.serve-relative{position:relative;z-index:0}
.serve-title-absolute {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1111;
    width: 100%;
    height: 100%;
}
.inner-serve-title{
	    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.nav-tabs-links .nav-tabs .nav-link.active{color:#22366c}
.nav-tabs-links .nav-tabs .nav-link{padding:.5rem 7px;font-size:13px;color:#000000}
.tabs-content-width-serve h5{color:#22366c;margin:20px 0;text-align:center}
.tabs-content-width-serve p {font-size:15px;}
.child-tab-view .nav-pills .show>.nav-link{position:relative}
.child-future-planning .nav-link.active .services-title-here.al-right:after{content:'';position:absolute;width:25px;height:25px;border-radius:50%;background-color:rgba(34, 52, 104, 0.5);border:2px solid #22356a;right:-15px;top:20px}


.child-future-planning .nav-link.active .services-title-here.al-left:after{content:'';position:absolute;width:25px;height:25px;border-radius:50%;background-color:rgba(34, 52, 104, 0.5);border:2px solid #22356a;left:-22px;top:20px}
.awards-and-achievements .award-achivements{margin-bottom:50px}

/* this popup is model */
.modal-dialog-fix-width{max-width:750px;border-radius:0}
.modal-dialog-fix-width .modal-content{border:0;border-radius:0}
.model-width-full{display:flex;width:100%}
.model-width-full .model-width-half{width:50%;display:flex;align-items:center}
.model-width-full .model-width-half img{width:100%}
.form-content-width{width:100%;padding:30px}
.form-content-width .form-row{margin-bottom:10px} 
.form-content-width .action{margin:0;width:100%;text-align:right}
.form-content-width .action .sub-action{font-size:14px;display:inline-block}
.about-sections-width #carouselExampleCaptions.carousel.slide{    position: sticky;top: 121px;}
	.power-of-SIP{display:flex;    justify-content: center;    flex-flow: wrap;padding:50px 0;}
	.sip-action-section{display:flex;justify-content:center;flex-flow:wrap;width:100%}
	.sip-action-section .input-actions input{border:0;border-bottom:1px solid #7d7d7d; margin:0 10px}
	.sip-action-section .input-actions input:focus{border-top:0;border-right:0;border-left:0}
	.sip-action-section .input-actions select{margin:10px}
/* radio button design */

.radios {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.radio input {
  position: absolute;
  pointer-events: none;
  visibility: hidden;
}
.radio input:focus + label {
  background: #eeeeff;
}
.radio input:focus + label .checker {
  border-color: #6666ff;
}
.radio input:checked + label .checker {
  box-shadow: inset 0 0 0 6px #6666ff;
}
.radio label {
  display: flex;
  align-items: center;
  height: 28px;
  border-radius: 14px;
  margin: 10px; 
  padding: 0 8px 0 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.radio label:hover {
  background: #eeeeff;
}
.radio label:hover .checker {
  box-shadow: inset 0 0 0 2px #6666ff;
}
.radio .checker {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 8px;
  box-shadow: inset 0 0 0 2px #ccc;
  transition: box-shadow 0.3s ease;
}

.award-img a{    display: inline-flex;
    width: 300px;
    height: 300px;
	background-color:rgba(0, 0, 0, 0.25);
    overflow: hidden;
    justify-content: center;
    align-items: center;background-position:center;background-size:cover;
    border: 5px solid #eee;
    margin-bottom: 15px;
}
    
.fancybox-image {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

}    
div#fancybox-container-11 {
    transition: none !important;
}

div#fancybox-container-7 {
    transition: inherit !important;
}
    
.insurance-page-view .about-title{font-size:20px}
.insurance-page-view .nav-tabs-links .nav-tabs .nav-link{font-size:16px;padding:10px;font-weight:600}
.insurance-page-view .tabs-content-width-serve{    padding: 30px;
    border: 1px solid #dee2e6;
    border-top: 0;background-color:#ffffff}
.grey-color-bg{background-color:#ffffff;}
/*men section selection*/
.bottom-header .navbar-nav{position:static}
.bottom-header .navbar-nav .nav-item:hover>a{color:#f04923}

.bottom-header .navbar-nav .dropdown{position:static}
.bottom-header .navbar-nav .dropdown .dropdown-menu{left: 50%;width: 880px;transform: translateX(-50%);}
.bottom-header .navbar-nav .dropdown .dropdown-menu.custom-dropdown{left:50%;transform:translateX(-50%);width:280px}
.dropdown-mega-menu{display:flex;padding:30px;justify-content:space-between}
	.cutom-relatives{position:relative !important}
.dropdown-mega-menu .dropdoen-list{width:calc(100% / 3 - 13px );padding-right:20px;border-right:1px solid #efefef}
.dropdown-mega-menu .dropdoen-list:last-child{border-right:0;padding:0 20px;}
.dropdown-mega-menu .dropdoen-list ul{padding:0;list-style:none}
.dropdown-mega-menu .dropdoen-list ul li{width:100%;}
.dropdown-mega-menu .dropdoen-list ul li a{display:flex;color:#000;font-weight:600;padding:10px;font-size:13px;border-bottom:1px solid #efefef;text-transform: uppercase;}
.dropdown-mega-menu .dropdoen-list ul li a .img-icons{display:inline-block;margin-right:10px;width:20px;transition:0.4s ease all;}
.dropdown-mega-menu .dropdoen-list ul li a .img-icons img{max-width:100%}
.dropdown-mega-menu .dropdoen-list>img{max-width:100%}
.dropdoen-list ul li:hover a{color:#f04923}
.dropdoen-list ul li:hover a .img-icons{margin-right:15px}
.width-flex-half{display:flex;}
.width-flex-half .list{width:calc(100% / 2)}
.mobile-slider{display:none} 
.sticky-content{position:sticky;top:120px;}
.pan-card-form{margin:0;padding:0;list-style:none;}
.pan-card-form a{display:inline-block;min-width:260px;padding:5px 25px;border-radius:30px;background-color:#071539;border:1px solid #071539;color:#ffffff;transition:0.4s ease all}
.pan-card-form li{margin-bottom:15px;}
.pan-card-form a:hover{color:#071539;background-color:#ffffff;border:1px solid #071539}
.imnt-login ul {
    list-style: none;
	    margin: 0;
}
i.fas.fa-user-circle {
    padding-right:7px;
    font-size: 20px;
}
.imnt-login ul li {
    position: relative;
}
.imnt-login ul li a {
	font-size: 13px;
	padding: 33px 10px;
	text-transform:uppercase;
	display: flex;
	align-items: center;
}
.imnt-login ul li a:hover {
    color: #f04923;
}
.imnt-login ul li a:hover i {
    color: #f04923;
}
.sab-menu h5 {
    border-bottom: 1px solid #eee;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 14px;
}
.sab-menu{
	pointer-events:none;
    position: absolute;
    top: 89px;
    z-index: 1;
    background-color: #fff;
    width: 260px;
    right: -90px;
	opacity:0;
	transition: 0.4s ease all; 
	transform: translatey(150px);
	padding-left: 0;
    padding: 15px 25px;
}
.imnt-login ul li:hover .sab-menu{
	pointer-events:auto;
	display:block;
	opacity:1;
	transform: translatey(0);
	
}
.sab-menu a {
    display: block;
	padding: 10px 0 !important;
	text-indent: 0;
	transition: 0.4s ease all; 
	border-bottom:1px solid #eee;
}
.sab-menu a:last-child{
	border-bottom:none;
}
.sab-menu a:hover {
	text-indent: 5px;
}
i.fas.fa-chevron-right {
    padding-right: 5px;
}
.sticky-header.stickys .sab-menu {
    top: 71px;
	border-top: 1px solid #eee;
}
.sticky-header.stickys .imnt-login ul li a {
	padding: 25px 10px;
}


.tab-pane {
    margin-top: 20px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #f04923 !important;
    /* background-color: #fff; */
    /* border-color: #dee2e6 #dee2e6 #fff; */
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff !important;
     background-color: #f04923 !important;
    /* border-color: #dee2e6 #dee2e6 #fff; */
    border-bottom: 2px solid #f04923 !important;
}
.nav-tabs a.nav-link {
    color: #000  !important;
        transition: all 0.5s ease;
          text-transform: capitalize;
}
.nav-tabs a.nav-link:hover {
    color: #263670  !important;
}

.panel-info {
    border-color: #fff  !important;
}

.panel {
    border: none !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color:none !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fff;
    border-color:none !important;
  

}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #f04923 !important;
     background-color: #fff; 
     border-color:  #fff  !important;
    }
.main-tool {
    display: block;
}
.main-tool.mobile-respo {
    display: none;
}

.imnt-login a i {
    color: #263670;
    padding-right: 10px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover {
    color: #fff !important;
  
}

.canada_location .canada_location_right a {
		text-decoration: none;
		font-size: 13px;
		color: #cdced1;	
		transition: all 0.4s ease;
	}
	.canada_location .canada_location_right a:hover  {
		color: #f04923 !important;
	}
b.text-copy {
    color: #fff;
}

.accordion__header {
	padding: 1em;
    /* background-color: #eee; */
    margin: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border: 1px solid #eee;
    transition: all 0.4s ease;
}
.accordion__header > * {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}
.accordion__header.is-active {
	background-color: #263670;
	color: #fff;
}

.accordion__toggle {
	margin-left: 10px;
	height: 3px;
	background-color: #222;
	width: 13px;
	display: block;
	position: relative;
	flex-shrink: 1;
	border-radius: 2px;
}

.accordion__toggle::before {
	content: "";
	width: 3px;
	height: 13px;
	display: block;
	background-color: #222;
	position: absolute;
	top: -5px;
	left: 5px;
	border-radius: 2px;
}

.is-active .accordion__toggle {
	background-color: #fff;
}
.is-active .accordion__toggle::before {
	display: none;
}


.accordion__body {
	display: none;
	padding: 1em;
	border: 1px solid #ccc;
	border-top: 0;
}
.accordion__body.is-active {
	display: block;
}
.main-tool {
     width: 100%;
    display: inline-block;
}

.main-tool-detais {
    position: sticky;
    top: 71px;
}
.main-tool-detais iframe {
    height: 500px;
    padding-bottom: 30px;
}

.Respo-slider {
    display: none;
}
.slider-des {
    display: block;
}
.imnt-login:hover .dropbtn  {
    color: #f04923;
}
.imnt-login {
    position: relative;
    right: -65px;
}
input.form-control-consuit {
    width: 100%;
    margin: 10px 0;
    border: none;
    border-bottom: 1px solid #eee;
    outline: none;
    padding: 6px 0;
}
textarea.form-control-consuit{
	width: 100%;
    margin: 10px 0;
    border: none;
    border-bottom: 1px solid #eee;
    outline: none;
    padding: 6px 0;
}
.consuit-main {
    margin-top: 100px;
}
.mobile-respo-sabmenu{
	display:none;
}
.destop-menu{
	display:block;
}
@media screen and (max-width:767px ){
	.about-sections-con{
		padding:50px 0;
	}
    .imnt-login ul li a {
        padding: 0px 10px;
    }
    .main-tool {
         display: none;
        position: relative;
    }
    .main-tool.mobile-respo {
         display: block;
    }
    li.nav-item {
        width: 100%;
    }
    a.nav-link {
        display: flex;
        justify-content: space-between;
    }
    .tool-icon {
         position: absolute;
         right: 30px;
    }
    .tool-close{
        position: absolute;
         right: 30px;   
    }
    .sab-menu {
      top: 40px;
    }
    .Respo-slider {
         display:block
    }
   .slider-des {
        display: none;
    }
	.mobile-respo-sabmenu{
		display:block;
	}
	.destop-menu{
		display:none;
	}
	a.main-sab-menu {
		display: block;
		color: #000;
		margin: 10px 20px;
		cursor:pointer;
	}
	span.img-icons img {
		width: 50px;
		margin-right: 15px;
	}
	div#navbarDropdown {
		position: absolute;
		right: 12px;
		top: 13px;
		cursor:pointer;
	}
    
}
