@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



:root {

    --font-family-Montserratf: "Montserrat", sans-serif;

    --font-family-Poppins: "Poppins", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: var(--font-family-Montserratf);

}



p,

a,

li,

span {

    font-family: var(--font-family-Poppins);

}



h1 {

    font-size: 48px;

    line-height: 56px;

    font-weight: 700;

}



h2 {

    font-size: 36px;

    line-height: 44px;

    color: #004f9a !important;

    font-weight: 700;

}



h3 {

    font-size: 32px;

    line-height: 38px;

    color: #004f9a !important;

    font-weight: 700;

}



h4 {

    font-size: 28px;

    line-height: 36px;

    font-weight: 600;

}



h5 {

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

}



h6 {

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

}



.btn {

    border-radius: 0;

}



a {

    text-decoration: none !important;

    color: #fff;

}



.btn-primary {

    border: none;

}



.btn-primary:active {

    background-color: #ea960f !important;

}



.btn-primary:focus {

    box-shadow: none !important;

    color: #fff !important;

}



.btn-primary:hover:focus {

    color: #000 !important;

}



.frist-section {

    min-height: 430px;

    background: #f7f7f7;

    padding: 80px 0;

}



.filter-types a {

    color: black;

}



.btn1 {

    text-transform: uppercase;

    font-size: 13px;

    padding: 10px 20px;

}



/* .btn1:before{

    border: 1px solid #fff;

}

.btn1:after{

    border: 1px solid #000;

} */



.title-frist {

    padding: 0px 20px;

}



.slider a {

    /* padding: 20px 0px;*/

    margin: 10px;

}



/*.text-link-line2:before, .text-link-line2:after, .text-link-line-double:before, .text-link-line-double:after, .text-link:before, .btn:before, .btn:after {

    content: "";

    background: #fff;

    display: inline-block;

    height: 1px;

    vertical-align: middle;

    -webkit-transition-property: width, margin;

    -o-transition-property: width, margin;

    transition-property: width, margin;

    -webkit-transition-duration: 0.4s;

    -o-transition-duration: 0.4s;

    transition-duration: 0.4s;

    -webkit-transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

    -o-transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

    transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

}*/



.hightlight-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 25px;

    box-shadow: 0 5px 18px -8px #000000;

    width: 100%;

}

.overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: .5s ease;

    background-color: rgba(0, 0, 0, .8);

}



.text {

    color: white;

    font-size: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

}



h3.title-xl.text-uppercase.c-grey1.mb-4 {

    margin-bottom: 20px !important;

}



.links ul li {

    list-style: none;

    overflow: hidden;

    padding: 7px;

    margin-left: -48px;

}



a.slick-slide.slick-active:hover {

    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;

    /* background: black; */

    /* color: black; */

    transform: scale(0.9);

}



a.slick-slide:hover {

    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;

    /* background: black; */

    /* color: black; */

    transform: scale(0.9);

}



.col-lg-12.laptop-grp-div {

    padding: 50px;

}



.hightlight-text {

    position: absolute;

    display: block;

    left: 0;

    bottom: 0;

    background: #004f9a;

    color: #fff;

    text-align: left;

    padding: 12px;

}



/* .hightlight-box:hover img {

    transform: scale(1.3);

} */



.hightlight-box img {

    width: 100%;

    height: 500px;

    object-fit: cover;

    object-position: center;

    transition: all 600ms linear;

}



/*Design BY jvj 05-03-21 start*/



.Export_map .text {

    max-width: 95%;

    left: 0;

    position: relative;

    transform: none;

    margin-left: auto;

    top: calc(50% - 135px);

}



.Export_map .text h3 {

    padding-bottom: 40px;

    color: #fff !important;

    text-align: center;

}



.Export_map .links ul {

    padding: 0;

}



.Export_map .links ul li {

    display: flex;

    padding: 0;

    margin-left: 0;

    align-items: baseline;

}



.Export_map .links ul li img {

    width: 29px;

    height: 15px;

    padding-right: 10px;

}



/*Design BY jvj 05-03-21 End*/



.news-preview {

    color: #000;

    padding: 20px 0;

    margin: 20px 0;

    /* padding-right: 20px; */

    /* margin-right: 20px; */

}



.four-box {

    padding: 20px;

}



.facebook-icon a:hover {

    color: #3b5998;

}



.facebook-icon a {

    color: black;

}



.insta a {

    color: black;

}



.insta a:hover {

    color: #bc2a8d;

}



.twitter a {

    color: black;

}



.pintrest a {

    color: black;

}



.twitter a:hover {

    color: #00acee;

}



.pintrest a:hover {

    color: red;

}



.youtube a {

    color: black;

}



.youtube a:hover {

    color: #FF0000;

}



.socialize .socials .facebook-icon:hover {

    color: #3b5998;

    text-decoration: none;

}



.socialize .socials .facebook-icon:hover span {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .facebook-icon:hover a {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .twitter:hover {

    color: #00acee;

    text-decoration: none;

}



.socialize .socials .twitter:hover span {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .twitter:hover a {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .insta:hover {

    color: #bc2a8d;

    text-decoration: none;

}



.socialize .socials .insta:hover span {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .insta:hover a {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .pintrest:hover {

    color: red;

    text-decoration: none;

}



.socialize .socials .pintrest:hover span {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .pintrest:hover a {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .youtube:hover {

    color: #FF0000;

    text-decoration: none;

}



.socialize .socials .youtube:hover span {

    opacity: 1;

    text-decoration: none;

}



.socialize .socials .youtube:hover a {

    opacity: 1;

    text-decoration: none;

}



.product-wrapper.ind-sec1 .col-header h2 {

    padding-left: 4.5em;

}



.content-wrapper .col-header h2:after {

    content: '';

    margin: .4em auto .8em;

    display: block;

    background: #FFC107;

    width: 30px;

    height: 3px;

    transform: skewX(-28deg);

}



.second-section {

    padding: 50px;

}



.ind-sb1 {

    column-count: 1;

    column-gap: 7%;

    color: #414447;

    width: 100%;

    line-height: 1.5;

    font-weight: 300;

    /* background: black; */

    /*border-left: 1px solid;*/

    margin: 0 auto;

    text-align: justify;

    padding: 20px;

    padding-bottom: 20px;

}



.img-icon {

    margin: 0 auto;

    padding: 30px;

}



button.slick-prev.slick-arrow {

    display: none !important;

}



button.slick-next.slick-arrow {

    display: none !important;

}



.group_img {

    max-width: 100%;

}



.surface_name h2 {

    font-size: 18px;

}



/*

.surface_name {

	width: 70%;

	padding: 21px;

}*/



.surface_name {

    width: 100%;

    padding: 10px 0px;

}



h4.text-center.text-white.grp_title {

    width: 100%;

    font-size: 20px;

    padding-top: 30px;

    color: #fff !important;

}



button.btn.btn-primary.black-button.text-center:hover {

    background: #5e95ce;

}



img.group_img {

    max-width: 70px;

    margin-top: 50px;

    margin-left: 20px;

}



.surface_name h2 {

    color: #fff;

}



/* .surface_img img {

    width: 45px !important;

} */



.menu-title {

    color: #404040;

    /*text-align: center;*/

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    margin-bottom: 20px;

    /*padding-left: 22px;*/

}



.menu-title:before {

    position: absolute;

    content: '';

    width: 28px;

    height: 1px;

    background: #404040;

    bottom: -5PX;

}



.surface_sec {

    display: flex;

    justify-content: space-around;

    align-items: center;

    width: 100%;

    /* border-left: 1px solid white;*/

}



/*company profile page css start*/



.header-generic-page {

    background-size: cover !important;

    /*	background-position: center center !important;*/

    height: 500px;

}



.center-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 0.75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    /* background-color: #ffffff; */

    border-radius: 0;

    color: white;

}



.collection-menu {

    padding: 20px;

    text-align: center;

}



.center-menu a {

    font-size: 17px;

    margin-right: 6px;

    text-decoration: none;

    color: white;

    margin-left: 5px;

}



.center-menu a:hover {

    color: #5e95ce;

}



.timeline-sec {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    padding: 20px 0px;

}



.location_img {

    display: flex;

    padding: 20px;

}



.adress {

    display: inline-block;

    width: 100%;

    position: relative;

}



.adress p {

    overflow: hidden;

}



.adress img {

    width: 60px;

    float: left;

}



.auto-container {

    position: static;

    max-width: 1200px;

    padding: 0px 15px;

    margin: 0 auto;

}



.small-title h2 {

    position: relative;

    color: #333;

    font-size: 32px;

    margin-bottom: 35px;

    padding-bottom: 5px;

    /*font-family: Nunito, Helvetica, Arial, sans-serif;*/

}



.vision-block {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 20px;

    margin: 10px;

    border: 1px solid #0a0909;

    background: #f7f8f9;

}



.vision-block img {

    width: 50px;

    height: 70px;

    object-fit: contain;

    object-position: center;

    padding-bottom: 15px;

    filter: hue-rotate(140deg) contrast(5);

}



.vision-block h3 {

    font-size: 22px;

    font-weight: 600;

    padding-bottom: 10px;

    text-align: center;

}



.vision-block p {

    text-align: center;

}



.new-title {

    margin-bottom: 15px;

}



.new-title span {

    font-weight: 800;

    color: #cf3539;

}



.new-title h2 {

    font-weight: 700;

    color: #333;

    font-size: 48px;

}



.history-box {

    position: relative;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 50px;

}



.history-img {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}



.history-img img {

    position: relative;

    display: block;

    width: 200px;

    height: 200px;

    border-radius: 50%;

    object-fit: cover;

    object-position: center;

    /* border: 1px solid #ddd;*/

    padding: 5px;

}



.history-block {

    position: relative;

    display: block;

    border: 1px solid #eee;

    padding: 15px;

    width: 100%;

    height: auto;

    background: #fff;

    border-radius: 4px;

    margin-bottom: 15px;

}



.history-block:before {

    position: absolute;

    content: '';

    width: 10px;

    height: 10px;

    top: 0;

    bottom: 0;

    margin: auto;

    left: -5px;

    border-radius: 50px;

    background-color: #5e95ce;

    z-index: 11;

}



.history-block .title {

    color: #cf3539;

    font-weight: 700;

    text-transform: capitalize;

}



.history-block h3 {

    color: #333;

    padding-bottom: 1rem;

}



p,

.text {

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

    color: #fff;

    margin: 0;

    margin-bottom: 10px;

    text-align: justify;

}



.history-block:after {

    position: absolute;

    content: '';

    display: block;

    width: 57px;

    height: 2px;

    background: #5e95ce;

    left: -53px;

    top: 0;

    bottom: 0;

    margin: auto;

}



.history-box:nth-child(odd) {

    justify-content: flex-end;

}



button.text-link-line.line-white.ml-3.serch:before {

    border: white;

}



/*catalog css start*/



.Catalog-main {

    display: inline-block;

    position: relative;

    padding: 50px 0px;

    width: 100%;

}



.h2-catalog-div {

    padding: 20px;

}



/*utilities page css start*/



.table-main {

    position: relative;

    width: 100%;

    padding: 40px;

}



.table-body {

    width: 100%;

    margin: 0 auto;

}



h3.text-center.fdont-set {

    padding-bottom: 30px;

}



.table-2 {

    padding-top: 10px;

    padding-bottom: 20px;

}



.inter-main {

    padding: 50px 0px;

    width: 100%;

    position: relative;

    display: inline-block;

}



.ext-img-main img {

    width: 700px;

    height: 500px;

}



.exp-content {

    margin: 0 auto;

    padding: 50px;

}



.map-main {

    width: 100%;

    position: relative;

    display: block;

}



.product-main {

    position: relative;

    width: 100%;

    display: block;

    padding: 50px 0px;

}



.p_img_desc_main {

    width: 100%;

    position: relative;

    display: block;

    padding-top: 80px;

    padding-bottom: 0px;

}



.item-contact a:hover {

    text-decoration: none;

}



button.text-link-line.line-white.ml-3.serch-line:before {

    background: white;

}



button.text-link-line.line-white.ml-3.serch-line:after {

    background: white;

}



.p-desc-main img {

    width: 600px;

    height: 500px;

}



.surface-main {

    padding: 30px;

}



.data-product {

    padding: 0px;

}



.home-btn {

    background: #004f9a;

    color: white;

    /* border: 1px solid transparent; */

    transition: all 0.2s linear;

    border: none;

    padding: 10px 20px;

}



.home-btn:hover {

    background: #ea960f;

    color: #000;

    /* border-color: #000; */

}



button.black-button {

    background-color: #004f9a;

    color: white;

}



button.black-button:hover {

    background-color: #ea960f !important;

    color: #000;

}



button.black-button:before {

    content: "";

    background: #fff;

    display: inline-block;

    height: 1px;

    vertical-align: middle;

    -webkit-transition-property: width, margin;

    -o-transition-property: width, margin;

    transition-property: width, margin;

    -webkit-transition-duration: 0.4s;

    -o-transition-duration: 0.4s;

    transition-duration: 0.4s;

    -webkit-transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

    -o-transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

    transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

}



button.black-button:after {

    content: "";

    background: #000;

    display: inline-block;

    height: 1px;

    vertical-align: middle;

    -webkit-transition-property: width, margin;

    -o-transition-property: width, margin;

    transition-property: width, margin;

    -webkit-transition-duration: 0.4s;

    -o-transition-duration: 0.4s;

    transition-duration: 0.4s;

    -webkit-transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

    -o-transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

    transition-timing-function: cubic-bezier(0.33, 0, 0, 1);

}



.Featured-divison {

    width: 100%;

    position: relative;

    padding-top: 60px;

    background-color: #fff !important;

    padding-bottom: 60px;

}



.Featured-divison .section-header {

    padding-bottom: 60px !important;

}



.section-header {

    padding-bottom: 50px;

}



.img-desc-main {

    position: relative;

}



.img-tiles-name {

    background-color: white;

    width: 100%;

    color: black;

    padding: 10px;

    text-align: center;

}



.img-tiles-name a {

    color: #000 !important;

}



.img-desc-main,

.overlay:hover {

    opacity: 1;

}



.row-2-section {

    padding-top: 20px;

}



.img-d1-main {

    display: table;

    padding: 20px;

}



.view-text {

    color: white;

    font-size: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

}



.overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: auto;

    width: auto;

    opacity: 0;

    transform: scale(1.1);

    transition: .5s ease;

    background-color: rgba(255, 255, 255, 0.8);

    margin: 20px;

    transform: skew(10deg, 10deg);

}

.overlay:hover{

    transform: scale(1);

}

.overlay.export-country{
    background-color: rgba(0, 0, 0, 0.8);
}

.news-preview .overlay .text h5 {

    text-align: left;

}



.news-preview .overlay .text .link ul li a {

    text-align: left;

}



.secpadd {

    padding-top: 50px;

    padding-bottom: 50px;

}



.contact-list {

    display: block;

    box-sizing: border-box;

    margin: 25px auto;

    padding-left: 0;

}



.view-text a:hover {

    text-decoration: none;

}



.hightlight-text a:hover {

    text-decoration: none;

}



.item-contact {

    padding: 0px;

    list-style: none;

}



.contact-main {

    /*padding: 41px;*/

    display: block;

    width: 100%;

    position: relative;

    /* margin: 20px; */

    padding-bottom: 50px;

}



label {

    color: black;

}



.c1 {

    border: 0;

    border-bottom: 1px solid black;

    border-radius: 0;

}



.c1:focus {

    box-shadow: none;

    border-color: #000;

}



.ptr-15 {

    padding: 0px 15px;

}



.tiles-wrap {

    /* padding: 5px; */

    padding-bottom: 20px;

    padding-top: 13px;

}



.col-12.col-md-12.mobile-footer {

    text-align: center;

}



.wrap-prog__intro .prog__intro .abstract {

    max-width: 750px;

    margin: 0 auto;

    text-align: center;

}



.news-preview .slider-navigation {

    display: flex;

    justify-content: center;

    margin-bottom: 20px;

}

.news-preview .slider-navigation.product {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    margin-bottom: 0;
}
.news-preview .slider-navigation.product .slick-nav i{
    font-size: 25px;
    cursor: pointer;
}
.news-preview .overlay .text h5{
    margin-left: -10px;
    color: #004f9a;
}

.section-about-info .container {

    max-width: 1440px;

}



.section-about-info .container .row .col-lg-6 {

    padding: 0;

}



.section-about-info .container .row {

    margin-bottom: 50px;

}
.section-about-info .information .c-grey2{
    text-align: left;
    margin-bottom: 14px;
}


.section-about-info .information {

    margin: 0 20px 0 50px;

}
.section-about-info .img-wrapper .img-fluid{
    border-radius: 50px 0 50px 0;
}

.section-about-info .container .row:nth-child(2) .information,
.section-about-info .container .row:nth-child(4) .information {

    margin: 0 50px 0 20px;

}



.section-about-info .container .row:nth-child(2) .img-wrapper {

    text-align: end;

}



.header-generic-page {

    position: relative;

    padding-top: 100px;

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;

}



.header-generic-page:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .5);

}



.header-generic-page .container {

    z-index: 1;

    text-align: center;

    color: #fff;

}



.news-preview .hightlight-box .overlay .links ul li a {

    font-size: 16px;
    color: #004f9a;
/*    font-weight: 400;*/

}



.news-preview .hightlight-box .overlay .links ul li {

    padding: 4px 7px;

}



.main-menu {

    background-color: #fff;

}



.main-menu .primary>li>a {

    font-size: 16px;

    padding: 0;

    color: #000;

}



/* .main-menu.scrolled .primary>li>a, .main-menu:hover .primary>li>a{

    color: #000;

} */

.main-menu .mobile-toggler .ico .menu {

    fill: #000;

}



.main-menu.scrolled .mobile-toggler .ico .menu,

.main-menu:hover .mobile-toggler .ico .menu {

    fill: #000;

}



.main-menu.open .mobile-toggler .ico .menu {

    display: none;

}



.main-menu.open .mobile-toggler .ico .x {

    display: block;

}



.main-menu .megamenu {

    background-color: #fff;

}



.main-menu .menu-container .wrapper .primary {

    margin-right: 0;

}



.prog__intro .container {

    max-width: 1440px;

}



.prog__intro .quality-info {

    max-width: 400px;

    margin: 0 auto 0 50px;

}



.Catalog-main .nav {

    column-gap: 5px;

}



.Catalog-main .nav-tabs {

    border-bottom: none;

    margin-bottom: 50px;

}



.Catalog-main .tab-content .tab-pane .tiles-brochures {

    margin: 15px;

}



.Catalog-main .tab-content .tab-pane .tiles-brochures .img-wrapper .img-fluid {

    height: 300px;

    width: 100%;

    border-radius: 11px;

    object-fit: cover;

}



.Catalog-main .tab-content .tab-pane .tiles-brochures {

    position: relative;

    transition: all 0.5s linear;

}



.Catalog-main .tab-content .tab-pane .tiles-brochures .brochures-info .tiles-category {

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    line-height: 26px;

    text-align: center;

}



.Catalog-main .tab-content .tab-pane .tiles-brochures .brochures-info {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    transition: all 0.5s linear;

}



.Catalog-main .tab-content .tab-pane .tiles-brochures:hover .brochures-info {

    opacity: 1;

}



.main-menu .mobile-toggler .icon .menu path {

    fill: #fff;

    /* stroke: #000; */

}



/* section-product-hero */

.section-product-hero {

    padding: 260px 0 150px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

}



.section-product-hero::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .5);

}



.section-product-hero .title {

    font-size: 48px;

    font-weight: 600;

    line-height: 60px;

    color: #fff;

    margin-bottom: 10px;

    text-align: center;

    text-transform: capitalize;
}



.section-product-hero .tiles-size {

    font-size: 22px;

    font-weight: 600;

    line-height: 30px;

    color: #fff;

    text-align: center;

}



/* section-product */

.section-product {

    padding: 100px 0;

    background-color: #fff;

}



.section-product .img-wrapper {

    margin: 15px;

}
.section-product .img-wrapper .img-fluid{
    margin-bottom: 10px;
}
.section-product .img-wrapper .tiles-name{
    font-size: 20px;
    font-family: var(--font-family-Montserratf);
    font-weight: 500;
    line-height: 26px;
    color: #000;
    text-align: center;
}

.section-product .img-wrapper .img-fluid {

    border-radius: 11px;

    height: 350px;

    width: 100% ;

    object-fit: cover;

}

/*contact form*/
.form-container label{
    font-size: 18px;
    font-family: var(--font-family-Montserratf);
    font-weight: 500;
    color: #000;
    line-height: 26px;
}
.form-container input, .form-container textarea{
    width: 100%;
    font-size: 18px;
    font-family: var(--font-family-Poppins);
    font-weight: 400;
    color: #000;
    line-height: 26px;
    border: 1px solid #000;
    padding: 10px 15px;
    margin-bottom: 20px;
}
.form-container input:focus-visible, .form-container textarea:focus-visible{
    border: none !important;
}
.form-container .form-btn{
    max-width: 150px;
    font-size: 20px;
    font-family: var(--font-family-Montserratf);
    font-weight: 500;
    color: #fff;
    background-color: #004f9a;
    border: none;
    transition: all 0.2s linear;
    text-align: center;
/*    padding: 10px 15px;*/
}
.form-container .form-btn:hover{
    color: #000;
    background-color: #ea960f;
}


.navbar-nav .nav-link {

    color: #fff;

}



.dropend .dropdown-toggle {

    color: #000;

    /* margin-left: 1em; */

}



.dropdown-item:hover {

    background-color: #004f9a;

    color: #fff;

}



.dropdown .dropdown-menu {

    display: none;

}



.dropdown:hover>.dropdown-menu,

.dropend:hover>.dropdown-menu {

    display: block;

}



.dropend:hover>.dropdown-menu {

    position: absolute;

    top: 0% !important;

    left: 100%;

}



.main-menu .menu-container .dropdown-menu {

    border: none;

    border-radius: 0;

}



.main-menu .menu-container .dropdown-menu .nav-item {

    padding: 10px;

}



.main-menu .menu-container .dropdown-menu .nav-item:hover {

    background-color: #004f9a;

}



.main-menu .menu-container .dropdown-menu .nav-item:hover .dropdown-toggle,

.main-menu .menu-container .dropdown-menu .nav-item:hover .nav-link {

    color: #fff;

    transition: all 0.01s linear;

}



.preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background-color: #fff;

}



.preloader .loading {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.preloader .loading img {

    max-width: 500px;

}

/*.c-black{

    padding: 50px;

}*/



/*media query start*/

@media (max-width: 1520px) {

    .surface_name h2 {

        font-size: 14px;

    }



    .surface_img img {

        width: 40px !important;

    }



    .surface_name {

        width: 50%;

        padding: 10px;

    }



    .main-menu .mm-links .title {

        font-size: 12px;

        /* margin-bottom: 35px; */

        padding-bottom: 5px;

        font-weight: bold;

        color: black;

    }



    .main-menu .primary {

        width: 100%;

        margin: 0 auto;

        width: 100%;

        list-style: none;

        padding: 0;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: flex-end;

        padding: 18px 0 12px 0;

        margin-right: -33px;

    }



    .main-menu.scrolled .secondary {

        top: 7px;

        padding-top: 6px;

        float: right;

        margin: -2px auto;

    }



    .main-menu .primary>li>a {

        font-size: 16px;

        padding: 0;

        color: #000;

    }



    /* .main-menu.scrolled .primary>li>a, .main-menu:hover .primary>li>a{

        color: #000;

    } */

    .col-10.col-md-3.offset-1.mb-4.mb-md-0.d-flex {

        font-size: 12px;

    }



    h4.text-center.text-white.grp_title {

        width: 84%;

        font-size: 20px;

        padding-top: 30px;

    }



    .main-menu .wrapper {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        padding-top: 20px;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        align-items: center;

    }



    /* .main-menu .wrapper {

        padding: 14px 5%;

        background: #fff;

        position: fixed;

    } */

    .main-menu .logo img {

        height: 90px;

        margin-top: -13px;

        /* position: fixed;*/

    }



    .surface_sec {

        justify-content: inherit;

        width: 100%;

    }

}



@media (max-width: 1400px) {

    .main-menu .mm-links .title {

        font-size: 11px;

        /* margin-bottom: 35px; */

        padding-bottom: 16px;

        font-weight: bold;

        color: black;

    }



    .main-menu .mm-links .title {

        font-size: 11px;

        /* margin-bottom: 35px; */

        padding-bottom: 6px;

        font-weight: bold;

        color: black;

    }

}



@media (max-width: 1440px) {

    .header-generic-page {

        background-size: cover !important;

        background-position: center right !important;

        height: 479px;

    }



    .main-menu .mm-links .title {

        font-size: 13px;

        /* margin-bottom: 35px; */

        padding-bottom: 0px;

        font-weight: bold;

        color: white;

    }



    .main-menu .logo img {

        height: 90px;

        margin-top: 0px;

        /* padding-bottom: 10px; */

        /* position: fixed; */

    }



    .main-menu .wrapper {

        /* padding: 14px 5%; */

        background: transparent;

        /* position: fixed; */

    }



    .main-menu .megamenu a {

        /*color: white;*/

        display: block;

        font-size: 12px;

        padding-bottom: 0px;

    }



    .abstract p {

        font-size: 16px;

        line-height: 22px;

    }



    .col-10.offset-1.col-lg-4.col-xl-3.c-grey2.mb-sm-5 {

        /* margin: 10px; */

        margin-left: 40px;

    }



    .row.mb-6.laptop-div-frist-row {

        margin-bottom: 0px !important;

    }

}



@media (max-width: 1280px) {

    .header-generic-page {

        background-size: cover !important;

        background-position: center right 10% !important;

        height: 479px;

    }



    h4.text-center.text-white.grp_title {

        width: 84%;

        font-size: 20px;

        padding-top: 30px;

    }



    .col-10.col-md-3.offset-1.mb-4.mb-md-0.d-flex {

        font-size: 10px;

    }



    .main-menu .logo img {

        height: 90px;

        margin-top: 0px;

        padding-bottom: 3px;

        /* position: fixed; */

    }



    .main-menu .wrapper {

        /* padding: 14px 5%; */

        background: transparent;

        /* position: fixed; */

    }



    .main-menu .mm-links .title {

        font-size: 13px;

        /* margin-bottom: 35px; */

        padding-bottom: 0px;

        font-weight: bold;

        color: white;

    }



    h3.title-xl.text-uppercase.c-grey1.mb-4 {

        margin-bottom: 20px !important;

    }



    .abstract p {

        font-size: 16px;

        line-height: 24px;

    }



    .col-10.offset-1.col-lg-4.col-xl-3.c-grey2.mb-sm-5 {

        /* margin: 10px; */

        margin-left: 30px;

    }



    .row.mb-6.laptop-div-frist-row {

        margin-bottom: 0px !important;

    }



    .mobilefooterpadding {

        padding: 0 20px !important;

    }



    /*	.btn-bottom

	{

		bottom: 0px !important;

	}*/

}



@media (max-width: 1199px) {

    .main-menu .mm-links {

        display: block;

    }



    .main-menu .mm-links ul {

        width: auto;

    }



    .main-menu .wrapper {

        display: block;

    }



    .main-menu .primary>li {

        margin-bottom: 10px;

    }



    .prog__intro .quality-info {

        /* max-width: 400px; */

        margin: 0 20px 0 50px;

    }



    .main-menu .primary>li>a {

        font-size: 16px;

        padding: 0;

        color: #000;

    }



    /* .main-menu .menu-container .dropdown-menu.first-dropdown {

        position: absolute;

        left: 130px;

    }

    .dropend:hover .second-dropdown {

        position: absolute;

        left: 100%;

    }

    .main-menu .menu-container .dropdown-menu .dropend .dropdown-menu.second-dropdown{

        left: 100%;

    }  */

    .main-menu.open {

        height: auto;

    }



    .main-menu .menu-container .dropdown-menu.first-dropdown {

        position: relative !important;

        /* left: -65px; */

    }



    .main-menu .menu-container .dropdown-menu.second-dropdown {

        position: relative !important;

        left: 0px !important;

        padding: 0 0 0 20px;

    }



    .main-menu .menu-container .dropdown-menu .nav-item {

        padding: 0;

    }



    .main-menu .menu-container .dropdown-menu .nav-item .nav-link {

        padding: 10px;

    }



    .main-footer .bottom {

        font-size: 16px;

    }

}



@media (max-width: 991px) {

    h1 {

        font-size: 38px;

        line-height: 44px;

    }



    h2 {

        font-size: 30px;

        line-height: 36px;

    }



    h3 {

        font-size: 26px;

        line-height: 30px;

    }



    h4 {

        font-size: 24px;

        line-height: 38px;

    }



    h5 {

        font-size: 20px;

        line-height: 24px;

    }



    h6 {

        font-size: 18px;

        line-height: 22px;

    }



    /* .main-menu .mobile-toggler{

        top: 50%;

        transform: translateY(-50%);

    } */

    .Export_map .text {

        top: 15px;

    }



    p,

    .text {

        font-size: 16px;

        line-height: 24px;

    }



    .small-title {

        padding-left: 15px;

        padding-right: 15px;

    }



    .section-about-info .information {

        margin: 0;

    }



    .section-about-info .img-wrapper {

        text-align: center;

        margin-bottom: 40px;

    }



    .section-about-info .container .row:nth-child(2),
    .section-about-info .container .row:nth-child(4) {

        flex-direction: column-reverse;

    }



    .section-about-info .container .row:nth-child(2) .img-wrapper {

        text-align: center;

    }



    .section-about-info .information {

        max-width: 100%;

    }



    .prog__intro .quality-info {

        max-width: 90%;

        margin: 0 auto;

    }



    .Catalog-main .nav-tabs .nav-item {

        width: 100%;

    }



    .main-footer {

        padding-left: 3px;

        padding-right: 3px;

    }



    .main-footer .auto-container {

        padding: 0;

    }



    .main-footer .text {

        text-align: left;

    }



    .fascia-spessori .col-lg-5 {

        margin-bottom: 30px;

    }



    .fascia-spessori .offset-1 {

        margin-left: 0;

    }



    .fascia-spessori.frist-section {

        padding: 50px 3px;

    }



    .section-about-info {

        padding: 60px 0px;

    }



    .section-about-info .container .row:nth-child(2) .information,
    .section-about-info .container .row:nth-child(4) .information {

        margin: 0;

    }



    .wrap-prog__intro .prog__intro {

        padding-left: 3px;

        padding-right: 3px;

    }



    .news-preview {

        color: #000;

        padding: 0px 15px;

    }



    .news-preview.innovation {

        padding: 0 3px;

    }



    .section-about-info .information {

        padding: 0 15px;

    }



    .Catalog-main {

        padding: 40px 3px;

    }



    .table-main {

        padding: 40px 3px;

    }



    .secpadd {

        padding-left: 3px;

        padding-right: 3px;

    }



    .contact-main {

        padding-left: 3px;

        padding-right: 3px;

    }



    .site-footer {

        padding-left: 12px;

        padding-right: 12px;

    }



    .site-header .main-menu {

        padding-left: 15px;

        padding-right: 15px;

    }



    .section-product-hero {

        padding-left: 15px;

        padding-right: 15px;

    }

    .socialize .socials{

        justify-content: space-evenly;

    }
    .section-about-info .img-wrapper .img-fluid{
        border-radius: 0;
        width: 100%;
    }
}



@media screen and (min-width: 769px) {





    .dropend .dropdown-toggle {

        margin-left: 0.5em;

    }

}



@media (max-width: 768px) {

    .main-menu .menu-container .dropdown-menu.first-dropdown {

        position: relative !important;

        left: -50px;

    }



    .main-menu .menu-container .dropdown-menu.second-dropdown {

        position: relative !important;

        left: 0px !important;

        padding: 0 0 0 20px;

    }



    .main-menu .menu-container .dropdown-menu .nav-item {

        padding: 0;

    }



    .main-menu .menu-container .dropdown-menu .nav-item .nav-link {

        padding: 10px;

    }



    h3.title-xl.text-uppercase.c-grey1.mb-4 {

        font-size: 28px;

    }



    .frist-section {

        min-height: 600px;

        background: #f8f8f8;

        /* padding: 15px; */

    }



    .main-menu .wrapper {

        padding: 30px 3px;

        background: transparent;

        /* position: fixed; */

    }



    img.img-fluid.cmp_frist_img {

        padding: 20px;

    }



    img.img-fluid.cmp_img_second {

        padding: 20px;

    }



    img.img-fluid.cmp_img_thrid {

        padding: 20px;

        /* margin-top: -158px; */

    }



    .main-menu .primary>li {

        /* padding: 0px 30px; */

        margin: 0;

    }

    .preloader .loading img {

        max-width: 250px;

    }



    .mobile-img-div {

        background-image: url(img/menu_img/wall1.jpg);

        visibility: visible;

        display: list-item;

        width: 100%;

        height: 300px;

        -webkit-transform: translateX(0) scale(1);

        opacity: 1;

        transform: translateX(0) scale(1);

        opacity: 1;

        -webkit-transition: -webkit-transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;

        transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;

    }



    .table-responsive {

        display: block;

        width: 100%;

        /* overflow-x: auto; */

        -webkit-overflow-scrolling: touch;

        -ms-overflow-style: -ms-autohiding-scrollbar;

    }



    .main-menu .primary {

        width: 100%;

        margin: 0 auto;

        width: 100%;

        list-style: none;

        padding: 0;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: flex-end;

        padding: 18px 0 12px 0;

        margin-right: -45px !important;

        padding-top: 60px;

    }



    .table-body {

        width: 100%;

    }



    .table .thead-dark th {

        color: #fff;

        background-color: #212529;

        border-color: #32383e;

        font-weight: normal;

        padding: 0px;

        font-size: 11px;

    }



    .table-main .table-3 th,

    .table-main .table-3 td {

        font-size: 14px;

    }



    .inter-main {

        padding: 0px;

        width: 100%;

        position: relative;

        display: inline-block;

    }



    .socialize {

        padding-left: 15px;

        padding-right: 15px;

    }



    .four-box {

        padding: 0;

    }



    .hightlight-box img {

/*        height: auto;*/

    }



    .hightlight-text {

        position: relative;

    }



    .main-menu {

        overflow: hidden;

    }



    .main-menu .logo img {

        /*  width: px;*/

        height: 55px;

        margin-top: -13px;

        /* position: absolute;*/

        padding-bottom: 0px;

    }



    .main-menu .primary>li>a {

        text-decoration: none;

        display: block;

        color: #000;

        text-transform: uppercase;

        font-size: 14px;

        padding: 10px 0;

        margin-left: -54px;

    }



    .main-menu .mm-links {

        flex-wrap: wrap;

        margin-left: -54px;

    }



    .main-menu .sedi-mobile {

        display: none;

    }



    .col-xl-10.sedi {

        display: none;

    }



    .main-menu .mm-links ul {

        width: 100%;

    }



    .main-menu .megamenu li {

        margin: 0;

        padding-bottom: 14px;

        list-style: none;

        opacity: 0;

        line-height: 12px;

    }



    .main-menu .megamenu a {

        color: #000;

        display: block;

        font-size: 12px;

    }



    .main-menu .mm-links .title {

        color: white;

        font-size: 14px;

        font-weight: bold;

        padding-bottom: 10px;

        padding-top: 7px;

    }



    .main-menu .sedi {

        border-top: none;

        border-left: 0px solid #6f6f6f;

        padding-left: 60px;

    }



    .surface_img img {

        display: block !important;

    }



    .main-menu .sedi {

        border-top: none;

        border-left: 0px solid #6f6f6f;

        /* padding-left: 60px; */

        margin-left: -84px;

        /* width: 70%;*/

        padding-top: 5px;

        padding-bottom: 22px;

    }



    .main-menu .secondary a:after,

    .main-menu .secondary button:after,

    .main-menu .primary>li>a:after {

        /* content: ""; */

        background: transparent;

        width: 100%;

    }



    .dropdown-toggle::after {

        content: unset;

    }



    /*.d-flex.flex-nowrap.mb-4 {

    

    display: none!important;

    }*/

    .form-horizontal .text-link-line {

        -webkit-transform: translateY(18px);

        -ms-transform: translateY(18px);

        transform: translateY(18px);

        color: white;

    }



    li.vis-custom {

        display: none;

    }



    .col-10.col-md-3.offset-1.mb-4.mb-md-0.d-flex {

        width: 100%;

        font-size: 10px;

    }



    .history-box {

        flex-direction: column;

        margin-bottom: 0;

    }



    .history-box {

        position: relative;

        display: flex;

        justify-content: flex-start;

        align-items: center;

        /* margin-bottom: 50px;*/

        margin-top: -29px;

    }



    .history-img {

        bottom: -45px;

        z-index: 1;

    }



    .history-img img {

        width: 100px;

        height: 100px;

    }



    .img-d1-main {

        display: table;

        padding: 13px;

    }



    .section-header {

        padding-bottom: 14px;

    }



    .contact-main {

        display: block;

        width: 100%;

        position: relative;

        /* margin: 20px; */

    }



    .secpadd {

        padding-top: 0px;

        padding-bottom: 50px;

    }



    .tile-wrap {

        height: 400px;

        padding: 10px;

        margin: 0px;

    }



    .wrap-prog__intro .prog__intro:first-child {

        padding-top: 2rem !important;

        margin-bottom: 0px !important;

    }



    .row.mb-6.mobile_cmp_row_frist {

        margin-bottom: 0px !important;

    }



    .row.mb-6.mobile_cmp_row_second {

        margin-bottom: 0px !important;

    }



    div#myBtnContainer {

        width: 100%;

        padding: 20px;

    }



    /* img.img-fluid.mobile-quality-img {

        padding: 20px;

    } */

    .row.mb-6.mobile-frt-quality-div {

        margin-bottom: 0px !important;

    }



    h3.title-xl.text-uppercase.c-grey1.mb-4.mobile-text-quality {

        margin-bottom: 19px !important;

        font-size: 26px;

    }


    .hero .wrapper{
/*        height: 100vh;*/
    }
    .ind-sb1.mobile-ind-sb1 {

        border-left: none;

        padding: 0px;

        padding-top: 10px;

    }



    .title-frist {

        padding: 0px 0px;

        font-size: 36px;

        padding-top: 20px;

    }



    .image.col-md-7.mobile-img-div {

        padding: 20px;

        margin: 20px;

        list-style: none;

    }



    .mobile-fancy {

        padding: 20px;

        box-shadow: none;

        background: no-repeat;

    }



    .shadow {

        box-shadow: none;

    }



    .col-md-3.col-sm-6.mobile-div-land {

        float: left;

        width: 50%;

        padding-left: 15px;

        padding-right: 15px;

        text-align: center;

        /* padding: 16px; */

        /* justify-content: center; */

        /* align-items: center; */

        /* margin: 0 auto; */

        /* margin: 20px; */

        padding-top: 10px;

    }



    .col-10.col-md-3.offset-1.mb-4.mb-md-0.d-flex.mobile-footer {

        font-size: 21px;

        display: inline-block;

    }



    .adress p {

        overflow: hidden;

        font-size: 18px;

    }



    .adress img {

        width: 30px;

        float: left;

    }



    .row.mb-6.mobile_intro {

        margin-bottom: 0px;

    }



    img.img-fluid.mobile-img-product {

        padding: 20px;

        height: auto;

    }



    .row.py-6.c-black.mobile-c-black {

        padding-bottom: 0px !important;

        padding-top: 3rem !important;

    }



    .center-menu {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        padding: 0.75rem 1rem;

        margin-bottom: 1rem;

        list-style: none;

        /* background-color: #ffffff; */

        border-radius: 0;

        color: white;

    }



    .pull-right {

        float: right;

        margin-top: 250px;

    }



    ol,

    ul,

    dl {

        margin-top: 0;

        margin-bottom: 1rem;

    }



    .Featured-divison {

        width: 100%;

        position: relative;

        padding: 50px 0px;

    }



    .tile-wrap {

        width: 100%;

        height: 400px;

        padding: 10px;

        margin: 0px;

    }



    img.img-fluid.mobile-img-export {

        padding: 20px;

        height: auto;

    }



    .exp-content {

        margin: 0 auto;

        padding: 20px;

    }



    .header-generic-page {

        background-size: cover !important;

        /*background-position: center right 7% !important;*/

        background-position: center center !important;

        height: 300px;

    }



    .col-md-6.offset-2.mobile-offf {

        margin-left: 0px;

    }



    button.black-button {

        background-color: #004f9a;

        color: white;

        width: 100%;

        margin-bottom: 10px;

    }



    .col-md-4.ptr-15.mobile-ptr {

        padding: 0px 0px;

    }



    .con-address-main {

        padding: 0px;

    }



    .mobile-catalog-button {

        width: 100%;

        margin-bottom: 10px;

    }



    .Catalog-main {

        display: inline-block;

        position: relative;

        width: 100%;

    }



    .small-title h2 {

        position: relative;

        font-weight: 400;

        color: #333;

        font-weight: bold;

        font-size: 21px;

        /* margin-bottom: 35px; */

        /* padding-bottom: 5px; */

        /* font-family: Nunito, Helvetica, Arial, sans-serif; */

    }



    .p_img_desc_main {

        width: 100%;

        position: relative;

        display: block;

        padding: 20px 0px;

    }



    .map-inner {

        padding: 20px;

    }



   /* .overlay {

        opacity: 1;
        margin: 0;
        background-color: rgba(0,0,0,0.3);

    }*/
    .news-preview .slider-navigation.product{
        margin-bottom: 20px;
        padding: 0;
    }
  /*  .overlay{
        transform: scale(1.0);
    }*/
    .hightlight-box{
        box-shadow: none;
    }
    .mybreadcrumb {

        padding: 40px 0px 0px 40px !important;

    }
    .overlay.export-country{
        opacity: 0;
    }


    .main-menu .primary>li>a:hover:after {

        top: 30px;

    }



    .Catalog-main .nav {

        padding: 0 15px;

    }



    .text-link-line-double {

        display: none;

    }



    .news-preview .slick-prev,

    .news-preview .slick-next {

        top: -37px;

    }



    .prog__intro .quality-info {

        max-width: 100%;

    }

}



.btn-bottom {

    bottom: 35px;

}



.center-cropped-inspiration {

    object-fit: cover;

    object-position: center;

    height: 300px !important;

    width: 100% !important;

}



.img-desc-main img {

    max-width: 100%;

}



.imgborder {

    border: 1px solid #eee;

}



/* breadcrumb start */



.mybreadcrumb {

    padding: 15px 160px;

    margin-bottom: 20px;

    list-style: none;

    display: none;

}



.mybreadcrumb>li {

    display: inline-block;

}



.mybreadcrumb>li a {

    color: #fff;

}



.mybreadcrumb>.active {

    color: #5e95ce;

}



#myheaderbread ol li::before {

    font-family: 'FontAwesome';

    content: "\f105";

    margin: 0 5px 0 0px;

    color: #fff !important;

}



#myheaderbread ol li:first-child::before {

    display: none;

}



/* end breadcrumb */



.Export_country ul {

    text-align: center;

    margin-top: 50px;

}



.Export_country ul li {

    display: inline-block;

    padding: 20px 15px;

    font-size: 25px;

    color: #000;

}



.Export_country ul li::first-letter {

    font-size: 50px;

    font-weight: bold;

    color: #5e95ce;

    padding-right: 2px;

}



.news-preview img.mosic_shap {

    max-width: 25px;

    height: auto;

    margin-right: 10px;

    filter: invert(1);

}



.blog__page .text-link-line:before {

    margin-top: -5px;

    background: #bbbab9;

    height: 2px;

}



.blog__page .blog__page--detail {

    padding: 30px;

}



.blog__page .news-preview .abstract p {

    color: #00000085;

}



.blog-detail__page .page__section--headding {

    text-align: center;

    padding: 40px 0px 40px 0px;

}



.blog-detail__page .blog-list {

    position: relative;

    margin-bottom: 40px;

    /* border-bottom: 1px solid #c1c1c3; */

    padding-bottom: 20px;

}



.blog-detail__page .blog-list img {

    width: 100%;

}



.blog-detail__page .blog-list h4 {

    margin-bottom: 25px;

}



@media (max-width:767px) {

    .blog-detail__page .blog-list h4 {

        font-size: 20px;

    }

}



.blog-detail__page .blog-list h4 a {

    color: #000;

}



.blog-detail__page .blog-list-info {

    display: inline-block;

    margin-top: 15px;

    margin-right: 15px;

    padding: 0;

}



.blog-detail__page .blog-list-info li {

    display: inline-block;

    margin-right: 20px;

}



.blog-detail__page .blog-list-info li img {

    width: 10px;

    height: 10px;

    background-position: center center;

    background-repeat: no-repeat;

    margin-right: 10px;

}



.blog-detail__page .blog-list-info li span {

    font-size: 15px;

    font-weight: 600;

    color: #222;

}



.blog-detail__page .blog-list p {

    color: #999;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.8;

    margin-top: 15px;

    text-align: justify;

}



.blog-detail__page h4.blog-post-left {

    color: #222;

    margin-bottom: 30px;

}



.blog-detail__page .blog-post-right {

    /* border-bottom: 1px solid #c1c1c3; */

    padding-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

}



@media (max-width:767px) {

    .blog-detail__page .blog-post-right {

        padding-top: 40px;

    }

}



.blog-detail__page #search-input {

    padding: 0;

    border: solid 1px #c1c1c3;

    border-radius: 10px;

    background-color: #fff;

    padding: 3px;

}



.blog-detail__page #search-input input {

    border: 0;

    border-radius: 5px;

    box-shadow: none;

}



.blog-detail__page #search-input button {

    margin: 2px 0 0 0;

    background: none;

    box-shadow: none;

    border: 0;

    outline: none !important;

    padding: 0 11px 0 13px;

    border-left: solid 1px #ccc;

}



.blog-detail__page #search-input button i {

    color: #999;

    font-size: 16px;

    margin: 8px 3px 0 0;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.blog-detail__page .blog-post-right h4 {

    color: #222;

    font-size: 22px;

    font-weight: 600;

    margin-top: 35px;

    margin-bottom: 20px;

}



.blog-detail__page .blog-post-categories ul li {

    background: #fefefe;

    margin: 5px 0;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

    list-style: none;

}



.blog-detail__page .blog-post-categories ul li a {

    display: block;

    color: #606060;

    font-size: 14px;

    font-weight: 600;

    padding: 15px;

}



.blog-detail__page .blog-post-categories ul li a:hover {

    color: #999;

}



.blog-detail__page .recent-post-info {

    margin: 15px 0;

    padding: 10px;

    background: #fff;

}



.blog-detail__page .recent-post-info .center-cropped {

    width: 100%;

    height: 75px;

    background-position: center center;

    background-repeat: no-repeat;

    object-fit: cover;

    background-size: 100%;

    cursor: pointer;

}



@media (max-width:767px) {

    .blog-detail__page .recent-post-info .center-cropped {

        height: auto;

    }

}



.blog-detail__page .recent-post h3 a {

    display: inline-block;

    color: #222;

    font-size: 14px;

    font-weight: 600;

}



.blog-detail__page .recent-post h6 {

    color: #999;

    font-size: 14px;

    font-weight: 600;

    margin-top: 10px;

}



section.blog-detail__page.pad__page--bottom {

    padding: 40px 0px 80px 0px;

}



@media (max-width:767px) {

    section.blog-detail__page.pad__page--bottom {

        padding: 40px 15px 40px 15px;

    }

}



.blog-post-categories ul {

    padding: 0;

}



.recent-post-info-p {

    padding-left: 10px;

}



@media (max-width:520px) {

    .recent-post-info-p {

        padding-top: 10px;

    }

}



.blog-detail__page .blog-img-main .center-cropped {

    width: 100%;

    height: 250px;

    background-position: center center;

    background-repeat: no-repeat;

    object-fit: cover;

    background-size: 100%;

    cursor: pointer;

}



@media (max-width:991px) {

    .blog-detail__page .blog-img-main .center-cropped {

        height: auto;

    }

}



.blog-img-main {

    padding: 10px;

    margin: 0px 10px;

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);

}



@media (max-width:767px) {

    .blog-img-main {

        margin-bottom: 20px;

    }

}



.main-footer__location {

    display: flex;

}



@media (max-width:1024px) {

    .main-footer__location {

        display: block;

    }

}



.main-footer__location .adress p {

    overflow: hidden;

    font-size: 15px;

    color: #000;

}



.main-footer__location .adress p span {

    font-size: 16px;

    color: #fff;

}



/*** 



====================================================================

    Main Footer

====================================================================



***/



.main-footer {

    position: relative;

    color: #000;

    background-color: #ffff;

    z-index: 1;

    overflow: hidden;

    background-repeat: no-repeat;

    background-position: 40% 0%;

    border-top: 1px solid rgba(0, 0, 0, .5);



}



.main-footer .widgets-section.copyright {

    padding: 0 0 16px;

}



.main-footer .logo {

    max-width: 250px;

}



.main-footer .bottom {

    font-size: 18px;

}



.main-footer .widgets-section hr {

    border-color: rgba(0, 0, 0, .5);

    opacity: 1;

}



/*.main-footer:after{

    content: "";

    position: absolute;

    right: 35px;

    top: 25px;

    background-image: url(../img/footer_bg.png);

    width: 230px;

    height: 100%;

    background-repeat: no-repeat;

    z-index: -1;

}*/



.main-footer .footer-widget {

    position: relative;

    margin-bottom: 40px;

}



.main-footer .contact-widget .contact_widget_wrap {

    display: flex;

}



.main-footer .contact-widget .contact_widget_wrap div {

    width: 50%;

}



.main-footer .widgets-section {

    position: relative;

    padding: 95px 0px 15px;

    /*padding-bottom:40px;*/

}



.main-footer .footer-widget h2 {

    position: relative;

    font-weight: 600;

    color: #004f9a;

    font-size: 22px;

    line-height: 28px;

    margin-bottom: 24px;

    padding-bottom: 14px;

    text-transform: uppercase;

}



.main-footer .footer-widget h2:before {

    position: absolute;

    content: '';

    left: 0px;

    bottom: 0px;

    height: 2px;

    width: 50px;

    background-color: #5e95ce;

}



.main-footer .about-widget .social-links {

    position: relative;

}



.main-footer .about-widget .social-links li {

    position: relative;

    margin-right: 20px;

    display: inline-block;

}



.main-footer .about-widget .social-links li:last-child {

    margin-right: 0px;

}



.main-footer .about-widget .social-links li a {

    position: relative;

    color: #000;

    font-size: 18px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-footer .about-widget .social-links li a:hover {

    color: #5e95ce;

}



.main-footer .about-widget .text {

    position: relative;

    color: #000;

    font-size: 18px;

    line-height: 26px;

    margin-top: 18px;

    margin-bottom: 35px;

    top: unset;

    right: unset;

    left: unset;

    transform: none;

    padding-right: 45px;

}



.main-footer .about-widget .contact-list .text {

    margin-top: 5px;

    margin-bottom: 20px;

    line-height: 28px;

}



.main-footer .about-widget .copyright {

    position: relative;

    color: #cccccc;

    font-size: 14px;

    line-height: 1.9em;

}



.main-footer .about-widget .copyright span {

    color: #ffffff;

    font-weight: 600;

}



/* Footer List */



.footer-list {

    position: relative;

    padding-left: 0;

}



.footer-list li {

    position: relative;

    margin-bottom: 10px;

    list-style: none;

}



.footer-list li a {

    position: relative;

    color: #000;

    font-size: 18px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



/* Contact List */



.main-footer .contact-list {

    position: relative;

}



.contact_widget_wrap .contact-list {

    margin-top: 0;

    padding-left: 0;

}



.main-footer .contact-list li {

    position: relative;

    color: #004f9a;

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 14px;

    list-style: none;

}



.main-footer .contact-list li a {

    color: #000;

    font-size: 16px;

}



.main-footer .contact-list li span {

    color: #ffffff;

    font-size: 18px;

    display: block;

}



.main-footer .contact-list li span {

    font-size: 16px;

    color: #000;

    font-weight: 400;

}



.main-footer .footer-bottom-image {

    position: relative;

}



.main-footer .footer-bottom-image .image {

    position: relative;

}



.main-footer .footer-bottom-image .image:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0.80);

}



.main-footer .footer-bottom-image .image img {

    position: relative;

    width: 100%;

    display: block;

}



@media (max-width: 1199px) {

    .main-footer .widgets-section {

        padding: 70px 0px 15px;

    }



    .main-footer {

        background-position: 30% 100%;

    }

}



@media (max-width: 991px) {

    .main-footer .about-widget .text {

        font-size: 16px;

        line-height: 24px;

    }



    .footer-list li a {

        font-size: 16px;

        line-height: 24px;

    }

}



@media (max-width: 767px) {

    .main-footer {

        background-position: 25% 0%;

    }

}