body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-family: 'Cabin', sans-serif;
    font-weight:300;
    overflow-x: hidden;
}

h1 , h2 , h3 , h4 , h5 , h6 {
    margin-top:0;
}


#intro , #s-services2 , #s-dual , #newsletter , footer , #contact , #browser , #cookies , #s-services , #warning {
    padding:40px 0;
}

.page-title h1 , .page-title p {
    text-align:left !important;
}

.warning {
    background-color:#FF6B6B !important;
}

.input-medium input , .input-medium select , .input-medium select {
    height:50px;
}

.input-medium label {
    font-size:16px;
    font-weight:300;
}

.input-medium .checkbox input {
    height:auto;
}

.xsite {
    width: 75%;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}


.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*** HEADER ***/

header {
    border-top:5px solid darkgray;
}

header .navbar {
    margin-bottom:0;
    padding:10px 0;
}

header .navbar .navbar-header .navbar-toggle {
    background-color: #300952;
}

header .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
}

header .navbar .navbar-brand {
    padding:0;
}

header .navbar #navbar ul li a {
    color:#393940;
    transition:all 0.3s;
}

header .navbar #navbar ul li a.home {
    color:#300952;
}

header .navbar #navbar ul li a:focus , header .navbar #navbar ul li a:hover {
    background:transparent !important;
    color:#300952;
}

/**** END HEADER ****/

/*** INTRO ***/

#intro {
    background-color: lightgray;
}

#intro .container > h1 {
    margin-top:0;
    text-align:center;
    color:#FFF;
}

#intro .container > p {
    text-align:center;
    color:#FFF;
}

#intro #bookmarks {
    margin-top:40px;
}

#intro #bookmarks a span.slogo {
    float:left;
    padding-right:10px;
}

#intro #bookmarks a span.sname {
    float:left;
    padding-left:10px;
    border-left:1px solid rgba(255,255,255,0.2);
}

#intro #bookmarks a {
    color:#FFF;
    overflow:hidden;
}

#intro #bookmarks .facebook { background-color:#4965A0;border-bottom:2px solid #425C91; }
#intro #bookmarks .facebook span.slogo { border-right:1px solid #425C91 }

#intro #bookmarks .twitter { background-color:#55ACEE;border-bottom:2px solid #4287BA; }
#intro #bookmarks .twitter span.slogo { border-right:1px solid #4287BA }

#intro #bookmarks .google { background-color:#D64136;border-bottom:2px solid #B2362D; }
#intro #bookmarks .google span.slogo { border-right:1px solid #B2362D }

#intro #bookmarks .youtube { background-color:#CC181E;border-bottom:2px solid #991216; }
#intro #bookmarks .youtube span.slogo { border-right:1px solid #991216 }

#intro #bookmarks .bbc { background-color:#525252;border-bottom:2px solid #333; }
#intro #bookmarks .bbc span.slogo { background-color:#525252; border-right:1px solid #213f51 }

#intro #bookmarks .reddit { background-color:#CEE3F8;border-bottom:2px solid #5F99CF; color: #333 }
#intro #bookmarks .reddit span.slogo { border-right:1px solid #D14730 }

#intro #bookmarks a {
    transition: all 0.3s;
}

#intro #bookmarks a:hover {
    border-bottom:2px solid #FFF;
}

#intro form {
    margin-top:20px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

#intro form input {
    height:70px;
    width:70%;
    border-radius:10px 0 0 10px;
    font-size:18px;
    background-color:#FFF;
    border:0;
}

#intro form button {
    height:70px;
    width:120px;
    font-size:28px;
    margin-left:-4px;
    border-radius:0 10px 10px 0;
    border:0;
    background-color: #C1FFC1;
    border-left:1px solid #E8E8E8;
    color:#393940;
}

#intro form button:hover {
    color:#000;
}


/**** END INTRO ****/

/*** Services section 1 ***/

#s-services #service {
    border:0;
    text-align:center;
}

#s-services #service .caption h3 {
    font-size:18px;
    color: #2386C8;
}

/**** END S-SERVICES1 ****/

/*** Services section 2 ***/

#s-services2 {
    background-color:#f3e132;
}

#s-services2 #service h3 {
    font-size:18px;
    margin-top:0;
    color:#2386C8;
}

#s-services2 #service p {
    color:#393940;
}

/**** END S-SERVICES 2 ****/

/*** DUAL CONTENT ***/

#s-dual:nth-child(even) {
    background-color: lightgray;
}

#s-dual:nth-child(even) p {
    color: #FFF;
    font-size:16px;
}

#s-dual h1 {
    color:#393940;
}

/**** END DUAL CONTENT ****/

/*** NEWSLETTER ***/

#newsletter {
    text-align:center;
    background-color:#F0CB00;
}

#newsletter h3 {
    margin-top:0;
    color:#fff;
    font-size:36px;
}

#newsletter p {
    font-size:16px;
    color:#FFF;
}

#newsletter form {
    margin-top:20px;
}

#newsletter form input {
    border-radius:10px 0 0 10px;
    border:0;
    height:70px;
    font-size:16px;
    width:60%;
}

#newsletter form button {
    border-radius:0 10px 10px 0;
    border:0;
    height:70px;
    margin-left:-4px;
    width:120px;
    color:#393940;
    text-transform:uppercase;
    font-size:16px;
    background-color:#FFF;
    border-left:1px solid #E8E8E8;
}

/**** END NEWSLETTER ****/

/**** WARNING ****/

#warning p {
    margin-bottom:0;
    text-align:center;
    margin-top:30px;
}

/**** END WARNING ****/


/*** FOOTER ***/

footer {
    background-color:darkgray;
    padding-bottom:0;
}

footer #foot-top {
    padding-bottom:20px;
    border-bottom:1px dashed #54545E;
}

footer #foot-top #social ul {
    float:right;
}

footer #foot-top #social ul li {
    list-style-type:none;
    display:inline-block;
    margin:0 5px;
}

footer #foot-top #social ul li:first-child {
    margin-left:0;
}

footer #foot-top #social ul li:last-child {
    margin-right:0;
}

footer #foot-top #social ul li a {
    padding:10px 15px;
    border-radius:10px;
    color:#fff;
    font-size:16px;
    transition:all 0.3s;
}

footer #foot-top #social ul li a.facebook { background-color:#4965A0; }
footer #foot-top #social ul li a.facebook:hover { background-color:#425C91; }

footer #foot-top #social ul li a.twitter { background-color:#55ACEE; }
footer #foot-top #social ul li a.twitter:hover { background-color:#4287BA; }

footer #foot-top #social ul li a.google { background-color:#D64136; }
footer #foot-top #social ul li a.google:hover { background-color:#B2362D; }

footer #foot-top #social ul li a.youtube { background-color:#CC181E; }
footer #foot-top #social ul li a.youtube:hover { background-color:#991216; }

footer #foot-top #social ul li a.linkedin { background-color:#0077B5; }
footer #foot-top #social ul li a.linkedin:hover { background-color:#005E8F; }

footer #foot-top #social ul li a.reddit { background-color:#CEE3F8; color: #333; }
footer #foot-top #social ul li a.reddit:hover { background-color:#BDD2E7; }

footer #backlinks {
    margin-top:20px;
    text-align:center;
    background-color: darkgray;
}

footer #backlinks a {
    color: black;
    font-size: 70%;
}

footer #copyright {
    padding:20px;
}

footer #copyright p {
    color:#FFF;
}

/**** END FOOTER ****/


    /* TOOLTIP HOVER EFFECT */
    label {
        font-weight: bold;
        line-height: 20px;
        cursor: help;
    }
    #tooltip {
        width: 20em;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
        border: 3px solid #333;
        text-align: left;
        background-color: #555555;
        z-index: 2222222222;
    }


.bbcicon {
    padding-top:2px;
}

h1 small { color: darkgrey; }

.options  { top: 4px; left: 5px; }
.location { padding-top: 10px; font-weight: bold; }
.space { padding-bottom: 30px; }
.mid { text-align:center; }
.mid0 { padding-top: 25px; }
.active { font-weight: bold; }
.contact { margin-left: 15px; padding: 20px; background-color: lightgray; }
.langflag { padding-right: 50px; }

    /* TABLES USED IN COOKIE MANAGEMENT / EDIT BROWSER PAGES */
    table {
        border-color: #666;
        border-width: 0 0 1px 1px;
        border-style: solid;
        width: 50%;
    }
    th {
        font-size: normal;
        background: #ccc;
        border-width: 2px;
    }
    td, th {
        border-color: #666;
        border-width: 1px 1px 0 0;
        border-style: solid;
        padding: 2px 10px 2px 10px;
    }
    td {
        background-color: #EEEEEE;
    }
    .full-width {
        width: 98%;
    }
    .large-table {
        width: 75%;
        margin-top: 15px;
    }
    .large-table td, .large-table th {
        padding: 5px;
    }
    td.small-note {
        font-size: 60%;
        padding: 2px;
        text-align: right;
    }






/* responsive, this section should be last */
@media (max-width: 767px) {
    .langflag { padding-left: 20px; padding-right: 20px; padding-top: 20px; }

    header #navbar .pull-right {
        text-align: center !important;
        float: none !important;
    }
    
    .xsite div {
        display:block;
    }

    .xsite div:first-child {
        margin-right:0;
        margin-bottom:10px;
    }
    
    #intro #bookmarks a {
        margin:5px 0;
    }
        
    #intro form input {
        width:100%;
        border-radius:10px;
        height:50px;
        font-size:16px;
    }
    
    #intro form button {
        width:100%;
        border-radius:10px;
        margin-top:10px;
        margin-left:0;
        height:50px;
        font-size:18px;
    }
    
    #s-services2 #service {
        text-align: center;
    }
    
    #s-services2 #service img {
        margin: 0 auto;
    }
    
    #s-services2 #service h3 {
        margin-top:10px;
    }
    
    #s-dual {
        text-align: center;
    }
    
    #s-dual img {
        margin: 0 auto;
    }
    
    #newsletter form input {
        width:100%;
        height:50px;
        font-size:16px;
        border-radius:10px;
    }
    
    #newsletter form button {
        width:100%;
        border-radius:10px;
        height:50px;
        margin-top:10px;
    }
    
    #warning a:first-child {
        margin-bottom:10px;
    }
    
    #bar {
        overflow:auto;
    }
    
    #bar .container  form input[type="text"] {
        display:block;
        width:100%;
        border-radius:10px 10px;
    }
    
    #bar .container  form button[type="submit"] {
        display:block;
        width:100%;
        border-radius:10px 10px;
        margin-left:0;
        margin-top:10px;
    }
    
    #bar .container  form a {
        margin-top:10px;
    }
    
    footer #foot-top #logo {
        text-align: center
    }
    
    footer #foot-top #social {
        margin-top:20px;
    }
    
    footer #foot-top #social ul {
        float:none;
        padding:0;
    }
    
    footer #foot-top #social ul li {
        display:block;
        margin: 5px 0;
        text-align: center;
    }
    
    footer #foot-top #social ul li:first-child { margin-top:0; }
    footer #foot-top #social ul li:last-child { margin-bottom:0; }
    
    footer #foot-top #social ul li a {
        display:block;
    }
    
    footer #widgets #widget {
        text-align: center;
        margin-top:20px;
    }
    
    footer #widgets #widget:first-child {
        margin-top:0;
    }

}