.single-block #cmplz-document { max-width: 100%; text-align: left; }
.wpcf7-checkbox label,
.wpcf7-checkbox span { margin: 0 !important; }
#mikeda .modal {
top: 120px;
}
h2,
header a {
color: #6f7072;
}
header .left-header,
header .right-header {
top: 0;
padding-top: 50px;
position: absolute;
}
header .logo,
header a,
header nav ul li,
header nav ul li a {
display: inline-block;
}
footer ul,
header nav ul {
list-style: none;
}
.langswitch { font-weight: bold; display: inline-block; background-color: #c39612; color: #fff; padding: 2px 5px; }
.langswitch:hover, .langswitch:focus { background-color: #6f7072; color: #fff; }
.langswitchmobile { display: none; }
#clickTrap,
.gallery-caption,
.link-block a,
.link-block a>div,
.slider-block,
.stripe .left-bg-block-image-wrapper,
header nav ul ul {
overflow: hidden;
}
@font-face {
font-family: Icons;
src: url(//www.mikedaskin.com/wp-content/themes/mikeda/font/icons.eot?2925687);
src: url(//www.mikedaskin.com/wp-content/themes/mikeda/font/icons.eot?2925687#iefix) format('embedded-opentype'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/icons.woff2?2925687) format('woff2'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/icons.woff?2925687) format('woff'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/icons.ttf?2925687) format('truetype'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/icons.svg?2925687#icons) format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Social;
src: url(//www.mikedaskin.com/wp-content/themes/mikeda/font/social.eot?2925687);
src: url(//www.mikedaskin.com/wp-content/themes/mikeda/font/social.eot?2925687#iefix) format('embedded-opentype'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/social.woff2?2925687) format('woff2'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/social.woff?2925687) format('woff'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/social.ttf?2925687) format('truetype'), url(//www.mikedaskin.com/wp-content/themes/mikeda/font/social.svg?2925687#social) format('svg');
font-weight: 400;
font-style: normal;
}
* {
box-sizing: border-box;
font-family: Roboto!important;
}
:focus {
outline: 0
}
body,
html {
margin: 0;
padding: 0
}
.iconfont {
font-family: Icons!important;
text-transform: none
}
.if {
font-family: Social!important;
text-transform: none!important;
font-style: normal!important
}
li,
p,
td,
th {
font-weight: 300;
font-size: 16px;
line-height: 24px
}
p {
margin: 10px 0
}
th {
font-weight: 400
}
a,
button,
header nav ul li,
input[type=button],
input[type=submit] {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.link-block a div,
.link-block a img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.select-wrapper {
border: 1px solid #CECECE
}
.select-wrapper select {
border: none;
background: #fff
}
.gray-background {
background: #F6F6F6
}
header a {
margin: 0;
text-transform: uppercase;
vertical-align: top;
line-height: 16px;
font-size: 14px
}
header .iconfont {
font-size: 16px
}
header a:hover {
color: #c39612;
text-decoration: none
}
header a.phone span,
header a.store span,
header a:hover span {
color: #c39612
}
header .top-header {
padding-top: 30px;
padding-bottom: 30px;
position: relative
}
header .left-header {
left: 15px
}
header .left-header a,
header .right-header span {
margin: 0 6px;
display: inline-block
}
header .right-header {
right: 15px
}
header nav {
background: #edeae3;
z-index: 9999
}
header nav ul {
margin: 0;
padding: 0;
z-index: 9999
}
header nav ul li {
position: relative
}
header nav ul li a {
font-weight: 300;
padding: 20px;
text-transform: uppercase;
color: #6f7072
}
header nav ul li a:hover {
text-decoration: none;
color: #c39612
}
header nav ul ul {
-webkit-transition: max-height .4s ease-in;
-moz-transition: max-height .4s ease-in;
-o-transition: max-height .4s ease-in;
-ms-transition: max-height .4s ease-in;
transition: max-height .4s ease-in;
display: block;
max-height: 0;
position: absolute;
left: 0;
right: 0;
top: 44px;
width: 220px
}
header nav ul ul li {
background: #edeae3;
text-align: left;
width: 100%;
border-bottom: 1px solid #dedede
}
header nav ul ul li:first-child {
border-top: 2px solid #ffae00
}
header nav ul ul li:hover {
background: #fff
}
header nav ul li:hover ul {
max-height: 800px
}
header.sticky {
padding-bottom: 56px
}
header.sticky nav {
position: fixed;
top: 0;
left: 0;
right: 0
}
.gradient-wrapper,
.slider-block .gradient,
.slider-block .mask {
position: absolute;
height: 380px
}
sup {
font-size: .65em
}
.slider-block {
border-bottom: 1px solid #dfdfdf
}
.gradient-wrapper {
width: 100%;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}
.slider-block .mask {
width: 100%;
background: url(//www.mikedaskin.com/wp-content/themes/mikeda/images/mask.png) 0 -1px
}
.slider-block .gradient {
width: 200vw;
background: linear-gradient(-45deg, #fff 0, #FDDB59 12.5%, #7C5019 25%, #FDDB59 37.5%, #fff 50%, #FDDB59 62.5%, #7C5019 75%, #FDDB59 87.5%, #fff 100%);
animation: moveGradient 10s linear 0s infinite
}
.carousel .item {
height: 380px;
background: linear-gradient(90deg, rgba(213, 208, 199, 1) 0, rgba(234, 233, 227, .6) 50%, rgba(213, 208, 199, 1) 100%);
position: relative
}
.slick-arrow,
.slick-arrow:focus,
.slick-arrow:hover {
background: #c39612
}
.carousel .item img.full-size {
height: 380px;
width: auto;
position: absolute;
right: 0;
top: 0
}
.carousel .item img.full-size-left {
left: 0;
top: 0;
right: auto
}
.carousel .item1 h3,
.carousel .item2 h3,
.carousel .item3 h3 {
font-size: 32px;
margin: 0 0 20px;
padding-top: 90px;
color: #c39612;
text-transform: uppercase;
font-weight: 300;
line-height: 40px
}
.carousel .item2 h3 {
padding-top: 50px
}
.carousel .item3 h3 {
padding-top: 130px
}
.carousel .item2 ul {
margin: 20px 0;
padding: 0;
list-style-type: none
}
.carousel .item2 li {
line-height: 36px;
font-size: 20px;
color: #707173;
margin: 0;
padding: 0
}
.carousel .item2 li:before {
content: '●';
color: #c39612;
display: inline-block;
margin: 0 20px 0 0
}
.carousel .item2 p {
line-height: 36px;
font-size: 20px;
color: #707173;
margin: 0;
padding: 0
}
.carousel .item1 .row>div:first-child {
z-index: 2
}
.slick-arrow {
border-radius: 50%;
box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
z-index: 2
}
.slick-prev {
left: 20px
}
.slick-next {
right: 20px
}
.slick-next:before {
content: '›'
}
.slick-prev:before {
content: '‹'
}
.slick-next:before,
.slick-prev:before {
color: #fff;
font: 700 20px/10px Roboto
}
.subslider {
margin-top: -30px
}
.link-block {
margin-bottom: 40px
}
.link-block a {
display: inline-block;
position: relative;
bottom: 0;
color: #6f7072;
font-weight: 300;
font-size: 1.1em;
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
box-shadow: 0 3px 8px rgba(0, 0, 0, .1)
}
.link-block a img {
width: 100%
}
.link-block .gradient {
opacity: 1;
position: absolute;
bottom: 44px;
left: 0;
right: 0;
height: 40px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}
.link-block a>div {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 44px;
background: rgba(255, 255, 255, 1)
}
.link-block a>div p {
margin: 0
}
.link-block a>div .aligner {
width: 100%;
max-height: 44px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.link-block a>div .aligner p:first-child {
position: relative;
width: 100%;
height: 44px
}
.link-block a>div .aligner p:first-child>span {
font-weight: 700;
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 17px;
font-size: 14px;
padding: 0 10px
}
.link-block a>div .description {
margin: 15px
}
.link-block a>div button {
text-transform: uppercase;
font-weight: 300;
padding: 10px 15px;
color: #FFF;
border: none;
background: #ff5a00
}
.link-block a:hover {
bottom: 10px;
-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .15);
box-shadow: 0 10px 15px rgba(0, 0, 0, .15)
}
.link-block a:hover>div.gradient {
bottom: 100%;
opacity: 0
}
.link-block a:hover>div.text-center {
height: 100%;
background: rgba(255, 255, 255, .7)
}
.link-block a:hover img {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px)
}
.link-block a:hover>div .aligner {
max-height: 1000px
}
.review-block {
margin-top: 60px
}
.review-block p:first-child {
font-size: 1.6em;
color: #c39612;
font-style: italic;
font-family: "PT Serif"!important
}
.review-block img {
margin: 10px 0
}
.review-block .avatar {
width: 72px;
border-radius: 50%
}
.block {
border-bottom: 1px solid #dfdfdf;
padding: 50px 0;
font-weight: 300
}
.block h1,
.block h2.strong,
.boiler h3 {
margin-top: 0;
margin-bottom: 30px;
font-size: 40px;
text-transform: uppercase;
letter-spacing: -2px;
background: -webkit-linear-gradient(left, #d0ae57, #fad758, #b7904e, #7e4f1f, #ebbf16);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.block h1 sup,
.block h2.strong sup {
color: #ebbf16;
-webkit-text-fill-color: #ebbf16;
font-size: 25px
}
.block h2 {
margin: 30px 0 20px;
font-weight: 100;
font-size: 36px;
line-height: 36px
}
.block h3 {
font-size: 1.4em;
margin: 30px 0 20px;
color: #6f7072
}
.block h4 {
color: #6f7072;
margin: 20px 0 10px
}
.stripe {
position: relative
}
.stripe h2:first-of-type {
margin: 0 0 20px
}
.stripe svg {
fill: #FFF
}
.stripe .left-bg-block-content {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.pitanja h3 {
cursor: pointer
}
.pitanja p {
display: none
}
.left-bg-block {
padding: 0
}
.left-bg-block-content {
padding: 70px 0
}
.background-block {
background: url(//www.mikedaskin.com/wp-content/themes/mikeda/images/pills.png) center right no-repeat;
background-size: 50% auto
}
.instagram-block .col-md-2 {
padding-left: 0;
padding-right: 0
}
.instagram-block img {
width: 100%
}
.shopbox {
margin: 0;
background: #fff;
padding: 30px 40px;
width: 360px;
position: absolute;
border: 1px solid #c39a37;
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .15);
box-shadow: 0 3px 7px rgba(0, 0, 0, .15)
}
.home-sidebar>div {
position: static;
float: left;
width: 100%;
margin: 10px 0 20px
}
.shop-widget button {
text-transform: uppercase;
color: #6f7072;
border-radius: 0
}
.shop-widget button:hover {
cursor: pointer;
background: #d94d00
}
.shop-widget p {
color: #6f7072;
font-size: 1.1em
}
.shop-widget .choose-program button {
padding: 15px 0
}
.shop-widget .choose-program button:hover {
background: #6f7072;
color: #fff
}
.shop-widget .choose-program button span {
font-size: 3em;
font-weight: 700;
line-height: 1em;
display: block
}
.shop-widget .choose-program button.current {
color: #fff;
background: #ff5a00
}
.shop-widget .btn-submit {
background: #ff5a00;
color: #FFF;
border-radius: 0
}
.block.shop-widget button {
width: 100%
}
.shopbox .col-sm-4 {
padding: 0
}
.shopbox.shop-widget .choose-program button {
padding: 10px;
font-size: 10px
}
.shop-widget h3 a,
.shopbox h3 a {
color: #ff5a00;
text-decoration: none!important
}
.shop-widget h3 a:hover,
.shopbox h3 a:hover {
color: #333
}
.shopbox .panel-group .panel+.panel {
margin-top: 0
}
.shopbox .panel-group .panel {
border-radius: 0
}
.shopbox .panel {
margin-bottom: 0;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none)
}
.single-block ul {
list-style: none;
margin: 20px 0;
padding: 0
}
.single-block ul li {
padding-left: 20px;
font-size: 1.1em;
margin: 10px 0 20px;
font-weight: 300
}
.single-block ul li:before {
content: '✔';
margin-right: 10px;
margin-left: -22px
}
.single-block .video {
position: relative;
width: 100%;
display: block;
background: #000
}
.single-block .video img {
opacity: .8
}
.single-block .video svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.shop {
color: #6f7072;
margin-top: 50px;
margin-bottom: 50px
}
.shop a {
color: #ff5a00
}
.shop h2 {
font-weight: 300
}
.shop input[type=text],
.shop input[type=email],
.shop select,
.shop textarea {
border-radius: 0;
font-weight: 300
}
.shop label {
font-weight: 300
}
.shop input[type=button] {
padding: 10px 40px;
font-weight: 300;
text-transform: uppercase;
border-radius: 0;
background: #ff5a00;
color: #fff
}
.shop input[type=button]:hover {
background: #d94d00
}
.shop .checkbox-row>td,
.shop .notopborder>td {
border-top: none
}
.shop .total-row {
background: #f2f2f2
}
.shop .total-row>td {
font-size: 1.2em;
padding: 12px 10px 18px;
font-weight: 300;
color: #6f7072;
border-top: 1px solid #e3b70f
}
.shop .checkout-row input[type=button] {
margin-top: 30px
}
.shop .products-row {
margin-bottom: 60px
}
.shop .products-row p {
margin: 20px 0 5px;
font-size: 14px;
}
.shop .products-row h2 {
font-weight: 700;
margin: 0;
}
.shop .products-row h3,
.shop .products-row h3 * {
font-weight: 300;
color: #ff5a00;
margin: 10px 0 30px;
}
.choose-appointment p {
margin-top: 8px
}
.choose-appointment label {
font-weight: 100;
margin-top: 8px
}
.choose-appointment input[type=radio]+label,
.choose-appointment select {
font-weight: 700;
color: #999
}
.choose-appointment input {
border: 1px solid #cecece;
border-radius: 0;
color: #999;
width: 100%;
padding: 8px 12px;
margin-bottom: 20px
}
.choose-appointment .select-wrapper {
margin-bottom: 20px
}
.choose-appointment select {
padding: 8px 12px
}
.choose-appointment input[type=radio]+label span {
display: block;
font-weight: 100;
margin-left: 26px
}
.choose-appointment .ljekarne>div,
input[type=radio] {
display: none
}
input[type=radio]+label:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
margin: -3px 8px 0 0;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 50%;
border-radius: 50%;
border: 4px solid #fff;
-webkit-box-shadow: 0 0 0 1px rgba(206, 206, 206, 1);
-moz-box-shadow: 0 0 0 1px rgba(206, 206, 206, 1);
box-shadow: 0 0 0 1px rgba(206, 206, 206, 1)
}
input[type=radio]:checked+label:before {
background-color: #999
}
input[type=radio]+label:before,
input[type=radio]:checked+label:before {
-webkit-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
transition: background-color .2s linear
}
footer label.small { padding-top: 10px; font-weight: normal; }
footer {
padding: 50px 0
}
footer p {
color: #6f7072;
margin: 4px 0 15px
}
footer a {
color: #6f7072;
padding: 4px 0;
display: inline-block;
font-weight: 300
}
footer a:hover {
text-decoration: none;
color: #c39612
}
.field-wrap {
float: left;
width: 100%;
position: relative;
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
box-shadow: 0 3px 8px rgba(0, 0, 0, .1)
}
footer #mc-embedded-subscribe-form input[type=email] {
font-weight: 300;
float: left;
padding: 15px;
width: calc(100% - 150px);
height: 50px;
border: 1px solid #dfdfdf;
border-right: none
}
footer textarea {
height: 100px!important;
resize: none
}
footer input[type=submit] {
font-weight: 300;
float: left;
padding: 15px 0;
height: 50px;
width: 150px;
color: #FFF;
background: #ff5a00;
border: none;
text-transform: uppercase
}
.mc-field-group div.mce_inline_error {
position: absolute;
left: 0;
top: 50px
}
#mce-success-response {
font-style: italic;
padding: 6px 8px;
float: left;
width: 100%
}
#menuCheckbox,
.menuToggle {
display: none;
z-index: 9999;
}
#menuCheckbox:checked + nav {
-webkit-transform: translateX(0) !important;
-moz-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.home-intro h2 {
margin-bottom: 10px
}
.home-intro h3 {
margin-top: 10px
}
#mikeda-web .btn {
border-radius: 0;
border: none!important
}
#mikeda-web .btn-success {
background: #ff5a00
}
#mikeda-web .btn-success:hover,
.choose-appointment .btn-success:hover {
background: #d94d00
}
.choose-appointment .btn-success {
margin-top: 20px;
display: inline-block;
width: auto;
padding: 12px 24px;
text-transform: uppercase;
border: none;
color: #FFF
}
#mikeda-web .btn:focus,
#mikeda-web .focus,
#mikeda-web:active:focus,
#mikeda-web:focus {
outline: 0!important
}
.peptan {
color: #009775!important;
font-weight: 700
}
#clickTrap {
position: fixed;
top: 0;
left: 0;
width: 1px;
height: 1px
}
#clickTrap.active {
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, .8)
}
#clickTrap span {
width: 2vw;
height: 2vw;
background: #d94d00;
position: absolute;
top: 48vh;
opacity: 0
}
#clickTrap.active span:nth-child(2) {
left: 45vw;
animation: pulse .4s linear .1s infinite
}
#clickTrap.active span:nth-child(1) {
left: 49vw;
animation: pulse .4s linear .2s infinite
}
#clickTrap.active span:nth-child(3) {
left: 53vw;
animation: pulse .4s linear .3s infinite
}
@keyframes pulse {
0%,
100%,
50% {
opacity: 0
}
25% {
opacity: 1
}
}
.nobottompadding {
padding-bottom: 0!important
}
.notoppadding {
padding-top: 0!important
}
.nobottomborder {
border-bottom: none!important
}
.notopborder {
border-top: none!important
}
.work-flow {
padding: 30px 0;
background: #d0ae57;
background: -moz-linear-gradient(-45deg, #d0ae57 1%, #fad758 27%, #b7904e 46%, #7e4f1f 74%, #ebbf16 100%);
background: -webkit-linear-gradient(-45deg, #d0ae57 1%, #fad758 27%, #b7904e 46%, #7e4f1f 74%, #ebbf16 100%);
background: linear-gradient(135deg, #d0ae57 1%, #fad758 27%, #b7904e 46%, #7e4f1f 74%, #ebbf16 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d0ae57', endColorstr='#ebbf16', GradientType=1)
}
.work-flow h2 {
font-weight: 700;
color: #fff;
font-size: 45px;
margin-bottom: 0!important
}
.work-flow .strelica:after {
content: '›';
position: absolute;
right: -8%;
top: -90px;
font-size: 150px;
font-weight: 100;
color: rgba(255, 255, 255, .5)
}
.work-flow p {
font-weight: 700;
color: #fff
}
.footer-list>li {
width: 50%;
float: left;
margin-left: -24px;
margin-right: 24px
}
.footer-list>li>a {
text-transform: uppercase;
margin-bottom: 30px
}
.footer-list .menu-item-18,
.footer-list .menu-item-20,
.footer-list .menu-item-421,
.footer-list .menu-item-433,
.footer-list .menu-item-552,
.footer-list .menu-item-home {
display: none
}
.footer-list>li a sup:after {
display: block;
content: ''
}
.footer-list>li .sub-menu {
padding: 0
}
.freeicons svg {
width: 60px;
height: 60px
}
.freeicons svg g {
fill: #6f7072
}
.logotypes {
float: left;
width: 100%
}
.shop-item-info {
position: relative
}
.shop-tooltip {
position: absolute;
width: 100%;
height: 105px;
background: #fff;
display: none;
font-size: 13px;
}
.shop-item-info:hover .shop-tooltip {
display: block
}
.old-price {
text-decoration: line-through
}
.blog .list-item-block {
background: #fff;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear
}
.blog .list-item-block:hover {
background: #f6f6f6
}
.blog .list-item-block .middle h2.strong {
margin-top: 20px
}
.blog .list-item-block a {
color: #fff
}
.blog .list-item-block img {
opacity: .7;
transform: translateY(0);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear
}
.blog .list-item-block:hover img {
opacity: 1
}
.blog .list-item-block h2 {
line-height: 42px;
letter-spacing: -3px;
margin-bottom: 5px
}
.circle-icons a {
display: inline-block;
width: 32px;
height: 32px;
background: #000;
color: #fff;
line-height: 32px;
border-radius: 50%;
text-decoration: none!important
}
.circle-icons a:nth-child(1) {
background: #3b5998
}
.circle-icons a:nth-child(2) {
background: #4099ff
}
.circle-icons a:nth-child(3) {
background: #007bb6
}
.circle-icons a:nth-child(4) {
background: #d34836
}
.circle-icons a:hover {
background: #999
}
.single-block h3 a {
color: #666
}
.single-block h3 a:hover {
color: #999;
text-decoration: none
}
.dim {
opacity: .5
}
.gallery-caption {
height: 28px;
margin: 5px 0;
font-size: 12px;
line-height: 14px
}
.bigtitle strong {
font-weight: 900
}
.bigtitle span {
font-weight: 900!important;
font-size: 140%;
line-height: 120%
}
.video-container {
position: relative;
padding-bottom: 56.25%
}
.video-container iframe,
.video-container:after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.video-container iframe {
width: 100%;
height: 100%;
}
.sliderright { background: url(//www.mikedaskin.com/wp-content/uploads/sites/114/2021/04/slider-right.png) no-repeat center center; background-size: cover; height: 380px; }
@media screen and (max-width:1199px) {
.fixed-sidebar>div {
width: 290px;
padding: 30px
}
.shopbox {
width: 100%;
}
}
@media screen and (max-width:1023px) {
.carousel .item,
.gradient-wrapper {
height: auto;
}
.sliderright { height: auto; }
.langswitchmobile { 
position: fixed;
left: 30px;
top: 30px;
display: block; }
header,
header nav {
z-index: 9999;
background: #fff
}
.fixed-sidebar,
.fixed-sidebar>div {
position: inherit
}
.fixed-sidebar>div {
width: 100%;
float: left;
margin: 0
}
.menuToggle {
position: fixed;
right: 30px;
top: 36px;
display: block;
background: #063;
height: 5px;
text-indent: -9999px;
width: 30px
}
.menuToggle:after,
.menuToggle:before {
position: absolute;
top: 0;
width: 100%;
content: "";
display: block;
height: 100%
}
header,
header .right-header,
header nav {
position: fixed;
right: 0
}
.menuToggle:before {
padding-bottom: 10px;
border-top: 5px solid #063;
top: auto;
bottom: 0
}
.menuToggle:after {
padding-top: 10px;
border-bottom: 5px solid #063
}
header {
top: 0;
left: 0
}
header nav {
top: 74px;
bottom: 0;
margin: 0;
overflow: scroll;
width: 180px;
-webkit-transform: translateX(180px);
-moz-transform: translateX(180px);
transform: translateX(180px);
transition: .2s
}
header nav ul {
text-align: left!important;
padding: 0;
margin: 0
}
header nav ul li:hover ul {
max-height: 0
}
header nav a {
padding-left: 20px
}
.navbar a,
header nav li {
display: block;
float: none;
background: #fff
}
body {
padding-top: 114px
}
header .right-header {
top: 77px;
left: 0;
padding: 0;
background: #ff5a00
}
header .right-header a {
display: block;
padding: 10px 0
}
header .right-header a,
header .right-header a span {
color: #fff
}
.left-header {
display: none
}
header .top-header {
padding-top: 15px;
padding-bottom: 15px
}
.logo img {
width: 140px
}
.subslider {
margin-top: 15px
}
.review-block {
margin-top: 0
}
.shopbox {
position: static
}
.carousel .item img.full-size {
height: auto;
width: 230%
}
.carousel .item h3 {
font-size: 1.7em;
line-height: 1.25em
}
.carousel .item li {
font-size: 1.15em;
line-height: 1.25em
}
.carousel .slick-arrow {
display: none!important
}
}
@media screen and (max-width:767px) {
header nav ul ul { position: static; max-height: none; padding-left: 15px; border-top: none; width: 100%; }
header nav ul ul li { background-color: transparent; border: none; }
.work-flow .strelica:after {
top: auto;
right: auto;
position: relative;
width: 105%;
display: block;
transform: rotate(90deg);
line-height: 90px
}
.shop {
margin-top: 15px
}
.shop .products-row {
margin-bottom: 0
}
.shop .products-row>div {
margin-bottom: 40px;
}
.carousel .item,
.gradient-wrapper {
height: auto;
}
.sliderright { background: none; height: auto; padding-bottom: 20px; }  .carousel .item h3,
.carousel .item p {
padding-top: 0;
text-align: center;
}
.carousel .item li:before {
margin-left: 5px;
}
.gradient-wrapper .mask {
background-size: 15%
}
.stripe .left-bg-block-content {
position: static;
padding: 30px 0
}
.shopbox {
position: static;
margin: 0;
padding-top: 15px;
padding-bottom: 15px
}
footer ul {
padding: 0;
width: 100%;
float: left;
text-align: center
}
.footer-list>li {
width: 100%;
margin-left: 0;
margin-right: 0
}
}
@keyframes moveGradient {
0% {
transform: translateX(0)
}
50% {
transform: translateX(-100vw)
}
}
@media screen and (min-width:1024px) {
.carousel .item2 h3.bigtitle {
font-size: 3em;
}
}
.cosmo-zig { text-align: center; }
.cosmo-zig img { max-width: 60%; }
@media screen and (min-width:1024px) {
.cosmo-zig img { width: 150px; height: 150px; position: absolute; bottom: 125px; left: 52px; }
}