@font-face {
  font-family: 'Gotu';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('../fonts/gotu-v14-latin-regular.woff2') format('woff2'), url('../fonts/gotu-v14-latin-regular.woff') format('woff');
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,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-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after{content:'';content:none}
q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{font-family:Arial, sans-serif;line-height:1.4;font-size:18px;font-weight:400;color:#656060}
body h1{font-family:Gotu,sans-serif;font-size:2rem;font-weight:normal;margin-bottom:18px;color:#4e4747}
body h2{font-family:Gotu,sans-serif;font-size:2rem;font-weight:normal;margin-bottom:18px;color:#4e4747}
body h3{font-family:Gotu,sans-serif;font-size:1.3rem;font-weight:normal;margin-bottom:18px;color:#4e4747;padding:5px;background-color:#ecebe1}
body h4{font-family:Gotu,sans-serif;font-size:1.3rem;font-weight:normal;margin-bottom:18px;color:#4e4747}
body h5{font-family:Arial,sans-serif;font-size:1.1rem;font-weight:normal;margin-bottom:10px;color:#4e4747;padding:5px;
    background-color:#f4f6f7;background:linear-gradient(90deg,#ebeae4 0%,#ffffff 100%)}
@media (max-width: 800px) {
  body h1{font-size:1.6rem}
  body h2{font-size:1.5rem}
  body h3{font-size:1.3rem}
  body h4{font-size:1.2rem}
  body h5{font-size:1.1rem}
  }
body p{margin-bottom:18px}
body a{color:#7E8B79}
body a:hover{color:#1976D2;cursor:pointer}
body{width:100%;min-height:100vh;background-color:#fcf5f2;background-image:url(../img/trees.jpg);background-position:center;background-size:cover;background-attachment:fixed}
body header{text-align:center;margin:0 auto;box-shadow:0px 2px 2px 0px #e0e0e0;background:#f5f5f5 url(../img/lad_logo.png) 20px 10px no-repeat;background-size:30px}
.header-site-name {display:inline-block;vertical-align:middle;font-family:Gotu, cursive;color:#53695b;font-size:40px;cursor:pointer;padding:0 30px 0 50px}
@media (max-width: 800px) {
.header-site-name{font-size:30px}
body header {background-image:none}
}
@media (max-width: 600px) {
.header-site-name{font-size:20px}
}
.header-site-menu {display:inline-block;vertical-align:middle}
body main div.extension-image{width:100%;background-color:#e0ddcc;height:150px;position:relative}
body main div.extension-image img{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transition:transform .28s ease;max-height:80%}
body.detail header{align-items:center;width:auto;text-align:center}
body.detail header img#logo_img{height:74px}
body.detail main{display:flex;flex-wrap:wrap;max-width:1400px;margin:30px auto;background-color:#fff;box-shadow:0 5px 15px rgba(17,26,40,0.2);border-radius:5px;overflow:hidden}
@media (max-width: 1400px) {
body.detail main{border-radius:0}
}
body.detail main section.content{width:calc(100% - 350px - 60px);padding:30px}
@media (max-width: 800px) {
body.detail main section.content{padding:15px;width:100%}
}
body.detail main section.content img{max-width:100%}
body.detail main aside{width:350px}
body.detail main aside .moduletable h3 {font-size:1.4rem;margin-bottom:18px;font-family:Arial,sans-serif;padding:10px 3px;font-weight:normal;color:white;background-color:#4bb7be;border-radius:3px}

body.detail main aside .moduletable-menu ul.nav {background-color:#f0f8fe;padding:5px}
body.detail main aside .moduletable-menu li ul li {font-size:90%;margin-left:10px}
body.detail main aside .moduletable-menu a:link,
body.detail main aside .moduletable-menu a:visited {padding:3px;text-decoration:none;line-height:23px;width:98%;	display:block;border:1px solid transparent}
body.detail main aside .moduletable-menu a:active  {font-weight:normal}
body.detail main aside .moduletable-menu ul li a:hover {color:#444;background-color:#f3f3f3}
body.detail main aside .moduletable-menu ul li.current > a {background-color:#f6f2e7}
body.detail main aside .moduletable-menu {margin:15px 30px}

body.detail main aside .moduletable{margin:15px 30px}
body.detail main aside .moduletable.mod-menu a{display:block;text-align:center;padding:10px;text-decoration:none;background-color:#243D42;margin-bottom:5px;border-radius:5px;color:#fff;transition:background-color .28s ease}
body.detail main aside .moduletable.mod-menu a:hover{background-color:#7E8B79}
body.detail main aside .moduletable img{display:block}
@media (max-width: 800px) {
body.detail main aside .moduletable{display:none}
body.detail main aside .moduletable-menu{display:block}
}

body.home main{padding:30px}
@media (min-width: 1280px) {
body.home main{max-width:1400px;margin:0 auto}
}
@media screen and (max-width:500px) {
    body.home main {padding:5px}
}

div.extension-boxes{display:flex;flex-wrap:wrap;max-width:1400px;margin:0 auto}
div.front-extension{margin:15px;background:#fff;box-shadow:0 5px 15px rgba(17,26,40,0.2);overflow:hidden;border-radius:5px}
div.front-extension{width:calc((100% / 3) - 30px)}
@media (max-width:1279px) {div.front-extension{width:calc((100% / 2) - 30px)}}
@media (max-width:800px)  {div.front-extension{width:100%}}
div.front-extension div.extension-image{border-radius:0}
div.front-extension div.extension-detail{padding:20px}
.extension-detail p {font-size:1.1em}

body.offline{text-align:center}
body.offline main{padding:30px}

body footer{background-color:#f3f3f3;color:black;text-align:center;padding:50px 0}
body footer section#footer_text{max-width:1400px;margin:0 auto;padding:50px}
header .moduletable{text-align:center}
header ul li ul,header ul li ul.dj-submenu,header ul .dj-main li ul,header ul .dj-main li ul.dj-submenu{display:inline-block;text-align:left}
footer ul li{display:inline-block}
footer ul li a{color:black;padding:15px;text-decoration:none}
footer ul li a:hover{color:#BCC0A9}

table{margin-bottom:30px;min-width:100%;overflow:hidden}
table tr th{padding:5px;background-color:#676d65;color:#fff;vertical-align:middle;border:1px solid #fff}
table tr td{padding:5px;background-color:#f6f2e7;border:1px solid white;vertical-align:middle}
table.white tr td{background-color:white}

div.more-menu{display:block;text-align:left;width:100%;margin:0 auto;padding:5px 0;overflow-x:auto;background-color:transparent;transition:background-color .28s linear}
div.more-menu.fixed{position:fixed;top:0;z-index:101;width:100%;background-color:#111A28;box-shadow:0 5px 15px rgba(17,26,40,0.2)}
div.more-menu.fixed ul li{box-shadow:none}
div.more-menu h3{display:none}
div.more-menu ul{border-radius:5px;text-align:center}
div.more-menu ul li{display:inline-block;margin:5px;box-shadow:0 5px 15px rgba(17,26,40,0.2)}
div.more-menu ul li a{display:block;padding:10px 20px;background-color:#4ab7be;text-decoration:none;color:#fff;transition:background-color .28s linear;border-radius:5px}
div.more-menu ul li a:hover{background-color:#f05565}

/* lists */

ul.lad-list {margin-bottom:10px}
ul.lad-list {margin-left:20px;padding-left:0;list-style:none}
ul.lad-list li {background:url(../img/grey_spot_12.png) no-repeat left 8px;line-height:1.5em;padding-left:30px;padding-bottom:10px}
@media screen and (max-width:650px) {ul.lad-list {margin-left:0}}    

ul.lad-list-s {margin-bottom:10px}
ul.lad-list-s {margin-left:20px;padding-left:0;list-style:none}
ul.lad-list-s li {background:url(../img/blue_spot_8.png) no-repeat left 8px;line-height:1.3em;padding-left:30px;padding-bottom:10px}
@media screen and (max-width:650px) {ul.lad-list-s {margin-left:0}}    

/* lad */

.lad-shadow {box-shadow: 0px 0px 4px 0px rgba(17,17,18,1)}
.lad-feature   {background:#f0f8ff;margin:20px 0;padding:20px}
.lad-highlight {background:#f0f8ff;margin:20px 0;padding:20px}
.lad-head-yes {color:#445980;padding: 20px 5px;font-size:34px;line-height:40px;background-color:white;border-bottom: 10px solid #e1efdf}
.lad-head-no  {color:#445980;padding:20px 5px;font-size:34px;line-height:40px;background-color:white;border-bottom: 10px solid pink}    
.lad-right {float:right;margin-left:30px;max-width:50%;margin-bottom:10px}
@media (max-width: 900px) {.lad-right{float:none;margin-left:auto;margin-right:auto;max-width:100%}}

pre {background-color:#f5f5f5;border:1px solid #ccc;font-size:14px;padding:8px;border-radius: 3px}

/* Full width pages */

div.full-width-pic-head {height:500px;background-size:cover}
h2.full-width-pic-head {color: white;text-align: center;padding-top: 100px;font-size: 60px;font-weight: normal;width: 80%;margin: 0 auto}
h2.full-width-page-head {text-align:center;font-size:60px;font-weight:normal;width:80%;color:#121b27}
div.full-width-light{width:100%;background-color:white;margin:0 0 30px 0;padding:20px;box-shadow: 0 5px 15px rgba(17,26,40,0.2);
    overflow: hidden; border-radius: 5px}
div.full-width-dark  {width:100%;background-color:whitesmoke;margin:0 0 30px 0;padding:20px;box-shadow: 0 5px 15px rgba(17,26,40,0.2);
    overflow: hidden; border-radius: 5px}
div.full-width-larger {font-size:20px}
div.box-row {display:table-row}
div.box {padding:15px;border:10px solid white;display: table-cell;background-color: whitesmoke}
div.box h4 {font-size: 22px;margin-bottom: 5px}
@media (max-width: 900px) {
    div.box-row, div.box {clear: both;display:block} 
    div.pic-head {height:250px}
    h2.full-width-pic-head {font-size:30px;padding-top:25px}
    h2.full-width-page-head {font-size:30px;width:100%}
}
div.clear {clear:both}

/* support levels */

.align-center {text-align:center}
.minimal-support {display:inline-block;background:url(../img/tick-24-black.png) no-repeat left center;padding-left:35px;line-height:32px;font-size:110%;font-weight:bold}
.full-support {display:inline-block;background:url(../img/tick-24-green.png) no-repeat left center;padding-left:35px; line-height:32px;font-size:110%;font-weight:bold}

/* price panels */

div.price_table{display:flex;flex-wrap:wrap}
div.price_column{background-color:#f7f3e8;display:inline-block;text-align:left;overflow:hidden;border-radius:5px;margin-bottom:30px}
div.price_column{width:calc((100% / 3) - 30px);margin:15px}
@media (max-width:1279px)  {div.price_column{width:100%}}
.price_table .price_column h4{font-size:1em;font-weight:700;text-align:center;color:#80897a}
.price_table .price_column .price_hdr1{display:block;background:#808080;color:white;margin:0;padding:15px;text-align:center}
.price_table .price_column .price_hdr2{display:block;background:#76604f;color:white;margin:0;padding:15px;text-align:center}
.price_table .price_column .price_hdr3{display:block;background:#4e6b5b;color:white;margin:0;padding:15px;text-align:center}
.price_table .price_column .price_rows{padding:15px}
.price_table .price_column .price_opt1{background:url(../img/no-32.png) no-repeat left top;text-align:center}

/* comparison tables */

table tr td.yes{text-align:center;background-color:#87b397;color:#fff}
table tr td.no{text-align:center;background-color:#dca4b7;color:#fff}
table tr td span.small{font-size:.7em}

/* payment confirmation logos */

.pcon_table{display:flex;flex-wrap:wrap}
.pcon_table .pcon_column {width:calc((100% / 3) - 20px);margin:0 10px;text-align:center;font-weight:bold}
@media (max-width: 800px) {
    .pcon_table .pcon_column {width:calc(100% - 20px)}
}

/* Plotalot */

.plot-lg-cen {height:256px; width:80%; margin-left:auto; margin-right:auto; border:1px solid lightgray}
.plot-large  {height:400px; width:90%; margin-left:auto; margin-right:auto; border:1px solid lightgray}
.plot-right  {display:inline-block; height:256px; width:450px}
.plot-left   {float:left; height:256px; width:450px}
.plot-right-container  {float:right; margin-left:20px; margin-bottom:10px; width:450px; 
    background-color:#fefefe; border:1px solid lightgray;border-radius:8px;padding:3px}
.plot-inline-container {display:inline-block;margin:10px;background-color:#fefefe; border:1px solid lightgray;border-radius:8px;padding:3px}
.plot-inline {display:inline-block;width:400px;margin:10px}
@media screen and (max-width:800px) {
    .plot-right {height:200px; width:98%}
    .plot-left {display:block;width:95%;float:none; margin:10px 0}
    .plot-right-container {width:95%;float:none; margin:10px 0}
    .plot-inline-container {width:95%;display:block; margin:10px 0}
    .plot-lg-cen {height:150px; width:98%}
    .plot-large {height:250px; width:98%}
    .plot-inline {display:block;width:100%;margin:10px auto}
 }

/* Payage */

.payage_table       {border-collapse:collapse;width:90%;min-width:90%;margin:0 auto 25px auto;border:1px solid lightgray}
.payage_table td    {border:1px solid lightgray;padding:12px}
.payage_table td.c1 {width:20%;text-align:center}
.payage_table tr:nth-child(odd) > td {background-color:#f9f9f9}
.payage_table tr:nth-child(even) > td {background-color:white}
.payage_table img   {height:auto;vertical-align:middle}
@media screen and (max-width:650px) {.payage_table {width:100%}}
.pok {width:90px; height:90px; background:url(../img/yes-64.png) no-repeat center center;background-size:48px}
.pnok {width:90px; height:90px; background:url(../img/no-64.png) no-repeat center center;background-size:48px}
.pq {width:90px; height:90px; background:url(../img/question-64.png) no-repeat center center;background-size:48px}

/* MediaShop */

table.ms_list_table tr td {background-color:#f0f8ff}
input.mshop_button.ms_buy_btn {background:#c74f5d}
input.mshop_button:hover {background-color:#ec843f}

/* Rentalot */

table.rentalot {min-width: 0;font-size:15px}

/* LAD Tooltips */

.lad_tip_container {display:none;position:absolute;max-width:276px;background-color:#f6fcff;border:1px solid black;border-radius:3px;z-index:1000}
.lad_tip_outer {position:relative}
.lad_tip_arrow {position:absolute;top:100%;pointer-events:none;border:solid transparent;height:0;width:0;border-width:11px;margin-top:1px;margin-left:-1px;border-top-color:gray}
.lad_tip_arrow:after {position:absolute;top:-12px;left:50%;pointer-events:none;border:solid transparent;content:"";height:0;width:0;border-width:10px;margin-left:-10px;border-top-color:#f6fcff}
.lad_tip_inner {font-family:Arial,sans-serif;font-size:16px;color:#333;padding:6px;line-height:1}