@import url('/_design/css/fonts/font3/stylesheet.css');


.container-fluid {padding: 0 6% !important;}


div {border: 0px solid red}

* {font-family: 'Montserrat-Light'; font-size: 15px; color: #000000;}
html, body {margin: 0; height: 100%; }
body {padding:0 ; background-color: #ffffff;}
A, P {text-decoration: none;}
B {    font-family: 'Montserrat-SemiBold';}

.small, P .small, .small LI {font-size: 18px !important;}


LI::marker {color: #222a94;}

.m1200-hide {display: block;}
.m768-hide {display: block;}


.i-main-img {background-repeat: no-repeat; background-size: cover; background-position: bottom; width: 100%; height: 100%;}
.i-main-img IMG {display: block; width: 750px; position: absolute; top:30%; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center;}
.i-main-img2 {background-image: url(/i2/imain-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom; width: 100%; height: 100%;}
.i-main-img2 IMG {display: block; width: 750px; position: absolute; top:30%; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center;}

.iblocks1 {margin: 40px 0 0 0;}
.iblock1 {transition: transform 0.2s; background-color: #000000;  border-radius: 4px; background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100%; width: 100%; position: relative;}
.iblock1:hover {transform: scale(1.1) !important;}
.iblock1 STRONG {font-family: 'Montserrat-Regular'; font-size: 31.5px; color: white;}
.iblock1 P { font-size: 24.5px; color: white; padding: 0 0 80px 0;}
.iblock1 A {display: block;}
.iblock1 .more {position: absolute; bottom: 20px; font-size: 21px; color: white; padding: 10px 0px; margin: 70px 0 15px 0; display: block; width: 154px; text-align: center; border-radius: 4px; background: linear-gradient(to right, #d2c916, #82a40b);}
.iblock1 .more:hover {background: linear-gradient(to right, #82a40b, #d2c916);}



 .cd-primary-nav-trigger .cd-menu-icon, .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {background-color: white;}

.header-menu {position:absolute; top:0; height: 0px; padding-top: 20px !important; }
.header-menu .hlogo IMG {max-width: 238px; display: none;}
.header-menu .hfeed A {color: white; font-size: 21px;}
.header-menu .hfeed {display: flex; align-items: center; justify-content: center; padding: 0 !important;}
.header-menu .hfeed EM {font-style: normal; padding: 0 20px; color: white; font-size: 21px;}
.header-menu .htel {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.header-menu .htel A {display: block; width: 100%;  font-size: 17.5px; color: white; margin: 0 0 5px 0;}
.header-menu .htel IMG {width: 17px; margin: 0 5px 0 0;}
.header-menu .hpart1, .header-menu .hpart2 {display: flex; align-items: center; justify-content: center;}
.header-menu .hpart1 IMG {max-width: 70px;}
.header-menu .hpart2 IMG {max-height: 56px;}
.header-menu .color {display: none;}
.header-menu .bw {display: inline;}

.cd-primary-nav-trigger-black .cd-menu-icon, .cd-primary-nav-trigger-black .cd-menu-icon::before, .cd-primary-nav-trigger-black .cd-menu-icon:after {background-color: #222a94;}

.header-menu2 {background-color: white; opacity: 0.9; position:fixed;  z-index: 10; /*border-bottom: 1px solid silver; */ padding-bottom: 75px !important;}
.header-menu2 .hlogo IMG {display: inline;}
.header-menu2 .hfeed A, .header-menu2 .hfeed EM, .header-menu2 .htel A {color: black;}
.header-menu2 .color {display: inline;}
.header-menu2 .bw {display: none;}
.header-menu2 {border-bottom: 1px solid silver;}





.tit1-block {margin: 0px 0 65px 0 !important;}
.itit1-block {margin:150px 0 65px 0 !important;}

.tit1-block .more { font-size: 21px; color: white; padding: 10px 0px; display: block; width: 154px; text-align: center; border-radius: 4px; background: linear-gradient(to right, #d2c916, #82a40b); float: right;}
.tit1-block .more:hover {background: linear-gradient(to right, #82a40b, #d2c916);}
.tit1-block  .custom-nav IMG {width: 46px; margin: 0 0 0 10px;}
.tit1-block .custom-nav A {float: right; padding: 10px 0 0 ;}

/*.tit1 {font-family: 'Montserrat-Medium'; background-image: url(/i2/fka1.svg); background-repeat: no-repeat; background-position: right; background-size: 105px;  display: inline-block; padding: 0 130px 0 0; font-size: 47px; text-transform: uppercase;}*/
.tit1 {font-family: 'Montserrat-Medium'; font-size: 47px; text-transform: uppercase; }
.tit1 SPAN {margin: 0 0 0 50px; padding: 14px 100px 30px 10px; background-image: url(/i2/fka1.svg); background-repeat: no-repeat; background-size: 105px;}



.iservice IMG.mimg {max-width: 100%;}
.iservice A {font-family: 'Montserrat-Regular'; font-size: 31.5px; display: flex; align-items: center; width: 100%;}
.iservice A SPAN {margin-left: auto; font-size: 30px;}
.iservice HR {border: none; border-top: 1px solid black; display: block; margin: 25px 0;}
.iservice .fka2 {width: 21px;}
.iservice .desc {background-color: #f1f1f1; padding: 20px; border-top: 1px solid black; }
.iservice .desc STRONG {font-family: 'Montserrat-SemiBold'; font-size: 22.5px;}
.iservice .desc P {font-size: 21px;}
.iservice .desc .more {font-size: 21px; color: white; padding: 10px 0px; margin: 40px 0 10px 0; display: block; width: 154px; text-align: center; border-radius: 4px; background: linear-gradient(to right, #d2c916, #82a40b);}
.iservice .desc .more:hover {background: linear-gradient(to right, #82a40b, #d2c916);}
.iservice .img IMG {width: 100%; border-radius: 4px;}

.iservice LI::marker {color: #8ba618; font-size: 25px;}
.iservice LI {font-size: 24px; margin: 40px 10px 0px 7px;}
.iservice .txt DIV {background-color: #eaeaea; padding: 40px 20px 40px 40px; border-radius: 4px;}
.iservice .txt DIV DIV {padding: 0 20px 0 0px;}
.iservice STRONG {font-family: 'Montserrat-Regular'; font-size: 38px; font-weight: normal;}
.iservice .tit8_1, .iservice.tit8_2 {font-size: 30px; padding: 8px 30px; background-color: #7e990e; color: white; border-radius: 4px;}
.iservice .tit8_2 {background-color: #b5b5b5;}


.inews EM {color: #818181; font-size: 17.5px; display: block;}
.inews STRONG {font-family: 'Montserrat-Regular'; font-size: 31.5px; margin: 20px 0 26px 0; background-image: url(/i2/fka3.svg); background-repeat: no-repeat; background-position: top right; background-size: 20px;  display: inline-block; padding: 0 35px 0 0;}
.inews P {display: block; font-size: 21px;}
.inews A {color: #1676e2; display: block; margin: 30px 0 30px 0; text-decoration: underline;}
.inews IMG {max-width: 100%;}

.icomp {margin: 80px 0 0px 0 !important;}

.ipartner IMG {max-width: 100%;}








.sblock1 .bg  {background-color: #e7e7e7; height: 100%;border-radius: 4px;}
.sblock1 STRONG {font-family: 'Montserrat-Regular'; font-size: 27.5px; color: white; }
.sblock1 P { font-size: 17.5px; padding: 20px;}
.sblock1 A {display: block;}
.sblock1 IMG {display: block; margin: 0 auto 20px auto; max-width: 100%;}
.sblock1 .b1 {background-color: #8ba90d; text-align: center; border-radius: 4px 4px 0 0 ; padding: 40px 0; min-height: 350px;}


.sblock2 IMG {max-width: 100%; border-radius: 4px;}
.sblock2 P {padding: 0 0 20px 0; margin: 0px 0 0 0;}

.sblock3 .bg {background-color: #eaeaea; border-radius: 4px;}
.sblock3 .img {text-align: center; margin-bottom: -5px;}
.sblock3 .txt {padding: 20px;}
.sblock3 .txt STRONG {font-size: 24px; display: block; margin: 10px 0 25px 0;}
.sblock3 .txt  EM {font-style: normal; font-size: 20px; display: block;}
.sblock3 .txt  I {font-style: normal; font-size: 17px;}
.sblock3 .txt  IMG {width: 25px; display: block;}

.sblock4 .bg {background-color: #eaeaea; border-radius: 4px;}
.sblock4 .img {text-align: center; margin-bottom: -5px;}
.sblock4 .txt {padding: 20px;}
.sblock4 .txt STRONG {font-size: 24px; display: block; margin: 10px 0 50px 0;}
.sblock4 .txt  EM {font-style: normal; font-size: 20px; display: block;}
.sblock4 .txt  I {font-style: normal; font-size: 17px;}
.sblock4 .txt  IMG {max-width: 25px; display: block;}
.sblock4 .txt DIV {padding: 50px 0 0 0;}
.sblock4 IMG.img1 {max-width: 100%; margin: 0 40px 0 0; float:left;}

.sblock4 .blk2 {background-color: #8ba618; border-radius: 4px; padding: 120px 0 0 60px; }
.sblock4 .blk2 DIV {padding: 0px 0 0 0;}
.sblock4 IMG.img2 {max-width: 100%; margin: 0 40px 0 0; float:left;}
.sblock4 .blk2 P {color: white;}
.sblock4 .blk2 A {color: white; text-decoration: underline;}


.sblock5 A {font-family: 'Montserrat-Regular';  display: flex; align-items: center; background-color: #8ba618; padding: 20px; color: white; border-radius: 4px 4px 0 0; cursor: default;}
.sblock5 A:hover {}
.sblock5 A SPAN {margin-left: auto; }
.sblock5 STRONG {color: white; font-size: 31.5px;}
.sblock5 .bg {background-color: #eaeaea; border-radius: 4px; padding: 0 0 20px 0; height: 100%;}
.sblock5 LI::marker {color: #8ba618; font-size: 25px;}
.sblock5 LI {font-size: 17px; margin: 0 10px 20px 7px;}


.sblock6 .bg {background-color: #8ba618; display: flex; align-items: center; position: relative; padding: 15px 0 35px 0; height: 100%; border-radius: 4px;}
.sblock6 A {font-family: 'Montserrat-Regular';   padding: 20px; color: white;}
.sblock6 .bg:hover {transform: scale(1.1) !important;}
.sblock6 IMG {position: absolute; bottom: 15px; right: 20px;}




.sblock7 .img IMG {max-width: 100%;}
.sblock7 LI::marker {color: #8ba618; font-size: 25px;}
.sblock7 LI {font-size: 24px; margin: 40px 10px 0px 7px;}
.sblock7 .txt DIV {background-color: #eaeaea; padding: 40px 20px 80px 40px; border-radius: 4px;}
.sblock7 STRONG {font-family: 'Montserrat-Regular'; font-size: 38px; font-weight: normal;}


.sblock8 .img IMG {width: 100%; border-radius: 4px;}
.sblock8 LI::marker {color: #8ba618; font-size: 25px;}
.sblock8 LI {font-size: 24px; margin: 40px 10px 0px 7px;}
.sblock8 .txt DIV {background-color: #eaeaea; padding: 40px 20px 40px 40px; border-radius: 4px;}
.sblock8 .txt DIV DIV {padding: 0 20px 0 20px;}
.sblock8 STRONG {font-family: 'Montserrat-Regular'; font-size: 38px; font-weight: normal;}
.sblock8 .tit8_1, .sblock8 .tit8_2 {font-size: 30px; padding: 8px 30px; background-color: #7e990e; color: white; border-radius: 4px;}
.sblock8 .tit8_2 {background-color: #b5b5b5;}
.sblock8 .blk1 STRONG {font-size: 70px; color: #7e990e;}


.content H4 {font-size:  30px; font-family: 'Montserrat-Medium';}
.content H5 {font-size: 25px;}
.mainsectit {font-size: 33.5px; text-transform: uppercase; font-family: 'Montserrat-Medium'; display: flex; align-items: center; margin: 50px 0 !important;}
.mainsectit img {width: 28px; margin: 0 20px 0 0}




.i-bottom-img {width: 100%; height: 24%; margin: 0px 0 0 0; position: relative; background-color: #4e4e4e;}

.bottom {position: absolute; bottom: 60px;background-color: #4e4e4e;}
.bottom .b1 .logo {max-width: 125px;}
.bottom .b2 .tel {  }
.bottom .b2 .mail {font-size: 26px; color: white; display: block;}
.bottom .b2 .tel IMG, .bottom .b2 .mail IMG {width: 20px; margin: 0 14px 0 0;}
.bottom .b2 STRONG {font-size: 24.5px; color: white; font-weight: normal; padding-bottom: 15px; display: block;}
.bottom .b2 P, .bottom .b2 SPAN {font-size: 17.5px; color: white;}
.bottom .b2 P {line-height: 30px;}
.bottom .b2 A {font-size: 17.5px !important; color: white;  display: block;}
.bottom .b2 .bw {width: 17px; margin: 0 14px 0 0;}
.bottom .b2 SPAN {display: block; padding: 0 0 0 30px;}

.bfeedback input {display: block; width: 100%; margin: 0 0 60px 0; padding: 4px; border: 0; border-bottom: 1px solid black; background: none;}
.police {display: flex; align-items: center; justify-content: left; margin: 0 0 30px 0;}
.police A {display: inline !important; text-decoration: underline;}
.police INPUT {width:70px; height: 25px; margin:0 0px 0 -20px;}
.bfeedback .more {font-size: 21px; color: white; padding: 10px 0px; margin: 40px 0 10px 0; display: block; width: 200px; text-align: center; border-radius: 4px; background: linear-gradient(to right, #222a95, #4173d9);}
.bfeedback .more:hover {background: linear-gradient(to right, #4173d9, #222a95);}
.bfeedback .polce2 {display: none;}





@media (min-width: 2000px)
{

}


/*xxxl*/
@media (max-width: 1700px)
{

}

@media (max-width: 1600px)
{
.i-bottom-img {height: 30%;}


}

@media (max-width: 1555px)
{
    .header-menu .htel A {font-size: 12px; margin: 0 0 5px 0;}
    .header-menu .hfeed A {font-size: 16px;}
    .header-menu .hfeed EM {padding: 0 10px; font-size: 16px;}
    .header-menu .hpart1 IMG {max-width: 50px;}
    .header-menu .hpart2 IMG {max-height: 36px;}






}


/*xxl*/
@media (max-width: 1400px)
{
    .i-main-img2 {height: 800px; margin: 75px 0 0 0;}

    .iblock1 STRONG {font-size: 20px;}
    .iblock1 P { font-size: 15px;}
    .iblock1 .more { font-size: 16px; padding: 10px 0px; margin: 40px 0 5px 0; width: 154px;}
    .header-menu2 {border-bottom: 1px solid silver;}


    .sblock1 STRONG {font-size: 20px; }
    .sblock1 P {  font-size: 15px;; padding: 20px;}

}

/*xl*/
@media (max-width: 1300px)
{

     .header-menu .hfeed, .header-menu .htel, .header-menu .hpart1, .header-menu .hpart2, .header-menu .hpart3 {display: none !important;}
    .bottom .b1 .logo {max-width: 160px;}
}


/*xl*/
@media (max-width: 1200px)
{
    .m1200-hide {display: none;}

    .i-main-img2 {height: 600px;}
    .i-bottom-img {height: 50%;}

    body {padding:0;}

    .header-menu {padding-top: 0px !important}
    .header-menu .hlogo IMG {padding-top: 20px;}
    .header-menu .hlogo IMG {width: 150px; margin: 0px 0 0 0;}


    .tit1-block {margin: 0px 0 45px 0 !important;}
    .itit1-block {margin:100px 0 65px 0 !important;}
    .tit1 {background-size: 65px; padding: 0 85px 0 0; font-size: 34px;}
    .tit1 SPAN {margin: 0 0 0 35px; padding: 5px 100px 30px 10px;  background-size: 80px;}

    .sblock5 STRONG {font-size: 26px;}

    .sblock7 LI {font-size: 20px; margin: 20px 10px 0px 7px;}
    .sblock7 .txt DIV { padding: 40px 20px 80px 40px;}
    .sblock7 STRONG {font-size: 28px; }

        .cd-header {right: -42px !important;}

    .cd-primary-nav-trigger .cd-menu-icon {left: 44%; top: 80%; width: 45px;}
    .cd-primary-nav-trigger .cd-menu-icon::before {top: -10px;}
    .cd-primary-nav-trigger .cd-menu-icon::after {top: 10px;}

}



/*lg*/
@media (max-width: 992px)
{
    .ibg SPAN {display: none;}
    
    .bfeedback .polce {display: none;}
    .bfeedback .polce2 {display: block;}
    .bfeedback input {margin: 0 0 20px 0;}
    .bfeedback input, .police, .police SPAN   {font-size: 14px;}
    .police INPUT {width:70px; height: 20px; margin:0 0px 0 -10px;}
    .bfeedback .more {font-size: 21px; padding: 10px 0px; margin: 40px 0 10px 0;  width: 200px;}
    .bfeedback .more:hover {background: linear-gradient(to right, #82a40b, #d2c916);}
    .police { margin: 0 0 15px 0;}

    .sblock4 .blk2 { padding: 40px 0 40px 60px; }
}


/*md*/
@media (max-width: 768px)
{
    /*html {max-width: 100%; overflow-x: hidden;}*/
    /*.container-fluid {padding: 0 3% !important;}*/

    .m768-hide {display: none;}

    .i-main-img2 {height: 400px;}

    .i-bottom-img {height: 60%;}

    .i-main-img IMG {width: 335px; top:40%;}
    .i-main-img2 IMG {width: 335px; top:40%;}


    .iblock1 .more { font-size: 16px; padding: 10px 0px; margin: 40px 0 5px 0; width: 154px;}

    .tit1-block {margin: 0px 0 45px 0 !important;}
    .itit1-block {margin:100px 0 45px 0 !important;}
    .tit1 {background-size: 65px; padding: 0 85px 0 0; font-size: 25px;}
    .tit1 SPAN {margin: 0 0 0 28px; padding: 0px 55px 30px 10px;  background-size: 62px;}

    .iservice A {font-size: 18px;}
    .iservice .fka2 {width: 12px;}
    .iservice .desc STRONG { font-size: 18px;}
    .iservice .desc P {font-size: 16px;}
    .iservice .desc .more {font-size: 16px; padding: 10px 0px; margin: 40px 0 10px 10px; width: 120px;}

    .iservice LI::marker {font-size: 18px;}
    .iservice LI {font-size: 16px; margin: 10px 10px 0px 7px;}
    .iservice .txt DIV {padding: 20px 10px 20px 10px;}
    .iservice .txt DIV DIV {padding: 0 10px 0 10px;}
    .iservice STRONG { font-size: 28px;}
    .iservice .tit8_1, .iservice.tit8_2 {font-size: 16px; padding: 8px 20px;}

    .sblock8 LI::marker {font-size: 18px;}
    .sblock8 LI {font-size: 16px; margin: 10px 10px 0px 7px;}
    .sblock8 P {font-size: 16px;}
    .sblock8 STRONG {font-size: 28px;}
    .sblock8 .tit8_1, .sblock8 .tit8_2 {font-size: 16px; padding: 8px 20px;}
    .sblock8 .blk1 STRONG {font-size: 50px;}


    .inews EM {color: #818181; font-size: 14px; display: block;}
    .inews STRONG { font-size: 20px; margin: 15px 0 0px 0; background-size: 20px; padding: 0 35px 0 0;}
    .inews P {font-size: 15px;}
    .inews A {font-size: 15px; margin: 15px 0 0 0;}
    .inews IMG {display: block; margin: 0 0 40px 0;}

    .icomp {margin: 40px 0 0px 0 !important;}
    .icomp-txt strong {font-size: 18px;}
    .icomp-txt p {font-size: 15px;}

    .bottom {position:relative; bottom: 10%;  }
    .bottom .b1 .logo {max-width: 160px;}
    .bottom .b1 .tel {font-size: 22px; margin: 60px 0 20px 0;}
    .bottom .b1 .mail {font-size: 22px;}
    .bottom .b1 .tel IMG, .bottom .b1 .mail IMG {width: 20px; margin: 0 12px 0 0;}
    .bottom .b2 STRONG {font-size: 20px; padding-bottom: 15px;}
    .bottom .b2 P {font-size: 15px; color: white; line-height: 22px;}
    .bottom .b2 P SPAN {font-size: 15px; padding: 0 0 0 20px;}
    .bottom .b2 .bw {width: 17px; margin: 0 5px 0 0;}
    .bottom .b2 A {font-size: 15px !important;}
    .sblock3 .txt STRONG BR, .sblock4 .txt STRONG BR {display: none;}
}




/*sm*/
@media (max-width: 576px)
{
    .i-main-img2 {height: 250px;}
}




















.select-css {
    position:fixed;
    bottom: 0px;
    z-index: 999;
    display: none;
    line-height: 1.3;
    padding: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 0px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #8ba90d;
    background-image: url('/i2/fka1.png');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    color: white
}
 .select-css::-ms-expand { display: none; }
 .select-css:hover { border-color: #888; }
 .select-css:focus { border-color: #aaa;
    box-shadow: 0 0 1px 1px #8ba90d;
    box-shadow: 0 0 0 1px -moz-mac-focusring;
    color: #222;
    outline: none;
}
 .select-css option { font-weight:normal; color: white;}
 *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}


@media (max-width: 1400px)
{
    .select-css {display: block;}
}















.popup-fade, .popup-fade2 {
    display: none;
}
.popup-fade:before, .popup-fade2:before {
    content: '';
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 9999;
}
.popup {
    position: fixed;
    top: 20%;
    left: 50%;
    padding: 40px 20px 20px 20px;
    width: 330px;
    margin-left: -200px;
    background: #fff;
    border: 1px solid red;
    border-radius: 4px;
    z-index: 99999;
    opacity: 1;

}
.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #2387D8;
    text-decoration: underline;
    font-size: 15px;
}
.popup SPAN {display: block; padding: 10px 0 0 0;}
    .wrap_addr{
    border:1px solid #cccccc;
    padding:8px;
    }

.popup b, .popup li {font-size: 16px;}

@media (max-width: 500px)
{
    .popup { margin-left: 0px; left: 0%; width: 100%;}
}