/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../webfonts/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../webfonts/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../webfonts/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../webfonts/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../webfonts/open-sans-v23-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('../webfonts/open-sans-v23-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('../webfonts/open-sans-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/open-sans-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../webfonts/open-sans-v23-latin-600.woff') format('woff'), /* Modern Browsers */
url('../webfonts/open-sans-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../webfonts/open-sans-v23-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('../webfonts/open-sans-v23-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../webfonts/open-sans-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/open-sans-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../webfonts/open-sans-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../webfonts/open-sans-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../webfonts/open-sans-v23-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('../webfonts/open-sans-v23-latin-600italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../webfonts/open-sans-v23-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/open-sans-v23-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../webfonts/open-sans-v23-latin-600italic.woff') format('woff'), /* Modern Browsers */
url('../webfonts/open-sans-v23-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../webfonts/open-sans-v23-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
a.social {
display: inline-block;
margin: 0 20px 20px 0;
color: #fff;
}
#owl-demo .item img{
display: block;
width: 100%;
height: 200px;
}
h1.tema_header {
padding-bottom: 40px;
padding-left: 7px;
width:100%;
}
@media (min-width: 1000px) {
.adsm-skin #sb-site {
max-width: 1070px;
margin: 0 auto;
}
}
@media (min-width: 1200px){
#adform-wallpaper-right
{
cursor: pointer; top: 0px; left: 50%; position: fixed; z-index: 100; height: 100%; margin-left: 535px;
}
#bo-wallpaper-right
{
cursor: pointer; top: 0px; left: 50%; position: fixed; height: 100%; width:550px; margin-left: 535px;
}
}
@media (max-width: 1199px){
#adform-wallpaper-right
{
cursor: pointer; top: 0px; left: 50%; position: fixed; z-index: 100; height: 100%; margin-left: 535px;
}
#bo-wallpaper-right
{
cursor: pointer; top: 0px; left: 50%; position: fixed; height: 100%; width:550px; margin-left: 485px;
}
}
@media (min-width: 1200px){
#adform-wallpaper-left
{
cursor: pointer; top: 0px; right: 50%; position: fixed; z-index: 100; height: 100%; margin-right: 535px;
}
#bo-wallpaper-left
{
cursor: pointer;
top: 0px;
right: 50%;
position: fixed;
height: 100%;
width:550px;
margin-right: 535px;
}
}
@media (max-width: 1199px){
#adform-wallpaper-left
{
cursor: pointer; top: 0px; right: 50%; position: fixed; z-index: 100; height: 100%; margin-right: 485px;
}
#bo-wallpaper-left
{
cursor: pointer;
top: 0px;
right: 50%;
position: fixed;
height: 100%;
width:550px;
margin-right: 485px;
}
}
/* ---------------------------------------------------- */
/* Nyhedsbrevboks */
/* ---------------------------------------------------- */
.newslettercontainer {margin-top: 20px;padding: 15px 15px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.headline{font-family: 'Miller Text',Georgia,serif;font-size: 15px;font-weight: 700;letter-spacing: .15px;}
.descriptionnewsletter{font-family: 'Miller Text',Georgia,serif;font-size: 14px;font-style: italic;line-height: 1.19;padding-bottom: 3px;padding-top: 2px;color: rgb(107, 107, 107);margin:0;}
.newsletterform{padding-top:10px;}
.input.email{font-weight:100;border: 1px solid #c1c1c1;border-radius: 1px;font-size: 12px;height: 38px;margin: 0 2px 0 0;padding-left: 9px;width: 60%;}
.webform2_submit{height: 38px !important;margin-top: -2px !important;font-size: 15px !important;}
/* ---------------------------------------------------- */
/* Nyhedsbrevboks */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Nye bokse på forsiden */
/* ---------------------------------------------------- */
.container.section,
.container-fluid.section{
padding-top:20px;
}
.contenttoppadding{
padding-top:20px;
}
.container-fluid.section{
max-width:1500px;
}
.center-cropped-width,
.center-cropped-width-2x{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
}
.contentboxwrapper{
height: 88px;
margin-left: 15px;
margin-right: 15px;
}
.contentboxwrapper,
.contentboxwrapper2 {
overflow: hidden;
}
.temaboks .contentboxwrapper{
margin-right:0px;
}
.temaboks {
background-clip: content-box;
background-color: #fff;
margin-bottom: 25px;
}
.temaboks div.contentbox:after{
content: ' ';
display: block;
height: 0px;
width: 100%;
bottom: 0;
}
.temaboks.big,
.temaboks.tall{
margin-top: 10px;
}
.temaboksinner {
border-top: 6px solid #993400;
padding-top: 16px;
}
.temaboksinner2 {
border-top: 0;
}
.temabokslabel{
background-color: #993400;
position: absolute;
height: 14px;
width: 120px;
top: -14px;
text-transform: uppercase;
margin-left: 0px;
}
.temabokstitle{
position: absolute;
bottom: -8px;
color: #f1f1f1;
font-size: 10px;
font-weight: 600;
margin-left: 7px;
}
.padding4px{
padding-left:4px;
}
.margin11px{
margin-bottom:11px;
}
.contentbox{
margin-bottom:25px;
padding: 0px;
background-color: white;
border: 0px solid rgb(216, 216, 216);
}
.contentbox:after{
content: ' ';
display: block;
height: 12px;
width: 100%;
bottom: 0;
}
.contentbox.mini.hero-item:hover .rightstyle,
.contentbox.mini.hero-item:hover .nyhedrightstyle,
.contentbox.mini.hero-item:hover .fokusartikelrightstyle,
.contentbox.mini.hero-item:hover .artikelrightstyle,
.contentbox.mini.hero-item:hover .oversigtrightstyle,
.contentbox.mini.hero-item:hover .konkurrencerightstyle,
.contentbox.mini.hero-item:hover .testrightstyle{
width:7px;
transition:0.4s;
}
.contentbox.mini,
.contentbox.mini2{
position:relative;
}
.contentboxdate {
color: #909090;
font-size: 9px;
text-transform: uppercase;
line-height: 14px;
white-space: pre;
}
.temaboks .contentbox {
padding-left: 4px;
}
.contentboxdate.first{
padding:6px 0px 1px 1px;
}
.contentboxdate.second{
padding:0px;
font-size:8px;
}
.contentboxdatesmall {
bottom: -1px;
right: 8px;
position: absolute;
color: #909090;
font-size: 9px;
text-transform: uppercase;
}
.contentboxheader{
font-size: 18px;
padding-top: 1px;
padding-bottom: 1px;
}
.contentboxheadersmall{
font-size:14px;
padding: 6px 8px 4px 0px;
}
.temaboks .contentboxheadersmall {
padding-right: 0px;
}
.contentboxthumbsmall {
float: left;
width: 45% !important;
margin-right: 10px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.contentboxshortstory {
font-size:12px;
color:#999;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.contentboxshortstory.mini {
font-size:11px;
line-height:18px;
}
.contentboxshortstory2 {
font-size:11px;
color: #999;
display: -webkit-box;
max-width: 230px;
height: 34px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.625;
}
.kategoritext {
position: absolute;
bottom: -8px;
color: #f1f1f1;
font-size: 10px;
font-weight: 600;
margin-left: 5px;
transition:0.2s;
}
.rightstyle,
.nyhedrightstyle,
.fokusartikelrightstyle,
.artikelrightstyle,
.guiderightstyle,
.oversigtrightstyle,
.konkurrencerightstyle,
.testrightstyle{
right:0;
width:4px;
height:100%;
position: absolute;
transition:0.2s;
}
.nyhedrightstyle{
background-color: #069;
}
.testrightstyle{
background-color: #993400;
}
.fokusartikelrightstyle,
.artikelrightstyle,
.guiderightstyle,
.oversigtrightstyle,
.konkurrencerightstyle{
background-color: #019a98;
}
.nyhedstyle{
bottom:0;
background-color:#069;
position:absolute;
transition:0.2s;
}
.fokusartikelstyle{
bottom:0;
background-color: #019a98;
position:absolute;
transition:0.2s;
}
.oversigtstyle,
.guidestyle,
.konkurrencestyle,
.artikelstyle{
bottom:0;
background-color: #019a98;
position:absolute;
transition:0.2s;
}
.teststyle {
bottom:0;
background-color: #993400;
position:absolute;
transition:0.2s;
}
.fokusartikelkategori,
.oversigtkategori,
.guidekategori,
.konkurrencekategori,
.artikelkategori{
background-color:#019a98;
position:absolute;
right:7px;
height:12px;
width:95px;
bottom:5px;
text-transform:uppercase;
transition:0.2s;
}
.nyhedkategori {
background-color: #069;
position: absolute;
right:7px;
height:12px;
width:60px;
bottom:5px;
text-transform: uppercase;
transition:0.2s;
}
.testkategori {
background-color:#993400;
position:absolute;
right:7px;
height:12px;
width:50px;
bottom:5px;
text-transform:uppercase;
transition:0.2s;
}
.rightkategori{
right:0 !important;
width:60px !important;
top:8px !important;
left:initial !important;
display:none;
transition:0.2s;
}
.contentboxlarge{
padding-left:10px;
padding-top: 18px;
font-size: 24px;
}
.readmorelink{
color: #666 !important;
text-decoration: none;
font-size:12px;
margin-bottom:10px;
margin-right: 3px;
}
::placeholder {
color: rgb(153, 153, 153);
}
.contentbox .social-icon-ar .fab{
padding-top:10px;
}
.talladtransform{
height: 645px;
width: 300px;
}
.endhr{
margin-left:16px;
margin-right:16px;
margin-top: 0px;
margin-bottom: 5px;
}
.endhr2{
margin-left: 12px;
margin-right: 12px;
margin-top: 0px;
margin-bottom: 5px;
}
.endhr3{
margin-left:4px;
margin-right:4px;
margin-top: 0px;
margin-bottom: 5px;
}
.adbox2{
height:310px;
margin-bottom:25px;
}
.adboxinner{
display: flex;
align-items: center;
justify-content: center;
width:100%;
height:100%;
box-shadow: 0px 0px 0px 1px rgb(236 233 233) inset;
}
@media (min-width: 667px) {
.contentbox{
height:100%;
}
.contentbox.mini{
height:94px;
margin-bottom: 14px;
}
.contentbox.mini2{
height:94px;
margin-bottom: 12px;
}
.nyhedstyle{
bottom:0;
width:100%;
height:5px;
max-height:8px;
}
.fokusartikelstyle{
bottom:0;
width:100%;
height:5px;
max-height:8px;
}
.oversigtstyle,
.guidestyle,
.konkurrencestyle,
.artikelstyle{
bottom:0;
width:100%;
height:5px;
max-height:8px;
}
.teststyle {
bottom:0;
width:100%;
height:5px;
max-height:8px;
}
.contentbox.hero-item:hover .nyhedkategori,
.contentbox.hero-item:hover .fokusartikelkategori,
.contentbox.hero-item:hover .oversigtkategori,
.contentbox.hero-item:hover .guidekategori,
.contentbox.hero-item:hover .konkurrencekategori,
.contentbox.hero-item:hover .testkategori,
.contentbox.hero-item:hover .artikelkategori{
height:15px;
transition:0.3s;
}
.contentbox.hero-item:hover .nyhedstyle,
.contentbox.hero-item:hover .teststyle,
.contentbox.hero-item:hover .fokusartikelstyle,
.contentbox.hero-item:hover .oversigtstyle,
.contentbox.hero-item:hover .guidestyle,
.contentbox.hero-item:hover .konkurrencestyle,
.contentbox.hero-item:hover .artikelstyle{
height:8px;
transition:0.3s;
}
.contentbox.hero-item:hover .kategoritext{
bottom:-5px;
transition:0.3s;
}
}
@media (max-width: 666px) {
.container.section,
.container-fluid.section{
padding-top:0px;
}
.temaboks.big.col-xs-12,
.temaboks.tall.col-xs-12{
padding-left: 0px;
padding-right: 0px;
}
.row2{
margin-right: 0px;
margin-left: 0px;
}
.kategoritext,
.contentbox:after{
display:none;
}
h3.contentboxheader{
padding-bottom:4px;
}
.contentboxshortstory {
font-size:11px;
line-height:18px;
}
.center-cropped-width{
height: 92px !important;
}
.center-cropped-width-2x{
height: 178px !important;
}
.hero-item-index {
padding-right: 0!important;
padding-left: 0!important;
}
.mobilealign{
padding:4px 5px 0px 10px;
}
.contentboxwrapper,
.contentboxwrapper3{
margin-right:0px;
height:92px;
overflow:hidden;
}
.contentboxheadersmall{
padding: 3px 8px 4px 0px !important;
}
.contentboxdatesmall {
position: initial !important;
}
.contentboxthumbsmall {
width: 40% !important;
margin-right: 0px !important;
}
.rightstylemobile{
right:0;
width:4px;
max-width: 7px;
height:100%;
}
.contentbox.hero-item:hover .rightstylemobile{
width:7px;
transition:0.4s;
}
.contentboxdate.second{
padding:3px 0px 0px 1px !important;
font-size:9px;
}
.padding4px{
padding-left:0px !important;
}
.margin11px{
margin-bottom:0px !important;
}
.mobile_spacer{
margin-top:10px !important;
}
.temaboks{
margin-top:25px;
}
.social-icon-ar.box{
font-size:14px;
margin: 0 8px 10px 0;
width: 32px;
height: 32px;
}
.temaboks.big,
.temaboks.tall{
margin-top:25px;
}
.talladtransform{
height: 300px;
width:initial;
}
.adbox{
margin-bottom:25px;
}
.adbox2{
padding-top:10px;
padding-bottom:15px;
}
.adboxinner{
box-shadow: initial !important;
}
.endhr,
.endhr2{
margin-left:8px;
margin-right:8px;
}
.endhr3{
margin-left:0px;
margin-right:0px;
}
.list-unstyled three_cols{
font-size:13px;
}
.fc-toolbar {
font-size: 0.7em;
}
.fc-toolbar h2 {
font-size: 11px !important;
}
}
@media (max-width: 736px) {
.temaboksinner2 {
border-top: 6px solid #026699;
}
}
@media (min-width: 667px) and (max-width: 991px) {
.padding4px{
padding-left:0px !important;
}
.temaboks .contentbox {
padding-left: 0px !important;
}
.social-icon-ar.box{
font-size:14px;
margin: 0 4px 10px 0;
width: 32px;
height: 32px;
}
.divhover {
height: 148px;
}
.yamm-content .col-megamenu:nth-of-type(n+4) {
padding-top: 30px;
}
.fc-toolbar h2{
font-size:1.5em;
}
}
/* ---------------------------------------------------- */
/* SLUT Nye bokse på forsiden */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Prisboks i artikler */
/* ---------------------------------------------------- */
.table_vejlpris {
color: #999;
font-weight: 300;
padding-right:5px;
}
#TabelTV1 thead th {
padding: 25px 3px 10px 3px;
border-top: 0;
}
.pris_inner td {
width: 50%;
text-align: left;
}
.pris_inner td:nth-of-type(2) {
font-weight: 600;
vertical-align: bottom;
}
.notinstoresyet{
font-weight:300 !important;
}
/* ---------------------------------------------------- */
/* SLUT Prisboks i artikler */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Infogram */
/* ---------------------------------------------------- */
.infogram-graph
{
background-color: white;
margin: 0 auto;
position: relative;
z-index: 1;
}
.infogram-consent
{
height: 90px;
width: 95%;
position: absolute;
z-index: 0;
top: 60px;
color: grey;
}
.infogram-consent-box
{
width:60%;
border: 1px solid rgb(231, 231, 231);
margin-left: auto;
margin-right: auto;
}
.infogram-consent-text
{
font-size: 12px;
height: 70px;
margin-top: 5px;
margin-bottom: 5px;
padding: 15px;
}
/* ---------------------------------------------------- */
/* SLUT Infogram */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* YouTube embed responsively */
/* ---------------------------------------------------- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-embed
{
background-color: white;
margin: 0 auto;
position: relative;
z-index: 1;
}
.youtube-consent
{
height: 90px;
width: 95%;
position: absolute;
z-index: 0;
top: 60px;
color: grey;
}
.youtube-consent-box
{
width:60%;
border: 1px solid rgb(231, 231, 231);
margin-top:8%;
margin-left: auto;
margin-right: auto;
}
#youtube-consent-text
{
text-align: center;
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
padding: 15px;
}
/* ---------------------------------------------------- */
/* SLUT YouTube embed responsively */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Forum */
/* ---------------------------------------------------- */
#oneall_social_login_providers_3,
#oneall_social_login_providers_2{
height:115px;
max-height:115px;
}
.checkbox.pull-right{
text-align: right;
}
.text-muted.pull-left{
font-size:13px;
color:#909090;
}
.content blockquote cite{
font-size:12px;
}
.avatar-over.pull-left{
font-size:11px;
}
.avatar-over img {
width: 60px;
height: 60px;
}
span.post-date.pull-left, span.post-id.pull-right{
font-size:12px;
}
.recentdiscussionh3{
padding-left: 3px;
padding-bottom: 15px;
padding-top: 15px;
}
.quickmenuforum{
font-size:12px !important;
}
@media (max-width: 360px){
#oneall_social_login_providers_3{
margin-right: -24px;
margin-left: -24px;
}
#oneall_social_login_providers_2{
margin-right: -10px;
margin-left: -10px;
}
.signin-text{
font-size:12px !important;
}
.panel-w-form .form-group input[type=password], .forumloginbutton, .panel-w-form .form-group input[type=text]{
font-size:12px !important;
}
.checkbox.pull-right{
font-size:12px !important;
margin-top: 5px !important;
}
}
@media (max-width: 667px) {
.forumthreadh3{
font-size:18px !important;
}
}
/* ---------------------------------------------------- */
/* Slut Forum */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* TV-databasen */
/* ---------------------------------------------------- */
i.fas.fa-question-circle {
color: rgb(200, 200, 200);
}
i.fas.fa-circle.fa-stack-2x {
color: rgb(200, 200, 200);
}
i.fas.fa-question.fa-stack-1x {
color: white;
}
.fa-compress-alt{
color:rgb(200, 129, 0);
}
/* ---------------------------------------------------- */
/* Slut TV-databasen */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* TV-databasen plugin */
/* ---------------------------------------------------- */
.thumbTV {
padding: 1px;
max-width: 100%;
}
.thumbTVwrapper{
width: 150px;
float:left;
margin-right: 5px;
}
.modeldatawrapper{
margin-top: 4px;
margin-left: 5px;
font-size: 13px;
line-height: 20px;
}
.priceinneralign {
font-size: 11px;
line-height: 22px;
padding: 8px 0px 0px 4px !important;
vertical-align: top;
font-weight: 600;
overflow: visible;
}
.tablesorter tr {
border-bottom: 1px solid rgb(236 233 233);
line-height: 2em;
}
.tdmodelwrapper {
padding: 5px;
vertical-align: top;
height:80px;
}
.thmodelwrapper{
padding-left:10px;
min-width:225px;
}
table#TVsTableForside tr:nth-child(n+7),
table#TVsTableForside2 tr:nth-child(n+7),
table#TVsTableForside3 tr:nth-child(n+7),
table#tilbudsjagtforside tr:nth-child(n+10){
display:none;
}
table#tilbudsjagtforside tr:first-of-type{
border-top:1px solid rgb(236 233 233);
}
#tilbudsjagtforside{
font-size:12px;
margin-top:8px;
}
/* ---------------------------------------------------- */
/* TV-databasen plugin */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* 4K-databasen plugin */
/* ---------------------------------------------------- */
#latest4kmovieswrapper{
margin-top: -18px;
margin-left: 9px;
font-size: 11px;
}
#latest4kmovies{
line-height: 16px;
}
#latest4kmovies a{
color: #999;
}
#latest4kmovies > div{
padding: 0px 10px 0px 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#latest4kmovies div:nth-of-type(n+19){
display:none;
}
@media (min-width: 992px) and (max-width: 1199px) {
#latest4kmovieswrapper{
margin-left: 5px !important;
}
}
/* ---------------------------------------------------- */
/* 4K-databasen plugin */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Pricerunner pris-widget */
/* ---------------------------------------------------- */
.product-container div:first-of-type {
vertical-align: bottom;
position: absolute;
right: 28px;
}
.product-info div:first-of-type {
display: none !important;
}
.firstexample .list-item div:nth-of-type(6) {
display: none !important;
}
.secondexample .list-item div:nth-of-type(6) {
display: none !important;
}
.product-container .desktop{
display: none !important;
}
.offer-shipping.font-primary {
display: none !important;
}
.offer-stock-symbol {
display: none !important;
}
.offer-stock-circle {
display: none !important;
}
.offer-price.font-primary {
overflow: hidden;
white-space: nowrap;
max-width: 70px;
}
h2.product-name.font-primary {
padding-bottom: 15px;
}
.firstexample,
.secondexample{
padding:10px;
}
@media (max-width: 767px) {
.clickout-button{
display:none !important;
}
}
@media (max-width: 991px) {
.country-flag,
.offer-stock-symbol,
.offer-stock-circle{
display: none !important;
}
.offer-logo{
margin-right:0px;
}
}
/* ---------------------------------------------------- */
/* Slut Pricerunner pris-widget */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Streaming-kalender */
/* ---------------------------------------------------- */
.highlight{
background-color:#ecf6ff;
}
#calendar {
margin: 0 auto;
font-size:14px;
line-height:12px;
}
.fc-has-url a {
color: #069;
}
.fc-list-item-title {
font-size: 15px;
padding: 10px 0px 10px 0px !important;
}
.trailerlink > a {
color: #474747 !important;
}
.trailerlink {
float: right;
font-size: 36px;
padding: 14px 10px 0px 10px;
}
.fc-list-item-title {
color: #474747;
font-weight: 600;
}
.fc-list-item a:hover {
color: #474747 !important;
}
.streaming_id{
float: left;
padding: 5px 5px 5px 5px;
width: 45px;
height: 18px;
}
.streaming_id .logothumb,
.streaming_id logothumb_kvadrat{
max-width:44px;
}
.description{
font-size:11px;
color:#999;
padding-top:5px;
padding-bottom:3px;
padding-right: 5px;
padding-left: 55px;
font-weight: 300;
line-height: 14px;
}
.weekly,
.season{
display:inline;
font-size:12px;
padding-left:5px;
}
.genre{
padding-right:2px;
margin:8px 0px 1px;
padding-left:55px;
float:left;
}
.genre .label {
text-shadow: none;
padding: 2px 4px 2px 4px;
font-size: 8px;
font-weight: 600;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: top;
border-radius: .25em;
background-color: #444;
}
.imdb {
padding-right: 2px;
margin: 8px 0px 1px;
padding-left: 5px;
float:left;
}
.imdb_padding {
padding-right: 2px;
margin: 8px 0px 1px;
padding-left: 55px;
float:left;
}
.imdb .label,
.imdb_padding .label{
text-shadow: none;
padding: 2px 4px 2px 4px;
font-size: 8px;
font-weight: 600;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: top;
border-radius: .25em;
background-color: #f3ce13;
}
.checkboxContainer{
font-size:10px;
padding-bottom:15px;
padding-top: 5px;
}
div[class*="filterbox"]{
display: inline;
padding-right: 10px;
}
.highslide-previous, .highslide-next, .highslide-move, .highslide-close{
display: none;
}
.draggable-header {
background: initial;
}
.fc-widget-header{
font-weight: 300;
color:#666;
}
#iconexplainer{
position: absolute;
right: 11px;
top: 52px;
line-height: 10px;
}
.checkboxContainer input[type=checkbox] {
display:none;
}
.checkboxContainer input[type=checkbox] + label{
opacity: 0.15;
cursor:pointer;
}
.checkboxContainer input[type=checkbox]:checked + label{
opacity: 1;
}
.logothumb {max-height: 20px;
vertical-align:bottom;
}
.logothumb_kvadrat {
max-height: 22px;
vertical-align:bottom;
}
.netflixfilterbox{
padding-left:5px;
}
.netflix{
padding-right:1px;
}
#unconfirmed,
.unconfirmed{
color:#999
}
@charset "UTF-8";
.fc {
direction: ltr;
text-align: left;
}
.fc-rtl {
text-align: right;
}
body .fc {
/* extra precedence to overcome jqui */
font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
/* when user is selecting cells */
background: #bce8f1;
opacity: 0.3;
}
.fc-bgevent {
/* default look for background events */
background: #8fdf82;
opacity: 0.3;
}
.fc-nonbusiness {
/* default look for non-business-hours areas */
/* will inherit .fc-bgevent's styles */
background: #d7d7d7;
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
border-style: solid;
border-width: 1px;
}
hr.fc-divider {
height: 0;
margin: 0;
padding: 0 0 2px;
/* height is unreliable across browsers, so use padding */
border-width: 1px 0;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
/* these element should always cling to top-left/right corners */
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc-bg {
bottom: 0;
/* strech bg to bottom edge */
}
.fc-bg table {
height: 100%;
/* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
width: 100%;
box-sizing: border-box;
/* fix scrollbar issue in firefox */
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
/* normalize cross-browser */
}
.fc th {
text-align: center;
}
.fc th,
.fc td {
border-style: solid;
border-width: 1px;
padding: 0;
vertical-align: top;
}
.fc td.fc-today {
border-style: double;
/* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
cursor: pointer;
}
a[data-goto]:hover {
text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
/* extra precedence to overcome themes forcing a 1px border */
/* no visible border by default. but make available if need be (scrollbar width compensation) */
border-style: solid;
border-width: 0;
}
.fc-row table {
/* don't put left/right border on anything within a fake row.
the outer tbody will worry about this */
border-left: 0 hidden transparent;
border-right: 0 hidden transparent;
/* no bottom borders on rows */
border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
border-top: 0 hidden transparent;
/* no top border on first row */
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
height: 539px !important;
margin-bottom: 19px;
-webkit-overflow-scrolling: touch;
}
/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
position: relative;
/* re-scope all positions */
width: 100%;
/* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
position: relative;
/* for resize handle and other inner positioning */
display: block;
/* make the tag block */
font-size: 0.85em;
line-height: 1.4;
border-radius: 3px;
border: 1px solid #3788d8;
}
.fc-event,
.fc-event-dot {
background-color: #3788d8;
}
.fc-event,
.fc-event:hover {
color: #fff;
/* default TEXT color */
text-decoration: none;
/* if has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
cursor: pointer;
/* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
/* to override an event's custom cursor */
cursor: not-allowed;
}
.fc-event .fc-content {
position: relative;
z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
position: absolute;
z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
/* only show when hovering or selected (with touch) */
display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
/* 40x40 touch area */
content: "";
position: absolute;
z-index: 9999;
/* user of this util can scope within a lower z-index */
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
z-index: 9999 !important;
/* overcomes inline z-index */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected:after {
content: "";
position: absolute;
z-index: 1;
/* same z-index as fc-bg, behind text */
/* overcome the borders */
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
/* darkening effect */
background: #000;
opacity: 0.25;
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
margin: 1px 3px;
font-size: 0.85em;
cursor: pointer;
text-decoration: none;
}
a.fc-more:hover {
text-decoration: underline;
}
.fc-limited {
/* rows and cells that are hidden because of a "more" link */
display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
z-index: 1;
/* make the "more" popover one higher than this */
}
.fc-more-popover {
z-index: 2;
width: 220px;
}
.fc-more-popover .fc-event-container {
padding: 10px;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
border-color: #ddd;
}
.fc-unthemed .fc-popover {
background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
background: #eee;
}
.fc-unthemed td.fc-today {
background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
background: #d7d7d7;
opacity: 0.3;
}
/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
font-family: "fcicons";
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
font-weight: normal;
font-style: normal;
}
.fc-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "fcicons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
content: "";
}
.fc-icon-chevron-right:before {
content: "";
}
.fc-icon-chevrons-left:before {
content: "";
}
.fc-icon-chevrons-right:before {
content: "";
}
.fc-icon-minus-square:before {
content: "";
}
.fc-icon-plus-square:before {
content: "";
}
.fc-icon-x:before {
content: "";
}
.fc-icon {
display: inline-block;
width: 1em;
height: 1em;
text-align: center;
}
/* Buttons
--------------------------------------------------------------------------------------------------
*/
/* reset */
.fc-button {
border-radius: 0;
overflow: visible;
text-transform: none;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.fc-button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.fc-button {
-webkit-appearance: button;
}
.fc-button:not(:disabled) {
cursor: pointer;
}
.fc-button::-moz-focus-inner {
padding: 0;
border-style: none;
}
/* theme */
.fc-button {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.4em 0.65em;
font-size: 1em;
line-height: 1.5;
border-radius: 0.25em;
}
.fc-button:hover {
color: #212529;
text-decoration: none;
}
.fc-button:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc-button:disabled {
opacity: 0.65;
}
/* "primary" coloring */
.fc-button-primary {
color: #fff;
background-color: #666;
border-color: #666;
}
.fc-button-primary:hover {
color: #fff;
background-color: #555;
border-color: #555;
}
.fc-button-primary:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc-button-primary:disabled {
color: #fff;
background-color: #666;
border-color: #666;
}
.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
color: #fff;
background-color: #444;
border-color: #444;
}
.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
/* icons within buttons */
.fc-button .fc-icon {
vertical-align: middle;
font-size: 1.5em;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.fc-button-group > .fc-button {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.fc-button-group > .fc-button:hover {
z-index: 1;
}
.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
z-index: 1;
}
.fc-button-group > .fc-button:not(:first-child) {
margin-left: -1px;
}
.fc-button-group > .fc-button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.fc-button-group > .fc-button:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
background-color: #f5f5f5;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
}
.fc-header-toolbar{
font-size: 11px;
}
.fc-toolbar.fc-footer-toolbar {
margin-top: 1.5em;
}
/* inner content */
.fc-toolbar > * > :not(:first-child) {
margin-left: 0.75em;
}
.fc-toolbar h2 {
font-size: 1.75em;
margin: 0;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
position: relative;
font-size: 0.8em;
}
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fc-view,
.fc-view > table {
/* so dragged elements can be above the view's main element */
position: relative;
z-index: 1;
}
@media print {
.fc {
max-width: 100% !important;
}
/* Global Event Restyling
--------------------------------------------------------------------------------------------------*/
.fc-event {
background: #fff !important;
color: #000 !important;
page-break-inside: avoid;
}
.fc-event .fc-resizer {
display: none;
}
/* Table & Day-Row Restyling
--------------------------------------------------------------------------------------------------*/
.fc th,
.fc td,
.fc hr,
.fc thead,
.fc tbody,
.fc-row {
border-color: #ccc !important;
background: #fff !important;
}
/* kill the overlaid, absolutely-positioned components */
/* common... */
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton,
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-mirror-container {
display: none;
}
/* don't force a min-height on rows (for DayGrid) */
.fc tbody .fc-row {
height: auto !important;
/* undo height that JS set in distributeHeight */
min-height: 0 !important;
/* undo the min-height from each view's specific stylesheet */
}
.fc tbody .fc-row .fc-content-skeleton {
position: static;
/* undo .fc-rigid */
padding-bottom: 0 !important;
/* use a more border-friendly method for this... */
}
.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
/* only works in newer browsers */
padding-bottom: 1em;
/* ...gives space within the skeleton. also ensures min height in a way */
}
.fc tbody .fc-row .fc-content-skeleton table {
/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
making it look more like 3em. for other browers, it will already be this tall */
height: 1em;
}
/* Undo month-view event limiting. Display all events and hide the "more" links
--------------------------------------------------------------------------------------------------*/
.fc-more-cell,
.fc-more {
display: none !important;
}
.fc tr.fc-limited {
display: table-row !important;
}
.fc td.fc-limited {
display: table-cell !important;
}
.fc-popover {
display: none;
/* never display the "more.." popover in print mode */
}
/* Vertical Scroller & Containers
--------------------------------------------------------------------------------------------------*/
/* kill the scrollbars and allow natural height */
.fc-scroller,
.fc-day-grid-container,
.fc-time-grid-container {
/* */
overflow: visible !important;
height: auto !important;
}
/* kill the horizontal border/padding used to compensate for scrollbars */
.fc-row {
border: 0 !important;
margin: 0 !important;
}
/* Button Controls
--------------------------------------------------------------------------------------------------*/
.fc-button-group,
.fc button {
display: none;
/* don't display any button-related controls */
}
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
}
/* view wrapper */
.fc-rtl .fc-list-view {
direction: rtl;
/* unlike core views, leverage browser RTL */
}
.fc-list-view {
border: 0;
}
/* table resets */
.fc .fc-list-table {
table-layout: auto;
/* for shrinkwrapping cell content */
}
.fc-list-table td {
border-width: 1px 0 0;
padding: 5px 10px;
}
.fc-list-table tr:first-child td {
border-top-width: 0;
}
/* day headings with the list */
.fc-list-heading {
border-bottom-width: 1px;
}
.fc-list-heading td {
font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
float: left;
}
.fc-ltr .fc-list-heading-alt {
float: right;
}
.fc-rtl .fc-list-heading-main {
float: right;
}
.fc-rtl .fc-list-heading-alt {
float: left;
}
/* event list items */
.fc-list-item.fc-has-url {
cursor: pointer;
/* whole row will be clickable */
}
.fc-list-item-marker,
.fc-list-item-time {
display:none;
white-space: nowrap;
width: 1px;
}
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
padding-left: 0;
}
.fc-list-item-title a {
/* every event title cell has an tag */
text-decoration: none;
color: inherit;
}
.fc-list-item-title a[href]:hover {
/* hover effect only on titles with hrefs */
text-decoration: underline;
}
/* message when no events */
.fc-list-empty-wrap2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-list-empty-wrap1 {
width: 100%;
height: 100%;
display: table;
}
.fc-list-empty {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.fc-unthemed .fc-list-empty {
/* theme will provide own background */
background-color: #eee;
}
.providerlink{
color: #069;
}
.streamingkalender_box{
height: 708px;
}
.streamingkalender_box{
height: 708px;
}
@media (max-width: 667px) {
.streamingkalender_box{
height: 737px !important;
}
}
/* ---------------------------------------------------- */
/* SLUT Streaming-kalender */
/* ---------------------------------------------------- */
.picturecaptiontext{
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
line-height:18px;
}
.qc-cmp-persistent-link{
font-size:9px;
max-height:25px !important;
}
svg {
height: 13px;
width: 12px;
}
@media (max-width: 667px) {
.pricetable {
font-size: 12px !important;
padding: 0.5em 0.5em !important;
}
}
@media (min-width: 361px) and (max-width: 666px) {
h1 {font-size: 1.5em !important;}
h3 {font-size: 20px !important;}
.hero-item {padding-right:0px !important;padding-left:0px !important;}
.hero-item-index {padding-right:0px !important;padding-left:0px !important;}
.contentbox {padding: 0px 0px 10px 0px !important;margin-bottom: 0;}
.contentbox h3{font-size:15px !important;padding-top:0px !important;padding-left:0px !important;padding-right:0px !important;margin-bottom: -4px !important;}
.image.teaser.mobile {
float: left;
width: 40%;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.mobileverticalalign {width:60%;float:left;padding-left:10px;padding-right:5px;}
.forsideboks {margin-bottom:10px !important;padding: 0px !important;}
.mobileoverskrift{font-size:16px !important;padding-top:5px !important;padding-left:0px !important;padding-right:0px !important;margin-bottom: -3px !important;}
.dateauther{font-size:10px !important; padding-right: 0px !important;padding-left: 0px !important;line-height: 21px !important;}
.fullstoryartikel{font-size:14px !important;}
}
@media (max-width: 360px) {
h1 {font-size: 1.4em !important;}
h2.artikeloverskrift {font-size: 24px !important;}
h3 {font-size: 20px !important;}
h4 {font-size: 18px !important;}
.contentboxthumb,
.contentboxthumbsmall {
width: 43% !important;
}
.image.teaser.mobile {
float: left !important;
width: 43% !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.mobileverticalalign {width:57%;float:left;padding-left:10px;padding-right:5px;}
.hero-item {padding-right:0px !important;padding-left:0px !important;}
.contentbox {margin-bottom:10px !important;padding: 0px !important;}
.contentbox h3{font-size:14px !important;padding-top:0px !important;padding-left:0px !important;padding-right:0px !important;margin-bottom: -4px !important;}
.hero-item-index {padding-right:0px !important;padding-left:0px !important;}
.forsideboks {margin-bottom:10px !important;padding: 0px !important;}
.mobileoverskrift{font-size:14px !important;padding-top:5px !important;padding-left:0px !important;padding-right:0px !important;margin-bottom: -3px !important;}
.dateauther{font-size:9px !important; padding-right: 0px !important;padding-left: 0px !important;line-height: 21px !important;}
.dateauthorartikel{font-size:11px !important;}
.fullstoryartikel{font-size:14px !important;}
.fc-toolbar {
font-size: 0.6em !important;
}
.fc-toolbar h2 {
font-size: 12px !important;
}
#iconexplainer {
right: 5px !important;
top: 44px !important;
}
.fc-view-container{
padding-top: 20px;
}
.thumbTVwrapper{
width: 100px !important;
}
a.itemtitlelinkmobile{
font-size: 12px !important;
}
.priceinneralign{
font-size: 2px 0px 0px 4px !important;
}
}
@media (max-width: 550px) {
.topbillede {
max-width:100% !important;
clear:both;
display: initial !important;
height: inherit !important;
max-height:200px !important;
}
.artikelthumbnail {
float: none !important;
padding-right: 0px !important;
padding-top: 7px !important;
padding-bottom:7px;
text-align:center;
}
}
@media (min-width: 361px) and (max-width: 720px) {
h2.artikeloverskrift{
font-size:1.6em !important;
}
}
.billede {
display:none;
}
.row2{margin-right:-15px;margin-left:-15px}
/* ---------------------------------------------------- */
/* Awards CSS */
/* ---------------------------------------------------- */
LI.awardhead{
border-bottom: 2px solid black;
font-weight: bold;
}
LI.award{
padding: 3px;
border-bottom: 1px solid grey;
}
LI.award:hover{
background-color: rgb(229, 229, 229);
}
.visible-div-md {
display: inline-block!important;
}
@media (max-width: 666px){
.hidden-div-sm {
display: none!important;
}
}
@media (min-width: 667px){
.visible-div-md {
display: inline-block!important;
}
}
#div-gpt-ad-1447951423541-0, #div-gpt-ad-1447951423541-1, #div-gpt-ad-1447951423541-2, #div-gpt-ad-1447951423541-3,
#div-gpt-ad-1447951423541-4, #div-gpt-ad-1447951423541-5, #div-gpt-ad-1447951423541-6, #div-gpt-ad-1447951423541-7,
#div-gpt-ad-1447951423541-8, #div-gpt-ad-1447951423541-9, #div-gpt-ad-1447951423541-10, #div-gpt-ad-1447951423541-11,
#div-gpt-ad-1447951423541-12, #div-gpt-ad-1447951423541-13, #div-gpt-ad-1447951423541-14, #div-gpt-ad-1447951423541-15
{
margin: 0 auto;
}
/* ---------------------------------------------------- */
/* Awards CSS */
/* ---------------------------------------------------- */
/* START PRICEBOX */
.pricetable{
overflow:initial;
}
.dropdown-menu.dropdown-menu-right {
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
}
.dropdown.show {
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
float: left;
}
.sizelinklabel{
clear: both;
font-size: 14px;
max-height:36px;
max-width:37px;
padding-bottom:6px;
padding-top:6px;
padding-left:2px;
padding-right:2px;
float:left;
}
.vejlpristext{
color:#999;
font-weight: initial;
font-style: italic;
}
.btn-label {
background-color: #c0c0c0;
border: 0px solid transparent;
}
.label-price {
display: inline;
padding: .4em .6em .5em;
font-size: 80%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
#modelheader{
margin-left:30px;
}
@media (max-width: 666px) {
a.readmorelink{
font-size:12px;
}
a.pricelinktext {
font-size: 12px;
}
.vejlpristext {
font-size: 12px;
}
.dropdown a {
padding: 4px 6px !important;
line-height: 24px;
}
a.inner {
padding: 0px 0px !important;
}
.dropdown-menu{
min-width: 120px !important;
}
#modelheader{
margin-left:41px;
}
.TVheader{
font-size:17px;
}
.pricetable{
font-size:11px;
padding-left: 7px;
padding-right: 7px;
}
#thumbimage {
margin-left: 3px;
font-size: 14px;
}
td.tablespecdata.visible-xs.hidden-sm.hidden-md.hidden-lg {
font-size: 11px;
overflow: visible;
padding-top: 0px;
padding-right: 8px;
}
.insidedropdown {
margin-left: 6px;
font-size: 13px;
line-height: 24px;
}
.insidedropdownlink{
font-size: 13px;
line-height: 24px;
}
a:active#dropdownMenuLink, a:hover#dropdownMenuLink {
color: white;
}
.dropdown>a:after, .dropdown-submenu>a:after {
bottom: 1px !important;
margin-left: 5px !important;
font-size: 11px !important;
position: initial !important;
content: "\f107" !important;
font-weight: 400 !important;
display: inline-block !important;
font-family: "Font Awesome 5 Pro" !important;
}
}
/* SLUT PRICEBOX */
/* ---------------------------------------------------- */
/* CSS Basic */
/* ---------------------------------------------------- */
pre{
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 15px;
line-height: 24px;
white-space: pre-wrap;
margin-top:0px;
}
.fullstoryartikel {
padding-left: 3px;
margin-top: 25px;
}
@media (max-width: 666px){
pre{
font-size: 14px !important;
}
}
body {
background-color: #fff;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 15px;
line-height: 24px;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans',sans-serif;
font-weight: 600;
line-height: 120%;
color: #474747;
margin: 20px 0 17px 0;
text-align: initial;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #474747;
text-decoration: none;
text-align: initial;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #474747;
text-decoration: none;
}
.fullstoryartikel h3 {
margin-top: 5px !important;
margin-bottom: 5px !important;
text-align: initial;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top:0px !important;
margin-bottom:0px !important;
}
h1 {
font-size: 2.3em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
margin-bottom:5px;
margin-top:0px;
}
.note h4 {
font-size: 1.2em;
margin-bottom:17px;
margin-top:20px;
}
.wide-table h4 {
font-size: 1.4em;
margin-bottom:17px;
margin-top:20px;
}
h5 {
font-size: 1.1em;
font-weight: 400;
}
h6 {
font-size: 1em;
font-weight: 400;
}
/* Basic */
a{
text-decoration:none;
color: #069;
outline: none;
}
a:hover {
color: #999;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #999;
}
a.button {
text-decoration: none;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
:focus {
outline: none !important;
}
::-moz-focus-inner {
border: 0 !important;
}
iframe {
border: 0;
}
p.small {
font-size: .9em;
}
.margin-small {
margin-top: 5px;
margin-bottom: 5px;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
dt {
color: #069;
}
dt,
dd {
margin: 2px 0;
}
.primary-color {
color: #069;
}
hr {
display: block;
border-top: 1px solid rgb(236 233 233) !important;
margin: 25px 0;
}
hr.color {
border-color: #069 !important;
}
hr.dotted {
border-style: dotted !important;
}
hr.dashed {
border-style: dashed !important;
}
hr.double {
height: 5px;
border-bottom-width: 1px;
border-bottom-color: #ddd;
border-bottom-style: solid;
}
.nyhedsarkiv{
display:inline;
text-decoration:none;
color:#666;
}
.nyhedsarkiv a{
color:#666;
text-decoration:none;
}
.nyhedsarkiv a:hover{
color:#999;
text-decoration:none;
}
@media (max-width: 460px) {
.anbefalingsrow{
font-size:10px;
}
}
.artikelthumbnail {
float:left;
padding-right:10px;
padding-top: 7px;
}
.topbillede {
display:inline;
height:80px;
max-width:200px;
}
.dateauthorartikel {
font-size:0.8em;
color:#000;
text-transform:none;
color:#909090;
}
.topline{
position: relative;
top: 0px;
left: 0px;
background-color:rgb(245,245,245);
height:55px;
}
.toplogo{
margin-left: auto;
margin-right: auto;
text-align:left;
height:55px;
}
.forsideboks{
margin-bottom:2.2em;
padding: 0px;
background-color: white;
border: 0px solid rgb(216, 216, 216);
}
.forsideboks2{
margin-bottom:2.2em;
padding: 0px;
background-color: white;
border: 0px solid rgb(216, 216, 216);
}
@media (max-width: 991px) {
.forsideboks3{
margin-bottom:2.2em;
padding: 15px;
background-color: white;
border: 0px solid rgb(216, 216, 216);
}
.kategoritekst2{
position: absolute;
left: 3px;
top: -18px;
color: #f1f1f1;
font-size: 10px;
}
.communityindicator2 {
position: absolute;
width: 80px;
background-color: #9a9901;
height: 10px;
left: 0px;
top: -10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.forsideboks3{
margin-bottom:2.2em;
padding: 15px 3px 15px 3px;
background-color: white;
border: 0px solid rgb(216, 216, 216);
}
.kategoritekst2{
position:absolute;
left:15px;
top:-14px;
color: #8C8C8C;
font-size:9pt;
}
.communityindicator2 {
position: absolute;
width: 80px;
background-color: #9a9901;
height: 10px;
left: 0px;
top: -10px;
}
.shortstory3 {
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 15px;
}
}
@media (min-width: 1200px) {
.forsideboks3{
margin-bottom:2.2em;
padding: 15px;
background-color: white;
border: 0px solid rgb(216, 216, 216);
}
.kategoritekst2{
position: absolute;
left: 3px;
top: -17px;
color: #f1f1f1;
font-size: 10px;
}
.communityindicator2 {
position: absolute;
width: 80px;
background-color: #9a9901;
height: 10px;
left: 0px;
top: -10px;
}
.shortstory3 {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 15px;
}
}
.kategoritekst{
position: absolute;
left: 3px;
top: -18px;
color: #f1f1f1;
font-size: 10px;
text-transform: uppercase;
}
.dateauther{
clear:both;
color:#909090;
font-size:0.8em;
padding-left:15px;
padding-right:15px;
}
.seperatorposition {
position: relative;
height:5px;
z-index:98;
left:0px;
}
.newsindicator,
.nyhedindicator{
position: absolute;
width: 60px;
background-color: #069;
height: 11px;
left: 0px;
top: -11px;
}
.focusindicator,
.fokusartikelindicator{
position: absolute;
width: 85px;
background-color: #019a98;
height: 11px;
left: 0px;
top: -11px;
}
.articleindicator,
.oversigtindicator,
.guideindicator,
.konkurrenceindicator,
.artikelindicator{
position: absolute;
width: 60px;
background-color: #019a98;
height: 11px;
left: 0px;
top: -11px;
}
.testindicator {
position: absolute;
width: 60px;
background-color: #993400;
height: 11px;
left: 0px;
top: -11px;
}
.communityindicator {
position: absolute;
width: 60px;
background-color: #9a9901;
height: 11px;
left: 0px;
top: -11px;
}
.shortstory {
line-height:1.3em;
font-size:13px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.shortstory2 {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
h3.forsideoverskrift{
font-size:1.5em;
padding-left: 14px;
padding-right: 14px;
}
.imgresponsive{
display:block;
max-width: 100%;
}
.overviewimg{
display:block;
max-width: 100%;
height:auto;
}
#forumlatest{
clear:both;
margin-left: 2px;
}
.tablecopyrighttext{
font-size: 9px;
text-transform: uppercase;
right: 20px;
bottom:10px;
position: absolute;
color: #999;
}
/* ---------------------------------------------------- */
/* Artificial Reason Class */
/* ---------------------------------------------------- */
.post-title {
font-size: 1.6em;
margin: 0 0 20px 0;
padding-bottom: 10px;
border-bottom: solid 1px #eee;
}
.btn-social {
color: #aaa;
border: solid 1px #aaa;
padding: 8px 0px;
width: 150px;
text-align: center;
margin: 0 5px 5px 0;
display: inline-block;
text-decoration: none;
line-height: 1;
transition: background .25s ease;
}
.btn-social.btn-social-white {
color: #fff !important;
border-color: #fff !important;
}
.btn-social:hover {
text-decoration: none;
background-color: #aaa;
color: #fff;
}
.btn-social:active {
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.2);
}
.btn-social-white {
color: #fff;
border-color: #fff;
transition: all .25s ease;
}
.btn-social-white:hover {
color: #069;
border-color: #069;
background-color: rgba(0, 0, 0, 0.1);
}
.btn-social .fa {
margin: 0 10px 0 0;
font-size: 18px;
}
.btn-social.solid:hover {
text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3);
}
.btn-social.sm {
width: 32px;
height: 32px;
}
.btn-social.lg {
width: 220px;
padding: 12px 0;
}
.btn-social.xl-lg {
width: 400px;
padding: 18px 0;
}
.btn-social.round {
border-radius: 5px;
}
.btn-social.sm .fa {
margin: 0;
}
.btn-social.rss {
color: #ef922f;
border-color: #ef922f;
}
.btn-social.rss:hover,
.btn-social.rss.solid {
color: #fff;
background-color: #ef922f;
}
.btn-social.facebook {
color: #3b5998;
border-color: #3b5998;
}
.btn-social.facebook:hover,
.btn-social.facebook.solid {
color: #fff;
background-color: #3b5998;
}
.btn-social.twitter {
color: #00aced;
border-color: #00aced;
}
.btn-social.twitter:hover,
.btn-social.twitter.solid {
color: #fff;
background-color: #00aced;
}
.btn-social.google-plus {
color: #dd4b39;
border-color: #dd4b39;
}
.btn-social.google-plus:hover,
.btn-social.google-plus.solid {
color: #fff;
background-color: #dd4b39;
}
.btn-social.youtube {
color: #bb0000;
border-color: #bb0000;
}
.btn-social.youtube:hover,
.btn-social.youtube.solid {
color: #fff;
background-color: #bb0000;
}
.btn-social.instagram {
color: #517fa4;
border-color: #517fa4;
}
.btn-social.instagram:hover,
.btn-social.instagram.solid {
color: #fff;
background-color: #517fa4;
}
.social-icon-ar {
display: inline-block;
width: 44px;
height: 44px;
color: #fff;
text-align: center;
font-size: 28px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
margin: 0 20px 20px 0;
}
.social-icon-ar .fa {
padding-top: 10px;
}
.social-icon-ar:hover {
color: #fff;
text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.social-icon-ar.round {
border-radius: 5px;
}
.social-icon-ar.circle {
border-radius: 40px;
}
.social-icon-ar.sm {
width: 25px;
height: 25px;
margin: 0 10px 10px 0;
font-size: 15px;
}
.social-icon-ar.sm .fa {
padding-top: 6px;
}
.social-icon-ar.rss {
background-color: #ef922f;
background-image: linear-gradient(to top, #ef922f, #f3ab5e);
}
.social-icon-ar.twitter {
background-color: #00aced;
background-image: linear-gradient(to top, #00aced, #21c2ff);
}
.social-icon-ar.facebook {
background-color: #3b5998;
background-image: linear-gradient(to top, #3b5998, #4c70ba);
}
.social-icon-ar.instagram {
background-color: #517fa4;
background-image: linear-gradient(to top, #517fa4, #7098b8);
}
.social-icon-ar.google-plus {
background-color: #dd4b39;
background-image: linear-gradient(to top, #dd4b39, #e47365);
}
.social-icon-ar.youtube {
background-color: #bb0000;
background-image: linear-gradient(to top, #bb0000, #ee0000);
}
.icon-ar {
width: 40px;
height: 40px;
font-size: 18px;
background-color: #069;
color: #fff;
border-radius: 2px;
display: inline-block;
margin: 0 5px 5px 0;
text-align: center;
line-height: 2.2;
}
.icon-ar.icon-ar-square {
border-radius: 0;
}
.icon-ar.icon-ar-round {
border-radius: 5px;
}
.icon-ar.icon-ar-circle {
border-radius: 100px;
}
.icon-ar.icon-ar-inverse {
background-color: transparent;
color: #069;
border: solid 1px #069;
}
.icon-ar.icon-ar-inverse.icon-ar-no-border {
width: auto;
height: auto;
line-height: 1;
border: none;
font-size: 60px;
}
.icon-ar.icon-ar-sm {
width: 32px;
height: 32px;
font-size: 16px;
line-height: 2;
}
.icon-ar.icon-ar-lg {
width: 50px;
height: 50px;
font-size: 22px;
line-height: 2.2;
}
.icon-ar.icon-ar-xl-lg {
width: 80px;
height: 80px;
font-size: 36px;
line-height: 2.2;
}
.icon-ar.icon-ar-xxl-lg {
width: 120px;
height: 120px;
font-size: 48px;
line-height: 2.6;
}
.icon-ar.icon-ar-white {
background-color: #fff;
color: #069;
}
.icon-ar.icon-ar-white.icon-ar-inverse {
background-color: transparent;
color: #fff;
border: solid 1px #fff;
}
.icon-ar.icon-ar-danger {
background-color: #d9534f;
}
.icon-ar.icon-ar-warning {
background-color: #f0ad4e;
}
.icon-ar.icon-ar-success {
background-color: #02c66c;
}
.icon-ar.icon-ar-info {
background-color: #54c8eb;
}
.icon-ar.icon-ar-help {
background-color: #ac60d0;
}
.icon-ar.icon-ar-black {
background-color: #333;
}
.icon-ar.icon-ar-inverse.icon-ar-white {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.icon-ar.icon-ar-inverse.icon-ar-danger {
background-color: transparent;
color: #d9534f;
border-color: #d9534f;
}
.icon-ar.icon-ar-inverse.icon-ar-warning {
background-color: transparent;
color: #f0ad4e;
border-color: #f0ad4e;
}
.icon-ar.icon-ar-inverse.icon-ar-success {
background-color: transparent;
color: #02c66c;
border-color: #02c66c;
}
.icon-ar.icon-ar-inverse.icon-ar-info {
background-color: transparent;
color: #54c8eb;
border-color: #54c8eb;
}
.icon-ar.icon-ar-inverse.icon-ar-help {
background-color: transparent;
color: #ac60d0;
border-color: #ac60d0;
}
.icon-ar.icon-ar-inverse.icon-ar-black {
background-color: transparent;
color: #333;
border-color: #333;
}
a > .icon-ar.icon-ar-inverse:hover {
background-color: #069;
color: #fff;
}
.table-striped-primary > tbody > tr:nth-child(odd) > td,
.table-striped-primary > tbody > tr:nth-child(odd) > th {
background-color: #069;
color: #fff;
}
@media (min-width: 992px) {
.content-box{
min-height:580px;
}
}
@media (max-width: 991px) {
.content-box{
min-height:650px;
}
}
.content-box {
display: block;
text-align: center;
padding: 15px;
margin-bottom: 5px;
}
.content-box.box-default {
background-color: #f6f6f6;
border: solid 1px #e5e5e5;
}
.content-box.box-default:hover {
background-color: #f3f3f3;
}
.content-box.box-primary .content-box-title,
.content-box.box-info .content-box-title,
.content-box.box-success .content-box-title,
.content-box.box-warning .content-box-title,
.content-box.box-danger .content-box-title,
.content-box.box-royal .content-box-title {
color: #fff;
}
.content-box-title.counter {
font-size: 3em;
color: #333;
margin-top: 0;
}
.content-box.box-primary {
background-color: #069;
color: #fff;
border: solid 1px #005174;
}
.content-box.box-success {
background-color: #02c66c;
color: #fff;
border: solid 1px #016135;
}
.content-box.box-info {
background-color: #54c8eb;
color: #fff;
border: solid 1px #179bc2;
}
.content-box.box-warning {
background-color: #f0ad4e;
color: #fff;
border: solid 1px #c77c11;
}
.content-box.box-danger {
background-color: #d9534f;
color: #fff;
border: solid 1px #a02622;
}
.content-box.box-royal {
background-color: #ac60d0;
color: #fff;
border: solid 1px #792e9c;
}
.content-box.box-primary:hover {
background-color: #0087c1;
}
.content-box.box-success:hover {
background-color: #02ad5e;
}
.content-box.box-info:hover {
background-color: #3dc1e8;
}
.content-box.box-warning:hover {
background-color: #eea236;
}
.content-box.box-danger:hover {
background-color: #d43f3a;
}
.content-box.box-royal:hover {
background-color: #a24cca;
}
/* ---------------------------------------------------- */
/* Bootstrap Elements */
/* ---------------------------------------------------- */
.progress-bar {
border-top-right-radius: 15px !important;
border-bottom-right-radius: 15px !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.progress {
border-top-right-radius: 15px !important;
border-bottom-right-radius: 15px !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.progress-sm {
height: 10px;
}
.progress-xs {
height: 5px;
}
.progress-lg {
height: 30px;
}
.progress-lg .progress-bar {
line-height: 30px;
}
.progress-bar {
background-color: #069;
}
.progress-bar-success {
background-color: #02c66c;
}
.progress-bar-info {
background-color: #54c8eb;
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-bar-royal {
background-color: #ac60d0;
}
.popover {
border-radius: 0;
}
.panel-border {
background-color: #f5f5f5;
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
border: 0;
padding: 10px;
}
.panel-border .panel-body {
background-color: #fff;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
/* ---------------------------------------------------- */
/* Score CSS box */
/* ---------------------------------------------------- */
.panel-heading.score
{
border-radius: 15px;
}
.panel.score
{
border-radius: 15px;
}
.modal-content {
border-radius: 0px;
}
.modal-body.no-padding {
padding: 0;
}
.modal-open #sb-site {
position: static !important;
overflow: hidden !important;
width: auto !important;
height: auto !important;
-webkit-transform: none !important;
transform: none !important;
}
.modal-open {
position: static !important;
overflow: hidden !important;
width: auto !important;
height: auto !important;
}
.nav-tabs.nav-tabs-transparent li a {
font-size: 1.3em;
color: #7e8488;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
border-right: solid 1px #ddd;
font-family: 'Open Sans',sans-serif;
transition: all .25s ease;
}
.nav-tabs.nav-tabs-transparent li a:hover {
background-color: #e5e5e5;
}
.nav-tabs.nav-tabs-transparent li.active a,
.nav-tabs.nav-tabs-transparent li.active a:hover,
.nav-tabs.nav-tabs-transparent li.active a:focus {
background-image: linear-gradient(to top, #0087c1, #069);
color: #fff;
border-bottom: solid 0px #ddd;
}
.nav-tabs.nav-tabs-ar {
border-top: solid 3px #e5e5e5;
border-right: solid 0px #e5e5e5;
font-family: 'Open Sans',sans-serif;
background-color: #fafafa;
}
.nav-tabs.nav-tabs-ar li a {
margin-top: -3px;
margin-right: 0;
margin-left: 0;
border-radius: 0;
color: #555;
transition: padding 0.2s, border-top 0.2s;
-moz-transition: padding 0.2s, border-top 0.2s;
-webkit-transition: padding 0.2s, border-top 0.2s;
padding-right: 5px;
padding-left: 5px;
background-color: #fafafa;
margin-left: -1px;
border: 0;
border-bottom: solid 0px #e5e5e5;
}
.nav-tabs.nav-tabs-ar li:first-child a {
}
.nav-tabs.nav-tabs-ar li:first-child a {
margin-left: 0px;
}
.nav-tabs.nav-tabs-ar li a:hover{
background-color: #e0e0e0 !important;
color: #fff !important;
border:0;
}
.nav-tabs.nav-tabs-ar li.active a,
.nav-tabs.nav-tabs-ar li.active a:focus {
background-color: #ffffff;
border:0;
padding-left:10px;
padding-right:10px;
font-weight: 500;
}
.nav-tabs.nav-tabs-ar li.active a {
position: relative;
z-index: 2;
}
.nav-tabs.nav-tabs-ar li a:hover {
position: relative;
z-index: 1;
border-bottom-color: #e5e5e5;
border-top-color: #000;
}
@media (min-width: 370px) {
.nav-tabs.nav-tabs-ar li a {
padding-right: 10px;
padding-left: 10px;
}
}
.nav-tabs.nav-tabs-ar + .tab-content {
padding: 15px;
border-left: solid 0px #e5e5e5;
border-right: solid 0px #e5e5e5;
border-bottom: solid 0px #e5e5e5;
overflow: hidden;
background-color: #ffffff;
}
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li a,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li a:hover,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li.active a,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li.active a:hover,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white li.active a:focus,
.nav-tabs.nav-tabs-ar.nav-tabs-ar-white + .tab-content {
background-color: #fff;
}
.nav-tabs.nav-tabs-ar li a i {
font-size: 1.2em;
}
.nav-tabs + .tab-content {
padding: 15px;
border-left: solid 0px #e5e5e5;
border-right: solid 0px #e5e5e5;
border-bottom: solid 0px #e5e5e5;
overflow: hidden;
}
.nav-tabs li a {
border-radius: 2px;
}
.nav-tabs.nav-tabs-round li a {
border-radius: 5px 5px 0 0;
}
.nav-tabs li a:hover {
background-color: #f5f5f5;
}
.label {
text-shadow: none;
font-family: "Open Sans";
}
.label-primary {
background-color: #069;
}
.label-success {
background-color: #02c66c;
}
.label.menu {
display: inline;
padding: .2em .6em .3em;
font-size: 75% !important;
font-weight: 700;
line-height: 1 !important;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label-warning {
background-color: #f0ad4e;
}
.label-danger {
background-color: #d9534f;
}
.label-info {
background-color: #54c8eb;
}
.label-royal {
background-color: #ac60d0;
}
.badge-square {
border-radius: 0;
}
.badge-round {
border-radius: 2px;
}
.badge-primary {
background-color: #069;
color: #fff;
}
.alert {
border-radius: 0px;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
color: inherit;
margin: 0px 0 5px 0;
font-weight: 400;
}
.alert i {
font-size: 1.2em;
margin-right: 5px;
}
.alert > .close {
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=30);
opacity: .3;
}
.alert-primary > .close {
color: #999;
text-shadow: none;
filter: alpha(opacity=80);
opacity: .8;
}
.alert-success {
background-color: #ddffef;
border: solid 1px #02c66c;
}
.alert-warning {
background-color: #fceedb;
border: solid 1px #f0ad4e;
}
.alert-danger {
background-color: #f4cecd;
border: solid 1px #d9534f;
}
.alert-royal {
background-color: #ead6f3;
border: solid 1px #ac60d0;
color: #792e9c;
}
.alert-primary {
background-color: #f3f3f3;
border-color: #e0e0e0;
text-align: initial;
}
.alert.alert-border {
border-left-width: 5px !important;
border-right-width: 5px !important;
}
.alert.alert-primary.alert-border {
border-color: #005174;
}
.well {
border-radius: 2px;
background-color: #f3f3f3;
border-color: #e0e0e0;
}
.nav-pills > .active > a > .badge {
color: #fff;
background-color: #069;
}
.list-group-sm li,
.list-group-sm a {
padding-top: 5px;
padding-bottom: 5px;
}
.list-group-item-success {
background-color: #d3ffea;
color: #017a43;
}
.list-group-item-warning {
background-color: #fceedb;
color: #df8a13;
}
.list-group-item-danger {
background-color: #f8dede;
color: #b52b27;
}
.list-group-item-info {
background-color: #d4f1fa;
color: #19add9;
}
.list-group-item-royal {
background-color: #f2e6f8;
color: #8834b0;
}
.list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.list-group-striped li:nth-child(odd) {
background-color: #eee;
}
a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none;
background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #069;
border-color: #069;
}
input {
border-radius: 0 !important;
box-shadow: none;
}
.form-control {
display: block;
border-radius: 0;
width: 100%;
height: 36px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control:focus {
border-color: #069;
box-shadow: none;
}
textarea.form-control,
select.form-control {
border-radius: 0;
}
textarea.form-control:focus {
border-color: #069;
}
.input-group-addon {
border-radius: 0;
background-color: #069;
border-color: #008bc6;
color: #fff;
}
.has-success .royal-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #019450;
}
.has-success .form-control {
border-color: #02c66c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #019450;
box-shadow: none;
}
.has-success .input-group-addon {
color: #02c66c;
background-color: #dff0d8;
border-color: #02c66c;
}
.has-success .form-control-feedback {
color: #02c66c;
}
.has-warning .royal-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
color: #ec971f;
}
.has-warning .form-control {
border-color: #f0ad4e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #c77c11;
box-shadow: none;
}
.has-warning .input-group-addon {
color: #f0ad4e;
background-color: #dff0d8;
border-color: #f0ad4e;
}
.has-warning .form-control-feedback {
color: #f0ad4e;
}
.has-error .royal-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #c9302c;
}
.has-error .form-control {
border-color: #d9534f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #a02622;
box-shadow: none;
}
.has-error .input-group-addon {
color: #d9534f;
background-color: #dff0d8;
border-color: #d9534f;
}
.has-error .form-control-feedback {
color: #d9534f;
}
.form-group .glyphicon {
margin-top: 5px;
}
.jumbotron {
padding: 20px 30px;
margin-bottom: 30px;
color: inherit;
background-color: #f5f5f5;
border-radius: 0;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
border-top: solid 5px #069;
border-bottom: solid 5px #069;
overflow: hidden;
}
.container .jumbotron {
border-radius: 0px;
}
.jumbotron p {
font-size: 1.2em;
font-weight: 400;
}
.lead {
font-weight: 400;
font-family: 'Open Sans',sans-serif;
}
.lead-lg {
font-size: 1.8em;
font-weight: 300;
}
.lead-lg strong {
font-weight: 400;
}
.lead-sm {
font-size: 1.2em;
}
.lead-hand {
font-size: 1.3em;
font-family: 'Indie Flower', cursive;
line-height: 170%;
}
.dropdown-submenu {
position: relative;
}
.dropdown.dropdown-inverse a {
color: #fff;
}
.dropdown.dropdown-inverse a:hover {
color: #fff;
background-image: linear-gradient(to top, #0087c1, #069);
}
.dropdown.dropdown-inverse ul {
background-color: #333;
color: #fff;
border-color: #222;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 0 0px rgba(255, 255, 255, 0.75);
}
.dropdown.dropdown-inverse .divider {
background-color: #555;
}
.dropdown.dropdown-inverse .dropdown-header {
border-color: #555;
box-shadow: none;
color: #ccc;
}
.dropdown > a:after,
.dropdown-submenu > a:after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
.dropdown > a:after {
top: 18px;
right: 15px;
content: "\f107";
font-family: "Font Awesome 5 Pro";
}
.dropdown-submenu > .dropdown-menu {
top: -1px;
left: 100%;
margin-top: -5px;
margin-left: 0px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
@media (max-width: 666px) {
.dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
.dropdown > a {
border-bottom: solid 1px #ddd;
margin: 0;
}
.dropdown.open > a,
.dropdown.open > a:focus,
.dropdown.open > a:active {
border-bottom: solid 1px #ddd;
}
.dropdown a {
padding: 0 6px;
}
.dropdown-submenu {
padding: 0;
margin-top: -5px;
}
.dropdown-submenu a {
padding: 5px 0;
margin: 0;
}
.nav .dropdown-submenu > a:after {
content: " ";
}
.nav .dropdown > a:after {
top: 27px;
right: 15px;
content: "\f107";
font-family: "Font Awesome 5 Pro";
}
.nav .dropdown.open > a:after {
top: 27px;
right: 15px;
content: "\f107";
font-family: "Font Awesome 5 Pro";
}
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.dropdown-header {
text-align: center;
border-bottom: solid 1px #e5e5e5;
border-top: solid 1px #e5e5e5;
padding: 6px 0;
margin: 9px 0;
}
.main-header .container {
position: relative;
}
@media (max-width: 500px) {
.main-header .breadcrumb {
display: none !important;
}
}
.main-header .breadcrumb {
margin: 0;
display: inline-block;
background: none;
color: #fff;
font-size: 1.1em;
position: absolute;
top: 0px;
right: 10px;
}
.main-header .breadcrumb li {
color: #eee;
}
.main-header .breadcrumb li.current_item {
color: #eee;
}
.main-header .breadcrumb a {
color: #fff;
}
.main-header .breadcrumb a:hover {
text-decoration: none;
border-bottom: solid 1px #fff;
}
.breadcrumb > li + li:before {
padding: 0 6px 0 5px;
content: "\00bb";
}
.main-header .breadcrumb > li + li:before {
color: #fff;
}
.nav-pills > li > a {
border-radius: 0px;
color: #333;
}
.nav-pills.nav-stacked > li.active > a,
.nav-pills.nav-stacked > li.active > a:hover,
.nav-pills.nav-stacked > li.active > a:focus {
border-left: solid 3px #000;
background-color: #eee;
color: #333;
}
.nav-pills.nav-stacked > li > a {
border-left: solid 3px #069;
}
.nav-pills.nav-stacked > li > a:hover {
border-left: solid 3px #000;
}
.nav-stacked > li + li {
margin: 0;
}
.nav-stacked {
background-color: #f9f9f9;
border: solid 1px #eee;
}
.thumbnail {
border-radius: 0px;
position: relative;
transition: all .25s ease;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #069;
}
.thumbnail.thumbnail-round {
border-radius: 5px;
}
.thumbnail.thumbnail-round > img {
border-radius: 5px;
}
/* Caption */
.img-caption-ar {
position: relative;
padding: 5px;
border: solid 1px #ddd;
margin-bottom: 20px;
color: #fff;
width: 100%;
}
.img-caption-ar img {
width: 100%;
}
.caption-ar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
transition: all .25s ease;
}
.caption-ar .caption-content {
width: 80%;
height: 150px;
left: 10%;
top: 40%;
margin-top: -20px;
position: absolute;
text-align: center;
visibility: hidden;
transition: all .50s ease;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.caption-ar:hover .caption-content {
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.caption-ar:hover {
background-color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
.caption-ar .caption-content a {
background-color: rgba(128, 128, 128, 0.5);
padding: 10px 10px 8px 10px;
color: #fff;
border: solid 1px #999;
text-decoration: none;
margin-bottom: 10px !important;
display: inline-block;
transition: all .25s ease;
}
.caption-ar .caption-content a:hover {
background-color: rgba(200, 200, 200, 0.5);
}
.caption-ar .caption-content a i {
margin-right: 10px;
}
.caption-ar .caption-content .caption-title {
padding: 0;
color: #fff;
margin: 0 auto;
text-align: center;
font-size: 1.5em;
}
.caption-ar .caption-content .caption-title + p {
margin-top: 5px;
}
/* ---------------------------------------------------- */
/* Navbar */
/* ---------------------------------------------------- */
.navbar-default {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.75);
background-image: linear-gradient(to top, #ececec, #f4f4f4);
margin-bottom: 0;
border-bottom: 0;
}
.navbar-default .navbar-brand {
font-size: 28px;
font-weight: 300;
text-transform: lowercase;
font-family: "Muli", sans-serif;
word-spacing: -6px;
-webkit-text-stroke: 0.01em;
background-image: url("../img/colors/blue/logo.png");
background-position: left center;
background-repeat: no-repeat;
padding-left: 45px;
color: #000;
}
@media (min-width: 360px) and (max-width: 667px) {
.navbar-default .navbar-brand {
margin-left: 10px;
}
}
@media (max-width: 400px) {
.navbar-default .navbar-brand {
background: none;
padding-left: 0;
}
}
.navbar-default .navbar-brand span {
color: #069;
}
.dropdown-menu li a {
position: relative;
}
.dropdown-menu li a i {
margin-right: 5px;
}
.dropdown-menu li a .label {
position: absolute;
right: 10px;
top: 8px;
}
.dropdown-menu li a:hover .label {
background-color: #fff;
color: #069;
}
@media (min-width: 667px) {
/*Navbar Collapse*/
.navbar-collapse {
padding: 0;
}
/*Navbar*/
.navbar-default .navbar-nav > li > a {
padding-top: 16px;
padding-bottom: 15px;
margin-top: -1px;
color: #777;
font-family: 'Open Sans',sans-serif;
font-size: 16px;
font-weight: 400;
}
.navbar-default .navbar-nav > li.dropdown > a {
padding-right: 30px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a {
background-color: #069;
background-image: linear-gradient(to top, #0087c1, #069);
color: #fff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #069;
background-image: linear-gradient(to top, #0087c1, #069);
color: #fff;
}
/*Dropdown Menu*/
.dropdown-menu {
padding: 0;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
margin-top: 0px !important;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
}
.dropdown-menu li a {
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
}
.dropdown-menu .active > a,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu li > a:active {
background-color: #069;
background-image: linear-gradient(to top, #0087c1, #069);
color: #fff;
}
}
@media (min-width: 667px) and (max-width: 842px) {
.navbar-default .navbar-nav > li > a {
font-size: 15px;
padding-left: 8px;
padding-right: 8px;
}
.navbar-default .navbar-nav > li.dropdown > a {
padding-right: 25px;
}
.dropdown > a:after {
right: 10px;
}
.navbar-default .navbar-brand {
font-size: 1.9em;
word-spacing: -5px;
-webkit-text-stroke: 0.007em;
background-image: none;
padding-left: 5px;
}
}
.navbar-header .navbar-toggle {
margin: 0;
padding: 8px 12px 4px 12px;
background-color: #555;
background-image: linear-gradient(to top, #4d4d4d, #666666);
border: none;
border-radius: 0;
color: #fff;
position: absolute;
left: 0px;
height: 50px;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
background-color: #0087c1;
}
.navbar-header .navbar-toggle i {
margin: 0;
padding: 0;
line-height: 100%;
font-size: 1.5em;
}
.sb-icon-navbar i {
background-color: #069;
/*background-image: linear-gradient(to top, #4d4d4d, #666666);*/
color: #fff;
padding: 11px;
margin-left: 15px;
vertical-align: middle;
font-size: 1.5em;
padding: 15px 14px 14px 14px;
height: 50px;
}
@media (min-width: 667px) and (max-width: 842px) {
.navbar-right {
float: left !important;
}
}
@media (max-width: 991px) {
.sb-icon-navbar i {
position: absolute;
right: 0;
top: -1px;
margin: 0;
}
}
@media (max-width: 666px) {
.navbar-default .navbar-brand {
font-size: 1.7em;
word-spacing: -4px;
margin-left: 60px;
}
}
/* ---------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------- */
.footer {
background-color:#E0E0E0;
border-top:1px solid rgb(219, 219, 219);
margin-top:20px;
}
#footer-widgets {
background-color: #444;
color: #eee;
padding: 0px 0 20px 0;
margin-top: 30px;
border-top: solid 1px #ccc;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}
.footer-widget-title {
font-size: 1em;
color: #474747;
}
#footer-widgets a {
color: #eee;
text-decoration: none;
transition: all .25s ease;
}
#footer-widgets a:hover {
color: #999;
}
#footer {
background-color: #333;
color: #ccc;
padding: 17px 0;
text-align: center;
border-top: solid 1px #555;
}
#footer a {
color: #069;
text-decoration: none;
}
#footer a:hover {
color: #069;
}
#footer p {
margin: 0;
padding: 0;
line-height: 100%;
}
.footer-widget .media {
margin-bottom: 10px;
}
.footer-widget .media .media-heading {
font-size: 1.1em;
line-height: 1.3em;
}
.footer-widget small {
color: #ccc;
font-style: oblique;
}
.footer-widget .thumbnail {
border-color: #666;
background-color: rgba(0, 0, 0, 0.2);
}
.input-group > input[type="text"] {
height: 34px;
position: relative;
z-index: 3;
}
input.input-lg[type="text"],
input.input-lg[type="password"] {
height: 35px !important;
}
/* ---------------------------------------------------- */
/* Index Page */
/* ---------------------------------------------------- */
.home-devices {
padding-top: 20px;
}
@media (min-width: 1200px) {
.home-devices {
padding-top: 80px;
}
}
.icon-devices {
margin: 30px 0 20px 0px;
font-size: 3em;
text-align: center;
padding: 0;
}
.icon-devices li {
list-style-type: none;
list-style-position: outside;
display: inline-block;
}
.icon-devices li a {
color: #777;
margin-right: 10px;
}
.icon-devices li a:hover {
color: #666;
}
.icon-devices li.active a {
color: #069;
}
/*-------------------------------------------------------------------*/
/* Sidebar */
/*-------------------------------------------------------------------*/
.block {
margin-bottom: 40px;
}
.block .nav > li > a > i {
font-size: 1.3em;
}
.block ul {
padding: 0;
}
.block ul.simple li {
list-style-type: none;
margin: 3px 0;
}
.block ul.simple li a {
border-left: solid 2px #069;
padding-left: 20px;
}
.block ul.simple li a:hover {
border-color: #000000;
}
.block ul.simple li ul {
padding-left: 20px;
}
.post-sidebar {
padding: 0;
}
.post-sidebar li {
list-style-type: none;
overflow: hidden;
margin-bottom: 20px;
}
.post-sidebar img {
float: left;
padding: 5px;
border: solid 1px #ccd;
background-color: #ddd;
margin-right: 10px;
}
.post-sidebar h4 {
margin: 0;
padding: 0;
line-height: 140%;
font-size: 1.1em;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.post-sidebar .date {
margin-top: 10px;
color: #666;
display: block;
}
.tags-cloud a {
border: solid 1px #ddd;
padding: 3px 5px;
margin: 2px;
display: inline-block;
font-size: .9em;
color: #069;
text-decoration: none;
}
.tags-cloud a:hover {
background-color: #069;
color: #fff;
}
.comments-sidebar {
padding: 0;
margin: 0;
}
.comments-sidebar li {
list-style-type: none;
margin: 10px 0;
overflow: hidden;
}
.comments-sidebar li:nth-child(2n) img {
border-radius: 50px;
float: left;
margin-right: 10px;
}
.comments-sidebar li:nth-child(2n+1) img {
border-radius: 50px;
float: right;
margin-left: 10px;
}
.comments-sidebar li h4 {
font-size: 1em;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 140%;
}
/*-------------------------------------------------------------------*/
/* Masonry Blog */
/*-------------------------------------------------------------------*/
.masonry-item.blog-item hr {
margin: 0 0 10px 0;
}
.masonry-item.blog-item .btn {
margin-top: 5px;
}
.masonry-item.blog-item .img-responsive {
width: 100%;
}
.masonry-item.blog-item .autor-post img {
width: 45px;
height: 45px;
border-radius: 200px;
margin-right: 10px;
}
/*-------------------------------------------------------------------*/
/* Header full */
/*-------------------------------------------------------------------*/
.header-full {
background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);
}
.header-full-title {
float: left;
overflow: hidden;
padding-left: 75px;
background-image: url("../img/colors/blue/logo_big.png");
background-repeat: no-repeat;
background-position: left center;
}
.header-full-title h1 {
margin-bottom: 5px;
margin-top: 15px;
font-family: "Muli";
word-spacing: -7px;
color: #000;
font-size: 32px;
}
.header-full-title h1 a {
color: #000;
text-decoration: none;
}
.header-full-title h1 span,
.header-full-title h1 span a {
color: #069;
}
.header-full-title p {
margin-bottom: 15px;
font-size: 1.2em;
text-align: center;
}
.top-nav {
float: right;
position: relative;
}
.top-nav .dropdown {
display: inline-block;
margin-left: 20px;
z-index: 60000000;
vertical-align: top;
}
.top-nav .dropdown a {
margin: 0;
padding: 0;
display: inline-block;
padding: 7px 10px;
color: #000;
text-decoration: none;
background-color: #f1f1f1;
box-shadow: inset 0 0 1px #ffffff;
border: solid 1px #e3e6e8;
border-top: 0;
}
.top-nav .dropdown > a:after {
content: none;
}
.top-nav .dropdown a i {
font-size: 1.2em;
color: #444;
}
.dropdown-search-box,
.dropdown-login-box {
overflow: hidden;
padding: 10px;
min-width: 300px;
box-shadow: none;
}
.dropdown-search-box .form-group,
.dropdown-login-box {
margin: 0;
}
.dropdown-login-box h4 {
margin: 5px 0 10px 0;
}
.dropdown-login-box .btn {
margin-top: 10px;
}
.top-nav-social {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
margin-left: 20px;
background-color: #f1f1f1;
box-shadow: inset 0 0 1px #ffffff;
border: solid 1px #e3e6e8;
border-top: 0;
overflow: hidden;
}
.top-nav-social li {
float: left;
margin: 0;
}
.top-nav-social a {
font-size: 1.5em;
margin: 0;
color: #444;
display: inline-block;
padding: 7px 10px;
min-width: 40px;
text-align: center;
transition: all .25s ease;
}
.top-nav-social a.twitter:hover {
background-color: #00aced;
color: #fff;
}
.top-nav-social a.facebook:hover {
background-color: #3b5998;
color: #fff;
}
.top-nav-social a.instagram:hover {
background-color: #517fa4;
color: #fff;
}
.top-nav-social a.rss:hover {
background-color: #ef922f;
color: #fff;
}
.top-nav-social a.linkedin:hover {
background-color: #007bb6;
color: #fff;
}
.top-nav-social a.git:hover {
background-color: #666666;
color: #fff;
}
.top-nav-social a.google-plus:hover {
background-color: #dd4b39;
color: #fff;
}
.top-nav-social a.youtube:hover {
background-color: #bb0000;
color: #fff;
}
.top-nav-social a.pinterest:hover {
background-color: #cb2027;
color: #fff;
}
.top-nav-social a.wordpress:hover {
background-color: #4597be;
color: #fff;
}
.top-nav-social a.flickr:hover {
background-color: #ff0084;
color: #fff;
}
.top-nav-social a.vine:hover {
background-color: #00b48a;
color: #fff;
}
.top-nav-social a.dribbble:hover {
background-color: #f26798;
color: #fff;
}
.top-nav-social a.foursquare:hover {
background-color: #0072b1;
color: #fff;
}
.top-nav-social a.tumblr:hover {
background-color: #32506d;
color: #fff;
}
/* ----- */
.navbar-header-full {
background-color: #f0f0f0;
background-image: none;
box-shadow: none;
border-top: solid 1px #ddd;
}
.navbar-header-full.navbar-inverse {
border-top: solid 1px #069;
}
.navbar-header-full.navbar-dark {
border-top: solid 1px #444;
}
.navbar-default.navbar-inverse + .main-header {
background-color: #fff;
border-bottom: solid 1px #ddd;
color: #333;
}
.navbar-default.navbar-inverse + .main-header .page-title,
.navbar-default.navbar-inverse + .main-header a {
color: #333;
border-color: #333;
}
.navbar-default.navbar-inverse + .main-header .breadcrumb > li + li:before {
color: #888;
}
.navbar-default.navbar-inverse + .main-header li.active,
.navbar-default.navbar-inverse + .main-header li.current_item {
color: #000;
border-color: #000;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
background-color: #0087c1;
}
@media (max-width: 666px) {
.navbar-default .navbar-nav {
margin-top: 0;
margin-bottom: 0;
display:none;
}
.navbar-dark .navbar-collapse {
border-color: #555;
}
.navbar-dark .dropdown > a {
border-bottom: solid 1px #555;
margin: 0;
}
.dropdown-menu a {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.navbar-dark .dropdown-menu a {
color: #fff !important;
}
.navbar-dark .dropdown-submenu.active > a,
.navbar-dark .dropdown-menu .active > a {
background-color: #069 !important;
}
.navbar-dark .dropdown.active > a,
.navbar-dark .dropdown a:hover,
.navbar-dark .dropdown a:focus,
.navbar-dark .dropdown.active a:hover,
.navbar-dark .dropdown.active a:focus {
background-color: #069 !important;
}
.navbar-dark .dropdown.open > a,
.navbar-dark .dropdown.open > a:focus,
.navbar-dark .dropdown.open > a:active {
border-bottom: none;
background-color: #069;
}
.navbar-dark .dropdown-submenu .dropdown-menu li > a {
color: #fff !important;
}
.navbar-dark .dropdown-submenu .dropdown-menu li > a:hover {
background-color: #069 !important;
}
.dropdown-submenu {
margin-left: -15px;
}
}
/* Navbar Inverse */
.navbar-inverse {
background-color: #069;
background-image: none;
color: #fff;
box-shadow: none;
}
.navbar-inverse .navbar-brand {
background-image: url("../img/logo_white.png");
}
.navbar-inverse .navbar-brand {
color: #fff;
}
.navbar-inverse .navbar-brand span {
color: #fff;
}
.navbar-inverse a {
background-image: none;
}
.navbar-default.navbar-inverse .navbar-nav > li > a:hover,
.navbar-default.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-default.navbar-inverse .navbar-nav > .active > a {
background-image: none;
color: #fff;
}
.navbar-default.navbar-inverse .navbar-nav > li > a,
.navbar-default.navbar-inverse .navbar-nav > li > a:hover,
.navbar-default.navbar-inverse .navbar-nav > li > a:focus,
.navbar-default.navbar-inverse .navbar-nav > .active > a,
.navbar-default.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-default.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
}
.navbar-default.navbar-inverse .navbar-nav > li > a:hover,
.navbar-default.navbar-inverse .navbar-nav > li > a:focus,
.navbar-default.navbar-inverse .navbar-nav > .active > a,
.navbar-default.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-default.navbar-inverse .navbar-nav > .active > a:focus .navbar-default.navbar-inverse .navbar-nav > .open > a,
.navbar-default.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-default.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #444;
background-image: none;
color: #fff;
}
.navbar-default.navbar-inverse + .main-header {
background-color: #f1f1f1;
border-bottom: solid 1px #ddd;
color: #333;
}
.navbar-default.navbar-inverse + .main-header .page-title,
.navbar-default.navbar-inverse + .main-header a {
color: #333;
border-color: #333;
}
.navbar-default.navbar-inverse + .main-header .breadcrumb > li + li:before {
color: #888;
}
.navbar-default.navbar-inverse + .main-header li.active,
.navbar-default.navbar-inverse + .main-header li.current_item {
color: #000;
border-color: #000;
}
.navbar-inverse .dropdown .dropdown-menu {
background-color: #444;
color: #fff;
border-color: #555;
box-shadow: none;
}
.navbar-inverse .dropdown .dropdown-menu a {
color: #fff;
background-image: none;
}
.navbar-inverse .dropdown .dropdown-menu a:hover,
.navbar-inverse .dropdown .dropdown-menu a:focus {
color: #fff;
}
.navbar-dark .dropdown .dropdown-menu .active > a:hover,
.navbar-dark .dropdown .dropdown-menu .active > a:focus,
.navbar-inverse .dropdown .dropdown-menu .active > a:hover,
.navbar-inverse .dropdown .dropdown-menu .active > a:focus {
background-color: #069;
}
.navbar-inverse .dropdown .divider {
background-color: #555;
}
.navbar-inverse .dropdown .dropdown-header {
color: #fff;
border-color: #555;
}
.navbar-inverse .sb-icon-navbar i {
background-color: #333;
background-image: none;
}
.navbar-inverse .navbar-header .navbar-toggle {
background-color: #333;
background-image: none;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
background-color: inverseen(#333333, 5%);
}
.header-full-dark + .navbar-inverse {
border-color: #069;
}
@media (max-width: 666px) {
.navbar-inverse .navbar-collapse {
border-color: #555;
background-color: #444;
}
.navbar-inverse .dropdown > a {
border-bottom: solid 1px #555;
margin: 0;
}
.dropdown-menu a {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.navbar-inverse .dropdown-menu a {
color: #fff !important;
}
.navbar-inverse .dropdown-submenu.active > a,
.navbar-inverse .dropdown-menu .active > a {
background-color: #333 !important;
}
.navbar-inverse .dropdown.active > a,
.navbar-inverse .dropdown a:hover,
.navbar-inverse .dropdown a:focus,
.navbar-inverse .dropdown.active a:hover,
.navbar-inverse .dropdown.active a:focus {
background-color: #333 !important;
}
.navbar-inverse .dropdown.open > a,
.navbar-inverse .dropdown.open > a:focus,
.navbar-inverse .dropdown.open > a:active {
border-bottom: none;
background-color: #333;
}
.navbar-inverse .dropdown-submenu .dropdown-menu li > a {
color: #fff !important;
}
.navbar-inverse .dropdown-submenu .dropdown-menu li > a:hover {
background-color: #333 !important;
}
}
/*-------------------------------------------------------------------*/
/* Megamenu */
/*-------------------------------------------------------------------*/
.megamenu {
padding: 15px 0 0 0 !important;
background-color: #f2f2f2;
border: solid 1px #f0f0f0;
color: #333;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);
}
.dropdown-megamenu {
border: 0;
margin: 0;
padding: 0;
background-color: transparent !important;
}
.megamenu-section {
margin-bottom: 15px;
}
.megamenu .megamenu-title {
margin-top: 0;
margin-bottom: 5px;
}
.megamenu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}
.megamenu li {
margin: 0;
padding: 0;
}
.megamenu li a {
margin: 0;
padding: 0;
color: #333 !important;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 12.5px;
transition: all .15s ease;
}
.megamenu li a:hover,
.megamenu li a:focus {
color: #069 !important;
background-color: transparent;
text-decoration: none;
}
/*------------------*/
.wrap-primary-plan {
background-image: url("../img/plan.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
color: #fff;
}
#primary-plan {
font-family: "Muli";
text-align: center;
color: #fff;
padding: 10px 20px;
margin: 20px auto;
display: block;
}
#primary-plan h1 {
font-family: "Muli";
font-weight: 300;
font-size: 2.6em;
color: #fff;
}
.wrap-pointers {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAE0lEQVQIW2NkYGD4D8SMjEACDAAOKQEDKKNmJgAAAABJRU5ErkJggg==) repeat;
}
.content-box-trans {
background-color: rgba(0, 0, 0, 0.5) !important;
border: 0 !important;
}
/*-------------------------------------------------------------------*/
/* wrap-polygon */
/*-------------------------------------------------------------------*/
.overlay {
z-index: 2;
background-color: #fff;
position: relative;
padding-top: 40px;
border-top: solid 1px #ddd;
}
.wrap-polygons {
background-image: url("../img/back_polygons.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 30px 0;
border-bottom: solid 1px #ddd;
border-top: solid 1px #ddd;
}
.wrap-polygons.ar-intro-product {
border: none;
padding-bottom: 0;
}
.wrap-polygons.ar-intro-product h1 {
font-size: 2.9em;
}
.wrap-polygons.ar-intro-product .lead {
font-weight: 300;
font-size: 1.4em;
line-height: 160%;
}
.wrap-polygons.ar-intro-product .social-icons {
margin: 10px 0;
}
.wrap-polygons.ar-intro-product .btn-polygon {
margin: 15px 0;
}
.wrap-polygons.ar-intro-product .btn-polygon .btn {
margin: 0 5px;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .dropdown-submenu > .dropdown-menu {
top: -1px;
left: 100%;
margin-top: -5px;
margin-left: 0px;
}
.yamm .yamm-content {
padding: 0;
padding-bottom:10px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
.col-megamenu {
border-right: solid 1px #ddd;
padding: 0;
}
.col-megamenu::last-child {
border: 0;
}
.yamm-content .row {
margin: 0;
}
.megamenu-block .megamenu-block-title {
line-height: 1;
margin: 0;
padding: 0;
color: #069;
font-size: 16px;
padding: 15px 20px 10px 20px;
text-transform: uppercase;
}
.megamenu-block h1.megamenu-block-title {
padding: 15px 12px 10px 12px !important;
}
.megamenu-block .megamenu-block-title i {
margin-right: 5px;
}
.megamenu-block ul {
margin: 0;
padding: 0;
}
.megamenu-block ul li {
list-style: none;
margin: 0;
list-style-position: outside;
}
.megamenu-block ul li a {
padding: 2px 20px;
font-size: 13px;
display: block;
color: #333;
}
.megamenu-block ul li a i {
margin-right: 5px;
}
.megamenu-block ul li a:hover {
text-decoration: none;
}
.navbar-dark .megamenu-block-title,
.navbar-inverse .megamenu-block-title {
color: #f2f2f2;
}
.navbar-dark .col-megamenu,
.navbar-inverse .col-megamenu {
border-right: solid 1px #555;
}
/* ---------------------------------------------------- */
/* FP Modifications */
/* ---------------------------------------------------- */
@media (max-width: 666px) {
.dropdown-submenu > a:after {
content: " ";
}
}
.three_cols > li {
float: left;
width: 33.333%;
padding-bottom: 2px;
padding-top: 1px;
}
.three_cols {
overflow: hidden;
}
.tableofcontents{
padding-right:10px;
}
.panel-body{
text-align:left;
}
.col-md-8.leftalign{
text-align:left;
}
/*-------------------------------------------------------------------*/
/* Vertical Tabs */
/*-------------------------------------------------------------------*/
.tabs-left,
.tabs-right {
border-bottom: none;
padding-top: 2px;
}
.tabs-left {
border-right: 1px solid #ddd;
}
.tabs-right {
border-left: 1px solid #ddd;
}
.tabs-left > li,
.tabs-right > li {
float: none;
margin-bottom: 2px;
}
.tabs-left > li {
margin-right: -1px;
}
.tabs-right > li {
margin-left: -1px;
}
.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
border-bottom-color: #ddd;
border-right-color: transparent;
}
.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
border-bottom: 1px solid #ddd;
border-left-color: transparent;
}
.tabs-left > li > a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display: block;
}
.tabs-right > li > a {
border-radius: 0 4px 4px 0;
margin-right: 0;
}
.sideways {
margin-top: 50px;
border: none;
position: relative;
}
.sideways > li {
height: 20px;
width: 120px;
margin-bottom: 100px;
}
.sideways > li > a {
border-bottom: 1px solid #ddd;
border-right-color: transparent;
text-align: center;
border-radius: 4px 4px 0px 0px;
}
.sideways > li.active > a,
.sideways > li.active > a:hover,
.sideways > li.active > a:focus {
border-bottom-color: transparent;
border-right-color: #ddd;
border-left-color: #ddd;
}
.sideways.tabs-left {
left: -50px;
}
.sideways.tabs-right {
right: -50px;
}
.sideways.tabs-right > li {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sideways.tabs-left > li {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.tabs-left-ar > li {
margin-bottom: 0;
}
.tabs-left-ar > li > a,
.tabs-left-ar > li.active > a {
border-radius: 0;
background-color: #f9f9f9;
border-left: solid 3px #ccc;
}
.vertical-tabs-left,
.vertical-tabs-right {
display: table;
background-color: #fafafa;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.vertical-tabs-left {
border-right: solid 1px #ddd;
}
.vertical-tabs-right {
border-left: solid 1px #ddd;
}
.vertical-tab-list {
display: table-cell;
min-width: 150px;
vertical-align: top;
}
.vertical-tabs-right .vertical-tab-list {
border-right: solid 3px #ddd;
border-left: solid 1px #ddd;
}
.vertical-tabs-left .vertical-tab-list {
border-left: solid 3px #ddd;
border-right: solid 1px #ddd;
}
.vertical-tabs-right .vertical-tab-list ul.nav > li > a {
border-right: solid 3px #ddd;
margin-right: -3px;
color: #444;
padding-top: 6px;
padding-bottom: 6px;
font-size: 13px;
}
.vertical-tabs-left .vertical-tab-list ul.nav > li > a {
border-left: solid 3px #ddd;
margin-left: -3px;
color: #444;
padding-top: 6px;
padding-bottom: 6px;
font-size: 13px;
}
.vertical-tabs-right .vertical-tab-list ul.nav > li > a:hover,
.vertical-tabs-right .vertical-tab-list ul.nav > li > a:focus {
border-right: solid 3px #999;
background-color: #f1f1f1;
}
.vertical-tabs-right .vertical-tab-list ul.nav > li.active > a,
.vertical-tabs-right .vertical-tab-list ul.nav > li.active > a:hover,
.vertical-tabs-right .vertical-tab-list ul.nav > li.active > a:focus {
border-right: solid 3px #0099da;
background-color: #f1f1f1;
}
.vertical-tabs-left .vertical-tab-list ul.nav > li > a:hover,
.vertical-tabs-left .vertical-tab-list ul.nav > li > a:focus {
border-left: solid 3px #999;
background-color: #f1f1f1;
}
.vertical-tabs-left .vertical-tab-list ul.nav > li.active > a,
.vertical-tabs-left .vertical-tab-list ul.nav > li.active > a:hover,
.vertical-tabs-left .vertical-tab-list ul.nav > li.active > a:focus {
border-left: solid 3px #0099da;
background-color: #f1f1f1;
}
.vertical-tabs-left .tab-content,
.vertical-tabs-right .tab-content {
display: table-cell;
padding: 20px;
}
/*-------------------------*/
/*Folded corner styling*/
/*-------------------------*/
.note {
position: relative;
padding: 1em 1.5em;
margin: 2em auto;
color: #666;
font-size:11pt;
background-color: rgb(242,242,242);
overflow: hidden;
}
.smallfont{
font-size:10pt;
}
.note:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #fff #fff #D2D2D2 #658E15;
background: #658E15;
/*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);*/
/* Firefox 3.0 damage limitation */
display: block; width: 0;
}
.spec-list{
padding-left:20px;
}
.img-responsive-spec{
display: block;
max-width: 100%;
height: auto;
border: 1px solid rgb(219, 219, 219);
}
.chart{ margin-left:0px !important; margin-right:0px !important;}
.carousel-indicators{
left:30%;
width:20%;
}
.table>tbody>tr>td{
padding:4px;
}
/*!
* Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
/* Global Styles */
html, body {
background-color: rgb(245,245,245);
height: 100%;
}
body {
padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8;
}
/* ---------------------------
Artificial Reason
------------------------------- */
.animation-delay-6 {
-webkit-animation-delay: .6s !important;
-moz-animation-delay: .6s !important;
-ms-animation-delay: .6s !important;
-o-animation-delay: .6s !important;
animation-delay: .6s !important;
}
.embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ---------------------------
Slidebar - right
------------------------------- */
html,body,#sb-site,.sb-site-container,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html,body{width:100%;}html{height:100%;}body{min-height:100%;height:auto;position:relative;}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden;}#sb-site,.sb-site-container{width:100%;position:relative;z-index:1;background-color: rgb(245,245,245);}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#3f3f3f;-webkit-transform:translate(0px);}.sb-left{left:0;}.sb-right{right:0;}html.sb-static .sb-slidebar,.sb-slidebar.sb-static{position:absolute;}.sb-slidebar.sb-active{display:block;}.sb-style-overlay{z-index:9999;}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch;}.sb-slidebar{width:30%;}.sb-width-thin{width:15%;}.sb-width-wide{width:45%;}@media (max-width: 480px) {.sb-slidebar{width:70%;}.sb-width-thin{width:55%;}.sb-width-wide{width:85%;}}@media (min-width: 481px) {.sb-slidebar{width:55%;}.sb-width-thin{width:40%;}.sb-width-wide{width:70%;}}@media (min-width: 768px) {.sb-slidebar{width:40%;}.sb-width-thin{width:25%;}.sb-width-wide{width:55%;}}@media (min-width: 992px) {.sb-slidebar{width:30%;}.sb-width-thin{width:15%;}.sb-width-wide{width:45%;}}@media (min-width: 1200px) {.sb-slidebar{width:20%;}.sb-width-thin{width:5%;}.sb-width-wide{width:35%;}}.sb-slide,#sb-site,.sb-site-container,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden;}.sb-hide{display:none;}
.slidebar-menu li a {
display: block;
color: #ddd;
padding: 10px 20px;
border-bottom: solid 1px #2f2f2f;
text-decoration: none;
}
.slidebar-menu li a:hover {
background-color: #303030;
color: #fff;
}
h2.slidebar-header {
color: #126e9d;
font-size: 1.6em;
font-weight: 100;
border-bottom: solid 1px #2f2f2f;
padding: 15px 20px;
margin: 10px 0 20px 0;
}
a.sb-icon-navbar.sb-toggle-right{
width:100%;
height:100%;
display:block;
}
.sb-slidebar {
color: #fff;
}
.sb-slidebar input[type="text"] {
border-radius: 0;
height: 50px;
background-color: #333;
border: 0;
border-bottom: solid 1px #2f2f2f;
box-shadow: none;
color: #fff;
font-size:15px;
}
.sb-slidebar .input-group .btn {
height: 50px;
background-color: #069;
color: #fff;
border-color: #2f2f2f;
border-radius: 0;
}
.sb-slidebar .input-group .btn i {
font-size: 1.4em;
}
.slidebar-header {
color: #069;
font-size: 1.6em;
border-bottom: solid 1px #2f2f2f;
padding: 15px 20px;
margin: 10px 0 20px 0;
}
.padding-20 {
padding: 20px 0;
}
.padding-40 {
padding: 40px 0;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-40 {
padding-top: 40px;
}
.margin-10 {
margin: 10px 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.lateral-padding {
padding-left: 20px;
padding-right: 20px;
}
.slidebar-menu {
margin: 0;
padding: 0;
}
.slidebar-menu li {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
.slidebar-social-icons {
padding: 0 20px;
}
/* ---------------------------
Google Custom search styling
------------------------------- */
body.modal-open {
padding-right: 0px !important;
}
input.gsc-input{
border-bottom-left-radius:;
border-top-left-radius:;
font-size:15px;
height:40px;
}
.gsc-table-result{
font-family: 'Open Sans', sans-serif !important;
font-size: 16pt !important;
font-weight: 300 !important;
border-color: #FFFFFF;
background-color: #FFFFFF;
line-height: 1.2em;
}
.gs-title {
font-size: 20px !important;
letter-spacing: -0.025em ;
height:100% !important;
text-decoration: none !important;
font-weight: 600;
line-height: 1.2em;
}
input.gsc-input {
border-color: #BCCDF0;
padding-right: 0px !important;
}
.gsc-input {
padding-right: 0px !important;
}
input.gsc-search-button {
background-color: #006699;
height: 100%;
color: #FFF;
position: relative;
border-bottom-right-radius: 5px!important;
border-top-right-radius: 5px!important;
margin-left: -6px!important;
font-size:13px;
}
.gsc-search-button {
margin-left: -2px !important;
}
input.gsc-input:focus{
border:1px solid #069;
}
td.gsc-search-button{
line-height:1.5;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
border-color: rgb(216, 216, 216);
background-color: #FFFFFF;
padding:10px;
}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
border-color: #A5A5A5;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result {
color: #474747 !important;
}
.gsc-webResult.gsc-result:hover {
color: #474747 !important;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #474747 !important;
text-decoration:none !important;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
color: #474747 !important;
text-decoration:none !important;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
color: #474747 !important;
text-decoration:none !important;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
color: #474747 !important;
text-decoration:none !important;
}
.gsc-result-info {
padding-left: 13px !important;
}
.gsc-cursor-page {
color: #474747 !important;
}
.gs-web-image-box{
margin-right: 14px !important;
padding: 2px 8px 2px 7px !important;
}
.cse input.gsc-input,input.gsc-input{
background-image:none !important
}
a.gsc-trailing-more-results:link {
color: #000000;
}
.gs-webResult.gs-result .gs-snippet {
font-size: 14px;
line-height: 1.3em;
}
.gs-visibleUrl {
font-size: 13px;
line-height: 1.1em;
color: #b8b8b8 !important;
font-style: italic;
margin-top: 4px;
}
.gs-webResult.gs-visibleUrl-short {
}
.gs-webResult.gs-result .gs-visibleUrl-short {
display: none;
}
.gs-webResult.gs-result .gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
margin-bottom: 0px !important;
}
.gsc-results .gsc-cursor-box {
background-color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.gsc-control-cse {
border:none !important;
background-color: rgb(245,245,245);
padding: 0px !important;
position: relative;
z-index:1;
}
.gsc-results .gsc-cursor-page {
font-family: 'Open Sans', sans-serif !important;
font-size: 12pt;
text-decoration: none !important;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
font-family: 'Open Sans', sans-serif !important;
font-size: 12pt;
text-decoration: none !important;
color: #474747 !important;
}
.gs-webResult.gs-result a.gs-title:link b {
font-size: 16pt !important;
letter-spacing: -0.025em ;
height:100% !important;
text-decoration: none !important;
font-weight: 600;
line-height: 1.2em;
}
div.gsc-clear-button {
background-image: url(http://www.flatpanels.dk/billeder/clear.gif);
}
.gsc-branding {
display:none;
}
/* ---------------------------
Disqus Widget styling
------------------------------- */
.dsq-widget-comment blockquote {
font-size: 13px;
font-family: "Open Sans", sans-serif;
line-height: 1.3em;
margin: 0px;
padding: 0px;
display: inline;
}
img.dsq-widget-avatar{
float:left;
margin-top: 6px !important;
margin-right: 6px !important;
}
.dsq-widget-avatar{
display:none;
}
.dsq-widget-user{
font-weight:bold !important;
}
a.dsq-widget-user {
float: left;
color: #666;
font-weight: normal !important;
font-family: "Open Sans", sans-serif;
font-size: 12px;
line-height: 1.3em;
}
a.dsq-widget-user:hover {
color:#666;
}
li.dsq-widget-item {
margin: 4px 0px 8px 0px !important;
list-style-type: none;
display: block;
color: #666;
line-height: 1em;
font-size: 13px;
}
a.dsq-widget-thread {
font-weight: normal !important;
font-size:14px;
color:#666;
}
a.dsq-widget-thread:hover{
color:#666;
}
.disq-c-text {
display: none;
}
.dsq-widget-comment {
font-family: "Open Sans", sans-serif;
font-size: 12px;
margin-left: 20px;
line-height: 1.3em;
}
.dsq-widget-meta{
font-size: 70% !important;
padding-top: 1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 75%;
}
p.dsq-widget-meta {
clear: both;
font-size: 11px;
padding: 0;
margin: 0;
}
.dsq-widget-meta a:nth-of-type(2) {
display:none !important;
}
ul.dsq-widget-list{
padding:5px 15px 0px 15px !important;
}
.image {
border: 0;
display: inline-block;
position: relative;
}
.image img {
display: block;
}
.image.teaser {
display: block;
margin: 0 0 0 0;
width: 100%;
max-height:210px;
}
.image.teaser img {
display: block;
width: 100%;
}
.forumlatest{
padding: 5px 15px 0px 15px;
}
/* ---------------------------
Highslide styling
------------------------------- */
.highslide-wrapper, .highslide-outline {
background: #FFFFFF;
}
.highslide img {
border: 0px solid #D0D0D0;
}
.highslide:hover img {
border-color: #A0A0A0;
}
.highslide-dimming {
background: #000000;
}
.highslide-image {
border: 0px solid #000000;
}
.highslide-loading {
color: black;
border: 1px solid black;
background-color: white;
}
/* ---------------------------------------------------- */
/* Sticky topmenu */
/* ---------------------------------------------------- */
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.navbar,
.topline{
position: -webkit-sticky;
position: sticky;
top: 0;
}
.sticky .navbarlogo{
display:initial !important;
}
@media (max-width: 666px) {
.addpadding{
padding-top:47px;
}
.navbar.sticky{
box-shadow: 0px 3px 3px rgba(0,0,0,0.15);
}
.navbar{
border-bottom:1px solid #E7E7E7;
}
}
@media (min-width: 667px) {
.navbar{
border-bottom:1px solid #E7E7E7;
}
.navbar.sticky{
box-shadow: 0px 3px 3px rgba(0,0,0,0.15);
border-bottom:0 !important;
}
}
/* ---------------------------------------------------- */
/* SLUT Sticky topmenu */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* OWL carousel */
/* ---------------------------------------------------- */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel .owl-rtl{direction:rtl}.owl-carousel .owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-theme .owl-controls{position:relative;margin-top:-190px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* Home Page Carousel */
header.carousel {
height: 25%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
/* ---------------------------------------------------- */
/* OWL carousel */
/* ---------------------------------------------------- */
/* Responsive Styles */
@media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
}
@media(max-width:666px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 70%;
z-index:0;
}
}
/* Socal Button Styles */
.social-facebook {
/*General*/
display: block;
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size: 35px;
line-height: 1.2em;
text-indent: 10px;
font-weight: normal;
color: white;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
/*Background*/
width: 44px;
height: 44px;
border-radius: 3px;
background-color: #4f78b4;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, #4974b0, #6e90c0);
}
.social-facebook:after {
content: "A";
}
.social-twitter {
/*General*/
display: block;
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size: 33px;
line-height: 1.3em;
text-indent: 2px;
color: white;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
/*Background*/
width: 44px;
height: 44px;
border-radius: 3px;
background-color: #4e9edc;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, #4e9edc, #5daae6);
}
.social-twitter:after {
content: "B";
}
.social-google {
/*General*/
display: block;
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size: 34px;
line-height: 1.2em;
text-indent: 2px;
color: white;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
/*Background*/
width: 44px;
height: 44px;
border-radius: 3px;
background-color: #da4935;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, #da4935, #e15946);
}
.social-google:after {
content: "C";
}
.social-instagram {
/*General*/
display: block;
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size: 35px;
line-height: 1.2em;
text-indent: 2px;
color: white;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
/*Background*/
width: 44px;
height: 44px;
border-radius: 3px;
background-color: #49709b;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, #49709b, #6387af);
}
.social-instagram:after {
content: "E";
}
.social-youtube {
/*General*/
display: block;
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size: 32px;
line-height: 1.3em;
text-indent: 2px;
color: white;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
/*Background*/
width: 44px;
height: 44px;
border-radius: 3px;
background-color: #c9322b;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, #c9322b, #dc3f38);
}
.social-youtube:after {
content: "H";
}
.social-email {
/*General*/
display: block;
text-decoration: none;
/*Text*/
font-family: 'SocialGlyphs';
text-align: center;
font-size: 35px;
line-height: 1.0em;
color: white;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
/*Background*/
width: 44px;
height: 44px;
border-radius: 3px;
background-color: #1d90dd;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to top, #1d90dd, #2da2f0);
}
.social-email:after {
content: "W";
}
/* Hover and Active States for All Button Styles */
a.social:link {
opacity: 1;
}
a.social:hover {
box-shadow: inset 0 0 0 250px rgba(255, 255, 255, 0.1);
text-decoration: none;
color: #fff;
}
a.social:active {
opacity: 0.8;
}