:root {
  --head-h: 73px;
  --head-m-h: 50px;
}






html {
    scroll-behavior: smooth;
}

* {
}

body {
    font-family: Ravi;
    direction: rtl;
    font-weight: 300;
    margin: 0;
    padding: 0;
    color: #ccc;
    background-color: #222;
}

body.light {

    color: #666;
    background-color: #eee;
}

    body.oh {
        overflow: hidden;
    }

h1, h2, h3, h4, h5 {
}

a {
    color: #f57120;
}

    a:hover, a:focus {
        color: #f57120;
        text-decoration: none;
    }

::selection,
::-webkit-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}



::-webkit-scrollbar {
    background-color: transparent;
    width: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.5);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(0, 0, 0, 1);
    }





.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .5s;
    transition: all .5s;
}

    .grayscale:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
    }

.colorscale {
    filter: none;
    -webkit-filter: grayscale(0%);
    -webkit-transition: all .5s;
    transition: all .5s;
}

    .colorscale:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    }
/*BOOTSTRAP CUSTOM STYLES*/


.row {
    margin: 0;
    padding: 0;
}



.f-container {
    margin:0 auto;
    width:100%;
    padding:0 45px;
}


.container {
    margin:0 auto;
    width:100%;
    padding:0 222px;
}

.h-container {
    margin:0 auto;
    width:100%;
    padding-right:222px;
    padding-left:45px;
}

.h-container.side {
    padding-left:222px;
    padding-right:45px;
}
.container:before, .container:after,
.row:before, .row:after,
.h-container:before, .h-container:after{
    content: " ";
    display: table;
    clear:both;
}



.button {
    display: inline-flex;
    position:relative;
    padding: 7px 45px;
    border: 1px solid #fff;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.button .icon{
    font-size:24px;
    margin-left:15px;
    position:relative;
    z-index:2;
}
.button .txt{

    position:relative;
    z-index:2;
}

.button:before {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:100%;
    background-color:#fff;
    transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index:1
}



.button:hover {
         color: #000;
}


.button:hover:before {

    width:100%;
}


.button.dark {
    border: 1px solid #000;
    color: #000;

}
.button.dark:before {
  background-color:#000;
}

.button.dark:hover {


     color: #fff;
}



.button.orange {
border: 1px solid #f57120;

    color: #f57120;
}
.button.orange:before {
  background-color:#f57120;
}


.button.orange:hover {

     color: #000;

}

.button.fill {
  color:#000;
}

.button.fill:before {
 width:100%;
 right:initial;
 left:0;
}
.button.fill:hover:before {
 width:0%;
}


.button.fill:hover {
     color: #fff;
}


.button.fill.orange {
  color:#fff;

}

  .button.fill.orange:before {
  background-color:#f57120;
}
.button.fill.orange:hover {

     color: #f57120;
}




.inner-row {
    margin-top: var(--head-h);
}





@media (max-width: 1599px) {

.container {

    padding:0 45px;
}

.h-container {
    padding-right:45px;

}

.h-container.side {
    padding-left:45px;

}
}


@media (max-width: 1199px) {

}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {


}

@media (max-width: 767px) {

    .container,
    .f-container {
        padding: 0 20px;
    }

    .h-container,
    .h-container.side {
        padding: 0 20px;
    }

      .container.m-full{
          padding:0;
      }

    .button {
        padding: 5px 30px;
        font-size: 14px;
    }
    .button .icon{
    font-size:20px;
    margin-left:10px;
}







    .inner-row {
        margin-top: var(--head-m-h);
    }
}

/*_____________HEADER________________*/

.header-row {
    top: 0px;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 120;
    transition:all 0.5s;
            background-color:#00000000;
}
  /*.header-row:hover,*/
    .header-row.menu-open,
  .header-row.scrolled

   {

            background-color:#000000ee;
}



    .header-row .header-con-row {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction:row-reverse;
        justify-content:space-between;
        padding:15px 0;

    }

        .header-row .header-con-row .logo-col {

           position:relative;
           z-index:10;
           display:flex;
           align-items:center;
           justify-content:center
        }

                .header-row .header-con-row .logo-col a{
           display:flex;

        }



    .header-row .header-con-row .logo-col svg {
     height:43px;
     width:auto;
    }

        .header-row .header-con-row .logo-col svg .icon {
     fill:#f57120;
    }
        .header-row .header-con-row .logo-col svg .type {
     fill:#fff;
    }

    .header-row .header-con-row .side-col {
        padding: 0;
        position: relative;
        display: flex;
        flex-direction:row-reverse;
        align-items:center;
    }



        .header-row .header-con-row .hamburger-con {
       position:relative;
       z-index:15;


    }

    .header-row .header-con-row .hamburger {
        width: 45px;
        position: relative;
        z-index: 8;
        padding: 5px 0;
        cursor: pointer;

    }

        .header-row .header-con-row .hamburger span {
            display: block;
            position: relative;
            width: 100%;
            height: 1px;
            background-color: #fff;
            margin: 6px 0;
            transition: all 0.3s;
        }

        .header-row .header-con-row .hamburger.open span {
            background-color: #f5833d;
        }

        .header-row .header-con-row .hamburger span:nth-of-type(1) {
            top: 0;
        }

        .header-row .header-con-row .hamburger span:nth-of-type(3) {
            bottom: 0;
        }

        .header-row .header-con-row .hamburger.open span:nth-of-type(1) {
            transform: rotate(45deg);
            top: 7px;
        }

        .header-row .header-con-row .hamburger.open span:nth-of-type(2) {
            opacity: 0;
        }

        .header-row .header-con-row .hamburger.open span:nth-of-type(3) {
            transform: rotate(-45deg);
            bottom: 7px;
        }


          .header-row .header-con-row .search-con {
       position:relative;
     margin:0 54px;


    }

                    .header-row .header-con-row .search-con .search-icon {
       cursor:pointer;
       color:#fff;
       transition:all 0.3s;

    }

                  .header-row .header-con-row .search-con .search-icon:hover {
       color:#f57120;

    }
                    .header-row .header-con-row .search-con .search-icon .icon {
       display:block;
       font-size:24px;

    }






          .header-row .header-con-row .menu-con ul {
     list-style:none;
     padding:0;
     margin:0;

    }

          .header-row .header-con-row .menu-con ul li {
     display:inline-block;
     margin-left:30px;

    }
      .header-row .header-con-row .menu-con ul li.active {
    border-bottom:1px solid #f57120;
    }

          .header-row .header-con-row .menu-con ul li a {
     display:block;
     font-size:18px;
     color:#fff;
     transition:all 0.3s;
     padding:5px 0;
    }

          .header-row .header-con-row .menu-con ul li a:hover {

     color:#f57120;

    }

                    .header-row .header-con-row .menu-con ul li.active a {

     color:#f57120;

    }






.header-row.light {

            background-color:#ffffff00;
}
  /*.header-row:hover,*/
    .header-row.light.menu-open,
  .header-row.light.scrolled

   {

            background-color:#ffffffee;
}



        .header-row.light .header-con-row .logo-col svg .icon {
     fill:#f57120;
    }
        .header-row.light .header-con-row .logo-col svg .type {
     fill:#000;
    }
        .header-row.light2 .header-con-row .logo-col svg .icon {
     fill:#000;
    }

        .header-row.light .header-con-row .hamburger span {

            background-color: #000;

        }

        .header-row.light .header-con-row .hamburger.open span {
            background-color: #f5833d;
        }



                    .header-row.light .header-con-row .search-con .search-icon {

       color:#000;


    }

                  .header-row.light .header-con-row .search-con .search-icon:hover {
       color:#f57120;

    }

                  .header-row.light2 .header-con-row .search-con .search-icon:hover {
       color:#000;

    }

          .header-row.light .header-con-row .menu-con ul li a {

     color:#000;

    }

          .header-row.light .header-con-row .menu-con ul li a:hover {

     color:#f57120;

    }
          .header-row.light2 .header-con-row .menu-con ul li a:hover {

     color:#000;

    }
                    .header-row.light .header-con-row .menu-con ul li.active a {

     color:#f57120;

    }








.side-btm-con{




}


.side-btm-con .btm-item{
    padding:0 10px;
    display:flex;
    width:177px;
    height:60px;
    align-items:center;
    margin-top:15px;
    transition:all 0.5s;

        position:fixed;
    left:0;

    z-index:1000 !important;

}

.side-btm-con .btm-item .txt{
   font-size:16px;
   line-height:18px;
   font-weight:400;
}


.side-btm-con .btm-item .icon{
   font-size:24px;
   margin-left:30px;
}



.side-btm-con .btm-item.radio-item{
   background-color:#f57120;
   color:#000;
       bottom:165px;
}


.side-btm-con .btm-item.contact-item{
   background-color:#000000aa;
   color:#fff;
       bottom:90px;
}
.side-btm-con.scrolled .btm-item{
    transform:translateX(-132px)

}

.side-btm-con.scrolled .btm-item:hover{
    transform:translateX(0)

}






@media (max-width: 1499px) {
              .header-row .header-con-row .search-con {

     margin:0 45px;


    }
}



@media (max-width: 1199px) {
                  .header-row .header-con-row .search-con {

     margin:0 30px;


    }
    .header-row .header-con-row .menu-con ul li {
    margin-left: 15px;
}
}

@media (max-width: 991px) {
    .header-row .header-con-row .menu-con {
        display: none;
    }
}

@media (max-width: 767px) {





    .header-row .header-con-row {
        padding: 10px 0;
    }



        .header-row .header-con-row .logo-col svg {
            height: 30px;
        }



        .header-row .header-con-row .hamburger {
            width: 30px;
            padding:0;
        }


        .header-row .header-con-row .search-con {
            margin: 0 20px;
        }


            .header-row .header-con-row .search-con .search-icon .icon {
                font-size: 20px;
            }




    .side-btm-con {
    }


        .side-btm-con .btm-item {
            padding: 0 15px;
            width: 124px;
            height: 45px;
            margin-top: 15px;
        }

            .side-btm-con .btm-item .txt {
                font-size: 12px;
                line-height: 16px;
            }


            .side-btm-con .btm-item .icon {
                font-size: 20px;
                margin-left: 15px;
            }



            .side-btm-con .btm-item.radio-item {
                bottom: 75px;
            }


            .side-btm-con .btm-item.contact-item {
                bottom: 20px;
            }

.side-btm-con.scrolled  .btm-item {
        transform: translateX(-75px);
    }

.side-btm-con.scrolled .btm-con .btm-item:hover {
            transform: translateX(0);
        }
}






/*SEARCH_BOX______________________*/

.search-col {

    position:fixed;
    top:-83px;
    right:0;
    z-index:15;
    width:100%;
    height:var(--head-h);
   background-color:#000000;
    transition:all 0.5s;
    display:flex;
    align-items:center;

}

    .search-col.open {
        top: 0;
    }

    .search-col .search-input {

        padding:0 222px;
        min-width:100%;
}
            .search-col .search-input .input-con {
       position:relative;
}
        .search-col .search-input .input-con input {
        width:100%;
        border:1px solid #999;
        background-color:transparent;
        padding:5px 30px;
        text-align:center;
        font-size:18px;
        color:#fff;
        border-radius:0;
        outline:0;
}

           .search-col .search-input .input-con input:focus {

        border:1px solid #fff;

}

        .search-col .search-input .input-con .icon {
       position:absolute;
       left:5px;
       top:50%;
       font-size:24px;
       margin-top:-12px;
}



            .search-col .search-close {

      position:absolute;
       right:45px;
       top:50%;
       font-size:28px;
       margin-top:-14px;
       cursor:pointer;
       color:#fff;
}


.header-row.light .search-col {

   background-color:#fff;

   }

      .header-row.light   .search-col .search-input .input-con input {

        border:1px solid #bbb;
        color:#000;

}

          .header-row.light  .search-col .search-input .input-con input:focus {

        border:1px solid #000;

}

      .header-row.light   .search-col .search-input .input-con .icon {
      color:#000
}



          .header-row.light   .search-col .search-close {

       color:#000;
}
@media(max-width:991px){

    .search-col .search-input {

        padding:0 118px;
        min-width:100%;
}

}


@media(max-width:767px) {


    .search-col {
        top: -83px;
        height: var(--head-m-h);
    }


        .search-col .search-input {
            padding: 0 60px 0 20px;
        }

            .search-col .search-input .input-con {
                position: relative;
            }

                .search-col .search-input .input-con input {
                    padding: 4px 30px;
                    font-size: 14px;
                }

                .search-col .search-input .input-con .icon {
                    left: 5px;
                    font-size: 20px;
                    margin-top: -10px;
                }



        .search-col .search-close {
            right: 20px;
            font-size: 22px;
            margin-top: -11px;
        }
}










/*__________NAV____________*/



.menu-col{
    position:fixed;
    top:var(--head-h);
    right:-110%;
    z-index:8;
    width:480px;
    height:calc(100vh - var(--head-h));
   background-color:#000000ee;
    transition:all 0.5s;
}

.menu-col.open{
    right:0%;

}
.menu-col .main-menu-con{
   position:relative;
   width:100%;
   height:100%;
   padding:15px 90px 30px 45px;
   display:flex;
   flex-direction:column;
   justify-content:space-between;

   overflow-y:scroll;
}

.menu-col .menu-top-con{
   margin-bottom:30px;
}

.menu-col .acco-list .panel{
   background-color:transparent;
   margin:0;
   border:none;
   border-radius:0;
   box-shadow:none;
}
.menu-col .acco-list .acco-list-item{
    position:relative;
}


.menu-col .acco-list .acco-list-item .item-head{
    position:relative;
}



.menu-col .acco-list .acco-list-item.has-sub:after,
.menu-col .acco-list .acco-list-item.has-sub .item-head:after{
    content:'';
    width:222px;
    height:1px;
    position:absolute;
    right:0;
    bottom:0;
    background-color: #f57120;

}






.menu-col .acco-list .acco-list-item .item-head .head{
  color:#fff;
  font-size:24px;
  font-weight:300;
  cursor:pointer;
  display:inline-block;
  transition:all 0.3s;
  padding:10px 0;
        transform:translateX(-30px)

}


.menu-col .acco-list .acco-list-item .item-head:hover .head{
  color:#f57120;
  transform:translateX(-30px)

}

.menu-col .acco-list .acco-list-item.has-sub .item-head .head{
  color:#f57120;

}

.menu-col .acco-list .acco-list-item .item-head.collapsed .head{
  color:#fff;
      transform:translateX(0px)
}


.menu-col .acco-list .acco-list-item .item-head.collapsed:hover .head{
  color:#f57120;
  transform:translateX(-30px)
}

.menu-col .acco-list .acco-list-item .item-sub{
position:relative;
padding:10px 30px;
}

.menu-col .acco-list .acco-list-item .item-sub:after{
    content:'';
    width:222px;
    height:1px;
    position:absolute;
    right:0;
    bottom:0;
    background-color: #f57120;
}


.menu-col .acco-list .acco-list-item .item-sub ul{
list-style:none;
padding:0;
margin:0;
}
.menu-col .acco-list .acco-list-item .item-sub ul li{
margin:10px 0;
}

.menu-col .acco-list .acco-list-item .item-sub ul li a{
display:inline-block;
color:#fff;
font-size:16px;
font-weight:300;
transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-col .acco-list .acco-list-item .item-sub ul li a:hover{
color:#f57120;
transform:translateX(-15px)
}

.menu-col .radio-btn{
    margin-top:15px;
    display:inline-flex;
    background-color:#f57120;
    color:#000;
    padding:7px 10px;
    border-radius:50px;
    align-items:center;
    transition:all 0.3s;
}

.menu-col .radio-btn:hover{

    background-color:#fff;
    color:#000;

}
.menu-col .radio-btn .icon{
    font-size:24px;

}


.menu-col .radio-btn .txt{
    font-size:18px;
  font-weight:300;
  margin:0 30px;

}

.menu-col .btm-menu{
   margin-bottom:30px;

}
.menu-col .btm-menu ul{
 display:flex;
 list-style:none;
 padding:0;
 margin:0;
 justify-content:space-between;

}
.menu-col .btm-menu ul li a{
 display:block;
color:#fff;
font-size:14px;
font-weight:300;
transition:all 0.3s;
}
.menu-col .btm-menu ul li a:hover{
color:#f57120;
}

.menu-col .sn-menu{
 display:flex;

 justify-content:space-between;
 align-items:center;
}
.menu-col .sn-menu .ttl{
 font-size:12px;
 color:#999
}
.menu-col .sn-menu ul{
 display:flex;
 list-style:none;
 padding:0;
 margin:0;
}
.menu-col .sn-menu ul li{
margin-right:15px;
}
.menu-col .sn-menu ul li a{
 display:block;
color:#fff;
transition:all 0.3s;
}
.menu-col .sn-menu ul li a:hover{
color:#f57120;

}
.menu-col .sn-menu ul li a .icon{
display:block;
font-size:24px;
}









.header-row.light .menu-col{

   background-color:#ffffffee;

}


.header-row.light .menu-col .acco-list .acco-list-item.has-sub:after,
.header-row.light .menu-col .acco-list .acco-list-item.has-sub .item-head:after{

    background-color: #f57120;

}






.header-row.light .menu-col .acco-list .acco-list-item .item-head .head{
  color:#000;

}


.header-row.light .menu-col .acco-list .acco-list-item .item-head .head:hover{
  color:#f57120;

}

.header-row.light .menu-col .acco-list .acco-list-item.has-sub .item-head .head{
  color:#f57120;

}

.header-row.light .menu-col .acco-list .acco-list-item.has-sub .item-head.collapsed .head{
  color:#000;

}

.header-row.light .menu-col .acco-list .acco-list-item.has-sub .item-head.collapsed .head:hover{
  color:#f57120;

}

.header-row.light .menu-col .acco-list .acco-list-item .item-sub:after{

    background-color: #f57120;
}


.header-row.light .menu-col .acco-list .acco-list-item .item-sub ul li a{

color:#000;

}

.header-row.light .menu-col .acco-list .acco-list-item .item-sub ul li a:hover{
color:#f57120;
}

.header-row.light .menu-col .radio-btn{

    color:#fff;

}

.header-row.light .menu-col .radio-btn:hover{

    background-color:#000;
    color:#fff;

}
.header-row.light .menu-col .btm-menu ul li a{

color:#000;

}
.header-row.light .menu-col .btm-menu ul li a:hover{
color:#f57120;
}

.header-row.light .menu-col .sn-menu .ttl{
 font-size:12px;
 color:#777
}
.header-row.light .menu-col .sn-menu ul li a{

color:#000;

}
.header-row.light .menu-col .sn-menu ul li a:hover{
color:#f57120;

}















@media(max-width:1399px) {


}

@media(max-width:991px){


}



@media(max-width:767px) {

    .menu-col {
        top: var(--head-m-h);
        right: -110%;
        width: 100%;
        height: calc(100vh - var(--head-m-h));
    }

        .menu-col .main-menu-con {
            padding: 15px 50px 30px 20px;
        }

        .menu-col .menu-top-con {
            margin-bottom: 20px;
        }


        .menu-col .acco-list .acco-list-item .item-head {
            position: relative;
            padding: 3px 0;
        }

            .menu-col .acco-list .acco-list-item .item-head .head {
                font-size: 18px;
                padding: 7px 0;
                        transform:translateX(-20px)
            }





.menu-col .acco-list .acco-list-item .item-head:hover .head{

  transform:translateX(-20px)

}


.menu-col .acco-list .acco-list-item .item-head.collapsed .head{

      transform:translateX(0px)
}


.menu-col .acco-list .acco-list-item .item-head.collapsed:hover .head{

  transform:translateX(-20px)
}


        .menu-col .acco-list .acco-list-item .item-sub {
            padding: 7px 20px;
        }

            .menu-col .acco-list .acco-list-item .item-sub ul li {
                margin: 10px 0;
            }

                .menu-col .acco-list .acco-list-item .item-sub ul li a {
                    font-size: 14px;
                }

        .menu-col .radio-btn {
            margin-top: 10px;
            padding: 5px 10px;
        }

            .menu-col .radio-btn .icon {
                font-size: 20px;
            }


            .menu-col .radio-btn .txt {
                font-size: 14px;
                margin: 0 20px;
            }



        .menu-col .btm-menu {
            margin-bottom: 30px;
        }

            .menu-col .btm-menu ul li a {
                font-size: 12px;
            }

        .menu-col .sn-menu .ttl {
            font-size: 10px;
        }

        .menu-col .sn-menu ul li {
            margin-right: 10px;
        }

            .menu-col .sn-menu ul li a .icon {
                font-size: 20px;
            }
}




/*__________FOTER_____________*/


.footer-row {
    background-color: #222;
    border-top:1px solid #f57120;
    position:relative;
    z-index:110;
}

.footer-row .footer-con {
  display:flex;
  position:relative;
}





.footer-row .footer-con .main-col {
  flex:2 0 0;
    background-color:#111;
    padding:90px 0;
    position:relative;
    z-index:3
}
.footer-row .footer-con .main-col>* {
  height:100%;
}
.footer-row .footer-con .main-col .main-col-con{
  display:flex;
  height:100%;
  flex-direction:column;
  justify-content:space-between;
}

.footer-row .footer-con .side-col {
  flex:1 0 0;
      background-color:#181818;
  padding:90px 0;
  min-width:410px;

      position:relative;

}


.footer-row .footer-con .side-col:before {
    content:'';
    position:absolute;
  left:45px;
  top:90px;
  width:calc(100% - 90px);
  height:calc(100% - 180px);
  z-index:1;
  background-image:url(../../img/logo-icon-b.svg);
  background-position:center left;
  background-repeat:no-repeat;
  opacity:0.3;

}
.footer-row.light .footer-con .side-col:before {

  opacity:0.1;

}






.footer-row .footer-con .side-col>* {
  height:100%;
        position:relative;
        z-index:3;
}

.footer-row .footer-con .side-col .side-col-con{
  display:flex;
  height:100%;
  flex-direction:column;
  justify-content:space-between;
}





    .footer-row .f-menu-row{
 display:flex;
 margin:0;
}

        .footer-row .f-menu-row .f-menu-col{
 flex:1 0 0;
}

        .footer-row .f-menu-row .f-menu-col ul{
list-style:none;
padding:0;
margin:0;

}
        .footer-row .f-menu-row .f-menu-col ul li{
margin-bottom:17px;

}
        .footer-row .f-menu-row .f-menu-col ul li a{
color:#fff;
display:inline-block;
font-size:16px;
font-weight:300;

}
                .footer-row .f-menu-row .f-menu-col ul li:first-child a{
font-weight:500;

}
        .footer-row .f-menu-row .f-menu-col ul li a:hover{
color:#f57120;


}


        .footer-row .f-btm-menu{
   margin-top:45px;

}

        .footer-row .f-btm-menu ul{
   list-style:none;
   margin:0;
   padding:0;
   display:flex;

}
        .footer-row .f-btm-menu ul li{
   margin-left:45px;

}

        .footer-row .f-btm-menu ul li a{
   display:block;
   font-size:14px;
   color:#fff;
   font-weight:300;

}
            .footer-row .f-btm-menu ul li a:hover {
                color: #f57120;
            }



.footer-row .f-contact-row{

}
.footer-row .f-contact-row .head{
  color:#fff;
display:inline-block;
font-size:16px;
font-weight:500;
margin-bottom:15px;
}


.footer-row .f-contact-row ul{
list-style:none;
padding:0;
margin:0;
}

.footer-row .f-contact-row ul li{
margin-bottom:10px;
display:flex;
align-items:center;
justify-content:space-between;
}

.footer-row .f-contact-row ul li .ttl{
font-size:14px;
color:#999
}

.footer-row .f-contact-row ul li a{
color:#fff;
display:flex;
align-items:flex-start;
flex-direction:row-reverse;
}
.footer-row .f-contact-row ul li a:hover{
color:#f57120;

}
.footer-row .f-contact-row ul li a .icon{
font-size:20px;
margin-right:5px;
transform:scale(-1, 1)
}

.footer-row .f-contact-row ul li a .val{
font-size:16px;
font-weight:400;
}

.footer-row .f-sn-row{
margin-top:45px;
display:flex;
align-items:center;
justify-content:space-between;
}


.footer-row .f-sn-row .ttl{
font-size:14px;
font-weight:300;
color:#999
}
.footer-row .f-sn-row ul{
list-style:none;
padding:0;
margin:0;
display:flex;
}
.footer-row .f-sn-row ul li{
margin-right:15px;
}
.footer-row .f-sn-row ul li a{
color:#fff;
}
.footer-row .f-sn-row ul li a .icon{
display:block;

font-size:24px;
}



.footer-row .f-sn-row ul li a:hover{

color:#f57120;

}


.footer-row .footer-cr-row{

}

.footer-row .footer-cr-row .cr-con{

display:flex;
justify-content:space-between;
font-size:11px;
font-weight:300;
}

.footer-row .footer-cr-row .cr-con .cr,
.footer-row .footer-cr-row .cr-con .maze{
   padding:15px 0

}
.footer-row .footer-cr-row .cr-con .cr{
    color:#999;

}




.footer-row .footer-cr-row .cr-con .maze a {
                color: #999;
                display:inline-flex;
                align-items:center;
            }
.footer-row .footer-cr-row .cr-con .maze a span {
                    font-size: 24px;
                    margin-right:10px;
                }
.footer-row .footer-cr-row .cr-con .maze a:hover span {
                    color: #ff6900
                }





.footer-row.light {
    background-color: #fff;


}
.footer-row.light .footer-con .main-col {

    background-color:#ddd;

}



.footer-row.light .footer-con .side-col {

      background-color:#d1d1d1;

}

        .footer-row.light .f-menu-row .f-menu-col ul li a{
color:#333;


}
        .footer-row .f-menu-row .f-menu-col ul li a:hover{
color:#f57120;


}


        .footer-row.light .f-radio-row .radio-btn{

    color: #fff;


}

        .footer-row.light .f-radio-row .radio-btn:hover{

    background-color:#333;
    color:#fff;

}

        .footer-row.light .f-btm-menu ul li a{

   color:#333;


}
            .footer-row.light .f-btm-menu ul li a:hover {
                color: #f57120;
            }



.footer-row.light .f-contact-row .head{
  color:#333;

}


.footer-row.light .f-contact-row ul li .ttl{
color:#777
}

.footer-row.light .f-contact-row ul li a{
color:#333;

}
.footer-row.light .f-contact-row ul li a:hover{
color:#f57120;

}

.footer-row.light .f-sn-row .ttl{

color:#777
}
.footer-row.light .f-sn-row ul li a{

color:#333;

}

.footer-row.light .f-sn-row ul li a:hover{

color:#f57120;

}




@media(max-width:991px) {


    .footer-row .footer-con {
        flex-wrap: wrap;
    }

        .footer-row .footer-con .main-col {
            min-width: 100%;
        }



        .footer-row .footer-con .side-col {
            min-width: 100%;
            padding-left:180px;
        }

    .footer-row .f-contact-row {
        margin-top: 0;


    }

    .footer-row .f-sn-row {

    }
}



@media(max-width:767px) {

    .footer-row .footer-con .main-col {
        padding: 40px 0;
    }



    .footer-row .footer-con .side-col {
        padding: 40px 0;
    }
    .footer-row .footer-con .side-col:before {

  left:20px;
  top:0;
  width:calc(100% - 40px);
  height:calc(100% - 0px);


}




    .footer-row .f-menu-row {
        margin:  0;
    }

        .footer-row .f-menu-row .f-menu-col:first-of-type {
            display: none;
        }

        .footer-row .f-menu-row .f-menu-col ul li {
            margin-bottom: 10px;
        }

            .footer-row .f-menu-row .f-menu-col ul li a {
                font-size: 12px;
            }



    .footer-row .f-btm-menu {
        margin-top: 30px;
    }

        .footer-row .f-btm-menu ul {
            flex-wrap: wrap;
        }

            .footer-row .f-btm-menu ul li {
                margin-left: 0;
                flex: 1 0 0;
                min-width: 50%;
                margin-bottom: 10px;
            }

                .footer-row .f-btm-menu ul li a {
                    font-size: 10px;
                }

    .footer-row .f-contact-row {
    }

        .footer-row .f-contact-row .head {
            font-size: 14px;
            margin-bottom: 15px;
        }


        .footer-row .f-contact-row ul li {
            margin-bottom: 10px;
        }

            .footer-row .f-contact-row ul li .ttl {
                font-size: 12px;
            }

            .footer-row .f-contact-row ul li a .icon {
                font-size: 16px;
            }

            .footer-row .f-contact-row ul li a .val {
                font-size: 14px;
            }

    .footer-row .f-sn-row {
        margin-top: 30px;
    }


        .footer-row .f-sn-row .ttl {
            font-size: 10px;
        }

        .footer-row .f-sn-row ul li {
            margin-right: 10px;
        }

            .footer-row .f-sn-row ul li a .icon{
                font-size: 20px;
            }

    .footer-row .footer-cr-row {
    }

        .footer-row .footer-cr-row .cr-con {
            flex-wrap: wrap;
            text-align: center;
            font-size: 8px;
            padding: 5px 0;
        }

            .footer-row .footer-cr-row .cr-con .cr,
            .footer-row .footer-cr-row .cr-con .maze {
                padding: 0;
                min-width: 100%;
                margin: 5px 0;
            }

                .footer-row .footer-cr-row .cr-con .maze a span {
                    font-size: 18px;
                    margin-right: 7px;
                }
}









/*_______________INNER PAGEs_________*/


.section-row{
    margin:180px 0;
}

.sec-head-row{
    margin-bottom:30px;
}

.sec-head-row .head-con{
    display:flex;
    flex-direction:column-reverse;
}

.sec-head-row .head-con .head{
  font-size:42px;
  color:#fff;
  font-weight:500;
  padding:0;
  margin:0;
}

.sec-head-row .head-con .head-en{
  font-size:18px;
  color:#fff;
  font-weight:300;
  padding:0;
  margin:0;
}


.sec-head-row.light .head-con .head,
.sec-head-row.light .head-con .head-en{

  color:#000;

}
.sec-head-row.orange .head-con .head{

  color:#f57120;

}

.sec-head-row.orange .head-con .head-en{

  color:#000;

}

.page-top-row{}


.page-top-row .top-head{
    margin:60px 0;
}


.page-top-row .top-head .head-con{
    display:flex;
    flex-direction:column-reverse;
}



.page-top-row .top-head .head-con .head{
   font-size:42px;
   color:#fff;
   margin:0;
   font-weight:500
}
.page-top-row .top-head .head-con .head.orange{

   color:#f57120;

}
.page-top-row .top-head .head-con .head-en{
   font-size:22px;
   color:#aaa;
   font-weight:300;
   margin:0;

}


.page-top-row.light .top-head .head-con .head{

   color:#000;
}

.page-top-row.light .top-head .head-con .head-en{
   color:#555;

}





.page-top-row .top-banner{
    display:flex;
    align-items:flex-end;
    position:relative;
    min-height:25vw;

}

.page-top-row .top-banner>*{
    min-width:100%;

}



.page-top-row .top-banner .bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    z-index:2;

}

.page-top-row .top-banner .bg img{
    width:100%;
    height:100%;
    object-fit:cover

}

.page-top-row .top-banner .txt-con{
   padding:45px 0;
   background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    position:relative;
    z-index:3;
}

.page-top-row .top-banner .head-con{

}
.page-top-row .top-banner .head-con .head{
       font-size: 42px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.58);
    margin-bottom:10px;

}


.page-top-row .top-banner .head-con .head.orange{

    color: #f57120;


}

.page-top-row .top-banner .head-con .head-en{
       font-size: 20px;
    font-weight: 300;
    padding: 0;
    margin: 0;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.58);
    text-transform:uppercase;


}


.page-top-row.light .top-banner .txt-con{

   background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);

}

.page-top-row.light .top-banner .head-con .head{

    color: #000;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.58);

}
.page-top-row.light .top-banner .head-con .head-en{
    color: #000;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.58);


}



.page-desc-row{
    margin:90px 0;

}

.page-desc-row .head{
    font-size:24px;
    font-weight:500;
    color:#fff;
    margin:0;
    margin-bottom:15px;

}
.page-desc-row .desc{
    font-size:16px;
    font-weight:300;
    column-count: 2;
      column-gap: 30px;
        column-rule: 1px solid #666;
}


.bread-row{

    padding:15px 0 15px 0;
    border-top:1px solid #333;
}
.bread-row-con{
       display:flex;
    align-items:center;
}


.bread-row .bread-con{
   order:1;
   flex-grow:1;
}


.bread-row .bread-con ul {
    padding: 0;
    margin:0;
    list-style:none;

}

.bread-row .bread-con ul>li {
  display:inline-block;

}
.bread-row .bread-con ul>li+li:before {
    content: "|";
    padding: 0 7px;
    color: #999;
}



.bread-row .bread-con ul>li a {
   font-size:12px;
   font-weight:400;
   color:#999;
   display:inline-block;
}


.bread-row .bread-con ul>li a:hover {
      color:#fff;
}
.bread-row .bread-con ul>li a .icon {
   font-size:14px;
   font-weight:normal;
   display:block;
   transform:translateY(2px)
}


.bread-row.light{

    border-top:1px solid #ddd;
}
.bread-row.light .bread-con ul>li+li:before {

    color: #777;
}



.bread-row.light .bread-con ul>li a {

   color:#777;

}


.bread-row.light .bread-con ul>li a:hover {
      color:#000;
}




@media(max-width:767px) {


    .section-row {
        margin: 90px 0;
    }

    .sec-head-row {
        margin-bottom: 20px;
    }


        .sec-head-row .head-con .head {
            font-size: 24px;
        }

        .sec-head-row .head-con .head-en {
            font-size: 14px;
        }

    .page-top-row .top-head {
        margin: 30px 0;
    }



        .page-top-row .top-head .head-con .head {
            font-size: 32px;
        }

        .page-top-row .top-head .head-con .head-en {
            font-size: 16px;
        }


    .page-top-row .top-banner {
        min-height: 50vw;
    }



        .page-top-row .top-banner .txt-con {
            padding: 20px 0;
        }

        .page-top-row .top-banner .head-con .head {
            font-size: 30px;
            margin-bottom: 0;
        }


        .page-top-row .top-banner .head-con .head-en {
            font-size: 16px;
        }




    .page-desc-row {
        margin: 60px 0;
    }

        .page-desc-row .head {
            font-size: 20px;
            margin-bottom: 15px;
        }

        .page-desc-row .desc {
            font-size: 14px;
            column-count: 1;
        }


    .bread-row {
        padding: 10px 0 10px 0;
    }



        .bread-row .bread-con ul > li a {
            font-size: 10px;
        }
}