.zoneAreaHover{fill: rgba(0, 0, 0, 0);stroke: #ffffff;stroke-width: 0;}.preload{background-color: #fff;background-image: url('../images/load.svg');background-position: center;background-repeat: no-repeat;position: absolute;bottom: 0;left: 0;top: 0;right: 0;z-index: 2;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}.fonttile{font-size:18px;color:#14b2e2;}.zoneimg1{-webkit-appearance: none;position: absolute;width: auto;z-index: 2;}.zoneimg2{-webkit-appearance: none;position: absolute;width: auto;z-index: 2;}.zoneimg3{-webkit-appearance: none;position: absolute;width: auto;z-index: 2;}/* * * * * ANIMATION * * * * * */.zoneimg1 .img-responsive{ animation-delay: 1.5s; }.zoneimg2 .img-responsive{ animation-delay: 2.5s; }.zoneimg3 .img-responsive{ animation-delay: 3.5s; }.zoneimg1 .img-responsive, .zoneimg2 .img-responsive, .zoneimg3 .img-responsive{animation-name: flipinx;-webkit-animation-name: flipinx;animation-duration: 4s;-webkit-animation-duration: 4s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-direction: alternate;-webkit-animation-direction: alternate;animation-timing-function: linear;-webkit-animation-timing-function: linear;margin: auto;max-height: 100%;opacity: 0;}@-webkit-keyframes flipinx {0%{opacity: 1;-webkit-transform: perspective(900px) rotateY(90deg);transform: perspective(900px) rotateY(90deg);}20%{-webkit-transform: perspective(900px) rotateY(-15deg);transform: perspective(900px) rotateY(-15deg);}45%{-webkit-transform: perspective(900px) rotateY(15deg);transform: perspective(900px) rotateY(15deg);}70%{opacity: 1;-webkit-transform: perspective(900px) rotateY(0deg);transform: perspective(900px) rotateY(0deg);}100%{opacity: 1;-webkit-transform: perspective(900px) rotateY(0deg);transform: perspective(900px) rotateY(0deg);}}@keyframes flipinx {0%{opacity: 1;transform: perspective(900px) rotateY(90deg);}20%{transform: perspective(900px) rotateY(-15deg);}45%{transform: perspective(900px) rotateY(15deg);}70%{opacity: 1;transform: perspective(900px) rotateY(0deg);}100%{opacity: 1;transform: perspective(900px) rotateY(0deg);}}/* * * * * MEDIA * * * * * */@media (min-width: 1365px) and (max-width: 1439px){.zoneimg1{left: 10%;	top: 35px; }.zoneimg2{left: 40%;top: 25%;	}.zoneimg3{left: 60%;bottom: 25%; width: 260px;}.container{ margin-left: 200px;}}@media (min-width: 1440px) and (max-width: 1599px){.zoneimg1{ left: 20%; top: 35px; }.zoneimg2{ left: 50%; top: 25%; }.zoneimg3{ left: 75%; bottom: 25%; }.container{ margin-left: 200px; }}@media (min-width: 1600px){.zoneimg1{ left: 20%; top: 35px;  height: 100px; }.zoneimg2{ left: 55%;top: 25%;  height: 120px; }.zoneimg3{ left: 75%;bottom: 25%;  height: 90px; }.container{  width: 1370px;;margin-left: 200px; }}@media (max-width: 320px){.zoneimg1, .zoneimg2, .zoneimg3{ padding:0px;left:0px; width:100%;  max-width:100%; max-height: 100px; position: relative !important; margin-top:10px; margin-left: auto; margin-right: auto; }.zoneimg3 .img-responsive{     max-width: 80%;}.img-responsive { padding:0px;left:0px; width:100%; max-width:100%; }}@media (max-width: 767px){.zoneimg1, .zoneimg2, .zoneimg3{ padding:0px; left:0px; width:100%;  max-width:100%;  max-height: 100px; position: relative !important;  margin-top:20px; margin-left: auto; margin-right: auto; }.img-responsive{ padding:0px; left:0px; width:100%;  max-width:100%; }.zoneimg3 .img-responsive{ max-width: 80%;}}@media (max-width: 991px){.zoneimg1, .zoneimg2, .zoneimg3{ padding:0px; left:0px; width:100%; max-width:100%; max-height: 100px;  position: relative !important; margin-top:20px; margin-left: auto; margin-right: auto; }.img-responsive { padding:0px; left:0px; width:100%;  max-width:100%; }.zoneimg3 .img-responsive, .zoneimg2 .img-responsive, .zoneimg1 .img-responsive {max-width: 80%; margin: 0 auto 25px auto;}}