@font-face{
font-family:"Web-Raleway-Bold";
src:url('../fonts/Raleway-Bold.ttf') format("truetype");
}
.modal99{display:none;position:fixed;z-index:1000000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.kategori{width:100%;}
.kategori a{background-color:#FFF;color:#870808;display:block;padding:12px;text-decoration:none;}
.kategori a:hover{background:#ee3636;color:#FFF;}
.modal-content99{position:relative;background-color:#fefefe;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#ff8383;margin:auto;padding:0;width:330px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
@keyframes animatetop{from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
.close99{color:white;float:right;font-size:28px;font-weight:bold;}
.close99:hover,
.close99:focus{color:#000;text-decoration:none;cursor:pointer;}
.modal-header{padding:2px 16px;background-color:#870808;color:white;text-align:center;}
.modal-body{width:100%;}

menu, mobile{
margin-left: -20px;
margin-top: -10px;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
menu, mobile { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font: 100% "roboto", "Trebuchet MS", sans-serif;
background-color:#FFF;
}
a { text-decoration: none; }
.mobile li a, .mobile label {
display: block;
padding: .85rem;
color: #fff;
background-color: #151515;
box-shadow: inset 0 -1px #1d1d1d;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.mobile li a:focus, .mobile li a:hover, .mobile label:focus, .mobile label:hover {
color: rgba(255, 255, 255, 0.5);
background: #030303;
}
.mobile label { cursor: pointer; }
.group-list a, .group-list label {
padding-left: 2rem;
background: #252525;
box-shadow: inset 0 -1px #373737;
}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313; }
.sub-group-list a, .sub-group-list label {
padding-left: 4rem;
background: #353535;
box-shadow: inset 0 -1px #474747;
}
.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }
.sub-sub-group-list a, .sub-sub-group-list label {
padding-left: 6rem;
background: #454545;
box-shadow: inset 0 -1px #575757;
}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover {background: #333333; }
.group-list, .sub-group-list, .sub-sub-group-list {
height: 100%;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .5s ease-in-out;
transition: max-height .5s ease-in-out;
}
.mobile__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }
label > span {
float: right;
-webkit-transition: -webkit-transform .65s ease;
transition: transform .65s ease;
}
.mobile__list input[type=checkbox]:checked + label > span {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.icon a{float: right;color: #FFF;text-decoration:none;background: #870808;padding: 22px 25px;margin-top: -1px;display:none;}
.icon a:hover{background:#111;}
.mobilepict img{display:none;}
nav {
margin-top: -14px;
float:right;
text-align: left;
font-family:"Web-Raleway-Bold";
font-size:13px;}
nav ul ul {
display: none;}
nav ul li:hover > ul {
display: block;}
nav ul {
background: #f9f9f9; 
padding: 0 0px; 
list-style: none;
position: relative;
display: inline-table;
float:right;}
nav ul:after {
content: ""; clear: both; display: block;}
nav ul li {
float: left;}
nav ul li:hover {
background: #870808;}
nav ul li:hover a {
color: #fff;}
nav ul li a {
display: block; padding: 23px 25px;
color: #870808; text-decoration: none;}
nav ul ul {
background: #870808; border-radius: 0px; padding: 0;
position: absolute; top: 100%;}
nav ul ul li {
float: none;
position: relative;}
nav ul ul li a {
padding: 15px 25px;
color: #fff;}	
nav ul ul li a:hover {
background: #771212;}
nav ul ul ul {
position: absolute; left: 100%; width:80%; top:0;}
form {
max-width:700px;
width:100%;
background-color: #FFFFFF;
overflow: hidden;
}
p span {
color: #F00;
}
p {
margin: 0px;
font-weight: 500;
line-height: 2;
color:#525252;
}
h1 {
text-align:center; 
color: #666;
text-shadow: 1px 1px 0px #FFF;
margin:50px 0px 0px 0px
}
input {
border-radius: 0px 5px 5px 0px;
border: 1px solid #DDD;
margin-bottom: 15px;
width: 75%;
height: 40px;
float: left;
padding: 0px 15px;
}
a {
text-decoration:inherit
}
textarea {
border-radius: 0px 5px 5px 0px;
border: 1px solid #DDD;
margin: 0;
width: 75%;
height: 115px; 
float: left;
padding: 12px 15px;
}
.form-group {
overflow: hidden;
clear: both;
}
.icon-case {
width: 35px;
float: left;
border-radius: 5px 0px 0px 5px;
background:#DDD;
height:42px;
position: relative;
text-align: center;
line-height:40px;
}
i {
color:#FFF;
}
.contentform {
padding: 40px 30px;
}
.bouton-contact{
font-family:"Web-Raleway-Bold";
background-color: #870808;
color: #FFF;
text-align: center;
width: 100%;
border: none;
padding: 14px 25px;
cursor: pointer;
margin-top: 40px;
font-size: 14px;
}
.leftcontact {
width:49.5%; 
float:left;
border-right: 1px dotted #CCC;
box-sizing: border-box;
padding: 0px 15px 0px 0px;
}
.rightcontact {
width:49.5%;
float:right;
box-sizing: border-box;
padding: 0px 0px 0px 15px;
}
.validation {
display:none;
margin: 0 0 10px;
font-weight:400;
font-size:13px;
color: #DE5959;
}
#sendmessage {
border:1px solid #fff;
display:none;
text-align:center;
margin:10px 0;
font-weight:600;
margin-bottom:30px;
background-color: #EBF6E0;
color: #5F9025;
border: 1px solid #B3DC82;
padding: 13px 40px 13px 18px;
border-radius: 3px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
}
#sendmessage.show,.show  {
display:block;
}
#b3 {
height: 270px;
}
#b3 h1{
text-align: center;
}
.mySlides {display:none}
.dot {
display: none;
}
.active {
background-color: #717171;
}
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
.modal {
display: none;
position: fixed;
z-index: 1000000;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal2 {
display: none;
position: fixed;
z-index: 1000000;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal3 {
display: none;
position: fixed;
z-index: 1000000;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal4 {
display: none;
position: fixed;
z-index: 1000000;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-content {
position: relative;
background-color: #fefefe;
font-family: "Web-Raleway-Bold";
color:#ff8383;
margin: auto;
padding: 0;
width: 650px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close2 {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close3 {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close4 {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.close2:hover,
.close2:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.close3:hover,
.close3:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.close4:hover,
.close4:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #870808;
color: white;
text-align: center;
}
.modal-header h2{
font-size: 14px;
}
.modal-body {width:100%;}
.submenu > li {
background: #870808;
width: auto;
text-align: center;
}
.submenu > li a{
width: 100px;
}
.submenu > li:nth-child(2n+1) {
background: #870808;
}
.menu, .menu ul {
list-style: none;
padding: 0;
}
.menu > li {
position: relative;
display: inline-block;
outline: 0;
}
.submenu {
position: absolute;
overflow: hidden;
-webkit-transition: max-height 1ms linear 1s;
-moz-transition: max-height 1ms linear 1s;
pointer-events: none;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
pointer-events: auto;
z-index: 10;
max-height: 2000px;
-webkit-transition: none;
-moz-transition: none;
}
.menu > li:hover .submenu li:nth-child(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menu > li:hover .submenu li:nth-child(2) {
-webkit-transition-delay: 66ms;
-moz-transition-delay: 66ms;
-ms-transition-delay: 66ms;
-o-transition-delay: 66ms;
transition-delay: 66ms;
}
.menu > li:hover .submenu li:nth-child(3) {
-webkit-transition-delay: 133ms;
-moz-transition-delay: 133ms;
-ms-transition-delay: 133ms;
-o-transition-delay: 133ms;
transition-delay: 133ms;
}
.menu > li:hover .submenu li:nth-child(4) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.menu > li:hover .submenu li:nth-child(5) {
-webkit-transition-delay: 266ms;
-moz-transition-delay: 266ms;
-ms-transition-delay: 266ms;
-o-transition-delay: 266ms;
transition-delay: 266ms;
}
.menu > li:hover .submenu li:nth-child(6) {
-webkit-transition-delay: 333ms;
-moz-transition-delay: 333ms;
-ms-transition-delay: 333ms;
-o-transition-delay: 333ms;
transition-delay: 333ms;
}
.menu > li:hover .submenu li:nth-child(7) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
-ms-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.menu > li:hover .submenu li:nth-child(8) {
-webkit-transition-delay: 466ms;
-moz-transition-delay: 466ms;
-ms-transition-delay: 466ms;
-o-transition-delay: 466ms;
transition-delay: 466ms;
}
.submenu li:nth-child(1) {
-webkit-transition-delay: 466ms;
-moz-transition-delay: 466ms;
-ms-transition-delay: 466ms;
-o-transition-delay: 466ms;
transition-delay: 466ms;
}
.submenu li:nth-child(2) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
-ms-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.submenu li:nth-child(3) {
-webkit-transition-delay: 333ms;
-moz-transition-delay: 333ms;
-ms-transition-delay: 333ms;
-o-transition-delay: 333ms;
transition-delay: 333ms;
}
.submenu li:nth-child(4) {
-webkit-transition-delay: 266ms;
-moz-transition-delay: 266ms;
-ms-transition-delay: 266ms;
-o-transition-delay: 266ms;
transition-delay: 266ms;
}
.submenu li:nth-child(5) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
ransition-delay: 200ms;
}
.submenu li:nth-child(6) {
-webkit-transition-delay: 133ms;
-moz-transition-delay: 133ms;
-ms-transition-delay: 133ms;
-o-transition-delay: 133ms;
transition-delay: 133ms;
}
.submenu li:nth-child(7) {
-webkit-transition-delay: 66ms;
-moz-transition-delay: 66ms;
-ms-transition-delay: 66ms;
-o-transition-delay: 66ms;
transition-delay: 66ms;
}
.submenu li:nth-child(8) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.submenu li {
opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
-moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
-ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
-o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
transition: opacity .4s,         transform .6s, max-height .6s;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
body{
margin : 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #373737;
background: #FFF;
}
.clear{
float: none;
clear: both;
}
.center{
width : 1100px;
margin : auto;
}
.htext{
width : 600px;
margin : auto;
}
.b1{
width : 999px;
margin : auto;
margin-top: 12px;
}
a{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.zipper li:nth-child(odd) {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.zipper li:nth-child(even) {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.jaws li {
-webkit-transform-origin: 50% -100px;
-moz-transform-origin: 50% -100px;
-ms-transform-origin: 50% -100px;
-o-transform-origin: 50% -100px;
transform-origin: 50% -100px;
}
.jaws li:nth-child(odd) {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.jaws li:nth-child(even) {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.fan li {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
#header{
background:#f9f9f9;
position: fixed;
width: 100%;
left:0px;
top:0px;
height:60px;
z-index:9999;
}
#header #logo{
float: left;
width:250px;
}
#header #logo img{
float: left;
position: relative;
}
#header .navigation{
float: right;
}
#header .navigation ul{
list-style-type: none;
padding: 0;
margin: 0;
}
#header .navigation ul li{
display: inline-block;
font-size: 12px;
font-family: "Web-Raleway-Bold";
margin-right:-5px;
}
#header .navigation ul li a{
display: inline-block;
padding: 23px 20px;
text-transform: uppercase;
color       : #870808;
text-decoration: none;
}
#header .navigation ul li ul li a{
display: inline-block;
padding: 23px 20px;
text-transform: uppercase;
color       : #FFF;
text-decoration: none;
}
#header .navigation ul li a:hover{
background: #870808;
color:#FFF;
transition: all 0.3s;
}
#header .navigation ul li a:hover{
background: #870808;
color:#FFF;
transition: all 0.3s;
}
#header .navigation ul li ul li a:hover{
background: #FFF;
color:#870808;
transition: all 0.3s;
}
.btn-primary{
border: solid 2px #FFFFFF;
color : #FFF;
text-transform: uppercase;
font-family: "Web-Raleway-Bold";
font-size: 13px;
text-decoration: none;
padding: 10px;
display: inline-block;
}
.btn-primary:hover,
.content-list .list-services .button a:hover{
background: #FFFFFF;
color: #870808;
}
.btn-primaryy{
border: none;
background: #d4d4d4;
color : rgba(82, 82, 82, 1);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
padding: 10px;
text-align: center;
width: 42%;
display: inline-block;
}
.btn-primaryy:hover,
.content-list .list-services .button a:hover{
background: #393939;
color: rgba(207, 207, 207, 1);
}
.tabcontent p{
text-align: justify;
}
#bb{
padding: 18px 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 100%;
background: #222;
height: 81px;
}
.bb3 i {
font-size: 55px;
float: left;
padding-left: : 5px;
padding-right: 20px;
}
.bb2 .bb3{
float:left;
width:31%;
color:#FFF;
margin-right: 20px;
margin-top: 0;
margin-bottom:0;
text-align: left;
}
.bb2 .bb3 p{
line-height: 25px;
color: #A4A4A4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-top: 0px;
text-align: justify;
}
#footer{
padding: 18px 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 100%;
background: #222;
margin-top: 30px;
}
.content-list .list-footer{
float:left;
width:20%;
color:#FFF;
margin-left:28px;
margin-right:27px;
margin-top: 0;
margin-bottom:0;
text-align: left;
}
.content-list .list-footer h2{
text-transform: uppercase;
font-family: "Web-Raleway-Bold";
font-size: 15px;
margin-bottom: 5px;
margin-top : 0;
color: #FFF;
border-bottom: solid #333 1px;
padding-bottom: 10px;
}
.content-list .list-footer p{
line-height: 25px;
margin-bottom: 10px;
color: #888;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-list .list-footer a{
line-height: 25px;
margin-bottom: 10px;
color: #888;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.content-list .list-footer img{
margin-top: 0 auto;
width:172px;
height:160px;
}
#cr{
background: #111;
padding: 17px 0;
text-align: center;
color: #888;
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sosmed{
text-align: center;
margin-top: 0px;
}
.container {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
margin: 0 auto;
}
.container .circle {
fill: none;
stroke: #ffffff;
stroke-width: 5px;
stroke-dasharray: 40;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-animation: outWaveOut 1s cubic-bezier(0.42, 0, 0.58, 1) forwards;
animation: outWaveOut 1s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}
.container .social {
color: white;
font-size: 1.8em;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.container:hover {
cursor: pointer;
}
.facebook:hover .circle {
fill: #ffffff;
fill-opacity: 1;
-webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorFacebook 1s linear forwards;
animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorFacebook 1s linear forwards;
}
.facebook:hover .social {
color: #3b5998;
}
.google:hover .circle {
fill: #ffffff;
fill-opacity: 1;
-webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorGoogle 1s linear forwards;
animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorGoogle 1s linear forwards;
}
.google:hover .social {
color: #cb2027;
}
.instagram:hover .circle {
fill: #ffffff;
fill-opacity: 1;
-webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorInstagram 1s linear forwards;
animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorInstagram 1s linear forwards;
}
.instagram:hover .social {
color: #d10869;
}
.linkedin:hover .circle {
fill: #ffffff;
fill-opacity: 1;
-webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorLinkedin 1s linear forwards;
animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorLinkedin 1s linear forwards;
}
.linkedin:hover .social {
color: #007bb6;
}
div.tab {
overflow: hidden;
background-color: #870808;
}
div.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
font-family: "Web-Raleway-Bold";
color: rgba(207, 207, 207, 1);
}
div.tab button:hover {
background-color: #242424;
}
div.tab button.active {
background-color: #242424;
color: rgba(207, 207, 207, 1);
}
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
background: #eaeaea;
color: rgba(82, 82, 82, 1);
}
#myTable {
border-collapse: collapse;
width: 100%;
}
#myTable th, #myTable td {
text-align: center;
padding: 7px;
font-size: 13px;
border: solid 1px #dedede;;
}
#myTable tr.header, #myTable tr:hover {
background-color: #dedede;
}
.drawingtop .mobilepict img{display:none;}
#drawing{
width: 100%;
height: 700px;
background: #FFF;
margin-top: 60px;
margin-bottom: -30px;
}
.drawing-left{
width: 65%;
float: left;
background: #FFF;
}
.drawing-left img{
width:715px;
height: 505px;
float: left;
margin-top: 50px;
}
.drawing-left p{
color: #525252;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 10px;
text-align: justify;
}
.drawing-right{
width: 34%;
float: right;
margin-top: 50px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@-webkit-keyframes colorFacebook {
from {
stroke: #ffffff;
}
to {
stroke: #3b5998;
}
}
@keyframes colorFacebook {
from {
stroke: #ffffff;
}
to {
stroke: #3b5998;
}
}
@-webkit-keyframes colorGoogle {
from {
stroke: #ffffff;
}
to {
stroke: #dd4b39;
}
}
@keyframes colorGoogle {
from {
stroke: #ffffff;
}
to {
stroke: #dd4b39;
}
}
@-webkit-keyframes colorInstagram {
from {
stroke: #ffffff;
}
to {
stroke: #cb2027;
}
}
@keyframes colorInstagram {
from {
stroke: #ffffff;
}
to {
stroke: #cb2027;
}
}
@-webkit-keyframes colorLinkedin {
from {
stroke: #ffffff;
}
to {
stroke: #007bb6;
}
}
@keyframes colorLinkedin {
from {
stroke: #ffffff;
}
to {
stroke: #007bb6;
}
}
@-webkit-keyframes outWaveIn {
to {
stroke-width: 10px;
stroke-dasharray: 400;
}
}
@keyframes outWaveIn {
to {
stroke-width: 10px;
stroke-dasharray: 400;
}
}
@-webkit-keyframes outWaveOut {
from {
stroke-width: 10px;
stroke-dasharray: 400;
}
to {
stroke: #ffffff;
stroke-width: 5px;
stroke-dasharray: 40;
}
}
@keyframes outWaveOut {
from {
stroke-width: 10px;
stroke-dasharray: 400;
}
to {
stroke: #ffffff;
stroke-width: 5px;
stroke-dasharray: 40;
}
}
@media screen and (max-width:1231px){.center{width:auto;padding:0 20px;margin:0;}
}
@media screen and (max-width:1156px){.content-list .list-footer{width:19%;display:block;float:left;margin-bottom:15px;}}
@media screen and (max-width:1095px){.center{width:auto;padding:0 20px;margin:0;}
}
@media screen and (max-width:1090px){.b1{height:250px;}.snip1543{width:32%;display:block;float:right;margin-bottom:15px;}}
@media screen and (max-width:1035px){
#drawing{height:1420px;}
.b1{width: auto;}.snip1543{width:32%;display:block;float:left;margin-bottom:15px;}.center{width:auto;padding:0 20px;margin:0;}
.drawing-left{width:100%;display:block;}
.drawing-right{width:100%; display:block;}
.drawing-left img{width:100%;height:auto;display:block;}
}
@media screen and (max-width:1069px){.content-list .list-services{width:27%;display:block;float:left;margin-bottom:15px;}}
@media screen and (max-width:977px){
#header .navigation{float: left;width:auto;margin:auto;}
#header .navigation ul{display:table;margin:0 auto;}
.icon a{display: block;}
nav{display: none;}
}
@media screen and (max-width:973px){
  .content-list .list-footer{width:18%;display:block;float:left;margin-bottom:15px;}
}
@media screen and (max-width:913px){
#banner{background:url("../images/b.jpg") no-repeat center center;-webkit-background-size:cover;background-size:cover;padding:80px;height:255px;color:#FFFFFF;text-align:center;margin-top:60px;}
.bb2 .bb3{float:left;width:30%;color:#FFF;margin-right:20px;margin-top:0;margin-bottom:0;text-align:left;}
.content-list .list-footer{width:18%;display:block;float:left;margin-bottom:15px;}
}
@media screen and (max-width:879px){
#banner .center{width:auto;padding:0 20px;margin:0;}
}
@media screen and (max-width:861px){
.snip1543{width:32%;display:block;float:left;margin-bottom:15px;}
#bb{height: 125px;}
}
@media screen and (max-width:842px){
.content-list .list-footer{width:17%;display:block;float:left;margin-bottom:15px;}
}
@media screen and (max-width:806px){
.snip1543{width:42%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
#bb{height: 125px;}
.b1{height: 750px;}
#b3{height: 400px;}
#b3 .snip1451{width: 50%;margin:0 auto;}
#b3 .snip1451 img{width: 100%;}
.content-list .list-footer{width:40%;display:inline-block;float:none;margin-bottom:15px;}
.content-list .list-footer img{width: 50%;height: 50%;margin: 0 auto;}
}
@media screen and (max-width:751px){
#banner .htext{width: auto;}
}
@media screen and (max-width:724px){
  #banner{background:url("../images/b.jpg") fixed;padding:15px;}
#bb{height: 215px;}
.bb2 .bb3{float:none;width:70%;margin:0 auto;margin-bottom:30px;text-align:justify;}
}
@media screen and (max-width:707px){
  .snip1543{width:49%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
.bb2 .bb3 i{font-size: 30px;}
#banner .center .htext h1{font-size: 15px;margin-top: 35px;}
}
@media screen and (max-width:657px){
#bb{height: 250px;}
}
@media screen and (max-width:623px){
.content-list .list-footer{width:38%;display:inline-block;float:none;margin-bottom:15px;}
.snip1543{width:56%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
}
@media screen and (max-width:585px){
.snip1543{width:60%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
}
@media screen and (max-width:529px){
#banner{height: 280px;}
.content-list .list-footer{width:35%;display:inline-block;float:none;margin-bottom:15px;}
.snip1543{width:68%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
.content-list .list-footer img{width: 65%;height: 65%;margin: 0 auto;}
.mobilepict img{display:block;width:100%;height:auto;}
.drawing-left img{display:none;}
#drawing{height:1800px;}
}
@media screen and (max-width:473px){
#banner{height: 320px;}
#bb{height: 310px;}
.snip1543{width:77%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
.content-list .list-footer img{width: 100%;height: 100%;margin: 0 auto;}
}
@media screen and (max-width:468px){
.container{margin-left: -10px;}
}
@media screen and (max-width:434px){
#banner{height: 330px;}
#bb{height: 300px;}
.bb2 .bb3{float:none;width:90%;margin:0 auto;margin-bottom:30px;text-align:justify;}
.snip1543{width:85%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
.content-list .list-footer{width:90%;display:inline-block;float:none;margin: 0 auto;margin-bottom:15px;}
.content-list .list-footer img{width: 50%;height: 50%;margin:0 auto;}
}
@media screen and (max-width:428px){
.container {margin-left: -15px;}
}
@media screen and (max-width:408px){
.container {margin-left: -20px;}
}
@media screen and (max-width:400px){
#banner{height: 350px;}
}
@media screen and (max-width:388px){
.container {margin-left: -20px;margin-right: -10px;}
}
@media screen and (max-width:371px){
#header #logo img{margin-top:0px;}
}
@media screen and (max-width:370px){
#header #logo img{margin-top:0px;}
}
@media screen and (max-width:369px){
#header #logo img{margin-top:0px;}
}
@media screen and (max-width:368px){
#header #logo img{margin-top:0px}
}
@media screen and (max-width:367px){
#header #logo img{margin-top:0px}
}
@media screen and (max-width:366px){
#header #logo img{margin-top:0px}
}
@media screen and (max-width:365px){
#header #logo img{margin-top:0px}
}
@media screen and (max-width:364px){
#header #logo img{margin-top:0px}
}
@media screen and (max-width:363px){
#header #logo img{margin-top: -60px}
}
@media screen and (max-width:362px){
#header #logo img{margin-top: -60px}
}
@media screen and (max-width:361px){
#header #logo img{margin-top: -60px}
}
@media screen and (max-width:360px){
#header #logo img{margin-top: -60px}
}
@media screen and (max-width:350px){
.snip1543{width:95%;display:block;float:none;margin:0 auto;margin-bottom: 10px;}
#bb{height: 330px;}
#b3 .snip1451{width: 100%;margin:0 auto;margin-bottom: 10px;}
#b3{height: 850px;}
#banner{height: 400px;}
}
@media screen and (max-width:348px){
.container {margin-left: -20px;margin-right: -15px;}
}
@media screen and (max-width:328px){
.container {margin-left: -20px;margin-right: -20px;}
}