html {
  scroll-behavior: smooth;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}
.sidemenu {
    background-image: url('../images/menu-white.png');
    width: 32px;
    height: 32px;
}

// toggle styling
.slideToggle{
  display: flex;
  justify-content: center;
  margin: 50px 0;
  i {
    margin: 0 15px;
  }
}
.form-switch {
  align-items: center;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  justify-content: space-between;
  margin-bottom: 20px;
}.text-success {
    color: #ffffff!important;
}
span.afterinput, .beforeinput {
    color: rgb(255 255 255 / 46%);
}
.form-switch i {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 20px;
  border: 1px solid #DFDFDF;
  border-radius: 15px;
  transition: all 0.3s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 27px;
  height: 12px;
  background-color: #25a3dc;
  border-radius: 15px;
  transform: translate3d(4px, 3px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch input { display: none; }

 .form-switch input:checked + i {/* background-color: #0274D6; */}

.form-switch input:checked + i::after {transform: translate3d(30px, 3px, 0);}
.menu-white {
    background-image: url(../images/menu-white.png);
}
.menu-black {
    background-image: url(../images/menu-black.png);
    margin-top: -18px;
}

.btn-primary {
    background: #25A3DC 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 8px #00000008;
    border-radius: 28px;
    opacity: 1;
    border: 0;
    padding: 8px 30px;
}
p {
	font-size: 15px;
	line-height: 20px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	
}
a {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
a, a:hover {
	text-decoration: none !important;
	color:#25A3DC;
}
 
body {
	position: relative;
}
body:before {
	position: absolute;
	content: "";
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
body.show-sidebar {
	overflow: hidden;
}
body.show-sidebar:before {
	opacity: 1;
	visibility: visible;
}

.site-section {
	/* padding: 7rem 0; */
}
aside, main {
	height: 100vh;
	min-height: 580px;
}
aside {
	width: 280px;
	right: 0;
	z-index: 1001;
	position: fixed;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	color: #fff;
	background-color: #464159;
	-webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
	transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
	transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
	transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
}
.show-sidebar aside {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
aside .toggle {
	padding-right: 30px;
	padding-top: 37px;
	position: absolute;
	left: 0;
	/* background-color: beige; */
	z-index: 1032;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.show-sidebar aside .toggle .burger:before, .show-sidebar aside .toggle .burger span, .show-sidebar aside .toggle .burger:after {
	background: #fff;
}
.show-sidebar aside {
	background: rgb(37,163,220);
background: -moz-linear-gradient(180deg, rgba(37,163,220,1) 0%, rgba(24,74,139,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(37,163,220,1) 0%, rgba(24,74,139,1) 100%);
background: linear-gradient(180deg, rgba(37,163,220,1) 0%, rgba(24,74,139,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25a3dc",endColorstr="#184a8b",GradientType=1);
}

nav.navbar.sidebar-nav {
    padding: 0;
}

.sidebar-nav li.nav-item {
    margin: 8px 0;
}

.sidebar-nav li.nav-item .nav-link {
    color: white;
}

aside .side-inner {
	padding: 20px 0;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
aside .side-inner .share {
	padding: 19px 20px 20px 30px;
}
aside .side-inner .share h2 {
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 30px;
}
aside .side-inner .share p {
	color: #fff;
	line-height: 1.8;
	margin-bottom: 30px;
}
aside .side-inner .share form .form-control {
	background: none;
	border-radius: 0;
	height: 56px;
	margin-bottom: 20px;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
}
.owl-theme .owl-nav .disabled {
    opacity: .8;
}
.owl-nav {}

.owl-team .owl-nav {
    position: absolute;
    right: 0;
    top: -100px;
}

.owl-team {
    position: relative;
}
section.about2 p {
    line-height: 26px;
    font-size: 1.2em;
}
button.owl-prev p, button.owl-next p {
    margin: 10px;
}
button.owl-prev {
    padding-right: 15px !important;
    border-radius: 50px 0px 0px 50px !important;
    background-color: black !important;
    width: 50px;
    color: white;
    margin:0px !important;
    padding-top: 10px !important;
}

button.owl-prev span, button.owl-next span {
    font-size: 2em;
    color: white;
}
button.owl-next {
    padding-right: 15px !important;
    border-radius: 0px 50px 50px 0px !important;
    background-color: black !important;
    width: 50px;
    color: white;
    margin:0px  !important;
}

button.owl-prev span {
    font-size: 2em;
    color: white;
}

.owl-dots {
    display: none;
}
aside .side-inner .share form .form-control:active, aside .side-inner .share form .form-control:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #fff;
}
 aside .side-inner .share form .form-control::-webkit-input-placeholder {
          /* Edge */
          color: #fff;
}
 aside .side-inner .share form .form-control:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #fff;
}
 aside .side-inner .share form .form-control::-ms-input-placeholder {
 color: #fff;
}
 aside .side-inner .share form .form-control::placeholder {
 color: #fff;
}
aside .side-inner .share form textarea {
	height: auto !important;
}
aside .side-inner .share form .btn {
	border-color: transparent;
	height: 56px;
	border-radius: 0;
	display: block;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .2rem;
}
main {
	width: calc(100%);
}
main .post-entry {
	margin-bottom: 30px;
}
main .post-entry .custom-thumbnail {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 80px;
	margin-right: 30px;
}
main .post-content h3 {
	font-size: 18px;
}
main .post-content .post-meta {
	font-size: 15px;
	color: #ccc;
}
/* Toggle */
.menu-toggle span {
	color: #ccc;
	font-size: 2rem;
}
.menu-toggle:hover span, .menu-toggle:focus span {
	color: #000;
}
.menu-toggle.active span {
	color: #fff;
}

/*header*/
.banner {
    position: relative;
}

.menu {
    position: absolute;
    width: 100%;
    top: 0; transition: 0.5s;
    -webkit-transition:  0.5s;
}
.menu a.nav-link {
    color: white;
    font-weight: 500;  transition: 0.5s;
    -webkit-transition:  0.5s;
}

.menu li.nav-item {
    margin: 0px 19px; transition: 0.5s;
    -webkit-transition:  0.5s;
}

/*banner*/

.banner-caption {
    position: absolute;
    bottom: 0;
    width: 71%;
    right: 0px;
}

.banner-caption-container {
 background: rgb(37,163,220);
 background: -moz-linear-gradient(180deg, rgba(37,163,220,1) 0%, rgba(24,74,139,1) 100%);
 background: -webkit-linear-gradient(180deg, rgba(37,163,220,1) 0%, rgba(24,74,139,1) 100%);
 background: linear-gradient(180deg, rgba(37,163,220,1) 0%, rgba(24,74,139,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25a3dc",endColorstr="#184a8b",GradientType=1);
 color:white;
 padding: 1.5em 5%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    
    width: 35px;
    height: 35px;
   
}



.banner-caption-container h1 {
    font-size: 2.5em;
}
section {
    padding: 3.5em 0;
}

.about img.cloud {
    position: absolute;
    left: -29%;
    z-index: -1;
    top: -21px;
}
.title {
    font-size: 44px;
}

.benefits {
    margin-bottom: 3em;
}

.benefits img {
    margin-bottom: 1.5em;
}

.benefits h5 {
    padding-top: 25px;
    /* border-top: 2px solid #d0d0d0; */
    /* width: 242px; */
    /* margin-top: 20px; */
    font-size: 1.2em;
}

.benefits h5:before {
    width: 150px;
    height: 2px;
    background-color: #abaaaa;
    position: absolute;
    top: 109px;
    content: '';
}

/*slider tabs*/

section.plan {
    background: #0175A8;
    background: -moz-linear-gradient(180deg, #0175A8 0%, #002645 100%);
    background: -webkit-linear-gradient(180deg, #0175A8 0%, #002645 100%);
    background: linear-gradient(180deg, #0175A8 0%, #002645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0175A8",endColorstr="#002645",GradientType=1);
}


#container {/* width:450px; *//* margin: 50px auto; */}

.jwg_slider_module {
	min-height:320px;
}
.jwg_slider_module,
.jwg_slider_module .arrow_navigation,
.jwg_slider_module .tabbed_navigation {
	overflow:hidden;
	position:relative;
	width: 100%;
}
.jwg_slider_module .tabbed_navigation > ul {
	margin:0 auto;
	text-align:center;
}
.jwg_slider_module .tabbed_navigation > ul:after {
	content:"";
	clear:both;	
	display:block;
}
.jwg_slider_module .tabbed_navigation > ul li {
	overflow:hidden;
	position:relative;
	display:inline;
	display:inline-block;
	cursor:pointer;
	margin: 0 10px;
	opacity: 0.9;
	transition : opacity .5s;
	-o-transition : opacity .5s;
	-ms-transition : opacity .5s;
	-moz-transition : opacity .5s;
	-webkit-transition : opacity .5s;
}
.jwg_slider_module .tabbed_navigation > ul li.current {
	opacity: 1;
	color: #00dafd;
}
.jwg_slider_module .tabbed_navigation > ul li:hover  {
	opacity: 1;
	color: #e0fbff;
}

.jwg_slider_module .tabbed_navigation > ul.5_col li {
	width:16%;
}
.jwg_slider_module .arrow_navigation {width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: auto;
}
.jwg_slider_module .arrow_navigation > div {
	position: relative;
	z-index: 20;
	opacity: 1 !important;
	transition : opacity .5s;
	-o-transition : opacity .5s;
	-ms-transition : opacity .5s;
	-moz-transition : opacity .5s;
	-webkit-transition : opacity .5s;
	width:auto;
	height: 43px;
	cursor: pointer;
	top: 38%;
	background : #FFF;
	padding: 10px;
	left: auto;
} 
.jwg_slider_module .arrow_navigation.on > div {
	opacity : 0.6;
}
.jwg_slider_module .arrow_navigation > div {
	opacity : 1;
}
.jwg_slider_module .arrow_navigation > div > p {
	font-size: 20px;
	position: relative;
	line-height: 23px;
}
.touch .jwg_slider_module .arrow_navigation > div {
	padding: 20px;
	width : 30px;
}
.touch .jwg_slider_module .arrow_navigation > div > p {
	font-size: 25px;
}
.jwg_slider_module .arrow_navigation > div.left {
	padding-right: 15px;
	border-radius: 50px 0px 0px 50px;
}
.jwg_slider_module .arrow_navigation > div.right {
	padding-left: 15px;
	border-radius: 0px 50px 50px 0px;
}  

.testimonial .jwg_slider_module .arrow_navigation > div.left {
	padding-right: 15px;
	border-radius: 50px 0px 0px 50px;
}
.testimonial .jwg_slider_module .arrow_navigation > div.right {
	padding-left: 15px;
	border-radius: 0px 50px 50px 0px;
}  
.jwg_slider_module .slides {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
}
.jwg_slider_module .slides > .slide {
	float:left;
	width:100%;
	height:inherit;
	/* text-align:center; */
}
.jwg_slider_module .tabbed_navigation {
	position: absolute;
	bottom: 0;
	left:0;
} 
/* BASIC CSS */

.jwg_slider_module {
	min-height:100px;
}
.jwg_slider_module,
.jwg_slider_module .arrow_navigation,
.jwg_slider_module .tabbed_navigation {
	overflow:hidden;
	position:relative;
	width: 100%;
}
.jwg_slider_module .tabbed_navigation > ul {
	margin:0 auto;
	text-align: left;
	padding-left: 0;
}
.jwg_slider_module .tabbed_navigation > ul:after {
	content:"";
	clear:both;	
	display:block;
}
.jwg_slider_module .tabbed_navigation > ul li {
	overflow:hidden;
	position:relative;
	display:inline;
	display:inline-block;
	cursor:pointer;
	margin: 0 10px;
	color: #b6e5fb;
	border-top: 2px solid #00dafd;
	padding-top: 20px;
	width: 18%;
}

.jwg_slider_module .arrow_navigation {
	 
margin: 0;
	 
height: 100%;
	 
position: relative;
	 
z-index: auto;
	 
width: 84px;
}
.jwg_slider_module .arrow_navigation > div {
	position: relative;
	z-index: 20;
	cursor: pointer;
	top: 56%;
	left: 0;
	float:left;
} 
.jwg_slider_module .arrow_navigation > div.right {
	float:right;
}

#container .jwg_slider_module .slides {
 
top: 156px;
}
}
.jwg_slider_module .slides {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	height:100%;
}
.jwg_slider_module .slides > .slide {
	float:left;
	width:100%;
	height:inherit;
	/* text-align:center; */
}
#container .jwg_slider_module .tabbed_navigation {
	 
	top: 0;
	 
	
}
.jwg_slider_module .tabbed_navigation {
	position: absolute;
	bottom: 0;
	left:0;
} 

.table td, .table th {
    padding: .45rem .25rem;
    font-weight: 100;
    vertical-align: middle;
    border: 1px solid #ffffff0d;
}
 .table th {
  color: #00dafd;
}
.table {
   color: #c5e2ff;
   font-size: 0.8em;
   /* table-layout: fixed; */
}
.table-hover tbody tr:hover {
    color: white;
    background-color: rgba(0,0,0,.075);
}
.services {
    position: relative;
}

.service-caption {
    position: absolute;
    bottom: 0;
    right: 0;
    min-height: 266px;
    padding: 20px 10px;
    width: 75%;
    color: white;
    background: #0175A8;
    background: -moz-linear-gradient(180deg, rgba(36, 158, 215, 0.9) 0%, rgba(24, 77, 142, 0.9) 100%);
    background: -webkit-linear-gradient(180deg, rgba(36, 158, 215, 0.9) 0%, rgba(24, 77, 142, 0.9) 100%);
    background: linear-gradient(180deg, rgba(36, 158, 215, 0.9) 0%, rgba(24, 77, 142, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(36, 158, 215, 0.9)",endColorstr="rgba(24, 77, 142, 0.9)",GradientType=1);
}

.btn-right {
    position: absolute;
    top: 10px;
    right: 0px;
}
.service img.cloud {
    position: absolute;
    left: -11%;
    top: 155px;
}

section.service {
    position: relative;
}

.btn-outline {
    box-shadow: 7px 7px 8px #00000008;
    border: 1px solid #002645;
    border-radius: 28px;
    opacity: 1;
}
.about2 img.cloud {
    position: absolute;
    top: 18px;
    width: 566px;
    left: 30%;
    z-index: -1;
}

section.about2 {
    position: relative;
    text-align: center;
}
.about2 h2.title {
    /* font-size: 28px; */
}
section.testimonial {
    background-color: #F2F2F2;
}
.team {
    /* text-align: center; */
}

.team-caption {
    margin-top: 20px;
}
.about2 h2 {
    font-size: 45px;
}

/*testin*/

.testi-content {
    text-align: left;
}

.testimonial .jwg_slider_module .tabbed_navigation > ul {
     
    text-align: right;
    

}

.testimonial  .jwg_slider_module .tabbed_navigation > ul li {
    overflow: hidden;
    position: relative;
    display: inline;
    display: inline-block;
    cursor: pointer;
    margin: 0 10px;
    color: #000000;
    border-top: 0;
    padding-top: 0px;
    width: 20%;
}
.tabbed-items {
    text-align: left;
}

.testimonial .jwg_slider_module .arrow_navigation {
    width: 86px;
    margin: 0;
    height: 100%;
    position: relative;
    z-index: auto;
    margin-left: auto;
}

.testimonial .jwg_slider_module .arrow_navigation > div {
    position: relative;
    z-index: 20;
    cursor: pointer;
    /* padding-left: 23px !important; */
    top: 34%;
    background-color: black;
    left: 0;
    float: left;
}

.testimonial .jwg_slider_module .tabbed_navigation {
    position: absolute;
    bottom: -7px;
    left: 0%;
}
.tabbed-items img {
    width: 110px;
}
 .bottom-bar {
    width: 100%;
    height: 104px;
    background-color: #C9D5E3;
    position: absolute;
    bottom: 38px;
    z-index: -1;
}

section.testimonial {
    position: relative;
}

/*contact*/

.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 2.4em;
}
/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/
label, input {
  transition: all 0.2s;
  touch-action: manipulation;
}

input {
  font-size: 0.7em;
  border: 0;
  border-bottom: 1px solid rgb(255 255 255 / 49%);
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 10px;
  color: white;
  padding-left: 0;
  cursor: text;
  background-color: rgb(255 255 255 / 0%);
}

input:focus {
  outline: 0;
  border-bottom: 1px solid #fff;
}
.carousel-control-next, .carousel-control-prev {
    
    opacity: 1;}
label.error {
    color: #ff849e;
    font-size: 12px;
    padding-bottom: 10px;
    text-align: left;
    position: absolute;
    bottom: -4px;
}
label {
  /* text-transform: uppercase; */
  letter-spacing: 0.05em;
  color: white;
  /* opacity: 0.5; */
}
/**
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/
input:placeholder-shown + label.mylable {
  cursor: text;
  max-width: 66.66%;
  font-size: 0.7em;
  white-space: nowrap;
  text-transform: capitalize;
  overflow: hidden;
  font-weight: 200;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.125rem) scale(1.5);
  color: rgb(255 255 255 / 62%);
}
/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
/**
* Show the placeholder when the input is focused.
*/
input:focus::-webkit-input-placeholder {
  opacity: 1;
}
/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input:not(:placeholder-shown) + label.mylable,
input:focus + label.mylable {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
  font-size: 12px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(255 255 255 / 26%);
   
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(255 255 255 / 26%);
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: rgb(255 255 255 / 26%);
}
/*footer*/

footer {
    padding: 3.5em 0 0;
    background-color: #000000;
    color: #CECECE;
}

.address {
    padding: 20px;
    background-color: rgb(255 255 255 / 4%);
    margin-bottom: 3em;
}

.address h5 {
    text-align: left;
    font: normal normal normal 18px/22px Roboto;
    letter-spacing: 0px;
    color: #5B5B5B;
    text-transform: uppercase;
    opacity: 1;
}

.address p {
    text-align: left;
    /* font: normal normal normal 18px/26px Roboto; */
    letter-spacing: 0px;
    color: #CECECE;
    margin: 0;
    opacity: 1;
}

.links h5 {
    text-align: left;
    font: normal normal normal 18px/22px Roboto;
    letter-spacing: 0px;
    color: #5B5B5B;
    text-transform: uppercase;
    opacity: 1;
}

.links {
    padding-top: 2em;
    /* border-top: 1px solid rgb(255 255 255 / 18%); */
    /* text-align: left !important; */
    margin-bottom: 2em;
}

.links:before {
    width: 223px;
    height: 1px;
    background: rgb(255 255 255 / 24%);
    position: absolute;
    top: 0px;
    content: "";
}

footer a {
    color: #cecece;
}

footer ul {
    padding-left: 5px;
    margin: 0;
    /* text-align: left !important; */
}

footer ul li {
    list-style: none;
    /* text-align: right; */
}

ul.social-media li {
    display: inline;
}

.bottom-footer {
    padding: 20px 0;
    border-top: 1px solid rgb(255 255 255 / 11%);
    margin-top: 30px;
}

.bottom-footer ul li {
    display: inline;
   
}
.bottom-footer ul {
     text-align: right;
}

.bottom-footer ul li:not(:last-child) {
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid rgb(255 255 255 / 34%);
}

footer p {
    margin: 0;
}
.links ul li {
    margin-bottom: 10px;
    margin-right: 7px;
}
.fixed-top a.navbar-brand img {
    width: 50px;
    padding: 0;
    margin: 0;  transition: 0.5s;
    -webkit-transition:  0.5s;
}

.fixed-top a.navbar-brand {
    padding: 0;
    margin: 0;  transition: 0.5s;
    -webkit-transition:  0.5s;
}

nav#navbar_top {
    transition: 0.5s;
    -webkit-transition:  0.5s;
}

.navbar.fixed-top {
	 transition: 0.5s;
	 -webkit-transition:  0.5s;
	 background-color: white;
	 z-index: 99;
	 box-shadow: 2px 2px 14px 1px rgb(0 0 0 / 20%);
}

.navbar.fixed-top .nav-link {
    color: black;  transition: 0.5s;
    -webkit-transition:  0.5s;
}




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

@media screen and (max-width:1440px) {
	.jwg_slider_module .arrow_navigation {
    width: 84px;
    top: 58px;
}
}

@media screen and (max-width:1325px) {
	 .jwg_slider_module {
    height: 849px !important;
}
.jwg_slider_module.jwg2 {
    height: 622px !important;
}


}
@media screen and (max-width:1200px) {
	 .jwg_slider_module {
    height: 849px !important;
}
.testimonial .jwg_slider_module .tabbed_navigation {
    bottom: -32px;
}
.testimonial .jwg_slider_module .tabbed_navigation {
   
bottom: -32px;
}
}



@media screen and (max-width:1024px) {
	 .testimonial .jwg_slider_module .tabbed_navigation {
   
bottom: -7px;
}
	.banner-caption-container h1 {
    font-size: 2em;
}
.title {
    font-size: 37px;
}
section {
    padding: 3.5em 0;
}
#container .jwg_slider_module .arrow_navigation {
     /* display:none; */
     top: -44%;
}

	.tabbed_navigation ul {
    width: 1000px !important;
    
    overflow: auto;
    white-space: nowrap;
}

.tabbed_navigation {
    
    overflow: auto !important;
    
}

}

@media screen and (max-width:991.98px) {.slideToggle {
    margin:30px 0
}
.jwg_slider_module {
    height: 1096px !important;
}
.jwg_slider_module.jwg2 {
    height: 532px !important;
}
.slides {
    margin-top: 50px;
}

}

@media screen and (max-width:767.98px) {
	aside .toggle {
    padding-right: 10px;
    padding-top: 22px;
 }

	

	 .jwg_slider_module {
    height: 1104px !important;
}
 .jwg_slider_module.jwg2 {
    height: 846px !important;
}
	 
   .about2 h2 {
    font-size: 2em;
}  

.jwg_slider_module .arrow_navigation {
   
top: -46% !important;
}
	.banner-caption {
    position: static;
    /* bottom: 0; */
    width: 100%;
    /* right: 15px; */
}
section {
    padding: 3.5em 0;
}
	 

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

 .jwg_slider_module {
    height: 1311px !important;
}

}
@media screen and (max-width:575.98px) {
	.bottom-footer ul {
    text-align: center;
    margin:10px 0;
}
.bottom-footer {
    text-align: center;
}
.arrow_navigation {
    /* display: none; */
    top: -40%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 20px;
    height: 20px;
}
	.slides.testi img {
    width: 50%;
}

.slides.testi .slide {
    text-align: center;
    /* margin: auto; */
    /* display: block; */
}
	.banner-caption {
  
    width: 100%;
     
}
	.banner-caption-container h1 {
    font-size: 1.2em;
}
a.navbar-brand img {
    width: 50px;
}
.jwg_slider_module {
    height: 1334px !important;
}
nav#navbar_top {padding-top: 0;}
.banner-caption-container {
    padding: 1em 15px;
}
.banner-caption-container h4 {
    font-size: 1.2em;
}
.title {
    font-size: 1.8em;
    margin-bottom: 20px;
    /* text-align: center; */
}
.banner-caption-container {
    /* padding: 1em 15px; */
    min-height: 110px;
}
.banner-caption-container h4 {
    font-size: 1.2em;
}
.about img.cloud {
    /* position: absolute; */
    /* left: -29%; */
    /* z-index: -1; */
    /* top: -17px; */
    width: 268px;
}
section {
    padding: 2.5em 0 2em;
}
.benefits img {
    margin-bottom: 0.5em;
    width: 50px;
}

.benefits h5:before {
    width: 140px;
   
    top: 64px;
    content: '';
}
.benefits h5 {
    padding-top: 25px;
     
    font-size: 14px;
}

.jwg_slider_module.jwg2{
    height: 650px !important;
}




.testimonial .jwg_slider_module .arrow_navigation {
    width: 28%;
    margin: 0;
    top: 53%;
    /* height: 100%; */
    /* position: relative; */
    /* z-index: auto; */
    margin-left: auto;
}

.h2, h2 {
    font-size: 1.4rem;
}
.service-caption {
   
    width: 85%;
}
aside {
    width: 240px;
}
aside .side-inner .share {
    padding: 50px 20px;
}
div#container2 {
    margin-bottom: 50px;
}
.jwg_slider_module .arrow_navigation {
   
top: 39%;
}
.team {
    padding: 0 50px;
    margin-bottom: 22px;
}
}

@media screen and (max-width:460.98px) {
	.jwg_slider_module.jwg2 {
    height: 550px !important;
}
.owl-team .owl-nav {
    position: static;
    
}

}

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


.slideToggle {
    width: 285px;
}

span.afterinput {}

a.btn.btn-sm.btn-primary {
    padding: 2px 8px;
    font-size: 12px;
    width: 85px;
}