
/* ------------------------------------------- BODY ---------------------------------------- */

body {
line-height:1.8;
}


/* -------------------------------- DIMENSIONS CLASSES --------------------------- */

/* full width container (root,header,content,footer) */
.fl-dim-scrwidth {
min-width:1000px;
}

/* page width container (header,content,footer contents) */
.fl-dim-pagewidth {
width:80%;
min-width:600px;
max-width:1600px;
margin-left:auto;
margin-right:auto;
}

/* vertical content container (both vertical paddings) */
.fl-dim-vpage {
padding-top:140px;
padding-bottom:140px;
}
.fl-dim-v2page {
padding-top:140px;
padding-bottom:280px;
min-height:600px;
}
.fl-dim-v4page {
padding-top:280px;
padding-bottom:280px;
min-height:600px;
}


/* vertical content container (top padding only) */
.fl-dim-vpage-top {
padding-top:140px;
}
/* vertical content container (bottom padding only) */
.fl-dim-vpage-bottom {
padding-bottom:140px;
}

/* vertical page internal block container (interblocks vertical interval) */
.fl-dim-ivpage {
padding-top:140px;
}

/* vertical page internal block container (interblocks half vertical interval) */
.fl-dim-ihvpage {
padding-top:35px;
}

/* vertical page internal block (interblocks vertical half interval) */
.fl-dim-ihvpageblock {
margin-top:35px;
}

/* vertical page internal block (interblocks vertical interval) */
.fl-dim-ivpageblock {
margin-top:70px;
}

/* vertical page block (interblocks vertical interval) */
.fl-dim-vpageblock {
margin-top:140px;
}



/* ---------------------------- COLOR CLASSES --------------------------------- */





/* home top background */
.fl-col-home-topbk {
background: url('/images/cv.jpg') no-repeat center; 
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

/* header image background */
.fl-header-bkimg {
background: url('/images/cv.jpg') no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}


/* ---------------------------- FUNCTIONAL CLASSES -------------------------------- */


.btn {
	letter-spacing: 1px;
	font-size: 12px;
	padding: 10px 45px;
}

.btn.btn-lg {
	letter-spacing: 1px;
	font-size: 12px;
	padding: 12px 45px;
}



/* main title text */
.fl-fn-mtitletext {
font-size:18px;
font-weight:medium;
letter-spacing:10px;
color:#BB33FF;
text-transform:uppercase;
}


/* pages preamble text */
.fl-fn-ppretext {
display:block;
font-size:16px;
letter-spacing:1px;
width:70%;
margin-left:auto;
margin-right:auto;
font-weight:bold;
}

/* pages comment text */
.fl-fn-pcmttext {
display:block;
font-size:14px;
font-style: italic;
letter-spacing:1px;
width:65%;
margin-left:auto;
margin-right:auto;
}
.fl-fn-pcmttext a {
cursor:pointer;
font-weight:bold;
}

/* pages subtitle text */
.fl-fn-psttext {
display:block;
font-size:16px;
letter-spacing:1px;
font-weight:bold;
}

/* pages normal text */
.fl-fn-pnrmtext {
display:block;
font-size:16px;
letter-spacing:1px;
}

/* pages list text */
.fl-fn-plitext {
font-size:16px;
letter-spacing:1px;
word-break: break-word;
overflow-wrap: break-word;
position:relative;
top:1px;
}

/* pages highlight text */
.fl-fn-phltext {
display:block;
font-size:16px;
letter-spacing:1px;
font-weight:bold;
}

h1 {
font-size:24px;
}


@media (max-width: 1199px) {
.fl-fn-ppretext {
width:100%;
}
.fl-fn-pcmttext {
width:90%;
}
}



/* narrow center block */
.fl-fn-ncblock {
display:block;
width:100%;
max-width:400px;
margin-left:auto;
margin-right:auto;
}


/* center button */
.fl-fn-cbtn {
display:block;
min-width:400px;
margin: 35px auto auto auto;
}


/* form group input control label */
.fl-fn-fglabel {
display:block;
color:#1A0808;
font-weight:normal;
letter-spacing:1px;
}


/* micro comment */
.fl-fn-miccomment {
color:#1A0808;
font-size:12px;
font-style: italic;
}


.fl-fn-ialertdiv {
margin-top:16px;
margin-bottom:16px;
}


/* required label icon */
.fl-label-icon-req {
width:16px;
height:16px;
background-image: url('/images/labels.png');
background-position: -36px 0;
}

/* remove mail label icon */
.fl-label-icon-remove{
width:32px;
height:32px;
background-image: url('/images/labels.png');
background-position: -126px 0;
cursor: pointer;
}

/* remove mail label icon inside error list */
.fl-setup-alist-err .fl-label-icon-remove {
width:32px;
height:32px;
background-image: url('/images/labels.png');
background-position: -162px 0;
cursor: pointer;
}


/* question & answer label icon */
.fl-label-icon-quest,
.fl-label-icon-answ {
width:18px;
height:18px;
background-image: url('/images/labels.png');
}
.fl-label-icon-quest {
background-position: -36px -18px;
}
.fl-label-icon-answ {
background-position: -36px -36px;
}


/* about labels */
.fl-ablabel-check,
.fl-ablabel-heart,
.fl-ablabel-quest,
.fl-ablabel-lock,
.fl-ablabel-edit,
.fl-ablabel-mail,
.fl-ablabel-tmail {
width:32px;
height:32px;
background-image: url('/images/ablabels.png');
}
.fl-ablabel-check {
background-position: 0 0;
}
.fl-ablabel-heart {
background-position: -32px 0;
}
.fl-ablabel-quest {
background-position: -64px 0;
}
.fl-ablabel-lock {
background-position: -96px 0;
}
.fl-ablabel-edit {
background-position: -128px 0;
}
.fl-ablabel-mail {
background-position: -160px 0;
}
.fl-ablabel-tmail {
background-position: -192px 0;
}


/* -------------------------- ANIMATION & ANIMATION CLASSES -------------------------- */

/* icons jump */
@keyframes fl-icon-jump {
0% {top:0;}
50% {top:-3px;}
100% {top:0;}
}
@-webkit-keyframes fl-icon-jump {
0% {top:0;}
50% {top:-3px;}
100% {top:0;}
}
@-moz-keyframes fl-icon-jump {
0% {top:0;}
50% {top:-3px;}
100% {top:0;}
}


/* fade in */
@keyframes fl-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fl-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fl-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}


/* rotation (icons) */
@keyframes fl-icon-rot {
20% {transform: rotate(0deg);}
40% {transform: rotate(-5deg);}
60% {transform: rotate(0deg);}
80% {transform: rotate(5deg);}
100% {transform: rotate(0deg);}
}
@-webkit-keyframes fl-icon-rot {
20% {-webkit-transform: rotate(0deg);}
40% {-webkit-transform: rotate(-5deg);}
60% {-webkit-transform: rotate(0deg);}
80% {-webkit-transform: rotate(5deg);}
100% {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes fl-icon-rot {
20% {-moz-transform: rotate(0deg);}
40% {-moz-transform: rotate(-5deg);}
60% {-moz-transform: rotate(0deg);}
80% {-moz-transform: rotate(5deg);}
100% {-moz-transform: rotate(0deg);}
}


/* page fade in (delayed) */
.fl-a-pfadein {
opacity:0;

animation-name: fl-fadein;
-webkit-animation-name: fl-fadein;
-moz-animation-name: fl-fadein;

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

animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;

animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
}


/* page fade in (no delay) */
.fl-a-pfadein-nd {
opacity:0;

animation-name: fl-fadein;
-webkit-animation-name: fl-fadein;
-moz-animation-name: fl-fadein;

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

animation-delay: 0s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;

animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
}




/* has error flushing border */
@keyframes fl-errorborder {
0% {border-color:#CCC;}
50% {border-color:#FF0000;}
100% {border-color:#CCC;}
}
@-webkit-keyframes fl-errorborder {
0% {border-color:#CCC;}
50% {border-color:#FF0000;}
100% {border-color:#CCC;}
}
@-moz-keyframes fl-errorborder {
0% {border-color:#CCC;}
50% {border-color:#FF0000;}
100% {border-color:#CCC;}
}

/* error form control has flushing shadow*/
.has-error .form-control {

color:#f44336;

animation-name: fl-errorborder;
-webkit-animation-name: fl-errorborder;
-moz-animation-name: fl-errorborder;

animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;

animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;

animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
} 


/* has warning flushing border */
@keyframes fl-warningborder {
0% {border-color:#CCC;}
50% {border-color:#F9A825;}
100% {border-color:#CCC;}
}
@-webkit-keyframes fl-warningborder {
0% {border-color:#CCC;}
50% {border-color:#F9A825;}
100% {border-color:#CCC;}
}
@-moz-keyframes fl-warningborder {
0% {border-color:#CCC;}
50% {border-color:#F9A825;}
100% {border-color:#CCC;}
}


/* warning form control has flushing shadow */
.has-warning .form-control {

color:#FF6F00;

animation-name: fl-warningborder;
-webkit-animation-name: fl-warningborder;
-moz-animation-name: fl-warningborder;

animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;

animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;

animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
} 


/* text change in block (2 variants)*/
@-webkit-keyframes txtchange {
0% {opacity:0;} 5% {opacity:1;} 50%{opacity:1;} 55%{opacity:0;} 100% {opacity:0;}
}
@-moz-keyframes txtchange {
0% {opacity:0;} 5% {opacity:1;} 50%{opacity:1;} 55%{opacity:0;} 100% {opacity:0;}
}
@keyframes txtchange {
0% {opacity:0;} 5% {opacity:1;} 50%{opacity:1;} 55%{opacity:0;} 100% {opacity:0;}
}


/* text change in block (4 variants)*/
@-webkit-keyframes txtchange4 {
0% {opacity:0;} 2.5% {opacity:1;} 25%{opacity:1;} 27.5%{opacity:0;} 100% {opacity:0;}
}
@-moz-keyframes txtchange4 {
0% {opacity:0;} 2.5% {opacity:1;} 25%{opacity:1;} 27.5%{opacity:0;} 100% {opacity:0;}
}
@keyframes txtchange4 {
0% {opacity:0;} 2.5% {opacity:1;} 25%{opacity:1;} 27.5%{opacity:0;} 100% {opacity:0;}
}


/* text change in block (5 variants)*/
@-webkit-keyframes txtchange5 {
0% {opacity:0;} 2% {opacity:1;} 20%{opacity:1;} 22%{opacity:0;} 100% {opacity:0;}
}
@-moz-keyframes txtchange5 {
0% {opacity:0;} 2% {opacity:1;} 20%{opacity:1;} 22%{opacity:0;} 100% {opacity:0;}
}
@keyframes txtchange5 {
0% {opacity:0;} 2% {opacity:1;} 20%{opacity:1;} 22%{opacity:0;} 100% {opacity:0;}
}



/* ---------------------------------- HEADER ------------------------------------- */

.fl-header-wrap-float {
z-index:1000;
}

.fl-header-wrap-float .col-sm-12 {
min-height:0;
}



.fl-header-wrap-fixed {
height:140px;
border-bottom: 1px solid #C9EEFF;
}


.fl-header-fixed {
height:140px;
}


.fl-header-dttitle {
position:absolute;
left:70px;
top:90px;
}


.fl-header-logo {
display:block;
position:absolute;
top:90px;
left:0px;
width:32px;
height:32px;
background: url('/images/logo.png') no-repeat center;
cursor:pointer;
}



/* ---------------------------------- HEADER MENU ----------------------------------- */

.fl-header-dtmenu {
display:inline-block;
position:absolute;
top:16px;
right:0;
font-size:24px;
z-index:2000;
}


.fl-header-dtmenu ul {
list-style-type:none;
overflow:hidden;
margin:0;
padding:0;
}
.fl-header-dtmenu li {
display:inline-block;
}
.fl-header-dtmenu a {
display:inline-block;
margin-left:16px;
margin-right:16px;
/*text-align: center;*/
text-decoration:none;
cursor:pointer;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
}

.fl-header-dtmenu-ahome {
color:#111111;
}
.fl-header-dtmenu-ahome:hover {
/*color:rgba(17,17,17,0.7);*/
color:#667AE2;
}

.fl-header-dtmenu-apage {
color:#111111;
}
.fl-header-dtmenu-apage:hover {
/*color:rgba(17,17,17,0.7);*/
color:#667AE2;
}



.fl-header-dtmenu a img{
position:relative;
top:-1px;
}


.fl-header-dtmenu-langdrop {
display:inline-block;
margin-left:48px;
text-decoration:none;
}
.fl-header-dtmenu-langdrop > a {
display:inline-block;
margin-right:0;
text-align:center;
text-decoration:none;
cursor:pointer;
}
.fl-header-dtmenu-langdrop > a > span {
margin-left:6px;
}
.fl-header-dtmenu-langdropcont {
position:absolute;
width:200px;
display:none;
opacity:0;
z-index:2000;
background-color: #FFFFFF;
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.fl-header-dtmenu-langdrop:hover .fl-header-dtmenu-langdropcont {
display: block;
opacity:1;
animation-name: fl-fadein;
-webkit-animation-name: fl-fadein;
-moz-animation-name: fl-fadein;
animation-duration: 0.5s; 
-webkit-animation-duration: 0.5s; 
-moz-animation-duration: 0.5s; 
}


.fl-header-dtmenu-langdropcont > a {
display:block;
padding-top:16px;
padding-bottom:16px;
text-decoration:none;
cursor:pointer;
}
.fl-header-dtmenu-langdropcont > a > span {
margin-left:6px;
color:#111111;
}



.fl-header-dtmenu-langswicon-page {
width:18px;
height:18px;
background-image: url('/images/labels.png');
background-position: -18px -36px;
}
.fl-header-dtmenu-langswicon-home {
width:18px;
height:18px;
background-image: url('/images/labels.png');
background-position: -18px -36px;
}



.fl-header-dtmenu-langicon-en,
.fl-header-dtmenu-langicon-de,
.fl-header-dtmenu-langicon-es,
.fl-header-dtmenu-langicon-fr,
.fl-header-dtmenu-langicon-pt,
.fl-header-dtmenu-langicon-ru {
width:18px;
height:18px;
background-image: url('/images/langl.png');
}
.fl-header-dtmenu-langicon-en {
background-position: 0px -35px;
}
.fl-header-dtmenu-langicon-de {
background-position: -20px -35px;
}
.fl-header-dtmenu-langicon-es {
background-position: -40px -35px;
}
.fl-header-dtmenu-langicon-fr {
background-position: -60px -35px;
}
.fl-header-dtmenu-langicon-pt {
background-position: -80px -35px;
}
.fl-header-dtmenu-langicon-ru {
background-position: -100px -35px;
}


/*
.fl-header-dtmenu-langdrop > a .fl-header-dtmenu-langicon-en {
background-position: 0 -18px;
}


.fl-header-dtmenu-langdropcont > a > .fl-header-dtmenu-langicon-en {
background-position: 0 0;
}


.fl-header-dtmenu-langdrop > a .fl-header-dtmenu-langicon-ru {
background-position: -18px -18px;
}

.fl-header-dtmenu-langdropcont > a > .fl-header-dtmenu-langicon-ru {
background-position: -18px 0;
}
*/

/* -------------------------------- FOOTER ----------------------------------- */

.fl-footer {
padding-top:70px;
padding-bottom:70px;
}

/* sharing */

.fl-footer-share {
text-align: center;
}
.fl-footer-share ul {
list-style-type:none;
overflow:hidden;
margin: 10px 0 0 0;
padding:0;
}
.fl-footer-share li {
display:inline-block;
}
.fl-footer-share a {
display:inline-block;
margin-right:8px;
text-align: center;
text-decoration:none;
cursor:pointer;
padding:1px 1px;
}

/* hover sharing animation */
/*
.fl-footer-share a:hover img {
animation-name: fl-icon-rot;
-webkit-animation-name: fl-icon-rot;
-moz-animation-name: fl-icon-rot;
animation-duration: 1s;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
*/

/* sharing icons */
.fl-footer-icon-fb,
.fl-footer-icon-tw,
.fl-footer-icon-li,
.fl-footer-icon-em  {
width:32px;
height:32px;
background-image: url('/images/share.png');
}
.fl-footer-icon-fb {
background-position: -4px -4px;
}
.fl-footer-icon-tw {
background-position: -44px -4px;
}
.fl-footer-icon-li {
background-position: -84px -4px;
}
.fl-footer-icon-em {
background-position: -124px -4px;
}


/* hover sharing icons */
.fl-footer-share a:hover .fl-footer-icon-fb {
background-position: -4px -44px;
}
.fl-footer-share a:hover .fl-footer-icon-tw {
background-position: -44px -44px;
}
.fl-footer-share a:hover .fl-footer-icon-li {
background-position: -84px -44px;
}
.fl-footer-share a:hover .fl-footer-icon-em {
background-position: -124px -44px;
}




/* platform switcher */

.fl-footer-plsw {
text-align: left;
}

.fl-footer-plsw a {
text-decoration:none;
cursor:pointer;
}

.fl-footer-plsw a img{
position:relative;
top:0;
}
/*
.fl-footer-plsw a:hover img{
position:relative;
animation-name: fl-icon-jump;
-webkit-animation-name: fl-icon-jump;
-moz-animation-name: fl-icon-jump;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
}
*/
.fl-footer-plsw a span {
margin-left:4px;
}


/* platform switch icons */
.fl-footer-icon-mob,
.fl-footer-icon-dt {
width:18px;
height:18px;
background-image: url('/images/labels.png');
}
.fl-footer-icon-mob {
background-position: -18px 0;
}
.fl-footer-icon-dt {
background-position: 0 0;
}
/* platform switch icons on hover */
.fl-footer-plsw a:hover .fl-footer-icon-mob {
background-position: -18px -18px;
}
.fl-footer-plsw a:hover .fl-footer-icon-dt {
background-position: 0 -18px;
}

/* creators */


.fl-footer-cre {
text-align: right;
}

/*
.fl-footer-cre {
margin-top:64px;
text-align: right;
}
*/

.fl-footer-cre p {
margin-bottom:0;
}


/* cookies warning */

.fl-footer-cw {
position: fixed;
z-index: 100000;
bottom: 0px;
margin-bottom: 0px;
left:0px;
margin-left:0px;
right:0px;
margin-right:0px;
}

.fl-footer-cw-txt {
text-align:center;
padding-left:4px;
padding-right:36px;
}
.fl-footer-cw-txt p{
margin: 0px 0px 0px 0px;	
font-size:13px;
font-style: italic;
letter-spacing:1px;
}


.fl-footer-cw-sw {
position:absolute;
right:8px;
top:8px;
text-decoration:none;
cursor:pointer;
width:18px;
height:18px;
}
.fl-footer-cw-sw img{
width:18px;
height:18px;
background-image: url('/images/labels.png');
background-position: -54px -36px;
}



/* -------------------------------- HOME ------------------------------------- */


.fl-home-topbk {
height:500px;
}


.fl-home-logo {
display:block;
width:100%;
margin:180px auto auto auto;
font-size:40px;
font-weight:normal;
letter-spacing:20px;
color:#BB33FF;
text-transform:uppercase;
text-align:center;
}

.fl-home-sublogo {
display:block;
position:relative;
width:100%;
margin-top:60px;
margin-left: auto;
margin-right: auto;
font-size:14px;
font-weight:normal;
letter-spacing:6px;
color:#111111;
text-transform:uppercase;
text-align:center;
}


/* home page highlight text */
.fl-fn-hphltext {
display:block;
font-size:16px;
letter-spacing:1px;
font-weight:bold;
margin-top:16px;
padding-bottom:16px;
}

/* home page main text */
.fl-fn-hpmtext {
display:block;
font-size:16px;
letter-spacing:1px;
}



.fl-home-sublogo .fl-home-sublogo-text:nth-child(1) {-webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s;}
.fl-home-sublogo .fl-home-sublogo-text:nth-child(2) {-webkit-animation-delay: 10s; -moz-animation-delay: 10s; animation-delay: 10s;}
.fl-home-sublogo .fl-home-sublogo-text:nth-child(3) {-webkit-animation-delay: 20s; -moz-animation-delay: 20s; animation-delay: 20s;}
.fl-home-sublogo .fl-home-sublogo-text:nth-child(4) {-webkit-animation-delay: 30s; -moz-animation-delay: 30s; animation-delay: 30s;}
.fl-home-sublogo .fl-home-sublogo-text:nth-child(5) {-webkit-animation-delay: 40s; -moz-animation-delay: 40s; animation-delay: 40s;}

.fl-home-sublogo-text {
display:block;
position:absolute;
top:20px;
width:100%;
height:14px;
opacity:0;
text-align:center;

-webkit-animation-name: txtchange5;
-moz-animation-name: txtchange5;
animation-name: txtchange5;

-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;

-webkit-animation-duration: 50s;
-moz-animation-duration: 50s;
animation-duration: 50s;

-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}


.fl-home-tcont {
position:relative;
width:70%;
margin-left:auto;
margin-right:auto;
height:320px;
}

@media (max-width: 1199px) {
.fl-home-tcont {
width:100%;
}
}

@media (min-width: 1600px) {
.fl-home-tcont {
height:270px;
}
}


.fl-home-tcont .fl-home-tblock:nth-child(1) {-webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s;}
.fl-home-tcont .fl-home-tblock:nth-child(2) {-webkit-animation-delay: 20s; -moz-animation-delay: 20s; animation-delay: 20s;}
.fl-home-tcont .fl-home-tblock:nth-child(3) {-webkit-animation-delay: 40s; -moz-animation-delay: 40s; animation-delay: 40s;}
.fl-home-tcont .fl-home-tblock:nth-child(4) {-webkit-animation-delay: 60s; -moz-animation-delay: 60s; animation-delay: 60s;}


.fl-home-tblock {
display:block;
position:absolute;
top:0;
left:0;
opacity:0;

-webkit-animation-name: txtchange4;
-moz-animation-name: txtchange4;
animation-name: txtchange4;

-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;

-webkit-animation-duration: 80s;
-moz-animation-duration: 80s;
animation-duration: 80s;

-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}


.fl-home-lrtcont {
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
height:210px;
}

@media (max-width: 1199px) {
.fl-home-lrtcont {
height:140px;
}
}

@media (min-width: 1400px) {
.fl-home-lrtcont {
height:140px;
}
}



.fl-home-anch {
display:block;
width:200px;
margin-left:auto;
margin-right:auto;
}



/* ------------------------------- SETUP ----------------------------------- */

.fl-setup-alist {
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
padding: 8px 8px;
}

.fl-setup-alist-err {

animation-name: fl-errorborder;
-webkit-animation-name: fl-errorborder;
-moz-animation-name: fl-errorborder;

animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;

animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;

animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}


.fl-setup-nav {
position:relative;	
display:block;
width:100%;
max-width:400px;
margin-left:auto;
margin-right:auto;	
}

.fl-setup-cbtn {
display:block;
width:100%;	
}

.fl-setup-lbtn {
width:49%;
}

.fl-setup-rbtn {
position:absolute;
right:0;
width:49%;
}



/* ------------------------------- QA --------------------------------------- */

.fl-quest-blk {
margin-top:35px;
}

.fl-quest-lblcol {
width:30px;
}
.fl-quest-txtcol {
text-align:justify;
}


/* --------------------------------- ABOUT -------------------------------- */

/*tale image*/
.fl-fn-taleimg {
float:left;
margin-right:32px;
margin-bottom:16px;
}

/*tale text*/
.fl-fn-taletext {
/*font-family: 'Inter-ThinItalic';*/
font-style:italic;
font-size:16px;
letter-spacing:1px;
line-height:1.2;
color:#7372E0;
}

/*about label image*/
.fl-fn-ablabel {
float:left;
margin: 8px 16px 8px 0;
}



/* -------------------------------- DEBUG ----------------------------------- */

/*
@keyframes fl-buttons-hover {
0% {transform: scale(1,1);}
50% {transform: scale(1.05,1.05); box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);}
100% {transform: scale(1,1);}
}
@-webkit-keyframes fl-buttons-hover {
0% {-webkit-transform: scale(1,1);}
50% {-webkit-transform: scale(1.05,1.05); -webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);}
100% {-webkit-transform: scale(1,1);}
}
@-moz-keyframes fl-buttons-hover {
0% {-moz-transform: scale(1,1);}
50% {-moz-transform: scale(1.05,1.05); -moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);}
100% {-moz-transform: scale(1,1);}
}

.btn:hover {
animation-name: fl-buttons-hover;
-webkit-animation-name: fl-buttons-hover;
-moz-animation-name: fl-buttons-hover;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
}
*/
