/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*Stack vs Quicktabs*/
.rdev-stack .icon-box-img {
	margin-bottom: 0
}
.rdev-stack .img-inner {
	-webkit-animation: rdev-ripple-blue .6s linear infinite;
animation: rdev-ripple-blue .6s linear infinite;
	border-radius: 50%;
}
.rdev-stack p {
	color: #0087b7;
	letter-spacing:-0.5px ;
}
@-webkit-keyframes rdev-ripple-blue {
 0% {
  box-shadow:0 4px 10px rgba(111,155,180,.774),0 0 0 0 rgba(72,126,161,.644),0 0 0 5px rgba(42,94,161,.788)
 }
 to {
  box-shadow:0 4px 10px rgba(91,162,209,.192),0 0 0 5px rgba(80,157,219,.274),0 0 0 10px rgba(126,196,237,.205)
 }
}
@keyframes rdev-ripple-blue {
 0% {
  box-shadow:0 4px 10px rgba(111,155,180,.774),0 0 0 0 rgba(72,126,161,.644),0 0 0 5px rgba(42,94,161,.788)
 }
 to {
  box-shadow:0 4px 10px rgba(91,162,209,.192),0 0 0 5px rgba(80,157,219,.274),0 0 0 10px rgba(126,196,237,.205)
 }
}
.rdev-section{
	padding: 10px 10px
}
.rdev-quicktabs > .nav {
    width: 70px;

}
.rdev-quicktabs > .nav .tab {
    margin: 0;
}
.rdev-quicktabs > .nav .tab a {
    padding: 0;
    border-radius: 15px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 70px;
    height: 66px;
    background: linear-gradient(180deg,#eaf2fe 20%,#cbd6e6);
    border: 1px solid #5d81b8;
    box-shadow: inset 0 1px 0 #fff,0 3px 5px 0 rgba(136,136,136,.2);
	margin-bottom: 5px;
}
.rdev-quicktabs > .nav .tab.active a {
    background: radial-gradient(ellipse at center,#46b0ff 0,#1b47a3 100%);
    border-color: #f6d997;
    box-shadow: 0 1px 1px #fff,0 3px 5px 0 rgba(102,102,102,.5);
}
.rdev-quicktabs .nav-vertical > li + li {
	border-top: 0
}
.rdev-quicktabs > .nav .tab a > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
}
.rdev-quicktabs > .nav .tab a > img:nth-child(2) {
    display: none;
}
.rdev-quicktabs > .nav .tab.active a > img:nth-child(1) {
    display: none;
}
.rdev-quicktabs > .nav .tab.active a > img:nth-child(2) {
    display: block;
}
.rdev-quicktabs > .nav .tab a:before {
    display: none;
}
.rdev-quicktabs h3 {
    text-align: center;
    font-size: 0.8em;
    position: absolute;
    bottom: -4px;
    color: #5d81b8
}
.rdev-quicktabs .active h3 {
    color: #fff;
}
.rdev-quicktabs > .tab-panels {
    width: calc(100% - 70px);
    padding-left: 10px;
    padding-top: 0;
}
.rdev-quicktabs .tab-panels .row {
    margin: 0;
}
.rdev-quicktabs .tab-panels .panel .row .col {
    padding: 0 5px 5px;
}
.rdev-quicktabs .banner {
	border-radius: 10px;
overflow: hidden;
}
.rdev-quicktabs .tab-panels {
	max-height: 500px;
overflow-y: scroll;
}
.rdev-quicktabs .tab-panels .banner {
	margin-bottom: 5px
}
.rdev-quicktabs ul.nav-vertical {
	max-height: 500px;
overflow-y: scroll;
}
/*moblie menu*/
.rdev-bottom-menu-mobile{
	position: fixed;
bottom: 0;
z-index: 999;
left: 0;
	padding: 5px 10px !important;
	border-top-left-radius: 30px;
border-top-right-radius: 30px;
	background: linear-gradient( #fff 0%, #4c9bb6 13.05%, #4c9bb6 50.1%, #4c9bb6 86.93%, #fff 100%);
	overflow: hidden;
}
.rdev-bottom-menu-mobile .section-content{
	display: flex;
	justify-content: space-between;
}
.rdev-bottom-menu-mobile .icon-box{
display: inline-block;
}
.rdev-bottom-menu-mobile .icon-box-img{
	margin-bottom: 0;
}
.mobile-nav.nav-right li {
	margin: 0 5px 0 0
}
.mobile-nav.nav-right span{
	text-transform: none;
padding: 8px 0px;
}

/*top*/
.rdev-title {
	margin: 0;
background: linear-gradient(180deg,#3fcaef,#2181c3);
}
.rdev-title .section-title {
	margin: 0;
}
.rdev-title .section-title b {
	display: none
}
.rdev-title .section-title-main {
	width: 100%;
}
.rdev-link .icon-box {
	cursor: pointer;
	min-height: 58px;
}
.rdev-link .icon-box:not(:first-child) {
	border-top: 1px solid #1d79be;
}
.rdev-link .icon-box:hover {
	background: #1d79be;
}
.rdev-link .icon-box-text {
	position: relative;
}
.rdev-link .icon-box-text > .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.rdev-link .icon-box-text > .text h3 {
	margin-bottom: 0;
}
.rdev-news .box-vertical {
	padding-bottom: 8px;
}
.rdev-news .box-vertical .box-text {
	padding: 0 0 0px 5px;
}
.rdev-button .button{
	background: linear-gradient(90deg,#003157,#40b9e4,#026bb8,#5ddef8,#026bb8,#40b9e4,#003157);
font-size: .9em;
	overflow: hidden;
	min-height: 55px;
}
.rdev-button .button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(60deg,#2283c5,#3fc9ee,#2488c7);
  position: absolute;
  top: 0;
  left: 0;
}
.rdev-button .button:hover:before {
	background: linear-gradient(60deg,#3fc9ee,#2283c5,#3fc9ee);
}
.rdev-button .button span {
	z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}
.rdev-right-menu {
	position: fixed;
top: 50%;
left: 93%;
transform: translate(0, -50%);
	z-index: 999
}
.rdev-right-menu .icon-box {
	background: linear-gradient(90deg,#34b7e6,#1b6db6);
	box-shadow: inset 0 0 0 1px #035293,0 2px 5px 0 rgba(0,0,0,.6);
width: 70px;
height: 70px;
position: relative;
border-radius: 15px;
	margin-bottom: 5px;
	cursor: pointer;
	transition: .3s;
}
.rdev-right-menu .icon-box:hover {
	background: linear-gradient(90deg,#3eddff,#2386dd);
box-shadow: inset 0 0 0 1px #55b7ed,0 0 3px 0 rgba(0,0,0,.3);

transform: translateX(0);
}
.rdev-right-menu .icon-box-img {
	margin-bottom: 0
}
.rdev-right-menu .icon-box-text {
	position: absolute;
bottom: 5px;
left: 50%;
transform: translate(-50%, 0);
	width: 80%;
}
.rdev-right-menu .icon-box-text  p {
	font-size: .8em;
	line-height: 1
}
/*mobile nav*/
.header-bottom .flex-row.container {
	overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.header-bottom-nav.mobile-nav {
	flex-flow: row;
}
.header-bottom-nav.mobile-nav li {
	min-width: 68px;
text-align: center;
}
.header-bottom-nav.mobile-nav li > a {
color: #00abe5
}
.header-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #dadada;
  color: #777;
  height: 40px;
  line-height: 2.4;
  padding: 0 7px;
  z-index: 999;
  font-family: "fl-icons" !important;
}
.header-bottom:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: #dadada;
  color: #777;
  height: 40px;
  line-height: 2.4;
  padding: 0 7px;
  z-index: 999;
	font-family: "fl-icons" !important;
}
body:not(.single-post, .category) .header-bottom {
	display:none
}
.header-button .button {
	padding: 0 8px
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}