a.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}

.engLink{   
    position: absolute;  
    left: 0rem;
    top:0rem;
    font-size: 0rem;
    font-weight: 1;
     margin-top: 0rem;
    margin-bottom: 0rem;
}

body {
    background-size: 70vh;
    background-image: url("../img/smilelogo_back.svg");
    background-position: right top; 
    background-attachment: fixed;
    background-repeat: no-repeat ;
    font-size: 1.25rem;
    font-weight: 300;
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-top-color: #908F8D;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-indicators{
    color: #000000;
}

.videoSection{
    background-color: rgba(247, 95, 19, 0.75);
    /*background-color: #F98042;*/
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-top-color: #908F8D;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-bottom:  1px solid rgba(0, 0, 0, 0.1);
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-top-color: #908F8D;
}

hr.style-two { 
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.50), rgba(0,0,0,0.1));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.50), rgba(0,0,0,0.1));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.50), rgba(0,0,0,0.1));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.50), rgba(0,0,0,0.1)); 
}

.topbtn {
    position: fixed;
    z-index: 999;
    bottom: 15px;
    right: 15px;
}

.supman{
    padding: 15px 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-bottom-color: #908F8D;
}

main > .container {
    padding: 15px 15px 0;
}
a:link {
    color: #464441;
}

/* visited link */
a:visited {
    color: #464441;
}

/* mouse over link */
a:hover {
    color: #464441;
}

/* selected link */
a:active {
    color: #464441;
}

.navbar
{
    background: #F9F9F8;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
    border-bottom-color: #908F8D;
    border-bottom:  1px solid rgba(0, 0, 0, 0.4);
}

iframe {
    max-width: 100%;
}

.thanks{    
    font-size: 1rem;
    font-weight: 100;  
}

.thanks h4{    
    font-size: 1.1rem;
    font-weight: 110; 
}

.langChooser{
     font-size: 1rem;
    font-weight: 100;  
    
}

.bgGrey{
    background-color: rgba(0, 0, 0, 0.05);  
    color: #464441;
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-top-color: #908F8D;
}

.bgGreyLight{
    background-color: rgba(0, 0, 0, 0.01);  
    color: #464441;
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-top-color: #908F8D;
}

.footer-area {
    background: #464646;
    background: -moz-linear-gradient(top, #464646 0%, #212121 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#212121));
    background: -webkit-linear-gradient(top, #464646 0%,#212121 100%);
    background: -o-linear-gradient(top, #464646 0%,#212121 100%);
    background: -ms-linear-gradient(top, #464646 0%,#212121 100%);
    background: linear-gradient(to bottom, #464646 0%,#212121 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7651C', endColorstr='#D65310',GradientType=0 );
    color: #ffffff;    
    padding: 15px;
    font-size: 1rem;
    font-weight: 100;
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-top-color: #908F8D;
}

.smilelogo{    
    width: 128px;
    height:62px;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 30px; /* Vertically center the text there */

    color: #464441;
    border-color: #908F8D;
    border-bottom-color: #908F8D;
    border-top-color: #908F8D;
}

.titlecon{
    width:72px;
}

code {
    font-size: 80%;
}

.gallery-block{padding-bottom: 60px; padding-top: 60px;}
.gallery-block .heading{margin-bottom: 50px; text-align: center;}
.gallery-block .heading h2{font-weight: bold;font-size: 1.4rem; text-transform: uppercase;}
.gallery-block.cards-gallery h6{font-size: 17px; font-weight: bold;}
.gallery-block.cards-gallery .card{transition: 0.4s easy;}
.gallery-block.cards-gallery .card img{box-shadow: 0px 2px 10px rgba(0,0,0,0.15);}
.gallery-block.cards-gallery .card-body{text-align: center;}
.gallery-block.cards-gallery .card-body p{font-size: 15px;}
.gallery-block.cards-gallery a{color:#212529; }
.gallery-block.cards-gallery a:hover{text-decoration: none;}
.gallery-block.cards-gallery  .card{
    margin-bottom: 30px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
}

.video-gallery-block{padding-bottom: 60px; padding-top: 60px;}
.video-gallery-block .heading{margin-bottom: 50px; text-align: center;}
.video-gallery-block .heading h2{font-weight: bold;font-size: 1.4rem; text-transform: uppercase;}
.video-gallery-block.cards-video-gallery h6{font-size: 17px; font-weight: bold;}
.video-gallery-block.cards-video-gallery .card{transition: 0.4s easy;}
.video-gallery-block.cards-video-gallery .card img{box-shadow: 0px 2px 10px rgba(0,0,0,0.15);}
.video-gallery-block.cards-video-gallery .card-body{text-align: center;}
.video-gallery-block.cards-video-gallery .card-body p{font-size: 15px;}
.video-gallery-block.cards-video-gallery a{color:#212529; }
.video-gallery-block.cards-video-gallery a:hover{text-decoration: none;}
.video-gallery-block.cards-video-gallery  .card{
    margin-bottom: 30px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
}

@media (min-width: 576px) {
    .gallery-block .transform-on-hover:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important; 
    }
    .video-gallery-block .transform-on-hover:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important; 
    }
}

.embed-container {
    position: relative; 
    padding-bottom: 56.25%; /* ratio 16x9 */
    height: 0; 
    overflow: hidden; 
    width: 100%;
    height: auto;
}
.embed-container iframe {

    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
    padding-bottom: 75%;
}