/* FAQ */

form {text-align: center;}
.faq {max-width: 900px;}

div.faq {display: table; margin: 0px auto; line-height: 32px;}
.faq ol {margin: 0px auto;}
.faq ul {margin-left: 70px;}
.faq li {font-size: 15px; line-height: 25px; text-align: left;}
.faq ol li {padding: 0px 0px 30px 10px;}
.faq ol li h3 {margin-left: -5px;}
.faq h2, .faq h3, .faq h4 {font-weight: bolder; font: arial black !important; display: inline; text-align: left;}
.faq h2 {font-size: 20px;}
.faq h3 {font-size: 18px; margin-left: 15px;}
.faq h4 {font-size: 16px; margin-left: 30px; color: red;}
.faq a, .faq a:hover {text-align: left; font-weight: bold;}


.faq table {margin: auto;}
.faq table td {padding: 8px 12px; line-height: 18px;}
.faq table td h2, .faq table td h3, .faq table td h4 {text-align: left !important;}
.faq table td a, .faq table td a:hover {font-weight: normal;}
.faq .form-label {text-align: left;}
.faq th {text-align: right;}






/* BENEFITS */

.benefits {padding: 30px; text-align: center;}

.benefits a {font-size: 15px; max-width: 180px; margin: 35px 14px 0px 14px; padding: 0px 5px; display: inline-block; text-align: center; vertical-align: top; min-height: 180px; line-height: 20px; color: #999;}

.benefits a.sk, .benefits a.cs {display: inline-block !important;}

.benefits a h5 {font-size: 20px; text-transform: uppercase; margin: 14px auto 6px auto; line-height: 24px; display: block; color: #888; word-break: break-word;}

.benefits a .icon-box {padding: 17px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; vertical-align: middle; display: flex; width: 120px; height: 120px; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; border: 3px solid rgba(255,255,255,0); margin: auto;}

.benefits a:hover, .benefits a:hover h5 {text-decoration: none; color: #ff0000;}

.benefits a:hover .icon-box {box-shadow: 1px 3px 6px rgba(0,0,0,0.27); border: 3px solid rgba(255,255,255,0.6);}

.benefits a svg {max-height: 64px; max-width: 64px; margin: auto; fill: rgba(255,255,255,0.9);}
.benefits a:hover svg {fill: rgba(255,255,255,1);}





/* FAQ FORMS - FORESTRY - CARPENTRY - SERVICES ... */


.faq-intro {width: 100%; height: 600px; overflow: hidden; z-index: 10;}
.faq-intro .anim1 {padding: 30px 25px;}

.forestry .anim1 {background: rgba(145,76,9,0.6);}
.sawmilling .anim1 {background: rgba(80,0,0,0.6);}
.carpentry .anim1 {background: rgba(46,88,79,0.6);}
.service .anim1 {background: rgba(80,0,0,0.6);}
.sellers .anim1 {background: rgba(0,0,0,0.6);}


.reference-new .faq-intro_bg {background: url(/images/faq-carpentry02.jpg);}

.forms-new .faq-intro_bg {background: url(/images/faq-carpentry01.jpg);}

.feature-new .faq-intro_bg {background: url(/images/faq-carpentry01.jpg);}

.calc-new .faq-intro_bg {background: url(/images/faq-calc.jpg);}
.forestry .faq-intro_bg {background: url(/images/faq-forestry.jpg);}
.sawmilling .faq-intro_bg {background: url(/images/faq-sawmilling.jpg);}
.carpentry .faq-intro_bg {background: url(/images/faq-carpentry.jpg);}
.service .faq-intro_bg {background: url(/images/faq-service.jpg);}
.sellers .faq-intro_bg {background: url(/images/faq-sellers.jpg);}

.calc-new .faq-intro_bg, .feature-new .faq-intro_bg, .forms-new .faq-intro_bg, .reference-new .faq-intro_bg, .forestry .faq-intro_bg, .sawmilling .faq-intro_bg, .carpentry .faq-intro_bg, .service .faq-intro_bg, .sellers .faq-intro_bg {width: 100%; height: 100%;background-position:center bottom; background-size:cover; transform:scale(1.8); transition: all 15s ease-out; vertical-align: bottom; position: relative;}
.sellers .faq-intro_bg.zout, .service .faq-intro_bg.zout, .carpentry .faq-intro_bg.zout, .sawmilling .faq-intro_bg.zout, .forestry .faq-intro_bg.zout, .calc-new .faq-intro_bg.zout, .feature-new .faq-intro_bg.zout, .forms-new .faq-intro_bg.zout, .reference-new .faq-intro_bg.zout {transform:scale(1);}
.faq-intro-anim {margin: auto; max-width: 898px; height: 250px; left: calc(50% - 449px);}


.connie {max-width: 898px; vertical-align: top; z-index: 2;

background: -moz-linear-gradient(top, rgba(255,255,255,0.77) 0%, rgba(255,255,255,1) 330px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop( 330px,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.77) 0%,rgba(255,255,255,1) 330px);
background: -o-linear-gradient(top, rgba(255,255,255,0.77) 0%,rgba(255,255,255,1) 330px);
background: -ms-linear-gradient(top, rgba(255,255,255,0.77) 0%,rgba(255,255,255,1) 330px);
background: linear-gradient(to bottom, rgba(255,255,255,0.77) 0%,rgba(255,255,255,1) 330px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 );

}

#connie-wrap {position: absolute; z-index: 2; top: 250px; left: calc(50% - 449px); width: 898px;}
#content2 {position: relative; vertical-align: top;}

.connie-form {text-align: center; display: block; padding: 10px 25px; margin: auto;}

.connie-form h2 {font-size: 33px; line-height: 36px; color: #ff0000; padding: 30px 0px 0px 0px; text-shadow: 0px 0px 6px rgba(255, 255, 255, 1); text-align: center; font-weight: 400;}
.connie-form .connie-sent h2 {color: #008C00;}
.connie-form h3 {font-size: 23px; color: #000; margin: 0px auto 20px auto;}
.connie-form .connie-sent {width: 100%; min-width: 898px;}


@media screen and (max-width: 900px) {
#connie-wrap, .connie-form {width: auto;}
.connie-form .connie-sent {width: 100%; min-width: 0px;}
.connie-form .form textarea {width: 98%;}
#connie-wrap {top: 250px; left: 10px; right: 10px}
}



/* FAQ FORESTRY - CARPENTRY - SERVICES */

.sellers h3, .service h3, .carpentry h3, .sawmilling h3, .forestry h3 {font-size: 47px; font-weight: normal; display: block; padding: 50px 0px 30px 0px; text-shadow: 0px 0px 6px #FFF; color: red;}

.connie-form .faq-menu div {display: block; margin: 0px 20px 14px 20px; text-align: left; clear: both; float: none; padding: 0px 0px 0px 0px;}

.connie-form .faq-menu div.sk, .connie-form .faq-menu div.cs {display: block !important;}

.connie-form .faq-menu a {font-size: 18px; margin: 0px 0px 0px 0px; border-radius: 100%; color: #fff; padding: 5px; text-align: center; float: left; border: 4px solid rgba(255,255,255,0.01); -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; vertical-align: middle; width: 100px; height: 100px; display: flex;}

.connie-form .faq-menu a:hover {box-shadow: 0px 0px 14px rgba(0,0,0,0.4); text-decoration: none; border: 4px solid rgba(255,255,255,0.7);}

.connie-form .faq-menu a svg {display: block; margin: auto; width: 62px; height: 62px; fill: #fff;}

.connie-form .faq-menu h6 {font-size: 24px; font-weight: 300; display: block; margin: 0px 30px 0px 120px; padding: 14px 0px 5px 0px; color: #676767;}

.connie-form .faq-menu p {font-size: 17px; display: block; margin: 0px 30px 0px 120px; color: #555;}

#dynamic_select {position: absolute; top: -45px; right: 0px; padding: 5px 8px;}
#dynamic_select, #dynamic_select option {font-size: 22px;}


/* PRICE LIST */

.price-list .tabs-nav {padding: 0px 5px; text-align: center; margin: auto;}
.price-list .tabs-nav a {width: 200px; min-height: 48px; margin: 0px 7px 24px 7px; padding: 20px; display: inline-block; text-align: center; border-radius: 7px; font-size: 19px; vertical-align: middle; line-height: 24px; border: 2px solid rgba(255,255,255,0.01); -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s;}
.price-list .tabs-nav a:hover, .price-list .tabs-nav a.current {border: 2px solid rgba(255,255,255,0.7); box-shadow: 3px 4px 8px rgba(0,0,0,0.2);}
.price-list .tabs-nav a, .price-list .tabs-nav a p {color: #fff;}



/* BACKGROUND
#body {background: url(/images/background/letokruhy-blur.jpg) center bottom; background-repeat: repeat-x;}
.process_reg_background {background: url(/images/background/letokruhy.jpg) left center; background-repeat: repeat-x;}
 */



 




/* ======== FAQ TABLE  ======== */


/* ===== HEAD ===== */

.faq-table thead .free, .faq-table thead .basic, .faq-table thead .bronze, .faq-table thead .silver, .faq-table thead .gold, .faq-table thead .diamond, .faq-table thead .platinum {vertical-align: top; font-size: 15px; color: #fff;}


.faq-table {margin: 50px auto 40px auto; /*max-width: 1300px;*/ border-collapse: separate; table-layout: fixed; position: relative; overflow: hidden; border-spacing: 2px 0px;}

.faq-table th {font-weight: normal;}
.faq-table small {font-size: 13px; display: block; color: rgba(255,255,255,0.78); margin-top: 6px; padding: 7px 0px 17px 0px; background-color: rgba(0,0,0,0.4);}
.faq-table .month small {color: rgba(255,255,255,0.89); background-color: red;}

.faq-table thead td {vertical-align: top; text-align: center; font-size: 18px; padding: 0px;}


.faq-table thead .progrm:first-line { font-size: 19.5px;}
.faq-table thead .progrm {text-align: center; vertical-align: middle; display: table-cell; font-weight: normal; color: #FFF; font-size: 14px; text-transform: uppercase; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);}

.faq-table thead .prgrm-info {display: block; font-size: 17px;}

.faq-table thead h4 {font-weight: normal; color: #FFF; font-size: 48px; padding: 0px; margin: 0px auto 5px auto; line-height: 26px; text-align: center;}

.faq-table thead h4 div {font-weight: normal; color: rgba(255, 255, 255, 0.9); font-size: 23px; display: inline-block; margin: 0px 0px 0px 6px; line-height: 19px; text-align: left;}

.faq-table thead h4 div span {font-weight: normal; font-size: 12px; display: block; margin: 2px 0px 0px 0px; color: #fff;}

.faq-table thead h4 p {font-size: 22px; display: block; margin: 0px 0px 50px 0px;}
.faq-table thead h6 {font-weight: normal; color: #FFF; font-size: 21px; margin-bottom: 8px;}
.faq-table thead h6 p {font-size: 14px; color: rgba(255, 255, 255, 0.8);}


.faq-table thead th {text-align: left; padding: 14px 10px; vertical-align: bottom; color: #CDA267; font-size: 20px;}

.faq-table caption {color: #CDA267; font-size: 21px; padding: 0px 0px 15px 0px; text-align: right;}


.faq-table thead button {width: auto; margin: auto; background: none; border: none; box-shadow: none; padding: 2px 12px 25px 12px; color: #fff; font-weight: normal; border-radius: 0;}

.faq-table thead .free {background: #0eab61;}
.faq-table thead .basic {background: #dfb36f;}
.faq-table thead .classic {background: #d79d48;}
.faq-table thead .premium {background: #c4934a;}
.faq-table thead .month {background: #e28403;}
/* .faq-table thead .month {background: #ac7e39;} */
.faq-table thead .platinum {background: #AD8B16;}
.faq-table thead .diamond {background: #D4AF37;}


.faq-table thead button:hover {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.faq-table thead button:hover .progrm {text-shadow: 0px 0px 5px #000;}







/* ===== BODY ===== */

.faq-table tbody th{text-align: left; color: #A55905; font-size: 16px; padding: 12px 12px 12px 0px;}
.faq-table tbody th small {color: #9A651D; font-size: 12px;}
.faq-table tbody tr:hover th, .faq-table tbody tr:hover th small {color: #6B420A;}
.faq-table tbody td {font-weight: normal; text-align: center; color: #7e4e03; font-size: 13.5px; padding: 16px 12px; border-top: 2px solid rgba(255, 255, 255, 1.0);}
.faq-table tbody td small {font-size: 11px; color: #945A03;}
.faq-table tbody td img {max-width: 24px; vertical-align: middle; margin: 0px auto 3px auto; display: block;}
#faq-tab-program tbody td {max-width: 170px;}
#faq-tab-program tbody th img {max-height: 19px; vertical-align: -4px; float: right;}


/* LEFT */
.faq-table tbody tr th {border-bottom: 1px solid #F5EBE0; max-width: 300px;}
.faq-table tbody tr:last-child th {border-bottom: none;}
.faq-table tbody tr th ul {margin: 5px 0px 0px 25px;}
.faq-table tbody tr th ul li {padding: 0px 0px 2px 0px; font-size: 13px; list-style: none; margin-left: -15px;}
.faq-table tbody tr th p {font-size: 13px; padding-left: 10px;}


/* FREE */
.faq-table tbody .free {background: #C9FCDD; font-size: 15px; color: #067D36; width: 150px; white-space: normal;}
.faq-table tbody .free p {font-size: 16px; color: #2F9B3F; padding: 20px 0px; line-height: 21px;}
.faq-table tbody tr:nth-child(even) .free {background: #E7FEF0;}


/* BASIC */
.faq-table tbody tr .basic {background: #faefdc}

/* CLASSIC */
.faq-table tbody tr .classic {background: #f7e6ca}

/* PREMIUM */
.faq-table tbody tr .premium {background: #f3deba}

/* MONTH */
.faq-table tbody tr .month {background: #fdd89f}
/*.faq-table tbody tr .month {background: #f1d7ab} */

/* PLATINUM */
.faq-table tbody tr .platinum {background: #F3E09C}

/* DIAMOND */
.faq-table tbody tr .diamond {background: #EFE2B6}



/* ===== FOOT ===== */

.faq-table tfoot th {text-align: left; color: #AC7B39; font-size: 17px; padding: 10px 16px;}
.faq-table tfoot td {padding: 18px 8px; text-align: center;}
.faq-table tfoot button {font-weight: normal; font-size: 17px; padding: 12px 6px; display: table; margin: auto; border-radius: 33px; background: none; border: 1.5px solid #bb0000; color: #bb0000; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; width: 100%;}
.faq-table tfoot button:hover {border: 1.5px solid #bb0000; background: #bb0000; color: #fff; box-shadow: none;}
.faq-table tfoot .free button {border: 1.5px solid #096F3E; color: #096F3E;}
.faq-table tfoot .free button:hover {border: 1px solid #0DA25B; color: #fff; background: #0DA25B;}


.part2 {display: none; text-align: center;}
.faq-table  .sk, .faq-table  .cs {display: table-row !important;}



@media screen and (max-width: 1279px) {
.faq-table thead td {width: 100px;}
}

@media screen and (max-width: 1023px) {
.faq-table thead h3 {font-size: 14px;}
.faq-table thead h5 {font-size: 13px;}
.faq-table button {font-size: 13px;}
.faq-table tfoot button {font-size: 14px;}
.part2 {display: table; margin: auto;}
}




/* USER PROGRAM TABLE - PRICE LIST & FEATURES */
#faq-tab-program thead .progrm, #faq-tab-program thead .prgrm-info {width: 150px; clear: both; color: #fff;}
#faq-tab-program thead .progrm {padding: 20px 5px 15px 5px;}

.need_help {text-align: center;}
.need_help svg {max-height: 32px; max-width: 32px; display: block; margin: 5px auto 10px auto;}

.need_help .lightbox-window {text-align: center; font-size: 21px; max-width: 120px;}

.need_help .lightbox-window img {display: block; width: 45px; margin: 10px auto;}

.bottom-messenger {bottom: -200px; 
-moz-animation: slide 1s ease 2.3s forwards;
-webkit-animation: slide 1s ease 2.3s forwards;
-o-animation: slide 1s ease 2.3s forwards;
-ms-animation: slide 1s ease 2.3s forwards;
animation: slide 1s ease 2.3s forwards;}

@-moz-keyframes slide
{
from {bottom: -200px;}
to {bottom: 10px;}
}

@-webkit-keyframes slide
{
from {bottom: -200px;}
to {bottom: 10px;}
}

@-o-keyframes slide
{
from {bottom: -200px;}
to {bottom: 10px;}
}

@-ms-keyframes slide
{
from {bottom: -200px;}
to {bottom: 10px;}
}

@keyframes slide
{
from {bottom: -200px;}
to {bottom: 10px;}
}





/* LIGHTBOX */
.lfpc h6 {margin: 4px 0px 3px 2px;}
.lightbox-faq-program-choose {text-align: left; max-width: 480px;}
.lightbox-faq-program-choose a {padding: 12px 0px; display: block; color: #4B4B4B !important; font-size: 16px;}
.lightbox-faq-program-choose a:hover, .lightbox-faq-program-choose a:hover h3 {color: #ff0000 !important;}
.lightbox-faq-program-choose h3 {font-size: 19px; color: #bb0000; display: block; padding-bottom: 4px;}




/* APP - PRICE LIST */
#faq-tab-app thead .progrm, #faq-tab-app thead .prgrm-info {width: 230px; clear: both; color: white;}
#faq-tab-app tbody th img {max-height: 19px; vertical-align: -4px; float: right;}
#faq-tab-app thead .progrm {height: 65px;}
#faq-tab-app thead td {padding: 10px 10px 25px 10px;}




/* EMAIL MARKETING - PRICE LIST */
#faq-tab-em thead td {padding: 35px 5px 20px 5px; text-align: center}
#faq-tab-em thead .prgrm-info {width: 135px; clear: both;}
#faq-tab-em thead h4 {font-size: 45px;}
#faq-tab-em tbody td {font-size: 16px; line-height: 21px;}
#faq-tab-em tbody p {font-size: 13px;}
#faq-tab-em tbody .free {width: auto;}

@media screen and (max-width: 1023px) {
.pr2 tr td {width: 99%; display: block;}
}



/* BANNER - PRICE LIST */
.faq-banner-table {margin: 15px auto; display: table; width: auto;}
#faq-tab-banner thead td {text-align: center; padding: 25px 0px 0px 0px; font-size: 15px; line-height: 24px;}
#faq-tab-banner tbody td {text-align: center; padding: 25px; font-size: 15px; line-height: 24px;}
#faq-tab-banner td small {background: none;}
#faq-tab-banner tbody td p {font-size: 18px; line-height: 24px; color: #7E4E03;}
#faq-tab-banner .progrm {height: 45px; text-align: center; display: block;}
#faq-tab-banner .progrm:first-letter {font-size: 25px;}
#faq-tab-banner img {border: 1px solid #A3A3A3; box-shadow: 0px 0px 12px #888; margin: auto; max-width: none;}

@media screen and (max-width: 1023px) {
.faq-banner-table .div-cell {width: 99%; display: block;}
}






/* FAQ LINKS BOTTOM */
.faq-links {display: table; border: 1px solid #ab6d2e; line-height: 25px; padding: 2px 25px; margin: 40px auto; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; box-shadow: 0px 0px 14px #888; -webkit-box-shadow: 0px 0px 14px #888; -moz-box-shadow: 0px 0px 14px #888;}
.faq-links a {font-size: 14px; color: black;}
.faq-links ul {margin: 10px 0px; white-space: nowrap; list-style: none;}
.faq-links li {border-bottom: 1px solid #d67f27; border-top: 1px solid #ffc68c; padding: 3px 20px;}
.faq-links li:last-child {border-bottom: none;}
.faq-links li:first-child {border-top: none;}


.faq .gbox {width: 220px; line-height: 21px; text-align: center; margin: 0px 0px 25px 0px; padding: 15px; border-right: 1px dotted #ddd;}
.faq .gbox:last-child {border: none;}
.faq .gbox h3 {margin: 0px auto 35px auto; text-align: center !important;}
.faq .gbox img {margin: 15px auto 0px auto; text-align: center !important;}




/* PARTNERS */
.faq-partners {text-align: center; margin: 0px auto 30px auto;}
.faq-partners a {display: inline-block; padding: 24px 12px; color: #999; border-radius: 7px; border: 1px solid #ddd; margin: 0px 15px; max-width: 20%; text-align: center; font-size: 16px; vertical-align: top; background: rgba(255,255,255,0.3); min-height: 157px;}
.faq-partners a:hover {box-shadow: 2px 3px 6px rgba(0,0,0,0.2); background: rgba(255,255,255,0.7); text-decoration: none !important;}
.faq-partners a h2 {color: #777; display: block; margin: 0px auto 7px auto; font-size: 19px; font-weight: 700; text-align: center;}
.faq-partners a p {color: #777; display: block; margin: 0px auto 7px auto; font-size: 16px; font-weight: 400;}
.faq-partners a:hover h2, .faq-partners a:hover p {color: #333;}
.faq-partners a img{margin: 10px auto 18px auto; display: block; max-height: 36px;}
.faq-partners-contact {display: block; padding: 24px 12px; text-align: center; font-size: 16px; margin: auto;}

@media screen and (max-width: 1023px) {
.faq-partners a {display: block; margin: 0px 15px 25px 15px; width: auto; max-width: none;}
}



/* SUPPORT */
.support {text-align: center; margin: 40px auto 30px auto; padding: 0px 25px;}
.support ul {display: table; margin: 0px auto 0px auto; list-style: none;}
.support a {display: block; margin: 5px 0px; padding: 5px; text-align: left; font-size: 18px; vertical-align: top;}


@media screen and (max-width: 1023px) {
.support .div-cell-half {text-align: left;}
.support ul {display: block; margin: 0px 0px;}
.support a {}
}




/* HOW TO - VIDEO */

.how-to {text-align: center; display: block; margin: 0px auto; padding: 20px 0px; vertical-align: top;}
.how-to a {text-align: center; display: none; padding: 0px; margin: 0px 15px 40px 15px; font-size: 15px; line-height: 20px; vertical-align: top; max-width: 300px; min-height: 250px; color: #777; background: url('/ico/start-2.png') no-repeat center 82px;}
.how-to a:hover {text-decoration: none;}
.how-to a.skcs-cs, .how-to a.skcs-sk, .how-to a.en-en {display: inline-block !important;}
.how-to a img {max-height: 250px; margin: 0px auto 15px auto; opacity: 0.45; transition:.7s; -o-transition:.7s; -ms-transition:.7s; -moz-transition:.7s; -webkit-transition:.7s; border: 1px solid #777;}
.how-to a:hover img {opacity: 1; border: 1px solid #ff0000; box-shadow: 0px 0px 24px rgba(0,0,0,0.7);}
.how-to h6 {margin: 0px auto 5px auto; font-size: 18px; line-height: 24px; color: #bb0000; font-weight: normal;}
.how-to a:hover h6 {color: #ff0000; text-decoration: underline;}





/* HOW TO - INDEX - faq_help.php */
/* ============================= */

.how-to-index {margin: 0px auto 0px auto; display: flex; display: -webkit-flex; display: -moz-flex;  justify-content: center; flex-wrap: wrap;}

.how-to-index > a {font-size: 17px; width: 220px; margin: 0px 0px 25px 0px; padding: 5px; text-align: center; vertical-align: top; line-height: 22px; flex: 1 0 220px; color: rgba(0,0,0,0.5);}

.how-to-index > a .icon-box {padding: 21px; border-radius: 100%; vertical-align: middle; display: flex; width: 140px; height: 140px; text-align: center; margin: 0px auto 10px auto; border: 2px solid rgba(255,255,255,0);}

.how-to-index > a:hover {text-decoration: none; color: #ff0000;}

.how-to-index > a:hover .icon-box {box-shadow: 2px 4px 8px rgba(0,0,0,0.2); border: 2px solid rgba(255,255,255,0.6);}

.how-to-index > a svg {max-height: 72px; max-width: 72px; margin: auto; fill: rgba(255,255,255,0.9);}
.how-to-index > a:hover svg {fill: rgba(255,255,255,1);}

.how-to-index > a.sk, .how-to-index > a.cs {display: block !important;}




/* HOW TO  - CONTENT - PARTS */


.how-to-faq {margin: 20px auto 0px auto; display: flex; display: -webkit-flex; display: -moz-flex; justify-content: center; flex-wrap: wrap; font-size: 16px;}

.how-to-faq div.full_width_flex {width: 100%; display: block; flex: 0 1 100%; text-align: center;}

.how-to-faq div, .how-to-faq a, .how-to-faq b, .how-to-faq li {font-size: 16px;}

.how-to-faq ul, .how-to-faq ol {margin: auto; width: auto; display: table;} 
.how-to-faq li {font-size: 16px; text-align: left; padding: 6px 4px;} 

.how-to-faq a.video {text-align: center; color: #777; background: url('/ico/start-2.png') no-repeat center 110px; flex: 1 0 350px; max-width: 350px; padding: 22px 10px; vertical-align: top; margin: 0px 15px 35px 15px;}

.how-to-faq a:hover {text-decoration: none;}
.how-to-faq a.skcs-cs, .how-to-faq a.skcs-sk, .how-to-faq a.en-en {display: inline-block;}
.how-to-faq a img {max-height: 250px; margin: 0px auto 15px auto; opacity: 0.45; transition:.4s; -o-transition:.7s; -ms-transition:.7s; -moz-transition:.7s; -webkit-transition:.7s; border: 1px solid #777;}
.how-to-faq a:hover img {opacity: 1; border: 1px solid #ff0000; box-shadow: 0px 0px 24px rgba(0,0,0,0.7);}
.how-to-faq h6 {margin: 0px auto 5px auto; font-size: 18px; line-height: 24px; color: #bb0000; font-weight: normal;}
.how-to-faq a:hover h6 {color: #ff0000; text-decoration: underline;}

.how-to-faq a.ghost {border-width: 1.5px; border-style: solid; font-size: 18px; padding: 12px 24px; margin: 35px 18px; border-radius: 100px; display: inline-block; min-width: 300px; width: auto; clear: both; text-align: center;}




/* BANNER STAT */
.banner_stat .stats svg {width: 20px; height: 20px;}

.summary {margin: 0px auto 20px auto; display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; max-width: 900px;}

.summary > div {font-size: 22px; width: 40%; margin: 0px 20px; padding: 20px 38px; text-align: left; vertical-align: top; border-radius: 7px; border: 1px solid rgba(255,255,255,0); line-height: 36px; min-height: 112px; flex: 1 0 400px; background-repeat: no-repeat; background-position: right 14px center; background-size: 64px;}

.summary div b {font-size: 40px; background-color: none !important; display: block;}

.summary > div.impress {background-image: url(/ico/views.svg);}
.summary > div.clicks {background-image: url(/ico/click.svg);}


.div-table.pagination_month {max-width: 600px; padding-bottom: 20px; margin: 20px auto 10px auto;}
.div-table.pagination_month > div {width: 50%; text-align: center;}
.div-table.pagination_month > div a {font-size: 20px; white-space: nowrap;}
.div-table.pagination_month > div a svg {max-height: 21px; max-width: 21px; margin: 0px 5px;}