/*
Theme Name: Clean
Theme URI:clear
Description: Theme By Takemedia.
Author: Daniel Weigmann
Author URI: http://takemedia.pt
Version: 0.1
Tags: takemedia
*/
@font-face {
	font-family: 'Oswald';
	src: url(./font/oswald-new/Oswald-VariableFont_wght.ttf);
}

/* CSS clear */
html{margin: 0px;padding: 0px;overflow-x: hidden;height: 100%;}
body{background-color: #000!important;margin: 0;font-variant-ligatures: no-common-ligatures;font-size: 14px;position: relative;    min-height: 100%;}
body, input, textarea{color: #222; font-family: 'Oswald'!important;  }
h1, h2, h3, h4, h5, h6{font-weight: normal;clear: both;}
hr{background-color: #999;border: 0;height: 1px;margin-bottom: 1.5em;color:#f1f1f1!important;}
pre{font: 11px Monaco, monospace;line-height: 1.5;margin-bottom: 1.5em;}
code{font: 11px Monaco, monospace;}
p{margin: 4px 0 12px 0;}
a{color: #ad355c;text-decoration: none;}
a:hover{color: #fff;text-decoration: none!important;}
.clear{clear:both}
.clear20{height:30px;clear:both;width: 100%;}
.b{font-weight: 700;}
li {list-style-type: none;}

/* CSS top */
.nomargin{margin: 0!important;}
.nopadding{padding: 0!important;}
h1{font-size: 20px;}
h2{font-size: 26px;margin-top: 25px;font-weight: 700;margin-bottom: 5px;}
#wrapper{min-height: 100vh;position:relative;min-width: 350px;}


.margin-top { height: 480px; margin-top: 300px;}
.margin-top1 {margin-top: 150px;}
.top120 {width: 100%;height: 120px;}

.pwidth{max-width:1260px;margin: 0 auto;padding:0 25px;position: relative;}

/* CSS HEDER e MENU */
#header{width: 100%;height:100px; position: fixed;z-index: 999;top: 0;background-color: rgba(0,0,0,.8)}
.headercontent{position: relative;margin: 0 auto;}
#header .logo{float:left;padding: 0px 10px 0px 10px;}
#header .logo img{margin-top: 14px;}
.menubar{height: 100px;position: relative;z-index: 999;}
#menu{float: right;font-size: 16.6px;padding: 0px;margin: 0px;list-style: none;letter-spacing: 0.12px;text-transform:uppercase;}
.menu-toggle {position: relative;float: right;padding: 10px 10px 4px 10px;background-color: transparent;background-image: none;border:none; cursor: pointer;margin: 18px 0px 8px 0px;display: none;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.menu-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #888;margin-bottom: 4px;}
.menuiten{float:left;position: relative;font-style: normal;    color: #262626;    display: block;    padding: 40px 40px;   }
.menuiten a{color:#ffffff;display: block;}
#menu .menuiten:hover a{color:#fff;text-decoration: none;}
a.active{border-bottom: 1px dashed #fff; border-top: 1px dashed #fff;    margin-top: -6px;  padding: 5px 0;}
#header .active a{color:#fff !important;}
#header .active a:hover{color:#000;}
.mobile{ background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%); padding: 10px 25px;right: 0px;position: absolute;display: none;width: 100%;    z-index: -1;}
.mobile .menuiten{float: none;height: auto;text-align: center;}
.mobile .submenu{position: relative;}
.submenu{list-style: none;position: absolute;background: #203a36;padding: 5px 0px;font-size: 12px;display: none;    width: 200px;    margin-left: -30px;    margin-top: 40px;}
#menu .menuiten .submenu a{color:#f1f1f1;padding:10px 15px 10px 30px;}
#menu .menuiten .submenu a:hover{background: #fff;color:#000;font-weight: 700;color:#E40F5B;}
.form_error{background-color: #ffcccc;}
.left{float: left;}
.right{float: right;}
#back-to-top {position: fixed;bottom: 40px;right: 40px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top:hover {background: #e9ebec;opacity: 0.5;}
#back-to-top.show {opacity: 1;}
#load{position: fixed;width: 100%;height:100%;background-repeat: no-repeat; background-position: center;background-color: #ddd;z-index: 9999;}
#load .uil-ring-css{position: absolute;top:50%;left:50%;margin-top: -120px;margin-left: -120px;}
/* CSS fix gallery */
.owl-buttons{position: absolute;top: 130px;width: 100%;}
.owl-theme .owl-controls .owl-buttons .owl-prev{float: left;}
.owl-theme .owl-controls .owl-buttons .owl-next{float: right;right:0px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{background-image: url(images/left.png);}
.owl-theme .owl-controls .owl-buttons .owl-next{background-image: url(images/right.png);}
.owl-theme .owl-controls .owl-buttons div{width:35px;height: 35px;background-repeat: no-repeat;text-indent: -9999px;white-space: nowrap;}

/* CSS pagination */
#wp_page_numbers ul, #wp_page_numbers span, #wp_page_numbers a {padding: 0;margin: 0;border: none;text-decoration: none;font-weight: normal;font-style: normal;list-style: none;text-transform: none;text-indent: 0px;font-variant: normal;text-align: left;line-height: 12px;letter-spacing: 0px;word-spacing: 0px;font-size: 11px;}
#wp_page_numbers {margin: 0 auto;margin-top: -30px;margin-bottom: 30px;     width: 250px;;}
#wp_page_numbers span {float: left;display: block;margin-bottom: 2px;}
#wp_page_numbers a {padding: 3px;padding-left: 5px;padding-right: 5px;margin-left: 2px;margin-right: 2px;display: block;color: #333;border: 1px solid #bfbfbf;background: #fff; min-width: 20px;float: left; text-align: center;}
#wp_page_numbers .page-numbers.current {padding: 3px;padding-left: 5px;padding-right: 5px;margin-left: 2px;margin-right: 2px;display: block;color: #333;border: 1px solid #bfbfbf;background: #fff;  min-width: 20px;float: left;  text-align: center;}
#wp_page_numbers span a:hover {border-color: #000;}
#wp_page_numbers span.space {padding: 6px;padding-left: 2px;padding-right: 2px;}
#wp_page_numbers span.first_last_page {font-style: italic;}
#wp_page_numbers span.active_page a {border-color: #0075b8;}
#wp_page_numbers span.active_page a:hover  {color: black;text-decoration: underline;border-color: #000;}
#wp_page_numbers span.page_info {float: left;display: block;padding: 3px;padding-left: 5px;padding-right: 5px;margin-right: 2px;color: #666;font-size: 11px;border: 1px solid #bfbfbf;background: #fff;}

nav.pagination {    text-align: center!important;    display: unset!important;}
h2.screen-reader-text {   display: none;}
span.current {padding: 1px 10px;margin: 3px; border-radius: 100%; border: 1px solid;background-color: #fff;color:#59bedb;}
a.page-numbers {padding: 1px 10px; margin: 3px;border-radius: 100%; border: 1px solid;}
.next, .prev {    display: none;}
.nav-links {padding-bottom: 50px;}
.nav-links a{color: #ffffff!important;}
.nav-links a:hover{color: #59bedb!important;}

/* HEADER */
.logo svg {margin-top: 40px;}
.clang {    position: absolute;  right: -50px;  margin-top: 40px;}
.clangimg {color:#f1f1f1;font-size: 12px;}
.clangimg a {color:#666;}
.clangimg a:hover {color:#fff;}

/*TOPS*/
.top80 {margin-top: 80px;}


/*404*/

/* 404 */
#notfound {  position: relative;  height: 100vh;}
#notfound .notfound {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}
.notfound {  max-width: 520px;  width: 100%;  line-height: 1.4;  text-align: center;}
.notfound .notfound-404 {  position: relative;  height: 200px;  margin: 0px auto 20px;  z-index: -1;}

.notfound .notfound-404 h1 {  font-family: 'Montserrat', sans-serif;  font-size: 236px;  font-weight: 200;  margin: 0px;  color: #f1f1f1;  text-transform: uppercase;  position: absolute;
  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}

.notfound .notfound-404 h2 {  font-family: 'Montserrat', sans-serif;  font-size: 28px;  font-weight: 400;  text-transform: uppercase;  color: #f1f1f1;  background: #000;  padding: 10px 5px;
  margin: auto;  display: inline-block;  position: absolute;  bottom: 0px;  left: 0;  right: 0;}

.notfound a {  font-family: 'Montserrat', sans-serif;  display: inline-block;  font-weight: 700;  text-decoration: none;  color: #fff;  text-transform: uppercase;  padding: 13px 23px;
  background: #00a9d9;  font-size: 18px;  -webkit-transition: 0.2s all;  transition: 0.2s all;}

.notfound a:hover {  color: #000;  background: #84d6ee;}






/* BANNER*/
.owl-carousel .owl-slide {    position: relative;    height: 100vh;    background-color: lightgray;    min-height: 750px;}
.home-bg { height: 100%; width: 100%;  min-height: 768px;  position: relative; overflow: hidden;  align-items: center!important;   display: flex!important;}
.bgvideo{  width: 160vw;  height: 180vh;  position: absolute; top: 50%;  left: 50%;  transform: translate(-50%,-50%);}
#homevideo{	display: block; position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%);	}
.layerb {  position: absolute;   background: rgba(0,0,0,0.3);  top: 0;  left: 0;  z-index: 1; width: 100%;  height: 100%;}	
.owl-slide-title {text-transform:uppercase;font-size: 5.5vw;  font-weight: bold;  letter-spacing: 19.61px; text-align: center;  color: #ffffff;}
h3.subtitle {  font-size: 28px;     letter-spacing: 0.23px;  font-weight: normal;  text-align: center;   color: #ffffff;margin-bottom: 25px;}
a.dashed {  font-size: 14px; margin-top: 20px;letter-spacing: 2.3px; text-transform: uppercase; color: #ffffff;border-bottom: 1px dashed #fff; border-top: 1px dashed #fff;margin-top: -8px;padding: 5px 0;}
a.dashed:hover { text-decoration: none; color: #ffffff;}
.owl-stage-outer{min-height: 400px;}

video{filter:brightness(50%);}

.owl-nav {
display: none;
  }
  
  .owl-dots {
    text-align: center;
    position: absolute;
    display: grid;
    top: 50%;
    right: 0;

  }
  .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity: 0.7;
    background: #666!important;
    margin:  6px;
    padding:  10px;
  }
  .owl-dots button.owl-dot.active {
    background-color: #fff!important;
    width: 20px;
    height: 20px;
    transition: all .5s; 
    opacity: 1;
  }
  .owl-dots button.owl-dot:focus {
    outline: none;
  }
  .owl-nav button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255, 255, 255, 0.38) !important;
  }

  .owl-nav button:focus {
      outline: none;s
  }


/*MEIO HOME*/
.htitle {    font-size: 50px;  font-weight: bold;  letter-spacing: 28.88px;  text-align: center;  color: #ffffff;  text-transform: uppercase;  opacity: 0.5;}
.displayno{display: none;}


/* Tabs */
.tabs { display: flex; flex-wrap: wrap; width: 100%; box-shadow: 0 8px 40px -32px rgba(0,0,0,0.3);}
.input {  position: absolute;  opacity: 0;}
.panel {  display: none;  padding: 20px 10px 20px; }
.input:checked + .label + .panel {  display: block;}
.label {width: 100%; padding: 20px 10px; cursor: pointer; font-size: 16px; transition: background 0.1s, color 0.1s; 
  text-transform: uppercase; text-align: center; background: #333; color: #fff; border-radius: 7px;  margin: 10px 0.25% 50px 0.25%;}
.label:hover {  background: #f1f1f1;color: #333;}
.label:active {  background: #f1f1f1;  border-radius: 7px;}
.input:focus + .label {  box-shadow: inset 0px 0px 0px 3px #2aa1c0;  z-index: 1;}
.input:checked + .label {background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%);   color: #fff;    border-radius: 7px;}
.top150 {margin-top: 150px;}


/* SERVICES*/
.services-title {text-transform:uppercase;    font-size: 54.6px;     font-weight: bold;    letter-spacing: 9.61px;}
h2.topicos {    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.5px;
margin: 30px 0;}

/* PORTFOLIO*/
img.port {width: 100%;    height: 350px;  object-fit: cover;}
.vh-video{       width: 100%;}
.box-video {overflow: hidden;max-height: 350px;}
.maxh400 {max-height: 400px;}
.portitle {transition: all 0.25s;   -moz-transition: all .25s ease-in-out;  -webkit-transition: all .25s ease-in-out;}
.portzone:hover .portitle {opacity: 0;height: 4%!important;}
.elements {position: absolute;width: 100%;opacity: 0;transition: all 0.25s;  text-align: center;bottom:25%;z-index:9;height: 1px;}
.portzone:hover .elements {opacity: 1;bottom:30%}
.icon-element {display: inline;margin: 25px; }
.pd5 {padding: 0 5px!important;}
.mais-port {text-align: center;    margin-bottom: 20px;}

.content-single pre {color:#fff!important;}


.outer{    display: table;    top: 0;    left: 0;    height: 100%;    width: 100%;}
.middle {vertical-align: middle;    display: table;    margin: 0 auto;}
.tab-skill{float: left;}

.more {  opacity: 0;transition: all 0.25s;   -moz-transition: all .25s ease-in-out;  -webkit-transition: all .25s ease-in-out;text-transform: uppercase;font-size: 18px!important;z-index: 99;}
.portzone:hover .more {opacity: 1; height: 4%!important; }

a.link-port {color: #fff; cursor: pointer;text-decoration: none;}
.border1 {
  height: 50px!important;
  width: 130px!important;
  background: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(0deg, white 50%, transparent 50%), linear-gradient(0deg, white 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x;
  background-size: 15px 4px, 15px 4px, 0px 0px, 0px 0px;
  padding: 5px;
  animation: border-dance 6s infinite linear;
  left: 48%;
  margin-left: -50px;
  position: absolute;
}
  @keyframes border-dance {
    0% {
      background-position: 0px 0px, 0px 35px, 0px 150px, 216px 0px;
    }
    100% {
      background-position: 300px 0px, 300px 35px, 0px 0px, 216px 150px;
    }
  }
a.link-port:hover {color:#fff;}
.absolute-center { width: 100%;  height: 1px; position: absolute;bottom: 50%;  right: 0; font-size: 24.6px;  font-weight: bold;  letter-spacing: 8.02px; text-align: center; color: #ffffff;text-transform: uppercase;z-index: 9;}

.bg-skill{background-image: url(../takemedia/images/bg-skill.jpg);min-height: 100vh;}
.paddinfb300 {padding-bottom: 100px;}


/*FOOTER*/
#footer{ bottom: 0; width:100%;padding:50px 0px;font-size: 9px;color:#000;font-style: normal;background-color:#060606;}
.menu-footer {color: #fff;  text-align: center;}
p.links-footer {display: inline;margin: 0 15px;}
#footer #menu {float:none!important;}
#footer .menuiten  {float:none!important;display: inline!important;    padding: 0px 40px!important;}
#footer #menu .menuiten:hover{background: none!important;}
#footer .menuiten a {display: inline!important;}
.logo-footer {margin-bottom: 50px;}
.social {margin-bottom: 35px;}
button.reject-btn {    background-color: #efa7a7!important;}
.sub-footer {  width: 100%;  height: 2.5rem; width:100%;color: #666;}
.sub-footer a{color: #f1f1f1; opacity: 0.8;}
.sub-footer a:hover{color: #fff;opacity: 1;}
li.social {  display: inline;  margin: 0 10px;}
.social ul {  padding: 0!important;}
.moove-gdpr-cookie-notice span{font-size: 14px!important;}
.menu-politica {margin-top: 25px;}
.menu-politica a{color:#fff; font-size:15px}
.grandchild {
    float: left;
}
.clearboth {
    clear: both;
}


/*MAP*/
#mapid {
  height: 800px;
}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}



/* CSS Bootstrap */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}


.col-xs-8ths,
.col-sm-8ths,
.col-md-8ths,
.col-lg-8ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-md-1-71 {
    width: 14.27%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	flex: 0 0 14.27%;
    max-width: 14.27%;
}

.col-md-1-50 {
    width: 100%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	flex: 0 0 12.5%;
    max-width: 12.5%;
}

.col-md-1-33 {
    width: 11.11%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	flex: 0 0 11.11%;
    max-width: 11.11%;
}


/*SKILLS*/
.box-skills {padding: 20px 10px;  cursor: pointer;  font-weight: bold;  font-size: 16px;  transition: background 0.1s, color 0.1s;  text-transform: uppercase;  text-align: center;
 background: #333;  color: #fff;  border-radius: 7px;  margin: 10px 0 10px 0;opacity: 0.9;}
.skill-active {background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%)!important; }
.bloco-elementos {margin:70px 0px;height: 70px;}
.portzone2 {position: relative;width: 1260px;}
.portzone3 {position: relative;width: 1260px;margin-bottom: 5px;}
.box-video2{max-width: 1250px;overflow: hidden;height: 500px;margin-bottom: 20px;}
.vh-video2 {max-width: 100%;margin-top: -80px;}
img.port2 {width: 100%;    height: 500px;  object-fit: cover;margin-top: 20px;}
h1.title-skills {font-size: 84.6px; font-weight: bold; letter-spacing: 19.61px;     margin-top: 25px; text-transform: uppercase;  color: #ffffff;}
h2.description-skills { font-size: 12px;  line-height: normal;  letter-spacing: 0.09px;  text-align: center;  color: #ffffff;text-transform: uppercase;    margin: 50px 25%;}
.icon-element2 {margin: 15px;float:left;width: 70px;}
.box-icon {height: 40px;  position: relative;  display: table-cell;  vertical-align: middle;  width: 70px;}
.box-icon2 {width: 70px;  height: 70px;  border-radius: 50%;  background: #666;  opacity: 0.3;  position: absolute;   margin-top: -15px;}
.bloco-elementos p {    margin-top: 20px;font-size: 8.6px;  font-weight: bold;  letter-spacing: 1.54px;  color: #ffffff; text-transform: uppercase;}
.table2 {	display: table; 	margin: 0 auto;}
ul#skill-icons {margin-right: 60px;}
.marginlr {margin: 0 200px!important;}
.bg-skill .owl-slide-animated p {margin:10px 0}

.botao-back {    width: 75px;
    cursor: pointer;
color: #fff; }

/*BIO*/
h3.subtitle-bio {  font-size: 18px;  line-height: 1.5;    margin-top: 30px;   letter-spacing: 0.23px; text-align: left; font-weight: normal;  color: #ffffff;}
.owl-slide-title-bio {text-transform:uppercase;font-size: 54.6px;  text-align: left;  font-weight: bold;  letter-spacing: 9.61px;  color: #ffffff;}
.meio-bio {background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%); padding-bottom: 50px;}
.top-100 {margin-top:100px;}
.top-120 {margin-top:120px;}
.title-clients {  font-size: 54.6px; font-weight: bold; letter-spacing: 19.61px;  color: #ffffff;text-transform: uppercase;}
.desc-clients {color:#fff;    margin-right: 50px;}
#clientes .owl-item {  height: auto!important;}
#clientes .owl-item img{  border-radius: 10px!important;}
#clientes .box-img {  padding: 5px!important;  background: #fff;  margin: 5px 0;  border-radius: 10px!important;height: 70px;    display: flex;    justify-content: center;    align-items: center;}
#clientes .owl-dots button.owl-dot { margin-right: -20px!important;}
#clientes .owl-dots {     text-align: center;  position: absolute;  display: grid;  margin-top: -35%;  right: 0; }
.bn-clients .owl-item { height: auto!important; }
.banner-contacts {height: 80vh;  position: relative;  background-color: lightgray;  min-height: 650px;}
.title-contacts {  font-size: 66.6px;  letter-spacing: 0.48px;text-transform: uppercase;  color: #ffffff;margin-bottom: 50px;}
.map-bio img {width: 100%;}
.box-img img {width: 100%;}
.box-gallery .box-img img {    width: 100%;    height: auto;    height: 200px;    object-fit: cover;}

/*CONTACTS*/
.box-contacts {border-bottom: 1px dashed #fff;  border-top: 1px dashed #fff;  padding: 30px 0;margin-right: 10%;}
.form-title {  font-size: 36.6px;  letter-spacing: 0.26px;text-transform: uppercase;margin-bottom: 20px;}
.box-form {background: rgba(0,0,0,.8);padding: 50px;margin-top: -34px;}
#singleform textarea { padding: .375rem .75rem; height: 100px;  width: 100%; color: #d0d0d0!important; background-color: rgba(255, 255, 255, 0.05)!important;  border: 1px solid #000!important;}
#singleform button[type="button"] { cursor: pointer; width: 100%; margin-top: 20px;  padding: 10px;  color: #fff; text-transform: uppercase; background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%);    cursor: pointer;   border: none;}
#singleform button:hover[type="button"] { background:#0098c3;}
.form-control { font-size: 1rem;  line-height: 1.5;  color: #d0d0d0!important; background-color: rgba(255, 255, 255, 0.05)!important;  border: 1px solid #000!important;}
.form_error{ background-color: rgba(255, 51, 51, 0.05)!important;  border: 1px solid #d04545!important;}
#response.send_error{height: 25px;color;color: #d04545!important;  padding: 10px;}
#response {height: 25px;color: #1cca33;  padding: 10px;}
.map{padding-bottom: 250px;}


/*SINGLE PAGE*/
.elements2 {position: relative;width: 100%;transition: all 0.25s; height: 30%;bottom: 0;  right: 0; text-align: center;margin-top: 20px;}
.hometitleh h1{font-weight: bold;font-size: 32px;text-transform: uppercase;color: #fff;letter-spacing: 3px;}

.box-video-single {overflow: hidden;max-width: 1250px;}
.bgvideo2 iframe {width: 100%!important;min-height: 650px!important;}
p.element-title {margin-top: 20px;  font-size: 8.6px;  font-weight: bold;  letter-spacing: 1.54px;  color: #ffffff;  text-transform: uppercase; }
.content-single {color: #f1f1f1; margin-bottom: 50px;}

#lightgallery .box-img img {width: 100%;   height: auto;height: 200px;    object-fit: cover;}
#lightgallery .work_item {padding:0!important}



/*JOBS*/
.box-jobs {height: 250px;}
.text-jobs {padding: 20px;}
.text-jobs h2{  font-size: 14px;    color: #f1f1f1;font-size: 24px;font-style: normal;   font-weight: bold!important;text-transform: uppercase;}
.jobs-content {margin: 0px 20px 0px 20px;font-style: normal; font-weight:100;font-size: 14px;color: #f1f1f1;}
.triangle {    width: 120px;    height: 90px;      z-index: -1;  background: linear-gradient(to left bottom, #1A7FB2 49.5%, transparent 50%);position:absolute; right:0; bottom:0;transform: scaleY(-1);    -webkit-transform: scaleY(-1);}
.work_item {   background-color: #212529;    margin: 10px; flex: 0 0 31.333333%!important;  max-width: 31.333333%!important;}
.work_item:hover {  background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%);}
.text-produto h2{font-size: 16px;font-weight: 700;font-style: normal;letter-spacing: 1.81px;text-transform: uppercase;padding-left:5px;margin-left:30px;}
.work_box {margin: 30px 10px 10px 10px;height: 180px;}
span.titleh {color:#fff;text-transform: uppercase;}
.quadrado {background-color: #000;    margin: 20px 30px 2px 30px; height:10px;}
.box-produto {height: 320px;}
span.pcontent  {color:#fff!important;font-size: 14px;}
.top150-single {height: 150px;}


.myslider {
  height: auto;
  width: 800px;
  margin: 10px auto;
}
.myslider .item {
  height: auto;
  width: 100%;
  background: #eeeeee;
}
.myslider .item img {
  height: auto;
  width: 100%;
}
.owl-dots .owl-dot {
  margin: 0px 5px;
}
.owl-dots .owl-dot button {
  background: none;
  border: none;
  padding: 0;
  color: #555555;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.owl-dots .owl-dot button:focus {
  outline: none;
}
.owl-dots .owl-dot.active button {
  color: #000000;
}



/* CSS mobile */

@media screen and (max-aspect-ratio: 1920/1080) {
  .bgvideo > video {
  height: 100%;
  }
  }
  @media screen and (min-aspect-ratio: 1920/1080) {
  .bgvideo > video {
  width: 100%;
  }
  }

@media (max-width: 1366px){  
    .bgvideo{  width: 180vw;  height: 190vh; }
    .clang {      right: 0px;}


}
@media (max-width: 1200px){ 
  .bgvideo2 iframe {height: 450px!important;}

  
}
@media (max-width: 1024px){    

  .box-video2 { height: auto; 	}
  img.port2 { height: auto; 	}

}
@media (max-width: 991px){    


}
@media (max-width: 948px){    
    .menu-toggle{	display: block;    }
     #header .logo{left: 48.5%;    position: absolute;}
     #header .logo svg{margin-top: 18px;margin-left: -50%;}
     .menuiten, .menuiten a{color: #fff; }
     .menuiten{padding: 20px 30px;  }
     .top {margin-top: 100px;}
     .logo svg {margin-top: 20px;}
     .txt-box {    margin: 0 5%;}
     ul#skill-icons {margin-right: 50px;}
     h1.title-skills {font-size: 54.6px; }
     .icon-element2 {margin: 20px;}
     .title-clients {  font-size: 34.6px; letter-spacing: 9.61px; }
     .bgvideo {  width: 350vw;  height: 350vh;}
      .margin-top {   margin-top: -100px;}
      .owl-slide-title {    text-transform: uppercase;   }
      .row {    margin-right: auto!important;  margin-left: auto!important;}
      .htitle {  font-size: 104.6px;}
      .top150 {margin-top: 0px;}
	  .tab-skill {float:unset}
      .hometitleh {padding: 20px;}
      .work_item {margin:10px 0;  flex: none!important;  max-width: none!important;}
      .first-menuiten {margin-top: 50px;}
      #header {         height: 65px; }
      .owl-dots {display: none!important;}
      .paddinfb300 {padding-bottom: 50px;}

	  .clang {    left: 10px!important;    width: 70px;    margin-top: 10px;}
	  .label {position: unset;}

	  .col-md-1-71, .col-md-1-50, .col-md-1-33 {flex: none;		max-width: none;}
}

@media (max-width: 767px){
  .tab-skill1 {margin-top: 50px;}
  .absolute-center {font-size: 18px;}
  h2.description-skills {margin: 0px;}

}
@media (max-width: 750px){
  .margin-top {height: auto;margin-top: -30%;} 


.htitle {  font-size: 44.6px;}
.bgvideo2 iframe {height: 350px!important;}
.notfound .notfound-404 h1 {    font-size: 148px;  }
#load {display: none;}

}

@media (max-width: 599px) {
  .label0tab, .label4tab {margin-left: auto;margin-right: auto;}
  .vh-video { width: 100%; height: auto; margin-left:0px;min-height: 0;margin-top: auto;}
  .box-video {height: auto;}
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {    height: 148px;    margin: 0px auto 10px;  }
  .notfound .notfound-404 h1 {    font-size: 86px;  }
  .notfound .notfound-404 h2 {    font-size: 16px;  }
  .notfound a {    padding: 7px 15px;    font-size: 14px;  }
  h1.title-skills {font-size: 34.6px; letter-spacing: 9.61px;}
  
}

@media (max-width: 462px){
  .bloco-elementos {height: auto;}
  .title-clients {  font-size: 24.6px;letter-spacing: 5.61px;}
  .banner-contacts {  height: auto;}
  .top50m {margin-top: 50px;}
h1.title-skills { margin-bottom: 25px; t}
  .margin-top {  margin-top: 50px;}
  .vh-video2 {margin-top: 0px;}
  .bgvideo2 iframe {height: 300px!important;}
  #footer .menuiten {    float: none!important;    display: block!important;    padding: 5px 10px!important;}
  .tab-content {padding-bottom: 0px;}
  #footer{	height: auto;position: relative;    } 
  #clientes .box-img { height: auto;}
}

@media (max-width: 450px){    
   
    img.port {height: 250px;  }
    .htitle {      font-size: 25.6px; margin: 5px; letter-spacing: 22.88px;   }


    h1.title-skills {font-size: 32.6px; letter-spacing: 9.61px;}
    .icon-element2 {margin: 10px;}
    .label {      margin: 10px;  }
    }


 @media (max-width: 350px){  
  h1.title-skills {font-size: 24.6px; }
  ul#skill-icons {margin-right: 0px;}

  .htitle {  font-size: 24.6px;letter-spacing: 6.88px;}
  .margin-top {  margin-top: 10px;}
 }

@media (min-width: 600px) {
	.label {    width: 10.5%;  }
	.panel {    order: 99;width: 100%;  }
  }
@media (min-width: 949px){
    #menu{display: block!important;    }
}

@media (min-width: 2000px){
.vh-video{ margin-left: 0;}
}