html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {outline: none !important;
}
html{
background:#000 !important;
}
h2{
font-family:Khand, 'sans-serif';
font-weight:700;
font-size:60px;
letter-spacing:1px;
background-color:#000;
display:inline;
}
.white{
color:#fff !important;
}
#frame{
padding:2px;
border:0px;
}
#google{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.headerLine{
position: relative;
margin-left:auto;
margin-right:auto;
display:block;
width: 90%;
overflow: hidden;
height:750px;
background: url(../images/sidekunstcirquebg.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:0px -110px;
}
#menuF {
height: 150px;
}
#artists{
margin-top:-5%;
}
/*-----------pop up party-------------*/
#nextlanding{
margin-top: 20%;
position: relative;
float:left;
}
#whereto{
background:#ee293b;
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%);
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%);
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 );
padding: 15px;
text-align: center;
float: left;
width: 100%;
z-index:999;
}
#party p{
padding:15px;
}
#first{
font-family:'Abril Fatface', cursive;
font-size:30px;
color:#000;
font-weight:500;
}
#second{
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 400;
color: #000;
}
#third{
font-family: 'Poppins', sans-serif;
font-style:italic;
font-weight:100;
color:#000;
font-size:18px;
}
#four {
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 100;
color: #fff;
letter-spacing:2.5px;
}
#fifth{
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
}
#party a{
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 200;
color: #000;
}
.popup{
width: 100%;
height: 100vh;
display: none;
position: fixed;
top: 0;
right: 0;
z-index: 999;
}
.open-popup{
color:#fff;
letter-spacing: 1.3px;
font-size: 12px;
text-transform: uppercase;
}
#popup-article:target{
display: flex;
}
.popup:before{
content: "";
box-sizing: border-box;
width: 100%;
background-color:rgba(0,0,0,0.7);
position: fixed;
left: 0;
top: 50%;
will-change: height, top;
animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;
}
.popup:after{
content: "";
width: 0;
height: 2px;
background-color: #f0f0f0;
will-change: width, opacity;
animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both;
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
}
@keyframes line-animation{
0%{
width: 0;
opacity: 1;
}
99%{
width: 100%;
opacity: 1;
}
100%{
width: 100%;
opacity: 0;
}
}
@keyframes open-animation{
0%{
height: 0;
top: 50%;
}
100%{
height: 100vh;
top: 0;
}
}
.popup__block{
height: calc(100vh - 0px);
padding: 5% 15%;
box-sizing: border-box;
position: relative;
background-color:rgba(0,0,0,0.7);
margin: auto;
overflow: auto;
animation: fade .5s ease-out 1.3s both;
}
@keyframes fade{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.popup__title{
font-size: 2.5rem;
margin: 0 0 1em;
}
.popup__close{
width: 3.2rem;
height: 3.2rem;
text-indent: -9999px;
position: fixed;
top: 20px;
right: 20px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-color:#ee293b;
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}
/*
* demo page
*/
@media screen and (min-width: 768px){
html{
font-size: 62.5%;
}
}
@media screen and (max-width: 767px){
html{
font-size: 50%;
}
}
body{
margin: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
p:not(:last-child){
margin-bottom: 1.5rem;
}
#whale{
width:80%;
margin-left:15%;
}
.page{
min-height: 100vh;
display: flex;
}
.page__container{
max-width: 1200px;
padding-left: 1rem;
padding-right: 1rem;
margin: auto;
}
/*======end of pop up=========*/
/*--NAVIGACE--*/
#nav {
width: 870px;
font-family: 'Francois One', sans-serif;
font-weight:lighter;
position: absolute;
top: 25%;
left: 45%;
margin-left: -28em; /* 30 480 */
}
#nav > a {
display: none;
}
#nav li {
position: relative;
list-style:none;
text-transform:uppercase;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
padding:5px;
}
#nav li a {
color: #fff;
display: block;
}
.activeup {
background: #ee293b;
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%);
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%);
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 );
}
#nav span:after {
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: #ee293b;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
/* first level */
#nav > ul {
height: 3.75em; /* 60 */
}
#nav > ul > li {
margin-left:17px;
letter-spacing:0.5px;
float: left;
font-size:16px;
}
#nav > ul > li > a {
line-height: 1.5em; /* 60 (24) */
text-align: center;
}
#arrow{
margin-top:40%;
float:right;
}
/* second level */
#nav li ul {
background-color: #000;
display: none;
position: absolute;
top: 100%;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#nav li:hover ul {
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul {
left: -1px;
}
#nav li ul a {
font-size: 16px;
padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
background: #ee293b;
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%);
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%);
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 );
}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav > ul > li{
margin-left:10px;
font-size:15px;
}
#arrow{
margin-top:60%;
}
}
@media (min-width: 1281px) {
.headerLine {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
width: 90%;
overflow: hidden;
height: 1090px;
background: url(../images/sidekunstcirquebg.jpg) center center no-repeat;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 0px -110px;
}
}
@media screen and (min-width: 960px) and (max-width: 1199px){
#nav{
width:770px;
margin-left: -28.5em;
}
#nav > ul > li {
margin-left:10px;
font-size:15px;
}
.logo{
margin-left:0px;
}
.copy{
margin-right:0%;
margin-top:10%;
}
#sidelogo{
padding:15px;
}
#mylaikalogo{
padding:15px;
}
.headerLine {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
width: 90%;
overflow: hidden;
height: 600px;
background: url(../images/sidekunstcirquebg.jpg) center center no-repeat;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 0px -87px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px){
}
@media screen and (max-width: 768px) {
#nav > ul > li {
margin-left: 5px;
font-size:14px;
}
#nav li ul a {
font-size: 14px;
padding: 0.75em;
}
#nav {
left:50%;
width:690px;
}
}
@media only screen and ( max-width: 40em ) /* 640 */ {
#nav {
position: relative;
top: auto;
left: auto;
margin-left:-10px;
}
#nav > a {
width: 3.125em; /* 50 */
height: 3.125em; /* 50 */
text-align: left;
text-indent: -9999px;
background: #ee293b;
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%);
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%);
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 );
position: relative;
}
#nav > a:before, #nav > a:after {
position: absolute;
border: 2px solid #fff;
top: 35%;
left: 25%;
right: 25%;
content: '';
}
#nav > a:after {
top: 60%;
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
display: block;
}
/* first level */
#nav > ul {
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
background:#000;
}
#nav:target > ul {
display: block;
}
#nav > ul > li {
width: 80%;
float: none;
}
#nav > ul > li > a {
height: auto;
text-align: left;
padding: 6px 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
border-right: none;
}
/* second level */
#nav li ul {
position: static;
padding: 1.25em; /* 20 */
padding-top: 0;
}
}
/*---END OF NAVIGATION---*/
.default{
transition-duration: 1s;
/*text-align:center;*/
z-index:999;
position:fixed;
margin-top:-10px;
padding:54px 0;
width:90%;
background: url(../images/menubg.png) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.rowmenu{
margin-right: -15px;
margin-left: -15px;
margin-top:-27px;
}
.logo{
margin-top:10px;
margin-left:5px;
}
#logo1{
margin-top: -5px;
width:40%;
}
#logo2 {
float: right;
margin-top: -15px;
width:25%;
}
#slider1 {
width: 90%;
margin-top:-69px;
position:relative;
z-index:998;
margin-left:auto;
margin-right:auto;
display:block;
}
#slider2 {
width: 90%;
position: relative;
z-index: 998;
margin-left:auto;
margin-right:auto;
display:block;
}
.containerphoto {
width: 955px;
margin-right: auto;
margin-left: auto;
max-width:90%;
margin-top:-5%;
}
.containerphoto img{
height: auto;
max-width: 90%;
display:block;
float:left;
vertical-align: middle;
}
#slider3 {
width: 90%;
position: relative;
z-index: 998;
margin-top: -6%;
margin-left:auto;
margin-right:auto;
display:block;
}
.logo a{
cursor:pointer;
color:#fff;
text-decoration:none;
}
#menu a:active {
color:#1fcdff;
}
#menu select {
display: none;
}
#menu .active a {
border:0;
background: #ee293b; /* Old browsers */
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 ); /* IE6-9 */
color:#fff;
padding:5px;
}
#menu .active a:focus{
outline: none;
border: none;
}
#menu .active a:active {
outline: none;
border: none;;
}
#menu .active a:link {
outline: none;
border: none;
}
#menu .active a:visited {
outline: none;
border: none;
}
#menu li{
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
padding-left: 16px;
padding-right: 16px;
float:left;
font-family: 'Francois One', sans-serif;
font-size:16px;
color:#fff;
list-style:none;
text-transform:uppercase;
}
#menu li:last-child{
border-right:0;
padding-right:0px;
}
#menu{
//margin-top: 33px;
margin-top: 6px;
float: right;
}
#menu li a{
color:#fff;
text-decoration:none;
}
#menu li a:hover{
border:none;
outline:none;
}
.gallery {
height:500px;
}
.slicknav_menu {
display:none;
}
@media screen and (max-width: 991px) {
.news p{
text-align: center;
}
.news div{
text-align:center;
}
.news img{
display:inline;
}
.pic1Ab{
margin-bottom:0 !important;
}
.pic2Ab{
margin-bottom:0 !important;
}
#menu {
display:none;
}
/* #menuF{
opacity:0 !important;
} */
.fixed{
opacity:0;
//display:none;
}
.slicknav_menu {
display:block;
}
.about p{
text-align: justify;
}
}
#diamond1{
float:right;
width:80%;
}
#diamond1 img{
margin-left:auto;
margin-right:auto;
display:block;
}
#side{
width:60%;
float:right;
}
#sidetext{
margin-top:5%;
width:80%;
float:left;
background-color:#a4a4a4;
}
#side p{
padding:25px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 200;
color: #000;
line-height:22px;
text-align:justify;
text-justify:inter-word;
letter-spacing:0.3px
}
#sidelogo {
width: 20%;
margin-top:18%;
padding:20px;
float: left;
background: background: #ee293b;
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%);
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%);
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 );
}
#sidelogo img{
width:80%;
margin-left:auto;
margin-right:auto;
display:block;
}
#diamond2{
float:left;
width:80%;
}
#diamond2 img{
margin-left:auto;
margin-right:auto;
display:block;
}
#mylaika{
width:60%;
float:left;
margin-top:5%;
}
#mylaikatext{
margin-top:5%;
width:80%;
float:right;
background-color:#cbcbcb;
}
#mylaika p{
padding:25px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 200;
color: #000;
line-height:22px;
text-align:justify;
text-justify:inter-word;
letter-spacing:0.3px
}
#mylaikalogo {
width: 15%;
margin-top:18%;
padding:20px;
float: right;
background: background: #ee293b;
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%);
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%);
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 );
}
#mylaikalogo img{
width:90%;
margin-left:auto;
margin-right:auto;
display:block;
}
.poppinsmedium {
font-weight: 400;
}
#tourtimes{
margin-top:10%;
width:100%;
}
#tourtimesleft{
height:400px;
width:45%;
float:left;
display:block;
margin-left:5%;
}
#tourtimesright{
height:400px;
width:45%;
float:right;
display:block;
margin-left:5%;
}
#tourtimesdate{
margin-top:55px;
float:left;
color:#fff;
background: #ee293b; /* Old browsers */
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 ); /* IE6-9 */
width:auto;
padding:15px;
}
#tourtimestent{
}
#tourtimesplace{
float:left;
color:#fff;
background:#a4a4a4;
width:auto;
padding:15px;
}
#tourtimesplace a{
color:#000;
border-bottom:1px solid #000;
text-decoration:none;
}
.month{
font-family: 'Poppins', 'sans-serif';
font-size:15px;
font-weight:100;
font-style:italic;
margin-top:10px;
margin-bottom:0px;
}
.year{
font-family: 'Abril Fatface', cursive;
font-size:24px;
color:#000;
}
.place{
font-family: 'Poppins', 'sans-serif';
color:#000;
font-size:14px;
font-weight:400;
}
.show{
font-family: 'Poppins', 'sans-serif';
color:#fff;
font-size:14px;
font-weight:300;
font-style:italic;
}
#tourtimestent{
margin-top:9px;
}
#contactinfo{
width:100%;
}
.chapiteau{
float:left;
text-align:center;
margin-top:3%;
margin-bottom:3%;
}
.chapiteau{
margin-left:auto;
margin-right:auto;
display:block;
width:100%;
}
.chapiteau h3{
font-family: 'Poppins', sans-serif;
font-style:italic;
font-size:15px;
color:#fff;
}
.chapiteau h2{
font-family: 'Poppins', sans-serif;
font-weight:400;
font-size:14px;
color:#cbcdcb;
}
.chapiteau p{
font-family: 'Poppins', sans-serif;
font-weight:300;
font-style:italic;
font-size:14px;
color:#ee293b;
margin-top:10px;
}
.chapiteau a{
text-decoration:none;
color:#fff;
}
@media screen and (max-width: 1229px){
.pic1Ab{
margin-bottom:50px ;
}
.pic2Ab{
margin-bottom:20px ;
}
}
@media screen and (max-width: 768px) {
#right{
text-align:right;}
}
@media screen and (max-width: 460px) {
.pic2Ab{
padding-bottom:0 !important;
margin-bottom:0;
}
.pic1Ab{
padding-bottom:0 !important;
margin-bottom:0;
}
.camera_caption h2{
font-size: 65px;
}
.about h3{
text-align:center;
margin-top:73px !important;
}
.about p{
margin-top: 30px !important;
text-align: justify;
}
.Ama {
margin-top: 280px !important;
margin-bottom: 100px !important;
}
.soc ul li{
margin-bottom: 20px;
}
}
@media screen and (max-width: 323px){
.footer .fEmail{
border-radius: 4px !important;
margin-bottom:10px ;
}
.footer .subS{
border-radius: 4px !important;
}
.news p{
text-align: justify;
}
}
@media screen and (max-width: 1229px) {
.cont {
/*text-align:center;*/
margin-left: 0px !important;
}
.name {
width: 100% !important;
}
.Email {
width: 100% !important;
}
.ftext .cBtn ul{
padding-left:40px !important;
}
.news p{
text-align:justify;
}
}
.sl{
height: 67px;
position: absolute;
width: 100%;
top: 418px;
background: url(../images/sliderL.png) no-repeat;
}
/**/
.project{
margin-top: 12px;
text-align:center;
}
.project h3{
letter-spacing: 1px;
font-family: 'Roboto', 'sans-serif';
font-size:37px;
font-weight:400;
color:#2f2f2f;
}
.project h4{
margin-left: -5px;
font-family: 'Roboto', 'sans-serif';
font-size:20px;
font-weight:300;
color:#2f2f2f;
}
.project p{
font-family: 'Roboto', 'sans-serif';
font-size:13px;
font-weight:300;
margin-top: 16px;
line-height: 23px;
color:#666666;
}
/**/
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #000;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
height:auto;
text-align:left;
font-size:16px;
}
.dropdown-content a {
color: #fff;
padding: 8px 12px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background: #ee293b; /* Old browsers */
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 ); /* IE6-9 */
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
.Des .fa-heart{
//margin-left: -14px;
background: url(../images/cir.png) no-repeat;
padding: 26px;
font-size: 24px;
color: #fff;
font-family: FontAwesome;
text-align: center;
}
.fa-cog {
margin-left: 2px;
background: url(../images/cir.png) no-repeat;
padding: 26px;
font-size: 24px;
color: #fff;
font-family: FontAwesome;
text-align: center;
}
.Des h4{
//margin-left: -19px;
}
.Ver h4{
//margin-left:0;
}
.Fully h4{
//margin-left: 20px;
}
.fa-tablet{
//margin-left: 20px;
width:73px;
background: url(../images/cir.png) no-repeat;
padding: 26px;
font-size: 24px;
color: #fff;
font-family: FontAwesome;
text-align: center;
}
/**/
.wwa{
margin-top: 8px;
text-align: center;
}
.wwa h3{
font-size:30px;
color:#2f2f2f;
font-family: 'Khand', 'sans-serif';
font-weight: 500;
margin-bottom:5%;
margin-top:5%;
}
#logo{
list-style:none;
margin-top:8%;
}
#logo li{
float:left;
display:block;
padding:2%;
}
/*.bar:first-child{
padding-left:0;
}
.bar:last-child{
padding-right:0;
}*/
/**/
.pic1Ab{
padding-bottom: 15px;
float: right;
padding: 34px;
padding-top: 51px;
padding-right: 40px;
padding-bottom: 10px;
}
.pic2Ab{
float: left;
padding: 40px;
padding-top: 51px;
padding-right: 37px;
padding-bottom: 39px;
}
@media screen and (min-device-width:1919px) {
}
.footer{
margin-top: 40px;
min-height:435px;
}
.footer h3{
margin-top: 159px;
font-size: 28px;
font-family: 'Roboto', 'sans-serif';
font-weight: 400;
color: #fff;
text-align: center;
margin-bottom: 17px;
}
.footer p{
font-size:16px;
font-family: 'Roboto', 'sans-serif';
font-weight: 300;
color:#fff;
text-align:center;
}
.footer .fEmail{
float:left;
font-size: 13px;
font-family: 'Roboto', 'sans-serif';
font-weight: 300;
border: 0;
background: #1c1c1c;
color: #fff;
padding: 11px;
width: 350px;
border-radius: 4px 0px 0px 4px;
padding-left: 20px;
}
.footer .email{
float:left;
}
.footer .subS{
text-transform:uppercase;
font-size: 13px;
font-family: 'Roboto', 'sans-serif';
font-weight: 700;
float: left;
color: #fff;
border-radius: 0 4px 4px 0;
text-decoration: none;
box-shadow: 0px 2px 0px 0px #179abf;
background: #1fcdff;
padding: 10px;
padding-right: 20px;
padding-left: 20px;
}
.fr{
margin-top: 40px;
text-align: center;
//margin: 40px 0 0 357px;
}
.footer a:hover{
background:#2f2f2f;
box-shadow: 0px 2px 0px 0px #000 ;
}
/**/
.lineBlack{
position: relative;
width: 90%;
overflow: hidden;
height: 200px;
margin-top: 2%;
background: url(../images/footer.png) no-repeat;
background-size:contain;
margin-left:auto;
margin-right:auto;
display:block;
}
#social a {
line-height:25px;
}
#social svg{
color:#ee293b;
}
.downLine{
margin-bottom: 60px;
margin-top: 45px;
}
.lineBlack input{
margin-top: 3px;
}
#downMenu{
float: right;
margin-top: 5%;
}
#downMenu li{
height: 16px;
float: left;
list-style: none;
padding: 30px;
}
#downMenu i{
color:#ee293b;
}
#downMenu li:last-child{
border-right:none;
}
#downMenu li a{
text-decoration: none;
font-size: 13px;
font-family: 'Roboto', 'sans-serif';
font-weight: 300;
color: #fff;
margin-top: -2px;
margin-bottom: 0px;
}
#downMenu li:last-child a{
padding-right:0;
}
#downMenu .active{
border: 0;
border-bottom:3px solid #ee293b;
}
.dropdowndown {
position: relative;
display: inline-block;
}
.dropdowndown-content {
display: none;
position: absolute;
background-color: #000;
min-width: 150px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
height:auto;
text-align:left;
font-size:14px;
}
.dropdowndown-content a {
padding: 8px 12px;
text-decoration: none;
display: block;
}
.dropdowndown-content a:hover {
background: #ee293b; /* Old browsers */
background: -moz-linear-gradient(left, #ee293b 0%, #dc2a1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ee293b 0%,#dc2a1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ee293b 0%,#dc2a1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293b', endColorstr='#dc2a1c',GradientType=1 ); /* IE6-9 */
}
/* Show the dropdown menu on hover */
.dropdowndown:hover .dropdowndown-content {
display: block;
}
.copy{
margin-top: 66px;
float:right;
text-align:right;
width:100%;
}
.dm{
width:100%;
}
/**/
/*responsive*/
@media screen and (max-width: 1190px){
.horL {
display:none;
}
}
@media screen and (max-width: 991px){
.copy p{
text-align:center;
}
#downMenu ul li{
float: none;
text-align:center;
}
.downLine input{
margin-top: 25px;
}
.footer .fEmail{
float:left;
//max-width: 350px;
max-width: 163px;
}
#downMenu li a {
padding: 5px;
}
}
/*isotop*/
/* ---- button ---- */
/*
.isotope-item {
z-index: 2;
}
.isotope-item{
max-height: 370px !important;
margin-bottom: 35px !important;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope{
max-height:100% !important;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
*/
/*-----------------------------------------------------------------------------------*/
/* PORTFOLIO
/*-----------------------------------------------------------------------------------*/
/* __________ Isotope Styles __________ */
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
transition-duration: 0.1s;
}
/* __________ Filter __________ */
/*#filter {padding:11px 0 25px; text-align:center;}
#filter li {display:inline-block;}
#filter li a {
display:block;
padding:0 22px;
text-transform:capitalize;
line-height:20px;
font-size:15px;
color:#707070;
}*/
#filter li a.selected {
cursor:pointer;
background:#1fcdff;
color:#fff;
box-shadow: 0px 2px 0px 0px #179abf;
}
#projects .columns1 .project {
width:100%;
}
.load_more_cont {
//width:100%;
padding:10px 0 0;
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
#menu li{
padding-left:7px;
}
}
@media screen and (width: 960px){
#logo1{
width:10%;
float:left;
margin-left:-10%;
}
#logo2{
width:5%;
float:left;
margin-left:2%;
margin-top:-6px;
}
.navmenu{
margin-top:0px;
}
#edition{
margin-top:30%;
}
#nav{
margin-left:-21.5em;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.logo{
display:none;}
#sidelogo{
margin-top:23%;
padding:12px;
}
#sidelogo img{
width:94%;
}
#mylaikalogo{
margin-top:23%;
padding:12px;
}
#mylaikalogo img{
width:100%;
}
.headerLine {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
width: 90%;
overflow: hidden;
height: 698px;
background: url(../images/sidekunstcirquebg.jpg) center center no-repeat;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: -95px -90px;
}
#logo1{
display:none;
}
#logo2{
display:none;
}
}
@media screen and (max-width: 768px) {
.logo{
display:none;}
#side{
width:73%;
margin-right:5%;
}
#sidelogo{
margin-top:23%;
padding:15px;
}
#sidelogo img{
width:100%;
}
#party{
margin-top:30%;
}
#first{
font-size:28px;
}
#second{
font-size:20px;
}
#third{
font-size:18px;
}
#party a {
font-size:19px;
}
#whale{
margin-top:15%;
width:100%;}
#mylaika{
width:73%
}
#mylaikalogo{
margin-top:23%;
padding:10px;
}
#logo1{
display:none;
}
.headerLine {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
width: 90%;
overflow: hidden;
height: 650px;
background: url(../images/sidekunstcirquebg.jpg) center center no-repeat;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: -100x -80px;
}
#arrow{
margin-top:64%;
}
}
@media only screen and ( max-width: 600px ) {
.default {
position: relative;
width: 105%;
margin-top: 0px;
z-index: 9999;
}
#nav ul li{
padding:10px;
}
#tourdates{
margin-top:0%;
}
#arrow{
margin-top:54%;
}
}
@media screen and (max-width: 480px) {
.copy{
font-size:11px;
margin-top:20%;
margin-bottom:30px;
}
#nextlanding {
margin-top: 35%;}
#first{
font-size:26px;
}
#second{
font-size:20px;
}
#third{
font-size:18px;
}
#party a {
font-size:15.5px;
}
#whale{
margin-top:86%;
width:100%;}
.popup__close{
top:150px;
width: 5.2rem;
height: 5.2rem;}
#side{
width:100%;
margin-right: -2%;
}
#sidetext{
width:76%;}
#sidelogo{
margin-top:28%;
padding:13px;
}
#arrow{margin-top:72%;}
#mylaika{
width:100%;
margin-left: -3%;
}
#mylaikalogo{
margin-top:28%;
padding:5px;
}
.headerLine {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
width: 90%;
overflow: hidden;
height: 700px;
background: url(../images/sidekunstcirquebg.jpg) center center no-repeat;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: -300px -60px;
}
}
@media screen and (max-width: 400px) {
.headerLine {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
width: 90%;
overflow: hidden;
height: 800px;
background: url(../images/sidekunstcirquebg.jpg) center center no-repeat;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
background-position-x: center;
background-position-y: center;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: -479px -67px;
}
#sidelogo {
margin-top: 32%;}
#mylaikalogo {
margin-top: 32%;}
#party{
margin-top:35%;}
#first{
font-size:15px;
}
#second{
font-size:15px;
}
#third{
font-size:19px;
}
#party a {
font-size:12.5px;
}
#whale{
margin-top:91%;
width:100%;}
.popup__close{
top:150px;
width: 5.2rem;
height: 5.2rem;}
#first{
font-size:26px;
}
#second{
font-size:20px;
}
#third{
font-size:18px;
}
}