@import url("fonts.css");

/*universal*/

.blue {
    color: rgb(0,174,239);
}

.bottomBorder {
    border-bottom: solid 2px rgb(0,174,239);
}

.lato {
    font-family: lato, sans-serif;
}

.novecento {
    font-family: 'novecentosanswideuploadedfile';
}

.ptSan {
    font-family: 'pt_sansregular' !important;
}

.bold {
    font-weight: bold;
}

#main-footer .btn-social-icon {
    color: #fff !important;
}


#main-footer .cat_textbox_small {
    border-radius: 0px;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    background: transparent;
    border: solid 1px;
    padding:10px;
}


#main-footer span, #main-footer a {
   color:rgb(0,174,239) !important;
}

#main-footer span:hover, #main-footer a:hover {
   color:rgb(233,95,156) !important;
}

/*universal*/

/*supporters section*/

#supporters-section h1 {
    font-size: 24px;
    font-weight: bold;
    color: rgb(0,174,239);
    font-family: 'novecentosanswideuploadedfile';
}

#supporters-section {
    height: 210px;
    background: #f5f5f5;
}

    #supporters-section .owl-pagination {
        display: none;
    }

    #supporters-section .owl-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    #supporters-section .owl-carousel {
        margin-top: 0;
    }
/*end of supporters section*/

/*************OWL SLIDER****************/
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}


/* clearfix */
.owl-carfousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    margin-top: 30px;
}

.owl-carousel div {
    text-align: center;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -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 .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(http://www.futuremedialab.info/fml/Stylesheets/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
/* Styling Pagination*/
.owl-pagination {
    text-align: center;
    margin-top: 20px;
    display: none;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-color: #E84B94;
    border: 2px solid #E84B94;
    background: #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E84B94;
    border: none;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/*footer section*/

#main-footer .btn-social-icon {
    background: transparent;
}

.copyRight {
    /*background: #0C0C0C;*/
    min-height: 50px;
}

.copyRight p {
    font-size: 8px;
    color: #000 !important;
}


.copyRight a:hover {
    color: #fff !important;
}

.copyRight a {
text-decoration: none;
color: #000 !important;
}

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    padding-top: 15px;
}

footer {
    background-color: #121214;
    color: #fff;
    letter-spacing: 0.5px;
    padding-bottom: 30px;
}

.tweet, .timePosted {
        margin-left: 5px;
}

#main-footer p {
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 15px;
    font-family: lato, sans-serif;
    line-height: 22px;
    font-weight: 300;
}

#main-footer li a {
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    text-decoration: none;
}
/*
#main-footer input {
    border-radius: 0px;
    height: 30px;
    margin-bottom: 10px;
}
*/
.changingColorButton {
    border: none;
    background: rgb(0,174,239);
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.changingColorButton:hover {
    background: rgb(233,95,156);
    color: #fff;
}

#main-footer img {
    padding-bottom: 20px;
}

#main-footer h1 {
    padding-top: 20px;
    font-size: 20px;
    font-family: pt_sansbold !important;
    text-transform: initial !important;
}

#main-footer p.contacts {
    margin-bottom: 40px;
}


#main-footer .transparency {
    border-top: 1px solid #7F7F7F;
    padding-top: 15px;
}

@media (min-width: 992px ) {
        
    footer {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    #main-footer p.contacts {
        text-align: left;
    }

    .copyRight p {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    
    #supporters-section {
        height: 105px;
    
    }
    

    .copyRight p {
        font-size: 10px;
    }

    .owl-pagination {
        display: inline-block;
        margin-top: 70px;
    }

    #main-footer p.contacts {
        font-size: 13px;
        display: inline-block;
        vertical-align: top;
    }

    #main-footer .icon-mobile {
        margin-bottom: 0;
        margin-right: 20px;
    }

    #main-footer .transparency {
        border-top: none;
        padding-top: 0;
    }

    p.contacts {
        width: 268px;
        margin-right: 20px;
    }

    #main-footer h1 {
        margin-top: 0;
        margin-bottom: 25px;
    }

    #main-footer h1:last-child {
        height: 16px;
    }

    #main-footer p.transparency {
        display: inline-block;
        border-left: 1px solid #7F7F7F;
        padding-left: 20px;
    }
}

footer a:hover {
    color: rgb(233,95,156);
    text-decoration:none;
}

.socialContainer{
    border:none !important;
    width:15% !important;
}


#main-footer input .cat_textbox_small{
    border-radius: 0 !important;
    border: none !important;
    padding:0 !important;
    padding-left:10px !important;
}

.subscribeButton{
    width: 100px !important;
    border-radius:3px !important;
    padding:0 !important;
}

.fa-vimeo{
    background:url("http://www.futuremedialab.info/fml/Stylesheets/\fml/Images/Icons/vimeo.svg");
    width: 20px;
}
/*end of footer section*/

.user img{
width:30px;
}

.tweet{
padding-left:35px;
font-size:14px !important;
}

.timePosted{
padding-left:35px;
font-size:10px !important;
}

.interact{
display:none;
}

footer input, footer .cat_button {
margin-bottom:15px;
    font-family: Lato;
    text-transform: uppercase;
    font-size: 12px;
}

p.designed {
    float: right;
}

p.copyright {
    float: left;
}

@media(max-width: 788px){
     .copyright, .designed{
         text-align: center;
     }
     p.designed, p.copyright {
         float:none;
     }
     .col-centered{
         padding-top: 0px;
     }
     .row-centered {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}