/*
Theme Name: Parent Help Theme
Author: Kormos Krisztián Sándor
Author URI: https://webmernok.hu
Description: Unique template, which designed to ParentHelp requirements.
Version: 1.2
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
audio,canvas,progress,video{display:inline-block}
canvas { background: #000;display: block;height: 100%;width: 100%;}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
html{line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:400;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

/* GLOBALS */
*{text-rendering:optimizelegibility;font-smooth:always;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#000;font-size:15px;margin:0;padding:0 0 1em;line-height:1.4em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}

abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
select{border:1px solid silver;padding:10px;font-style:italic;color:#6e6e6e}
textarea{min-height:100px;resize:vertical;overflow: auto;}


p a{color: #12113a;display: inline-block;text-decoration: none;font-family:'RB';position: relative;}

/*
p a::before {content:"";position: absolute;left:0;bottom: 0;width:100%;height:1px;background:#b0966e;
transform-origin: right center;transform:scaleX(0);transition: transform .2s cubic-bezier(0.60,0.02,0.30,1);}
p a:hover::before {transform-origin: left center;transform: scale(1);}

*/

svg:not(:root){overflow:hidden}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}
::selection{background:#000;color:#fff;text-shadow:none}

button::-moz-focus-inner {border: 0;}
:focus {outline:none !important;}
a::-moz-focus-inner {border: 0;}

    
/*-------------------
* S T R U C T U R E
*------------------*/

/* global box-sizing */
*, *:after, *:before { box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html {box-sizing: border-box;}
/* *, *:before, *:after {box-sizing: inherit;} */

/* html element 62.5% font-size for REM use */
html { font-size: 62.5%; height: 100%; min-height: 100%; }
body { font: 400 11px/1.4 sans-serif; color: #292929; margin: 0; background: #ffffff !important; height: 100%; min-height: 100%; }


/* clear */
.clear:before, .clear:after { content: ' '; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }

img { max-width: 100%; vertical-align: bottom; height: auto; }

a { color: #444; text-decoration: none; }
a:hover { color: #000; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
input:focus { outline: 0; border: 1px solid #292929; }
select { width: 100%; }



/*------------------- 
*  W P  -  C O R E
*------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #c5c5c5; max-width: 100%; padding: 2rem; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption .wp-caption-text, .gallery-caption { margin: 0; padding: 0.5rem; }
.textwidget img { margin: 1rem 0; }
.bypostauthor { background: inherit; }

/* calendar widget */
.widget_calendar { display: table; width: 100%; }

#wp-calendar { width: 100%; }
#wp-calendar caption { text-align: right; color: #000000; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #000000; font-family: sans-serif; font-weight: 300; }
#wp-calendar tbody td { background: #ffffff; border: 1px solid #ffffff; text-align: center; padding: 8px; }
#wp-calendar tbody td:hover { background: #ffffff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* ---------------------------------------------------------------------------- Recommended sizes ------------------------------------------------------------------------- */
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

/* ---------------------------------------------------------------------------- Responsive ------------------------------------------------------------------------- */
@media (max-width: 1280px) { .wp-caption .wp-caption-text, .gallery-caption { font: 300 2rem/3.1rem sans-serif; } }
@media (max-width: 1024px) { .wp-caption .wp-caption-text, .gallery-caption { font: 300 2rem/3.1rem sans-serif; } }
@media (max-width: 768px) { .wp-caption .wp-caption-text, .gallery-caption { font: 300 1.9rem/1.7 sans-serif; } }
@media (max-width: 480px) { .wp-caption .wp-caption-text, .gallery-caption { font: 300 1.8rem/1.8 sans-serif; } }
@media (max-width: 320px) { .wp-caption .wp-caption-text, .gallery-caption { font: 300 1.55rem/1.8 sans-serif; } }
@media (max-width: 240px) { .wp-caption .wp-caption-text, .gallery-caption { font: 300 1.4rem/1.8rem sans-serif; } }


/*------------------------ 
* C O O K I E 
*-----------------------*/
#cookie-notice .button {margin-left: 10px;width: 100%;font: 12px/1 MSB;text-transform: uppercase;color: #fff;background: #89bb40;border-radius: 0;padding: 9px 15px 8px;letter-spacing: .1em;border: none;-webkit-transition: background .25s ease;-moz-transition: background .25s ease;transition: background .25s ease;}


hr {background: #ececec;height: 1px;border: none;}

    
iframe {border:none;}


@-webkit-keyframes swiper-preloader-spin {
100%{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin {
100%{transform:rotate(360deg)}
}
#slider .swiper-container{max-width:1920px;height:320px}
#slider .swiper-container img{max-width:1920px;height:320px}
#main-bg{overflow:hidden}
#main-bg img{position:relative;max-width:1920px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}



/*---------------
*  Print fix
*--------------*/
@media print {.container {width: auto;}}

/*------------------------------------------- 
*  IE10 fix in Windows 8
*-------------------------------------------*/
@-ms-viewport { width: device-width; }



/*-----------------------
*  M A I N  C O L O R S 
*%%%%%%%%%%%%%%%%%%%%%%%%
*
* 
*
%%%%%%%%%%%%%%%%%%%%%%%%*/



/*---------------------- 
*  I M A G E S
*---------------------*/
img {max-width: 100%;height:auto;}



/*----------------------------
*   D A R K  -   C O L
*---------------------------*/
.cols{font-size:0}
.cols div[class^='col'],
.cols form[class^='col'] {display: inline-block;vertical-align: top;position: relative;}

.cols a {font-size: 21px;}

.col-2-1 {width: 50%;}
.col-3-1 {width: 33.33%;}
.col-3-2 {width: 66.66%;}
.col-4-1 {width: 25%;}
.col-4-2 {width: 50%;}
.col-5-1 {width: 20%;}
.col-5-2 {width: 40%;}
.col-5-3 {width: 60%;}
.col-5-4 {width: 80%;}



/*-------------------- 
*  I N P U T
*-------------------*/
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}
:-moz-placeholder{color:#444}
input:-ms-input-placeholder{color:#444}
textarea:-ms-input-placeholder{color:#444}

input[type='text']::-ms-clear{display:none;width:0;height:0}
input[type='text']::-ms-reveal{display:none;width:0;height:0}

input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}

input[type='number']{-moz-appearance:textfield}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type='text'],input[type='number'],input[type='password'],input[type='email'],input[type='search'],input[type='tel'],input[type='url'],select,textarea{ 
position: relative;
font: 18px/1.5 'RB';
letter-spacing: .05em;
color: #000;
height: 40px;
outline: 0;
border: none;
border-radius: 0px;
padding: 0 15px;
background: #f3f3f3;
transition: background .3s ease;
width: 100%;
}
input[type="checkbox"],input[type="radio"]{display:none}

input[type="checkbox"] + label,
input[type="radio"] + label{position:relative;padding:0 0 0 30px;cursor:pointer;color: #000;font:14px 'RB';}

input[type="checkbox"] + label::before{content:'';width:20px;height:20px;border:1px solid #c6c6c6;position:absolute;top:0;left:0;}

input[type="checkbox"] + label::after{content:'';width:12px;height:12px;position:absolute;top:4px;left:4px;background: #EA6D2D;
transition: transform .25s ease;transform: scale(0);}

input[type="checkbox"]:checked + label::after{transform: scale(1);}


label{font:16px 'RB';text-transform:uppercase;letter-spacing:.025em;display: block;padding: 0 0 5px;}

textarea {padding: 10px 15px;}


input[type="radio"] + label::before {content:'';width:20px;height:20px;border:1px solid #c6c6c6;position:absolute;top:1px;left:0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%}


input[type="radio"] + label::after{content:'';width:12px;height:12px;position:absolute;top:5px;left:4px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background: #EA6D2D;
transition: transform .25s ease;
transform: scale(0);
}

input[type="radio"]:checked + label::after {
transform: scale(1); 
}


input[type="submit"] {cursor: pointer;border: none;
background: #EA6D2D;
font: 16px/1.5 'RB';
text-transform: uppercase;
letter-spacing: .25em;
padding: 15px 50px;
color: #fff;
background: linear-gradient(0deg, #EA6D2D 50%, #ce5c25 0 );
background-size: 100% 200%;
background-position: 100% 100%;
transition: background-position .25s ease;
}

input[type="submit"]:hover {
background-position: 100% 200%;
}

/*-----------------
*  B U T T O N S
*----------------*/
button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, 
.btn:focus, 
.btn:hover{outline:none !important;}
.btn {padding: 9px 12px;}



.custom-button {
    display: inline-block;
    text-decoration: none;
    letter-spacing: .15em;
    font: 14px 'RB';
    color: #000000;
    padding: 1em 2em;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    background-position: 0 0;
    position: relative;
    border: none;
    background: inherit;
    transition: transform .5s cubic-bezier(1, -0.5, 0.2, 1.5);
}


.custom-button::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 2px solid #c6c6c6;z-index: 5;
transition: all .25s cubic-bezier(0.2,.4,.4,1);
transition:  all .5s cubic-bezier(1, -0.5, 0.2, 1.5);
pointer-events: none;}
.custom-button::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 2px solid #00d169;z-index: 5;
transition: all .5s cubic-bezier(1, -0.5, 0.2, 1.5);
transform: scale(0.7);
pointer-events: none;
opacity: 0;
}

.custom-button:hover::before{transform: scale(1.3);opacity: 0;}

.custom-button:hover::after {transform: scale(1);opacity: 1;}

.custom-button:hover{}


/*----------------------
*  H T M L  +  B O D Y 
*---------------------*/
html {height: 100%;}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
font: 16pt/1.5 'RL';
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
min-height: 100%;
color: #444;
background: #fff;
}



/*-----------------------
*  H I G H L I G H T
*----------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'RB';}

h1 {font:36pt/1.5 'RB';color:#333;text-align: center;padding:1em 0;}
h2 {font:32px/1.5 'RB';color:#000;position: relative;padding: 1em 0}
h3 {font:16pt/1.5 'RB';color:#000;text-transform: uppercase;padding: 1em 0;}
h4 {font:12pt/1.5 'RB';color:#000;text-transform: uppercase;padding: 1em 0;}

h2 span {display: block;}

main {position: relative;;}
bold, strong, .strong {font-family: 'RB';color:#202020;}

p {font:13pt/1.7 'RL';margin: 0 0 2em;letter-spacing: .0125em;}

li {font-size: 13pt;}

ul {position: relative;}
/*
#dark-shell ul li {list-style: none;display: block;font:14pt 'MSUL';color:#555;position: relative;padding: 0 0 10px 30px;}
#dark-shell ul li::before{content:'';width: 20px;height: 1px;background: #000;position: absolute;top:10px;left:0;}
*/
.highlight {background: #4c35ff;color: #fff;padding: 3px 5px;}


a {color: #000;text-decoration: none;}



header.entry-header h1 {
display: inline-block;
position: relative;
text-align: center;
color: #333;
}


table {width: 100%;}
thead {background: #000;color:#fff;}
thead tr {}
thead th {text-align: center;padding: 5px 0;}
tbody {background: #EA6D2D;}
tbody tr {}
tbody td {text-align: center;padding: 5px 0;font-size: 16px;}
tfoot {}
tfoot tr {}
tfoot td {}


fieldset {border: 1px solid #efefef;padding: 20px;margin: 0 0 20px; }
legend {font-size: 21px;}
legend, fieldset p{padding: 0 10px;}
fieldset p  {margin:0 0 30px;}
span {font-size: 16px;}

article {min-height: 500px;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

header.entry-header h1 {background: inherit;}
    
    
}


/*-----------------------
*  H E A D E R
*----------------------*/
#header {position: relative;height: 130px;background: #12113A;border-bottom: 10px #EA6D2D solid;}
#header .inner {position: relative;margin: 0 auto;max-width: 1290px;}



/*-----------------------
*  L O G O
*----------------------*/
#header #logo a.logo {
    display: block;
    /*text-indent: -9999px;
    width: 350px;
    height: 47px;
    background: url(img/logo.png);
    background-size: 350px 47px;*/
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    color: #fff;
    font: 36px/1.5 'RM';
    letter-spacing: .025em;
    
}
#header #logo a.logo span {
    color: #EA6D2D;
    display: block;
    text-align: left;
    line-height: .5;
    position: relative;
    letter-spacing: .25em;
    font-size: 21px;
    
}

#header #logo a.logo span::after {content:'';position: absolute;right: 0;top: 9px;height: 1px;width: 75px;background: #fff;}
    
/*-----------------------
*  N A V
*----------------------*/

nav#menu {position: absolute;bottom:-12px;right: 15px;}
nav#menu ul {}
nav#menu ul li {display: inline-block;vertical-align: top;}
nav#menu ul li a {font:20px/1.5 'RR';color:#000;padding: 0 12px;color:#fff;
background: linear-gradient(0deg, transparent 50%, #EA6D2D 0 );
padding: 10px 12px 16px;
background-size: 100% 200%;
background-position: 100% 100%;
transition: background-position .4s ease;
margin: 0 5px;
}

nav#menu ul li a:hover,
nav#menu ul li.current-menu-item a {background-position: 100% 200%;
transition: background-position .2s ease;
}
nav#menu ul li:last-child a {margin: 0;}

/*-----------------------
*  M A I N
*----------------------*/
#main {position: relative;margin: 0 auto;max-width: 1290px;padding: 0 0 100px;/*box-shadow: 0 120px 50px 100px #f7f7f7;*/}


/*-----------------------
*  C O N T E N T
*----------------------*/



.recaptcha-container {padding: 0 0 0 10px;}


a.facebook {
background: linear-gradient(0deg,#3b5998 50%,#29406f 0);
background-size: 100% 200%;
background-position: 100% 100%;
transition: background-position .25s ease;color:#fff;
padding: 15px 20px;
box-shadow: 7px 7px 0 #bfd4ff;
}

a.facebook:hover {background-position: 100% 200%;}



#loginform, #signupform {}
#register-form .inner,
#login-container .inner {margin: 30% auto 0;text-align: center;}


.info,
.login-info {padding: 15px;
background: #ffe37a;
color: #000;
box-shadow: 7px 7px 0 #eee;
font-size: 18px;}


.page-id-10 article,
.page-id-12 article,
.page-id-13 article,
.page-id-14 article {max-width: 950px;width: 100%;margin: 0 auto;}

.page-id-25 article header {text-align: center;position: relative;}
.page-id-25 main header::before {content:'\f0ee';font:45px/1.5 'FontAwesome';color:#EA6D2D ;position: relative;margin: 0 10px 0 0;}

header.home::before {content:'\f02d';font:45px/1.5 'FontAwesome';color:#EA6D2D ;position: relative;margin: 0 10px 0 0;}




.gform_wrapper {position: relative;max-width: 900px;width: 100%;margin: 0 auto;}
.gform_wrapper ul {position: relative;padding: 20px 0 5px;}
.gform_wrapper ul li {position: relative; margin: 0 0 15px;}
 
.gform_validation_container {visibility: hidden;height: 0;}

.gform_wrapper .col-2-1 {display: inline-block;vertical-align: top;}

.ginput_container {padding: 0 20px 0 0;}
.ginput_container input, select, textarea {width: 100%;}

.validation_error, p.error {padding: 15px;background: #ce5562;color: #fff;box-shadow: 7px 7px 0 #eee;font-size: 18px;}

.validation_message {display: inline-block;padding: 5px 15px;color: #ff5b5b;font-size: 16px;position: relative;}





input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] {
    background: #ffcccc;
}


input[type='file'] {background: #EA6D2D;color: #000;font: 13px 'RL';padding: 7px;
border:none;outline: none;
background: linear-gradient(0deg, #f3f3f3 50%, #EA6D2D 0 );
background-size: 100% 200%;
background-position: 100% 100%;
transition: background-position .25s ease;
cursor: pointer;
}

input[type='file']:hover {
background-position: 100% 200%;
}



#field_1_2 ul li,
#field_1_3 ul li,
#field_1_5 ul li,
#field_1_6 ul li {display: inline-block;vertical-align: top;margin: 0 25px 15px 0;}

#field_1_2 input[type="checkbox"] + label {background: #12113A;color: #fff;padding: 15px 20px 15px 40px;}
#field_1_2 input[type="checkbox"] + label::before {top:15px;left:10px;}
#field_1_2 input[type="checkbox"] + label::after {top:19px;left:14px;}


#extensions_message {
display: block;
    height: auto;
    overflow: visible;
    width: auto;
    position: relative;
    background: #eee;
    margin: 15px 0 0;
    padding: 12px;
}

#field_1_3 ul li:last-child,
#field_1_6 ul li:last-child {margin: 0 0 15px;}



.charleft {font-size: 16px;padding: 5px 0 0 15px;}

/* Datepicker UI */
#ui-datepicker-div {background: #f3f3f3;padding: 10px 15px;width: 300px;display: none;}
#ui-datepicker-div .ui-widget-header {position: relative;padding: 40px 0 0;}
#ui-datepicker-div .ui-corner-all {background: #000;}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
position: absolute;
top:0;
background: #EA6D2D;
color: #fff;
padding: 7px 10px;
display: inline-block;
font-size: 18px;
cursor: pointer;

}


#ui-datepicker-div .ui-datepicker-prev {left: 0;}
#ui-datepicker-div .ui-datepicker-next {right: 0;}

/*-----------------------
*  F O O T E R
*----------------------*/
#footer {position: relative;padding: 20px 0 0;background: #202020;color: #fff;}
#footer .inner {position: relative;margin: 0 auto;max-width: 1290px;}

#footer h4 {font: 16px 'RL';text-transform: uppercase;color: #fff;letter-spacing: .02em;padding: 0 0 15px;}
#footer a {color:#fff;padding: 8px 0;display: block;} 
#footer ul {padding: 0;}
#footer ul li {list-style: none;position: relative;}
#footer ul li a {color:#fff;padding: 8px 0;display: block;font: 1em/1.5 'RL';-webkit-transition:color .25s ease;-moz-transition:color .25s ease;transition:color .25s ease;}
#footer ul li a:hover{text-decoration: none;color: #89bb40;}

#footer #copyright {background: #202020;padding: 20px 0;font-size: 12px;font: 14px/1.5 'RL';border-top: 3px solid #ea6d2d;color:#999;}
#footer #copyright a {display: inline-block;vertical-align: top;padding: 0;font: 14px/1.5 'RL';}
#footer #copyright .copyright-text {text-align: right;}
#back-top{width:0;height:0;border-bottom:60px solid #0089c8;border-left:60px solid transparent;position:fixed;bottom:0;right:0;cursor:pointer;-moz-transition:opacity 1s ease,-moz-transform .5s ease;-webkit-transition:opacity 1s ease,-webkit-transform .5s ease;-o-transition:opacity 1s ease,-ms-transform .5s ease;transition:opacity 1s ease,transform .5s ease;-moz-transform:translateX(60px);-webkit-transform:translateX(60px);-o-transform:translateX(60px);transform:translateX(60px);opacity:0;z-index:1}
#back-top.active{-moz-transition:opacity .5s ease,-moz-transform .5s ease;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;-o-transition:opacity .5s ease,-ms-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
#back-top:after{content:"\e113";font:12pt 'Glyphicons Halflings';color:#fff;position:absolute;right:10px;top:32px;background:transparent;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s;}
#back-top:hover{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
#back-top:hover:after{top:28px;-webkit-transition:.25s;-moz-transition:.2s;-ms-transition:.25s;-o-transition:.25s;transition:.25s;}



/*----------------------------------------- 
* R E S U L T S
*-----------------------------------------*/
ol.results li {position: relative;float: left;width: 300px;margin-right: 30px;margin-bottom: 50px;border: 1px solid #f3f3f3;height: 450px;}
ol.results li:nth-child(3n) {margin-right: 0;}

.post__image {position: relative;height: 200px;overflow: hidden;background: #f3f3f3;}
.post__image img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.post__title {display: block;margin: 10px 15px 0;max-height: 70px;}
.post__title h1  {font-size: 17px;padding: 0;text-align: left;}

.post__description {width: 100%;color: #777;text-align: left;padding: 5px 15px;position: absolute;top: 295px;font: 14px/1.5 'RL';}
.post__details {font-size: 12px;position: absolute;bottom: 5px;left: 0;width: 100%;padding: 0 15px;color: #888;}



/*-----------------------
*  P A G I N A T I O N
*----------------------*/
.pagination {width: 100%;clear: both;}

.pagination a {
    text-decoration: none;
    background :#eee;
    padding: 3px 5px;
    margin: 5px;
    display: inline-block;
    font-size: 16px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.pagination a.prev,
.pagination a.next {width: auto;}

.pagination span.current {
    text-decoration: none;
    background: #EA6D2D;
    padding: 3px 5px;
    margin: 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 16px;
    color:#fff;
    text-align: center;
}

.post-navigation {margin: 0 0 4em;}
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.post-navigation .subtitle {
background: transparent;
    color: #EA6D2D;
    display: block;
    font: 14px/1 'RB';
    letter-spacing: .2em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.post-navigation .nav-title {
    font: 17px 'RB';
}



hr.extra {margin: 2em 0;}

/*-------------------
*  M I S C E L L
*------------------*/
#contact-form-sc .newsletter-area label {line-height: 1.5;text-transform: none;font-size: 13px;padding: 0 0 10px 30px;}
#contact-form-sc .newsletter-area input[type="checkbox"] + label::before {left:1px;background: #fff;}
#contact-form-sc .newsletter-area input[type="checkbox"] + label::after {color:#191f51;}
input[aria-invalid="true"],
textarea[aria-invalid="true"] {border-color:#D25424;}

.page-id-11 main header {text-align: center;}
.page-id-11 main header::before { content: '\f2bd';
    font: 45px/1.5 'FontAwesome';
    color: #EA6D2D;
    position: relative;
    margin: 0 10px 0 0;
}

#wppb-edit-user {position: relative;max-width: 900px; margin: 0 auto;}
#wppb-edit-user .wppb-form-field {margin: 0 0 20px;}
#wppb-edit-user .wppb-form-field.wppb-default-name-heading,
#wppb-edit-user .wppb-form-field.wppb-default-contact-info-heading,
#wppb-edit-user .wppb-form-field.wppb-default-about-yourself-heading {margin: 0;}
#wppb-edit-user .wppb-form-field label {}

#select_user_to_edit_form {display: none;}

#wppb-form-element-3,
#wppb-form-element-5 {width: 50%;display: inline-block;float: left;padding: 0 10px 0 0;}

#wppb-form-element-4,
#wppb-form-element-6 {width: 50%;display: inline-block;float: left;padding: 0 0 0 10px;}



/* S i d e b a r */
#sidebar {max-width:300px;width:100%;float:left;margin:0 30px 0 0;}
#result-container {width:calc(100% - 330px);float:left;}






/*
*----------------------------------------- 
* S E A R C H  &  F I L T E R
*-----------------------------------------
*/

.searchandfilter li[data-sf-field-input-type=checkbox] label {padding-left: 30px;margin:0 0 0;}
.searchandfilter input[type="checkbox"] + label::before {top:20px;}
.searchandfilter input[type="checkbox"] + label::after {top:24px;}




.searchandfilter {max-width: 320px;width: 100%;display: inline-block;vertical-align: top;}

.searchandfilter h4 {padding: 10px 0 10px 20px;font-size: 16px;background: #12113A;color: #fff;}

.searchandfilter input[type="submit"] {width: 100%;margin: 25px 0 0;}


/*
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-1.sf-item-1 > label {background:#89BB40 }
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-1.sf-item-9 > label {background:#d25424 }
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-1.sf-item-10 > label {background:#192451 }
*/
.searchandfilter .noUi-connect{background-color:#89bb40}
.searchandfilter li.sf-field-category li.sf-level-1.sf-item-20 > label{}

.searchandfilter li.sf-field-category li.sf-level-0 > label {margin: 0;padding: 10px 0 10px 20px;font-size: 16px;background: #12113A;color:#fff;cursor: default;}
.searchandfilter li.sf-field-category li.sf-level-0 > input,
.searchandfilter li.sf-field-category li.sf-level-0 > label .sf-count,
.searchandfilter li.sf-field-category li.sf-level-1.sf-item-1 > label .sf-count,
.searchandfilter li.sf-field-category li.sf-level-1.sf-item-9 > label .sf-count,
.searchandfilter li.sf-field-category li.sf-level-1.sf-item-10 > label .sf-count,
.searchandfilter li.sf-field-category li.sf-level-1.sf-item-24 > label .sf-count {display: none;}



.searchandfilter .sf-field-category li.sf-level-0 > label::before{content:none}
.searchandfilter ul li ul li ul li ul {margin-left:0;display: none;}

.searchandfilter  ul li.sf-field-category ul li ul {margin-left:0;}

.searchandfilter li[data-sf-field-input-type='checkbox'] label{padding:20px 35px;margin:0}

.searchandfilter ul.children {margin: 0 0 20px;}

.searchandfilter span{font: 16px/.8 'RL'; margin: 0 0 0 6px;position: absolute;top: 25px;right: 5px;color: #888;}
.searchandfilter li.sf-level-1,
.searchandfilter li.sf-level-2{background:#fff;min-height:50px;padding:0;color:#fff;border:0;-webkit-transition:background .25s ease;-moz-transition:background .25s ease;transition:background .25s ease;border-top:1px solid #ddd}
.searchandfilter li.sf-level-1:first-child,
.searchandfilter li.sf-level-2:first-child {border-top:none}




.sf-field-reset:hover::after{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}

.sf-field-sort_order label {display: inherit ;font:inherit;}

.searchandfilter ul li.sf-field-search {padding: 0 0 10px;}
.sf-field-search label {width: 100%;}
.sf-field-search h4 {font-size: 15px;letter-spacing: .05em;min-height: 55px;cursor: default;padding: 15px 15px 13px 18px;background: #b39f85;text-transform: uppercase;color: #fff;position: relative;width: 100%;margin: 0 0 15px;}




.searchandfilter .sf-level-1.sf-item-1 > input[type="checkbox"] + label::before,
.searchandfilter .sf-level-1.sf-item-9 > input[type="checkbox"] + label::before,
.searchandfilter .sf-level-1.sf-item-10 > input[type="checkbox"] + label::before,
.searchandfilter .sf-level-1.sf-item-24 > input[type="checkbox"] + label::before {content: '';width: 2px;height: 20px;background: #222222;position: absolute;
    top: 18px;
    left: 10px;
    border:none;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    transition: -webkit-transform .2s ease;
    transition: -moz-transform .2s ease;
    transition: transform .2s ease;
}

.searchandfilter .sf-level-1.sf-item-1 > input[type="checkbox"] + label.active::before,
.searchandfilter .sf-level-1.sf-item-9 > input[type="checkbox"] + label.active::before,
.searchandfilter .sf-level-1.sf-item-10 > input[type="checkbox"] + label.active::before,
.searchandfilter .sf-level-1.sf-item-24 > input[type="checkbox"] + label.active::before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
transition: -webkit-transform .2s ease;
transition: -moz-transform .2s ease;
transition: transform .2s ease;
}


.searchandfilter .sf-level-1.sf-item-1 > input[type="checkbox"] + label::after,
.searchandfilter .sf-level-1.sf-item-9 > input[type="checkbox"] + label::after,
.searchandfilter .sf-level-1.sf-item-10 > input[type="checkbox"] + label::after,
.searchandfilter .sf-level-1.sf-item-24 > input[type="checkbox"] + label::after {content: '';
    width: 20px;
    height: 2px;
    background: #222222;
    position: absolute;
    top: 27px;
    left: 1px;
    border:none;
    transform:none;
}


.category_list h1 {text-align: left;}
.category_list_box {}
.category_list_box h2 {padding: 10px 0;}
    
#pagination .subtitle {background: transparent;color: #EA6D2D;display: block;font: 14px/1 'RB';letter-spacing: .2em;margin-bottom: 1em;text-transform: uppercase;}   
#pagination .nav-previous {float: left;width: 50%;}
#pagination .nav-next {float: right;text-align: right;width: 50%;}




/*----------------------
*  R E S P O N S I V E
*---------------------*/

i, em {font-style: italic;}

.single article ul, .single article ol {margin: 0 0 30px;}
.singlearticle ul li {margin: 0 0 1em;letter-spacing: .0125em;padding: 0 0 5px 25px;position: relative;}
.singlearticle ul li::before {content: '';position: absolute;width: 15px;height: 1px;background: #202020;top: 12px;left: 0;}

.single article ol li::before {content: none;}
.single article ol li {list-style-type: decimal;margin: 0 0 5px 25px;}



/*-------------------
*  <= 1 6 0 0 
*------------------*/
@media only screen and (max-width: 1600px){

}



/*-------------------
*  <= 1 3 5 0
*------------------*/
@media only screen and (max-width: 1350px){
    
#header #logo a.logo {left: 20px;}
#footer #copyright .copyright-text {padding: 0 15px 0 0;}
    


#introduction {padding: 0 20px 100px;}
  

ol.results li:nth-child(3n) {margin-right: 30px;}
ol.results li:nth-child(2n) {margin-right: 0;}
    
.category_list {padding: 0 20px}
    
article {padding: 0 20px;}
    
    

    
}


/*-------------------
*  <= 9 9 1
*------------------*/
@media only screen and (max-width:991px) {
   
    
    
h1 {font-size: 30pt;}
.col-2-1 {width: 100%;}
#register-form .inner, 
#login-container .inner {margin: 50px auto 0;text-align: left;}
    
    
.page-id-11 main header, 
.page-id-25 article header {text-align: left;}
    
    
#header {position: fixed;height: 60px;background: #12113A;left:0;right:0;z-index: 999;border-bottom: 0;}
#header #logo a.logo {top: -2px;bottom: inherit;font-size: 28px;}
#header #logo a.logo span {font-size: 16px;}
#header #logo a.logo span::after {top: 5px;width: 65px;background: #fff;}
    
#dark-shell {padding: 60px 0 0;}

    
nav#menu {position: absolute;top: 0;right: 0;bottom: 0;width: 100%;max-width: 320px;z-index: 998;transform: translateX(101%);min-height: 100vh;transition: transform .4s cubic-bezier(.5,0,.2,1);background: #12113a;border-radius: 0;}
nav#menu::before {content: '';position: fixed;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 150px 125px 0;border-color: transparent #EA6D2D transparent transparent;z-index: 997;}
    
    
#header #burger-menu {width: 60px; height: 55px; position: absolute;z-index: 999;cursor: pointer;top:2px;right: 10px;}
#header #burger-menu .inner {position: relative;margin: 17px 12px;height: 24px;width: 18px;}
#header #burger-menu span {display: block;position: absolute;height: 2px;width: 35px;background: #fff;opacity: 1;left: 0;transform: rotate(0);
transition: transform .2s cubic-bezier(.5,0,.2,1); }
#header #burger-menu span:nth-child(2) {top: 10px;}
#header #burger-menu span:nth-child(3) {top: 20px;transition: transform .2s cubic-bezier(.5,0,.2,1),opacity .2s cubic-bezier(.5,0,.2,1),visibility .2s cubic-bezier(.5,0,.2,1);
transform: translateX(0);opacity: 1;visibility: visible;}
    
    
.menu__visible #header .inner {max-width: 100%;}
.menu__visible #header #burger-menu span:nth-child(1) {transform: rotate(45deg) translateX(7px) translateY(7px);}
.menu__visible #header #burger-menu span:nth-child(2) {transform: rotate(-45deg) translateX(0) translateY(0);}
.menu__visible #header #burger-menu span:nth-child(3) {transform: translateX(5em);opacity: 0;visibility: hidden;}
    
body.menu__visible {position: fixed;}
    
.menu__visible nav#menu {transform: translateX(0);}

nav#menu #main-nav {overflow-y: scroll;height: 100%;}
    
nav#menu ul {padding: 100px 0 0 40px;}
nav#menu ul li {display: block;margin: 0 0 15px;}
nav#menu ul li a {font-size: 16pt; letter-spacing: .05em;text-transform: none;color: #fff;display: block;padding: 0;margin: 0;}
#menu ul li a:after {border-bottom-color: #03A9F4;}

nav#menu ul li a:hover, 
nav#menu ul li.current-menu-item a {background-position: 100% 100%;transition: color .2s ease;color: #ea6d2d;}
   
    
#introduction {padding: 0 40px;}

#sidebar,   
.searchandfilter {max-width: 100%;width: 100%;}
    
#result-container {width: 100%;padding-top: 40px;}
    
    

    
}


/*-------------------
*  <= 7 6 7
*------------------*/
@media only screen and (max-width:767px) {
    
h1 {font-size: 24pt;}
    
#wppb-form-element-3,
#wppb-form-element-4,
#wppb-form-element-5,
#wppb-form-element-6 {width: 100%;padding: 0;}

.terms a {font-size: 14px;}
    
.category_list_box h2 {font-size: 24px;}
    

.video__container {position:relative;padding-bottom: 56.25%;padding-top: 25px;height:0;overflow:hidden}
.video__container iframe {position:absolute;top:0;left:0;width:100%;height:100%} 
    
}


/*-------------------
*  <= 4 7 9 
*------------------*/
@media only screen and (max-width:479px) {
    
    
h1 {font-size: 21pt;}

header.home::before,
.page-id-11 main header::before,
.page-id-25 main header::before {font-size: 32px;}
    

#introduction {padding: 0 20px;}

.category_list_box h2 {font-size: 21px;}
    
}

.recaptcha-container {padding: 0;max-width: 250px;position: relative;top: 8px;left: -10px;}


/*-------------------
*  <= 4 0 0 
*------------------*/
@media only screen and (max-width:400px) {

}


/*-------------------
*  <= 3 5 9 
*------------------*/
@media only screen and (max-width:359px) {
    
header.entry-header h1 {font-size: 18pt;}
    
}



/*-------------------
*  <= 3 2 0
*------------------*/
@media only screen and (max-width:320px) {
  
.post__title h1 {font-size: 16px;}
ol.results li {width: 280px;}
    
}