html , body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
*{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
font-family: "Genericons";
font-style: normal;
font-weight: normal;
src: url(//www.bay20.com/de/wp-content/themes/bay20/fonts/genericons-regular-webfont.eot?#iefix) format("embedded-opentype"), url(//www.bay20.com/de/wp-content/themes/bay20/fonts/genericons-regular-webfont.woff) format("woff"), url(//www.bay20.com/de/wp-content/themes/bay20/fonts/genericons-regular-webfont.ttf) format("truetype"), url(//www.bay20.com/de/wp-content/themes/bay20/fonts/genericons-regular-webfont.svg#genericonsregular) format("svg");
font-display: swap;
}
@font-face{
font-family:'FontAwesome';
src:url(//www.bay20.com/de/wp-content/themes/bay20/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0);
src:url(//www.bay20.com/de/wp-content/themes/bay20/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(//www.bay20.com/de/wp-content/themes/bay20/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(//www.bay20.com/de/wp-content/themes/bay20/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(//www.bay20.com/de/wp-content/themes/bay20/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(//www.bay20.com/de/wp-content/themes/bay20/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}
:focus { outline: 0;
}
:hover {
outline: 0;
}
body {
font: normal 14px/18px "Open Sans",sans-serif;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
table.table-format, table.table-format td, table.table-format th {
border: 1px solid #eee;
padding: 8px 15px;
}
table.table-format {
border-collapse: collapse;
}
table.table-format th {
font-weight: 700;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
max-width: 100%;
}
img {
max-width: 100%;
height: auto;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block;
} body, input, textarea {
color: #3d3d3d;
} h1, h2, h3, h4, h5, h6 {
clear: both;
margin-bottom: 15px;
color: #3D3D3D;
font-weight: bold;
line-height: normal;
}
h4 {
font-size: 16px;
}
h3 {
font-size: 17px;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
} p {
margin-bottom: 15px;
color: #474747;
font-size: 16px;
line-height: 1.5;
}
ul, ol {
}
ul {
list-style: disc;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
ul.disc,ol.disc {
padding-left: 20px;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.5;
}
dl {
margin: 0 15px;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 15px;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
font-style: italic;
font-weight: normal;
margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background: #f4f4f4;
overflow: auto;
padding: 0.75em 15px;
margin-bottom: 15px;
}
code, kbd {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup, sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
} a {
text-decoration: underline;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
color: #000;
}
a:hover {
text-decoration: none;
color: #C40001;
} input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea {
padding: 4px;
border: none;
width: 85%;
border: 1px solid #b9b9b9;
}
label {
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"] {
height:44px;
line-height: 44px;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
border: 1px solid #989898;
}
input[type="password"] {
}
input[type="submit"] {
border-radius: 4px;
padding: 8px 10px;
color: #fff;
cursor: pointer;
border: 1px solid #6d6d6d;
background: #1e5799;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTY1NjU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDZkNmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1e5799 0%, #565656 0%, #6d6d6d 100%, #6d6d6d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(0%, #565656), color-stop(100%, #6d6d6d), color-stop(100%, #6d6d6d)); background: -webkit-linear-gradient(top, #1e5799 0%, #565656 0%, #6d6d6d 100%, #6d6d6d 100%); background: -o-linear-gradient(top, #1e5799 0%, #565656 0%, #6d6d6d 100%, #6d6d6d 100%); background: -ms-linear-gradient(top, #1e5799 0%, #565656 0%, #6d6d6d 100%, #6d6d6d 100%); background: linear-gradient(to bottom, #1e5799 0%, #565656 0%, #6d6d6d 100%, #6d6d6d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#6d6d6d', GradientType=0 ); }
input, textarea {
font-family: 'Signika', sans-serif;
} #ie7 {
} @media print {
body {
background: none !important;
}
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
position: relative !important;
}
#header {
border-bottom: 2pt solid #000;
padding-bottom: 18pt;
}
#colophon {
border-top: 2pt solid #000;
}
#site-title, #site-description {
float: none;
line-height: 1.4em;
margin: 0;
padding: 0;
}
#site-title {
font-size: 13pt;
}
.entry-content {
font-size: 14pt;
line-height: 1.6em;
}
.entry-title {
font-size: 21pt;
}
#access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area {
display: none !important;
}
#container, #header, #footer {
margin: 0;
width: 100%;
}
#content, .one-column #content {
margin: 24pt 0 0;
width: 100%;
}
.wp-caption p {
font-size: 11pt;
}
#site-info, #site-generator {
float: none;
width: auto;
}
#colophon {
width: auto;
}
img#wpstats {
display: none;
}
#site-generator a {
margin: 0;
padding: 0;
}
#entry-author-info {
border: 1px solid #e7e7e7;
}
#main {
display: inline;
}
.home .sticky {
border: none;
}
} body {} .container {
max-width: 1480px;
margin: auto;
padding: 0 20px;
} .clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .home .wrapper {
width: 100%;
}
.home .wrapper > .container {
width: 100%;
padding: 0;
} .wrapper {
min-height: 500px;
background: #fff;
} .ie7 .wrapper {
}
.wrapper .container {
padding: 0 20px;
margin-bottom: 50px;
}
.home .wrapper .container {
margin-bottom: 0!important;
} #primary {
float: left;
width: 73%;
}
#primary img {
max-width: 100%;
height: auto;
}
#primary img.size-post-thumbnail {
width: 100%;
} #secondary {
float: right;
width: 24.5%;
margin-left: 2%;
padding-top: 20px;
} #masthead {
background: #fff;
padding:0px;
border-bottom: 1px solid #C40001;
z-index: 1111;
top: 0;
width: 100%;
position: relative;
} .logo {
padding: 10px 0;
float:left;
}
.logo a {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/de-logo.png) no-repeat 0 0;
display: block;
float: left;
text-indent: -9999px;
text-align: center;
font-size: 0;
width: 263px;
height:80px;
margin: 0;
} .right-header {
float: right;
margin: 15px 0 0;
} .certified ul {
padding: 0;
margin: 0;
}
.certified ul li {
list-style: none;
margin: 0;
padding: 0;
float: left;
margin: 0 10px;
}
.certified ul li a {
color: #C40001;
display: block;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.certified ul li a:hover {
color:#d82228;
}
.certified ul li.magento-certi a {
height: 52px;
width: 145px;
display: block;
text-align: center;
text-indent: -9999px;
background: url(https://www.bay20.com/wp-content/uploads/2017/02/magento-certified.png) no-repeat;
cursor: text;
} .main-navigation {
display: inline-block;
width: 100%;
padding: 10px 0 0;
}
.main-navigation .wpmm_brand_logo_wrap{
display: none;
}
.main-navigation div {
clear: both;
}
.main-navigation div ul {
margin: 0;
}
.main-navigation div ul li {
list-style: none;
}
.main-navigation div ul li a {
text-decoration: none;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.main-navigation div > ul > li {
float: left;
margin: 0;
position: relative;
}
.main-navigation div > ul > li.drop-down {
}
.main-navigation div > ul > li > a {
font-size: 20px;
color: #1d1d1b;
display: block;
padding: 9px 12px;
}
.main-navigation div > ul > li:hover {
background: #fff;
color: #d82228;
cursor: pointer
}
.main-navigation div > ul > li:hover > a {
color: #d82228;
} .main-navigation div > ul > li:hover ul {
display: block;
visibility: visible;
}
.main-navigation div ul ul {
background: none repeat scroll 0 0 #fff;
padding: 5px 0;
position: absolute;
top: 34px;
width: 248px;
display: none;
visibility: hidden;
z-index: 1111111;
left: 0;
box-shadow: 0 4px 5px #ccc;
-webkit-box-shadow: 0 4px 5px #ccc;
-moz-box-shadow: 0 4px 5px #ccc;
}
.main-navigation div ul ul ul {
right: 0;
position: absolute;
left: 100%;
top: 0;
}
.main-navigation div ul ul.sub-menu li:nth-child(4) {
position: relative;
}
.main-navigation div ul ul.sub-menu ul {
display: none;
}
.main-navigation div ul ul.sub-menu li:nth-child(4):hover ul {
display: block;
}
.main-navigation div ul ul li {
padding: 8px 0 8px 5px;
border-bottom: 1px solid #f2f2f2;
margin: 0 10px;
position: relative;
}
.main-navigation div ul ul li:last-child {
border: none;
}
.main-navigation div ul ul li a {
font-size: 14px;
color: #2d2e2f;
display: block
}
.main-navigation div ul ul li a:hover {
color: #d82228;
}
.main-navigation div ul ul.sub-menu li:hover ul {
display: block;
position: absolute;
}
.main-navigation div ul ul.sub-menu li.menu-item-has-children:before {
content: ' \00BB';
position: absolute;
right: 0;
z-index: 9;
top: 10px;
color: #333;
} .feature-content {
background: #f8f8f8;
padding: 50px 0;
border-bottom: 1px solid #e7e7e7
}
.feature-content h1 {
font-size: 28px;
line-height: 42px;
color: #000;
margin-bottom: 30px;
font-weight: normal;
text-align: center;
}
.feature-content ul {
}
.feature-content ul li {
float: left;
list-style: none;
padding: 0;
text-align: center;
padding-bottom: 62px;
position: relative;
}
.feature-content ul li span {
display: block;
list-style: none;
width:82px;
height: 82px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite2.png) no-repeat 0 0;
padding:0;
text-align: center;
margin: auto;
}
.feature-content ul li p {
margin: 0;
}
.feature-content ul li span.design-d {
}
.feature-content ul li span.e-commerce {
text-align: left;
background-position: -181px 0;
}
.feature-content ul li.e-commerce a {
margin: 0 0 0 35px;
}
.feature-content ul li span.digital {
background-position: -362px 0;
}
.feature-content ul li span.support-main {
background-position: -543px 0;
}
.feature-content ul li a {
color: #000;
display: block;
font-size: 20px;
font-weight: bold;
line-height: 24px;
min-height: 55px;
text-decoration: none;
margin: 20px 0 0 0;
}
.feature-content ul li a:hover {
color: #c3191f;
}
.feature-content ul li a.btn {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: -moz-linear-gradient(center top, #f9f9f9 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(center top, #f9f9f9 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #d9d9d9 #d9d9d9 #d0d0d0;
border-image: none;
border-style: solid;
border-width: 1px;
color: #454545;
display: inline-block;
font-size: 16px;
font-weight: 400;
line-height: 40px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
min-height: 42px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: fit-content;
margin: 0 auto;
}
.feature-content ul li a.btn:hover {
background: -moz-linear-gradient(center top, #e62229 0%, #c70a11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(center top, #e62229 0%, #c70a11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color:#fff;
background-color:#e62229
} img.captcha{
margin: 10px 0 0 10px;
float: right;
} .projectPortfolio {
clear: both;
width:100%;
padding:15px 0;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/arrow.png) no-repeat 50% 9% #fff;
overflow: hidden
}
.projectPortfolio h2, .projectPortfolio h1{
font-size: 40px;
line-height: 42px;
color: #000;
padding-bottom: 75px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.projectPortfolio li h2{
padding-bottom: 0;
margin-bottom: 0;
}
.projectPortfolio li h2 a{
display: inline-block;
}
.projectPortfolio ul {
list-style: none;
}
.projectPortfolio li {
position: relative;
float: left;
text-align: center;
overflow: hidden;
padding: 0;
}
.projectPortfolio li a {
display:block;
color: #000;
text-decoration: none;
text-align: center;
line-height: 0;
}
.projectPortfolio li a img {
text-align: center
}
.projectPortfolio li p {
margin: 0;
}
.projectPortfolio li p a img {
text-align: center;
}
.projectPortfolio li.mrgNone {
margin-left: 0;
}
.projectPortfolio li .inner {
border:1px solid #e8e8e8;
margin-bottom: 15px;
position: relative;
}
.projectPortfolio li h2 {
font-size: 17px;
font-weight: 600;
line-height: 1.5;
}
.projectPortfolio li:hover h2 {
color:#d82228
}
.projectPortfolio li .over {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/magnifi.png) no-repeat scroll 50% 50% rgba(0, 0, 0, 0.8);
cursor: pointer;
display: none;
height: 100%;
position: absolute;
text-indent: -9999px;
width: 100%;
z-index: 0;
overflow: hidden;
}
.projectPortfolio li:hover .over, .projectPortfolio li:hover .over a {
display: block;
z-index: 2;
} .core-tech {
padding: 20px 0;
display: none
}
.core-tech ul {
margin: 0;
}
.core-tech ul li {
position: relative;
float: left;
list-style: none;
margin: 0 3%;
}
.athover img {
position:absolute;
top:0;
left:0;
opacity:0;
}
.core-tech ul li img {
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.core-tech ul li > img {
display: block;
opacity:1;
}
.core-tech ul li:hover > img {
opacity:0;
}
.core-tech ul li:hover > .athover img {
opacity:1;
} #colophon {
background: #434358;
padding: 30px 0 50px;
color: #f4f4f2;
}
#colophon .container > div {
float: left;
margin: 0 0 0 28px;
}
#colophon .container > div:first-child {
margin-left: 0;
}
#colophon .container .our-work {
width: 215px;
}
#colophon .container .our-work #nav_menu-4 {
min-height:137px;
}
#colophon .container .who-we {
width: 460px;
}
#colophon .container .social-link {
width: 248px;
}
#colophon .container > div > aside:last-child {
padding-top: 32px;
border-top: 1px solid #dcdcfc;
}
#colophon .container div h3 {
font-size: 14px;
margin: 0 0 20px 0;
color: #dbdbfc;
text-transform: uppercase;
padding: 0 0 0 33px;
line-height: 24px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite.png) no-repeat 0 -366px;
} #colophon .container .who-we h3 {
background-position: -242px -367px;
}
#colophon .container .who-we aside:last-child h3 {
background-position: -242px -642px;
}
#colophon .container .who-we aside {
overflow: hidden;
clear: both;
}
#colophon .container .who-we ul li {
float: left;
width: 50%;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite.png) no-repeat scroll -300px -683px;
} .ie7 #colophon .container .who-we ul li {
width: 49%;
}
#colophon .container a {
color: #dbdbfc;
text-decoration: none;
}
#colophon .container a:hover {
color: #fff;
} #colophon .container .social-link h3 {
background-position: -731px -365px;
}
#colophon .container .social-link aside:last-child h3 {
background-position: -731px -505px;
padding-left: 46px;
}
.menu-social-link-container {
overflow: hidden;
margin: 0 0 25px 43px !important;
}
.menu-social-link-container li {
float: left;
margin-right: 30px;
}
.menu-social-link-container li:last-child {
margin-right: 0;
}
.menu-social-link-container li a {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite.png) no-repeat -778px -413px;
width: 33px;
height: 33px;
display: block;
text-indent: -9999px;
}
.menu-social-link-container li.fb a {
}
.menu-social-link-container li.tw a {
background-position: -840px -413px;
}
.menu-social-link-container li.ld a {
background-position: -900px -413px;
} .flogo {
margin-top: 78px;
padding-top: 30px;
border-top: 1px solid #dcdcfc;
}
#colophon .container div p {
color: #dbdbfc;
font-size: 15px;
font-family: 'typoslabserif-lightregular';
line-height: 20px;
}
#colophon .container div a {
}
#colophon .container aside > div {
margin-left: 33px;
}
#colophon .container aside ul {
margin: 0;
}
#colophon .container aside ul li {
list-style: none;
}
#colophon .container div ul li a {
text-transform: capitalize;
line-height: 24px;
font-size: 13px;
} .getintouch {
}
#colophon .container .getintouch p {
font-size: 19px;
}
.getintouch p.mail a {
}
.getintouch p.mail {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite.png) repeat scroll -777px -575px;
padding-left: 30px;
}
.getintouch p.web {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite.png) repeat scroll -777px -607px;
padding-left: 30px;
} div.wpcf7 {
}
div.row {
overflow: hidden;
margin-bottom: 15px;
}
div.row label {
float: left;
width: 180px;
text-align: right;
margin-right: 30px;
line-height: 32px;
font-size: 16px;
}
div.submit {
margin-top: 20px;
}
div.submit input[type="submit"] {
margin-left: 425px;
border: 1px solid #c10c13;
background: #1e5799;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWMxYzI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MxMGMxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #1e5799 0%, #ec1c24 0%, #c10c13 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(0%, #ec1c24), color-stop(100%, #c10c13)); background: -webkit-linear-gradient(top, #1e5799 0%, #ec1c24 0%, #c10c13 100%); background: -o-linear-gradient(top, #1e5799 0%, #ec1c24 0%, #c10c13 100%); background: -ms-linear-gradient(top, #1e5799 0%, #ec1c24 0%, #c10c13 100%); background: linear-gradient(to bottom, #1e5799 0%, #ec1c24 0%, #c10c13 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#c10c13', GradientType=0 ); } .hire-certi {
text-align: center;
margin-bottom: 29px;
}
.mag-title {
background: rgb(237, 91, 48);
text-align: left;
padding: 15px;
z-index: 11;
position: relative;
}
.mag-title h2 {
color: #fff;
font-size: 20px;
line-height: normal;
margin: 0;
font-weight: normal;
text-shadow: 0px 1px 1px #761901;
filter: dropshadow(color=#761901, offx=0, offy=1);
}
.mag-title span.arrow {
}
.main-cert {
background: #dcdcfc;
padding: 27px 0 20px 0;
border-bottom: 1px solid #fff;
margin: -14px 0 0 0;
}
.main-cert p {
}
.main-cert p:last-child {
margin: 0;
}
.cert-submit {
background: #525252;
padding: 12px 0;
text-align: center;
}
.hire-certi input[type="text"], .hire-certi input[type="email"], .hire-certi input[type="tel"], .hire-certi textarea {
padding: 0 14px;
width: 218px;
border-radius: 0;
-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
line-height: 39px;
height: 39px;
font-size: 16px;
color: #707070;
}
.hire-certi textarea {
height: 116px;
}
.cert-submit input[type="submit"] {
border-radius: 0;
border: 1px solid #ce3403;
background: #ee5e30;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWUzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzUzMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5e30), color-stop(100%, #ec5330), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: -o-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: -ms-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: linear-gradient(to bottom, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5e30', endColorstr='#7db9e8', GradientType=0 ); -webkit-box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.28);
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.28);
font-size: 20px;
padding: 8px 25px;
text-shadow: 0px 1px 1px #000;
filter: dropshadow(color=#000, offx=0, offy=1);
} .ie8 .cert-submit input[type="submit"], .ie7 .cert-submit input[type="submit"] {
background: #ee5e30;
} .nimble-portfolio-title {
display: none !important;
} .entry-header {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/home-bg1.jpg) no-repeat center 0 / cover ;
overflow: hidden;
width: 100%;
margin-bottom: 25px;
}
.entry-title {
padding: 20px 20px 30px;
text-align: center;
max-width: 1480px;
margin: 0 auto;
}
.entry-title > h4 {
background: none;
padding-top: 0;
color: #fff;
}
.entry-header h1 {
color: #fff;
font-size: 40px;
font-weight: bold;
margin-bottom: 0;
}
.container .entry-title {
padding-left: 0;
padding-right: 0;
}
body.blog .entry-header , body.archive .entry-header{
background: none !important;
height: auto;
padding: 0;
box-shadow: none !important;
margin-bottom: 10px;
}
body.blog .entry-content {
width: auto;
margin: 0 auto;
} .blog .wrapper .container, .single-post .wrapper .container , body.archive .wrapper .container{
margin-top: 20px;
}
.blog footer.entry-meta {
display: block;
display: block;
padding-bottom: 15px;
}
body.single-post article.post {
margin-bottom: 20px;
border-bottom: 10px solid #C40001;
padding-bottom: 40px;
}
body.blog article.post , body.archive article.post{
margin-bottom: 20px;
border-bottom: 2px solid #c0c0c0;
padding-bottom: 10px;
}
body.single-post article.post ul li{
list-style: inside;
}
article.post:last-child {
border: none;
}
.read-more {
text-align: left;
}
.read-more a {
color: #fff;
font-weight: bold;
display: inline-block;
padding: 8px 12px;
border-radius: 2px;
text-decoration: none;
text-transform: uppercase;
background: #C40001;
border-bottom: 4px solid #920c14;
}
.read-more a:hover{
background: #de4500;
} article.post .entry-title h1 {
font-size: 32px;
margin: 0;
text-transform: capitalize;
font-family: 'Noto Serif';
line-height: 1.3;
}
article.post .entry-title h1 a {
color: #C40001;
text-decoration: none;
}
article.post .entry-title h1 a:hover{
color: #404041;
} article.post p {
font-size: 16px;
margin-bottom: 15px;
font-family: 'Noto Serif';
line-height: 1.7;
}
article.post p:empty {
line-height: 0;
margin: 0;
padding: 0;
}
article.post q {
} h2.comments-title{
font-size: 25px;
}
h3.comment-reply-title{
font-size: 30px;
}
#commentform {
clear: both;
width: 100%;
margin: 10px 0;
}
#commentform label {
line-height: 25px;
display: block;
}
.comment-form input{
display: block;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="password"], .comment-form input[type="tel"], .comment-form textarea{
width: 80%;
}
.comment-form .form-submit input{
border-radius: 0;
border: 1px solid #ce3403;
background: #ee5e30;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWUzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzUzMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5e30), color-stop(100%, #ec5330), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: -o-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: -ms-linear-gradient(top, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); background: linear-gradient(to bottom, #ee5e30 0%, #ec5330 100%, #7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5e30', endColorstr='#7db9e8', GradientType=0 ); -webkit-box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.28);
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.28);
font-size: 20px;
padding: 8px 25px;
text-shadow: 0px 1px 1px #000;
filter: dropshadow(color=#000, offx=0, offy=1);
}
.comments-area {
margin-top: 15px;
padding: 10px 0;
}
.commentlist{
margin-bottom: 30px;
}
.commentlist li{
list-style: none;
margin-bottom: 25px;
}
#comments li.comment p:last-of-type{
margin-bottom: 0;
}
.comment-author.vcard{
overflow: hidden;
clear: both;
margin-bottom: 10px;
}
#comments li.comment article .comment-meta .avatar{
float: left;
border-radius: 5px;
margin-right: 10px;
}
.fn{
font-size: 16px;
font-style: normal;
}
.fn a{
text-decoration: none;
font-weight: bold;
color: #C40001;
text-transform: capitalize;
}
.fn a:hover{
color: #000;
}
.fn span{
text-transform: lowercase;
}
.datatime{
margin-top: 5px;
}
.datatime a{
text-decoration: none;
color: silver;
}
.comment-content{
margin-left: 55px;
}
.reply{
margin-left: 55px;
}
.reply a{
text-decoration: none;
color: #C40001;
}
.reply a:hover{
color: #000;
}
article.post .entry-content{
}
article.post .entry-content ol{
margin-left: 30px;
}
.single-post .entry-content li{
margin-bottom: 15px;
line-height: 1.6;
}
.single-post .entry-content img{
margin-top: 10px;
}
.entry-meta{
}
.entry-meta > *{
display: inline-block;
}
.entry-meta a{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/meta-entro-icon.jpg) no-repeat 0 0;
padding: 0 0 0 20px;
text-decoration: none;
color: #C40001;
margin-right: 20px;
}
.entry-meta a:hover{
color: #404041;
}
.entry-meta .dateTime{
color: #404041;
background-position: 0 2px;
font-family: 'Noto Serif';
}
.entry-meta .by-author .author{
background-position: 0 -22px;
font-family: 'Noto Serif';
}
.entry-meta .tag-category{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/meta-entro-icon.jpg) no-repeat 0 -53px;
padding-left: 20px;
margin-right: 20px;
font-family: 'Noto Serif';
}
.entry-meta a[rel="category tag"]{
background: none;
padding: 0;
margin: 0;
}
.entry-meta a[rel="category tag"] .entry-meta .comments-link a{
background-position: 0 -76px;
}
article.post .comments-link a{
background-position: 0 -76px;
}
.navigation{
text-align: center;
}
.navigation span.current{
color: #C40001;
padding: 6px 10px;
font-weight: bold;
}
.navigation a.page-numbers{
text-decoration: none;
padding: 6px 10px;
}
.navigation a.prev , .navigation a.next{
border: 1px solid #ccc;
border-radius: 5px;
padding: 6px 12px;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
} footer.entry-meta , #nav-above {
display: none;
} .topmenu-sec {
background: #1d1d1b;
display: block;
padding: 4px 0;
border-bottom: 1px solid #fff;
} .contact-navigation{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.skype {
float: left;
display: block;
margin: 0 auto;
text-align: center;
color: #000;
}
.ContactformContainer .skype {
float: none;
text-align: left;
}
.skype ul{
margin: 0;
padding: 0;
}
.skype ul li{
list-style: none;
height: auto;
margin: 0 55px;
display: inline-block;
}
.skype ul li span{
display: block;
height: 32px;
padding-left: 25px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/whatsapp.png) no-repeat 0 center;
line-height: 30px;
color: #000;
font-weight: 600;
}
.skype ul li.toll span{
}
.skype ul li.phone span{
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/whatsapp.png);
}
.skype ul li.uk span{
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/flag-icon-uk.png);
}
.skype a {
line-height: normal;
text-decoration: none;
font-size: 17px;
color:#fff;
text-transform: uppercase;
display: block;
}
.skype a:hover {
color: #d82228;
}
.certified {
float: left;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.wpcf7-form .submitBtn input[type="submit"] {
padding: 8px 30px;
} .lan-section {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
position: relative;
}
.de-site, .en-site {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin: 10px 0 0;
}
.de-site > .de-lan, .en-site > .en-lan {
align-items: center;
display: flex;
text-decoration: none;
font-size: 18px;
font-weight: 600;
cursor: pointer;
padding-bottom: 5px;
}
.de-site > .de-lan img, .en-site > .en-lan img {
max-width: 25px;
margin-right: 10px;
}
.lan-dropdown {
display: none;
background: #fff;
padding: 15px 20px;
position: absolute;
top: 100%;
z-index: 9;
border: 1px solid #ccc;
right: 0;
}
.lan-dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
.lan-dropdown ul li {
vertical-align: middle;
width: 100%;
}
.lan-dropdown ul li:not(:last-child) {
margin: 0 0 15px;
}
.lan-dropdown ul li a {
vertical-align: middle;
display: flex;
flex-wrap: wrap;
align-items: center;
text-decoration: none;
font-size: 18px;
font-weight: 400;
}
.lan-dropdown ul li img {
margin-right: 10px;
max-width: 25px;
}
.de-site:hover .lan-dropdown , .en-site:hover .lan-dropdown  {
display: block;
}
.social-link1{
display: flex;
}
.social-link1 a{
display: inline-flex;
margin-right: 10px;
border-radius: 100%;
width: 35px;
height: 35px;
background: #AC1E22;
align-items: center;
justify-content: center;
}
.social-link1 a:last-child{
margin-right: 0;
}
.social-link1 a:hover{
opacity: 0.8;
}
.social-link1 ul {
list-style: none;
margin: 0;
padding: 0;
}
.social-link1 ul li {
display: inline-block;
}
.social-link1 ul li a {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: center;
display: block;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
@media screen and (min-width: 701px) {
.lan-section {
justify-content: end;
width: 100%;
}
.de-site, .en-site {
justify-content: end;
margin: 11px 0 0;
}
.de-site > .de-lan img, .en-site > .en-lan img{
max-width: 35px;
margin-right: 10px;
}
.social-link1 {
flex-wrap: wrap;
justify-content: end;
width: 100%;
}
}
@media screen and (max-width: 700px) {
.lan-dropdown {
left: 0;
width: max-content;
margin: 0 auto;
}
}
.list a {
display:block;
text-decoration:none;
padding:0 15px;
color:#474747;
padding:10px;
}
.list > li {
background: none repeat scroll 0 0 #dcdcfc;
display: block;
list-style: none outside none;
margin-top: 10px;
width: 287px;
border:1px solid #D1D1FC;
}
.list li:hover {
opacity:0.7;
}
.home .projectService {
margin-top: 35px;
}
.home .projectServiceDescription {
padding: 20px 0 5px;
}
.projectService {
background: #fafafa;
padding: 45px 0;
}
.projectServiceDescription {
padding: 34px 0 40px;
}
.projectService .container > h2, .HomeAboutContainer .container > h2 {
font-size: 40px;
color:#000;
font-weight: bold;
padding: 0;
margin: 0;
text-align: center;
text-transform: uppercase;
}
.projectService p {
text-align: center;
margin: 0;
line-height: 30px;
font-size: 16px;
}
.projectServiceDescription > p {
text-transform: uppercase;
}
.projectServiceContentContainer {
clear: both;
overflow: hidden;
width:100%;
}
.projectServiceContentLeft {
width: 45%;
float: left;
}
.projectServiceContentLeft h2 {
font-size: 22px;
line-height: 30px;
color: #000;
font-weight: bold;
margin: 0;
padding: 0 0 25px 0;
}
.projectServiceContentLeft p {
font-size: 16px;
line-height: 28px;
color: #454545;
text-align: left;
}
.projectServiceContentRight {
width: 45%;
float: right;
}
.projectServiceContentRight ul {
margin: 0;
padding: 0;
list-style: none;
}
.projectServiceContentRight ul li {
min-height: 35px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/service-sprite-img.png) no-repeat;
padding: 0 0 0 45px;
margin: 15px 0 0 0;
}
.projectServiceContentRight ul li:first-child {
margin: 0;
}
.projectServiceContentRight ul li a {
font-size: 15px;
color: #454545;
text-decoration: none;
display: inline-block;
margin-top: 5px;
}
.projectServiceContentRight ul li a:hover {
color: #d82228;
}
.projectServiceContentRight ul li.liOne {
background-position: 0 0;
}
.projectServiceContentRight ul li.liTwo {
background-position: 0 -46px;
}
.projectServiceContentRight ul li.liThree {
background-position: 0 -94px;
}
.projectServiceContentRight ul li.liFour {
background-position: 0 -140px;
}
.projectServiceContentRight ul li.liFive {
background-position: 0 -191px;
padding: 0 0 0 70px;
}
.projectServiceContentRight ul li.lisix {
background-position: 0 -239px;
}
.HomeAboutContainer {
padding: 45px 0 45px 0;
}
.HomeAboutContainer .container > h2 {
padding: 0 0 26px 0;
}
.HomeAboutContainer p {
text-align: center;
font-size: 16px;
line-height: 30px;
color: #454545;
margin-bottom: 0;
}
.HomeAboutDescription p:first-child {
text-transform: uppercase;
margin-bottom: 28px;
}
.HomeAboutContainer ul, .AboutSecondUl ul {
list-style: none;
padding: 25px 0 0 0;
overflow: hidden;
}
.HomeAboutContainer ul li {
float: left;
}
.HomeAboutContainer h3, .SupportAndMaintaince h3 {
text-align: center;
font-size: 18px;
color: #000;
line-height: 30px;
}
.HomeAboutContainer ul li p {
font-size: 16px;
}
.AboutSecondUl {
width: 100%;
margin: 0 auto;
}
.AboutSecondUl ul {
padding-bottom: 0;
}
.testimonial_row{
width:100%;
clear:both;
background:#eaeaea;
padding: 50px 0;
}
.testimonial_row .container{
margin-top: 0px;
}
.testimonial_row .container h2{
font-size: 22px;
text-transform: uppercase;
text-align: center;
line-height:26px;
margin-bottom: 1.5rem;
color: #000;
}
.testimonial_row ul{
list-style:none
}
.testimonial_row li{
display:inline-block;
padding: 10px;
background:#fff;
box-shadow:0 0 4px rgba(0,0,0,0.3);
}
.testimonial_row li .video{
position:relative;
overflow: auto;
-webkit-overflow-scrolling:touch;
padding-bottom: 65.25%;
}
.testimonial_row li iframe{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.SocialLinksLeftContainer {
width: 30%;
float: left;
padding-top: 5px;
}
.SocialLinksRightContainer {
float: none;
width: 100%;
text-align: center;
margin: auto;
}
.SocialLinks {
width: 100%;
background: transparent;
overflow: hidden;
clear: both;
}
.SocialLinks h4 {
font-size: 20px;
line-height: 70px;
color: #000;
text-transform: uppercase;
float: left;
margin: 0;
}
.SocialLinksLeftContainer ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: 0;
float: left;
}
.SocialLinks > .container {
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
clear: both;
margin: 0 auto !important;
}
.SocialLinksLeftContainer ul li {
float: left;
}
.SocialLinksLeftContainer ul li a {
display: block;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/social-links-img.png) no-repeat;
width: 70px;
height: 70px;
text-indent: -9999px;
}
.SocialLinksLeftContainer ul li a.fb {
background-position: 0 -10px;
}
.SocialLinksLeftContainer ul li a.in {
background-position: -70px -10px;
}
.SocialLinksLeftContainer ul li a.tw {
background-position: -140px -10px;
}
.SocialLinksLeftContainer ul li a.gplus {
background-position: -210px -10px;
}
.SocialLinksLeftContainer ul li a.yt {
background-position: -280px -10px;
}
.SocialLinksRightContainer + p {
display: none;
}
.SocialLinksLeftContainer ul li a:hover {
opacity: 0.6
}
.SocialLinksRightContainer .BigImg {
float: none;
margin: auto;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.SocialLinksRightContainer .BigImg a {
display: inline-block;
line-height: 0;
vertical-align: middle;
margin: 0;
}
.SocialLinksRightContainer > h4 {
margin-left: 24px;
padding-top: 5px;
}
.OfficePhoneEmailContainer {
overflow: hidden;
clear: both;
width: 100%;
background: #e0e0e0;
}
.OfficePhoneEmailContainer > .container {
padding-top: 38px;
padding-bottom: 38px;
overflow: hidden;
margin: 0 auto !important;
}
.OfficePhoneEmailContainer ul {
margin: 0;
padding: 0;
list-style: none;
}
.OfficePhoneEmail ul li {
line-height: 24px;
}
.OfficePhoneEmailContainer .OfficePhoneEmail {
float: left;
width: 20%;
padding-right: 15px;
box-sizing: border-box;
}
.OfficePhoneEmailContainer .OfficePhoneEmailContainerMiddle {
width: 30%;
}
.OfficePhoneEmailContainer .officemenu-certificate {
padding-right: 0;
width: 30%;
}
.OfficePhoneEmailContainer .officemenu-certificate li{
display: inline-block;
float: left;
width: 46%;
padding: 0;
margin-left: 15px;
box-sizing: border-box;
}
.OfficePhoneEmailContainer .officemenu-certificate li:first-child{
margin-left: 0;
}
.OfficePhoneEmailContainer .officemenu-certificate li img{
max-width: 100%;
}
.OfficePhoneEmailContainerLeft {
width: 417px;
}
.OfficePhoneEmailContainerMiddle {
width: 345px;
}
.OfficePhoneEmail h3, .OfficePhoneEmail h5 {
font-size: 20px;
color: #000;
line-height: 24px;
text-transform: uppercase;
margin: 0;
padding: 0 0 10px 0;
}
.OfficePhoneEmail ul li a {
color: #000;
text-decoration: none;
font-size: 16px;
}
.OfficePhoneEmail ul li a:hover {
color: #C40001;
}
.FooterLower {
background: #000;
clear: both;
}
.FooterLower > .container {
padding-top: 10px;
padding-bottom: 10px;
margin: 0 auto !important;
}
.FooterLower > .container p {
font-size: 14px;
color: #fafafa;
line-height: 24px;
margin: 0;
text-transform: uppercase;
}
.FooterLower a {
color: #C40001;
text-decoration: none;
}
.OfficePhoneEmailContainer .OfficePhoneEmail span#siteseal {
padding-top: 10px;
display: block;
}
.FooterLower a:hover {
text-decoration: underline;
}
.post-form-control-section {
display: inline-block;
width: 100%;
margin-bottom: 50px;
}
.post-form-control-section .container > div {
max-width: 73%;
}
.post-form-control-section h3 {
color: #C40001;
font-weight: 700;
font-size: 32px;
line-height: 1.3;
margin-bottom: 20px;
text-transform: uppercase;
max-width: 50%;
margin: 0 auto 20px;
}
.post-form-control-section .letstalk-form-sec {
max-width: 50%;
margin: 0 auto;
}
.post-form-control-section .form-group {
margin-bottom: 15px;
}
.post-form-control-section input[type="text"], .post-form-control-section input[type="email"], .post-form-control-section input[type="password"], .post-form-control-section input[type="tel"], .post-form-control-section textarea {
padding: 4px 10px;
width: 100%;
}
.post-form-control-section input[type="submit"] {
background: #C40001;
border-color: #C40001;
font-size: 18px;
padding: 20px 30px;
text-transform: uppercase;
}
.post-form-control-section input[type="submit"]:hover {
background: linear-gradient(to bottom, #1e5799 0%, #565656 0%, #6d6d6d 100%, #6d6d6d 100%);
border-color: #6d6d6d;
} .col-lg-8 {
width: 66.666%;
float: left;
}
.col-lg-4 {
width: 340px;
float: right;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default {
border-color: #ddd;
overflow: hidden;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-body {
padding: 15px;
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
font-size: 14px;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
} .SupportAndMaintaince ul, .mcDesign ul, .ecoStore ul, .magentoDeve ul, .joomlaDD ul, .drupalDD ul, .androidDeve ul, .wordDD ul, .shopify ul, .htmlCss ul, .seoCon ul {
list-style: none;
padding: 20px 0 0 0;
width: auto;
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.SupportAndMaintaince ul li, .mcDesign ul li, .ecoStore ul li, .magentoDeve ul li, .androidDeve ul li,.joomlaDD ul li,.drupalDD ul li, .wordDD ul li, .shopify ul li, .htmlCss ul li, .seoCon ul li {
float: left;
list-style: none;
width: calc((100% - 90px) / 3);
padding: 0;
text-align: center;
margin: 0 15px 30px;
font-size: 15px;
line-height: 22px;
}
.SupportAndMaintaince ul li p:last-child, .mcDesign ul li p:last-child, .ecoStore ul li p:last-child, .magentoDeve ul li p:last-child, .androidDeve ul li p:last-child,.joomlaDD ul li p:last-child,.drupalDD ul li p:last-child, .wordDD ul li p:last-child, .shopify ul li p:last-child, .htmlCss ul li p:last-child, .seoCon ul li p:last-child{
margin-bottom: 0;
}
.SupportAndMaintaince ul li span.SupportAndMaintainceImg {
display: block;
list-style: none;
width: 82px;
height: 64px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/SupportAndMaintaince-sprite.png) no-repeat 0 0;
padding: 0;
text-align: center;
margin: auto;
}
.SupportAndMaintaince ul li span.SupportAndMaintainceImg.MagentoDesignChanges {
background-position: -388px 0;
}
.SupportAndMaintaince ul li span.SupportAndMaintainceImg.MagentoAdminSupport {
background-position: -787px 0;
}
.SupportAndMaintaince ul li span.SupportAndMaintainceImg.MagentoExtensionInstallationandConfiguration {
background-position: -1189px 0;
}
.SupportAndMaintaince ul li span.SupportAndMaintainceImg.ShippingConfiguration {
background-position: -1578px 0;
}
.SupportAndMaintaince ul li span.SupportAndMaintainceImg.PaymentGatewayIntegration {
background-position: -1935px 0;
}
.SupportAndMaintaince ul li > br {
display: none;
} .bigHeading {
font-size: 30px;
font-weight: normal;
margin-top: 25px;
display: block;
line-height: 36px;
}
.SupportAndMaintaince ul li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.SupportAndMaintaince ul li i.icons1 {
background-position: 0 0;
width: 58px;
height: 40px;
text-align:center
}
.SupportAndMaintaince ul li i.icons2 {
background-position: 0 -100px;
width: 59px;
height: 41px;
text-align:center
}
.SupportAndMaintaince ul li i.icons3 {
background-position: 0 -200px;
width: 76px;
height: 43px;
text-align:center
}
.SupportAndMaintaince ul li i.icons4 {
background-position: 0 -301px;
width: 64px;
height: 41px;
text-align:center
}
.SupportAndMaintaince ul li i.icons5 {
background-position: 0 -402px;
width: 64px;
height: 40px;
text-align:center
}
.SupportAndMaintaince ul li i.icons6 {
background-position: 0 -402px;
width: 64px;
height: 40px;
text-align:center
} .mcDesign li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.mcDesign li i.icon1 {
background-position: 0 -494px;
width: 58px;
height: 32px;
text-align:center
}
.mcDesign li i.icon2 {
background-position: 0 -577px;
width: 60px;
height: 32px;
text-align:center
}
.mcDesign li i.icon3 {
background-position: 0 -661px;
width: 56px;
height: 32px;
text-align:center
}
.mcDesign li i.icon4 {
background-position: 0 -744px;
width: 60px;
height: 32px;
text-align:center
} .ecoStore li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.ecoStore li i.icon1 {
background-position: 0 -1193px;
width: 44px;
height: 40px;
text-align:center
}
.ecoStore li i.icon2 {
background-position: 0 -1277px;
width: 34px;
height: 33px;
text-align:center
}
.ecoStore li i.icon3 {
background-position: 0 -1354px;
width: 28px;
height: 32px;
text-align:center
}
.ecoStore li i.icon4 {
background-position: 0 -1428px;
width: 49px;
height: 38px;
text-align:center
}
.ecoStore li i.icon5 {
background-position: 0 -1499px;
width:48px;
height: 38px;
text-align:center
} .magentoDeve li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.magentoDeve li i.icons1 {
background-position: 0 -494px;
width: 58px;
height: 32px;
text-align:center;
}
.magentoDeve li i.icons2 {
background-position: 0 -577px;
width: 60px;
height: 32px;
text-align:center
}
.magentoDeve li i.icons3 {
background-position: 0 -661px;
width: 56px;
height: 32px;
text-align:center
}
.magentoDeve li i.icons4 {
background-position: 0 -823px;
width: 65px;
height: 40px;
text-align:center
}
.magentoDeve li i.icons5 {
background-position: 0 -919px;
width: 71px;
height: 37px;
text-align:center
}
.magentoDeve li i.icons6 {
background-position: 0 -1012px;
width: 56px;
height: 43px;
text-align:center
}
.magentoDeve li i.icons7 {
background-position: 0 -1109px;
width: 65px;
height: 40px;
text-align:center
} .magentoDeve li i.migIcons1 {
background-position: 0 -2921px;
width: 72px;
height: 45px;
text-align:center
}
.magentoDeve li i.migIcons2 {
background-position: 0 -2985px;
width: 74px;
height: 45px;
text-align:center
}
.magentoDeve li i.migIcons3 {
background-position: 0 -3049px;
width: 76px;
height: 44px;
text-align:center
}
.magentoDeve li i.migIcons4 {
background-position: 0 -3109px;
width: 74px;
height: 44px;
text-align:center
}
.magentoDeve li i.migIcons5 {
background-position: 0 -3172px;
width: 76px;
height: 44px;
text-align:center
}
.magentoDeve li i.migIcons6 {
background-position: 0 -3237px;
width: 83px;
height: 44px;
text-align:center
}
.magentoDeve li i.migIcons7 {
background-position: 0 -3301px;
width: 77px;
height: 44px;
text-align:center
}
.magentoDeve li i.migIcons8 {
background-position: 0 -3363px;
width: 78px;
height: 45px;
text-align:center
}
.magentoDeve li i.migIcons9 {
background-position: 0 -3426px;
width: 78px;
height: 45px;
text-align:center
}
.magentoDeve li i.migIcons10 {
background-position: 0 -3498px;
width: 74px;
height: 33px;
text-align:center
}
.magentoDeve li i.migIcons11 {
background-position: 0 -3548px;
width: 66px;
height: 32px;
text-align:center
}
.magentoDeve li i.migIcons12 {
background-position: 0 -3599px;
width: 57px;
height: 38px;
text-align:center
}
.magentoDeve li i.migIcons13 {
background-position: 0 -3661px;
width: 53px;
height: 38px;
text-align:center
}
.magentoDeve li i.migIcons14 {
background-position: 0 -3720px;
width: 68px;
height: 33px;
text-align:center
}
.magentoDeve li i.migIcons15 {
background-position: 0 -3778px;
width: 48px;
height: 35px;
text-align:center
}
.magentoDeve li i.migIcons16 {
background-position: 0 -3840px;
width: 48px;
height: 35px;
text-align:center
}
.magentoDeve li i.migIcons17 {
background-position: 0 -3901px;
width: 61px;
height: 35px;
text-align:center
}
.magentoDeve li i.migIcons18 {
background-position: 0 -3959px;
width: 63px;
height: 44px;
text-align:center
}
.magentoDeve li i.migIcons19 {
background-position: 0 -4025px;
width: 40px;
height: 40px;
text-align:center
}
.magentoDeve li i.migIcons20 {
background-position: 0 -4081px;
width: 49px;
height: 41px;
text-align:center
}
.magentoDeve li i.migIcons21 {
background-position: 0 -4137px;
width: 50px;
height: 39px;
text-align:center
}
.magentoDeve li i.migIcons22 {
background-position: 0 -4196px;
width: 75px;
height: 33px;
text-align:center
}
.magentoDeve li i.migIcons23 {
background-position: 0 -4249px;
width: 58px;
height: 32px;
text-align:center
}
.magentoDeve li i.migIcons24 {
background-position: 0 -4301px;
width: 75px;
height: 32px;
text-align:center
}
.magentoDeve li i.migIcons25 {
background-position: 0 -4358px;
width: 55px;
height: 34px;
text-align:center
}
.magentoDeve li i.migIcons26 {
background-position: 0 -4410px;
width: 56px;
height: 45px;
text-align:center
}
.magentoDeve li i.migIcons27 {
background-position: 0 -4471px;
width: 57px;
height: 49px;
text-align:center
} .page-id-14 .magentoDeve li i, .androidDeve li i{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/eCommerce-Icons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.page-id-14 .magentoDeve li i.ecomIcons1, .androidDeve li i.ecomIcons1 {
background-position: -15px 0;
width: 65px;
height:62px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons2, .androidDeve li i.ecomIcons2 {
background-position: -24px -78px;
width:44px;
height:67px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons3, .androidDeve li i.ecomIcons3 {
background-position: -23px -165px;
width:47px;
height:74px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons4, .androidDeve li i.ecomIcons4 {
background-position: 0px -257px;
width:92px;
height:62px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons5, .androidDeve li i.ecomIcons5 {
background-position: -6px -338px;
width:80px;
height:64px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons6, .androidDeve li i.ecomIcons6 {
background-position: -11px -422px;
width:70px;
height:63px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons7 {
background-position: -8px -505px;
width:75px;
height:66px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons8 {
background-position: -7px -591px;
width:78px;
height:63px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons9 {
background-position: -3px -672px;
width:85px;
height:64px;
text-align:center
}
.page-id-14 .magentoDeve li i.ecomIcons10 {
background-position: 0px -750px;
width:73px;
height:34px;
text-align:center
} .page-id-1535 .magentoDeve li i{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/woocommerce-icons.png) no-repeat 0 0;
}
.page-id-1535 .magentoDeve li i.migIcons1{
background-position: 0 0;
width: 66px;
height:61px;
text-align:center
}
.page-id-1535 .magentoDeve li i.migIcons2{
background-position: 0 -80px;
width:59px;
height:58px;
text-align:center
}
.page-id-1535 .magentoDeve li i.migIcons3{
background-position: 0 -157px;
width: 64px;
height:59px;
text-align:center
}
.page-id-1535 .magentoDeve li i.migIcons4{
background-position: 0 -235px;
width: 64px;
height:54px;
text-align:center
}
.page-id-1535 .magentoDeve li i.migIcons5{
background-position: 0 -305px;
width: 66px;
height:63px;
text-align:center
}
.page-id-1535 .magentoDeve li i.migIcons6{
background-position: 0 -390px;
width: 64px;
height:58px;
text-align:center
} .page-id-1548 .magentoDeve li i{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/valusion-icons.png) no-repeat 0 0;
}
.page-id-1548 .magentoDeve li i.migIcons1{
background-position: 0 0;
width:71px;
height:73px;
text-align:center
}
.page-id-1548 .magentoDeve li i.migIcons2{
background-position: 0 -85px;
width:67px;
height:73px;
text-align:center
}
.page-id-1548 .magentoDeve li i.migIcons3{
background-position: 0 -169px;
width: 69px;
height:70px;
text-align:center
}
.page-id-1548 .magentoDeve li i.migIcons4{
background-position: 0 -250px;
width: 58px;
height:72px;
text-align:center
}
.page-id-1548 .magentoDeve li i.migIcons5{
background-position: 0 -333px;
width: 74px;
height:76px;
text-align:center
}
.page-id-1548 .magentoDeve li i.migIcons6{
background-position: 0 -417px;
width: 66px;
height:72px;
text-align:center
} .page-id-1552 .magentoDeve li i{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/3dcart-icons.png) no-repeat 0 0;
}
.page-id-1552 .magentoDeve li i.migIcons1{
background-position: 0 0;
width:65px;
height:61px;
text-align:center
}
.page-id-1552 .magentoDeve li i.migIcons2{
background-position: 0 -73px;
width:57px;
height:59px;
text-align:center
}
.page-id-1552 .magentoDeve li i.migIcons3{
background-position: 0 -142px;
width: 65px;
height:60px;
text-align:center
}
.page-id-1552 .magentoDeve li i.migIcons4{
background-position: 0 -212px;
width: 60px;
height:60px;
text-align:center
}
.page-id-1552 .magentoDeve li i.migIcons5{
background-position: 0 -282px;
width:62px;
height:56px;
text-align:center
}
.page-id-1552 .magentoDeve li i.migIcons6{
background-position: 0 -348px;
width:58px;
height:57px;
text-align:center
} .wordDD li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.wordDD li i.icons1 {
background-position: 0 -1585px;
width: 60px;
height: 39px;
text-align:center
}
.wordDD li i.icons2 {
background-position: 0 -1676px;
width: 62px;
height: 31px;
text-align:center
}
.wordDD li i.icons3 {
background-position: 0 -1761px;
width: 58px;
height: 36px;
text-align:center
}
.wordDD li i.icons4 {
background-position: 0 -1851px;
width: 58px;
height: 31px;
text-align:center
}
.wordDD li i.icons5 {
background-position: 0 -1935px;
width: 59px;
height: 38px;
text-align:center
} .joomlaDD li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.joomlaDD li i.icons1 {
background-position: 0 -4561px;
width: 62px;
height: 45px;
text-align: center;
}
.joomlaDD li i.icons2 {
background-position: 0 -4651px;
width: 64px;
height: 36px;
text-align: center;
}
.joomlaDD li i.icons3 {
background-position: 0 -4737px;
width: 59px;
height: 40px;
text-align: center;
}
.joomlaDD li i.icons4 {
background-position: 0 -4826px;
width: 60px;
height: 36px;
text-align: center;
}
.joomlaDD li i.icons5 {
background-position: 0 -4909px;
width: 60px;
height: 44px;
text-align: center;
} .drupalDD li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.drupalDD li i.icons1 {
background-position: 0 -4990px;
width: 62px;
height: 47px;
text-align: center;
}
.drupalDD li i.icons2 {
background-position: 0 -5081px;
width: 63px;
height: 39px;
text-align: center;
}
.drupalDD li i.icons3 {
background-position: 0 -5164px;
width: 59px;
height: 46px;
text-align: center;
}
.drupalDD li i.icons4 {
background-position: 0 -5256px;
width: 59px;
height: 39px;
text-align: center;
}
.drupalDD li i.icons5 {
background-position: 0 -5340px;
width: 60px;
height: 46px;
text-align: center;
} .shopify li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.shopify li i.icons1 {
background-position: 0 -2018px;
width: 59px;
height: 48px;
text-align:center
}
.shopify li i.icons2 {
background-position: 0 -2100px;
width: 58px;
height: 34px;
text-align:center
}
.shopify li i.icons3 {
background-position: 0 -2170px;
width: 55px;
height: 45px;
text-align:center
}
.shopify li i.icons4 {
background-position: 0 -2248px;
width: 57px;
height: 39px;
text-align:center
}
.shopify li i.icons5 {
background-position: 0 -2322px;
width: 56px;
height: 43px;
text-align:center
}
.shopify li i.icons6 {
background-position: 0 -2397px;
width: 54px;
height: 43px;
text-align:center
}
.shopware ul.sp-tittle li i.shopware1{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/web-develop.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sp-tittle li i.shopware2{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/s-support.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sp-tittle li i.shopware3{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/s-custom.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sp-tittle li i.shopware4{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/s-datam.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sp-tittle li i.shopware5{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/s-seo.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sp-tittle li i.shopware6{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/s-speed.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sp-tittle li i.shopware7{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/s-customd.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sp-tittle li i.shopware8{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/s-goodc.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle {
display: flex;
flex-wrap: wrap;
}
.shopware ul.sm-tittle li i.shopw1 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-01.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw2 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-02.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw3 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-03.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw4 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-04.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw5 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-05.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw6 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-04.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw7 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-07.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw8 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-08.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle li i.shopw9 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-09.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle2 li i.shopwa1 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-10.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle2 li i.shopwa2 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-11.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle2 li i.shopwa3 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-12.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
}
.shopware ul.sm-tittle2 li i.shopwa4 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-13.png) no-repeat 0 0;
width: 80px;
height: 70px;
text-align: center;
} .htmlCss li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.htmlCss li i.icons1 {
background-position: 0 -2479px;
width: 54px;
height: 34px;
text-align:center
}
.htmlCss li i.icons2 {
background-position: 0 -2553px;
width: 55px;
height: 37px;
text-align:center
}
.htmlCss li i.icons3 {
background-position: 0 -2629px;
width: 44px;
height: 36px;
text-align:center
}
.htmlCss li i.icons4 {
background-position: 0 -2705px;
width: 55px;
height: 35px;
text-align:center
}
.htmlCss li i.icons5 {
background-position: 0 -2777px;
width: 68px;
height: 45px;
text-align:center
}
.htmlCss li i.icons6 {
background-position: 0 -2858px;
width: 52px;
height: 32px;
text-align:center
} .seoCon li i {
font-style: normal;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat 0 0;
display: block;
margin: auto;
text-indent: -99999px;
}
.seoCon li i.icons1 {
background-position: 0 -1193px;
width: 44px;
height: 40px;
text-align:center
}
.seoCon li i.icons2 {
background-position: 0 -1277px;
width: 34px;
height: 33px;
text-align:center
}
.seoCon li i.icons3 {
background-position: 0 -1354px;
width: 28px;
height: 32px;
text-align:center
}
.seoCon li i.icons4 {
background-position: 0 -1428px;
width: 49px;
height: 38px;
text-align:center
} .single-post .entry-header {
background: none;
box-shadow: none;
padding: 0 0 15px;
margin: 0 0 10px;
}
.post .entry-header .entry-title {
margin-bottom: 0;
padding-bottom: 12px;
}
.post .entry-title h1 {
text-align: left;
}
.single-post .entry-header .entry-title h1 {
margin: 0;
color: #404041;
font-weight: bold;
text-transform: capitalize;
}
.seoli {
font-weight: bold;
}
.seoli p {
font-weight: normal;
} .ourteam {
max-width: 1480px;
margin: 0 auto;
clear:both;
padding: 0 20px;
}
.our-team-list {
position: relative;
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
width: 100%;
}
.our-team-list > li {
width: 235px;
height: 239px;
float: left;
margin: 0px 53px 10px 0px;
position: relative;
border-bottom: 4px solid #adf5ac;
}
.our-team-list > li.last {
margin-right: 0;
}
.our-team-list > li > img {
width: 235px;
height: 235px;
}
.our-team-list > li > img {
width: 235px;
height: 235px;
}
.our-team-list .our-team-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.6);
padding: 13px 12px 5px 14px;
margin: 0;
}
.our-team-list .our-team-name {
padding-bottom: 0px;
margin-bottom: -5px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font: normal 15px 'Novecentocondensed-DemiBold', sans-serif;
margin-bottom: 3px;
}
.our-team-list .our-team-job-title {
color: rgb(194, 194, 194);
font-size: 11px;
text-transform: uppercase;
font-family: 'OpenSansCondensedBold', Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 17px;
}
.our-team-list .our-team-content {
display: none;
position: absolute;
left: 0;
right: 0;
color: #000;
padding: 20px 12px;
background: #fff;
z-index: 100;
width: 523px;
font-size: 12px;
}
.our-team-list li.last:hover .our-team-content {
display: block;
left: -53%;
margin-left: -10px;
padding-right: 27px;
width: 523px;
}
.our-team-list li:hover .our-team-name,.our-team-list li:hover .our-team-job-title{
color: #333;
}
.our-team-list li:hover .our-team-content {
display: block;
}
.our-team-list li:hover .our-team-info{
background: #FFF;
width: 523px;
z-index: 10;
}
.updated-team-list > li > img.color {
display: none;
}
.updated-team-list > li:hover > img.color {
display: block;
position: absolute;
top: 0;
left: 0;
} .all-testimonials {
padding-top:50px;
padding-bottom:50px;
background: #f7f7f7;
line-height: 1.5;
font-family: 'ralewayregular', Helvetica, sans-serif;
}
.all-testimonials p{
line-height: 2;
}
.all-testimonials .frame {
max-width:930px;
}
.frame {
max-width: 980px;
margin: 0 auto;
min-width: 268px;
}
.js-testimonials-area .testimonial-row {
padding-bottom: 0;
}
.js-testimonials-area .testimonial-row .at-item {
padding-bottom: 30px;
}
.js-testimonials-area .testimonial-row {
padding-bottom: 0;
}
.js-testimonials-area .testimonial-row .at-item {
padding-bottom: 30px;
}
.testimonial-row {
padding:30px 0;
}
.testimonial-row:first-child {
padding-top:0;
}
.testimonial-hidden-row .tr-item, .testimonial-row .tr-item {
display: none;
}
.testimonial-row:first-child {
padding-top:0;
}
.testimonial-hidden-row {
overflow: hidden;
height: 0;
display: none;
}
.testimonial-row .tr-item {
display: none;
}
.demo-video-box .ec-video-box, .expanded-mode .ec-video-box, .testimonial-hidden-row .frame {
max-width:980px;
padding-left:20px;
padding-right:20px;
position:relative;
}
.js-testimonials-area .testimonial-row .at-item {
padding-bottom: 30px;
}
.at-item {
display:inline-block;
vertical-align:top;
width:47%;
margin:0;
position:relative;
}
.at-item:nth-child(2n) {
margin-left:50px;
}
.at-item .occc-column {
width:100%;
max-width:322px;
float:none;
margin:0 auto;
}
.at-item .occc-column .client-logo {
margin-top:16px;
margin-bottom:20px;
}
.at-item .testimonial {
width:100%;
max-width:435px;
float:none;
}
.at-item .ti-content {
min-height:252px;
}
.re-collapse a, .at-item .view-more {
font-size:15px;
vertical-align:bottom;
text-transform:none;
color:#009ddc;
margin-left:4px;
}
.at-item .view-more:hover, .re-collapse a:hover {
color:#009DDC;
}
.industries-intro-block {
border:0;
}
.at-item-active {
padding-bottom:20px;
}
.at-item-active:after {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite5.png) no-repeat -632px -85px;
width: 21px;
height: 11px;
position: absolute;
bottom: 0;
left: 50%;
content: "";
margin-left: -13px;
}
.at-item .occc-column {
width:100%;
max-width:322px;
float:none;
margin:0 auto;
}
.at-item .occc-column .client-logo {
margin-top:16px;
margin-bottom:20px;
}
.occc-column-active:after {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite5.png) no-repeat -632px -85px;
width: 21px;
height: 11px;
position: absolute;
bottom: 0;
left: 50%;
content: "";
margin-left: -13px;
}
.occ-2-items-columns .occc-column:nth-child(2) {
float: right;
}
.occ-2-items-columns .occc-column-1 {
margin-left: 100px;
}
.occ-2-items-columns .occc-column-2 {
margin-right: 100px;
}
.testimonials-wide-section .occ-2-items-columns .occc-column {
padding-bottom: 20px;
}
.occ-columns .occc-column{
width:33%;
float: left;
text-align: center;
overflow: hidden;
position: relative;
padding-bottom: 20px;
}
.our-clients-wide-section .occ-columns .occc-column{
margin:0 7%;
display:inline-block;
float:none;
}
.occc-column .client-photo {
position:relative;
z-index:1;
padding:4px 0 0;
margin:0 0 -68px;
}
.occc-column .client-name{
position:relative;
z-index:2;
padding: 0 4px;
}
.occc-column .client-name .c {
min-height: 83px;
width: 100%;
max-width: 293px;
margin: 0 auto;
padding: 8px 10px;
border: 1px solid rgba(223, 227, 228, 0.7);
border-radius: 3px;
background: #fff;
position: relative;
}
.occc-column .client-name .c:after {
position: absolute;
left: 0;
bottom: -8px;
width: 100%;
height: 8px;
content: "";
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/testimonial-shadow.png) no-repeat 50% 0;
}
.occc-column .client-name .cn-title{
font-size: 13px;
margin-top: 3px;
color:#3e3e3e;
}
.occc-column:last-child{
float: right;
}
.occc-column .client-logo{
margin: 30px 0 60px;
}
.at-item .occc-column {
width:100%;
max-width:322px;
float:none;
margin:0 auto;
}
.at-item .occc-column .client-logo {
margin-top:16px;
margin-bottom:20px;
}
.occc-thumb-link{
display: block;
position: relative;
text-align: center;
}
.occc-thumb-link:after{
width:80px;
height: 80px;
display: block;
position: absolute;
z-index:10;
left:6px;
top:7px;
content: "";
border-radius: 50%;
background: #009ddc url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite5.png) no-repeat -437px -181px;
box-shadow: inset 0 0 0 2px #0079b0;
border:4px solid #fff;
-webkit-transition: background-color .4s linear;
-moz-transition: background-color .4s linear;
transition: background-color .4s linear;
}
.occc-thumb-link:hover:after{
background-position: -517px -181px;
background-color:#fff;
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
}
.occc-thumb-link .client-photo img {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
border-radius:50%;
border:8px solid transparent;
}
.occc-thumb-link:hover .client-photo img {
border:8px solid #fff;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}
.occc-thumb-link .text-lnk{
font-size: 18px;
color:#0078ae;
}
.occc-thumb-link:hover .text-lnk{
color: #90C404;
}
.occc-column .client-photo {
position:relative;
z-index:1;
padding:4px 0 0;
margin:0 0 -68px;
}
.occc-thumb-link .client-photo img {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
border-radius:50%;
border:8px solid transparent;
}
.occc-thumb-link:hover .client-photo img {
border:8px solid #fff;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}
.occc-column .client-name{
position:relative;
z-index:2;
padding: 0 4px;
}
.occc-column .client-name .c {
min-height: 83px;
width: 100%;
max-width: 293px;
margin: 0 auto;
padding: 8px 10px;
border: 1px solid rgba(223, 227, 228, 0.7);
border-radius: 3px;
background: #fff;
position: relative;
}
.occc-column .client-name .c:after {
position: absolute;
left: 0;
bottom: -8px;
width: 100%;
height: 8px;
content: "";
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/testimonial-shadow.png) no-repeat 50% 0;
}
.occc-column .client-name .cn-title{
font-size: 13px;
margin-top: 3px;
color:#3e3e3e;
}
.before-and-after-wrapper .text-lnk{
background:#e0e5e7;
border-width: 1px;
}
.before-and-after-wrapper .text-lnk:hover{
background:#f5f5f5;
}
.text-lnk{
-webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
-moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.occc-thumb-link .text-lnk{
font-size: 18px;
color:#0078ae;
}
.occc-thumb-link:hover .text-lnk{
color: #90C404;
}
.occc-column .client-name .cn-title{
font-size: 13px;
margin-top: 3px;
color:#3e3e3e;
}
.client-logo-item {
display:inline-block;
font-size:0;
line-height:0;
color: transparent;
position:relative;
}
.client-logo-item:before {
position:absolute;
top:0;
left:0;
height:69px;
z-index:2;
content:"";
opacity:0;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
transition: opacity .4s;
}
.client-logo-item:hover:before {
opacity:1;
}
.testimonial .ti-author {
padding: 36px 0 0;
text-align: right;
font-size: 13px;
line-height: 18px;
color: #5a6063;
}
.clearfix:before, .clearfix:after,.f-row:before, .f-row:after {
content: "";
display: table;
}
.testimonial .ti-author-content {
padding: 9px 0 0;
}
.ti-author-content .tiac {
overflow: hidden;
}
.testimonial .ti-author-content .title {
display: block;
color: #0078ae;
}
.testimonial .ti-photo {
float: right;
border: 1px solid #fff;
margin: 0 1px 0 20px;
-webkit-box-shadow: 1px 1px 0 0 rgba(163, 163, 163, 1);
box-shadow: 1px 1px 0 0 rgba(163, 163, 163, 1);
}
.c > p {
display: none;
}
.entry-content a, .comment-content a{}
.ti-author > p {
display: none;
}
.testimonial .ti-content:before {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite5.png) no-repeat -891px -217px;
position: absolute;
width: 64px;
height: 64px;
left: -25px;
top: -25px;
content: '';
}
.re-collapse a:after, .ti-content .view-more:after {
vertical-align: 1px;
margin-top: 0;
position: relative;
top: 4px;
}
.re-collapse a:hover:after, .view-more:hover:after {
left: 3px;
}
.re-collapse a:after, .view-more:after {
display: inline-block;
vertical-align: top;
margin: -9px 0 0 6px;
content: "...";
position: relative;
left: 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.testimonial .ti-content .title {
font-size: 20px;
color: #0078ae;
display: block;
margin: 0 0 8px;
}
.re-collapse a, .view-more {
display: inline-block;
vertical-align: top;
font: 16px/1 "roboto-bold-webfont", sans-serif;
color: #90c404;
text-transform: uppercase;
}
.ti-content > p {
margin: 0;
}
.ti-content > p +p {
display: none;
}
.testimonial .ti-content:after {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/sprite5.png) no-repeat -820px -235px;
position: absolute;
width: 46px;
height: 28px;
right: 17.24137931034483%;
bottom: -28px;
content: '';
margin-right: -1px;
}
.testimonial .ti-content {
background: #fff;
padding: 36px 40px 39px;
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
border-radius: 3px;
position: relative;
}
.re-collapse, .view-more-container {
display: block;
}
.re-collapse a, .at-item .view-more {
font-size: 15px;
vertical-align: bottom;
text-transform: none;
color: #009ddc;
margin-left: 4px;
}
.occc-column > a + p {
display: none;
}
.page-id-9 #secondary{
display: none;
}
.woocommerce-page .wrapper #container {
float: left;
margin: 20px auto;
padding: 0 10px;
width: 100%;
}
#container #content .product .images {
width: 47%;
}
#container #content .product .summary.entry-summary {
float: left;
margin: 0 0 0 30px;
width: 47%;
}
#container #content .product .woocommerce-tabs {
clear: none;
float: left;
margin: 20px 0 0 30px;
width: 47%;
}
.woocommerce-page .wrapper {
margin: 0 auto;
}
.woocommerce-page.woocommerce nav.woocommerce-pagination ul li:last-child {
margin-bottom: 0;
}
.woocommerce-page #secondary {
margin-top: 20px;
display: none;
}
.woocommerce-page #primary {
width: 100%;
}
#container #content .product .images img {
height: auto;
width: 100%;
}
#container #tab-description, #container #tab-reviews {
padding: 10px 10px 0 20px;
}
#container #tab-description li {
line-height: 21px;
padding: 2px 0;
}
.woocommerce-page #review_form #respond p.stars {
float: left;
}
#commentform .comment-form-rating, #commentform .comment-form-comment {
overflow: hidden;
width: 100%;
}
#container #content .product .woocommerce-tabs .tabs{
padding:0px 6px;
}
#container #content .product .woocommerce-tabs .tabs .description_tab.active{
margin:0 10px;
}
.woocommerce-page .entry-header {
display: none;
}
.woocommerce #text-7.widget.widget_text {
text-align: center;
margin-top: 30px;
}
.woocommerce #text-7 .textwidget img {
width: 65%;
}
.BigImg .big_c {
display: inline-block;
}
.shopify_c {
width: 200px;
}
.shopify_c img {
max-width: 100%;
height: auto;
width: 100%;
}
.shopware_c {
width: 175px;
}
.shopware_c img {
max-width: 100%;
height: auto;
width: 100%;
}
#menu-sidebar-menu {
overflow: hidden;
}
.BigImg .frontend_developer {
display: inline-block;
width: 55px;
height: 98px;
}
.magento_ctf {
width: 105px;
}
.scandipwa_ctf {
width: 100px;
}
.adobe_c {
display: inline-block;
}
#secondary #menu-sidebar-menu li:first-child {
margin: 0;
}
#secondary #menu-sidebar-menu li {
float: left;
list-style: outside none none;
margin: 0 0 10px 16px;
}
#secondary #menu-sidebar-menu li a:hover {
color: #d82228;
text-decoration: underline;
}
#secondary #menu-sidebar-menu li a {
color: #3d3d3d;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.woocommerce .related.products .products li {
width: 23% !important;
}
.cartMenu{
float: right;
margin: 10px 0 0 0;
}
.cartMenu ul.nav-menu{
list-style: none;
}
.cartMenu ul.nav-menu li{
float: left;
display: inline-block;
margin-left: 25px;
text-align: center;
}
.cartMenu ul.nav-menu li:first-child a{
padding-left: 0;
}
.cartMenu ul.nav-menu li:last-child a{
padding-right: 0;
}
.cartMenu ul.nav-menu li a{
font-size: 14px;
color: #2d2e2f;
display: block;
padding: 0 5px;
text-decoration: none;
text-align: center;
}
.cartMenu ul.nav-menu li a:hover{
color: #d82228;
}
.cartMenu ul.nav-menu li a:before{
content: '';
display: block;
text-align: center;
width: 30px;
height: 30px;
margin: 0 auto;
}
.cartMenu ul.nav-menu li.my-account-link a:before{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/use-icon.png) no-repeat center center;
}
.cartMenu ul.nav-menu li.cart-link a:before{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/cart-icon.png) no-repeat center center;
}
.cartMenu ul.nav-menu li.checkout-link a:before{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/checkout-icon.png) no-repeat center center;
}
.page-id-1410 #secondary {
display: none;
}
.page-id-1410 #primary {
width: 100%;
}
p:empty {
display: none;
} #portfolio .box {
}
.icon-eye-open{
font-family: "Genericons";
font-size: 20px;
color: #fff;
}
.icon-eye-open:before{
content: '\f403';
}
.portfolio-items, .portfolio-filter {
list-style: none;
padding: 0;
margin: 0;
}
.portfolio-items {
display: block;
}
.portfolio-filter {
margin-bottom: 20px;
text-align: center;
}
.portfolio-filter > li {
display: inline-block;
margin:0;
padding-bottom: 10px;
}
.portfolio-filter > li a {
padding: 8px 10px;
background: #404040;
color: #f8f8f8;
text-decoration: none;
display: inline-block;
}
.portfolio-filter > li a.active{
background: #0d0d0d;
}
.portfolio-items > li {
float: left;
padding: 0;
}
.portfolio-items.col-2 > li {
width: 50%;
}
.portfolio-items.col-3 > li {
width: 33%;
}
.portfolio-items.col-4 > li {
width: 25%;
}
.portfolio-items.col-5 > li {
width: 20%;
}
.portfolio-items.col-6 > li {
width: 16%;
}
.portfolio-item .item-inner {
margin: 0;
text-align: center;
background: #fff;
padding: 0;
border-bottom: 1px solid #e1e1e1;
} .portfolio-item .portfolio-image {
position: relative;
}
.portfolio-item h5 {
margin: 0;
padding: 15px 0 5px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 17px;
text-transform: uppercase;
}
.portfolio-item h5 a{
text-decoration: none;
color: #3D3D3D;
}
.portfolio-item h5 a:hover{
color: #C40001;
}
.portfolio-item .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(255, 255, 255, 0.9);
text-align: center;
vertical-align: middle;
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
position: relative;
top: 50%;
display: inline-block;
margin-top: -20px;
padding: 10px 15px 5px 11px;
background: #C40001;
text-decoration: none;
}
.portfolio-item:hover .overlay {
opacity: 1;
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{
height:13px
}
div.pp_default .pp_top .pp_left{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}
div.pp_default .pp_top .pp_middle{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite_x.png) top left repeat-x
}
div.pp_default .pp_top .pp_right{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}
div.pp_default .pp_content .ppt{
color:#f8f8f8
}
div.pp_default .pp_content_container .pp_left{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left:13px
}
div.pp_default .pp_content_container .pp_right{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right:13px
}
div.pp_default .pp_next:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor:pointer
}
div.pp_default .pp_previous:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor:pointer
}
div.pp_default .pp_expand{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor:pointer;
width:28px;
height:28px
}
div.pp_default .pp_expand:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor:pointer
}
div.pp_default .pp_contract{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor:pointer;
width:28px;
height:28px
}
div.pp_default .pp_contract:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor:pointer
}
div.pp_default .pp_close{
width:30px;
height:30px;
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor:pointer
}
div.pp_default .pp_gallery ul li a{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border:1px solid #aaa
}
div.pp_default .pp_social{
margin-top:7px
}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{
position:static;
left:auto
}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
height:30px;
width:30px
}
div.pp_default .pp_nav .pp_pause{
background-position:-51px -29px
}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height:20px;
width:20px;
margin:4px 0 0
}
div.pp_default a.pp_arrow_next{
left:52px;
background-position:-82px -3px
}
div.pp_default .pp_content_container .pp_details{
margin-top:5px
}
div.pp_default .pp_nav{
clear:none;
height:30px;
width:110px;
position:relative
}
div.pp_default .pp_nav .currentTextHolder{
font-family:Georgia;
font-style:italic;
color:#999;
font-size:18px;
left:75px;
line-height:25px;
position:absolute;
top:2px;
margin:0;
padding:0 0 0 10px
}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{
opacity:0.7
}
div.pp_default .pp_description{
font-size:11px;
font-weight:700;
line-height:14px;
margin:5px 50px 5px 0
}
div.pp_default .pp_bottom .pp_left{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}
div.pp_default .pp_bottom .pp_middle{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}
div.pp_default .pp_bottom .pp_right{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}
div.pp_default .pp_loaderIcon{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/default/loader.gif) center center no-repeat
}
div.dark_rounded .pp_description{
margin-right:85px;
color:#fff
}
div.dark_square .pp_nav{
clear:none
}
div.facebook .pp_top .pp_left{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}
div.facebook .pp_top .pp_middle{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}
div.facebook .pp_top .pp_right{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}
div.facebook .pp_content_container .pp_left{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}
div.facebook .pp_content_container .pp_right{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}
div.facebook .pp_expand{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
cursor:pointer
}
div.facebook .pp_expand:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
cursor:pointer
}
div.facebook .pp_contract{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
cursor:pointer
}
div.facebook .pp_contract:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
cursor:pointer
}
div.facebook .pp_close{
width:22px;
height:22px;
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
cursor:pointer
}
div.facebook .pp_description{
margin:0 37px 0 0
}
div.facebook .pp_loaderIcon{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/loader.gif) center center no-repeat
}
div.facebook .pp_arrow_previous{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
height:22px;
margin-top:0;
width:22px
}
div.facebook .pp_arrow_previous.disabled{
background-position:0 -96px;
cursor:default
}
div.facebook .pp_arrow_next{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
height:22px;
margin-top:0;
width:22px
}
div.facebook .pp_arrow_next.disabled{
background-position:-32px -96px;
cursor:default
}
div.facebook .pp_nav{
margin-top:0
}
div.facebook .pp_nav p{
font-size:15px;
padding:0 3px 0 4px
}
div.facebook .pp_nav .pp_play{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
height:22px;
width:22px
}
div.facebook .pp_nav .pp_pause{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
height:22px;
width:22px
}
div.facebook .pp_next:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
cursor:pointer
}
div.facebook .pp_previous:hover{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
cursor:pointer
}
div.facebook .pp_bottom .pp_left{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}
div.facebook .pp_bottom .pp_middle{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}
div.facebook .pp_bottom .pp_right{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}
div.pp_pic_holder a:focus{
outline:none
}
div.pp_overlay{
background:#000;
display:none;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1111111111
}
div.pp_pic_holder{
display:none;
position:absolute;
width:100px;
z-index:2147483647
}
.pp_content{
height:40px;
min-width:40px
}
* html .pp_content{
width:40px
}
.pp_content_container{
position:relative;
text-align:left;
width:100%
}
.pp_content_container .pp_left{
padding-left:20px
}
.pp_content_container .pp_right{
padding-right:20px
}
.pp_content_container .pp_details{
float:left;
margin:10px 0 2px
}
.pp_description{
display:none;
margin:0
}
.pp_social{
float:left;
margin:0
}
.pp_social .facebook{
float:left;
margin-left:5px;
width:55px;
overflow:hidden
}
.pp_social .twitter{
float:left
}
.pp_nav{
clear:right;
float:left;
margin:3px 10px 0 0
}
.pp_nav p{
float:left;
white-space:nowrap;
margin:2px 4px
}
.pp_nav .pp_play,.pp_nav .pp_pause{
float:left;
margin-right:4px;
text-indent:-10000px
}
a.pp_arrow_previous,a.pp_arrow_next{
display:block;
float:left;
height:15px;
margin-top:3px;
overflow:hidden;
text-indent:-10000px;
width:14px
}
.pp_hoverContainer{
position:absolute;
top:0;
width:100%;
z-index:2000
}
.pp_gallery{
display:none;
left:50%;
margin-top:-50px;
position:absolute;
z-index:10000
}
.pp_gallery div{
float:left;
overflow:hidden;
position:relative
}
.pp_gallery ul{
float:left;
height:35px;
position:relative;
white-space:nowrap;
margin:0 0 0 5px;
padding:0
}
.pp_gallery ul a{
border:1px rgba(0,0,0,0.5) solid;
display:block;
float:left;
height:33px;
overflow:hidden
}
.pp_gallery ul a img{
border:0
}
.pp_gallery li{
display:block;
float:left;
margin:0 5px 0 0;
padding:0
}
.pp_gallery li.default a{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display:block;
height:33px;
width:50px
}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{
margin-top:7px!important
}
a.pp_next{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:right;
height:100%;
text-indent:-10000px;
width:49%
}
a.pp_previous{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:left;
height:100%;
text-indent:-10000px;
width:49%
}
a.pp_expand,a.pp_contract{
cursor:pointer;
display:none;
height:20px;
position:absolute;
right:30px;
text-indent:-10000px;
top:10px;
width:20px;
z-index:20000
}
a.pp_close{
position:absolute;
right:0;
top:0;
display:block;
line-height:22px;
text-indent:-10000px
}
.pp_loaderIcon{
display:block;
height:24px;
left:50%;
position:absolute;
top:50%;
width:24px;
margin:-12px 0 0 -12px
}
#pp_full_res{
line-height:1!important
}
#pp_full_res .pp_inline{
text-align:left
}
#pp_full_res .pp_inline p{
margin:0 0 15px
}
div.ppt{
color:#fff;
display:none;
font-size:17px;
z-index:9999;
margin:0 0 5px 15px
}
div.pp_default .pp_content,div.light_rounded .pp_content{
background-color:#fff
}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{
color:#000
}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{
border-color:#fff
}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{
position:relative
}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{
background:#fff
}
div.light_rounded .pp_description,div.light_square .pp_description{
margin-right:85px
}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{
margin-top:12px!important
}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{
background-position:0 -87px;
cursor:default
}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{
background-position:-22px -87px;
cursor:default
}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{
background:url(//www.bay20.com/de/wp-content/themes/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{
background:url(//www.bay20.com/de/wp-content/themes/bay20/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{
color:#c4c4c4
}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{
color:#fff
}
.pp_top,.pp_bottom{
height:20px;
position:relative
}
* html .pp_top,* html .pp_bottom{
padding:0 20px
}
.pp_top .pp_left,.pp_bottom .pp_left{
height:20px;
left:0;
position:absolute;
width:20px
}
.pp_top .pp_middle,.pp_bottom .pp_middle{
height:20px;
left:20px;
position:absolute;
right:20px
}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{
left:0;
position:static
}
.pp_top .pp_right,.pp_bottom .pp_right{
height:20px;
left:auto;
position:absolute;
right:0;
top:0;
width:20px
}
.pp_fade,.pp_gallery li.default a img{
display:none
} .error404 #primary{
width: 100%;
}
.error404 .entry-header{
margin: 0 auto 25px;
padding: 20px 0;
text-align: right;
text-transform: uppercase;
}
.error404 .entry-header h1.entry-title{
color: #fff;
font-size: 33px;
font-weight: normal;
letter-spacing: 1px;
margin: 0 auto 10px;
text-transform: capitalize;
max-width: 1480px;
}
.error404 article.post .entry-content{
margin: 0 auto 50px auto;
text-align: center;
width: 50%;
}
.error404 #searchform div{
display: flex;
justify-content: center;
}
.error404 #searchform div #s{
height: 44px;
}
.error404 #searchform #searchsubmit{
border-radius: 0;
height: 44px;
padding: 0 40px;
background: #000;
border: 0;
} article{
clear: both;
}
.section .container{
margin: auto;
max-width: 1480px;
position: relative;
}
.bannerSection{
width: 100%;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/e-CommerceBg.jpg) no-repeat scroll 50% 50% #cf0306;
min-height: 269px;
padding-top:6%;
padding-bottom:3.33%;
}
.bannerSection h1{
font-size: 2.6em;
font-weight: normal;
line-height: 30px;
width:60%;
text-align: left;
display: inline-block;
color: #fff;
margin:0 0 4%;
}
.bannerSection h1 span{
font-size: 0.55em;
line-height: 18px;
font-weight: normal;
}
.bannerSection p{
text-align: right;
position: absolute;
right:0;
top:-18%;
margin: 0px;
}
.bannerSection p img{
text-align: right;
}
.bannerSection .conBtn {
width: 20%;
min-height:50px;
line-height:50px;
border: 1px solid #ccc;
text-align: center;
}
.bannerSection .conBtn a{
line-height:50px;
display: block;
font-size:1.2em;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.bannerSection .conBtn a:hover{
text-transform: uppercase;
background: #fff;
color: #e62229
}
.detailsSection{
padding-top: 6%;
}
.detailsSection h2{
font-size: 2.6em;
color: #454545;
font-weight: 400;
}
.detailsSection p{
font-size: 1.2em;
color: #454545;
font-weight: lighter;
line-height: 26px;
}
.chooseSection h2{
background:#e62229;
font-size: 1.7em;
font-weight: 300;
margin: 5% 0;
text-align: center;
color: #fff;
text-transform: uppercase;
min-height: 50px;
line-height: 50px;
padding: 0 10px;
}
.span3{
width: calc((100% - 10px) / 4);
}
[class*="span"]{
float: left;
margin-left: 0;
min-height: 1px;
} div.pricing-table {
margin: 25px 0;
padding-left: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
}
div.pricing-table div.most-popular {
-moz-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
border: 3px solid #CCC;
box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
padding: 30px 20px;
top: -10px;
z-index: 2;
}
div.pricing-table div.most-popular h3 {
background-color: #666;
color: #FFF;
padding-top: 30px;
text-shadow: 0 1px #555;
}
div.pricing-table div.plan {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #FFF;
border: 1px solid #ddd;
border-radius: 5px;
color: #333;
margin-bottom: 35px;
margin-right: -10px;
padding: 20px;
position: relative;
text-shadow: 0 1px rgba(255,255,255,.8);
}
div.pricing-table a.btn {
margin-top:10px;
border:1px solid #e62229;
color:#e62229;
padding: 6px 20px;
text-decoration: none;
display: inline-block;
font-weight: bold
}
div.pricing-table ul {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
div.pricing-table h3 {
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
background-color: #eee;
background-image: -moz-linear-gradient(#FAFAFA,#eee);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#eee));
background-image: -webkit-linear-gradient(#FAFAFA, #eee);
background-image: -o-linear-gradient(#FAFAFA, #eee);
background-image: -ms-linear-gradient(#FAFAFA, #eee);
background-image: linear-gradient(#FAFAFA, #eee);
border-radius: 2px 2px 0 0;
font-size: 20px;
font-weight: normal;
margin: -20px -20px 50px -20px;
padding: 20px;
}
div.pricing-table h3 span {
-moz-border-radius: 100px;
-moz-box-shadow: 0 0px 20px #ccc;
-webkit-border-radius: 100px;
-webkit-box-shadow: 0 0px 10px #ccc;
background: #e62229;
border: 2px solid #FFF;
border-radius: 100px;
box-shadow: 0 0px 10px #ccc;
color: #fff;
display: block;
font: bold 18px/100px Georgia,serif !important;
height: 100px;
margin: 20px auto -65px;
width: 125px;
}
div.pricing-table .span3 b{
clear: both;
}
div.pricing-table .span3 p font{
clear: both;
}
div.pricing-table li {
border-top: 1px solid #ddd;
padding: 10px 0;
}
div.pricing-table li a{
text-decoration: none;
}
div.plan-ribbon-wrapper {
height: 88px;
overflow: hidden;
position: absolute;
left:0px;
top: -15px;
width: 110px;
}
div.plan-ribbon {
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
background-color: #BFDC7A;
background-image: -webkit-gradient(linear, left top, left bottom, from(#C40001), to(#f85c2f));
background-image: -webkit-linear-gradient(top, #C40001, #f85c2f);
background-image: -moz-linear-gradient(top, #C40001, #f85c2f);
background-image: -ms-linear-gradient(top, #C40001, #f85c2f);
background-image: -o-linear-gradient(top, #C40001, #f85c2f);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
color: #fff;
font-size: 14px;
left: -5px;
padding: 7px 0;
position: relative;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
top: 15px;
width: 100%;
}
div.plan-ribbon:before {
left: 0;
}
div.plan-ribbon:before, div.plan-ribbon:after {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
bottom: -3px;
content: "";
position: absolute;
}
div.plan-ribbon:after {
right: 0;
}
div.pricing-table div.most-popular {
border-color: #099613;
}
div.pricing-table div.most-popular h3 {
background-color: #099613;
background-image: -moz-linear-gradient(top, #0ecd1c , #099613);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0ecd1c), to(#099613));
background-image: -webkit-linear-gradient(top, #0ecd1c , #099613);
background-image: -o-linear-gradient(top, #0ecd1c , #099613);
background-image: linear-gradient(to bottom, #0ecd1c , #099613);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ecd1c', endColorstr='#099613', GradientType=0);
}
.interestedSection,.sellSection{
clear: both;
width: 100%;
}
.interestedSection h3{
font-size: 1.2em;
font-weight: normal;
background: #454545;
padding: 2.5%;
text-align: center;
color: #fff;
margin: 0px;
}
.interestedSection h3 a{
color: #e62229;
text-decoration: none;
font-weight: bold
}
.sellSection{
background:#fafafa;
padding:25px 0;
display: inline-block;
}
.sellSection ul{
width: auto;
list-style: none;
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.sellSection li{
float: left;
width: calc((100% - 90px) / 3);
margin: 0 15px 30px;
text-align: center;
}
.sellSection li p{
font-weight: normal
}
.sellSection li h4{
font-size: 1.3em;
color:#e62229;
margin-bottom:5px;
}
.bannerSection.bannerSection2{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/corporateBg1.jpg) no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
.bannerSection.bannerSection2 p{
right: -130px;
top: -54%;
}
.bannerSection.bannerSection2 h1 {
color: #000;
}
.bannerSection.bannerSection2 .conBtn a {
color: #000;
}
.bannerSection.bannerSection2 .conBtn {
border: 1px solid #000;
float: left;
}
.bannerSection.bannerSection2 .conBtn.conBtn1 {
margin-left: 20px;
}
.wire_frame .wireframe {
float: left;
margin: 0 15px 20px;
padding: 5px;
border: 1px solid #878787;
display: inline-block;
width: calc((100% - 90px) / 3);
}
.wire_frame {
overflow: hidden;
width: auto;
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.wire_frame .wireframe img{
line-height: 0;
font-size: 0;
vertical-align: bottom;
}
.page-id-1033 article#post-1033 {
background: none repeat scroll 0 0 #fafafa;
margin-top: 30px;
padding: 25px;
}
.woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {
border-top: 3px solid #b81c23;
margin-top: 15px!important;
margin-bottom: 10px!important;
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
margin-top: 15px;
}
#post-1033 form .form-row {
float: none !important;
margin-right: 20px !important;
width: 65% !important;
}
#post-1033 form .form-row label {
float: left !important;
width: 200px;
}
#post-1033 form .form-row .input-text {
width: 310px !important;
border-radius: 5px;
}
#post-1033 form .form-row #billing_address_2.input-text {
float: right;
margin-right: 15px;
}
#post-1033 form .form-row #billing_country_chosen, #post-1033 #billing_state_chosen{
width: 310px !important;
}
.post-1033 .chosen-container-single .chosen-single {
height: 30px;
}
#post-1033 form #billing_address_2_field.form-row {
width: 49.7% !important;
}
#post-1033 form p .button[value="Save Address"] {
margin-left: 19.2%;
}
#post-1032 #payment h3 {
padding: 5px 10px;
}
.toggleMenu , .MenuToggle{
display: none;
}
.HomeAboutContainer .icon_1 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/aboutsprit.png) no-repeat;
display: block;
height: 38px;
margin: 0 auto;
width: 40px;
}
.HomeAboutContainer .AboutTwo .icon_1 {
background-position: -420px 0;
}
.HomeAboutContainer .AboutThree .icon_1 {
background-position: -860px 0;
}
.HomeAboutContainer .AboutFour .icon_1 {
background-position: -220px -355px;
}
.HomeAboutContainer .AboutFive .icon_1 {
background-position: -584px -357px;
}
.HomeAboutContainer li > br {
display: none;
}
#post-1824 .amazon li {
list-style: inside none disc;
margin-bottom: 0;
line-height: 22px;
}
.amazon {
margin: 0 0 0 40px;
}
.blog-cont {
margin-left: 40px;
} .body-area .wrapper {
float: none;
margin: 0 auto !important;
}
.body-area div.portfolio-headings {
color: #5a5a5a;
float: left;
padding-top: 40px;
text-align: center;
width: 100%;
}
.body-area div.portfolio-headings .heading1 {
color: #202020;
float: left;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 28px;
letter-spacing: -0.045em;
line-height: 25px;
padding-bottom: 4px;
width: 100%;
}
.red {
color: #e62229;
}
.body-area div.portfolio-headings .heading2 {
float: left;
font-family: "HelveticaCE-Regular",Arial,sans-serif;
font-size: 16px;
width: 100%;
}
.pt40 {
padding-top: 40px !important;
}
.row {
float: left;
width: 100%;
}
ul.hire-team-process {
float: left;
width: 100%;
}
ul.hire-team-process li:first-child {
border-left: medium none;
}
ul.hire-team-process li {
border-left: 1px solid #ddd;
float: left;
padding: 0 14px;
list-style: outside none none;
width: 25%;
min-height: 280px;
box-sizing: border-box;
}
ul.hire-team-process li.step1 .thumb-area {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-team01.png) no-repeat scroll center top;
}
ul.hire-team-process li .title-area {
color: #222;
display: block;
float: left;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 16px;
line-height: 20px;
padding-top: 23px;
text-align: center;
width: 100%;
}
ul.hire-team-process li .sub-title-area {
color: #878787;
display: block;
float: left;
font-size: 12px;
line-height: 16px;
padding-top: 15px;
text-align: center;
width: 100%;
}
ul.hire-team-process li.step2 .thumb-area {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-team2.png) no-repeat scroll center top;
}
ul.hire-team-process li.step3 .thumb-area {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-team3.png) no-repeat scroll center top;
}
ul.hire-team-process li.step4 .thumb-area {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-team4.png) no-repeat scroll center top;
}
ul.hire-team-process li .thumb-area {
display: block;
float: left;
height: 127px;
width: 100%;
text-indent: -99999px;
}
ul.hire-team-process li .title-area {
color: #222;
display: block;
float: left;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 16px;
line-height: 20px;
padding-top: 23px;
text-align: center;
width: 100%;
}
ul.hire-team-process li .sub-title-area {
color: #878787;
display: block;
float: left;
font-size: 12px;
line-height: 16px;
padding-top: 15px;
text-align: center;
width: 100%;
}
.hire-developers-left {
float: left;
padding: 75px 0 0;
width: 48%;
}
.pb20 {
padding-bottom: 20px !important;
}
.commonhead {
color: #202020;
cursor: default !important;
display: block;
float: left;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 18px;
padding-bottom: 10px;
text-decoration: none;
width: 100%;
}
ul.hire-bulletes {
color: #8f8f8f;
float: left;
font-size: 15px;
line-height: 20px;
width: 100%;
}
ul.hire-bulletes li:first-child {
border-top: medium none;
}
ul.hire-bulletes li {
border-top: 1px solid #ddd;
display: block;
float: left;
padding: 9px 0;
width: 100%;
}
ul.hire-bulletes li span.bullet {
background: #e62229 none repeat scroll 0 0;
border-radius: 14px;
color: #fff;
line-height: 29px;
float: left;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
height: 29px;
margin-top: 5px;
padding: 0;
text-align: center;
width: 28px;
}
ul.hire-bulletes li span.text-details {
float: right;
padding: 5px 0;
width: calc(100% - 55px);
}
.hire-developers-right {
float: right;
padding: 70px 0 0;
width: 48%;
}
ul.hire-developers-bulletes {
float: left;
font-size: 15px;
line-height: 20px;
width: 100%;
}
ul.hire-developers-bulletes li:first-child {
border-top: medium none;
padding-top: 0;
}
ul.hire-developers-bulletes li {
border-top: 1px solid #ddd;
display: block;
float: left;
padding: 15px 0;
width: 100%;
}
ul.hire-developers-bulletes li a {
cursor: pointer;
float: left;
text-decoration: none;
width: 100%;
}
ul.hire-developers-bulletes li span.icon-area {
float: left;
width: 76px;
}
ul.hire-developers-bulletes li span.icon-area img {
background: #222222 none repeat scroll 0 0 !important;
border-radius: 30px;
cursor: pointer;
transition: all 1s ease 0s;
}
ul.hire-developers-bulletes li span.text-details {
color: #8f8f8f;
float: right;
font-size: 14px;
width: calc(100% - 95px);
}
ul.hire-developers-bulletes li span.text-details strong {
color: #222222;
display: block;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 18px;
font-weight: normal;
padding-bottom: 8px;
}
ul.hire-developers-bulletes li span.text-details .red{
margin: 5px 0;
}
ul.hire-developers-bulletes li span.text-details .red strong{
color: #e62229;
}
.body-area div.home-headings {
background: #f9eae8 none repeat scroll 0 0;
color: #5a5a5a;
float: left;
margin-top: 20px;
padding-bottom: 9px;
padding-top: 7px !important;
text-align: center;
width: 100%;
}
.pt45 {
padding-top: 45px !important;
}
.body-area div.home-headings .heading1 {
color: #202020;
float: left;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 28px;
letter-spacing: -0.045em;
line-height: 31px;
padding-bottom: 3px;
width: 100%;
}
.body-area div.home-headings .heading2 {
float: left;
font-family: "HelveticaCE-Regular",Arial,sans-serif;
font-size: 16px;
width: 100%;
}
.hiring-options:first-child {
margin-left: 0;
}
.hiring-options ul.questions-answers {
background: rgb(255, 235, 235) none repeat scroll 0 0;
border-bottom: 1px solid #cfcfcf;
box-sizing: border-box;
float: left;
padding: 5px 12px;
width: 100%;
height: 96px;
}
.hiring-options ul.questions-answers li {
display: block;
padding: 4px 0 5px;
font-size: 13px;
}
.hiring-options ul.questions-answers li.answer {
line-height: 16px;
}
.hiring-options .heading2 {
color: #222222;
float: left;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 13px;
letter-spacing: -0.035em;
padding: 20px 20px 10px;
width: 251px;
}
.hiring-options ul.service-details {
float: left;
padding: 0 20px;
width: 100%;
}
.hiring-options ul.service-details li:first-child {
border-top: medium none;
}
.hiring-options ul.service-details li {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/green-check.png) no-repeat scroll 1px 11px;
border-top: 1px solid #d8d5d4;
color: #888;
display: block;
font-size: 13px;
line-height: 17px;
padding: 6px 0 6px 20px;
}
.hiring-options .heading3 {
float: left;
padding: 0 0 20px;
text-align: center;
width: 100%;
margin-top: 20px;
}
.hiring-options .heading3 .button1 {
font-size: 18px;
line-height: 16px;
padding: 15px 0;
width: 250px;
}
.button1 {
background:#e62229;
border:1px solid #e62229;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 16px;
font-weight: normal;
padding: 12px 0;
text-align: center;
text-decoration: none;
width: 165px;
}
.hiring-options {
border: 1px solid #cfcfcf;
border-radius: 3px;
float: left;
margin-bottom: 15px;
margin-left: 14px;
margin-top: 35px;
width: 31.6%;
}
.hiring-options ul.questions-answers li.question {
color: #222222;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 18px;
}
ul.hire-developers-bulletes li:hover span.icon-area img {
background:#e62229 !important;
}
ul.hire-team-process li:hover .thumb-area {
background-position: center bottom;
}
ul.hire-team-process li:hover .thumb-area {
background-position: center bottom;
}
#post-16 .icons6 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/eCommerce-Icons.png) no-repeat scroll -11px -422px;
display: inline-block;
height: 63px;
text-align: center;
width: 70px;
}
#post-16 .icons1 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/eCommerce-Icons.png) no-repeat scroll 0px -257px;
height: 62px;
text-align: center;
width: 92px;
display:inline-block;
}
#post-16 .icons2{
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat scroll 0 -2921px;
height: 62px;
text-align: center;
width: 72px;
display:inline-block;
}
#post-16 .icons5{
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCicons.png) no-repeat scroll 0 -3237px;
height: 60px;
text-align: center;
width: 83px;
display:inline-block;
}
#post-16 .icons3 {
background:rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/admin.png) no-repeat scroll 0 0px;
height: 62px;
text-align: center;
width: 74px;
display:inline-block;
}
#post-16 .icons4 {
background:rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/Extension-Installation.png) no-repeat scroll 0 0px;
height: 60px;
text-align: center;
width: 76px;
display:inline-block;
}
.button1:hover {
border: 1px solid #C40001;
background: #C40001;
color:#fff;
}
.skypeCall {
background: #3fddff;
border-radius: 5px 5px 0 0;
bottom: -4px;
height: 43px;
position: fixed;
right: 22%;
z-index: 999;
padding: 0 20px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 40px;
}
.skypeCall:hover{
color: #fff;
background: #1db3d3;
}
a.social-icon.whatsapp {
position: fixed;
bottom: -4px;
right: 11%;
background: #57bb63 url(//www.bay20.com/de/wp-content/themes/bay20/images/whatsapp-icon.png) no-repeat 0 0;
color: #fff;
text-decoration: none;
border-radius: 5px 5px 0 0;
height: 43px;
line-height: 43px;
padding: 0 20px 0 40px;
font-weight: bold;
z-index: 999;
}
.inner-headings {
clear: both;
}
.shopware ul.sm-tittle li, .shopware ul.sm-tittle2 li {
min-height: auto;
margin: 10px auto 5px;
} .wraper-inner .column1:first-child {
margin: 0;
}
.wraper-inner .column1 {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 4px;
float: left;
height: 260px;
list-style: outside none none;
margin: 0 0 0 11px;
padding: 2px 0px;
position: relative;
width: 32.76%;
}
.inner-heading li.column1 h2 {
color: #222222;
display: block;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 18px;
margin-bottom: 0;
padding: 20px 20px 10px;
}
.inner-heading li.column1 .thumbnail img{
display: inline-block;
}
.inner-heading .check-list {
display: block;
padding: 0 15px 20px;
}
.inner-heading .check-list h3:first-child {
border-top: medium none;
}
.inner-heading .check-list h3 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/green-check.png) no-repeat scroll 1px 6px;
border-top: 1px solid #d8d5d4;
color: #888;
display: block;
font-size: 13px;
font-weight: normal;
line-height: 13px;
margin-bottom: 0;
padding: 5px 0 5px 20px;
}
.inner-heading .check-list h3 a {
color: #888;
text-decoration: none;
}
.blue-left, .blue-right {
display: none;
}
.inner-heading .column1 .thumbnail {
text-align: center;
height: 206px;
}
.inner-heading li.column1 .page-title h2 {
color: #fff;
font-size: 13px;
height: 50px;
padding: 10px 0 0;
text-align: center;
}
.inner-heading li.column1 .page-title {
background: #222222 none repeat scroll 0 0;
border-radius: 0 0 3px 3px;
float: left;
width: 100%;
}
.inner-heading li.column1 .page-title h2 strong {
display: block;
font-size: 21px;
font-weight: normal;
letter-spacing: -0.055em;
line-height: 22px;
}
.inner-heading .heading2 {
color: #000;
display: block;
font-size: 12px;
height: 125px;
line-height: 16px;
padding: 0 20px 10px;
}
.inner-heading .heading2 a {
color: #000;
text-decoration: none;
}
.inner-heading .heading3 {
display: block;
padding: 2px 0 10px;
text-align: center;
}
.inner-heading .heading3 .button1 {
font-size: 13px;
width: 195px;
}
.inner-heading {
margin-bottom: 30px;
overflow: hidden;
}
.wraper-inner .column1 > p .green-price {
background: #3eb36a none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: block;
padding: 2px 10px;
}
.wraper-inner .column1 > p .green-price > span {
font-weight: bold;
}
.wraper-inner .column1 .heading2 {
height: 96px;
margin-top: 4px;
}
.wraper-inner .column1 .heading3 .button1:hover {
color: #fff;
}
.wraper-inner .column1 .heading3 .button1 {
padding: 10px 0;
}
.wraper-inner .column1 > p {
margin: 0;
padding: 0 20px;
}
.inner-headings .heading1 {
float: left;
font-size: 28px;
font-weight: 600;
letter-spacing: -0.045em;
padding-bottom: 8px;
width: 100%;
}
.inner-headings {
color: #5a5a5a;
float: left;
text-align: center;
width: 100%;
}
.inner-headings .heading2 {
float: left;
font-size: 16px;
width: 100%;
}
.inner-headings .heading2 a {
color: #5a5a5a;
text-decoration: none;
}
.services-columns {
float: left;
padding-top: 40px;
width: 100%;
}
.services-left-column {
float: left;
width: 600px;
}
.normalhead {
color: #202020;
cursor: default !important;
display: block;
float: left;
font-size: 24px;
letter-spacing: -0.045em;
padding-bottom: 5px;
text-decoration: none;
width: 100%;
}
.normalhead h1, .normalhead h2 {
color: #202020;
font-size: 24px;
}
.services-columns .content-area {
height: 370px;
}
.services-columns .cms p {
display: block;
line-height: 18px;
padding-bottom: 15px;
}
.services-columns .cms p a {
color: #5a5a5a;
text-decoration: none;
}
.pb20 {
padding-bottom: 20px !important;
}
.cms-features {
float: left;
width: 100%;
}
.cms-features ul:first-child {
border-left: medium none;
}
.cms-features ul {
border-left: 1px solid #d8d8d8;
float: left;
width: 50%;
box-sizing: border-box;
}
.cms-features ul li:first-child {
border-top: medium none;
padding-top: 0 !important;
}
.cms-features ul:first-child li {
padding: 15px 15px 35px 0;
}
.cms-features ul li {
border-top: 1px solid #d8d8d8;
font-size: 13px;
min-height: 60px;
list-style: outside none none;
padding: 15px 0 35px 15px;
display: inline-block;
}
.cms-features ul li .caption-box {
display: inline-block;
float: right;
width: calc(100% - 55px);
line-height: normal;
color: #888;
}
.cms-features img {
float: left;
}
.cms-features li span {
color: #888;
display: block;
float: left;
line-height: normal;
padding: 0 0 0 14px;
width: 85%;
}
.cms-features li a {
color: #202020;
cursor: default !important;
display: block;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 18px;
padding-bottom: 8px;
text-decoration: none;
}
#super_recent_posts_widget-2 ul li {
box-sizing: border-box;
float: left;
list-style: outside none none;
padding: 0 25px 20px 0;
width: 50%;
}
#super_recent_posts_widget-2 ul li img {
float: left;
height: auto;
margin-bottom: 7px;
margin-right: 20px;
width: 209px;
}
#super_recent_posts_widget-2 li a {
color: #C40001;
display: block;
font-size: 18px;
font-weight: 600;
line-height: normal;
padding-bottom: 7px;
text-decoration: none;
}
#super_recent_posts_widget-2 p {
font-size: 13px;
line-height: normal;
}
ul.hire-developers-bulletes .text-details span > a.red {
float: none;
margin: 0;
width: auto;
}
.check-list > li, .wccus li {
list-style: outside none none;
}
.services-left-column {
float: left;
padding-top: 40px;
width: 100%;
}
.services-left-column .commonhead h3 {
font-size: 18px;
}
.wccus {
border: 1px solid #d8d8d8;
border-radius: 3px;
float: left;
padding: 18px 19px 9px;
width: 100%;
box-sizing: border-box;
}
.wccus .wccus-left {
float: left;
width: 60%;
}
.wccus .wccus-right {
float: right;
width: 32%;
}
.wccus .wccus-left ul.check-list {
display: block;
padding: 0;
}
.wccus .wccus-left ul.check-list li:first-child {
border-top: medium none;
}
.wccus .wccus-left ul.check-list li {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/green-check.png) no-repeat scroll 1px 23px;
border-top: 1px solid #d8d5d4;
display: block;
font-size: 15px;
line-height: 18px;
padding: 8px 0 8px 20px;
}
.wccus .wccus-right .pricing {
color: #222222;
float: left;
font-size: 18px;
letter-spacing: -0.035em;
line-height: 30px;
padding-top: 5px;
text-align: center;
width: 100%;
}
.wccus .wccus-right .pricing a {
color: #222;
text-decoration: none;
}
.wccus .wccus-right .pricing a h2 {
font-size: 18px;
}
.wccus .wccus-right .pricing strong {
color: #be2c1d;
font-size: 40px;
font-weight:600;
letter-spacing: -0.055em;
}
.wccus .wccus-right .yellow-area {
background:#ECEAE2;
border: 1px solid #d8d8d8;
border-radius: 2px;
float: left;
margin: 0 16px;
padding: 15px;
}
.wccus .wccus-right .yellow-area ul {
float: left;
width: 100%;
}
.wccus .wccus-right .yellow-area li:first-child {
border-top: medium none;
}
.wccus .wccus-right .yellow-area li {
border-top: 1px solid #d1d1d1;
float: left;
font-size: 15px;
padding: 8px 0;
width: 100%;
}
.f11 {
font-size: 11px;
}
.wccus .wccus-right .yellow-area .button1 {
padding: 12px 15px 11px;
}
.row.a-c.pt10, .pricing > p{
margin: 0;
}
.row.a-c.pt10 .button1:hover {
color: #fff;
}
.row.a-c.pb10 {
margin-bottom: 0;
text-align: center;
}
.pricing br {
display: none;
}
.brands {
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
clear: both;
margin: 0;
overflow: hidden;
padding: 12px 10px;
width: 100%;
text-align: center;
}
.brands li {
display: inline-block;
list-style: outside none none;
margin: 0 14px;
}
.brands .container{
margin: 0 auto !important;
}
.brands a {
display: block;
}
.page-id-1976 #primary.site-content {
margin-bottom: 30px;
}
#super_recent_posts_widget-2 .widget-title {
display: none;
}
.page-id-1976 .body-area.container.clearfix {
margin-bottom: 40px;
}
.page-template-page-templateshire-dedicated-team-php .pageContact {
max-width: 1480px;
margin: 0 auto 30px;
padding: 0 20px;
} .pageContact{
font-size: 17px;
font-weight: bold;
word-spacing: 2px;
}
.pageContact a{
color: #C40001;
}
.pageContact a:hover{
color: #000;
}
.services-left-column .button1 {
width: 242px;
}
.services-left-column .wccus .yellow-area {
margin-top: 10px;
} .page-template-page-templateshire-dedicated-team-php .pageContact {
margin: 0 auto 30px;
max-width: 1480px;
}
.web-design1 h3 {
color: #f05b57;
font-size: 28px;
font-weight: normal;
line-height: normal;
margin-bottom: 5px;
}
.web-design_inner > p, .sidebar_content > p {
text-align: left;
}
.web-design1, .sidebar_content {
border: 1px solid #d7d7d7;
border-radius: 3px;
padding: 20px;
text-align: center;
}
.main_design {
clear: both;
}
.design_package .title{
border-left: 5px solid #eb4847;
font-weight: normal;
font-family: "PT Sans";
font-size: 30px;
margin-bottom: 15px;
padding-left: 8px;
}
.design_package {
margin-top: 20px;
}
.package li {
list-style: outside none none;
}
.main_design .dt {
border: 1px solid #e0e0e0;
box-sizing: border-box;
overflow: hidden;
padding: 10px 15px;
}
.dt > li {
box-sizing: border-box;
float: left;
padding: 20px;
text-align: center;
width: 25%;
}
.dt.dt1 {
background: #f9f9f9 none repeat scroll 0 0;
}
.dt > li.table-title {
color: #565656;
font: 700 15px/22px "PT Sans",sans-serif;
text-transform: uppercase;
}
.main_design .dt:nth-child(2n+1) {
background: rgb(255, 235, 235) none repeat scroll 0 0;
}
.btn.orange {
background: #e62229 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
margin: 10px 0 0;
padding: 7px 10px;
text-decoration: none;
}
.dt sup {
bottom: 0;
font-size: 14px;
line-height: normal;
}
.dt.dt3 li ul li {
padding: 2px 0;
}
.sellSection01 .icons1, .sellSection01 .icons2, .sellSection01 .icons3, .sellSection01 .icons4, .sellSection01 .icons5, .sellSection01 .icons6 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/UnlimitedPossibilities1.png) no-repeat scroll center 0px;
height: 62px;
text-align: center;
width: 92px;
display:inline-block;
text-indent: -99999px;
}
.sellSection01 .icons2 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/Multiple-Payment-Options.png) no-repeat scroll center 0px;
}
.sellSection01 .icons3 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/Stand out.png) no-repeat scroll center 0px;
}
.sellSection01 .icons4 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/Selling-Tools.png) no-repeat scroll center 0
}
.sellSection01 .icons5{
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/More-Customers.png) no-repeat scroll center 0px;
}
.sellSection01 .icons6 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/Grow-More.png) no-repeat scroll center 0
}
.dt.dt10 > li.table-title, .dt.dt12 > li.table-title {
text-transform: inherit;
}
.dt.dt12 .btm-price > p {
margin-bottom: 5px;
margin-top: 15px;
font-size: 13px;
font-weight: bold;
}
.dt.dt12 .btm-price span.price{
color: #e62229;
font-size: 20px;
font-weight: bold;
}
.dt.dt12 .btm-price > p > span{
color: #e62229;
}
.dt.dt12 > li.table-title a{
color: #C40001;
padding-left: 10px;
}
.dt.dt12 > li.table-title a:hover{
color: #000;
}
.dt > li{}
.security_inner p > img {
height: auto;
width: 100%;
}
.security {
margin: 0 auto;
padding: 0 10px;
max-width: 1480px;
}
.support_1 .container > h1, #post-2354 .entry-title > h1 {
font-family: "brandon-grotesque",Helvetica,Roboto,Arial,sans-serif;
font-size: 45px;
margin-bottom: 8px;
text-align: center;
}
.support_1 .page-title h2, .post-2354 .entry-title > h4 {
color: #fff;
font-family: "brandon-grotesque",Helvetica,Roboto,Arial,sans-serif;
font-size: 20px;
font-weight: lighter;
margin: 0;
text-align: center;
text-transform: uppercase;
}
.anchor-nav ul {
margin-left: -0.875em;
margin-right: -0.875em;
}
.anchor-nav.count-2 li:first-child {
margin-right: 14px;
}
.anchor-nav.count-2 li {
width: 48.5%;
}
.anchor-nav li {
margin-bottom: 0;
padding-left: 0.875em;
padding-right: 0.875em;
}
.anchor-nav li {
float: left;
padding-left: 0.3125em;
padding-right: 0.3125em;
width: 100%;
list-style: outside none none;
}
.anchor-nav .active a, .anchor-nav a:hover {
background-color: #0c0c0c;
color: #fff;
}
.anchor-nav a {
display: block;
font-size: 0.8125em;
font-weight: 900;
padding: 1.61538em 0.76923em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #0c0c0c;
}
.Magento_Support {
clear: both;
margin: 50px 0;
}
.Magento_Support > .column.column-1, .services-layout-five .column {
float: left;
width: 40%;
}
.Magento_Support > .column.column-2, .services-layout-five .column.column-2 {
float: right;
width: 55%;
}
.column.column-2 img, .services-layout-five .column.column-2 img {
height: auto;
width: 100%;
}
.Magento_Support .description h2, .services-layout-five .column.column-1 > h2 {
font-size: 30px;
}
.support_servic .container {
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.support_servic .column {
box-sizing: border-box;
float: left;
padding: 0 5px;
width: 25%;
}
.support_servic .inner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
overflow: hidden;
padding: 3.125em 0 0;
position: relative;
text-align: center;
}
.support_servic .inner {
padding: 6.875em 0;
}
.support_servic .overlay {
opacity: 0.8;
}
.support_servic .overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: opacity 0.25s ease-in-out 0s;
width: 100%;
z-index: 0;
background-color: #e62229 !important;
}
.support_servic .icon {
margin-bottom: 1.75em;
}
.support_servic .icon {
margin-bottom: 0.9375em;
min-height: 68px;
text-indent: 0;
display: inline-block;
}
.support_servic .icon {
text-indent: 0;
}
.support_servic h4 {
color: #fff;
font-size: 20px;
margin-bottom: 0.25em;
min-height: 57px;
text-transform: uppercase;
}
.support_servic .content {
font-size: 14px;
line-height: 1.6;
padding: 0 1.42857em;
}
.support_servic .row {
margin: 0;
}
.support_servic .icon img {
max-width: 60px !important;
width: 60px !important;
}
.services-layout-banners .banner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
height: 30.3125em;
width: 100%;
}
.services-layout-five .services-layout-five-top {
margin-bottom: 3.3125em;
text-align: center;
margin-top: 70px;
}
.services-layout-five hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #0c0c0c -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: solid none none;
border-width: 2px 0 0;
margin: 0.875em auto 1.0625em;
max-width: 48px;
}
.services-layout-five p:last-child {
margin-bottom: 0;
}
.services-layout-five .strapline {
font-size: 1.0625em;
font-weight: 300;
line-height: 1.4;
}
.services-layout-five p {
font-size: 0.9375em;
margin-bottom: 1.73333em;
}
.services-layout-five .column.column-1 {
padding-right: 0.9375em;
}
.services-layout-five .column {
padding-left: 0;
padding-right: 0;
}
.services-layout-five .column.column-2 {
margin-top: 0.4375em;
padding-left: 1.875em;
}
.services-layout-five .column.column-2 {
margin-top: 4.375em;
}
.services-layout-five .column.column-2 {
margin-top: 1.875em;
text-align: center;
}
.services-layout-five .logo {
float: none;
}
.services-layout-banners {
margin-top: 60px;
}
.support_1 .brands img {
max-width: 200px !important;
width: 250px;
}
.support_1 .brands li {
margin: 0 5px;
}
.support_1 .brands {
border: medium none;
padding: 30px 0;
}
.services-layout-banners {
margin-bottom: 20px;
margin-top: 60px;
overflow: hidden;
} .support-pack .page-heading {
color: #0e2345;
margin: 40px 0 28px;
padding-bottom: 10px;
text-align: left;
font-size: 25px;
line-height: 1.2em;
position: relative;
font-weight: normal;
}
.support-pack .page-heading::after, .sec-pricing__header .page-heading::after {
background: #f74f4d none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 0;
margin-left: 0;
position: absolute;
width: 75px;
}
.sec-pricing__header {
position: relative;
text-align: center;
}
.support-pack .page-description {
color: #636363;
font-size: 17px;
max-width: none;
padding: 0;
text-align: left;
}
.support-pack .col-md-3 {
box-sizing: border-box;
float: left;
padding: 0 15px;
width: 25%;
}
.grey-bg.support-pack .col-md-12 {
box-sizing: border-box;
padding: 0 15px;
width: 100%;
}
.grey-bg.support-pack {
background: #f7f7f7 none repeat scroll 0 0;
font-family: "proxima_nova_light",Arial,"Helvetica Neue",Helvetica,sans-serif;
padding-bottom: 20px;
overflow: hidden;
}
.grey-bg.support-pack h3 {
text-align: center;
}
.support-pack.grey-bg p {
text-align: center;
}
.support-pack.grey-bg .sec-pricing__header {
text-align: center;
}
.support-pack.grey-bg .pricing-list {
list-style: outside none none;
margin: 40px 0 0;
padding: 0;
}
.sec-pricing__header .page-heading::after {
left: 0;
margin: 0 auto;
right: 0;
width: 90px;
}
.sec-pricing__header p {
margin: 14px 0;
}
.pricing-list > li {
border: 1px solid #e8e8e8;
border-radius: 2px;
display: block;
float: left;
margin: 10px 0.5%;
position: relative;
transition: all 0.35s ease-in-out 0s;
width: 23.7%;
}
.pricing-list .head {
border-bottom: 1px solid #e8e8e8;
padding: 20px 10px 10px;
text-align: center;
}
.pricing-list .head h3 {
color: #22292e;
margin: 0;
text-transform: uppercase;
}
.pricing-list .price_wrap {
border-bottom: 1px solid #e8e8e8;
padding: 20px;
text-align: center;
}
.pricing-list .price_wrap .unit {
color: #22292e;
display: inline-block;
font-size: 24px;
line-height: 1em;
position: relative;
top: -10px;
}
.pricing-list .price_wrap .price {
color: #22292e;
display: inline-block;
font-size: 38px;
line-height: 1em;
}
.pricing-list .price_wrap .plus {
color: #636363;
display: inline-block;
font-size: 17px;
line-height: 1em;
position: relative;
top: -7px;
}
.pricing-list .price_wrap .per {
color: #636363;
}
.pricing-list .benifits {
list-style-type: none;
margin: 0;
min-height: 300px;
padding: 20px;
}
.pricing-list .benifits li {
color: #636363;
font-size: 17px;
line-height: 1.4em;
margin-bottom: 10px;
padding-left: 32px;
position: relative;
}
.pricing-list a {
text-decoration: none;
}
.pricing-list .benifits li::before {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/check-mark.png) no-repeat scroll left top;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 8px;
width: 12px;
}
.pricing-list > li.highlight {
background: #f4432f none repeat scroll 0 0;
color: #ffffff;
}
.pricing-list > li.highlight .price_wrap, .pricing-list > li.highlight .head {
border-bottom: 1px solid #f65f4e;
}
.pricing-list > li.highlight .price_wrap .unit, .pricing-list > li.highlight .price_wrap .price, .pricing-list > li.highlight .price_wrap .plus, .pricing-list > li.highlight .benifits li, .pricing-list > li.highlight .head h3, .pricing-list > li.highlight .price_wrap .per {
color: #ffffff;
}
.sec-pricing .col-md-12 > div.link-center {
clear: both;
padding: 40px 0 20px;
text-align: center;
}
.link-center .RichSnippet a {
color: #ff0000;
text-decoration: none;
}
.pricing-list > li.highlight .benifits li::before {
background-position: left bottom;
}
.sec-pricing.support-pricing .col-md-12 {
width: 100%;
padding: 0;
}
.sec-pricing__header .page-heading{
color: #0e2345;
display: block;
font-family: "proxima_nova_regular",Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 25px;
line-height: 1.2em;
padding-bottom: 10px;
width: 100%;
position: relative;
font-weight: normal;
}
.grey-bg.support-pack i{
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/support-icon.png) no-repeat scroll 0 0;
display: block;
width: 70px;
height: 70px;
font-style: normal;
margin: auto;
text-indent: -99999px;
}
.grey-bg.support-pack i.design-update {
background-position: -10px -269px;
}
.grey-bg.support-pack i.bug-fix {
background-position: -13px -185px;
}
.grey-bg.support-pack i.security-update {
background-position: -7px -3px;
}
.grey-bg.support-pack i.addition-1 {
background-position: -12px -100px;
}
.benifits{
position: relative;
}
.highlight .benifits .started {
background: #ffffff none repeat scroll 0 0;
color: #ff0000;
}
.page-id-2494 .entry-header {
margin-bottom: 0;
}
.page-id-2494 #comments.comments-area {
display: none;
}
.support-pack .col-md-12 > .page-heading {
display: none;
}
.support-pack .col-md-12 > .page-description {
margin-bottom: 40px;
margin-top: 40px;
}
.benifits .started {
background: #ff0000 none repeat scroll 0 0;
border-radius: 4px;
bottom: 5px;
color: #ffffff;
display: block;
font-weight: 600;
left: 0;
margin: 0 auto;
padding: 10px 15px;
position: absolute;
right: 0;
text-align: center;
text-transform: capitalize;
width: 130px;
}
.cms-block-hire > .hire-head {
color: #000000;
font-size: 18px;
font-weight: 600;
margin: 5px 0;
padding: 0;
text-align: left;
text-transform: none;
}
.list-view{
padding: 10px 0 30px;
}
.list-view > .inner {
border: 1px solid #dddddd;
border-radius: 4px;
padding: 10px;
}
.list-view > .inner .inner-head {
background: #e62229 none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #ffffff;
cursor: pointer;
font-size: 18px;
font-weight: normal;
position: relative;
padding: 15px 30px 15px 15px;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
overflow: hidden;
}
.list-view > .inner .inner-head::after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 10px 10px 0;
content: "";
height: 0;
margin-top: -5px;
position: absolute;
right: 20px;
top: 50%;
width: 0;
}
.list-view > .inner .inner-head:hover {
background: #000000 none repeat scroll 0 0;
}
.text-hire li {
color: #000;
list-style: outside none none;
font-size: 16px;
line-height: 20px;
padding: 6px 0;
font-weight: 400;
}
.text-hire li > i {
border: 2px solid #C40001;
border-radius: 15px;
content: "0";
float: left;
height: 10px;
margin: 4px 10px 0 0;
width: 10px;
}
.list-view .inner-head-list{
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/banner-1.jpg) no-repeat scroll center top;
}
.list-view .head-nav{
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
padding: 20px;
} .symfonyDevelopment .magentoDeve li i{
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/symfony-icon.png);
height: 50px;
width: 85px;
}
.symfonyDevelopment .magentoDeve li i.icons1 {
background-position: -12px 4px;
}
.symfonyDevelopment .magentoDeve li i.icons2 {
background-position: -12px -65px;
}
.symfonyDevelopment .magentoDeve li i.icons3 {
background-position: -12px -140px;
}
.symfonyDevelopment .magentoDeve li i.icons4 {
background-position: -15px -295px;
}
.symfonyDevelopment .magentoDeve li i.icons5 {
background-position: -8px -515px;
}
.symfonyDevelopment .magentoDeve li i.icons6 {
background-position: -15px -373px;
}
.symfonyDevelopment .magentoDeve li i.icons7 {
background-position: -12px -440px;
} .prastashop .magentoDeve li i{
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/prastaShop-icons.png) no-repeat scroll 0 0;
width: 95px;
height: 85px;
}
.prastashop .magentoDeve li i.migIcons1 {
background-position: -21px 4px;
}
.prastashop .magentoDeve li i.migIcons2 {
background-position: -21px -77px;
}
.prastashop .magentoDeve li i.migIcons3 {
background-position: -19px -161px;
}
.prastashop .magentoDeve li i.migIcons4 {
background-position: -19px -241px;
}
.prastashop .magentoDeve li i.migIcons5 {
background-position: -19px -326px;
}
.prastashop .magentoDeve li i.migIcons6 {
background-position: -19px -424px;
} .Magento2Development .magentoDeve li i{
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/magento2-icon.png) no-repeat scroll 0 0;
height: 50px;
width: 85px;
}
.Magento2Development.shopwareDevelopment .magentoDeve li i{
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/shopware-icon.png);
}
.Magento2Development.shopwareDevelopment .magentoDeve li i.icons2 {
background-position: -2px 0;
}
.Magento2Development.salesforceDevelopment .magentoDeve li i{
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/salesforce-icon.png);
}
.Magento2Development.salesforceDevelopment .magentoDeve li i.icons1 {
background-position: -5px 0;
}
.Magento2Development.salesforceDevelopment .magentoDeve li i.icons4 {
background-position: -8px -295px;
}
.Magento2Development.hubspotDevelopment .magentoDeve li i{
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hubspot-icon.png);
}
.Magento2Development.hubspotDevelopment .magentoDeve li i.icons1 {
background-position: -5px 0;
}
.Magento2Development.zohoDevelopment .magentoDeve li i{
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/zoho-icon.png);
}
.Magento2Development.zohoDevelopment .magentoDeve li i.icons1 {
background-position: -5px 0;
}
.Magento2Development .magentoDeve li i.icons2 {
background-position: -8px -63px;
}
.Magento2Development .magentoDeve li i.icons3 {
background-position: -8px -142px;
}
.Magento2Development .magentoDeve li i.icons4 {
background-position: -10px -295px;
}
.Magento2Development .magentoDeve li i.icons5 {
background-position:-8px -517px;
}
.Magento2Development .magentoDeve li i.icons6 {
background-position:-8px -373px;
}
.Magento2Development .magentoDeve li i.icons7 {
background-position: -8px -441px;
}
.degital-marketing .title-head > h2::after {
border-bottom: 4px solid #fc7f02;
display: inline-block;
line-height: 86px;
overflow: hidden;
text-align: center;
width: 20%;
}
.degital-marketing .title-head .title {
color: #28282e;
margin: 10px 0 30px;
text-align: center !important;
}
.degital-marketing .title-head > h2 {
color: #28282e !important;
display: block;
font-size: 50px;
margin: 0 0 5px;
text-align: center;
}
.digital_banner > img {
height: auto;
width: 100%;
}
.main.degital-marketing, .seo-packages > .inner {
margin: 0 auto;
max-width: 1480px;
padding: 0 10px;
}
.degital-marketing .inner-block {
border-bottom: 1px solid #dddddd;
margin-bottom: 10px;
margin-top: 20px;
padding-bottom: 20px;
clear: both;
}
.degital-marketing .inner-block .img-setion {
box-sizing: border-box;
float: left;
padding: 0 15px;
position: relative;
width: 50%;
}
.degital-marketing .inner-block .img-setion > img {
max-width: 100%;
}
.degital-marketing .inner-block::after {
clear: both;
content: "";
display: block;
overflow: hidden;
}
.degital-marketing .inner-block .content {
box-sizing: border-box;
float: left;
padding: 0 15px;
width: 50%;
}
.degital-marketing h2.nomber {
border-bottom: 4px solid #C40001;
color: #000;
font: 600 32px/45px "Open Sans",Helvetica,Arial,sans-serif;
margin-bottom: 10px;
width: 7%;
}
.degital-marketing .block-heading {
color: #28282e !important;
font: 600 35px/45px "Open Sans",Helvetica,Arial,sans-serif;
margin-bottom: 10px;
padding-bottom: 5px;
position: relative;
}
.degital-marketing .block-heading:after {
border-bottom: 2px groove rgba(240, 75, 0, 1);
width: 90%;
content: "";
position: absolute;
bottom: 0;
left: 0;
}
ul.check-list li {
background: rgba(0, 0, 0, 0) url(https://www.bay20.com/wp-content/uploads/2017/02/check1.png) no-repeat scroll 0 12px;
font-size: 16px !important;
line-height: 35px !important;
padding: 0 0 0 23px;
}
ul.check-list {
list-style-type: none;
margin: 0 0 10px;
padding: 0 0 20px;
}
.seo-description {
text-align: center;
margin-bottom: 30px;
}
.table-block ul {
list-style: outside none none;
}
.table-block > .txt_cent {
clear: both;
color: #C40001;
font-size: 16px;
padding: 20px 0;
text-align: center;
text-align: center;
}
.table-block .caption_column {
float: left;
width: 16.5%;
text-align: center;
}
.table-block .caption_column.column_0_responsive {
text-align: left;
}
.table-block::after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.table-block .grid-block-1.block-heading1 {
height: 100px;
line-height: 33px;
padding: 5px 0 8px 10px !important;
width: 100%;
box-sizing: border-box;
}
.table-block .grid-block-1 .caption > span {
color: #f5a13e;
}
.table-block ul li.block-style-1 {
background: #ffffff none repeat scroll 0 0;
}
.table-block .column_0_responsive ul li.block-style-3, .table-block .column_2_responsive ul li.block-style-3, .table-block .column_4_responsive ul li.block-style-3, .table-block .column_6_responsive ul li.block-style-3 {
background: #ebebeb none repeat scroll 0 0 !important;
}
.table-block .grid-block-1.block-heading1 .caption {
color: #d76431;
text-align: left;
font-size: 28px;
font-weight: normal;
line-height: 35px;
}
.table-block ul li span.css3_grid_vertical_align{
display: table;
height: 100%;
padding: 0 !important;
width: 100%;
}
.table-block ul li span.css3_grid_vertical_align > span {
display: table-cell;
padding: 0 10px;
font-size: 13px;
vertical-align: middle;
}
.table-block ul li {
box-sizing: content-box;
height: 40px;
transition: all 400ms ease-in-out 0s;
padding: 12px 0 !important;
}
.column_1_responsive .block-heading1.block-responsive {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f2b935 0%, #ed9e28 100%) repeat scroll 0 0 !important;
}
.table-block .column_1_responsive ul li.block-style-3, .table-block .column_3_responsive ul li.block-style-3, .table-block .column_5_responsive ul li.block-style-3, .table-block .column_6_responsive ul li.block-style-3 {
background: #f6f6f6 none repeat scroll 0 0;
}
.table-block .grid-block-1.block-heading1 h2 {
color: #ffffff;
font-size: 20px;
font-weight: normal;
margin: 0;
text-align: center;
}
.column_2_responsive .block-heading1.block-responsive {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eea637 0%, #e7832a 100%) repeat scroll 0 0 !important;
}
.column_3_responsive .block-heading1.block-responsive {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e48534 0%, #d96527 100%) repeat scroll 0 0 !important;
}
.column_4_responsive .block-heading1.block-responsive {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d86533 0%, #c94d26 100%) repeat scroll 0 0 !important;
}
.column_5_responsive .block-heading1.block-responsive {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #c84343 0%, #b33333 100%) repeat scroll 0 0 !important;
border-radius: 0 0 5px;
}
.css3_grid_vertical_align br {
display: none;
}
.icon_yes_03::after {
color: #56a600;
content: "✔";
display: block;
font-size: 21px;
transform: rotate(15deg);
}
.icon_no_03::after {
color: #d64747;
content: "✖";
font-size: 21px;
}
.table-block .column_0_responsive ul li.block-style-1.differ {
background: #dbece2 none repeat scroll 0 0;
color: #407800;
}
.table-block .column_0_responsive ul li.block-style-1.differ span > span {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.table-block .caption_column.column_1_responsive:hover li.block-style-3 {
background:#ed9e28 none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_1_responsive:hover li.block-style-1 {
background: #f0ae30 none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_1_responsive:hover .grid-block-1.block-heading1 {
border-radius: 0;
}
.table-block .caption_column.column_2_responsive:hover li.block-style-3 {
background: #e7832a none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_2_responsive:hover li.block-style-1 {
background: #eb9732 none repeat scroll 0 0 !important;
}
.table-block .caption_column:hover li.block-responsive {
color: #ffffff;
border-radius: 0;
}
.table-block .caption_column.column_3_responsive:hover li.block-style-3 {
background: #d96527 none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_3_responsive:hover li.block-style-1 {
background: #df772e none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_4_responsive:hover li.block-style-1 {
background: #d25b2c none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_4_responsive:hover li.block-style-3 {
background: #c94d26 none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_5_responsive:hover li.block-style-1 {
background: #c03c3c none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_5_responsive:hover li.block-style-3 {
background: #b33333 none repeat scroll 0 0 !important;
}
.table-block .caption_column:hover li .icon_no_03::after, .table-block .caption_column:hover li .icon_yes_03::after {
color: #ffffff;
}
.table-block .caption_column.column_0_responsive:hover li.block-responsive {
color: #3d3d3d;
}
.note span {
color: #C40001;
display: block;
}
.mrt10 {
margin-top: 10px;
}
article.pakages {
color: #393939;
float: left;
font-size: 1.375em;
line-height: 30px;
padding: 14px 0;
text-align: center;
width: 100%;
}
.seo-packages a{
text-decoration: none;
}
article.pakages a {
color: #006fae;
text-decoration: none;
}
article.pakages span {
color: #cc3341;
}
.seo-packages .awards {
clear: both;
background: #f3f3f3 none repeat scroll 0 0;
padding: 20px 0;
min-height: auto;
text-align: center;
}
.seo-packages .heading {
color: #434343;
float: left;
margin: 10px 0;
text-align: center;
width: 100%;
}
.seo-packages .awards img {
max-width: 100%;
}
.seo-packages .heading span::before {
left: 100%;
}
.seo-packages .heading span::before, .heading span::after {
background: #b9b9b9 none repeat scroll 0 0;
content: "";
display: block;
height: 2px;
position: absolute;
top: 50%;
width: 30%;
}
.seo-packages .heading span::after {
right: 100%;
}
.seo-packages .heading span {
display: inline-block;
font-size: 2.5em;
padding: 0 15px;
position: relative;
}
.seo-1 .table-block .caption_column {
width: 18.2%;
}
.column_6_responsive .block-heading1.block-responsive {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eea637 0%, #e7832a 100%) repeat scroll 0 0 !important;
border-radius: 0 0 5px;
}
.table-block ul li.block-responsive.org {
background: #eecf8e none repeat scroll 0 0 !important;
color: #ffffff !important;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.table-block .caption_column.column_6_responsive:hover li.block-style-1 {
background: #eb9732 none repeat scroll 0 0 !important;
}
.table-block .caption_column.column_6_responsive:hover li.block-style-3 {
background: #e7832a none repeat scroll 0 0 !important;
}
.seo-1 .table-block .caption_column.column_0_responsive {
width: 27.2%;
}
.table-block {
margin-bottom: 30px;
clear: both;
}
site-review-form span input {
height: 34px;
width: 95%;
border: 1px solid #ddd;
line-height: 34px;
padding: 0 10px;
box-sizing: border-box;
}
.site-review-form span {
display: block;
}
.site-review-form .inner div {
float: left;
width: 32%;
}
.site-review-form .inner div.submit {
width: 10%;
}
.site-review-form .inner {
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
.site-review-form > p {
text-align: center;
font-size: 22px;
font-weight: 600;
padding-bottom: 20px;
text-transform: capitalize;
}
.site-review-form {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.site-review-form .inner div.captcha {
width: 22%;
}
.site-review-form span input#captcha {
width: 150px;
}
.site-review-form div.captcha img {
float: left;
}
.site-review-form div.captcha span {
display: inline-block;
float: left;
width: 150px;
}
.site-review-form .inner div.submit .wpcf7-submit {
margin: 0 10px;
}
.site-review-form .inner div.submit {
width: 14%;
margin-top: 0;
}
.site-review-form .inner div.submit .wpcf7-submit {
margin: 0;
height: 40px;
width: 100%;
font-size: 18px;
text-transform: uppercase;
}
.site-review-form span input {
height: 40px;
width: 95%;
border: 1px solid #c6c6c6;
line-height: 34px;
padding: 0 10px;
box-sizing: border-box;
border-radius: 4px;
background: #f0f0f0;
}
#wpcf7-f2996-p2941-o1 {
margin-bottom: 30px;
overflow: hidden;
}
.grid-block-02.block-style-3.block-responsive {
border-top: 1px solid #db8d19;
}
.column_0_responsive .grid-block-02.block-style-3.block-responsive {
border-top: transparent;
}
.grid-block-02.block-style-3.block-responsive span {
font-size: 16px;
}
.wrapper .degital-marketing > .container {
box-sizing: border-box;
padding: 0;
}
.site-review-form > p.see {
margin: 0;
padding: 0;
}
.close-btn {
display: inline-block;
width: 38px;
height: 38px;
position: absolute;
right: 3px;
top: 2px;
color:#fff;
text-align: center;
line-height: 35px;
font-size: 22px;
font-weight: bold;
cursor: pointer;
background: #C40001;
border-radius: 4px;
} .androidDeve.mobile-app li i.ecomIcons7, .androidDeve.mobile-app li i.ecomIcons10 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/mobile-app.png) no-repeat 0 0;
background-position: -90px -5px;
width: 86px;
height: 70px;
text-align: center;
}
.androidDeve.mobile-app li i.ecomIcons10 {
background-position: 0px -7px;
height: 71px;
}
.androidDeve.mobile-app li i.ecomIcons4 {
height: 70px;
}
.entry-header .entry-title > h4 {
margin: 0;
} .app-benefits {
padding-bottom: 80px;
background: #f5f5f5;
}
.col-sm-4 {
width: 33.33333333%;
}
.benefit {
margin-top: 0;
text-align: center;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
box-sizing: border-box;
}
.benefit .title {
font-size: 30px;
color: #3D3D3D;
margin-top: 0;
margin-bottom: 15px;
}
.container::after {
content: "";
display: block;
overflow: hidden;
clear: both;
}
.app-benefits .title {
font-size: 30px;
font-weight: 300;
padding-top: 60px;
margin-bottom: 20px;
}
.benefit i {
display: block;
margin-bottom: 15px;
font-size: 80px;
color: #e62229;
}
.fa {
display: inline-block;
font: 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-mobile-phone::before, .fa-mobile::before {
content: "\f10b";
}
.fa-wordpress::before {
content: "\f19a";
}
.fa-check-square-o::before {
content: "\f046";
} .why {
padding-top: 20px;
padding-bottom: 20px;
}
.why .item {
padding: 20px 0 0;
position: relative;
overflow: inherit;
border-bottom: 1px solid #ddd;
margin: 0;
}
.why .item::after{
content: "";
display: block;
overflow: hidden;
clear: both;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
padding-left: 15px;
padding-right: 15px;
position: relative;
box-sizing: border-box;
}
.col-md-5 {
width: 41.66666667%;
margin: 0;
}
.why .item .title {
margin-bottom: 15px;
text-align: left;
font-size: 30px;
color: #e62229;
margin-top: 0;
font-weight: 300;
}
.why .item .desc {
margin-bottom: 60px;
}
.img-circle {
border-radius: 50%;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
#why p:empty {
display: block;
margin-bottom: 15px;
line-height: 1.5;
}
.why .figure {
position: relative;
text-align: left;
box-sizing: border-box;
margin-right: 0;
}
#why .content.col-md-5 {
width: 50%;
}
.why .figure.col-md-6{
margin-right: 0;
width: 30%;
}
.why .item .quote {
display: none;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-6 {
width: 50%;
}
.why .figure img {
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.col-md-pull-5 {
right: 41.66666667%;
margin: 0;
}
.col-md-push-7 {
left: 50.33333333%;
}
.why .item.last-item {
border-bottom: none;
}
ul.ticks {
padding: 0 5px;
list-style: none;
margin-top: 0;
margin-bottom: 10px;
}
ul.ticks li .fa {
margin-right: 5px;
color: #80bf28;
}
.why .item .desc .fa {
margin-right: 5px;
}
.fa-check::before {
content: "\f00c";
}
.why .item ul li {
margin-top: 10px;
} .features {
padding-bottom: 80px;
background: #f5f5f5;
}
.features .title {
font-size: 36px;
font-weight: 300;
padding-top: 60px;
margin-bottom: 20px;
text-align: center;
}
.features .intro {
color: #999;
text-align: center;
margin-bottom: 30px;
font-size: 18px;
}
.feature {
margin-top: 8px;
text-align: center;
}
.feature .title {
font-size: 28px;
color: #3D3D3D;
margin-top: 0;
margin-bottom: 15px;
font-weight: 300;
}
#features .row.item {
display: flex;
flex-flow: row wrap;
}
.content.col-sm-4.feature {
float: left;
padding: 0 10px;
box-sizing: border-box;
}
.feature i {
display: block;
color: #e62229;
margin-bottom: 15px;
font-size: 50px;
}
.fa-tablet::before {
content: "\f10a";
}
.fa-pencil-square::before {
content: "\f14b";
}
.fa-wordpress::before {
content: "\f19a";
}
.fa-th-list::before {
content: "\f00b";
}
.fa-file-text-o::before {
content: "\f0f6";
}
.fa-archive::before {
content: "\f187";
}
.fa-bell::before {
content: "\f0f3";
}
.fa-user::before {
content: "\f007";
}
.fa-database::before {
content: "\f1c0";
}
.fa-share-alt-square::before {
content: "\f1e1";
}
.fa-photo::before, .fa-image::before, .fa-picture-o::before {
content: "\f03e";
}
.fa-external-link-square::before {
content: "\f14c";
}
.fa-comments::before {
content: "\f086";
}
.fa-star::before {
content: "\f005";
}
.fa-search::before {
content: "\f002";
}
.fa-code::before {
content: "\f121";
}
.fa-gears::before, .fa-cogs::before {
content: "\f085";
}
.fa-youtube-play::before {
content: "\f16a";
}
.fa-area-chart::before {
content: "\f1fe";
}
.fa-money::before {
content: "\f0d6";
} .promo.section.section-on-bg {
background: #4e4244;
padding: 20px 0;
}
.news .promo {
height: 520px;
}
.promo.section > .container {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
.promo .content {
padding-top: 50px;
}
.promo .image {
padding-top: 30px;
}
.promo .col-md-pull-0 {
right: auto;
width: 50%;
}
.promo .title {
font-size: 29px;
margin-bottom: 20px;
margin-top: 0;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
.promo.section .intro {
max-width: 600px;
margin: 0 auto 45px;
color: #fff;
opacity: .8;
}
.promo .btn-cta {
font-size: 18px;
}
.promo .btn-cta-secondary {
border: 1px solid #fff;
color: #fff;
padding: 9px 10px;
margin-left: 20px;
text-decoration: none !important;
}
.promo a.btn-cta-primary, .btn-cta-primary {
background: #80bf28;
border: 2px solid #80bf28;
color: #fff !important;
text-decoration: none !important;
padding: 10px 30px;
display: inline-block;
}
.page-id-3232 .entry-header {
margin: 0;
display: none;
} .amazon-product-section{
font-size: 16px;
line-height: 26px;
}
.amazon-product-section p {
clear: both;
}
.amazon-product-section p:empty {
display: none;
}
.amazon-product-section a{
color: #C40001;
font-weight: 600;
text-decoration: none;
}
.amazon-product-section ul li{
color: #474747;
}
.amazon-product-section .headng4{
text-transform: capitalize;
font-size: 18px;
line-height: 26px;
margin: 10px 0;
font-weight: 600;
}
.amazon-product-section h2{
font-size: 24px;
}
.amazon-product-section h3{
font-size: 20px;
}
.amazon-product-section .headng1, .amazon-product-section .headng2 {
margin: 40px 0 20px;
text-align: left;
font-size: 30px;
color: #222;
line-height: 35px;
font-weight: 500;
}
.amazon-product-section .full-grid{
margin:0 -15px;
}
.entry-content-top .description-area{
}
.entry-content-top .entry-left-box {
width: 70%;
float: left;
}
.entry-content-top .entry-left-box p {
margin: 0 0 30px;
font-size: 16px;
line-height: 26px;
}
.entry-content-top .entry-right-box {
padding: 20px;
background-color: transparent;
color: #000;
float: right;
width: 28%;
box-shadow: 0 0px 6px rgba(0,0,0,.2);
box-sizing: border-box;
}
.entry-content-top .entry-right-box .side-title {
border-bottom: 1px solid #C40001;
color: #333;
font-size: 26px;
font-style: normal;
font-weight: 300;
margin: 0 0 10px;
padding-bottom: 10px;
line-height: 32px;
}
.entry-content-top .entry-right-box ul {
margin: 0;
padding: 10px;
background-color: #eee;
}
.entry-content-top .entry-right-box li {
display: table;
list-style: none;
margin: 0;
padding: 0 0 5px;
}
.entry-content-top .entry-right-box li span {
border-radius: 100%;
display: block;
height: 36px;
vertical-align: middle;
width: 36px;
float: left;
text-indent: -99999px;
}
.entry-content-top .entry-right-box .icon-box{
background: #d82228 url(//www.bay20.com/de/wp-content/themes/bay20/images/entry-sprites-icon.png) no-repeat;
}
.entry-content-top .entry-right-box .icon-box.aac{
background-position: -46px -42px;
}
.entry-content-top .entry-right-box .icon-box.pde{
background-position:-145px -45px;
}
.entry-content-top .entry-right-box .icon-box.dw{
background-position: -244px -43px;
}
.entry-content-top .entry-right-box .icon-box.pie{
background-position: -344px -42px;
}
.entry-content-top .entry-right-box .icon-box.mpu{
background-position: -444px -44px;
}
.entry-content-top .entry-right-box .icon-box.al{
background-position: -542px -44px;
}
.entry-content-top .entry-right-box .icon-box.loj{
background-position: -642px -43px;
}
.entry-content-top .entry-right-box .icon-box.pdc{
background-position: -741px -43px;
}
.entry-content-top .entry-right-box .icon-box.ped{
background-position: -842px -43px;
}
.entry-content-top .entry-right-box .icon-box.em{
background-position: -948px -42px;
}
.entry-content-top .entry-right-box em {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
font-weight: 400;
line-height: 22px;
color: #000;
font-style: inherit;
}
.entry-content-top .entry-right-box a {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
color: #000;
}
.entry-content-top .entry-right-box a:hover{
color: #C40001;
}
.entry-left-box ul li, .apl-optimization-entry-content ul li{
position: relative;
list-style: none;
padding: 0 0 10px 25px;
}
.entry-left-box ul li:before, .apl-optimization-entry-content ul li:before{
content: '';
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #d82228;
position: absolute;
top: 15%;
left: 0;
}
.amazon-product-section .apl-optimization-content{
padding: 50px 0 0px;
color: #000;
overflow: hidden;
}
.amazon-product-section .apl-optimization-content h2, .amazon-product-section.google-agency-partner-section h2{
text-align: left;
margin: 0px 0 20px;
line-height: 35px;
font-size: 30px;
}
.amazon-product-section .apl-optimization-entry-content .cls-box span.brk, .amazon-product-section .apl-optimization-content span.brk {
background-color: #C40001;
display: block;
height: 4px;
margin: 10px 0 20px;
width: 100px;
}
.amazon-product-section .apl-optimization-content .apl-optimization-entry-content {
margin-right: -15px;
margin-left: -15px;
padding: 0;
}
.amazon-product-section .apl-optimization-content .col-md-12{
width: 100%;
margin: 0;
}
.amazon-product-section .apl-optimization-content .col-md-8{
width: 66.66666667%;
}
.amazon-product-section .apl-optimization-content .col-md-6{
width: 50%;
}
.amazon-product-section .apl-optimization-content .col-md-4{
width: 33.33333333%;
margin-bottom: 20px;
}
.google-agency-partner-section .apl-optimization-content .col-md-4{
margin-bottom: 20px;
}
.amazon-product-section .apl-optimization-content .col-md-3{
width: 25%;
}
.amazon-product-section .discuss-content{
clear: both;
overflow: hidden;
width: 100%;
}
.amazon-product-section .explore-more {
padding: 50px 0 0;
background: transparent;
overflow: hidden;
display: block;
width: 100%;
}
.amazon-product-section .explore-more h3 {
font-size: 30px;
text-align: center;
margin: 0 0 30px;
text-transform: capitalize;
}
.amazon-product-section .explore-more ul {
margin: 0;
padding: 0;
}
.amazon-product-section .explore-more li {
display: inline-block;
list-style: none;
margin: 0 1% 20px 0;
padding: 0;
vertical-align: top;
width: 18.666%;
line-height: 22px;
}
.amazon-product-section .explore-more li a {
font-size: 16px;
color: #333;
font-weight: 400;
line-height: 18px;
text-decoration: none;
}
.amazon-product-section .explore-more span {
display: block;
float: left;
height: 70px;
margin-right: 10px;
width: 70px;
border: 1px solid #eee;
text-indent: -99999px;
}
.amazon-product-section .explore-more .icon-box{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/explore-sprites-icon.png) no-repeat;
}
.amazon-product-section .explore-more .icon-box.mpu{
background-position: -95px -84px;
}
.amazon-product-section .explore-more .icon-box.ysde{
background-position:-277px -73px;
}
.amazon-product-section .explore-more .icon-box.cpe{
background-position: -476px -84px;
}
.amazon-product-section .explore-more .icon-box.bpe{
background-position: -646px -88px;
}
.amazon-product-section .explore-more .icon-box.spu{
background-position: -831px -86px;
}
.amazon-product-section .explore-more .icon-box.opu{
background-position: -104px -234px;
}
.amazon-product-section .explore-more .icon-box.apu{
background-position: -281px -236px;
}
.amazon-product-section .explore-more .icon-box.aac{
background-position: -479px -238px;
}
.amazon-product-section .explore-more .icon-box.els{
background-position: -657px -226px;
}
.amazon-product-section .explore-more .icon-box.jls{
background-position: -92px -837px;
}
.amazon-product-section .explore-more .icon-box.s-s{
background-position:-833px -234px;
}
.amazon-product-section .explore-more .icon-box.mss{
background-position: -98px -384px;
}
.amazon-product-section .explore-more .icon-box.yss{
background-position: -277px -73px;
}
.amazon-product-section .explore-more .icon-box.epm{
background-position: -265px -384px;
}
.amazon-product-section .explore-more .icon-box.prw{
background-position: -471px -382px;
}
.amazon-product-section .explore-more .icon-box.sdfs{
background-position: -648px -382px;
}
.amazon-product-section .explore-more .icon-box.gpdf{
background-position: -835px -383px;
}
.amazon-product-section .explore-more .icon-box.bsf{
background-position: -92px -536px;
}
.amazon-product-section .explore-more .icon-box.cm{
background-position:-272px -538px;
}
.amazon-product-section .explore-more .icon-box.cp{
background-position: -478px -537px;
}
.amazon-product-section .explore-more .icon-box.cbi{
background-position: -652px -533px;
}
.amazon-product-section .explore-more .icon-box.pc{
background-position: -824px -537px;
}
.amazon-product-section .explore-more .icon-box.pie{
background-position: -95px -686px;
}
.amazon-product-section .explore-more .icon-box.cc{
background-position: -277px -684px;
}
.amazon-product-section .explore-more .icon-box.cum{
background-position: -472px -684px;
}
.amazon-product-section .explore-more .icon-box.content-m{
background-position: -648px -686px;
}
.amazon-product-section .explore-more .icon-box.pdw{
background-position: -830px -686px;
}
.amazon-product-section .explore-more .icon-box.pdm{
background-position:-273px -838px;
}
.amazon-product-section .explore-more .icon-box.pdc{
background-position: -476px -837px;
}
.amazon-product-section .explore-more .icon-box.sd{
background-position: -656px -830px;
}
.amazon-product-section .explore-more .icon-box.td{
background-position: -834px -837px;
}
.amazon-product-section .explore-more .icon-box.pd-c{
background-position: -836px -985px;
}
.amazon-product-section .explore-more .icon-box.dmd{
background-position: -100px -982px;
}
.amazon-product-section .explore-more .icon-box.pde{
background-position: -274px -983px;
}
.amazon-product-section .explore-more .icon-box.pds{
background-position: -473px -986px;
}
.amazon-product-section .explore-more .icon-box.pdn{
background-position: -652px -986px;
}
.amazon-product-section .explore-more .icon-box.pd-m{
background-position: -100px -1127px;
}
.amazon-product-section .entry-left-box .img-top{
float: left;
}
.amazon-product-section .web-scraping{
max-width: 100%;
display: block;
margin: 0 auto;
}
.amazon-product-section .btn-links-sw{
display: block;
margin: 0 auto;
text-align: center;
padding-top: 20px;
clear: both;
}
.amazon-product-section .swsr-clickable{
color: #454545;
background: transparent;
font-weight: bold;
font-size: 20px;
border-radius: 6px;
padding: 16.5px 15px;
cursor: pointer;
text-decoration: none;
text-transform: capitalize;
text-align: center;
border: 1px solid #d9d9d9;
display: inline-block;
}
.amazon-product-section .swsr-clickable:hover {
background: -moz-linear-gradient(center top, #e62229 0%, #c70a11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(center top, #e62229 0%, #c70a11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
background-color: #e62229;
border: 1px solid #e62229;
}
.google-agency-partner-section .partner-agency-section{
background-color: #fff;
}
.google-agency-partner-section .partner-agency-section h6{
color: #222;
font-family: "HelveticaCE-Bold",Arial,sans-serif;
font-size: 16px;
line-height: 20px;
padding-top: 23px;
font-weight: 400;
margin: 0;
}
.google-agency-partner-section .partner-agency-section .col-md-4 p{
color: #878787;
float: left;
font-size: 12px;
line-height: 16px;
padding-top: 15px;
text-align: center;
width: 100%;
}
.google-agency-partner-section .awards-accreditations-section{
background: #fff;
}
.google-agency-partner-section .google-adWords-cert-section{
background: #eaeaea;
margin-bottom: 50px;
}
.google-agency-partner-section .google-adWords-cert-section .container {
padding: 50px 10px;
margin-bottom: 0;
}
.google-agency-partner-section .google-adWords-cert-section .col-md-12 h2, .google-agency-partner-section .google-adWords-services-section .col-md-12 h2{
margin-bottom: 20px;
}
.google-agency-partner-section .apl-optimization-content h2, .google-agency-partner-section #portfolio h2, .facebook-advertising-agency .apl-optimization-content h2, .amazon-imaging-solutions .apl-optimization-content h2{
color: #000;
text-align: center;
text-transform: uppercase;
line-height: normal;
font-weight: 400;
}
.google-agency-partner-section .portfolio-item .overlay {
background-color: rgba(0, 0, 0, 0.3);
}
.amazon-product-section.google-agency-partner-section .headng1, .amazon-product-section.google-agency-partner-section .headng2 {
text-transform: uppercase;
}
.google-agency-partner-section .apl-optimization-content.google-adWords-cert-section h2:after {
background-color: #fff;
content: "";
}
.google-agency-partner-section .apl-optimization-content h2 .wbig, .google-agency-partner-section #portfolio h2 .wbig{
color: #C40001;
}
.google-agency-partner-section .wbold{
font-weight: bold;
}
.amazon-product-section .partner-agency-section .part-agency{
font-weight: 400;
padding: 0;
display: block;
color: #474747;
text-align: center;
float: left;
font-family: "HelveticaCE-Regular",Arial,sans-serif;
font-size: 16px;
width: 100%;
}
.google-agency-partner-section .partner-agency-section img{
display: block;
margin: 0 auto;
max-width: 100%;
border-radius: 100%;
}
.google-agency-partner-section .partner-agency-section img:hover{
background-color: #e62229;
}
.google-agency-partner-section .partner-agency-section .col-md-4 .cls-box{
text-align: center;
}
.google-agency-partner-section .gbold{
font-size: 20px;
font-weight: 600;
color: #202020;
padding: 20px;
clear: both;
text-align: center;
background: #f9eae8 none repeat scroll 0 0;
line-height: normal;
}
.google-agency-partner-section .apl-optimization-entry-content ul li:before {
content: '';
border: none !important;
}
.google-agency-partner-section .cls-box .partner{
margin: 0 auto;
display: block;
text-align: center;
}
.google-agency-partner-section .cls-box .partner li{
display: inline-block;
}
.google-agency-partner-section .cls-box .partner a{
font-size: 0;
}
.google-agency-partner-section.amazon-product-section .apl-optimization-content {
padding: 0;
}
.google-agency-partner-section .google-adWords-services-section .apl-optimization-entry-content .row {
width: auto;
display: flex;
flex-wrap: wrap;
margin: 0 -5px 15px;
float: none;
}
.google-agency-partner-section .contect-block{
width: calc((100% - 90px) / 9);
padding-bottom: 10px;
margin: 0 5px 10px;
color: #000;
text-align: center;
display: inline-block;
background: #cccccc30;
float: left;
}
.google-agency-partner-section img{
max-width: 100%;
}
.google-agency-partner-section .contect-block a{
font-size: 11px;
color: #000;
text-transform: capitalize;
}
.google-agency-partner-section .contect-block a:hover{
color: #C40001;
}
.wrapper .google-agency-partner-section .awards-accreditations-section .container {
margin-bottom: 0px;
}
.google-agency-partner-section p{
color: #474747;
}
.google-agency-partner-section .contect-block .hovicon{
display: block;
cursor: pointer;
margin: 10px auto;
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
border: 2px solid #d92a2d;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/services-icon.png) no-repeat;
}
.google-agency-partner-section .contect-block .hovicon.wone{
background-position:16px 18px;
}
.google-agency-partner-section .contect-block .hovicon.wtwo{
background-position: 16px -52px;
}
.google-agency-partner-section .contect-block .hovicon.wthre{
background-position: 16px -138px;
}
.google-agency-partner-section .contect-block .hovicon.wfour{
background-position: 16px -232px;
}
.google-agency-partner-section .contect-block .hovicon.wfive{
background-position: 16px -321px;
}
.google-agency-partner-section .contect-block .hovicon.wsix{
background-position: 20px -436px;
}
.google-agency-partner-section .contect-block .hovicon.wseven{
background-position: 18px -550px;
}
.google-agency-partner-section .contect-block .hovicon.weight{
background-position: 20px -646px;
}
.google-agency-partner-section .contect-block .hovicon.wnine{
background-position: 22px -752px;
}
.google-agency-partner-section .contect-block a {
text-decoration: none;
}
.amazon-product-section .apl-optimization-content .service-web-content{
margin: 20px 0;
}
.facebook-advertising-agency .cls-box{
text-align: center;
}
.facebook-advertising-section .col-md-4 .cls-box img{
max-width: 100%;
height: auto;
}
.facebook-advertising-agency .apl-optimization-content .full-content-area h2{
margin-bottom: 25px;
}
.facebook-advertising-agency .apl-optimization-content h6{
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
}
.facebook-advertising-agency .apl-optimization-content p {
line-height: 30px;
color: #454545;
margin-bottom: 0;
}
.wrapper .facebook-advertising-agency .container, .wrapper .amazon-product-section .container {
margin-bottom: 0px;
}
.amazon-product-section .advertising-team-section.apl-optimization-content .col-md-4 {
width: 32%;
margin-bottom: 20px;
float: none;
display: inline-block;
vertical-align: top;
}
.amazon-product-section .advertising-team-section.apl-optimization-content .col-md-12 {
margin: 0 auto;
text-align: center;
}
.amazon-product-section .manage-account-section .right-align{
float: right;
}
.amazon-product-section .manage-account-section .content{
display: inline-block;
text-align: right;
width: calc(100% - 100px);
float: left;
}
.amazon-product-section .manage-account-section .right-fl .content{
display: inline-block;
text-align: left;
width: calc(100% - 100px);
float: right;
}
.amazon-product-section .manage-account-section .left-align{
float: left;
}
.amazon-product-section .manage-account-section .cls-box{
margin-bottom: 50px;
display: inline-block;
}
.amazon-product-section .manage-account-section .cls-box.mid-img{
display: block;
}
.amazon-product-section .manage-account-section .left-fl .cls-box {
float: right;
}
.amazon-product-section .manage-account-section .right-fl .cls-box {
float: left;
}
.amazon-product-section .manage-account-section .content h6{
margin-bottom: 0;
}
.amazon-product-section .manage-account-section .content p{
font-size: 16px;
}
.amazon-product-section img{
max-width: 100%;
height: auto;
}
.facebook-advertising-agency .founder-section .caption{
display: inline-block;
text-align: left;
}
.facebook-advertising-agency .apl-optimization-content.facebook-advertising-section h6 {
font-size: 20px;
}
.facebook-advertising-agency .apl-optimization-content.facebook-advertising-section p{
font-size: 16px;
}
.amazon-imaging-section .container{
padding: 0;
}
.amazon-imaging-section .price{
border: none;
padding: 0px;
clear: both;
float: left;
width: 100%;
box-sizing: border-box;
}
.amazon-imaging-section .apl-optimization-entry-content .price .col-md-4 {
border: 1px solid #ddd;
text-align: center;
}
.amazon-imaging-section .apl-optimization-entry-content .price .col-md-4.mid-content {
margin: 0 10px 20px;
}
.amazon-imaging-section .price .priceTitle{
font-size: 16px;
text-transform: uppercase;
line-height: 40px;
display: block;
background: #f9eae8 none repeat scroll 0 0;
}
.amazon-imaging-section .apl-optimization-entry-content .price .priceHead{
padding: 0;
background: #fafafa;
}
.amazon-imaging-section .apl-optimization-entry-content .price p{
margin: 0;
margin-bottom: 2px;
line-height: 40px;
}
.amazon-imaging-section .apl-optimization-entry-content .price ul li:before {
content: '';
display: none;
}
.amazon-imaging-section .apl-optimization-entry-content .price ul li{
padding: 0 0;
background: #eee;
margin-bottom: 2px;
line-height: 40px;
}
.amazon-imaging-section .priceBtn{
color: #454545;
font-size: 16px;
border-radius: 6px;
padding: 0 20px;
text-transform: capitalize;
text-align: center;
border: 1px solid #d9d9d9;
display: inline-block;
margin: 10px 0;
}
.amazon-imaging-section .priceBtn:hover {
background: -moz-linear-gradient(center top, #e62229 0%, #c70a11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(center top, #e62229 0%, #c70a11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
background-color: #e62229;
border: 1px solid #e62229;
}
.amazon-imaging-section h2,.magento-migrate-solutions .text-center{
position: relative;
padding-bottom: 10px;
}
.amazon-imaging-section h2:after, .magento-migrate-solutions h2.text-center:after{
background: #f74f4d none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
margin-left: 0;
position: absolute;
left: 0;
margin: 0 auto;
right: 0;
width: 90px;
}
#post-3671 .entry-header{
display: none;
}
.amazon-product-section .magento-content-section1 {
padding: 0px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/corporateBg1.jpg) no-repeat 0 0 /cover;
position: relative;
}
.amazon-product-section .magento-content-section1 .fl-right{
width: 40%;
position: absolute;
right: 0;
top: 0;
}
.amazon-product-section .magento-content-section1 .col-md-12 {
width: 60%;
padding: 50px 0 0;
}
.amazon-product-section .magento-content-section1 .m-partner-logo{
text-align: center;
}
.amazon-product-section .magento-content-section1 p{
font-size: 18px;
}
.amazon-product-section .apl-optimization-content .text-center{
text-align: center;
}
.magento-migrate-solutions .magento-content-section2 {
text-align: center;
}
.magento-content-section1 .apl-optimization-entry-content ul li{
display: inline-block;
}
.magento-content-section1 .apl-optimization-entry-content ul li:before {
content: '';
display: none;
}
.magento-migrate-solutions .cls-box{
margin: 20px 0 0;
display: block;
width: 100%;
float: left;
}
.amazon-product-section.magento-migrate-solutions .gbold-content{
padding: 20px;
clear: both;
text-align: center;
background: #f9eae8 none repeat scroll 0 0;
}
.amazon-product-section.magento-migrate-solutions .gbold-content p{
font-size: 16px;
font-weight: bold;
color: #202020;
line-height: normal;
margin: 0;
}
.amazon-product-section.magento-migrate-solutions .gbold-content p.gbold{
font-size: 24px;
color: #e62229;
}
.magento-migrate-solutions p.mysteps{
font-size: 22px;
line-height: 2.8;
text-align: justify;
margin: 0;
}
.magento-migrate-solutions p.mysteps span {
background: #e62229;
padding: 5px 10px;
border-radius: 5px;
color: #ffffff;
font-weight: 600;
margin-right: 8px;
}
.magento-migrate-solutions .projectPortfolio .container{
margin-bottom: 0;
}
.projects-nav{
display: flex;
justify-content: center;
}
.projects-nav .projects-btn{
display: inline-block;
background: #E62229;
color: #fff;
text-decoration: none;
padding: 15px 80px;
transition: .3s ease;
font-size: 16px;
}
.projects-nav .projects-btn:hover{
background: #222;
} @media screen and (max-width: 1259px) {
.google-agency-partner-section .contect-block {
width: calc((100% - 60px) / 6);
}
}
@media screen and (max-width: 1023px) {
.google-agency-partner-section .contect-block {
width: calc((100% - 50px) / 5);
}
}
@media screen and (max-width: 480px) {
.entry-content-top .entry-left-box {
width: 100%;
}
.entry-content-top .entry-right-box {
width: 100%;
}
.amazon-product-section .apl-optimization-content .col-md-6 {
width: 100%;
}
.amazon-product-section .apl-optimization-content .col-md-4 {
width: 100%;
}
.amazon-product-section .apl-optimization-content {
padding: 30px 0px 0px;
}
.amazon-product-section .apl-optimization-content .col-md-12 {
margin: 0;
}
.google-agency-partner-section .contect-block{
width: calc((100% - 20px) / 2);
}
.google-agency-partner-section .apl-optimization-content .col-md-4{
width: 100%;
}
.google-agency-partner-section .apl-optimization-content h2 {
font-size: 20px;
}
.google-agency-partner-section .apl-optimization-content h2 .wbig {
font-size: 20px;
}
.amazon-product-section .partner-agency-section .part-agency {
font-size: 16px;
text-align: center;
}
.google-agency-partner-section .gbold {
font-size: 16px;
line-height: normal;
padding-top: 20px;
}
.amazon-product-section .apl-optimization-content .col-md-3 {
width: 50%;
}
.amazon-product-section .apl-optimization-content.magento-content-section4 .col-md-3 {
width: 100% !important;
}
.amazon-product-section .swsr-clickable {
display: block;
}
.facebook-advertising-agency .apl-optimization-content .full-content-area h2 {
font-size: 20px;
}
.amazon-product-section .manage-account-section.apl-optimization-content .col-md-4 {
padding: 0;
}
.amazon-product-section .advertising-team-section.apl-optimization-content .col-md-4 {
width: 100%;
}
}
@media screen and (min-width: 481px) {
.google-agency-partner-section .partner-agency-section .md-content {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
}
@media screen and (min-width: 481px) and (max-width: 639px) {
.google-agency-partner-section .contect-block{
width: calc((100% - 30px) / 3);
}
.amazon-product-section .apl-optimization-content .col-md-4 {
width: 100%;
}
.amazon-product-section .advertising-team-section.apl-optimization-content .col-md-4 {
width: 100%;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.google-agency-partner-section .contect-block{
width: calc((100% - 40px) / 4);
}
.amazon-imaging-section .priceBtn{
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.error404 article.post .entry-content{
padding: 0;
width: 90%;
background-size: 100%;
}
.amazon-product-section .swsr-clickable {
font-size: 18px;
}
.main-navigation div ul ul.sub-menu li:nth-child(4):hover ul{
display: inherit;
}
.main-navigation div ul ul.sub-menu li:nth-child(4) ul {
display: none;
}
.main-navigation div ul ul ul {
right: 0;
position: relative;
left: 0;
top: 0;
display: none;
}
.amazon-product-section .magento-content-section1 .fl-right {
display: none;
}
.amazon-product-section .magento-content-section1 .col-md-12 {
width: 100%;
padding: 0 10px;
}
.amazon-product-section .apl-optimization-content h2 {
line-height: normal;
font-size: 20px;
}
.amazon-product-section .magento-content-section1 p {
font-size: 14px;
}
.magento-content-section1 .apl-optimization-entry-content ul li {
padding: 0;
}
.amazon-product-section .apl-optimization-content.magento-content-section4 .col-md-3 {
width: 50%;
min-height: 295px;
}
}
@media screen and (min-width: 768px) {
.main-navigation .menu-main-menu-container {
margin: 0 -12px;
}
.main-navigation div > ul > li.contactus-link {}
.main-navigation div > ul > li.contactus-link > a {}
.main-navigation div > ul > li.contactus-link.current-menu-item:after {
display: none;
}
.main-navigation div > ul > li.current-menu-item:after {
content: '';
display: block;
text-align: center;
width: 40px;
height: 2px;
margin: 0 auto;
background: #d22127;
position: absolute;
left: 0;
right: 0;
top: 100%;
}
.main-navigation div > ul > li.menu-item-has-children > a:after {
content: '';
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/down-arrow-icon.png) no-repeat center center;
width: 25px;
height: 12px;
display: inline-block;
vertical-align: middle;
}
.main-navigation div > ul > li.menu-item-has-children:hover > a:after {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/up-arrow-icon.png) no-repeat center center;
}
.amazon-product-section .apl-optimization-content .service-web-content{
padding: 0 20%;
}
.service-web-content ul{
padding-left: 20px;
}
.facebook-advertising-agency .founder-section .cls-box {
text-align: left;
display: inline-block;
}
.facebook-advertising-agency .founder-section .caption{
width: calc(100% - 400px);
float: right;
}
.amazon-imaging-section .price{
display: flex;
}
}
@media screen and (max-width: 639px) {
.amazon-imaging-section .apl-optimization-entry-content .price .col-md-4.mid-content {
margin: 0 0 20px 0;
}
}
@media screen and (max-width: 1024px) {
.magento-migrate-solutions p.mysteps {
font-size: 14px;
text-align: inherit;
}
} .page-id-3685 .wraper-inner .column1{
height: 270px;
}
.page-id-3685 .inner-heading li.column1 .page-title h2{
height: 60px;
}
.our-tableau-expert h2{
color: #202020;
font-size: 24px;
}
.our-tableau-expert .tableau-expert{
float: left;
width: 33.3333%;
margin-left: 33%;
}
.tableau-experts > div:first-child{
margin-left: 0;
}
.our-tableau-expert .profile-img img{
width: 100%;
}
.our-tableau-expert .profile-title{
font-size: 18px;
margin: 10px 0 10px 0;
font-weight: bold;
display: inline-block;
text-transform: capitalize;
display: inline-block;
}
.our-tableau-expert .profile-link{
float: right;
}
.our-tableau-expert .profile-link a{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/social-icons.png) no-repeat 0 0;
width: 40px;
height: 36px;
text-indent: -9999px;
text-align: center;
display: inline-block;
margin-right: 5px;
}
.our-tableau-expert .profile-link a[title="linkedin"]{}
.our-tableau-expert .profile-link a[title="Tableau"]{
background-position: -48px 0;
} .woocommerce #content div.product div.summary{
width: 66%;
}
.woocommerce #content div.product div.images{
width: 30%;
}
.woocommerce-product-gallery__trigger , .woocommerce .product_meta{
display: none;
}
.woocommerce .product-title{
font-size: 28px;
text-transform: uppercase;
line-height: 32px;
margin-bottom: 1.5rem;
color: #000;
font-weight: bold;
}
.woocommerce .product-description{
margin-bottom: 20px;
font-size: 16px;
line-height: normal;
}
.woocommerce .product-description span{
font-size: 16px !important;
line-height: normal !important;
}
.woocommerce .product-description ol{
margin: 15px 0;
}
.woocommerce .product-description ol li{
list-style: none;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/checkbox.png) no-repeat 0 0;
line-height: 40px;
padding-left: 50px;
margin-bottom: 10px;
font-size: 17px;
}
.woocommerce .product-description ol li span{
font-size: 17px !important;
}
.woocommerce .quantity .qty{
width: 100px;
text-align: left;
height: 29px;
padding: 0 10px;
border-radius: 3px;
border: 1px solid #cdcdcd;
} .widget_tag_cloud h3.widget-title{
background: #C40001;
color: #fff;
font-weight: normal;
font-size: 20px;
line-height: 1.3;
padding: 8px 10px;
margin-bottom: 12px;
}
.tagcloud{
padding: 0 10px;
}
.tagcloud a{
line-height: normal;
text-decoration: none;
font-weight: normal;
}
.tagcloud a:after{
content:', ';
display: inline-block;
}
.tagcloud a:last-child:after{
content:'';
} .recent-posts-extended{
margin-top: 29px;
}
.recent-posts-extended h3.widget-title{
background: #C40001;
color: #fff;
font-weight: normal;
font-size: 20px;
line-height: 1.3;
padding: 8px 10px;
margin-bottom: 12px;
}
.recent-posts-extended .rpwe-block {
padding: 0 10px;
}
.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.rpwe-block li{
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}
.rpwe-block a{
display: inline !important;
text-decoration: none;
}
.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 13px !important;
line-height: normal;
}
.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}
.rpwe-summary{
font-size: 12px;
}
.rpwe-time{
color: #929191;
font-size: 12px;
}
.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}
.rpwe-alignleft{
display: inline;
float: left;
}
.rpwe-alignright{
display: inline;
float: right;
}
.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.rpwe-clearfix:before, .rpwe-clearfix:after{
content: "";
display: table !important;
}
.rpwe-clearfix:after{
clear: both;
}
.rpwe-clearfix{
zoom: 1;
} .bigcommerce-pricing .block.block--defaultPrimaryScheme,
.bigcommerce-pricing .block.block--defaultScheme,
.bigcommerce-pricing .block.block--defaultPrimaryBorderScheme,
.bigcommerce-pricing .block.block--defaultBorderScheme,
.bigcommerce-pricing .block .block-scheme--defaultPrimary,
.bigcommerce-pricing .block .block-scheme--default,
.bigcommerce-pricing .block .block-scheme--defaultPrimaryBorder,
.bigcommerce-pricing .block .block-scheme--defaultBorder {
background-color: #fff;
border-color: #f6f7f9;
}
.bigcommerce-pricing .block {
position: relative;
}
.bigcommerce-pricing .block--diagonalTopSmallUnderScheme:before {
height: 250px;
top: -35px;
-webkit-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
transform: skewY(-5deg);
}
.bigcommerce-pricing .block--diagonal:before,
.bigcommerce-pricing .block--diagonalTopSmallUnderScheme:before,
.bigcommerce-pricing .block--diagonalTopLargeUnderScheme:before,
.bigcommerce-pricing .block--diagonalTopSmallOverScheme:before,
.bigcommerce-pricing .block--diagonalBottomLargeUnderScheme:before,
.bigcommerce-pricing .block--diagonalBottomSmallUnderScheme:before,
.bigcommerce-pricing .block--pricingBackgroundOffsetScheme:before,
.bigcommerce-pricing .block--diagonalTopSmallUnderScheme:after,
.bigcommerce-pricing .block--diagonalTopLargeUnderScheme:after,
.bigcommerce-pricing .block--diagonalTopSmallOverScheme:after,
.bigcommerce-pricing .block--diagonalBottomLargeUnderScheme:after,
.bigcommerce-pricing .block--diagonalBottomSmallUnderScheme:after,
.bigcommerce-pricing .block--pricingBackgroundOffsetScheme:after {
background-color: inherit;
content: none;
display: block;
left: 0;
position: absolute;
right: 0;
content: '';
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bigcommerce-pricing .block--diagonal .block-container,
.bigcommerce-pricing .block--diagonalTopSmallUnderScheme .block-container,
.bigcommerce-pricing .block--diagonalTopLargeUnderScheme .block-container,
.bigcommerce-pricing .block--diagonalTopSmallOverScheme .block-container,
.bigcommerce-pricing .block--diagonalBottomLargeUnderScheme .block-container,
.bigcommerce-pricing .block--diagonalBottomSmallUnderScheme .block-container,
.bigcommerce-pricing .block--pricingBackgroundOffsetScheme .block-container {
position: relative;
z-index: 50;
}
.bigcommerce-pricing .block--pricingMatrix .block-container {
overflow-x: initial;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
}
.bigcommerce-pricing .block--paddingTopBottom .block-container {
padding-top: 1.70588rem;
padding-bottom: 0.0588rem;
}
.bigcommerce-pricing .block-container:before,
.bigcommerce-pricing .block-container:after {
content: " ";
display: table;
}
.bigcommerce-pricing .pricingMatrix-table {
display: none;
overflow: visible;
text-align: center;
width: 100%;
}
.bigcommerce-pricing .pricingMatrix-table thead .feature--pricingPlanTitle,
.bigcommerce-pricing .pricingMatrix-table tbody .feature--pricingPlanTitle {
color: #34313f;
font-size: 1.29412rem;
padding-bottom: 0;
width: 19%;
}
.bigcommerce-pricing .pricingMatrix-table thead .feature--pricingPlanPrice,
.bigcommerce-pricing .pricingMatrix-table tbody .feature--pricingPlanPrice {
padding-top: .5rem;
}
.bigcommerce-pricing .pricingMatrix-table thead th .price {
line-height: 1;
}
.bigcommerce-pricing .price {
display: inline-block;
color: #34313f;
font-family: "Gotham Narrow A", "Gotham Narrow B", Helvetica, Arial, sans-serif;
font-weight: 200;
line-height: 1;
white-space: nowrap;
}
.bigcommerce-pricing .price .price-currency {
display: inline-block;
font-size: 1.76471rem;
font-size: 1.29412rem;
vertical-align: top;
margin-top: 9px;
}
.bigcommerce-pricing .price .price-amount {
display: inline-block;
font-size: 4.23529rem;
}
.bigcommerce-pricing .price .price-decimals {
display: inline-block;
font-size: 1.76471rem;
}
.bigcommerce-pricing .type-large {
font-size: .88235rem;
line-height: 1.41176rem;
letter-spacing: 0;
}
.bigcommerce-pricing .pricingMatrix-table thead th.feature--pricingPlanToggle,
.bigcommerce-pricing .pricingMatrix-table tbody th.feature--pricingPlanToggle {
text-align: center;
width: 20%;
}
.bigcommerce-pricing .toggle .toggle-button--active {
color: #34313f;
}
.bigcommerce-pricing .toggle .toggle-button {
vertical-align: top;
padding: .47059rem .29412rem;
color: #e62229;
font-size: .76471rem;
font-weight: 400;
}
.bigcommerce-pricing .entry-content button {
background: none;
border: 0;
}
.bigcommerce-pricing .pricingMatrix-priceDescription {
font-size: .88235rem;
}
.bigcommerce-pricing .toggle {
border-radius: .17647rem;
-webkit-box-shadow: 0 0.05882rem 0.17647rem 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0.05882rem 0.17647rem 0 rgba(0, 0, 0, 0.25);
display: inline-block;
margin-bottom: 1rem;
padding-left: .47059rem;
padding-right: .47059rem;
}
.bigcommerce-pricing .pricingMatrix-pricingToggle {
text-align: center;
}
.bigcommerce-pricing em,
.bigcommerce-pricing i {
font-style: italic;
line-height: inherit;
}
.bigcommerce-pricing .pricingMatrix-table p {
font-size: .88235rem;
line-height: 1.5;
margin: 0;
}
.bigcommerce-pricing .pricingMatrix-table .pricingPlanEyecatcherTag {
background: rgb(230, 34, 41);
color: #fff;
display: block;
font-size: .70588rem;
font-weight: 500;
height: 1.11765rem;
left: 0;
letter-spacing: .23529rem;
padding: .52941rem 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -2.11765rem;
width: 100%;
}
.bigcommerce-pricing .entry-content a {
font-weight: 500;
white-space: nowrap;
color: #e62229;
line-height: inherit;
text-decoration: none;
}
.bigcommerce-pricing .pricingMatrix-table.monthly .pricingPlanPrice--annual {
display: none;
}
.bigcommerce-pricing .pricingMatrix-table .pricingMatrix-table-head tr:last-child td {
border-bottom: 1px solid #e4e7ed;
}
.bigcommerce-pricing .pricingMatrix-table thead .feature--highlighted,
.bigcommerce-pricing .pricingMatrix-table tbody .feature--highlighted {
background: rgba(229, 0, 18, 0.06);
}
.bigcommerce-pricing .toggle .toggle-button--active {
color: #34313f;
}
.bigcommerce-pricing .pricingMatrix-table thead td {
font-size: .88235rem;
}
.bigcommerce-pricing .price {
display: inline-block;
color: #34313f;
font-family: "Gotham Narrow A", "Gotham Narrow B", Helvetica, Arial, sans-serif;
font-weight: 200;
line-height: 1;
white-space: nowrap;
}
.bigcommerce-pricing .pricingMatrix-table td {
color: #77757f;
}
.bigcommerce-pricing .entry-content .button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: normal;
margin: 0 0 1rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
background-color: rgba(0, 0, 0, 0);
border-color: #e62229;
color: #e62229;
font-size: 1rem;
padding: .9375rem 3rem;
border-radius: 3rem;
outline: none;
vertical-align: middle;
}
.bigcommerce-pricing .button--action {
background-color: #e62229;
border-color: #e62229;
color: #fff;
}
.bigcommerce-pricing .button {
font-weight: 600;
text-transform: uppercase;
letter-spacing: .05882rem;
font-size: .88235rem;
line-height: 1;
}
.bigcommerce-pricing .entry-content li {
list-style: none;
}
.bigcommerce-pricing .pricingMatrix-pricingToggle {
text-align: center;
}
.bigcommerce-pricing .pricingMatrix-table {
display: none;
overflow: visible;
text-align: center;
width: 100%;
}
.bigcommerce-pricing .accordion-wrapper {
display: block;
}
.bigcommerce-pricing .accordion-wrapper .accordion {
margin-bottom: 0;
}
.bigcommerce-pricing .accordion {
margin-bottom: 0;
border: #798289 solid;
border-width: 0;
-webkit-box-shadow: 0 2px 0 rgba(225,230,235,0.6);
box-shadow: 0 2px 0 rgba(225,230,235,0.6);
margin: 0 0 1.5rem;
}
.bigcommerce-pricing .accordion:before, .accordion:after {
content: " ";
display: table;
}
.bigcommerce-pricing .accordion-navigation .accordion-title:last-child {
border-bottom: 0;
}
.bigcommerce-pricing .accordion-navigation .accordion-title {
padding: 0 1.52941rem 0 2.17647rem;
background: #edeff3;
border-bottom: 1px solid #fff;
font-weight: 400;
line-height: 1.76471rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #77757f !important;
}
.bigcommerce-pricing .accordion-navigation .accordion-title:last-child {
border-bottom: 0;
}
.bigcommerce-pricing .accordion-navigation .accordion-title {
padding: 0 1.52941rem 0 2.17647rem;
background: #edeff3;
border-bottom: 1px solid #fff;
font-weight: 400;
line-height: 1.76471rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #77757f !important;
}
.bigcommerce-pricing .accordion-navigation .accordion-title {
padding: 0 2rem;
}
.bigcommerce-pricing .accordion-content {
display: none;
padding: 1rem;
border: #798289 solid;
border-width: 0 0 1px;
}
.bigcommerce-pricing .accordion-wrapper .accordion .pricingPlanPromo {
font-size: .88235rem;
margin-bottom: 1.17647rem;
}
.bigcommerce-pricing .accordion-navigation .accordion-title .accordion-title-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1.52941rem;
padding-bottom: 1.52941rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.bigcommerce-pricing .accordion-wrapper .accordion .pricingPlanPrice {
font-size: 1.29412rem;
}
.bigcommerce-pricing .accordion-wrapper .accordion .pricingPlanPrice p {
font-weight: 400;
margin: 0;
}
.bigcommerce-pricing .accordion-wrapper .accordion .list--checkmarks li {
font-weight: 100;
margin-bottom: .70588rem;
min-height: 1.76471rem;
}
.bigcommerce-pricing ul.list--checkmarks li {
font-size: .68235rem;
font-weight: 300;
position: relative;
list-style: none;
margin: 0;
padding: 0 0 0 1.76471rem;
text-indent: -.88235rem;
}
.bigcommerce-pricing article p{
margin-bottom: 0;
}
.bigcommerce-pricing article h2 br{
display: none;
}
.bigcommerce-pricing article .entry-content {
padding: 0 0px;
}
.bigcommerce-pricing .accordion-content .icon:before {
content: "\f00c"; 
font-family: FontAwesome;
left: 5px;
position:absolute;
top:0;
font-size: 12px;
color: #e62229;
}
.intro i.icon.icon-triangleright{
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
@media (min-width: 1025px) {
.bigcommerce-pricing .block-container {
padding-right: 0;
padding-left: 0;
}
.bigcommerce-pricing .toggle {
text-align: right;
}
.bigcommerce-pricing .accordion-wrapper {
display: none;
}
.bigcommerce-pricing .pricingMatrix-table {
display: block;
}
.bigcommerce-pricing .pricingMatrix-pricingToggle--mobile {
display: none;
}
}
@media (min-width: 769px) {
.bigcommerce-pricing .accordion-navigation .accordion-title .accordionTitleRight {
text-align: right;
margin: auto;
}
.bigcommerce-pricing .accordion-navigation .icon{
top: 45%;
}
.bigcommerce-pricing .accordion-content .icon:before{
left: -5px;
}
.bigcommerce-pricing .entry-content h3 {
font-size: 1.64706rem;
line-height: 2.11765rem;
margin-bottom: .75rem;
}
.bigcommerce-pricing .block-container {
margin: 0 auto;
max-width: 68rem;
width: 100%;
margin: 0 auto;
padding: 1.17647rem;
}
.bigcommerce-pricing .pricingMatrix-table tbody tr:first-child th,
.bigcommerce-pricing .pricingMatrix-table tbody tr:first-child td {
border-top: 1px solid #e4e7ed;
padding-top: 1.5rem;
}
.bigcommerce-pricing .pricingMatrix-table .pricingMatrix-featureText,
.bigcommerce-pricing .pricingMatrix-table .pricingMatrix-featureText p {
font-weight: 400;
}
.bigcommerce-pricing .pricingMatrix-table tbody th {
color: #4c4b58;
}
.bigcommerce-pricing .pricingMatrix-table tbody th,
.bigcommerce-pricing .pricingMatrix-table tbody td {
border-bottom: 1px solid #e4e7ed;
color: #77757f;
font-size: .88235rem;
font-weight: 400;
padding: .88235rem 0.2rem;
}
.bigcommerce-pricing .icon:before {
content: "\f00c"; 
font-family: FontAwesome;
left:-5px;
position:absolute;
top:0;
font-size: 22px;
color: #e62229;
}
.bigcommerce-pricing span.icon.icon-checkmark {
position: relative;
}
.bigcommerce-pricing .icon-info:before {
content: "\f06a"; 
font-family: FontAwesome;
left:180px;
position:absolute;
top:-40px;
font-size: 18px;
color: #929191;
transform: rotate(0deg);
}
span.icon.icon-info.ng-scope {
position: relative;
}
.bigcommerce-pricing .pricingMatrix-table thead th:first-child,
.bigcommerce-pricing .pricingMatrix-table thead td:first-child {
color: #34313f;
font-weight: 500;
font-size: 1.2em;
}
.bigcommerce-pricing .pricingMatrix-table tbody tr:first-child th,
.bigcommerce-pricing .pricingMatrix-table tbody tr:first-child td {
border-top: 1px solid #e4e7ed;
padding-top: 1.5rem;
}
.bigcommerce-pricing .pricingMatrix-table thead th,
.bigcommerce-pricing .pricingMatrix-table thead td {
font-weight: 400;
padding: 1.29412rem 1.4rem 1.05882rem 1.4rem;
position: relative;
vertical-align: top;
}
.bigcommerce-pricing .pricingMatrix-table .pricingMatrix-featureText,
.bigcommerce-pricing .pricingMatrix-table .pricingMatrix-featureText p {
font-weight: 400;
}
.bigcommerce-pricing .pricingMatrix-table tbody th {
color: #4c4b58;
}
.bigcommerce-pricing .block-container {
padding: 3.82353rem .29412rem 2.64706rem;
}
.bigcommerce-pricing .block--paddingTopBottom .block-container {
padding-top: 1.53rem;
padding-bottom: 0.1rem;
}
.bigcommerce-pricing .type-large {
font-size: 1.17647rem;
line-height: 1.76471rem;
}
.bigcommerce-pricing .entry-content {
margin-top: 7%;
}
}
@media (min-width: 481px) {
.bigcommerce-pricing .entry-content p {
font-size: 1rem;
line-height: 1.5;
width: 100%;
display: inline-block;
vertical-align: middle;
}
.bigcommerce-pricing .type-large {
font-size: 1rem;
line-height: 1.58824rem;
}
.bigcommerce-pricing .entry-content h3 {
font-size: 1.29412rem;
line-height: 1.76471rem;
font-weight: 400;
}
.bigcommerce-pricing .button+.button {
margin-left: .75rem;
}
}
.bigcommerce-pricing .accordion-navigation .icon {
position: absolute;
left: 17px;
top: 50%;
display: block;
-webkit-transform: translateY(-50%) translateX(-50%);
z-index: 999;
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.bigcommerce-pricing .icon-triangleright {
width: 0;
height: 0;
border-top: .35294rem solid transparent;
border-bottom: .35294rem solid transparent;
border-left: .35294rem solid #4c4b58;
}
.bigcommerce-pricing .accordion-navigation {
margin-top: 0;
display: block;
margin-bottom: 0 !important;
border: #798289 solid;
border-width: 0 0 1px;
cursor: pointer;
position: relative;
}
.bigcommerce-pricing .accordion-navigation .accordion-title .accordionTitleRight {
text-align: right;
margin-left: auto;
}
.bigcommerce-pricing i.icon.icon-triangledown {
width: 0;
height: 0;
border-top: .35294rem solid transparent;
border-bottom: .35294rem solid transparent;
border-left: .35294rem solid #4c4b58;
}
.bigcommerce-pricing i.icon.icon-triangleright:before, i.icon.icon-triangledown:before{
display: none;
}
body .magentoDeve ul.shg-info li {
width: 100%;
text-align: left;
min-height: auto;
margin: 1px 0px;
list-style: disc;
}
.magentoDeve ul.sp-tittle li {
min-height: auto;
margin: 20px 0 10px;;
}
.magentoDeve ul.shg-info {
margin-top: 0;
padding-top: 2px;
width: 96%;
overflow: visible;
margin-left: 4%
}
body .magentoDeve ul.shop-th li {
width: 100%;
text-align: left;
min-height: auto;
margin: 1px 0px;
position: relative;
}
.magentoDeve  ul.shop-th {
margin-top: 0;
padding-top: 2px;
width: 100%;
overflow: visible;
margin-left: 0%;
}
body .magentoDeve ul.shop-th li h3 {
padding-left: 3%;
}
body .magentoDeve ul.shop-th li:before {
content: url(//www.bay20.com/de/wp-content/themes/bay20/images/img-icon.png);
width: 0px;
height: 0px;
position: absolute;
top: 0;
left: 0;
}
.magentoDeve ul.shg-info li h3 {
font-size: 14px;
line-height: 1;
margin: 6px 0;
}
.shopware ul.sp-tittle li a {
text-decoration: none;
}
.magentoDeve ul li a {
text-decoration: none;
}
a.sdg-in{
display: inline-block;
text-decoration: none;
background: #e62229;
color: #fff;
font-size: 18px;
text-transform: capitalize;
width: auto;
height: auto;
padding: 15px;
border-radius: 3px;
box-shadow: 0px 0px 5px #636161;
font-weight: 600;
} .page-id-4165 .entry-content ol li,
.post-4197 .entry-content ol li,
.post-4200 .entry-content ol li,
.page-template-default .entry-content ol li{
margin-top: 15px;
list-style-position: inside;
}
.page-template-default .entry-content ol li:last-child{
margin-bottom: 15px;
} .post-4195 .entry-content ul,
.page-template-default .entry-content ul li{
list-style-position: inside;
}
.page-id-4170 .entry-content ul li,
.post-4184 .entry-content ul li,
.post-4195 .entry-content ul li,
.page-template-default .entry-content ul li{
margin-top: 15px;
}
.page-id-4170 .entry-content ul li:last-child,
.post-4184 .entry-content ul li:last-child,
.post-4195 .entry-content ul li:last-child,
.page-template-default .entry-content ul li:last-child{
margin-bottom: 20px;
} .joomlaDD li a,
.drupalDD li a{
text-decoration: none;
}
.joomlaDD.typo3 li i.icons1{
background-position: 0 -5427px;
}
.joomlaDD.typo3 li i.icons2{
background-position: 0 -5521px;
}
.joomlaDD.typo3 li i.icons3{
background-position: 0 -5601px;
height: 44px;
}
.joomlaDD.typo3 li i.icons4{
background-position: 0 -5695px;
}
.joomlaDD.typo3 li i.icons5{
background-position: 0 -5778px;
}
body.blog #primary img,
body.author #primary img{
width: 100%;
} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
margin: 0 2% 2.992em 0;
width: 23.5%;
}
.woocommerce-page ul.products li.product:nth-child(4),
.woocommerce-page ul.products li.product:nth-child(8),
.woocommerce-page ul.products li.product:nth-child(12),
.woocommerce-page ul.products li.product:nth-child(16){
margin-right: 0;
} .fa-server:before {
content: "\f233";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
} .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.menu-item-has-children span.wpmm-selected-icon .fa {
display: inline-block;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.menu-item-has-children .fa {
display: none;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu > li.wpmm-row .wp-megamenu-sub-menu 
li.menu-item-has-children a:hover b:before {
content: "\f105";
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu > li.wpmm-row .wp-megamenu-sub-menu 
li.menu-item-has-children a b {
display: inline-block;
}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget .wp-megamenu-sub-menu li .wp-megamenu-sub-menu {
padding: 0;
width: 320px;
} .page-id-4496 .entry-header {
display: none;
}
.page-id-4496 .wrapper .container {
margin-bottom: 0;
}
.page-id-4496 .row {
margin-bottom: 0;
}
.magentoapp-development-services-featured {
display: block;
position: relative;
min-height: 400px;
padding: 100px 0 90px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/magento-app-development-bg.jpg) no-repeat center center /cover;
}
.magentoapp-development-services-featured .row:after {
content: '';
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.mobiledevlopment .magentoAppInnerContent {
max-width: 545px;
width: 100%;
float: left;
}
.magentoapp-development-services-featured h1 {
text-transform: capitalize;
color: #fff;
font-size: 32px;
line-height: 52px;
font-weight: 400;
margin: 0 0 18px;
}
.magentoapp-development-services-featured p {
font-size: 16px;
line-height: 25px;
letter-spacing: 0;
color: #fff;
font-weight: 400;
margin: 0;
}
.mobiledevlopment .calltoactionC {
padding-top: 30px;
}
.calltoactionC a {
background: #f26324;
color: #fff;
font-size: 18px;
padding: 14px 24px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
}
.calltoactionC .banner-input-sec {
display: inline-block;
width: 100%;
position: relative;
}
.calltoactionC .banner-input-sec .wpcf7-form-control-wrap {
width: 100%;
display: inline-block;
}
.calltoactionC .banner-input-sec input {
height: 56px;
line-height: 56px;
border: none;
padding: 0 15px;
border-radius: 4px;
font-size: 18px;
}
.calltoactionC .banner-input-sec .wpcf7-email {
width: 100%;
font-size: 18px;
padding-right: 225px;
}
.calltoactionC .banner-input-sec .wpcf7-submit {
background: #f26324;
color: #fff;
font-size: 18px;
position: absolute;
right: 5.5px;
top: 5.5px;
height: 45px;
line-height: 42px;
border: 2px solid transparent;
}
.calltoactionC .banner-input-sec .wpcf7-submit:hover {
color: #f26324;
background: #fff;
border: 2px solid #f26324;
}
.magentoAppInnerContent a:hover {
background: #fff;
color: #000;
}
.magentoAppInnerContent a:hover i{
color: #000;
}
.calltoactionC .fa {
font-size: 28px;
padding: 0 0 0 8px;
display: inline-block;
vertical-align: middle;
transition: .5s;
}
.calltoactionC .fa-phone:before {
content: "\f095";
}
.hiremagentoexpert {
position: relative;
background: #f2f0f1;
padding: 50px 0 30px;
display: inline-block;
width: 100%;
}
.hiremagentoexpert:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: calc(100% - 58.333%);
height: 100%;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-expert-banner.jpg) no-repeat right top;
}
.hiremagentoexpert .row:after {
content: '';
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.hiremagentoexpert .col-md-7 {
width: 58.33333333%;
}
.hiremagentoexpert h2,.hiremagentoexpert h3 {
padding: 0;
margin: 0;
font-size: 28px;
color: #101010;
font-weight: 300;
line-height: normal;
}
.hiremagentoexpert h2 span,.hiremagentoexpert h3 span {
color: #f26324;
}
.hiremagentoexpert p {
color: #171717;
font-size: 15px;
padding: 20px 0 34px;
margin: 0;
line-height: 26px;
}
.magentocommanbtn a {
background: #f26324;
border: solid 1px #fff;
padding: 17px 24px;
font-size: 18px;
color: #fff;
font-weight: 400;
display: inline-block;
margin-top: 30px;
text-transform: uppercase;
text-decoration: none;
}
.magentocommanbtn a:hover {
background: #000;
color: #fff;
}
.magentocommanbtn a span {
display: none;
}
.mobiledevmidd {
padding: 65px 0 20px;
}
.mobiledevmidd .row:after {
content: '';
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.mobiledevmidd .col-md-4 {
text-align: center;
display: inline-block;
float: left;
box-sizing: border-box;
width: 33.333%;
}
.mobiledevmidd .imageboxc {
height: 100px;
}
.mobiledevmidd .col-md-4 h4 {
font-weight: 400;
font-size: 20px;
text-transform: capitalize;
margin-top: 10px;
margin-bottom: 10px;
}
.mobiledevmidd .col-md-4 p {
color: #414042;
font-weight: 400;
font-size: 15px;
margin: 15px 0 10px;
}
.dedicatedmagentodev {
padding: 60px 0 40px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/dedicated-magento-developement.jpg) no-repeat center center /cover;
display: inline-block;
width: 100%;
}
.dedicatedmagentodev .topsection {
text-align: center;
}
.dedicatedmagentodev .topsection h3 {
color: #fff;
text-align: center;
font-size: 30px;
font-weight: 300;
margin: 0;
padding: 0;
text-transform: capitalize;
}
.dedicatedmagentodev .topsection h3 span {
color: #f26324;
}
.dedicatedmagentodev .topsection p {
font-size: 17px;
font-weight: 300;
color: #fff;
line-height: 26px;
margin: 0;
padding: 25px 0 15px;
}
.dedicatedmagentodev .middsection {
padding-top: 80px;
}
.dedicatedmagentodev .middsection .col-md-6 {
width: 50%;
}
.dedicatedmagentodev .magentocommanbtn a {
margin-top: 40px;
}
.dedicatedmagentodev .middsection ul {
padding: 0;
margin: 0;
list-style: none;
}
.dedicatedmagentodev .middsection li {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/right-check-omservices.png) no-repeat left 4px;
padding-left: 30px;
font-size: 17px;
color: #fff;
padding-bottom: 10px;
font-weight: 300;
margin-top: .5em;
}
.dedicatedmagentodev .middsection li:first-child {
margin-top: 0;
}
.dedicatedmagentodev .row:after {
content: '';
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.ourroleSection {
padding: 59px 0 43px;
text-align: center;
display: inline-block;
width: 100%;
}
.ourroleSection h3 {
color: #222;
font-size: 30px;
text-transform: capitalize;
margin: 0;
}
.ourroleSection p {
color: #171717;
font-size: 15px;
padding: 22px 0 38px;
margin: 0;
}
.ourroleSection a {
color: rgba(255,255,255,1);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
position: relative;
border: 1px solid rgba(255,255,255,.5);
overflow: hidden;
display: inline-block;
text-align: center;
padding: 14px 30px;
background: #f05523;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
border-radius: 30px;
box-shadow: 1px 2px 3px 1px #cfcfcf;
}
.ourroleSection a:hover {
border: 1px solid #f05523;
background: 0 0;
box-shadow: none;
color: #f05523;
}
.ourroleSection .imageSection {
padding: 50px 0 0;
}
.ourroleSection .imageSection img {
transition: .5s all;
padding: .6rem;
max-width: 100%;
}
.ourroleSection .imageSection img:hover {
transform: scale(1.01);
transition: .5s all;
}
.gettheecommerce:after {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/getthe-mcommerce-img.jpg) no-repeat right top;
}
.gettheecommerce h3 {
margin: 15px 0 10px;
font-size: 24px;
line-height: 1.1;
}
.gettheecommerce p {
padding: 20px 30px 40px 0;
}
.erpclientSpeak {
padding: 59px 0 37px;
display: inline-block;
width: 100%;
}
.erpclientSpeak .col-md-5 {
text-align: center;
padding-top: 20px;
width: 41.66666667%;
}
.erpclientSpeak .col-md-5 h2{
color: #181818;
font-size: 53px;
text-align: center;
}
.erpclientSpeak .col-md-5 h2 span {
display: block;
color: #f26324;
font-weight: 600;
padding-top: 0;
line-height: 1;
}
.erpclientSpeak .col-md-7 {
width: 58.33333333%;
}
.erpclientSpeak ul {
margin: 0;
padding: 0;
list-style: none;
}
.erpclientSpeak ul li {
display: inline-block;
width: 100%;
margin: 0;
}
.erpclientSpeak .clientcontent .fa {
font-size: 70px;
color: #f0f0f0;
position: absolute;
}
.erpclientSpeak ul li .fa-quote-left:before {
content: "\f10d";
}
.erpclientSpeak p {
color: #171717;
font-size: 16px;
padding-left: 17%;
margin: 15px 0 10px;
}
.erpclientSpeak .strong-view.default .testimonial-heading {
display: none;
}
.erpclientSpeak .strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport {
border: none;
}
.erpclientSpeak .strong-view.default.nav-position-inside .testimonial-inner {
border: none;
position: relative;
padding: 20px 0 48px;
}
.erpclientSpeak .testimonial-content:before {
content: "\f10d";
color: #f0f0f0;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 70px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
}
.erpclientSpeak .maybe-clear {
display: none;
}
.erpclientSpeak .strong-view.default .testimonial-content p{
display: inline-block;
vertical-align: top;
width: calc(100% - 17%);
padding: 0 40px 0 0;
float: right;
font-weight: 600;
}
.mobileaudience {
padding: 32px 0 27px;
background: #f26324;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.mobileaudience .row:after {
content: '';
margin-bottom: 20px;
}
.mobileaudience .col-md-12 {
width: 100%;
}
.letsTalknew h2 {
color: #fff;
font-size: 30px;
text-transform: capitalize;
}
.letsTalknew p {
color: #fff;
font-size: 30px;
text-transform: capitalize;
line-height: 36px;
padding-bottom: 0;
}
.mobileaudience p span {
font-weight: 600;
display: block;
}
.letsTalknew a {
color: #fff;
font-size: 18px;
padding: 14px 18px;
margin-top: 15px;
background: #000;
display: inline-block;
text-decoration: none;
}
.letsTalknew a:hover {
transition: .5s;
background-color: #333;
color: #fff;
}
.letsTalknew a .fa {
font-size: 28px;
padding: 0 0 0 8px;
display: inline-block;
vertical-align: middle;
transition: .5s;
}
.letsTalknew a .fa-phone:before {
content: "\f095";
}
.magentodevFoooter {
margin-top: 60px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/footer-up-bg.jpg) repeat center center;
}
.magentodevFoooter .leftsideinfo {
padding: 35px 0 0;
width: 41.66666667%;
}
.magentodevFoooter .leftboxCount {
background: #34405a;
padding: 10px;
clear: both;
border-radius: 6px;
margin-bottom: 20PX;
}
.magentodevFoooter .media:first-child {
margin-top: 0;
}
.magentodevFoooter .leftboxCount a, .magentodevFoooter .leftboxCount {
font-size: 23px;
font-weight: 300;
color: #fff;
text-decoration: none;
}
.leftboxCount .media-body, .leftboxCount .media-left, .leftboxCount .media-right {
vertical-align: middle;
padding: 5px;
display: table-cell;
}
.magentodevFoooter .leftboxCount span {
font-size: 13px;
text-transform: uppercase;
display: block;
letter-spacing: 2px;
padding-bottom: 7px;
}
.magentodevFoooter .leftboxCount p {
margin: 0;
color: #fff;
font-weight: 400;
font-size: 15px;
line-height: 1.6;
}
.magentodevFoooter .leftboxCount img {
float: left;
border-right: solid 1px #26324c;
border-right: solid 1px #26324c;
padding: 0 10px 0 0;
margin-right: 15px;
}
.magentodevFoooter .socialSection {
display: inline-block;
width: 100%;
}
.magentodevFoooter .socialSection .col-md-5 {
width: 41.66666667%;
margin: 0;
padding-left: 0;
}
.magentodevFoooter .socialSection span {
color: #fff;
font-size: 20px;
font-weight: 300;
}
.magentodevFoooter .socialSection .foot_social {
margin-top: 15px;
}
.magentodevFoooter .socialSection .foot_social .social-icon {
width: 24px;
height: 24px;
line-height: 22px;
font-size: 14px;
color: #fff;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
border: 1px solid transparent;
overflow: hidden;
text-align: center;
vertical-align: middle;
position: relative;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin-right: 5px;
margin-bottom: 7px;
text-decoration: none;
}
.magentodevFoooter .socialSection .foot_social .fa-facebook {
background: #3a599a;
border-color: #294889;
}
.magentodevFoooter .socialSection .foot_social .fa-twitter {
background: #41abe1;
border-color: #309ad1;
}
.magentodevFoooter .socialSection .foot_social .fa-linkedin {
background: #0381b1;
border-color: #0270a1;
}
.magentodevFoooter .socialSection .foot_social .fa-github {
background: #cb2027;
border-color: #ba1016;
}
.magentodevFoooter .socialSection .foot_social .fa-youtube {
background: #cb2027;
border-color: #ba1016;
}
.magentodevFoooter .socialSection .foot_social .social-icon:hover {
background-color: #ddd;
border-color: #ccc;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.magentodevFoooter .socialSection span {
color: #fff;
font-size: 20px;
font-weight: 300;
line-height: 1.42857143;
}
.magentodevFoooter .socialSection .foot_social span{
display: none;
}
.magentodevFoooter .footerNewslett {
padding: 0;
position: relative;
float: right;
width: 54%;
}
.magentodevFoooter .footerNewslett span {
display: block;
padding-bottom: 12px;
}
.magentodevFoooter .footerNewslett label {
display: none;
}
.magentodevFoooter .footerNewslett .tnp-widget input {
font-size: 12px;
background-color: #f6f6f6;
border-radius: 4px;
font-weight: 500;
color: #6d6969;
width: 240px;
margin-right: .5em;
border: 1px solid #ddd;
height: 34px;
}
.magentodevFoooter .footerNewslett .tnp-widget .tnp-field-email {
width: calc(100% - 52px);
display: inline-block;
vertical-align: top;
float: left;
}
.magentodevFoooter .footerNewslett .tnp-widget .tnp-field-email input{
width: 100%;
margin-right: 0;
border-radius: 4px 0 0 4px;
}
.magentodevFoooter .footerNewslett .tnp-widget .tnp-field-button {
display: inline-block;
margin: 0;
}
.magentodevFoooter .footerNewslett .tnp-widget .tnp-submit {
border: none;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/newsletter-icon.jpg);
font-size: 0;
width: 52px;
border-radius: 0;
vertical-align: top;
}
.magentodevFoooter .footerFomrcount {
float: right;
background: #fff;
padding-top: 45px;
width: 50%;
position: relative;
}
.magentodevFoooter .container {
position: relative;
}
.magentodevFoooter .row:before {
content: '';
border: solid 12px #00040d;
opacity: 1;
position: absolute;
top: -24px;
width: 47.334%;
right: 10px;
}
.magentodevFoooter .footerFomrcount p {
margin: 0;
}
.magentodevFoooter .footerFomrcount span.letstalk {
color: #7391df;
padding-left: 13px;
}
.magentodevFoooter .footerFomrcount h3 {
font-size: 30px;
font-weight: 300;
margin-bottom: 50px;
margin-top: 5px;
padding-left: 13px;
line-height: 1.1;
}
.magentodevFoooter .footerFomrcount .letstalk-form-sec {
margin-top: 0;
padding: 0 15px;
}
.magentodevFoooter .footerFomrcount .col-2 {
float: left;
width: 48%;
margin-right: 2%;
margin-bottom: 40px;
display: inline-block;
}
.footerFomrcount .col-2:nth-child(2n) {
margin-right: 0;
}
.magentodevFoooter .footerFomrcount .wpcf7-form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px 6px 0;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: none;
border-bottom: 1px solid #ddd;
border-radius: 0;
box-shadow: none;
}
.magentodevFoooter .footerFomrcount .captchacbox {
position: relative;
}
.magentodevFoooter .footerFomrcount .captchacbox .wpcf7-captchac {
position: absolute;
left: 0;
padding: 5px 14px;
min-width: 100px;
background-color: #ddd;
height: 34px;
z-index: 9;
width: auto;
}
.magentodevFoooter .footerFomrcount .captchacbox input.wpcf7-captchar {
padding-left: 110px;
border: 1px solid #ddd;
font-size: 18px;
letter-spacing: 3px;
}
.magentodevFoooter .footerFomrcount .sednButton {
display: inline-block;
width: 100%;
margin: 0 auto 20px;
text-align: center;
}
.magentodevFoooter .footerFomrcount .sednButton input {
text-transform: uppercase;
background: #eb4642;
color: #fff;
font-size: 18px;
font-weight: 300;
padding: 20px 56px;
height: auto;
border-radius: 30px;
display: inline-block;
text-align: center;
margin: auto;
float: none;
box-shadow: none;
margin: 10px 0 0;
width: auto;
border: none;
}
.engagement-models {
padding: 50px 0 43px;
text-align: center;
display: inline-block;
width: 100%;
background: #f5f5f5;
}
.engagement-models .col-xs-12 {
width: 100%;
}
.engagement-models .fluper-content h2 {
color: #222;
font-size: 30px;
text-transform: capitalize;
margin: 0;
}
.engagement-models .fluper-content h2 span {
color: #f26324;
}
.engagement-models .fluper-content p {
color: #171717;
font-size: 16px;
padding: 22px 0 38px;
margin: 0;
}
.engagement-models .space-box {
padding: 0;
}
.engagement-models .col-md-4 {
text-align: center;
display: inline-block;
float: left;
box-sizing: border-box;
width: 33.333%;
}
.engagement-models .imageboxc {
height: 140px;
}
.engagement-models .imageboxc img {
display: block;
max-width: 100%;
height: 100%;
text-align: center;
margin: 0 auto;
}
.engagement-models .col-md-4 h4 {
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
margin-top: 10px;
margin-bottom: 10px;
}
.engagement-models .col-md-4 p {
color: #414042;
font-weight: 400;
font-size: 16px;
margin: 15px 0 10px;
}
@media(max-width: 1023px){
.right-header{
margin: 20px 0;
}
.right-header .contact-navigation{
justify-content: end;
}
}
@media screen and (min-width: 768px) {
.dedicatedmagentodev .row{
margin: 0 auto;
width: 89%;
display: block;
float: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.magentodevFoooter .leftboxCount a, .magentodevFoooter .leftboxCount {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
.ourroleSection .imageSection img {
width: 50%;
box-sizing: border-box;
float: left;
display: inline-block;
}
}
@media (max-width: 767px) {
.right-header .contact-navigation{
justify-content: center;
margin: 5px 0;
}
.page-id-4496 .wrapper {
width: 100%;
}
.page-id-4496 article {
width: 100%;
padding: 0;
}
.page-id-4496 article .entry-content {
padding: 0;
}
.page-id-4496 .container {
width: 100%;
}
.magentoapp-development-services-featured {
padding: 40px 0 30px;
}
.mobiledevlopment h1 {
font-size: 22px;
line-height: 40px;
margin: 0 0 10px;
text-align: center;
}
.magentoapp-development-services-featured p {
padding: 0 14px;
}
.magentoAppInnerContent {
text-align: center;
}
.mobiledevlopment .calltoactionC {
text-align: center;
}
.calltoactionC a {
padding: 8px 14px;
}
.hiremagentoexpert {
padding: 38px 0 21px;
}
.hiremagentoexpert .col-md-7 {
width: 100%;
}
.hiremagentoexpert:after {
display: none;
}
.hiremagentoexpert .magentocommanbtn a {
padding: 8px 14px;
margin: 0;
}
.mobiledevmidd {
padding: 45px 0 20px;
}
.mobiledevmidd .col-md-4 {
width: 100%;
padding-bottom: 40px;
}
.mobiledevmidd .col-md-4:last-child {
padding-bottom: 0;
}
.dedicatedmagentodev {
padding: 37px 0 12px;
}
.dedicatedmagentodev .topsection h3 {
font-size: 22px;
font-weight: 400;
text-align: left;
padding: 0 15px;
}
.dedicatedmagentodev .topsection p {
padding-left: 15px;
padding-right: 15px;
text-align: left;
font-size: 15px;
}
.dedicatedmagentodev .middsection {
padding: 25px 0 40px;
}
.dedicatedmagentodev .middsection .col-md-6 {
width: 100%;
}
.dedicatedmagentodev .magentocommanbtn {
padding-top: 35px;
padding-left: 15px;
text-align: left !important;
}
.dedicatedmagentodev .magentocommanbtn a {
padding: 8px 14px;
}
.dedicatedmagentodev .middsection li {
font-size: 15px;
}
.ourroleSection {
display: block;
width: 100%;
padding: 23px 0 15px;
width: 95%;
margin: 0 auto;
}
.ourroleSection h3 {
font-size: 24px;
}
.ourroleSection p {
padding: 22px 0 28px;
}
.ourroleSection .imageSection {
padding: 30px 0 0;
}
.ourroleSection .imageSection img {
padding: 0;
}
.gettheecommerce h3 {
font-size: 20px;
}
.gettheecommerce p {
font-size: 15px;
padding: 5px 0 30px;
}
.erpclientSpeak {
padding: 10px 0 30px;
}
.erpclientSpeak .col-md-5 {
width: 100%;
}
.erpclientSpeak .col-md-5 h2 {
font-size: 30px;
}
.erpclientSpeak .col-md-5 h2 span {
display: inline-block;
line-height: normal;
}
.erpclientSpeak .col-md-7 {
width: 100%;
}
.erpclientSpeak .strong-view.default .testimonial-content p {
width: calc(100% - 110px);
padding: 0;
}
.letsTalknew p {
font-size: 24px;
}
.magentodevFoooter .leftsideinfo {
width: 100%;
}
.magentodevFoooter .row:before {
display: none;
}
.magentodevFoooter .leftboxCount a, .magentodevFoooter .leftboxCount {
font-size: 18px;
}
.magentodevFoooter .socialSection .col-md-5 {
width: 100%;
padding-left: 15px;
}
.magentodevFoooter .footerNewslett {
padding: 0 15px;
width: 100%;
margin-top: 20px;
}
.magentodevFoooter .footerNewslett .tnp-widget .tnp-field-email input {
width: 100%;
}
.magentodevFoooter .footerFomrcount {
width: 100%;
margin-top: 20px;
}
.engagement-models {
padding: 45px 0 20px;
}
.engagement-models .col-md-4 {
width: 100%;
padding-bottom: 40px;
}
.engagement-models .col-md-4:last-child {
padding-bottom: 0;
}
}
@media (max-width: 479px) {
.magentodevFoooter .footerFomrcount .col-2 {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.magentodevFoooter .footerFomrcount h3 {
margin-bottom: 25px;
font-size: 24px;
padding-left: 0;
}
.magentodevFoooter .footerFomrcount .letstalk-form-sec {
padding: 0;
}
.magentodevFoooter .footerFomrcount span.letstalk {
padding-left: 0;
}
.calltoactionC .banner-input-sec input {
height: 40px;
line-height: 40px;
}
.calltoactionC .banner-input-sec .wpcf7-email {
font-size: 16px;
padding-right: 15px;
}
.calltoactionC .banner-input-sec .wpcf7-submit {
font-size: 16px;
margin-top: 10px;
position: static;
height: 40px;
line-height: 36px;
float: left;
}
}  .pricing-table.woocommerce-package div.span6{
width: 48%;
}
.woo-commerce-package .bannerSection{
padding-top: 4%;
padding-bottom: 15px;
}
.woo-commerce-package .bannerSection h1{
line-height: 45px;
}
.woo-commerce-package .detailsSection{
padding-top: 20px;
}
.woo-commerce-package .chooseSection h2{
margin: 15px 0 40px 0;
}
.SupportAndMaintaince.wix ul li i{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/services-icons.png) no-repeat 0 0;
}
.SupportAndMaintaince ul li i.icons1{
background-position: 0 0;
}
.SupportAndMaintaince ul li i.icons2{
background-position: 0 -100px;
}
.SupportAndMaintaince ul li i.icons3{
background-position: 0 -200px;
}
.SupportAndMaintaince ul li i.icons4{
background-position: 0 -301px;
}
.SupportAndMaintaince ul li i.icons5{
background-position: 0 -402px;
}
.SupportAndMaintaince ul li i.icons6{
background-position: 0 -402px;
} .services-section h2{
text-align: center;
font-size: 35px;
font-weight: bold;
margin-bottom: 50px;
margin-top: 40px;
}
.multi-services-box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.multi-services-box .what-we-section,
.multi-services-box .you-need-section{
width: 48%;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
position: relative;
padding: 0 30px 35px 30px;
box-sizing: border-box;
}
.multi-services-box .what-we-section:before,
.multi-services-box .you-need-section:before{
content: "";
position: absolute;
width: 100%;
top: 0;
right: 0;
left: 0;
background: #D22127;
height: 15px;
}
.multi-services-box .what-we-section h3,
.multi-services-box .you-need-section h3{
font-size: 20px;
position: relative;
margin-top: 30px;
text-align: center;
}
.multi-services-box .what-we-section h3:before,
.multi-services-box .you-need-section h3:before{
content: "";
position: absolute;
bottom: -8px;
width: 142px;
height: 2px;
left: 0;
right: 0;
display: block;
background: #e62229;
text-align: center;
margin: 0 auto;
}
.multi-services-box .what-we-section ul,
.multi-services-box .you-need-section ul{
list-style: none;
margin-top: 35px;
}
.multi-services-box .what-we-section ul li,
.multi-services-box .you-need-section ul li{
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.multi-services-box .what-we-section ul li a, 
.multi-services-box .you-need-section ul li a{
font-size: 8px;
color: #0070ff;
display: block;
text-decoration: none;
}
.multi-services-box .what-we-section ul li p,
.multi-services-box .you-need-section ul li p{
width: 90%;
margin: 0;
}
.multi-services-box .what-we-section ul li span,
.multi-services-box .you-need-section ul li span{
background: #D22127;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
display: inline-block;
text-align: center;
color: #fff;
}
.feature-you{
margin-top: 60px;
}
.feature-you h2{
text-align: center;
font-size: 35px;
}
.feature-multi-box ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
margin-top: 90px;
}
.feature-multi-box ul li{
width: 30%;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
margin-bottom: 90px;
padding: 0 20px;
box-sizing: border-box;
height: 150px;
text-align: center;
position: relative;
}
.feature-multi-box ul li:before{
content: "";
position: absolute;
top: -25%;
right: 0;
left: 0;
width: 69px;
height: 69px;
border-radius: 50%;
margin: 0 auto;
}
.feature-multi-box ul li:nth-child(1):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/order.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(2):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/custom.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(3):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/truck.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(4):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/notification__1_.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(5):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/tax__1_.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(6):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/document.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(7):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/post_office.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(8):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/sale.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(9):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/cms.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:nth-child(10):before{
background: #D22127 url(//www.bay20.com/de/wp-content/themes/bay20/images/featured-icon/man.png) no-repeat;
background-position: center;
}
.feature-multi-box ul li:last-child{
margin-bottom: 0;
}
.feature-multi-box ul li p{
font-size: 14px;
font-weight: bold;
margin: 50px 0 0 0;
text-transform: uppercase;
}
@media screen and (max-width: 767px){
.multi-services-box .what-we-section{
margin-bottom: 50px;
}
.multi-services-box .what-we-section, .multi-services-box .you-need-section{
width: 100%;
}
.pricing-table.woocommerce-package div.span6{
width: 100%;
}
.feature-multi-box ul li p{
font-size: 10px;
}
.multi-services-box .what-we-section ul li p, .multi-services-box .you-need-section ul li p{
width: 83%;
}
}
@media screen and (max-width:480px){
.feature-multi-box ul li{
width: 80%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width:480px) and (max-width: 767px){
.feature-multi-box ul li{
width: 48%;
}
}
@media screen and (min-width:768px) and (max-width: 1024px){
.pricing-table.woocommerce-package div.span6{
width: 100%;
}
.feature-multi-box ul li p{
font-size: 12px;
}
} .shopify li > a:hover i,
.SupportAndMaintaince ul li > a:hover i,
.prastashop .magentoDeve ul li > a:hover i,
.Magento2Development ul li > a:hover i,
.magentoDeve ul li > a:hover i,
.joomlaDD ul li > a:hover i,
.drupalDD ul li > a:hover i{
opacity: 0.7;
}
.shopify li a,
.SupportAndMaintaince ul li a{
color: #000;
text-decoration: none;
}
.shopify li a:hover,
.SupportAndMaintaince ul li a:hover{
color: #C40001;
} body.single.single-post .entry-header .wp-post-image{
width: 100%;
}
body #hubspot-messages-iframe-container {
z-index: 111 !important;
} .main-navigation #wp-megamenu-primary{
padding-right: 0;
padding-left: 0;
background: #fff;
}
.wpmm-sticky.wpmm-sticky-wrap .wpmm-nav-wrap{
padding-left: 0;
padding-right: 0;
} .single-post .entry-content{
font-family: 'Noto Serif';
}
.single-post .entry-content h2{
font-size: 28px;
}
.single-post .entry-content h3{
font-size: 24px;
}
.single-post .entry-content h4{
font-size: 20px;
}
.single-post .entry-content h5{
font-size: 18px;
}
.single-post .entry-content h6{
font-size: 16px;
}
.single-post .entry-content ul{
margin-left: 15px;
}
.single-post .entry-content ul li{
font-size: 16px;
}
.single-post .entry-content ol{}
.single-post .entry-content ol li{
font-size: 16px;
}
.single-post .entry-content li::marker {
font-weight: bold;
}
.single-post .entry-content p{}
.single-post .entry-content code{}
.single-post .entry-content a{
color: #C40001;
}
.single-post .entry-content a:hover{
color: #000;
} .faqs-listing {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.faqs-listing .faq-category {
display: inline-block;
float: left;
width: 100%;
}
.faqs-listing .faq-category h3{
font-size: 25px;
border-bottom: 4px solid #000;
padding-bottom: 15px;
margin-bottom: 30px;
}
.faqs-listing .faq-category .faqs-list-boxes {
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.faqs-listing .faq-category .faqs-list-boxes .faq-title {
font-size: 20px;
font-weight: 500;
line-height: 40px;
padding: 0 55px 0 0;
position: relative;
}
.faqs-listing .faq-category .faqs-list-boxes .faq-title:after {
content: '+';
width: 40px;
height: 40px;
border-radius: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
font-size: 30px;
line-height: 40px;
text-align: center;
display: inline-block;
background: #d82228;
float: right;
color: #fff;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.faqs-listing .faq-category .faqs-list-boxes .faq-title.open:after {
content: '-';
line-height: 35px;
}
.faqs-listing .faq-category .faqs-list-boxes .faq-content {
font-size: 16px;
padding: 15px 0 0;
display: none;
}
@media screen and (min-width:1024px){
.faqs-listing .faq-category.wide_2col {
width: 48%;
margin-left: 4%;
}
.faqs-listing .faq-category.wide_2col:nth-child(2n + 1) {
margin-left: 0;
}
} .cli-modal.cli-blowup{
background: rgba(0,0,0,0.7);
} .page-banner {
font-family: 'Poppins', sans-serif;
margin-bottom: 0;
}
.page-banner .banner-caption {
background-color: #292929;
min-height: 720px;
padding: 188px 0 100px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/experten-für-eCommerce-crm-mobile-&-web-lösungen-in-deutschland.jpeg);
position: relative;
margin: 0;
}
.page-banner .banner-content {
color: #fff;
padding-left: 20px;
}
.page-banner .banner-content  h1 {
font-weight: bold;
font-size: 42px;
letter-spacing: 0.01em;
line-height: 45px;
color: #fff;
margin-bottom: 42px;
}
.page-banner .banner-content  p {
font-weight: normal;
font-size: 18px;
line-height: 33px;
color: #fff;
}
.page-banner .banner-content .btn {
display: inline-block;
font-weight: normal;
font-size: 22px;
line-height: 76px;
height: 78px;
text-align: center;
color: #fff;
padding: 0 30px;
min-width: 253px;
border: 2px solid #fff;
text-decoration: none;
background: #C40001;
margin-top: 19px;
}
.page-banner .banner-content .btn:hover {
background: #fff;
color: #F33642;
}
.page-banner .red-text {
color: #F33642;
}
@media screen and (max-width:1679px){
.page-banner .banner-content {
padding-left: 250px;
}
}
@media screen and (max-width:1365px){
.page-banner .banner-caption {
min-height: 600px;
padding: 130px 0 100px;
}
}
@media screen and (max-width:1260px){ 
.page-banner .banner-content {
margin: 0 auto;
padding-left: 0;
max-width: 782px;
}
}
@media screen and (max-width:1023px){ 
.page-banner .banner-caption {
min-height: initial;
padding: 120px 0;
}
.page-banner .banner-content {
padding: 0 20px;
}
}
@media screen and (max-width:767px){ 
.page-banner {
margin-bottom: 0;
}
.page-banner .banner-caption {
min-height: initial;
padding: 100px 0;
background-position: right center;
text-align: center;
}
.page-banner .banner-content {
padding: 0;
}
.page-banner .banner-content h1 {
font-size: 28px;
letter-spacing: inherit;
line-height: 1.35;
margin-bottom: 30px;
}
.page-banner .banner-content p {
font-size: 16px;
line-height: 1.4;
}
.page-banner .banner-content .btn {
font-size: 18px;
line-height: 46px;
height: 50px;
min-width: inherit;
margin-top: 20px;
}
}  .heading-title {
font-size: 40px;
color: #000;
font-weight: 700;
padding: 0;
margin: 30px 0 50px;
text-align: center;
text-transform: uppercase;
}
.home-blog-section {
display: inline-block;
width: 100%;
margin: 0 0 70px;
}
.boxes-item-compare {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.boxes-item-compare .boxes-item {
display: inline-block;
float: left;
width: 100%;
margin-bottom: 30px;
} 
.boxes-item-compare .boxes-item h3 {
font-size: 20px;
color: #434343;
margin-bottom: 15px;
}
.boxes-item-compare .boxes-item h3 a {
text-decoration: none;
color: #434343;
}
.boxes-item-compare .boxes-item h3 a:hover {
color: #F33642;
}
.boxes-item-compare .boxes-item p{
color: #585858;
min-height: 88px;
}
.thum-img {
line-height: 0;
margin-bottom: 10px;
}
.link-btn {
display: inline-block;
font-weight: normal;
font-size: 16px;
line-height: 42px;
height: 42px;
text-align: center;
color: #fff;
padding: 0 20px;
min-width: 124px;
border: none;
text-decoration: none;
background: #C40001;
}
.link-btn:hover {
background: #222;
color: #fff;
}
@media screen and (min-width:768px){
.boxes-item-compare {
margin: 0 -10px;
}
.boxes-item-compare .boxes-item.wide_3col {
width: calc((100% - 60px) / 3);
margin: 0 10px 30px;
position: relative;
}
.boxes-item-compare .boxes-item h3 {
min-height: 55px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.boxes-item-compare .boxes-item .caption {
padding-bottom: 45px;
}
.link-btn {
position: absolute;
left: 0;
bottom: 0;
}
section.home-blog-section .link-btn {
position: absolute;
}
section.home-blog-section .boxes-item-compare .boxes-item .caption {
padding-bottom: 53px;
}
}
@media screen and (min-width:1024px){
.boxes-item-compare {
margin: 0 -15px;
}
.boxes-item-compare .boxes-item.wide_3col {
width: calc((100% - 90px) / 3);
margin: 0 15px 30px;
}
}
@media screen and (min-width:1320px){
.boxes-item-compare .boxes-item h3 {
min-height: 54px;
}
}
@media screen and (max-width:1023px){
.boxes-item-compare .boxes-item h3 {
font-size: 18px;
}
}
@media screen and (max-width:767px){
.home-blog-section {
margin: 0 0 30px;
}
.heading-title {
font-size: 24px;
margin: 30px 0 30px;
}
.boxes-item-compare .boxes-item h3 {
font-size: 16px;
min-height: inherit;
}
.boxes-item-compare .boxes-item p{
min-height: inherit;
}
}  .deliver-section{
padding:50px 0 20px 0;
position:relative;
}
.deliver-section .deliver-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow: visible;
position: relative;
z-index: 1;
}
.deliver-section .deliver-block {
flex: 0 0 31.905%;
margin: 0 0 30px;
position: relative;
overflow: hidden;
}
.deliver-section .deliver-block.web-mobile {
flex: 0 0 65.952%;
}
.deliver-section .web-mobile {
display: flex;
flex-direction: row;
}
.deliver-section .deliver-img {
height: 300px;
margin-bottom: 0;
order: 2;
overflow: hidden;
position: relative;
}
.deliver-section .deliver-img.web-img-large {
height: 435px;
}
.deliver-section .deliver-img .thum-img{
height: 100%;
}
.deliver-section .deliver-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s ease 0s;
}
.deliver-section .services-overlay {
width: 100%;
height: 100%;
display: flex;
align-items: inherit;
position: absolute;
z-index: 9;
left: -100%;
top: 0;
padding: 30px 15px 30px 30px;
background-color: rgba(20,21,27,.98);
transition: all .2s linear;
}
.deliver-section .services-overlay.current {
left: 0;
}
.deliver-section .close-cross {
position: absolute;
cursor: pointer;
width: 24px;
height: 24px;
right: 10px;
top: 10px;
z-index: 1;
}
.deliver-section .close-cross::after, .deliver-section .close-cross::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #fff;
}
.deliver-section .close-cross::before {
left: 0;
transform: rotate(47deg);
top: 10px;
}
.deliver-section .close-cross::after {
left: 0;
transform: rotate(132deg);
top: 10px;
}
.deliver-section .link-open {
font-size: 16px;
cursor: pointer;
position: relative;
padding: 14px 30px;
display: inline-block;
border: 2px solid #C40001;
color: #000;
border-radius: 5px;
font-weight: 700;
text-transform: uppercase;
}
.deliver-section .close-cross, .deliver-section .link-open {
display: none;
}
.deliver-section .services-point {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow-y: auto;
width: 100%;
padding-right: 15px;
}
.deliver-section .services-pointer ul {
margin: 0;
}
.deliver-section .services-pointer li {
padding: 0 0 0 18px;
position: relative;
list-style: none;
margin-bottom: 14px;
}
.deliver-section .services-pointer li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.deliver-section .services-pointer li a {
font-weight: normal;
font-size: 14px;
letter-spacing: 0.01em;
color: #fff;
text-decoration: none;
}
.deliver-section .services-pointer li a:hover{
color: #C40001;
}
.deliver-section .services-pointer li::marker {
display: none;
}
.deliver-section .services-pointer li:after {
content: "";
position: absolute;
margin-top: 0;
left: 0;
top: 50%;
width: 5px;
height: 5px;
transform: translateY(-50%);
background-color: #fff;
display: inline-block;
}
.deliver-section .deliver-content {
padding: 25px 0 0;
}
.deliver-section h3 {
font-weight: bold;
font-size: 38px;
letter-spacing: 0.01em;
line-height: 41px;
color: #000;
}
.deliver-section h3 a{
text-decoration: none;
}
.deliver-section p {
font-weight: bold;
font-size: 16px;
letter-spacing: 0.01em;
line-height: 22px;
color: #000;
margin-bottom: 0;
}
.deliver-section .block-blue {
order: 1;
background-color: #FFA8A8;
padding: 0 50px;
color: #fff;
display: flex;
align-items: center;
width: calc(100% - 298px);
}
.deliver-section .block-blue h3 {
font-size: 42px;
color: #000;
}
.deliver-section .web-app {
padding: 0 30px 0 0;
}
.deliver-section .web-img {
width: 298px;
height: 100%;
}
.deliver-section .services-overlay.current .link-open {
display: none;
}
@media screen and (min-width:768px){
.deliver-section .deliver-block:hover .services-overlay {
left: 0;
}
}
@media screen and (max-width:1440px){ 
.deliver-section h3 {
font-size: 28px;
}
.deliver-section .block-blue h3 {
font-size: 32px;
}
.deliver-section .services-overlay {
padding: 20px 15px 20px 15px;
}
.deliver-section .deliver-img.web-img-large {
height: 435px;
}
}
@media screen and (max-width:1023px){ 
.deliver-section h3 {
font-size: 24px;
line-height: 1.27;
margin-bottom: 10px;
}
.deliver-section .block-blue h3 {
font-size: 24px;
}
.deliver-section .deliver-img {
height: 310px;
}
.deliver-section .web-app {
padding: 0;
}
.deliver-section .services-overlay {
padding: 20px 15px 20px 15px;
}
.deliver-section .web-img {
width: 48%;
height: 100%;
}
.deliver-section .block-blue {
padding: 0 20px;
width: 52%;
}
.deliver-section .deliver-img.web-img-large {
height: 450px;
}
}    
@media screen and (max-width:767px){ 
.deliver-section p {
margin-bottom: 20px;
}
.deliver-section .deliver-wrap {
padding: 0;
}
.deliver-section .deliver-block {
flex: 0 0 100%;
}
.deliver-section .deliver-block.web-mobile {
flex: 0 0 100%;
flex-direction: column;
}
.deliver-section .deliver-img {
height: 300px;
}
.deliver-section .deliver-img.web-img-large {
height: 350px;
}
.deliver-section .block-blue {
order: 2;
padding: 20px;
display: block;
width: 100%;
}
.deliver-section .web-img {
width: 100%;
height: 450px;
order: 1;
}
.deliver-section .close-cross, .deliver-section .link-open {
display: inline-block;
}
.deliver-section .services-pointer li {
margin-bottom: 10px;
}
.deliver-section .services-overlay {
padding: 15px;
}
}
@media screen and (max-width:479px){ 
.deliver-section p {
font-size: 14px;
font-weight: 500;
}
.deliver-section .web-img {
height: 400px;
}
.deliver-section .deliver-block {
margin: 0 0 25px;
}
.deliver-section .services-pointer li {
padding: 0 0 0 12px;
}
}  .fa-handshake-o:before {
content: "\f2b5";
}
.fa-folder-image:before {
content: "\e18a";
}
.fa-calendar-days:before {
content: "\f073";
}
.fa-calendar:before {
content: "\f073";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e";
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.main-navigation ul {
padding: 0;
margin: 0;
}
.main-navigation ul li{
list-style: none;
border-bottom: 1px solid #f2f2f2;
position: relative;
}
.main-navigation ul li a{
color: #282828;
font-size: 14px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
padding: 10px 0;
text-decoration: none;
display: block;
}
.main-navigation ul li a i{
font-size: 16px;
}
.main-navigation ul li a.txt_bold {
font-weight: 700;
}
.main-navigation ul li a:hover{
color: #C40001;
}
.main-navigation ul li p{
color: #282828;
font-size: 14px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
padding: 10px 0;
text-decoration: none;
display: block;
margin: 0;
}
.main-navigation ul li p.txt_bold {
font-weight: 700;
}
.main-navigation ul li .txt_bold b{
display: none;
}
.main-navigation ul.main-menu {
position: relative;
}
.main-navigation > ul.main-menu > li > a{
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 30px;
padding: 5px 10px;
}
.main-navigation > ul.main-menu > li > a:hover{
color: #C40001;
}
.main-navigation .icon {
display: inline-block;
width: 45px;
height: 45px;
vertical-align: middle;
margin-right: 10px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.main-navigation .icon.eco-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/eco-logo.png);}
.main-navigation .icon.magento-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/magento-logo.png);}
.main-navigation .icon.bigcommerce-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigcommerce-logo.png);}
.main-navigation .icon.shopware-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/shopware-5-logo.png);}
.main-navigation .icon.prestashop-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/prestashop-logo.png);}
.main-navigation .icon.shopify-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/shopify-logo2.png);}
.main-navigation .icon.wordpress-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/wordpress-logo.png);}
.main-navigation .icon.salesforce-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/salesforce-logo.png);}
.main-navigation .icon.zapier-icon {background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/zapier-icon.png);}
@media screen and (min-width:1024px){
.main-navigation ul li{
list-style: none;
border-bottom: 1px solid #f2f2f2;
position: relative;
}
.main-navigation ul.main-menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.main-navigation ul li.hide, .main-navigation .full_width .sub-menu ul li.hide {
display: none;
}
.main-navigation > ul.main-menu > li{
display: inline-block;
border-bottom: none;
}
.main-navigation > ul.main-menu > li > a{
font-size: 18px;
font-weight: 500;
line-height: 30px;
padding: 10px;
}
.main-navigation > ul.main-menu > li:first-child > a{
padding-left: 0;
}
.main-navigation > ul.main-menu > li:last-child > a{
padding-right: 0;
}
.main-navigation > ul.main-menu > li:first-child .sub-menu{
left: 0;
right: inherit;
}
.main-navigation ul li:hover > .sub-menu {
display: block;
}
.main-navigation .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 400px;
background: #fff;
padding: 15px;
box-shadow: 0px 5px 5px rgba(0,0,0,.3);
}
.main-navigation .sub-menu li a b {
float: right;
font-size: 20px;
}
.main-navigation .sub-menu.maxwidth_sm {
width: 180px;
}
.main-navigation .sub-menu.maxwidth_ms {
width: 320px;
}
.main-navigation .sub-menu ul{
display: none;
position: absolute;
top: 0;
left: 100%;
width: 300px;
background: #fff;
padding: 10px 15px;
box-shadow: 0px 5px 5px rgba(0,0,0,.3);
}
.main-navigation .sub-menu li:hover > ul {
display: block;
}
.main-navigation ul li.full_width {
position: static;
}
.main-navigation ul li.full_width:hover .sub-menu{
display: flex;
}
.main-navigation .full_width .sub-menu {
left: 0;
right: 0;
min-width: 100%;
width: 100%;
padding: 15px 0;
flex-wrap: wrap;
}
.main-navigation .full_width .sub-menu > li {
display: inline-block;
width: 25%;
padding: 0 15px;
float: left;
vertical-align: top;
border-bottom: none;
margin-bottom: 20px;
}
.main-navigation .full_width .sub-menu ul{
display: block;
position: static;
width: 100%;
padding: 0;
box-shadow: none;
}
.main-navigation .full_width .sub-menu ul li{
display: block;
}
}
@media screen and (min-width:1260px){
.main-navigation > ul.main-menu > li > a{
padding: 10px 12px;
}
.main-navigation .full_width .sub-menu > li {
width: 20%;
}
}
@media screen and (min-width:1320px){
.main-navigation > ul.main-menu > li > a {
font-size: 22px;
}
}
@media screen and (max-width:1320px){
.main-navigation .sub-menu {
width: 300px;
}
.main-navigation .sub-menu.maxwidth_ms {
width: 300px;
}
}
@media screen and (max-width:1023px){
.main-navigation ul li {
border-bottom-color: #676767;
}
.main-navigation ul li .fa {
display: block;
font-size: 25px;
float: right;
padding: 0;
line-height: 45px;
position: absolute;
right: 0;
top: 0;
text-align: center;
width: 50px;
height: 45px;
}
.main-navigation ul li p {
color: #fff;
padding: 13px 15px;
}
.main-navigation ul li a {
color: #fff;
padding: 13px 15px;
}
.main-navigation ul li a.parent {
padding-right: 50px;
}
.main-navigation > ul.main-menu > li > a {
color: #fff;
padding: 10px 0;
}
.main-navigation > ul.main-menu > li > a.parent {
padding-right: 50px;
}
.main-navigation > ul.main-menu > li > a .fa {
line-height: 50px;
height: 50px;
}
.main-navigation .sub-menu {
display: none;
width: 100%;
}
.main-navigation ul li.hover > .sub-menu, .main-navigation ul li .sub-menu li.hover ul{
display: block;
}
.main-navigation .sub-menu.maxwidth_ms {
width: 100%;
}
.main-navigation .sub-menu li{
border-bottom: none;
border-top: 1px solid #676767;
}
.main-navigation .sub-menu ul{
display: none;
}
.main-navigation .sub-menu ul li a {
padding-left: 25px;
}
.main-navigation ul li a.txt_bold,.main-navigation ul li p.txt_bold {
font-weight: 500;
}
.main-navigation ul li .txt_bold .fa{
float: left;
padding-left: 0;
padding-right: 10px;
font-size: 16px;
position: static;
display: none;
}
.main-navigation ul li .txt_bold b.fa {
display: block;
font-size: 25px;
float: right;
padding: 0;
position: absolute;
}
.main-navigation ul > li.hover > a > .fa-angle-down:before {
content: "\f106";
}
}  .linkmodule_boxes {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none;
margin: 0 -15px;
width: auto;
justify-content: center;
}
.linkmodule_boxes li{
float: left;
width: calc((100% - 120px) / 4);
margin: 0 15px 30px;
}
.linkmodule_boxes.mar_bot_md li {
margin-bottom: 50px;
}
.linkmodule_boxes.mar_bot_sm li {
margin-bottom: 35px;
}
@media screen and (min-width:768px) {
.linkmodule_boxes.mar_zero li {
margin-bottom: 0;
}
}
@media screen and (min-width:1024px) {
.linkmodule_boxes.wide_2col li{
width: calc((100% - 60px) / 2);
}
.linkmodule_boxes.wide_3col li{
width: calc((100% - 90px) / 3);
}
.linkmodule_boxes li.wide_5col{
width: calc((100% - 150px) / 5);
}
.linkmodule_boxes.mar_zero li {
margin-bottom: 0;
}
}
@media screen and (max-width:1023px) {
.linkmodule_boxes {
margin: 0 -10px;
}
.linkmodule_boxes li{
width: calc((100% - 60px) / 3);
margin: 0 10px 30px;
}
.linkmodule_boxes.wide_2col li{
width: calc((100% - 40px) / 2);
}
}
@media screen and (max-width:767px) {
.linkmodule_boxes li{
width: calc((100% - 40px) / 2);
}
}
@media screen and (max-width:479px) {
.linkmodule_boxes {
margin: 0;
}
.linkmodule_boxes li{
width: 100%;
margin: 0 0 20px;
}
.linkmodule_boxes.wide_2col li{
width: 100%;
}
}  .text-white,.text-white p,.text-white h1,.text-white h2,.text-white h3,
.text-white h4,.text-white h5,.text-white h6,.text-white span {
color: #fff;
}
.text-white .text-primary {
color: #3D3D3D;
}
.text-primary {
color: #C40001;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.border-bottom {
border-bottom: 1px solid #dee2e6;
}
.border-left {
border-left: 1px solid #dee2e6;
}
.border-right {
border-right: 1px solid #dee2e6;
}
.border-dark {
border-color: #343a40;
}
.bg-graylight {
background-color: #f9f9f9;
}
.font-bold {
font-weight: 700;
}
.text-uppercase {
text-transform: uppercase;
}
.shadow-custom {
-webkit-box-shadow: 0 2.8125rem 3.75rem 0 rgb(34 34 34 / 10%);
box-shadow: 0 2.8125rem 3.75rem 0 rgb(34 34 34 / 10%);
}
.bg-white {
background-color: #fff;
}
.bg-primary {
background-color: #C40001;
}
.mt-lg {
margin-top: 42px;
}
.mb-xs {
margin-bottom: 8px;
}
.mb-lg {
margin-bottom: 30px;
}
.mb-xl{
margin-bottom: 42px;
}
.mb-xxl{
margin-bottom: 50px;
}
.mt-lg-5 {
margin-top: 48px;
}
.mt-3 {
margin-top: 16px;
}
.mt-0 {
margin-top: 0;
}
.mb-0 {
margin-bottom: 0;
}
.mt-lg-4 {
margin-top: 20px;
}
.mb-3 {
margin-bottom: 15px;
}
.mb-2 {
margin-bottom: 8px;
}
.ml-3 {
margin-left: 16px;
}
.padding-sm {
padding: 50px 0;
}
.padding-md {
padding: 100px 0;
}
.padding-lg {
padding: 200px 0;
}
.padding-tb {
padding: 100px 0;
}
.padtop_lg {
padding-top: 100px;
}
.padtop_md {
padding-top: 50px;
}
.padbottom_md {
padding-bottom: 50px;
}
.padleft_sm {
padding-left: 12px;
}
.padleft_md {
padding-left: 50px;
}
.padright_md {
padding-right: 50px;
}
.mx-auto {
margin-right: auto;
margin-left: auto;
float: none;
}
.text-18 {
line-height: 1.5;
font-size: 18px;
}
.lineheight-zero {
line-height: 0;
}
.position-relative {
position: relative;
}
.float_right {
float: right;
}
.float_right img {
float: right;
}
.float_left {
float: left;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.h-100 {
height: 100%;
}
.style-check li {
position: relative;
padding: 0 15px 0 30px;
margin-bottom: 16px;
line-height: 30px;
list-style: none;
}
.style-check li:after{
position: absolute;
content: "";
left: 0;
top: 8px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/check-icon.png) no-repeat center;
height: 14px;
width: 14px;
}
.style-check.pad_zero li {
padding-right: 0;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-center {
justify-content: center;
}
.align-items-center {
align-items: center;
}
.it-staff-page-content ul li {
list-style: none;
}
.it-staff-page-content ul li::marker {
display: none;
}
.it-staff-page-content .row {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
float: none;
width: auto;
margin-bottom: 0;
}
.it-staff-page-content .col {
flex: 1 0 0%;
float: left;
padding: 0 10px;
}
.it-staff-page-content .col-md-1,.it-staff-page-content .col-md-2,.it-staff-page-content .col-md-2-6, 
.it-staff-page-content .col-md-3, .it-staff-page-content .col-md-4,.it-staff-page-content .col-md-5, 
.it-staff-page-content .col-md-6,.it-staff-page-content .col-md-7,.it-staff-page-content .col-md-8, 
.it-staff-page-content .col-md-9,.it-staff-page-content .col-md-10,.it-staff-page-content .col-md-11, 
.it-staff-page-content .col-md-12,.it-staff-page-content .col-lg-1,.it-staff-page-content .col-lg-2,
.it-staff-page-content .col-lg-2-6, .it-staff-page-content .col-lg-3, .it-staff-page-content .col-lg-4,
.it-staff-page-content .col-lg-5, .it-staff-page-content .col-lg-6,.it-staff-page-content .col-lg-7,
.it-staff-page-content .col-lg-8,.it-staff-page-content .col-lg-9, .it-staff-page-content .col-lg-10,
.it-staff-page-content .col-lg-11, .it-staff-page-content .col-lg-12 {
padding: 0 10px;
float: left;
flex: 0 0 auto;
}
@media screen and (min-width:768px){
.it-staff-page-content .col-md-1, .it-staff-page-content .col-lg-1 { width: 8.333333%;}
.it-staff-page-content .col-md-2-6, .it-staff-page-content .col-lg-2-6 { width: 16.666%;}
.it-staff-page-content .col-md-2, .it-staff-page-content .col-lg-2 { width: 20%;}
.it-staff-page-content .col-md-3, .it-staff-page-content .col-lg-3 { width: 25%;}
.it-staff-page-content .col-md-4, .it-staff-page-content .col-lg-4 { width: 33.333%;}
.it-staff-page-content .col-md-5, .it-staff-page-content .col-lg-5 { width: 41.666667%;}
.it-staff-page-content .col-md-6, .it-staff-page-content .col-lg-6 { width: 50%;}
.it-staff-page-content .col-md-7, .it-staff-page-content .col-lg-7 { width: 58.333333%;}
.it-staff-page-content .col-md-8, .it-staff-page-content .col-lg-8 { width: 66.666667%;}
.it-staff-page-content .col-md-9, .it-staff-page-content .col-lg-9 { width: 75%;}
.it-staff-page-content .col-md-10, .it-staff-page-content .col-lg-10 { width: 83.333333%;}
.it-staff-page-content .col-md-11, .it-staff-page-content .col-lg-11{ width: 91.666667%;}
.it-staff-page-content .col-md-12, .it-staff-page-content .col-lg-12{ width: 100%;}
}
@media screen and (min-width:1261px){
.it-staff-page-content .col-md-1,.it-staff-page-content .col-md-2,.it-staff-page-content .col-md-2-6, .it-staff-page-content .col-md-3, .it-staff-page-content .col-md-4,.it-staff-page-content .col-md-5, .it-staff-page-content .col-md-6, .it-staff-page-content .col-md-7,.it-staff-page-content .col-md-8, .it-staff-page-content .col-md-9, .it-staff-page-content .col-md-10,.it-staff-page-content .col-md-11, .it-staff-page-content .col-md-12, .it-staff-page-content .col-lg-1,.it-staff-page-content .col-lg-2,.it-staff-page-content .col-lg-2-6,.it-staff-page-content .col-lg-3, .it-staff-page-content .col-lg-4,.it-staff-page-content .col-lg-5, .it-staff-page-content .col-lg-6, .it-staff-page-content .col-lg-7,.it-staff-page-content .col-lg-8,.it-staff-page-content .col-lg-9, .it-staff-page-content .col-lg-10,.it-staff-page-content .col-lg-11, .it-staff-page-content .col-lg-12 {
padding: 0 15px;
}
.it-staff-page-content .row {
margin-right: -15px;
margin-left: -15px;
}
.it-staff-page-content .col {
padding: 0 15px;
}
}
.wrapper section .container {
margin-bottom: 0;
}
.btn-link {
font-size: 26px;
text-decoration: none;
color: #C40001;
font-weight: 700;
display: inline-block;
line-height: normal;
}
.btn-link:hover {
color: #222;
}
.insight-slider-section .owl-theme .owl-controls .owl-nav [class*=owl-] {
padding: 0;
background: transparent;
border-radius: 0;
}
.insight-slider-section .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: transparent;
}
.long-arrow-icon-css {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 17px;
height: 12px;
position: relative;
z-index: 0;
-webkit-transition: all ease-in-out .25s;
-o-transition: all ease-in-out .25s;
transition: all ease-in-out .25s;
}
.long-arrow-icon-css:after, .long-arrow-icon-css:before {
-webkit-transition: all ease-in-out .25s;
-o-transition: all ease-in-out .25s;
transition: all ease-in-out .25s;
content: "";
display: block;
position: absolute;
}
.long-arrow-icon-css:before {
height: 1px;
background-color: #222;
width: 18px;
}
.long-arrow-icon-css:after {
width: 9px;
height: 9px;
left: 100%;
top: 50%; 
-webkit-transform: translate(-100%,-50%) rotate(45deg);
-ms-transform: translate(-100%,-50%) rotate(45deg);
transform: translate(-100%,-50%) rotate(45deg);
border: 1px solid #222;
border-left: none;
border-bottom: none;
}
.long-arrow-icon-css.icon-left:after {
-webkit-transform: translate(100%,-50%) rotate(-135deg);
-ms-transform: translate(100%,-50%) rotate(-135deg);
transform: translate(100%,-50%) rotate(-135deg);
left: unset;
right: 100%;
}
.owl-carousel .long-arrow-hover .long-arrow-icon-css:before {
width: 31px;
height: 2px;
background-color: #696969;
}
.owl-carousel .long-arrow-hover .long-arrow-icon-css:after {
border-width: 2px;
width: 10px;
border-color: #696969;
height: 10px;
}
.owl-carousel .long-arrow-hover .long-arrow-icon-css {
width: 32px;
}
.owl-carousel.owl-nav-top-right .owl-nav {
position: absolute;
right: 0;
top: 0;
width: 100px;
}
.section-title-and-desc {
margin-bottom: 45px;
}
.h1,.section-title-and-desc .h1, .section-title-and-desc h1 {
line-height: normal;
margin-bottom: 31px;
font-weight: 700;
font-size: 46px;
}
.h2,.section-title-and-desc .section-title-block .h2 {
font-weight: 700;
line-height: 1.3;
font-size: 38px;
}
.h2.font-regular,.section-title-and-desc .section-title-block .h2.font-regular {
font-weight: normal;
}
.h3,.section-title-and-desc .section-title-block h3, 
.section-title-and-desc .section-title-block .h3 {
font-weight: 400;
font-size: 30px;
line-height: normal;
}
.h1.mt-3 {
margin-top: 16px;
}
.h1.mb-2 {
margin-bottom: 8px;
}
.h1.mb-0 {
margin-bottom: 0;
}
.banner-main {
min-height: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 150px 0;
}
.banner-main.padding-tb {
padding: 100px 0;
}
.banner-main.banner-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/it-staff-banner.jpeg);
}
.banner-main .container {
margin-bottom: 0;
}
.banner-main .section-paragraph p {
margin-bottom: 34px;
font-size: 18px;
line-height: 1.5;
font-weight: 400;
}
.banner-main .section-paragraph p.mb-lg {
margin-bottom: 30px;
}
.banner-main .link-btn {
height: 60px;
line-height: 58px;
font-size: 16px;
border: 1px solid #C40001;
color: #fff;
text-transform: uppercase;
min-width: 300px;
}
.banner-main .link-btn:hover {
background-color: transparent;
color: #fff;
}
.banner-main .link-btn.mar_right {
margin-right: 24px;
margin-bottom: 15px;
}
.banner-main .link-btn.btn-primary {
background-color: #C40001;
border-color: #C40001;
color: #fff;
margin-right: 24px;
}
.banner-main .link-btn.btn-primary:hover {
background-color: transparent;
color: #C40001;
}
.banner-main .col-lg-7, .banner-main .col-lg-5, .banner-main .col-lg-6 {
padding: 0 15px;
float: left;
}
.banner-main .comp-sec {
display: flex;
flex-wrap: wrap;
}
.banner-main .py-lg-5 {
padding: 20px;
}
.banner-main .comp-sec .h1 {
line-height: normal;
margin-bottom: 0;
font-weight: 700;
font-size: 40px;
}
.banner-main .comp-sec .small-heading-two {
font-size: 14px;
line-height: normal;
}
.banner-main .d-lg-flex {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.banner-main .section-title-and-desc {
padding-right: 20px;
}
.banner-main .thum-img {
max-width: 55%;
margin-right: 10px;
margin-bottom: 0;
}
.trustbylogo {
padding: 50px 0;
}
.trustbylogo .container{
margin-bottom: 0;
}
.trustbylogo .trustby {
display: inline-block;
width: 100%;
}
.trustbylogo .trustby ul {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
}
.trustbylogo .trustby ul li{
display: inline-block;
float: left;
width: 50%;
text-align: center;
line-height: 0;
}
.trustbylogo .trustby ul li img{
max-width: 80%;
}
.trustbylogo .trustby ul li img.set_width{
max-width: 60%;
}
.trustbylogo .trustby .h4 {
font-size: 20px;
font-weight: 500;
line-height: normal;
}
.dis-info-content {
display: inline-block;
width: 100%;
}
.dis-info-content h3 {
font-weight: 300;
font-size: 30px;
margin-bottom: 34px;
}
.dis-info-content p {
font-size: 16px;
margin-bottom: 34px;
}
.dis-info-content ul {
display: inline-block;
width: 100%;
margin: 0 0 34px;
padding: 0;
list-style: none;
}
.dis-info-content ul li.col-md-6::marker {
display: none;
}
.it-staff-page-content .dis-info-content ul li {
padding: 0 15px 0 30px;
}
section .link-btn {
height: 50px;
line-height: 50px;
padding: 0 30px;
text-transform: uppercase;
position: static;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
section .link-btn.btn-outline-white-text {
background: transparent;
border: 1px solid #fff;
}
section .link-btn.btn-outline-white-text:hover {
background: #222;
color: #fff;
}
.team-info-item {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.team-info-item .team-item {
margin-bottom: 30px;
}
.team-info-item .team-item.team-item-2column .team-caption ul {
margin: 0;
display: flex;
flex-wrap: wrap;
width: auto;
justify-content: space-between;
}
.team-info-item .team-item.team-item-2column .team-caption ul li{
padding: 0;
}
.team-info-item .team-item.team-item-2column .team-caption ul li.mb-xxl:last-child {
margin-bottom: 0;
}
.team-info-section .team-item .service-box h3 {
margin-bottom: 0;
}
.team-info-item .team-item .svg-icon {
max-height: 74px;
width: auto;
margin-bottom: 20px;
}
.team-info-item .team-item .w-100 {
width: 100%;
}
.team-info-section.info-services2 .service-box {
height: 100%;
}
.team-info-section .service-box {
padding: 25px 10px 10px;
}
.team-info-section .service-box h3 {
font-size: 18px;
line-height: 1.5;
}
.team-info-section .service-box .gy-4 {
display: flex;
flex-wrap: wrap;
margin: 0 -15px 30px;
align-items: center;
}
.team-info-section .col-lg-10.mx-auto, .team-info-section .col-lg-11.mx-auto, 
.col-lg-10.mx-auto, .team-info-section .col-lg-12.mx-auto  {
float: none;
padding: 0;
}
.team-info-item .team-item .team-caption .col-12 .row{
display: flex;
flex-wrap: wrap;
margin: 0 0 30px;
}
.team-info-item .team-item .team-caption .col-12:last-child .row{
margin: 0;
}
.team-info-item .team-item .pad_zero {
padding-left: 0;
padding-right: 0;
}
.team-info-item .team-item .boxed {
padding: 32px;
}
.team-info-item .team-item .boxed .h2{
font-weight: normal;
}
.team-info-item .team-item p {
margin-bottom: 0;
}
.team-info-item .team-item p.mb-3 {
margin-bottom: 15px;
}
.team-info-item .team-item p.mb-2 {
margin-bottom: 8px;
}
.team-info-item .team-item .mb-text p:not(:first-child) {
margin-top: 15px;
}
.team-info-item .col {
flex: 1 0 0%;
padding: 0 15px;
float: left;
}
.team-info-section .service-box .caption {
width: 100%;
display: inline-block;
}
.team-info-section .service-box .caption h3 {
width: calc(100% - 70px);
float: right;
}
.team-info-section .service-box span {
height: 55px;
text-align: center;
width: 55px;
display: inline-block;
text-indent: -99999px;
}
.team-info-section .service-box span.icons1 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/team-icon1.png) no-repeat center center;
}
.team-info-section .service-box span.icons2 {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/team-icon2.png) no-repeat center center;
}
.team-info-section .service-box span.icons3{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/team-icon3.png) no-repeat center center;
}
.team-info-item .team-caption ul{
display: inline-block; 
width: 100%;
}
.team-info-item .team-caption ul li {
display: inline-block; 
width: 100%; 
float: left;
}
.team-info-item .team-caption .caption-box {
display: inline-block; 
width: calc(100% - 75px); 
float: right;
}
.team-info-item .team-caption .thumb-area.large-thumb-area + .caption-box {
width: calc(100% - 110px);
}
.team-info-item .team-caption .caption-box h3{
margin-bottom: 5px;
}
.team-info-item .team-caption .thumb-area {
float: left; 
width: 55px; 
height: 55px; 
background-color: #dafdf2; 
text-align: center; 
line-height: 55px; 
border-radius: 5px; 
display: flex; 
align-items: center; 
justify-content: center;
}
.team-info-item .team-caption .thumb-area.large-thumb-area {
width: 90px;
height: 90px;
}
.team-info-item .team-caption ul li:nth-child(2n) .thumb-area {background-color: #dbdafd;}
.team-info-item .team-caption ul li:nth-child(3n) .thumb-area {background-color: #fddaf4;}
.team-info-item .team-caption ul li:nth-child(4n) .thumb-area {background-color: #fdf1da;}
.team-info-item .team-caption ul li:nth-child(5n) .thumb-area {background-color: #dafdf2;}
.team-info-item .team-caption ul li:nth-child(6n) .thumb-area {background-color: #dbdafd;}
.team-info-item .team-caption ul li:nth-child(7n) .thumb-area {background-color: #fddaf4;}
.team-info-item .team-caption ul li:nth-child(8n) .thumb-area {background-color: #fdf1da;}
.form-price-outer {
position: relative;
z-index: 2;
margin-bottom: -120px;
padding-bottom: 0;
}
.form-price-outer .container{width: 100%;}
.form-price-outer .price-outer-content {
padding: 100px 75px;
display: inline-block;
width: 100%;
background-color: #dadada;
}
.form-price-outer .price-outer-content h2{
font-weight: 700;
line-height: 1.3;
font-size: 40px;
}
.form-price-outer .price-outer-content .section-title-and-desc {
float: none;
padding: 0;
}
.form-price-outer .price-outer-content .captions .gy-4 {
display: flex;
flex-wrap: wrap;
margin: 0;
justify-content: center;
align-items: flex-end;
}
.form-price-outer .price-outer-content .captions .gy-4 .col-lg-4 {
padding: 0;
}
.form-price-outer .price-box-top {
text-align: center;
padding: 27px 16px;
}
.form-price-outer .price-box .form-price {
font-size: 52px;
font-weight: 700;
line-height: normal;
}
.form-price-outer .price-box .form-price-tag-line {
font-weight: 700;
font-size: 22px;
}
.form-price-outer .price-box-center {
text-align: center;
padding: 22px 15px;
background-color: rgba(218,218,218,.6);
}
.form-price-outer a {text-decoration: none;}
.form-price-outer .price-box {
-webkit-box-shadow: 0.9375rem 0 3.125rem rgb(0 0 0 / 10%);
box-shadow: 0.9375rem 0 3.125rem rgb(0 0 0 / 10%);
}
.form-price-outer .price-box.bg-primary .price-box-top {padding-top: 59px;}
.form-price-outer .txt-pos {position: absolute;top: 0;left: 0;right: 0;margin: -7px auto 0;}
.form-price-outer .price-box.bg-primary .price-box-center {background-color: rgba(156,58,62,.6);}
.form-price-outer .price-box.bg-primary * {color: #fff;}
.form-price-outer .link-btn {height: 50px;line-height: 50px;padding: 0 30px;}
.form-control-section .mx-auto {float: none !important;}
.form-control-section {background: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/form-bg.jpeg) no-repeat center center /cover;}
.form-control-section .inquiry-form-block .gy-4{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.form-control-section .inquiry-form-block input, 
.form-control-section .inquiry-form-block textarea{
width: 100%;
padding: 0 15px;
font-size: 16px;
border: none;
}
.form-control-section .inquiry-form-block textarea{padding-top: 15px;}
.form-control-section .inquiry-form-block .form-group {margin-bottom: 30px;}
.form-control-section input.link-btn {
display: inline-block;
font-weight: normal;
font-size: 16px;
line-height: 50px;
height: 50px;
width: auto;
border-radius: 0;
border: none;
background: #C40001;
padding: 0 50px;
}
.form-control-section input.link-btn:hover {background: #fff;color: #C40001;}
.success-info {padding-bottom: 100px;}
.success-info .form-contact.mt-0 {margin-top: 0;}
.success-info .form-contact {
margin-top: -100px;
position: relative;
z-index: 2;
display: inline-block;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.success-info .form-contact .mail-id {
color: #fff;
font-weight: 700;
font-size: 46px;
text-decoration: none;
line-height: normal;
margin-bottom: 10px;
display: inline-block;
}
.success-info .form-contact .suce-head {font-size: 26px;font-weight: 300;line-height: normal;}
.success-info .form-contact p {font-size: 18px;line-height: normal;}
.table-technical-stack table {width: 100%;}
.table-technical-stack table tr {
display: block;
margin-bottom: 20px;
-webkit-box-shadow: 0 0 015px rgb(34 34 34 / 10%);
box-shadow: 0 0 15px rgb(34 34 34 / 10%);
}
.table-technical-stack table td, .table-technical-stack table th {padding: 19px 30px;}
.table-technical-stack table tr td:nth-child(odd) {
background-color: #C40001;
font-size: 18px;
font-weight: 700;
width: 300px;
min-width: 300px;
color: #fff;
}
.table-technical-stack table tr td:nth-child(even) {background-color: #fff;width: 100%;}
.table-technical-stack table tr td span {
padding: 0 15px;
border-right: 1px solid #dadada;
display: inline-block;
font-size: 16px;
}
.company-counting {background: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/counting-bg.jpeg) no-repeat center center /cover;}
.count-bottom p{margin-bottom: 0;}
.count-bottom span{
display: inline-block;
width: 45px;
height: 45px;
vertical-align: middle;
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/count-sprit-icon.png) no-repeat center center;
}
.count-bottom span.icons1{background-position: -27.5px -12px;}
.count-bottom span.icons2{background-position: -27.5px -84px;}
.count-bottom span.icons3{background-position: -27.5px -155px;}
.count-bottom span.icons4{background-position: -27.5px -228px;}
.count-bottom span.icons5{background-position: -27.5px -298px;}
.faq-outer .faq-left .section-title-and-desc {margin-bottom: 80px;}
.faq-outer .accordion-item.accordian-tab {background: #fff;margin-bottom: 20px;}
.faq-outer .faq-heading {cursor: pointer;}
.faq-outer .faq-heading h3,.faq-outer .faq-heading h4 {
font-size: 18px;
font-weight: 700;
color: #222;
padding: 23px 70px 23px 20px;
display: block;
position: relative;
line-height: normal;
text-decoration: none;
}
.faq-outer .faq-heading h3:after,.faq-outer .faq-heading h4:after {
position: absolute;
content: "";
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/down-arrow.webp) no-repeat center;
right: 20px;
top: 0;
width: 13px;
height: 9px;
bottom: 0;
margin: auto;
}
.faq-outer .accordion-item.active .faq-heading a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-outer .accordian-text {padding: 0 70px 23px 20px;}
.faq-outer .accordian-text p{font-size: 16px;line-height: 1.5;}
.faq-outer .accordian-text p:last-child {margin-bottom: 0;}
.insight-slider-navigation .nav-block {
background-color: #f9f9f9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
flex-wrap: wrap;
}
.insight-slider-navigation .nav-block .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
position: relative;
}
.insight-slider-navigation .nav-block .nav-item .nav-link {
color: #222;
padding: 0;
font-weight: 600;
font-size: 18px;
text-decoration: none;
}
.insight-slider-navigation .nav-block .nav-item .nav-link .slide-number {
color: #696969;
position: relative;
border-bottom: 1px solid rgba(105,105,105,.5);
line-height: normal;
display: block;
padding: 15px 40px;
}
.insight-slider-navigation .nav-block .nav-item .nav-link .text {
padding: 15px 40px;
line-height: normal;
display: block;
}
.insight-slider-navigation .nav-block .active-line {
display: block;
width: 33.33%;
position: absolute;
left: 0;
top: 53px;
-webkit-transition: .35s ease-in-out;
-o-transition: .35s ease-in-out;
transition: .35s ease-in-out;
-webkit-transition-delay: inherit;
-o-transition-delay: inherit;
transition-delay: inherit;
height: 2px;
background-color: #222;
}
.insight-slider-navigation .nav-block .nav-item:nth-child(1).active~.active-line {width: 33.33%;}
.insight-slider-navigation .nav-block .nav-item:nth-child(2).active~.active-line {width: 66.66%;}
.insight-slider-navigation .nav-block .nav-item:nth-child(3).active~.active-line {width: 100%;}
.form-control-bottom .col-lg-9 .gy-4{margin: 0 -12px;display: block;}
.form-control-bottom .col-lg-9 .col-md-4, .form-control-bottom .col-lg-9 .col-md-12{padding-left: 12px;padding-right: 12px;}
.form-control-bottom .form-group {margin-bottom: 25px;}
.form-control-bottom .form-group input {width: 100%;background: transparent;padding: 0 15px;border-color: #696969;width: 100%;}
.form-control-bottom .form-group textarea {width: 100%;background: transparent;padding: 15px;border-color: #696969;width: 100%;}
.form-control-bottom .col-lg-9 .gy-4 .col-12 {padding-left: 12px;text-align: left;}
.form-control-bottom input.link-btn {
display: inline-block;
font-weight: normal;
font-size: 16px;
line-height: 50px;
height: 50px;
width: auto;
border-radius: 0;
border: none;
background: #C40001;
padding: 0 50px;
}
.form-control-bottom input.link-btn:hover {color: #fff;background: #222;}
@media screen and (min-width:480px){
.trustbylogo .trustby ul li{width: 33.333%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.team-info-item.team-info-item-2column .team-item {width: 50%;}
}
@media screen and (min-width:768px){
.trustbylogo .trustby ul li{width: 20%;}
.team-info-section .service-box {padding: 25px 15px 15px;}
.flex-md-row-reverse {flex-direction: row-reverse;}
.flex-lg-column-reverse {flex-direction: column-reverse;}
.justify-content-lg-between {justify-content: space-between;}
.align-items-lg-center {align-items: center;}
.owl-carousel.owl-nav-top-right .owl-dots {display: none !important;}
.team-info-item .team-item.team-item-2column .team-caption ul li {width: 46%;}
.team-info-item .team-item.team-item-2column .team-caption ul li.mb-xxl:nth-last-child(2){margin-bottom: 0;}
}
@media screen and (min-width:992px){
.banner-main .py-lg-5 {padding: 48px 24px;}
.d-lg-block {display: block;}
}
@media screen and (min-width:1024px){
.trustbylogo .trustby ul li{width: 14.28%;}
.offset-lg-1 {margin-left: 8.333333%;}
}
@media screen and (min-width:1261px){
.team-info-item {margin: 0 -15px;}
}
@media screen and (min-width:1300px){
.form-price-outer .price-box-center {padding: 22px 40px;}
.form-price-outer .price-outer-content {padding: 100px;}
.team-info-section .service-box {padding: 25px;}
.team-info-section .service-box .caption h3 {width: calc(100% - 106px);}
}
@media screen and (min-width:1480px){
.banner-main h1, .banner-main .h1 {font-size: 60px;}
.banner-main .section-paragraph p {font-size: 22px;}
.banner-main .comp-sec .small-heading-two {font-size: 18px;}
.banner-main .btn {font-size: 18px;}
.form-price-outer .price-box-center {padding: 22px 40px;}
.form-price-outer .price-outer-content {padding: 100px;}
}
@media screen and (max-width:1260px) {
.banner-main .col-lg-6.full-width {width: 100%;}
}
@media screen and (max-width:1023px) {
.padding-md {padding: 50px 0;}
.section-title-and-desc {margin-bottom: 30px;}
.h1, .section-title-and-desc .h1, .section-title-and-desc h1 {font-size: 35px;}
.h2, .section-title-and-desc .section-title-block .h2 {line-height: normal;font-size: 28px;}
.h3, .section-title-and-desc .section-title-block h3, .section-title-and-desc .section-title-block .h3 {font-size: 24px;}
.success-info .link-btn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.banner-main .comp-sec .h1 {font-size: 28px;}
.dis-info-content h3 {font-size: 22px;margin-bottom: 20px;}
.form-price-outer .container {width: 100%;}
.form-price-outer .price-outer-content {padding: 50px 20px;}
.form-price-outer .price-box .form-price {font-size: 40px;}
.full-team-info-item.team-info-item {margin: 0;}
.full-team-info-item.team-info-item .team-item {width: 100%; padding: 0; order: 2;}
.full-team-info-item.team-info-item .team-item.mobile-order {order: 1;}
.full-team-info-item.team-info-item .team-item .thum-banner {max-width: 50%;}
.team-info-item .team-item .boxed {padding: 20px 15px;}
.case-study-full .team-info-item .col-lg-8.team-item {width: 100%;}
.case-study-full .team-info-item .col-lg-4.team-item {width: 100%;}
.case-study-full .team-info-item .col-lg-4.team-item .team-caption .col-12 .row .col-lg-12{width: 50%;}
.case-study-full .team-info-item .col-lg-4.team-item .team-caption .flex-lg-column-reverse {flex-direction: row-reverse;}
.faq-outer .section-title-and-desc .h1 {font-size: 28px;}
.insight-slider-wrapper .insight-slider .item .col-lg-4{width: 50%;}
}
@media screen and (max-width:767px) {
.wrapper .it-staff-page-content .container {padding-left: 15px;padding-right: 15px;}
.it-staff-page-content .col-md-1,.it-staff-page-content .col-md-2, .it-staff-page-content .col-md-3, 
.it-staff-page-content .col-md-4,.it-staff-page-content .col-md-5, .it-staff-page-content .col-md-6,
.it-staff-page-content .col-md-7,.it-staff-page-content .col-md-8, .it-staff-page-content .col-md-9,
.it-staff-page-content .col-md-10,.it-staff-page-content .col-md-11, .it-staff-page-content .col-md-12,
.it-staff-page-content .col-lg-1,.it-staff-page-content .col-lg-2,.it-staff-page-content .col-lg-3, 
.it-staff-page-content .col-lg-4,.it-staff-page-content .col-lg-5, .it-staff-page-content .col-lg-6,
.it-staff-page-content .col-lg-7,.it-staff-page-content .col-lg-8,.it-staff-page-content .col-lg-9,
.it-staff-page-content .col-lg-10,.it-staff-page-content .col-lg-11, .it-staff-page-content .col-lg-12,
.it-staff-page-content .col {padding: 0;width: 100%;}
.it-staff-page-content .row {margin-right: 0;margin-left: 0;display: inline-block;width: 100%;}
.it-staff-page-content input[type="text"], .it-staff-page-content input[type="password"], 
.it-staff-page-content input[type="tel"], .it-staff-page-content input[type="email"] {height: 41px;line-height: 41px;}
.section-title-and-desc {margin-bottom: 20px;}
.h1, .section-title-and-desc .h1, .section-title-and-desc h1 {font-size: 28px;}
.h2, .section-title-and-desc .section-title-block .h2 {line-height: normal;font-size: 24px;}
.h3, .section-title-and-desc .section-title-block h3, .section-title-and-desc .section-title-block .h3 {font-size: 20px;}
.text-18 {font-size: 16px;}
.padding-lg {padding: 100px 0;}
.padding-tb {padding: 50px 0;}
.padding-sm {padding: 30px 0;}
.padtop_lg {padding-top: 50px;}
.mt-lg-5 {margin-top: 30px;}
.mb-xl {margin-bottom: 30px;}
.mb-xxl {margin-bottom: 30px;}
.mb-lg {margin-bottom: 15px;}
.style-check li {margin-bottom: 10px;line-height: 24px;}
.style-check li:after {top: 6px;}
.btn-link {font-size: 18px;}
.banner-main {min-height: inherit;padding: 75px 0 50px;}
.banner-main.padding-tb {padding: 75px 0 50px;}
.banner-main .section-title-and-desc {padding-right: 0;}
.banner-main .section-paragraph p {margin-bottom: 15px;font-size: 16px;line-height: normal;}
.banner-main .link-btn.mar_right {margin-right: 0;margin-bottom: 15px;}
.banner-main .comp-sec{margin-top: 20px;display: flex;flex-wrap: wrap;}
.banner-main .comp-sec .col-lg-6 {width: 50%;}
.banner-main .py-lg-5 {padding: 15px;}
.banner-main .thum-img {margin: 0 auto 10px;}
.banner-main .thum-img + span {width: 100%;}
.trustbylogo .trustby .h4 {display: inline-block;width: 100%;margin-bottom: 30px;font-size: 24px;}
.trustbylogo .trustby ul li {margin-bottom: 15px;}
.dis-info-content ul li.col-md-4 {width: 50%;}
.dis-info-content p {margin-bottom: 20px;}
.dis-info-content ul {margin: 0 0 20px;}
.team-info-section .col-lg-4 {flex: 0 0 auto;width: 100%;}
.team-info-section .col-lg-3, .team-info-section .col-lg-9 {flex: 0 0 auto;width: 100%;}
.team-info-item {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.team-info-item .team-item {width: 50%; padding: 0 10px; order: 2;}
.team-info-item .team-item.mobile-order {order: 1;}
.full-team-info-item.team-info-item .team-item .thum-banner {max-width: 65%;}
.full-mobile-team-info-item.team-info-item .team-item {width: 100%; padding: 0;}
.full-mobile-team-info-item.team-info-item {margin: 0;}
.team-info-item.mar_zero {margin: 0;}
.team-info-item .team-item.team-item-2column {width: 100%; padding: 0 10px;}
.team-info-section.info-services2  .service-box {height: inherit;}
.team-info-section .service-box .gy-4 {margin: 0;}
.team-info-section .col-lg-4 {margin-bottom: 20px;}
.form-price-outer {margin-bottom: 0;}
.form-price-outer .price-outer-content .captions .gy-4 .col-lg-4 {margin-bottom: 20px;}
.form-price-outer .price-outer-content h2 {font-size: 28px;}
.form-price-outer .price-box .form-price {font-size: 32px;}
.form-price-outer .price-box .form-price-tag-line {font-size: 18px;}
.form-price-outer .price-box-top {padding: 15px;}
.form-control-section .inquiry-form-block .gy-4 {display: inline-block;margin: 0;width: 100%;}
.form-control-section .inquiry-form-block .gy-4 .col-md-4, 
.form-control-section .inquiry-form-block .gy-4 .col-md-12 {width: 100%;}
.form-control-section .inquiry-form-block .gy-4 .col-12.text-center {text-align: left;}
.team-info-section .service-box h3 {font-size: 16px;}
.team-info-item .padding-tb {padding-top: 30px;}
.success-info {padding-bottom: 50px;padding-top: 50px;}
.success-info .form-contact {margin-top: 0;padding: 50px 15px;}
.success-info .form-contact .mail-id {font-size: 24px;}
.success-info .form-contact .suce-head {font-size: 20px;}
.success-info .form-contact p {font-size: 16px;}
.success-info .form-contact p:last-child {margin-bottom: 0;}
.table-technical-stack table td, .table-technical-stack table th {padding: 8px;}
.table-technical-stack table tr td:nth-child(odd) {font-size: 15px;width: 100%;min-width: 100%;display: block;}
.table-technical-stack table tr td:nth-child(even) {width: 100%;display: block;}
.table-technical-stack table tr td span {padding: 5px 8px;display: inline-block;font-size: 15px;}
.company-counting .thum-img {line-height: 0;margin-bottom: 30px;}
.team-info-item .mob-item {margin: 0 -10px;display: block;width: auto;}
.team-info-item .mob-item .col-lg-4{padding: 0 10px;width: 33.333%;}
.team-info-item .mob-item .col-lg-4 img{max-width: 80px;}
.company-counting .count-bottom {display: flex;flex-wrap: wrap;margin: 0 -10px;width: auto;}
.company-counting .count-bottom .col{margin-bottom: 20px;width: 33.333%;padding: 0 10px;flex: inherit;}
.faq-outer .faq-left .section-title-and-desc {margin-bottom: 0;}
.faq-outer .btn-link {margin-bottom: 20px;}
.faq-outer .faq-heading h3, .faq-outer .faq-heading h4 {font-size: 16px;padding: 15px 30px 15px 15px;}
.faq-outer .faq-heading h3:after, .faq-outer .faq-heading h4:after {right: 10px;}
.faq-outer .accordian-text {padding: 0 15px 20px 15px;}
.faq-outer .accordian-text p {font-size: 15px;}
.insight-slider-navigation .nav-block .nav-item .nav-link {font-size: 16px;}
.insight-slider-navigation .nav-block .nav-item .nav-link .slide-number {padding: 10px;}
.insight-slider-navigation .nav-block .nav-item .nav-link .text {padding: 10px;}
.insight-slider-navigation .nav-block .active-line {top: 40px;}
.insight-slider-wrapper .slider-img {margin-bottom: 30px;}
.insight-slider-wrapper .h3 {font-size: 24px;}
.insight-slider-wrapper .insight-slider .item .col-lg-4{width: 100%;}
.case-study-full .team-info-item .col-lg-4.team-item .team-caption .flex-lg-column-reverse {flex-direction: inherit;}
.case-study-full .team-info-item .col-lg-4.team-item .team-caption .col-12 .row .col-lg-12{width: 100%;}
}
@media screen and (max-width:479px) {
.team-info-item {margin: 0; width: 100%;}
.team-info-item .team-item {width: 100%; padding: 0;}
.team-info-item .team-item.team-item-2column {width: 100%; padding: 0;}
.dis-info-content ul li.col-md-4 {width: 100%;}
.form-price-outer .link-btn {padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.company-counting .count-bottom {justify-content: space-between;}
.company-counting .count-bottom .col{width: 50%;}
.insight-slider-navigation .nav-block .nav-item .nav-link .text {font-size: 14px;}
}  .page-template-salesforce-development-company .wrapper {
background: transparent;
}
.salesforce-page-content .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/salesforce/salesforce-banner-bg.png);
background-position: center right;
padding: 100px 0 75px;
}
.salesforce-logo {
display: flex;
flex-wrap: wrap;
margin: 0 -4px;
list-style: none;
}
.salesforce-logo li{
padding: 0 4px;
width: 20%;
display: inline-block;
float: left;
border-radius: 5px;
}
.salesforce-logo li img{
border-radius: 5px;
}
.salesforce-model .team-info-item .team-item p{
margin-bottom: 15px;
}
.salesforce-model.padding-md{
padding-bottom: 0;
}
.team-info-item .feature-item {
padding: 25px;
background: #ecf2fe;
border-radius: 5px;
position: relative;
height: 100%;
}
.team-info-item .feature-item h3{
font-size: 18px;
line-height: 1.5;
margin-bottom: 15px;
}
.team-info-item .feature-item h3 a{
text-decoration: none;
}
.team-info-item .feature-item h3 span{
display: inline-block;
}
.team-info-item .feature-item .vs{
display: inline-block;
margin: 0 15px;
width: 2px;
height: 32px;
background-color: #F33642;
transform: rotate(10deg);
}
.team-info-item .feature-item .emizentech-icon {
margin-bottom: 30px;
}
.team-info-item .feature-item.color-two {
background: #e3fefe;
}
.team-info-item .feature-item.color-three {
background: #fde2f9;
}
.team-info-item .feature-item.color-four {
background: #e3fcf4;
}
.team-info-item .feature-item.color-five {
background: #cef3ff;
}
.team-info-item .feature-item.color-six {
background: #e6e5ff;
}
.team-info-item .feature-item .emizentech-icon a{
text-decoration: none;
}
.salesforce-crm {
margin-bottom: 100px;
position: relative;
}
.salesforce-crm:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #109cd8;
clip-path: polygon(0 0,100% 0,100% 100%,0 90%);
box-sizing: border-box;
}
.salesforce-crm .team-info-item {
padding-top: 75px;
margin: -75px auto 0;
background: #f1f1f1;
max-width: 1155px;
}
.salesforce-crm .team-info-item .team-item {
margin-bottom: 0;
padding: 0;
}
.salesforce-crm .team-info-item .team-item .service-box {
padding: 15px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.hire-info-section .section-title-and-desc {
margin-bottom: 100px;
}
.hire-info-section .team-info-item .feature-item h3 {
margin-bottom: 20px;
line-height: 1;
}
.hire-info-section .team-info-item .feature-item {
padding-top: 0;
}
.hire-info-section .team-info-item .feature-item .emizentech-icon img {
border: 4px solid #3d3d3d;
border-radius: 100%;
margin-top: -40px;
}
.team-info-item .feature-item .hire-meta {
display: inline-block;
width: 100%;
padding: 20px 0;
}
.team-info-item .feature-item .hire-meta span {
display: inline-block;
padding: 8px 10px;
margin: 0 3px 10px;
background-color: #dae6ff;
font-size: 13px;
font-family: "ProximaNova-Semibold";
border-radius: 30px;
}
.emizentech-services .team-info-item {
margin: 0 auto;
}
.emizentech-services .team-info-item .team-item {
margin: -0.5px;
text-align: center;
border: 1px solid #dee2e6;
}
.emizentech-services .team-info-item .team-item .service-box {
padding: 20px 0;
}
.emizentech-services .team-info-item .team-item .service-box img{
max-width: 90px;
}
.it-staff-page-content .faq-info-services {
float: none;
}
.salesforce-page-content .heading-title {
text-transform: capitalize;
}
.salesforce-services-info {
display: inline-block;
width: 100%;
padding-top: 50px;
}
.salesforce-services {
width: calc(100% - 10px);
display: flex;
margin: auto;
flex-wrap: wrap;
}
.salesforce-services li{
display: inline-block;
text-align: center;
margin: 0 5px 10px;
width: calc((100% - 120px) / 12);
}
.salesforce-services li .thum-icon{
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/salesforce/services-icon-bg.png) no-repeat;
width: 96px;
height: 96px;
display: block;
margin: 0 auto 15px;
}
.salesforce-services li img{
height: auto;
margin: 0;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.salesforce-services li h3{
font-size: 14px;
line-height: 1.5;
color: #fff;
margin-bottom: 0;
}
@media screen and (min-width:1260px) {
.salesforce-model .opencart-info {
padding-right: 50px;
} .salesforce-crm .team-info-item .team-item .service-box {
padding: 30px 20px;
}
.emizentech-services .team-info-item .team-item .service-box {
padding: 30px 5px;
}
}
@media screen and (max-width: 1400px) {
.salesforce-services li{margin-bottom: 20px;}
.salesforce-services li .thum-icon {
width: 75px;
height: 75px;
background-size: cover;
background-position: center;
}
.salesforce-services li img {max-width: 50%;}
.salesforce-services li h3 {font-size: 13px;}
}
@media screen and (max-width: 1199px) {.salesforce-services li{width: calc((100% - 90px) / 9);}}
@media screen and (max-width: 991px) {.salesforce-services li{width: calc((100% - 80px) / 8);}}
@media screen and (max-width: 768px) {.salesforce-services li{width: calc((100% - 60px) / 6);}}
@media screen and (max-width: 640px) {.salesforce-services li{width: calc((100% - 40px) / 4);}}
@media screen and (max-width: 479px) {.salesforce-services li{width: calc((100% - 30px) / 3);}}
@media screen and (max-width:1023px) {
.emizentech-services .team-info-item .team-item {
width: 25%;
}
}
@media screen and (max-width:767px) {
.hire-info-section .team-info-item .team-item {
margin-bottom: 80px;
}
.hire-info-section .team-info-item .team-item:last-child {
margin-bottom: 0;
}
.emizentech-services .team-info-item .team-item {
width: 33.333%;
}
.emizentech-services .team-info-item .team-item .service-box {
padding: 20px 10px;
}
.team-info-item .feature-item {
padding: 25px 15px;
}
.salesforce-services {
width: 100%;
}
}
@media screen and (max-width:479px) {
.emizentech-services .team-info-item .team-item {
width: 50%;
}
}  .magento_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/magento/magento-banner.png);
background-position: center right;
}
.shopify_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/shopify/shopify-banner.png);
background-position: center center;
}
.bigcommerce_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/bigCommerce/bigcommerece-banner.png);
background-position: center right;
}
.shopware_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/shopware/shopware-banner.png);
background-position: center right;
}
.prestaShop_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/prestashop/prestashop-banner.png);
background-position: center right;
}
.drupal_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/drupal/drupal-banner.png);
background-position: center right;
}
.Hyvä_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/Hyvä/Hyvä-banner.png);
background-position: center right;
}
.team-info-item .team-item .team-caption-info {
display: inline-block;
width: 100%;
}
.team-info-item .team-item .team-caption-info .col-lg-4.service-box{
padding: 25px;
margin: -0.5px;
text-align: center;
border: 1px solid #dee2e6;
}
.item-overlay .staff-info{
transition: 0.5s;
opacity: 0;
position: absolute;
left: 0;
background: rgb(76 76 76 / 70%);
right: 0;
width: 100%;
margin: 0;
top: 0;
bottom: 0;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
padding: 0 20px;
z-index: 9;
}
.item-overlay .feature-item:hover .staff-info{
opacity: 1;
}
.item-overlay h3{
position: relative;
z-index: 99;
color: #646262;
transition: 0.5s;
}
.item-overlay .feature-item:hover h3{
color: #fff;
transform: translateY(10px);
}
.staff-info p{
color: #fff;
transform: translateY(31px);
transition: 0.5s;
}
.item-overlay .feature-item:hover .staff-info p{
transform: translateY(0px);
}
.hiringBenefits-wrap{
position: relative;
text-align: center;
}
.hiringBenefits-item-wrap {
position: relative;
}
.hiringBenefits-item-wrap .hiringBenefits-item-content {
display: inline-block;
width: 100%;
}
.benefits-info h3{
margin: 0;
color: #F33642;
line-height: 32px;
padding-bottom: 0;
font-size: 24px;
line-height: 28px;
}
.benefits-info h4{
margin: 0;
font-weight: normal;
color: #6e6e6e;
padding-bottom: 0;
font-size: 18px;
line-height: 24px;
}
.benefits-item .benefits-icon{
display: table-cell;
vertical-align: middle;
width: 71px;
line-height: 0;
}
.benefits-image img{
max-width: 60%;
}
@media screen and (min-width:768px) {
.benefits-item{
position: absolute;
top: 280px;
left: 145px;
text-align: right;
z-index: 1;
}
.benefits-item:nth-child(2){
top: 280px;
left: auto;
right: 112px;
text-align: left;
}
.benefits-item:nth-child(3){
top: 550px;
left: 145px;
}
.benefits-item:nth-child(4){
top: 550px;
left: auto;
right: 115px;
text-align: left;
min-width: auto;
}
.benefits-item:nth-child(5){
top: auto;
bottom: 185px;
left: 185px;
}
.benefits-item:nth-child(6){
top: auto;
bottom: 185px;
left: auto;
right: 155px;
text-align: left;
}
.benefits-info{
display: table-cell;
vertical-align: middle;
padding-right: 20px;
}
.benefits-item:nth-child(2) .benefits-info,
.benefits-item:nth-child(4) .benefits-info,
.benefits-item:nth-child(6) .benefits-info{
padding-right: 0;
padding-left: 20px;
}
}
@media screen and (min-width:1260px) {
.team-info-item .team-item .team-caption-info {
padding-left: 50px;
}
.benefits-image img{
max-width: 850px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1259px){
.item-overlay .staff-info {
padding-top: 30px;
}
.team-info-item .team-item p {
font-size: 14px;
}
}
@media screen and (max-width: 1200px){
.benefits-item{
left: 97px;
}
.benefits-item:nth-child(2){
right: 67px;
}
.benefits-item:nth-child(3){
top: 490px;
left: 50px;
}
.benefits-item:nth-child(4){
top: 490px;
right: 20px;
}
.benefits-item:nth-child(5){
bottom: 109px;
left: 50px;
}
.benefits-item:nth-child(6){
bottom: 109px;
right: 40px;
}
}
@media screen and (max-width: 1023px) {
.benefits-info h3{font-size: 19px;}
.benefits-info h4{font-size: 16px;}
.benefits-item{
top: 243px;
}
.benefits-item:nth-child(2){
top: 243px;
}
.benefits-item:nth-child(3){
top: 420px;
}
.benefits-item:nth-child(4){
top: 420px;
right: 40px;
}
.benefits-item:nth-child(5){
bottom: 109px;
left: 78px;
}
.item-overlay .feature-item .staff-info{
opacity: 1;
}
.item-overlay .feature-item .staff-info p{
transform: translateY(31px);
}
.item-overlay h3{
color: #fff;
}
}
@media screen and (max-width: 900px){
.benefits-item {
top: 270px;
left: 30px;
}
.benefits-item:nth-child(2) {
top: 270px;
right: 8px;
}
.benefits-item:nth-child(3) {
top: 407px;
left: 18px;
}
.benefits-item:nth-child(4) {
top: 407px;
right: 11px;
}
.benefits-item:nth-child(5){
bottom: 65px;
left: 14px;
}
.benefits-item:nth-child(6){
bottom: 65px;
right: 6px;
}
}
@media screen and (max-width:767px) {
.hiringBenefits-item-wrap .benefits-image {
display: none;
}
.hiringBenefits-item-wrap .hiringBenefits-item-content {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.benefits-item {
margin-bottom: 20px;
width: 33.333%;
padding: 0 10px;
display: flex;
flex-wrap: wrap;
}
.benefits-info {
padding-right: 0;
text-align: center;
order: 3;
width: 100%;
}
.benefits-item .benefits-icon {
display: block;
margin: 0 auto 10px;
order: 1;
width: 100%;
text-align: center;
}
.benefits-info h3 {
font-size: 16px;
}
.benefits-info h4 {
font-size: 15px;
}
.team-info-item .team-item .team-caption-info .col-lg-4.service-box{
width: 33.333%;
}
}
@media screen and (max-width:479px) {
.benefits-item {
width: 50%;
}
.team-info-item .team-item .team-caption-info .col-lg-4.service-box{
width: 50%;
}
}  .hire-dedicated_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-dedicated-banner.png);
background-position: center right;
}
.hire-magento2_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-magento2-banner.png);
background-position: center right;
}
.hire-magento_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-magento-banner.png);
background-position: center right;
}
.hire-shopware_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-shopware-banner.png);
background-position: center right;
}
.hire-shopware6_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-shopware6-banner.png);
background-position: center right;
}
.hire-prestashop_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-prestashop-banner.png);
background-position: center right;
}
.hire-bigcommerce_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-bigcommerce-banner.png);
background-position: center right;
}
.hire-wordpress_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-wordpress-banner.png);
background-position: center right;
}
.hire-nodejs_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-nodejs-banner.png);
background-position: center right;
}
.hire-laravel_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-laravel-banner.png);
background-position: center right;
}
.hire-shopify_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-shopify-banner.png);
background-position: center right;
}
.hire-joomla_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-joomla-banner.png);
background-position: center center;
}
.hire-hubspot_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-hubspot-banner.png);
background-position: center right;
}
.hire-salesforce_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-salesfoce-banner.png);
background-position: center right;
}
.hire-react_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-react-banner.png);
background-position: center right;
}
.hire-drupal_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-drupal-banner.png);
background-position: center right;
}
.hire-typo3_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-typo3-banner.png);
background-position: center right;
}
.hire-craftcms_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-craftcms-banner.png);
background-position: center right;
}
.hire-octobercms_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-october-banner.png);
background-position: center right;
}
.hire-codeigniter_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-codeigniter-banner.png);
background-position: center right;
}
.hire-symfony_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-symfony-banner.png);
background-position: center right;
}
.hire-android_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-android-banner.png);
background-position: center right;
}
.hire-ios_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-ios-banner.png);
background-position: center right;
}
.hire-tableau_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-tableau-banner.png);
background-position: center right;
}
.hire-storefront_develop-com .banner-main.banner-img {
background-image: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/hire-vue-storefornt-banner.png);
background-position: center right;
}
.hire-us-child .wraper-inner{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.hire-us-child .wraper-inner li.magento2_box_section{
width: calc((100% - 60px) /3);
border: 1px solid #d8d5d4;
min-height: 340px;
padding: 20px 10px;
}
.hire-us-child .wraper-inner li.magento2_box_section h2{
font-size: 17px;
}
.hire-us-child .inner-heading .check-list h3{
font-size: 15px;
line-height: 18px;
}
.hire-us-child .inner-heading p{
background: #d8d5d4;
padding: 2px 5px;
}
.hire-us-child .inner-heading .heading2{
font-size: 16px;
line-height: 25px;
height: 162px;
}
.hire-us-child li.magento2_box_section .heading3 .button1{
font-size: 15px;
width: 80%;
}
.hire-us-child .wraper-inner li.magento2_box_section:nth-child(2){
position: relative;
display: flex;
justify-content: center;
}
.hire-us-child .inner-heading .page-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #3D3D3D;
padding: 15px 15px 0;
}
.hire-us-child .inner-heading .page-title h2{
color: #ffffff;
text-align: center;
font-size: 14px !important;
line-height: 25px;
}
.hire-us-child .inner-heading .page-title strong{
display: block;
font-size: 20px;
}
.hire-us-child .company-counting {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/hire-us/magento2-company-counting.png) no-repeat center center /cover;
}
.hire-us-child .inner-heading .check-list h3 {
background: rgba(0, 0, 0, 0) url(//www.bay20.com/de/wp-content/themes/bay20/images/itstaff/check-icon.png) no-repeat scroll 1px 6px;
padding: 5px 0 8px 25px;
}
.hire-us-child .company-counting .col-lg-12{
max-width: 860px;
margin: 0 auto;
float: none;
}
.hire-us-child .wraper-inner li.magento2_box_section .green-price {
background: #3eb36a none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: block;
padding: 2px 10px;
}
.hire-us-child .inner-heading .magento2_box_section p{
background: transparent;
padding: 0;
}
@media (max-width: 992px){
.hire-us-child .wraper-inner li.magento2_box_section{
width: calc((100% - 15px) /2);
margin-bottom: 15px;
}
}
@media (max-width: 600px){
.hire-us-child .wraper-inner li.magento2_box_section{
width: calc((100% - 0px) /1);
}
}
@media (max-width: 360px){
.hire-us-child .inner-heading .heading2{
height: 180px;
}
}  .Hyvä_develop-com .team-info-item .team-caption .thumb-area {
width: 48px;
height: 48px;
background-color: transparent;
line-height: 48px;
}
.Hyvä_develop-com .team-info-item .team-caption .caption-box {
width: calc(100% - 68px);
padding-left: 20px;
}
.Hyvä_develop-com .team-info-item .team-caption .caption-box p{
margin-bottom: 0;
}
.Hyvä_develop-com .team-info-item .team-caption ul li.align-items-center {
display: flex;
align-items: center;
flex-wrap: wrap;
} .testimonial_row.hidden {
display: none;
}