@font-face {
  font-family: 'IRANSansWeb';
  src: url("../fonts/IRANSansWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IRANSansWeb_Bold';
  src: url("../fonts/IRANSansWeb_Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IRANSansWeb_Light';
  src: url("../fonts/IRANSansWeb_Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IRANSansWeb_Medium';
  src: url("../fonts/IRANSansWeb_Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IRANSansWeb_UltraLight';
  src: url("../fonts/IRANSansWeb_UltraLight.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IranSansNumber';
  src: url("../fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}



body{
  font-family: IRANSansWeb;
  background-color: #f0efef;
}
.img{
  background:url('../image/Main.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0%;
  width: auto;
}
.aryanimg{
  width: 110px;
  }
.imge{
  background:url('../image/Footer.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0%;
  width: auto;
}
.cadr{
  width: 75%;
  margin: auto;
}
.btn{
  color:white;
}
#btn:hover{
  color: #ffb606!important;
}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.popups:hover{
  color:#ffb606!important;
  background-blend-mode: color;
  background-color: rgba(146, 146, 146, 0.22);
}
/* The actual popup */
.popup .popuptext {
  display: none;
  width: 215px;
  background-color: white;
  color: #555;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  left: 35%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
.open{
  background-color: #ffb606;
  color: white;
  width:100%;
  padding: 0%;
  font-size: 11px;
}
.whitee{
  color: #fff!important;
}
input.icon{
  direction: rtl;
  background-image: url(../image/user-silhouette.png);
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 12px;
  padding: 3%;
}
input.icon1{
  direction: rtl;
  background-image: url('../image/icon.png') ;
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 12px;
  padding: 3%;
}
input.img3{
  direction: rtl;
  background-image: url('../image/buildings.png') ;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 12px;
}
input.img2{
  direction: rtl;
  background-image: url('../image/gps-localization-interface-symbol.png') ;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 12px;
}
input.img1{
  direction: rtl;
  background-image: url('../image/location-sign.png') ;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 12px;
}
.p{
  direction: rtl;
  font-size: 11px;
}
.p a{
  text-decoration: none;
}
.pm{
  direction: rtl;
  font-size: 12px;
}
.a{
  color: #ffb606;
  padding-left:5%;
}
.test{
  border:none;
  background-color: transparent;
  color: rgb(181, 181, 181);
  width: 100%;
}
.test1{
  border:none;
  background-color: transparent;
  color: fff;
  width: 100%;
}
.test2{
  color: #000;
}

.contact_us_form input.icon::placeholder,
.contact_us_form input.icon2::placeholder,
.contact_us_form input.icon3::placeholder,
#myPopup input.icon::placeholder,
#myPopup input.icon1::placeholder{
color: #555;
}
input.icon::placeholder,
input.icon2::placeholder,
input.icon3::placeholder{
  color: white;
}
input.icon2{
  direction: rtl;
  background-image: url('../image/message-closed-envelope.png') ;
  background-position: left;
  background-size: 9px 9px;
  background-repeat: no-repeat;
  font-size: 10px;
  padding: 3%;
}
input.icon3{
  direction: rtl;
  background-image: url('../image/text-file.png') ;
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 10px;
  padding: 3%;
}
.borderr{
  width: 60px;
  height: 60px;
  border:1px solid white;
  border-radius:100%;
  padding:3%;
  margin: 1%;
}
.form{
  padding: 0%;
}
.matn{
  font-size: 12px;
  direction: rtl;
  padding: 8% 8% 0% 0%;
  margin-top: 30%;
}
.matns{
  font-size: 12px;
  direction: rtl;
  padding: 8% 8% 0% 0%;
}
.ozv{
  color:gray;
  padding:0%;
}
.aryan{
  width:15%;
  margin-bottom:-5%;
}
.slide{
  direction: rtl;
  border-right:1px solid #ffb606;
  padding:3% 0% 3% 0%;
}
.slide1{
direction: rtl;
border-right:1px solid white;
padding:3% 0% 3% 0%;
}
.slide2{
direction: rtl;
border-right:1px solid black;
padding:3% 0% 3% 0%;
}
.matnhamrah{
  font-size: 14px;
  color: white;
  margin: 0%;
  padding-right: 4%;
  width: 50%;
  text-align: justify;
}
.matnhamrahsmall{
  font-size: 8px;
  color:white;
  margin:0%;
  padding-right:4%;
}
.matnhamrahsM{
  font-size: 11px;
  color:white;
  margin:0%;
  padding-right:4%;
}
.svg{
  direction:ltr;
  padding-top:2%;
  padding-left: 1%;
}
.svgm{
  direction: ltr;
    padding-top: 6%;
    padding-left: 2%;
  }
.svgs{
  direction: ltr;
    padding-top: 7%;
    padding-left: 2%;
}
.search{
  padding-left:83%;
  background-color:#9c9c9c;
}
.searchm{
  padding-left:68%;
  background-color:#9c9c9c;
}
.searchs{
  padding-left:55%;
  background-color:#9c9c9c;
}
.matnsearch{
  color:white;
  border-bottom:1px solid #ffb606;
  direction:rtl;
}
.cadrsearch{
   background-color:#9c9c9c;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
   direction:rtl;
}
.open1{
  background-color: #ffb606;
  color: white;
  padding: 11px;
  width: 90%;
  font-size: 10px;
  }
.link{
  color:#505050;
  direction: rtl;
}

.divlinkm{
  border-bottom:1px solid #ffb606;
  padding:0%;
  direction: rtl;
}
.divlink{
  border-bottom:1px solid #ffb606;
  padding:0%;
}
.divlink1{
  border-bottom:1px solid #ffb606;
  padding:0%;
  width: 50%;
  margin-left: 50%;
}
.divlink2{
  border-bottom:1px solid #ffb606;
  padding:0%;
  width: 80%;
  margin-left: 20%;
}
.divlink3{
  border-bottom:1px solid #ffb606;
  padding:0%;
  width: 90%;
margin-left: 10%;
}
.video{
  padding: 9% 2% 0% 2%;
}
.prahnama{
   direction: rtl;
   font-size:11px;
   text-align: justify;
}
.prahnamam{
   direction: rtl;
   font-size:12px;
   text-align: justify;
}
.amar{
  color:white;
  border-bottom:1px solid #ffb606;
  direction: rtl;
  margin-left:30%;
}
.number{
  color:#ffb606;
  margin:0px;
}
.text{
  color:white;
  font-size:7px;
  margin:0;
}
.pamar{
  color:white;
  direction: rtl;
  font-size:11px;
  margin: 0%;
}
.pamarsm{
  color:white;
  direction: rtl;
  font-size:11px;
  margin: 0%;
}
.inputsend{
  border-bottom:1px solid #9e9999;
  padding:5% 0% 0% 0%;
}
.buttunsend{
    padding:5% 0% 0% 0%;
}
.open2{
  background-color: #ffb606;
  font-size: 11px;
  color: white;
  padding:4%;
  width:40%;
}
.call{
  color:white;
  border-bottom:1px solid #ffb606;
  direction: rtl;
  margin-left:30%;
}
.pcall{
  color:white;
  font-size:10px;
  text-align: right;
  direction: ltr;
  margin: 3% 2%;
}
.pcallsm{
  color:white;
  font-size:10px;
  direction: rtl;
  margin: 3% 2%;
}
.pcall1{
  color:grey;
  font-size:11px;
  text-align: right;
  direction: ltr;
  margin: 2% 0%;
}
.iconcall{
   direction: rtl;
   padding:20% 0% 0% 40%;
}
.nava{
  font-size: 11px;
  color: white;
}
.nava:hover{
  color: #ffb606;
}
.nava1{
  font-size: 11px;
  color: white;
  padding: 8px 8px;
  border: none;
  display: inline-block;
  outline: 0;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.nava2{
  font-size: 11px;
  color: #ffb606;
  padding: 8px 8px;
  border: none;
  display: inline-block;
  outline: 0;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.cheek{
padding: 20px;
}

.pcheek{
  font-size:10px;
  direction: rtl;
}
.pckeek1{
  direction: rtl;
  color:grey;
  font-size: 12px;
  margin: 1%;
}
.vorod{
  text-align: left;
  font-size:12px;
  padding:6% 6%;
  width: 150%;
}
.vorod1{
  text-align: left;
  font-size: 12px;
  padding: 26% 6% 6% 6%;
  width: 150%;
  color: white;
}
.vorod2{
  text-align: left;
  font-size: 12px;
  padding: 12% 6% 6% 6%;
  width: 150%;
  color: white;
}
.navar{
  background-blend-mode: color;
  background-color: rgba(146, 146, 146, 0.22);
  color: white;
  width: 100%;
}
.ghavanin{
  direction:rtl;
  font-size:12px;
  color:grey;
  text-align: justify;
}
.sidebar{
  color:white;
      padding-top: 15%;
}
.sidebar:hover{
  color: #ffb606;
}
.sidebarenava{
  font-size: 10px;
  color: black;
}
.sidebarenava:hover{
  color: #ffb606;
}
.matn5{
  color: grey;
  direction:rtl;
  font-size:14px;
}
.accordion{
    background-color: #eee;
    border: 2px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    color: grey;
    /*cursor: pointer;*/
    padding: 18px;
    padding-left:22px;
    margin-top: 8px;
    width: 100%;
    direction: rtl;
    text-align: right;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
}
.accordion a {
  cursor: pointer;
}
.accordion:hover{
  background-color: #eee;
  border-bottom: none;
}
.accordion:active {
    background-color: #eee;
    border-bottom: none;
}
/*.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: left;
    margin-left: -55px;
    border-bottom: none;
}*/

.accordion.active:after {
    content: "\2212";
    border-bottom: none;
}

.panel {
    padding: 0 18px;
    background-color: #eee;
    color: grey;
    font-size: 12px;
    direction: rtl;
    border-top:none;
    border-bottom: 2px solid lightgrey;
    border-left:2px solid lightgrey;
    border-right: 2px solid lightgrey;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

input.iconA6{
  /*padding-right: 15px;*/
  direction: rtl;
  /*background-image: url(../image/user-silhouette.png);*/
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #f0efef;
  font-size: 12px;
}
input.iconA61{
  /*padding-right: 15px;*/
  direction: rtl;
  /*background-image: url('../image/icon.png') ;*/
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
  background-color: #f0efef;
}
input.iconA62{
  /*padding-right: 15px;*/
  direction: rtl;
  /*background-image: url('../image/user-account-box.png') ;*/
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
  background-color: #f0efef;
}
input.iconA63{
  /*padding-right: 15px;*/
  direction: rtl;
  /*background-image: url('../image/user.png') ;*/
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
  background-color: #f0efef;
}
input.tel{
  /*background-image: url('../image/telephone-handle-silhouette.png') ;*/
}
input.pic{
  /*background-image: url('../image/picture.png') ;*/
}
input.code{
  /*background-image: url('../image/list-on-window.png') ;*/
}
input.tarikh{
  /*background-image: url('../image/calendar-with-spring-binder-and-date-blocks.png') ;*/
}
input.img1A{
  /*padding-right: 15px;*/
  direction: rtl;
  /*background-image: url('../image/location-sign.png') ;*/
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
  background-color: #f0efef;
}
._list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
._list li{
  display: inline-block;
}
._list li a{
      padding: 8px 8px !important;
}
._menu_parent{
  direction: rtl;
display: flex;
align-items: flex-end;

margin-top: 0;
}
/*responsive*/
@media screen and (max-width:600px){
  ._reverse{
    display: flex;
    flex-direction: column;
}
}
@media screen and (max-width:1370px){
  .cadr1 {
      width: 70%;
      margin: auto;
  }
  ._menu_parent{
    margin-top: 0;
  }
}
@media screen and (max-width:320px){
  .cadr2 {
      width: 65%;
      margin: auto;
  }
}
@media screen and (max-width:768px){
  .modal-content1{
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width:468px){
  .pads{
    padding-right: 8%;
  }
}
.select{
  /*padding-right: 5%;*/
  direction: rtl;
  /*background-image: url('../image/location-sign.png') ;*/
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
  background-color: #f0efef;
}
.carousel-cell {
  width: 100%;
  height: 200px;
  margin-right: 10px;
  background-blend-mode: color;
  background-color: rgba(146, 146, 146, 0);
  counter-increment: gallery-cell;
}
.carousel {
    background-blend-mode: color;
  background-color:rgba(146, 146, 146, 0);
}

.flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #333;
}
.flickity-prev-next-button:hover {
  background: #F90;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}
/* position outside */
.flickity-prev-next-button.previous {
  left: -40px;
}
.flickity-prev-next-button.next {
  right: -40px;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* top */
    padding-top: 100px; /* 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.55); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    background-image: url('../image/tick-inside-circle.png');
    background-size: 200px 170px;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 25%;
    border-radius: 10px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: left;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
._InputField {
      position: relative;
        margin: 15px auto;
    }
    #_InputField_Back{
        border-bottom: 1px solid #e0e0e0;
        border-radius: 5px;
        padding: 8px 5px 8px 0 !important;
        direction: rtl;
        /*background-image: url('../image/picture.png') ;*/
        background-size: 9px 9px;
        background-repeat: no-repeat;
        background-position: right;
        font-size: 12px;
        color: grey;
        background-color: #f0efef;
    }
    #uploadimg,.uploadfile{
        width: 1px;
            display: none;
    }
    .ClearFix::after {
        content: '';
        display: block;
        clear: both;
    }
    ._FieldItem {
            word-break: break-word;
        cursor: pointer;
        transition: all 0.3 ease;
    }

    ._delicon svg {
        width: 15px;
        vertical-align: middle;
        transition: all 0.3s ease;
    }

    ._delicon svg:hover {
        fill: red;
    }
/*new*/
@media only screen and (max-width:990px){
  .w3-col.m6, .w3-half{
    width: 100%;
  }
  .wrapper{
    width: 90%;
  }
}
@media only screen and (max-width:768px){
  .down_link{
  float: none !important;
  margin: 10px 0 0 0;
  display: block;
  }
}
.wrapper{
  width: 50%;
margin: auto;
}

._label{
   font-family:IRANSansWeb;
display: inline-block;
margin: 5px 0;
padding: 5px 10px;
text-align: right;
float: right;
}
._label ._items:first{
  margin-right: 0;
}
._label ._items{
  border-radius: 2px;
  background: #ffb606;
  padding: 3px 10px;
  color: white;
  display: inline-block;
  margin: 3px 5px;
}
._label ._closeitem{
  cursor: pointer;
    /* margin-left: 5px; */
    margin: 0 5px;
    vertical-align: middle;
}
.w3-input{
  outline: none;
}
.border_required{
      border-bottom: 1px solid #ff0606 !important;
          background: rgba(255, 0, 0, 0.15) !important;
}
._label {
       font-family:IRANSansWeb;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
  border-bottom: 1px solid #ccc;
  direction: rtl;
    padding: 8px 10px;
}
._List_ {
    padding: 0;
    margin: 0 5px;
    list-style-type: none;
}
._List_ li {
  background: #ffb606;
  display: inline-block;
  margin: 5px 3px;
  padding: 3px 10px;
  border-radius: 2px;
  color: #fff;
}

._label input{
  border: 1px solid #cec8c8;
padding: 5px;
}
._Tab_Level:last-child{
  display: none;
}
.__state .w3-right,
.__state .w3-left{
  cursor: pointer;
}
._Tab_Active{
  /*text-align: center !important;*/
/*color: white !important;*/
background-color: #2ecc71 !important;
/*margin: 0% !important;*/
/*padding: 13PX !important;*/
/*border-radius: 100% !important;*/
}
.req_color{
  color:#2ecc71 !important;
}
@media screen and (max-width:768px){
.__state{
  width: 75% !important;

}

}
@media screen and (max-width:500px){
.__state{
  width: 100% !important;

}

}
._disabled{
  background: #e8e8e8 !important;
}
._box{
  background: #e2e2e2;
  padding: 2px 5px;
  display: inline-block;
  margin: 3px 2px;
}
._box span{
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;

}
._box input{
  vertical-align: middle;
    font-size: 12px !important;
}
/*alert box*/
alertbox{
  width: 100%;
  display: block;
  padding: 7px 25px !important;
}

.---default {
  background: #eaeaea;
  color: #676767;
  border: 1px solid white;
}

.---default:hover {
  border: 1px solid #eaeaea;
  background: white;
  color: #676767;
}
.---default_dont_hover:hover{
  background: #eaeaea !important;
  color: #676767 !important;
  border: 1px solid white !important;
  cursor: auto !important;
}
.---success {
  direction: rtl;
  margin: 5px 0;
  background: #13ca7e;
  color: white;
  border: 1px solid white;
}

.---success:hover {
  border: 1px solid #13ca7e;
  background: white;
  color: #13ca7e;
}
.---success_dont_hover:hover{
  background: #13ca7e !important;
  color: white !important;
  border: 1px solid white !important;
  cursor: auto !important;
}

.---danger {
  direction: rtl;
  margin: 5px 0;
  background: #ea1331;
  color: white;
  border: 1px solid white;
}

.---danger_dont_hover:hover{
  background: #ea1331 !important;
  color: white !important;
  border: 1px solid white !important;
  cursor: auto;
}
._dont_hover:not(:hover){

}

.---warning {
  direction: rtl;
  margin: 5px 0;
  background: #f3d500;
  color: white;
  border: 1px solid white;
}

.---warning:hover {
  border: 1px solid #f3d500;
  background: white;
  color: #f3d500;
}
.---warning_dont_hover:hover{
  background: #f3d500 !important;
  color: white !important;
  border: 1px solid white !important;
  cursor: auto !important;
}

.---primary {
  direction: rtl;
  margin: 5px 0;
  background: #1386e0;
  color: white;
  border: 1px solid white;
}

.---primary:hover {
  border: 1px solid #1386e0;
  background: white;
  color: #1386e0;
}
.---primary_dont_hover:hover{
  background: #1386e0 !important;
  color: white !important;
  border: 1px solid white !important;
  cursor: auto !important;
}
.alertbox_hide{
  display: none;
}
.li_active{
  color: #ffb606 !important;
}
input:focus,select:focus{
  border-bottom:1px solid #ffb606 ;
}
.results{
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: space-around;
  overflow-y: scroll;
}
.res{
 /* display: flex;*/
  flex-direction: column;
  justify-content: space-around;
  direction: rtl;
  margin:0px auto;
  width:100%;
  background-color: white;
 /* height:250px;*/
 padding-bottom: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  flex-direction:row;
  flex-wrap:wrap;
}
.res1{
  display: flex;
  justify-content: flex-start;
}
.res2{
  display: flex;
  justify-content: flex-start;
}
.res3{
  display: flex;
  justify-content: flex-start;
}
.i2{
  margin-right:100px;
  word-break: break-all;
  word-wrap: break-word;
  min-width: 150px;
}
.link2{
  color:#505050;
  direction: rtl;
  margin-right:30px;
}
.res_items{
  margin-right:30px;
}
.sp1{
  color: #ffb606;
}
.results span{
	font-size:12px;
}
.results h5{
	font-size:15px;
}
.icona{
  color: #ffb606;
}

.alert_class{ text-align:right; background:#46c346; color:#fff; height:35px; line-height:35px; margin:5px; padding-right:20px;}


.res_r{ float:right; width:64%; box-sizing:border-box; -moz-box-sizing: border-box;}
.res_l{ float:left; width:35%;  box-sizing:border-box; -moz-box-sizing: border-box; padding-top:4%;}

.reg_vw_Btn{ min-width:200px; max-width:300px; width:80%; height:45px; border:none; outline:none;  color:#FFFFFF; font-size:14px; cursor: pointer; margin-bottom:7px;}

.blue_btn{background:#26B0B1;}
.orange_btn{ background:#FFB606;}
.blue_btn:hover{ background:blue; }
.orange_btn:hover{ background:red; }



.footer2{ width:75%; margin:0 auto; padding:15px 20px;  height:auto; }
.footer2_l{ float:left; width:44%; direction:ltr; }
.footer2_r{ float:right; text-align:right; width:56%; font-size:12px; color:#666666; line-height:60px; direction:rtl; padding-bottom:20px; min-height:70px; }
.footer2_logo{ float:left; height:50px; line-height:50px; vertical-align:middle; min-width:160px; display:flex; flex-direction:row; margin-right:8px;}
.footer2_sclicons{ float:left; height:70px; line-height:70px; min-width:100px; }







@media screen and (max-width:850px){  


.res_r{ float:none; width:100%; box-sizing:border-box; -moz-box-sizing: border-box;}
.res_l{ float:none; width:100%;  box-sizing:border-box; -moz-box-sizing: border-box;}


.col55{ width:100%; float:none;}
}


@media screen and (max-width:650px){  

.footer2{ width:88%; margin:0 auto; padding:15px 20px; }

}

@media screen and (max-width:900px){  

.footer2_l{ float:none; width:100%; direction:ltr; }
.footer2_r{ float:none; text-align:right; width:100%; font-size:12px; color:#666666; height:60px; line-height:16px; padding-top:10px; direction:rtl;}

/*.footer2{ min-height:200px;}*/

}

@media screen and (max-width:300px){  



/*.footer2{ min-height:250px;}*/

}