html {
scroll-behavior: smooth;
}
body{
font-family: montserrat, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif;
font-size: 13px;
line-height: 1.6;
font-weight: 400;
letter-spacing: -.02em;
color: rgba(0, 0, 0, .7);
background-color: #fff;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;}
.nav ul,.navmobile ul{
list-style: none; /* remove dots of li */
margin: 0;
padding: 0;
padding-bottom: 1%;
}
.nav li.navmobile li{
display: inline-block; /* to allign nav items horizontally */
}
.nav a,.navmobile a{
color: white;
}
/***************************for fixed nav*********************/
.header{
position: fixed;
top: 0;
width: 100%;
z-index:999;
}
/************************** MOBILES ******************************************/
@media screen and (max-width: 1200px){
/*******************************************************************************/
/*********************** hamburger menu for mobile******************************/
/*******************************************************************************/
.hideme{ /* hides the logo after certain scroll*/
display: none;
}
.nav{
display: none;
}
.toggleMenu{
position: absolute;
top: 35%;
right: 0px;
padding: 15px 20px 15px 15px;
cursor: pointer;
opacity: 1;
transition: all 0.3s ease-in-out;
}
.sidemenu{
position: fixed;
top: 0px;
width: 200px;
margin-left: -250px;
overflow: hidden;
height: 100vh;
background: #000;
opacity: 1;
transition: all 0.3s ease-in-out;
}
.cross{
position: absolute;
top: 10px;
right: 10px;
font-size: x-large;
color: aliceblue;
transition: all 0.3s ease-in-out;
}
.cross:hover{
opacity: 1;
}
.mobilelogoinsidebar h1 {
margin: 0;
font-weight: 700;
line-height: 0.87;
}
.mobilelogoinsidebar a{
color: white;
}
.mobilelogo{
font-size: 2em;
margin: 0;
font-weight: 700;
color:#fff;
line-height: 0.87;
margin-top: 0;
transition: all 10s ease-in-out;
padding-left: 20px;
}
.mobilelogo a{
color: white;
}
.navmobile{
width: 100vw;
}
.signup{
font-size: 1.6rem;
width: 200px;
padding: 3px 0px;
border: solid 1px white;
color: white;
text-align: center;
margin:30px auto 20px auto;
transition: all 0.3s ease-in-out;
}
.signup:hover{
background-color: white;
color: #111;
transition: all 0.3s ease-in-out;
}
.signup a:hover{
color: black;
}
.navmobile .navlistmobile{
font-size: 1.4rem;
margin:20px;
display: block;
width: 200px;
margin-left:auto;
margin-right: auto;
height: 100%;
overflow-y: auto;
}
.navlistmobile li{
padding: 12px 0px;
margin-left: 10px;
margin-right: 10px;
color: #D8D8D8;
border-bottom:solid 1px #D8D8D8;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.showmenu{
margin-left: 0px;
}
.changeopacity{
opacity: 0;
}
}
/*************************mobile ham ends *******************************/
/***************************************************************************/
/******************************** DESKTOPS ******************************/
@media screen and (min-width:1200px ){
.navmobile{
display: none;
}
.page2content,.page3content{
margin-top: 62px; /* set margin top equal to header ka height*/
}
.navwrapper{
transition: all 0.3s ease-in-out;
padding-right: 1rem;
padding-bottom: 0.7rem;
padding-left: 1rem;
} /***** scrolling trans to black***********/
.navwrapper{
background: transparent;
transition: all 0.3s ease-in-out;
}
.notonhomepage{ /* add this class when you want to shift to black nav*/
background: rgba(0, 0, 0, 0.7);
border-bottom: 0.1px solid rgba(255, 255, 255, 0.2);
padding-top: 0;
}
.nav{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.logo{
transition: all 0.3s ease-in-out;
flex-basis: 20%;
}
.navlist{
flex-basis: 55%;
}
.navlist li{
font-size: 1.3rem;
}
.navlist li a{
}
.navlist{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-end;
}
.navlist li{
flex-grow:0.09;
}
.iamselected{ /* add this class to whichever li to focus*/
}
}
.navlist li a:hover, .navlistmobile li a:hover{
background-color: white;
color:#000;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
.tab-pane{ text-align: justify;}
.blue{ color: #ed3237;}
.borbot{ border-bottom: #ed3237 5px solid;
width: 10%;
padding-bottom: 10px;
margin-bottom: 15px;}
.borbot-blue{ border-bottom: #fff 5px solid;
width: 10%;
padding-bottom: 10px;
margin-bottom: 15px;}
a:hover{color:#fff;}
.padding10{padding:10px;}
.newsletter {
overflow: hidden;
height: 40px;
margin: 0 auto;
position: relative;
}
.newsletter input {
width: 100%;
border: 1px solid white;
border-radius: 5px;
height: 40px;
padding: 10px 0 10px 15px;
outline: none;
-moz-transition: border 0.2s ease;
-o-transition: border 0.2s ease;
-webkit-transition: border 0.2s ease;
transition: border 0.2s ease;
}
.newsletter input:focus {
border: 1px solid #999;
}
.newsletter input:focus + button {
background-color: #000;
}
.newsletter button {
position: absolute;
z-index: 999;
right: 2px;
top: 2px;
height: 36px;
border: none;
background-color: #666;
-moz-transition: background-color 0.3s ease, width 0.3s ease;
-o-transition: background-color 0.3s ease, width 0.3s ease;
-webkit-transition: background-color 0.3s ease, width 0.3s ease;
transition: background-color 0.3s ease, width 0.3s ease;
color: white;
padding: 0;
margin: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
text-transform: uppercase;
width: 100px;
text-align: center;
cursor: pointer;
@inlude transform(translateZ(0));
}
.newsletter button:hover {
width: 140px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
margin: auto;
}
.overlay{ width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background:#0000005e}
.carousel-caption {
position: absolute !important;
right: 40% !important;
top:25% !important;
bottom: 25% !important;
left: 40% !important;}
.card-container .card {
position: absolute;
margin: auto;
top:50%;
left: 15%;
width: 300px;
height: 150px;
padding: 20px;
overflow: hidden;
background: #252525;
border-radius: 10px;
text-align:center;
box-shadow: -2px 2px 0px 0px #202020, -10px 10px 40px 0px rgba(0, 0, 0, 0.3);
z-index: 2;
transition: all 1s;
}
.card-container .card:hover {
box-shadow: -2px 1px 0px 0px #202020, -40px 40px 40px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.card-container .card h1 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.card-container .card h1:nth-of-type(2) {
font-size: 16px;
font-weight: 400;
text-align: center;
}
.card-container .card h3 {
color: #fff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.card-container .card h3:nth-of-type(2) {
font-size: 14px;
font-weight: 400;
}
.card-container .card i {
margin-right: 5px;
color: #fff;
}
.card-container .card .circle {
position: absolute;
margin: auto;
top: 10%;
bottom: 0;
right: -50%;
width: 300px;
height: 300px;
border-radius: 50%;
background: #202020;
z-index: -2;
}
.card-container .card .circle:nth-of-type(2) {
width: 100px;
height: 100px;
top: 90%;
right: -20%;
z-index: -1;
background: #fff;
}
@keyframes hvr {
0% {
box-shadow: -2px 2px 0px 0px #202020, -10px 10px 40px 0px rgba(0, 0, 0, 0.3);
}
50% {
box-shadow: -2px 1px 0px 0px #202020, -40px 40px 40px 0 rgba(0, 0, 0, 0.2);
}
100% {
box-shadow: -2px 2px 0px 0px #202020, -10px 10px 40px 0px rgba(0, 0, 0, 0.3);
}
}
@media (max-width:769){.carousel-caption {
position: relative !important;}
}
::-webkit-scrollbar{width:0%;}
.borderright{ border-right:#000 solid 1px; padding-bottom: 20px;}
.box{ border: 1px #00000024 solid;
height: 150px;
position: sticky;
max-width: 200px;margin:20px;text-align:center; box-shadow: #ed32374d 2px 3px;}
.box:hover{color:#fff;background-color:#ed3237; box-shadow: #ed32374d 2px 3px;}
@media screen and (max-width:769px ){.box{max-width:100%;}}
.box .fa{ font-size: 20px;
padding: 30px;}
.anchor-color:hover{color:#36C;}
.link-1 {
transition: 0.3s ease;
background: transparent;
color: #000;
font-size: 15px;
text-decoration: none;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
padding: 20px 0;
margin: 0 20px;
}
.link-1:hover {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 6px 0;
}
.nk-btn3{background:#ed3237;color:#fff;padding:15px;}
.nk-btn3:hover{background:#252525;color:#fff;padding:15px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#regForm {
background-color: #ffffff;
margin: 100px auto;
font-family: Raleway;
padding: 40px;
width: 70%;
min-width: 300px;
}
.tab {
display: none;
}
#prevBtn {
background-color: #bbbbbb;
}
/* Make circles that indicate the steps of the form: */
.step {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbbbbb;
border: none;
border-radius: 50%;
display: inline-block;
opacity: 0.5;
}
.step.active {
opacity: 1;
padding:0;
}
/* Mark the steps that are finished and valid: */
.step.finish {
background-color: #4CAF50;
}
.invalid{background:#ffb8b8ba;}
.pagination li{padding:5px;}
.pagination .active{background:#ed3237;color:#fff; border-radius:10px; display: inline-block;
font-weight: 400;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.pagination li a:hover{color:#ed3237;}
.imgsize{width:100%;}
iframe{width: 100%;
height: 500px;}
.layout_header{
display:none;
}
.nk-isotope-item:hover .layout_overlay{background:#3333338f;width: 100%;
height: 100%;
position: absolute;
top: 0;}
.nk-isotope-item:hover .layout_header{
display:block;
position: absolute;
z-index: 999;
top: 40%;
width:100%;
text-align:center;
color: #fff;
text-transform: uppercase;
}
.item-nav .active{border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 6px 0;}
.foreground{position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
background-color: rgba(0,0,0,.85);
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.5;
padding: 50px;
z-index:2;
transition: .5s opacity,.5s background-color;}
.text_foreground{opacity: 1;
position: absolute;
text-align: -webkit-center;
top: 40%;
left: 20%;}
.foreground:hover{opacity: 0;
transition: .5s opacity;}
.marquee {
position: absolute;
animation: marquee 2s linear infinite;
text-align:center;
color:#000;
}
@keyframes marquee {
0% {
bottom: 0em
}
100% {
top: -2em
}
}
.container {
z-index: 2;
}
.col-lg-11:hover{color:#000;}
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
background: #ebebeb ;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #ed3237 ;
border-radius: 10px;
}
.team-modern-figure img{width:50%;}
.iamselected a{border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 6px 0;}
.hrclass{ border-top: 1px solid rgba(0, 52, 98, 0.08);
position: fixed;
z-index: 999;
width: 100%;
left: 0;}
.hrclasswhite{ border-top: 1px solid rgba(255, 255, 255, 0.08);
position: fixed;
z-index: 999;
width: 100%;
left: 0;}
#displaytab{display:none;}
#tabsec{display:none;}
#tabdissec{display:none;}
.showdiv{display:block !important;}
.portfolio-container,
.portfolio-list {
width: 100%;
}
.portfolio-list {
margin: 0;
padding: 0;
list-style: none;
z-index: 999;
position: relative;
}
.portfolio-list li {
position: relative;
display: block;
float: left;
width: 25%;
padding: 10px;
}
.portfolio-list li img {
display: block;
width: 100%;
margin: 0;
vertical-align: top;
}
@media all and (max-width: 1080px) {
.portfolio-list li {
width: 25%;
}
}
@media all and (max-width: 879px) {
.portfolio-list li {
width: 33.3333333%;
}
}
@media all and (max-width: 560px) {
.portfolio-list li {
width: 50%;
}
}
@media all and (max-width: 480px) {
.portfolio-list li {
width: 70%;
float: none;
clear: both;
margin: 0 auto;
}
.portfolio-list a:after {
width: 100%;
}
.portfolio-list li img {
width: 100%;
margin: 0 auto;
}
}
/* Pen Description: */
.group:before,
.group:after {
content: "";
display: table
}
.group:after {
clear: both
}
.hoverimg{display:block !important;}
.imghover:hover .hoverimg{display:none !important;}
.imgcent{ width: 50% !important;
position: absolute;
top: 40%;
left: 25%;
text-align: -webkit-center;
font-size: 1rem;
}
.scroll-top{ position: fixed;
bottom: 37px;
right: 30px;
color: #fff;
z-index: 999;
font-size: x-large;
padding: 10px;
background-color: #ed323775;
border-radius: 60px;
display:none;}
.h1, h1 {
font-size: 1.5rem;
}
.scroll-more{
position: absolute;
bottom: 30px;
color: #fff;
z-index: 999;
font-size: x-large;
padding: 10px;
border-radius: 60px;
}
@media screen and (max-width: 1200px){
.prologo {padding-left: 0 !important;margin-top: 40px !important;}
}
@media (min-width:767px){.carousel-inner {
height: -webkit-fill-available;}}
.bgchange{background:#000;}
/* button hover amazing effect */
.a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
text-decoration: none;
text-align: center;
/* line-height: 2; */
color: #fff;
font-size: 15px;
padding: 3px;
font-family: verdana;
letter-spacing: 4px;
/* padding: 5px; */
padding-left: 5px;
/* padding-right: 5px; */
}
.a::before,
.a::after,
.a span::before,
.a span::after {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: transparent;
transition: 1s;
/* -webkit-mix-blend-mode: hue; */
}
.a::before {
top: -2px;
left: -2px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
}
.a::after {
top: -2px;
right: -2px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.a span::before {
bottom: -2px;
left: -2px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}
.a span::after {
bottom: -2px;
right: -2px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.a:hover::before,
.a:hover::after,
.a:hover span::before,
.a:hover span::after {
width: calc( 100px / 2);
height: calc( 30px / 2);
}
.wrap{
position: absolute;
bottom: 0;
z-index: 999;
width: 100%;
}
.wrap .i {
height: 0px;
width: 15px;
display: block;
border-radius: 25%;
margin: 0 auto;
}
.wrap .i:after {
content: "";
border: 1px solid white;
display: block;
border-radius: 50%;
width: 15px;
height: 15px;
}
.wrap .i:after {
animation: scale-after 2s infinite 0.3s;
position: relative;
top: 0;
left: 0;
}
/*//////// Animations ////////*/
@keyframes scale-before {
0% {
transform: scale(0);
opacity: 1;
}
40% {
opacity: 0.5;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes scale-after {
0% {
transform: scale(0);
opacity: 1;
}
40% {
opacity: 0.5;
}
100% {
transform: scale(3);
opacity: 0;
}
}
@keyframes animate {
0% {
width: 0;
height: 0;
border-top-color: white;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
50% {
width: 100%;
height: 0;
border-top-color: white;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
100% {
width: 100%;
height: 100%;
border-top-color: white;
border-right-color: white;
border-bottom-color: transparent;
border-left-color: transparent;
}
}
@keyframes animate-reverse {
0% {
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: white;
}
50% {
width: 0;
height: 100%;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: white;
}
100% {
width: 100%;
height: 100%;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: white;
}
}
.abs{ color: #ed3237;
font-size: inherit;
width: 100%;
text-align: -webkit-center;
}
.h2, h2 {
font-size: 1rem;
}
.preloader {
background-color: #fff;
height: 100%;
width: 100%;
position: fixed;
margin-top: 0px;
top: 0;
/* left: 40%; */
text-align: -webkit-center;
z-index: 9999999;
}
.sk-cube-grid {
width: 60px;
height: 60px;
margin: 40px auto;
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-mz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #fff;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0.0s;
animation-delay: 0.0s;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
.nk-portfolio-item-info{background:#000 !important;}
nk-portfolio-item-info-style-1:hover .nk-portfolio-item-info{opacity:0 !important;}
.under{position: absolute;
border: 2px solid #ed3237;
width: 5%;
bottom: 0;}
hr.new1 {
border-top: 3px solid #ed3237;
width:3%;
position:absolute;
margin-top: 0;
display:none;
}
.active hr.new1 {display:block;}
.hovereffect {
width: 100%;
max-height: 400px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hovereffect .overlay {
z-index: 2;
position: absolute;
overflow: hidden;
width: 80%;
height: 80%;
left: 11%;
top: 10%;
border-bottom: 1px solid #FFF;
border-top: 1px solid #FFF;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hovereffect:hover .overlay {
opacity: 0;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
cursor: pointer;
}
.hovereffect img {
cursor: pointer;
display: block;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.hovereffect:hover img {
cursor: pointer;
display: block;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
}
.hovereffect h2 {
text-transform: uppercase;
text-align: center;
position: relative;
font-size: 17px;
background-color: transparent;
color: #FFF;
padding: 1em 0;
opacity: 1;
max-height: 400px;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
.centerimage{position: absolute !important;
display: block !important;
margin-left: auto;
margin-right: auto;
width: 50%;
z-index: 1;
top: 25%;
bottom: 25%;
left: 25%;
right: 25%;}
.hovereffect a, .hovereffect p {
color: #FFF;
padding: 1em 0;
opacity: 1;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
opacity: 0;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
@media (max-width:400px){.nk-isotope-filter {
padding: 0 !important;
}}
.pswp__button--close{display:none !important;}
.center_logo{display: block;
margin-left: auto;
margin-right: auto;
padding-bottom:20px;
}
@media (max-width:767px){.wid{width:50% !important;}.nk-ibox-1 .nk-ibox-title {
font-weight: 500;
font-size: small;
padding: 10px;
} .nk-ibox-1 .nk-ibox-text{font-size:x-small;}}
#elementToMove{
-webkit-transition: left 1s ease;
transition: left 1s ease;
}
.overlay1{width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #00000078;}
@media (max-width:600px){
.hide-card
{
display:none;
}
.show-card{display:none;}
}
@media (min-width:600px){
.hide-card
{
display:block;
}
.show-card{display:none;}
}
body{overflow-x:hidden;}
.canvus_menu .toggle_icon span{background:0 0!important}.open .canvus_menu .toggle_icon span:before{box-shadow:none;background: #000;width:28px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);top:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.open .canvus_menu .toggle_icon span:after{box-shadow:none;background: #000;width:28px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);bottom:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.canvus_menu{overflow:hidden;position:absolute;left:0;top:0;z-index:10;padding-top:30px;padding-bottom:30px}.canvus_menu .float-right{width:100px;height:85px;position:fixed;top:0;right:0;padding:15px;background:#fff;display:inline-block}@media(max-width:1200px){.canvus_menu .float-right{width:70px;height:70px}}.canvus_menu .toggle_icon{cursor:pointer;position:fixed;height:20px;width:30px;top:27px;right:32px;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;background:0 0;padding:20px;z-index:9999}@media(max-width:1200px){.canvus_menu .toggle_icon{top:13px;right:20px}}.canvus_menu .toggle_icon span{height:2px;width:20px;display:block;background:#000;cursor:pointer;position:absolute;right:0;top:50%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.canvus_menu .toggle_icon span:before{box-shadow: 2px 2px 2px 0px #000;content:"";height:3px;width:20px;display:block;background:#fff;right:0;top:-8px;position:absolute;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.canvus_menu .toggle_icon span:after{box-shadow: 2px 2px 2px 0px #000;content:"";height:3px;width:28px;display:block;background:#fff;right:0;position:absolute;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.canvus_menu .toggle_icon.blog span{background:#fff}.canvus_menu .toggle_icon.blog span:after,.canvus_menu .toggle_icon.blog span:before{background:#fff}.side_menu{position:fixed; transform: translateX(100%);top:0;height:100%;background:#fff;width:100%;max-width:15%;text-align:center;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;right: 0;}@media(max-width:575px){
.canvus_menu .float-right {
width: 50px;
height: 50px;
}
.canvus_menu .toggle_icon {
top: 5px;
right: 10px;
}.side_menu {
max-width: 35%;
}
}
.side_menu .input-group {
display: block;
position: relative
}
.side_menu .input-group input {
width: 100%;
border: none;
border-radius: 0;
height: 40px;
padding: 0 28px 0 15px;
background: #f9cc41;
line-height: 40px;
font-size: 12px;
color: #fff;
font-family: #8f8f8f;
outline: none;
box-shadow: none
}
.side_menu .input-group input.placeholder {
font-size: 12px;
color: #fff;
font-family: #8f8f8f
}
.side_menu .input-group input:-moz-placeholder {
font-size: 12px;
color: #fff;
font-family: #8f8f8f
}
.side_menu .input-group input::-moz-placeholder {
font-size: 12px;
color: #fff;
font-family: #8f8f8f
}
.side_menu .input-group input::-webkit-input-placeholder {
font-size: 12px;
color: #fff;
font-family: #8f8f8f
}
.side_menu .input-group .input-group-append {
position: absolute;
right: 10px;
top: 47%;
transform: translateY(-50%);
z-index: 4
}
.side_menu .input-group .input-group-append .btn-outline-secondary {
border: none;
border-radius: 0;
color: #fff;
padding: 0
}
.side_menu .menu_right {
text-align: left;
position: absolute;
left: 30%;
top: 30%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
max-height: 420px
}
.side_menu .menu_right li {
margin-bottom: 25px
}
@media(max-width:1440px) {
.side_menu .menu_right li {
margin-bottom: 15px
}
}
.side_menu .menu_right li:last-child {
margin-bottom: 0
}
.side_menu .menu_right li a {
font-size: 15px;
color: #000;
text-transform: capitalize
}
@media(max-width:575px) {
.side_menu .menu_right li a {
font-size: 15px
}
}
.side_menu .menu_right li a:hover {
color: #ed3237
}
.side_menu .menu_right li ul {
display: none
}
.side_menu .menu_right li ul li {
text-align: left;
margin-bottom: 10px;
margin-left: 60px
}
.side_menu .menu_right li ul li a {
font-size: 14px;
color: #000;
text-transform: capitalize;
transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s
}
.side_menu .menu_right li ul li:first-child {
margin-top: 10px
}
.side_menu .menu_right li ul li:hover a {
color: #f9cc41
}
.side_menu ul{
list-style-type: none;
}
.snip1206 {
width: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.snip1206 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.snip1206 img {
opacity: 1;
width: 100%; height: 100%;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.snip1206:after {
background: #000;
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
content: '';
opacity: 0.75;
-webkit-transform: skew(-45deg) scaleX(0);
transform: skew(-45deg) scaleX(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.snip1206 .figcaption {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.figcaption h6, .figcaption h1,
.figcaption img {
margin: 0;
width: 100%;
opacity: 0;
}
.snip1206:hover:after,
.snip1206.hover:after {
-webkit-transform: skew(-45deg) scaleX(1);
transform: skew(-45deg) scaleX(1);
transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.snip1206:hover h6,.snip1206:hover h1
.snip1206.hover h6,
.snip1206:hover .figcaption img,
.snip1206.hover .figcaption img {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.snip1206:hover h6,.snip1206:hover h1,
.snip1206.hover h6 {
opacity: 1;
}
.snip1206:hover .figcaption img,
.snip1206.hover .figcaption img {
opacity: 1;
}
.centerpad{ padding-bottom: 5%;
text-align: center;text-transform:uppercase;}
.wid2,.wid{width:50%;}
@media(max-width:767px){
.logoimg{width:30%}
}
@media(min-width:1200px){.slide2{height: 600px;}}
/*----------------------------*\
Coverflow Album Slider
\*-----------------------------*/
.coverflow {
position: relative;
height: 460px;
padding: 30px;
overflow: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.coverflow__image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 500px;
height: 275px;
-webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.coverflow__image[data-coverflow-index] {
position: absolute;
left: 48%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.coverflow__image[data-coverflow-index]:before {
content: " ";
z-index: 1;
position: absolute;
top: 300px;
width: 100%;
height: 10%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="1"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="1"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="2"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="3"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="4"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="5"] {
z-index: 6;
-webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
transform: translateX(280px) scale(0.2) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="6"] {
z-index: 5;
-webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
transform: translateX(370px) scale(0.05) rotateY(-45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="7"] {
z-index: 4;
-webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
transform: translateX(460px) scale(-0.1) rotateY(-45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="8"] {
z-index: 3;
-webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
transform: translateX(550px) scale(-0.25) rotateY(-45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="9"] {
z-index: 2;
-webkit-transform: translateX(640px) scale(-0.4) rotateY(-45deg);
transform: translateX(640px) scale(-0.4) rotateY(-45deg);
opacity: -0.66667;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="10"] {
z-index: 1;
-webkit-transform: translateX(730px) scale(-0.55) rotateY(-45deg);
transform: translateX(730px) scale(-0.55) rotateY(-45deg);
opacity: -0.83333;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="11"] {
z-index: 0;
-webkit-transform: translateX(730px) scale(-0.55) rotateY(-45deg);
transform: translateX(730px) scale(-0.55) rotateY(-45deg);
opacity: -0.83333;
}
.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="1"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="2"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="3"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="4"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="5"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="6"] {
z-index: 6;
-webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
transform: translateX(280px) scale(0.2) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="7"] {
z-index: 5;
-webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
transform: translateX(370px) scale(0.05) rotateY(-45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="8"] {
z-index: 4;
-webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
transform: translateX(460px) scale(-0.1) rotateY(-45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="9"] {
z-index: 3;
-webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
transform: translateX(550px) scale(-0.25) rotateY(-45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="10"] {
z-index: 2;
-webkit-transform: translateX(640px) scale(-0.4) rotateY(-45deg);
transform: translateX(640px) scale(-0.4) rotateY(-45deg);
opacity: -0.66667;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="11"] {
z-index: 1;
-webkit-transform: translateX(730px) scale(-0.55) rotateY(-45deg);
transform: translateX(730px) scale(-0.55) rotateY(-45deg);
opacity: -0.83333;
}
.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="1"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="2"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="3"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="4"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="5"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="6"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="7"] {
z-index: 6;
-webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
transform: translateX(280px) scale(0.2) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="8"] {
z-index: 5;
-webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
transform: translateX(370px) scale(0.05) rotateY(-45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="9"] {
z-index: 4;
-webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
transform: translateX(460px) scale(-0.1) rotateY(-45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="10"] {
z-index: 3;
-webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
transform: translateX(550px) scale(-0.25) rotateY(-45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="11"] {
z-index: 2;
-webkit-transform: translateX(640px) scale(-0.4) rotateY(-45deg);
transform: translateX(640px) scale(-0.4) rotateY(-45deg);
opacity: -0.66667;
}
.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="1"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="2"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="3"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="4"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="5"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="6"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="7"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="8"] {
z-index: 6;
-webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
transform: translateX(280px) scale(0.2) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="9"] {
z-index: 5;
-webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
transform: translateX(370px) scale(0.05) rotateY(-45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="10"] {
z-index: 4;
-webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
transform: translateX(460px) scale(-0.1) rotateY(-45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="11"] {
z-index: 3;
-webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
transform: translateX(550px) scale(-0.25) rotateY(-45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="1"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="2"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="3"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="4"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="5"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="6"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="7"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="8"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="9"] {
z-index: 6;
-webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
transform: translateX(280px) scale(0.2) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="10"] {
z-index: 5;
-webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
transform: translateX(370px) scale(0.05) rotateY(-45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="11"] {
z-index: 4;
-webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
transform: translateX(460px) scale(-0.1) rotateY(-45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="1"] {
z-index: 5;
-webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
transform: translateX(-770px) scale(0.05) rotateY(45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="2"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="3"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="4"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="5"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="6"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="7"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="8"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="9"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="10"] {
z-index: 6;
-webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
transform: translateX(280px) scale(0.2) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="11"] {
z-index: 5;
-webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
transform: translateX(370px) scale(0.05) rotateY(-45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="1"] {
z-index: 4;
-webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
transform: translateX(-860px) scale(-0.1) rotateY(45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="2"] {
z-index: 5;
-webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
transform: translateX(-770px) scale(0.05) rotateY(45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="3"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="4"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="5"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="6"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="7"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="8"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="9"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="10"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="11"] {
z-index: 6;
-webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
transform: translateX(280px) scale(0.2) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="1"] {
z-index: 3;
-webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
transform: translateX(-950px) scale(-0.25) rotateY(45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="2"] {
z-index: 4;
-webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
transform: translateX(-860px) scale(-0.1) rotateY(45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="3"] {
z-index: 5;
-webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
transform: translateX(-770px) scale(0.05) rotateY(45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="4"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="5"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="6"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="7"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="8"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="9"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="10"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="11"] {
z-index: 7;
-webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
transform: translateX(190px) scale(0.35) rotateY(-45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="12"] {
z-index: 6;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="1"] {
z-index: 2;
-webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
opacity: -0.66667;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="2"] {
z-index: 3;
-webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
transform: translateX(-950px) scale(-0.25) rotateY(45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="3"] {
z-index: 4;
-webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
transform: translateX(-860px) scale(-0.1) rotateY(45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="4"] {
z-index: 5;
-webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
transform: translateX(-770px) scale(0.05) rotateY(45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="5"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="6"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="7"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="8"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="9"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="10"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="11"] {
z-index: 8;
-webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
transform: translateX(100px) scale(0.5) rotateY(-45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="12"] {
z-index: 7;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="1"] {
z-index: 1;
-webkit-transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
opacity: -0.83333;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="2"] {
z-index: 2;
-webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
opacity: -0.66667;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="3"] {
z-index: 3;
-webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
transform: translateX(-950px) scale(-0.25) rotateY(45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="4"] {
z-index: 4;
-webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
transform: translateX(-860px) scale(-0.1) rotateY(45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="5"] {
z-index: 5;
-webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
transform: translateX(-770px) scale(0.05) rotateY(45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="6"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="7"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="8"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="9"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="10"] {
z-index: 11;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="11"] {
z-index: 10;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="12"] {
z-index: 9;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="1"] {
z-index: 1;
-webkit-transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
opacity: -0.83333;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="2"] {
z-index: 2;
-webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
opacity: -0.66667;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="3"] {
z-index: 3;
-webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
transform: translateX(-950px) scale(-0.25) rotateY(45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="4"] {
z-index: 4;
-webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
transform: translateX(-860px) scale(-0.1) rotateY(45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="5"] {
z-index: 5;
-webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
transform: translateX(-770px) scale(0.05) rotateY(45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="6"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="7"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="8"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="9"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="10"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="11"] {
z-index: 11;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="11"] .coverflow__image[data-coverflow-index="12"] {
z-index: 10;
-webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
transform: translateX(10px) scale(0.65) rotateY(-45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="1"] {
z-index: 1;
-webkit-transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
opacity: -0.83333;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="2"] {
z-index: 2;
-webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
opacity: -0.66667;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="3"] {
z-index: 3;
-webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
transform: translateX(-950px) scale(-0.25) rotateY(45deg);
opacity: -0.5;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="4"] {
z-index: 4;
-webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
transform: translateX(-860px) scale(-0.1) rotateY(45deg);
opacity: -0.33333;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="5"] {
z-index: 5;
-webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
transform: translateX(-770px) scale(0.05) rotateY(45deg);
opacity: -0.16667;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="6"] {
z-index: 6;
-webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
transform: translateX(-680px) scale(0.2) rotateY(45deg);
opacity: 0;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="7"] {
z-index: 7;
-webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
transform: translateX(-590px) scale(0.35) rotateY(45deg);
opacity: 0.16667;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="8"] {
z-index: 8;
-webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
transform: translateX(-500px) scale(0.5) rotateY(45deg);
opacity: 0.33333;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="9"] {
z-index: 9;
-webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
transform: translateX(-410px) scale(0.65) rotateY(45deg);
opacity: 0.5;
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="10"] {
z-index: 10;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="11"] {
z-index: 11;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.coverflow[data-coverflow-position="12"] .coverflow__image[data-coverflow-index="12"] {
z-index: 12;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}
.prev-arrow,
.next-arrow {
cursor: pointer;
z-index: 10;
position: absolute;
top: 40%;
padding: 0.5rem 1rem;
color: #000 !important;
font-size: 2rem;
line-height: 3rem;
background: #ffffff8f !important;
border-radius: 1rem;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color 200ms, background 200ms;
transition: color 200ms, background 200ms;
}
.prev-arrow:hover,
.next-arrow:hover,
.prev-arrow:focus,
.next-arrow:focus {
color: rgba(255, 255, 255, 0.9);
background: rgba(0, 0, 0, 0.5);
}
.prev-arrow {
left: 0%;
}
.prev-arrow:before {
content: "❮";
}
.next-arrow {
right: 0%;
}
.next-arrow:after {
content: "❯";
}
.nine{width: 100%;}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
.centimg{ text-align: -webkit-center;}
.centimg img{width:28%}
.nk-footer p{text-align:justify}
.nk-footer h2{text-align:-webkit-center}
.open .side_menu{
z-index: 9 !important; transform: translateX(0);
}
@media(max-width:600px){.slides{height: 230px;}}
@media(max-width:375px){.slides{height: 210px;}}
@media(max-width:360px){.slides{height: 200px;}}
@media(max-width:320px){.slides{height: 180px;}}
@media(max-width:800px){.side_menu{max-width:55%;
}
.preimg{width:50%;}
.h1, h1 {
font-size: 1rem;
}
}
@media (max-width:991px){.bor2{border-right:none;}}
@media(max-width:360px){.coverflow__image[data-coverflow-index] {
position: absolute;
left: 53%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.coverflow__image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 400px;
height: 300px;
}
}
.slides ul li div span{font-size:.8rem;}
.slides ul li div{line-height: initial;padding:20px;background-color:#00000085;}
@media(max-width:600px){.slides ul li div{font-size:1rem !important;line-height: initial;padding:10px;background-color:#00000085;}.slides ul li div span{font-size:.6rem;}}
.col-lg-11{width: 90% !important;} .col-lg-1{width:10% !important;}
@media(max-width:800px){
.nk-header-table {min-height:100% !important;}
}
@media (width:1366px)and (height:1024px){.slides{margin-bottom: -120px;}}
@media (height:1024px){.slides{margin-bottom: -120px;}}
@media (width:1024px){.slides{margin-bottom: -120px;}}
.grid {
list-style: none;
margin-left: -40px;
}
.gc {
box-sizing: border-box;
display: inline-block;
margin-right: -.25em;
min-height: 1px;
padding-left: 40px;
vertical-align: top;
}
.gc--1-of-3 {
width: 33.33333%;
}
.gc--2-of-3 {
width: 66.66666%;
}
.naccs {
position: relative;
max-width: 900px;
margin: 50px auto 0;
}
.naccs .menu div {
padding: 10px 10px 10px 15px;
margin-bottom: 10px;
color: #000;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
cursor: pointer;
position: relative;
vertical-align: middle;
font-weight: 700;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .menu div:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.naccs .menu div span.light {
height: 10px;
width: 10px;
position: absolute;
top: 24px;
left: 15px;
border-radius: 100%;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .menu div.active span.light {
background-color: #ed3237;
left: 0;
height: 100%;
width: 3px;
top: 0;
border-radius: 0;
}
.naccs .menu div.active {
color: #ed3237;
padding: 10px 10px 10px 15px;
}
ul.nacc {
position: relative;
height: 0px;
list-style: none;
margin: 0;
padding: 0;
transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li {
opacity: 0;
transform: translateX(50px);
position: absolute;
list-style: none;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li.active {
transition-delay: .3s;
z-index: 2;
opacity: 1;
transform: translateX(0px);
}
ul.nacc li p {
margin: 0;
}
.menu span{text-transform:capitalize}
.nacc img{width:100%;height:auto;}
.gc--2-of-3{padding-left:10px !important}
.menu{ font-size: small;padding-bottom:65%;}
.hundredpx{width:100px}
.fif{width:50%}
.twe{width:20%;text-align: -webkit-center;}
.tabs{
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.tabs li{
float: left;
margin: 0 .5em 0 0;
}
.tabs a{
position: relative;
background: #ddd;
background-image: linear-gradient(to bottom, #fff, #ddd);
padding: .7em 3.5em;
float: left;
text-decoration: none;
color: #444;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
border-radius: 5px 0 0 0;
box-shadow: 0 2px 2px rgba(0,0,0,.4);
}
.tabs a:hover,
.tabs a:hover::after,
.tabs a:focus,
.tabs a:focus::after{
background: green;
color: white;
}
.tabs a:focus{
outline: 0;
}
.tabs .current a,
.tabs .current a::after{
background: green;
color: white;
z-index: 3;
}
.content
{
background: #fff;
padding: 2em;
height: 220px;
position: relative;
z-index: 2;
border-radius: 0 5px 5px 5px;
box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
/*-----------------*/
.ui-accordion-content{height:105% !important}
.ui-accordion-content img{width:100% !important;}
.ui-accordion-content a{background:none !important}
.ui-accordion-header:focus{outline: none;}
.xs-show{display:none}
.xs-hide{display:block}
@media (max-width:600px){.xs-show{display:block}
.xs-hide{display:none}}
.ui-accordion-header-active{color:#ed3237; border-left: #ed3237 2px solid;
}
h2{text-transform:uppercase}
.form-control:disabled, .form-control[readonly] {
background-color: #282828;
opacity: 1;
color:#fff;
}
.form-control{background-color: #282828;border: 1px solid rgb(40, 40, 40);border-bottom:1px solid rgba(255, 255, 255, .1);color:#fff}
.form-control:focus {
color: #ffffff;
background:none;
border-color: #282828;
outline: 0;
border-bottom:1px solid rgba(255, 255, 255, .1);
}
.button-primary,
.button-primary:focus {
color: #fff;
background-color: #ed3237;
border-color: #ed3237
}
.button-primary:hover,
.button-primary:active,
.button-primary.active {
color: #fff;
background-color: #313131;
border-color: #313131
}
.button-primary.button-ujarak::before {
background: #313131
}
.button-primary.button-jerry .button-jerry-line {
border-color: #ed3237
}
.button-primary.button-jerry:hover,
.button-primary.button-jerry:active,
.button-primary.button-jerry.active {
color: #000
}
.button-jerry {
overflow: visible
}
.button-jerry:hover {
border-color: transparent;
background-color: transparent
}
.button-jerry:hover .button-jerry-line:nth-child(1) {
animation: move1 1500ms infinite ease
}
.button-jerry:hover .button-jerry-line:nth-child(2) {
animation: move2 1500ms infinite ease
}
.button-jerry:hover .button-jerry-line:nth-child(3) {
animation: move3 1500ms infinite ease
}
.button-jerry:hover .button-jerry-line:nth-child(4) {
animation: move4 1500ms infinite ease
}
.button-jerry-line {
display: block;
position: absolute;
border: 0 solid #000
}
.button-jerry-line:nth-child(1) {
bottom: -1px;
left: -1px;
border-left-width: 2px
}
.button-jerry-line:nth-child(2) {
top: -1px;
left: -1px;
border-top-width: 2px
}
.button-jerry-line:nth-child(3) {
top: -1px;
right: -1px;
border-right-width: 2px
}
.button-jerry-line:nth-child(4) {
right: -1px;
bottom: -1px;
border-bottom-width: 2px
}
@keyframes move1 {
0% {
height: calc(100% + 1px);
bottom: -1px
}
54% {
height: 0;
bottom: calc(100% + 1px)
}
55% {
height: 0;
bottom: -1px
}
100% {
height: calc(100% + 1px);
bottom: -1px
}
}
@keyframes move2 {
0% {
width: 0;
left: -1px
}
50% {
width: calc(100% + 1px);
left: -1px
}
100% {
width: 0;
left: calc(100% + 1px)
}
}
@keyframes move3 {
0% {
height: calc(100% + 1px);
top: -1px
}
54% {
height: 0;
top: calc(100% + 1px)
}
55% {
height: 0;
top: -1px
}
100% {
height: calc(100% + 1px);
top: -1px
}
}
@keyframes move4 {
0% {
width: 0;
right: -1px
}
55% {
width: calc(100% + 1px);
right: -1px
}
100% {
width: 0;
right: calc(100% + 1px)
}
}
.rd-form {
position: relative;
text-align: left
}
.rd-form .button {
padding-top: 10px;
padding-bottom: 10px;
min-height: 42px
}
*+.rd-form {
margin-top: 20px
}
input:-webkit-autofill~label,
input:-webkit-autofill~.form-validation {
color: #000!important
}
.button{position: relative;
overflow: hidden;
display: inline-block;
padding: 10px 30px;
font-size: 9px;
line-height: 1.5;
border: 1px solid;
font-family: montserrat, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif;
font-weight: 700;
letter-spacing: -.02em;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
cursor: pointer;
vertical-align: middle;
user-select: none;
transition: 250ms all ease-in-out;}
.context-dark .button.button-jerry:hover,
.bg-gray-700 .button.button-jerry:hover,
.bg-gray-800 .button.button-jerry:hover,
.bg-primary .button.button-jerry:hover,
.context-dark .button.button-jerry:active,
.bg-gray-700 .button.button-jerry:active,
.bg-gray-800 .button.button-jerry:active,
.bg-primary .button.button-jerry:active,
.context-dark .button.button-jerry.active,
.bg-gray-700 .button.button-jerry.active,
.bg-gray-800 .button.button-jerry.active,
.bg-primary .button.button-jerry.active {
color: #fff
}
.context-dark .button-primary-outline,
.bg-gray-700 .button-primary-outline,
.bg-gray-800 .button-primary-outline,
.bg-primary .button-primary-outline,
.context-dark .button-primary-outline:focus,
.bg-gray-700 .button-primary-outline:focus,
.bg-gray-800 .button-primary-outline:focus,
.bg-primary .button-primary-outline:focus {
color: #fff
}
.button-default-outline,
.button-default-outline:focus {
color: #c4c4c4;
background-color: transparent;
border-color: #313131
}
.button-default-outline:hover,
.button-default-outline:active,
.button-default-outline.active {
color: #fff;
background-color: #ed3237;
border-color: #ed3237
}
.button-default-outline.button-ujarak::before {
background: #ed3237
}
.button-default-outline.button-jerry .button-jerry-line {
border-color: #313131
}
.button-default-outline.button-jerry:hover,
.button-default-outline.button-jerry:active,
.button-default-outline.button-jerry.active {
color: #fff
}
.button-primary-outline,
.button-primary-outline:focus {
color: #fff;
background-color: transparent;
border-color: #ed3237
}
.button-primary-outline:hover,
.button-primary-outline:active,
.button-primary-outline.active {
color: #fff;
}
.button-primary-outline.button-ujarak::before {
background: #ed3237
}
.button-primary-outline.button-jerry .button-jerry-line {
border-color: #ed3237
}
.button-primary-outline.button-jerry:hover,
.button-primary-outline.button-jerry:active,
.button-primary-outline.button-jerry.active {
color: #fff
}
.h6, h6 {
font-size: .8rem;
}
.h5, h5 {
font-size: .8rem;
}
.carousel-control-next-icon{background:none;}
.carousel-control-prev-icon{background:none;}
.side_menu .menu_right li .active{color:#ed3237;}
.nk-img, .nk-img-fit2 {
max-width: 350px;
height: 275px;
object-fit: cover;
object-position: 50% 0%;
}
.flickity-page-dots{position:relative;}
.thr{width:33.33% !important;}
@media (max-width: 1199px){
.thr {
width: 50% !important;
}
}
@media (max-width: 767px){
.thr {
width: 90% !important;
}
}