.tab-content h2 {
    font-family: "Roboto";
    text-align: center;
}

tab-content h4 {
    font-family: "Roboto"
}

.main-container p {
    font-size: 20px;
}

.snom-text {
    padding-left: 3%;
    padding-right: 3%;
    text-align: justify;
    font-family: "Roboto";
    background-color: rgba(227, 227, 227, 0.8);
}

.snom-text h1 {
    text-align: center;
    color: #067fc3;
    text-shadow: 1px 1px 1px grey;
    font-family: "Roboto";
}
.big-head{
    padding-top: 2%;
    padding-bottom: 0px;
    font-size: 40px;
    margin-bottom: 0px;
}
.snom-text h2, h3{
    /*color: #333333;*/
    color: #067fc3;
    font-family: Roboto;
    text-shadow: 1px 1px 1px grey;
    text-align: center;
}

.snom-text p {
    color: black;
}
.snom-mid-text{
    background-color: rgba(227, 227, 227, 0.7);
}

.snom-mid-text h1{
    color: #067fc3;
    text-shadow: 1px 1px 1px grey;
}
/*.snom-footer h2{
    color: #067fc3;
    text-shadow: 1px 1px 1px grey;
}*/

.btn-snom {
    text-align: center;
    font-family: "Roboto";
    font-size: 33px;
    color: white;
    height: 5%;
    margin-top: 2%;
    text-transform:uppercase;
    font-weight: 700;
    background-color: rgba(6, 127, 195, 0.7);
    border-radius: 6px;
    box-shadow: 1px 1px 1px grey;
}

.btn-snom:hover, .btn-snom:focus {
    /*background-color: #333333;
    color: rgba(6, 127, 195, 0.9);*/
    background-color: #067fc3;
    color: white;
}
.btn-snom:active{
    color: white;
    background-color: #005bb5;
}

.btn-snom-d710 {
    text-align: center;
    font-family: "Roboto", Sans-Serif;
    font-size: 33px;
    color: white;
    height: 5%;
    margin-top: 2%;
    text-transform:uppercase;
    font-weight: 700;
    background-color: rgba(236, 161, 44, 1);
    border-radius: 6px;
    box-shadow: 1px 1px 1px grey;
}

.btn-snom-d710:hover, .btn-snom-d710:focus {
    background-color: #d97c02;
    color: white;
}
.btn-snom-d710:active{
    color: white;
    background-color: #ab6100;
}

.snom-list {
    width: 50%;
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
}

.head-snom{
    color: #067fc3;
    text-shadow: 1px 1px 1px grey;
}
.nav-tabs.style-1 > li > a {
    border: 1px solid black;
    background-color: rgba(227, 227, 227, 0.7);
}

.nav-tabs.style-1 > li > a:before {
    border: 0px;
}

.nav-tabs.style-1 > li.active > a:after {
    border-color: transparent;
}

.slick-dots {
    bottom: 5px;
}

.slick-dots li button {
    border: 1px solid #777;
    background: lightgray;
    opacity: 0.6;
    z-index: 999;
}

.slick-dots li.slick-active button {
    border: 1px solid #777;
    background: lightgray;
    opacity: 1;
    z-index: 999;
}

.slick-dots li button:hover {
    border: 1px solid #777;
    background: lightgray;
    opacity: 0.8;
    z-index: 999;
}

.slick-dots li button:before {
    content: '';
}

.slick-prev, .slick-next {
    z-index: 999;
    width: 7%;
    height: 100%;
}

.slick-prev:hover, .slick-next:hover {
    background: #777;
    opacity: 0.6;
}

.slick-prev:before, .slick-next:before {
    font-size: 32px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.slick-prev {
    left: 0px;
}

.slick-next {
    position: absolute;
    right: 0px;
}

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: block; /* undo display:none          */
    height: 0; /* height:0 is also invisible */
    overflow: hidden; /* no-overflow                */
}

.tab-content > .active, .pill-content > .active {
    height: auto; /* let the content decide it  */
}

/* bootstrap hack end */