/*-----------------------------------------------------------------------------------
	magma ideas
	About: A shiny new Blocs website.
	Author: Do Web Design
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: :0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */
nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} /* Maintain Downdown Menu Link Color in Navigation */
[data-bs-theme="dark"] nav .dropdown-menu .nav-link{color:var(--bs-dropdown-link-color)!important;} /* Maintain Downdown Menu Link Color in Navigation in Darkmode */


/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#DB2C2C url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* = Web Fonts
-------------------------------------------------------------- */

@font-face {
	font-family:'Abel-Regular';
	src: url('./fonts/Abel-Regular/abel-regular.ttf');
	src: url('./fonts/Abel-Regular/abel-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'Lato-Black';
	src: url('./fonts/Lato-Black/Lato-Black.ttf');
	src: url('./fonts/Lato-Black/Lato-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'GrandHotel-Regular';
	src: url('./fonts/GrandHotel-Regular/GrandHotel-Regular.ttf');
	src: url('./fonts/GrandHotel-Regular/GrandHotel-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'Lato-Bold';
	src: url('./fonts/Lato-Bold/Lato-Bold.ttf');
	src: url('./fonts/Lato-Bold/Lato-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'ElementalEnd';
	src: url('./fonts/ElementalEnd/Elemental%20End.ttf');
	src: url('./fonts/ElementalEnd/Elemental%20End.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'FuturaLT';
	src: url('./fonts/FuturaLT/FuturaLT.ttf');
	src: url('./fonts/FuturaLT/FuturaLT.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'FuturaLT-Bold';
	src: url('./fonts/FuturaLT-Bold/FuturaLT-Bold.ttf');
	src: url('./fonts/FuturaLT-Bold/FuturaLT-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'Lato-Regular';
	src: url('./fonts/Lato-Regular/Lato-Regular.ttf');
	src: url('./fonts/Lato-Regular/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
}


/* Sizes */

.bloc-xl{
	padding:150px 20px;
}
.bloc-lg{
	padding:100px 20px;
}
.bloc-md{
	padding:50px 20px;
}
.bloc-sm{
	padding:20px;
}

/* = Full Screen Blocs 
-------------------------------------------------------------- */

.bloc-fill-screen{
	min-height:100vh;
	display: flex;
	flex-direction: column;
	padding-top:20px;
	padding-bottom:20px;
}
.bloc-fill-screen > .container{
	align-self: flex-middle;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row{
	flex-grow: 1;
	align-self: center;
	width:100%;
}
.bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{
	flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge{
	align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge{
	align-self: flex-end;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc{
	padding-left:0;
	padding-right:0;
}
.full-width-bloc .row{
	margin-left:0;
	margin-right:0;
}
.full-width-bloc .container{
	width:100%;
	max-width:100%!important;
}
.full-width-bloc .carousel img{
	width:100%;
	height:auto;
}


/* Group Styles */

.bloc-group{
	display:flex;
}
.bloc-tile-2{
	width:50%;
}
.bloc-tile-3{
	width:33.33333333%;
}
.bloc-tile-4{
	width:25%;
}
.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
	width:100%;
}


/* Edge Dividers */

.bloc-shape-divider{
	position: absolute;
	width:100%;
	text-align:center;
	left:0;
	right:0;
	z-index: 0;
	display: flex;
	pointer-events: none;
}
.svg-divider{
	width:100%;
	height:100px;
	fill:#000000;
}
.bloc-divider-top{
	top:-1px;
	align-items: flex-start;
}
.bloc-divider-bottom{
	bottom:-1px;
	align-items: flex-end;
}


/* Background Styles */

.bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat{
	-webkit-background-size: auto!important;
	-moz-background-size: auto!important;
	-o-background-size: auto!important;
	background-size: auto!important;
}
.bg-r-edge{
	background-position: right!important;
	background-repeat: no-repeat;
}
.bg-tl-edge{
	background-position: top left!important;
	background-repeat: no-repeat;
}
.bg-br-edge{
	background-position: bottom right!important;
	background-repeat: no-repeat;
}


/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* = NavBar
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear{
	margin:0;
}
.mg-sm{
	margin-top:10px;
	margin-bottom:5px;
}
.mg-md{
	margin-top:10px;
	margin-bottom:20px;
}
.mg-lg{
	margin-top:10px;
	margin-bottom:40px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}


/* = Icons
-------------------------------------------------------------- */
.icon-md{
	font-size:30px!important;
}
.icon-lg{
	font-size:60px!important;
}
.icon-xl{
	font-size:100px!important;
}




.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}


/* = Forms
-------------------------------------------------------------- */

.form-control{
	border-color:rgba(0,0,0,.1);
	box-shadow:none;
}

/* Scroll FX */
.scroll-fx-in-range{
	will-change: opacity;
}


/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity:0;
	z-index:999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox]{
	position: relative;
	display: block;
	text-align: center;
}
a[data-lightbox]:hover::before{
	content:"+";
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
	font-size:32px;
	line-height: 42px;
	width:50px;
	height:50px;
	margin-left:-25px;
	border-radius: 50%;
	background:rgba(0,0,0,.5);
	color:#FFF;
	font-weight:100;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
a[data-lightbox]:hover img{
	opacity: 0.6;
	-webkit-animation-fill-mode: none;
	animation-fill-mode:none;
}
.lightbox-caption{
	padding: 20px;
	color: #FFF;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0px;
}
.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{
	background:rgba(0,0,0,.5);
}
.next-lightbox, .prev-lightbox,.close-lightbox{
	position: absolute;
	padding:6px;
	background:rgba(0,0,0,.3);
	line-height:0;
	transition: background .2s ease-in-out;
	border-radius:.25rem;
	border:none;
	z-index:20;
}
.next-lightbox, .prev-lightbox{
	top:45%;
}
.close-lightbox{
	top:20px;
	right:20px;
}
.next-lightbox{
	right:25px;
}
.prev-lightbox{
	left:25px;
}
.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{
	fill:none;
	stroke: #fff;
	stroke-width: 3px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
.lightbox-close-svg{
	pointer-events:none;
}

/* Framless */
.frameless-lb{
	border-radius: 0;
	border:none;
}
.frameless-lb .modal-body{
	padding:0;
}
.frameless-lb .lightbox-caption{
	left:0;
	right:0;
	bottom:-16px;
}

/* Hide Object */
.object-hidden{
	display:none;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"Helvetica";
}
.container{
	max-width:1140px;
}
.img{
	text-shadow:4px -62px 4px #000000;
}
.img-fx{
	box-shadow:2px 42px 26px #6F1311;
}
.navbar-nav li a{
	font-size:13px;
	color:var(--swatch-var-1197)!important;
}
.nav-padding{
	float:initial;
	padding:18px 18px 18px 18px;
}
.icon-padding{
	color:var(--swatch-var-1197)!important;
	margin:8px 8px 8px 8px;
}
.link-fx{
	color:#B62523!important;
	font-weight:600;
}
.link-fx:hover{
	color:#757575!important;
}
.navbar-brand img{
	width:250px;
}
.column-padding{
	height:700px;
	background-color:#B70C0B;
	padding:120px 120px 120px 120px;
}
.h3-magma-office-style{
	font-size:22px;
	line-height:22px;
	font-family:"FuturaLT";
}
.h3-bloc-1-style{
	font-size:22px;
	line-height:22px;
	width:100%;
	font-family:"FuturaLT";
}
.h3-5-style{
	font-size:22px;
	line-height:22px;
	font-family:"FuturaLT";
}
.nav-bar{
	background-color:rgba(255,255,255,0.52);
	background-clip:content-box!important;
	-webkit-background-clip:content-box!important;
	background-position:left center;
	background-repeat:repeat;
}
.text{
	line-height:50px;
}
.image-fx{
	text-shadow:29px -40px 14px #000000;
	box-shadow:38px 36px 4px #848484;
	border-style:none;
	border-color:#B92623!important;
	border-radius:18px 18px 18px 18px;
	border-width:8px 8px 8px 8px;
}
.h1-style{
	letter-spacing:px;
	line-height:12px;
	font-size:12px;
	font-family:"Lato";
	width:9.23%;
	font-weight:700;
}
.h1-industrial-style{
	line-height:22px;
	font-size:80px;
	font-family:"FuturaLT";
}
.nav-link{
	font-weight:700;
}
.bloc-background{
	background:linear-gradient(0deg, #FF685E, #FFFFFF);
}
.row-background{
	background-color:#BA2624;
}
.link-color{
	color:#555555;
}
.h3-industrial-style{
	font-family:"FuturaLT";
	font-size:80px;
	line-height:8px;
}
.nav-text{
	font-weight:800;
	font-family:"FuturaLT";
	color:#FEFFFE!important;
}
.p-style{
	font-size:72px;
	font-family:"Lato";
	width:93.08%;
	font-weight:300;
	height:71px;
	color:var(--swatch-var-1197)!important;
	line-height:64px;
}
.icon-color{
	color:#FEFFFE!important;
}
.button{
	font-family:"FredokaOne-Regular";
	border-color:rgba(255,255,255,0.00)!important;
	background-color:transparent;
	color:var(--swatch-var-685)!important;
	border-width:26px 26px 26px 26px;
	position:relative;
	top:22px;
	width:222px;
	height:64px;
}
.bloc-padding{
	;
}
.nav-toggle{
	;
}
.blocsapp-special-menu blocsnav{
	background-color:#5E5E5E;
}
.link-text{
	font-weight:400;
	font-family:"Lato";
	color:#E5201F!important;
	background-color:transparent;
	border-color:#FEFFFF!important;
	margin:4px 4px 4px 4px;
}
.link{
	font-family:"Lato-Black";
	font-weight:900;
	color:#E4201F!important;
	font-size:13px;
	position:relative;
	top:100px;
	right:12px;
}
.link-letter{
	font-family:"Domine";
	color:#FE1B0A!important;
	font-size:18px;
	font-weight:700;
}
.link-divider{
	border-style:solid;
	border-color:#FFFFFF!important;
	background-size:auto auto;
	margin:1px 1px 1px 1px;
	border-width:0px 2px 0px 0px;
}
.icon-size{
	;
}
.link:hover{
	background-color:transparent;
}
.button-group{
	;
}
.list{
	background-color:rgba(185,13,12,0.82);
	padding:44px 44px 44px 44px;
}
.menu-link{
	color:var(--swatch-var-1197)!important;
	font-family:"Lato-Black";
	font-weight:700;
}
.h3- magma-ideas-style{
	font-family:"ElementalEnd";
	font-size:13px;
	line-height:14px;
	color:#e5211f;
}
.h3-text{
	font-family:"ElementalEnd";
	font-size:14px;
}
.dot-divider{
	position:relative;
	right:1px;
	font-weight:900;
	font-family:"Lato-Bold";
}
.menu-link:hover{
	color:var(--swatch-var-7513)!important;
}
.icon-padding:hover{
	color:var(--swatch-var-7513)!important;
	font-size:0096px;
}
.button-color-hover{
	background-color:#E5201F;
	color:#E01E1E!important;
	border-color:#E5201F!important;
}
.button-color-hover:hover{
	border-color:#FEFFFF!important;
	color:#FEFFFF!important;
	background-color:#FEFFFF;
}
.nav-menu{
	color:#FEFFFF!important;
}
.nav-bar-padding{
	;
}
.icon-padding-menu{
	float:none;
	font-weight:lighter;
	width:70px;
	color:var(--swatch-var-2738)!important;
	padding:14px 14px 14px 14px;
	position:relative;
	left:100px;
	top:15px;
}
.h1-magma-home-style{
	font-size:26px;
	line-height:26px;
	font-family:"FuturaLT";
}
.h1-bloc-0-style{
	font-size:26px;
	line-height:26px;
}
.h1-4-style{
	font-size:26px;
	line-height:26px;
}
.h4-style{
	font-family:"Lato-Regular";
	width:73.27%;
	font-weight:lighter;
	text-transform:none;
	position:relative;
	top:44px;
	font-size:24px;
	line-height:24px;
}
.h4-mgma-prototype-style{
	line-height:24px;
}
.h4-bloc-0-style{
	line-height:24px;
}
.h4-magma-office-style{
	line-height:24px;
}
.h3--heading-3-style{
	line-height:24px;
	font-family:"FuturaLT";
	color:#FEFFFF!important;
	font-size:48px;
	font-weight:500;
}
.h3--heading-3-style:hover{
	color:var(--swatch-var-7513)!important;
}
.follow-links-padding{
	;
}
.h3-style{
	font-size:14px;
	line-height:14px;
	font-family:"ElementalEnd";
	color:#ffffff;
}
.header-padding{
	color:#FEFFFF!important;
	margin:2px 2px 2px 2px;
	padding:60px 60px 60px 60px;
	position:relative;
	top:38px;
}
.link-font{
	font-family:"Lato";
	font-weight:700;
	color:#FEFFFF!important;
	position:relative;
	right:2px;
	font-size:13px;
}
.link-letter-edit{
	font-family:"Domine";
	font-weight:600;
	color:var(--swatch-var-685)!important;
	font-size:16px;
}
.list-padding{
	float:none;
	overflow:visible;
}
.icon-hover{
	color:var(--swatch-var-1197)!important;
	width:36px;
}
.icon-hover:hover{
	color:var(--swatch-var-7513)!important;
}
.logo-padding{
	height:44px;
}
.h3- -magma-ideas-style{
	line-height:15px;
	font-size:12px;
	font-family:"ElementalEnd";
	color:#E4201F!important;
}
.text-font{
	font-size:15px;
	font-family:"ElementalEnd";
	color:#E4201E!important;
}
.font{
	font-family:"Domine";
	font-weight:600;
	color:#E4201E!important;
	font-size:20px;
}
.linktext-font{
	font-family:"Lato";
	font-weight:700;
	color:#E4201F!important;
	position:relative;
	right:2px;
	font-size:15px;
}
.divcontainer-padding{
	padding:22px 22px 22px 22px;
}
.text-padding{
	margin:9px 9px 9px 9px;
	position:relative;
	top:1px;
}
.icon-padding-invert{
	color:#FEFFFF!important;
	margin:22px 22px 22px 22px;
}
.column-margin{
	height:124px;
	padding:24px 24px 24px 24px;
}
.container-div-style{
	width:100%;
}
.row{
	;
}
.row-text{
	margin:14px 14px 14px 14px;
	position:relative;
	top:66px;
}
.icon-padding-menu:hover{
	color:#FF572C!important;
}
.img-dsc-29-style{
	width:339px;
}
.imagewithtext{
	font-family:"FuturaLT";
	color:#E4201F!important;
	font-weight:900;
	text-transform:none;
	text-decoration:none;
	text-align:center;
}
.background{
	background-color:#424242;
	background:linear-gradient(86deg, #212121, #424242);
}
.link-contacto-style{
	width:92.78%;
}
.container-div-0-style{
	width:64.23%;
}
.h3-8-style{
	font-family:"FuturaLT";
}
.h3--scroll-down-style{
	font-size:12px;
	line-height:12px;
	width:95.26%;
}
.link-menu{
	font-family:"FuturaLT";
	font-size:44px;
}
.bloc-style{
	height:426px;
	width:100%;
}
.link-menu:hover{
	;
}
.text-menu{
	font-size:14px;
	color:#E4201F!important;
	font-family:"FuturaLT";
	margin:2px 2px 2px 2px;
	padding:2px 2px 2px 2px;
}
.link-4-style{
	width:100%;
}
.h3-1-style{
	width:60.12%;
	line-height:28px;
	font-size:px;
	color:var(--swatch-var-4371)!important;
	font-family:"Lato";
	font-weight:700;
}
.menu-font{
	font-family:"Lato";
	color:var(--swatch-var-2738)!important;
	font-weight:700;
	font-size:28px;
	margin:12px 12px 12px 12px;
	padding:4px 4px 4px 4px;
	position:relative;
	right:2px;
}
.link-text-color{
	color:var(--swatch-var-1197)!important;
	font-size:44px;
	font-family:"Lato";
	font-weight:300;
}
.link-text-color:hover{
	color:var(--swatch-var-7513)!important;
}
.menu-text{
	font-family:"FuturaLT";
	font-size:44px;
}
.menu-font:active{
	color:#000000!important;
}
.h3--menu-style{
	font-family:"FuturaLT";
	line-height:22px;
	font-size:22px;
}
.icon-hoveredit{
	color:#FEFFFF!important;
	margin:2px 2px 2px 2px;
	padding:10px 10px 10px 10px;
}
.icon-hoveredit:hover{
	color:var(--swatch-var-7513)!important;
}
.menu-font-edit{
	color:#FEFFFF!important;
	font-size:22px;
	padding:2px 2px 2px 2px;
}
.menu-font-edit:hover{
	color:#FFFFFF!important;
}
.text-color-menu{
	color:#FEFFFF!important;
	font-family:"FuturaLT";
	font-size:32px;
	font-weight:normal;
}
.h5-style{
	font-size:28px;
	line-height:28px;
	color:#FEFFFF!important;
	width:92.36%;
	font-family:"Lato";
	font-weight:700;
	padding:2px 2px 2px 2px;
}
.icon-padding-invert:hover{
	color:var(--swatch-var-7513)!important;
}
.link-main{
	font-family:"FuturaLT";
}
.carousel-style{
	width:70.86%;
}
.link-text-menu{
	font-size:22px;
	font-family:"FuturaLT";
	color:#E5201F!important;
	height:84px;
	margin:12px 12px 12px 12px;
	font-weight:300;
}
.text-span-color{
	color:#FEFFFF!important;
}
.link-text-edit{
	font-family:"FuturaLT";
	color:#E4201F!important;
	font-size:16px;
	height:2px;
}
.image-padding{
	padding:128px 128px 128px 128px;
}
.h2-style{
	font-size:52px;
	line-height:42px;
	font-family:"FuturaLT-Bold";
	width:37.95%;
	float:inherit;
}
.p-3-style{
	font-family:"FuturaLT";
	width:76.51%;
	line-height:16px;
}
.background-gif{
	text-shadow:0px 0px 0px #000000;
	box-shadow:0px -37px 18px #000000;
}
.icon-padding-sze{
	margin:2px 2px 2px 2px;
	position:relative;
}
.icon-hover-color{
	color:#E31F1E!important;
}
.icon-hover-color:hover{
	color:var(--swatch-var-7701)!important;
}
.-text-padding{
	height:44px;
	position:relative;
	bottom:14px;
}
.text-span-bloc-1-color{
	color:#E4201E!important;
}
.h3-1-style:hover{
	;
}
.text-color-menu:hover{
	color:#FEFFFF!important;
}
.h5-style:hover{
	color:#FEFFFF!important;
}
.h3-color{
	color:#ff9300;
	font-size:22px;
	line-height:34px;
	width:33.36%;
	font-family:"ElementalEnd";
}
.container-div-bloc-1-style{
	height:96px;
}
.img-style{
	width:253px;
}
.image-padding-menu{
	margin:12px 12px 12px 12px;
}
.dot-divider-edit{
	font-weight:900;
	text-transform:none;
}
.link-divider-edit{
	background-size:auto auto;
}
.text-divider{
	font-weight:normal;
	min-width:2px;
}
.h3-menu-color{
	color:#424242!important;
	font-family:Lato;
	font-size:28px;
	line-height:28px;
	font-weight:700;
	width:10.43%;
	margin:8px 8px 8px 8px;
	padding:4px 4px 4px 4px;
}
.h3-padding{
	font-family:"Lato";
	font-weight:700;
	margin:18px 18px 18px 18px;
}
.icon-tablet-padding-menu-edit{
	color:#E4201E!important;
	padding:1px 1px 1px 1px;
	position:relative;
	right:7px;
}
.icon-margin{
	width:42px;
	margin:6px 6px 6px 6px;
}
.link-hover{
	color:#E4201F!important;
	font-weight:900;
	font-family:"Abel-Regular";
}
.link-hover:hover{
	color:var(--swatch-var-7701)!important;
}
.icon-tablet-padding-menu-edit:hover{
	color:var(--swatch-var-7513)!important;
}
.sticky-nav.sticky{
	background-color:rgba(255,126,121,0.74);
	text-shadow:0px 0px 0px rgba(0,0,0,0.00);
	background-clip:content-box!important;
	-webkit-background-clip:content-box!important;
}
.linkcolor{
	color:#5E5E5E!important;
	font-family:"Lato-Black";
	font-weight:bold;
	font-size:44px;
}
.p-bloc-5-style{
	font-family:"Lato-Regular";
	width:84.68%;
	height:116px;
	font-size:24px;
	letter-spacing:px;
	font-weight:lighter;
	position:relative;
	top:44px;
	line-height:24px;
	text-transform:none;
}
.icon-padding-fx{
	margin:24px 24px 24px 24px;
}
.icon-padding-effect{
	;
}
.column-padding-edit{
	height:382px;
}
.column-paddingedit{
	height:392px;
}
.image-padding-edit{
	text-shadow:0px 22px 15px #000000;
	background-position:left top;
	background-repeat:repeat;
	padding:42px 42px 42px 42px;
}
.text-padding-edit{
	padding:62px 62px 62px 62px;
}
.container-div-bloc-5-style{
	width:100%;
}
.container-div-bloc-3-style{
	width:68.07%;
}
.header-margin{
	height:78px;
}
.text-color-edit{
	color:#E4201F!important;
	font-family:"Lato";
	font-weight:700;
}
.nav-container{
	height:0px;
}
.nav-bar-edit{
	margin:22px 22px 22px 22px;
}
.icon{
	margin:12px 12px 12px 12px;
}
.bloc-main-padding{
	;
}
.icon-margin-menu{
	height:90px;
	position:relative;
	bottom:22px;
	right:7px;
}
.h3-heading-3-style{
	width:100%;
	font-size:12px;
	line-height:12px;
	color:#E4201E!important;
	font-family:"Lato-Black";
	font-weight:bold;
}
.text-span-0-color{
	color:#FEFFFF!important;
}
.p-style:hover{
	;
}
.container-div-bloc-0-style{
	width:100%;
}
a{
	font-family:"GrandHotel-Regular";
	font-weight:700;
}
.link-style{
	font-weight:normal;
	font-family:"Abel-Regular";
}
.icon-resize{
	background-size:auto auto;
	font-weight:normal;
}
.icon-size-menu{
	float:none;
	background-size:auto auto;
}
.icon-padding-edit{
	position:relative;
}
.h5-padding{
	position:relative;
	bottom:22px;
}
.iconpadding{
	position:relative;
	bottom:22px;
	top:10px;
	right:42px;
}
.h3padding{
	position:relative;
	top:21px;
	right:8px;
}
.iconpadding-menu{
	position:relative;
	bottom:2px;
	left:6px;
}
.img-untitled-style{
	width:40px;
	position:relative;
	bottom:37px;
}
.image-icon-padding{
	position:relative;
	right:188px;
	bottom:11px;
}
.h3-padding-menu{
	position:relative;
	top:25px;
}
.iconmargin{
	position:relative;
	right:8px;
}
.img-bloc-1-style{
	width:60px;
	height:55px;
}
.icon-margin-padding{
	position:relative;
	right:188px;
	bottom:32px;
}
.h3-paddingedit{
	position:relative;
	top:22px;
}
.text-padding-menu{
	position:relative;
	left:54px;
	top:4px;
}
.gradient-icon{
	background-clip:border-box!important;
	-webkit-background-clip:border-box!important;
	background-blend-mode:normal;
	background:linear-gradient(194deg, var(--swatch-var-2738) 0%, var(--swatch-var-7701) 100%);
}
.gradient-bck{
	background:linear-gradient(181deg, var(--swatch-var-2738)  58%, #FF8300 100%);
}
.headerpadding{
	position:relative;
	right:6px;
	top:34px;
}
.column-margin-edit{
	position:relative;
	left:18px;
	bottom:24px;
}
.button:hover{
	color:var(--swatch-var-7701)!important;
}
.icon-main{
	margin:8px 8px 8px 8px;
	background-color:var(--swatch-var-685);
	color:var(--swatch-var-2738)!important;
}
.icon-gradient{
	background:radial-gradient(var(--swatch-var-2738) 0%, var(--swatch-var-7701) 100%);
	background-clip:text!important;
	-webkit-background-clip:text!important;
}
.h3padding-main{
	position:relative;
	right:14px;
}
.h3padding-menu{
	position:relative;
	top:22px;
}
h3{
	position:relative;
}
.menu-padding{
	position:relative;
	top:10px;
}
.padding-menulist{
	position:relative;
	top:4px;
}
.link-text-editmenulist{
	position:relative;
	right:3px;
}
.h3paddingedit{
	position:relative;
	top:21px;
	right:8px;
}
.boldwrapper{
	color:var(--swatch-var-1197)!important;
	position:relative;
}
.fullscreenmenu-backgroundgradient{
	background:linear-gradient(272deg, var(--swatch-var-2738) 72%, var(--swatch-var-7701) 100%);
}
.menu-gradientbackground{
	background:linear-gradient(0deg, var(--swatch-var-7701) 10%, var(--swatch-var-2738) 25%);
}
.menu-colortext{
	color:var(--swatch-var-1197)!important;
	position:relative;
	top:44px;
}
.menulettercolor{
	color:var(--swatch-var-685)!important;
}
.menulink{
	color:var(--swatch-var-1197)!important;
}
.h2-portafolio-style{
	font-family:"Lato-Bold";
	font-weight:900;
	font-size:14px;
	line-height:14px;
	position:relative;
	right:140px;
}
.h3-objectpadding{
	position:relative;
	bottom:38px;
	left:12px;
}
.dot-padding{
	color:var(--swatch-var-2738)!important;
	position:relative;
	top:82px;
	left:34px;
}
.linkpadding1{
	position:relative;
	left:106px;
	top:82px;
}
.linkpadding2{
	position:relative;
	right:55px;
	bottom:18px;
}
.row-margin{
	margin-bottom:124px;
}
.linkedittext{
	font-family:"Lato-Black";
	color:var(--swatch-var-5971)!important;
}
.form-padding{
	width:422px;
	height:422px;
	position:relative;
	margin:10px 10px 10px 10px;
	padding:11px 11px 11px 11px;
	top:28px;
	left:144px;
}
.h3-  magma-ideas-style{
	font-family:"ElementalEnd";
	font-size:12px;
	line-height:12px;
	width:23.14%;
	position:relative;
}
.link-form{
	font-family:"Lato-Black";
	font-weight:400;
	color:var(--swatch-var-685)!important;
	font-size:12px;
}
.label-style{
	font-family:"Lato-Black";
	font-size:12px;
	line-height:12px;
}
.label-email-style{
	font-family:"Lato-Black";
	font-size:12px;
	line-height:12px;
}
.label-mensaje-style{
	font-family:"Lato-Black";
	font-size:12px;
	line-height:12px;
}
.linkletter{
	font-family:"Domine";
	color:var(--swatch-var-2738)!important;
	font-weight:bold;
	font-size:28px;
	text-transform:none;
}
.h3- contacto-style{
	font-family:"Lato-Black";
	font-size:44px;
	line-height:44px;
	position:relative;
	bottom:94px;
	left:210px;
	width:65.61%;
}
.tittle-paddingform{
	position:relative;
	left:205px;
	top:22px;
}
.form-style{
	width:73.36%;
	position:relative;
	top:44px;
	left:84px;
}
.followlinks-padding{
	position:relative;
	top:56px;
}
.h3-bloc-8-style{
	font-size:16px;
	line-height:16px;
	font-family:"Lato-Black";
	text-transform:lowercase;
}
.h3- 315-880-0057-style{
	font-family:"Lato-Black";
	font-size:14px;
	line-height:14px;
}
.text-capital{
	text-transform:uppercase;
}
.row-padding{
	position:relative;
	top:60px;
}
.h3-contact-padding{
	position:relative;
	bottom:160px;
	right:34px;
}
.icon-padding-contactmenu{
	position:relative;
	top:2px;
	color:var(--swatch-var-1197)!important;
	left:188px;
}
.h3-menu-style{
	font-family:"Lato";
	font-weight:700;
	line-height:28px;
}
.link-textcontactpadding{
	font-family:"Lato";
	font-weight:800;
	color:var(--swatch-var-1197)!important;
	position:relative;
	bottom:30px;
	left:88px;
}
.linkletteredit{
	font-size:18px;
	font-family:"Domine";
}
.link-font:hover{
	color:transparent!important;
}
.vertical-text{
	position:relative;
	top:448px;
	right:22px;
}
.menumainlink{
	color:var(--swatch-var-7513)!important;
	font-family:"Lato";
	font-weight:700;
	font-size:15px;
}
.ptext{
	width:280px;
}
.row-margin-edit{
	position:relative;
	top:64px;
}
.icon-padding-contactmenu:hover{
	color:var(--swatch-var-7513)!important;
}
.img-bloc-3-style{
	opacity:1.0;
	position:relative;
	left:327px;
	top:8px;
	height:56px;
	width:64px;
}
.icon-padding-brand{
	position:relative;
	left:310px;
}
.column-padding-margin{
	height:320px;
}
.icon-paddingimage{
	position:relative;
	left:316px;
	top:9px;
}
.img-petsre-style{
	width:83px;
}
.iconpadding-pets{
	position:relative;
	left:148px;
	top:4px;
}
.iconpaddingmargin-edit{
	position:relative;
	left:202px;
	top:46px;
}
.iconedit{
	position:relative;
	right:218px;
}
.iconpad{
	position:relative;
	top:35px;
	left:7px;
}
.iconeditpadding{
	position:relative;
	top:30px;
	left:100px;
}
.column-magmaexperience{
	height:300px;
}
.bloc-padding-edit{
	height:294px;
}
.iconimage{
	position:relative;
	left:168px;
}
.h2-proximamente-style{
	font-size:100px;
	line-height:100px;
	font-family:"Lato-Black";
}
.btn-font{
	font-family:"Lato-Black";
	text-decoration:none;
	text-transform:none;
}
.btn-font:hover{
	color:var(--swatch-var-2738)!important;
}
.btn-padding-top{
	padding-top:0px;
	padding-bottom:0px;
	color:var(--swatch-var-1197)!important;
}
.paragraph-bck-color{
	background-color:var(--swatch-var-3434);
	position:relative;
	top:22px;
	font-family:"Lato-Black";
	font-size:14px;
	color:var(--swatch-var-2738)!important;
	line-height:22px;
	word-spacing:1px;
	letter-spacing:1px;
	text-align:justify;
	height:110px;
	border-radius:4px 4px 4px 4px;
}
.magma-padding{
	position:relative;
	top:49px;
}
.p-bloc-4-style{
	font-family:"Lato-Regular";
	font-size:22px;
	line-height:24px;
	width:78.06%;
	position:relative;
	left:60px;
	color:var(--swatch-var-685)!important;
	font-weight:300;
	text-transform:none;
}
.p-27-style{
	font-family:"Lato-Black";
}
.iconpad-magma{
	position:relative;
	left:58px;
}
.link-magma{
	font-family:"Lato-Regular";
	color:var(--swatch-var-2738)!important;
	font-weight:lighter;
}
.office-padding-area{
	position:relative;
	top:16px;
}
.homepaddingarea{
	position:relative;
	top:16px;
}
.iconhome{
	position:relative;
	right:223px;
}
.h4padding-office{
	position:relative;
	top:6px;
}
.linkcolor-edit1{
	font-family:"FuturaLT-Bold";
	color:var(--swatch-var-7513)!important;
}
.pedit1{
	width:222px;
}
.icon-prototype{
	position:relative;
	bottom:25px;
	right:117px;
}
.h3prototype-padding{
	position:relative;
	top:14px;
}
.scrollToTop{
	background-color:var(--swatch-var-2738);
}
.iconpaddingmenu{
	position:absolute;
	right:108px;
}
.desktop-columnpadding-breakepoint{
	position:relative;
	right:68px;
}
.mobileicon1{
	color:var(--swatch-var-685)!important;
}
.tablet-imgiconpadding{
	position:relative;
}
.tablet-contactpadding{
	position:relative;
	left:110px;
}
.desktoph3-padding{
	position:relative;
	left:222px;
}
.landscape1{
	position:relative;
	left:100px;
}
.desktoph3padding{
	position:relative;
	left:230px;
}
.contact-desklandscape{
	position:relative;
	bottom:512px;
	right:500px;
	color:var(--swatch-var-685)!important;
	font-family:"Lato-Black";
}
.landscape-text{
	position:relative;
	left:2px;
}
.desktoppaddingtextsign{
	position:relative;
}
.desktoptext-alignment{
	position:relative;
}
.img-23-style{
	width:37px;
}
.smimgiconpadding{
	position:relative;
	right:300px;
	top:78px;
}
.lgiconimgpadding{
	position:relative;
	left:50px;
	top:24px;
}
.lg-imgiconpaddingghome{
	position:relative;
	bottom:6px;
	right:380px;
}
.sm-iconpadding-home{
	position:relative;
}
.icon-landscapepadding{
	position:relative;
	top:80px;
	left:44px;
}
.desktop-iconpadding{
	position:relative;
	bottom:8px;
	right:380px;
}
.desktop-iconpadding-portrait{
	position:relative;
	right:270px;
	bottom:8px;
}
.petsimgiconpadding{
	position:relative;
	right:300px;
	top:80px;
}
.desktoppaddingmainmenu{
	position:relative;
	left:10px;
}
.desktop-menu-icon-padding{
	position:relative;
	left:93px;
	top:9px;
}
.desktop-icon-paddingmenu{
	position:relative;
	right:90px;
}
.desktop-menu-padding{
	position:relative;
	left:38px;
}
.desktop-contact-iconpadding{
	position:relative;
	top:16px;
	left:62px;
}
.desktop-menupadding-txt{
	position:relative;
	left:96px;
	bottom:17px;
}
.desktop-dot-main{
	position:relative;
	left:36px;
}
.desktop-dot-paddingmain{
	position:relative;
	left:36px;
}
.desktopmain-font-bold{
	font-weight:300;
	text-transform:none;
	font-family:"Lato-Regular";
}
.desk-dot-main{
	position:relative;
	left:45px;
}
.desktopdot-padding{
	position:relative;
	left:34px;
}
.dsk-dot-padding{
	position:relative;
	left:45px;
}
.dskdot-padding{
	position:relative;
	left:35px;
}
.dsk-tittlebrand-padding{
	position:fixed;
	top:700px;
	left:76px;
}
.dsk-tittle-padding{
	position:absolute;
	top:109px;
	left:242px;
}
.dsk-dot-padding-office{
	position:relative;
	left:36px;
}
.dsk-dotpadding{
	position:relative;
	left:35px;
}
.desktoplg-txt-alignment{
	text-align:right;
}
.lg-icon-contactpadding{
	position:relative;
	top:14px;
}
.lg-signtxt-color{
	color:var(--swatch-var-2738)!important;
}
.lg-signtxr-color{
	color:var(--swatch-var-2738)!important;
}
.lg-link-font{
	font-family:"Lato-Black";
	font-size:16px;
	color:var(--swatch-var-685)!important;
	position:relative;
}
.lg-plusigncolor{
	color:var(--swatch-var-1197)!important;
}
.h6-style{
	font-family:"Lato";
	font-weight:700;
	font-size:28px;
	line-height:28px;
}
.lg-main-padding{
	position:absolute;
	left:660px;
	top:22px;
}
.lg-mainmenu-socialbarpadding{
	position:relative;
	top:68px;
}
.lg-menuitem1-padding{
	position:relative;
	top:22px;
}
.lg-menuitem2-padding{
	position:relative;
	top:22px;
}
.lg-menuitem3-padding{
	position:relative;
	top:22px;
}
.lg-menuitem4-padding{
	position:relative;
	top:22px;
}
.lg-menuitem4-icon-padding{
	position:relative;
	top:11px;
}
.lg-menuitem5-padding{
	position:relative;
	top:22px;
}
.lg-menuicon1-padding{
	position:relative;
	bottom:2px;
}
.lg-bogotacolombiatxt{
	position:relative;
}
.bloc-divider-b-fill{
	fill:var(--swatch-var-7513);
	height:60px;
}
.bloc-divider-b-style{
	height:40px;
	fill:var(--swatch-var-2738);
	width:100%;
}
.txt-sign-lgmain-padding{
	position:relative;
	top:3px;
}
.txt-mgmexp-padding{
	position:relative;
	right:42px;
}
.lg-menuexp-iconpadding{
	position:relative;
	right:6px;
}
.bloc-divider-t-fill{
	fill:var(--swatch-var-7701);
}
.inputcolorform{
	background-color:var(--swatch-var-1197);
}
.fieldcolor{
	background-color:var(--swatch-var-685);
	border-color:var(--swatch-var-7513)!important;
	border-width:1px 1px 1px 1px;
}
.lg-bck-gif{
	background-image:url("img/magma%20main.gif");
	background-size:contain;
}
.lg-gif{
	background-image:url("img/magma%20main.gif");
	background-size:contain;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
	--swatch-var-471:rgba(187,39,36,1.00);
	
	--swatch-var-685:rgba(255,255,255,1.00);
	
	--swatch-var-5212:rgba(255,125,120,1.00);
	
	--swatch-var-7126:rgba(186,13,12,1.00);
	
	--swatch-var-372:rgba(94,94,94,1.00);
	
	--swatch-var-1197:rgba(230,33,33,1.00);
	
	--swatch-var-1788:rgba(66,66,66,1.00);
	
	--swatch-var-4371:rgba(255,255,255,1.00);
	
	--swatch-var-5971:rgba(94,94,94,1.00);
	
	--swatch-var-7701:rgba(142,189,198,1.00);
	
	--swatch-var-3434:rgba(250,89,2,1.00);
	
	--swatch-var-927:rgba(44,65,59,1.00);
	
	--swatch-var-597:rgba(33,33,33,1.00);
	
	--swatch-var-2738:rgba(228,33,30,1.00);
	
	--swatch-var-7513:rgba(16,67,148,1.00);
	
	--swatch-var-1497:rgba(255,139,0,1.00);
	
	--swatch-var-2250:rgba(0,0,0,0.95);
	
	--swatch-var-4461:rgba(255,255,255,1.00);
	
	--swatch-var-1472:rgba(221,30,45,1.00);
	
}


/* Background colour styles */

.bgc-685{
	background-color:var(--swatch-var-685);
}
.bgc-2738{
	background-color:var(--swatch-var-2738);
}
.bgc-1197{
	background-color:var(--swatch-var-1197);
}

/* Text colour styles */

.tc-1197{
	color:var(--swatch-var-1197)!important;
}
.tc-685{
	color:var(--swatch-var-685)!important;
}
.tc-4371{
	color:var(--swatch-var-4371)!important;
}
.tc-2738{
	color:var(--swatch-var-2738)!important;
}
.tc-4461{
	color:var(--swatch-var-4461)!important;
}

/* Button colour styles */

.btn-c-1197{
	background:var(--swatch-var-1197);
	color:#FFFFFF!important;
}
.btn-c-1197:hover{
	background:#B30000!important;
	color:#FFFFFF!important;
}

/* Link colour styles */

.ltc-1197{
	color:var(--swatch-var-1197)!important;
}
.ltc-1197:hover{
	color:#B30000!important;
}
.ltc-685{
	color:var(--swatch-var-685)!important;
}
.ltc-685:hover{
	color:#CCCCCC!important;
}
.ltc-2738{
	color:var(--swatch-var-2738)!important;
}
.ltc-2738:hover{
	color:#B10000!important;
}

/* Icon colour styles */

.icon-1197{
	color:var(--swatch-var-1197)!important;
	border-color:var(--swatch-var-1197)!important;
}
.icon-685{
	color:var(--swatch-var-685)!important;
	border-color:var(--swatch-var-685)!important;
}
.icon-2738{
	color:var(--swatch-var-2738)!important;
	border-color:var(--swatch-var-2738)!important;
}
.icon-7513{
	color:var(--swatch-var-7513)!important;
	border-color:var(--swatch-var-7513)!important;
}

/* Bloc image backgrounds */

.bg-Boceto088{
	background-image:url("img/Boceto088.jpg");
}
.bg-magma-20graphics{
	background-image:url("img/magma%20graphics.png");
}

/* = Custom Bric Data
-------------------------------------------------------------- */

.img-text-overlay-container{
	position:relative;
}
.text-label-overlay{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	width:100%;
	 text-align:center;
	font-size:40px;
}
.text-overlay-light-text{
	color:rgba(255,255,255,.5);
}
.social-link-bric a svg{
	transition: all 0.3s ease-in-out;
}
.social-hover-fade a:hover svg{
	opacity: 0.5;
}
.social-hover-grow a:hover svg{
	transform: scale(1.2);
}
.social-hover-shrink a:hover svg{
	transform: scale(0.9);
}
.social-hover-shadow a:hover svg{
	filter: drop-shadow(0px 6px 2px rgba(0,0,0,0.3));
	overflow: visible;
}


/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

@media (max-width: 991px){
	.tablet-padding1{
		position:relative;
		left:240px;
	}
	.tablet-iconpadding1{
		position:relative;
		top:30px;
		left:99px;
	}
	.tablet-socialicons1{
		position:relative;
		left:390px;
	}
	.tablet-brandpadding1{
		position:relative;
		left:300px;
	}
	.tablet-sign-padding1{
		position:relative;
		left:12px;
	}
	.tablet-menu-padding1{
		position:relative;
		top:224px;
	}
	.tablet-menu-padding2{
		position:relative;
		left:568px;
		bottom:44px;
	}
	.tablet-icon-paddingmenu1{
		position:relative;
		left:644px;
		top:62px;
	}
	.tablet-text-padding1{
		position:relative;
		left:248px;
	}
	.h3-1-style{
	}
	.tablet-column-landscape-padding1{
		position:relative;
	}
	.tabletmenuitempadding{
		position:relative;
		left:72px;
	}
	.icon-tablet-padding-menu-edit{
		position:relative;
		left:2px;
	}
	.tablet-linktext{
		font-family:"Lato-Black";
		color:var(--swatch-var-2738)!important;
		font-weight:normal;
		position:relative;
		right:110px;
	}
	.h3-tabletportrait-padding{
		position:relative;
		left:690px;
		bottom:930px;
	}
	.tablet-portrait-logoimgpadding{
		position:relative;
		bottom:86px;
	}
	.tablet-padding-sign{
		position:relative;
		left:292px;
	}
	.tablet-padding-menuitem{
		position:relative;
		font-family:"Lato-Black";
		font-size:14px;
		font-weight:normal;
		color:var(--swatch-var-2738)!important;
		bottom:700px;
		left:200px;
	}
	.linktablet{
		position:relative;
		left:520px;
		font-family:"Lato-Black";
		color:var(--swatch-var-2738)!important;
		font-size:14px;
		font-weight:normal;
		bottom:747px;
	}
	.tabletlinkcolortext{
		color:var(--swatch-var-2738)!important;
		font-family:"Lato-Black";
		position:relative;
		left:12px;
		font-weight:normal;
		font-size:14px;
		margin-right:4px;
	}
	.tabletlinkcoloretext1{
		color:var(--swatch-var-2738)!important;
		font-family:"Lato-Black";
		font-size:14px;
		font-weight:normal;
		margin-left:4px;
	}
	.tabletpaddingmenu{
		position:relative;
		bottom:292px;
	}
	.tabletimgiconpadding{
		position:relative;
	}
	.img-30-style{
		width:46px;
	}
	.tablet-imgiconpadding{
		position:relative;
		bottom:248px;
		right:170px;
	}
	.tablet-logopaddingmagma{
		position:relative;
		bottom:88px;
	}
	.icontablet-magmapadding{
		position:relative;
		bottom:225px;
		left:650px;
	}
	.tabletboldwrapperpadding{
		position:relative;
		bottom:257px;
		left:560px;
	}
	.tabletpaddingmenu-magma{
		position:relative;
		left:44px;
	}
	.h3tabletmagmapadding{
		position:relative;
		top:104px;
	}
	.tablet-magma-linkpadding{
		position:relative;
		left:750px;
		top:274px;
	}
	.tablet-dot-padding{
		position:relative;
		top:198px;
		left:650px;
	}
	.tabletmagmalinkpadding1{
		position:relative;
		top:255px;
		left:612px;
	}
	.tablet-h2padding{
		position:relative;
		left:808px;
	}
	.tableth2padding{
		position:relative;
	}
	.link:hover{
		color:var(--swatch-var-3434)!important;
	}
	.tablet-contactpadding{
		position:relative;
	}
	.h3alignment-tablet{
		position:relative;
		left:20px;
	}
	.h3- 315-880-0057-style{
	}
	.h3-signalignment{
		position:relative;
	}
	.tablet-menupadding{
		position:relative;
		left:488px;
		bottom:868px;
	}
	.iconpadding{
	}
	.icon-padding-tablet{
		position:relative;
		top:3px;
	}
	.h3-bloc-8-style{
	}
	.tablet-followlinksiconspading{
		position:relative;
		top:200px;
	}
	.h3-19-style{
		font-family:"Lato-Black";
		font-size:12px;
		line-height:12px;
		color:var(--swatch-var-685)!important;
		position:relative;
		top:48px;
	}
	.tablet-landscapetextpadding{
		position:relative;
		text-align:center;
	}
	.h3- contacto-style{
	}
	.tablet-paddingtextcontact{
		position:relative;
		left:120px;
	}
	.desktoph3-padding{
	}
	.landscape1{
		position:relative;
		left:4px;
	}
	.tabletlinksignpadding{
		position:relative;
		left:306px;
		top:300px;
		color:var(--swatch-var-2738)!important;
	}
	.tablet-lettercolor{
		color:var(--swatch-var-2738)!important;
		font-size:18px;
	}
	.icon-tablet-color{
		color:var(--swatch-var-2738)!important;
	}
	.tabletlink-color{
		color:var(--swatch-var-2738)!important;
	}
	.tablet-smlinkpadding{
		position:relative;
	}
	.landscape-text{
		position:relative;
	}
	.h3-menu-color{
	}
	.portraitpaddingmenu{
		position:relative;
		left:600px;
		top:110px;
	}
	.bloc-padding-portrait{
		position:relative;
		bottom:110px;
		height:465px;
	}
	.container-div-bloc-0-style{
		position:relative;
		top:44px;
	}
	.iconmdpadding{
		position:relative;
		top:44px;
	}
	.md-linkmenupadding{
		position:relative;
		top:241px;
		left:850px;
	}
	.md-portraitdotpadding{
		position:relative;
		top:165px;
		left:674px;
	}
	.md-linkmenupadding2{
		position:relative;
		top:222px;
		left:620px;
	}
	.md-portrait-iconpadding{
		position:relative;
		top:50px;
		left:17px;
	}
	.mdpaddingmenu{
		position:relative;
		left:600px;
	}
	.xs-menupadding2{
		position:relative;
	}
	.h3padding{
		top:21px;
	}
	.mdpaddinglogo{
		position:relative;
		bottom:102px;
	}
	.mdmenupaddingmain{
		position:relative;
		left:650px;
		top:70px;
	}
	.sm-contactopadding{
		position:relative;
		left:770px;
		top:221px;
	}
	.sm-portfoliopadding{
		position:relative;
		left:560px;
		top:202px;
	}
	.sm-dotpaddingoffice{
		position:relative;
		left:605px;
		top:145px;
	}
	.sm-menuiconofficepadding{
		position:relative;
		top:0px;
	}
	.sm-iconpadding{
		position:relative;
		left:140px;
		top:32px;
	}
	.smlogopadding{
		position:relative;
		bottom:100px;
	}
	.smmenupadding{
		position:relative;
		top:0px;
	}
	.bloc-officepadding{
		height:550px;
	}
	.lg-imgiconpaddingghome{
		right:380px;
	}
	.md-menupadding{
		position:relative;
	}
	.md-menupadding-home{
		position:relative;
		top:0px;
	}
	.portraiticon-home{
		position:relative;
		top:84px;
	}
	.icon-prototypepadding{
		position:relative;
		top:82px;
	}
	.bloc-padding-edit{
		height:520px;
	}
	.md-petslogopadding{
		position:relative;
		bottom:88px;
	}
	.md-petsmenupadding{
		position:relative;
		top:4px;
		left:630px;
	}
	.mdiconpadding{
		position:relative;
		top:44px;
	}
	.md-linkpadding-pets{
		position:relative;
		left:600px;
		top:175px;
	}
	.md-linkpaddingpets1{
		position:relative;
		top:195px;
		left:822px;
	}
	.md-dotpadding-pets{
		position:relative;
		left:650px;
		top:118px;
	}
	.tablet-brandsign-padding{
		position:relative;
		top:522px;
	}
	.text-color-menu{
	}
	.icon-hoveredit{
	}
	.tablet-icon-padding-menu-edit{
		position:relative;
		top:0px;
	}
	.h5-padding{
		bottom:22px;
	}
	.boldwrap-tablet-padding{
		position:relative;
		bottom:54px;
	}
	.tablet-iconarrow-padding{
		position:relative;
		top:100px;
	}
	.tablet-column-padding{
	}
	.bloc-padding-tablet01{
		position:relative;
	}
	.divcontainer-tablet-padding{
		position:relative;
		top:0px;
	}
	.tablet-group-padding{
		position:relative;
	}
	.div-tablet-padding{
		position:relative;
		bottom:80px;
	}
	.h3-tablet-padding{
		position:relative;
	}
	.h2-tablet-padding{
		position:relative;
	}
	link{
	}
	.h2-link-tablet-padding{
		position:relative;
	}
	.h2-portafolio-style{
	}
	.linktablet-padding{
		position:relative;
		top:0px;
	}
	.link-contact-tablet-padding{
		position:relative;
		top:318px;
		left:610px;
	}
	.link-tablet-padding-txt{
		position:relative;
		top:20px;
	}
	.dot-tablet-padding{
		position:relative;
	}
	.h2-dot-padding{
		position:absolute;
		top:310px;
		left:605px;
	}
	.tablet-bck-padding{
		padding-top:0px;
		position:relative;
	}
	.bloctablet-menupadding{
		padding-bottom:222px;
	}
	.tablet-txtsign-padding{
		position:relative;
		top:244px;
	}
	.tablet-padding-blocsize{
		background-size:auto auto;
	}
	.tablet-menutxt-padding{
		position:relative;
	}
	.tablet-txtmenu-padding{
		position:relative;
		bottom:32px;
	}
	.tablet-paddingtxt{
		position:relative;
		top:84px;
		font-size:28px;
		line-height:26px;
		left:70px;
	}
	.h4-style{
		width:80.07%;
	}
	.p-bloc-5-style{
		width:74.25%;
		font-size:28px;
	}
	.txt-paddingtablet{
		position:relative;
		left:200px;
	}
	.tablet-contactmenu-iconpadding{
		position:relative;
		left:2px;
		top:0px;
		color:var(--swatch-var-4461)!important;
	}
	.tabletmenu-txt-contact{
		position:relative;
		bottom:32px;
		left:30px;
		color:var(--swatch-var-4461)!important;
	}
	.tblt-txttittle-padding{
		position:relative;
		left:250px;
		bottom:90px;
	}
	.mdtxt-home{
		position:relative;
		left:68px;
	}
	.md-txtshoes{
		position:relative;
		top:82px;
		left:118px;
	}
	.xsportfolio-padding{
		position:relative;
		left:600px;
	}
	.xs-homdotpadding{
		position:relative;
		left:642px;
	}
	.xs-contacto-padding{
		position:relative;
		left:800px;
	}
	.menu-icon-tablet-padding{
		position:relative;
		top:33px;
		left:12px;
	}
	.menu-word-tablet-padding{
		position:relative;
		top:33px;
		left:12px;
	}
	.md-downarrowword-padding{
		position:relative;
		left:22px;
	}
	.md-arrowicon{
		position:relative;
		left:22px;
	}
	.md-sign-padding{
		position:relative;
		left:320px;
	}
	.mdtxtpadding{
		position:relative;
		left:84px;
	}
	.mdicon-padding{
		position:relative;
		top:33px;
		left:0px;
	}
	.bolwrapper-menumdpadding{
		position:relative;
		left:26px;
	}
	.columnpadding{
	}
	.mdmenutittle-padding{
		position:relative;
		top:110px;
	}
	.mdtxt-padding{
		position:relative;
		left:44px;
		top:1px;
	}
	.txt-margin{
		position:relative;
		top:64px;
	}
	.tablettxt-padding{
		position:relative;
		left:124px;
	}
	.md-icon-paddingmenu{
		position:relative;
		left:600px;
		bottom:130px;
	}
	.md-menutxt-tablet{
		position:absolute;
		right:44px;
		top:0px;
	}
	.md-icon-mnu-padding{
		position:relative;
		top:32px;
		left:13px;
	}
	.md-img-padding{
		position:relative;
		top:22px;
	}
	.md-exp-paddingtxt{
		position:relative;
		top:44px;
	}
	.md-icon-padding-logom{
		position:relative;
		top:99px;
	}
	.mdicon-paddingexp{
		position:relative;
		top:94px;
		left:22px;
	}
	.md-linktxt-padding{
		position:relative;
		left:860px;
		top:300px;
	}
	.md-dot-exp-padding{
		position:relative;
		left:700px;
		top:222px;
	}
	.mdlink-padding-exp{
		position:relative;
		left:660px;
		top:280px;
	}
	.md-txt-padding-exp{
		position:relative;
		top:98px;
		left:24px;
	}
	.md-arrow-exp-padding{
		position:relative;
	}
	.column-md-padding{
		position:relative;
		bottom:24px;
	}
	.md-prototypeicon-padding{
		position:relative;
		top:78px;
		left:32px;
	}
	.mdtxt-padding-prtype{
		position:relative;
		left:64px;
	}
	.mdtxt-padding3dmagma{
		position:relative;
		left:140px;
	}
	.md-txtpets-padding{
		position:relative;
		left:360px;
	}
	.md-icondots-menu{
		position:relative;
		top:32px;
		left:14px;
	}
	.md-contacttxt-padding{
		position:relative;
		left:3px;
		bottom:72px;
	}
	.md-menu-padding{
		position:relative;
		left:555px;
		bottom:1134px;
	}
	.md-signtxt-padding{
		position:relative;
		left:36px;
		top:500px;
	}
	.md-downarrowtxt-padding{
		position:relative;
		left:22px;
	}
	.md-socialbar-padding{
		position:relative;
		top:200px;
		left:22px;
	}
	.menu-colortext{
		color:var(--swatch-var-1197)!important;
	}
	.tablet-contactmenu-iconpadding:hover{
		color:var(--swatch-var-7701)!important;
	}
	.mdmenupadding{
		position:absolute;
		top:11px;
		left:360px;
	}
	.lg-menuitem-padding{
		position:relative;
		left:300px;
	}
	.md-sign-padding-main{
		position:relative;
		top:88px;
		left:332px;
	}
	.md-menuitem-padding{
		position:relative;
		left:294px;
	}
	.xs-menuicon-padding-edit04:hover{
	}
	.md-txtmanusize{
		font-size:42px;
		position:relative;
	}
	.h3--heading-3-style{
	}
	.md-mgexp-iconpadding{
		position:relative;
		right:160px;
	}
	.md-prtype-icon-padding{
		position:relative;
		right:10px;
	}
	.md-pets-icon-menu-pading{
		position:relative;
		right:158px;
	}
	.txt-mgmexp-padding{
		right:53px;
	}
	.md-prty-txt-paddingmenu{
		position:relative;
		right:12px;
	}
	.mg-petstxt-padding{
		position:relative;
		left:7px;
	}
	
}

@media (max-width: 767px){
	.text-right{
	}
	.text-left{
	}
	.text-center{
	}
	.iphone-paddingtext{
		text-align:center;
		position:relative;
		right:16px;
	}
	.iphone-padding-menuitem{
		position:relative;
		bottom:42px;
	}
	.iphone-padding-menuicon{
		position:relative;
		top:2px;
		left:134px;
	}
	.iphone-text-padding{
		position:relative;
		top:4px;
		left:200px;
	}
	.iphone-padding-socialicons{
		position:relative;
		left:0px;
	}
	.iphone-textsize-linkitemsmenu{
		font-family:"Lato-Black";
		font-size:16px;
		position:relative;
		left:170px;
	}
	.iphone-linkfont{
		font-family:"Lato-Black";
		font-size:13px;
		color:var(--swatch-var-685)!important;
		font-weight:700;
	}
	.iphone-linkfont:hover{
		color:var(--swatch-var-2738)!important;
		font-size:13px;
		font-weight:700;
	}
	.iphone-iconcolor{
		color:var(--swatch-var-2738)!important;
	}
	.iphone-h3padding{
		position:relative;
		right:20px;
	}
	.mobile-paddingtext1{
		position:relative;
		top:64px;
		left:78px;
	}
	.mobile-link-textsize1{
		font-size:22px;
		position:relative;
		left:154px;
		font-family:"Lato-Black";
		font-weight:normal;
	}
	.h3--heading-3-style{
	}
	.mobile-linkt-textsize2{
		font-size:22px;
		position:relative;
		left:10px;
		font-family:"Lato-Black";
		font-weight:normal;
		color:var(--swatch-var-685)!important;
		top:2px;
	}
	.mobile-link-textsize3{
		font-size:22px;
		position:relative;
		right:99px;
		font-family:"Lato-Black";
		color:var(--swatch-var-685)!important;
		font-weight:normal;
	}
	.mobile-link-textsize4{
		position:relative;
		left:94px;
		font-family:"Lato-Black";
		font-size:22px;
		font-weight:normal;
	}
	.mobile-link-textsize5{
		font-size:22px;
		position:relative;
		left:94px;
		font-family:"Lato-Black";
		color:var(--swatch-var-685)!important;
		font-weight:normal;
	}
	.mobile-iconpadding1{
		position:relative;
		left:98px;
		bottom:2px;
	}
	.img-untitled-style{
	}
	.mobileimgiconpadding1{
		position:relative;
	}
	.mobile-iconpadding2{
		position:relative;
		left:15px;
	}
	.mobile-imgiconpadding2{
		position:relative;
		right:110px;
	}
	.mobile-menupaddingitem1{
		position:relative;
		right:44px;
	}
	.padding-menulist{
		position:relative;
	}
	.mobile-menuitempadding1{
		position:relative;
		right:24px;
	}
	.mobileicon1{
		position:relative;
		left:88px;
	}
	.img-2-style{
		width:44px;
	}
	.mobile-icon-padding1{
		position:relative;
		right:122px;
		top:40px;
	}
	.mobilemenuitem-padding{
		position:relative;
		top:0px;
	}
	.mobiletextmenuitempadding{
		position:relative;
		top:20px;
	}
	.mobilemenuitem-padding-text{
		position:relative;
		left:16px;
	}
	.iconmobile-paddingmainmenu{
		position:relative;
		left:9px;
	}
	.text-menulink-padding{
		position:relative;
		left:100px;
		top:10px;
	}
	.h3--heading-3-style:hover{
	}
	.mobile-iconpadding2:hover{
	}
	.mobile-iconpadding1:hover{
	}
	.mobileicon1:hover{
	}
	.icon-padding-sze:hover{
	}
	.icon-hovercolor{
		color:var(--swatch-var-685)!important;
	}
	.icon-hovercolor:hover{
		color:var(--swatch-var-3434)!important;
	}
	.iconmobile-paddingmainmenu:visited{
	}
	.mobile-iconpadding2:visited{
	}
	.icon-padding-sze:visited{
	}
	.mobile-menuitem-padding{
		position:relative;
		left:150px;
	}
	.menuiconmobile{
		position:relative;
		top:62px;
		left:110px;
	}
	.tableticonpadding{
		position:relative;
		bottom:244px;
		left:500px;
	}
	.ipadmini-paddingmenu{
		position:relative;
	}
	.icon-tablet-padding-menu-edit{
	}
	.ipad-logopadding{
		position:relative;
		bottom:100px;
		left:270px;
	}
	.tablet-contactpadding{
		left:140px;
	}
	.h3alignment-tablet{
		left:430px;
	}
	.tablet-menupadding{
		position:relative;
	}
	.h3- contacto-style{
	}
	.tablet-paddingtextcontact{
	}
	.tablet-smlinkpadding{
		position:relative;
	}
	.h3-  magma-ideas-style{
	}
	.landscape-text{
	}
	.smlogopadding{
		position:relative;
		bottom:120px;
	}
	.image-padding-menu{
		position:relative;
	}
	.logoimg-padding{
		position:relative;
	}
	.portraitpaddingmenu{
		position:relative;
		left:400px;
		bottom:22222px;
	}
	.h3menu-padding{
		position:relative;
		font-family:"Lato-Black";
		color:var(--swatch-var-2738)!important;
		font-weight:normal;
		right:92px;
		bottom:28px;
	}
	.iconsmportraitpadding{
		position:relative;
		top:400px;
	}
	.tablet-menu-padding-portrait{
		position:relative;
	}
	.mdpaddingmenu{
		top:0px;
	}
	.xs-menupadding2{
	}
	.h3-padding{
	}
	.h3-menu-color{
		position:relative;
	}
	.homepaddingtext{
		position:relative;
		top:200px;
	}
	.homepaddingarea{
		top:16px;
	}
	.mdmenupaddingmain{
	}
	.sm-linkpaddingedit{
		position:relative;
		left:388px;
		top:180px;
	}
	.smdot-padding{
		position:relative;
		left:438px;
		top:123px;
	}
	.smiconimgpadding{
		position:relative;
		bottom:4030px;
		left:100px;
		width:20px;
		height:20px;
	}
	.img-23-style{
		width:45px;
	}
	.smimgiconpadding{
		width:20px;
		height:20px;
		position:relative;
		top:63px;
		left:110px;
	}
	.bloc-padding-portrait{
	}
	.sm-iconpadding-home{
	}
	.sm-tittlepadding{
		position:relative;
		bottom:100px;
	}
	.background-gradient-menu{
		background:linear-gradient(174deg, var(--swatch-var-1197)  33%, var(--swatch-var-7701) 90%);
	}
	
}

@media (max-width: 575px){
	.mobile-menuh3{
		color:var(--swatch-var-685)!important;
		text-transform:uppercase;
		position:relative;
		bottom:79px;
		right:88px;
		top:64px;
	}
	.mobile-textsizemenu{
		font-size:50px;
		line-height:38px;
	}
	.mobile-textalignment{
		position:relative;
		top:0px;
	}
	.container-div-style{
		width:100%;
	}
	.column-mobile-menuitems{
		position:relative;
		right:122px;
	}
	.mobile-logosize{
		position:relative;
		right:12px;
		top:12px;
		left:54px;
	}
	.mobile-iconpadding{
		position:relative;
		left:94px;
		top:30px;
	}
	.iphone-text-padding{
		left:110px;
	}
	.mobilexs-navbar{
		position:relative;
		left:302px;
		top:16px;
	}
	.mobile-padding-sign{
		position:relative;
		top:350px;
		right:222px;
		left:0px;
	}
	.mobile-linkcolortext{
		color:var(--swatch-var-7513)!important;
	}
	.mobile-logopadding1{
		position:relative;
		bottom:44px;
		left:58px;
	}
	.mobileiconpadding1{
		position:relative;
		bottom:58px;
		left:132px;
	}
	.mobile-boldwrapperpadding{
		position:relative;
		left:154px;
		bottom:90px;
	}
	.mobile-boldwrapperlink{
		position:relative;
		left:360px;
	}
	.mobile-iconpadding3{
		position:relative;
	}
	.dot-padding{
		top:6px;
		left:194px;
	}
	.mobilelinkboldwrapper{
		position:relative;
		top:63px;
		left:152px;
	}
	.mobile-linktetxsize{
		font-size:22px;
		position:relative;
		top:35px;
		right:77px;
	}
	.mobile-link-edittext{
		position:relative;
	}
	.mobile-textmargin{
		position:relative;
		left:44px;
	}
	.mobile-h3padding{
		position:relative;
		top:80px;
		left:142px;
	}
	.mobiletextmenusign{
		position:relative;
		top:22px;
		left:120px;
	}
	.mobile-icon-magmapets{
		position:relative;
		left:264px;
		bottom:227px;
	}
	.mobilelink-magmapets{
		position:relative;
		bottom:259px;
		left:288px;
	}
	.mobile-logo-padding-magmapets{
		position:relative;
		right:12px;
		bottom:104px;
	}
	.mobile-menuitem-magmapets1{
		position:relative;
		left:1px;
		bottom:300px;
	}
	.mobile-imgiconpadding-megmapets{
	}
	.mobile-textsizemenupets{
		font-size:66px;
		position:relative;
		line-height:56px;
		left:164px;
	}
	.mobile-linkmenupadding{
		position:relative;
	}
	.img-style{
		width:249px;
	}
	.mobilelink-paddingpets{
	}
	.mobileiconimagepadding{
		position:relative;
		bottom:254px;
		right:6px;
	}
	.img-petsre-style{
		width:60px;
		height:50px;
	}
	.mobilelinkpetspadding{
		font-family:"Lato-Black";
		font-size:12px;
		color:var(--swatch-var-2738)!important;
		font-weight:700;
		position:relative;
		left:224px;
		bottom:50px;
	}
	.mobilelinkpadding-pets{
		font-family:"Lato-Black";
		font-size:12px;
		color:var(--swatch-var-2738)!important;
		position:relative;
		left:310px;
		bottom:146px;
	}
	.mobile-scrollingarrowpadding{
		position:relative;
		bottom:188px;
	}
	.mobile-arrowiconscrollingpadding{
		position:relative;
		bottom:200px;
	}
	.mobile-paddingmenu{
		position:relative;
		left:0px;
	}
	.xs-paddingsign{
		position:relative;
		left:115px;
	}
	.xs-linkpadding1{
		position:relative;
		top:83px;
	}
	.mobilecontacth3padding{
		position:relative;
		top:44px;
		left:50px;
	}
	.h3-19-style{
		text-align:center;
	}
	.h3-paddingmobile{
		position:relative;
		top:4px;
		left:8px;
	}
	.mobilefollowlinksiconspadding{
		position:relative;
		top:157px;
		left:1px;
	}
	.mobileformsizepadding{
		position:relative;
		left:39px;
	}
	.mobilesignpadding{
		position:relative;
		left:132px;
		top:300px;
	}
	.mobile-menuitemspadding{
		position:relative;
		bottom:122px;
		left:80px;
	}
	.xs-logopadding{
		position:relative;
		height:20px;
		width:100px;
		top:0px;
		left:0px;
	}
	.xsmenu-padding{
		position:relative;
		top:160px;
		left:64px;
	}
	.xs-linkpadding2{
		position:absolute;
		left:122px;
		top:102px;
	}
	.xsdotpading{
		position:relative;
		top:95px;
	}
	.xslinkpadding3{
		position:relative;
		left:390px;
		top:134px;
	}
	.xs-textalignment{
		position:relative;
		left:44px;
		line-height:22px;
	}
	.h4-style{
		width:91.67%;
		font-size:24px;
	}
	.p-bloc-5-style{
		width:88.6%;
		font-size:24px;
	}
	.container-div-bloc-0-style{
		top:84px;
	}
	.iconmdpadding{
		top:188px;
	}
	.link-text-menu{
	}
	.xs-menu-padding1{
		position:relative;
		top:60px;
		left:54px;
	}
	.xsiconpadding{
		position:relative;
		top:32px;
		left:190px;
	}
	.xs-menupadding2{
		position:relative;
		left:122px;
		top:2px;
	}
	.bloc-padding-portrait{
		height:680px;
		bottom:110px;
	}
	.h3-menu-color{
	}
	.xs-menupadding-edit1{
		position:relative;
		left:130px;
		top:120px;
	}
	.link{
	}
	.h2-portafolio-style{
	}
	.xsmenuup{
		position:relative;
	}
	.portraitpaddingmenu{
		top:220px;
	}
	.h3-heading-3-style{
		position:relative;
		top:84px;
	}
	.xslinkpadding{
		position:relative;
		top:84px;
	}
	.xslinkpaddinedit{
		position:relative;
		top:220px;
	}
	.xs-dotpadding{
		position:relative;
		top:145px;
		left:180px;
	}
	.xsiconpaddingedit{
		position:absolute;
		top:128px;
		left:130px;
	}
	.xsmenu{
		position:relative;
		left:120px;
	}
	.xs-paddingtext{
		position:relative;
		left:7px;
		top:0px;
	}
	.xsiconpaddingmain{
		position:relative;
		top:88px;
		left:12px;
	}
	.xspaddingmenu{
		position:relative;
		top:160px;
		left:132px;
	}
	.homexs-menupadding{
		position:relative;
		left:130px;
		top:165px;
	}
	.xsofficelogopadding{
		position:relative;
		bottom:210px;
	}
	.sm-menuiconofficepadding{
		top:2px;
	}
	.smmenupadding{
		top:44px;
	}
	.smpaddingtitlescroll{
		position:relative;
	}
	.h5-bloc-3-style{
		font-size:12px;
		line-height:12px;
		font-family:"Lato-Black";
	}
	.xstextpadding{
		position:relative;
		top:40px;
	}
	.xsiconpaddinghome{
		position:relative;
		top:140px;
	}
	.bloc-backgroundxs{
	}
	.img-bloc-17-style{
		width:45px;
	}
	.xs-imgiconpadding{
		position:relative;
		left:98px;
		top:213px;
	}
	.xs-linktextsize{
		font-size:24px;
	}
	.xs-linktextsizeprototype{
		font-size:22px;
	}
	.xs-iconpadding{
		position:relative;
		top:73px;
	}
	.bloc-padding-edit{
		height:680px;
	}
	.img-23-style{
	}
	.smimgiconpadding{
		width:40px;
		height:40px;
		top:222px;
		left:0px;
	}
	.xs-paddingiconimg{
		position:relative;
		width:60px;
		height:60px;
		left:110px;
	}
	.petsimgiconpadding{
		width:45px;
	}
	.xs-menupadding-edit2{
		position:relative;
		top:154px;
		left:130px;
	}
	.xs-logopetspadding{
		position:relative;
		left:58px;
		bottom:110px;
	}
	.md-petsmenupadding{
		left:130px;
	}
	.xs-linkspadding{
		position:relative;
		top:200px;
		left:120px;
	}
	.xs-linkpadding-pets{
		top:219px;
		left:360px;
	}
	.xs-dotpadding-pets{
		position:relative;
		left:130px;
		top:44px;
	}
	.xs-menupadding-pets{
		position:relative;
		top:90px;
		left:88px;
	}
	.xs-iconimgpadding{
		position:relative;
		top:152px;
		left:120px;
	}
	.xs-petspaddingdot{
		position:relative;
		top:144px;
		left:180px;
	}
	.xs-iconpadding-pets{
		position:relative;
		top:126px;
	}
	.xslinktext-padding{
		position:relative;
		top:26px;
	}
	.xs-logosize{
	}
	.logo-padding{
	}
	.xs-icon-padding{
		position:relative;
		left:294px;
		bottom:80px;
	}
	.xslinkspadding{
		position:relative;
	}
	.iphone-textsize-linkitemsmenu{
		left:210px;
		top:20px;
	}
	.iphone-linkfont{
		position:relative;
		color:var(--swatch-var-1197)!important;
	}
	.iphone-paddingtext{
		bottom:68px;
	}
	.iphone-h3padding{
		top:0px;
	}
	.iphone-padding-socialicons{
		bottom:22px;
	}
	.h3-12-style{
		line-height:28px;
		font-family:"Lato";
		font-weight:bold;
		position:relative;
		right:20px;
		bottom:133px;
	}
	.img-5-style{
		width:41px;
	}
	.xs-icon-padding-mainmenu{
		position:relative;
		top:43px;
		right:84px;
	}
	.h3- magma-office-style{
		width:65.29%;
	}
	.mobile-link-textsize4{
		left:94px;
	}
	.xsiconmenu{
		position:relative;
		left:39px;
		bottom:101px;
	}
	.mobiletextmenuitempadding{
	}
	.xspaddingtextmenu{
		position:relative;
		top:2px;
		right:54px;
	}
	.h3--heading-3-style{
	}
	.xslinktextsize{
		font-size:18px;
	}
	.boldwrappermobile{
		position:relative;
		left:115px;
	}
	.columnmenupadding{
		position:relative;
		bottom:64px;
	}
	.img-6-style{
		width:57px;
	}
	.icon-img-padding{
		position:relative;
		top:44px;
		right:74px;
	}
	.h3-magma-home-style{
		font-family:"Lato-Black";
		font-size:20px;
		line-height:20px;
	}
	.h3-magma-office-style{
		font-family:"Lato-Black";
		font-size:20px;
		line-height:20px;
	}
	.h3-bloc-3-style{
		font-family:"Lato-Black";
		font-size:20px;
		line-height:20px;
		width:52px;
	}
	.h3-15-style{
		font-family:"Lato-Black";
		font-size:20px;
		line-height:20px;
	}
	.bloc-padding-mobilemenu{
		height:600px;
	}
	.h3- menu-style{
		font-family:"Lato-Black";
		font-size:24px;
		line-height:24px;
	}
	.mobile-menupadding-edit{
		position:relative;
		bottom:4px;
	}
	.mobile-icon-margin{
		padding:8px 8px 8px 8px;
	}
	.mobile-iconsetup{
		color:var(--swatch-var-685)!important;
		width:22px;
	}
	.mobile-iconsetup:hover{
		color:var(--swatch-var-7513)!important;
	}
	.linktext-mobilemenu{
		font-family:"FuturaLT";
		font-size:20px;
		color:var(--swatch-var-685)!important;
		font-weight:bold;
	}
	.linktext-mobilemenu:hover{
		color:var(--swatch-var-7513)!important;
	}
	.mobile-socialbar-padding{
		position:relative;
		top:2px;
	}
	.mobile-paddingtext1{
		left:12px;
	}
	.h3- magma-ideas-style{
		font-family:"ElementalEnd";
	}
	.g-link{
		font-family:"Domine";
		font-size:17px;
		color:var(--swatch-var-685)!important;
	}
	.signlink{
		font-family:"Lato";
		font-weight:900;
		font-size:13px;
	}
	.h3-59-style{
		font-family:"Lato-Black";
	}
	.img-38-style{
		width:238px;
	}
	.h3-60-style{
		font-family:"Lato-Black";
		font-size:12px;
		line-height:12px;
		color:var(--swatch-var-2738)!important;
		font-weight:bold;
	}
	.h2-bloc-30-style{
		font-size:13px;
		line-height:13px;
	}
	.mobile-linktools{
		font-size:12px;
		font-family:"Lato-Black";
		font-weight:bold;
	}
	.dot-link-size{
		font-weight:bold;
		font-family:"Lato-Black";
		color:var(--swatch-var-2738)!important;
	}
	.h4-bloc-30-style{
		font-family:"Lato-Black";
		font-size:24px;
		line-height:24px;
	}
	.mobiletextlink{
		font-family:"Lato";
		font-weight:normal;
		color:var(--swatch-var-2738)!important;
	}
	.mobile-link-size{
		font-family:"ElementalEnd";
		color:var(--swatch-var-2738)!important;
	}
	.gmobile{
		font-family:"Domine";
		font-size:28px;
	}
	.mobilelinkedit{
		font-family:"ElementalEnd";
	}
	.mobile-menu-text{
		font-size:22px;
		text-align:center;
		font-family:"ElementalEnd";
		color:var(--swatch-var-2738)!important;
		position:relative;
		top:120px;
	}
	.mobilelinkcolor{
		font-family:"Lato-Black";
		color:var(--swatch-var-5971)!important;
	}
	.p-bloc-4-style{
		width:81.85%;
	}
	.logopaddingmobile{
		position:relative;
		bottom:88px;
	}
	.links-padding-mobile{
		position:relative;
		top:60px;
	}
	.mobile-iconpaddingposition{
		position:relative;
		top:34px;
	}
	.mobile-linktextpadding{
		position:relative;
		top:34px;
	}
	.menumobilepadding{
		position:relative;
		bottom:22px;
	}
	.xs-menuicon-padding{
		position:relative;
		top:33px;
	}
	.img-7-style{
		width:199px;
	}
	.desktop-icon-paddingmenu{
		right:92px;
	}
	.xsmenutittle-padding{
		position:relative;
		left:88px;
	}
	.xs-menuicon-padding-office{
		position:absolute;
		top:33px;
		left:0px;
	}
	.xs-boldwrapping-office-padding{
		position:relative;
		top:29px;
		left:25px;
	}
	.img-bloc-10-style{
		width:199px;
		height:70px;
	}
	.desktop-menu-padding{
		left:38px;
	}
	.img-29-style{
		width:198px;
	}
	.column-paddingedit{
		height:460px;
	}
	.xs-iconmenu-padding{
		position:absolute;
		left:9px;
		top:33px;
	}
	.bold-wrp-padding-exp{
		position:relative;
		left:28px;
		top:28px;
	}
	.img-bloc-14-style{
		width:198px;
	}
	.xs-iconmenu-padding-prt{
		position:absolute;
		left:1px;
		top:04px;
	}
	.xs-menu-padding-prt{
		position:relative;
		left:26px;
		top:2px;
	}
	.xs-menuicon-padding-pets{
		position:relative;
		top:32px;
		left:2px;
	}
	.dsk-menuicon-padding-pets{
		position:absolute;
	}
	.xs-menutittle-padding{
		position:relative;
		left:26px;
	}
	.xs-txt-padding-contact{
		position:absolute;
		top:0px;
	}
	.xs-h3-padding-contact{
		position:absolute;
		top:210px;
		left:108px;
	}
	.h3- contacto-style{
	}
	.xs-menu-contactpadding{
		position:relative;
		bottom:722px;
		left:10px;
	}
	.xs-brandpadding-contact{
		position:relative;
		top:204px;
		left:124px;
	}
	.h3-  magma-ideas-style{
		width:34.88%;
	}
	.xs-menu-padding-edit{
		font-family:"Lato";
		font-weight:700;
		color:var(--swatch-var-1197)!important;
		position:relative;
		bottom:116px;
		left:264px;
	}
	.xs-iconpadding-main{
		position:relative;
		left:234px;
		bottom:85px;
	}
	.navbar-brand img{
		width:168px;
		height:60px;
	}
	.xs-txt-sizepadding{
		font-size:16px;
		position:relative;
		left:22px;
	}
	.xs-txt-size{
		font-size:16px;
		position:relative;
		left:25px;
	}
	.tablet-imglogopadding{
		position:relative;
		bottom:68px;
	}
	.xs-menuicon-padding01{
		position:relative;
	}
	.xsiconmenu-padding{
		position:relative;
		top:0px;
	}
	.xsportfolio-padding{
		position:relative;
		left:94px;
	}
	.xssize-justifytxt{
		position:relative;
		top:120px;
		font-size:18px;
	}
	.xs-menuicon-padding-edit04{
		position:relative;
		left:40px;
		top:34px;
	}
	.xs-menutxt-padding{
		position:relative;
		top:04px;
		left:65px;
	}
	.xs-logoimg-padding{
		position:relative;
		bottom:44px;
	}
	.xs-iconmenu-padding-edit05{
		position:absolute;
		right:22px;
	}
	.xs-menutxt-prototype{
		position:relative;
		left:110px;
		top:167px;
	}
	.xs-txtsizeprtype{
		position:relative;
		font-size:18px;
		left:14px;
	}
	.xs-dot-prototypepadding{
		position:relative;
		top:185px;
	}
	.xscontact-padding-prototype{
		position:relative;
		left:360px;
		top:224px;
	}
	.xsmenutittle-paddingedit{
		position:relative;
	}
	.xs-menutittlepadding-edit{
		position:relative;
		top:28px;
		left:19px;
	}
	.xswholemenu-padding{
		position:relative;
		left:104px;
	}
	.xs-dot-padding-office{
		position:relative;
		top:186px;
		left:176px;
	}
	.xscontact-officetittle-padding{
		position:relative;
		top:224px;
		left:350px;
	}
	.xssizetxt-padding{
		font-size:18px;
		line-height:17px;
	}
	.h2-style{
		width:39.47%;
	}
	.iconpad-magma{
	}
	.xs-iconpadpadding{
		position:relative;
		left:7px;
	}
	.xsmenupadding{
		position:relative;
		left:96px;
	}
	.xsdotpad{
		position:relative;
		top:184px;
	}
	.xscontact-pad{
		position:relative;
		top:222px;
		left:360px;
	}
	.xs-mgmx-padding{
		position:relative;
		top:250px;
	}
	.xs-mx-padding{
		position:relative;
		top:300px;
	}
	.xs-txt-padding-area{
		position:relative;
		left:12px;
	}
	.xs-arrowdown-padding{
		position:relative;
		right:18px;
	}
	.xs-arrowdown-padding-office{
		position:relative;
		left:0px;
	}
	.txt-margin{
		top:84px;
	}
	.xs-menu-paddingpets{
		position:relative;
		left:99px;
	}
	.lg-signtxr-color{
		position:relative;
		left:16px;
	}
	.xs-contactinfo-padding{
		position:relative;
		top:162px;
		left:54px;
	}
	.xsiconcontact-padding{
		position:relative;
		right:52px;
	}
	.h3- 315-880-0057-style{
	}
	.h3-bloc-8-style{
	}
	.xstxt-alignment{
		position:relative;
	}
	.link-xs-txt-contact-country{
		font-family:"Lato-Black";
		position:relative;
		top:18px;
		left:75px;
		color:var(--swatch-var-685)!important;
		font-size:12px;
	}
	.link-xs-txt-contact{
		font-size:16px;
		font-family:"Lato-Black";
		color:var(--swatch-var-685)!important;
		position:relative;
		left:75px;
		top:22px;
	}
	.xs-link-bogota-colombia{
		font-family:"Lato-Black";
		color:var(--swatch-var-685)!important;
		position:relative;
		left:56px;
		font-size:14px;
		bottom:6px;
	}
	.xs-ararrowtxt-contact{
		top:182px;
	}
	.background-gradient-menu{
		background:linear-gradient(174deg, var(--swatch-var-1197)  33%, var(--swatch-var-7701) 68%);
	}
	.xs-sign-padding{
		position:relative;
		bottom:6px;
	}
	.iphone-iconcolor{
		color:var(--swatch-var-1197)!important;
	}
	.bloc-xs-size{
	}
	.btn-font{
		color:var(--swatch-var-1197)!important;
	}
	.iphone-linkfont:hover{
		color:var(--swatch-var-7513)!important;
	}
	.xs-menu-padding-edit:hover{
	}
	.icon-hover{
		color:var(--swatch-var-1197)!important;
	}
	.icon-hover:hover{
		color:var(--swatch-var-7513)!important;
	}
	.icon-padding-contactmenu{
		color:var(--swatch-var-4461)!important;
	}
	.icon-padding-contactmenu:hover{
		color:var(--swatch-var-7513)!important;
	}
	.link-textcontactpadding{
		color:var(--swatch-var-4461)!important;
	}
	.xs-bck-gradient-menu{
		background:linear-gradient(0deg, var(--swatch-var-7701) 0%, var(--swatch-var-1197)  10%);
	}
	.icon-padding-invert:hover{
	}
	.bloc-divider-b-bloc-3-style{
		height:50px;
		fill:var(--swatch-var-7513);
	}
	a{
		font-family:"Quicksand";
	}
	.mobile-gif{
		background-image:url("img/magma%20main.gif");
		background-size:length;
		background-position:right top;
		background-blend-mode:normal;
	}
	.btn-mobiletxt{
		color:var(--swatch-var-685)!important;
		font-size:12px;
	}
	.mobilebck-gif{
		background-image:url("img/magma%20main.gif");
		background-size:cover;
		background-position:right bottom;
	}
	.bloc-divider-b-style{
		fill:var(--swatch-var-2738);
	}
	.div-mobile-padding{
		position:relative;
		left:52px;
	}
	.icon-hover-color:hover{
		color:var(--swatch-var-7513)!important;
	}
	.h1-style{
		width:36.4%;
		position:relative;
		float:left;
	}
	.vertical-text{
		float:left;
		right:22px;
	}
	.tablet-brandsign-padding{
	}
	.tablet-sign-padding1{
		float:initial;
	}
	.column-signtxt-paddingmobile{
		position:relative;
		right:47px;
	}
	
}