/*--------------------------------------------------------------
  Template Name: Simply Construction HTML Template.
  Template URI: #
  Description: Simply Construction is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: lttrbx
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/
.htc__header__top .header__top__right .header__top__icon li{
  padding-right:5px ;
  text-transform: lowercase;
}
.htc__footer__area .ptb--70{padding: 25px 0 !important;}
.htc__header__top .header__top__right .header__top__icon i{padding: 0 5px ;}

.owl-team-box .item .foo{opacity: 1 !important;}
.pr--2{padding-right: 5px;}
.text-up{text-transform: uppercase;}

/*Product content Hover start here*/
.mt-i-20{
    margin-top:20px  !important;
}
.mb-i-20{
    margin-bottom:20px  !important;
}
.title__line--4 {
    display: inline-block;
    text-decoration: none;
    border-bottom: 5px solid #93413c;
 }
 .section__title p{
     margin-top:0px;
 }
 strong{font-weight:700;}
 
 .htc__ser__dtl__inner .htc__ser__dtl .ul-box{
     display:flex;
 }
 .ul-box{
     display:flex;
 }

.htc__ser__dtl__inner_body .htc__ser__dtl .title__line--4 {
    display: inline-block;
    text-decoration: none;
    border-bottom: 5px solid #93413c;
    font-size:20px;
    margin-bottom: 15px;
 }
 .htc__ser__dtl__inner_body .htc__ser__dtl p{
     margin-bottom:15px;
     text-align:justify;
 }

.htc__ser__dtl__inner_body .htc__ser__dtl .title__line--4::after {
    content: '';
    display: block;
    width: 0;
    height: 5px;
    background: #93413c;;
    transition: width .3s;
}

.htc__ser__dtl__inner_body .htc__ser__dtl .title__line--4:hover::after {
    width: 100%;
    transition: width .3s;
}

/*Concreate-block*/
.htc__best__construction .htc__bst__construc .section__block__product{
    padding: 20px;
    /*border: 2px solid #93413c;;*/
    border-radius: 5px;
    background-color:#fff ;
    transition: transform .4s;
}
.htc__best__construction .htc__bst__construc .section__block__product: hover{
    transform: scale(1.2);
}
.htc__best__construction .htc__bst__construc .section__block__product h3{
    font-size: 35px;
    padding: 25px 0 10px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    border-bottom: 5px solid #93413c;
    margin-bottom: 10px;
}
.htc__best__construction .htc__bst__construc .section__block__product img: hover{
    scale: 1.2;
    padding: 5px 0;
    border-radius: 5px;
}
.htc__best__construction .htc__bst__construc .section__block__product ul {list-style: none;}
.htc__best__construction .htc__bst__construc .section__block__product ul li {
    padding-left: 25px;
    list-style: inside;
}
.concrete__block_img img{
    width: -webkit-fill-available;
    border-radius: 10px;
}
.offer__details div {
    color: #606060;
    font-size: 14px;
    line-height: 24px;
    padding-right: 29px;
}


/*Foooter copyright img*/
.f-right{float: right;}

/**/
.htc__ser__dtl ul li{
    padding-left: 50px;
    list-style: inside;
}

.htc__ser__dtl ul li a{
    list-style: inside;
    color: #606060;
    cursor: pointer;
}
.list-style-none ul li {
    padding-left: 5px !important;
    list-style: none !important;
}
.l_style ul li{
    padding-left: 5px;
    list-style: none;
}
.l_style ul li i{
    font-size: 12px;
}
.fa-circle:before {
    content: "\f111";
    font-size: 6px;
    vertical-align: middle;
    position: absolute;
    top: 9px;
}
.table-responsive {
    /*display: block;*/
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}
.t_comp{width: 200px;vertical-align: middle !important;text-align: center;white-space: pre-wrap!important;}
.t_min{width: 150px;vertical-align: middle !important;text-align: center;white-space: pre-wrap !important;}
.t_type,.t_prod{width: 120px;vertical-align: middle !important;text-align: center;}
.t_size{width: 250px;vertical-align: middle !important;text-align: center;}
.t_weight, .t_packing, .t_pric, .t_client, .t_grade, .t_class {width: 90px;vertical-align: middle !important;text-align: center;}

/*Floor Wall*/
.f-t_prod, .f-t_type, .f-t_block, .f-t_color, .f-t_finish{
    width: 150px;
    vertical-align: middle !important;
    text-align: center;
    white-space: pre-wrap !important;
}
.fact__count i {
    color: #1f2d30;
    font-size: 30px;
    font-weight: 500;
}

/*Contact Modal*/
.modal .modal-body .htc__contact__form__wrap{margin-top: 10px;}
.modal .modal-body .htc__contact__form__wrap .single-contact-inner{margin-top: 10px;}

.modal .modal-body .htc__contact__form__wrap .title__line--5::before {
    background: #93413c none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
}
.btn-cont{
    text-align:center;
}

/*footer links*/
.col-md-8 .footer__widget{float:right;}
.col-lg-8 .footer__widget{float:right;}

/*Single Project Details*/
.single__project__rightsidebar .pro__dtl__inner {
    padding:15px;
}

video#vid {
 position: fixed; right: 0; bottom: 0;
 min-width: 100%; min-height: 100%;
 width: auto; height: auto; z-index: -100;
 background: url(polina.html) no-repeat;
 background-size: cover;
 margin: 0 auto;
}

.htc__header__top .header__top__right .header__top__icon i {
    padding: 0 5px;
    font-size: 18px;
}
.about{
    padding-bottom: 0px;
    padding-top: 0px;
}

/*Product Image up text*/
.overlay-text{
    position: absolute;
    top: 10px;
    color: white;
    background-color: rgb(0 0 0 / 50%);
    width: fit-content;
    font-size: 20px;
    padding: 10px;
    text-transform: uppercase;
    right: 15px;
}


/*Media Query By:- Code_Mahi*/
@media only screen and (max-width:367px) {
  .htc__best__construction .htc__bst__construc .section__block__product h3{
    font-size: 27px;
  }  
}
@media only screen and (max-width:600px) { 
    .bradcaump__inner h2.bradcaump-title {
        font-size: 35px;
        font-weight: 800;
    }
    .bradcaump-inner a {
        font-size: 14px;
    }
    .bradcaump-inner span {
        font-size: 14px;
    }
    .overlay-text
    {
        font-size: 10px;
        padding: 3px;
    }
}
@media only screen and (max-width:768px) {
    .htc__best__construction .row .col-md-3{
        display:none;
    }
    .htc__best__construction .row .col-xs-3{
        display:none;
    }
    .htc__best__construction .row .col-xs-9{
        width:100%;
    }
    .mo-mt-60{
        margin-top:60px !important;
    }
}
.hide-box-tab{
    content: '';
    height: 50px;
    background-color: #1f2d30;
    width: 100%;
    position: relative;
    top: -25px;
    text-align: left;
    padding: 15px 2px;
}
.css-r58ril, .css-xgm0sd{
    display: none !important;
}

.modal-backdrop{
    z-index: 1 !important;
    display:none !important;
}



/*css for modals of about page - edits by nirav*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    border-radius: 10px;
    /*width: 35%;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #c5c5c5;
    opacity:.6;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding:10px 0;
    
}

.close:hover,
.close:focus {
    color: #c4c4c4;
    text-decoration: none;
    cursor: pointer;
    opacity:1;
}

.modal-header {
    padding: 2px 16px;
    background-color: #ffffff;
    color: white;
    border-radius: 10px;
}
.modal-header h4 {
    color:white;
} 

.modal-body {padding: 2px 16px;}
.modal-header h2 {
    font-size:20px;
    font-family: Raleway,sans-serif ;
    font-weight:500;
    padding:10px 0 ;
    text-align:center;
}

.modal-body p {
    padding:10px;
}
/* edits by nirav ends */