html,
body {
margin:0;
padding:0;
height:100%;
position: relative;
}
.insidetextfield {
width: 940px;
margin: 0px auto;
font-family: "Trebuchet Ms";
font-size: 24px;
color: #3D3C4C;
text-align: center;
padding-top: 32px;
padding-bottom: 29px;
}
.insidetextfield2 {
width: 300px;
margin: 0px auto;
font-family: "Trebuchet Ms";
font-size: 23px;
color: #3D3C4C;
text-align: center;
padding-top: 32px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
#wrapper {
width: 100%;
min-height:100%;
position:relative;
display: block;
}
#header {
background: #ffffff;
height: 100px;
position: absolute;
opacity: 0.9;
width: 100%;
z-index: 999;
}
#headercontent {
width: 940px;
height: auto;
margin: 0 auto;
}
#headerlogo {
width: 300px;
height: 50px;
margin-top: 25px;
}
#headertelephone {
font-family: 'Trebuchet Ms';
font-weight: bold;
font-size: 28px;
float: right;
margin-top: -55px;
color: #A5CD38;
width: 250px;
}
#headertelephone a {
text-decoration: none;
color: #A5CD38;
}
#phonenumber2 a {
text-decoration: none;
color: #E6E5E7;
}
#phonenumbers a {
text-decoration: none;
color: #E6E5E7;
}
#email a {
text-decoration: none;
color: #E6E5E7;
}
#headertelephone span a {
text-decoration: none;
color: #A5CD38;
}
#headertelephone span {
font-family: 'Trebuchet Ms';
font-weight: normal;
font-size: 18px;
color: #3D3C4C;
float: right;
margin-right: 62px;
}
#greentampon {
width: 100%;
margin: 0 auto;
background: #A5CD38;
box-shadow: 0px 2px 10px #E6E5E7;
}
#slider {
width: 100%;
overflow: hidden;
margin: 0 auto;
}
#slider figure .img {
width: 25%;
float: left;
overflow:hidden;
text-align: center;
}
#slider figure .img img{
width:1280px;
}
.overtextitem{
float:left;
width:400px;
}
.overcontentright{
overflow:hidden;
}
.overcontentright figure {
position: relative;
width: 1600px;
margin: 0;
left: 0;
animation: 15s slidytext infinite;
-webkit-animation: 15s slidy infinite;
}
@keyframes slidytext {
0% { left: -1200px; }
25% { left: -1200px; }
32% { left: -800px; }
57% { left: -800px; }
64% { left: -400px; }
89% { left: -400px; }
100% { left: 0px; }
}
@-webkit-keyframes slidytext {
0% { left: -1200px; }
25% { left: -1200px; }
32% { left: -800px; }
57% { left: -800px; }
64% { left: -800px; }
89% { left: -400px; }
100% { left: 0px; }
}
@keyframes slidy {
0% { left: 0%; }
25% { left: 0%; }
32% { left: -100%; }
57% { left: -100%; }
64% { left: -200%; }
89% { left: -200%; }
100% { left: -300%; }
}
@-webkit-keyframes slidy {
0% { left: 0%; }
25% { left: 0%; }
32% { left: -100%; }
57% { left: -100%; }
64% { left: -200%; }
89% { left: -200%; }
100% { left: -300%; }
}
#slider figure {
position: relative;
width: 400%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 15s slidy infinite;
-webkit-animation: 15s slidy infinite;
}
#maincontent {
padding-bottom:50px; /* Height of the footer element */
width: 100%;
margin: 0 auto;
background: #ffffff;
}
#innermaincontent1 {
width: 100%;
height: 592px;
margin: 0 auto;
background: #ffffff;
}
#innermaincontent2 {
width: 100%;
margin: 0 auto;
background: #3D3C4C;
height: 530px;
}
#innermaincontent3 {
width: 100%;
margin: 0 auto;
background: #E6E5E7;
}
#innermaincontent4 {
width: 100%;
margin: 0 auto;
background: #ffffff;
}
#innermaincontent5 {
height: 100px;
width: auto;
background: #3D3C4C;
}
#innermaincontent8 {
height: 100px;
width: auto;
background: #A5CD38;
}
#innermaincontent6 {
width: 100%;
margin: 0 auto;
background: #E6E5E7;
}
#innermaincontent10 {
width: 100%;
height: 450px;;
margin: 0 auto;
background: #ffffff;
}
#innermaincontent11 {
width: 100%;
margin: 0 auto;
background: #E6E5E7;
}
.inner1 table tr td {
margin-left: 100px;
}
#innermaincontent7 {
width: 100%;
margin: 0 auto;
background: #ffffff;
}
#innermaincontent9 {
width: 100%;
height: 400px;;
margin: 0 auto;
background: #E6E5E7;
}
#innermaincontent12 {
width: 100%;
margin: 0 auto;
background: #ffffff;
}
#footer {
background:#ffffff;
width:100%;
height:50px;
position:absolute;
bottom:0;
left:0;
}
.inner1 {
width: 940px;
margin: 0 auto;
}
.inner2 {
width: 940px;
background: #3D3C4C;
margin: 0 auto;
}
.inner3 {
width: 940px;
height: 450px;
margin: 0 auto;
padding-bottom: 20px;
}
.inner4 {
width: 940px;
height: 400px;
background: #ffffff;
margin: 0px auto;
padding-bottom: 10px;
}
.inner5 {
font-family: 'Trebuchet Ms';
font-size: 34px;
font-weight: bold;
color: #ffffff;
width: 940px;
height: 100px;
margin: 0 auto;
padding-top: 30px;
}
.inner5 span {
color: #A5CD38;
font-size: 40px;
}
.inner6 {
width: 940px;
height: 400px;
margin: 0 auto;
}
.inner7 {
width: 940px;
height: 450px;
margin: 0px auto;
}
#inner6 {
width: 650px;
float: left;
}
.leftimg {
float: left;
width: 940px;
height: 100%;
}
#table0 tr td.first{
font-family: 'Trebuchet Ms';
font-size: 34px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
width: 940px;
}
#table0 tr td.second {
font-family: 'Trebuchet ms';
font-size: 18px;
font-weight: bold;
color: #E6E5E7;
text-align: left;
padding-bottom: 20px;
width: 940px;
border-bottom: 1px solid #ffffff;
}
#table0 tr td.second span {
color: #A5CD38;
}
#table1 {
margin-right: 20px;
padding: 0px 20px 0px 20px;
width: 300px;
margin-top: 12px;
text-align: center;
float: left;
}
#table1 td.last {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
text-align: center;
}
#table2 td.last {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
text-align: center;
}
#table3 td.last {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
text-align: center;
}
#table2 {
padding: 0px 20px 0px 20px;
width: 300px;
margin-top: 12px;
text-align: center;
float: left;
}
#table3 {
margin-left: 20px;
padding: 0px 20px 0px 20px;
width: 300px;
height: auto;
margin-top: 12px;
text-align: center;
float: left;
}
.trebuchetms18 {
font-family: 'Trebuchet Ms';
font-size: 18px;
font-weight: bold;
color: #3D3C4C;
}
.trebuchetms14 {
font-family: 'Trebuchet Ms';
font-size: 14px;
color: #3D3C4C;
}
.A5CD38 {
color: #A5CD38;
}
#table1 span {
color: #3D3C4C;
font-weight: bold;
}
#table2 span {
color: #3D3C4C;
font-weight: bold;
}
#table3 span {
color: #3D3C4C;
font-weight: bold;
}
.padding {
padding: 15px 0px 10px 0px;
}
.paddingbottom10 {
padding-bottom: 10px;
}
.paddingtop10 {
padding-top: 10px;
}
.borderbottom {
border-bottom: 2px solid #A5CD38;
}
.inner3 img {
margin-top: 40px;
}
#table4 {
width: 590px;
color: #3D3C4C;
margin-top: 40px;
float: right;
}
.table4 {
width: 590px;
color: #3D3C4C;
margin-top: 30px;
float: right;
}
.table4 th img {
margin-top: 0px;
padding-right: 10px;
}
.table4 th {
font-family: 'Trebuchet Ms';
font-size: 24px;
font-weight: bold;
text-align: left;
padding-bottom: 30px;
color: #3D3C4C;
}
#table4 th {
font-family: 'Trebuchet Ms';
font-size: 24px;
font-weight: bold;
text-align: left;
padding-bottom: 30px;
}
#table4 .first.last {
padding-left: 30px;
}
#table4 .second {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
}
#table4 .second.last {
padding-left: 30px;
}
#table4 td.first {
border-bottom: 2px solid #A5cd38;
padding-bottom: 20px;
}
#table4 td.second {
padding-top: 10px;
}
#right {
float: right;
width: 591px;
}
.right1 {
float: right;
width: 600px;
}
#table5 {
float: left;
}
#first1 {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: bold;
color: #A5CD38;
border-bottom: 2px solid #A5CD38;
padding-bottom: 20px;
}
#first2 {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: bold;
color: #6D6D79;
border-bottom: 2px solid #A5CD38;
padding-bottom: 20px;
}
#table6 {
float: right;
padding-right: 20px;
}
#table6 td.first {
border-bottom: 2px solid;
padding-bottom: 10px;
}
#table5 td.first {
border-bottom: 2px solid #A5CD38;
padding-bottom: 10px;
}
#table5 td.second {
padding-top: 10px;
}
#table5 span {
font-family: 'Open Sans';
font-size: 14px;
font-weight: bold;
color: #3D3C4C;
}
#table6 td.second {
padding-top: 10px;
}
#table7 {
float: left;
width: 100%;
}
#table7 td {
text-align: justify;
}
#table7 td.first {
font-family: "Trebuchet Ms";
font-size: 34px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
width: 940px;
}
#table7 td.third {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-top: 20px;
}
#table7 td.third span {
color:#3D3C4C;
}
#table8 {
float: left;
width: auto;
margin-right: 70px;
padding-top: 20px;
padding-left: 20px;
}
#table9 {
float: left;
width: auto;
padding-top: 20px;
}
#table10 {
float: left;
width: auto;
margin-left: 50px;
padding-top: 20px;
margin-right: 20px;
}
.table11 {
float: left;
text-align: left;
margin-top: 40px;
}
.table11 th img {
margin-right: 30px;
}
.table11 th {
font-family: "Trebuchet Ms";
font-size: 34px;
font-weight: bold;
color: #3D3C4C;
}
#table8 td {
font-family: "Open Sans";
font-size: 14px;
font-weight: 300;
border-top: 2px solid #A5CD38;
padding-top: 20px;
}
#table9 td {
font-family: "Open Sans";
font-size: 14px;
font-weight: 300;
border-top: 2px solid #A5CD38;
padding-top: 20px;
color: #3D3C4C;
}
#table10 td {
font-family: "Open Sans";
font-size: 14px;
font-weight: 300;
border-top: 2px solid #A5CD38;
padding-top: 20px;
}
.OpenSans {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #3D3C4C;
}
#icon1 img {
margin-top: -5px;
margin-left: 30px;
}
#icon1 {
width: 100px;
float: left;
}
#buton1 img {
float: right;
}
#buton1 {
width: 180px;
height: 40px;
background: transparent url("../img/GT-200.svg") no-repeat scroll center top;
float: right;
margin-top: 4px;
}
#buton1:hover{
background-position: 0px -80px;
}
#buton1111 {
width: 180px;
height: 40px;
background: transparent url("../img/GT-90.svg") no-repeat scroll center top;
float: right;
margin-top: 4px;
}
#buton1111:hover{
background-position: 0px -80px;
}
#buton11112 {
width: 180px;
height: 40px;
background: transparent url("../img/GT-90.svg") no-repeat scroll center top;
float: right;
margin-top: 4px
}
#buton11112:hover{
background-position: 0px -80px;
}
.leftimg img {
margin-top: 25px;
}
.rightimg img {
float: right;
}
.table11 th {
padding-bottom: 30px;
}
.trebuchet24 {
font-family: 'Trebuchet Ms';
font-size: 24px;
font-weight: bold;
}
#innermaincontent13 {
height: 280px;
width: auto;
background: #3D3C4C
}
#inner8 {
width: 940px;
height: auto;
margin: 0 auto;
}
#table12 {
float: left;
}
#table12 td#first {
padding-top: 40px;
}
#table12 td#first span {
color: #ffffff;
}
#table12 td#second {
font-family: 'Open Sans';
font-size: 12px;
font-weight: 300;
color: #ffffff;
text-align: center;
padding: 20px 0px;
}
#table13 {
float: left;
margin-left: 38px;
}
#text {
margin-top: 28px;
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #ffffff;
}
#location {
float: left;
margin-right: 20px;
margin-top: 0px;
}
#leftinfo {
float: left;
margin-top: 0px;
margin-left: 100px;
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #3D3C4C;
}
#rightinfo {
margin-top: 14px;
margin-right: 100px;
margin-left: 670px;
}
#rightinfo img {
width: 180px;
height: auto;
}
#footercontent {
width: 940px;
height: auto;
margin: 0 auto;
}
#headphones {
width: 30px;
height: 30px;
float: left;
margin-top: 65px;
margin-left: 10px;
}
#phonenumbers {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: 300;
color: #FFF;
margin-left: 70px;
margin-top: 60px;
}
#email {
font-family: "Trebuchet Ms";
font-size: 18px;
font-weight: 300;
color: #FFF;
margin-left: 80px;
margin-top: 17px;
}
#table13 td#last {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #FFF;
padding-left: 11px;
padding-top: 50px;
}
#over {
position: absolute;
z-index: 100;
top:100px;
left:0px;
width:100%;
}
.overcontent{
width:940px;
margin:0 auto;
}
.overcontentright{
float:right;
width:400px;
margin-top:50px;
}
#title {
font-family: "Trebuchet Ms";
font-size: 57px;
font-weight: bold;
color: #3D3C4C;
}
#title2 {
font-family: "Trebuchet Ms";
font-size: 34px;
font-weight: bold;
color: #FFFFFF;
background: #A5CD38;
padding: 3px 20px;
margin-top: 15px;
height: 83px;
padding-bottom: 4px;
}
#title3 {
font-family: "Trebuchet Ms";
font-size: 30px;
font-weight: bold;
text-align: center;
padding: 10px 10px;
color: #3D3C4C;
}
#mobil1 {
width: 60px;
height: 60px;
margin: 30px;
background: transparent url("../img/mobilok.svg") center top no-repeat;
float: left;
}
#mobil1:hover {
background-position: 0px -60px;
}
#mobil2 {
width: 60px;
height: 60px;
margin-top: 30px;
background: transparent url("../img/tabletaok.svg") center top no-repeat;
float: left;
margin-left: 35px;
}
#mobil2:hover {
background-position: 0px -60px;
}
#mobil3 {
width: 60px;
height: 60px;
margin-top: 30px;
background: transparent url("../img/GT-04.svg") center top no-repeat;
float: left;
margin-left: 70px;
}
#mobil3:hover {
background-position: 0px -60px;
}
#envelope img {
margin-top: 10px;
float: left;
}
#envelope {
margin-left: 25px;
}
#printer {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: bold;
}
#printer img {
margin-top: 20px;
float: left;
margin-left: 25px;
}
#phonenumber2 {
font-family: "Trebuchet Ms";
font-size: 18px;
font-weight: 300;
color: #FFF;
margin-left: 80px;
margin-top: 30px;
}
#input input {
width: 140px;
height: 35px;
margin-top: 24px;
margin-left: 15px;
float: left;
border: 0;
}
#triangle-down1 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #ffffff;
position: absolute;
margin-left: 435px;
margin-top: 650px;
}
#triangle-down2 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #3D3C4C;
position: absolute;
margin-left: 435px;
margin-top: 308px;
}
#triangle-down3 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #E6E5E7;
position: absolute;
margin-left: 435px;
margin-top: 450px;
}
.margintop {
margin-top: 20px;
}
#mobileversion {
display: none;
}
.overtextitem td#first654 {
font-size: 70px;
padding-right: 10px;
}
#buttonitem2 #mailtosend {
width: 140px;
height: 24px;
background: transparent url("../img/GreenTeaB2B-11.svg") no-repeat scroll center bottom;
float: right;
margin-top: 22px;
margin-left: 110px;
}
#buttonitem2 #mailtosend:hover {
background-position: center top;
}
#android {
width: 60px;
height: 60px;
background: transparent url("../img/android.svg") no-repeat scroll center top;
color: #FFF;
margin-top: 20px;
margin-left: 30px;
}
#android:hover {
background-position: 0px -60px;
}
#windows {
width: 60px;
height: 60px;
background: transparent url("../img/windows.svg") no-repeat scroll center top;
color: #FFF;
margin-top: 20px;
margin-left: 60px;
}
#windows:hover {
background-position: 0px -60px;
}
#macos {
width: 60px;
height: 60px;
background: transparent url("../img/macos.svg") center top no-repeat;
color: #ffffff;
margin-top: 20px;
margin-left: 60px;
}
#macos:hover {
background-position: 0px -60px;
}
#enterbuton {
width: 38px;
height: 37px;
background: url("../img/enterimput.svg") center bottom no-repeat;
background-size: 38px;
margin-top: 24px;
float: left;
}
#enterbuton:hover {
background-position: 0px -38px;
}
#inner8 #table15 {
padding-left: 51px;
}
.triunghi {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #FFF;
margin: 0 auto;
}
.triunghicover {
background: #3D3C4C;
}
.triunghi2 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #3D3C4C;
margin: 0 auto;
}
.triunghicover2 {
background: #E6E5E7;
}
.triunghi3 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #E6E5E7;
margin: 0 auto;
}
.triunghicover3 {
background: #FFFFFF;
}
@media (max-width: 1000px) {
html, body {
position: static;
}
#buttonitem2 #button788 {
width: 140px;
height: 24px;
background: transparent url("../img/GreenTeaB2B-11.svg") no-repeat scroll center top;
float: right;
margin-top: 20px;
margin-left: 20px;
}
#androidmobile {
width: 60px;
height: 60px;
background: transparent url("../img/android.svg") no-repeat scroll center top;
color: #FFF;
margin-top: 20px;
margin-left: 15px;
}
#androidmobile:hover {
background-position: 0px -60px;
}
#windowsmobile {
width: 60px;
height: 60px;
background: transparent url("../img/windows.svg") no-repeat scroll center top;
color: #FFF;
margin-top: 20px;
margin-left: 0px;
}
#windowsmobile:hover {
background-position: 0px -60px;
}
#macosmobile {
width: 60px;
height: 60px;
background: transparent url("../img/macos.svg") no-repeat scroll center top;
color: #FFF;
margin-top: 20px;
margin-left: 00px;
}
#macosmobile:hover {
background-position: 0px -60px;
}
#android {
width: 60px;
height: 60px;
background: transparent url("../img/android.svg") no-repeat scroll center top;
color: #FFF;
margin-top: 20px;
margin-left: 30px;
}
#android:hover {
background-position: 0px -60px;
}
.swiper-slide{
width:320px;
float:left;
text-align:center;
}
.swiper-slide img{
width:320px;
}
@keyframes slidy {
0% { left: 0%; }
25% { left: 0%; }
32% { left: -100%; }
57% { left: -100%; }
64% { left: -200%; }
89% { left: -200%; }
100% { left: -300%; }
}
@-webkit-keyframes slidy {
0% { left: 0%; }
25% { left: 0%; }
32% { left: -100%; }
57% { left: -100%; }
64% { left: -200%; }
89% { left: -200%; }
100% { left: -300%; }
}
#slidermobile{
overflow:hidden;
}
#slidermobile figure {
position: relative;
width: 1280px;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 15s slidy infinite;
-webkit-animation: 15s slidy infinite;
}
.mobilemovingtext{
width:320px;
overflow:hidden;
}
.mobilemovingtext figure{
position: relative;
width: 1280px;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 15s slidy infinite;
-webkit-animation: 15s slidy infinite
}
#wrapper {
display: none;
}
#headermobile {
background: #ffffff;
height: 50px;
opacity: 0.9;
width: 320px;
z-index: 999;
}
#headercontentmobile {
width: 320px;
height: auto;
margin: 0 auto;
}
.swiper-slide img{
max-width:420px;
}
#mobileversion {
display: block;
min-height: 100%;
width: 320px;
margin: 0 auto;
}
#headerlogomobile img {
width: 200px;
height: 30px;
margin-top: 10px;
margin-left: 10px;
}
#overmobile table {
width: 280px;
margin: 0 auto;
}
#overmobile td#id1 {
font-family: "Trebuchet Ms";
font-size: 41px;
font-weight: bold;
color: #3D3C4C;
text-align: center;
height: 55px;
}
#overmobile td#id2 {
font-family: "Trebuchet Ms";
font-size: 23px;
font-weight: bold;
color: #ffffff;
background: #A5CD38;
padding: 3px 20px;
}
#overmobile td#id3 {
font-family: "Trebuchet Ms";
font-size: 22px;
font-weight: 300;
text-align: center;
padding: 10px 10px;
color: #3D3C4C;
}
#overmobile td#id4 {
width: 60px;
height: 58px;
background: transparent url("../img/mobilok.svg") center top no-repeat;
float: left;
margin-left: 8px;
}
#overmobile td#id4:hover {
background-position: 0px -60px;
}
#overmobile td#id5 {
width: 60px;
height: 58px;
background: transparent url("../img/tabletaok.svg") center top no-repeat;
float: left;
margin-left: 25px;
}
#overmobile td#id5:hover {
background-position: 0px -60px;
}
#overmobile td#id6 {
width: 60px;
height: 58px;
background: transparent url("../img/GT-04.svg") center top no-repeat;
float: left;
margin-left: 30px;
}
#overmobile td#id6:hover {
background-position: 0px -60px;
}
#overmobile td#id88 {
height: 20px;
}
#overmobile td.id8 {
background: #A5CD38;
height: 30px;
}
#overmobile td.id9 {
text-align: center;
padding: 20px 20px;
}
#overmobile td.id10 {
font-family: 'Trebuchet Ms';
font-size: 18px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-bottom: 20px;
}
#overmobile td.id10 span {
color: #3D3C4C;
}
#overmobile td.id11 {
font-family: "Open Sans";
font-size: 14px;
font-weight: 300;
text-align: center;
color: #3D3C4C;
border-top: 2px solid #A5CD38;
padding-top: 10px;
}
#overmobile td.id11 span {
font-weight: bold;
}
#overmobile2 table {
width: 280px;
margin: 0 auto;
}
#overmobile2 td#id1 {
}
#overmobile2 td#id3 {
font-family: 'Trebuchet Ms';
font-size: 31px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
}
#overmobile2 {
background: #3D3C4C;
}
#overmobile2 td#id4 {
font-family: 'Trebuchet ms';
font-size: 18px;
font-weight: bold;
color: #E6E5E7;
text-align: left;
padding-bottom: 20px;
border-bottom: 1px solid #ffffff;
}
#overmobile2 td#id4 span {
color: #A5CD38;
}
#overmobile2 td.id5 {
text-align: center;
}
#overmobile2 td.id5 img {
padding: 20px 20px;
}
#overmobile2 td.id6 {
font-family: 'Trebuchet Ms';
font-size: 18px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-bottom: 20px;
}
#overmobile2 td.id6 span {
color: #E6E5E7;
}
#overmobile2 td.id7 {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
text-align: left;
color: #E6E5E7;
border-top: 2px solid #A5CD38;
padding-top:10px;
}
#overmobile3 table {
width: 280px;
margin: 0 auto;
}
#overmobile3 {
background: #E6E5E7;
}
#overmobile3 td#id2 {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: bold;
text-align: left;
padding-top: 20px;
color: #3D3C4C;
}
#overmobile3 td.id3 {
font-family: "Trebuchet Ms";
font-size: 18px;
font-weight: bold;
color: #A5CD38;
border-bottom: 2px solid #A5cd38;
padding-bottom: 20px;
padding-top: 20px;
}
#overmobile3 td.id4 {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #3D3C4C;
padding-top: 10px;
}
#overmobile4 table {
width: 280px;
margin: 0 auto;
}
#overmobile4 td#id1 {
font-family: "Trebuchet Ms";
font-size: 30px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
}
#overmobile4 td#id2 {
font-family: 'Trebuchet Ms';
font-size: 18px;
font-weight: bold;
color: #3D3C4C;
text-align: left;
}
#overmobile4 td#id2 span {
color: #A5CD38;
}
#overmobile4 td#id3 {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: bold;
color: #A5CD38;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
#overmobile4 td#id3 span {
color: #3D3C4C;
}
#overmobile4 td.id4 {
font-family: "Open Sans";
font-size: 14px;
font-weight: 300;
border-top: 2px solid #A5CD38;
padding-top: 10px;
padding-bottom: 20px;
}
#overmobile5 {
background: #3D3C4C ;
}
#overmobile5 table {
width: 300px;
margin: 0 auto;
}
#overmobile5 td.id6 {
font-family: 'Trebuchet Ms';
font-size: 20px;
font-weight: 300;
color: #ffffff;
padding-left: 10px;
}
#overmobile5 td.id6 span {
color: #A5CD38;
}
#overmobile5 td.id8 {
font-family: 'Trebuchet Ms';
font-size: 14px;
font-weight: 300;
color: #A5CD38;
}
#overmobile6 {
background: #E6E5E7;
}
#overmobile6 table {
width: 280px;
margin: 0 auto;
}
#overmobile6 td#id3 {
font-family: 'Trebuchet Ms';
font-size: 24px;
font-weight: bold;
text-align: left;
padding-bottom: 20px;
color: #3D3C4C;
}
#overmobile6 td#id1 {
padding-top: 20px;
}
#overmobile6 td#id2 {
width: 65px;
padding-top: 15px;
padding-left: 15px;
}
#overmobile6 td#id4 {
font-family: 'Trebuchet Ms';
font-size: 24px;
font-weight: bold;
color: #6D6D79;
padding-bottom: 20px;
}
#overmobile6 td#id5 {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #3D3C4C;
border-top: solid 2px #A5CD38;
padding-top:10px;
padding-bottom: 20px;
}
span {
font-weight: bold;
}
#overmobile7 {
background: #3D3C4C;
height: 561px;
}
#overmobile7 td.id2 {
font-family: "Trebuchet Ms";
font-size: 24px;
font-weight: 300;
color: #FFF;
margin-left: 70px;
margin-top: 60px;
text-align: left;
padding-left: 14px;
padding-top: 10px;
padding-right: 10px;
}
#overmobile7 td.id1 {
text-align: right;
}
#overmobile7 table {
width: 300px;
margin: 0px auto;
}
#overmobile7 td.id1 img {
padding-left: 10px;
padding-top: 10px;
}
#overmobile7 td.id3 img {
padding-left: 20px;
}
#overmobile7 td.id4 {
font-family: "Trebuchet Ms";
font-size: 18px;
font-weight: 300;
color: #FFF;
margin-left: 80px;
margin-top: 67px;
}
#overmobile7 td.id5 {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #FFF;
padding-left: 25px;
padding-top: 20px;
}
#overmobile7 td.id9 input {
/*padding: 9px 0px;*/
border: 0;
height: 35px;
width : 168px;
}
#overmobile7 table.id555 {
padding-top: 5px;
}
#overmobile7 table.id556 {
padding-top: 20px;
}
#overmobile7 td.id56 {
margin-top: 28px;
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
color: #ffffff;
text-align: justify;
}
#fotermobile1 {
width: 320px;
height: 100px;
}
#footermobile1 td#first img {
width: 12px;
height: 12px;
margin-top: 20px;
}
#footermobile1 span {
font-family: "Open Sans";
font-size: 14px;
font-weight: 300;
margin-left: 10px;
}
#footermobile1 table {
margin: 0 auto
}
#footermobile1 td#last img {
margin-top: 20px;
}
#headercontentmobile td#firstimg img {
}
#overmobile2 td.triangle22 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #ffffff;
position: absolute;
margin-left: 110px;
margin-top: -146px;
}
#overmobile3 td.triangle223 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #3D3C4C;
position: absolute;
margin-left: 110px;
margin-top: -2px;
}
#overmobile3 td#id1 {
padding-top: 40px;
}
#overmobile4 td.triangle224 {
width: 0px;
height: 0px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #E6E5E7;
position: absolute;
margin-left: 115px;
margin-top: -2px;
}
.id8 a {
text-decoration: none;
color: #A5CD38;
}
.id2 a {
text-decoration: none;
color: #E6E5E7;
}
.id4 a {
text-decoration: none;
color: #E6E5E7;
}
.overtextitem #titlemob22 {
font-size: 24px;
}
#title244 {
width: 280px;
margin: 0 auto;
}
#title244 td#sizemob {
font-size: 41px;
font-family: "Trebuchet Ms";
font-weight: 700;
color: #3D3C4C;
padding-bottom: 5px;
}
#title244 #first6524 {
font-size: 50px;
font-family: "Trebuchet Ms";
font-weight: 700;
color: #E6E5E7;
padding-left: 10px;
}
#title244 #title876 {
font-size: 23px;
color: #E6E5E7;
font-family: "Trebuchet Ms";
font-weight: 700;
text-align: left;
}
#buttonsolicita {
width: 140px;
height: 24px;
background: url("../img/GreenTeaB2B-11.svg") center bottom no-repeat;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 60px;
border: 1px solid #3D3C4C; ;
}
#buttonsolicita:hover {
background: url("../img/GreenTeaB2B-11.svg") center top no-repeat;
}
#enterbuton2 {
width: 38px;
height: 37px;
background: url("../img/enterimput.svg") center bottom no-repeat;
background-size: 38px;
float: left;
}
#enterbuton2:hover {
background-position: 0px -38px;
}
#form1 {
float: left;
height: 39px;
}
#adresa1 {
width: 276px;
height: 45px;
margin-top: 11px;
color: rgb(255, 255, 255);
font-family: "Open Sans";
font-size: 14px;
font-weight: 300;
color: #FFFFFF;
}
#overmobile5 table {
width: 300px;
margin: 0px auto;
}
#overmobile5 td.id6 {
font-family: "Trebuchet Ms";
font-size: 30px;
font-weight: 700;
color: #FFF;
padding-left: 10px;
}
#butonmobile1 {
width: 180px;
height: 40px;
background: transparent url("../img/GT-200.svg") no-repeat scroll center top;
margin: 0px auto;
}
#butonmobile1:hover{
background-position: 0px -80px;
}
#butonmobile111 {
width: 180px;
height: 40px;
background: transparent url("../img/GT-90.svg") no-repeat scroll center top;
margin: 0px auto;
}
#butonmobile111:hover{
background-position: 0px -80px;
}
}