* {font-size: 14px;font-family: 'Swiss-Heavy';} *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html,body{height:100%;} .grabbing { cursor: grabbing; cursor: -webkit-grabbing; } body::-webkit-scrollbar {background-color:#000; } body::-webkit-scrollbar-button {background-color: #000;} body::-webkit-scrollbar-thumb {background-color: #666666;} .SampaConnectLightBox {position:fixed;bottom:5%;left:0px;right:0px;z-index:2000;} .SampaConnectLightBox.hide{opacity:0;} .SampaConnectLightBox a{text-decoration:none;} .SampaConnectLightBox .Txt img{display:table;margin:auto;} .SampaConnectLightBox .Txt{padding:10px 0px; background-color: #202122; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);margin:auto; width:100%; max-width:1100px;/*height:140px;*/ background-image:url('/Files/images/SampaConnectBanner/SCB.png');background-position:center;background-repeat:no-repeat;background-size: cover;} .SampaConnectLightBox .Txt p{line-height: initial;font-family: 'BebasNeueBold' !important; font-size:2.8vw;color:#fff;text-align:left;margin-bottom:5px;line-height: initial;} .SampaConnectLightBox .Txt label{color:#fff;text-align:left;font-family: 'Swiss-Light';padding-right:40px;line-height: initial;} .SampaConnectLightBox .Txt .YellowLogo {margin-top:-60px;} @media screen and (max-width:1024px) {.SampaConnectLightBox .Txt p{font-size:4vw;padding: 5px 0px; }} @media screen and (max-width:767px) {.SampaConnectLightBox{bottom:13%;}.SampaConnectLightBox .Txt{background-image:none;background-color:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;}} @media print { .wrapper .Content .Desc .News .NewsDetail .col-md-4{display:none;} .wrapper .TopMenu.Fixed{display:none;} .wrapper .FMenu{display:none;} } /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .ChckBx{padding-left:20px;} .ChckBx input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .checkmark {position: absolute;top:0px;left:0px;height: 25px;width: 25px;background-color: #fff;border: 1px solid #9b9b9b;} .ChckBx:hover input ~ .checkmark {border: 1px solid #cb186f;} .ChckBx input:checked ~ .checkmark {border: 1px solid #3cc137;} .checkmark:after {content: "";position: absolute;display: none;} .ChckBx input:checked ~ .checkmark:after {display: block;} .ChckBx .checkmark:after {left: 6px;top: 0px;width: 11px;height: 20px;border: solid #3cc137;border-width: 0 4px 4px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .ChckBx a {font-family: 'Swiss-Light';/*font-size: 20px;*/color:#f02338;font-weight: bold;} .ChckBx .checkmark.error{border: 3px solid #e00000 !important;} .ChckBx .checkmark.glyphicon-remove{border: 3px solid #e00000 !important;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*body {background: #E2E4E7;padding: 0;text-align: center;font-family: 'open sans';position: relative;margin: 0;height: 100%;-webkit-font-smoothing: antialiased;}*/ a {text-decoration: none;} sup {font-family: 'Swiss-Light';font-size:17px;top: -.2em;} section {overflow:hidden;} .Copyright{margin:auto;display:table;margin-top: 20px;} .Copyright p{font-size:18px;color:#fff;font-family: 'Swiss-Medium';} .Copyright img{margin:auto;display:table;} .adBanner {background-color: transparent;height: 1px;width: 1px;} .clear {width: auto;} .clearBth {clear: both;} .center-block {float: none;margin: auto;} .modal {z-index:4000;} .Red {color: #f32735 !important;} .DTable{display:table;} .ImageCenter{display:table;margin:auto;max-width:100%;} .Width100 {width:100%;} .ImageRight{float:right;} .Text-Center{text-align:center;} .Text-Right{text-align:right;} .ImageLeft{float:left;} .horizontal {display: flex;justify-content: center;height:100%;width: 100%;} .vertical {display: flex;flex-direction: column;justify-content: center;} .horizontalLeft{justify-content: flex-start;} .horizontalRight{justify-content: flex-end;} a.DownloadLink{text-decoration:underline;font-family: 'Swiss-Light';font-size: 20px;color: #4d4d4d;} .BoldTitle{font-family: 'Swiss-Heavy' !important; line-height: normal !important; font-size: 30px !important; letter-spacing: -1px;} .MarginTB100{margin:100px 0px;} .main section:first-child {background-color: #000;} a.Linkedin{font-size: 18px;font-family: 'Swiss-Light';color: #666666;background-image: url(/ui/img/icon/TheBoardLinkedinIcon.png);background-position: center left;background-repeat: no-repeat;padding-left: 30px;background-size: contain;display:none;} .MaxWidth{width:100%;max-width: 1970px;margin: auto;} .SwissHeavy {font-family: 'Swiss-Heavy' !important;} .w-20{width:20%;} select option {font-family: 'Swiss-Light';} .col-half-offset{margin-left:4.166666667%} @media screen and (max-width:991px) {.col-half-offset{margin-left:0px;}} .pull-left{float:left;} .pull-right{float:right;} .PRelative{position:relative;} .disable-select { user-select: none; /* supported by Chrome and Opera */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ } .TextLine {width:100%; height: 28px;clear: both;cursor:pointer;} .TextLine a ,.TextLine p {font-family: 'Swiss-Light';color:#333;font-size: 12px !Important; display: table;float: right;letter-spacing:4px;line-height:1 !Important;font-weight: normal;margin-top: -9px !important;padding: 0px 10px;background-color: #fff;} .TextLine a {text-decoration: none;cursor: pointer;background-color: #011391;font-weight: bold;color: #fff;} .TextLine span {float: left;height: 1px;display: block;margin-top:12px;background-color: #000;width: 100%;} .PaddingL0 {padding-left:0px !important;} .wrapper .loader {position: absolute;left: 0px;right: 0px;bottom: 0px;top: 0px;background-color: #000;z-index:100;} .wrapper .loader .wrp {position: absolute;left: 0px;right: 0px;top: 50%;} .wrapper .loader .cssload-container {width: 100%;height:70px;text-align: center;} .wrapper .loader .cssload-container p{margin-top: 22px;text-align: center;position: absolute;left: 0;right: 0;font-size: 20px;color: #fff;} .wrapper .loader .cssload-speeding-wheel {width:70px;height:70px;margin: 0 auto;border: 3px solid rgba(255,255,255,0.96);border-radius: 50%;border-left-color: transparent;border-right-color: transparent;animation: cssload-spin 575ms infinite linear;-o-animation: cssload-spin 575ms infinite linear;-ms-animation: cssload-spin 575ms infinite linear;-webkit-animation: cssload-spin 575ms infinite linear;-moz-animation: cssload-spin 575ms infinite linear;} @keyframes cssload-spin {100% {transform: rotate(360deg);transform: rotate(360deg);}} @-o-keyframes cssload-spin {100% {-o-transform: rotate(360deg);transform: rotate(360deg);}} @-ms-keyframes cssload-spin {100% {-ms-transform: rotate(360deg);transform: rotate(360deg);}} @-webkit-keyframes cssload-spin {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @-moz-keyframes cssload-spin {100% {-moz-transform: rotate(360deg);transform: rotate(360deg);}} .resp-sharing-button__link, .resp-sharing-button__icon {display: inline-block} .resp-sharing-button__link {text-decoration: none;color: #fff;margin: 0.5em;display: table;margin:10px auto;} .resp-sharing-button {border-radius: 5px;transition: 25ms ease-out;padding: 0.5em 0.75em; font-family: Helvetica Neue,Helvetica,Arial,sans-serif} .resp-sharing-button__icon svg {width: 1em;height: 1em;margin-right: 0.4em;vertical-align: top} .resp-sharing-button--small svg {margin: 0;vertical-align: middle} .resp-sharing-button__icon {stroke: #fff;fill: none} .resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle {fill: #fff;stroke: none} .resp-sharing-button--twitter {background-color: #55acee} .resp-sharing-button--twitter:hover {background-color: #2795e9} .resp-sharing-button--facebook {background-color: #3b5998} .resp-sharing-button--facebook:hover {background-color: #2d4373} .resp-sharing-button--email {background-color: #777} .resp-sharing-button--email:hover {background-color: #5e5e5e} .resp-sharing-button--whatsapp {background-color: #25D366} .resp-sharing-button--whatsapp:hover {background-color: #1da851} .resp-sharing-button--facebook {background-color: #3b5998;border-color: #3b5998;} .resp-sharing-button--facebook:hover,.resp-sharing-button--facebook:active {background-color: #2d4373;border-color: #2d4373;} .resp-sharing-button--twitter {background-color: #55acee;border-color: #55acee;} .resp-sharing-button--twitter:hover,.resp-sharing-button--twitter:active {background-color: #2795e9;border-color: #2795e9;} .resp-sharing-button--email {background-color: #777777;border-color: #777777;} .resp-sharing-button--email:hover,.resp-sharing-button--email:active {background-color: #5e5e5e;border-color: #5e5e5e;} .resp-sharing-button--whatsapp {background-color: #25D366;border-color: #25D366;} .resp-sharing-button--whatsapp:hover,.resp-sharing-button--whatsapp:active {background-color: #1DA851;border-color: #1DA851;} .wrapper .Teaser .videoBx {overflow: hidden;} .wrapper .Teaser .videoBx .video-background {width:100%;height:100%;} .wrapper .Teaser .Txt {/*width:710px;*/position: absolute;top:35%;z-index:100;width:46%;} .wrapper .Teaser .Txt label:first-child {padding-left:22%; padding-right: 10px;margin-right: 10px;margin-bottom: 10px;} .wrapper .Teaser .Txt label {font-size:100px;font-weight: bold;color: #fff;line-height: 85px;height: 86px;} .wrapper .Teaser .Txt label:first-child {background-image: url('../img/TTBg.png');} .wrapper .Teaser .Txt label:nth-child(3) {padding-left:22%;width: 100%;} .wrapper .Teaser .Txt label:last-child {clear: both;} .wrapper .Teaser .Txt p {color: #fff;float: left;text-align:left;margin-left:24%;font-size:23px;margin-top:21px;} .wrapper .Teaser .Txt p:last-child {font-family:'Swiss-Light';} @media screen and (max-width:1700px) {.wrapper .Teaser .Txt label{font-size:70px;} } @media screen and (max-width:1536px) {.wrapper .Teaser .Txt {top:30%;}} .wrapper .Teaser .FollowUs {float: left;position: absolute;left: 6%;z-index:2050;bottom: 10px;} .wrapper .Teaser .ScrollDown{ position: absolute;z-index: 1000;left: 0;right: 0; bottom: 10px;} .wrapper .Teaser .ScrollDown img {width: 100px;display: table;margin: auto;} @media screen and (max-width:415px) {.wrapper .Teaser .ScrollDown {display:none !important;}} .wrapper .main {width: 100%;margin: 0 auto;} .wrapper .main .page_container {position: relative;top: 25%;margin: 0 auto 0;z-index: 3;} .wrapper .main > img {position: absolute;z-index: 1;} .wrapper .main .twentytwenty-container img {width: 100%;} .wrapper .main .ShowroomClick{right: 0;height: 40%;position: absolute;bottom: 0;width: 30%;z-index: 100;cursor:pointer;} .wrapper .main .SlcWrp {position: relative;position: fixed;right:-100px;top: 0px;bottom: 0px;width:150px;z-index: 1050;transition: all 0.3s ease;} .wrapper .main .ScrMenu {position: absolute;top:40%;z-index: 1050;left: 0;right: 0;} .wrapper .main .ScrMenu span {border-radius: 50%;margin: 6px;display: table;padding: 10px;position: relative;cursor: pointer;float:left;} .wrapper .main .ScrMenu .item.active span {border: 1px solid #CCC;} .wrapper .main .ScrMenu .item:hover > p ,.wrapper .main .ScrMenu .item.active p {color:#F9C86E;} .wrapper .main .ScrMenu a {line-height: normal;display: table;background-color: #CCC;width: 5px;height: 5px;border-radius: 50%;} .wrapper .main .ScrMenu .item {cursor:pointer;} .wrapper .main .ScrMenu .item p {opacity:0; float: left;padding:10px 0px;DISPLAY: TABLE;MARGIN: AUTO; color:#fff;position: absolute;left: 45px;} .wrapper .main .SlcWrp:hover .item p {opacity:1;transition: all 0.3s ease;} .wrapper .main .SlcWrp:hover {right:0px;background-color: #000;opacity: 0.7;width:150px;} @media screen and (max-width:1536px) {} /*.wrapper .main section {margin: 20px 0px;}*/ .wrapper .main .Title {margin: 0px;width: 100%;} .wrapper .main .Title h2 {float: left;font-size: 40px;} .wrapper .main .Title .HashTag {float: right;font-family: 'Swiss-Light';line-height: 65px;color: #000;} .wrapper .WSection{position:relative;} .wrapper .main .TextLine{margin-top: 12px;} .wrapper .main .TextLine span{background-color:#00198a;} .wrapper .main .TextLine p{ color:#00198a;} .wrapper .main .NewOwlCategoriesSlider .owl-item .item p{display: table;margin: auto;color: #00148c !important;padding: 10px 50px;cursor: pointer;font-size:2rem;border-radius:10px;background-image: url(/ui/img/icon/BtnBG.png);background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .main .NewOwlCategoriesSlider .owl-item .item img {width:auto;margin:auto;display:table;cursor:pointer;max-width: 100%;} .wrapper .RD {position:relative;display:table;margin:auto;max-width: 1320px;} /*.wrapper .RD .col-md-12 div {min-height: 300px;}*/ .wrapper .RD .RdText {margin-top: 90px;float:right; max-width: calc(100% - 700px);} .wrapper .RD .RdText p {font-size: 40px;line-height: 40px;} .wrapper .RD .RdText ul {margin: 0px;padding: 0px;margin-top: 20px;} .wrapper .RD .RdText ul li {float: left;list-style-type: none;height: 50px;padding: 0px 20px;border-right: 1px solid #000;} .wrapper .RD .RdText ul li:first-child {padding-left:0px;} .wrapper .RD .RdText ul li:last-child {border-right: 0px;} .wrapper .RD .RdText ul li p {font-size: 15px;font-family: 'Swiss-Light';float: left;line-height: 20px;padding:10px;padding-top: 7px;} .wrapper .RD .RdText ul li img {float: left;} .wrapper .RD .RdText ul li strong {font-family: 'Swiss-Heavy';font-weight: bold;font-size: 35px;} .wrapper .RD .RdText .Spot {font-family: 'Swiss-Light';font-weight: bold;font-size: 20px;line-height: 25px;} .wrapper .RD .RdLogo{width:300px;height:300px;position:absolute;left:40%;top:43%;z-index:10;} .wrapper .RD .RdLogo img {position:absolute;top:0px;opacity:0;width:100%;height:100%;} .wrapper .RD .RdLogo img.RdRotate {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg);transform: rotate(360deg);transition: all 0.9s ease;opacity:1 !Important;} .wrapper .RD .RdLogo img.BigRdRotate {-ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg);transform: rotate(-360deg);opacity:1 !Important;transition: all 0.9s ease;} .wrapper .RD .RdImage {position:relative;overflow:hidden;width:700px;height:700px;display:table;margin:auto; float: left;} .wrapper .RD .RdImage img {position:absolute;left:0;top:0;transition: all 0.3s ease; animation-iteration-count: 2;} @media screen and (max-width:1300px) { .wrapper .RD .RdText {max-width:100%;} } @media screen and (max-width:651px) { .wrapper .RD .RdText ul li {padding: 0px 19px !important;border: 0px;display: table;margin: auto;width:50%;} .wrapper .RD .RdText ul li .item {float:left;width:100%;} .wrapper .RD .RdText ul li .item p {float: none;} .wrapper .RD .RdText ul li .item img {float:none;display:table;margin:15px auto;} .wrapper .RD .RdText ul li:last-child {display:table;margin:auto;width:100%;} .wrapper .RD .RdText ul li:last-child .item{display:table;margin:auto;float:none;} } @media screen and (max-width:340px) {.wrapper .RD .RdText ul li{padding:0px !important;}} .wrapper .ImageSlider {position: relative;margin: 20px 0px;} .wrapper .ImageSlider .item {position:relative;cursor:pointer;} .wrapper .ImageSlider .item:hover span{opacity:1;top:0px;} .wrapper .ImageSlider .item span {background-size:cover;position:absolute;top:0px;right:0px;left:0px;bottom:0px;opacity:0;transition: all 0.5s ease;top:50px;} .wrapper .ImageSlider .owl-carousel {z-index:10;} .wrapper .ImageSlider .owl-dots{display:none;} .wrapper .FactorySlider {margin:40px 0px;margin-bottom:100px;} .wrapper .FactorySlider .item{display: flex;align-items: center;justify-content:center;/*flex-wrap:wrap;*/} .wrapper .FactorySlider .item img {width:auto;display:table;} .wrapper .FactorySlider .item .Text {transition: all 0.3s ease; background-image: url(/ui/img/FactoryBg.png);/*width:60%;float: right;position: absolute;right: 0;top: 15%;*/padding:40px;z-index: 10;/*max-height: 400px;overflow-y: auto;*/} .wrapper .FactorySlider .owl-dots {display:none;} .wrapper .FactorySlider .owl-item:nth-child(2n+1) img{float:right;} .wrapper .FactorySlider .owl-item:nth-child(2n+1) .Text{right:auto;left:0;} .wrapper .FactorySlider .item .Text p {font-size:19px;line-height: 30px;text-align: justify; } .wrapper .FactorySlider .item .Text p.Title {line-height: 50px;font-size: 45px;color: #666;padding-bottom: 10px;border-bottom: 1px solid #333;font-family: 'Swiss-Heavy'; text-align:right;} .wrapper .FactorySlider .item .Text p.Title i {font-family: 'Swiss-Heavy';font-size: 45px; color:#f32735; font-style: normal;} .wrapper .FactorySlider .item span {display:none;} .wrapper .FactorySlider .FactoryNav {position:relative;height:52px;margin-top: 60px;margin-bottom:40px;background-image:url('/ui/img/FactoryBg2.png');background-repeat:repeat-x;background-position:center; } .wrapper .FactorySlider .FactoryNav .FactoryWrp {display:table;margin:auto; } .wrapper .FactorySlider .FactoryNav .item label span { width:20px;height:20px; border-radius:50%;display:table;background-color:transparent;border:1px solid #000; } .wrapper .FactorySlider .FactoryNav .item {width: 100px;float: left;margin-right: 60px;} .wrapper .FactorySlider .FactoryNav .item:last-child {margin-right:0px;} .wrapper .FactorySlider .FactoryNav .item label {padding:15px;border: 1px solid transparent; border-radius:50%;transition: all 0.8s ease;cursor:pointer;height: 52px;display: table;margin: auto;} .wrapper .FactorySlider .FactoryNav .item p {font-size: 14px;text-align: center;margin:10px 0 0 0 ;text-align: center;line-height: normal;} .wrapper .FactorySlider .FactoryNav .item.active label span { background-color:#f32735;border: 1px solid #f32735; } .wrapper .FactorySlider .FactoryNav .item:hover label {border:1px solid #000;display: table;margin: auto;} .wrapper .FactorySlider .FactoryNav .item.active label {border:1px solid #f32735;display: table;margin: auto;} .wrapper .FactorySlider .FactoryNav .item:hover p {font-weight: bold;} .wrapper .FactorySlider .FactoryNav .item:hover label span { background-color:#000;} .wrapper .FactorySlider .FactoryNav .item.active:hover label span { background-color:#f32735;border: 1px solid #f32735;} .wrapper .FactorySlider .FactoryNav .item.active p {color:#f32735;font-weight: bold;} @media screen and (max-width:1500px) { .wrapper .FactorySlider .item{flex-wrap:wrap;} .wrapper .FactorySlider .item .Text {padding:0px;} } @media screen and (max-width:1200px) { .wrapper .FactorySlider .owl-item .Text{position:relative;width:100%;} .wrapper .FactorySlider .owl-item img{width:100%;} .wrapper .FactorySlider .item .Text p.Title{font-size:25px;line-height:inherit; text-align:left;} } .wrapper .ComponentSlider {position:relative;} .wrapper .ComponentSlider .item .Text{float:left !important;left:0;} /*.wrapper .ComponentSlider .owl-item:nth-child(2n+1) .Text {float:left !Important;}*/ .wrapper .ComponentSlider .owl-item img{float:left;cursor:pointer;} .wrapper .ComponentSlider .ChildOwl .BigImage {display: table;float: right;position: relative;} .wrapper .ComponentSlider .ChildOwl .BigImage .ImageAndVideo{max-height: 600px;overflow: hidden;position:relative; } .wrapper .ComponentSlider .ChildOwl .BigImage img {max-width:900px;} .wrapper .ComponentSlider .ChildOwl .ImageList{background-image:url(/ui/img/FactoryImageListBg.png); height: 100px;width: 100%;position: absolute;bottom: 0;opacity: 0;transition: all 0.3s ease;padding: 20px;display: table;width: 100%;} .wrapper .ComponentSlider .ChildOwl .ImageList .ImageWrapper {display:table;margin:auto;} .wrapper .ComponentSlider .ChildOwl .ImageList .ImageWrapper img{margin-right:8px;height: 90px; float: left;} .wrapper .ComponentSlider .ChildOwl .ImageList .ImageWrapper img:last-child{border: 0px;} .wrapper .ComponentSlider .ChildOwl .BigImage:hover > .ImageList{opacity:1;} .wrapper .ComponentSlider:nth-child(2n+1) .owl-item .Text {float:none !important; right:0px;left:auto;} .wrapper .ComponentSlider:nth-child(2n+1) .owl-item .BigImage {float:left !important; } .wrapper .ComponentSlider:nth-child(2n+1) .owl-item .Text p.Title{text-align:left !important;} .wrapper .ComponentSlider .owl-dots{display:none;} .wrapper .ComponentSliderArrow {position: absolute;left: 0px;right: 0px;z-index: 1;left:-40px;right: -40px;bottom: 40%;} .wrapper .ComponentSliderArrow .Left:before, .wrapper .ComponentSliderArrow .Right:before {font-size: 40px;color: darkgray;width:17px;height:24px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .ComponentSliderArrow .Left:before {content: " ";float: left;background-image: url('../img/icon/RedLeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .ComponentSliderArrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RedRightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} @media screen and (max-width:1200px) {.wrapper .ComponentSlider .ChildOwl .BigImage{display:block;width:100%;}.wrapper .ComponentSlider:nth-child(2n+1) .owl-item .Text{float:left !important;}.wrapper .ComponentSlider .ImageAndVideo img{float:none !important;width:100%;}.wrapper .ComponentSlider .ImageWrapper img{width:auto;}} @media screen and (max-width:991px) {.wrapper .ComponentSlider .ChildOwl .ImageList{position: relative;opacity: 1;padding: 10px 0px;}.wrapper .ComponentSlider .ChildOwl .ImageList .ImageWrapper img {float: left !IMPORTANT;width: 100px;height: auto;}.wrapper .ComponentSliderArrow {position: relative;left: 0;right: 0;width: 30%;margin: auto;top: 20px;}} @media screen and (max-width:589px) {.wrapper .ComponentSlider .ChildOwl .ImageList .ImageWrapper img {margin: 10px;float: left;width: 75px;}} /*.wrapper .ImageSlider .item {width: 100%;border-left: 1px solid darkgray;height:370px;background-size: cover;background-position: center;}*/ /*.wrapper .ImageSlider .item {width: 100%;border-left: 1px solid darkgray;height:370px;background-size: cover;background-position: center;}*/ .wrapper .ImageSlider .Arrow {position: absolute;left: 0px;right: 0px;z-index: 1;left: -53px;right: -40px;top: 40%;} .wrapper .ImageSlider .Arrow .Left:before, .wrapper .ImageSlider .Arrow .Right:before {font-size: 40px;color: darkgray;width: 15px;height: 15px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .ImageSlider .Arrow .Left:before {content: " ";float: left;background-image: url('../img/icon/LeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .ImageSlider .Arrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .UniqueSlider {margin-top: 90px;margin-bottom:30px; /*background-image:url('/Files/images/unique.jpg'); background-size: contain;*/} .wrapper .UniqueSlider .item .Text {position: relative;width: 50%;margin: auto;} .wrapper .UniqueSlider .item .Text label {position: relative;z-index: 10;margin: auto;display: table;line-height: 190px;font-size: 110px;color: #fff;transition: all 0.3s ease;} .wrapper .UniqueSlider .item:hover {cursor:pointer;} .wrapper .UniqueSlider .item:hover label { line-height: 150px; } .wrapper .UniqueSlider .item:hover .Txt p {opacity:1;} .wrapper .UniqueSlider .item:hover .Txt p:first-child {/*font-size: 16px;*/margin-top:0px;margin-bottom: 5px;} .wrapper .UniqueSlider .item .Txt {padding: 10px;margin-top: 10px;} .wrapper .UniqueSlider .item .Txt p:first-child {display:block;opacity:1;/*font-size: 30px;*/margin-top: 30px;} .wrapper .UniqueSlider .item .Txt p {text-align: center;color: #fff;font-size:20px;line-height: 19px; opacity:0;transition: all 0.3s ease;} .wrapper .UniqueSlider .item .Txt p:last-child {line-height:26px;} .wrapper .UniqueSlider .item .Text span {position: absolute;opacity: 0.5;left: 0px;right: 0px;top: 0px;bottom: 0px;} .wrapper .UniqueSlider .owl-item .Text span.Color1 {background-color: #ff0000;} .wrapper .UniqueSlider .owl-item .Text span.Color2 {background-color: #006837;} .wrapper .UniqueSlider .owl-item .Text span.Color3 {background-color: #0071ac;} .wrapper .UniqueSlider .owl-item .Text span.Color4 {background-color: #eba03b;} .wrapper .UniqueSlider .owl-item .Text span.Color5 {background-color: #662d81;} .wrapper .UniqueSlider .owl-item .Text span.Color6 {background-color: #ecde21;} .wrapper .UniqueSlider .item {height: 345px; /* background-color: white; */background-size:cover;background-repeat: no-repeat;/*background-image:none !important;*/} @media screen and (min-width:1537px) { .wrapper .UniqueSlider .item .Txt p{font-size:26px;} } @media screen and (max-width:1296px) { .wrapper .UniqueSlider .item {background-repeat: no-repeat;background-size: cover;} /*.wrapper .UniqueSlider .item .Txt p:first-child {font-size:23px;}*/ } @media screen and (max-width:767px) {.wrapper .UniqueSlider .item .Txt p{font-size:20px !important;margin-bottom:0px;} } .wrapper .UniqueSlider .Arrow {position: absolute;left: 0px;right: 0px;z-index: 1;left: -36px;right: -24px;top: 40%;} .wrapper .UniqueSlider .Arrow .Left:before, .wrapper .UniqueSlider .Arrow .Right:before {font-size: 40px;color: darkgray;width: 15px;height: 15px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .UniqueSlider .Arrow .Left:before {content: " ";float: left;background-image: url('../img/icon/LeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .UniqueSlider .Arrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .UniqueSlider .owl-dots{display:none;} @media screen and (max-width:1024px) {.wrapper .UniqueSlider .item .Txt p{opacity:1;line-height:normal;font-size:20px;}} .wrapper .HSlider .CSlider {position: relative;height:400px;overflow: hidden;} @media screen and (min-width:1540px) { .wrapper .HSlider .CSlider {height:372px;} .wrapper .HSlider .CSlider .item {height:372px;} .wrapper .HSlider .TextSlider .item p.Title {font-size:50px;min-height: 120px;} } @media screen and (min-width:991px) {.wrapper .HSlider{margin: 0px 0px 50px 0px;}} .wrapper .HSlider {position: relative;} .wrapper .HSlider .TextSlider {position: relative;margin-bottom:40px;} .wrapper .HSlider .TextSlider .item p {color: #4c4c4c;text-align: center;} .wrapper .HSlider .TextSlider .item p.Title {font-size:40px;width: 70%;text-align: center;margin: auto;line-height: 60px;} .wrapper .HSlider .TextSlider .item p.Spot {font-size:22px;text-align: center;font-family: 'Swiss-Light';margin:40px 0px;} .wrapper .HSlider .TextSlider .Arrow {position: absolute;z-index: 1;right: -40px;top: 20%;width: 34px;right: 0;} .wrapper .HSlider .TextSlider .Arrow .Left:before,.wrapper .HSlider .TextSlider .Arrow .Right:before {font-size: 40px;color: darkgray;width: 15px;height: 15px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .HSlider .TextSlider .Arrow .Left:before {content: " ";float: left;background-image: url('../img/icon/LeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .HSlider .TextSlider .Arrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .HSlider .TextSlider .Pages {position: absolute;z-index: 1;top: 20%;width: 34px;left: 0;} .wrapper .HSlider .TextSlider .Pages p {font-family: 'Swiss-Light';} .wrapper .HSlider .TextSlider .owl-theme .owl-nav.disabled + .owl-dots {display: none;} .owl-carousel .owl-item {margin: auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;} .wrapper .HSlider .HArrow {position: absolute;left: 0px;right: 0px;z-index:1050;bottom:30%;} .wrapper .HSlider .HArrow .Left:before, .wrapper .HSlider .HArrow .Right:before {font-size: 40px;color: darkgray;width: 15px;height: 15px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .HSlider .HArrow .Left:before {content: " ";float: left;background-image: url('../img/icon/LeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .HSlider .HArrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content .Desc .HSlider .HArrow {bottom:50%;} .wrapper .HSlider .CSlider {position: relative;/*height:372px;*/overflow: hidden;} .wrapper .HSlider .CSlider .owl-dots{display:none;} .wrapper .HSlider .CSlider .item {min-height:300px;max-height:375px; background-position: center;background-repeat: no-repeat;background-size: contain;padding:10px; position: relative;} .wrapper .HSlider .CSlider .item img {transition: all 0.3s ease;cursor:pointer;} @media screen and (max-width:991px) {.wrapper .HSlider .CSlider .item img{width: auto !important;}} @media screen and (max-width:767px) {/*.wrapper .HSlider .CSlider .item img{width:100% !important;}*/ .wrapper .HSlider {position: relative;margin: 20px 0px;} } @media screen and (max-width:1550px) {.wrapper .HSlider .HArrow {position: absolute;left: 0px;right: 0px;bottom:20%;}} .wrapper .TopMenu {z-index:3000;position: fixed;top: 0;left: 0;right: 0;transition: all 2.0s ease; height:85px;padding:15px 0px;} .wrapper .TopMenu .col{padding:0px;} .wrapper .TopMenu.Fixed { background: rgb(0 25 140); opacity:1; height: 85px; } .wrapper .TopMenu .TeaserLogo {margin-left:10%; max-width: 100%;} .wrapper .TopMenu .BtnMenu{cursor:pointer;} .wrapper .TopMenu .BtnMenu span {color: #fff;line-height: 30px;margin-right: 5px;font-family: 'Swiss-Light';font-size: 11px;float: left;} .wrapper .TopMenu .dot {display: table;margin: auto;} .wrapper .TopMenu .dot .child {width: 34px;height: 34px;margin: auto;display: table;} .wrapper .TopMenu .dot .child span {width: 5px;height: 5px;margin: 3px;background-color: #fff;display: block;float: right;} .wrapper .TopMenu .SampaConnect {cursor:pointer; background-position: center;background-size: contain;width: 150px;background-repeat: no-repeat;height: 40px;position:relative;z-index:1090;float:right;/*margin-right:-15px;*/} .wrapper .TopMenu .SampaConnect .Image {background-image: url(../img/SampaConnect.png);position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: #FFD719;background-position: center;background-size: 85%;BACKGROUND-REPEAT: NO-REPEAT;} .wrapper .TopMenu .SampaConnect .Skew {position: absolute;background-color: #FFD719;bottom: 0;top: 0px;bottom: 0px;left: -17px;right: 128px;opacity: 1;transform: skew(-30deg);} .wrapper .TopMenu .Lang{float: right;margin-right:20%;margin-top:8px;position:relative;} .wrapper .TopMenu .Lang span{cursor:pointer; font-size:12px;color:#fff;font-family: 'Swiss-Light'; border:1px solid #fff; border-radius:20px;padding:3px 9px;display:table;text-decoration:none;padding-right:30px;background-image:url('/ui/img/LangDownArrow.png');background-repeat:no-repeat;background-position:center;background-position-x:89%;padding-left: 20px;} .wrapper .TopMenu .Lang ul{display:none; position:absolute; margin:0px;padding:0px;border:1px solid #fff;border-radius:20px;margin-top: 10px;min-width: 150px;background-color: #0f0f0f;} .wrapper .TopMenu .Lang ul li{list-style-type:none;color:#fff;font-family: 'Swiss-Light';padding: 5px 0px;} .wrapper .TopMenu .Lang ul li a{border:0px;font-size:12px;color:#fff;font-family: 'Swiss-Light';padding-left: 20px;text-decoration:none;width: 100%;display: block;} .wrapper .TopMenu .Lang ul li:hover{background-image:url('/ui/img/LangHoveBG.png');} .wrapper .TopMenu .Lang ul li:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px;} .wrapper .TopMenu .Lang ul li:first-child{border-top-left-radius:20px;border-top-right-radius:20px;} .wrapper .TopMenu .MobileLang{display:none;} .wrapper .TopMenu a{color:#fff;} /*@media screen and (max-width:900px){ .wrapper .TopMenu .Lang{clear:both;} .wrapper .TopMenu .Lang{margin-right:10px;} }*/ @media screen and (max-width:900px) { .wrapper .TopMenu .Lang{display:none;} .wrapper .TopMenu .MobileLang .Lang {display: block;width: 100%;margin-right: 10px;margin-right:30%;} .wrapper .TopMenu .MobileLang{display: table;float: right;} .wrapper .TopMenu .MobileLang .Lang a{float:none;} .wrapper .TopMenu .Lang ul{min-width:100px;} } /*.wrapper .TopMenu {z-index:3000;position: fixed;top: 0;left: 0;right: 0;transition: all 2.0s ease;} .wrapper .TopMenu.Fixed {background: rgb(0,0,0);opacity:0.8; height: 85px;} .wrapper .TopMenu .SampaConnect {cursor:pointer; background-position: center;background-size: contain;width: 150px;background-repeat: no-repeat;height: 40px;position: absolute;right: 0px;top:30px;z-index:1090;padding-top:15px;} .wrapper .TopMenu .SampaConnect .Image {background-image: url(../img/SampaConnect.png);position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: #FFD719;background-position: center;background-size: 85%;BACKGROUND-REPEAT: NO-REPEAT;} .wrapper .TopMenu .SampaConnect .Skew {position: absolute;background-color: #FFD719;bottom: 0;top: 0px;bottom: 0px;left: -17px;right: 128px;opacity: 1;transform: skew(-30deg);} .wrapper .TopMenu .BtnAndImage {cursor: pointer;margin: auto;} .wrapper .TopMenu .BtnAndImage .TeaserLogo { position:absolute; left:4%;margin-top:15px;} @media screen and (max-width:415px) {.wrapper .TopMenu .BtnAndImage .TeaserLogo {left: 2%;margin-top: 20px;width: 35%;}} .wrapper .TopMenu .BtnAndImage span {color: #fff;line-height: 30px;margin-right: 5px;font-family: 'Swiss-Light';font-size: 11px;float: left;} .wrapper .TopMenu .BtnAndImage .dot {display: table;margin: auto;margin-top: 15px;} .wrapper .TopMenu .BtnAndImage .dot .child {width: 34px;height: 34px;margin: auto;display: table;} .wrapper .TopMenu .BtnAndImage .dot .child span {width: 5px;height: 5px;margin: 3px;background-color: #fff;display: block;float: right;} .wrapper .TopMenu .BtnAndImage .Abs {position: absolute;left: 0px;right: 0px;top:10px;}*/ .wrapper .ChildMenu {display:none;z-index:3500;position:fixed;left:0;right:0;top:0;bottom:0;} .wrapper .ChildMenu ul {padding: 0;height:100%;margin: auto; margin: 0px; display: block; /*background-image: url(/ui/img/MenuBackground-01.jpg);*/} .wrapper .ChildMenu ul li.Mbx{float: left;transition: all 0.5s ease;height: 100%;cursor:pointer;list-style-type:none;/*border-right:1px solid #d7d2d2;*/position:relative;} .wrapper .ChildMenu ul li.Mbx img {width:90%; opacity:0;transition: all 0.5s ease;display: table;margin: auto;position: absolute;right: -110px;top:18%;} .wrapper .ChildMenu ul li a {color:#6d6e71; font-size: 24px;text-align:left;} .wrapper .ChildMenu ul li.Mbx:first-child:hover {background-color:#106770;} .wrapper .ChildMenu ul li.Mbx:nth-child(2):hover {background-color:#90d2c2;} .wrapper .ChildMenu ul li.Mbx:nth-child(3):hover {background-color:#f9c86e;} .wrapper .ChildMenu ul li.Mbx:nth-child(4):hover {background-color:#f48886;} .wrapper .ChildMenu ul li.Mbx:nth-child(5):hover {background-color:#b2b3b3;} .wrapper .ChildMenu ul li.Mbx:last-child {border-right:0px;} .wrapper .ChildMenu ul li.Mbx:hover > .wrapper .ChildMenu ul li.Mbx {border:0px;} .wrapper .ChildMenu ul li.Mbx:hover > img {opacity: 1;clear: both;transform: scale(1.1,1.1);right: 10px;} .wrapper .ChildMenu ul li.Mbx:hover ul {height: 200px;} .wrapper .ChildMenu ul li .MbxP {font-size:30px;cursor:pointer;color:#000;position:absolute;bottom:0%;left:0px;right:0px;text-align:center;} .wrapper .ChildMenu ul li .MbxP ul {padding:0px;margin:0px;height:0; /*padding-bottom:50px;*/background-image:none;transition: all 0.5s ease;} .wrapper .ChildMenu ul li .MbxP ul li {text-align: left;list-style-type: none;padding-left:10px; } .wrapper .ChildMenu ul li .MbxP a {text-decoration:none; font-size:2rem;width: 100%;display: block;/*border-bottom: 1px solid red;*/text-align:left;margin-bottom:20px;padding-left: 20px;display: table;width: auto;} .wrapper .ChildMenu ul li .MbxP ul li a span,.wrapper .ChildMenu ul li .MbxP ul li a {font-family: 'Swiss-Light';border:0px;text-align:left;font-size:20px;padding-left:10px; margin-bottom: 0px;} .wrapper .ChildMenu ul li .MbxP ul li a span{padding-left:0px;} .wrapper .ChildMenu ul li .MbxP ul li a sup{font-family: 'Swiss-Light';} .wrapper .ChildMenu .Close {background-color: #106770;color: #fff;font-size: 23px;position: absolute;left: 50%;top: 10px;z-index: 1050;cursor: pointer;text-align: center;padding: 5px 15px;border-radius: 50%;line-height: 38px;} .ChildMenu ul li.Mbx:hover a {color:#fff;} @media screen and (orientation:landscape) { .wrapper .ChildMenu ul li.Mbx {width:20%; } .wrapper .ChildMenu ul li.Mbx:hover ul {height:280px;} .wrapper .ChildMenu ul li .MbxP a {font-size:24px;} /*.wrapper .FactorySlider .FactoryNav .item {margin-right: 40px;}*/ } @media screen and (max-width:1349px) { .wrapper .FactorySlider .FactoryNav .item{margin-right:10px;} .wrapper .ChildMenu ul li .MbxP a {font-size:25px; } } @media screen and (max-width:1012px) { .wrapper .FactorySlider .FactoryNav {height:auto;background-image:none;} .wrapper .FactorySlider .FactoryNav .item{margin-bottom:20px;width:25%;height:100px;margin-right:0px;} } .wrapper .FollowUs {margin-top: 30px;height: 186px;width: 52px;overflow: hidden;position: relative;padding-left: 19px;float:right;} .wrapper .FollowUs ul {border-left: 1px solid #fff;padding-left: 4px !important;float:left;} .wrapper .FollowUs ul li {list-style-type: none;padding: 9px 0px;} .wrapper .FollowUs ul li:first-child {padding-top: 0px;} .wrapper .FollowUs ul li:last-child {padding-bottom: 0px;} .wrapper .FollowUs p {transform: rotate(270deg);color: #fff;font-weight: bold;position: absolute;bottom: 70px;font-size: 12px;font-family: 'Swiss-Light';right:-43px;WIDTH: 169PX;} .twentytwenty-handle { border: 3px solid #00198c; background-color: #00198c; } .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before { display: none;} .wrapper .main section .Countries .row {position: relative;} .wrapper .main section .Countries p:nth-child(3) {font-size: 15px;line-height: 20px;margin-top: 5px;font-family: 'Swiss-Light';} .wrapper .main section .Countries .CountriesRightPnl {text-align:right;} .wrapper .main section .Countries .CountriesRightPnl ul li {list-style-type:none;} .wrapper .main section .Countries .CountriesRightPnl ul li p{margin-bottom:0px;} .wrapper .main section .Countries p { font-family: 'Swiss-Light'; font-weight: bold; font-size: 20px; line-height: 25px; } .wrapper .main section .Countries .CountriesRightPnl span { font-family: 'Swiss-Heavy'; font-size:2.5rem; line-height: 32px; } .wrapper .main section .Countries .Line span {float: right;width: 270px;height: 1px;background-color: #808082;display: table;line-height: 25px;margin-top: 14px;margin-right: 2px;} .wrapper .main section .Countries .Line p {font-size: 10px;font-family: 'Swiss-Light';background-color: none;color: #808082;float: right;font-size: 13px;letter-spacing: 3px;line-height: 28px;} .wrapper .main section .Countries .col-md-4 {top: 30%;position: relative;position: absolute;right: 0;float: right;} .wrapper .main section .Countries .CountriesList {position:relative;cursor:pointer; margin: 50px 0px;} .wrapper .main section .Countries .CountriesList img {position:absolute;left:0;top:0px;right:0px;display:none;/* width: 90%;*/ max-width:100%;} .wrapper .main section .Countries .CountriesList img[data-statu~=false] {display:block;} .wrapper .main section .Countries .CountriesList img:first-child{position:relative;} .wrapper .RdText .Line span {float: right;width: 270px;height: 1px;background-color: #808082;display: table;line-height: 25px;margin-top: 14px;margin-right: 2px;} .wrapper .RdText .Line p {font-size: 10px;font-family: 'Swiss-Light';background-color: none;color: #808082; float: right;font-size: 13px;letter-spacing: 3px;line-height: 28px;} .wrapper .Search {padding: 30px; padding-left: 8%; max-width: 1075px;} .wrapper .Search .TextLine p {background-color: #333333;} .wrapper .Search .TextLine span {background-color: #fff;} .wrapper .Search p {color: #fff;font-weight: bold;text-align:left;margin: 0px; line-height:50px; font-size: 60px; } .wrapper .Search p:first-child {line-height:1.2;} .wrapper .Search p.Spot {padding: 0px;font-size: 24px;font-weight: normal; font-family: 'Swiss-Roman';margin-bottom: 20px;} .wrapper .Search input[type=text]:focus {outline: none !important;box-shadow: none;} .wrapper .Search input[type=text] {max-width:700px;color: #666666;background-color: #fff;border: 0px;font-size:26px;margin-top: 10px;height:80px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;font-family: 'Swiss-Roman';margin-top:20px;float:left;} .wrapper .Search .SearchBtn{ text-align: center; padding: 28px;color: #fff;background-color: #00aeef;border: 0px;font-size: 18px;margin-top: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-family: 'Swiss-Roman'; float: left; cursor: pointer; max-height: 80px; } .wrapper .Search p.MSpot {font-family: 'Swiss-Thin';color:#fff;margin-top: 12px; font-size:14px;line-height: 1.5em;padding: 20px 0px;} .wrapper .Search input[type=text]::-webkit-input-placeholder {color:#666666;font-family: 'Swiss-Roman'; padding-left:20px;font-size:18px;padding-top:10px;} .wrapper .Search input[type=text]:-moz-placeholder {color:#666666;font-family: 'Swiss-Roman';padding-left:20px;font-size:18px;padding-top:10px;} .wrapper .Search input[type=text]::-moz-placeholder {color:#666666;font-family: 'Swiss-Roman';padding-left:20px;font-size:18px;padding-top:10px;} .wrapper .Search input[type=text]:-ms-input-placeholder {color:#666666;font-family: 'Swiss-Roman';padding-left:20px;font-size:18px;padding-top:10px;} .wrapper section.SearchBx {background-image: url('/Files/images/SearchBg.jpg');background-size: cover;background-position: center;} .wrapper section.SearchBx.ContentSearch {padding-top:150px;} .wrapper section.SearchBx.ContentSearch .Search{padding-left:4%;} /*.wrapper section.SearchBx.ContentSearch .Search p{font-size:42px;}*/ .wrapper section.SearchBx.ContentSearch .Search p.Spot{font-size:20px;margin-bottom:0px;} .wrapper section.SearchBx.ContentSearch .Search p.MSpot {font-size:14px;} .wrapper .Banner.Video{max-height:720px;overflow:hidden;} .wrapper .Banner .Events{height:500px;background-color:#000;padding-top:150px;} .wrapper .Banner .Events a{text-decoration:none;} .wrapper .Banner .Events p {color:#fff;font-size:45px;} .wrapper .Banner .Events .Date{display:table;margin:auto; color:#fff;font-size:20px;margin-left:0px;} .wrapper .Banner .Events .item .col-md-4:first-child{border-right:2px solid #fff;} .wrapper .Banner .Events .item .col-md-4:last-child {border-right:0;border-left:1px solid #fff;} .wrapper .Banner .Events .item .days{display:table;float:right;height: 171px;margin-top: 32px;} .wrapper .Banner .Events .item .days p:first-child{font-size: 150px;line-height:107px;} .wrapper .Banner .Events .item .days p{text-align:center;} .wrapper .Banner .Events .item .days p:last-child{line-height:50px;} .wrapper .Banner .Events .item .Name{/*display: table;line-height: 150px;margin-top: 77px;*/text-align:center;} .wrapper .Banner .Events .item .Name p:first-child{font-family: 'Swiss-Light';font-size: 35px;margin: 0;line-height: 50px;} .wrapper .Banner .Events .item .Name p:nth-child(2){font-size: 53px;line-height: 42px;} .wrapper .Banner .Events .item .Name p:nth-child(3){font-family: 'Swiss-Light';font-size: 20px;} .wrapper .Banner .Events .item .StNmber {text-align:center;font-size: 17px;text-align: center;font-family: 'Swiss-Light'; line-height: initial;} .wrapper .Banner .Events .Date .next ,.wrapper .Banner .Events .Date .prev ,.wrapper .Banner .Events .Date .datepicker-switch {display:none;} .wrapper .Banner .Events .Date .datepicker td, .wrapper .Banner .Events .Date .datepicker th {background-color:transparent !important;font-size:20px;padding:1px 11px;font-family: 'Swiss-Light';} .wrapper .Banner .Events .Date .disabled{border:0px !important;} /*.wrapper .Banner .EventDate .Date .new,.wrapper .Banner .EventDate .Date .old{color:#5f5a5a;}*/ .wrapper .Banner .Events .owl-nav{display:none;} .wrapper .Banner .Events .owl-theme .owl-dots {margin-top:15px;} .wrapper .Banner .Events .owl-theme .owl-dots .owl-dot{border-radius: 50%;border: 2px solid #fff; margin: 0px 5px !important; outline: 0px;} .wrapper .Banner .Events .owl-theme .owl-dots .owl-dot span {width:15px;height:15px;margin:6px;background-color:#000;} .wrapper .Banner .Events .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#fff;} .wrapper .Banner .Events .item .Date .datepicker-inline {width:auto;} .wrapper .Banner .Events .item .Date .day{background-color:transparent;border:1px solid #fff;border-radius:0px; background-image:none;cursor: unset;} @media screen and (max-width:1296px) { .wrapper .Banner .Events .center-block {max-width:100%; width:100%;} .wrapper .Banner .Events .item .days p{font-size:30px;} .wrapper .Banner .Events .item .days p:first-child{font-size:90px;} .wrapper .Banner .Events .item .days{display:block;float:none;} .wrapper .Banner .Events .Date {margin-left:auto;} } @media screen and (max-width:1050px) { .wrapper .Banner .Events .item .col-md-4{max-width:100%;width:100%;flex:auto;border:0px !important; } } @media screen and (max-width:1142px) { .wrapper .Banner .Events .item{padding:0px 10px;} .wrapper .Banner .Events .item .col {flex: auto;border:0px !important;border-bottom:2px solid #fff !important;} .wrapper .Banner .Events{height:auto;padding:80px 0px;} .wrapper .Banner .Events .item .Name{margin:auto;} } @media screen and (max-width:414px) { .wrapper .Banner .Events .item .days p:first-child{font-size: 60px;line-height: initial;line-height: 49px;margin: 0;} .wrapper .Banner .Events .item .days{height:auto;} .wrapper .Banner .Events .item .Name p{line-height: 35px; line-height: initial !important;margin-bottom:0px;} .wrapper .Banner .Events .item .Name {margin: auto;padding: 10px 0px;} .wrapper .Banner .Events .item .Name p:first-child{font-size:25px;} .wrapper .Banner .Events .item .Name p:nth-child(2){font-size:30px;} } @media screen and (max-width:767px) { .wrapper .Content.SampaConnect .ClockText {text-align:center; } .wrapper .Content.SampaConnect .ClockText img {display:table;margin:auto;} } .wrapper .Content{min-height: 400px;} .wrapper .Content .PdfDownload{background-color: #4d4d4d;display: table;color: #fff;padding:10px;padding-left: 15px;padding-right:50px;font-family: 'Swiss-Light';text-decoration:none; float: left;margin-right: 20px;margin-bottom: 20px;} .wrapper .Content .PdfDownload:before{ content: "PDF";background-color: #fff;color: #4d4d4d;padding: 2px 10px;margin-right:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-family: 'Swiss-Heavy';font-size:12px;} .wrapper .Content .TechnologyImage {position: relative; display: table;overflow: hidden;} .wrapper .Content .TechnologyImage .item {cursor:pointer;} .wrapper .Content .TechnologyImage img {width:100%;} .wrapper .Content .TechnologyImage .item:nth-child(1){width: 45%; height: 32%; position: absolute; transform: rotate(20deg);} .wrapper .Content .TechnologyImage .item:nth-child(2){width: 35%; height: 82%;position:absolute; transform: rotate(49deg); top: 4%;} .wrapper .Content .TechnologyImage .item:nth-child(3){width: 37%; height: 82%; position: absolute; transform: rotate(96deg); top: 6%; z-index: 14;} .wrapper .Content .TechnologyImage .item:nth-child(4){width: 39%; height: 58%; position: absolute; transform: rotate(128deg); top: 28%; left: 12%;z-index: 12;} .wrapper .Content .TechnologyImage .item:nth-child(5){width: 45%;height: 36%;position: absolute;transform:rotate(180deg);bottom: 3%;z-index: 10;} .wrapper .Content .TechnologyImage .Circle{position: absolute;width: 94%;height: 48%;left: -46%;top: 25%;z-index: 20;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-top-left-radius: 50%;border-top-right-radius: 50%;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;} .wrapper .Content .TechnologyText p span,.wrapper .Content .TechnologyText p {color:#4d4d4d; font-size:150px;margin: 0px;line-height:140px;letter-spacing: -5px;} .wrapper .Content .TechnologyText p span {font-family: 'Swiss-Medium';} .wrapper .Content .TechnologyText p:last-child { font-family: 'Swiss-Light';font-size: 32px;line-height: initial;letter-spacing: normal;margin-top: 40px;} .wrapper .Content .ManufacturingImage{position: relative; display: table;float:right;overflow:hidden;margin: 0px -15px;} .wrapper .Content .ManufacturingImage .item {cursor:pointer;} .wrapper .Content .ManufacturingImage img {width:100%;} .wrapper .Content .ManufacturingImage .item:nth-child(1){width: 45%;height: 32%;position: absolute;transform: rotate(0deg);right: 0;} .wrapper .Content .ManufacturingImage .item:nth-child(2){width: 35%;height: 31%;position: absolute;transform: rotate(49deg);top: 56%;left: 19%;} .wrapper .Content .ManufacturingImage .item:nth-child(3){width: 37%;height: 82%;position: absolute;transform: rotate(88deg);top: 6%;} .wrapper .Content .ManufacturingImage .item:nth-child(4){width: 39%;height: 58%;position: absolute;transform: rotate(128deg);top: 9%;left: 43%;} .wrapper .Content .ManufacturingImage .item:nth-child(5){width: 45%;height: 36%;position: absolute;transform: rotate(180deg);bottom: 3%;right: 0;} .wrapper .Content .ManufacturingImage .Circle{position: absolute;width: 94%;height: 48%;right: -45%;top: 25%;z-index: 20;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-top-left-radius: 50%;border-top-right-radius: 50%;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;} .wrapper .Content .ManufacturingText p span,.wrapper .Content .ManufacturingText p {color:#4d4d4d; font-size:150px;margin: 0px;line-height:1;letter-spacing: -5px;} .wrapper .Content .ManufacturingText p span {font-family: 'Swiss-Medium';} .wrapper .Content .ManufacturingText p:last-child { font-family: 'Swiss-Light';font-size: 32px;line-height: initial;letter-spacing: normal;margin-top: 40px;} .wrapper .Content .TechPageCamp{background-image:url('/Files/images/Content/CampPage/TechCampBg.png');background-position:left center,right 20px; background-repeat:no-repeat;background-size:contain; padding: 50px 0px; padding-left:10%;position:relative;} .wrapper .Content .TechPageCamp p.Title{font-family: 'Swiss-Heavy';color: #4d4d4d;font-size:90px;margin: 0px;line-height:1;letter-spacing: -5px;margin-top:20px;} .wrapper .Content .TechPageCamp p.Spot{font-family: 'Swiss-Light';font-size: 32px;line-height: initial;letter-spacing: normal;margin-top: 40px;color: #4d4d4d;margin: 0px;width:60%;padding: 20px;padding-left: 0;} .wrapper .Content .TechPageCamp .Slider{padding:50px 0px;} .wrapper .Content .TechPageCamp .Slider .item{float:left;padding:30px;border-right:1px solid #000;} .wrapper .Content .TechPageCamp .Slider .item:first-child{padding-left: 0px;margin-left: -25px;} .wrapper .Content .TechPageCamp .Slider .item img{width:200px;max-width:100%;} .wrapper .Content .TechPageCamp .Slider .item:last-child{border:0px;} .wrapper .Content .TechPageCamp .Explore{position:absolute;right:0;bottom:15%;} @media screen and (max-width:1415px) {.wrapper .Content .TechPageCamp .Explore{width:125px;bottom:2%;}} @media screen and (max-width:1115px) {.wrapper .Content .TechPageCamp .Slider {margin-left: -11%;} .wrapper .Content .TechPageCamp .Slider .item{border:0px;padding:20px !important;width:50%; } .wrapper .Content .TechPageCamp .Slider .item img{margin:auto;width: 100%;} .wrapper .Content .TechPageCamp .Slider .item:first-child{margin:auto !important;} } @media screen and (max-width:991px) {.wrapper .Content .TechPageCamp p.Spot{width:100%;}} @media screen and (max-width:1537px) { .wrapper .Content .TechPageCamp p.Title,.wrapper .Content .ManufacturingText p span,.wrapper .Content .ManufacturingText p ,.wrapper .Content .TechnologyText p span,.wrapper .Content .TechnologyText p {font-size:100px;line-height:100px;} .wrapper .Content .TechPageCamp p.Spot, .wrapper .Content .TechnologyText p:last-child,.wrapper .Content .ManufacturingText p:last-child {font-size:28px;} } @media screen and (max-width:1310px) { .wrapper .Content .TechPageCamp p.Title ,.wrapper .Content .ManufacturingText p span, .wrapper .Content .ManufacturingText p, .wrapper .Content .TechnologyText p span, .wrapper .Content .TechnologyText p{font-size:50px;letter-spacing:0px;line-height:initial;} .wrapper .Content .TechPageCamp p.Spot,.wrapper .Content .TechnologyText p:last-child,.wrapper .Content .ManufacturingText p:last-child {font-size:20px;} } @media screen and (max-width:321px) { .wrapper .Content .TechPageCamp{padding:50px 10px; } .wrapper .Content .TechPageCamp .Slider{margin:auto;} .wrapper .Content .TechPageCamp p.Title, .wrapper .Content .ManufacturingText p span, .wrapper .Content .ManufacturingText p, .wrapper .Content .TechnologyText p span, .wrapper .Content .TechnologyText p{font-size:40px;} } .wrapper .Content.BePartOfIt .BePartOfItSlider{position:relative;margin-bottom:70px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt { } .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item{padding: 0px 30px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item img{margin:20px 0px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item p{font-size: 9vh;font-family: 'Swiss-Heavy';color:#231f20; text-align:center;line-height: normal;margin: 0;padding: 0;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item p:before {content:"+";color:#231f20;font-size:35px; margin-right:-5px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item p:last-child{font-size:18px;font-family: 'Swiss-Light';color:#231f20; text-align:center;padding: 0 25px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item p:last-child:before{content:"";font-size: 14px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow {display:none;} .wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow {position: absolute;left:0px;right:0px;z-index: 20;top:40%;} .wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow .Left:before , .wrapper .Content .BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow .Right:before {font-size: 40px;color: darkgray;width:12px;height: 14px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow .Left:before {content: " ";float: left;background-image: url('../img/icon/RedLeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RedRightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow .Left:before, .wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow .Right:before {font-size: 40px;color: darkgray;width: 15px;height: 15px;cursor: pointer;font-family: 'Swiss-Light';} @media screen and (max-width:1537px) { .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item p:last-child {font-size: 16px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item {padding: 0px 30px;} .wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item p {font-size: 6vh;} } @media screen and (max-width:1280px) {.wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item{padding:0px 10px;}} @media screen and (max-width:1099px) {.wrapper .Content.BePartOfIt .BePartOfItSlider .BePartOfItSliderArrow {display:block;} .wrapper .Content.BePartOfIt .BePartOfItSlider .owl-dots{display:none;}.wrapper .Content.BePartOfIt .BePartOfItSlider .OwlBePartOfIt .item {padding: 0px 50px;}} @media screen and (max-width:768px) {.wrapper .Content.BePartOfIt .BePartOfItSlider{margin-bottom:50px;}} .wrapper .Content.BePartOfIt .BePartOfItImageSlider{margin:50px 0px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider:nth-child(2n){margin:0px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .ImageText {position:absolute;bottom:0px;left:0px;right:0px;padding:20px;background-image:url('/ui/img/CareerImageBg.png');} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .ImageText p {font-family:'Swiss-Light';text-align:center;font-size:25px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .ImageText strong{font-size:25px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong,.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf p{font-family: 'Swiss-Light';text-align:left;font-size:25px;line-height:40px;margin-top:30px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong{font-family: 'Swiss-Heavy'; font-size:47px;line-height:60px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .vertical{width:70%;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .UserName p:last-child,.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .UserName strong:last-child{font-size:20px;font-family: 'Swiss-Light';margin-top:0px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .AvatarList{margin:20px 0px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .AvatarList .item img{transition: all 0.5s linear; width:100px; height:100px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left; margin-right:20px; cursor:pointer;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .AvatarList .item img{} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf{} @media screen and (max-width:1537px) {.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .AvatarList .item img {width:80px;height:80px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong,.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf p{font-size:32px;line-height: normal;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong{font-size:55px;line-height: normal;} } @media screen and (max-width:1450px) { .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong,.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf p{font-size:25px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong{font-size:47px;} } @media screen and (max-width:1200px) { .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong,.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf p{font-size:20px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong{font-size:25px;line-height:normal;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .ImageText p,.wrapper .Content.BePartOfIt .BePartOfItImageSlider .ImageText strong{font-size:18px;} } @media screen and (max-width:768px) { .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong{margin: auto;width: 100%;display: table;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf strong,.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .Inf p{text-align:center;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .vertical{width:100%;margin-top:50px;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .AvatarList{display:table;margin:auto;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .AvatarList .item{float:left;} } @media screen and (max-width:767px) {.wrapper .Content.BePartOfIt .BePartOfItImageSlider .PRelative{width:90%;display: table;margin: auto;} .wrapper .Content.BePartOfIt .BePartOfItImageSlider:nth-child(2n){margin-bottom:50px;} } @media screen and (max-width:767px) {.wrapper .Content.BePartOfIt .BePartOfItImageSlider .Text .AvatarList .item img{margin-right:10px;} } /*.wrapper .Content .OurHiringProcessSlider{display:table;margin:auto;}*/ .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess{} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item{padding:70px 20px;cursor:pointer; padding-left: 0;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item p { color:#231f20;font-family: 'Swiss-Heavy';font-size:90px; text-align:left; line-height: inherit;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item .Arrow {position:absolute;width:20px;right:0px;top:0;bottom:0;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item .Arrow .Line{position:absolute;width:1px;left:4px; top:0;bottom:0;background-color:#000;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item .Arrow img{position: absolute;top:46%;z-index: 10;right: 1px;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .owl-item:last-child .Arrow{display:none;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item p:nth-child(2){font-size:30px;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item p:nth-child(3){font-family: 'Swiss-Light';font-size:13px;padding-right: 45px;min-height: 80px;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item:hover p {color:#f32735;} .wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow {display:none;} .wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow {position: absolute;left:10px;right:10px;z-index: 20;top:40%;} .wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow .Left:before , .wrapper .Content .BePartOfIt .BePartOfItSlider .OurHiringProcessSliderArrow .Right:before {font-size: 40px;color: darkgray;width:12px;height: 14px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow .Left:before {content: " ";float: left;background-image: url('../img/icon/RedLeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RedRightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow .Left:before, .wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow .Right:before {font-size: 40px;color: darkgray;width: 15px;height: 15px;cursor: pointer;font-family: 'Swiss-Light';} @media screen and (max-width:1500px) {.wrapper .Content.BePartOfIt .OurHiringProcessSlider .OurHiringProcessSliderArrow {display:block;} .wrapper .Content.BePartOfIt .OurHiringProcessSlider .owl-dots{display:none;} } @media screen and (max-width:1500px) { .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item p{text-align:center;padding:0px !important;} .wrapper .Content .OurHiringProcessSlider .OwlOurHiringProcess .item p:nth-child(2) {font-size:23px;} } .wrapper .Content.BePartOfIt .CareerLink{text-decoration:none; font-family: 'Swiss-Light';font-weight:bold; display:table;margin:50px auto; padding:10px 100px; color:#666666;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; font-size:16px; border:1px solid #666666;} .wrapper .Content.BePartOfIt .CareerLink:hover{color:#f32735;border-color:#f32735;} .wrapper .Content .Quality{} .wrapper .Content .Quality .item{padding:100px 0px;padding-bottom:0px;} .wrapper .Content .Quality .item:nth-child(2n){background-color:#e9e9e9;} .wrapper .Content .Quality .item p.Quality_Title{font-family: 'Swiss-Heavy';font-size: 100px;line-height: 90px;} .wrapper .Content .Quality .item p.Quality_Spot{font-family: 'Swiss-Heavy';font-size:60px;line-height:65px;margin-bottom:30px;} .wrapper .Content .Quality .item .vertical .LastChild,.wrapper .Content .Quality .item .vertical p:last-child{font-size: 17px;line-height: 27px;width:70%} .wrapper .Content .Quality .item img {max-width:100%;} @media screen and (max-width:1500px) { .wrapper .Content .Quality .item p.Quality_Spot { font-size: 40px; line-height: 40px; } } @media screen and (max-width:991px) {.wrapper .Content .Quality .item .vertical p.LastChild,.wrapper .Content .Quality .item .vertical p:last-child{width:100%}} @media screen and (max-width:767px) {.wrapper .Content .Quality .item p.Quality_Title{font-size:55px;line-height:50px;} .wrapper .Content .Quality .item .Desc{padding:0px;} } @media screen and (max-width:320px) {.wrapper .Content .Quality .item p.Quality_Title{font-size: 50px;line-height: 40px;} .wrapper .Content .Quality .item p.Quality_Spot{font-size:30px;} } .wrapper .Content .Distrubiton{} .wrapper .Content .Distrubiton .Slider {background-color:#e9e9e9;} .wrapper .Content .Distrubiton .Slider .owl-carousel .item img{width:100%;max-width:100%;} .wrapper .Content .Distrubiton .Slider .owl-carousel .item .Slider_Title{font-family: 'Swiss-Heavy';font-size: 60px;color: #000;letter-spacing:0;line-height: 48px;margin-bottom: 30px;} .wrapper .Content .Distrubiton .Slider .owl-carousel .item .Slider_Spot{font-size:25px;font-family: 'Swiss-Medium';/*line-height: 60px;*/} .wrapper .Content .Distrubiton .Slider .owl-carousel .item p:nth-child(3){font-family: 'Swiss-Light';font-size:25px;} .wrapper .Content .Distrubiton .Slider .owl-carousel .item p:last-child{font-family: 'Swiss-Light';font-size:20px;color:#231f20;margin-top:50px;font-size:19px;} @media screen and (max-width:1200px) {.wrapper .Content .Distrubiton .Slider .owl-carousel .item p:nth-child(3){font-size:20px;} .wrapper .Content .Distrubiton .Slider .owl-carousel .item img,.wrapper .Content .Distrubiton .Slider .owl-carousel .item .vertical{padding:40px 0px;} } .wrapper .Content .Distrubiton .Map .Distrubiton_Title {line-height:normal;} @media screen and (max-width:321px) { .wrapper .Content .Distrubiton .Slider .owl-carousel .item .Slider_Spot{line-height:inherit;} .wrapper .Content .Distrubiton .Slider .owl-carousel .item .Slider_Title{font-size:35px;} } .wrapper .Content .Distrubiton .Logistics{} .wrapper .Content .Distrubiton .Logistics p {text-align:center;margin:0px;} .wrapper .Content .Distrubiton .Logistics p:last-child{font-size:24px;font-family: 'Swiss-Light';} .wrapper .Content .Distrubiton .Logistics .GreyTitle{padding-top:100px;} .wrapper .Content .GreyTitle {background-color:#e9e9e9;padding:20px 0px; text-align:center;/*padding-top:100px;*/} .wrapper .Content .GreyTitle p:first-child{font-size:60px; line-height: 82px;margin-bottom:0px;} .wrapper .Content .GreyTitle p:last-child {font-size:32px;font-family: 'Swiss-Light';} @media screen and (max-width:767px) { .wrapper .Content .GreyTitle p:first-child{font-size:40px;line-height:normal;} .wrapper .Content .GreyTitle p:last-child {font-size:28px;} } .wrapper .Content .Distrubiton .Map .Distrubiton_Title{font-family: 'Swiss-Heavy';font-size: 60px;color: #231f20;letter-spacing: 0;margin-bottom:40px;} .wrapper .Content .Distrubiton .Map .Distrubiton_Spot{font-size:25px;} .FirstUniqueBx strong{font-size:36px !important;} .wrapper .Content .FirstUniqueBx p{line-height: 32px !important;} .wrapper .Content .UniqueBox{} .wrapper .Content .UniqueBox .item{position:relative;} .wrapper .Content .UniqueBox .item .Uniquenav {position: absolute;left: 6%;top:10%;z-index: 10;} .wrapper .Content .UniqueBox .item .col-md-6 div{margin:0px -15px;} .wrapper .Content .UniqueBox .item .col-md-6 div.vertical {margin: 0;} .wrapper .Content .UniqueBox .item .col-md-6.Text strong{font-size: 80px;letter-spacing: -7px;line-height:100px;} .wrapper .Content .UniqueBox .item .col-md-6.Text p{font-size: 23px;margin-top:-24px;padding-left: 7px;color:#6b6767;} .wrapper .Content .UniqueBox .item:last-child p{margin-top:-13px !important;} .wrapper .Content .UniqueBox .item .col-md-6.Text p:last-child{color:#666666;font-family: 'Swiss-Light';} /*.wrapper .Content .UniqueBox .item img{width:100%;}*/ @media screen and (max-width:2550px) {.wrapper .Content .UniqueBox .item img {max-width:100%;}/*.horizontalLeft {justify-content:center;}*/} @media screen and (max-width:1024px) {.wrapper .Content .UniqueBox .item .col-md-6.Text p,.wrapper .Content .UniqueBox .item .col-md-6.Text strong{text-align:center;margin:0px;line-height: 1.5;font-size:30px;letter-spacing:0px;} .wrapper .Content .UniqueBox .item .col-md-6.Text strong{font-size:60px;} .wrapper .Content .UniqueBox .item .col-md-6.Text .horizontal ,.wrapper .Content .UniqueBox .item .col-md-6.Text .vertical{margin:auto !important;} .wrapper .Content .UniqueBox .item:last-child p{margin:auto !important;} .wrapper .Content .UniqueBox .item .col-md-6.Text p:last-child{font-size:23px !important;} .wrapper .Content .UniqueBox .item .Uniquenav{top: 81%;left: 1%;} } @media screen and (max-width:890px) {.wrapper .Content .UniqueBox .item .col-md-6{flex:auto;margin:5px auto;max-width:100%;} /*.wrapper .Content .UniqueBox .item img {width:auto;max-width:initial;}*/ .wrapper .Content .UniqueBox .item img {display:none;} .FirstUniqueBx{text-align:center;} } @media screen and (max-width:461px) {.wrapper .Content .UniqueBox .item .col-md-6.Text strong{font-size:40px;} } /*.wrapper .Content{max-width:1400px;margin:auto;}*/ .wrapper .Banner img{width:100%;} .wrapper .Content ol.breadcrumb {background-color:transparent;padding-left:0px;background-image: url(/ui/img/breadcrumbLine.png); background-repeat: repeat-x;background-position: center;width: 100%;max-width:1970px;margin: 15px auto;} .wrapper .Content ol.breadcrumb li {background-color: #fff;list-style: none;float: left;} .wrapper .Content ol.breadcrumb li:first-child {padding-left:0px;} .wrapper .Content ol.breadcrumb li span ,.wrapper .Content ol.breadcrumb li a {font-family: 'Swiss-Light';color:#4d4d4d;} .wrapper .Content ol.breadcrumb li:last-child a {color:#999999;padding-right: 10px;} .wrapper .Content ol.breadcrumb > li + li:before {padding: 0 5px;color: #989595;content: " | ";} .wrapper .Content .Desc .FactoryTitle{font-size:90px;font-family: 'Swiss-Heavy';color:#333333;line-height:normal;} .wrapper .Content .Desc .FactorySpot{font-size:51px;color:#333333;line-height:normal;} .wrapper .Content .Desc .FactoryText{font-size:30px;color:#333333;line-height:normal; font-family: 'Swiss-Thin'; line-height: inherit; margin-bottom: 100px;} .wrapper .Content .Desc ul.FactoryList li{font-size:30px;color:#333333;line-height:normal; font-family: 'Swiss-Thin'; line-height: inherit;} @media screen and (max-width:414px) {.wrapper .Content .Desc .FactoryTitle{font-size:40px;} .wrapper .Content .Desc .FactorySpot{font-size:30px;} .wrapper .Content .Desc .FactoryText{font-size:20px;} .wrapper .Content .Desc ul.FactoryList li{font-size:20px;} } .wrapper .Content .Desc {/*padding-bottom:50px;*/width: 100%;max-width:1970px;margin:auto;/*min-height: 400px;*/} .wrapper .Content .Desc span,.wrapper .Content .Desc em,.wrapper .Content .Desc p{font-family: 'Swiss-Light';font-size:20px;color:#4d4d4d; /*line-height:38px;*/ gap: .5rem !important; /*display: flex; align-items: center;*/ } .wrapper .Content .Desc .TxtRight{text-align:right;display:block;} .wrapper .Content .Desc strong{font-family: 'Swiss-Light';font-size:20px;color:#4d4d4d;} .wrapper .Content .Desc h2.Title {font-family: 'Swiss-Heavy';font-size:60px;color:#666666;letter-spacing: 0;} .wrapper .Content .Desc h2.Title span,.wrapper .Content .Desc h2.Title i {font-family: 'Swiss-Heavy';font-size:60px;color:#f32735;font-style: normal;letter-spacing:0px;letter-spacing:-1px;} .wrapper .Content .Desc h3{font-family: 'Swiss-Heavy';color: #666666;} .wrapper .Content .Desc h4{font-family: 'Swiss-Heavy';color: #666666;} .wrapper .Content .Desc .SmallTitle,.wrapper .Content .Desc .SmallTitle span , .wrapper .Content .Desc .SmallTitle i {font-size:35px !important;} .wrapper .Content .Desc .ProductListSearchText p{font-family: 'Swiss-Light'; font-size:24px;} .wrapper .Content .Desc .ProductListSearchText p span{font-family: 'Swiss-Heavy'; font-size:24px;} .wrapper .Content .Desc .Spot {line-height:35px;font-size:24px;margin: 15px 0px;color: #4d4d4d;} .wrapper .Content .Desc .Spot strong{font-family: 'Swiss-Medium';} .wrapper .Content .Desc .RedTitle span,.wrapper .Content .Desc .RedTitle {font-family: 'Swiss-Heavy';font-size:60px;color:#666666;} .wrapper .Content .Desc .RedTitle span {color:#f32735;} @media screen and (max-width:991px) {.wrapper .Content .Desc h2.Title span,.wrapper .Content .Desc h2.Title,.wrapper .Content .Desc h2.Title i{font-size:2rem;/*word-break: break-all;*/}.wrapper .Content .Desc{padding:0px 20px;} } .wrapper .Content .Desc .EmptyBox p {font-size:26px;margin-left: 111px;color: #898989;font-family: 'Swiss-Medium';} .wrapper .Content .Desc .EmptyBox img {max-width:100%;} @media screen and (max-width:767px) {.wrapper .Content .Desc .EmptyBox p {margin:20px 0px;}} .wrapper .Content .Desc #Accordion{margin-bottom:50px;} .wrapper .Content .Desc #Accordion .card{border:0px;} .wrapper .Content .Desc #Accordion .card .card-header{padding:15px;background-color:#fff; border:0px; border-top:1px solid #808080;} .wrapper .Content .Desc #Accordion .card:last-child .card-header{border-bottom:1px solid #808080;} .wrapper .Content .Desc #Accordion .btn{display: block;width: 100%;text-align: left;font-size:18px;padding-left: 40px; color:#f12538; background-image:url('/ui/img/AccordionFile_Red.png'),url('/ui/img/AccordionUpArrow.png'); background-position:left center, right center; background-repeat:no-repeat;padding-top: 10px;text-decoration:none;white-space:normal;padding-right: 40px;} .wrapper .Content .Desc #Accordion .btn:hover{color:#f12538 !important; background-image:url('/ui/img/AccordionFile_Red.png'),url('/ui/img/AccordionUpArrow.png') !important; } .wrapper .Content .Desc #Accordion .btn.collapsed{color:#666666;background-image:url('/ui/img/AccordionFile.png') ,url('/ui/img/AccordionDownArrow.png'); } .wrapper .Content .Desc #Accordion .collapse.show {max-height: 700px;overflow-y: scroll;} /*.wrapper .Content .Desc .AccordionPdfItem {padding: 15px;border-top: 1px solid #808080;} .wrapper .Content .Desc .AccordionPdfItem p{display: block;width: 100%;text-align: left;font-size:18px;padding-left: 40px; color:#666666;padding-top:5px;text-decoration:none;font-family: 'Swiss-Heavy'; background-image:url('/ui/img/AccordionFile.png');background-position:left center; background-repeat:no-repeat;margin-bottom:0px;}*/ .wrapper .Content .Desc #Accordion .AccordionPdfItem .btn{background-image:url('/ui/img/AccordionFile.png');background-position:left center;background-repeat:no-repeat;padding-right: 0;} .wrapper .Content .Desc #Accordion .AccordionPdfItem .btn:hover{background-image:url('/ui/img/AccordionFile_Red.png') !important;background-position:left center;background-repeat:no-repeat;} .wrapper .Content .Desc #Accordion .AccordionPdfItem .btn:hover::after{background-color:#f12538;} /*.wrapper .Content .Desc #Accordion .AccordionPdfItem .btn:hover,.wrapper .Content .Desc #Accordion .AccordionPdfItem .btn.collapsed*/ .wrapper .Content .Desc #Accordion .AccordionPdfItem .btn:after{content: "PDF";background-color: #000;color: #fff;padding: 6px 17px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; font-family: 'Swiss-Heavy'; font-size: 13px; float:right; line-height: normal;} .wrapper .Content .Desc #Accordion .AccordionPdfItem.docx .btn:after{content: "DOCX";} /*.wrapper .Content .Desc #Accordion .AccordionPdfItem .btn:hover{background-image:url('/ui/img/AccordionFile_Red.png'); background-position:left center; background-repeat:no-repeat;} .wrapper .Content .Desc #Accordion .AccordionPdfItem .btn{background-image:url('/ui/img/AccordionFile_Red.png'); background-position:left center; background-repeat:no-repeat;}*/ .wrapper .Content .Desc .Porya {display:table;margin:auto; OVERFLOW: HIDDEN; } .wrapper .Content .Desc .Porya img {/*transition: all 0.5s linear;*/ cursor:pointer;max-width:90%; margin:auto;DISPLAY: TABLE;} .wrapper .Content .MTitle {font-family: 'Swiss-Heavy';color: #666666;margin:20px;margin-left:0px;font-size: 30px;} .wrapper .Content .Desc .STitle {color: #4d4d4d;font-family: 'Swiss-Medium';font-weight: normal;font-size: 24px;} .wrapper .Content .Desc .MediumTitle span ,.wrapper .Content .Desc .MediumTitle {padding-left:10px; letter-spacing: 0;font-family: 'Swiss-Light';font-size:29px;} .wrapper .Content .Desc ul.PropertiesList {margin:0px;padding:0px;width:47%;} .wrapper .Content .Desc ul.PropertiesList li {list-style-type:none;padding-bottom:5px;border-bottom:1px solid #000;height:35px;margin-bottom:30px;} .wrapper .Content .Desc ul.PropertiesList li p {color:#4d4d4d;font-size:20px;margin-bottom:0px;} .wrapper .Content .Desc ul.PropertiesList li p:first-child{float:left;display:table;} .wrapper .Content .Desc ul.PropertiesList li p:last-child{float:right;display:table;text-align:right;} @media screen and (max-width:1100px) {.wrapper .Content .Desc ul.PropertiesList{width:100%;}} @media screen and (max-width:501px) { .wrapper .Content .Desc ul.PropertiesList li{height:auto;} .wrapper .Content .Desc ul.PropertiesList li p{float:none !important;text-align:center !important;margin-bottom:20px;display:block !important;} .wrapper .Content .Desc ul.PropertiesList li p:first-child{font-weight:bold;} } .wrapper .Content .Desc .ImageAndText .Image{position:relative;} .wrapper .Content .Desc .ImageAndText .Image img {width:100%;} .wrapper .Content .Desc .ImageAndText .Image p {position:absolute;bottom:0px;left:0px;right:0px;padding:20px 30px;text-align:center;margin:0px;background-image:url('../img/ImageAndTextBG.png'); line-height: normal;} /*.wrapper .Content .Desc .ImageAndText .Txt {padding: 10% 40px;}*/ .wrapper .Content .Desc .ImageAndText .Txt p{color:#333333; line-height: normal;} .wrapper .Content .Desc .ImageAndText .Txt p.Title {font-family: 'Swiss-Heavy';color:#333333;border-bottom:1px solid #333333;font-size: 60px; line-height: 78px;} .wrapper .Content .Desc .ImageAndText .Txt p.Title span {font-size: 60px; font-family: 'Swiss-Heavy';} .wrapper .Content .Desc .ImageAndText .Txt a {color:#333333; text-decoration:none;font-family: 'Swiss-Light';font-weight: bold;} .wrapper .Content .Desc .ImageAndText:last-child .Txt {padding-left:0px;} @media screen and (max-width:415px) { .wrapper .Content .Desc .ImageAndText .Image p {position:relative; margin-top: 20px; padding:0px;} .wrapper .Content .Desc .ImageAndText .Txt{margin-bottom:20px;} } .wrapper .Content .Desc ul.CampList {margin:0px;padding:0px; width:50%;float:left;} .wrapper .Content .Desc ul.CampList li {font-family: 'Swiss-Light'; list-style-type:none; background-image:url('/ui/img/icon/CampListIcon.png');background-position:center left; background-repeat:no-repeat;padding:7px; padding-left:30px;font-size: 24px;} @media screen and (max-width:991px) {.wrapper .Content .Desc ul.CampList{width:100%;}} .wrapper .Content .Desc .ContentCampLogo { background-image:url('/ui/img/CampContentLogo.png'); background-position:center;background-repeat:no-repeat;} /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .CampPage{} .wrapper .Content .CampPage .TitleLogo{float: left; margin-right: 30px;} .wrapper .Content .CampPage .Images .SmallImage{position:absolute;left:0;right:0;top:15%;} .wrapper .Content .CampPage .Images .SmallImage img{margin:auto;} .wrapper .Content .CampPage .Images img{margin:50px 0px;} .wrapper .Content .CampPage .Images .Text{position:absolute;bottom:50px;left:0;right:0;} .wrapper .Content .CampPage .Images .Text span, .wrapper .Content .CampPage .Images .Text p{ text-align:center; font-family: 'Swiss-Heavy';font-size:140px;line-height:140px;} .wrapper .Content .CampPage .Images .Text .Red{color:#f22634;letter-spacing: -10px;} .wrapper .Content .CampPage .Images .Text .White{color:#fff; font-size:60px;line-height:60px;margin-bottom:50px;} .wrapper .Content .CampPage .Images .Text p span{font-size:100px !important;line-height:140px !important;} .wrapper .Content .CampPage .Images .Text p.F170{font-size:170px !important;} .wrapper .Content .CampPage .Images .Text p.F140{font-size:140px !important;} .wrapper .Content .CampPage .Images .Text .F60{font-size:60px !important;} .wrapper .Content .CampPage .Images .Text span sup{color:#f22634;font-size:60px;line-height:60px;font-family: 'Swiss-Heavy';} .wrapper .Content .CampPage .Images .Three{} .wrapper .Content .CampPage .Images .Three .F140{line-height:75px !important;} .wrapper .Content .CampPage .Images .Three p:nth-child(2){font-size: 60px !important;line-height: normal !important;margin-bottom: 0;margin-top: 8px;} .wrapper .Content .CampPage .Images .Three p:nth-child(2) span{font-size:60px !important;line-height:normal !important;} .wrapper .Content .CampPage .Images .Three p:nth-child(2) span sup{font-size: 35px;line-height: inherit;left: 9px;top: -3px;} .wrapper .Content .CampPage .Images .Four{} .wrapper .Content .CampPage .Images .Four .White{font-size:50px !important;} .wrapper .Content .CampPage .Images .Four .Red{line-height: 0px;height: 153px;} .wrapper .Content .CampPage strong ,.wrapper .Content .CampPage p {font-size:22px;line-height: 45px;} .wrapper .Content .CampPage .IconList{margin:50px 0px;} .wrapper .Content .CampPage .IconList img {float: left;margin:20px 0px;} .wrapper .Content .CampPage .IconList p{line-height: initial;margin-top:40px;margin-left: 130px;font-size: 20px;margin-right: 10px;} .wrapper .Content .CampPage .IconList .col{padding: 0px 30px; border-left:2px solid #000;} .wrapper .Content .CampPage .IconList .col:first-child{border:0px;} @media screen and (max-width:1719px) {.wrapper .Content .CampPage .IconList p{font-size: 16px;margin-left:52%;} } @media screen and (max-width:1500px) { .wrapper .Content .CampPage .IconList p{margin-top:20px;} .wrapper .Content .CampPage .IconList img{width:30%;} .wrapper .Content .CampPage .IconList .col{padding:0px 20px;} } @media screen and (max-width:1200px) {.wrapper .Content .CampPage .IconList .col{ flex:50%;max-width:50%;border:0px;} .wrapper .Content .CampPage .IconList img{width:auto; } .wrapper .Content .CampPage .IconList p {font-size: 16px;margin-left: 40%;margin-top: 40px;} } @media screen and (max-width:767px) {.wrapper .Content .CampPage .IconList .col{ flex:100%;max-width:100%;border:0px;} } .wrapper .Content .CampPage .CampLogo_Text{font-size:60px;margin: auto;padding:30px 40px;} .wrapper .Content .CampPage .Desc h2.Title{color:#666666;} .wrapper .Content .CampPage .Desc .MTitle{color:#666666;} .wrapper .Content .CampPage ul.CampList{width:100%;float:none;} .wrapper .Content .CampPage ul.CampList li{padding:15px;padding-left: 40px;} .wrapper .Content .CampPage .MenuImageList{margin-bottom:100px;} .wrapper .Content .CampPage .MenuImageList .item{ cursor:pointer;overflow:hidden;} .wrapper .Content .CampPage .MenuImageList .item .Image{height:320px;background-color:#f8f8f8;} .wrapper .Content .CampPage .MenuImageList .item .PRelative{overflow:hidden;} .wrapper .Content .CampPage .MenuImageList .item hr{border-color:#000;margin:20px 0px;} .wrapper .Content .CampPage .MenuImageList .item .Title{position: relative;background-color:#e8e8e8;height:130px;} .wrapper .Content .CampPage .MenuImageList .item .Title h2{font-size:30px;margin: auto;padding:30px 40px;} .wrapper .Content .CampPage .MenuImageList .item:hover .Title , .wrapper .Content .CampPage .MenuImageList .item .Title.active{background-image:url('/ui/img/CampButtonBG.png');background-size:cover;} .wrapper .Content .CampPage .MenuImageList .item .Title.active, .wrapper .Content .CampPage .MenuImageList .item:hover .Title{background-color:#f32735; } .wrapper .Content .CampPage .MenuImageList .item .Title.active h2 , .wrapper .Content .CampPage .MenuImageList .item:hover .Title h2{color:#fff !important;} .wrapper .Content .CampPage .MenuImageList .item .vertical img{border:0px;padding:0px;width:auto;} .wrapper .Content .CampPage .MenuImageList .item img{transition: all 0.3s ease; -webkit-filter: grayscale(100%);filter: grayscale(100%);width:auto !important;} .wrapper .Content .CampPage .MenuImageList .item img.active{filter:inherit;-webkit-filter:none; } .wrapper .Content .CampPage .MenuImageList .item img.active,.wrapper .Content .CampPage .MenuImageList .item:hover img { transform: scale(1.2,1.2); filter:inherit; -webkit-filter:none;width:auto;} .wrapper .Content .CampPage .MenuImageList .item p {margin:20px 0px;padding: 0px 20px;} .wrapper .Content .CampPage .MenuImageList .owl-theme .owl-dots .owl-dot span {width: 40px;height: 7px;border-radius: 0; cursor:pointer;} .wrapper .Content .CampPage .MenuImageList .owl-theme .owl-dots .owl-dot.active span ,.wrapper .Content .CampPage .MenuImageList .owl-theme .owl-dots .owl-dot:hover span ,.wrapper .Content .CampPage .MenuImageList .owl-theme .owl-dots .owl-dot:hover span{background-color:#195eb4;} .wrapper .Content .CampPage .CampLineTitle {background-image:url('/files/images/Camp/Line.jpg') ; background-position:center; background-repeat:repeat-x;margin:50px 0px; padding: 0% 10%;} .wrapper .Content .CampPage .CampLineTitle p {display:table;margin:auto;background-color:#fff;color:#f32735; font-family: 'Swiss-Heavy';font-size:60px;text-align: center;line-height:60px;padding: 0px 60px;} .wrapper .Content .CampPage .CampCapabilitiesImageList {margin:100px 0px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item{margin-bottom:50px;cursor:pointer;margin-top: 160px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image{position:relative;-webkit-box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.75);box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.75);margin-bottom:70px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image .color{position:absolute;left:0;right:0;top:0;bottom:0;transition: all 0.5s ease;opacity:0.7;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Title{min-height:160px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Title label,.wrapper .Content .CampPage .CampCapabilitiesImageList .item .Title{font-size:30px;color:#666666 !important;font-family: 'Swiss-Heavy';margin-bottom:0px;line-height:30px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Title label{font-family: 'Swiss-Roman';margin:0px;font-size:24px;display:block;color:#666666 !important;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Title strong{color:#666666 !important;font-family: 'Swiss-Heavy';} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text {margin: 20px;background-color: #fff;position: absolute;top:15%;left:3%;right:3%;bottom:-10%;padding: 40px 30px;opacity:0;transition: all 0.3s ease;/*-webkit-box-shadow: 0px -10px 54px -26px rgba(0,0,0,0.75);-moz-box-shadow: 0px -10px 54px -26px rgba(0,0,0,0.75);box-shadow: 0px -10px 54px -26px rgba(0,0,0,0.75);*/} .wrapper .Content .CampPage .CampCapabilitiesImageList .item:hover > .Image .color{background: rgb(5, 53, 117);background: linear-gradient(6deg, rgb(0, 26, 62) 0%, rgb(3, 19, 41) 0%, rgb(5, 53, 117) 100%);} .wrapper .Content .CampPage .CampCapabilitiesImageList .item:hover > .Image .Text {top:3%;opacity:1;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p strong,.wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p{font-size:15px;color:#000;line-height:normal;font-family: 'Swiss-Roman';} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p strong{color:#4d4d4d;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p strong.Stitle{color:#164b81;font-size:17px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text ul{padding:0px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text ul li{list-style-type: none;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text ul li p {margin-bottom:15px;padding-left:22px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text ul li:before {content: " ";display: table;float: left;width:8px;height:8px;background-color:#195eb4;margin-top:5px;margin-right: 15px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .owl-carousel .item{margin-top:0px;padding:0px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .owl-theme .owl-dots .owl-dot span {width: 40px;height: 7px;border-radius: 0;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .owl-theme .owl-dots .owl-dot.active span ,.wrapper .Content .CampPage .CampCapabilitiesImageList .item .owl-theme .owl-dots .owl-dot:hover span ,.wrapper .Content .CampPage .CampCapabilitiesImageList .item .owl-theme .owl-dots .owl-dot:hover span{background-color:#195eb4;} .wrapper .Content .CampPage .CampTables{margin:50px 0px;} .wrapper .Content .CampPage .CampTables thead th{background-color:#f32735; color:#fff;text-align:center;font-family: 'Swiss-Heavy';font-size:25px;vertical-align: inherit;height:90px;border:1px solid #ffffff; background-image: url(/ui/img/CampButtonBG.png);} .wrapper .Content .CampPage .CampTables tbody tr td{text-align:center; color:#4d4d4d;font-family: 'Swiss-Light'; vertical-align: inherit;border:1px solid #b6b6b6;line-height: 40px; font-size: 18px;} .wrapper .Content .CampPage .CampTables tbody tr td a {font-family: 'Swiss-Light';vertical-align: inherit;line-height: 40px;font-size: 18px;} .wrapper .Content .CampPage .CampTables tbody tr {height:90px;} .wrapper .Content .CampPage .CampTables.Yellow thead th {text-align:left;padding-left: 50px;} .wrapper .Content .CampPage .CampTables.Yellow tbody tr td{padding-left: 50px;text-align:left;} .wrapper .Content .Camp_List{padding:60px 80px;margin:0px;background-color:#f8f8f8;min-height: 390px;margin-bottom: 30px;} .wrapper .Content .Camp_List li {list-style-type:none; font-size:22px;} .wrapper .Content .Camp_List li p{line-height:normal;} .wrapper .Content .Camp_List li strong{font-family: 'Swiss-Heavy';min-height:100px;} .wrapper .Content .Camp_List li ul{margin-top:30px;} .wrapper .Content .Camp_List li ul li {list-style-type:disc;} .wrapper .Content .CampPage .Trademarks{background-color:#ebebeb;padding:40px;} .wrapper .Content .CampPage .Trademarks h2.Title{color:#4d4d4d !important;} .wrapper .Content .CampPage .Trademarks ul{margin:0px;padding:0px;} .wrapper .Content .CampPage .Trademarks ul li{margin-bottom:40px;list-style-type:none;} .wrapper .Content .CampPage .Trademarks ul li p{display:table;padding:10px 25px; background-color:#4d4d4d;color:#fff;font-family: 'Swiss-Light';font-size:18px;} @media screen and (max-width:1920px) {/*.wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text {bottom:-28%;}*/ .wrapper .Content .CampPage .Images .Text .White{font-size:35px !important;line-height: 40px;padding: 0px;margin-bottom:10px;} } @media screen and (min-width:1921px) {.wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text ul li {margin-bottom: 18px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item{margin-bottom:50px;cursor:pointer;margin-top: 160px;padding:0px 30px;} } @media screen and (max-width:1580px){ .wrapper .Content .CampPage .Images .SmallImage img {width: 45%;} .wrapper .Content .CampPage .Images .Text span, .wrapper .Content .CampPage .Images .Text p{font-size:120px !important;} .wrapper .Content .CampPage .Images .Text p.F140{font-size:100px !important;} .wrapper .Content .CampPage .Images .Text p.F170{font-size:140px !important;} .wrapper .Content .CampPage .Images .Four .White{font-size:30px !important;} } @media screen and (max-width:1500px) { .wrapper .Content .CampPage .CampLogo_Text{font-size:30px;} /*.wrapper .Content .CampPage .MenuImageList .item .vertical img {width: 35%;}*/ .wrapper .Content .CampPage .MenuImageList .item .Title h2{font-size:25px;} } @media screen and (max-width:1400px) { .wrapper .Content .CampPage .Images .Text span, .wrapper .Content .CampPage .Images .Text p{letter-spacing:0px !important; font-size:70px !important;} .wrapper .Content .CampPage .Images .Text p span{font-size:70px !important;} .wrapper .Content .CampPage .Images .Text p.F140,.wrapper .Content .CampPage .Images .Text p.F170{font-size:80px !important;} .wrapper .Content .CampPage .Images .Three p:nth-child(2) span sup{left:0px;font-size:22px;} .wrapper .Content .CampPage .Images .Three p:nth-child(2){font-size:43px !important;} .wrapper .Content .CampPage .Images .Three p:nth-child(2) span{font-size:40px !important;} .wrapper .Content .CampPage .Images .Four .F140 {line-height: 90px;height: 110px;} .wrapper .Content .Camp_List li strong{ line-height:normal;} .wrapper .Content .Camp_List{padding:40px;} } @media (min-width:1200px) and (max-width:1700px) { .wrapper .Content .CampPage .CampCapabilitiesImageList .col-lg-6 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text {left: 6%;right: 6%;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item:hover > .Image .Text {top: 1%;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image img{width: 90% !important;-webkit-box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.75);box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.75);} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image .color {right: 10%;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text {left: 2%;right: 11%;} } @media screen and (max-width:1200px) { /*.wrapper .Content .CampPage .CampLineTitle {padding: 0px 5%;}*/ .wrapper .Content .CampPage .Images .Four .White{font-size:30px !important;} } @media screen and (max-width:1024px) { .wrapper .Content .Camp_List{padding:40px;} .wrapper .Content .Camp_List li strong {line-height: initial;} } @media screen and (max-width:991px) { .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image .Text{margin:0px; margin-bottom: 35px;} } @media screen and (max-width:768px) { .wrapper .Content .CampPage .CampLineTitle p{font-size:40px;PADDING: 0;} .wrapper .Content .CampPage .CampCapabilitiesImageList .col-lg-6 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Title{min-height:initial;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p,.wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p strong{font-size:22px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p strong{font-family: 'Swiss-Heavy';} .CampTables{overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;display: block;} } @media screen and (max-width:414px) { .wrapper .Content .CampPage .CampLineTitle p{font-size:30px; line-height: normal;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p,.wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text p strong{font-size:15px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text{bottom:-13%;padding:25PX;margin:5px;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image{margin-bottom:20PX;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item{ padding: 0;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text {position:relative;opacity:1;left: 0;right: 0;margin: 0;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Text{padding:10px;box-shadow:none;-webkit-box-shadow:none;} .wrapper .Content .CampPage .CampCapabilitiesImageList .item .Image .color{display:none;} } @media screen and (max-width:320px) {} /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .ContinentsList {margin-bottom:100px;} .wrapper .Content .Desc .ContinentsList .item {position:relative;margin-bottom:70px;transition: all 0.3s ease;cursor:pointer;} .wrapper .Content .Desc .ContinentsList .item p {font-family: 'Swiss-Heavy';color: #888888;text-align: center;position: absolute;left: 0;right: 0;top: 39%;font-size:27px;WIDTH: 50%;MARGIN: AUTO;} .wrapper .Content .Desc .ContinentsList .item .hover {transition: all 0.5s ease;-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);clip-path: polygon(0 0,0 0, 0 100%, 0% 100%);position: absolute;top: 0px;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-position: center;background-size: cover;} .wrapper .Content .Desc .ContinentsList .item:first-child .hover {background-image:url(/Files/images/continents/H1.png);} .wrapper .Content .Desc .ContinentsList .item:nth-child(2) .hover {background-image:url(/Files/images/continents/H2.png);} .wrapper .Content .Desc .ContinentsList .item:nth-child(3) .hover {background-image:url(/Files/images/continents/H3.png);} .wrapper .Content .Desc .ContinentsList .item:nth-child(4) .hover {background-image:url(/Files/images/continents/H4.png);} .wrapper .Content .Desc .ContinentsList .item:nth-child(5) .hover {background-image:url(/Files/images/continents/H5.png);} .wrapper .Content .Desc .ContinentsList .item:nth-child(6) .hover {background-image:url(/Files/images/continents/H6.png);} .wrapper .Content .Desc .ContinentsList .item:nth-child(7) .hover {background-image:url(/Files/images/continents/H3.png);} .wrapper .Content .Desc .ContinentsList .item img{display:table;margin:auto;padding: 20px;max-width:100%;} .wrapper .Content .Desc .ContinentsList .item.active img, .wrapper .Content .Desc .ContinentsList .item:hover img {transform: scale(1.2,1.2); transition: all 0.7s ease; } .wrapper .Content .Desc .ContinentsList .item.active p ,.wrapper .Content .Desc .ContinentsList .item:hover p {color:#fff;} .wrapper .Content .Desc .ContinentsList .item.active .hover , .wrapper .Content .Desc .ContinentsList .item:hover > .hover {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .wrapper .Content .Desc .ContinentsList.Small{margin-bottom:0px;} .wrapper .Content .Desc .ContinentsList.Small .item .hover {background-image:url(/Files/images/continents/MH1.png);} .wrapper .Content .Desc .ContinentsList.Small .item p {font-size:17px;width:65%;margin: auto;line-height: 1.6em;} @media screen and (max-width:700px) { .wrapper .Content .Desc .ContinentsList .item{height:230px;} .wrapper .Content .Desc .ContinentsList .item p{top: 90%;font-size: 30px;} .wrapper .Content .Desc .ContinentsList .item .hover{top:76%;} .wrapper .Content .Desc .ContinentsList .item .hover {transition:none;} .wrapper .Content .Desc .WrapperContinents .item{ height:initial !important;} } @media screen and (max-width:415px) { .wrapper .Content .Desc .ContinentsList.Small .item p {font-size: 12px;} .wrapper .Content .Desc .ContinentsList .item {height: 116px;} .wrapper .Content .Desc .WrapperContinents .hover{display:none;} .wrapper .Content .Desc .WrapperContinents .item:hover p{color: #888888;} .wrapper .Content .Desc .ContinentsList .item.active p, .wrapper .Content .Desc .ContinentsList .item:hover p{color: #f32735;} .wrapper .Content .Desc .ContinentsList.Small .item .hover{background-image:none;} } /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .OfficeList .item strong,.wrapper .Content .Desc .OfficeList .item p{line-height:26px; font-size:18px;} .wrapper .Content .Desc .OfficeList .item {margin-bottom:60px;} .wrapper .Content .Desc .OfficeList .item strong {font-weight: normal;font-family: 'Swiss-Medium';} .wrapper .Content .Desc .OfficeList .item .ChildItem{display:table;position:relative;} .wrapper .Content ul li {color:#4c4c4c;} .wrapper .Content .Quality ul li {font-family: 'Swiss-Light';font-size: 20px;color: #4d4d4d;line-height: 38px;} .wrapper .Content .ShowroomAnimate {position: relative;} .wrapper .Content .Hvr {position:absolute; left:0px;right: 0px;top: 0px;bottom: 0px;} .wrapper .Content .FifthWheel .dot1{left: 23.5%;top: 32%;} .wrapper .Content .FifthWheel .dot2{left:25%;top:55%;} .wrapper .Content .FifthWheel .dot3{left: 8.9%;top: 51%;} .wrapper .Content .FifthWheel .dot4{left: 43.5%;top: 36%;} .wrapper .Content .FifthWheel .dot5{left: 52.9%;top: 35.5%;} .wrapper .Content .FifthWheel .dot6{right: 27.5%;top: 40%;} .wrapper .Content .FifthWheel .dot7{right: 29%;top: 70.4%;} .wrapper .Content .FifthWheel .dot8{right: 15%;top: 62.4%;} .wrapper .Content .WhellHub .dot1 {left: 42.5%;top: 65.2%;} .wrapper .Content .WhellHub .dot2 {left: 66.5%;top: 48.2%;} .wrapper .Content .WhellHub .dot3 {top: 44.2%;right: 4%;} .wrapper .Content .WhellHub .dot4 {top: 32.2%;right: 19.5%;} .wrapper .Content .WhellHub .dot5 {left: 72.4%;top: 28%;} .wrapper .Content .WhellHub .dot6 {left: 48.5%;top: 28%;} .wrapper .Content .WhellHub .dot7 {left:34%;top: 47%;} .wrapper .Content .Sampa300T .dot1 {left:51%;top: 71.2%;} .wrapper .Content .Sampa300T .dot2 {left: 73.7%;top: 51.2%;} .wrapper .Content .Sampa300T .dot3 {top: 19.2%;right: 17.3%;} .wrapper .Content .Sampa300T .dot4 {top: 38.2%;left: 34.6%;} .wrapper .Content .Sampa300T .dot5 {left: 15%;top: 26%;} .wrapper .Content .Sampa300T .dot6 {left: 23%;top: 63%;} .wrapper .Content .DragLink .dot3 {top: 76%;right: 50.7%;} .wrapper .Content .DragLink .dot2 {left: 51.5%;top: 48.5%;} .wrapper .Content .DragLink .dot1 {left: 53.5%;top: 24.9%;} .wrapper .Content .DragLink .dot7 {left: 56.6%;top: 16.5%;} .wrapper .Content .DragLink .dot6 {left: 23.0%;top: 33.7%;} .wrapper .Content .DragLink .dot4 {top:40%;left:12.6%;} .wrapper .Content .DragLink .dot5 {left:9.4%;top: 28%;} .wrapper .Content .DragLink .dot8 {left: 70.4%;top: 58.3%;} .wrapper .Content .DragLink .dot9 {left: 82.4%;top: 45.4%;} .wrapper .Content .KingPin .dot1 {left: 65.2%;top: 39.9%;} .wrapper .Content .KingPin .dot2 {left: 43.7%;top: 22%;} .wrapper .Content .KingPin .dot3 {top: 76%;right: 80.3%;} .wrapper .Content .KingPin .dot4 {top: 28%;left: 18.7%;} .wrapper .Content .Vrod .dot1 {top: 43.9%;right: 17.4%;} .wrapper .Content .Vrod .dot2 {left: 41%;top: 51.5%;} .wrapper .Content .Vrod .dot3 {top: 55%;left: 18%;} .wrapper .Content .Vrod .dot4 {top: 37%;right: 20%;} .wrapper .Content .Vrod .dot5 {left: 63.4%;top: 42%;} .wrapper .Content .Vrod .dot6 {left: 39%;top: 34.7%;} .wrapper .Content .Vrod .dot7 {left: 3.6%;bottom: 34%;} .wrapper .Content .BrakeCaliperDots .dot1 {top: 44%;left: 24%;} .wrapper .Content .BrakeCaliperDots .dot2 {left: 46.3%;top: 27%;} .wrapper .Content .BrakeCaliperDots .dot3 {top:38.5%;right: 26.8%;} .wrapper .Content .BrakeCaliperDots .dot4 {bottom: 24%;left: 23%;} .wrapper .Content .ShowroomBrakeCaliper h1 {font-size:60px;color:#4d4d4d; line-height: normal;display:table;margin-bottom:30px;} .wrapper .Content .ShowroomBrakeCaliper .Bx1 { background-color:#ebebeb;padding:60px 0px;margin-bottom:50px;} .wrapper .Content .ShowroomBrakeCaliper .Bx1 p:last-child{font-size:18px;text-align:center;display:table;margin:auto;} .wrapper .Content .ShowroomBrakeCaliper .Bx1 span {text-align:center;font-size:60px;color:#fff; background-color:#4d4d4d; line-height: normal; padding:10px 40px; display: table;margin-bottom:30px;width:100%;} .wrapper .Content .ShowroomBrakeCaliper .Bx1 .col-lg-4{cursor:pointer;} .wrapper .Content .Slider{/*padding:60px 0px;*/width: 100%;max-width: 100%;/*margin-bottom: 50px;*/ overflow:hidden;} .wrapper .Content .Slider .BrakeCaliperSlider{display: flex;flex-direction: row;align-items: stretch;margin-bottom: 50px;} .wrapper .Content .Slider .BrakeCaliperSlider .owl-carousel{flex-grow: 1;overflow: hidden;} .wrapper .Content .Slider .BrakeCaliperSlider .owl-carousel .item span{text-align:center;font-size:30px;color:#fff; background-color:#4d4d4d; line-height: normal;display: table;margin:auto;margin-bottom:30px;padding:10px 40px;} .wrapper .Content .Slider .BrakeCaliperSlider .owl-carousel .item p{font-family: 'Swiss-Light';font-size:18px;text-align:center;} .wrapper .Content .Slider .BrakeCaliperSlider .owl-carousel .item img{width:auto;display:table;margin:auto;max-width:100%;} .wrapper .Content .Slider .LeftArrow {background-image: url(/ui/img/icon/ShowroomBrakeCaliperLeftArrow.png);background-position: center left;width: 60px;background-repeat: no-repeat;cursor: pointer;} .wrapper .Content .Slider .RightArrow {background-image: url(/ui/img/icon/ShowroomBrakeCaliperRightArrow.png);background-position: center right;width: 60px;background-repeat: no-repeat;cursor: pointer;} .wrapper .Content .Slider h1{display:table;margin:auto;} .wrapper .Content .Slider .owl-carousel .item{cursor:pointer;} .wrapper .Content .ShowroomBrakeCaliper img{max-width:100%;} .wrapper .Content .ShowroomBrakeCaliper .Bx2{background-color:#ebebeb;} .wrapper .Content .ShowroomBrakeCaliper .Bx2 .col-md-6:last-child strong{font-size:26px;font-family: 'Swiss-Heavy';} .wrapper .Content .ShowroomBrakeCaliper .Bx2 .col-md-6:last-child{padding-top:20px;padding-bottom:20px;} .wrapper .Content .ShowroomBrakeCaliper .Bx2 .col-md-6:last-child p{font-family: 'Swiss-Light';font-size:18px;} .wrapper .Content .ShowroomBrakeCaliper .Bx3{padding:70px 0px;} .wrapper .Content .ShowroomBrakeCaliper .Bx3 p {font-size:48px;font-family: 'Swiss-Heavy'; text-align:center;margin:0;line-height: normal;color:#4d4d4d;min-height:130px;} .wrapper .Content .ShowroomBrakeCaliper .Bx3 strong {font-size:48px;font-family: 'Swiss-Light';text-align:center;margin:auto;display:table;margin-bottom:30px;color:#4d4d4d;font-weight: normal; min-height: 72px;} .wrapper .Content .ShowroomBrakeCaliper .Bx3 img{max-width:100%;} .wrapper .Content .ShowroomBrakeCaliper .Bx3 span{text-align:center;font-size:48px;color:#4d4d4d; background-color:#ebebeb;line-height: normal;display: table;margin:10px auto;padding:10px 25px;} .wrapper .Content .ShowroomBrakeCaliper .Bx3 .col-md-6{cursor:pointer;} /*.wrapper .Content .ShowroomBrakeCaliper .Slider .BrakeCaliperSliderTwo{display: flex;flex-direction: row;align-items: stretch;margin-bottom: 50px;} .wrapper .Content .ShowroomBrakeCaliper .Slider .BrakeCaliperSliderTwo .owl-carousel{flex-grow: 1;overflow: hidden;} .wrapper .Content .ShowroomBrakeCaliper .Slider .BrakeCaliperSliderTwo .owl-carousel .item span{text-align:center;font-size:30px;color:#fff; background-color:#4d4d4d; line-height: normal;display: table;margin:auto;margin-bottom:30px;padding:10px 40px;} .wrapper .Content .ShowroomBrakeCaliper .Slider .BrakeCaliperSliderTwo .owl-carousel .item p{font-family: 'Swiss-Light';font-size:18px;text-align:center;} .wrapper .Content .ShowroomBrakeCaliper .Slider .BrakeCaliperSliderTwo .owl-carousel .item img{width:auto;display:table;margin:auto;max-width:100%;} .wrapper .Content .ShowroomBrakeCaliper .Bx4 .BrakeCaliperSliderTwo .RightArrow,.wrapper .Content .ShowroomBrakeCaliper .Bx4 .BrakeCaliperSliderTwo .LeftArrow{display:none;} @media screen and (max-width:1500px) {.wrapper .Content .ShowroomBrakeCaliper .Bx4 .BrakeCaliperSliderTwo .RightArrow,.wrapper .Content .ShowroomBrakeCaliper .Bx4 .BrakeCaliperSliderTwo .LeftArrow{display:block;}}*/ .wrapper .Content .ShowroomBrakeCaliper .Bx4 .SpareParts{display:block;width:100%;margin-bottom:50px;} .wrapper .Content .ShowroomBrakeCaliper .Bx4 .SpareParts .item{margin-bottom: 70px;position: relative;padding-top: 40px;cursor:pointer;} .wrapper .Content .ShowroomBrakeCaliper .Bx4 .SpareParts .item img{max-width:100%;display:table;margin:auto;} .wrapper .Content .ShowroomBrakeCaliper .Bx4 .SpareParts .item span{text-align:center;font-size:48px;color:#4d4d4d; background-color:#ebebeb;line-height: normal;display: table;margin:auto;margin-bottom:10px;padding:20px 0px; width:100%;} .wrapper .Content .ShowroomBrakeCaliper .Bx4 .SpareParts .item p{font-size:24px;font-family: 'Swiss-Light';text-align:center;} .wrapper .Content .ShowroomBrakeCaliper .Bx4 .SpareParts .item .Improved {position:absolute;left:0;top:0;} .wrapper .Content .ShowroomBrakeCaliper .Bx4 .SpareParts .item .Improved p{position: absolute;top: 34%;color: #fff;font-family: 'Swiss-Heavy';font-size: 19px;text-align: center;width: 100%;} .wrapper .Content .ShowroomAnimate .dot{background-image:url("/files/images/showroom/Bigdot.png"); width:23px;height: 23px;position: absolute;z-index:10;background-position:center;background-repeat: no-repeat;cursor:pointer;} .wrapper .Content .ShowroomAnimate .DotImage{position: absolute;left:0;right:0;top:0;bottom:0px;width:100%;opacity:0; transition: all 0.3s ease;} .wrapper .Content .ShowroomAnimate .small{width:13px;height:13px;} .wrapper .Content .Showroom {margin-top:70px;} /*.wrapper .Content .ShowroomContent strong{font-family: 'Swiss-Heavy'; }*/ .wrapper .Content .Showroom .item a{text-decoration:none;} .wrapper .Content .Showroom .item{cursor:pointer; padding: 0px 20px;} .wrapper .Content .Showroom .item .Information {margin-top:30px; padding: 0px 10px;} .wrapper .Content .Showroom .item:hover .Information{background-color:#f6f6f6;} .wrapper .Content .Showroom .item.active .Information{background-color:#f6f6f6;} .wrapper .Content .Showroom .item .Information p{text-align:center;color:#4d4d4d;padding:30px 0px;margin:0px;} .wrapper .Content .Showroom .item .Information p:first-child{font-family: 'Swiss-Heavy'; font-size:36px;letter-spacing: -1px;} .wrapper .Content .Showroom .item .Information p:last-child{font-family: 'Swiss-Light'; font-size:20px; padding-top:0px;} .LineHeightInitial p {line-height: initial !important;} .wrapper .Content .ShowroomContent .FontFamilyRoman{font-family: 'Swiss-Roman';} .wrapper .Content .Showroom .owl-dots{display:none;} .wrapper .Content .Showroom .SArrow {position: absolute;left: 0px;right: 0px;z-index:1050;bottom:50%;} .wrapper .Content .Showroom .SArrow .Left:before,.wrapper .Content .Showroom .SArrow .Right:before {font-size: 40px;color: darkgray;width: 15px;height: 15px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .Content .Showroom .SArrow .Left:before {content: " ";float: left;background-image: url('../img/icon/LeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content .Showroom .SArrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content .Showroom .item img{ max-width:100%;width:auto !important; } .wrapper .Content .ShowroomAirSprings{} .wrapper .Content .ShowroomAirSprings .List ul{ padding-left: 30px;margin-bottom: 50px;} .wrapper .Content .ShowroomAirSprings .List ul li{margin-bottom:10px;font-family: 'Swiss-Light';font-size:17px;} .wrapper .Content .ShowroomAirSprings .List p{background-color:#4d4d4d; color:#fff;padding:5px 20px;margin-bottom:30px;display:table;font-size:17px;min-width:280px;} .wrapper .Content .ShowroomAirSprings H3.STitle{font-size:36px;color:#4d4d4d;} .wrapper .Content .ShowroomAirSprings strong{font-size:18px;color:#4d4d4d;} .wrapper .Content .ShowroomAirSprings p{font-family: 'Swiss-Light';font-size:17px;color:#4d4d4d; line-height: 30px;margin-bottom: 0;} .wrapper .Content .ShowroomAirSprings table strong{padding-left:50px;} .wrapper .Content .ShowroomAirSprings table tr td:first-child{width:320px;} .wrapper .Content .ShowroomAirSprings .S24{font-size:24px;padding: 20px 100px;display:table;margin:auto;} .wrapper .MapAnimate{position:relative;} .wrapper .MapAnimate .MapDot {background-image: url(/ui/img/icon/Pointer.svg);background-size:cover; width: 15px;height: 20px;position: absolute;z-index: 10;background-position: center;background-repeat: no-repeat;cursor: pointer;animation-iteration-count: infinite;} .wrapper .MapAnimate .MapDot.Stop{animation-iteration-count:unset;} .wrapper .MapAnimate .ColorList {display:none;position: absolute;right:30px;border: 0;bottom:20px;} .wrapper .MapAnimate .ColorList span {color:#001593;font-family:'Swiss-Heavy'; font-size: 15px;} .wrapper .MapAnimate .ColorList span:after {content:" " ; width:10px;height:10px;display:inline-block; border-radius: 50%;margin-left:10px;} .wrapper .MapAnimate .ColorList span.Hq:after {background-color:#001593;} .wrapper .MapAnimate .ColorList span.Office:after {background-color:#fbb03b;} .wrapper .MapAnimate .ColorList span.Warehouse:after {background-color:#fe0000;} .wrapper .MapAnimate .ColorList span.Franchise:after {background-color:#10b900;} .wrapper .MapAnimate .MapDot:after {content: " ";background-color: red;width: 7px;height: 7px;display: block;position: absolute;right: 4px;top: 20px;border-radius: 50%;display:none;} .wrapper .MapAnimate .MapDot20:after , .wrapper .MapAnimate .MapDot17:after{background-color:#001593;} .wrapper .MapAnimate .MapDotImage{position: absolute;left:0;right:0;top:0;bottom:0px;width:100%;opacity:0; transition: all 0.3s ease;} .wrapper .MapAnimate .MapDot1{top: 44%;left: 28.7%;} .wrapper .MapAnimate .MapDot2{top: 38.7%;left: 26.1%;} .wrapper .MapAnimate .MapDot3{top: 44.2%;left: 25%;} .wrapper .MapAnimate .MapDot4{top: 44.6%;left: 21.8%;} .wrapper .MapAnimate .MapDot5{top: 37.3%;left: 48.3%;} .wrapper .MapAnimate .MapDot6{top: 50.7%;left: 54.5%;} .wrapper .MapAnimate .MapDot7{top: 50.9%;left: 56.1%;} .wrapper .MapAnimate .MapDot8{top: 74%;right: 22.15%;} .wrapper .MapAnimate .MapDot9{top: 49.5%;left: 57.6%;} .wrapper .MapAnimate .MapDot10{top: 40.3%;left: 51%;} .wrapper .MapAnimate .MapDot11{top: 48.5%;left: 70.9%;} .wrapper .MapAnimate .MapDot12{top: 41.5%;left: 46.4%;} .wrapper .MapAnimate .MapDot13{top: 68.6%;left: 51.4%;} .wrapper .MapAnimate .MapDot14{top: 37%;left: 46.5%;} .wrapper .MapAnimate .MapDot15{top: 35%;left: 45.5%;} .wrapper .MapAnimate .MapDot16{top: 42.7%;left: 45%;} .wrapper .MapAnimate .MapDot17{top: 42.6%;left: 52%;} .wrapper .MapAnimate .MapDot18{top: 34.3%;left: 50.4%;} .wrapper .MapAnimate .MapDot19{top: 52%;left: 25.7%;} .wrapper .MapAnimate .MapDot20{top: 42.5%;left: 53.9%;} .wrapper .MapAnimate .MapDot21{top: 56.7%;left: 67.4%;} .wrapper .MapAnimate .MapDot22{top: 39.5%;left: 50%;} .wrapper .MapAnimate .MapDot23{top: 62%;left: 52%;} @media screen and (max-width:767px) { .wrapper .MapAnimate .MapDot {background-size:contain;} } @media screen and (max-width:1550px) { .wrapper .Content .Showroom .item .Information p:first-child{min-height:168px;} .wrapper .Content .Showroom .item .Information p:last-child{min-height:150px;} } @media screen and (max-width:1380px) { .wrapper .Content .Showroom .item .Information p:last-child{min-height:180px;} } @media screen and (max-width:768px) { .wrapper .Content .Showroom .item .Information p:first-child,.wrapper .Content .Showroom .item .Information p:last-child{min-height:initial;} .wrapper .Content .Showroom .item{margin-bottom:20px;} .wrapper .Content .ShowroomContent .Desc{padding:15px !important;} .wrapper .Content .ShowroomContent .Desc p {width:100% !important;} .wrapper .Content .ShowroomContent .Desc table{width:100% !important;} } /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .News {/*margin-top:20px;*/} .wrapper .Content .Desc .News .FirstNews{position:relative;} .wrapper .Content .Desc .News .FirstNews img {width:100%;} .wrapper .Content .Desc .News .FirstNews .Text{top:50%;position:absolute; bottom:0px;left:0px;right:0px; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7287289915966386) 12%, rgba(255,255,255,0) 88%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7287289915966386) 12%, rgba(255,255,255,0) 88%); background: linear-gradient(0deg, rgba(0,0,0,0.7287289915966386) 12%, rgba(255,255,255,0) 88%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); } .wrapper .Content .Desc .News .FirstNews .Text .Abs{position:absolute;left:5%;right:0px;bottom:20px;} .wrapper .Content .Desc .News .FirstNews .Text p{margin-bottom:10px;text-shadow: 0px 0px 5px #000000;} .wrapper .Content .Desc .News .FirstNews .Text .T_Title {font-size:33px;color:#fff;font-family: 'Swiss-Heavy';} .wrapper .Content .Desc .News .FirstNews .Text .T_Date {font-size:21px;color:#f12538;background-image:url('/ui/img/icon/NewsDate.png'); background-position:left;background-repeat:no-repeat;padding-left:30px;} .wrapper .Content .Desc .News .FirstNews .Text .T_Spot {font-size:21px;color:#fff;font-family: 'Swiss-Light';width:80%;line-height: 1.7;} .wrapper .Content .Desc .News .FirstNews .Text a.ReadMore {color:#fff;font-size: 15px;font-family: 'Swiss-Medium';cursor:pointer;text-decoration:none;text-shadow: 0px 0px 5px #000000;} .wrapper .Content .Desc .News .Category {margin:50px -30px;} .wrapper .Content .Desc .News .Category .item{padding:0px 30px;cursor:pointer;} .wrapper .Content .Desc .News .Category .item p:first-child{border-bottom:2px solid #f02338;height: 31px;max-height: 31px;line-height: 29PX;} .wrapper .Content .Desc .News .Category .item .Image{height:490px;} .wrapper .Content .Desc .News .Category .item .Image .row{overflow:hidden;} .wrapper .Content .Desc .News .Category .item img{width:100%;margin:20px 0px;} .wrapper .Content .Desc .News .Category .item p:first-child span{color:#f02338;padding:6px 10px;color:#fff;font-family: 'Swiss-Heavy'; background-color:#f02338;font-size: 13px;line-height:normal;} .wrapper .Content .Desc .News .Category .item p.C_Title {min-height:80px;font-family: 'Swiss-Heavy';font-size: 34px;line-height:44px;letter-spacing: 0;word-break: break-word;} .wrapper .Content .Desc p.C_Date, .wrapper .Content .Desc .News .Category .item p.C_Date {font-size:16px;color:#f12538;background-image:url('/ui/img/icon/NewsDate.png'); background-position:left;background-repeat:no-repeat;padding-left: 25px;background-size: 16px;line-height: 30px;margin-bottom: 0;} .wrapper .Content .Desc .News .Category .item p.C_Spot{min-height:100px;line-height:29px;} .wrapper .Content .Desc .News .Category .item a.ReadMore{text-decoration:none; color:#666666;cursor:pointer;font-family: 'Swiss-Light';font-weight: bold;font-size: 15px;} .wrapper .Content .Desc .News .NewsImage {width:100%;margin-bottom:20px;} .wrapper .Content .Desc .News .NewsDetail {margin:0px auto;} .wrapper .Content .Desc .News .NewsDetail .Category {margin:0px !important;} .wrapper .Content .Desc .News .NewsDetail .Category .item p.C_Title{min-height:initial;} .News .Category .item { margin-bottom: 70px; } .wrapper .Content .Desc h3.Title { font-size: 2.5em; margin: 25px 0px; } .wrapper .Content .Desc .NewsLine { border-top: 2px solid rgba(102, 102, 102, 0.43) } @media screen and (max-width:1500px) { .wrapper .Content .Desc .News .Category .item .Image{height:350px;} } @media screen and (max-width:991px) { .wrapper .Content .Desc .News .FirstNews .Text { position: relative;background: none;bottom: 1px;background-color: black;padding: 15px;} .wrapper .Content .Desc .News .FirstNews .Text .Abs{position:relative;left:0px;} .wrapper .Content .Desc .News .FirstNews .Text .T_Spot{width:100% !important;} .wrapper .Content .Desc .News .Category .item p.C_Spot,.wrapper .Content .Desc .News .Category .item p.C_Title {min-height: auto;font-size:2rem;} .wrapper .Content .Desc .News .Category .item p.C_Spot {font-size:1.5rem;} .wrapper .Content .Desc .News .Category{margin:50px 0px;} .wrapper .Content .Desc .News .Category .item{padding:0px;} .wrapper .Content .Desc .News .Category .item .Image{height:auto !important;} } /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .SingaporeForm{position:relative;} .wrapper .Content .Desc .SingaporeForm #NumberOfEmployees, .wrapper .Content .Desc .SingaporeForm #OfficeTel , .wrapper .Content .Desc .SingaporeForm #Mobile, .wrapper .Content .Desc .SingaporeForm #Fax{text-align:left !important;} .wrapper .Content .Desc .SingaporeForm .BlueTitle{font-weight:700; background-color:#20419a;color:#fff;display:block;padding:20px;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;} .wrapper .Content .Desc .SingaporeForm .ChckBx input:checked ~ .checkmark {border-color:#20419a;} .wrapper .Content .Desc .SingaporeForm .ChckBx input:checked ~ .checkmark:after {left: 3px;top: 3px;width: 17px;height: 17px;border: 0;border-width: 0;-webkit-transform: 0;-ms-transform: rotate(45deg);transform: none;display: block;content: " ";display: block; background-color: #20419a;rotate: none;} .wrapper .Content .Desc .SingaporeForm ul {padding:10px 30px; -webkit-border-bottom-left-radius:30px;-webkit-border-bottom-right-radius: 30px;-moz-border-radius-bottomleft: 30px;-moz-border-radius-bottomright: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;gap:1rem;} .wrapper .Content .Desc .SingaporeForm ul li label{cursor:pointer;} .wrapper .Content .Desc .SingaporeForm .BorderRadius {} .wrapper .Content .Desc .SingaporeForm .BoxShadow {box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; overflow:hidden;} .wrapper .Content .Desc .SingaporeForm .ChckBx:hover input ~ .checkmark {border-color:#20419a;} .wrapper .Content .Desc .SingaporeForm .SmallBlueTitle{border-bottom: 1px solid #20419a;padding-left: 20px;} .wrapper .Content .Desc .SingaporeForm .SmallBlueTitle strong{padding-left: 20px;color: #20419a;font-family: 'Swiss-Heavy';} .wrapper .Content .Desc .SingaporeForm .BlueTxt{color:#20419a;font-weight: 700;} .wrapper .Content .Desc .SingaporeForm .BlueBG{background-color:#20419a;padding:20px 30px; border-radius:30px;} .wrapper .Content .Desc .SingaporeForm .BlueBG p{color:#fff;margin-bottom:0px;} .wrapper .Content .Desc .SingaporeForm .BlueBG label{line-height:normal;} /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul{padding: 0px;height:30px;margin-top: 15px;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li{float:left;display:table;font-family: 'Swiss-Light';padding:0px; margin-left:30px; } .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li p,.wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li span {font-family: 'Swiss-Light'; color:#666666; line-height: normal;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li .Share .Social {display:none;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Size{margin-left:0px;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Size .Down{font-size: 12px; padding:0px 2px;font-family: 'Swiss-Heavy'; cursor:pointer;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Size .Up{font-family: 'Swiss-Heavy'; cursor:pointer;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Size span:last-child{padding-left:8px;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Print{cursor:pointer; padding-left:30px; background-image:url('/ui/img/icon/NewsPrint.png'); background-position:left center;background-repeat:no-repeat; font-size: 20px !important; line-height: normal;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Share{position:relative;} .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Share span{ cursor:pointer; padding-left:30px; background-image:url('/ui/img/icon/NewsShare.png'); background-position:left center;background-repeat:no-repeat; } .wrapper .Content .Desc .News .NewsDetail .NewsBtn ul li.Share .Social{position: absolute;left: 0;right: 0;background-color: #fff;border-radius: 17px; display:none;} .wrapper .Content .Desc .ContactForm{position:relative;} .wrapper .Content .Desc .ContactForm .loading {position: absolute;left: 0px;right: 0px;bottom:0;top:0;background-color:#fff;z-index:1;display:none;} .wrapper .Content .Desc .ContactForm .loading .wrp {position: absolute;left: 0px;right: 0px;top: 50%;} .wrapper .Content .Desc .ContactForm .loading .cssload-container {width: 100%;height: 49px;text-align: center;} .wrapper .Content .Desc .ContactForm .loading .cssload-speeding-wheel {width: 49px;height: 49px;margin: 0 auto;border-top-color: rgba(0, 0, 0, 0.96);border-bottom-color: rgba(0, 0, 0, 0.96); border: 2px solid rgba(0, 0, 0, 0.96);border-radius: 50%;border-left-color: transparent;border-right-color: transparent;animation: cssload-spin 575ms infinite linear;-o-animation: cssload-spin 575ms infinite linear;-ms-animation: cssload-spin 575ms infinite linear;-webkit-animation: cssload-spin 575ms infinite linear;-moz-animation: cssload-spin 575ms infinite linear;} .ContactMessageBox{padding:4rem;border:3px solid #f32735;margin:4rem;} .ContactMessageBox p.Title strong{font-size:2rem !important;} .ContactMessageBox p{font-size:1.6rem;} /*.wrapper .Content .Desc .ContactForm input[type=text] {border:0px; margin:40px 0px; border-bottom:1px solid #bfbdbd;outline:none;box-shadow:none;font-size:20px;font-family: 'Swiss-Light';font-weight:bold;}*/ /*.wrapper .Content .Desc .ContactForm select ,*/ .wrapper .Content .Desc .ContactForm .select2-container .select2-selection--single{border:0px;} .select2-results__option{font-size:20px;font-family: 'Swiss-Light';font-weight:bold;} .select2-results__option:hover{background-color: #4d4d4d !important;} .wrapper .Content .Desc .ContactForm .select2-container--default , .wrapper .Content .Desc .ContactForm textarea, .wrapper .Content .Desc .ContactForm input[type=text] {border:0px; margin:0px;margin-bottom: 40px; border-bottom:1px solid #bfbdbd;outline:none;box-shadow:none;font-size:20px;font-family: 'Swiss-Light';font-weight:bold; padding:0px;} .wrapper .Content .Desc .ContactForm label {font-family: 'Swiss-Light';font-size: 20px;color: #4d4d4d;font-weight: bold;} .wrapper .Content .Desc .ContactForm a {font-family: 'Swiss-Light';font-size: 20px;font-weight: bold;} .wrapper .Content .Desc .ContactForm input[type=text]::-ms-input-placeholder,.wrapper .Content .Desc .ContactForm input[type=text]:-ms-input-placeholder,.wrapper .Content .Desc .ContactForm input[type=text]::placeholder {color: #4d4d4d;} .wrapper .Content .Desc .ContactForm select::-ms-input-placeholder,.wrapper .Content .Desc .ContactForm select:-ms-input-placeholder,.wrapper .Content .Desc .ContactForm select::placeholder {color: #4d4d4d;} .wrapper .Content .Desc .ContactForm textarea::-ms-input-placeholder,.wrapper .Content .Desc .ContactForm textarea:-ms-input-placeholder,.wrapper .Content .Desc .ContactForm textarea::placeholder {color: #4d4d4d;} .wrapper .Content .Desc .ContactForm input[type=submit]{background-color:#4d4d4d;border:0px;color:#fff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;display:table;padding:9px 60px;margin:auto;font-size:18px;font-family: 'Swiss-Light';letter-spacing:10px;font-weight:bold;cursor:pointer;margin: 20px auto;} .wrapper .Content .Desc .ContactForm .error {color:#e00000;} .wrapper .Content .Desc .ContactForm span{color: #495057;padding:0px;} .wrapper .Content .Desc .ContactForm span.Empty{color:#75757d;} /*.wrapper .Content .Desc .ContactForm span {display:none;}*/ .wrapper .Content .Desc .ContactForm .input-validation-error {color:#e00000;border-bottom:3px solid #e00000 !important; border-radius: 0;} .wrapper .Content .Desc .ContactForm span.Error {color:#e00000;} .wrapper .Content .Desc .Contact{} .wrapper .Content .Desc .Content_M_Title,.wrapper .Content .Desc .Contact .Content_M_Title{letter-spacing:10px;margin-top:60px;width:100%;text-align:center;font-family: 'Swiss-Medium';font-size: 25px;} .wrapper .Content .Desc .Contact .AddressList { display:flex;margin:auto;margin-top:30px; align-items: center;justify-content: center;} .wrapper .Content .Desc .Contact .AddressList p {line-height: inherit;margin-top: 5px;margin-bottom: 0;line-height: 25px;} .wrapper .Content .Desc .Contact .AddressList .items{ background-repeat: no-repeat; padding-top:15px; padding-bottom:15px;background-position: center left;padding-left:70px;float:left;} .wrapper .Content .Desc .Contact .AddressList .items:first-child{background-image: url(/files/images/icon/Contact_Icon1.jpg);border-right:1px solid #666;padding-right:30px;} .wrapper .Content .Desc .Contact .AddressList .items:last-child{ background-image: url(/files/images/icon/Contact_Icon2.jpg);float:left;background-position-x:20px;padding-left: 80px;} .wrapper .Content .Desc .Contact .AddressList a{text-decoration:none;font-family: 'Swiss-Light';font-size:15px;color: #4d4d4d;} @media screen and (max-width:584px) { .wrapper .Content .Desc .Contact .AddressList{flex-direction:column;} .wrapper .Content .Desc .Contact .AddressList .items{padding: 10px 0px;display: block;background-position-x: 20px !important;border: 0px !important;padding-left: 80px;display: table;margin: auto;float: none;background-position-x: 0px !important;width: 315px;}} .wrapper .Content .Desc .Contact .item{cursor:pointer; min-height:400px; transition: all 0.3s ease; padding:0px; position:relative; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;-webkit-box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.75);box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.75); padding:100px 14%; margin:20px; margin-bottom:50px;} .wrapper .Content .Desc .Contact .item:hover{transform: scale(1.2,1.2);} .wrapper .Content .Desc .Contact .item:hover span{background-color:#f02338;} .wrapper .Content .Desc .Contact .item:hover .Button{background-color:#f02338;color:#fff;border-color:#f02338;} .wrapper .Content .Desc .Contact .item span{height:23px;background-color:#666666;display:block;position:absolute;top:0;left:0;right:0;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;} .wrapper .Content .Desc .Contact .item p.Contact_Title{font-family: 'Swiss-Medium';margin: 0;margin-bottom: 20px;} .wrapper .Content .Desc .Contact .item p.Contact_Spot{font-family: 'Swiss-Light';margin-bottom:50px;font-size: 16px;line-height: 29px;} .wrapper .Content .Desc .Contact .item .Button{font-family: 'Swiss-Light';font-weight: bold;text-align:center; display:table;padding:10px 30px;background-color:#fff;border:1px solid #707070;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;display:block; position:absolute;bottom:40px;left:14%;right:14%;} @media screen and (min-width:1537px) { .wrapper .Content .Desc .Content_M_Title,.wrapper .Content .Desc .Contact .Content_M_Title,.wrapper .Content .Desc .Contact .item p.Contact_Title{font-size:30px;} .wrapper .Content .Desc .Contact .item p.Contact_Spot{font-size:21px;} .wrapper .Content .Desc .Contact .item:hover{transform: scale(1.1,1.1);} } /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .CountryList {} .wrapper .Content .Desc .CountryList .item{margin-bottom:30px;cursor:pointer;/*margin-left:15px;margin-right:15px;*/} .wrapper .Content .Desc .CountryList .item p{font-size: 15px;width: 50%;vertical-align: middle;padding-left: 20px;line-height: initial; margin-top: 7%; display: table-cell;height: 74px; } /*@media screen and (max-width:1600px) {.wrapper .Content .Desc .CountryList .item .flag-wrapper{float:none;display:table;margin:auto;}.wrapper .Content .Desc .CountryList .item p{line-height:1.2;float:none;text-align:center;height:50px;padding:0px;padding-top:20px;}}*/ .wrapper .Content .Desc .ProductCategories {position:relative;z-index:1050;} .wrapper .Content .Desc .OwlCategories .owl-item {border-left:1px solid #666666; cursor:pointer;} .wrapper .Content .Desc .OwlCategories .owl-item.BorderClear{border:0px;} /*.wrapper .Content .Desc .OwlCategories .owl-item.active:first-child {border-left:0;}*/ /*.wrapper .Content .Desc .OwlCategories .lastActiveItem*/ .wrapper .Content .Desc .OwlCategories .firstActiveItem{border:0px;} /*.wrapper .Content .Desc .OwlCategories .owl-item.active:nth-child(4){border:0px;}*/ .wrapper .Content .Desc .OwlCategories .item p{display:block;font-family: 'Swiss-Heavy';text-align:center;color:#666666;margin-bottom:0px;} .wrapper .Content .Desc .OwlCategories .item p:first-child{height: 40px;font-size:19px;margin-bottom: 40px;font-family: 'Swiss-Light';font-weight: bold;padding: 0px 20px;line-height:20px;} .wrapper .Content .Desc .OwlCategories .item.active p,.wrapper .Content .Desc .OwlCategories .item:hover p{color: #f32735;} .wrapper .Content .Desc .OwlCategories .item p:nth-child(2){text-align: center;font-weight: bold;font-family: 'Swiss-Medium';font-size: 50px;line-height:42px;} .wrapper .Content .Desc .OwlCategories .item p:nth-child(3){text-align:center;font-family: 'Swiss-Light'; font-size: 19px;} .wrapper .Content .Desc .OwlCategories .item p:nth-child(4){text-align:center;font-family: 'Swiss-Light';font-size:22px;margin-top:20px;} .wrapper .Content .Desc .OwlCategories .item img.Red,.wrapper .Content .Desc .OwlCategories .item img {display:table;margin:auto;max-width: 100%;width: auto;} .wrapper .Content .Desc .OwlCategories .item img.Red{display:none;} .wrapper .Content .Desc .OwlCategories .item:hover img{display:none;} .wrapper .Content .Desc .OwlCategories .item:hover img.Red{display:block;} .wrapper .Content .Desc .OwlCategories .owl-dots{display:none;} .wrapper .Content .Desc .OwlCatalogueCategories .item p:first-child {height:auto;margin-bottom:5px;} .wrapper .Content .Desc .OwlCatalogueCategories .item img {margin-top:10px;} /*.wrapper .Content .Desc .ProductCategoriesArrow {position: absolute;left:-20px;right:-20px;z-index: 20;top:40%;} .wrapper .Content .Desc .ProductCategoriesArrow .Left, .wrapper .Content .Desc .ProductCategoriesArrow .Right {font-size: 40px;color: #f12837;cursor: pointer;} .wrapper .Content .Desc .ProductCategoriesArrow .Left{content: " ";float: left;} .wrapper .Content .Desc .ProductCategoriesArrow .Right{content: " ";float: right;}*/ .wrapper .Content .Desc .ProductCategoriesArrow {position: absolute;left:-20px;right:-20px;z-index: 20;top:40%;} .wrapper .Content .Desc .ProductCategoriesArrow .Left:before , .wrapper .Content .Desc .ProductCategoriesArrow .Right:before {font-size: 40px;color: darkgray;width:12px;height: 14px;cursor: pointer;font-family: 'Swiss-Light';} .wrapper .Content .Desc .ProductCategoriesArrow .Left:before {content: " ";float: left;background-image: url('../img/icon/RedLeftArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} .wrapper .Content .Desc .ProductCategoriesArrow .Right:before {content: " ";float: right;background-image: url('../img/icon/RedRightArrow.png');background-position: center;background-repeat: no-repeat;background-size: cover;} @media screen and (max-width:415px) { .wrapper .Content .Desc .OwlCategories .item {margin:0px 20px;} .wrapper .Content .Desc .ProductCategoriesArrow {right:0px;left:0px;z-index:1050;} } /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .CategorieList{ } .wrapper .Content .Desc .CategorieList .item{cursor:pointer;margin-bottom:20px;} .wrapper .Content .Desc .CategorieList .item a{text-decoration:none;} .wrapper .Content .Desc .CategorieList .item p {text-align:center;font-family: 'Swiss-Light';font-size:18px;font-weight:bold;line-height: 24px;margin-top: 10px;} .wrapper .Content .Desc .CategorieList .item img {display: table;margin: auto;max-width: 100%;} .wrapper .Content .Desc .CategorieList .item .loading{position: absolute;left: 0px;right: 0px;bottom:0%;top:0%;background-color:#ffffffb5;z-index:1;display: flex;align-items: center;justify-content: center;} .wrapper .Content .Desc .CategorieList .item .loading .wrp {position: absolute;left: 0px;right:0px;} .wrapper .Content .Desc .CategorieList .item .loading p {color: #0a167d;} .wrapper .Content .Desc .CategorieList .item .loading .cssload-container {width: 100%;height: 60px;text-align: center;} .wrapper .Content .Desc .CategorieList .item .loading .cssload-speeding-wheel {width:60px;height: 60px;margin: 0 auto;border-top-color: rgba(0, 0, 0, 0.96);border-bottom-color: rgba(0, 0, 0, 0.96); border: 2px solid rgba(0, 0, 0, 0.96);border-radius: 50%;border-left-color: transparent;border-right-color: transparent;animation: cssload-spin 575ms infinite linear;-o-animation: cssload-spin 575ms infinite linear;-ms-animation: cssload-spin 575ms infinite linear;-webkit-animation: cssload-spin 575ms infinite linear;-moz-animation: cssload-spin 575ms infinite linear;} /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ form input[type="text"].error {color: #e00000 !important;border-bottom: 1px solid #e00000 !important;} form label.error {display:none !important;} form em.error {display:none !important;} /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .ThreeImageList { margin: 20px; } .wrapper .Content .Desc .ThreeImageList .item img {width:100%;transition: all 0.3s ease; cursor:pointer;} .wrapper .Content .Desc .ThreeImageList .item:hover img {transform: scale(1.2,1.2);} .wrapper .Content .Desc .ThreeImageList .image{overflow:hidden; } .wrapper .Content .Desc .ThreeImageList p {font-size:20px; line-height: normal;line-height: 31px;} .wrapper .Content .Desc .ThreeImageList p.Title {font-size: 30px;color:#333333;font-family: 'Swiss-Heavy';margin-top: 10px;} .wrapper .Content .Desc .ThreeImageList a{text-decoration:none;} @media screen and (max-width:415px) { .wrapper .Content .Desc .ThreeImageList{margin:0px;} .wrapper .Content .Desc .ThreeImageList .item p:last-child{margin-bottom:40px;line-height:normal;} } .wrapper .Content .Desc .Connect {} .wrapper .Content .Desc .Connect .Top10{margin-top:10%;} .wrapper .Content .Desc .Connect .PaddingTop10{padding-top:10%;} .wrapper .Content .Desc .Connect .PaddingTop20{padding-top:20%;} .wrapper .Content .Desc .Connect .MarginLeft15Clear{margin-left:-15px;} .wrapper .Content .Desc .Connect .PaddingLeftRight30{padding-left:30px;padding-right:30px;} .wrapper .Content .Desc .Connect .PaddingRight15Y{padding-right:15%;} .wrapper .Content .Desc .Connect .Top20{margin-top:20%;} .wrapper .Content .Desc .Connect .Top7{margin-top:7%;} .wrapper .Content .Desc .Connect .ConnectTitle {font-family: 'Swiss-Medium';font-size:40px;} .wrapper .Content .Desc .Connect .ConnectTitle span{color:#f12538 !important;font-family: 'Swiss-Medium';font-size:40px;} .wrapper .Content .Desc .Connect .ConnectSpot{font-family: 'Swiss-Light';color:#4d4d4d; line-height: normal;} .wrapper .Content .Desc .Connect .BgGrey{background-color:#eaeaea;} .wrapper .Content .Desc .Connect .AbsSpan{position:absolute;height:70%;left:0px;right:0px;top:0px;} .wrapper .Content .Desc .Connect .PRelative{position:relative;} .wrapper .Content .Desc .Connect .ImageWidth100{width:100%;} .wrapper .Content .Desc .Connect a.Btn{text-align: center;display: table;padding: 10px 30px;background-color: #4d4d4d;color: #fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;font-size: 15px;font-family: 'Swiss-Medium';margin: 20px auto;text-decoration:none;} .wrapper .Content .Desc .Connect .GreyTextBx{padding:50px 0px;margin-bottom:80px;} .wrapper .Content .Desc .Connect .GreyTextBx p {color:#000;font-family: 'Swiss-Medium';font-size:30px;text-align:center;margin:0px} .wrapper .Content .Desc .Connect .GreyTextBx p:last-child {font-size:20px;font-family: 'Swiss-Light';} .wrapper .Content .Desc .SampaConnectVideoList .item {padding:20px 0px; border-bottom:1px solid #808080;cursor:pointer;} .wrapper .Content .Desc .SampaConnectVideoList .item:last-child{border:0px;margin-bottom:50px;} .wrapper .Content .Desc .SampaConnectVideoList .item img{float:left;margin:10px;} .wrapper .Content .Desc .SampaConnectVideoList .item img:nth-child(2){margin-left:70px; margin-right:70px;} .wrapper .Content .Desc .SampaConnectVideoList .item .Text{float:left;} .wrapper .Content .Desc .SampaConnectVideoList .item .Text p{font-family: 'Swiss-Light'; font-size:48px;line-height:1.6em;margin-bottom:0px;} .wrapper .Content .Desc .SampaConnectVideoList .item .Text strong{font-family: 'Swiss-Medium'; font-size:48px;line-height:1em;} .wrapper .Content .Desc .SampaConnectVideoBx{cursor:pointer;margin:50px 0;} .wrapper .Content .Desc .SampaConnectVideoBx strong{font-size:60px;line-height: normal;font-family: 'Swiss-Medium';} .wrapper .Content .Desc .SampaConnectVideoBx p{line-height:normal;margin-top:10px;} .wrapper .Content .Desc .SampaConnectVideoBx .Gif{display:table;margin:auto;position:relative;} .wrapper .Content .Desc .SampaConnectVideoBx .Giff{POSITION: ABSOLUTE;top:7%;LEFT:1%;RIGHT:8%;BOTTOM: 0;margin:0px 12%;display: table;} @media screen and (max-width:1500px) { .wrapper .Content .Desc .SampaConnectVideoBx strong {font-size:40px;} } @media screen and (max-width:991px) { .wrapper .Content .Desc .SampaConnectVideoBx p , .wrapper .Content .Desc .SampaConnectVideoBx strong{display:table;margin:auto;} .wrapper .Content .Desc .SampaConnectVideoBx .col-md-12{margin:50px 0px;} .wrapper .Content .Desc .SampaConnectVideoList .item img:first-child{display:none;} .wrapper .Content .Desc .SampaConnectVideoList .item img{display:table;margin:auto !important;float:none;} .wrapper .Content .Desc .SampaConnectVideoList .item .Text{float:none;display: block;width: 100%;text-align: center;} } #SampaConnectPopup{} #SampaConnectPopup .modal-body{background-color: black;background-image: url(/ui/img/TeaserLogo.png);background-repeat: no-repeat;background-position: center;} .wrapper .Content .Desc .SampaConnectDropDown{min-height:100px;} .wrapper .Content .Desc .SampaConnectDropDown ul{margin:0px;padding:0px;position:absolute;display:table;} .wrapper .Content .Desc .SampaConnectDropDown ul li ul {display:none; margin:0px;padding:10px 0px;width:100%;border:1px solid #a0a0a0; border-top: 0;background-color:#fff; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; } .wrapper .Content .Desc .SampaConnectDropDown ul li p{padding: 5px 60px;padding-left:30px;min-width: 210px;line-height: 38px;background-color:#069dfa; color:#fff;font-family: 'Swiss-Light';border:0px;font-size:16px;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border: 0px solid #000000;margin:0px;background-image: url(/ui/img/SampaConnecDownArrow.png); background-repeat: no-repeat; background-position: center;background-position-x: 90%;} .wrapper .Content .Desc .SampaConnectDropDown ul li p.active{background-image: url(/ui/img/SampaConnecUpArrow.png);} .wrapper .Content .Desc .SampaConnectDropDown ul li{cursor:pointer; background-color:#fff; color:#000;font-family: 'Swiss-Light';border:0px;font-size:16px;list-style-type:none;} .wrapper .Content .Desc .SampaConnectDropDown ul li ul li {padding:10px 30px;} .wrapper .Content .Desc .SampaConnectDropDown ul li ul li:hover{background-color:#ededed;} .wrapper .Content .Desc .Connect .Row100{width:100%;} .wrapper .Content .Desc .Connect .MinHeight250{min-height:250px;} @media screen and (max-width:1100px) {.wrapper .Content .Desc .Connect .PaddingLeftRight30{padding:0px 15px;} .wrapper .Content .Desc .Connect .ConnectTitle,.wrapper .Content .Desc .Connect .ConnectTitle span{font-size:26px; line-height: initial} .wrapper .Content .Desc .Connect .ConnectSpot{font-size:18px;} } @media screen and (max-width:600px) {.wrapper .Content .Desc .Connect .ConnectTitle,.wrapper .Content .Desc .Connect .ConnectTitle span{font-size:18px;}.wrapper .Content .Desc .Connect .ConnectSpot{font-size:14px;}} @media screen and (max-width:414px){ .wrapper .Content .Desc .Connect .col {flex-basis:auto;} .wrapper .Content .Desc .Connect .vertical img , .wrapper .Content .Desc .Connect .col img {display:table;margin:auto;float:none;max-width:100%; } .wrapper .Content .Desc .Connect .ConnectTitle,.wrapper .Content .Desc .Connect .ConnectTitle span{font-size:26px; text-align:center;} .wrapper .Content .Desc .Connect .ConnectSpot{font-size:18px;text-align:center;} .wrapper .Content .Desc .Connect .PaddingRight30Y {padding:0px;} .wrapper .Content .Desc .Connect .AbsSpan{height:98%;} } .wrapper .Content .Desc .Board {position:relative;} .wrapper .Content .Desc .Board .First {margin-bottom:50px; } .wrapper .Content .Desc .Board .First .Text {padding:20px; background-color:#fff; position: absolute;left: 3%; top:10%; padding-right:70px;} .wrapper .Content .Desc .Board .First .Text:hover {transition: all 0.5s ease; -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);cursor:pointer;} .wrapper .Content .Desc .Board .First .Text p:first-child { font-family: 'Swiss-Heavy';font-size: 60px;color: #666666;line-height: 55px;width: 80%;} .wrapper .Content .Desc .Board .First .Text p:nth-child(2) {color: #666;font-size:20px;font-family: 'Swiss-Light'; margin-bottom: 5px;} .wrapper .Content .Desc .Board .First .Text a{font-size:18px;font-family: 'Swiss-Light';color:#666666; background-image:url('/ui/img/icon/TheBoardLinkedinIcon.png'); background-position:center left; background-repeat:no-repeat; padding-left:30px; background-size: contain; display:none;} .wrapper .Content .Desc .Board .First img {width:100%; } .wrapper .Content .Desc .Board .items {margin-top:-200px;} .wrapper .Content .Desc .Board .items .col-lg-4 {padding:50px;} .wrapper .Content .Desc .Board .item {margin-bottom: 50px;/*padding: 35px;padding-bottom: 20px;*/} .wrapper .Content .Desc .Board .item:hover{transition: all 0.5s ease; -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);cursor:pointer;} .wrapper .Content .Desc .Board .item .Text {padding: 40px 9%; background-color:#e2e2e2; min-height:200px; background-image:url('/ui/img/icon/BoardDownArrow.png'); background-position-x:93%; background-position-y:22px; background-repeat:no-repeat;} .wrapper .Content .Desc .Board .items .col-lg-4:nth-child(2n) .Text{background-color:#f4f4f5;} .wrapper .Content .Desc .Board .item .Text p:first-child {width:90%;font-family: 'Swiss-Heavy';font-size: 24px;color: #666666;margin: 0;line-height:30px;padding-top: 20px; height: 80px;} .wrapper .Content .Desc .Board .item .Text p:nth-child(2) {font-size:18px;font-family: 'Swiss-Thin';margin-bottom:10px;height: 55px; line-height: normal;} .wrapper .Content .Desc .Board .item .Text a{font-size:18px;font-family: 'Swiss-Light';color:#666666; background-image:url('/ui/img/icon/TheBoardLinkedinIcon.png'); background-position:center left; background-repeat:no-repeat; padding-left:30px; background-size: contain; display:none; } .wrapper .Content .Desc .Board .item img {width:100%; /*max-height: 450px;*/} @media screen and (max-width:1510px) {.wrapper .Content .Desc .Board .items .col-md-6 {padding:15px;} .wrapper .Content .Desc .Board .item .Text {padding:20px;}} @media screen and (max-width:1320px) {.wrapper .Content .Desc .Board .item .Text a{font-size: 13px;}} @media screen and (max-width:1200px) {.wrapper .Content .Desc .Board .item .Text p:first-child{width:50%;} .wrapper .Content .Desc .Board .First .Text p:first-child { font-size: 36px;width: 50%; line-height: 1;}.wrapper .Content .Desc .Board .First .Text p:nth-child(2){font-size:18px;} .wrapper .Content .Desc .Board .First .Text {padding-right:10px;}} @media screen and (max-width:991px) {.wrapper .Content .Desc .Board .items{margin-top:-100px;}.wrapper .Content .Desc .Board .First .Text{position:relative;padding-right: 10px;top: 0px;left: 0;background-color: #e2e2e2;}} @media screen and (max-width:575px) {.wrapper .Content .Desc .Board .items{margin-top:0px;padding:0px;} .wrapper .Content .Desc .Board .item .Text a{font-size:18px;}} @media screen and (max-width:414px) {.wrapper .Content .Desc .Board .items .col-md-6 {padding:0px;}.wrapper .Content .Desc .Board .item .Text a {font-size:14px; }} .wrapper .Content .Desc.BoardDetail { font-family: 'Swiss-Roman' !IMPORTANT; padding: 50px;} .wrapper .Content .Desc.BoardDetail p {line-height: 1.9;color: #666;} @media screen and (max-width:991px) {.wrapper .Content .Desc.BoardDetail {padding:0px;}} .wrapper .FMenu {background-color: #00148c;padding: 40px 0px;} .wrapper .FMenu .Logo {background-image: url('/ui/img/FLogo.svg');background-position: center;background-repeat: no-repeat;min-height: 100px;border-right: 1px solid #fff;} .wrapper .footerMenu {padding-left: 20px;float:left;width:90%;} .wrapper .footerMenu ul {padding-left: 0px;float: left;width: 100%;} .wrapper .footerMenu ul.nav li {width: 20%;float: left;list-style-type: none;color: #fff;text-align: left;display: table;margin-top: 10px;padding: 0px 10px;} .wrapper .footerMenu ul.nav li a {color: #fff;text-decoration: none;font-size: 15px;padding: 0px;font-family: 'Swiss-Heavy'; display: block;} .wrapper .footerMenu ul.nav li span {transition: all 0.5s ease;display: block;border-bottom: 1px solid white;width: 0px;height: 2px;} .wrapper .footerMenu ul.nav li:hover > span {width: 100%;clear: both;} .wrapper .footerMenu ul.nav li a:hover {background-color: transparent;} .wrapper .footerMenu ul.nav li ul {width: auto;clear: both;} .wrapper .footerMenu ul.nav li ul li {float: none;padding: 0px;display: table;margin-top: 5px;width:auto;} .wrapper .footerMenu ul.nav li ul li a {text-decoration: none;font-size: 14px;padding: 0px;margin: 0px;font-family: 'Swiss-Light';font-weight: normal;} .wrapper .footerMenu ul.nav li ul li a span {color: #fff;width: auto;height: auto;display: inline;border: 0px;font-family: 'Swiss-Light';} .wrapper .Content .Desc .ProductDetail { } .wrapper .Content .Desc .ProductDetail .img{float:left;} .wrapper .Content .Desc .ProductDetail .img img{width:100%;} .wrapper .Content .Desc .ProductDetail .img img.comingsoon {width:400px;display: table;margin: auto;max-width:100%;} .wrapper .Content .Desc .ProductDetail .Properties p.Title strong,.wrapper .Content .Desc .ProductDetail .Properties p.Title { font-family: 'Swiss-Medium'; font-size:48px;background-color:transparent;color:#f32735;padding-left:10px;line-height:48px;} .wrapper .Content .Desc .ProductDetail .Properties p.Title strong{font-weight:normal;} .wrapper .Content .Desc .ProductDetail .Properties div {padding:10px 15px;background-color:#fff;margin:0px;font-family: 'Swiss-Light';} .wrapper .Content .Desc .ProductDetail .Properties .BgTransparent { padding: 10px 0px; } .wrapper .Content .Desc .ProductDetail .Properties div label {font-family: 'Swiss-Light'; width: 170px;margin:0px;font-weight:normal;color:#898989;font-size:15px;font-weight: bold;} .wrapper .Content .Desc .ProductDetail .Properties div span {font-family: 'Swiss-Light'; font-size:15px; } .wrapper .Content .Desc .ProductDetail .Properties div:nth-child(2n) {background-color:#f4f2f3;} .wrapper .Content .Desc .ProductDetail .bid {margin:0px; } .wrapper .Content .Desc .ProductDetail .SampaLogo {margin-top:1px; } .wrapper .Content .Desc .ProductDetail .PropertiesDetail {border:1px solid #b4b4b4; padding:25px; margin-bottom:30px; } .wrapper .Content .Desc .ProductDetail .PropertiesDetail .SmallTitle {margin:0px; color:#898989; font-size:18px; display:block;font-family: 'Swiss-Medium'; margin-bottom:10px; } .wrapper .Content .Desc .ProductDetail .PropertiesDetail .col-md-6 {background-color:#fff; } .wrapper .Content .Desc .ProductDetail .PropertiesDetail .pull-left{padding-left:0px;} .wrapper .Content .Desc .ProductDetail .PropertiesDetail .pull-right{padding-right:0px;} .wrapper .Content .Desc .ProductDetail .Properties .row {background-color:#fff !important;} .wrapper .Content .Desc .ProductDetail .PropertiesDetail .row div label {width:240px;} .wrapper .Content .Desc .ProductDetail .PropertiesDetail .row div {background-color:#f4f2f3;padding:5px 20px !important;margin-top: 15px;} .wrapper .Content .Desc .ProductDetail .PropertiesDetail .row div:nth-child(2n) {border-left:20px solid #fff;} .wrapper .Content .Desc .ProductDetail .PropertiesDetail .clearBth {background-color:#fff; } .wrapper .Content .Desc .ProductDetail .PropertiesDetail table th ,.wrapper .Content .Desc .ProductDetail .PropertiesDetail table td { font-family: 'Swiss-Light';text-align:center;} .wrapper .Content .Desc .LineTitle {height: 33px; background-image:url('/ui/img/LineTitleBg.png');background-repeat:repeat-x;background-position:center;margin-top:30px;} .wrapper .Content .Desc .LineTitle p {float:left; color:#f32735; font-size:24px;background-color:#fff;padding:0px;margin:0px; font-family: 'Swiss-Medium'; padding-right:15px;} .wrapper .Content .Desc .ProductDetail .ProductOwlList{margin-bottom:30px;float:left;} .wrapper .Content .Desc .ProductDetail .ProductOwlList .item{margin-bottom:20px;border-right:1px solid #c8c8c8;} .wrapper .Content .Desc .ProductDetail .ProductOwlList .item p{color:#f32735;text-align:center; font-family: 'Swiss-Medium';font-size:24px;margin:0px; line-height: initial; } .wrapper .Content .Desc .ProductDetail .ProductOwlList .item p:last-child{color:#f32735;font-size:14px;font-family: 'Swiss-Light'; } .wrapper .Content .Desc .ProductDetail .ProductOwlList .item img{ width:80%;display:table;margin: auto;} @media (max-width:767px){.wrapper .Content .Desc .ProductDetail .PropertiesDetail{padding:10px;overflow-x:scroll;} .wrapper .Content .Desc .ProductDetail .PropertiesDetail .row div:nth-child(2n) {border-left:0px; border-top:10px solid #fff; } } .wrapper .Content .Desc .ProductList { } .wrapper .Content .Desc .ProductList .item {padding:30px 20px; border:1px solid #e2e2e2;border-top:0px;border-left:0px;border-right:0px;cursor:pointer;} .wrapper .Content .Desc .ProductList .item .img {width:220px;float:left;display:table;padding:15px;} .wrapper .Content .Desc .ProductList .item img{width:100%;} .wrapper .Content .Desc .ProductList .item .Properties{display:flex;float:left; flex-direction:column; align-items: start; margin-left: 30px; width: calc(55%);} .wrapper .Content .Desc .ProductList .ImageComingSoon {width:90%;} .wrapper .Content .Desc .ProductList .item:nth-child(2n) {border-left:1px solid #e2e2e2;} .wrapper .Content .Desc .ProductList .item a,.wrapper .Content .Desc .ProductList .item p{margin-bottom:0px;color:#666666;font-weight: 300;line-height: 1.4;font-size:18px;text-decoration:none;} .wrapper .Content .Desc .ProductList .item p:first-child{font-family: 'Swiss-Heavy';font-size:24px;} .wrapper .Content .Desc .ProductList .item p:nth-child(5),.wrapper .Content .Desc .ProductList .item p:nth-child(7){ font-family: 'Swiss-Medium';font-size:16px;} .wrapper .Content .Desc .ProductList .item p:nth-child(6){font-size:16px;} @media (max-width:767px){ .wrapper .Content .Desc .ProductList .item:nth-child(2n){border-left:0px;} .wrapper .Content .Desc .ProductList .item .img{width:135px; width: 100%;}.wrapper .Content .Desc .ProductList .item .Properties{display:table;float:left;}} .Content .ProductList .item .Properties{min-height: 200px;} .Content .ProductDetail .Properties p.Title strong,.Content .ProductDetail .Properties p.Title {font-family: 'Swiss-Medium'; font-size:48px;background-color:transparent;color:#1292d0;padding-left:10px;line-height:48px;} .Content .ProductDetail .Properties p.Title strong{font-weight:normal;} .Content .ProductDetail .Properties div {padding:10px 15px;background-color:#fff;margin:0px;font-weight:300;} .Content .ProductDetail .Properties div label { font-weight:bold; width: 170px; margin:0px; font-size:15px; font-family: 'Swiss-Light'; color: #898989; } .Content .ProductDetail .Properties div span {font-weight:300; font-size:15px; color:#737373; font-family: 'Swiss-Light';} .Content .ProductDetail .Properties div:nth-child(2n) {background-color:#f4f2f3;} .Content .ProductDetail .Properties .custom-button-text { font-size:20px !important; } .wrapper .Content .Desc .ProductList .item a { font-size: 14px; } .bid {/*display:table;float:right;*/margin:20px 0px; margin-bottom: 0px; } .bid input[type=text] { background-color:#666;color:#fff;width:30px;border:0px;outline:0px;float:right;text-align:center; height: 22px;font-size: 10px;padding: 0px 5px;} .bid p {background-color:#f12535;color:#fff !Important;float:right;padding:5px;font-size:11px !important;letter-spacing: 0px;height:22px;padding-top:4px;cursor:pointer;line-height: inherit !important;} .wrapper .Content .Desc .PageList{display:table;margin: 30px auto;} .wrapper .Content .Desc .PageList a{margin: 0px 5px;padding: 5px 10px;font-size: 15px;color: #898989;transition: all 0.3s ease;border: 1px solid #cbcbcb;} .wrapper .Content .Desc .PageList a:hover{text-decoration:none;background-color:#f12535 !important;color:#fff !important;border:1px solid #f12535 !important;} .wrapper .Content .Desc .PageList span{border:0px;font-family: 'Swiss-Heavy'; margin: 0px 5px;padding: 5px 10px;font-size: 15px;color: #fff;background-color:#f12535;border: 1px solid #f12535;} .wrapper .Content .Desc .PageList a:last-child,.wrapper .Content .Desc .PageList .backIcon{border:0px;font-family: 'Swiss-Heavy';background-color:#898989;color:#fff;padding: 5px 10px; border: 1px solid #898989;} .wrapper .Content .Desc .RepresentativeLightBox {} .wrapper .Content .Desc .RepresentativeLightBox .modal {z-index: 5000;} .wrapper .Content .Desc .RepresentativeLightBox .modal-content{padding:30px 70px;} .wrapper .Content .Desc .RepresentativeLightBox .modal-content .modal-header {display:block;border:0px;} .wrapper .Content .Desc .RepresentativeLightBox h2.Title, .wrapper .Content .Desc .RepresentativeLightBox h2.Title i{font-size:45px;} .wrapper .Content .Desc .RepresentativeLightBox .Spot {font-size:18px;margin: 0px;margin-bottom: 15px;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body img{width:100%;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body .flag-wrapper {position: absolute;width: 40px;height: 40px;top: -14px;right:0px} .wrapper .Content .Desc .RepresentativeLightBox .modal-body form{} .wrapper .Content .Desc .RepresentativeLightBox .modal-body form .User p{color: #666666;width:100%; margin-bottom: 0;font-size:19px; line-height: normal;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body form .User p:first-child{font-size:40px;font-family: 'Swiss-Heavy'; line-height: 50px;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body form a,.wrapper .Content .Desc .RepresentativeLightBox .modal-body form label{ font-family: 'Swiss-Light';margin-bottom:0px;font-size: 1.3rem;font-weight: 600;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body form input[type=text] {padding-left:5px; color: #666666; border:0px;border-bottom:1px solid #989898;height:30px; font-family: 'Swiss-Roman';width:100%;font-size: 1.3rem;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body form textarea {border:0px;border-bottom:1px solid #989898;height:90px; font-family: 'Swiss-Roman';width:100%; color: #666666;font-size: 1.3rem;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body form input[type=text]:focus{outline:0px;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body .form-group{margin-top:25px;} .wrapper .Content .Desc .RepresentativeLightBox .modal-body .col-md-8{padding-left:40px;} .wrapper .Content .Desc .RepresentativeLightBox .modal-footer {border:0px;} .wrapper .Content .Desc .RepresentativeLightBox .btn-primary{background-color: #f12837;border: 0;padding: 15px 50px;font-size: 18px;border-radius: 0px;font-family: 'Swiss-Light';float: right;outline:none;} .wrapper .Content .Desc .RepresentativeLightBox .LightBoxBtn{display:none;} .wrapper .Content .Desc .RepresentativeLightBox .modal-header .close { position: absolute;right: 0;top: 0;width: 50px;height: 50px;padding: 0;right: 20px;top: 20px;} .wrapper .Content .Desc .RepresentativeLightBox .modal-header .close span{font-size:25px;} .wrapper .Content .Desc .RepresentativeLightBox .error {color:#f12837;} .wrapper .Content .RepresentativeLightBox .modal-body form input[type=text].errorTxt::placeholder {color:#cb1834;} .wrapper .Content .RepresentativeLightBox .modal-body form input[type=text].errorTxt:-ms-input-placeholder{color:#cb1834;} .wrapper .Content .RepresentativeLightBox .modal-body form input[type=text].errorTxt::-webkit-input-placeholder {color:#cb1834;} .wrapper .Content .RepresentativeLightBox .modal-body form select.errorTxt{color:#cb1834;} .wrapper .Content .RepresentativeLightBox .modal-body form textarea.errorTxt,.wrapper .Content .RepresentativeLightBox .modal-body form input[type=password].errorTxt, .wrapper .Content .RepresentativeLightBox .modal-body form select.errorTxt, .wrapper .Content .RepresentativeLightBox .modal-body form input[type=text].errorTxt{ border-bottom-color: rgba(203,24,52,1);} /*.wrapper .Content .RepresentativeLightBox .modal-body form input[type=password], .wrapper .Content .RepresentativeLightBox .modal-body form input[type=text]*/ @media (min-width:1300px){ .wrapper .Content .Desc .RepresentativeLightBox .modal-dialog {max-width:65%;} } @media (max-width:1500px) { .wrapper .Content .Desc .RepresentativeLightBox .modal-content{padding:30px;} .wrapper .Content .Desc .RepresentativeLightBox h2.Title, .wrapper .Content .Desc .RepresentativeLightBox h2.Title i{font-size:40px;}} @media (max-width:1300px){.wrapper .Content .Desc .RepresentativeLightBox .modal-dialog {max-width:90%;} .wrapper .Content .Desc .RepresentativeLightBox .modal-content {padding: 30px 20px}} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .CatalogueLightBox {} .wrapper .Content .CatalogueLightBox .modal-header{/*height:60px;*/border:0px;} .wrapper .Content .CatalogueLightBox .modal-body form{} .wrapper .Content .CatalogueLightBox .modal-body form .User p{color: #666666;width:100%; margin-bottom: 0;font-size:19px; line-height: normal;} .wrapper .Content .CatalogueLightBox .User p:first-child{font-size:40px;font-family: 'Swiss-Medium';color:#666666; line-height: 50px;} .wrapper .Content .CatalogueLightBox .modal-body form label{ font-family: 'Swiss-Light';margin-bottom:0px;} .wrapper .Content .CatalogueLightBox .modal-body form option{ font-family: 'Swiss-Light';margin-bottom:0px;} .wrapper .Content .CatalogueLightBox .modal-body form select{font-weight: normal;border-top: 0;border-left: 0;border-right: 0;outline: 0; font-family: 'Swiss-Roman';padding-left:0px;color:#000;border-bottom-color:#989898;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=password], .wrapper .Content .CatalogueLightBox .modal-body form input[type=text] {padding-left:5px; color: #666666; border:0px;border-bottom:1px solid #989898;height:30px; font-family: 'Swiss-Roman';width:100%; background-color: transparent;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=password].errorTxt,.wrapper .Content .CatalogueLightBox .modal-body form select.errorTxt, .wrapper .Content .CatalogueLightBox .modal-body form input[type=text].errorTxt{border-bottom-color:rgba(203,24,52,1);} .wrapper .Content .CatalogueLightBox .modal-body form input[type=text].errorTxt::placeholder {color:#cb1834;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=text].errorTxt:-ms-input-placeholder{color:#cb1834;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=text].errorTxt::-webkit-input-placeholder {color:#cb1834;} .wrapper .Content .CatalogueLightBox .modal-body form select.errorTxt{color:#cb1834;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=text]::placeholder {color:#000;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=text]:-ms-input-placeholder{color:#000;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=password]::-webkit-input-placeholder {color:#000;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=password]::placeholder {color:#000;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=password]:-ms-input-placeholder{color:#000;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=password]::-webkit-input-placeholder {color:#000;} .wrapper .Content .CatalogueLightBox .modal-body form #City{display:none;} .wrapper .Content .CatalogueLightBox .modal-body form input:-webkit-autofill, .wrapper .Content .CatalogueLightBox .modal-body form input:-webkit-autofill:hover, .wrapper .Content .CatalogueLightBox .modal-body form input:-webkit-autofill:focus, .wrapper .Content .CatalogueLightBox .modal-body form select:-webkit-autofill, .wrapper .Content .CatalogueLightBox .modal-body form select:-webkit-autofill:hover, .wrapper .Content .CatalogueLightBox .modal-body form select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset;transition: background-color #fff;} .wrapper .Content .CatalogueLightBox .modal-body .Login form input:-webkit-autofill, .wrapper .Content .CatalogueLightBox .modal-body .Login form input:-webkit-autofill:hover, .wrapper .Content .CatalogueLightBox .modal-body .Login form input:-webkit-autofill:focus, .wrapper .Content .CatalogueLightBox .modal-body .Login form select:-webkit-autofill, .wrapper .Content .CatalogueLightBox .modal-body .Login form select:-webkit-autofill:hover, .wrapper .Content .CatalogueLightBox .modal-body .Login form select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;transition: background-color #f7f7f7;} .wrapper .Content .CatalogueLightBox .SuccessMessage{position: absolute;left: 0;right: 0;bottom: 10%;top: 10%;/*border: 1px solid red;*/display:none;} .wrapper .Content .CatalogueLightBox .SuccessMessage p{text-align: center;width: 100%;font-size:30px;font-family: 'Swiss-Medium';color: #666666;padding: 0 20%;} .wrapper .Content .CatalogueLightBox .SuccessMessage p img{display: table;margin: auto;padding-bottom: 40px;} .wrapper .Content .WaitingMessage{position: absolute;left: 0;right: 0;bottom: 10%;top: 10%;/*border: 1px solid red;*/display:none;} .wrapper .Content .WaitingMessage p{text-align: center;width: 100%;font-size:16px;font-family: 'Swiss-Medium';color: #666666;padding: 0 20%;} .wrapper .Content .WaitingMessage p img{display: table;margin: auto;/*padding-bottom: 40px;*/} .wrapper .Content .CatalogueLightBox .RegisterSuccess{display:none;position:relative;} .wrapper .Content .CatalogueLightBox .RegisterSuccess p{text-align: center;width: 100%;font-size:16px;font-family: 'Swiss-Medium';color: #666666;padding: 0 20%;} .wrapper .Content .CatalogueLightBox .RegisterSuccess p img{display: table;margin: auto;/*padding-bottom: 40px;*/} .wrapper .Content .CatalogueLightBox .modal-body #Captcha{float: left;display: table;width:130px;margin-left:5px;margin-top: 5px;} .wrapper .Content .CatalogueLightBox .modal-body h2{color:#666666;margin:20px 0;} .wrapper .Content .CatalogueLightBox .modal-body .Login{background-color:#f7f7f7;padding:40px;} .wrapper .Content .CatalogueLightBox .modal-body form textarea {border:0px;border-bottom:1px solid #989898;height:90px; font-family: 'Swiss-Roman';width:100%; color: #666666;} .wrapper .Content .CatalogueLightBox .modal-body form input[type=text]:focus{outline:0px;} .wrapper .Content .CatalogueLightBox .modal-body .form-group{margin: 30px 0px;} .wrapper .Content .CatalogueLightBox .modal-body .col-md-8{padding-left:40px;} .wrapper .Content .CatalogueLightBox .modal-footer {border:0px;} .wrapper .Content .CatalogueLightBox .btn-primary{background-color: #f12535;border: 0;padding: 15px 70px;font-size: 18px;border-radius: 0px;font-family: 'Swiss-Light';float: right;outline:none;box-shadow: none !important;} .wrapper .Content .CatalogueLightBox .LightBoxBtn{display:none;} .wrapper .Content .CatalogueLightBox .modal-header .close { position: absolute;right: 0;top: 0;width: 50px;height: 50px;padding: 0;right: 20px;top: 20px;} .wrapper .Content .CatalogueLightBox .modal-header .close span{font-size:25px;} .wrapper .Content .CatalogueLightBox .alert{display:none;font-family: 'Swiss-Roman';margin: 20px 0px;} @media (min-width:1920px){.wrapper .Content .CatalogueLightBox .modal-body #Captcha{width:200px;}} @media (min-width:1300px){ .wrapper .Content .CatalogueLightBox .modal-dialog {max-width:65%;}} @media (max-width:1300px){.wrapper .Content .CatalogueLightBox .modal-dialog {max-width:90%;} .wrapper .Content .CatalogueLightBox .modal-content {padding: 30px 20px}} /*.wrapper .Content .CatalogueLightBox #exampleModal{transition: all 0.3s ease;}*/ .wrapper .Content .CatalogueLightBox .modal-body{z-index:10;} .wrapper .Content .CatalogueLightBox .loading {position: absolute;left: 0px;right: 0px;bottom:10%;top:10%;background-color:#fff;z-index:1;opacity:0;} .wrapper .Content .CatalogueLightBox .loading .wrp {position: absolute;left: 0px;right: 0px;top: 50%;} .wrapper .Content .CatalogueLightBox .loading .cssload-container {width: 100%;height: 49px;text-align: center;} .wrapper .Content .CatalogueLightBox .loading .cssload-speeding-wheel {width: 49px;height: 49px;margin: 0 auto;border-top-color: rgba(0, 0, 0, 0.96);border-bottom-color: rgba(0, 0, 0, 0.96); border: 2px solid rgba(0, 0, 0, 0.96);border-radius: 50%;border-left-color: transparent;border-right-color: transparent;animation: cssload-spin 575ms infinite linear;-o-animation: cssload-spin 575ms infinite linear;-ms-animation: cssload-spin 575ms infinite linear;-webkit-animation: cssload-spin 575ms infinite linear;-moz-animation: cssload-spin 575ms infinite linear;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc .ContentLeftBx {padding-bottom:50px;} .wrapper .Content .Desc .ContentLeftBx ul {margin:auto;padding:0px;overflow: auto;max-height:340px;} .wrapper .Content .Desc .ContentLeftBx ul li {list-style-type:none;} .wrapper .Content .Desc .ContentLeftBx ul li p{padding:5px 10px;background-color:#333333;color:#fff;margin:10px;font-size:18px; margin-left: 0;background-image:url('/ui/img/icon/LeftMenuDownArrow.png');background-position:center right; background-position-x:95%; background-repeat:no-repeat;cursor:pointer;} .wrapper .Content .Desc .ContentLeftBx ul li p.Up {background-image:url('/ui/img/icon/LeftMenuUpArrow.png');} .wrapper .Content .Desc .ContentLeftBx ul li ul li p {background-color:#fff;color:#333333;font-size:17px;padding: 0px;padding-left: 15px;} .wrapper .Content .Desc .ContentLeftBx ul::-webkit-scrollbar-track{/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/border-radius: 10px;background-color: #F5F5F5;} .wrapper .Content .Desc .ContentLeftBx ul::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;} .wrapper .Content .Desc .ContentLeftBx ul::-webkit-scrollbar-thumb{border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #ccc;} .wrapper .Content .Desc .ContentLeftBx ul::-webkit-scrollbar-button {background-color: #fff;} .wrapper .Content .Desc .ContentLeftBx .MediumTitle {padding-left:0px; } .wrapper .Content .Desc .ContentLeftBx .MediumTitle span{padding-left:0px; } .wrapper .Content .Desc .ContentLeftBx .ChckBx{ font-family: 'Swiss-Light'; padding-top: 2px;display: block;position: relative;padding-left:29px;margin-bottom: 12px;cursor: pointer;font-size:15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .wrapper .Content .Desc .ContentLeftBx .FilterResults{} @media screen and (max-width:768px) {.wrapper .Content .Desc .ContentLeftBx .ChildFilter{display:none;}} @media screen and (min-width:768px) {.wrapper .Content .Desc .ContentLeftBx .ChildFilter{display:block !important;}} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Map {display:table;margin:auto;} /*.wrapper .Content .Map {overflow:hidden;display:table;margin:auto;} .wrapper .Content .Map img{transition: all 0.3s ease;}*/ .easyzoom {float: left;} .easyzoom img {display: block;} .easyzoom {display: inline-block;} .easyzoom img {vertical-align: bottom;} @media screen and (min-width:1536px) { .wrapper .ChildMenu ul li.Mbx img {width:100%;} .wrapper .Teaser .Txt p {font-size:29px;} /*.wrapper .RD .col-md-12 div {min-height: 421px;}*/ .wrapper .main section .Countries p:nth-child(3) { font-size: 19px; } .wrapper .main section .Countries .Line p {font-size: 15px;} .wrapper .main section .Countries .Line span {width: 410px;} .wrapper .RD .RdText p {font-size: 57px;line-height: 50px;} .wrapper .RD .RdText .Line p {font-size: 15px;line-height: 50px;} .wrapper .RD .RdText .Spot {font-size: 24px;line-height: 25px;} .wrapper .RD .RdLogo{width:300px;height:300px;/*border:1px solid red;*/ position: absolute; left: 40%; top: 43%; z-index: 10; } .wrapper .RdText .Line span {margin-top: 24px;} .wrapper .Search {max-width:1137px;} .wrapper .Content .Desc .Spot strong,.wrapper .Content .Desc .Spot {line-height: 45px;font-size:25px;margin: 15px 0px;} #particles-js .canvas{width:auto;} .wrapper .ImageSlider .Arrow ,.wrapper .UniqueSlider .Arrow {display:none; } .wrapper .ChildMenu ul li .MbxP a {font-size: 31px;} .wrapper .ChildMenu ul li.Mbx:hover ul {height:250px;} /*.wrapper .TopMenu .BtnAndImage .Abs {top: 10px;}*/ /*.wrapper .TopMenu .SampaConnect { top: 24px;}*/ /*.wrapper .UniqueSlider .item .Txt p:first-child {font-size: 20px;}*/ /*.wrapper .UniqueSlider .item {height: 303px;}*/ } @media screen and (max-width:1292px) { .wrapper .RD{width:95%;margin-bottom: 50px;} .wrapper .RD .RdText {float: none;text-align: center;clear:both;display:table;margin:auto;} .wrapper .RD .RdImage{display:table;margin:auto;float: none;} .wrapper .RD .RdLogo{display:none;} } @media screen and (max-width:1024px) { .wrapper .Search p {line-height: 62px;} .wrapper .Search p.MSpot {line-height: initial;} .wrapper .main section .Countries .CountriesList {width: 100%;max-width: 100%;margin: 20px auto;min-height:auto;} .wrapper .main section .Countries .col-md-8 {margin: 50px 0px;max-width: 100%;flex: auto;} .wrapper .main section .Countries .CountriesList img {display:block;width:100%;} /*.wrapper .main section .Countries .CountriesList img:nth-child(2) {position:relative;}*/ .wrapper .RD .RdText {float: none;text-align: center;} .wrapper .main section .Countries .col-md-4 { float: none;position: relative;width: 100%;top: auto;display: initial;max-width: 100%;flex: auto;} .wrapper .HSlider .TextSlider .item p.Title {font-size: 24px;line-height: initial;margin-top: 60px;} .wrapper .HSlider .TextSlider {margin-bottom:0px; } /*.wrapper .Content .Desc .ImageAndText .Image p {font-size:14px;}*/ .wrapper .RD .RdLogo {display:none;} .wrapper .RD .RdImage img{width:100%;} .wrapper .ChildMenu ul {margin-top:100px; } .wrapper .ChildMenu ul li .MbxP {position:relative;display:block;padding: 10px 0px;} .wrapper .ChildMenu ul li.Mbx img {top: 0;float: right;display: table;right: 0;width: 26%;top: 28px;} .wrapper .ChildMenu {overflow: hidden;overflow-y:scroll;} .wrapper .ChildMenu ul li.Mbx {display:block; width: 100%;float:none;width:100% !important; height: auto !important;} .wrapper .ChildMenu ul li.Mbx:hover ul {display:block;} .wrapper .ChildMenu ul li .MbxP ul {height:auto !important;display:none;} .wrapper .ImageSlider .item span {opacity: 1;top: 0px;} .wrapper .main .SlcWrp {display:none; } } @media screen and (max-width:991px) { /*.wrapper .Content .Desc .ImageAndText .Image p {font-size:12px;}*/ .wrapper .HSlider .CSlider , .wrapper .HSlider .CSlider .owl-carousel .owl-item {height:auto !Important;} /*section {padding:20px 0px; }*/ .wrapper .ImageSlider .item span {display:block;opacity:1;top:0px; } .wrapper .Content .Desc .ImageAndText .Txt {padding:0px; } .wrapper .Content .Desc .ThreeImageList p.Title {font-size: 24px;} .wrapper .Content .Desc .ThreeImageList p {font-size: 17px;} .wrapper .FMenu .Logo {top:0px;} .wrapper .FactorySlider .FactoryNav .item {margin-right:0px; } .wrapper .FactorySlider .item .Text {float: left;left: 0px;right: auto;width:100%;} .wrapper .FactorySlider .owl-item img {float:none !important;width:100%;} .wrapper .FactorySlider .owl-item .Text {top: auto;bottom:0px;} .wrapper .Teaser .Txt {width:100% !important; } } @media only screen and (min-width:768px) and (max-width:991px) { /*.wrapper .Search p {line-height: 62px;} .wrapper .Search p.MSpot {line-height: initial;} .wrapper .main section .Countries .CountriesList {width: 100%;max-width: 100%;margin: 20px auto;min-height:auto;} .wrapper .main section .Countries .col-md-8 {max-width:100%;} .wrapper .main section .Countries .CountriesList img {display:block;} .wrapper .main section .Countries .CountriesList img:nth-child(2) {position:relative;} .wrapper .RD .RdText {float: none;text-align: center;} .wrapper .main section .Countries .col-md-4 {float: none;position: relative;width: 100%;top: auto;display: initial;} .wrapper .HSlider .TextSlider .item p.Title {font-size: 24px;line-height: initial;margin-top: 60px;} .wrapper .HSlider .TextSlider {margin-bottom:0px; }*/ } @media screen and (max-width:1002px) { .wrapper .footerMenu {padding: 0px;border: 0px;width: 100%;float: none;margin: 0;} .wrapper .footerMenu ul {float:none;width:100%; padding: 0px !important;width: auto;} .wrapper .footerMenu ul.nav li {float:none;width:100%;margin-bottom:20px;} .wrapper .footerMenu ul.nav li a{width:100%;text-align:center;display:block;} .wrapper .footerMenu ul.nav li ul {width:100%;float:none;} .wrapper .footerMenu ul.nav li ul li {margin-bottom:5px;width:100%;border:0px;} .wrapper .footerMenu ul.nav li ul li a {text-align:center;width:100%;display: block;} .wrapper .FMenu .Logo {top: 0;margin-bottom: 30px;border:0px;} .wrapper .Teaser .FollowUs {left:0px;} .wrapper .FollowUs {width:100%;padding: 0px;height: auto;} .wrapper .FollowUs ul {border-left: 0px solid #fff;display:table;margin:auto;float:none;} .wrapper .FollowUs p {transform: rotate(0deg);position: relative;margin: 0;border: 0;text-align: center;width: 100%;bottom: 0;border-bottom: 1px solid #fff;font-size:16px;right: 0;} .wrapper .FollowUs ul li {display: table;float: left;padding: 20px !important;} .wrapper .Teaser .ScrollDown {bottom: 150px;} } @media screen and (max-width:767px) { .wrapper .FactorySlider .FactoryNav .item {min-height: 140px;} .wrapper .FactorySlider .owl-item .Text {position: relative;padding: 20px 0px;} /*.wrapper .ChildMenu {overflow-x:scroll;}*/ .wrapper .ImageSlider .Arrow {right: -20px;left: -20px;} .wrapper .UniqueSlider .Arrow{right: -10px;left: -10px;} .wrapper .main .SlcWrp {display:none;} .wrapper .Teaser .Txt label {font-size: 60px;line-height: 59px;height: 59px;} .wrapper .Teaser .Txt p {font-size: 18px;} .wrapper .Teaser .Txt {width: 80%;} .wrapper .Search p.MSpot {line-height: initial;margin-bottom: 10px;} .wrapper .Search input[type=text] { float:none; } .wrapper .Search .SearchBtn {padding: 17px 48px;float: none;display: table;margin: 10px auto;} .wrapper .Search p {text-align:center;font-size: 37px;line-height: 44px;} .wrapper .Search p.Spot {line-height: 30px;margin-top: 20px;} .wrapper .main section .Countries {padding:20px;} .wrapper .main section .Countries .col-md-4 {position:relative;} .wrapper .main section .Countries .CountriesList {width: 100%;position: relative;min-height: inherit;} /*.wrapper .main section .Countries .CountriesList img:nth-child(2) {position:relative;}*/ .wrapper .main section .Countries .CountriesList img {display: block;} .wrapper .main section .Countries .CountriesList img[data-statu~=false] {display: block;width: 100%;} .wrapper .ImageSlider .item span {opacity:1;top:0px;} .wrapper .RD {} .wrapper .RD .RdText {padding: 15px;float:none;text-align:center;} .wrapper .RD .RdImage {display: table;margin: auto;width: 100%;} .wrapper .RD .RdText ul {margin: 40px auto;} .wrapper .HSlider .CSlider .owl-carousel .owl-item {height:auto;} .wrapper .HSlider .CSlider .item {min-height: initial;} .wrapper .HSlider .CSlider .owl-carousel {position:relative;} .wrapper .HSlider .TextSlider .item p.Title {width: 60%;line-height: inherit;margin-top: 30px;} .wrapper .HSlider .TextSlider .item p.Spot {margin: 20px auto;font-size: 17px;width: 80%;} .wrapper .HSlider .TextSlider {margin-bottom:0px;} .wrapper .Content ol.breadcrumb {background-image:none; padding-left: 15px;} .wrapper .Content .Desc p {/*font-size:16px;*/line-height:initial !important;} .wrapper .Content .Desc ul li {font-size:16px !important; } .wrapper .ChildMenu ul li .MbxP a {font-size:30px;} .wrapper .TopMenu {position: relative;background: rgb(0,0,0);opacity: 0.8;/*overflow:hidden;*/height:95px !important;} } @media(min-width: 768px){ .col-1-5{ width: 20%; max-width:20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } } @media(max-width:1200px){ .col-1-5{ width:25%; max-width:25%; float: left; } } @media(max-width:991px){ .col-1-5{ width:50%; max-width:50%; float: left; } } @media(max-width:413px){ .col-1-5{ width:100%; max-width:100%; float: left; } } @media screen and (max-width:414px) { .wrapper .TopMenu .BtnAndImage .TeaserLogo {width: 30%;} .wrapper .TopMenu .SampaConnect {/*top: 15px;*/width: 110px; margin-right: 0;} .wrapper .TopMenu .SampaConnect .Image{ background-size: 105%;} .wrapper .TopMenu .SampaConnect .Skew {left: -19px;right: 75px;} .wrapper .TopMenu .BtnAndImage .Abs {top:0px;} .wrapper .Content .Desc {padding: 0px 15px;} .wrapper .Content .Desc .RedTitle span, .wrapper .Content .Desc .RedTitle {font-size:44px; } /*.wrapper .Content ol.breadcrumb {padding-left:15px;}*/ .wrapper .Content .Desc .ImageAndText .Txt p.Title,.wrapper .Content .Desc .ImageAndText .Txt p.Title span { font-size:44px;} .wrapper .Content .Desc .ImageAndText .Txt a,.wrapper .Content .Desc .ImageAndText .Txt p {text-align:center;display:block; } .wrapper .Teaser .Txt label {font-size:40px; line-height: 41px;height: 41px;} .wrapper .Teaser .Txt label:first-child {padding-left:3%;} .wrapper .FactorySlider .FactoryNav {margin: 10px -15px;} .wrapper .Teaser .Txt {width:95%;} .wrapper .Content .Desc .ContinentsList .item p{ font-size: 15px;} .wrapper .Content .Desc .Spot{font-size:18px;} } @media screen and (max-width:321px) { .wrapper .FollowUs ul li{padding:15px !important; } .wrapper .TopMenu .MobileLang .Lang{margin-right:0px;} .wrapper .TopMenu .SampaConnect {/*top: 15px;*/width:80px;} .wrapper .TopMenu .SampaConnect .Skew {left: -13px;right: 0;} .wrapper .TopMenu .SampaConnect .Image{background-size: 125%;background-position: left;background-position-x: -10px;} .wrapper .TopMenu .col:last-child{overflow:hidden;} .wrapper .Content .Desc h2.Title span, .wrapper .Content .Desc h2.Title, .wrapper .Content .Desc h2.Title i{font-size:30px;} } /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .Content .Desc #NisanForm{} .wrapper .Content .Desc #NisanForm select{border: 0px;margin: 20px 0px;border-bottom: 1px solid #bfbdbd;outline: none;box-shadow: none;font-size: 20px;font-family: 'Swiss-Light';font-weight: bold;height: 36px;} .wrapper .Content .Desc #NisanForm .SehirBx{margin-top:26px;} .wrapper .Content .Desc #NisanForm input[type=text] {border:0px; margin:20px 0px; border-bottom:1px solid #bfbdbd;outline:none;box-shadow:none;font-size:20px;font-family: 'Swiss-Light';font-weight:bold;} .wrapper .Content .Desc #NisanForm input[type=text]::-ms-input-placeholder , .wrapper .Content .Desc #NisanForm input[type=text]:-ms-input-placeholder,.wrapper .Content .Desc #NisanForm input[type=text]::placeholder {color: #4d4d4d;} .wrapper .Content .Desc #NisanForm input[type=submit]{background-color:#4d4d4d;border:0px;color:#fff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;display:table;padding:9px 60px;margin:auto;font-size:18px;font-family: 'Swiss-Light';letter-spacing:10px;font-weight:bold;cursor:pointer;margin: 20px auto;} .wrapper .Content .Desc #NisanForm .error {color:#e00000;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ #Fidan input.input-validation-error {border-color: #ff0000 !important;box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 25%);} #Fidan input[type=text] {border: 0px;margin: 0px;margin-bottom: 40px;border-bottom: 1px solid #bfbdbd;outline: none;box-shadow: none;font-size: 20px;font-family: 'Swiss-Light';font-weight: bold;padding: 0px;} .wrapper .Content .Desc.FidanForm .FormMessage {} .wrapper .Content .Desc.FidanForm .loading {position: absolute;left: 0px;right: 0px;bottom:0;top:0;background-color:#fff;z-index:1;display:none;} .wrapper .Content .Desc.FidanForm .loading .wrp {position: absolute;left: 0px;right: 0px;top: 50%;} .wrapper .Content .Desc.FidanForm .loading .cssload-container {width: 100%;height: 49px;text-align: center;} .wrapper .Content .Desc.FidanForm .loading .cssload-speeding-wheel {width: 49px;height: 49px;margin: 0 auto;border-top-color: rgba(0, 0, 0, 0.96);border-bottom-color: rgba(0, 0, 0, 0.96); border: 2px solid rgba(0, 0, 0, 0.96);border-radius: 50%;border-left-color: transparent;border-right-color: transparent;animation: cssload-spin 575ms infinite linear;-o-animation: cssload-spin 575ms infinite linear;-ms-animation: cssload-spin 575ms infinite linear;-webkit-animation: cssload-spin 575ms infinite linear;-moz-animation: cssload-spin 575ms infinite linear;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ body.lenovotablet4644 .wrapper .TopMenu {background:#333333;} .wrapper .Content .Desc .TabletLisans .d-flex {display:flex; flex-direction:row; align-items:start;justify-content:start;} .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row div {padding:1rem;} .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row div a {word-break: break-all;text-decoration:underline;color:#000;text-align:center;display: flex;flex-direction: row;align-items: start;justify-content: center;padding: 0px 3rem;} .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row div a img{padding:5px;} .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row div strong , .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row div p {font-size: 1.1rem;color: #000;} .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row div p {text-align: center;padding: 0px 3rem;} .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row div .QR{max-width: 200px;-webkit-border-radius: 20px;-moz-border-radius:20px;border-radius:20px; border:3px solid #000;padding:10px;display:table;margin:auto;} @media screen and (max-width:1000px) { .wrapper .Content .Desc .TabletLisans .d-flex .container-fluid .row {justify-content:center;align-items:center;} .wrapper .Content .Desc .TabletLisans .LeftImage {display:none;} } /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .Content .ProductList {position: relative;width: auto;} .Content .ProductList .item { padding: 15px;} .Content .ProductList .Border { border: 1px solid #eaeaea;border-radius: 20px; display:table;} .Content .ProductList .item:hover {border-color:#1292d0;} .Content .ProductList .item .img {} .Content .ProductList .item img{width:100%;} .Content .ProductList .item .Properties{min-height: 200px;} .Content .ProductList .ImageComingSoon {width:90%;} .Content .ProductList .item a,.Content .ProductList .item p{margin-bottom:0px;line-height: 1.4;text-decoration:none; font-family: 'Swiss-Light';} .Content .ProductList .item p:first-child{font-size:1.4rem; font-weight:700;} .Content .ProductList .item p:nth-child(5),.Content .ProductList .item p:nth-child(7){font-size:16px;} .Content .ProductList .item p:nth-child(6){font-size: 0.9rem;font-weight: 700; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .Content .ProductList .item a {font-size:14px;display: block;padding: 15px;margin: 10px; /*min-height: 415px;*/} .Content .ProductList .Border { border: 1px solid #eaeaea;border-radius: 20px; display:table; } .Stock {background-color:#ececec; border-radius:10px;padding:0px !important;} .Stock div{background-color:transparent !important;gap:1rem;padding: 15px !important;} .Stock span{ color: #fff; gap: .5rem; align-items: center; display: flex; font-weight: 700 !important; } .Content .ProductDetail .Stock {background-color:#ececec !important; max-width: 40%;} .Stock span.Statu1:before { color: black !important; content: " "; width: 15px; height: 15px; border-radius: 50%; display: inline-block; background-color: #21b932; border: 2px solid #fff; } .Statu1 { font-size: 20px !important; justify-content: center; color: #4d4d4d !important; } .Shopping-button {cursor:pointer; text-decoration:none !important; color:#fff !important; display: flex;justify-content: center;align-items: center;border-radius: 7px 30px 30px 7px;width: 140px;height: 35px;background: rgb(10,40,201);background: linear-gradient(174deg, rgba(10,40,201,1) 0%, rgba(2,24,143,1) 100%);box-shadow: 0px 0px 20px -7px rgba(0,25,140,1);border: none;text-align: left;padding: 2px; transition: width 0.3s !important;margin:10px;} .Shopping-button span {font-weight: 700;text-align: left;color: #fff !important;padding-right: 10px;} .Shopping-button span img {width:26px !important;} .Shopping-button .span-img {padding: 10px !important; display: flex;} .Content .Shopping-button {border-radius:10px;max-width:100%;min-width: 200px !important;margin:auto; margin-left: 25px; } @media screen and (max-width:1700px) { .Shopping-button {border-radius:10px; width:80px;margin:10px;} .ProductDetail .custom-button-text{display:flex !important;} .Content .ProductList .Shopping-button {border-radius:10px;} } @media screen and (max-width:1700px) { .Shopping-button {border-radius:10px; width:80px;margin:10px;} .ProductDetail .custom-button-text{display:flex !important;} .Content .ProductDetail .Properties .Shopping-button {border-radius:10px;} } /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .Content .ProductDetail { } .Content .ProductDetail .img{float:left;} .Content .ProductDetail .img img{width:100%;} .Content .ProductDetail .img img.comingsoon {width:400px;display: table;margin: auto;max-width:100%;} .Content .ProductDetail .Properties { justify-content: start; } .Content .ProductDetail .Properties p.Title strong,.Content .ProductDetail .Properties p.Title {font-size:48px;background-color:transparent;color:#f32735;padding-left:10px;line-height:48px;} .Content .ProductDetail .Properties p.Title strong{font-weight:normal;} .Content .ProductDetail .bid {margin:0px; } .Content .ProductDetail .IntertruckLogo {margin-top:1px;} .Content strong ,.Content label , .Content p{line-height:2.5rem;font-size:1.2rem;} .Content a{color:#009fe3;font-weight:700;text-decoration:none;} .Content h3{font-weight:700;} .Content .ContentTitle{font-weight:700;padding: 2rem 0 1rem 0;} .Content .ContentSpot{font-size:1rem;} .BlueBtn {border-radius:30px; padding:20px 60px; background-color:#00148c; color:#fff !important;font-weight:700;border:0px;margin: 30px 0px; cursor: pointer; font-size:16px; } .CaptchaImage {width:130px;} .Content .ContactTitle { font-size: 40px; margin-top: 20px !important; color: #696767; } .BgTransparent{background-color:transparent !important;} .SalesForm .form-group label { font-size: 1.5rem; line-height: 2.5rem; color:#737373; } .SalesForm .form-group input { font-size: 16px; color:#737373; border-radius: 30px; height: 60px; padding: 20px; } .SalesForm .form-group select { height: 60px !important; padding: 10px 20px; border-radius: 30px; border: 1px solid #ced4da; color: #8f8f8f; font-size: 16px; } .SalesForm .form-group select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center; background-position: center; background-position-x: 98%;} .SalesForm .form-group option { font-family: 'Swiss-Heavy'; font-size: 16px; color: #a5a5a5; } .SalesForm .form-group textarea { font-size: 16px; color:#737373; border-radius: 30px; padding: 1rem; } .SalesForm .form-group input::placeholder { margin-left: 20px; font-size: 16px; color:#8f8f8f; } .SalesForm .form-group textarea::placeholder { font-size: 16px; color:#8f8f8f; } .SalesForm .form-group input:-internal-autofill-selected { -webkit-text-fill-color: #737373 !important; } .WebShopSuccess { font-size: 1.2rem; } .Content .ProductDetail .Properties .BgTransparent { background-color: transparent !important; } .Content .ProductDetail .Properties .Shopping-button .custom-button-text { font-weight: 600; } .Loading{display:block;background-color:rgb(0 25 140);position:fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 5000;background-image:url('/ui/img/Loading.svg');background-position:center;background-repeat:no-repeat;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .input-validation-error {border-color: red !important;}