@import url("https://fonts.googleapis.com/css?family=Oswald&subset=latin-ext");
/*@import url("https://fonts.googleapis.com/css?family=Devonshire&subset=latin-ext");*/
@import url("https://fonts.googleapis.com/css?family=Amarante&subset=latin-ext");

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../fonts/c81db89f6f6c.eot");
    src: url("../fonts/c81db89f6f6c.eot") format('embedded-opentype'), url("../fonts/bd3ac3b191cf.woff") format('woff'), url("../fonts/4429aadfe10e.ttf") format('truetype'), url("/kepek/asset-0374.svg#glyphicons-halflingsregular") format('svg')
}


#headerwrap {height: 60px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;}
.nav-up {
    top: -60px!important;
}

.item-page img {
   

    -webkit-animation: itemimagefadein 8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: itemimagefadein 8s; /* Firefox < 16 */
        -ms-animation: itemimagefadein 8s; /* Internet Explorer */
         -o-animation: itemimagefadein 8s; /* Opera < 12.1 */
            animation: itemimagefadein 8s;
}

@keyframes itemimagefadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes itemimagefadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes itemimagefadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes itemimagefadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes itemimagefadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/*
#animate-areajobb{
  background:url("/kepek/asset-0293.jpg");
  background-size: cover;
  height:400px;
    background-position: 90% bottom;
  
    background-repeat: no-repeat;
}


#animate-areabal{
  background:url("/kepek/asset-0293.jpg");
  background-size: cover;
  height:400px;
    background-position: left bottom;
  
    background-repeat: no-repeat;
}*/


h1 {font-family: 'Amarante', cursive!important;font-weight:400!important;font-style: normal;/*text-transform: uppercase;*/letter-spacing: normal;font-size:90px}
h3 {font-family: 'Amarante', cursive!important;font-weight:400!important;font-style: normal;/*text-transform: uppercase;*/letter-spacing: normal;}

.item-page .pagenav li.next {position:relative}
.item-page .pagenav li.previous {position:relative}

.pager {display:none!important}

/*ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg{background-size:cover!important}*/

ul.sigProResponsiveBlue li.sigProThumb a.sigProLink {
color: #000;
background-color: #666;
border: 0 none;
-webkit-transition: 200ms all ease-in;
-moz-transition: 200ms all ease-in;
    transition: 200ms all ease-in;}

ul.sigProResponsiveBlue li.sigProThumb a.sigProLink:hover {
color: #000;
text-decoration: none;
background-color: #000;
border: 0 none;
}

ul.sigProResponsiveBlue span.sigProPseudoCaption {
background: #222;
padding-top: 4px;
-webkit-transition: 200ms all ease-in;
-moz-transition: 200ms all ease-in;
    transition: 200ms all ease-in;}

ul.sigProResponsiveBlue li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption {
background: #000;
  
}

ul.sigProResponsiveBlue li.sigProThumb span.sigProLinkOuterWrapper {
display: block;
 margin: 0;
}


ul.sigProResponsiveBlue span.sigProCaption {
display:none}

ul.sigProResponsiveBlue span.sigProPseudoCaption{
    display:none}


h3 {color:#fff}

p {text-align: justify;font-weight:300!important;}


.idezet {margin: 30px;text-align:center}
.idezet h3{text-align:center} 

h4.idezete {text-align:center;margin: 0 auto!important;color:#fff;} 
.idezete {color: #fff; display: table; /*float: right; */padding: 5px 20px; border-left: 2px solid #fff; border-right: 2px solid #fff; /* font-style: italic; */font-family: 'Oswald', sans-serif;}

/* BOUNCE */

@-webkit-keyframes bounce {
   0%, 10%, 20%, 50%, 70%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
    
    80% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

@keyframes bounce {
  0%, 10%, 20%, 50%, 70%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }

  60% {
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
    80% {
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
}
.fa-angle-down{
   background: none;background-color: transparent;
   font-size:80px;
   color:RGBA(0,0,0,0.3);
         -webkit-animation: bounce 3s ease infinite;
      animation: bounce 3s ease infinite;
    text-shadow:0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}




div.tp-caption.ikonsor.tp-fade.tp-resizeme.start{top:90%!important;/*bottom:50px!important;*/}




/*#header {max-width:1280px;margin:0 auto;padding-left: 0px!important;padding-right: 0px!important;}*/

#topleft table {max-width:1280px;margin:0 auto;margin-top:-20px}
#topleft td img{width:100%!important}
#headertop {display:none;background: #fff}
body {background: #000}
body.innerpage{background:#000;color:#fff;
    -webkit-animation: itemimagefadein 8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: itemimagefadein 8s; /* Firefox < 16 */
        -ms-animation: itemimagefadein 8s; /* Internet Explorer */
         -o-animation: itemimagefadein 8s; /* Opera < 12.1 */
            animation: itemimagefadein 8s;}
body.frontpage{background: #000; color:#fff;
     -webkit-animation: itemimagefadein 8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: itemimagefadein 8s; /* Firefox < 16 */
        -ms-animation: itemimagefadein 8s; /* Internet Explorer */
         -o-animation: itemimagefadein 8s; /* Opera < 12.1 */
            animation: itemimagefadein 8s;
}


top1 .module {margin: 0!important;padding: 0!important}
#top1 .modulecontent {margin: 0!important;padding: 0!important}


.kep{width:300px;float:left;margin:0 40px 5px 0}
.keptxt{color: #555; margin: 0!important;text-align:justify}
h1.keptitle{font-weight: 300!important;margin:0 0!important;margin-bottom:5px;font-size:27px;color:#666;letter-spacing: 0.1px}
h1.keptitle strong{font-weight: 700!important;}
h2.kepsubtitle{font-weight: 200!important;margin:0 0!important;margin-bottom:20px!important;font-size:24px;color:#666}

.jobb-lent {bottom:0px; right:0px;margin-top:10px;margin-bottom:40px;float:right;}
.glyphicon{position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale}

.carousel-control {position: absolute;
top: 50%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 30px;
font-weight: 100;
line-height: 30px;
color: #666;
text-align: center;
background: none!important;
    /* border: 3px solid #fff; */
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
/* border-radius: 23px; */
border:0 none!important;
    opacity: .5;
filter: alpha(opacity=50);
}

#jxtc_canvasslide_left ul li span.separator, #jxtc_canvasslide_right ul li span.separator {color: #101010!important;
background-color: #e7e7e7!important;}
span.separator {text-align: left;}
#jxtc_canvasslide_left a:hover, #jxtc_canvasslide_right a:hover {border-left: 4px solid #cdcdcd!important;}

/*.carousel-control .glyphicon-chevron-left {margin-left: -10px;width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;

left: 50%;

position: absolute;
top: 50%;
z-index: 5;
display: inline-block;}*/

#carousel-example-generic h2 {font-size: 20px;
font-weight: normal!important;letter-spacing:0!important;
margin-bottom: 20px;
color: #999;
padding-top: 5px;text-align: center;text-transform:none;}

#carousel-example-generic blockquote {float: initial;
padding: 0px 30px!important;
margin: 0px 30px!important;
border-left: 0 none;}
#carousel-example-generic p {padding:5px;30px;}

div.avatar {display:table;margin:0 auto;}
div.title-testimonial {display:table;margin:0 auto;}

#carousel-example-generic img {border-radius: 50%;
width: 60px;
height: 60px;
    border: 2px solid #f8f8f8;}

#carousel-example-generic h6.title-post {font-weight:bold!important}
#carousel-example-generic h6.title-post span{font-weight:normal}



.glyphicon-chevron-left:before{content: "\e079";}
.glyphicon-chevron-right:before{content: "\e080";}
.carousel-control:hover {color: #999;}

/* CANVAS MENU */
#jxtc_canvasslide_left a:hover, #jxtc_canvasslide_right a:hover {
    color: #fff;
    border-left: 4px solid #FF6F00;
}

#jxtc_canvasslide_left label.close, #jxtc_canvasslide_right label.close {
    background: #FF6F00;
    opacity: 1;
}

#jxtc_canvasslide_left *,#jxtc_canvasslide_right *{margin:0;padding:0;border:0;outline:0;font-weight:300;font-style:normal;font-size:100%;vertical-align:baseline;line-height:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#jxtc_canvasslide_left a,#jxtc_canvasslide_right a{text-decoration:none}
#jxtc_canvasslide_left input[type="radio"],#jxtc_canvasslide_right input[type="radio"]{display:none}
#jxtc_canvasslide_left label,#jxtc_canvasslide_right label{cursor:pointer}
#jxtc_canvasslide_left{z-index:99999999;position:fixed;width:0;height:100%;top:0;left:0}
#jxtc_canvasslide_right{z-index:99999999;position:fixed;width:auto;height:100%;top:0;right:0}
#jxtc_canvasslide_left section{margin:0;overflow-y:scroll!important;width:320px;height:100%;left:0;top:10%;z-index:10;background:#202020;-webkit-backface-visibility:hidden;-webkit-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-moz-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-ms-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-o-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);transition:all .4s cubic-bezier(0.2,0.6,0.3,1)}
#jxtc_canvasslide_right section{margin:0;overflow-y:scroll!important;width:320px;height:100%;right:0;top:0;position:absolute;z-index:10;background:#202020;-webkit-backface-visibility:hidden;-webkit-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-moz-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-ms-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-o-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);transition:all .4s cubic-bezier(0.2,0.6,0.3,1)}
#jxtc_canvasslide_left section,#jxtc_canvasslide_left input#close-item:checked ~ section{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
#jxtc_canvasslide_right section,#jxtc_canvasslide_right input#close-item:checked ~ section{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
#jxtc_canvasslide_left input#open-item:checked ~ section{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow:visible}
#jxtc_canvasslide_right input#open-item:checked ~ section{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow:visible}
#jxtc_canvasslide_left section .wrap{padding:30px 0;position:relative}
#jxtc_canvasslide_left section .innerwrap{margin-top:30px}
#jxtc_canvasslide_left label.open,#jxtc_canvasslide_left label.close{text-align:center;position:absolute}
#jxtc_canvasslide_right label.close:hover,#jxtc_canvasslide_right label.close:focus{background:#757786}
#jxtc_canvasslide_left label.open{font-family:'FontAwesome';font-size:24px;color:#222;width:50px;bottom:auto;left:-98px;right:auto;top:8%;margin:0 auto;padding:10px 0;text-transform:uppercase;z-index:1}
#jxtc_canvasslide_right label.open{font-family:'FontAwesome';font-size:24px;color:#fff;font-weight:100;bottom:auto;left:-120px;right:auto;margin:12px 236px 0 auto;text-transform:uppercase;z-index:1}
#jxtc_canvasslide_left input#close-item:checked ~ label.open{-webkit-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;-moz-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;-ms-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;-o-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;transition:left .3s ease 0.4s,background .1s ease,color .1s ease;left:0}
#jxtc_canvasslide_right input#close-item:checked ~ label.open{-webkit-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;-moz-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;-ms-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;-o-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;transition:right .3s ease 0.4s,background .1s ease,color .1s ease;right:0}
#jxtc_canvasslide_left label.open:hover,#jxtc_canvasslide_left label.open:focus{background:#222;color:#fff}
#jxtc_canvasslide_left label.close,#jxtc_canvasslide_right label.close{padding-left:9px;font-size:25px;background:transparent;color:#fff;width:30px;height:30px;line-height:32px}
#jxtc_canvasslide_left label.close:hover,#jxtc_canvasslide_left label.close:focus{background:#757786}
#jxtc_canvasslide_right label.close:hover,#jxtc_canvasslide_right label.close:focus{background:#757786}
#jxtc_canvasslide_left label,#jxtc_canvasslide_left select,#jxtc_canvasslide_left input{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#jxtc_canvasslide_right label,#jxtc_canvasslide_right select,#jxtc_canvasslide_right input{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#jxtc_canvasslide_left ul,#jxtc_canvasslide_right ul{top:10%;text-align:left}
#jxtc_canvasslide_left a,#jxtc_canvasslide_right a{color:#A9A9A9;font-weight:500;padding:15px;cursor:pointer;border-bottom:2px solid #202020;border-left:4px solid #202020;font-size:15px;display:block;padding:8px 19px}
#jxtc_canvasslide_left a:hover,#jxtc_canvasslide_right a:hover{background-color:#1b1b1b}
#jxtc_canvasslide_left ul li,#jxtc_canvasslide_right ul li{list-style:none}
#jxtc_canvasslide_left ul li a,#jxtc_canvasslide_right ul li a{padding:12px 14px}
#jxtc_canvasslide_left ul li span.separator,#jxtc_canvasslide_right ul li span.separator{font-weight:100;font-size:14px;color:#fafafa;background-color:#1b1b1b;padding:8px 12px;margin:12px 0;border-bottom:1px solid #191919;text-transform:uppercase;display:block}
#jxtc_canvasslide_left span.separator:before,#jxtc_canvasslide_right span.separator:before{content:""}
#jxtc_canvasslide_left a:before,#jxtc_canvasslide_right a:before{margin:0 12px;font-family:'FontAwesome';content:"\f105";font-size:14px;font-weight:100}
#jxtc_canvasslide_left ul > li > ul > li > ul li a,#jxtc_canvasslide_right ul > li > ul > li > ul li a{font-size:12px;padding-left:34px}#jxtc_canvasslide_left ul > li > ul > li > ul > li > ul li a,#jxtc_canvasslide_right ul > li > ul > li > ul > li > ul li a{font-size:12px;padding-left:54px}
#jxtc_canvasslide_left ul > li > ul > li > ul > li > ul > li > ul li a,#jxtc_canvasslide_right ul > li > ul > li > ul > li > ul > li > ul li a{font-size:12px;padding-left:72px}

label.open.xtccanvas {
    background: #070B47 !important;
    color: #fff;
    padding: 8px 10px;
    font-size: 22px !important;
    position: fixed;
    top: 15%;
    right: 0%;
    z-index: 1200;
}


body {
 /*-webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;*/}

.medium {font-size:150%}

.big {font-size:250%}
.bigger {font-size:650%}
.insetslidewrap h1.bigger {font-size:300%;line-height: 150%}
h1.medium {font-size:150%;}
p.lead {font-size: 16px;line-height:25px;color:#902ec6;}

div.sect-title.constrainmod.toptitle {padding:10px;}

.negyed {width:49%;
display:inline-block;
margin:0;
padding:0;
margin-top:20px;
margin-bottom:10px;}

#user1 .singlearea .module {margin:0}

#header ul.menu > li.parent::after {margin-left: 5px;}
.suckerfish ul.menu > li, .dualfish ul.menu > li {margin:0;}

#topleft {float:none;}

#topleft p {font-size:12px;
line-height:18px;
padding-bottom:5px;}

#topleft p a{font-size:12px;
line-height:18px;}

.btn-purple {
    color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;*
background-color: #04c;
    background: -moz-linear-gradient(88deg, rgba(112,47,156,1) 0%, rgba(77,0,129,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(77,0,129,1)), color-stop(100%, rgba(112,47,156,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(88deg, rgba(112,47,156,1) 0%, rgba(77,0,129,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(88deg, rgba(112,47,156,1) 0%, rgba(77,0,129,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(88deg, rgba(112,47,156,1) 0%, rgba(77,0,129,1) 100%); /* ie10+ */
background: linear-gradient(2deg, rgba(112,47,156,1) 0%, rgba(77,0,129,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0081', endColorstr='#702f9c',GradientType=0 ); /* ie6-9 */
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active,
.btn-purple.disabled, .btn-purple[disabled] {
    color: #fff;
    background-color: rgba(112,47,156,1);
    * background-color: rgba(77,0,129,1);
}

.btn-purple:active, .btn-purple.active {
    background-color: #039 \9
}


.collapse{
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 2s ease;
-moz-transition: height 2s ease;
-o-transition: height 2s ease;
    transition: height 2s ease}


#rightside {position:fixed;right:0px;
bottom:0px;
width:500px;
height:inherit;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
border-radius:5px 0 0 0;
background:rgba(245,245,245,0.95);
overflow: hidden;
z-index:99999;
padding:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,1+46,0+47 */
background: -moz-linear-gradient(top, rgba(77,16,129,1) 0%, rgba(115,56,156,1) 54px, rgba(245,245,245,0.95) 55px, rgba(245,245,245,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 54px,rgba(245,245,245,0.95) 55px,rgba(245,245,245,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 54px,rgba(245,245,245,0.95) 55px,rgba(245,245,245,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#rightside div {}

#idShowHide{height:500px;}

.testimonalstitle {font-weight:normal;
font-size: 22px !important;
line-height: 22px !important;
font-family: Montserrat, ClearSans, Josefin, OpenSans, Arial, Helvetica, sans-serif !important;
text-transform: uppercase;
/*-webkit-font-smoothing: subpixel-antialiased;*/}

.testimonals-clickto{font-weight:normal;
display:block;
float:right;
clear: none;
margin-bottom:5px;
z-index:999999;
color:#fff}
.testimonals-clickto a{ color:#fff}

img.kepmeret {max-width:500px; float:right; margin: 0 0 10px 30px}

#topright{height:35px;}

h2{line-height:150%!important;text-transform: uppercase;color:#fff;font-weight:700!important;}


h1{color: #fff;
}

#rightside h2{font-size:17px;text-align: left;
}
#rightside p{font-weight: 300;font-size:13px;text-align: left;
}

#menu ul li ul li span.separator{text-align:center!important;display:block;}
.uf-field-label {text-align:left;}

/*.jobbos {margin: 10px 0px 10px 30px; float:right;}*/
.jobbos {margin: 0px 0px 10px 30px; float:right;}
/*.balos {margin: 10px 30px 10px 0px; float:left;}*/


#region1 h1 {color:#fff!important;}
#region4 h1 {color:#fff!important;}
#region7 p.lead {color:#000!important;}
#region7 h1 {color:#000!important;}


/*h1 {color:#902ec6!important;}*/
div.page-header h1 {text-transform: uppercase;
background-color: #a2a2a2;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -15px!important;
color: #fff;
width: 100vw!important;  margin-left: calc(-50vw + 50%)!important;

     /* margin-left:-60px!important;*/
    /*  margin-left: -800px!important;
    margin-right: -800px!important;
    padding-left: 800px!important;
    padding-right: 800px!important;
*/
}

.buy {background-color: #e2e2e2;
padding-top: 15px;
padding-bottom: 15px;
width: 100vw!important;  margin-left: calc(-50vw + 50%)!important;

    /*margin-left: -800px!important;
    margin-right: -800px!important;
    padding-left: 800px!important;
    padding-right: 800px!important;*/}

.insetslidewrap h1 {font-size:34px}
.lead {font-size: 18px;line-height:25px;}
.sect-title.toptitle p {margin: 34px 0 0px}
#user1 div.centerarea {height:40px;}

div.mbYTP_wrapper {max-width:100%!important}
.row-1.lastcol.oddcol.col-3{margin-top:80px;}
.row-1.firstcol.oddcol.col-1{margin-top:80px;}

.row-2.lastcol.evencol.col-2{margin-top:0px;float:right;}
.row-2.firstcol.oddcol.col-1{margin-top:0px;}

.item-page hr {border:0;width:100%;background: #ccc;height: 1px;}

#rightside hr {background:#999;margin-bottom:10px;}

#rightside img {}

a {color: #ddd}

#region7wrap {background-size: auto 100%;}
#region8wrap {background-size: auto 100%;}
#region9wrap {background-size: auto 100%;}

div .kezdotestimonials {color:#902ec6}
div .kezdotestimonials img {background: #fff;
width: 200px;
padding: 12px;
margin: 10px;
text-align: center;
-moz-box-shadow: 1px 1px 3px #222;
-moz-transform: rotate(-5deg);
-webkit-box-shadow: 1px 1px 3px #222;
-webkit-transform: rotate(-5deg);
box-shadow: 1px 1px 3px #222;
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}


/*div#region1.row-fluid.xtc-fluidwrapper {padding:0px 0px 0px 0px}
div#region1  {padding: 0 !important;}*/

/*body.innerpage #region1 div.modulecontent {padding: 0 !important;background: #000;}*/



@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36%, 100% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes horizontal {
  0% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36%, 100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.horiz {
-webkit-animation: horizontal 3s ease infinite;
animation: horizontal 3s ease infinite;}

h3.horiz{display:inline-block;clear: none;color:#fff;font-weight:700!important;
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 10px 0; }
}

#region7wrap {
/*animation: animatedBackground 1250s linear infinite;*/}



.sect-title p {margin: 34px 0 34px;}
.avVideo .avPlayerContainer .avPlayerBlock iframe, .avVideo .avPlayerContainer .avPlayerBlock object, .avVideo .avPlayerContainer .avPlayerBlock embed, .avVideo .avPlayerContainer .avPlayerBlock video, .avVideo .avPlayerContainer .avPlayerBlock > div {min-width:200px !important;}

.bottomarticlewrap .articlebutton {background: #852ea6;}
img.kepjobb {max-width:350px; float:right; margin:0 -25px 20px 30px}



#menuwrap ul.menu li.parent > ul {width:200px;}

      img.mobhide {display:block!important}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


.blokk {margin-bottom: 30px!important;}
.blokktext {padding: 0px 10px 20px 10px; text-align: center!important;}
.vonal {margin:2px 0!important;}
/*h3.alsofelso {border-top:1px solid;border-bottom:1px solid;padding:5px 1px;display:inline-block;margin:0 auto}*/
ol {list-style-type: decimal}


#headertop {padding:0!important;
/*position:absolute;
    bottom:-500%*/}

#headerwrap.stickyscroll, .innerpage #headerwrap{
/*-webkit-box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.49);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.49);*/}

/*#topmodules {position: fixed;
top: 40%;
-webkit-box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.49);
-moz-box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.49);
box-shadow: inset 0px 11px 8px -10px #777,inset 0px -11px 8px -10px #777;
    padding:40px 0;background: rgba(0,0,0,0.5);}*/

label.open.xtccanvas{background: none !important;color:#777!important;
position: relative;
top:-3px;}


.row-fluid [class*="span"] {margin-left:0}



/**/
/**/
/**/
@media (max-width: 1600px){
    .balszelso {display: none; left:0;width:0px;height:0px;}
    .balouter {display:none}
}
@media (min-width: 1600px){
  
   .balouter {height:100%;left:0px;position: absolute;display:table;width:400px;}
    
  .balszelso {position:fixed:bottom:0;display: table-cell; width:400px;vertical-align: bottom}  
  
}




@media (min-width: 1200px){
#top1{
max-width: 1140px;
margin: 0 auto;
display: table;
    float: none;}

    #header {
padding-top: 14px!important;
padding-bottom: 14px!important;
padding-left: 0px!important;
padding-right: 0px!important;
max-width: 1280px!important;
margin: 0 auto;}

.row-fluid .span12 {margin-left:0}
.row-fluid .span6 {margin-left:0;width:50%;}
.row-fluid .span6.balos {padding-right:20px}
.row-fluid .span6.jobbos {padding-left:20px}

    .row-fluid .span4.balos {padding-right:20px}
.row-fluid .span4.jobbos {padding-left:20px}
.row-fluid .span8.balos {padding-right:20px}
.row-fluid .span8.jobbos {padding-left:20px}    


}

@media (max-width: 1200px) and (min-width: 979px) {
.row-fluid .span6 {width: 50%;margin-left: 0;}
     .row-fluid .span6.balos {padding-right:20px}
.row-fluid .span6.jobbos {padding-left:20px}

.row-fluid .span4.balos {padding-right:20px}
.row-fluid .span4.jobbos {padding-left:20px}
.row-fluid .span8.balos {padding-right:20px}
.row-fluid .span8.jobbos {padding-left:20px}

   h1{    font-size:70px}

}
   

@media (min-width: 979px){

    @keyframes slidecenter900alatt {
  0%{
    transform: translateX(0%) scale(1.1, 1.1) rotate(0deg);
  }
  100%{
    transform: translateX(0%) scale(2, 2) rotate(10deg) ;
      
  }
}
    
   #center2 {
  width: 100%;
  height: 500px;
       background-image: url("");
  background-position: center center;
  background-repeat: no-repeat;
  animation: slidecenter900alatt 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
  margin-left:20px }
    
    .scanim {
  width: 100%;
  height: 500px;
       background-image: url("");
  background-position: center center;
  background-repeat: no-repeat;
    margin-left:20px }
    
    
    .eighty {
  animation: slidecenter1200felett 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
   }
   
    
}

@media (max-width: 979px)  {
.kicsimobil2 {max-width: 80%;margin:20px auto 0 auto;display: block;padding-top:100px;}
}


@media (max-width: 979px) and (min-width: 768px) {
     .row-fluid .span6.balos {padding-right:0px}
.row-fluid .span6.jobbos {padding-left:0px}
    
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
    
    h1{    font-size:50px}
}




body.nosticky #headerwrap {   position: fixed;    width: 100%;}
#headerwrap.stickyscroll, .innerpage #headerwrap {    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}



@media (max-width: 979px) and (min-width: 900px) {
@keyframes slidecenter {
  0%{
    transform: translateX(0%) scale(1.1, 1.1) rotate(0deg);
  }
  100%{
    transform: translateX(0%) scale(2, 2) rotate(30deg);
      
  }
}
    
   #center2 {
  width: 100vw;
  height: 500px;
      background-image: url("");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: slidecenter 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
   /* background-size: cover;  */  margin-left:20px }

}


@media (min-width: 900px) {
    
    @keyframes slide{
  0%{
    transform: translateX(-50%) scale(2, 2);
  }
  100%{
    transform: translateX(0) scale(1, 1);
      
  }
}
#jobbos {
  width: 100vw;
  height: 550px;
  background-image: url("/kepek/asset-0293.jpg") ;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: slide 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
    background-size: cover;
   }
    
    
     @keyframes slide2 {
  0%{
    transform: translateX(50%) scale(2, 2);
  }
  100%{
    transform: translateX(0) scale(1, 1);
      
  }
}

#balos {
  width: 100vw;
  height: 550px;
  background-image: url("/kepek/asset-0167.jpg") ;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: slide2 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
    background-size: cover;

   }
    
     @keyframes slide4 {
  0%{
    transform: translateX(50%) scale(2, 2);
  }
  100%{
    transform: translateX(0) scale(1, 1);
      
  }
}
    
   #center {
  width: 100vw;
  height: 550px;
      background-image: url("/kepek/asset-0253.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: slide4 20s linear infinite alternate;
    animation-timing-function: ease-out;
    background-size: cover;     }
    
    
     
   
    
    
    
    
    label.open.xtccanvas{display:none!important}
     #headerwrap {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+52,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 52%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
    #region1wrap {margin-top:-80px}
}


/**** 900 alatt ****/
/**** 900 alatt ****/
/**** 900 alatt ****/
/**** 900 alatt ****/
/**** 900 alatt ****/

@media (max-width: 900px) {
    
    
    
     @keyframes slide{
  0%{
    transform: translateX(-50%) scale(2, 2);
  }
  100%{
    transform: translateX(0) scale(1, 1);
      
  }
}

#jobbos {
  width: 100vw;
  height: 150px;
  background-image: url("/kepek/asset-0293.jpg") ;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: slide 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
    background-size: cover;
   }
    
    
     @keyframes slide2 {
  0%{
    transform: translateX(50%) scale(2, 2);
  }
  100%{
    transform: translateX(0) scale(1, 1);
      
  }
}

#balos {
  width: 100vw;
  height: 150px;
  background-image: url("/kepek/asset-0167.jpg") ;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: slide2 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
    background-size: cover;
   }
    
          
     @keyframes slide4 {
  0%{
    transform: translateX(0) scale(2, 2);
  }
  100%{
    transform: translateX(0) scale(1, 1);
      
  }
}

#center {
  width: 100vw;
  height: 150px;
  background-image: url("/kepek/asset-0254.jpg") ;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: slide4 20s linear infinite alternate;
    animation-timing-function: ease-out;
    background-size: cover;
   }
    
   @keyframes slidecenter900alatt {
  0%{
    transform: translateX(0%) scale(1.1, 1.1) rotate(0deg);
  }
  100%{
    transform: translateX(0%) scale(2, 2) rotate(10deg) ;
      
  }
}
    
   #center2 {
  width: 100%;
       min-width:1000px;
  height: 500px;
       background-image: url("");
  background-position: center center;
  background-repeat: no-repeat;
  animation: slidecenter900alatt 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
   /* background-size: cover;  */  margin-left:20px }
   
    
    
   body.frontpage{ background: #000 none!important;}
    body.innerpage{ background: #000 none!important;}
    
  #headerwrap {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+52,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 52%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
    #region1wrap {margin-top:-80px}
    #region2{padding:0 30px}
    #region3{padding:0 30px}
    .kep{width:200px;float:left;margin:0 40px 5px 0}
    #component {/*margin-top:60px*/}
    h2 {margin-top:40px}
    #menu .mobilebtn {display: none !important}
#headertop {display: none;    }

    img.mobhide{display:none!important}
    .mobbghide{background-image: none!important;}

    body.sticky.innerpage{margin-top:0px;padding-top: 50px;}
img.kepmeret {max-width:90%; width:100%;float:none; margin: 0 0 10px 0}


#region1wrap{background-size: auto 100%;}

.insetslidewrap h1.bigger {font-size:250%;display:block;margin-bottom:0px;}

h1.medium {font-size:130%;line-height:160%;}

#region1.xtc-fluidwrapper {padding:30px 30px 300px 30px!important}

img.kepjobb {max-width:300px; float:right; margin:0 -15px 20px 30px}

.jobbos {margin: 10px 0px 10px 0px; float:none;width:100%;}

/*body.sticky #headerwrap {position:absolute;}*/

body.sticky {margin-top: 0;}

/*#region1.xtc-fluidwrapper {padding: 30ps 30px 50px 30px !important}*/
#region1.xtc-fluidwrapper {padding:0px 0px 0px 0px!important;}

/*.insetslidewrap {margin-top:150px;}*/

#rightside {position:fixed;right:initial;
bottom:initial;
width:60%!important;
height:inherit;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
border-radius:0 5px 0 0;
margin: 0 auto;
overflow:hidden;
padding:8px 10px!important;
background: #fff;
bottom:-10px;
     background: -moz-linear-gradient(top, rgba(77,16,129,1) 0%, rgba(115,56,156,1) 58px, rgba(245,245,245,0.95) 59px, rgba(245,245,245,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 58px,rgba(245,245,245,0.95) 59px,rgba(245,245,245,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 58px,rgba(245,245,245,0.95) 59px,rgba(245,245,245,0.95) 100%); /* W3C, IE10+*/
    }

#idShowHide{
height:190px;}

.testimonalstitle
    {font-weight:normal;
font-size: 22px !important;
line-height: 22px !important;
font-family: Montserrat, ClearSans, Josefin, OpenSans, Arial, Helvetica, sans-serif !important;
text-transform: uppercase;
-webkit-font-smoothing: subpixel-antialiased;}

.testimonals-clickto{position:relative;

font-weight:normal;
display:block;
float:right;
clear:none;
margin-bottom:0;
padding-bottom: 0;
bottom:0;
z-index:999999;
margin-top:-5px;
height: 30px}

#logo a{
width:100px!important;}
        #menuwrap {float:none!important;margin:0 auto!important;display:table}
#headerwrap{height:90px}
    #menuright2{padding-top:0px!important}
}

img {border:0 none!important;}
div.sigplus-gallery.sigplus-center ul > li img{border:1px solid #ccc!important;padding:5px;background:#fff}
blockquote {float:left;padding: 0 0 15px 15px;}

@media (max-width: 768px) and (min-width: 640px) {
    h1 {font-size:60px}
    
    
    
}


@media (max-width: 768px) and (min-width: 640px) and (orientation:landscape){
 @keyframes slide5 {
0%{transform: translateX(0px) scale(0.5, 0.5)!important;}
50%{transform: translateX(-2500px) scale(0.5, 0.5)!important;}  
100%{transform: translateX(0px) scale(0.5, 0.5)!important;}
}
      
   #leftright {
  width:2560px;
  height:300px!important;
      background-image: url("/kepek/asset-0253.jpg");
  background-position: left -350px!important;
  background-repeat: no-repeat;
  animation: slide5 60s infinite alternate;
       animation-timing-function: ease-in-out;
       overflow: visible;}
       
   
    div.balos img, div.jobbos img, div.balkiskep img  {margin:0 auto;display:block;max-height:320px!important;}

}

@media (max-width: 640px){
div.tp-caption.ikonsor.tp-fade.tp-resizeme.start{top:80%!important;/*bottom:50px!important;*/}
#region8 .sect-title p {margin: 34px 20px;}
#region8 h4.big {font-size:150%;margin: 0 20px;}
#region8 h3.big {font-size:150%;margin: 0 20px 20px 20px;}
#region1wrap{background-size: auto 100%;margin-top: -170px}
.insetslidewrap h1.bigger {font-size:2%;display:block;margin-bottom:10px;}
h1.medium {font-size:100%!important; line-height:130%;}
/*#region1.xtc-fluidwrapper {padding:10px 30px 30px 30px!important;}*/
#region1.xtc-fluidwrapper {padding:90px 0px 0px 0px!important;}
#region2.row-fluid {padding: 60px 0px 0 0px!important;}
 h1{    font-size:30px}   

.row-1.firstcol.oddcol.col-1 {margin-top: 0px!important;}
.row-1.lastcol.oddcol.col-3 {margin-top: 0px!important;}

.toparticlewrap p {text-align: justify !important;}

div.videok {width:100% !important;}

p.lead {font-size:130%!important;line-height:140%!important;}

.hexarticles p {padding: 0 10px 0 10px; text-align: justify !important;}

#region5wrap, #region5 {margin-bottom: -120px !important;}

div.kezdokep {margin-left: -50% !important; width: 150%!important}

#region4wrap .xtc-wrapper {padding: 60px 10px;}


ul.lead {
font-size:110%!important;
line-height:140%!important;}

img.kepjobb {
display: block;
float:none;
width:100%;
margin:0 auto;
clear:all;}

/*h1 {
font-size: 23px!important;
line-height: 130% !important;}*/

.negyed {width:80%;
display:block;
margin:0 auto;
margin-top:20px;
margin-bottom:10px; }

    #rightside {position:fixed;right:initial;
bottom:initial;
width:70%!important;
height:inherit;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
border-radius:0 5px 0 0;
margin: 0 auto;
overflow:hidden;
padding:8px 10px!important;
background: #fff;
bottom:-10px;
     background: -moz-linear-gradient(top, rgba(77,16,129,1) 0%, rgba(115,56,156,1) 58px, rgba(245,245,245,0.95) 59px, rgba(245,245,245,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 58px,rgba(245,245,245,0.95) 59px,rgba(245,245,245,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 58px,rgba(245,245,245,0.95) 59px,rgba(245,245,245,0.95) 100%); /* W3C, IE10+*/
    }

}


@media (min-width: 640px){
    .balkiskep {-ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg)!important; transform: rotate(-2deg); float: left; margin: 10px 30px 20px 20px;}
    .balkiskep img{max-width: 300px}
}

@media (max-width: 640px){
    #component p {font-size:13px;}
            h3 {font-size:20px;}

    .idezet {margin: 30px 20px;text-align:center!important}

    .kep {display:block;margin:0 auto;float:none;width:70%;margin-bottom:20px}
    .jobb-lent {display:block; margin:0 auto;margin-top:10px;margin-bottom:40px;float:none;}
.balkiskep {width:100%;-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg)!important; transform: rotate(0deg); float: none; margin: 20px auto;}
    .balkiskep img{max-width:100%;float:none}  
    h1{    font-size:30px}   
    
}

@media (max-width: 500px){
        #component p {font-size:13px;}
        h3 {font-size:20px;}
        .kep {display:block;margin:0 auto;float:none;width:90%;margin-bottom:20px}
 h1{    font-size:20px}   
    #region3wrap .xtc-wrapper {padding:20px 10px; }



#rightside {position:fixed;
width:85%!important;
right:5px;left:5px;
bottom:-10px;
height:inherit;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.49);
border-radius:5px 5px 0 0;
margin: 0 auto;
margin-bottom:0px;
overflow:hidden;
padding:20px 20px!important;
background: #fff;
    background: -moz-linear-gradient(top, rgba(77,16,129,1) 0%, rgba(115,56,156,1) 58px, rgba(245,245,245,0.95) 59px, rgba(245,245,245,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 58px,rgba(245,245,245,0.95) 59px,rgba(245,245,245,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(77,16,129,1) 0%,rgba(115,56,156,1) 58px,rgba(245,245,245,0.95) 59px,rgba(245,245,245,0.95) 100%); /* W3C, IE10+;*/}

#idShowHide{height:270px;}

.testimonalstitle {
font-weight:normal;
font-size: 18px !important;
line-height: 22px !important;
font-family: Montserrat, ClearSans, Josefin, OpenSans, Arial, Helvetica, sans-serif !important;
text-transform: uppercase;
-webkit-font-smoothing: subpixel-antialiased;}

.testimonals-clickto{position:relative;
font-weight:normal;
display:block;
float:right;
clear: none;
margin-bottom:0;
padding-bottom: 0;
bottom:0;
z-index:999999;
margin-top:-15px;
height:30px}

 }


@media (min-width: 480px){

   

 @keyframes slide5 {
  0%{
    transform: translateX(0%) scale(1.5, 1.5);
  }
   50%{
    transform: translateX(15%) scale(1.5, 1.5);
  }  
100%{
    transform: translateX(0%) scale(1.5, 1.5);
      
  }
}
    
   #leftright {
  width: 150%;
  height: 650px;
      background-image: url("/kepek/asset-0253.jpg");
  /*background-position: right bottom;*/
  background-repeat: no-repeat;
  animation: slide5 20s linear infinite alternate;
    overflow: auto;
       animation-timing-function: ease-in-out;

           } }




@media (max-width: 480px){
    .kicsimobil {max-width: 80%;margin:0 auto;display: block;padding-top:100px;}
    .kicsimobil2 {max-width: 80%;margin:20px auto 0 auto;display: block;padding-top:100px;}
       .feketezo:{ }
   /*  div.item-image {overflow-x: hidden}
    div.item-image img{width:200%!important;overflow: hidden;max-width: initial!important;margin-left:-50%}*/
         @keyframes slide5 {
0%{transform: translateX(0px) scale(1, 1);}
50%{transform: translateX(-2000px) scale(1, 1);}  
100%{transform: translateX(0px) scale(1, 1);}
}
      
   #leftright {
  width:2560px;
  height:480px;
      background-image: url("/kepek/asset-0253.jpg");
  background-position: left -100px;
  background-repeat: no-repeat;
  animation: slide5 90s infinite alternate;
       animation-timing-function: ease-in-out;
overflow: visible;
    }

     
   
    @keyframes slidecenter900alatt {
  0%{
    transform: translateX(-30%) scale(0.9, 0.9) rotate(0deg);
  }
  100%{
    transform: translateX(-30%) scale(1.3, 1.3) rotate(10deg) ;
      
  }
}
    
   #center2 {
  width: 100%;
       min-width:1000px;
  height: 500px;
       background-image: url("");
  background-position: 50% center;
  background-repeat: no-repeat;
  animation: slidecenter900alatt 20s linear infinite alternate;
    animation-timing-function: ease-in-out;
   /* background-size: cover;  */ }
   
    
    
               .kisebb {max-width:230px!important;margin:0 auto;display:block;}


    div.row.buy div.span8 p a img {max-width:130px!important;}
    div.page-header h1{font-size:10px}
  /*  div.page-header h1 {text-transform: uppercase;
    margin-left: -30px!important;
    margin-right: -30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;}


.buy {    margin-left: -30px!important;
    margin-right: -30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;}*/
    #component p {font-size:13px;}
        h3 {font-size:20px;}


body.frontpage h1, body.frontpage h2 {letter-spacing: 0px !important;}
 h1{    font-size:38px!important}   
.item-page h1{    font-size:38px!important}   

 .fr-window {
    /*background: #000!important;*/}
}


.carewear-slider-normal {color:#fff;font-size:1.5em;line-height: 1.3em}
.carewear-slider-middle {color:#fff;font-size:3em;line-height: 1.1em}
.carewear-slider-big {color:#fff;font-size:6.5em;line-height: 1.1em}

a.jcepopup span.jcemediabox-zoom-image{bottom: 0%;
left: 0%;
background-size: 100px; background: none center center no-repeat;border-radius:50% }

button a strong:hover{text-shadow: 0px 0px 15px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1) ;}

/*
Testimonals
*/
.carousel-caption {position: relative!important;background:#337f73;padding:20px 50px;}
.carousel-indicators {position: absolute;
top:initial;
    bottom: 10px;
right: 46%;
z-index: 999;list-style: none;
}


.carousel-control{color:#fff;font-size:150%!important}
a.carousel-control{font-size:400%!important}
.carousel-control:hover{color:azure}
.carousel-control.right {right:5px}
.carousel-control.left {left:5px}

.floating {
background: none;
padding: 0px;
/*width: 20px;*/
z-index: 100;
position: fixed;
top: 40%;
left: 0;}

#leftfloat div.modulecontent{padding:0;margin:0;padding-top:0;padding-left:0;padding-right:0;padding-bottom:0;}

#kocka {padding:0;margin:0;width:40px;height:40px;font-weight:bold;line-height:40px}
#leftfloat a {color:#fff!important;}
.k1{background:#f00;}
.k2{background:#0f0;}
.k3{background:#00f;}
.k4{background:#ff0;}
.k5{background:#0ff;}
.k6{background:#f0f;}
.k7{background:#f80;}
.k8{background:#080;}
.k9{background:#008;}
.k10{background:#888;}
.k1:hover{background:#777}
.k2:hover{background:#777}
.k3:hover{background:#777}
.k4:hover{background:#777}
.k5:hover{background:#777}
.k6:hover{background:#777}
.k7:hover{background:#777}
.k8:hover{background:#777}
.k9:hover{background:#777}
.k10:hover{background:#777}

#header ul.menu > li.parent::after {font-family: 'FontAwesome';
content: none;
margin-left: 0;
display:none!important}

#menuwrap ul.menu li.parent > ul > li.deeper > a:before {display: none!important}
#menuwrap ul.menu li.parent > ul > li > a:before {display: none!important}
#menuwrap ul.menu li.parent > ul > li > a:hover {text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}

#jxtc_canvasslide_left a:before, #jxtc_canvasslide_right a:before {display:none!important}




/*
/    ANIMOK
/***********************************************/
.block {
  height: 5em;
  line-height: 5em;
  width: 10em;
  background: #464646;
  color: #fdfdfd;
  text-align: center;
  margin: 1em auto;
  text-shadow: 0 0 1px #333; /* so one can see fadeBgColor properly */
}
.wrapper {width:100%; overflow: hidden;}


.animatable {

  /* initially hide animatable objects */
  visibility: hidden;

  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

/* show objects being animated */
.animate-in {
  visibility: visible;

  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

.animate-out {
  visibility: visible;

  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;

  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
}

.animate-out:after {
  content ''
  letter-spacing: inherit;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-160px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-160px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-160px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-160px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(120px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(120px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(120px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(120px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animate-in.animationDelay, .animate-out.animationDelay {
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animate-in.animationDelayMed, .animate-out.animationDelayMed {
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animate-in.animationDelayLong, .animate-out.animationDelayLong {
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animate-in.fadeBgColor, .animate-out.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animate-in.bounceIn, .animate-out.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animate-in.bounceInRight, .animate-out.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animate-in.bounceInLeft, .animate-out.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animate-in.fadeIn, .animate-out.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animate-in.fadeInDown, .animate-out.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animate-in.fadeInUp, .animate-out.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animate-in.moveUp, .animate-out.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}

#region1 .modulecontent{padding-top:0!important}
body.sticky {margin-top:0}

/*--------------------------------------------------------*/
/*---------------------Scroll start-----------------------*/
/*--------------------------------------------------------*/

.mouse {
  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
  position: relative;
  width: 52px;
  height: 88px;
  border-radius: 100px;
  background-size: 100% 200%;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
          animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
    bottom:-280px;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse:before {
  width: 46px;
  height: 82px;
  background-color: #222a30;
  border-radius: 100px;
}
.mouse:after {
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 5s linear infinite;
          animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}

@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}

.imghvr-fade-in-up figcaption {
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%)
}

.j51imagehover1024 figcaption{top:50%}
.j51imagehover1024 .j51imghvr-item {
/*max-width: 30%;*/
padding: 10px;
}
figcaption h3 {display:none;}
[class^=imghvr-fade] figcaption, [class^=imghvr-fade]:hover>img {
    opacity: 1!important
}

.j51imagehover1024 [class^="imghvr-"] figcaption
{background-color: rgba(0, 0, 0, 0.7);}


#region1wrap {background-size: contain}



body.innerpage #region3wrap .xtc-wrapper {
max-width: 2560px;
padding: 0px 0px 60px 0px;
margin: 0 auto;
}

body.innerpage #component {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin-bottom: 40px;
}

body .wrapper {width:auto;margin:auto;max-width: 1200px;padding-left:20px;padding-right:20px;}
body.innerpage .wrapper {width:auto;margin:auto;max-width: 1200px;padding-left:20px;padding-right:20px;}
body.sticky.innerpage {margin-top: 0px;}
/*body.innerpage div[itemprop="articleBody"] {margin:auto;max-width:1200px;padding-left:20px;padding-right:20px;
}*/


body.frontpage #component {padding:0}
#region3wrap .xtc-wrapper {padding:0}

.geek-foreground-container img{max-width:50%;
    max-height:200px;
 animation: scale 40s linear infinite;
}

@keyframes scale {
 50% {
   -webkit-transform:scale(2);
   -moz-transform:scale(2);
   -ms-transform:scale(2);
   -o-transform:scale(2);
   transform:scale(2);
 }
}

#geek-scrolling-bg-1028 .geek-background-overlay {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+77,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 77%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

div.fr-box canvas {opacity: 0!important; display: none!important}

#menuwrap ul.menu > li a, #menuwrap ul.menu > li.active a, #menuwrap ul.menu > li:hover a  {
color: #fff;
}
#menuwrap ul.menu > li.active a, #menuwrap ul.menu li.parent > ul > li > a, #menuwrap ul.menu > li a, span.separator  {
color: #fff!important;
}
#menuwrap ul.menu li.parent > ul {
background-color: #000!important;
}

#region1wrap {
 background: none;
}

#region1.xtc-fluidwrapper {padding:0}

#region1pad .module {margin:0}



.fr-window {
z-index: 999999999;
  background: #000!important;overflow: hidden!important;position: fixed!important;top:0!important}


.fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon {
background-image: url("/kepek/asset-0328.svg");
}


.birdcontainer {
    z-index: 1;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 35rem;
    background-image: url("/kepek/asset-0135.jpg");
    background-blend-mode: soft-light;
   /* background-size: cover;*/
    background-position: 60% top;
    padding: 2rem;
}



.bird {
    background-image: url("/kepek/asset-0380.svg");
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
    animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bird--one {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.bird--two {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
.bird--three {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}
.bird--four {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.bird-container {
    position: absolute;
    top: 0%;
    left: -7.5vw;
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
    animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bird-container--one {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.bird-container--two {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.bird-container--three {
    -webkit-animation-duration: 14.6s;
    animation-duration: 14.6s;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}
.bird-container--four {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 10.25s;
    animation-delay: 10.25s;
}
 @-webkit-keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
 @keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
@-webkit-keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@-webkit-keyframes fly-right-two {
 0% {
 left: -10%;
 opacity: 1;
 -webkit-transform: translateY(-2vh) scale(0.5);
 transform: translateY(-2vh) scale(0.5);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(0vh) scale(0.4);
 transform: translateY(0vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(-4vh) scale(0.6);
 transform: translateY(-4vh) scale(0.6);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(1vh) scale(0.45);
 transform: translateY(1vh) scale(0.45);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(-2.5vh) scale(0.5);
 transform: translateY(-2.5vh) scale(0.5);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 51% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 100% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
}
@keyframes fly-right-two {
 0% {
 left: -10%;
 opacity: 1;
 -webkit-transform: translateY(-2vh) scale(0.5);
 transform: translateY(-2vh) scale(0.5);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(0vh) scale(0.4);
 transform: translateY(0vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(-4vh) scale(0.6);
 transform: translateY(-4vh) scale(0.6);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(1vh) scale(0.45);
 transform: translateY(1vh) scale(0.45);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(-2.5vh) scale(0.5);
 transform: translateY(-2.5vh) scale(0.5);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 51% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 100% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
}

#bigBox {
  position:relative;
  width:200px;
  height:10px;
  top:50%;
  left:50%;
  margin:-100px 0 0 -120px;
  animation:bigBoxAnimation 6s linear infinite;
}
#box,#box2 {
  position:absolute;
  top:60%;
  left:50%;
  width:40px;
  height:40px;
  margin:-20px 0 0 -20px;
  animation:boxAnimation 2.95s cubic-bezier(0.02, 0.01, 0.31, 1) infinite;
}
#box2 {
  animation:boxAnimation 3.2s cubic-bezier(0.02, 0.01, 0.31, 1) infinite;
  transform:matrix(-1,0,0,1,0,0);
}
#box::after, #box2::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:8px;
  height:8px;
  background:#fff;
  border-radius:100%;
  animation:spanAnimation 3s cubic-bezier(0.3, 0.27, 0.07, 1.64) infinite;
  box-shadow:rgba(255,255,255,1) 0 0 40px 5px;
}
@keyframes bigBoxAnimation {
  100% {transform:rotate(360deg);}
}
@keyframes boxAnimation{
  50% {transform:translateY(-250px);}
}
@keyframes spanAnimation {
  50% {transform:translateX(-250px)}
}

@import url("https://fonts.googleapis.com/css?family=Finger+Paint");
body {
  
}

h1.cim {color:transparent}

.cim span {
  display: inline-block;
  text-shadow: 0 0 0 whitesmoke;
  -webkit-animation: smoky 3s both reverse;
          animation: smoky 3s both reverse;
   
}




.cim span:nth-child(even) {
  -webkit-animation-name: smoky-mirror;
          animation-name: smoky-mirror;
   
  
}


@-webkit-keyframes smoky {
  60% {
    text-shadow: 0 0 80px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
            transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}

@keyframes smoky {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
            transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@-webkit-keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
            transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
            transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
.cim span:nth-of-type(1) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
    
     
}

.cim span:nth-of-type(2) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
     
}

.cim span:nth-of-type(3) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

.cim span:nth-of-type(4) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.cim span:nth-of-type(5) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.cim span:nth-of-type(6) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.cim span:nth-of-type(7) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}

.cim span:nth-of-type(8) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.cim span:nth-of-type(9) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}

.cim span:nth-of-type(10) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.cim span:nth-of-type(11) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}

.cim span:nth-of-type(12) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}

.cim span:nth-of-type(13) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}

.cim span:nth-of-type(14) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

.cim span:nth-of-type(15) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.cim span:nth-of-type(16) {
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s;
}

.cim span:nth-of-type(17) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}

.cim span:nth-of-type(18) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}

.cim span:nth-of-type(19) {
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
}

.cim span:nth-of-type(20) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.cim span:nth-of-type(21) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}











/*   BUBORÉKOK  START   */

#buburek {

position: absolute;
display: table;
background: none;
height: 10px;
width: 95%;
max-width: 1100px;
    margin-top:-40px;
    
}
/* KEYFRAMES */

@-webkit-keyframes animateBubble {
    0% {
        bottom: 100px;
    }
    100% {
        margin-top: -10%;
    }
}

@-moz-keyframes animateBubble {
    0% {
     bottom: -1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@keyframes animateBubble {
    0% {
       bottom: -1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
    
    
    
	left: 5%;
	top: 5%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x2 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
   
	left: 5%;
	top: 25%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
    
    
	left: 10%;
	top: 10%;
	
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 20%;
	top: 20%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x5 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
    
   
    
	left: 30%;
	top: 13%;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
    
    
    
	left: 50%;
	top: 0;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
   
    
	left: 65%;
	top: 30%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x8 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
    
    
    
	left: 80%;
	top: 25%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x9 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
    
    
	left: 90%;
	top: 10%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out  infinite alternate;
	-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
    
   
    
	left: 80%;
	top: 15%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

/* OBJECTS */

.bubble {
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
/*    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);*/
	
    height: 200px;
	position: absolute;
	width: 200px;
}

.bubble:after {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
    -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	
	content: "";
    height: 180px;
	left: 10px;
	position: absolute;
	width: 180px;
}


/*   BUBORÉKOK  END   */


.mod-languages {margin-top:-2px}