/*-----Studio Theme-----*/
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

/* form updates */
.form-control {height: auto}
.input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%}
.input-group .form-control {display: flex;align-items:center}
.input-group-addon, .input-group-btn {width: auto}
.label-add-on .input-group-addon {font-size: inherit}
.input-group .input-group-btn.input-group-append {display:flex}
.input-group-addon {display: flex;align-items: center;line-height: 1.5;text-align: center;white-space: nowrap;border-radius: 4px}
.input-group>.form-control, .input-group>.form-select {position: relative;flex: 1 1 auto;width: 1%;min-width: 0}
.input-group .input-group-btn div.btn {display: flex}
.input-group>.file-input.file-input-new {display: flex;flex: 1 1 auto}
.input-group > .file-input:not(.file-input-new) {display: flex;flex-wrap: wrap;flex: 1}
.input-group > .file-input .kv-upload-progress {width: 100%}
.input-group-addon~.file-input.file-input-new .form-control {border-top-left-radius: 0;border-bottom-left-radius: 0}
.swoogo-reg-summary .responsive-table .buttons .btn-group.btn-group-sm {min-width: 100px}
.btn-group.btn-group-sm>.btn {font-size: 12px !important}
/* end form updates */

/* General 
--------------------------------------------------------------------------------*/
.table-wrap {display: table;width: 100%;table-layout: fixed;}
.tr-wrap {display: table-row;height: 100%;}
.td-wrap {display: table-cell;vertical-align: middle;}
#expand-height {height:0;}
.ui-sortable-placeholder {min-height:40px;}

nav.navbar > .container .navbar-header .swoogo-logo > .container {width: 350px}
nav.navbar > .container .navbar-header .swoogo-logo > .container .logo-content-area .is-empty {height: 50px;min-height: 50px}
nav.navbar > .container .navbar-header .swoogo-logo > .container .logo-content-area .empty-message {line-height: 50px}

/* Text logo
--------------------------------------------------------------------------------*/
.text-logo a {color:#333;text-decoration:none;}
.desktop-logo .text-logo {font-size: 24px;margin: 15px 0;}
/* Buttons
--------------------------------------------------------------------------------*/
.btn-standard, .btn-alternate {padding: 10px 20px;transition: .25s all ease-out;border-radius: 2px;}
.btn-standard {background-color: #27ccc0;border-color: #27ccc0;color: #ffffff;}
.btn-standard:hover, #btn-standard_hover {background-color: #27ccc0;border-color: #27ccc0;color: #ffffff;}
.btn-alternate {background-color: #383e42;border-color: #383e42;color: #fff;}
.btn-alternate:hover, #btn-alternate_hover {background: #383e42;border-color: #383e42;color: #fff;}

/*LOADING ANIMATION*/
.pre-load-src {display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 10000;background-color: #eeeeee;}
.loader {height: 15px;width: 100%;max-width: 550px;position: relative;overflow: hidden;margin: 0 auto;top: 50vh;}
.loadingBall {height: 15px;width: 15px;border-radius: 12.5px;background-color: #27ccc0;position: absolute;top: 0;left: -25px;animation: loadingBall-movement 3s cubic-bezier(0, 0.25, 1, 0.25) infinite, loadingBall-opacity 3s linear infinite;}
.loadingBall:nth-child(2) {animation-delay: 0.15s;}
.loadingBall:nth-child(3) {animation-delay: 0.3s;}
.loadingBall:nth-child(4) {animation-delay: 0.45s;}
.loadingBall:nth-child(5) {animation-delay: 0.6s;}

@keyframes loadingBall-movement {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(575px);
    }
    100% {
        transform: translateX(575px);
    }
}
@keyframes loadingBall-opacity {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
/*INIT*/
html, body, .navbar-nav > li > a {
    font-family: 'Open Sans', sans-serif;
}
html, body {
    height: 100%;
    width: 100%;
}
h1,h2,h3,h4,h5 {
    font-family: 'Quicksand', sans-serif;
}
.navbar.navbar-inverse {
    border-radius: 0;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
    /*outline: 0;*/
}
#page-overlay {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: transparent;
    transition: 0s;
}
#myTabContent div.site-content>div {
    position: relative;
    z-index: 6;
}
#myTabContent div.site-content.landing>div {
    text-align:center;
}
/*TITLE*/
h1.page-title {
    text-align: center;
    line-height: 60px;
    margin-bottom: 33px;
    font-size: 40px;
}
h1.page-title::after {
    content: '';
    height: 3px;
    background-color: #27ccc0;
    width: 100%;
    max-width: 20rem;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    bottom: 25px;
}
.landing-page .title {
    font-size: 3.5em;
}
/*HOME*/
body #myTabContent div.site-background {
    background-image: url('studio.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
body #myTabContent div.site-background:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.2);
}
body > #myTabContent > div.landing {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
#landing-content-wrap {
    min-height: 95vh;
    padding-top: 72px;
    padding-bottom: 42px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
#landing-content-wrap > div {
    width: 100%;
}
/*ABOUT*/
body #myTabContent div.standard {
    position: relative;
    min-height: 100vh;
    padding-top: 100px;
}
body .container {
    max-width: 100%;
}
body #myTabContent div.standard > .container {
    position: relative;
    margin-top: -100px;
    padding-top: 100px;
    padding-bottom: 0px;
    background-color: #fff;
    height: 100%;
    display: block;
    min-height: 100vh;
    box-shadow: 0 0 10px -1px rgba(0,0,0,.5);
}
body #myTabContent div.standard .standard-content {
    min-height: calc(95vh - 100px);
    padding-bottom: 20px;
}
/*SERVICES*/
.about-process-item {
    margin-bottom: 30px;
    background-color: rgba(255,255,255,.78);
    padding: 20px;
}
.item-content {
    background-color: #fff;
    color: #000;
    padding: 25px;
    box-shadow: none;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}
.about-process-icon {
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 50%;
    background-color: #27ccc0;
    border: 1px solid transparent;
    margin: 0 auto 20px;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}
.about-process-icon, .process-icon {
    width: 65px;
    height: 65px;
    color: #fff;
    display: table;
    overflow: hidden;
}
.about-process-item-heading {
    text-align: left;
    margin-top: 25px;
    letter-spacing: 1px;
    font-size: 20px;
}
.about-process-item-heading, .btn-cody-default, .home-page .site-title, .main-nav, .process-step h5, h1 {
    text-transform: uppercase;
}
.about-process-item:hover .item-content {
    background-color: #27ccc0;
    box-shadow: 0 0 15px #8d8d8d;
    color: #ffffff;
}
.about-process-item:hover .about-process-icon {
    border: 1px solid #fff;
}
.about-process-item:hover .about-process-icon i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.about-process-icon i {
    display: table-cell;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    vertical-align: middle;
    font-size: 40px;
}
/*fade image*/
.fade-image {
    width: 100%;
    height: 250px;
    background-image: url(https://swoogo.s3.amazonaws.com/themes/5b03797bdd4a1/4k_wallpaper_2.jpg);
    background-size: cover;
    background-position: center center;
    background-color: #fff;
    margin-left: -15px;
    transition: all .5s ease-in-out;
}
.fade-image:hover {
    opacity: .8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
}
.fade-image.right {
    margin-left: 15px;
}
.fade-image .img-gradient-border {
    background-color: #ffffff;
    position: relative;
    height: 100%;
    width: 10px;
    float: right;
}
.fade-image .img-gradient {
    background-color: #a3d5d3;
    height: 100%;
    width: 50%;
    position: relative;
    float: right;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
}
.fade-image.right .img-gradient-border {
    background-color: #ffffff;
    position: relative;
    height: 100%;
    width: 10px;
    float: left;
}
.fade-image.right .img-gradient {
    background-color: #a3d5d3;
    height: 100%;
    width: 50%;
    position: relative;
    float: left;
    background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */
}
.aSection p {
    text-align: justify;
}
.example-wrap {
    padding: 25px 0;
}
.example-wrap a:hover {
    text-decoration: none;
}
/*grid*/
.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    background-color: #3085a3;
    text-align: center;
    cursor: pointer;
}
.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.grid figure h2 span {
    font-weight: 800;
}
.grid figure h2,
.grid figure p {
    margin: 0;
}
.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/
figure.effect-apollo {
    background-color: #3498db;
}
figure.effect-apollo img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}
figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo p {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
figure.effect-apollo h2 {
    text-align: left;
}
figure.effect-apollo:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
/* Media queries */
@media screen and (max-width: 50em) {
    .custom-content {
        padding: 0 10px;
        text-align: center;
    }
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}
/*//WORK*/
/*CONTACT*/
.contact .media-left a {
    overflow: hidden;
    border-radius: 100px;
    display: inline-block;
}
.contact .media-object {
    max-width: 150px;
}
.contact .media {
    border-bottom: 1px solid #cccccc;
    padding: 15px 0;
}
.contact .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-size: 30px;
}
.contact .media .contact-icon {
    font-size: 24px;
    text-align: center;
    line-height: 30px;
}
.contact .media .contact-heading {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
}
.contact .media-left, .contact .media > .pull-left {
    padding-right: 20px;
}
/*NAVBAR*/
ul.swoogo-nav {
    float: right;
}
.navbar-nav > li > a::after {
    content: '';
    height: 3px;
    background-color: #27ccc0;
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: all .75s cubic-bezier(.165,.84,.44,1);
    -moz-transition: all .75s cubic-bezier(.165,.84,.44,1);
    transition: all .75s cubic-bezier(.165,.84,.44,1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.navbar-nav > li > a:hover::after,
.navbar-nav > li.open > a::after,
.navbar-nav > li.active > a::after {
    -webkit-transform: scaleX(.7);
    -moz-transform: scaleX(.7);
    -ms-transform: scaleX(.7);
    -o-transform: scaleX(.7);
    transform: scaleX(.7);
    opacity: 1;
}
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.navbar-header .logo img {
    display: block;
    /*max-height: 50px!important;*/
}
.landing-page .navbar-header .logo img {
    /*display:none!important;*/
}
.logo img {
    /*max-height: 68px!important;*/
}
.navbar-header .logo {
    padding: 10px 15px;
    height: auto;
    overflow: hidden;
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    -moz-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    float: left;
    font-size: 18px;
    line-height: 20px;
}
.navbar-header .mobile-logo { max-width: none; }
.landing-page .navbar-header .logo a {
    /*padding: 0px 10px;
    height: 0px;*/
}
.navbar-brand {
    padding: 0px 10px;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    -moz-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1);
}
.navbar-default {
    background-color: #ffffff;
    border-color: transparent;
    box-shadow: 0 0 7px -3px rgba(0,0,0,.6);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    /*color: #27ccc0;*/
}
.navbar-toggle {
    margin-top: 20px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #27ccc0;
}
.hamburguer {
    width: 70px;
    height: 60px;
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0;
}
button.navbar-toggle.active .hamburguer span:nth-child(1), button.navbar-toggle.active .hamburguer span:nth-child(4) {
    top: 28px;
    width: 0;
    left: 50%;
}
.hamburguer span:nth-child(1) {
    top: 20px;
}
.hamburguer span:nth-child(4) {
    top: 36px;
}
button.navbar-toggle.active .hamburguer span:nth-child(2) {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
button.navbar-toggle.active .hamburguer span:nth-child(3) {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.hamburguer span:nth-child(2), .hamburguer span:nth-child(3) {
    top: 28px;
}
.hamburguer span {
    display: block;
    position: absolute;
    height: 4px;
    width: 24px;
    background-color: #555555;
    opacity: 1;
    left: 24px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

/*FOOTER*/
#footer .llc {
    float:left;
}
#footer {
    position: relative;
    bottom: 0;
    padding: 10px 0;
    background-color: rgba(0,0,0,.5);
    color: rgba(255,255,255,.6);
    z-index: 10;
    min-height: 5vh;
}
#footer a {
    color: rgba(255,255,255,.6);
    transition: .25s all ease-in-out;
}
#footer a:hover {
    color: rgba(255,255,255,1);
}

/***
Responsive
***/

@media (min-width: 768px) {
    nav.navbar > .container { display: flex;flex-flow: row nowrap;align-items: center;justify-content: flex-start; }
    nav.navbar > .container > .navbar-header { flex: 0 0 auto; }
    nav.navbar > .container > .navbar-collapse { flex: 1 1 auto; }
    .navbar > .container .navbar-brand, .navbar > .container .logo, .navbar > .container-fluid .navbar-brand, .navbar > .container-fluid .logo {
        margin-left: -15px;
    }
    ul.swoogo-nav {
        margin-right:-15px;
    }
}
@media all and (max-width:991px) {
    .container {
        width: 100%;
    }
    /*fade-image*/
    .fade-image .img-gradient-border, .fade-image .img-gradient, .fade-image.right .img-gradient-border, .fade-image.right .img-gradient {
        background: none;
    }
    .fade-image, .fade-image.right {
        margin-left: 0;
    }
}

@media all and (min-width:768px) and (max-width:770px) {
    /*.desktop-logo {}
    .navbar-toggle {display: block;}
    .navbar-right {margin: 7.5px -15px;float: none !important;}
    .navbar-header {float: none;}
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: -15px;margin-left: -15px;}
    .navbar-collapse.collapse {height: 100% !important;overflow: auto !important;}
    .navbar-nav > li {float: none;}
    .navbar > .container .navbar-brand, .navbar > .container .logo a, .navbar > .container-fluid .navbar-brand, .navbar > .container-fluid .logo a {margin-left: 0px;}
    .col-xs-12 {width: 100% !important;}*/
}

@media all and (min-width:767px) and (max-width:768px) {
    .desktop-logo {
        display: block !important;
    }
    .mobile-logo {
        display: none !important;
    }
}

@media all and (max-width:767px) {
    nav.navbar > .container > .navbar-header {display: flex;align-items: center;flex-flow: row-reverse;justify-content: flex-start;}
    nav.navbar > .container > .navbar-header .navbar-toggle {flex: 0 0 auto;}
    nav.navbar > .container > .navbar-header .logo {flex: 1 1 auto;}
    #footer .footnotes>div {
        width: 100%;
    }
    .desktop-logo {
        /*display: inherit;*/
    }
    .navbar ul.swoogo-nav {
        float: none;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100%;
        height: 100%;
        position: fixed;
        width: 0;
        padding: 0;
        top: -1px;
        left: 15px;
        padding-top: 50px;
    }
    .navbar-collapse.in {
        overflow-x: auto;
        width: 50% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .navbar-collapse {
        transition: all .5s cubic-bezier(.165,.84,.44,1);
        background-color: #fff;
        box-shadow: 0 0px 10px -1px rgba(0,0,0,.5);
        height: 100% !important;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
    }
    .navbar-nav > li > a:hover::after, .navbar-nav > li.active > a::after {
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        opacity: 1;
    }
    .navbar-default .navbar-toggle {
        border-color: transparent;
    }
    .navbar-toggle {
        margin: 0;
        padding: 5px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .media .row > div {
        /*text-align: center;*/
    }
    .media-left {
        padding: 0 0 10px;
        width: 100%;
        display: block;
        text-align: center;
    }
    .container {
        width: 100%;
    }
}