/*stilo link pie de formularios*/
body {
    font-family: Raleway;
    font-weight: 500 ;
}

.roboto {
    font-family: Roboto;
    font-weight:100 ;

}

.page-footer {
     height: unset; 
   
     position: unset; 

}


.smart-form .footer .btn {
    float: right;
    height: 31px;
    margin: 10px 0 0 5px;
    padding: 0 22px;
    font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.modal-short {
    max-height: 400px;
    overflow: auto;
}

@media only screen and (max-width: 480px) {
    .modal-short {
        max-height: 320px;
        overflow: auto;
    }
}

@media only screen and (max-width: 320px) {

    .gis,.tiza {
        font-size: 90% !important;
    }
}

.pizzaron > .gis , .pizzaron > .tiza, .pizzaron th {
      font-size:135% !important;
}


.bg-color-pizarron {
    background: url(../images/fondos/board.jpg);
    background-repeat: repeat;
}

#extr-page #main {
     background: #ffffff;
     margin: 0px; 
}

footer a.pie {
    float: left;
    height: 31px;
    margin: 10px 0 0 1px;
    padding: 0 22px;
    padding-top: 5px
}

.not-active {
    pointer-events: none;
    cursor: default;
}

#extr-page .fixed-header #header {
    position: initial !important;
}

.validation-summary-valid {
    display:none !important;
}

body.smart-style-6 #logo-group > span#logo:before {
    content: "ExBach" !important;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    margin-top: 1px;
    display: none;
}

body.smart-style-6 #logo img {
    display: block;
}

.fixed-navigation nav {
    -webkit-overflow-scrolling: touch;
     overflow-y: auto; 
     height: auto !important ; 
     padding-bottom: 0px; 
}

#extr-page #header {
    background: url(../images/fondos/board.jpg) !important;
}
#extr-page body.smart-style-6 {
    background: #FFF;
}

#extr-page body.smart-style-6 .page-title { 
    margin-bottom: 28px;
}

    #extr-page body.smart-style-6 #content {
        margin-left: auto;
        margin-right: auto;
      
    }

#extr-page .smart-form fieldset {
    display: block;
    padding: 25px 14px 5px !important;
    border: none;
    background: rgba(255,255,255,.9);
    position: relative;
}

.margin-top-20{
    margin-top:20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

#content {
    padding: 0px 14px;
    position: relative;
    /*position:relative;
	 left:0px;*/
}


body.smart-style-6 #header,
body.smart-style-6 .dropdown-menu > .active > a,
body.smart-style-6 .dropdown-menu > .active > a:focus,
body.smart-style-6 .dropdown-menu > .active > a:hover,
body.smart-style-6 .dropdown-menu > li > a:focus,
body.smart-style-6 .dropdown-menu > li > a:hover {
    background: #000000;
}

body.smart-style-6 .page-footer {
    background: #26a65b;
}

/*.page-footer {
    padding-top:5px;
}*/


#extr-page .page-footer {
    padding-left: 30px;
}

@media (max-width: 979px) {
    #extr-page .page-footer {
        padding: 15px 14px 0 !important;
        padding-top: 5px;
    }
}

#logo img {
    padding-left: 10px;
}

logo-exbach .visible {
  visibility:visible;
}

logo-exbach .novisible {
    visibility: hidden !important;
}

.bootstrapWizard li .step {
    background: #26a65b;
    color: #ffffff;
}

.bootstrapWizard li.active .step,
.bootstrapWizard li.active.complete .step {
    background: #383838;
    color: #ffffff;
}

.bootstrapWizard li a.class_a_href {
    pointer-events: none;
    cursor: default;
}


body.smart-style-6 .smart-form .textalon,
.textalon {
    margin-top: 6px;
    padding: 0 1px;
    font-size: 9pt !important;
    line-height: 15px;
    margin-top: 1px;
}
.smart-form .textalon,
.textalon {
    margin-top: 6px;
    padding: 0 1px;
    font-size: 9px;
    line-height: 15px;
    color: #999;
}

.textalon {
    margin-top: 2px;
    font-size: 9px;
}


.smart-form .textalon a {
    font-size: 10px;
}

body.smart-style-6 .smart-form .textdescribe,
.textdescribe {
    margin-top: 1px;
    padding: 0 1px;
    font-size: 8pt !important;
    line-height: 15px;
    margin-bottom: 1px;
}

.smart-form .textdescribe,
.textdescribe {
    margin-top: 1px;
    padding: 0 1px;
    font-size: 8px;
    line-height: 15px;
    color: #999;
}

.textdescribe {
    margin-top: 1px;
    font-size: 8px;
}


.smart-form .textdescribe a {
    font-size: 10px;
}

body.smart-style-6 .login-info {
    background: url(img/fondotemplate.png) no-repeat center;

    background-size: contain;
    background-color: #383838;
}

body.smart-style-6 .login-info a span{
    margin-top:0;
}

.input-lg {
    padding: 10px 16px !important;      
}

.tab-content .tab-pane, text-pane {
    font-size: 10pt !important;
}


.tab-pane-body .tab-pane {
    font-size: 14pt !important;
}

    /*
     * LOADER SPIN
     */
    .loader {
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 1s linear infinite;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
    /* ~ END: LOADER SPIN */
.combodate select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    /*height: 32px;
    line-height: 32px;*/
    padding: 5px 10px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    /*font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;*/
    color: #404040;
}

.dropzone .dz-preview .dz-progress {
  
     top: 100%; 
  
}

@media (max-width: 979px){
    .dropzone .dz-default.dz-message {
        width: auto;
        margin-left: 0;
        margin-top: 0;
    }
}
/*Color de Duallist Cabecera*/
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #26a65b;
    border-color: #26a65b;
}

/*pasos de wizard con autoajuste*/
.col-autosize {
    list-style: none;
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

 /*Boton de menu lateral*/
body.smart-style-6 .minifyme {
    background: #26a65b !important;
    color: #FFFFFF;
    position: absolute;
    width: 29px;
    border-radius: 50%;
    z-index: 999;
    right: -12px;
    padding: 1px 3px;
    border-bottom: 1px solid #3D6A8A;
}

.foot img {
    float: left;
    margin-top: -7px;
}

.foot span {
    float: left;
    color: white;
}

.derecha {
    float: right !important;
}

nav ul li.active > a:before {
    content: "\f0d9";
    font-family: FontAwesome;
    display: block;
    height: 27px;
    line-height: normal;
    width: 27px;
    position: absolute;
    right: -13px;
    font-size: 20px;
    color: #eee;
}

body.smart-style-6 .txt-color-magenta, body.smart-style-6 nav ul li.active > a:before {
    color: #26a65b !important;
}

.google-maps {
    position: relative;
    padding-bottom:100%;
    overflow: hidden;
}

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: auto !important;
    }

/*.font-Reenie {
    font-family: ReenieBeanie;
}*/


.tiza {
    font-family: 'tiza';
    letter-spacing: 2px
}
.gis {
    font-family: 'gis';
    letter-spacing: 2px
}


/** Preloader
 **************************************************************** **/
#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
}

.inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 54px;
    height: 54px;
    margin: auto;
}

.page-loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000;
}

#preloader span.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0,0,0, 0.08);
    border-right: 1px solid rgba(0,0,0, 0.08);
    border-bottom: 1px solid rgba(0,0,0, 0.08);
    border-left: 1px solid rgba(0,0,0, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 100001;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
                                                                                                       


/*.smart-form.has-error .radio, .smart-form.has-error input {
    background: #fff0f0;
    border-color: #A90329;
    color: red;
}*/

.has-error .radio, .has-error input {
    background: #fff0f0 !important;
    border-color: #A90329 !important;
    color: red !important;
}

.input-validation-error.has-error {
    background: #fff0f0 !important;
    border-color: #A90329 !important;
}
/********** Lista con Viñeta enumerada*/
.list-viñe {
    list-style: decimal-leading-zero;
    margin: 0;
    padding: 0;
    padding-left: 2em;
    line-height: 40px;
}

/* tamaño de letra y interlineado*/
.instr {
    font-size: 14px !important;
    line-height: 1.8em;
}
/* recortar imagen responsive*/
.crop {
    position: relative;
    overflow: hidden;
    width: auto;
    height: 100%;
}

@media screen and (max-width: 499px) {
    .crop {
        position: relative;
        overflow: hidden;
        width: 95%;        
    }
}

div.dataTables_filter label {
    width: 100% !important;
}

div.dataTables_filter input {
    width: 100% !important;
}


.vistabest {
    font-size: 1.8rem !important;
    color: #000;
    line-height: 1.8em;
    margin:unset !important;
    padding: unset !important;
}

.vistasub {
    margin: unset !important;
    padding: 0 !important;
    font-size: 11px;
    color: #999;
}

hr.style13 {
    height: 5px;
    padding:0 !important;
    margin: 2px !important;
    border: 0;
    box-shadow: 0 5px 5px -5px #8c8b8b inset;
}

@media screen and (max-width: 1224px){
    .vistabest{
        font-size:1.2rem !important;
    }

}



#logout a{
    width: 140px !important;
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    #logo-group {
        width: 150px !important;
    }
}




#footer {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    display: block;
    background: #313131;
    background: -moz-linear-gradient(top, #555555 0%, #313131 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131));
    background: -webkit-linear-gradient(top, #555555 0%, #313131 100%);
    background: -o-linear-gradient(top, #555555 0%, #313131 100%);
    background: -ms-linear-gradient(top, #555555 0%, #313131 100%);
    background: linear-gradient(to bottom, #555555 0%,#313131 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 );
}

    #footer > .container {
        padding-top: 60px;
        margin-bottom: 60px;
    }

    #footer:after,
    #footer:before {
        content: " ";
        display: table;
    }

    #footer:after {
        display: block;
        content: "";
        clear: both;
    }

    #footer > .copyright {
        background-color: rgba(0,0,0,0.2);
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
        padding: 25px 0;
        font-size: 13px;
        display: block;
    }

        #footer > .copyright:after,
        #footer > .copyright:before {
            content: " ";
            display: table;
        }

        #footer > .copyright:after {
            display: block;
            content: "";
            clear: both;
        }

        #footer > .copyright.has-social {
            padding: 8px;
        }

            #footer > .copyright.has-social .social-icon {
                margin-top: 8px;
                margin-bottom: 0;
                line-height: 0;
            }

        #footer > .copyright .copyright-text {
            margin-top: 14px;
        }

    #footer canvas {
        width: auto !important;
        height: auto !important;
    }


    /* Footer Logo */
    #footer img.footer-logo {
        margin-bottom: 20px;
        display: block;
    }

    #footer .footer-logo.footer-2 {
        float: left;
        margin: 0 20px 10px 0;
        border-right: rgba(255,255,255,0.1) 1px solid;
        padding-right: 20px;
    }

    /* Footer Typography */
    #footer h2 {
        font-size: 26px;
        text-shadow: rgba(0,0,0,0.3) 3px 3px 5px;
    }

    #footer h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    #footer h4 {
        font-size: 15px;
        margin-bottom: 25px;
    }

    #footer a {
        color: rgba(255,255,255,0.6);
        text-decoration: none;
    }

        #footer a:hover {
            color: rgba(255,255,255,0.9);
        }

        #footer a > i.fa {
            padding-right: 6px;
        }

    #footer p {
        margin-top: 0;
    }

    #footer ul {
        margin-bottom: 0;
    }

    #footer hr {
        border: 0;
        margin: 20px 0;
        border-bottom: rgba(255,255,255,0.1) 1px solid;
        border-top: rgba(0,0,0,0.4) 1px solid;
    }

    #footer address {
        margin-bottom: 0;
    }

    #footer h1,
    #footer h2,
    #footer h3,
    #footer h4,
    #footer h5,
    #footer h6 {
        color: rgba(255,255,255,0.8);
        font-weight: 600;
    }

    /* footer form */
    #footer form input,
    #footer form textarea {
        color: #999;
        background-color: rgba(0,0,0,.2);
        border-color: rgba(0,0,0,.25);
        margin-bottom: 6px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        #footer form input[type="submit"]:hover,
        #footer form input:focus,
        #footer form textarea:focus {
            background-color: rgba(0,0,0,.3);
        }

    #footer form .input-group-addon {
        color: #999;
        background-color: rgba(0,0,0,.4);
        border-color: rgba(0,0,0,.25);
    }

    #footer form .input-group input,
    #footer form .input-group textarea {
        margin-bottom: 0;
    }

@media only screen and (max-width: 480px) {
    #footer h4 {
        margin-top: 60px;
        display: block;
    }

    #footer .mobile-block {
        margin-bottom: 25px !important;
    }

    #footer.footer-fixed .mobile-block {
        margin-bottom: 0 !important;
    }

    #footer .copyright {
        text-align: center;
    }
}

/* footer list links */
#footer ul.footer-links > li {
    padding-bottom: 10px;
    font-weight: 300;
}

    #footer ul.footer-links > li > a {
        color: rgba(255,255,255,0.6);
    }

        #footer ul.footer-links > li > a:hover {
            color: rgba(255,255,255,0.9);
        }

        #footer ul.footer-links > li > a:before {
            content: "\f105";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            padding-right: 10px;
        }

/* footer news list */
#footer ul.footer-list li {
    padding: 10px 0;
    border-bottom: rgba(0,0,0,0.2) 1px solid;
}

    #footer ul.footer-list li small {
        display: block;
        font-family: 'Open Sans',Arial,Helvetica,sans-serif;
        color: #ddd;
    }

#footer.footer-light ul.footer-list li small {
    color: #999;
}

#footer ul.footer-list.half-paddings li {
    padding: 6px 0;
}

#footer ul.footer-list.half-paddings.noborder li {
    border: 0;
}

/* footer posts */
#footer ul.footer-posts > li {
    padding: 15px 0;
    border-bottom: rgba(255,255,255,0.07) 1px solid;
}

    #footer ul.footer-posts > li:first-child {
        padding-top: 0;
    }

    #footer ul.footer-posts > li:last-child {
        border-bottom: 0;
    }

    #footer ul.footer-posts > li > small {
        display: block;
    }

/* footer contact text */
#footer address {
    background: url('../assets/images/_smarty/world-map.png') no-repeat center;
}

    #footer address .footer-sprite {
        margin-bottom: 20px;
        padding-left: 30px;
        background: url('../assets/images/_smarty/footer_sprite.png') no-repeat 0 0;
    }

        #footer address .footer-sprite:last-child {
            margin-bottom: 0;
        }

#footer p {
    line-height: 18px;
}

    #footer p.contact-desc {
        margin: 0 0 30px 0;
        padding: 0 0 10px 0;
        border-bottom: #403E44 1px dashed;
    }

#footer address .footer-sprite.address {
    background-position: 0 0;
}

#footer address .footer-sprite.phone {
    background-position: 0 -138px;
    line-height: 30px;
}

#footer address .footer-sprite.email {
    background-position: 0 -247px;
}


/* footer links - breadcrumbs like */
#footer ul.inline-links > li + li:before {
    padding: 0 5px 0 0;
    content: "/\00a0";
    color: rgba(255,255,255,0.3);
}


/* footer images gallery */
#footer .footer-gallery > a {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    /*float: left;*/
}

    #footer .footer-gallery > a:hover {
        opacity: 0.8;
    }


@media only screen and (max-width: 768px) {
    #footer .footer-gallery {
        text-align: center;
    }

        #footer .footer-gallery > a,
        #footer .footer-gallery > img {
            float: none;
            margin-right: 0;
        }

    #footer .row > div {
        margin-bottom: 60px;
    }
}

/* sticky footer */
footer.sticky {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    footer.sticky {
        top: auto !important;
        position: relative !important;
    }
}

#footer .btn,
#footer .form-control {
    height: 36px;
}

#footer .btn-sm,
#footer .btn-sm,
#footer .btn-lg,
#footer .btn-xlg {
    height: auto;
}


#footer .copyright ul.list-social-icons {
    height: 30px;
}

    #footer .copyright ul.list-social-icons a.social-icon {
        margin: 0;
    }

/* footer social icons */
#footer a.social-icon {
    color: #999 !important;
}



/** Footer Light
 ** ************************ **/
#footer.footer-light {
    color: #666;
    background-color: #fbfbfb;
    background-image: none;
}

    #footer.footer-light form input,
    #footer.footer-light form textarea,
    #footer.footer-light form .input-group-addon {
        color: #eaeaea;
    }

    #footer.footer-light .copyright {
        background-color: rgba(0,0,0,0.04);
    }

        #footer.footer-light .copyright,
        #footer.footer-light .copyright a {
            color: #414141;
        }

    #footer.footer-light h1,
    #footer.footer-light h2,
    #footer.footer-light h3,
    #footer.footer-light h4,
    #footer.footer-light h5,
    #footer.footer-light h6 {
        color: #414141;
    }

    #footer.footer-light p,
    #footer.footer-light a,
    #footer.footer-light ul.footer-links > li > a {
        color: #666;
    }

        #footer.footer-light a:hover,
        #footer.footer-light ul.footer-links > li > a:hover {
            color: #000;
        }

    #footer.footer-light ul.footer-posts > li {
        border-bottom-color: rgba(0,0,0,0.07);
    }

    #footer.footer-light form textarea::-webkit-input-placeholder,
    #footer.footer-light form input::-webkit-input-placeholder {
        color: #eaeaea; /* WebKit browsers */
    }

    #footer.footer-light form textarea:-moz-placeholder,
    #footer.footer-light form input:-moz-placeholder {
        color: #eaeaea; /* Mozilla Firefox 4 to 18 */
    }

    #footer.footer-light form textarea::-moz-placeholder,
    #footer.footer-light form input::-moz-placeholder {
        color: #eaeaea; /* Mozilla Firefox 19+ */
    }

    #footer.footer-light form textarea:-ms-input-placeholder,
    #footer.footer-light form input:-ms-input-placeholder {
        color: #eaeaea; /* Internet Explorer 10+ */
    }

    /* footer social icons */
    #footer.footer-light a.social-icon {
        color: #666 !important;
    }



/** Fixed Footer
 ** ************************ **/
.letter-spacing-1 {
    letter-spacing: 0.1em !important;
}
#footer.footer-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 30;
    padding: 10px 0;
    filter: Alpha(Opacity=95);
    opacity: 0.95;
}

    #footer.footer-fixed .social-icon {
        margin-top: 0;
        margin-bottom: 0;
    }

    #footer.footer-fixed .footer-links > span,
    #footer.footer-fixed .footer-links > a {
        line-height: 30px;
        font-size: 13px;
        padding: 6px 10px;
        border-right: rgba(255,255,255,0.1) 1px solid;
    }

    #footer.footer-fixed.footer-light .footer-links > a {
        border-right: rgba(0,0,0,0.1) 1px solid;
    }

/**	17. Social icons
*************************************************** **/
.social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    border-color: transparent;
    overflow: hidden;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    letter-spacing: 0em !important;
    color: #eaeaea !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .social-icon:hover > i {
        color: #fff;
    }

    .social-icon i {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        margin-top: 6px;
        font-size: 28px;
    }

    .social-icon:hover i:first-child {
        margin-top: -38px;
    }

    .social-icon:hover i:last-child {
        margin-top: 4px;
    }

@media only screen and (min-width: 768px) {
    .social-icon {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .social-icon i {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }
}

/* medium */
a.social-icon > i[class*=" icon-"],
a.social-icon > i[class^=icon-] {
    font-size: 20px;
}

/* small */
a.social-icon.social-icon-sm,
a.social-icon.social-icon-sm > i {
    width: 30px;
    height: 30px;
    margin-top: 3px;
    font-size: 17px;
    line-height: 23px;
}

    a.social-icon.social-icon-sm > i:last-child {
        padding-top: 7px;
    }

    a.social-icon.social-icon-sm > i[class*=" icon-"],
    a.social-icon.social-icon-sm > i[class^=icon-] {
        font-size: 17px;
    }


.social-facebook:hover {
    background-color: #3B5998 !important;
}

.social-facebook {
    background-color: #3B5998;
}

.social-delicious:hover {
    background-color: #205CC0 !important;
}

.social-delicious {
    background-color: #205CC0;
}

.social-paypal:hover {
    background-color: #00588B !important;
}

.social-paypal {
    background-color: #00588B;
}

.social-flattr:hover {
    background-color: #F67C1A !important;
}

.social-flattr {
    background-color: #F67C1A;
}

.social-android:hover {
    background-color: #A4C639 !important;
}

.social-android {
    background-color: #A4C639;
}

.social-smashmag:hover {
    background-color: #E53B2C !important;
}

.social-smashmag {
    background-color: #E53B2C;
}

.social-gplus:hover {
    background-color: #DD4B39 !important;
}

.social-gplus {
    background-color: #DD4B39;
}

.social-wikipedia:hover {
    background-color: #333 !important;
}

.social-wikipedia {
    background-color: #333;
}

.social-stumbleupon:hover {
    background-color: #F74425 !important;
}

.social-stumbleupon {
    background-color: #F74425;
}

.social-foursquare:hover {
    background-color: #25A0CA !important;
}

.social-foursquare {
    background-color: #25A0CA;
}

.social-call:hover {
    background-color: #444 !important;
}

.social-call {
    background-color: #444;
}

.social-ninetyninedesigns:hover {
    background-color: #F26739 !important;
}

.social-ninetyninedesigns {
    background-color: #F26739;
}

.social-forrst:hover {
    background-color: #5B9A68 !important;
}

.social-forrst {
    background-color: #5B9A68;
}

.social-digg:hover {
    background-color: #191919 !important;
}

.social-digg {
    background-color: #191919;
}

.social-spotify:hover {
    background-color: #81B71A !important;
}

.social-spotify {
    background-color: #81B71A;
}

.social-reddit:hover {
    background-color: #C6C6C6 !important;
}

.social-reddit {
    background-color: #C6C6C6;
}

.social-blogger:hover {
    background-color: #FC4F08 !important;
}

.social-blogger {
    background-color: #FC4F08;
}

.social-cc:hover {
    background-color: #688527 !important;
}

.social-cc {
    background-color: #688527;
}

.social-dribbble:hover {
    background-color: #EA4C89 !important;
}

.social-dribbble {
    background-color: #EA4C89;
}

.social-evernote:hover {
    background-color: #5BA525 !important;
}

.social-evernote {
    background-color: #5BA525;
}

.social-flickr:hover {
    background-color: #FF0084 !important;
}

.social-flickr {
    background-color: #FF0084;
}

.social-google:hover {
    background-color: #DD4B39 !important;
}

.social-google {
    background-color: #DD4B39;
}

.social-instapaper:hover {
    background-color: #333 !important;
}

.social-instapaper {
    background-color: #333;
}

.social-klout:hover {
    background-color: #FF5F52 !important;
}

.social-klout {
    background-color: #FF5F52;
}

.social-linkedin:hover {
    background-color: #0E76A8 !important;
}

.social-linkedin {
    background-color: #0E76A8;
}

.social-vk:hover {
    background-color: #2B587A !important;
}

.social-vk {
    background-color: #2B587A;
}

.social-rss:hover {
    background-color: #EE802F !important;
}

.social-rss {
    background-color: #EE802F;
}

.social-skype:hover {
    background-color: #00AFF0 !important;
}

.social-skype {
    background-color: #00AFF0;
}

.social-twitter:hover {
    background-color: #00ACEE !important;
}

.social-twitter {
    background-color: #00ACEE;
}

.social-youtube:hover {
    background-color: #C4302B !important;
}

.social-youtube {
    background-color: #C4302B;
}

.social-vimeo:hover {
    background-color: #86C9EF !important;
}

.social-vimeo {
    background-color: #86C9EF;
}

.social-aim:hover {
    background-color: #FCD20B !important;
}

.social-aim {
    background-color: #FCD20B;
}

.social-yahoo:hover {
    background-color: #720E9E !important;
}

.social-yahoo {
    background-color: #720E9E;
}

.social-email3:hover {
    background-color: #6567A5 !important;
}

.social-email3 {
    background-color: #6567A5;
}

.social-macstore:hover {
    background-color: #333333 !important;
}

.social-macstore {
    background-color: #333333;
}

.social-myspace:hover {
    background-color: #666666 !important;
}

.social-myspace {
    background-color: #666666;
}

.social-podcast:hover {
    background-color: #E4B21B !important;
}

.social-podcast {
    background-color: #E4B21B;
}

.social-cloudapp:hover {
    background-color: #525557 !important;
}

.social-cloudapp {
    background-color: #525557;
}

.social-dropbox:hover {
    background-color: #3D9AE8 !important;
}

.social-dropbox {
    background-color: #3D9AE8;
}

.social-ebay:hover {
    background-color: #89C507 !important;
}

.social-ebay {
    background-color: #89C507;
}

.social-github:hover {
    background-color: #171515 !important;
}

.social-github {
    background-color: #171515;
}

.social-googleplay:hover {
    background-color: #DD4B39 !important;
}

.social-googleplay {
    background-color: #DD4B39;
}

.social-itunes:hover {
    background-color: #222 !important;
}

.social-itunes {
    background-color: #222;
}

.social-plurk:hover {
    background-color: #CF5A00 !important;
}

.social-plurk {
    background-color: #CF5A00;
}

.social-pinboard:hover {
    background-color: #0000E6 !important;
}

.social-pinboard {
    background-color: #0000E6;
}

.social-soundcloud:hover {
    background-color: #FF7700 !important;
}

.social-soundcloud {
    background-color: #FF7700;
}

.social-tumblr:hover {
    background-color: #34526F !important;
}

.social-tumblr {
    background-color: #34526F;
}

.social-wordpress:hover {
    background-color: #1E8CBE !important;
}

.social-wordpress {
    background-color: #1E8CBE;
}

.social-yelp:hover {
    background-color: #C41200 !important;
}

.social-yelp {
    background-color: #C41200;
}

.social-intensedebate:hover {
    background-color: #009EE4 !important;
}

.social-intensedebate {
    background-color: #009EE4;
}

.social-eventbrite:hover {
    background-color: #F16924 !important;
}

.social-eventbrite {
    background-color: #F16924;
}

.social-scribd:hover {
    background-color: #666666 !important;
}

.social-scribd {
    background-color: #666666;
}

.social-stripe:hover {
    background-color: #008CDD !important;
}

.social-stripe {
    background-color: #008CDD;
}

.social-print:hover {
    background-color: #111 !important;
}

.social-print {
    background-color: #111;
}

.social-dwolla:hover {
    background-color: #FF5C03 !important;
}

.social-dwolla {
    background-color: #FF5C03;
}

.social-statusnet:hover {
    background-color: #131A30 !important;
}

.social-statusnet {
    background-color: #131A30;
}

.social-acrobat:hover {
    background-color: #D3222A !important;
}

.social-acrobat {
    background-color: #D3222A;
}

.social-drupal:hover {
    background-color: #27537A !important;
}

.social-drupal {
    background-color: #27537A;
}

.social-buffer:hover {
    background-color: #333333 !important;
}

.social-buffer {
    background-color: #333333;
}

.social-pocket:hover {
    background-color: #EE4056 !important;
}

.social-pocket {
    background-color: #EE4056;
}

.social-bitbucket:hover {
    background-color: #0E4984 !important;
}

.social-bitbucket {
    background-color: #0E4984;
}

.social-stackoverflow:hover {
    background-color: #EF8236 !important;
}

.social-stackoverflow {
    background-color: #EF8236;
}

.social-hackernews:hover {
    background-color: #FF6600 !important;
}

.social-hackernews {
    background-color: #FF6600;
}

.social-xing:hover {
    background-color: #126567 !important;
}

.social-xing {
    background-color: #126567;
}

.social-instagram:hover {
    background-color: #3F729B !important;
}

.social-instagram {
    background-color: #3F729B;
}

.social-quora:hover {
    background-color: #A82400 !important;
}

.social-quora {
    background-color: #A82400;
}

.social-openid:hover {
    background-color: #E16309 !important;
}

.social-openid {
    background-color: #E16309;
}

.social-steam:hover {
    background-color: #111 !important;
}

.social-steam {
    background-color: #111;
}

.social-amazon:hover {
    background-color: #E47911 !important;
}

.social-amazon {
    background-color: #E47911;
}

.social-disqus:hover {
    background-color: #E4E7EE !important;
}

.social-disqus {
    background-color: #E4E7EE;
}

.social-plancast:hover {
    background-color: #222 !important;
}

.social-plancast {
    background-color: #222;
}

.social-appstore:hover {
    background-color: #000 !important;
}

.social-appstore {
    background-color: #000;
}

.social-pinterest:hover {
    background-color: #C8232C !important;
}

.social-pinterest {
    background-color: #C8232C;
}

.social-fivehundredpx:hover {
    background-color: #111 !important;
}

.social-fivehundredpx {
    background-color: #111;
}

/* rounded social icons */
a.social-icon.social-icon-round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* bordered social icons */
a.social-icon.social-icon-border {
    background-color: transparent;
    border: #999 1px solid;
    color: #565656 !important;
    text-shadow: none;
}

    a.social-icon.social-icon-border:hover {
        border-color: transparent;
    }

        a.social-icon.social-icon-border:hover > i {
            color: #fff !important;
        }

section.dark a.social-icon.social-icon-border {
    color: #fff !important;
}

    section.dark a.social-icon.social-icon-border:hover > i {
        color: #111 !important;
    }


/* light social icons */
a.social-icon.social-icon-light {
    background-color: rgba(0,0,0,0.1);
    text-shadow: none;
    color: #888 !important;
}

    a.social-icon.social-icon-light:hover > i {
        color: #fff !important;
    }

section.dark a.social-icon.social-icon-light {
    background-color: #666;
    color: #fff !important;
}

    section.dark a.social-icon.social-icon-light:hover > i {
        color: #111 !important;
    }


/* dark social icons */
a.social-icon.social-icon-dark {
    background-color: #444;
    text-shadow: none;
    color: #eee !important;
}

    a.social-icon.social-icon-dark:hover > i {
        color: #fff !important;
    }

section.dark a.social-icon.social-icon-dark {
    background-color: #111;
    color: #fff !important;
}



/* transparent social icons */
a.social-icon.social-icon-transparent {
    background-color: transparent;
    text-shadow: none;
    color: #666 !important;
}

    a.social-icon.social-icon-transparent:hover > i {
        color: #fff !important;
    }

section.dark a.social-icon.social-icon-transparent {
    color: #999 !important;
}

    section.dark a.social-icon.social-icon-transparent:hover > i {
        color: #fff !important;
    }


.float-right {
    float: right !important;
}