.video-box {
    height: 505px;
    background-image: url("/bundles/studyhomecore/images/home/preview-video.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto
}

.video-box .claim {
    text-align: center;
    padding-top: 105px
}

.video-box .claim .title {
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .video-box .claim .title {
        font-size: 35px
    }
}

.video-box .claim .subtitle {
    font-size: 18px;
    font-weight: lighter;
    color: #fff;
    margin-bottom: 55px
}

@media screen and (min-width: 992px) {
    .video-box .claim .subtitle {
        font-size: 25px
    }
}

.video-box .claim #play-video-modal {
    cursor: pointer
}

@media (min-width: 768px) {
    .video-box .modal-dialog {
        width: 640px
    }
}

.video-box .modal-vertical-centered {
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important;
    -webkit-transform: translate(0, 50%) !important
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative
}

.timeline > li {
    margin-bottom: 0px;
    position: relative
}

.timeline > li:before, .timeline > li:after {
    content: " ";
    display: table
}

.timeline > li:after {
    clear: both
}

.timeline > li > .timeline-panel {
    float: right;
    padding: 20px;
    position: relative;
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px)
}

.timeline > li > .timeline-badge {
    left: 15px;
    top: 16px;
    margin-left: 0;
    width: 70px;
    height: 70px;
    text-align: center;
    position: absolute;
    z-index: 100;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.timeline > li > .timeline-badge .fa {
    font-size: 2em;
    line-height: 70px;
    color: #fff
}

.timeline > li > .timeline-badge img.icon {
    margin-top: 20px
}

.timeline > li.timeline-inverted {
    min-height: 130px
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline .timeline-badge.primary {
    background-color: #007dc3 !important
}

.timeline .timeline-badge.info {
    background-color: #ffe700 !important
}

.timeline .timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline .timeline-body > p, .timeline .timeline-body > ul {
    margin-bottom: 0px
}

.timeline .timeline-body > p {
    font-size: 17px
}

.timeline .timeline-body > p + p {
    margin-top: 5px
}

.col-clear > div {
    padding-left: 0;
    padding-right: 0
}

#agenda .agenda-container {
    display: table;
    width: 100%;
    margin: 15px 0
}

#agenda .time-slot {
    display: table-row
}

#agenda .time-slot-day, #agenda .time-slot-time {
    display: table-cell;
    vertical-align: middle;
    padding: 15px
}

#agenda .time {
    margin: 7.5px 0
}

#agenda p {
    margin: 0
}

#agenda .time-slot:nth-child(2n+1) {
    background-color: #f5f5f5
}

#agenda .time-slot .day::before {
    content: "";
    font-family: FontAwesome;
    margin-right: 0.2em
}

#agenda .time-slot.time-slot-empty .day::before {
    content: "";
    font-family: FontAwesome
}

#agenda .time-slot .time span::before {
    content: "";
    font-family: FontAwesome;
    margin-right: 0.2em
}

#agenda .time-slot-empty {
    color: #9b9b9b
}

#agenda .btn-prev-next-container {
    margin: 30px auto;
    text-align: center
}

#agenda .btn-prev-next-container .btn {
    margin: 0 0.25em
}

#agenda .btn-prev[disabled], #agenda .btn-prev[disabled]:hover, #agenda .btn-today[disabled], #agenda .btn-today[disabled]:hover {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    color: #ffffff
}

.twitter-typeahead {
    display: block !important
}

.twitter-typeahead .tt-hint, .twitter-typeahead .tt-input {
    display: block !important
}

.twitter-typeahead .tt-menu, .twitter-typeahead .tt-dropdown-menu {
    margin-top: 45px !important;
    background-color: #fff !important;
    border-top: 1px solid #d9d9d9 !important;
    border-radius: 0 0 2px 2px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    width: 100%
}

.twitter-typeahead .tt-menu strong, .twitter-typeahead .tt-menu .highlight, .twitter-typeahead .tt-dropdown-menu strong, .twitter-typeahead .tt-dropdown-menu .highlight {
    font-weight: 700 !important;
    background: none
}

.twitter-typeahead .tt-menu:hover, .twitter-typeahead .tt-dropdown-menu:hover {
    background-color: #fafafa
}

.twitter-typeahead .tt-suggestion {
    cursor: default !important;
    padding: 0 10px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    line-height: 30px !important;
    text-align: left !important;
    border-top: 1px solid #e6e6e6 !important;
    font-size: 13px !important;
    color: #333 !important
}

.twitter-typeahead .tt-suggestion strong, .twitter-typeahead .tt-suggestion .highlight {
    font-weight: 700 !important;
    background: none
}

.twitter-typeahead .tt-suggestion:hover {
    background-color: #fafafa
}

.twitter-typeahead .tt-suggestion.tt-cursor {
    background-color: #fafafa
}

.selectize-dropdown, .selectize-dropdown.form-control {
    margin-top: 45px !important;
    background-color: #fff !important;
    border-top: 1px solid #d9d9d9 !important;
    border-radius: 0 0 2px 2px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow: hidden !important
}

.selectize-dropdown strong, .selectize-dropdown .highlight, .selectize-dropdown.form-control strong, .selectize-dropdown.form-control .highlight {
    font-weight: 700 !important;
    background: none
}

.selectize-dropdown:hover, .selectize-dropdown.form-control:hover {
    background-color: #fafafa
}

.selectize-dropdown-content {
    padding: 0 !important
}

.selectize-dropdown .selectize-dropdown-content > div, .selectize-dropdown .optgroup-header {
    cursor: default !important;
    padding: 0 10px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    line-height: 30px !important;
    text-align: left !important;
    border-top: 1px solid #e6e6e6 !important;
    font-size: 13px !important;
    color: #333 !important
}

.selectize-dropdown .selectize-dropdown-content > div strong, .selectize-dropdown .selectize-dropdown-content > div .highlight, .selectize-dropdown .optgroup-header strong, .selectize-dropdown .optgroup-header .highlight {
    font-weight: 700 !important;
    background: none
}

.selectize-dropdown .selectize-dropdown-content > div:hover, .selectize-dropdown .optgroup-header:hover {
    background-color: #fafafa
}

.avatar-wrapper {
    display: inline-block;
    width: 100%
}

.avatar-wrapper.tutor-verified {
    position: relative
}

.avatar-wrapper.tutor-verified::after {
    content: '';
    background: transparent url("/images/verify_small.png") no-repeat 50% 50%;
    width: 41px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
}

.dsa-certified {
    padding: 5px 10px;
    font-size: 1.2rem;
    font-weight: normal;
    position: relative;
    top: 1px
}

.dsa-certified i {
    margin-right: 5px;
    position: relative;
    bottom: 1px
}

#topbar {
    background-color: white;
    padding: 2px 0;
    margin: 0
}

#topbar hr {
    margin: 10px 0;
    height: 0
}

#topbar hr.divider {
    margin: 28px 0 10px 0
}

#topbar .navbar-brand {
    height: 0;
    width: auto;
	position: relative;
	z-index: 1
}

#topbar .new-logo-skuola {
    /*height: 2.5em;*/
    margin-top: 5px;
    z-index: 3
	width: 220px;
	height: auto;
}

@media screen and (min-width: 768px){
	#topbar .new-logo-skuola{
		width: 305px;
	}
}

#topbar .show-notifications span, #topbar .show-lessons span {
    color: #fff;
    background-color: #f75544;
    position: relative;
    padding: 3px 7px;
    border-radius: 15px;
    bottom: 10px;
    font-size: 12px;
    right: 10px;
    font-weight: normal
}

#topbar a {
    background-color: transparent;
    padding: 0;
    text-transform: none
}

#topbar a.has-icon {
    border: none;
    padding: 15px 0px;
    margin: 0 15px
}

#topbar a.has-icon:hover {
    background-color: transparent
}

#topbar a.has-icon:focus {
    outline: none
}

#topbar a.has-icon i {
    color: #007dc3
}

#topbar a#cart {
    font-size: 22px;
    position: relative;
    width: 60px
}

#topbar a#faq, #topbar a#login-link {
    padding: 18px 15px
}

#topbar a.btn-primary {
    color: #007dc3;
    border-color: #007dc3;
    text-transform: none;
    padding: 7px 30px;
    position: relative;
    background-color: white;
    top: 10px
}

#topbar a.btn-primary:hover {
    background-color: #007dc3;
    color: white
}

#topbar ul#main-menu {
    font-weight: normal
}

#topbar ul#main-menu li {
    padding: 0;
    color: #3e3e3e;
    position: relative
}

#topbar ul#main-menu li > a {
    color: #3e3e3e
}

#topbar ul#main-menu li #contact {
    margin: 8px 15px
}

#topbar ul#main-menu li > ul.dropdown-menu {
    border-color: #e7e7e7;
    border-radius: 0;
    background-color: #f5f5f5;
    margin-top: 2px;
    box-shadow: none
}

#topbar ul#main-menu li > ul.dropdown-menu li {
    padding: 0
}

#topbar ul#main-menu li > ul.dropdown-menu li a:hover {
    text-decoration: underline
}

#topbar ul#main-menu li > ul.dropdown-menu li a.btn-facebook {
    background-color: #3b5998;
    padding: 6px 12px
}

#topbar ul#main-menu li > ul.dropdown-menu li a.btn-facebook:hover {
    text-decoration: none
}

#topbar ul#main-menu li > ul i.fa-caret-up {
    position: relative;
    width: 0;
    height: 0;
    color: #f5f5f5;
    font-size: 22px;
    float: right
}

#topbar ul#main-menu li > ul#user-menu i.fa-caret-up {
    position: relative;
    width: 0;
    height: 0;
    color: #f5f5f5;
    font-size: 22px;
    float: right
}

#topbar ul#main-menu li > ul#user-menu li:last-child {
    padding: 10px 0 0 0
}

#topbar button.navbar-toggle {
    padding: 0
}

#topbar button.navbar-toggle:hover, #topbar button.navbar-toggle:focus {
    background-color: transparent
}

#topbar button#notifications-mobile {
    margin: 15px 10px;
    font-size: 22px;
    padding: 0;
    border: none;
    color: #007dc3
}

#topbar button.nav-avatar {
    border-radius: 25px;
    padding: 0;
    margin: 10px 0 11px 10px;
    background-color: white;
    border: none
}

#topbar button.nav-avatar > img {
    width: 35px;
    height: 35px;
    border-radius: 25px
}

#topbar #login-nav-form .override {
    position: relative;
    bottom: 20px;
    text-align: center;
    background-color: #f5f5f5;
    width: 80px;
    margin: 0px auto
}

#topbar #login-nav-form .forgotLnk {
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    #topbar {
        padding: 0
    }

    #topbar .new-logo-skuola {
		width: 220px;
        height: auto;
        margin-top: 20px
    }

    #topbar .navbar-header {
        padding: 0 15px
    }

    #topbar #menu-container {
        background-color: #f5f5f5
    }

    #topbar ul#main-menu {
        width: 100%
    }

    #topbar ul#main-menu li .hidden-xs {
        width: 0;
        height: 0
    }

    #topbar ul#main-menu li > ul#user-menu, #topbar ul#main-menu li > ul#login-box {
        padding: 0;
        width: 100%;
        position: relative;
        display: block;
        box-shadow: none;
        border: none
    }

    #topbar button#display-login {
        padding: 10px;
        border: none;
        font-size: 22px;
        margin-right: 0
    }

    #topbar #login-box {
        background-color: #f5f5f5
    }

    #topbar #login-box.navbar-collapse.in {
        overflow-y: hidden
    }

    #topbar #login-box.navbar-collapse {
        max-height: 390px;
        overflow-x: hidden
    }

    #topbar #login-box #login-nav-form {
        padding: 20px 0px 10px 0px
    }

    #topbar #login-box #login-nav-form i.fa-caret-up {
        position: relative;
        width: 0;
        height: 0;
        color: #f5f5f5;
        font-size: 22px;
        float: right;
        right: 8px;
        bottom: 25px
    }
}

@media screen and (min-width: 768px) {
    #topbar .new-logo-skuola {
		width: 220px;
        height: 2.5em
    }

    #topbar #login-box {
        float: left;
        width: 260px;
        padding-top: 20px
    }

    #topbar #login-nav-form {
        background-color: #f5f5f5;
        z-index: 1005;
        top: 100%;
        width: 100%
    }

    #topbar #login-nav-form button {
        text-transform: none
    }

    #topbar #login-nav-form i.fa-caret-up {
        position: relative;
        width: 0;
        height: 0;
        color: #f5f5f5;
        font-size: 22px;
        float: right;
        right: 43px;
        bottom: 36px
    }

    #topbar .new-logo-skuola {
        height: 2.5em;
        position: relative;
        top: 0
    }

    #topbar a.has-icon {
        padding: 15px 0
    }

    #topbar ul li.dropdown > ul {
        padding: 10px 15px
    }

    #topbar ul li.dropdown > ul#faq-menu i.fa-caret-up {
        right: 70px;
        bottom: 25px
    }

    #topbar ul li.dropdown > ul#user-menu {
        width: 250px
    }

    #topbar ul li.dropdown > ul#user-menu i.fa-caret-up {
        right: 8px;
        bottom: 25px
    }
}

@media screen and (min-width: 992px) {
    #topbar a.has-icon {
        padding: 15px 15px;
        width: 50px
    }

    #topbar a#faq, #topbar a#login-link {
        padding: 18px 35px
    }

    #topbar ul#main-menu li #contact {
        margin: 8px 35px
    }

    #topbar ul#main-menu li div.btn-tutor {
        margin-left: 30px
    }

    #topbar ul#main-menu li.dropdown > ul#user-menu {
        width: 250px
    }

    #topbar button.nav-avatar {
        margin-left: 30px
    }
	
	#topbar .new-logo-skuola{
		width: 305px;
		height: auto;
	}
}

@media screen and (min-width: 1100px) {
    #topbar .new-logo-skuola {
        height: 2.5em;
        position: relative;
        top: 0px
    }
}

.homeform-container {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.homeform-container h1 {
    font-size: 26px;
    color: #fff;
    margin-top: 60px;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.homeform-container p {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding-left: 0.5em;
    padding-right: 0.5em
}

@media (min-width: 768px) {
    .homeform-container h1 {
        font-size: 40px;
        margin-top: 290px
    }

    .homeform-container p {
        font-size: 22px
    }

    .homeform-container .homeform {
        margin-top: 50px
    }
}

.homeform-container .homeform {
    padding: 15px 20px;
    background-color: rgba(0, 0, 0, 0.6);
    margin-top: 25px
}

.homeform-container .homeform .form-group select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: inherit
}

.homeform-container .homeform .form-group select.form-control, .homeform-container .homeform .form-group .input-lg, .homeform-container .homeform .form-group .selectize-input {
    height: 55px;
    border-radius: 0;
    font-family: Lato, Sans-Serif, FontAwesome;
    border: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.homeform-container .homeform .form-group .selectize-input {
    padding: 18px 0 0 16px
}

.homeform-container .homeform .form-group .selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.homeform-container .homeform .form-group .btn-yellow {
    height: 55px;
    border: 0;
    border-radius: 0
}

.homeform-container .homeform .form-group:last-child {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .homeform-container .homeform {
        margin-bottom: 80px
    }

    .homeform-container .homeform .form-group {
        margin-bottom: 0;
        padding: 0
    }

    .homeform-container .homeform .form-group:first-child {
        padding: 0 0 0 15px
    }

    .homeform-container .homeform .form-group:first-child .input-lg {
        border-radius: 4px 0 0 4px
    }

    .homeform-container .homeform .form-group:last-child {
        padding: 0 15px 0 0
    }

    .homeform-container .homeform .form-group .form-control {
        border: 0;
        font-family: Lato, Sans-Serif, FontAwesome
    }

    .homeform-container .homeform .form-group .btn-yellow {
        border-radius: 0 4px 4px 0
    }
}

@media (max-width: 992px) {
    .homeform-container.container-fluid {
        padding: 0
    }

    .homeform-container .container {
        width: 100%;
        padding: 0
    }

    .homeform-container .container > .row {
        margin-right: 0
    }

    .homeform-container .container > .row > .col-lg-12 {
        padding-right: 0
    }
}

.homeform-container input::-webkit-input-placeholder {
    color: #999
}

.homeform-container input:-moz-placeholder {
    color: #999;
    opacity: 1
}

.homeform-container input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.homeform-container input:-ms-input-placeholder {
    color: #999
}

.homeform-container input:placeholder-shown {
    color: #999
}

body {
    color: #3e3e3e;
    font: 14px/19px 'Lato', sans-serif;
    background-color: #e6f0f9;
    font-weight: 400
}

.logo-skuola {
    height: 2.5em;
    margin-top: 2em
}

.stButton .st-twitter-counter, .stButton .st-facebook-counter {
    height: 22px !important
}

.stButton .stButton_gradient {
    height: 22px !important
}

a {
    color: #007dc3;
    cursor: pointer;
    text-decoration: none
}

a:hover, a:focus {
    color: #545454;
    text-decoration: underline
}

.dropdown-menu {
    z-index: 1000
}

.modal .close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
    text-decoration: none;
    opacity: 1;
    padding: 0 5px;
    color: #007dc3;
    background: #fff;
    z-index: 9999;
    margin: 2px
}

.modal-body {
    max-height: 500px;
    overflow: auto
}

.modal-body table a {
    color: #3e3e3e
}

.vedit a:hover {
    text-decoration: none
}

hr {
    border-color: #DDDDDD
}

tr.no-border td {
    border-top: 0px !important
}

.bt-1px {
    border-top: 1px solid #DDDDDD
}

.bb-1px {
    border-bottom: 1px solid #DDDDDD
}

.br-1px {
    border-right: 1px solid #DDDDDD
}

.padding-5-bott {
    padding-bottom: 5px
}

.padding-10-top-bott {
    padding: 10px 0
}

.padding-10-top {
    padding-top: 10px
}

.padding-10-left {
    padding-left: 10px
}

.padding-10-right {
    padding-right: 10px
}

.padding-30-right {
    padding-right: 30px
}

.margin-10-left {
    margin-left: 10px
}

.margin-10-right {
    margin-right: 10px
}

.margin-30-right {
    margin-right: 30px
}

.margin-20-top {
    margin-top: 20px
}

.margin-30-top {
    margin-top: 30px
}

.margin-10-top {
    margin-top: 10px
}

.margin-20-bottom {
    margin-bottom: 20px
}

.img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.relative {
    position: relative
}

.forgotLnk {
    font-size: 11px;
    line-height: 14px
}

.italic {
    font-style: italic
}

.bold {
    font-weight: bold
}

.uppercase {
    text-transform: uppercase
}

.txt-info {
    color: #007DC3
}

.txt-yellow {
    color: #F1C40F
}

#listaggio .txt-info {
    color: #66B1DB
}

#listaggio h2.city, #listaggio h2.title {
    font-size: 16px;
    font-weight: normal;
    text-transform: none
}

#listaggio h2.city i, #listaggio h2.title i {
    color: #3e3e3e
}

.txt-primary {
    color: #007dc3
}

.txt-dark-gray {
    color: #3e3e3e
}

.txt-gray {
    color: #7E7E7E
}

.text-muted {
    color: #7E7E7E
}

.text-success {
    color: #5CB85C
}

.text-info2 {
    color: #5BC0DE
}

.text-danger {
    color: #D9534F
}

.text-black {
    color: #000
}

.text-green {
    color: #9ec44d
}

.progress-bar-orange {
    background-color: #f05d21
}

.label-success2 {
    background-color: #80d780
}

.label-info2 {
    background-color: #007dc3
}

blockquote {
    border-left: 5px solid #007dc3
}

blockquote p, .carousel.slide {
    font-weight: 300
}

small {
    font-size: 75%
}

strong {
    font-weight: 900
}

h1, h2, h3, h4, h5, h6 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: 'Lato', sans-serif
}

h2, h3, h4, h5, h6 {
    text-transform: uppercase
}

h1 {
    font-size: 28px;
    margin-bottom: 10px
}

h2 {
    font-size: 20px;
    text-transform: none
}

h3 {
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 5px
}

div#signup-form-box {
    margin-top: 30px
}

.avatar-mini {
    height: 32px;
    width: 32px
}

#registraz-home label {
    font-size: 16px
}

#registraz-home.bg-primary label:before {
    content: none
}

#registraz-home button {
    margin-top: 23px
}

#registraz-home .lead {
    margin-bottom: 5px
}

#registraz-home h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 8px;
    font-weight: 400
}

.input-lg {
    font-size: 14px
}

label {
    font-weight: 400;
    text-transform: none !important
}

span.required {
    color: #C7254E;
    font-weight: 700
}

.form-group {
    margin-bottom: 25px
}

.input-group {
    margin-bottom: 20px
}

#kilometers.input-group-addon {
    text-transform: lowercase
}

#slider {
    position: relative
}

#slider a.btn.btn-info {
    -moz-box-shadow: inset -3px -3px #2292d4;
    -webkit-box-shadow: inset -3px -3px #2292d4;
    box-shadow: inset -3px -3px #2292d4
}

#slider a.btn span {
    padding-right: 20px
}

#privacy {
    z-index: 1041 !important
}

.contenitore-boxes {
    z-index: 999;
    position: absolute;
    width: 97%
}

.contenitore-boxes a:hover {
    text-decoration: none
}

.teaser1 {
    padding: 1% 1%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    width: 30%;
    margin-top: 90px;
    margin-bottom: 25px
}

.teaser1 p {
    padding: 0;
    margin: 0;
    line-height: 28px
}

.teaser1 span, .teaser1 p {
    font-weight: 100
}

.teaser1:after {
    width: 0;
    height: 0;
    border-bottom: 20px solid #007dc3;
    border-right: 20px solid transparent;
    content: "";
    position: absolute;
    left: 100%;
    bottom: 30px
}

.teaser3 {
    text-align: center;
    margin: 0 auto;
    margin-top: 25px
}

.teaser3 h1 {
    color: #808284;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0 !important
}

.teaser3 h1 strong {
    color: #3e3e3e
}

.teaser.blu, .teaser1.blu {
    background: #007dc3
}

.fraction-slider a.btn {
    padding: 1.5% 1%
}

.contenitore-destra {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 1000
}

.freccia {
    height: 130px;
    position: relative;
    width: 140px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #007dc3;
    border: 2px solid #007dc3;
    margin-bottom: 65px
}

.freccia p {
    font-weight: 400;
    padding: 10px 5px 0px;
    font-size: 1.3em;
    line-height: 30px
}

.freccia i {
    padding: 0;
    font-size: 2.5em
}

.freccia:after, .freccia:before {
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    content: "";
    height: 0;
    left: -2px;
    position: absolute;
    width: 0
}

.freccia:before {
    border-top: 25px solid #007dc3;
    bottom: -27px
}

.freccia:after {
    border-top: 25px solid #e6f0f9;
    bottom: -25px
}

.contenitore-destra a:hover .freccia {
    background-color: #007dc3;
    color: #fff
}

.contenitore-destra a:hover .freccia:after {
    border-top-color: #007dc3
}

#accordion-registrazione .panel-heading.first, #riepilogo .panel-heading.first {
    padding: 20px
}

#accordion-registrazione .panel-heading.first:hover {
    background-color: #007dc3;
    color: #ffffff
}

#accordion-registrazione .panel-heading.first h2, #riepilogo .panel-heading.first h2 {
    font-size: 20px;
    font-weight: 400
}

#accordion-registrazione .panel-heading.first:hover a, #accordion-registrazione .panel-heading.first:hover a:hover {
    color: #ffffff
}

#riepilogo dt {
    text-align: left;
    font-weight: 700;
    text-transform: uppercase
}

#riepilogo dd {
    padding-bottom: 10px
}

#custom-search-input {
    margin: 0;
    padding: 0;
    width: 250px
}

#custom-search-input .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#custom-search-input button {
    border: 0;
    background: none;
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #babfc3
}

.search-query:focus + button {
    z-index: 3
}

.bottoni-top .insieme {
    float: left
}

.bottoni-top .btn-lg.butt-studente, .bottoni-top .btn-lg.butt-tutor {
    text-transform: none !important;
    text-align: left;
    padding: 2px 10px;
    font-size: 15px;
    margin-bottom: 10px
}

.bottoni-top .butt-studente small, .bottoni-top .butt-tutor small {
    font-weight: 400 !important;
    font-size: 12px
}

.pagination {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin: 10px 0
}

.pagination a {
    color: #7E7E7E
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #007dc3;
    border-color: #007dc3;
    color: #FFFFFF;
    cursor: default;
    z-index: 2
}

.small-twitter {
    background-position: -30px 0;
    height: 29px;
    width: 29px
}

.small-twitter:hover {
    background-position: -30px -32px
}

.small-facebook {
    background-position: 0 0;
    height: 29px;
    width: 29px
}

.small-facebook:hover {
    background-position: 0 -32px
}

.small-youtube {
    background-position: -60px 0;
    height: 29px;
    width: 29px
}

.small-youtube:hover {
    background-position: -60px -32px
}

.sub-h1 {
    display: block
}

.breadcrumb {
    background-color: #ffffff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-bottom: 20px;
    padding: 8px 0px;
    border-bottom: 1px dotted #333333;
    text-transform: uppercase;
    font-size: 11px;
    color: #3e3e3e
}

.breadcrumb a {
    color: #3e3e3e
}

.breadcrumb > .active {
    color: #3e3e3e;
    font-weight: 700
}

.btn-primary, .btn-info, .btn-outline, .btn-default, .btn-danger, .btn-success {
    text-transform: uppercase
}

.btn-danger, .btn-success {
    font-weight: 700
}

.btn-default {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    color: #ffffff;
    font-weight: 700
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    background-color: #bebebe;
    border-color: #bebebe;
    color: #ffffff
}

.btn-primary {
    background-color: #fff;
    color: #007dc3;
    border-color: #007dc3;
    font-weight: 700
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-info {
    background-color: #007dc3;
    border-color: #007dc3;
    color: #FFFFFF;
    font-weight: 700
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #0c91dc;
    border-color: #0c91dc;
    color: #FFFFFF
}

.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #FFFFFF;
    font-weight: 700
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
    background-color: #2b4883;
    border-color: #2b4883;
    color: #FFFFFF;
    font-weight: 700
}

.btn-twitter {
    background-color: #80c3ec;
    border-color: #80c3ec;
    color: #FFFFFF;
    font-weight: 700
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
    background-color: #56b3ec;
    border-color: #56b3ec;
    color: #FFFFFF;
    font-weight: 700
}

.btn-outline {
    background-color: #FFFFFF;
    border-color: #007dc3;
    color: #007dc3;
    border-width: 1px;
    font-weight: 700
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    background-color: #007dc3;
    border-color: #007dc3;
    color: #FFFFFF
}

.bg-info .btn-outline {
    background-color: #007dc3;
    border-color: #ffffff;
    color: #ffffff
}

.bg-info .btn-outline:hover, .bg-info .btn-outline:focus, .bg-info .btn-outline:active {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #007dc3
}

.bg-primary .btn-outline {
    background-color: #007dc3;
    border-color: #ffffff;
    color: #ffffff
}

.bg-primary .btn-outline:hover, .bg-primary .btn-outline:focus, .bg-primary .btn-outline:active {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #007dc3
}

.panel {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px
}

.panel-heading, .panel-body {
    padding: 10px
}

.panel-heading .panel-title > a:hover, .panel-heading .panel-title > a:focus {
    text-decoration: none;
    color: #7E7E7E
}

#dovesiamo h4.list-group-item-heading {
    font-weight: 400;
    font-size: 20px
}

#dovesiamo .active h4.list-group-item-heading {
    color: #ffffff
}

#accordion-registrazione h4.panel-title {
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.box {
    padding: 15px
}

.btn-yellow {
    background-color: #ffe700;
    color: #007dc3;
    border: 2px solid #ffe700;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px
}

.btn-yellow:hover {
    background-color: #faee7a;
    color: #007dc3;
    border-color: #faee7a
}

.btn-yellow:focus {
    color: #007dc3
}

.riepilogo {
    padding: 5px 0
}

.bg-info a, .bg-primary a {
    color: #ffffff
}

.bg-info h1, .bg-info h2, .bg-info h3, .bg-info h4, .bg-info h5, .bg-info h6, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6 {
    color: #ffffff
}

.bg-info h3, .bg-primary h3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 8px;
    margin-bottom: 8px
}

.bg-info hr, .bg-primary hr {
    margin-bottom: 10px;
    margin-top: 10px
}

.bg-info label, .bg-primary label {
    font-weight: 400
}

.bg-info label:before, .bg-primary label:before {
    content: "\f054";
    font-family: "FontAwesome";
    padding-right: 3px
}

.bg-info .form-control, .bg-primary .form-control {
    border-color: #ffffff
}

.price {
    font-size: 40px;
    line-height: 40px
}

.credits {
    font-size: 60px;
    line-height: 60px
}

#cart td strong, table#order td strong {
    font-size: 20px;
    font-weight: 700;
    color: #666666
}

#cart th, table#order th {
    font-size: 20px;
    color: #ffffff
}

#cart td strong, table#order td strong {
    font-weight: 700
}

#cart td strong.txt-info, table#order td strong.txt-info {
    color: #007dc3
}

#cart td li button, table#order td li button {
    margin-top: 10px
}

#cart h5.iva, table#order h5.iva {
    color: #3e3e34
}

.dati-tutor .dati-mini {
    font-size: 12px;
    color: #7E7E7E;
    text-transform: uppercase
}

.dati-tutor .dati-mini dt {
    font-weight: 400;
    text-align: left;
    padding-bottom: 5px
}

.dati-tutor .dati-mini .valori-parametri-tutor {
    text-transform: lowercase;
    font-weight: 900
}

.dati-tutor .dati-mini dt .button-scheda-tutor .btn-success {
    background-color: #007dc3;
    border-color: #007dc3
}

.dati-tutor .dati-mini dd {
    color: #3e3e34;
    font-weight: 700;
    padding-bottom: 5px
}

.starrr {
    display: inline-block
}

.starrr i {
    font-size: 16px;
    padding: 0 1px;
    cursor: pointer
}

.starrr i.fa-star-empty, .starrr i.fa-star {
    color: #F1C40F
}

.starrrx i.fa-star-o {
    color: #BCE8F1
}

.light-blu-star {
    color: #BCE8F1 !important
}

.starrr:hover {
    color: #BCE8F1 !important
}

.feedback-star i {
    font-size: 36px !important
}

.feedback-star i.fa-star-o {
    color: #F1C40F
}

.modal h3.rating-num {
    font-size: 40px !important;
    font-style: normal !important;
    font-weight: 400;
    line-height: 40px;
    margin-top: 0px
}

.modal .rating i {
    color: #007dc3;
    font-size: 16px;
    padding: 0 1px
}

.modal .progress {
    margin-bottom: 10px
}

.modal .progress-bar {
    text-align: left
}

#accordion-ratings h3.rating-num {
    font-size: 40px !important;
    font-style: normal !important;
    font-weight: 400;
    line-height: 40px;
    margin-top: 0px
}

#accordion-ratings .rating i {
    color: #007dc3;
    font-size: 16px;
    padding: 0 1px
}

#accordion-ratings .progress {
    margin-bottom: 10px
}

#accordion-ratings .progress-bar {
    text-align: left
}

.panel.badges {
    font-size: 12px;
    text-transform: uppercase;
    overflow: hidden;
    margin-bottom: 25px
}

.panel.badges h3 {
    font-size: 15px
}

.panel.badges .badge {
    background-color: #ffffff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #007dc3;
    font-weight: 700;
    padding: 0px 0px;
    text-align: center;
    line-height: 1.5
}

.panel.badges .list-group {
    margin-bottom: 8px
}

.panel.badges .list-group-item {
    background-color: #FFFFFF;
    border: 0px;
    display: block;
    padding: 5px 0px;
    color: #7E7E7E
}

.panel.badges .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px
}

.panel.badges .list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px
}

.plus {
    background: none repeat scroll 0 0 #e9e7e7;
    height: 25px;
    position: relative;
    width: 90px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #3e3e34;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none
}

.plus:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #e9e7e7;
    bottom: -10px;
    content: "";
    height: 0;
    left: 25px;
    position: absolute;
    width: 0
}

.bg-info {
    background-color: #007dc3;
    color: #FFFFFF;
    margin-bottom: 20px
}

.bg-info2 {
    background-color: #007dc3
}

.bg-primary {
    background-color: #007dc3;
    color: #FFFFFF;
    margin-bottom: 20px
}

.bg-white {
    background-color: #ffffff
}

.bg-gray {
    background-color: #b1b8bb
}

.nav-tabs {
    margin-top: 20px
}

.nav-tabs li {
    font-size: 16px;
    color: #7e7e7e;
    font-weight: 700
}

.nav-tabs > li > a {
    border: 1px 1px 0px 1px solid #ddd #ddd rgba(0, 0, 0, 0.1);
    color: #7e7e7e
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #545454
}

.nav-tabs > li.active > a i, .nav-tabs > li.active > a:hover i, .nav-tabs > li.active > a:focus i {
    color: #007dc3
}

.tab-content {
    padding-top: 20px
}

@media (min-width: 1200px) {
    .tab-content.scheda-tutor {
        min-height: 600px
    }
}

.table th {
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase
}

.table td.ok {
    background-color: #FFFFFF;
    text-align: right;
    color: #fff !important
}

.tabella-agenda td a {
    color: #FFFFFF
}

.tabella-agenda > tbody > tr > .success, .tabella-agenda > tbody > tr > .bloccato {
    cursor: pointer
}

.tabella-agenda > thead > tr > .success, .tabella-agenda > tbody > tr > .success, .tabella-agenda > tfoot > tr > .success, .tabella-agenda > thead > .success > td, .tabella-agenda > tbody > .success > td, .tabella-agenda > tfoot > .success > td, .tabella-agenda > thead > .success > th, .tabella-agenda > tbody > .success > th, .tabella-agenda > tfoot > .success > th {
    background-color: #ade163 !important
}

.tabella-agenda > thead > tr > .domicilio_studente, .tabella-agenda > tbody > tr > .domicilio_studente, .tabella-agenda > tfoot > tr > .domicilio_studente, .tabella-agenda > thead > .domicilio_studente > td, .tabella-agenda > tbody > .domicilio_studente > td, .tabella-agenda > tfoot > .domicilio_studente > td, .tabella-agenda > thead > .domicilio_studente > th, .tabella-agenda > tbody > .domicilio_studente > th, .tabella-agenda > tfoot > .domicilio_studente > th {
    background-color: #74c2e3
}

.tabella-agenda > tbody > tr > .bloccato, .tabella-agenda > thead > .bloccato > td, .tabella-agenda > tbody > .bloccato > td, .tabella-agenda > thead > .bloccato > th, .tabella-agenda > tbody > .bloccato > th {
    background-color: #f05f23
}

.tabella-agenda > tbody > tr > .active, .tabella-agenda > thead > .active > td, .tabella-agenda > tbody > .active > td, .tabella-agenda > thead > .active > th, .tabella-agenda > tbody > .active > th {
    background-color: #f05f23 !important
}

.tabella-agenda > tbody > tr > .danger, .tabella-agenda > thead > .danger > td, .tabella-agenda > tbody > .danger > td, .tabella-agenda > thead > .danger > th, .tabella-agenda > tbody > .danger > th {
    background-color: #007dc3 !important
}

.table td.ok a {
    color: #DDDDDD
}

.table td.ok a:hover {
    color: #7DCE4C
}

.table td.ok a, .table td.success a {
    display: block;
    margin: -8px;
    padding: 8px
}

.tabella-curriculum td, .tabella-curriculum th {
    text-align: center
}

.agenda-list {
    list-style: none outside none;
    padding-left: 0
}

.agenda-list li {
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    float: left;
    font-size: 10px;
    padding: 5px 10px;
    line-height: 1.5;
    text-align: center;
    width: 20%
}

.agenda-list li p {
    padding-top: 5px;
    margin-bottom: 0
}

.agenda-list li span {
    padding: 0.5em 1.1em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.label.label-legenda.label-disponibile {
    background-color: #ade163
}

.label.label-legenda.label-vuoto {
    background-color: #ffffff;
    border: 1px solid #cccccc
}

.label.label-legenda.label-accettata {
    background-color: #007dc3
}

.label.label-legenda.label-trasferta {
    background-color: #74c2e3
}

.label.label-legenda.label-attesa {
    background-color: #f05f23
}

#lezioni .dl-horizontal {
    font-size: 14px
}

#lezioni .dl-horizontal dt, #coupon .dl-horizontal dt, #lezioni-archivio .dl-horizontal dt, #lezioni-scheda .dl-horizontal dt {
    text-align: left;
    text-transform: uppercase;
    color: #3e3e3e;
    font-weight: 700
}

#lezioni-scheda .dl-horizontal dd {
    padding-bottom: 10px;
    font-weight: 400 !important
}

#lezioni .label, #lezioni-archivio .label, #coupon .label {
    font-size: 100%;
    font-weight: 700
}

.sorting .form-group {
    margin-bottom: 0
}

#listaggio {
    padding-bottom: 20px
}

#listaggio .dati-tutor {
    margin-bottom: 0
}

#listaggio h2, .box-feedback h3 {
    color: #007dc3;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 5px
}

#listaggio h2 a {
    color: #007dc3
}

#listaggio h2 a:hover {
    color: #0c91dc
}

.coccarda {
    position: absolute;
    right: 50px;
    bottom: 15px
}

.state-icon {
    right: 0
}

#listaggio .list-group-item-primary {
    background-color: #d6f0fa
}

#listaggio .list-group-item {
    border: 0px;
    border-bottom: 1px solid #ddd !important
}

#listaggio .subject-block > h2 {
    color: #3e3e3e;
    font-size: 20px;
    font-weight: 600
}

#listaggio .subject-block:first-child > h2 {
    margin-top: 30px
}

#mappa {
    margin-bottom: 20px
}

#mappa h3 {
    padding-bottom: 8px
}

#filtraggio {
    padding: 0px 0;
    font-size: 12px
}

#filtraggio label {
    text-transform: none;
    font-weight: normal
}

#filtraggio h3 {
    padding-bottom: 8px
}

#menu-filtro a.selected {
    color: #007dc3;
    font-weight: 700
}

#menu-filtro .nav-list > li > a {
    padding-left: 20px
}

.menu-filtri .accordion-group {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    margin-bottom: 8px
}

.menu-filtri .accordion-heading {
    position: relative;
    font-weight: bold;
    background-color: #eaeaea;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 0;
    text-transform: none
}

.menu-filtri .accordion-heading a {
    color: #3e3e3e;
    font-weight: 700
}

.menu-filtri .accordion-heading a:hover {
    color: #007dc3;
    text-decoration: none
}

.menu-filtri .collapse.in {
    overflow: visible
}

.menu-filtri .accordion-heading .accordion-toggle {
    padding: 4px 10px
}

.menu-filtri .accordion-inner {
    border-top: 0px solid;
    padding: 4px 10px
}

.menu-filtri .accordion-inner li > a {
    color: #7E7E7E;
    padding-top: 0
}

.menu-filtri .accordion-inner li > a:hover {
    background: none;
    color: #007dc3
}

.destacados {
    padding: 0px 0;
    text-align: center;
    height: 300px;
    margin-top: 25px
}

#box-simple-safe .destacados {
    margin: 30px 0 100px
}

.img-thumbnail.blu, .img-thumbnail.primary {
    border: none;
    padding: 6px
}

.destacados .circle-icon {
    border-radius: 100px;
    width: 100px;
    height: 100px;
    background-color: #007dc3;
    color: white;
    padding-top: 30px
}

.destacados .circle-icon.inverted {
    background-color: #fff;
    border: 2px solid #007dc3;
    color: #007dc3;
    width: 98px;
    height: 98px
}

.destacados .circle-icon.fa {
    font-size: 2.5em
}

.destacados .circle-icon.center {
    background-color: #fff;
    color: #007dc3;
    border: 3px solid #007dc3
}

.destacados h2 {
    font-size: 25px;
    font-weight: 400;
    margin-top: 10px
}

.destacados > div > div {
    padding: 10px;
    border: 1px solid transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s
}

.destacados > div > div a#tutor-block, .destacados > div > div a#tutor-block:hover {
    color: #3e3e3e;
    text-decoration: none
}

.destacados div .img-box {
    height: 100px
}

.destacados div .img-box img {
    position: relative;
    width: 160px;
    bottom: 10px
}

.destacados #right-box a, .destacados #right-box a:hover {
    text-decoration: none;
    color: #3e3e3e
}

.destacados #right-box a.btn {
    color: #fff
}

#maxim-top {
    background-color: #ffffff;
    color: #5e6063;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px
}

#maxim-top .nav {
    float: right;
    padding-right: 20px
}

#maxim-top .input-group {
    margin-bottom: 0px
}

#maxim-top a.dropdown-toggle {
    padding-right: 0px;
    color: #3e3e3e;
    font-weight: 700;
    background: none
}

#maxim-top .dropdown-menu {
    left: auto;
    right: 0
}

#maxim-top .form-group {
    margin-bottom: 10px
}

#maxim-top a:hover.dropdown-toggle, #maxim-top a:hover.show-notifications {
    background: none
}

#maxim-top a#navAvatar {
    padding: 0
}

.panel-body.riepilogo-tutor {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px
}

.panel-body.riepilogo-tutor i {
    font-size: 140%;
    float: left
}

footer {
    clear: both;
    color: #FFFFFF;
    margin-top: 30px
}

footer .footer-container {
    padding: 20px 0px;
    background-color: #007dc3;
    clear: both;
    font-size: 12px
}

footer .footer-container strong {
    font-weight: 600;
    text-transform: uppercase
}

footer .footer-container .right-column p {
    font-size: 12px
}

footer .footer-container .right-column p.phone {
    font-size: 14px;
    margin-bottom: 0px
}

footer .row {
    margin: 0
}

#footer-home footer .footer-container {
    background-color: transparent;
    margin-left: auto
}

footer .footer-container .right-column i {
    margin-right: 5px
}

footer .footer-container .right-column .btn {
    width: 50%;
    margin-bottom: 20px;
    background-color: #fff;
    color: #007dc3;
    font-weight: bold
}

footer .footer-container .privacy-links {
    text-align: justify
}

footer .bottom-box {
    height: 120px;
    position: relative
}

footer .bottom-container {
    height: 120px
}

footer .footer-container #btn-footer {
    border: 1px solid #fff;
    margin: 0 auto 20px auto;
    width: 50%;
    text-align: center
}

@media (max-width: 768px) {
    footer .footer-container {
        text-align: center
    }

    footer .footer-container .details {
        width: 100%;
        clear: both;
        padding: 20px 30px 0px 30px
    }

    footer .footer-container .details span {
        width: 100%;
        display: block
    }

    footer .bottom-box {
        height: auto
    }
}

@media (max-width: 994px) {
    footer .top-box {
        padding: 0px
    }
}

@media (min-width: 768px) {
    footer .footer-container .right-column .btn {
        width: 65%
    }

    footer .col.socials {
        text-align: left;
        width: 20%;
        float: left
    }

    footer .bottom-box {
        top: 0px
    }

    footer {
        position: relative
    }

    footer .bottom-box::after {
        content: '';
        background: transparent url(../../../uploads/2017/11/logo-footer.png) no-repeat;
        background-size: contain;
        width: 201px;
        height: 135px;
        position: absolute;
        bottom: -5px;
        right: 17px
    }
}

@media (min-width: 992px) {
    footer .top-box {
        margin-bottom: 80px
    }

    footer .bottom-box {
        top: 0px;
        height: 0px;
        padding-bottom: 55px
    }

    footer .col.socials {
        width: 100%;
        padding: 0 10px;
        position: relative;
        bottom: 3px
    }
}

@media (min-width: 1200px) {
    footer .top-box {
        margin-bottom: 100px
    }

    footer .col.socials {
        text-align: center;
        width: 10%;
        float: left;
        position: relative;
        left: 10px
    }

    footer .legal-conditions {
        text-align: center
    }

    footer .bottom-box {
        padding-bottom: 20px
    }
}

footer a {
    color: #FFFFFF
}

footer a:hover {
    color: #FFFFFF
}

footer a:focus {
    color: #FFFFFF
}

footer {
    float: none;
    font-size: 11px;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0
}

#footer-home footer {
    background-color: #007dc3
}

footer .footer-container strong {
    font-size: 14px
}

footer .service {
    padding-top: 113px;
    clear: both
}

footer .service a {
    padding-right: 15px
}

footer > li > a.icon-social {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px
}

footer .small-twitter, footer .small-twitter:hover {
    background-position: -30px -66px;
    height: 29px;
    width: 29px
}

footer .small-facebook, footer .small-facebook:hover {
    background-position: 0 -66px;
    height: 29px;
    width: 29px
}

footer .small-youtube, footer .small-youtube:hover {
    background-position: -60px -65px;
    height: 29px;
    width: 29px
}

footer hr {
    margin: 5px 0px;
    border-color: #4BB5E3
}

.error-template {
    padding: 40px 15px;
    text-align: center
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px
}

.error-actions .btn {
    margin-right: 10px
}

.share {
    text-align: right;
    padding-bottom: 10px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #menu-personale .nav-pills > li.active > a, #menu-personale .nav-pills > li.active > a:hover, #menu-personale .nav-pills > li.active > a:focus {
    background-color: #007dc3;
    color: #FFFFFF
}

#menu-personale .nav-pills > li > a {
    color: #3e3e3e;
    font-weight: 700;
    text-transform: uppercase
}

#menu-personale .nav-pills > li > a:hover, #menu-personale .nav-pills > li > a:focus {
    background-color: #007dc3;
    color: #ffffff
}

.blockquote-box {
    min-height: 70px
}

.blockquote-box h4 {
    margin-bottom: 0px
}

.blockquote-box .square {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    text-align: center !important;
    background-color: #E6E6E6;
    padding: 15px 0
}

.blockquote-box.blockquote-primary .square {
    background-color: #007dc3;
    color: #FFF
}

.blockquote-box.blockquote-success .square {
    background-color: #5CB85C;
    color: #FFF
}

.blockquote-box.blockquote-info .square {
    background-color: #007dc3;
    color: #FFF
}

.blockquote-box.blockquote-warning .square {
    background-color: #F0AD4E;
    color: #FFF
}

.blockquote-box.blockquote-danger .square {
    background-color: #D9534F;
    color: #FFF
}

.alert-message {
    margin: 20px 0;
    padding: 5px 10px;
    border-left: 5px solid #eee
}

.alert-message h5 {
    margin-top: 5px
}

.alert-message p:last-child {
    margin-bottom: 0
}

.alert-message code {
    background-color: #fff;
    border-radius: 3px
}

.alert-message-success {
    background-color: #F4FDF0;
    border-color: #5CB85C
}

.alert-message-success h5 {
    color: #5CB85C
}

.alert-message-danger {
    background-color: #fdf7f7;
    border-color: #d9534f
}

.alert-message-danger h5 {
    color: #d9534f
}

.alert-message-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e
}

.alert-message-warning h5 {
    color: #f0ad4e
}

.alert-message-info {
    background-color: #f4f8fa;
    border-color: #5BC0DE
}

.alert-message-info h5 {
    color: #5BC0DE
}

.alert-message-default {
    background-color: #EEE;
    border-color: #B4B4B4
}

.alert-message-default h5 {
    color: #000
}

.alert-message-notice {
    background-color: #FCFCDD;
    border-color: #007dc3
}

.alert-message-notice h5 {
    color: #007dc3
}

.alert-message-attend {
    background-color: #EEE;
    border-color: #7E7E7E
}

.alert-message-attend h5 {
    color: #7E7E7E
}

.hero-widget {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.hero-widget .icon {
    display: block;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    text-align: center
}

.hero-widget var {
    display: block;
    height: 35px;
    font-size: 30px;
    line-height: 30px;
    font-style: normal
}

.hero-widget label {
    font-size: 14px;
    font-weight: 600
}

.hero-widget .options {
    margin-top: 0px
}

.navigation-mobile {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px dotted #333333;
    border-top: 1px dotted #333333
}

.navigation-mobile li {
    float: left;
    margin: 0;
    padding: 0
}

.navigation-mobile li a {
    padding: 10px 20px;
    float: left;
    color: #3e3e3e
}

.navigation-mobile li.active a {
    background: #007dc3;
    color: #fff
}

.pricing_header {
    background-color: #b1b8bb;
    border-radius: 5px 5px 0px 0px
}

.pricing_header h2 {
    text-align: center;
    line-height: 25px;
    padding: 10px 0px;
    font-size: 16px;
    margin: 0px;
    color: #ffffff
}

#tariffe .label {
    font-size: 100% !important
}

@media (max-width: 1200px) {
    .teaser3 h1 {
        font-size: 18px
    }

    .teaser1 {
        font-size: 15px
    }

    .teaser1 p {
        line-height: 18px !important
    }

    .freccia {
        font-size: 15px
    }

    #quote-carousel .teaser1 {
        font-size: 16px
    }

    #quote-carousel .teaser1 p {
        font-size: 16px !important;
        font-weight: 900;
        line-height: 25px
    }

    #quote-carousel .teaser1 p span.tipo {
        font-size: 11px !important
    }

    .logo-skuola {
        margin-top: 0.5em
    }

    .navbar-nav {
        margin-left: -200px
    }
}

@media (max-width: 992px) {
    #maxim-top .nav {
        float: none !important;
        text-align: left !important
    }

    #registraz-home {
        position: relative;
        top: auto;
        width: auto
    }

    #registraz-home button {
        margin-top: 0px
    }

    .blockquote-box {
        border-right: 0px
    }

    .destacados {
        height: auto;
        margin-top: 20px
    }

    footer .service {
        padding-top: 0
    }

    .teaser3 {
        text-align: left !important;
        margin: 0 0;
        margin-top: 10px
    }

    .teaser3 {
        margin-top: 25px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .logo-skuola {
        height: 2.0em
    }
}

@media (max-width: 980px) {
    #maxim-top .nav {
        float: none !important;
        text-align: left !important
    }

    #registraz-home button {
        margin-top: 10px
    }

    .blockquote-box {
        border-right: 0px
    }

    #quote-carousel .teaser1 {
        width: 100% !important;
        margin: 0 0px !important
    }

    #quote-carousel .citazione, #quote-carousel h3 {
        text-align: center;
        padding: 10px 0 !important;
        font-size: 18px !important
    }

    #quote-carousel .teaser1:after, #quote-carousel .teaser1.primary:after {
        display: none
    }
}

@media (max-width: 480px) {
    .container.bg-white {
        padding-top: 10px
    }

    a.aggiungi {
        margin-bottom: 20px
    }

    #listaggio .coccarda img {
        width: 40%
    }

    #listaggio .coccarda {
        position: relative;
        bottom: 30px;
        left: 50px
    }

    h1, h2, h3, h4, h5, h6 {
        color: #3e3e3e;
        margin-top: 0;
        margin-bottom: 5px;
        font-weight: 700;
        font-family: 'Lato', sans-serif
    }

    h1 {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 20px
    }

    h2 {
        font-size: 17px;
        text-transform: none !important
    }

    h3 {
        font-size: 15px;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 5px
    }

    #cart h5, table#order h5 {
        font-size: 17px
    }

    .destacados h2 {
        font-size: 17px
    }

    #accordion-registrazione .panel-heading.first, #riepilogo .panel-heading.first {
        padding: 10px
    }

    .lead {
        font-size: 15px
    }

    .price {
        font-size: 30px;
        line-height: 30px
    }

    .credits {
        font-size: 40px;
        line-height: 40px
    }

    footer {
        margin-top: 10px
    }

    footer .service {
        text-align: center;
        font-size: 12px
    }

    footer .service {
        padding-top: 10px
    }

    .nav-tabs li {
        font-size: 15px;
        float: none
    }

    #slider-home, .breadcrumb {
        display: none
    }

    #registraz-home {
        margin-top: 30px
    }

    .form-group {
        margin-bottom: 10px
    }

    .bottoni-top .insieme {
        clear: both;
        margin: 5px 0px
    }

    .agenda-list li {
        float: none;
        width: 100%;
        min-height: 40px !important
    }
}

@media (max-width: 766px) {
    footer .bg-info2 {
        padding-top: 10px
    }

    footer .service {
        text-align: center;
        font-size: 13px
    }

    footer .service {
        padding-top: 10px
    }

    footer .lista-social {
        text-align: center
    }

    #maxim-top {
        padding-bottom: 0;
        padding-top: 5px;
        margin-bottom: 0px
    }

    #maxim-top .dropdown-menu {
        left: 0;
        right: auto
    }

    .navbar {
        margin-bottom: 0px
    }

    .dati-tutor .dati-mini dt {
        width: 130px;
        float: left
    }

    #listaggio .dati-tutor {
        margin-bottom: 10px
    }

    .mini-menu {
        background: #F5F5F5
    }

    .bottoni-top.pull-right {
        float: left !important
    }

    .agenda-list li {
        min-height: 90px
    }

    .navbar-nav {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    #registraz-home button {
        margin-top: 0px
    }

    .blockquote-box {
        border-right: 0px
    }

    .tab-content {
        margin-top: 40px
    }

    ul.timeline:before {
        left: 40px
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px)
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px
    }

    ul.timeline > li > .timeline-panel {
        float: right
    }
}

.panel-gray {
    border-radius: 4px;
    background-color: #f5f5f5
}

.panel-gray .panel-heading {
    padding: 15px 20px
}

.panel-gray .panel-body p {
    padding: 0 10px
}

.panel-gray .panel-body i {
    padding: 5px 10px
}

.panel-white {
    border-radius: 4px;
    background-color: white;
    padding: 15px
}

@media print {
    @page {
        size: 210mm 297mm;
        margin: 20mm 10mm
    }

    a[href]:after {
        content: none
    }

    body {
        font-size: 11pt
    }

    .navbar {
        display: inherit
    }

    #maxim-top, footer .lista-social, footer .service {
        display: none
    }

    .coupon-print h3.txt-info {
        color: #007dc3 !important
    }

    .coupon-print .txt-primary, .coupon-print h1.txt-primary {
        color: #007dc3 !important
    }

    .biglietto-print .txt-primary, .biglietto-print h1.txt-primary {
        color: #007dc3 !important
    }

    .flyer-print .txt-primary, .flyer-print h1.txt-primary {
        color: #007dc3 !important
    }

    .panel-collapse.collapse {
        display: block
    }

    .tab-content > .tab-pane {
        display: block
    }
}

.coupon-print {
    width: 550px;
    height: 265px;
    position: relative;
    margin: 0 auto;
    font-size: 11pt
}

.coupon-print h3 {
    margin-bottom: 0px
}

.coupon-print .codice {
    position: absolute;
    left: 93px;
    bottom: 75px;
    font-size: 24px;
    line-height: 30px
}

.coupon-print .codice strong {
    display: block;
    text-align: left
}

.coupon-print .flag {
    position: absolute;
    left: 93px;
    bottom: 45px;
    font-size: 8pt
}

.coupon-print .dati {
    width: 160px;
    position: absolute;
    left: 350px;
    top: 70px;
    text-align: left
}

.coupon-print .prezzo {
    width: 160px;
    position: absolute;
    left: 350px;
    top: 190px;
    text-align: left
}

.coupon-print p {
    margin-bottom: 7px;
    line-height: 16px
}

.coupon-print .dati .tariffa {
    font-size: 24px
}

.biglietto-print {
    width: 305px;
    height: 204px;
    position: relative;
    font-size: 11pt;
    float: left
}

.biglietto-print .dati {
    display: block;
    width: 100%;
    position: absolute;
    top: 50px;
    text-align: center
}

.biglietto-print h3, .flyer-print h3 {
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 15px;
    font-size: 25px
}

.flyer-print span {
    position: relative;
    top: 10px;
    font-size: 13px
}

.biglietto-print p {
    font-size: 7pt !important
}

.biglietto-print p.bottom_text {
    margin-top: 60px;
    line-height: 10px
}

.flyer-print {
    width: 610px;
    height: 570px;
    position: relative;
    font-size: 11pt;
    clear: both
}

.flyer-print .dati {
    display: block;
    width: 100%;
    position: absolute;
    top: 60px;
    text-align: center
}

.flyer-print p {
    font-size: 10pt !important
}

.flyer-print p.levels {
    margin-top: 90px;
    font-size: 12px
}

.flyer-print .cont-vertical {
    position: absolute;
    width: 590px;
    bottom: 20px;
    left: 11px;
    height: 240px
}

.flyer-print .vertical {
    height: 240px;
    width: 59px;
    text-align: center;
    float: left
}

.flyer-print .vertical .www {
    font-size: 9pt;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.riga {
    background-image: url("/images/riga.png");
    background-position: center center;
    background-repeat: repeat-x
}

.riga + .text-center {
    margin-top: -5px
}

@media (max-width: 992px) {
    .riga + .text-center {
        margin-top: 5px
    }
}

.riga + .text-center > h2 {
    font-size: 25px;
    font-weight: 400
}

.box-feedback {
    padding-left: 15px;
    padding-right: 15px
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px 0px 0px
}

.box-feedback h2 {
    font-size: 25px;
    font-weight: 400
}

.box-feedback .thumbnail {
    border: 1px solid #ddd;
    opacity: 0.5;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s
}

.box-feedback .thumbnail:hover {
    border: 1px solid #ddd;
    opacity: 1;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s
}

#quote-carousel .carousel-control {
    background: none;
    color: #007dc3;
    font-size: 3em;
    text-shadow: none;
    margin-top: 30px;
    opacity: 1
}

#quote-carousel .carousel-control:hover {
    color: #0c91dc
}

#quote-carousel .teaser1 {
    padding: 1% 1%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    width: 80%;
    margin: 0 40px;
    padding: 15px
}

#quote-carousel .teaser1.primary {
    background: #007dc3
}

#quote-carousel .teaser1 p {
    font-size: 20px;
    font-weight: 900;
    line-height: 35px
}

#quote-carousel .teaser1 p span {
    font-weight: 300
}

#quote-carousel .teaser1 p span.tipo {
    font-size: 15px !important;
    font-weight: 300
}

#quote-carousel .teaser1:after {
    width: 0;
    height: 0;
    border-bottom: 20px solid #007dc3;
    border-right: 20px solid transparent;
    content: "";
    position: absolute;
    left: 100%;
    bottom: 40px
}

#quote-carousel .teaser1.primary:after {
    width: 0;
    height: 0;
    border-bottom: 20px solid #007dc3;
    border-right: 20px solid transparent;
    content: "";
    position: absolute;
    left: 100%;
    bottom: 40px
}

#quote-carousel .carousel-control {
    top: 30px
}

#quote-carousel .carousel-control.left {
    left: -25px
}

#quote-carousel .carousel-control.right {
    right: -25px !important
}

.item blockquote {
    border-left: none;
    margin: 0
}

#quote-carousel .citazione {
    padding: 20px 30px 30px 0;
    font-size: 18px;
    line-height: 25px
}

#quote-carousel .citazione .fa-star {
    color: #f1c40f
}

@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin: 45px 0;
        min-height: 200px
    }
}

.img-footer {
    height: 135px
}

footer address {
    margin-bottom: 20px;
    font-style: normal;
    font-size: 15px;
    line-height: 1
}

@media (min-width: 992px) {
    footer address {
        text-align: center;
        float: right;
        margin-right: 20px
    }
}

@media (max-width: 991px) {
    footer address {
        text-align: right;
        float: right;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    footer address {
        text-align: center;
        float: none;
        margin-right: 0
    }
}

.label-info {
    background-color: #007dc3
}

#tariffe .label-info {
    background-color: #66B1DB
}

.label-warning {
    background-color: #007dc3
}

.label-success {
    background-color: #9ec44d
}

.fa-info-circle.txt-info {
    color: #007dc3
}

.form-control {
    color: #3e3e3e
}

.form-control::-webkit-input-placeholder {
    color: #b1b1b1
}

.form-control:-moz-placeholder {
    color: #b1b1b1
}

.form-control::-moz-placeholder {
    color: #b1b1b1
}

.form-control:-ms-input-placeholder {
    color: #b1b1b1
}

.btn-success {
    background-color: #9ec44d;
    border-color: #9ec44d
}

.btn-success:hover {
    background-color: #a9d055;
    border-color: #a9d055
}

#cookie-banner {
    width: 100%;
    z-index: 9999;
    padding: 10px;
    background: #fff;
    color: #007dc3;
    font-size: 14px
}

#cookie-banner a {
    color: #007dc3;
    text-decoration: underline
}

#cookie-banner #cookie-banner-container {
    position: relative;
    max-width: 1170px;
    margin: 0 auto
}

#cookie-banner #cookie-banner-container p {
    display: table;
    text-align: left;
    margin: 0 auto;
    padding-right: 20px
}

#cookie-banner #cookie-banner-container #cookie-banner-close {
    background: transparent;
    color: #007dc3;
    border: none;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px
}

.legenda-panel {
    margin-top: 40px
}

.h1-tutor-list {
    font-size: 28px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    line-height: 25px;
    margin-top: 5px
}

.press {
    padding: 0
}

.press .img-box {
    display: inline-block;
    padding: 15px
}

.press {
    text-align: center
}

.press .wistia-video {
    display: inherit;
    padding: 1px 20px
}

.press-brand {
    margin-top: 25px;
    margin-right: 160px
}

.press img {
    display: inline-block;
    padding: 15px 20px
}

@media (max-width: 991px) {
    .press img {
        padding: 15px 5px
    }

    .press-brand {
        margin-right: 0px
    }
}

@media (min-width: 1200px) {
    .press-brand {
        margin-top: 70px;
        margin-left: -110px;
        margin-right: 0px
    }
}

@media (max-width: 768px) {
    .wistia-video-description {
        text-align: center
    }
}

.wistia-video-description {
    font-size: 13px;
    padding: 0px 20px;
    font-weight: 600
}

label.privacy {
    text-transform: none;
    font-size: 10px;
    display: block
}

@media screen and (min-width: 1200px) {
    .refund-group {
        margin-top: 12px
    }
}

.alert.alert-info a {
    color: #31708f;
    text-decoration: underline
}

.sidebar-search p.tutor-verified {
    margin-left: 10px
}

.sidebar-search p.tutor-refund {
    margin-left: 25px;
    margin-top: 10px
}

.sidebar-search .tutor-refund-container {
    margin-top: 0px
}

@media (max-width: 991px) {
    .sidebar-search .tutor-refund-container {
        margin-top: -5px
    }
}

.back-to-agenda {
    font-size: 16px;
    margin-top: 20px;
    text-align: center
}

.back-to-agenda span {
    text-decoration: underline
}

@media (max-width: 1200px) {
    .affix {
        position: static
    }
}

@media (min-width: 1200px) {
    .affix {
        position: fixed
    }
}

#phone div.tooltip.fade.in {
    position: absolute;
    width: 250px
}

.responsive-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    padding-top: 30px;
    margin-bottom: 20px;
    position: relative;
    top: 15px
}

.responsive-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.round-icon, .order-confirmed-header .header-item .circle-icon, .message .circle-icon {
    color: white;
    background-color: #007dc3;
    border-radius: 100%;
    text-align: center
}

.order-confirmed-header {
    margin: 45px 0
}

.order-confirmed-header .header-item {
    text-decoration: none;
    color: #3e3e3e;
    margin-bottom: 30px;
    display: block
}

.order-confirmed-header .header-item .circle-icon {
    padding: 15px;
    margin-right: 15px
}

.order-confirmed-header .header-item .fa {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px
}

.order-confirmed-header .header-item h4 {
    text-transform: none;
    margin-bottom: 0
}

.message h3 {
    text-transform: capitalize
}

.message .circle-icon {
    padding: 20px;
    height: 70px;
    width: 70px;
    margin: 0px auto 20px auto
}

.order-summary h4 {
    text-transform: none
}

a.text-error, a.text-error:hover {
    color: #a94442;
    text-decoration: underline
}

.header-empty-cart-link {
    padding: 18px 35px !important
}

span.modal-title {
    font-size: 18px;
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase
}

.homeform-container .selectize-dropdown, .homeform-container .tt-menu {
    top: 10px !important
}

form .box .selectize-dropdown, form .box .tt-menu {
    top: -10px !important
}