a:link, a:visited {text-decoration: none; color: #000;}
a:hover {text-decoration: underline;}
body, div {margin: 0;  color: #666; position: relative;}

  

.TDblockSite {position: absolute; left: 50%; margin-left: -217px; width: 435px; margin-top: 150px;}
/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100000;}
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; transform: translate(-50%,-50%);}


/* MENU **********************************************************/
.hideNow {display: none;}

.arrL, .arrR {width: 25px; position: absolute; top: 50%; opacity: 0.4; transform: translate(0, -50%); cursor: pointer; z-index: 500000;}
.arrL:hover, .arrR:hover {opacity: 1;}

.arrL {left: 15px;}
.arrR {right: 15px;}

img.banner {background-color: rgba(0,0,0,0.1);}

body { 
    /*
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    */
    background-attachment: fixed;
    background-color: #ffffff;
    background-image: url('/files/bg.jpg');
    overflow-y: scroll;
    overflow-x: hidden;
}

.button {padding: 5px 10px; text-transform: uppercase; float: left; width: auto; background-color: #eee; color: #f15a29; margin-right: 2px; margin-bottom: 2px; cursor: pointer;}
.button:hover, .button.active {background-color: #f15a29; color: #fff;}

div.td_slick2 a {width: 20%; float: left; padding: 5px;}
div.td_slick2 a img {width: 100%; float: left; opacity: 0.8;}
div.td_slick2 a img:hover {opacity: 1;}

img.slepicetop {width: 2560px; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}

div.topText {position: absolute; top: 90px; left: 210px; width: 80%;}
div.topText span {float: left; width: 100%; line-height: 35px;}
div.topText span:nth-of-type(1) {font-size: 36pt; color: #000000;}
div.topText span:nth-of-type(2) {font-size: 24pt; color: #f4b5bd;}

div.partnerss {float: left; width: 100%; margin-top: 15px; margin-bottom: 0; padding: 15px 0 25px 0; position: relative;}

table.td_pricelist {}
table.td_pricelist tr.td_pricelist_header td {background-color: #f4b5bd;}
table.td_pricelist tr.td_pricelist_header2 td {background-color: #f4b5bd;}
table.td_pricelist tr.td_pricelist_header2 td span {font-size: 14pt; color: white;  }
table.td_pricelist tr.td_pricelist_item td {background-color: #fff;}
table.td_pricelist tr td {padding: 5px 10px;}
table.td_pricelist tr td:nth-of-type(3) {text-align: right; font-weight: bold;}
table.td_pricelist tr:nth-child(even) {background: #fff;}
table.td_pricelist tr:nth-child(odd) {background: #eee}


img.smallIcon {float: left; width: 84px; margin-right: 30px; margin-top: 20px;}

input[type='submit'].hide {display: none;};
.desktop {display: block; float: left; width: 100%; position: relative;}
.mobile { float: left; width: 100%;  position: relative; display: none;}
.cross {position: absolute; right: 15px; top: 15px; width: 60px;}


.menubar {float: left; width: 100%; position: relative; height: 122px; z-index: 150;}

.fullWidth {float: left; width: 100%; }
.padding25 {padding: 25px;}
.centered {float: left; display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
.centeredReal {margin: 0 auto; max-width: 1180px; display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}

.position-relative {position: relative; }

div.rightSocial {float: right;  z-index: 502; position: absolute; right: 0; top: 7px; }
div.rightSocial a {color: #555;}
div.rightSocial a img {transition: 0.15s;}
div.rightSocial a:hover img {transform: scale(1.1);}

div.flexBox {float: left; width: 100%;   display: flex;  align-items: center;  justify-content: center;}
div.flexBox img {max-width: 600px; margin: 25px 0;}
div.refLine {float: left; width: 100%;   display: flex;  align-items: center;  justify-content: center; padding: 0 150px;}
img.refLineImg {width: 15%; float: left;  margin: 0 25px;}
.icons {float: right; width: 25px; height: 25px; margin: 5px 5px;transition: 0.2s;}
.icons:hover {opacity: 1; transform: scale(1.1);}
.icon_nofloat {width: 25px; height: 25px; margin-right: 5px; vertical-align: middle; }
img.bigPic {float: left; width: 100%;}

.gavycInstagram {float: left; width: 100%; height: auto; background-color: black;}
.container {padding: 0;}
a.logo {width: 243px; float: left; display: block; margin: 5px 0; margin-left: 35px;}
a.logo img {width: 100%; transition: 0.15s;}
a.logo img:hover {width: 100%; transform: scale(0.8);}
footer { float: left; width: 100%;}
footer .centered {padding: 10px; text-align: center; color: #000;}
footer .centered a:link,footer .centered a:visited {color: #f15a29;}

.bodyLeft {float: left; width: 100%; padding-top: 0px; position: relative; z-index: 1;}
.bodyRight {float: left; width: 100%; position: relative;   z-index: 1;  padding: 0; background: rgba(255,255,255,0.5);}
img.pdfIco {width: 50px; margin: 5px; float: left;}

div.thumbnails {width: 100%; float: left;}
div.thumbnail {width: calc(20% - 10px);  margin: 5px; float: left;}
div.thumbnail img {transition: 0.2s; width: 100%; height: auto; opacity: 0.8; }
div.thumbnail img:hover {width: 100%; height: auto; opacity: 1; transform: scale(1.05);}
	
.icon64 {width: 64px; height: 64px; float: left;}
.icon32 {width: 32; height: 32px;  float: left;}



.icon_nofloat {opacity: 1; margin-right: 12px;}
.icon_nofloat:hover {opacity: 1;}
.bBox1 .bottomLogo {width: 150px; opacity: 0.6;}
.pdIcon {height: 35px;}
.pdBox {float: left; width: 100%; margin-top: 5px;}

.newsletterBox {float: left; width: 100%; margin-bottom: 25px;} 
.newsletterBox tr td {float: left; width: 100%;} 
.newsletterBox tr {float: left;}
.newsletterBox tr:nth-of-type(1) {width: 20%;}
.newsletterBox tr:nth-of-type(2) {width: 20%;}
.newsletterBox tr:nth-of-type(3) {width: 10%;}
.newsletterBox tr:nth-of-type(4) {width: 20%;}
.newsletterBox tr:nth-of-type(5) {width: 15%;}
.newsletterBox tr:nth-of-type(6) {width: 15%;}


.padding15 {padding: 15px; float: left; width: 100%;}
.padding25 {padding: 25px; float: left; width: 100%;}
.padding45 {padding: 45px; float: left; width: 100%;}
.mobileRefLine {display: none;}

.owl-carousel {height: 500px;}
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    width: auto;
    height: 500px;
}

.blog {float: left; width: 100%; margin: 10px 0; background: white}
.blog img {float: left; width: 15%; margin: 10px 0; background: white}
.blog .blogyRight {float: left; padding-left: 25px; width: 85%;}
.blog .blogyRight h3 {font-size: 15pt; margin-top: 15px; font-weight: normal; text-transform: uppercase; padding-top: 0; width: 100%; color: #f15a29; font-family: 'AlianzaSlab600'; margin-bottom: 0;}

@media only screen and (max-width: 1024px) {
    body, html {overflow-x: hidden; width: 100%;}
    a.logo {width: 150px; margin-top: 25px; }
}

@media only screen and (max-width: 1023px) {
    body, html {overflow-x: hidden; width: 100%;}
    .slepicetop {display: none;}
    a.logo { margin-left: 0px; margin-right: 35px; margin-top: 10px; }
    a.logo img {transform: scale(1); }
    .menubar {height: auto;}
    .cross {position: absolute; right: 18px; top: 20px; width: 60px; transform: scale(1); z-index: 15000;}
    img.icon_nofloat {transform: scale(1); width: 45px; height: auto; }
    div.rightSocial {float: left; position: relative; margin-right: 0; margin-top: 15px;}
    div.rightSocial a {font-size: 14pt;}
    .td_slick2 div.slickInner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; float: left; position: relative;}
    .td_slick2 div.slickInner img {max-width: 100%; height: auto;}
    .td_slick2 {margin-bottom: 50px; position: relative;} 
    div.topText {position: absolute; top: 90px; left: 210px; width: 60%;}
    div.topText span:nth-of-type(1) {font-size: 10pt;}
    div.topText span:nth-of-type(2) {font-size: 8pt;font-weight: bold;}
    .mobile {display: block;}
    .arrL, .arrR {width: 15px;}
    .studiaBox a.link50:link, .studiaBox a.link50:visited {width: 100%; display: block; }
}



@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
    .td_body p img {width: 100% !important; margin: 15px 0 !important;}
    .blog img {float: left; width: 100%; margin: 0; background: white}
    .blog .blogyRight {float: left; padding: 25px; width: 100%;}
    a.logo {width: 120px; margin-left: 0px; margin-right: 15px;}
    a.logo img {transform: scale(1); }
    .mobileRefLine {display: block;}
    .cross {right: 15px; top: 15px;}
    div.rightSocial a {font-size: 10pt;}
    .mobileRefLine img.refLineImg {width: calc(50% - 20px); margin: 10px;}
    .icon_nofloat {transform: scale(0.8);}
    .bBox3 {display: none;}
    .bBox1, .bBox4 {width: 100%; padding: 0;}
    header {display: none;}
    .td_slick4 img {width: calc(100% - 120px); margin: 0 60px;}
    div.pristrojeText {width: 100%; padding: 0;}
    div.middleCaption {font-size: 5vw; margin-left: 0; margin-right: 0;}
    div.refLine {padding: 0;}
    img.refLineImg {width: 20%; margin: 10px;}
    a.moreInfo:link, a.moreInfo:visited {margin-left: 39%; }
    .bBox1 strong, .bBox4 strong {width: 100%; text-align: center; display: block;}
    div.refLine {display: none;}
    div.topText {position: absolute; top: 90px; left: 140px; width: 60%;}
    div.topText span {line-height: 20px;}
    div.topText span:nth-of-type(1) {font-size: 14pt;}
    div.topText span:nth-of-type(2) {font-size: 8pt; font-weight: bold;}
    .td_slick2 a {width: calc(33.33% - 10px);}
    .td_slick2 {width: calc(100% + 20px); margin-left: -10px;}
    img.icon_nofloat {width: 25px;}
    div.rightSocial {margin-right: 0; margin-top: 17px;}
}