html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Cairo', sans-serif;
	font-size: 16px;
	color: #565656;
	font-weight:400;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	/*background: #f9f9f9;*/
}

.title-gray {
	color: #aeadad;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	color:#353535;
	font-weight:800;
}
h1 {
	font-size:46px;
}
a:hover, a:focus {
	text-decoration: none;
	color:#000;
	font-weight:500;
}

.lang {
	cursor:pointer;
}
.lang img {
	display:inline-block;
	height:11px;
	width:auto;
}

img {
	opacity:1;
}
img:hover {
	opacity:0.9;
}

#container {
	min-height: 100%;
	width: 100%;
	position: relative;
}

.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}

#slider {
	margin-top:-140px;
	min-height:850px;
	background-image:url('../images/slider.png');
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:bottom;
	position: relative;

}

#slider h1{
	margin-top:23%;
	font-weight:800;
	color: white;
	font-size:68px;
	text-align:center;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}


.banner-top {
	padding:0px;
	position: relative;
    text-align: center;
    color: white;
}

#jssor_1 {
	position:relative;
}

.banner-text {
	position: absolute;
	left:7%;
	top:36%;
	width:40%;
	font-size:13px;
}

.banner-text span {
	display:block;
	color:black;
	margin-bottom:20px;
	text-align:justify;
}

.banner-text span h5{
	text-align:left;
}

.banner-text .btn-banner {
	background:#0200fa;
	display:inline-block;
	color:white;
	text-transform:uppercase;
	font-size:12px;
}

.banner-text .btn-call {
	display:inline-block;
	color:white;
	font-size:13px;
	font-weight:400;
	margin-left:15px;
}

.banner-text .btn-call2 {
	display:inline-block;
	color:white;
	font-size:13px;
	font-weight:400;
	margin-left:15px;
	color:#0200fa
}

.banner-slogan {
	position: absolute;
	right:2%;
	bottom:0%;
	width:400px;
	font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
	text-align:justify;
}


.banner-slogan  h2 {
	text-transform:uppercase;
	font-weight: 400;
	text-align:justify;
	color:white;
	font-size:26px;
	line-height:1em;
}

.banner-slogan h2 b {
	display:block;
	text-transform:uppercase;
	font-weight: 800;
	margin-bottom:-20px !important;
	font-size:32px;
}

.banner-slogan u, .banner-slogan2 u {
  text-decoration: underline;
  -moz-text-decoration-color: #db0200; /* Code for Firefox */
  text-decoration-color: #db0200;
}

.banner-slogan2 {
	position: absolute;
	left:7%;
	top:20%;
	width:400px;
	font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
	text-align:justify;
}

.banner-slogan2  h2 {
	text-transform:uppercase;
	font-weight: 400;
	text-align:justify;
    color: #565656;;
	font-size:26px;
	line-height:1em;
}

.banner-slogan2 h2 b {
	display:block;
	text-transform:uppercase;
	font-weight: 800;
	margin-bottom:-20px !important;
	font-size:32px;
}

.centered {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight:800;
  font-size:58px;
  line-height:1em;
}

.blue {
	background:#0200fa !important;
}


header {
	min-height: 0px;
	border-bottom: none;
	margin: 0;
	padding: 10px 0px 20px;
	color:#000;
	background: none;
	position:relative;
	z-index:2;


}

header #top {
	background:#0200fa !important;
	display:block;
	width:100%;
	margin-bottom:-10px;
	margin-top:-10px;
}

header #top-links {
}

header #top-links ul li {
	display:inline-block;
}
header #top-links ul {
	text-align:right;
}

header #top-links ul li a {
	display:inline-block;
	color:#FFF;
	padding:5px 10px;
	font-size:15px;
	line-height:38px;
}

header #logo{
	padding:0px 0;
}
header .border{
	border-top:#d3d3d3 solid 2px;
	height:3px;
	display:block;
}
header #logo_print{
	padding:10px 0;
}
header #logo a img{
	height: 65px;
	width:auto;
}
header #logo_print a img{
	height: 75px;
	width:auto;
}

/*MENU*/
.topinfo {padding-left:20px; padding-top:35px; padding-bottom:0px; width:100%; display:block;}
.topinfo a {display:inline-block; color:#FFF; margin-right:15px; font-size:16px; float:right; }
#menu {
	background:none;
	border-radius:0px;
	text-align:left !important;
	width:100%;
	border-bottom:none;
	z-index:999;
	margin-top:0px;
	padding-top:4%;
}
#menu ul li a{
	color:#FFF;
	font-weight:600;
	font-size:16px;
	padding:5px 0px 5px 20px;
}
#menu ul li:hover a, .nav-link:hover{
	color:#FFF;
	font-weight:800;
	text-decoration:underline;
	border:none;
	text-underline-position: under;
}
#menu .redestop {
	color:#FFF;
}
#menu .redestop a {
	color:#FFF;
}
#menu .redestop a i{
	color:#FFF;
	font-size:16px;
	display:inline-block;
	margin-left:4px;
}

.navbar-nav li ul {
	display:none ;
	position:absolute;
	min-width:140px;
	text-align:left;
}

.navbar-nav li:hover > ul {
	display:block;
}

.navbar-nav li ul li {
	position:relative;
	padding:5px 0;
}

.navbar-nav li ul li a{
	padding-left:0px;
	text-decoration:none;
	margin-left:-14%;
}

.navbar-nav li ul li ul {
	right:30px;
	top:0px;
}

.navbar-toggler-icon {
	color:#FFF !important;
	background:#FFF !important;
}

#topbanner {
	padding:20px 0 30px;
}
.carousel-item img{
        height: 570px;
        width:  100% !important;
}

.box-container {
	padding:10px;
}
.box-container span a{
	color:#283a50;
}
.box {
  position: relative;
}
.box img{
	height:190px;
	width:100%;
}
.box-content {
	background:#f5f5f5;
	padding:10px;
	min-height:100px;
}
.box-content h5, .box-content h5 a{
	font-weight:600;
	color:#283a50;
	font-size:15px;
}
.box-content span{
	color:#2b4b61;
}
.box-content .price{
	color:#283a50;
	font-size:19px;
}
.box-content .remate{
	color:#F00 !important;
}
.top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background:#283a50;
  color:#FFF;
  padding:5px 10px;
}
.top-right {
  position: absolute;
  top: 0px;
  right: 0px;
  background:#FFB71B;
  color:#FFF;
  padding:5px 10px;
}
.top-right a{
  color:#FFF;
}
.top-right a:hover{
  color:#283a50;
}
.bottom-left {
  position: absolute;
  bottom: 50px;
  left: 40px;
  background:rgba(40,58,80,0.9);
  color:#FFF;
  padding:20px 25px;
  min-width:270px;
}
.bottom-left h5 {
  font-weight:600;
  color:#FFF;
  font-size:15px;
}
.bottom-left .precio {
	margin-bottom:20px;
}
#banner .col-sm-12 {
	margin:30px 0;
}
#maillist .row {
	border-top:#d3d3d3 solid 2px;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:30px;
}
#maillist .text-muted {
	display:block;
	margin-bottom:10px;
	width:100%;
}
.heading-decorated {
	margin-bottom:30px;
}
.subtitle {
	color:#0d0cfa;
}
.title-blue {
	color:#0d0cfa;
	margin-top:5%;
	margin-bottom:40px;
	line-height:1em;
}
.title-bluel {
	color:#0d0cfa;
	margin-top:5%;
	margin-bottom:40px;
	line-height:1em;
}
.title-blue:before {
        position: absolute;
        content: '';
        height: 3px;
        top: 110px; 
        margin: 0 auto;
		left: 0;
        right: 0;
		width: 5%;
		background: #db0000;
		-o-transition:.5s;
  		-ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
}
.title {
	color:#aeadad;
	margin:20px 0;
	text-align:center;
	text-transform:uppercase;
}
.title:before {
        position: absolute;
        content: '';
        height: 3px;
        top: 55%; 
        margin: 0 auto;
		left: 0;
        right: 0;
		width: 5%;
		background: #db0000;
		-o-transition:.5s;
  		-ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
}
#cuartolimpio .title:before {
        top: 65%; 
}
#clientes .title:before {
        top: 80%; 
}
.btn { 
  border:#fff solid 2px;
  padding:15px 30px;
  text-transform:uppercase;
  border-radius:25px;
  font-weight:600;
  font-size:18px;
  background:none;
 }
.btn-yellow {
  background:#FFB71B;
  color:#FFF;	
}
.btn-primary {
  color:#fff;
  background:none;
}
.btn-primary:hover {
  color:#0d0cfa;
  background:none;
}
.btn-info {
  background:#999;
  color:#FFF;
}
.btn-info:hover {
  background:#CCC;
  color:#FFF;
}

/*CONTENIDO*/
#cuartolimpio {
	padding:60px 0 30px;
	background-image:url('../images/cuartosbg.png');
	background-repeat:no-repeat;
    background-position:140% 0%;
}
#cuartolimpio .title{
	margin-bottom:40px;
}
#cuartolimpio h1{
	color:#0d0cfa;
	margin-top:3%;
}
#cuartolimpio ul {
  list-style: none; 
}
#cuartolimpio ul li:before {
  content:'';  
  color: #3b6919;
  background:#3b6919;
  font-weight: bold; 
  display: inline-block; 
  height: 7px;
  width: 7px;
  margin-left: -1em;
  margin-right:5px;
  margin-bottom:1px;
  border-radius:50%;
}
#nosotros {
	padding:60px 0 30px;
}
#nosotros .title{
	margin-bottom:60px;
}
#nosotros h1{
	color:#0d0cfa;
}
#nosotros p {
	text-align:justify;
}
#servicios {
	padding:60px 0 60px;
}
#servicios .title{
	margin-bottom:60px;
}
#servicios img{
	clear:both;
	height:auto;
	width:43px;
	margin-right:5px;
}
#servicios span{
	width:70%;
	float:right;
	display:inline-block;
	padding-right:0%;
	vertical-align:middle;
	font-size:13px;
}
#servicios span a, #servicios a{
	color: #aeadad;
	font-size:14px;
	line-height:16px;
	font-weight:600;
}
#ventajas {
	color:#757677;
	background-image:url('../images/serv-clientesbg.png');
	background-position:0% -40%;
	background-repeat:no-repeat;
	padding-bottom:60px;
}
#ventajas .container {
	padding:60px 3% 30px;
	background-image:url('../images/ventajasbg.png');
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:center;
}
#ventajas .title{
	margin-bottom:60px;
	color:white;
}
#ventajas .col-lg-3{
	padding:20px 20px;
}

#ventajas .box {
	background:#f2f2f9;
	border-radius:3px;
	padding:30px 20px;
	min-height:260px;
	display:block;
}
#ventajas .box div{
	display:block;
	min-height:80px;
}

#ventajas .box div img{
	height:auto;
	width:60px;
	float:left;
	margin-left:3%;
}

#ventajas .box div strong{
	float:right;
	font-size:44px;
	font-weight:800;
	margin-right:4%;
	color:#dcdce1;
}

#banner-clientes {
	background:#ededed;
	margin:0px 0;
}

#clientes {
	padding:60px 0px 30px;
	background-image:url('../images/serv-clientesbg.png');
	background-position:-5% 140%;
	background-repeat:no-repeat;
}

#clientes .col-lg-3 img{
	padding:20px 0px;
}

#clientes .title-blue {
	color:#0000ff;
	font-weight:600;
	margin-bottom:60px;
}

#clientes .titlec{
	color:#0000ff;
	font-weight:600;
	margin-top:30px;
}

#clientes .titlec b{
	color:#0000ff;
	font-weight:800;
}

#galeria {
	padding:60px 0px 30px;
}

#galeria .col-lg-3, #galeria .col-lg-6{
	padding:0px;
}



#galeria-int {
	padding:60px 0px 30px;
}

#galeria-int span {
	background:#1918fa;
	color:#FFF;
	text-align:center;
	font-weight:600;
	display:block;
	width:100%;
	padding:5px;
	z-index:2;
}

.servicios .gal{
	position: relative;
	padding:0px;
	z-index:1;
	margin-bottom:30px;
}

#galeria-int .gal:hover .overlay {
  opacity: 1;
}

.galeria-nosotros .gal .text{
	color: #888787;
    font-size: 16px !important;
	font-weight:600 !important;
    text-align: left !important;
	position:relative;
    width:100%;
	margin-top:-30% !important;
	display:block;
	padding:0px;
}

.servicios .row .col-lg-4:first-child .gal .overlay {
    /*opacity: 1 !important;*/
}

#galeria-int-asesoria .gal {
	box-shadow:5px 3px 5px 5px #e7e7e7;
	min-height:200px;
	margin:8%;
	padding:20px 20px;
	border-radius:5px;
	min-height:250px;
}
#galeria-int-asesoria .gal span{
	display:block;
	width:100%;
	text-align:right;
	margin-bottom:30px;
}
#galeria-int-asesoria .gal span i{
	font-size:46px;
	color:#3b6919;
}


#galeria-int-asesoria .gal:hover {
	background:#1918fa;
}

#galeria-int-asesoria .gal:hover .text{
	color:#FFF;
}

#galeria-int-asesoria .gal:hover span i{
	color:#FFF;
}

#galeria-int-asesoria .gal img{
	height:50px;
	width:auto;
	float:right;
}

#galeria-int-asesoria .gal .text{
	color: #888787;
    font-size: 16px;
	font-weight:700;
    text-align: left;
	position:relative;
    width:100%;
	margin-top:0%;
	display:block;
	padding:0px;
}

/*MIni boxes*/
#galeria-int-validacion .gal {
	box-shadow:5px 3px 5px 5px #e7e7e7;
	margin:3%;
	padding:20px 20px;
	border-radius:5px;
	min-height:90px;
}
#galeria-int-validacion .gal span{
	display:block;
	width:100%;
	text-align:right;
	margin-bottom:30px;
}



#galeria-int-validacion .gal:hover {
	background:#1918fa;
}

#galeria-int-validacion .gal:hover .text{
	color:#FFF;
}



#galeria-int-validacion .gal img{
	height:50px;
	width:auto;
	display:inline-block;
}

#galeria-int-validacion .gal .text{
	color: #888787;
    font-size: 16px;
	font-weight:700;
    text-align: left;
	line-height:1em;
    display:inline-block;
	padding:5px 25px 5px 10px;
}

/*Efects*/
#galeria-int .gal {
	position:relative;
}

#galeria-int .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: rgba(18, 16, 134, .8);
}

#galeria-int .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 35%;
  text-align: center;
  padding:20px 10%;
  width:100%;
  font-weight:700;
}

#galeria-int .text a{
  color: white;
  font-size: 20px;
  display:block;
  margin:10px 0px;
  text-align:center;
  width:100%;
  text-transform:uppercase;
  text-decoration:underline;
}

.productos .col-lg-4 {
	margin-bottom:30px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: rgba(18, 16, 134, .8);
}

#galeria .col-lg-3:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 30%;
  text-align: center;
  padding:20px 10%;
}

#galeria-int-asesoria .boxes {
	box-shadow:5px 3px 5px 5px #e7e7e7;
	padding:10px 10px;
	margin:3% 1%;
	border-radius:5px;
	min-height:110px;
}

#galeria-int-asesoria .boxes i{
	font-size:45px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	color:#3b6919;
	display:block;
	width:50px !important;
}

#galeria-int-asesoria .boxes span {
	font-weight:700;
	display:block;
	font-size:15px;
	line-height:1em;
	color:#888787;
	text-align:center !important;
	width:100%;
}

#labels-int .boxes {
	box-shadow:5px 3px 5px 5px #e7e7e7;
	padding:10px 10px;
	margin:3% 1%;
	border-radius:5px;
}

#labels-int .boxes span {
	font-weight:700;
	display:inline-block;
	font-size:15px;
	line-height:1em;
	color:#888787;
}

#labels-int .boxes img{
	height:45px;
	width:auto;
	display:inline-block;
	margin-right:15px;
}
.grey {
	color:#888787;
}

.datos a {
	color:#888787;
	display:inline-block;
	padding:5px 20px;
}

.green {
  list-style: none;
}

.green li::before {
  content: "\2022";
  color: #036a03;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: 0em;
}

#contecto {
	padding:60px 0px 30px;
}

#contacto h1{
	color:#0d0cfa;
}

#contacto a{
	color:#aeadad;
}



#contacto .title{
	margin-bottom:60px;
	display:block;
}

#contacto .form-box{
	background:#f8f7f7;
	padding:30px 20px;
}

.form {
	background:#cdcdcd;
	padding:40px 20px;
	margin:30px 0;
}
.form .btn-primary, .form-box .btn-primary{
	color:#0d0cfa !important;
    background:none;
	border-color:#0d0cfa;
	margin-top:30px;
}
/*FOOTER*/
footer {
	padding-bottom:30px;
	background-image:url('../images/footerbg.png');
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:bottom;
	color:#b9b9b9;
	margin-top:60px;
	padding-top:90px;
	margin-bottom:0px;
	
}


footer h5 {
	font-weight:700;
	color:#010101;
	text-decoration:underline;
	text-underline-position: under;
	margin-bottom:10px;
	margin-top:30px;
	display:block;

}
footer img {
	display:block;
	margin-bottom:30px;

}
footer ul li, footer ul li a{
	color:#b9b9b9;
}
footer ul li a:hover{
	color:#010101;
}

footer hr{
	border-top:#010101 solid 1px;
}
footer p {
	color:#010101;
	text-align:center;
	font-weight:600;
	display:block;
	padding-bottom:0px;
}
@media (max-width: 767px) {
.navbar {display:none;}
#ventajas .box {
	min-height:200px;
}
#galeria .col-lg-3, #galeria .col-lg-6{
	width:50%;
}


#clientes .col-lg-3{
	width:50%;
}
#slider {
	margin-top:0px;
	min-height:280px;
	background:#0000a1;
	position: relative;
}

#slider h1{
	margin-top:20%;
	font-weight:800;
	color: white;
	font-size:36px;
	text-align:center;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
header #logo img {
	height:40px;
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
header {background:#0000a1 !important;}
#ventajas {
	color:#757677;
	background:#0000af;
	margin-bottom:60px;
}
#ventajas .container {
	padding:60px 0px 30px;
	background:none;
}
#servicios img{
	clear:both;
	height:55px;
	width:auto;
	margin-right:5px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:20px;
}
#servicios span{
	width:100%;
	float:none;
	display:block;
	padding-right:0%;
	vertical-align:middle;
	text-align:center;
}
}

@media (min-width: 768px) and (max-width: 992px) { 
.navbar {display:none;}
#ventajas .box {
	min-height:200px;
}
#galeria .col-lg-3, #galeria .col-lg-6{
	width:50%;
}


#clientes .col-lg-3{
	width:50%;
}
#slider {
	margin-top:0px;
	min-height:480px;
	background:#0000a1;
	position: relative;
}

#slider h1{
	margin-top:20%;
	font-weight:800;
	color: white;
	font-size:56px;
	text-align:center;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
header #logo img {
	height:40px;
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
header {background:#0000a1 !important;}
#ventajas {
	color:#757677;
	background:#0000af;
	margin-bottom:60px;
}
#ventajas .container {
	padding:60px 0px 30px;
	background:none;
}
#servicios img{
	clear:both;
	height:55px;
	width:auto;
	margin-right:5px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:20px;
}
#servicios span{
	width:100%;
	float:none;
	display:block;
	padding-right:0%;
	vertical-align:middle;
	text-align:center;
}

}

@media (min-width: 993px) and (max-width: 1139px) { 

#ventajas .box {
	min-height:200px;
}
#galeria .col-lg-3, #galeria .col-lg-6{
	width:50%;
}


#clientes .col-lg-3{
	width:50%;
}
#slider {
	margin-top:-345px;
	min-height:800px;
	position: relative;
}

#slider h1{
	margin-top:40%;
	font-weight:800;
	color: white;
	font-size:56px;
	text-align:center;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#ventajas {
	color:#757677;
	background-image:url('../images/serv-clientesbg.png');
	background-position:0% -40%;
	background-repeat:no-repeat;
	padding-bottom:60px;
	
}
#ventajas .container {
	padding:60px 0px 30px !important;
	background-image:url('../images/ventajasbg.png');
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
}
#ventajas .box {
	background:#f2f2f9;
	border-radius:3px;
	padding:30px 20px;
	min-height:300px;
	display:block;
}

#servicios span{
	width:100% !important;
	float:none !important;
	display:block;
	padding-right:0%;
	text-align:center;
}
#servicios img{
	clear:none;
	height:55px;
	width:auto;
	display:block !important;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
}

@media (min-width: 1140px) and (max-width: 1539px) { 


#slider {
	margin-top:-280px;
	min-height:800px;
	position: relative;
}

#slider h1{
	margin-top:40%;
	font-weight:800;
	color: white;
	font-size:56px;
	text-align:center;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}


}

/*FeedBack*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



.owl-carousel .owl-item {
    transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-item .card {
    padding: 30px;
    position: relative;
}

.owl-carousel .owl-stage-outer {
    overflow-y: auto !important;
    padding-bottom: 40px;
}

.owl-carousel .owl-item img {
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
}

.owl-carousel .owl-item .card .name {
    position: absolute;
    bottom: -20px;
    left: 33%;
    color: #101c81;
    font-size: 1.1rem;
    font-weight: 600;
    background-color: aquamarine;
    padding: 0.3rem 0.4rem;
    border-radius: 5px;
    box-shadow: 2px 3px 15px #3c405a;
}

.owl-carousel .owl-item .card {
    opacity: 0.2;
    transform: scale3d(0.8, 0.8, 0.8);
    transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-item.active.center .card {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
    height: 20px;
    background: #2a6ba3 !important;
    border-radius: 2px !important;
    opacity: 0.8;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    height: 13px;
    width: 13px;
    opacity: 1;
    transform: translateY(2px);
    background: #83b8e7 !important;
}

@media(min-width: 480.6px) and (max-width: 575.5px) {
    .owl-carousel .owl-item .card .name {
        left: 24%;
    }
}

@media(max-width: 360px) {
    .owl-carousel .owl-item .card .name {
        left: 30%;
    }
}