/*general*/
.no-padding{padding-left: 0px; padding-right: 0px}
.in-head{position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    font-family: 'ubuntubold';
    font-size: 50px;
    color: white;}

.clear-fix{clear: both; float: none;}
.box{display: table;}
.sub-box{display: table-cell;}
.box.vrt-top .sub-box{vertical-align: top;}
.box.vrt-middle .sub-box{vertical-align: middle;}
.sub-box1{padding-right: 12px}






/*contact*/
.cnt-fl{    background-image: url(../img/images/map-bg.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center top;}
.contact-inn .contact-box {margin-bottom: 20px}
.cnt-iframe{width: 100%; height:350px; border:none; border-radius: 6px; margin-bottom: 10px; 
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1); margin-top:30px; border:2px solid white;}

.cnt-col{background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius: 12px}
.cnt-address,.cnt-form{padding: 40px 50px;}
.cnt-address{background-color:#84a42f; color: white; border-radius: 12px 0px 0px 12px}

.ad-div {
    text-align: center;
    margin-bottom: 22px;
}

.ad-div i {
    border: 2px solid rgba(255, 255, 255, 0.7);
    font-size: 20px;
    line-height: 35px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.73);}

.message button.read{background-color:white;}
label{font-size:13px;}
.message textarea{height: 100px}

.submit{background-color: #14171a;
    color: #fff !important;
    padding: 0 10px !important;
    border-radius: 5px;
    height: 40px;
    border: none;
    position: relative;
    outline: 0;
    top: -10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;}


.submit:hover{background-color: #84a42f;
    box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.25)}







/*if form message*/
.message input[type=text], .message input[type=number],
.message input[type=tel],.message input[type=email],.message input[type=password],.message input[type=date],
.message textarea, .message select {
    margin-bottom: 0px;
    border: 1px solid rgba(0,0,0,.1) !important;
    border:none;
    border-radius: 4px;
    padding: 6px 12px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #707070;
}

.message select {font-size: 13px}

.message input[type=text], .message input[type=number],
.message input[type=tel],.message input[type=email],.message input[type=password],.message input[type=date],
.message select 
{height: 38px}

.message input[type=text]:focus, .message input[type=number]:focus,
.message textarea:focus, .message input[type=date]:focus, .message select:focus {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    border: 1px solid rgba(0,0,0,.3);}




/*style for file upload*/
.fileWrapper{position:relative;overflow:hidden;padding:0; width: 100% !important; margin-bottom: 15px}
input[type=text].fileInputText{float:left;border:1px solid #ddd;margin:0;padding:0 5px;height: 38px !important; width:calc(100% - 115px) !important;}
input[type=button].fileInputButton{float:right;border:solid 1px #ccc;background:#ddd;box-sizing:content-box;-moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;margin:0;padding:0;height: 38px !important;border-radius: 4px;}






/******************************************* career ****************************************************/

.career-div{border:1px solid #ddd; border-radius: 12px; padding:20px; margin-bottom: 15px}

.c-apply{width: 100px}
.c-name{width: calc(100% - 100px)}
.c-name, .c-apply{float: left;}
.job{font-family: 'ubuntumedium'; font-size: 17px; margin-bottom: 2px}
.job-company{color: #84a42f; margin-bottom: 15px}
.c-apply-btn{padding: 10px 15px;border-radius: 20px; background-color:#cfe88b ; color: #84a42f; float: right;
    font-family: 'ubuntumedium'; font-size: 13px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
.c-apply-btn:hover{background-color:#84a42f;color:#cfe88b  }

.salary, .loc{width: 50%; float: left;}
.sm-salary{font-size: 12px; margin-bottom: 0px}
.mnt-salary{margin-bottom: 0px;  font-family: 'ubuntumedium'; font-size: 13px; line-height: 15px}
.career-body i{font-size: 20px; color: #84a42f;}






/********************************************************* FAQ ************************************************************/

.faq-panel .panel-title a{color: #84a42f; text-transform: uppercase;  font-family: 'ubuntubold'; font-size: 16px}
.faq-panel .panel{margin-bottom: 15px}



/********************************************************* BLOG ************************************************************/


.sub-c-div {
    height: 100%;
    padding-bottom: 30px;
    display: block;
}

.sub-c-div .news-item {
    height: 100%;
    margin-bottom: 0px;
}

.new-news-cont {
    position: relative;
}

.news-item {
    margin-bottom: 15px;
    margin-top: 0px;
    background-color: white;
    box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .3);
        -webkit-transition: transform 350ms ease-in-out,filter 350ms ease-in-out;
    -moz-transition: transform 350ms ease-in-out,filter 350ms ease-in-out;
    transition: transform 350ms ease-in-out,filter 350ms ease-in-out;
}

.news-cont {
    position: relative;
    display: block;
    color: #3c3c3c;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
}


.mis-icon {
    margin-top: -45px !important;
    z-index: 7;
    position: relative;
    width: 70px;
    background-color: #84a42f;
    padding: 13px;
    margin: auto;
    border-radius: 100%;
    border: 5px solid white;
    box-shadow: 3px 3px 11px 1px rgb(0 0 0 / 22%);
}

.sub-c-div img {
    -webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
}

.inds-div .crs-dtl {
    padding-left: 15px;
    padding-right: 15px;
}

.crs-dtl {
    padding: 10px 10px 30px;
}

.crs-head {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 20px;
}

.inds-div .gen-para, .inds-div h3 {
    text-align: center;
}


.blog-date{position: absolute; padding: 5px 10px; background-color: rgba(0,0,0,.6); right:20px; top:20px; color: white;
border-radius: 2px}

.news-item:hover {
    transform: translateY(-5px);
}

.inds-div:hover .mis-icon img {
    animation-name: swing;
    animation-duration: 1s;
    transform: scale(1,1);
}






/********************************************************* BLOG DETAIL***************************************************/

.author-box img{width: 20px}

.author-box .sub-box span{padding-top: 5px; display: block;}

.blog-dtl-row{margin-top: 20px}
.date-box{float: right;}

.blog-dt{    box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .3); border-radius: 6px;
    -webkit-transition: transform 350ms ease-in-out,filter 350ms ease-in-out;
    -moz-transition: transform 350ms ease-in-out,filter 350ms ease-in-out;
    transition: transform 350ms ease-in-out,filter 350ms ease-in-out;}

.author-box span{color: #84a42f}

.blog-dtl-img{border-radius: 6px 6px 0px 0px; width: 100%}










@media (max-width: 767px){
    .cnt-address {
    border-radius: 12px 12px 0px 0px;}

    .cnt-address{padding: 30px 15px;}

    .cnt-form {
    padding: 20px 15px;}

    .h-dest-col1{padding-left: 0px; padding-right: 0px}

    .author-box img{display: none;}

    .author-box .sub-box1{padding-right: 0px}

.blog-dt .crs-dtl {
    padding: 10px 0px 30px;
}

    /*.date-box{float: none; margin-top: 5px}
}*/



@media (max-width: 425px){
    .salary, .loc{width: 100%; float: none;}
    .salary{margin-bottom: 10px}
    .career-div { padding: 15px;}
    .job {font-size: 16px;}
    .faq-panel .panel-title a{font-size: 14px}
}