*{
	outline: none;
}
h1,h2,h3,h4,h5,h6, a, p, span{
	font-family: 'Roboto', sans-serif;
}

header{
/* 	background: url(../img/pattern.png); */
	padding: 25px 0;
}

header h3{
	color: #0098F2;
	font-weight: bold;
	font-size: 25px;
	margin: 0;
}
header h4{
	font-size: 20px;
	color: #545454;
	margin: 0;
	/*margin-top: 1em;*/
}

nav{
	background: #007CBF;
}

.primary-menu li a{
	color: #FFF;
	border-right: 1px solid #0096e6;
	padding: 1.2rem 1.4rem !important;
}
.primary-menu li a:hover{
  background: #2196f3;
}

.dropdown .is-dropdown-submenu a{
  color: #243C59;
  padding: 0.7rem 1rem;
  font-size: 14px;
  border-right: none;
}
.dropdown .is-dropdown-submenu a:hover{
    background: #EAEAEA !important;
    color: #243C59 !important;
}

.primary-menu .is-active > a {
  background: #2196f3 !important;
  color: #FFF !important;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:hover{
	color: #d8f0ff;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after{
	border-color: #FFFFFF transparent transparent;
}
.swiper-container{
	z-index: 0;
}

.swiper-button-next1{
	background: url(../img/right.png) no-repeat;
	width: 36px;
	height: 65px;
	right: 5%;
}
.swiper-button-prev1{
	background: url(../img/left.png) no-repeat;
	width: 36px;
	height: 65px;
	left: 5%;
}

.title-common{
	color: #666666;
	font-size: 26px;
}
p, ul li{
	color: #666666;
	font-size: 16px;
}
.color-blue{
	color: #39ADEE;
}
.service-slider{
	border: 1px solid #DDDDDD;
	padding: 5px;
	border-radius: 5px;
}

.service-slider img{
	border-radius: 5px;
	object-fit: scale-down;
    height: 245px;
}
.ul-custom{
	list-style: none;
	margin: 0;
}
.ul-custom li{
	color: #39ADEE;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}
.button-orange{
	background: #F8644A;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50px;
	padding:15px 30px;
	margin-top: 1em;
}
.button-orange:hover, .button-orange:focus, .button-orange:active{
	background: #ea4427;
}
.swiper-button-prev2{
	background: url(../img/left-blue.png) no-repeat;
	width: 28px;
	height: 56px;
	left: 0;
}

.btn-send, .btn-send:hover,.btn-send:visited {
	background: #0098F2;
}

.swiper-button-next2{
	background: url(../img/right-blue.png) no-repeat;
	width: 28px;
	height: 56px;
	right: 0;
}
.wrapper-product-img{
	height: 203px;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.wrapper-product-img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wrapper-product-img img:hover{
	transform: scale(1.1);

}.wrapper-product-img img{
	height: 100%;
    object-fit: cover;
}

.name-product{
	background: #F8644A;
	padding: 10px 15px 5px 15px;
}
.name-product h2{
	color: #FFFFFF;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
}

.name-service{
    background: #007cbf;
    padding: 10px 15px 5px 15px;
    min-height: 54px;
    justify-content: center;
    align-items: center;
}

.name-service h2{
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
}

.bg-blue-light{
	background: #ECF8FF;
	border-top: 1px solid #bbf0fb;
	border-bottom: 1px solid #bbf0fb;
	padding: 3em 0;
}

.wrapper-rotulos{
	text-align: center;
}

.wrapper-rotulos h3{
    color: #666666;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 1.4em;
}

.relative{
	position: relative;
}

.swiper-button-next3, .swiper-button-next4{
    background: url(../img/right2.png) no-repeat;
    width: 31px;
    height: 30px;
    position: absolute;
    top: -27px;
    right: 0;
}
.swiper-button-prev3, .swiper-button-prev4{
	background: url(../img/left2.png) no-repeat;
    width: 31px;
    top: -27px;
    height: 30px;
    position: absolute;
    right: 40px;
    left: auto;
}

.wrapper-logo-cliente{
	border: 1px solid #DDDDDD;
	padding: 12px 0;
}

#newslleter{
	background: #007CBF;
	padding: 30px 0;
	border-bottom: 5px solid #34b8ff;
}
#newslleter h4{
	color: #FFFFFF;
	font-size: 21px;
	margin: 0;
	font-weight: bold;
}
#newslleter p{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: lighter;
}
.m-0{
	margin: 0;
}

#newslleter label{
	font-size: 16px;
	color: #FFFFFF;
}

#newslleter input{
	margin: 0;
}
#form-newslleter input{
	margin:0;
}
.wrapper-input-news{
	position: relative;
}
#form-newslleter button{
    background: #FE9900;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    padding: 12px;
    font-weight: bold;
}
footer{
	background: url(../img/footer.png);
	padding: 2em;
	border-top: 1px solid #EAEAEA;
}
footer h3{
    font-size: 24px;
    color: #0098F2;
    font-weight: bold;
    margin-bottom: 0.5em;
}
footer ul{
	list-style: none;
	padding-top: 1em;
}
footer ul li, footer ul li a{
	color: #777777;
	font-size: 16px;
}

footer h5{
	font-size: 18px;
}
#inner-page{
	background: url(../img/inner-page-parallax.jpg) no-repeat fixed top center;
	width: 100%;
	padding: 40px 0;
}
#inner-page h1{
	color: #FFF;
	font-size: 1.5em;
}
#btn-close{
    background: #e74c3c;
    color: #FFFFFF;
    width: 100%;
    display: block;
    padding: 8px;
}

#mobile-menu{
    color: #FFF;
    padding: 7px;
    font-size: 1.3em;
    text-align: center;
    width: 100%;
}

.wrapper-gallery{
	height: 220px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
	margin-top: 1em;
}

.wrapper-gallery img{
	height: 100%;
	object-fit: cover;
	width: 100%;
	border: 1px solid #EAEAEA;
	border-radius: 10px;
}



.responsive-video {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.featured-video{
    position: relative;
    margin-bottom: 2em;
}

.featured-video h2{
    position: absolute;
    background: rgba(243, 120, 30, 0.80);
    z-index: 10;
    margin: 0;
    top: 8px;
    left: 8px;
    font-size: 1em;
    padding: 10px 29px;
}

.featured-video iframe{
    background: rgba(0, 152, 242, 0.7);
    padding: 8px;
    border-radius: 10px;
}

.cover-video{
    background: rgba(0, 152, 242, 0.7);
    padding: 5px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.cover-video:before{
    content: '';
    background: url(../img/icon-play.png);
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto auto;
    top: 0;
    bottom: 10px;
}

.wrapper-title-video{
    background: rgba(76, 182, 246, 0.65);
    position: absolute;
    bottom: 5px;
    width: 97%;
}
.wrapper-title-video h2{
    color: #FFF;
    margin: 0;
    font-size: 13px;
    padding: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cover-video:hover{
    background: #FF6633;
}
.main-slider{
    overflow: hidden;
}
.main-slider:hover .swiper-button-prev-slider1{
    left:0;
}
.main-slider:hover .swiper-button-next-slider1{
    right:0;
}

.video-gallery:hover .swiper-button-next-carrousel3, .video-gallery:hover .swiper-button-prev-carrousel3{
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.swiper-button-next-carrousel3{
    background: url(../img/right-video.png) no-repeat;
    width: 49px;
    height: 49px;
    right: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.swiper-button-prev-carrousel3{
    background: url(../img/left-video.png) no-repeat;
    width: 49px;
    height: 49px;
    left: auto;
    top: 0;
    right: 60px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.same-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
}
.social-icons{
    display: flex;
    gap: 12px;
}
.social-icons a{
    color: black;
    font-size: 18px;
}
.social-icons a:hover{
    color: #2ba6cb;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.primary-menu{
		display: none;
	}
	#mobile-menu{
		display: block;
	}
	header h3{
		display: none;
	}
	.service-slider{
		margin-bottom: 1em;
	}
	footer{
		text-align: center;
	}
	footer .menu.simple{
		display: list-item;
	}
	footer .menu.simple li{
		margin: 10px 0;
		font-size: 16px;
	}
	.wrapper-rotulos {
	    text-align: center;
	    background: #FFF;
	    padding: 20px;
	    margin: 10px;
	    border-radius: 5px;
	}
	.margin-top-3{
		margin-top: 1em !important;
	}
	.title-common{
		font-size: 20px;
	}
	.swiper-button-prev1, .swiper-button-next1{
		display: none;
	}
	.wrapper-gallery {
		height: auto;
	}
}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.primary-menu{
		display: none;
	}
	#mobile-menu{
		display: block;
	}
}

/* Large and up */
@media screen and (min-width: 64em) {
	#mobile-menu{
		display: none;
	}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	#mobile-menu{
		display: none;
	}
}