body{
	font-family: 'ubunturegular';
	background-color: #fff;
  font-size: 14px;
}
a{
	font-family: 'ubunturegular';
	text-decoration: none !important;
}
p{
	font-family: 'ubunturegular';
	font-size: 14px;
	line-height: 23px;
}
h1,h2,h3,h4{
    font-family: 'ubuntumedium';
}
img{
  max-width: 100%;
}
ul{
  list-style: none;
  list-style-type: none;
  padding-inline-start: 0;
  padding-left: 0px;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.btn, .form-control{
    font-size: 14px;
}

@media(min-width: 767px){
/*width*/
::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

/*track*/
::-webkit-scrollbar-track{
	background-color: #eeeeee;
}

/*handle*/
::-webkit-scrollbar-thumb{
	background-color: #333;
}

/*hande hover*/
::-webkit-scrollbar-thumb:hover{
	background-color: #111;
}
}



#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 1;
   background-color: rgba(40, 154, 210, 0.95);
   z-index: 99999999999999999;
   text-align: center;
}

#loading .frame{
    display: block;
    position: absolute;
    left: 0;
    right:0;
    top: 0;
    bottom: 0;
    width: 160px;
    height: 160px;
    margin: auto; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1500;
    -webkit-animation: spinning 5s linear infinite;
    animation: spinning 5s linear infinite;
    float:left;
  }

#loading img{
  max-width: 120px;
  margin: 10px auto;
  border-radius: 50%;
  box-shadow: 0 0 0px 10px rgba(0, 0, 0, .2);
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

#loading {
  -moz-animation: preloadHide 0s ease-in 5s forwards;/* Firefox */
  -webkit-animation: preloadHide 0s ease-in 5s forwards;/* Safari and Chrome */
  -o-animation: preloadHide 0s ease-in 5s forwards;/* Opera */
  animation: preloadHide 0s ease-in 5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes preloadHide {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes preloadHide {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}


.nopad{
	padding-left: 0px;
	padding-right: 0px;
}
.cmpad{
	padding-left: 80px;
	padding-right: 80px;
}
.cmtop{
  margin-top: 50px;
}
.lt{
	text-align: left !important;
	margin-left: 0 !important;
}

h1.subhd{
	font-family: 'ubuntumedium';
	font-size: 28px;
	color: #666;
	text-align: center;
	margin-top: 35px;
}
h1.subhd span{
	color: #c49718;
}

h2.subhd{
	color: #fff;
	font-family: 'ubuntumedium';
    margin-bottom: 20px;
    margin-top: 40px;
    font-size: 25px;
}
h3.subhd{
	margin-top: 0;
	font-size: 15px;
}


.sm-show{
  display: none;
}
.md-show{
  display: none;
}


@media(max-width: 991px){
.cmpad{
	padding-right: 30px;
	padding-left: 30px;
}
.md-hide{
  display: none !important;
}
.md-show{
  display: block !important;
}
}

@media(max-width: 767px){
.cmpad{
	padding-right: 15px;
	padding-left: 15px;
}
.sm-hide{
	display: none !important;
}
.sm-show{
  display: block;
}
}

@media(max-width: 480px){
/*.cmpad{
    padding-right: 10px;
    padding-left: 10px;
}*/
.mob-hide{
	display: none !important;
}
}




/*/////////////POPUP\\\\\\\\\\\\\\*/
#popupModal .modal-body{
  padding: 0;
}


#popupModal .modal-dialog{
max-width:900px;
}

#popupModal .modal-content{
  border: none;
  overflow: hidden;
}
#popupModal .buttoncol{
  position: absolute;
  bottom: 15%;
  right: 10px;
}
#popupModal .buttoncol img{
  width: 150px;
}
#popupModal button.close{
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  opacity: 1;
  width: 35px;
  height: 30px;
  border-radius: 0 0 0 15px;
}
@media(max-width: 600px){
#popupModal .buttoncol img{
  width: 120px;
}
#popupModal .modal-dialog{
    top: 50%;
    transform: translateY(-50%);
}
}
@media(max-width: 480px){
#popupModal .buttoncol img{
  width: 100px;
}
}
@media(max-width: 410px){
#popupModal .buttoncol img{
  width: 85px;
}
}
@media(max-width: 360px){
#popupModal .buttoncol img{
  width: 75px;
}
}



/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************HEADER***********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

/*STICKY HEADER*/
header{
	position:fixed;
	width:100%;
	z-index: 999;
  background-color: rgba(255, 255, 255, 1);
  transition: all .3s linear;
  -webkit-transition: all .3s linear;
  height: auto;
  box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, .1);
}
header.active{
  background-color: #fff;
  border-bottom: none;
  box-shadow: 0px 0px 20px rgba(51, 58, 96, .3);
  transition: all .3s linear;
  -webkit-transition: all .3s linear;
}

header.active{
  margin-top: -140px;
}


header .top{
  min-height:24px;
  font-family: 'ubunturegular';
  font-size: 13px;
  color: #707070;
  background: rgb(1,158,236);
  background: linear-gradient(90deg, rgba(28, 151, 210,1) 40%, rgba(0, 130, 195,1) 100%);
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
}
header .top a{
  color: #fff;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
header .top .dropdown-menu>li>a{
  color: #333;
}



header ul.topright{
  list-style-type: none;
  position: relative;
  float: right;
  z-index: 2;
  margin-bottom: 0;
  padding-inline-start: 0;
}
header ul.topright>li{
  float: left;
  color: #fff;
}
header ul.topright>li.menu{
  border-right: 1px solid rgba(0, 0, 0, .1);
  display: none;
}
header ul.topright>li.menu>a{
  padding: 9px 0px;
  margin: 0 10px;
  display: block;
}
header ul.topright>li.menu.active{
  background-color: #037fbd;
}
header ul.topright>li.menu..active>a{
  color: #fff;
  padding: 6px 10px;
  margin: 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
header ul.topright>li.active>a:hover{
  color: #fff;
}
header ul.topright>li.menu>a:hover{
  color: #FFEB3B;
}
header ul.topright>li.skip{
  margin-right: 15px;
}
header ul.topright>li.skip>a:hover{
  color: #0089cf;
}
header ul.topright>li.skip .fa{
  color: #0089cf;
  font-size: 18px;
  padding-left: 4px;
  position: relative;
  top: 1px;
}

header ul.topright>li.helpline{
  padding-left: 10px;
  /*border-left: 1px solid rgba(0, 0, 0, .1);*/
}
header ul.topright>li.helpline a{
  padding: 9px 0;
  display: inline-block;
}

header ul.topright>li.font{
  margin: 4px 5px;
}
header ul.topright>li.font>a{
  border: 1px solid #fff;
  width: 22px;
  display: block;
  height: 22px;
  line-height: 20px;
  text-align: center;
}
header ul.topright>li.theme>a{
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}
header ul.topright>li.language{
  margin-left: 15px;
}
header ul.topright>li.language>a{
  cursor: pointer;
  padding: 9px 15px;
  background-color: rgba(255, 255, 255, .25);
  color: #fff;
  display: inline-block;
}
header ul.topright>li.language .fa{
  color: #fff;
  font-size: 16px;
  position: relative;
  top: 1px;
  margin-left: 4px;
}
header ul.topright>li.language>a:hover{
  background-color: rgba(255, 255, 255, .4);
}
header ul.topright>li.language>.dropdown-menu{
  box-shadow: 0px 3px 12px rgba(0, 137, 207, .1);
}


header .logo>a>img{
  max-width: 211px;
  margin: 10px 0;
}
header .search .form-control{
  height: 45px;
  box-shadow: none;
  border: none;
}
header .search .btn, header .search .btn:hover, header .search .btn:focus{
  height: 45px;
  outline: 0;
  border: none;
  background-color: transparent;
}
header .search .btn img{
  max-width: 20px;
  margin-top: -5px;
}

header .bottom{
  background-color: #1c97d2;
  display: flex;
  flex-flow: wrap;
}
header .bottom .navbar{
  margin-bottom: 0;
  min-height: auto;
  border: none;
  width: 100%;
  justify-content: flex-end;
  padding: 0;
}





header .drophover.login .dropbtn {
  color: white !important;
  text-align: center;
  padding: 12px 30px;
  line-height: 40px;
  border-left: 1px solid rgba(0, 0, 0, .1);
  border-right: 1px solid rgba(0, 0, 0, .1); 
  display: block;
  position: relative;
  z-index: 11;
}
header .drophover.login .dropbtn .fa{
  font-size: 18px;
  pointer-events: none;
  display: inline !important;
  padding-right: 5px;
  animation: none !important;
}

header .drophover.login {
  position: relative;
  display: inline-block;
  float: right;
}

header .drophover.login .dropdown-content {
  animation-name: fadeIn;
  animation-duration: .7s;
  min-width: 322px !important;
  padding: 5px !important;
  display: none;
  position: absolute;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  box-shadow: 0px 5px 40px 0px rgba(16, 16, 16, 0.4);
  z-index: 10;
  list-style-type: none;
  padding-inline-start:0;
  left: auto;
  right: 0px;
}
header .drophover.login .dropdown-content .card{
  border:none;
}
header .drophover.login .dropdown-content .card .card-body {
    padding: 0 8px;
    background-color: #f5f5f5;
    display: flex;
    flex-flow: wrap;
    border-radius: 3px;
}

header .drophover.login .dropdown-content a {
  color: #707070;
  padding: 10px;
  font-size: 13px;
  width: auto;
  height: auto;
  line-height: 15px;
  border: none;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
header .drophover.login .dropdown-content a:hover{
  background-color: transparent;
}


header .drophover .dropbtn {
  color: white !important;
  text-align: center;
  padding: 12px 15px;
  line-height: 40px;
  border-left: 1px solid rgba(0, 0, 0, .1);
  display: block;
  position: relative;
  z-index: 11;
}
header .drophover .dropbtn .fa{
  font-size: 18px;
  pointer-events: none;
  display: inline !important;
  padding-right: 5px;
  animation: none !important;
}
header .drophover.home .dropbtn .fa{
    padding:0;
}

header .drophover {
  position: relative;
  display: inline-block;
  float: right;
}

header .drophover .dropdown-content {
  animation-name: fadeIn;
  animation-duration: .7s;
  min-width: 326px !important;
  padding: 5px !important;
  display: none;
  position: absolute;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  box-shadow: 0px 5px 40px 0px rgba(16, 16, 16, 0.4);
  z-index: 10;
  list-style-type: none;
  padding-inline-start:0;
  left: auto;
  right: 0px;
}

header .drophover .dropdown-content a, .floatmodal .dropdown-content a {
  color: #707070;
  padding: 10px;
  font-size: 13px;
  width: 100px;
  height: 100px;
  line-height: 15px;
  border: 1px solid #1c97d2;
  text-align: center;
  border-radius: 3px;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
header .drophover .dropdown-content li, .floatmodal .dropdown-content li{
  display: table;
  float: left;
  margin: 2px;
}
.floatmodal .dropdown-content li{
  width: 48%;
  margin: 1%;
}
header .drophover .dropdown-content a img, .floatmodal .dropdown-content a img{
  max-width: 20px;
  margin-right: 8px;
  margin-top: -5px;
}
header .drophover .dropdown-content a .fa, .floatmodal .dropdown-content a .fa{
  display: block;
  margin-bottom: 5px;
  font-size: 25px;
  color: #1c97d2;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
header .drophover .dropdown-content a:hover .fa, .floatmodal .dropdown-content a:hover .fa{
  color: #fff;
}
header .drophover .dropdown-content a:hover, .floatmodal .dropdown-content a:hover{
  background-color: #1c97d2;
  color: #fff;
}

header .login .dropdown-content{
  width: 300px !important;
  font-size: 13px;
}
header .login .dropdown-content ul.loglist, .floatmodal .logpanel ul.loglist{
  margin-bottom: 0;
  width: 100%;
}
header .login .dropdown-content ul.loglist li{
  border-bottom: 1px solid #dadada;
  padding: 10px 0;
  margin: 0;
  display: block;
  width: 100%;
}
header .login .dropdown-content ul.loglist li:last-child, .floatmodal .logpanel li:last-child{
  border-bottom: none;
}
header .login .dropdown-content ul.loglist li a:last-child:after, .floatmodal .logpanel li a:last-child:after{
  border-right: 1px solid #666;
  position: relative;
  content: '';
  left: 8px;
  margin-right: 8px;
}
header .login .dropdown-content a.action, .floatmodal .logpanel a.action{
  display: inline-block;
  padding: 0px;
  float: right;
  margin-left: 8px;
  text-align: center;
  color: #038ed3;
}
header .login .dropdown-content a.action:hover, header .login .dropdown-content a.more:hover,
.floatmodal .logpanel a.action:hover, .floatmodal .logpanel a.more:hover{
  color: #E91E63;
}
header .login .dropdown-content a.more, .floatmodal .logpanel a.more{
  color: #038ed3;
  display: inline-block;
  padding: 0px;
  float: right;
  margin-left: 8px;
  text-align: center;
}
header .drophover .dropdown-content button, .floatmodal .logpanel button{
  width: 100%;
  border:none;
  border-radius: 0; 
  outline: 0;
  background-color: transparent;
  text-align: left;
  padding: 12px 20px;
  font-family: 'ubuntumedium';
  font-size: 13px;
}
header .drophover .dropdown-content button .fa, .floatmodal button .fa{
  float: right;
  font-size: 16px;
}
header .drophover .dropdown-content button img, .floatmodal button img{
  max-width: 20px;
  margin-right: 10px;
}


header .drophover:hover .dropdown-content {display: block;}

header .drophover:hover .dropbtn {background-color: #00a9ff;}

header .drophover .panel-group, .floatmodal .panel-group{
  margin-bottom: 0;
}
header .drophover .panel-default, .floatmodal .panel-default{
  border: none;
  background-color: transparent;
}
header .drophover .panel-body, .floatmodal .panel-body{
  padding: 8px 15px;
  border-top: 1px solid #efefef;
  background-color: #f2f4f5;
  color: #666;
}


header .bottom .megamenu {
  overflow: hidden;
}
header .bottom .srch{
  margin-right: 0;
}

header .bottom .megamenu .dropbtn {
  border: none;
  outline: none;
  color: #fff;
  border-right: 1px solid rgba(0, 0, 0, .1);
  padding: 30px 25px;
  font: inherit;
  margin: 0;
  display: block;
  cursor: pointer;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

header .bottom .megamenu:hover .dropbtn {
  background-color: #167cad;
  border-bottom: none;
}

header .bottom .megamenu.all{
  overflow: visible;
  position: absolute;
  left: 0;
}
header .bottom .megamenu.all .dropbtn{
  border: none;
  margin-top: -37px;
  padding: 35px 15px;
  position: relative;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  z-index: 100;
}
header .bottom .megamenu.all .dropbtn img{
  width: 35px;
  padding: 5px;
}
header .bottom .megamenu.all .dropbtn:hover{
  transform: none;
}
header .bottom .srch .dropbtn{
  cursor: pointer;
    border-bottom: 0px;
    padding: 21px 25px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    display: block;
    color: #fff;
    font-size: 16px;
    transition: all .3s  ease;
    -webkit-transition: all .3s  ease;
}
header .bottom .srch:hover .dropbtn{
  border-bottom: 0;
  background-color: #038dd2;
}
header .bottom .srch .dropbtn:after{
  display: none;
}
header .bottom .srch .dropdown-menu{
  left: auto;
  right: 0;
  width: 350px;
  margin: 0;
  border: 1px solid #1c97d2;
  border-top: none;
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, .5);
}
header .bottom .megamenu .dropbtn img{
  width: 16px;
  margin-right: 3px;
  margin-top: -4px;
}


header .bottom .megamenu .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  width: auto;
  left: 0;
  box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.3);
  z-index: 99;
  border-radius: 0 0 3px 3px;
  animation-name: zoomIn;
  animation-duration: .3s;
  padding-top: 0px;
  max-height: 438px;
  overflow-y: hidden;
}

header .bottom .megamenu .dropdown-content ul.mainmenu {
    display: flex;
    flex-flow: row;
}

header .bottom .megamenu .dropdown-content .header {
  background: #0089cf;
  padding: 16px;
  color: white;
  display: none;
}

header .bottom .megamenu:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
header .bottom .column {
  /*float: left;*/
  /*min-height: 250px;*/
}
header .bottom .column:last-child{
  border-right: none;
}
header .bottom .column.colall{
  padding: 15px;
}
header .bottom .column.colall a img{
  max-width: 20px;
  display: inline;
  margin-right: 10px;
}

header .bottom .column li.subhd{
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 8px;
}
header .bottom .column li.subhd, header .bottom .column li.subhd a{
  color: #038ed3;
}
header .bottom .column li.subhd.link{
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 5px;
  padding-bottom: 0;
}

header .bottom .column a {
  float: none;
  padding: 5px 0;
  text-decoration: none;
  display: block;
  border-bottom: 2px dotted #efefef;
  text-align: left;
  border-radius: 0;
  color: #888;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

header .bottom .column .mainmenu a:hover {
    color: #FF9800;
    box-shadow: none;
}


header .bottom .column.offcol img{
  width: 330px;
  margin: auto;
  display: block;
}
header .bottom .column ul.mainmenu{
  list-style-type: none;
  padding-inline-start: 0;
  line-height: 24px;
}
header .bottom .column ul.mainmenu>li{
  /*width: 50%;
  float: left;*/
}

.logocon{
  width: 350px;
  position: absolute;
  left: 150px;
  right: 0;
  top: 0px;
  z-index: 1;
  float: none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.logocon img{
  border-radius: 5px;
  max-height: 86px;
  margin-top: 7px;
  margin-left: 20px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}


/*MEGAMENU Tabbed Navigation */


/* Style the tab */
.nav-tab {
  height: auto;
  width: auto;
  min-width: 280px;
  float: left;
  padding: 15px 0px 15px 15px;
  background-color: #ebebeb;
}


.nav-tab li .ntablinks {
  display: block;
  color: #333;
  padding: 10px 15px;
  width: 100%;
  border-radius: 3px 0 0 3px;
  border-bottom: 1px solid #fff;
  border-left: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}


.nav-tab li .ntablinks.active {
  /*color: #ffffff;*/
  background-color: #fff;
}

.nav-con{
  width: 505px;
  float: left;
  padding-left: 5px;
  padding-top: 15px;
  padding-bottom: 5px;
  background-color: #fff;
}

.ntabcontent {
  float: left;
  padding: 0px 12px;
  width: 100%;
  border-left: none;
  min-height: 350px;
  display: none;
  max-height: 370px;
  overflow: auto;
}
.ntabcontent ul>li, .dropmenu ul>li{
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  display: table;
  width: auto;
}
.ntabcontent ul>li>a, .dropmenu ul>li>a{
  color: #777;
  border-radius: 3px;
  width: 150px;
  height: 110px;
  line-height: 15px;
  padding: 5px;
  font-size: 13px;
  border: 1px solid #ddd;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  float: none;
}
.ntabcontent ul>li>a:hover, .dropmenu ul>li>a:hover{
  color: #fff;
  border-color: #038dd2;
  background-color: #038dd2;
}
.ntabcontent ul>li>a img, .dropmenu ul>li>a img{
  max-width: 50px;
  display: block;
  margin: auto;
  margin-bottom: 5px;
  filter: brightness(1) invert(1);
  -webkit-filter: brightness(1) invert(1);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.ntabcontent ul>li>a:hover img, .dropmenu ul>li>a:hover img{
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}






/*/////////////////////////////////////////////////////*/
/*--------------------MAIN NAVIGATION------------------*/
/*/////////////////////////////////////////////////////*/


.mainnav {
  overflow-x: auto;
  background-color: #fff;
  white-space: nowrap;
}
.mainnav::-webkit-scrollbar {
  height: 5px;
}
.mainnav::-webkit-scrollbar-thumb{
  background-color: #ccc;
}
.mainnav::-webkit-scrollbar-thumb:hover{
  background-color: #999;
}

/*.mainnav a {
  float: left;
  font-size: 16px;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}*/

.mainnav .dropmenu {
  overflow: hidden;
  display: inline;
}

.mainnav a, .mainnav .dropmenu .dropbtn {
  font-size: 13px;  
  border: none;
  outline: none;
  color: #333;
  padding: 10px 12px;
  background-color: inherit;
  margin: 0;
  /*display: inline-block;*/
  /*border-left: 1px solid #e0e0e0;*/
  /*text-transform: uppercase;*/
}

.mainnav a:hover, .mainnav .dropmenu:hover .dropbtn {
  background-color: #fbb216;
}

.mainnav .dropmenu .dropbtn img{
  max-width: 20px;
  margin-right: 5px;
  margin-top: -8px;
  filter: brightness(0.2);
  -webkit-filter: brightness(0.2);
}

.mainnav .dropdown-main {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 350px;
  padding: 15px 0;
  left: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height: 480px;
  overflow-y: auto;
}

.mainnav .dropdown-main ul{
  margin:0;
  display: flex;
  flex-flow: column;
}

.dropmenu ul>li{
  width: 100%;
  margin-right: 5px;
  margin-bottom: 5px;
  display: table;
}
.dropmenu ul>li>a{
  color: #777;
  border-radius: 3px;
  height: auto;
  line-height: 26px;
  padding: 5px;
  font-size: 13px;
  border: 1px solid #ddd;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  float: none;
}
.dropmenu ul>li>a:hover{
  color: #fff;
  border-color: #038dd2;
  background-color: #038dd2;
}
.dropmenu ul>li>a img{
  max-width: 24px;
  display: inline-block;
  margin: -5px 5px auto auto;
  filter: grayscale(1);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.dropmenu ul>li>a:hover img{
  filter: brightness(0) invert(1);
}

.mainnav .dropmenu:hover .dropdown-main {
  display: block;
}



/*...................*/
/*HEADER RESPONSIVE*/
/*...................*/


@media(max-width: 1200px){
header ul.topright>li.menu{
  display: block;
}
header .drophover .dropbtn, header .drophover.login .dropbtn{
    padding:12px 12px;
}
header .bottom .srch .dropbtn{
    padding:21px 15px;
}
}

@media(max-width:1100px){
header .drophover .dropbtn .fa{
    font-size:16px;
}
header .drophover .dropbtn, header .drophover.login .dropbtn{
    font-size:12px;
}
}

@media(max-width: 991px){

.logocon{
  left: 100px;
  width: 310px;
}
.logocon img{
  max-height: 78px;
}
.nav-tab{
  /*min-width: auto;*/
}
.nav-con{
  width: 400px;
}
.ntabcontent ul>li, .dropmenu ul>li{
  float: none;
  margin-right: 0;
  display: block;
}
.ntabcontent ul>li>a,  .dropmenu ul>li>a{
  text-align: left;
  width: 100%;
  height: auto;
  display: block;
}
.ntabcontent ul>li>a img,  .dropmenu ul>li>a img{
  max-width: 25px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0;
}
header .drophover .dropbtn, header .drophover.login .dropbtn{
  padding: 12px 12px;
}
header .bottom .srch .dropbtn{
  padding: 21px 12px;
}
header ul.topright>li.language>a, header ul.topright>li.helpline a, header ul.topright>li.menu>a{
  padding-bottom: 5px;
  padding-top: 5px;
}
header .drophover.login a .fa{
    padding:0 !important;
}
header .drophover.login a span{
    display:none;
}
}

@media(max-width: 830px){
header .drophover.home{
  display: none;
}
}

@media(max-width: 767px){
header .menubar{
  display: none;
}
.logocon{
  left: 80px;
}
.logocon img{
  max-height: 68px;
  margin-top: 6px;
}
header .bottom .megamenu.all .dropdown-content{
  display: none;
}
header .bottom .megamenu.all .dropbtn{
  display: none;
}
header .drophover.applynow, header .drophover.login, header ul.topright>li.helpline{
  display: none;
}
header .bottom .srch .dropbtn{
  border-left: 1px solid rgba(0, 0, 0, .1);
  padding: 17px 20px;
}
header ul.topright>li.menu{
  display: none;
}
header ul.topright>li.language>a, header ul.topright>li.helpline a, header ul.topright>li.menu>a{
  padding-bottom: 3px;
  padding-top: 3px;
}

}


@media(max-width: 480px){

header .top{
  display: none;
}
header .bottom{
  height: 80px;
}
.cd-dropdown-trigger{
  padding: 24px 8px !important;
  top: -30px !important;
}
.logocon{
  left: 60px;
}
.logocon img{
  margin-top: 5px;
}
header .bottom .srch .dropbtn{
  display: none;
}
.cd-dropdown>.cd-dropdown-content{
  font-size: 13px;
}
}

@media(max-width: 360px){
.logocon{
  width: auto;
  left: 50px;
}
.logocon img{
  max-height: 60px;
  margin-top: 10px;
  margin-left: 15px;
}
.cd-dropdown-trigger img{
  width: 30px !important;
}
.cd-dropdown-trigger{
  padding: 26px 6px !important;
}
}

@media(max-width: 300px){
.logocon img{
  max-height: 54px;
  margin-top: 13px;
  margin-left: 15px;
}
}


/*///////////MOBILE HEADER***************/

.header_resp{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.cd-dropdown-wrapper{
  position: absolute;
  top: 0;
  margin: 0;
}
.cd-dropdown-trigger{
border: none;
    padding: 30px 15px;
    position: relative;
    top: -58px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    z-index: 100;
    background-color: transparent;
    border-radius: 0;
    line-height: 0;
    display: inline-block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.cd-dropdown-trigger img{
  min-width: 32px;
  max-width: 32px;
  padding: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.cd-dropdown-trigger:hover{
  transform: none;
  background-color: #167cad;
}

.cd-dropdown-trigger::before, .cd-dropdown-trigger::after{
  display: none;
}

.cd-dropdown h2{
  background-color: #fff !important;
  border-bottom: 1px solid #ccc !important;
  height: 80px !important;
  padding: 10px !important;
  margin-top: 0px;
  width: 80%;
}
.cd-dropdown h2 img{
  max-height: 60px;
  margin: auto;
  display: block;
}
.cd-dropdown{
  z-index: 101;
  background-color: rgba(0,0,0, .7) !important;
}
.cd-dropdown>.cd-dropdown-content{
  width: 80%;
  right: 20%;
  padding-inline-start:0;
  background-color: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.cd-dropdown-content, .cd-dropdown-content ul{
  padding-top: 80px !important;
  padding-inline-start: 0;
}
.cd-dropdown-content a, .cd-dropdown-content ul a{
  color: #666 !important;
  border: none !important;
  border-bottom: 1px solid #ececec !important;
}
.cd-dropdown-content ul a img, .cd-dropdown-content ul a .fa{
  max-width: 20px;
  margin-right: 10px;
  filter: invert(1) hue-rotate(-25deg);
  -webkit-filter: invert(1) hue-rotate(-25deg);
  color: #666;
}

.cd-dropdown .cd-close{
    right: 23% !important;
    top: 15px !important;
    height: 30px !important;
    width: 30px !important;
    background-color: #1068b2 !important;
    border-radius: 50%;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.3);
z-index: 11;
}
.closebarz{
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 80%;
  cursor: zoom-out;
}

.cd-dropdown .logo{
  max-width: 150px;
  margin: 5px auto;
}
.cd-dropdown-content a, .cd-dropdown-content ul a{
    height: 40px !important;
    line-height: 40px !important;
}
.cd-dropdown-content a:hover, .cd-dropdown-content ul a:hover{
    text-decoration: none;
    color: #1c97d2 !important;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after{
  background: #cfcfcf !important;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before{
  background: #fff !important;
  width: 3px !important;
  height: 16px !important;
}

.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider{
  background-color: #1c97d2 !important;
  margin-top: 15px;
  color: #fff !important;
    font-size: .875rem;
}
.cd-search input[type=search]{
  background-color: #5f5f5f;
  height: 40px;
}
.cd-search input[type=search]:focus{
  background-color: #444;
  color: #fff;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
  color: #fff !important;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
  color: #fff !important;
}


@media(min-width: 767px){
.cd-dropdown-trigger{
  display: none !important;
}
}

@media(max-width: 767px){
.cd-dropdown-trigger{
  padding: 24px 15px !important;
  top: 0 !important;
  height: 82px;
}
.cd-dropdown-wrapper{
  margin-top: -54px;
  height: 82px;
}
}
@media(max-width: 480px){
.cd-dropdown-wrapper{
    margin-top: -40px;
    height: 80px;
}
.cd-dropdown-trigger{
  padding: 24px 5px !important;
  height: 80px;
}
}






/************************BACK2TOP************************/
#back2Top {
    width: 40px;
    line-height: 37px;
    height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    right: 15px;
    border-radius: 50%;
    background-color: #ed3365;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
#back2Top:hover {
    background-color: #333;
    color: #ccc;
}
@media(max-width: 767px){
#back2Top {
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 65px;
    right: 5px;
    background-color: #ed3365;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}    
}




/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************SLIDER***********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.mainslider, .maincontent{
  padding-top: 145px;
}
.swiper-pd-top{
  padding-top: 10px !important;
}
.swiper-banner{
  margin-bottom: 15px !important;
}
.swiper-banner .swiper-slide{
  width: 100% !important;
}
.swiper-banner .swiper-pagination{
  bottom: 5px;
  left: 0;
  right: 0;
}
.swiper-banner .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  margin: 3px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.swiper-banner .swiper-pagination-bullet-active{
  width: 25px !important;
  border-radius: 5px;
  outline: 0;
  background: #1c97d2;
}
.swiper-banner img{
  border-radius: 3px;
  width: 100%;
}

.dsk{
  display: block;
}
.res{
  display: none;
}

@media(max-width: 991px){
.mainslider, .maincontent{
  padding-top: 140px;
}
}
@media(max-width: 767px){
.mainslider, .maincontent{
  padding-top: 80px;
}
}

@media(max-width: 580px){
.dsk{
  display: none;
}
.res{
  display: block;
}
}

@media(max-width: 480px){
.mainslider, .maincontent{
  /*padding-top: 112px;*/
}
}

@media(max-width: 330px){
.mainslider, .maincontent{
  /*padding-top: 106px;*/
}
}





/*Commono styles*/

.btnmore, .btnmore:focus{
  color: #1c97d2;
  display: inline-block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.btnmore:hover{
  color: #009688;
}

h1.head{
  font-size: 24px;
  text-align: center;
  font-family: 'ubunturegular';
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 50px;
}
h1.head .fa{
  position: relative;
  top: 2px;
  margin-right: 0px;
  font-size: 25px;
}
h2.head{
  font-size: 20px;
  font-family: 'ubunturegular';
  margin-bottom: 20px;
  margin-top: 0px;
  text-transform: uppercase;
}


/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////********************NEWS/UPDATES********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.newsupdates{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.bn-label{
  background-color: #1c97d2 !important;
  font-weight: normal !important;
}
.breaking-news-ticker{
  /*border: 1px solid #efefef !important;*/
  box-shadow: 0px 4px 20px 0 rgba(28, 151, 210, .2);
  border: none !important;
}
.bn-news ul>li{
  /*border-right: 1px solid #ccc !important;*/
}
.bn-news ul>li>a:hover{
  color: #1c97d2 !important;
}
.bn-news ul>li>a img{
  margin-right: 3px;
  margin-left: 3px;
  position: relative;
  top: -2px;
}

.btnrate, .btnrate:focus{
  height: 40px;
  padding: 0 15px;
  font-family: 'ubuntumedium';
  text-align: center;
  display: block;
  line-height: 36px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background-color: #4CAF50;
  box-shadow: 0px 4px 20px 0 rgba(28, 151, 210, .2);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.btnrate:hover{
  box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  background-color: #358a38;
}
.btnrate img{
  width: 20px;
  margin-top: -6px;
  margin-right: 3px;
  pointer-events: none;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.topbtncol{
display:flex;gap:10px;
}
.topbtncol a{flex:1 0}
.vkyc, .vkyc:focus{
    background-color: #9C27B0;
}
.vkyc:hover{
    background-color: #78008d;
}

.newsupdates a.locate, .newsupdates a.locate:focus{
  background-color: #e91e63;
  color: #fff;
  border: none;
  padding: 0px 15px;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  outline: 0;
  font-family: 'ubuntumedium';
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  /*box-shadow: 0px 8px 20px rgba(0, 0, 0, .5);*/
}
.newsupdates a.locate:hover{
  background-color: #bd0a47;
  box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.2);
}
.newsupdates a.locate img{
  width: 20px;
  margin-top: -6px;
  pointer-events: none;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

@media(max-width: 767px){
.newsupdates .row .col-6:nth-child(1){
  padding-right: 5px;
}
.newsupdates .row .col-6:nth-child(2){
  padding-left: 5px;
}

.newsupdates a.locate, .btnrate, .newsupdates a.locate:focus, .btnrate:focus{
  min-height: 100px;
  padding: 10px;
  line-height: normal;
}
.newsupdates a.locate img, .btnrate img{
  display: block;
  margin: 10px auto;
  width: 30px;
}
.btngrpnews{
  margin: auto 10px;
}
}

@media(max-width: 991px){
.breaking-news-ticker{
  margin: 15px 0;
}
}

@media(max-width:480px){
.newsupdates a.locate, .btnrate, .newsupdates a.locate:focus, .btnrate:focus{padding:10px 0;}
}




/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************GALLERY**********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/
.gallery-container{
    margin: 0 -5px;
    padding-top:15px;
    display: flex;
    flex-flow: wrap;
}
.galcol{
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  background: #000;
  border-radius: 3px;
    box-shadow: 0 0 0 1px #ddd;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 20px 15px;
  display: table;
}

.hovereffect img {
    display: block;
    margin: auto;
    position: relative;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect h2 {
    font-family: 'ubunturegular';
    color: #fff;
    text-align: left;
    position: absolute;
    font-size: 13px;
    overflow: hidden;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    width: 100%;
    left: 0;
    max-height: 44px;
    line-height: 18px;
    overflow: hidden;
}
.hovereffect:hover h2{
    background-color: rgba(28, 151, 210, .8);
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background:#fbb216;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.fancybox-lock .fancybox-overlay{
  background-color: rgba(0, 0, 0, .65);
}
.fancybox-image{
  border-radius: 3px;
}
.fancybox-opened{
    max-width: 700px !important;
    top: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
    left: 50% !important;
}
.fancybox-inner{
    width: auto !important;
    height: auto !important;
}
.fancybox-skin{
  border-radius: 3px !important;
  padding: 5px !important;
}

@media(min-width: 1201px){
.hovereffect img{
  /*height: 207px;*/
  /*min-height: 180px;*/
}  
}


.fancybox-title-float-wrap .child{
    white-space: normal !important;
    font-weight: normal !important;
    padding: 5px 15px !important;
    text-shadow:none !important;
    background: rgba(51, 122, 183, .9) !important;
}


@media(max-width: 767px){
.fancybox-title-float-wrap{
    bottom:-100px !important;
}
}
@media(max-width: 480px){
.hovereffect h2{
    font-size: 12px;
    padding: 5px;
    max-height: 33px;
    overflow: hidden;
    line-height: 13px;
}
}

.btnview, .btnview:focus{
    outline:0;
    background-color: #E91E63;
    color: white;
    display: table;
    margin: 15px auto 0 auto;
}
.btnview:hover{
    color:#fff;
    background-color:#d30048;
}


/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************PRODUCTS*********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

/* Style the tab */
.prolist {
  overflow: hidden;
  display: table;
  float: none;
  margin: 0 auto 15px auto;
}

.prolist li{
  float: left;
  margin-right: 10px;
}
/* Style the buttons inside the tab */
.prolist a {
  text-decoration: none;
  padding: 2px 15px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #4CAF50;
  display: block;
  color: #4CAF50;
  background-color: transparent;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.prolist a:hover {
  color: #666;
  border-color: #666;
}

/* Create an active/current tablink class */
.prolist a.active {
  background-color: #4CAF50;
  color: #fff;
  border-color: #4CAF50;
}

/* Style the tab content */
.offtabcon {
  display: none;
  padding: 6px 0px;
}

a.probox{
  border: 1px solid #efefef;
  display: block;
  overflow: hidden;
  /*border-radius: 15px;*/
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
a.probox img{
  width: 100%;
  display: block;
  margin:auto;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;  
}
a.probox:hover img{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
a.probox:hover{

}
a.probox .overlay{
  padding: 0 15px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
a.probox h3{
  color: #fff;
  font-size: 18px;
  padding-top: 10px;
  margin-top: 0px;
  margin-bottom: 5px;
}
a.probox p{
  color: #fff;
}

@media(max-width: 360px){
.prolist li{
  margin-right: 8px;
}
.prolist a{
  padding: 2px 10px;
}
}




/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************COUNTER**********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.counter-con{
  background-color: #1c97d2;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 50px;
}  
.counter-con #counter{
  display: flex;
  flex-flow: wrap;
}
.counter-con img{
  margin: auto;
  display: block;
  width: 50px;
} 
.counter-value{
  display: inline-block;
  font-size: 20px;
  margin: 5px auto;
}
.co-con{
  text-align: center;
  margin-bottom: -10px;
  color: #fff;
}
.counter-con p{
  text-align: center;
  color: #fff;
  margin-bottom: 0;
}

@media(max-width: 767px){
.counter-con img{
  max-width: 40px;
  margin-top: 10px;
}
.counter-con p{
  margin-bottom: 10px;
}
.counter-value{
  color: #FFEB3B;
}
}

@media(max-width: 480px){
.counter-con img{
  max-width: 30px;
}
.counter-con p{
  font-size: 1.20px;
}  
}



/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************LOANS*********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/


.loans .sub-head{
  font-size: 22px;
  color: #000;
  padding-top: 20px;
  text-align: center;
  margin-top: 30px;
}
.loans .sub-desc{
  color: #000;
  text-align: center;
  padding: 0 0 25px 0;
}
.loans .btn-container{
  margin: auto;
  text-align: center;
}
a.secondary{
  background-color: #ffae00;
  color: #000;
  padding: 15px 15px;
  margin: -1px;
  transition: all .3s ease;
}
a.secondary:hover, a.secondary:focus{
  background-color:#ffc954;
}
a.secondary p{
  display: inline-block;
  text-align: center;
}
.loan-overlay{
  position: absolute;
  top: 0;
  background-color: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
}
.loan-txt{
  color: #fff;
  background: rgb(0,0,0,);
  background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0, 0, 0, .6) 70%, rgba(0, 0, 0, 1) 100%);
  padding-bottom: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.loan-txt h3{
  padding: 0 15px;
  margin-top: 126px;
  font-size: 18px;
}
.loan-txt p{
  font-family: 'ubunturegular';
  padding: 0 15px;
  font-size: 12px;
  width: 70%;
}
.loan-btn{
  background-color: #197B30;
  color: #fff;
  padding: 5px 20px;
  border-radius: 0;
  transition: all .3s;
  float: right;
  font-size: 12px;
  margin-right: 5px;
  display: none;
}
.loan-btn:hover{
  color: #fff;
}
.btnloan{
    float: right;
    display: none;
    padding: 4px 6px;
    font-size: 13px;
    color: #000;
    background-color: #fff;
    margin-right: 5px;
}
.owl-item.active.center .loan-overlay{
  background-color: rgba(0,0,0,0);
}
.owl-item.active.center .loan-btn, .owl-item.active.center .btnloan{
  display: block;
}
.owl-theme .owl-nav.disabled+.owl-dots{
  display: none;
}




/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************SERVICES*********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

.e-banking{
  /*margin-top: 30px;*/
}
.serv-con{
  margin-bottom: 20px;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.srvbox{
  background-color: white;
  border: 1px solid #efefef;
  position: relative;
  border-radius: 3px;
  padding: 10px 5px;
  display: table;
  height: 112px !important;
  transition: all .3s ease !important;
  -webkit-transition: all .3s ease !important;
}
.srvbox:hover{
  box-shadow: 3px 3px 20px rgba(0, 0, 0, .2);
  position: relative;
  border: 1px solid #1c97d2;
  z-index: 1;
  background-color: #1c97d2;
  /*transform: scale(1.02);*/
}
.srvbox .srvcol{
  display: table-cell;
  vertical-align: middle;
}
.srvbox img{
  max-width: 40px;
  display: block;
  margin: auto;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.srvbox:hover img{
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.srvbox h4{
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  color: #333;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.srvbox p{
  text-align: center;
  color: #666;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.srvbox:hover h4, .srvbox:hover p{
  color: #fff;
}

.btnserv, .btnserv:focus{
  background-color: transparent;
  color: #009688;
  border: 2px solid;
  font-size: 20px;
  margin: auto;
  display: table;
  width: 40px;
  height: 40px;
  line-height: 0;
  border-radius: 50%;
  outline: 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.btnserv:hover{
  color: #009688;
  box-shadow: 0 0 0px 5px rgb(1, 158, 236);
}

@media(max-width: 767px){
.serv-con{
  display: block;
}
.srvbox{
  padding: 20px 10px;
}
}





/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************OFFERS***********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/
.offers{
  /*margin-top: 50px;*/
  padding-bottom: 20px;
}
.offers .imgcalc{
  width: 100%;
}
ul.calc{
  line-height: 40px;
  border: 1px solid #ccc;
  padding: 5px 15px 5px 15px;
  border-top: none;
}
ul.calc li{
  border-bottom: 1px dotted #ccc !important;
}
ul.calc li:last-child{
  border-bottom: none !important;
}
ul.calc li a{
  color: #666;
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
ul.calc li a:hover{
  color: #1c97d2;
}
ul.calc li a:after {
    content: '\f105 ';
    font-family: fontawesome;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    border-radius: 50%;
    display: inline-block;
    float: right;
    text-align: center;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
ul.calc li a:hover:after{
  background-color: #1c97d2;
  color: #fff;
}

.swiper-offer img{
  border-right: 1px solid #ccc;
  border-left: 1px solid #fef200;
  margin: auto;
  display: block;
  max-height: 430px;
}

@media(max-width: 767px){
ul.calc{
  margin-bottom: 40px;
}
}


/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************FOOTER***********************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

footer{
  padding-top: 50px;
  background-color: #fff;
  background-image: url(../img/images/footbg.jpg);
  background-image: url(../img/images/footbg.webp);
  background-position: bottom;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  border-top: 5px solid #03A9F4;
  /*height: 500px;*/
}
.footcol{
  width: calc(100% / 5);
  float: left;
  font-size: 13px;
  color: #999;
}
.footcol p{
  font-size: 13px;
  line-height: 24px;
}
.footcol h4{
  color: #ccc;
  font-size: 16px;
}
.footcol h4:after{
  content: '';
  width: 35px;
  height: 2px;
  background-color: #fbb216;
  display: block;
  border-left: 10px solid #118fcc;
  margin-top: 10px;
}
.footcol ul{
  list-style-type: none;
  padding-inline-start: 0;
  line-height: 26px;
}
.footcol ul a{
  color: #999;
  transition: all .3s  ease;
  -webkit-transition: all .3s  ease;
}
.footcol ul a:hover{
  color: #1c97d2;
}

.foot-middle{
  margin: 25px 0 10px 0;
  border-top: 2px dashed rgba(0, 135, 251, 0.1);
  border-bottom: 2px dashed rgba(0, 135, 251, 0.1);
  padding-top: 25px;
  padding-bottom: 25px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  display: flex;
  flex-flow: wrap;
}
.foot-middle h5{
  margin-top: 0;
  font-family: 'ubuntumedium';
  color: #ccc;
  font-size: 14px;
}
.social ul{
  list-style-type: none;
  padding-inline-start:0;
}
.social ul li{
  float: left;
  margin: 0 10px 0 0px;
  text-align: center;
}
.social ul li a{
  color: #666;
}
/*.social{
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin: 25px 0 10px 0;
  padding: 15px 0;
}*/
.social ul li span.fa{
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 50%;
  background-color: #1c97d2;
  color: white;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.social ul li a:hover span.fa{
  transform: translateY(-3px);
}
.foot-middle ul.links{
  list-style-type: none;
  padding-inline-start:0;
  margin-bottom: 0;
  margin-top: 18px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.foot-middle ul.links>li{
  float: left;
  border-right: 1px solid #444;
}
.foot-middle ul.links>li:last-child{
  border-right: none;
}
.foot-middle ul.links>li>a{
  color: #999;
  margin: 5px;
  font-size: 13px;
}
.foot-middle ul.links>li>a:hover{
  color: #fbb216;
  }

.foot-middle .search{
  border-radius: 3px;
  overflow: hidden;
}
.foot-middle .form-control, .foot-middle .form-control:focus{
  height: 35px;
  outline: 0;
  box-shadow: none;
  border-radius: 0;
}
.foot-middle .search .btn{
  border-radius: 0;
  height: 35px;
  outline: 0;
  background-color: #1c97d2;
  color: #fff;
  border:none;
}


.foot-bottom{
  color: #999;
  display: flex;
  flex-flow: wrap;
}
.foot-bottom p{
  font-size: 13px;
}
.powered p{
  text-align: right;
}
.powered a{
  color: #999;
}

@media(max-width: 1080px){
.footcol{
  width: calc(100% / 4);
}
.footcol.ftcont{
  width: 100%;
  text-align: center;
  margin-top: 15px;
  border-top: 1px solid #ccc;
  padding-top: 15px;
}
.footcol.ftcont h4:after{
  margin-left: auto;
  margin-right: auto;
}
}

@media(max-width: 991px){
.footcol{
  width: calc(100% / 3);
}
.footcol h4{
  font-size: 15px;
}
.foot-middle ul.links{
  margin-top: 20px;
}
}

@media(max-width: 767px){
.footcol.ftcont{
  margin-top: 0px;
  border-top: none;
  padding-top: 0px;
}
.ftcont h4{
  margin-top: 0;
}
.social h5{
  text-align: center;
}
.social ul{
  display: table;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
.foot-middle ul.links{
  margin-bottom: 5px;
}
.subscribe{
  text-align: center;
}
.foot-bottom p{
  text-align: center;
}
.foot-bottom .copy p{
  margin-bottom: 0;
}
}

@media(max-width: 480px){
.foot-middle ul.links{
  display: none;
}
}



/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
/*////***********************FLOATING ICONS***************\\\\*/
/*]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/

@media(min-width: 767px){
.control-center{
  display: none !important;
}
}

.control-center {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}

.option-btn {
  background-color: #1c97d2;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  cursor: pointer;
  z-index: 9;
}

.option-btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
  background-position: center center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNjEyIDYxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyIDYxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjY5LjU0NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iMzA2IiBjeT0iMzA2IiByPSI2OS41NDUiIGZpbGw9IiNGRkZGRkYiLz4KCQk8Y2lyY2xlIGN4PSI1NDIuNDU1IiBjeT0iMzA2IiByPSI2OS41NDUiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

.option-btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hiddden;
  transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.option-btn.open:after {
  opacity: 0;
  visibility: hiddden;
  transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
}

.option-btn.open:before {
  opacity: 1;
  visibility: visible;
  transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
}

.right-sidebar {
  list-style: none;
  background-color: #fff;
  height: 50px;
  padding: 8px 25px 8px 35px;
  margin: 0;
  margin-left: -25px;
  border-radius: 20px;
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.right-sidebar li {
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
  opacity: 0;
  vertical-align: middle;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.left-sidebar {
  list-style: none;
  background-color: #fff;
  height: 50px;
  padding: 8px 25px 8px 35px;
  margin: 0;
  margin-right: -25px;
  border-radius: 20px;
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.left-sidebar li {
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  opacity: 0;
  vertical-align: middle;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.left-sidebar li:hover, .right-sidebar li:hover{
  filter: brightness(0);
  -webkit-filter: brightness(0);
}

.right-sidebar, .left-sidebar {
  opacity: 0;
  visibility: hidden;
}
.right-sidebar li img, .left-sidebar li img{
  max-width: 20px;
  display: block;
  margin: auto;
}
.right-sidebar li, .left-sidebar li{
  font-size: 10px;
  min-width: 50px;
  text-align: center;
}
.right-sidebar li a, .left-sidebar li a{
  color: #666;
}

@media(max-width: 380px){
.right-sidebar, .left-sidebar{
  padding: 8px 20px 8px 15px;
}
.right-sidebar li, .left-sidebar li{
  min-width: auto;
}
.left-sidebar li{
  margin-right: 15px;
}
.right-sidebar li{
  margin-left: 15px;
}
}

.open .right-sidebar {
  animation-name: rightslide;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.open .left-sidebar {
  animation-name: leftslide;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.open .right-sidebar li:nth-child(1), .open .left-sidebar li:nth-child(2) {
  animation-name: fadeIn;
  animation-duration: .3s;
  animation-delay: .4s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

.open .right-sidebar li:nth-child(2), .open .left-sidebar li:nth-child(1) {
  animation-name: fadeIn;
  animation-duration: .3s;
  animation-delay: .5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}
 @keyframes 
rightslide {  from {
 opacity: 0;
 visibility: hidden;
 transform: translate(-30%, 0);
}

to {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
}
 @keyframes 
leftslide {  from {
 opacity: 0;
 visibility: hidden;
 transform: translate(30%, 0);
}

to {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
}
 @keyframes 
fadeIn {  from {
 opcity: 0;
}

to { opacity: 1; }
}



.floatmodal.modal{
  background-color: rgba(0, 0, 0, 0.4);
}
.floatmodal .modal-dialog{
  top: 50%;
  transform: translateY(-50%) !important;
}
.floatmodal .modal-header .close .fa{
  font-size: 20px;
}
.floatmodal .modal-title{
  color: #2196F3;
}
.floatmodal .modal-content{
  box-shadow: none;
  border: none;
}

.floatmodal ul.calc{
  padding: 5px;
  border: none;
  margin-top: -15px;
  margin-bottom: 0;
}
.floatmodal ul.calc li a{
  font-size: 13px;
  box-shadow: 0px 1px 0px #ccc;
}
.floatmodal ul.calc li a:last-child{
  box-shadow: none;
}

.floatmodal ul.apply{
  display: inline-block;
}



.mediacon{
    position: absolute;
    margin-top: 42px;
    width:100%;
    }
.mediagroup{
    display:block;
}
/*.mediagroup a, .mediagroup a:focus{*/
/*background-color: #cf1cd2;*/
/*color: white;*/
/*padding: 10px 15px;*/
/*outline:0;*/
/*}*/
/*.mediagroup a:hover{*/
/*    color:#fff;*/
/*    background-color: #a800ab;*/
/*}*/
/*.mediagroup a .fa{*/
/*    margin-right:5px;*/
/*}*/
/*.mediagroup a.video{*/
/*    float:right;*/
/*background-color: #63ad34;*/
/*}*/
/*.mediagroup a.video:hover{*/
/*background-color: #42970d;*/
/*}*/

@media(max-width:580px){
.mediacon{
    display:none;
}
}


.insurance .card{
  text-align: center;
  height: 100%;
    max-width: 500px;
    margin: auto;
}
.insurance .card img{
    max-height: 70px;
    width: auto;
    max-width: none;
    display: block;
    margin: auto;
    margin-top: 1rem;
}
.insurance .card a.btn{
  padding: 10px 20px;
}



.azadi{
  position: fixed;
  top: 36%;
  right: 0;
  z-index: 2;
  width: 100px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  background-color: #fff;
  border-radius: 0.3rem 0 0 0.3rem;
}
.azadi a{
  display: block;
  padding: 6px;
}

@media(max-width: 767px){
.azadi{
  width: 85px;
}
}


@media(max-width: 1600px){
.logocon{
height: 103px;
display: flex;
width: 280px;
align-items: center;}

.logocon img{
margin-left: 7px;
margin-top: 0px;
}
header .drophover .dropbtn{
padding: 12px 7px;
}
header .drophover.login .dropbtn{
padding: 12px 7px;
}
header .bottom .srch .dropbtn{
padding: 12px 7px;
}

}

@media(max-width: 1366px){
.logocon{
width:210px;
}
header .bottom{
padding-right:30px;
}
}
@media(max-width: 1220px){
.logocon{
width:200px;
}
header .bottom{
padding-right:15px;
}
}


@media(max-width: 1199px){
 .lgr-hide {
        display: none !important;
    }
}

@media(max-width: 991px){
.logocon{
width:300px!important;
height: auto;
}
}

   

.swiper-button-next.popup-next .fa, .swiper-button-prev.popup-prev .fa {
    font-size: 30px;
    color: #000;
    opacity: .8;
}