/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video, button, input, textarea { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; font-family: inherit; }
*, * focus { outline: none; margin: 0; padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input[type="submit"] { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-appearance: none; }
/* iOS styling reset */
button, input { border-radius: 0; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* fix IE scrollbar */
textarea { overflow: auto; }
a img { border: 0; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; } /* old-ie only */
.fb-like iframe { width: 300px !important; }
/* reset placeholder color */
::-webkit-input-placeholder { color: inherit; }
:-moz-placeholder { color: inherit; opacity: 1; }
::-moz-placeholder { color: inherit; opacity: 1; }
:-ms-input-placeholder { color: inherit; } 
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: 'Inter', sans-serif; }
p {	margin-bottom: 20px; }
h1 { font-size: 24px; } 
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;  font-family: "Roboto", Georgia, serif; }
::selection { background: #e54e53; color: #fff; }
::-moz-selection { background: #e54e53; color: #fff; }
img::selection 	{ background: transparent; }
img::-moz-selection	{ background: transparent; }
body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a { color: #19232d; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:hover { text-decoration: underline; }
code, pre { padding: 1.857em; padding-bottom: 0; border-left: 3px solid #d9d9d9; border-bottom: 1px solid transparent; background: #f2f2f2; }
p code { padding: 1px 5px; border: 0; }
pre { display: block; word-break: break-all; word-wrap: break-word; }
pre code { white-space: pre-wrap; }
table { max-width: 100%; background-color: transparent; }
th, td { background: #fff; padding: 4px 7px; border: 1px solid #e1e1e1; }
th { background: #f2f2f2; }
tr:nth-child(odd) td { background: #fcfcfc; }
table caption { padding: 0 0 7px 0; width: auto; font-weight: 600; }
body { background: #ffffff; color: #606569; -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ }
.wrap-main { background: #ffffff; margin: 0 auto; border: 0; }
.wrap { width: 1200px; margin: 0 auto; padding: 0; text-align: left; }
.menu1 { font-family: "Poppins", sans-serif !important; background-color: #1a2b48; margin: 0px; color: #fff; padding-top: 18px; padding-bottom: 18px; }
.menu1 ul { list-style: none; font-size: 12px; line-height: 12px; margin: 0; list-style-type: none; width: auto; position: relative; display: block; }
.menu1 ul li { display: inline-block; margin: 0; padding-left: 18px; padding-right: 18px; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.menu1 a, .menu1 a:visited { color: #ffffff; padding-left: 10px; }
.menu1 a:hover { text-decoration: underline; }
.menu1 .resp2 { display: none; }
.main-head header { font-family: "Poppins", sans-serif !important; width: 1200px; border-bottom: 1px solid #eaeef3; overflow: hidden; position: relative;  }
.main-head header .logo { float: left; margin-top: 24px; margin-right: 16px; }
.main-head header .logo a { line-height: 0; }
.main-head header .logo a img { line-height: 0; max-height: 91px; max-width: 100%; vertical-align: middle; }
.main-head header ul { float: left; padding-left: 0; margin-bottom: 0; list-style: none; }
.main-head header ul li { display: inline-block; }
.main-head header ul li a, .main-head header ul li a:visited { color: #1a2b48; text-decoration: none; display: block; padding: 35px 25px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.main-head header ul li a:hover { color: #5191fa; text-decoration: none; }
.humb { text-align: center; padding-bottom: 20px; display: none; }
.main-head-humb { display: inline-block; outline: none; border: none; width: 33px; background: none; height: 35px; position: relative; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.main-head-humb span { display: block; position: absolute; height: 5px; width: 100%; background: #323232; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }  
.main-head-humb span:nth-child(1) { top: 0px; }  
.main-head-humb span:nth-child(2) { top: 10px; }  
.main-head-humb span:nth-child(3) { top: 10px; }
.main-head-humb span:nth-child(4) { top: 20px; }  
.main-head-humb.open span { background: #d3531a; }  
.main-head-humb.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; }  
.main-head-humb.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }  
.main-head-humb.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }  
.main-head-humb.open span:nth-child(4) { top: 13px; width: 0%; left: 50%; }
.main-head-humb:hover span { background: #d3531a; }
.humb .mh1 { top: 34px; left: -100px; }
.humb .mh2 { top: 16px; left: -100px; }
.menu-hdr { display: none; }
.nav-sticky { z-index: 9999; display: none; width: 100%; position: fixed; top: 0px; height: 58px; background: #ffffff; border: none !important; box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46 );  }
.nav-sticky header { font-family: "Poppins", sans-serif !important; width: 1200px; overflow: hidden; position: relative;  }
.nav-sticky header .logo { float: left; margin-top: 6px; margin-right: 16px; }
.nav-sticky header .logo a { line-height: 0; }
.nav-sticky header .logo a img { line-height: 0; max-height: 58px; max-width: 100%; vertical-align: middle; }
.nav-sticky header ul { float: left; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-sticky header ul li { display: inline-block; }
.nav-sticky header ul li a, .main-sticky header ul li a:visited { color: #1a2b48; text-decoration: none; display: block; padding: 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.nav-sticky header ul li a:hover { color: #5191fa; text-decoration: none; }
.breadcrumbs { font-family: "Poppins", sans-serif !important; font-size: 13px; width: 1200px; padding: 20px 0; border-bottom: 1px solid #eaeef3; overflow: hidden; position: relative; }
.breadcrumbs ul { list-style: none; display: block; width: 100%; margin-bottom: 0; padding-left: 0; background: #ffffff; }
.breadcrumbs ul li { position: relative; display: inline-block; padding-left: 10px; padding-right: 10px; }
.breadcrumbs ul li:first-child { padding-left: 0; }
.breadcrumbs ul li:last-child { padding-right: 0; }
.breadcrumbs ul li a:hover { }
.breadcrumbs ul li:not(:last-child):after { position: absolute; content: ""; top: 50%; right: -2px; margin-top: -2px; width: 4px; height: 4px; background: #eaeef3; }
.breadcrumbs ul li a, .breadcrumbs ul li a:visited { display: block; line-height: 21px; font-weight: 500; color: #1a2b48; text-decoration: none; }
.col-1 { width: 8.333333333333334%; }
.col-2 { width: 16.666666666666668%; }
.col-3 { width: 25%; }
.col-4 { width: 33.333333333333336%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666667%; }
.col-12, .column { width: 100%; }
.col-post { width: 820px; padding-right: 20px;  float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-side { width: 380px; padding-left: 19px;  float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-meme { width: 800px; padding: 0px; margin: 0 auto; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-half { width: 580px; padding-left: 20px; margin: 0 auto; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-sky { width: 160px; float: left; text-align: center; padding: 0px; border: 0px; margin: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-full { width: 1200px; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sky1 { width: 160px; height: 600px; }
#sky2 { width: 160px; height: 600px; }
.col-onethird { width: 33.333333333333336%;  float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-center { text-align: center; margin: 0 auto; }
.main-site { margin-top: 42px; margin-bottom: 42px; border: 0px; padding: 0px; /* background-color: #aaffff; */ }
.main-content { position: relative; }
.borderleft-blue { border-left: 3px solid #228ac6; padding-left: 10px; }
.borderleft-darkblue { border-left: 3px solid #4682b4; padding-left: 10px; }
.background-blue { background-color: #228ac6; }
.background-darkblue { background-color: #4682b4; }
.color-default { color: #383e44 !important; }
.color-red { color: #cc0033 !important; }
.color-blue { color: #228ac6 !important; }
.color-green { color: #85b53e !important; }
.color-orange { color: #f5910f !important; }
.color-gray { color: #555555 !important; }
.color-purple { color: #a13d63 !important; }
.color-brown { color: #c0593e !important; }
.color-white { color: #ffffff !important; }
.p20 { padding: 20px; }
.pb20 { padding-bottom: 20px; }
.pbu20 { padding: 20px 0px !important; }
.mr12 { margin-right: 12px; }
.mr20 { margin-right: 20px; }
.icon-alert { font-size: 52px; color: #a00; padding-bottom: 20px; }
.bold { font-weight: bold; }
.post-title { font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; font-size: 28px; font-weight: 500; line-height: 1.3; text-transform: uppercase; margin-bottom: 15px; color: #19232d; }
.post-title a, .post-title a:visited { color: #323232; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.post-title a:hover { color: #d93e2d; text-decoration: none; }
.post-header { margin: 0px; padding: 0px; border: 0px; }
.post-content { line-height: 1.857; position: relative; margin-bottom: 20px; }
.post-content a { color: #e54e53; }
.post-content a:hover { color: #19232d; }
.post-content .first { font-weight: bold; }
.post-content p, .post-content > ul, .post-content > div, .post-content > dl, .post-content blockquote, .post-content ol { margin-bottom: 1.857em; }
.post-content ul { list-style-type: square; margin-left: 22px; }
.post-content ol { list-style-type: decimal; margin-left: 42px; }
.post-content small { font-size: 0.92308em; }
.post-content blockquote { padding: 1.857em; padding-bottom: 0; border-left: 3px solid #d9d9d9; border-bottom: 1px solid transparent; background: #f2f2f2; }
.post-content .pullquote { float: right; font-style: italic; font-size: 1.1em; padding-left: 14px; border-left: 3px solid #d9d9d9; max-width: 35%; }
.post-content h1, .post-content h2, .post-content h3, 
.post-content h4, .post-content h5, .post-content h6 { font-weight: bold; color: #19232d; margin-bottom: 20px; font-family: inherit; line-height: 1.5; }
.post-content .modern-quote { position: relative; padding: 0; padding-left: 42px; padding-right: 14px; padding-top: 17px; padding-bottom: 0; margin-top: 35px; margin-bottom: 35px; font-family: "Merriweather", Georgia, serif; font-weight: 300; font-size: 16px; font-style: italic; letter-spacing: 0.2px; border: 0; border-top: 2px solid #4682b4; background: transparent; }	
.modern-quote:before { content: "\201c"; display: inline-block; position: absolute; top: 17px; left: 0; color: #e6e6e6; font-size: 60px; line-height: 1; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
.modern-quote p { margin-bottom: 21px; }		
.modern-quote cite { font-size: 12px; font-family: "Open Sans", Arial, sans-serif; text-transform: uppercase; color: #a6a6a6; }		
.modern-quote p > cite { display: block; }		
.modern-quote cite:before { content: "\2014"; margin-right: 3px; }	
.modern-quote.alignleft { margin-right: 35px; }	
.modern-quote.alignright { margin-left: 35px; }
.modern-quote.pull { margin-bottom: 28px; margin-top: 0.6em; padding-right: 0; min-width: 250px; max-width: 30%; }
.post-action { position: relative; margin-bottom: 20px;  }
.post-meta { padding: 0; font-size: 14px; line-height: 2; text-transform: uppercase; overflow: hidden; margin-bottom: 20px; /*border: 1px solid #d9d9d9; border-left: 0; border-right: 0; margin-top: 21px;*/ }
.post-date { float: left; text-transform: uppercase; line-height: 11px; font-size: 12px; font-weight: 500; color: #323232; padding-bottom: 26px; }
.post-edit { float: right; text-transform: uppercase; line-height: 20px; font-size: 16px; padding: 0px 0px 20px 10px; }
.post-edit a, .post-edit a:visited { color: #383e44; text-decoration: none; }
.post-edit a:hover { color: #ed1c24; text-decoration: none; }
.post-date a, .post-date a:visited { color: #323232; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }  
.post-date a:hover { color: #d93e2d; text-decoration: none; }
.post-img { margin-bottom: 30px; position: relative; line-height: 0; }
.post-img-pano { background-color: #f2f2f2; text-align: center; }
.post-img-mini { width: 200px; }
.post-solution-hide { display: none; }
.post-solution-hide p { text-align: center; font-weight: bold; font-size: 22px; line-height: 23px; color: #447eea }
.post-nodata { text-align: center; font-weight: bold; }
.post-page { text-align: center; font-weight: bold; font-size: 28px; line-height: 30px; color: #447eea; padding-bottom: 20px; }
.post-error { color: #ed1c24; font-weight: bold; padding: 0px 20px 20px 20px; }
.post-category { font-family: 'Roboto Condensed', sans-serif; position: absolute; top: 16px; left: 20px; display: block; text-align: center; text-transform: uppercase; margin: 0 auto; font-size: 13px; font-weight: 700; padding: 13px 14px; color: #ffffff; }
.post-category-box { font-family: 'Roboto Condensed', sans-serif; text-align: center; text-transform: uppercase; margin: 0 auto; font-size: 13px; font-weight: 700; padding: 8px 16px; color: #ffffff; }
.info { font-size: 64px; text-align: center; }
.quiz-question { font-size: 20px; padding-bottom: 20px; }
.quiz-question a, .quiz-question a:visited { color: #323232; text-decoration: none; }
.quiz-question a:hover { color: #ed1c24; text-decoration: none; }
.quiz-img { padding-bottom: 20px; text-align: center; }
.quiz-answers { padding: 4px 20px; text-align: left; }
.quiz-answers label { font-size: 18px; }
.quiz-answers a, .quiz-question a:visited { color: #323232; text-decoration: none; }
.quiz-answers a:hover { color: #ed1c24; text-decoration: none; }
.quiz-answers .quiz-label-blue { color: #fff !important; }
.quiz-label { background-color: #f0f0f0; color: #323232; display: table; font-size: 16px; line-height: 16px; padding: 20px 10px; width: 100%; position: relative; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.quiz-label-unchecked { display: inline-block; width: 16px; height: 16px; vertical-align: bottom; background-repeat: no-repeat; background-position: left center; background-image: url('input-unchecked.png'); }
.quiz-label-checked { display: inline-block; width: 16px; height: 16px; vertical-align: bottom; background-repeat: no-repeat; background-position: left center; background-image: url('input-checked.png'); }
.quiz-label-content { margin-left: 7px; }
.quiz-label:hover { background-color: #e8e8e8; color: #d93e2d; cursor: hand; }
.quiz-label-blue { background-color: #228ac6; color: #ffffff; display: table; font-size: 16px; line-height: 16px; padding: 20px 10px; width: 100%; position: relative; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.quiz-label:hover { cursor: pointer; }
.quiz-resut { background: #f2f2f2; padding: 40px 0px; text-align: center; }
.quiz-resut .res { font-size: 28px; }
.quiz-resut .com { font-size: 18px; }
.quiz-resut-inf { font-size: 22px; padding-bottom: 20px; text-align: center; }
.quiz-facebook { text-align: center; padding: 20px; }
.quiz-facebook-share { text-align: center; background: url("fb-button.png") 16px 13px no-repeat #3a5795; color: #fff; font-size: 18px; padding: 20px 20px 20px 57px; cursor: pointer; margin: 0px 140px; border-radius: 10px; } 
.quiz-action { font-family: 'Roboto Condensed', sans-serif; text-align: center; padding: 20px 0px; }
.quiz-fin-label { display: table; font-size: 16px; line-height: 16px; padding: 20px 10px; color: #323232; width: 100%; position: relative; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
.quiz-fin-label-unchecked { display: inline-block; width: 16px; height: 16px; vertical-align: bottom; background-repeat: no-repeat; background-position: left center; background-image: url('input-unchecked.png'); }
.quiz-fin-label-checked { display: inline-block; width: 16px; height: 16px; vertical-align: bottom; background-repeat: no-repeat; background-position: left center; background-image: url('input-checked.png'); }
.quiz-fin-label-error { display: inline-block; width: 16px; height: 16px; vertical-align: bottom; background-repeat: no-repeat; background-position: left center; background-image: url('input-error.png'); }
.quiz-fin-label-content { margin-left: 7px; }
.quiz-fin-label-gray { background-color: #f0f0f0; color: #323232; }
.quiz-fin-label-red { background-color: #ed1c24; color: #ffffff; }
.quiz-fin-label-blue { background-color: #228ac6; color: #ffffff; }
.quiz-fin-label-green { background-color: #85b53e; color: #ffffff; }
.quiz-newanswer { display: none; text-align: left; }
.quiz-newquestion { display: none; text-align: left; }
.pagination1 ul { font-family: 'Inter', sans-serif; text-align: center; border: 0; vertical-align: middle; }
.pagination1 li { margin: 20px 8px; display: inline-block; }
.pagination1 li a, .tile-next li a:visited { font-size: 13px; line-height: 14px; padding: 10px; color: #ffffff; text-decoration:none; background: #383e44; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.pagination1 li a:hover { padding: 10px; color: #383e44; background: #f0f0f0; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.pagination1 li .off { line-height: 16px; font-size: 13px; padding: 10px; color: #aaa; background: #fff; border: 1px solid #eeeeee; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;  }
hr, hr.separator { background: #f2f2f2; height: 1px; margin: 41px 0; }
.tile { width: 380px; float: left; min-height: 1px; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; }
.tile-prop { height: 345px; }
.tile-prop2 { height: 430px; }
.tile-prop3 { height: 369px; }
.tile-prop4 { height: 317px; }
.tile-in { width: 380px; height: 345px; border: 0px; margin: 0px; padding: 0px; position: relative; }
.tile-in2 { width: 380px; height: 430px; border: 0px; margin: 0px; padding: 0px; position: relative; }
.tile-in3 { width: 380px; height: 369px; border: 0px; margin: 0px; padding: 0px; position: relative; }
.tile-in4 { width: 380px; height: 317px; border: 0px; margin: 0px; padding: 0px; position: relative; }
.tile-gradient { width: 380px; height: 345px; position: absolute; top:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.tile-gradient2 { width: 380px; height: 430px; position: absolute; top:0; left:0; }
.tile-gradient3 { width: 380px; height: 369px; position: absolute; top:0; left:0; }
.tile-gradient4 { width: 380px; height: 317px; position: absolute; top:0; left:0; }
.tile-in .overlay { width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.tile-in:hover .overlay { background: rgba(50, 50, 50, 0.5); }
.tile-in2 .overlay { width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.tile-in2:hover .overlay { background: rgba(50, 50, 50, 0.3); }
.tile-in3 .overlay { width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.tile-in3:hover .overlay { background: rgba(50, 50, 50, 0.3); }
.tile-in4 .overlay { width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.tile-in4:hover .overlay { background: rgba(50, 50, 50, 0.3); }
.tile-title { display: block; font-family: "Poppins", sans-serif !important; font-size: 22px; font-weight: 300; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 15px; color: #fff; }
.tile-title a { color: #ffffff; }
.tile-title a:hover { text-decoration: underline; color: #ffffff; }
.tile-title a:visited { color: #ffffff; }
.tile-category { font-family: 'Roboto Condensed', sans-serif; opacity: 0.8; position: absolute; top: 0px; left: 0px; display: block; text-align: center; text-transform: uppercase; margin: 0 auto; font-size: 13px; font-weight: 700; width: 100%; padding: 8px 16px; color: #ffffff; }
.tile-category a {color: #ffffff;}
.tile-category a:hover { text-decoration: underline; color: #ffffff; }
.tile-category a:visited {color: #ffffff;}
.tile-img { width: 380px; height: 345px; position: absolute; top:0; left:0; margin-left: 15px; margin-bottom: 20px; }
.tile-reklama { text-align: center; margin-bottom: 20px; }
.tile-qa { font-size: 18px; width: 380px; list-style: none; font-size: 16px; border: 0px; padding: 0px; margin: 0px; }
.tile-qa li { padding-left: 20px; text-indent: -10px; }
.tile-qa li:before { content: "• "; color: #42aae6; }
.tile-qa a, .tile-qa a:visited { text-decoration: none; color: #323232; }
.tile-qa a:hover { text-decoration: underline; color: #d93e2d;; }
.tile-more { float: right; padding: 0px 20px 20px 0px; }
.tile-center { text-align: center; margin: 0 auto; }   
.tileas { width: 360px; float: left; min-height: 1px; margin-right: 0px; margin-left: 0px; margin-bottom: 30px; }
.tileas-prop { height: 180px; }
.tileas-in { width: 360px; height: 180px; border: 0px; margin: 0px; padding: 0px; position: relative; }
.tileas-in img { width: 360px; }
.tileas-in .overlay { width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.tileas-in:hover .overlay { background: rgba(50, 50, 50, 0.5); }
.tileas-gradient { width: 360px; height: 180px; position: absolute; top:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.tileas-title { display: block; font-family: "Poppins", sans-serif !important; font-size: 18px; font-weight: 300; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 15px; color: #fff; }
.tileas-title a { color: #ffffff !important; }
.tileas-title a:hover { text-decoration: underline; color: #ffffff; }
.tileas-title a:visited { color: #ffffff !important; }
.sidebar { content: " "; /*position: absolute;*/ border-left: 1px solid #d9d9d9; height: 100%; }
.sidebar .half { width: 175px; float: left; margin-bottom: 20px; margin-left: 10px; }
.sidebar .half a, .sidebar .half a:visited { padding: 10px; font-size: 14px; line-height: 28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.sidebar .half a:hover { text-decoration: none; color: #d93e2d; }
.sidebar .half-last { margin-left: 0px; }
.sidebar .half-last a, .sidebar .half-last a:visited { padding: 10px; font-size: 14px; line-height: 28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.sidebar .half-last a:hover { text-decoration: none; color: #d93e2d; }
.sidebar-title { font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; font-size: 20px; font-weight: 400; line-height: 1.4; text-transform: uppercase; margin-bottom: 20px; color: #19232d; background-color: #f2f2f2;; padding: 6px; }
.sidebar-img { margin-bottom: 20px; position: relative; line-height: 0; }
.sidebar-meta { position: relative; background: #f2f2f2; line-height: 25px; font-size: 11px; color: #a6a6a6; text-transform: uppercase; padding-left: 8px; overflow: hidden; }
.sidebar-title-flag { width: 24px; }
.sidebar-content { position: relative; margin-bottom: 20px; }
.sidebar-content-descr { padding: 0px; border: 0px; margin-bottom: 10px; }
.sidebar-content-more { float: right; padding: 0px; border: 0px; margin: 0px; }
.sidebar-content ul { }
.sidebar-content li { padding-left: 20px; text-indent: -10px; padding-bottom: 4px; }
.sidebar-content li:before { content: "• "; color: #42aae6; }
.sidebar-content a, .sidebar-content a:visited { text-decoration: none; color: #323232; }
.sidebar-content a:hover { text-decoration: underline; color: #d93e2d;; }
.sidebar-img-small { position: relative; line-height: 0; margin-bottom: 20px; }
.sidebar-img-small li { overflow: hidden; float: left; }
.sidebar-img-small li > a { line-height: 0; margin: 0px; padding: 0px; border: 0px; position: relative; -moz-transform: translate3d(0, 0, 0); }
.sidebar-img-small li > a:hover { text-decoration: none; opacity: 0.8; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.sidebar-img-small li:first-child { margin-right: 30px; }
.sidebar-img-small img { float: left; width: 165px; }
.post-share { line-height: 1.857; position: relative; }
.post-share { border-top: 1px solid #d9d9d9; padding: 28px 0; margin-top: 28px; overflow: hidden; }
.post-share .text { font-size: 13px; display: inline-block; margin-right: 30px; text-transform: uppercase; color: #19232d; }
.share-links { float: right; }
.share-links a { width: 60px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 20px; margin-right: 2px; background: #19232d; }
.share-links a:hover { text-decoration: none; }
.share-links .fa-facebook { background: #204385; }
.share-links .fa-twitter { background: #2aa9e0; }
.share-links .fa-google-plus { background: #d3492c; }
.share-links .fa-pinterest { background: #ca2128; }
.share-links .fa-linkedin { background: #02669a; }
.share-links .fa-tumblr { background: #44546b; }
.post-gallery { margin-bottom: 20px; position: relative; background-color: #f2f2f2; line-height: 0; }
.post-gallery-img { float: left; margin-left: 26px; margin-top: 26px; width: 232px;  }
.post-gallery-img:last-child { margin-bottom: 26px; }
.post-gallery-img .img-decr { font-size: 12px; background-color: #ffffff; padding: 4px; } 
.post-gallery-img img { width: 100% }
.section-head { background: #f9f9f9; border: 1px solid #d9d9d9; border-left: 0; border-right: 0; line-height: 32px; color: #19232d; font-size: 13px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; text-transform: uppercase; padding: 0 14px; margin-bottom: 28px; }
.widgettitle_xx { font-family: "Open Sans", Arial, sans-serif; font-size: 13px; text-transform: uppercase; background: #19232d; color: #efefef; padding: 0 14px; line-height: 34px; margin-bottom: 20px; }
.cat-title { position: absolute; top: 20px; line-height: 25px; background: #e54e53; display: block; font-size: 12px; text-transform: uppercase; padding: 0 10px; margin-left: 7px; color: #fff; display: block; z-index: 1; }
.cat-title a { color: inherit; }
.foot { background: #f6f6f8; margin: 0 auto; border: 0; }
.foot-pag { width: 400px; float: left; min-height: 1px; margin-left: 0px; margin-bottom: 20px; }
.foot-header { font-family: Poppins; font-weight: bold; font-size: 24px; line-height: 28px; color: #222222; margin-top: 40px; margin-bottom: 20px; }
.foot-content { color: #878787; font-size: 13px; line-height: 1.9; margin: 0px; padding-right: 20px; color: #878787; }
.foot-content a,.foot-content a:visited { color: #606569; font-weight: bold; text-decoration: none; }
.foot-content a:hover { color: #5191fa; text-decoration: none; }
.foot-sep { background: #464d53; height: 1px; margin: 10px 20px; }
.foot-fin { margin: 10px 30px; font-size: 12px; }
.lower-foot { font-family: Poppins; background: #ffffff; color: #606569; font-size: 13px; }
.lower-foot a { color: #606569; font-weight: bold; }
.lower-foot .wrap { padding: 14px 0px; overflow: hidden; }
.lower-foot .textwidget { font-size: 13px; float: left; }
.lower-foot .menu { float: right; overflow: hidden; }
.lower-foot .menu li {  float: left; padding-left: 0.5em; font-size: 13px; }
.lower-foot .menu li:before { content: "\b7";  padding-right: 0.5em; display: inline-block; }	
.lower-foot .menu li:first-child:before { content: ''; } 
.lower-foot .menu .sub-menu { display: none; }
.feedburner label { display: none; }
.feedburner input { padding: 8px 12px; outline: 0; }
.feedburner-email { min-width: 200px; }
.feedburner-subscribe { margin-left: 4px; }
.feedburner .heading { margin-bottom: 14px; }
 .live-search-results { visibility: hidden; opacity: 0; position: absolute; right: 0; z-index: 1500; top: 35px; width: 305px; padding-top: 21px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: top right; transform-origin: top right; }
.live-search-results.fade-in { -webkit-transform: scale(1); transform: scale(1); }
.live-search-results .posts-list img { width: 58px; height: auto; }
.live-search-results .posts-list li { padding: 21px; border-bottom: 1px solid #d9d9d9; }
.live-search-results .posts-list .content { margin-left: 75px; min-height: 0; border: 0; }
.live-search-results .posts-list .content > a { color: initial; margin-bottom: 0; }
.live-search-results .posts-list .view-all { border-bottom: 0; text-align: center; background: #f9f9f9; padding: 14px; }
.live-search-results .posts-list .view-all a, .live-search-results .no-results { float: none; text-transform: uppercase; font-size: 12px; }
.live-search-results .no-results { display: block; text-align: center; padding-bottom: 21px; }
.social-icons li { float: left; margin-right: 5px; height: 20px; }
.social-icons li:last-child { margin-right: 0; }
.social-icons .icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }	
.social-icons .icon:hover { text-decoration: none; border-radius: 50%; }	
.social-icons .fa-twitter { background: #00abe3; }
.social-icons .fa-pinterest { background: #ca2128; }
.social-icons .fa-facebook { background: #004088; }
.social-icons .fa-linkedin { background: #01669c; }
.social-icons .fa-rss { background: #ff5b22; }
.social-icons .fa-google-plus { background: #d3492c; }
.social-icons .fa-instagram { background: #517fa4; }
.social-icons .fa-youtube { background: #fe3432; }
.social-icons .fa-tumblr { background: #44546b; }
.social-icons .fa-vimeo-square { background: #1ab7ea; } 
.social-icons .fa-stumbleupon { background: #eb4824; }
.main-featured { margin: 25px 0px; padding: 25px 0px; background: #f2f2f2; border: 1px solid #e7e7e7; border-right: 0; border-left: 0; }
.main-featured .row { /*opacity: 0;*/ }
.main-featured .row.appear { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
.main-featured .slides { position: relative; min-height: 170px; }
.main-featured img { width: auto; height: auto; max-width: 100%; }
.main-featured .slider { /*opacity: 0;*/ }
.main-featured .wp-post-image { display: block; }
.main-featured .cat { line-height: 30px; background: #e54e53; padding: 0 14px; margin-left: 20px; }
.main-featured .slider  h3 { position: relative; float: left; }
.main-featured .slider h3 a { color: #fff; font-size: 18px; line-height: 2; }
.main-featured .slider .caption, .featured .caption { position: absolute; bottom: 0; background: #19232d; background: rgba(25, 35, 45, 0.7); width: 100%; padding: 14px 20px 17px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.main-featured .pages { position: absolute; max-width: 100%; width: 100%; bottom: 0; padding-top: 10px; z-index: 99; left: 0; padding: 10px 25px 0px 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }
.main-featured .pages a { float: left; height: 4px; width: 19.658119658%; background: #72879c; margin-left: 0.284900285%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.main-featured .pages:hover a { height: 8px; }
.main-featured .pages a:hover { opacity: 0.6; }
.main-featured .pages .flex-active { background: #e54e53; }
.main-featured .the-date { color: #d3dbdf; display: block; text-transform: uppercase; font-size: 11px; } 
.main-featured .blocks { padding-left: 0; }
.main-featured .blocks article { position: relative; }
.main-featured .blocks .large { margin-bottom: 14px; }
.main-featured .blocks h3 { position: absolute; bottom: 0; background: #19232d; background: rgba(25, 35, 45, 0.7); width: 100%; padding: 10px; font-size: 13px; line-height: 1.5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.main-featured .blocks h3 a { color: #fff; }
.main-featured .blocks .small h3 { padding: 20px 10px 5px 10px; }
.main-featured .small { float: left; margin-right: 14px; }
.main-featured .blocks .small.last { margin-right: 0; }
.main-featured .small img { width: 168px; height: 137px; }
.ie8 .main-featured .small img { max-width: 168px; }
.main-featured .slides .image-link, .main-featured .blocks .image-link { display: block; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }
.main-featured .slides img, .main-featured .blocks .image-link img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.main-featured .blocks article:hover img, .main-featured .slides .flex-active-slide:hover img {	-webkit-transform: translate3d(0, 0, 0); -webkit-perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1) rotate(0.1deg); opacity: 0.9; }
.main-featured .large .cat { margin-left: 7px; }
.main-featured .slider .caption, .main-featured .blocks h3, .featured .caption { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -webkit-linear-gradient(top,  rgba(25,35,45,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom,  rgba(25,35,45,0) 0%,rgba(0,0,0,0.8) 100%); text-shadow: 0px 1px 1px #000; }
.main-featured .flexslider .slides > li { position: relative; }
.ie8 .main-featured .slider .caption, .ie8 .main-featured .blocks h3 { background-image: url('images/ie8-slider-overlay.png'); }
.ie8 .main-featured .blocks .small h3 { padding-top: 10px; } 
.button-default { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #383e44; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-default:hover { cursor: pointer; color: #383e44; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-red { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #ed1c24; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-red:hover { cursor: pointer; color: #ed1c24; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-blue { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #228ac6; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-blue:hover { cursor: pointer; color: #228ac6; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-green { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #85b53e; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-green:hover { cursor: pointer; color: #85b53e; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-orange { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #f5910f; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-orange:hover { cursor: pointer; color: #f5910f; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-gray { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #555555; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-gray:hover { cursor: pointer; color: #555555; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-purple { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #a13d63; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-purple:hover { cursor: pointer; color: #a13d63; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-brown { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 12px 10px; color: #ffffff; background: #c0593e; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-brown:hover { cursor: pointer; color: #c0593e; background: #f0f0f0; padding: 12px 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-quiz { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; padding: 14px; color: #ffffff; background: #383e44; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-quiz:hover { cursor: pointer; color: #383e44; background: #f0f0f0; padding: 14px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-quiz-disabled { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 14px; cursor: not-allowed; color: #383e44; background: #f0f0f0; padding: 14px; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-medium-default { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 16px; padding: 16px 24px; color: #ffffff; background: #383e44; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-medium-default:hover { cursor: pointer; color: #383e44; background: #f0f0f0; padding: 16px 24px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-big-default { font-family: 'Inter', sans-serif; font-size: 24px; line-height: 24px; padding: 16px 24px; color: #ffffff; background: #383e44; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-big-default:hover { cursor: pointer; color: #383e44; background: #f0f0f0; padding: 16px 24px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.button-big-green { font-family: 'Inter', sans-serif; font-size: 24px; line-height: 24px; padding: 16px 24px; color: #ffffff; background: #85b53e; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.button-big-green:hover { cursor: pointer; color: #85b53e; background: #f0f0f0; padding: 16px 24px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.btn-more-default { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #383e44; }
.btn-more-default a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #383e44; }
.btn-more-default a:hover { color: #ffffff; text-decoration: none; }
.btn-more-default a:visited { text-decoration: none; }
.btn-more-default .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #383e44; }
.btn-more-default span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-default:hover .arrow { width: 100%; }
.btn-more-blue { position: relative; display: block; height: 29px; clear: both; float: left; font-weight: bold; padding-right: 12px; color: #228ac6 }
.btn-more-blue a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #228ac6; }
.btn-more-blue a:hover { color: #ffffff; text-decoration: none; }
.btn-more-blue a:visited { text-decoration: none; }
.btn-more-blue .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #228ac6 }
.btn-more-blue span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-blue:hover .arrow { width: 100%; }
.btn-more-red { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #cc0033; }
.btn-more-red a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #cc0033; }
.btn-more-red a:hover { color: #ffffff; text-decoration: none; }
.btn-more-red a:visited { text-decoration: none; }
.btn-more-red .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #cc0033; }
.btn-more-red span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-red:hover .arrow { width: 100%; }
.btn-more-green { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #85b53e; }
.btn-more-green a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #85b53e; }
.btn-more-green a:hover { color: #ffffff; text-decoration: none; }
.btn-more-green a:visited { text-decoration: none; }
.btn-more-green .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #85b53e; }
.btn-more-green span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-green:hover .arrow { width: 100%; }
.btn-more-orange { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #f5910f; }
.btn-more-orange a {font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #f5910f; }
.btn-more-orange a:hover { color: #ffffff; text-decoration: none; }
.btn-more-orange a:visited { text-decoration: none; }
.btn-more-orange .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #f5910f; }
.btn-more-orange span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-orange:hover .arrow { width: 100%; }
.btn-more-gray { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #555555; }
.btn-more-gray a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #555555; }
.btn-more-gray a:hover { color: #ffffff; text-decoration: none; }
.btn-more-gray a:visited { text-decoration: none; }
.btn-more-gray .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #555555; }
.btn-more-gray span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-gray:hover .arrow { width: 100%; }
.btn-more-purple { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #a13d63; }
.btn-more-purple a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #a13d63; }
.btn-more-purple a:hover { color: #ffffff; text-decoration: none; }
.btn-more-purple a:visited { text-decoration: none; }
.btn-more-purple .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #a13d63; }
.btn-more-purple span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-purple:hover .arrow { width: 100%; }
.btn-more-brown { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #c0593e; }
.btn-more-brown a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #c0593e; }
.btn-more-brown a:hover { color: #ffffff; text-decoration: none; }
.btn-more-brown a:visited { text-decoration: none; }
.btn-more-brown .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #c0593e; }
.btn-more-brown span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-brown:hover .arrow { width: 100%; }
.btn-more-magneta { position: relative; display: block; height: 29px; clear: both; float: left; font-size: 12px; font-weight: bold; padding-right: 12px; color: #8f364f; }
.btn-more-magneta a { font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: none; color: #8f364f; }
.btn-more-magneta a:hover { color: #ffffff; text-decoration: none; }
.btn-more-magneta a:visited { text-decoration: none; }
.btn-more-magneta .arrow { position: absolute; width: 29px; height: 29px; margin-left: 0; background: url('arrow_more.png') no-repeat; margin-top: 0; background-color: #8f364f; }
.btn-more-magneta span { display: block; line-height: normal; margin-top: 7px; position: relative; margin-left: 38px; }
.btn-more-magneta:hover .arrow { width: 100%; }
.background-default { background-color: #383e44 !important; }
.background-red { background-color: #cc0033 !important; }
.background-blue { background-color: #228ac6 !important; }
.background-green { background-color: #85b53e !important; }
.background-orange { background-color: #f5910f !important; }
.background-gray { background-color: #555555 !important; }
.background-purple { background-color: #a13d63 !important; }
.background-brown { background-color: #c0593e !important; }
.background-magneta { background-color: #8f364f !important; }

/* image load animations */
.no-display { will-change: opacity; opacity: 0; }
.appear { opacity: 1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -moz-transform: translate3d(0, 0, 0); }

.ajax-loading { margin-bottom: 42px;	}
.spinner { margin: 50px auto 0; width: 65px; text-align: center; }
.spinner > span { width: 16px; height: 16px; margin-right: 4px; background-color: #d6d6d6; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner span:nth-of-type(3) { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner span:nth-of-type(2) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#frm-solution, #frm-solution-img { display: none; }
.frmfld { padding-bottom: 10px; }
.frmfld .frmdel a, .frmfld .frmdel a:visited { color: #323232; text-decoration: none; }
.frmfld .frmdel a:hover { color: #ed1c24; text-decoration: none; }
.frmbtn { text-align: center; padding: 10px; }
.frmpay { padding-top: 20px; padding-bottom: 20px; }
.frmhalf { padding-right: 1%; width: 50%; display: inline-block; }
.frmquat { padding-right: 1%; width: 25%; display: inline-block; }
.frmtrio { padding-right: 1%; width: 33.333%; display: inline-block; }
form { color: #323232; font-family: 'Inter', sans-serif; line-height: 1.7em; padding: 0; border: 0; margin: 0; }
label { text-align: left; font-size: 16px; font-weight: bold; padding: 0px; }
input[type="text"], input[type="password"], input[type="number"] { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 300; width: 100%; padding: 10px 18px; border: 1px solid #e0e0e0; color: #323232; background-color: #ffffff; vertical-align: middle; }
textarea { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 300; width: 100%; border: 1px solid #e0e0e0; padding: 2px; color: #323232; background-color: #ffffff; }
input[type="file"] { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 300; width: 100%; height: 30px vertical-align: middle; border: 1px solid #e0e0e0; padding: 2px; color: #323232; background-color: #ffffff; }
input[type="submit"] { font-family: 'Inter', sans-serif;  }
select { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 300; height: 41px; width: 100%; vertical-align: middle; border: 1px solid #e0e0e0; padding: 10px 14px; color: #323232; background-color: #ffffff; }
.filters { margin: 20px; }
.filters a, .filters a:visited { display: inline-block; color: #383e44; background: #f0f0f0; font-size: 11px; line-height: 11px; padding: 10px; text-decoration:none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.filters a:hover { color: #ffffff; background: #383e44; font-size: 11px; line-height: 11px; padding: 10px; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.filters .active { display: inline-block; color: #ffffff; background: #383e44; font-size: 11px; line-height: 11px; padding: 10px; text-decoration: none; text-transform: uppercase; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
input[type="text"].filters { font-family: 'Roboto Condensed', sans-serif; font-size: 12px; line-height: 12px; width: 50px; padding: 9px 6px; margin: 0px 4px; border: 1px solid #e0e0e0; color: #323232; background-color: #ffffff; vertical-align: middle; }
.filters .frm { font-size: 12px; line-height: 10px; display: inline-block; }
.fejs-img { width: 400px;}
@media screen and (max-width: 1219px) {
 .wrap { width: 820px; }
 .col-full { width: 820px; }
 .col-half { width: 410px; }
 .main-head header { width: 820px; }
 .nav-sticky header { width: 820px; }
 .breadcrumbs { width: 820px; } 
 .post-header { padding-left: 20px; } 
 .tile { margin-left: 20px; margin-right: 0px; } 
 .menu1 .resp2 { display: none; }
 .col-post { padding-right: 0px; }
 .post-action { padding-left: 20px; }
 .post-content { padding-left: 20px; padding-right: 20px;}
 .quiz-question { padding-left: 20px; }
 .col-sky { display: none; }
 .sidebar { border: 0px; }
}
@media screen and (max-width: 819px) {
  .wrap { width: 420px; }
  .col-full { width: 420px; }
  .main-head header { width: 420px; }
  .nav-sticky header { width: 420px; }
  .breadcrumbs { display: none; width: 420px; }    
  .post-header { padding: 0px; }
  .tile { margin-left: 20px; }  
  .col-post { width: 420px; padding-left: 0px; padding-right: 0px; }
  .col-meme { width: 420px; padding-left: 0px; padding-right: 0px; }
  .post-content { padding-left: 0px; padding-right: 0px;}
  .col-half { width: 420px; padding-left: 0px; padding-right: 0px; }
  .col-sky { display: none; }
  .col-side { width: 420px; padding-left: 30px; }
  .sidebar { border: 0px; }  
  .col-post img, .col-side img, .col-meme img, .col-half img, .col-full img { max-width: 420px; }  
  .quiz-facebook { padding-left: 0px; padding-right: 0px; }
  .quiz-facebook-share { margin: 0px 0px; }
  .quiz-question { padding-left: 0px; }  
  .menu1 .resp1 { display: none; }
  .menu1 .resp2 { display: block; }  
  header .resp1 { display: none; }
  .humb { display: block; }   
 .jHtmlArea { width: 380px !important; }    
 .modal-window { width: 400px; margin-left: -200px; } 
 .modal-window img { width: 390px; }
}
