@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
html {
    direction: ltr;
}
/*Avenir Roman*/
@font-face {
    font-family: Avenir;
    src: url("../../fonts/Avenir/AvenirRoman.eot?iefix") format("eot");
}

@font-face {
    font-family: Avenir;
    src: url("../../fonts/Avenir/AvenirRoman.eot?iefix");
    src: url("../../fonts/Avenir/AvenirRoman.woff?iefix") format("woff"), url("../../fonts/Avenir/AvenirRoman.ttf") format("truetype"), url("../../fonts/Avenir/AvenirRoman.svg#12b392b1-29e3-4914-92d3-cf207e1c5a6c") format("svg");
}

/*Avenir Black*/
@font-face {
    font-family: Avenir;
    font-weight: bold;
    src: url("../../fonts/Avenir/AvenirRoman.eot?iefix") format("eot");
}

@font-face {
    font-family: Avenir;
    font-weight: bold;
    src: url("../../fonts/Avenir/AvenirRoman.eot?iefix");
    src: url("../../fonts/Avenir/AvenirRoman.woff?iefix") format("woff"), url("../../fonts/Avenir/AvenirRoman.ttf") format("truetype"), url("../../fonts/Avenir/AvenirRoman.svg#4629ed47-0ef9-4384-b6b9-9f5c6b9b7837") format("svg");
}

/*Avenir Heavy*/
@font-face {
    font-family: AvenirHeavy;
    src: url("../../fonts/Avenir/AvenirHeavy.eot?iefix") format("eot");
}

@font-face {
    font-family: AvenirHeavy;
    src: url("../../fonts/Avenir/AvenirHeavy.eot?iefix");
    src: url("../../fonts/Avenir/AvenirHeavy.woff?iefix") format("woff"), url("../../fonts/Avenir/AvenirHeavy.ttf") format("truetype"), url("../../fonts/Avenir/AvenirHeavy.svg#8afe744b-89a2-4ae2-a88e-05c6882580f3") format("svg");
}

body {
    font-family: AvenirHeavy,Helvetica Neue,Helvetica,Arial,Sans-serif;
}

.fun-text,
.fun-title {
    font-family: AvenirHeavy, serif
}



.large-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: AvenirHeavy, serif
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
    .foot-logo,
    header.top-head .logo a {
        background: transparent url(../../images/logos/logo@2-min-en.png) no-repeat 100% 50%;
        background-size: 200px 38px
    }
}

.foot-logo,
header.top-head .logo a {
    background: transparent url(../../images/logos/logo-min-en.png) no-repeat 50% 50%
}

.footer-top-2 .foot-logo {
    background: transparent url(../../images/logos/footer-logo-min-en.png) no-repeat 100% 50%
}

.head-style2 .top-head .logo a,
.head-style3 .logo a {
    background: transparent url(../../images/logos/logo-white-min-en.png) no-repeat 50% 0 !important
}

.types-box {
    float: left;
}

.masonry .post-item, [class*=cell-] {
    float: left;
}


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

.top-nav {
    float: right
}

    .top-nav > ul > li {
        float: right;
    }

        .top-nav > ul > li:after {
            -webkit-transform: skew(-35deg, 0);
            transform: skew(-35deg, 0)
        }

        .top-nav > ul > li:after {
            left: -3px;
        }

.fa-pull-left {
    float: right
}

.fa-pull-right {
    float: left
}

.pull-right {
    float: left
}

.pull-left {
    float: right
}

.toast-close-button {
    float: left;
}

.rtl .toast-close-button {
    float: right;
}

.top-bar li {
    float: right;
}

.top-nav > ul > li {
    float: right;
}

.div-mega-section {
    float: right;
}

.top-search {
    float: left;
}

.login-box .left {
    float: right;
}

.dropcap {
    float: right;
}

.level-in {
    float: right;
}

.levels-2 li {
    float: right;
}

.testimonials-img {
    float: right;
}

.project-options a {
    float: right;
}

.viewAll .btn {
    float: right;
}

#filters li {
    float: right;
}

.check-box-box * {
    float: right
}

.tabs > ul li {
    float: right;
}

.tabs-vertical > ul {
    float: right;
}

.tabs-vertical .tabs-pane {
    float: right;
}

.accordion li > h3 a {
    float: right;
}

.accordion-horizontal > li {
    float: right;
}

    .accordion-horizontal > li > h3 {
        float: right;
    }

.breadcrumbs {
    float: right;
}

    .breadcrumbs a {
        float: right;
    }

    .breadcrumbs span {
        float: right;
    }

.rit-plan .plan-year span {
    float: left
}

.my-img img {
    float: right;
}

.team-socials li {
    float: right;
}

.post-lft-info {
    float: right;
}

.post-info .post-meta li {
    float: right;
}

.blog-thumbs .post-image {
    float: right;
}

.share-post .sh,
.share-post ul li {
    float: right;
}

.comment-date {
    float: left;
}

.comment-reply {
    float: left;
}

.contact-form input[type=email],
.contact-form input[type=file],
.contact-form input[type=password],
.contact-form input[type=text],
.contact-form textarea {
    float: right;
}

.contact-form select {
    float: right;
}

.form-box {
    float: right;
}

.right-rating {
    float: left;
}

.products-filter-top {
    float: right !important
}

.list-grid {
    float: left !important
}

    .list-grid a {
        float: left;
    }

.grid-list.list .item-img {
    float: right;
}

.cart-icon {
    float: left;
}

.cart-mini-lft {
    float: right;
}

.title-2 h1 {
    float: right;
}

.title-2 i {
    float: right;
}

.title-3 h1 {
    float: right;
}

.title-3 i {
    float: right;
}

.title-4 h1,
.title-4-desc {
    float: right;
}

.r-posts-w .post-img {
    float: right;
}

.blog-cat-w li span {
    float: left
}

.tags-w .tags a {
    float: right;
}

.flickr-stream-w ul li {
    float: right;
}

.footer-menu-inline {
    float: right;
}

.recent-posts-footer li .post-img {
    float: right;
}

.social-list li {
    float: right;
}

.timeline_no_bar .timeline-cell {
    float: right;
}

    .timeline_no_bar .timeline-cell:nth-child(odd) {
        float: right
    }

    .timeline_no_bar .timeline-cell:nth-child(even) {
        float: left;
    }

    .timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date .inner_date {
        float: left
    }

.gallery-item {
    float: right;
}

.accordion.style-2 li > h3 u {
    float: left;
}

.divider-1 .divid_after {
    float: left;
}


.left {
    float: right
}

.pager ul li {
    float: right;
}

@media (max-width: 1024px) {
    .head2-lft-links {
        float: left !important;
    }

        .head2-lft-links li,
        .head-style2 .right-bar {
            float: right !important
        }

            .head2-lft-links li i {
                float: right;
            }
}

@media (max-width: 992px) {
    .toolsBar .left,
    .top-bar [class*=cell-] {
        float: left !important;
    }

    .toolsBar .right,
    .top-bar .right-bar {
        float: left !important
    }

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

    .staff-1 .cell-2 {
        float: right;
    }

    .portfolio-items > div {
        float: right;
    }

    .rit-dark,
    .social-list {
        float: none !important;
    }

    .shop-item,
    .team-boxes [class*=cell-] {
        float: right;
    }

    .team-boxes-2 [class*=cell-] {
        float: right;
    }

    .my-details [class*=cell-] {
        float: left;
    }
}

@media (max-width: 768px) {
    .portfolio-items > div {
        float: right;
    }

    .shop-item,
    .team-boxes [class*=cell-] {
        float: right;
    }
}

@media (max-width: 640px) {
    .comment-avatar {
        float: left
    }
}

.tools > a {
    float: right;
}

.colors li {
    float: left
}

.patterns li {
    float: left
}

.top-bar li {
    float: left;
}

.top-nav {
    float: left
}

    .top-nav > ul > li {
        float: left;
    }

.div-mega-section {
    float: left;
}

.top-search {
    float: right;
}

.head-style2 .right-bar {
    float: left;
    margin: 2px 5px 0 0
}

    .head-style2 .right-bar li {
        float: right;
        padding: 5px 0 5px 15px
    }

.head-style2 .top-menu {
    float: left !important
}

.login-box .left {
    float: left
}

.right {
    float: right !important
}

.left {
    float: left
}

.pager ul li {
    float: left;
}

.dropcap {
    float: right;
}

.levels-2 li {
    float: left
}

.testimonials-img {
    float: left;
}

.project-options a {
    float: right;
}

.viewAll .btn {
    float: left
}

.slick-slide {
    float: left
}

#filters li {
    float: left;
}

.check-box-box * {
    float: left
}

.tabs > ul li {
    float: left;
}

.tabs-vertical > ul {
    float: left
}

.tabs-vertical .tabs-pane {
    float: left;
}

.accordion li > h3 a {
    float: left
}

.accordion li > h3 u {
    float: left;
}

.accordion-horizontal > li {
    float: left
}

    .accordion-horizontal > li > h3 {
        float: left
    }

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
    float: left
}

.rit-plan .plan-year span {
    float: left
}

.my-img img {
    float: left
}

.team-socials li {
    float: left
}

.post-lft-info {
    float: left;
}

.post-info .post-meta li {
    float: left;
}

.blog-thumbs .post-image {
    float: left;
}

.share-post .sh,
.share-post ul li {
    float: left;
}

.comment-date {
    float: right;
}

.comment-reply {
    float: left
}

.contact-form input[type=email],
.contact-form input[type=file],
.contact-form input[type=password],
.contact-form input[type=text],
.contact-form select,
.contact-form textarea {
    float: left
}

.form-box {
    float: left
}

.right-rating,
.right-rating .item-rating {
    float: left
}

.products-filter-top {
    float: left !important
}

.list-grid {
    float: left !important
}

    .list-grid a {
        float: right;
    }

.grid-list.list .item-img {
    float: left;
}

.cart-icon {
    float: right;
}

.cart-mini-lft {
    float: left;
}

.title-2 h1,
.title-3 h1,
.title-4 h1,
.title-4-desc {
    float: left
}

.title-2 i,
.title-3 i {
    float: left;
}

.r-posts-w .post-img {
    float: left
}

.blog-cat-w li span {
    float: left
}

.flickr-stream-w ul li,
.tags-w .tags a {
    float: left
}

.footer-top .tags a {
    float: left
}

.social-list li {
    float: left;
}

.larg-socials li {
    float: left
}

@media (max-width: 992px) {
    .top-bar .right-bar {
        float: left !important
    }
}

.small_items .post-meta li {
    float: left
}

.block-head-News a {
    float: right;
}

.news-masnory .gallery li {
    float: left;
}

.footer-top .tweet .twitter-pic {
    float: left;
}

.head2-lft-links li i {
    float: right;
}

.cell-9.lft,
.cell-9.rit,
.left-sidebar,
.right-sidebar {
    float: left
}

div.download {
    float: left
}

.our_gallery div.pagination a,
.our_gallery div.pagination span.current,
.our_gallery div.pagination span.ellipsis {
    float: left
}

.our_gallery ul.thumbs li {
    float: left;
}

.accordion.style-2 li > h3 u {
    float: left
}

.footer-menu-inline {
    float: left
}

.questionID {
    float: right;
}

.col-xs-2 {
    float: right;
}

#quiz-list li {
    float: left;
}

.lesson .box {
    float: right;
}



/*  YOUR WORK HERE  */

.v-steps li:nth-child(odd) div {
    left: 36px;
}

.v-steps li:nth-child(even) div {
    left: -432px;
}

.search-box input[type=submit] {
    padding-left: 0px;
}

.search-box, .search-box:before {
    left: auto;
    right: 0px;
}

table.quiz th {
    text-align: left;
}

.testimonials-bg {
    direction: ltr
}

.modal {
    direction: ltr;
}

.corner.close {
    position: absolute;
    top: 20px;
    right: 20px;
}

dt::before {
    margin-right: 5px;
}

.v-steps p {
    text-align: left;
}

.top-bar a, .top-bar span {
    padding: 0 5px 0 0px;
}

.top-bar li:first-child i {
    margin: 0 8px;
}

.footer-top-2 .foot-logo {
    background: transparent url(../../images/logos/footer-logo-min-en.png) no-repeat 0% 50%;
}

.responsive-nav h3:before {
    display: none;
}

.continue-btn .btn.right:after, .steps li span:before {
    right: auto;
    right: -15px;
}

blockquote {
    background: #f9f9f9;
    border-left: 2px solid;
    border-right: none;
}




@media screen and (min-width:0px) and (max-width:900px) {
    .v-steps li:nth-child(even) div {
        left: -277px !important;
    }

    .v-steps li:nth-child(odd) div {
        left: 34px !important;
    }
}
/*  END YOUR WORK HERE  */
@media screen and (min-width:0px) and (max-width:639px) {
    .v-steps li:nth-child(even) div {
        left: -88vw !important;
        width: 80vw;
    }

    .v-steps li:nth-child(odd) div::before {
        right: -15px !important;
        left: auto !important;
    }

    .v-steps li:nth-child(odd) div {
        left: -88vw !important;
        width: 80vw;
    }
}


@media screen and (min-width:1026px) and (max-width:1175px) {
    .top-nav > ul > li > a {
        display: block;
        padding: 0 10px;
        padding-top: 22px;
        height: 83px;
        text-transform: uppercase;
        overflow: hidden;
        text-align: center;
    }

    .top-bar a, .top-bar span {
        padding: 0 5px 0 0px;
    }
}

@media screen and (min-width:992px) and (max-width:1025px) {

    .top-search {
        margin-right: 0px;
        margin-left: 10px;
    }

    .top-nav > ul > li > a {
        padding-right: 7px;
        padding-left: 7px;
    }
}

@media screen and (max-width: 767px) {
    .responsive-nav i.fa {
        margin-right: 5px;
    }
}

.flex-div {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
}

input#b-search.btn.main-bg {
    border-radius: 0px 0px 4px 0px;
}

.top-nav > ul > li > a {
    padding-right: 7px;
    padding-left: 7px;
}

.top-search {
    margin-right: 0px;
    margin-left: 10px;
}

.continue-btn .btn.left:after {
    left: -15px;
}

.continue-btn .btn.right:after {
    border-right: 15px solid;
}

.continue-btn .btn.right:hover:after {
    border-right: 15px solid;
}

.continue-btn .btn.left:after {
    border-left: 15px solid #777;
}

.continue-btn .btn.left:hover:after {
    border-left: 15px solid #666;
}
.left-text {
    text-align: left
}

.right-text {
    text-align: right
}
.sec-text.no-padding h1 {
   font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0;
     padding-top: 20px;
}
.sec-text.no-padding h2 {
    padding: 0;
}
.lesson h2 {
    font-weight: 700;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}
.sec-text h2 {
    padding-top: 20px;
}

.lesson h3 {
    font-weight: 700;
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
}
.sec-text h4, .sec-list h4{
    font-size: 18px;
    margin: 17px 0px 5px 0;
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
}
.lesson ul, .lesson ol {
    padding-left: 40px;
    padding-right: 0;
    max-width: 76em;
    font-family: 'Roboto', sans-serif;
}
.lesson ul li {
    margin: .5em 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.lesson p{
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 65em;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: .5em 0;
}

.box {
    position: relative;
    margin: 0 0 0 15px;
    }

.last-sec {
    background: #cefbcb;
    border-radius: 10px;
    padding: 10px 20px;
}

.sec-list ul, .sec-list ol ,.sec-text ul, .sec-text ol, .last-sec ul {
    padding-bottom: 0;
    padding-top: 1px;
}
.sec-list, .sec-text{
    position: relative;
  margin-bottom: 50px;
}
.sec-list:before {
    height: 2px;
    display: block;
    width: 22.5%;
    background: rgb(206, 251, 203);
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
}
.sec-list:after {
    display: block;
    content: '';
    background: rgb(206, 251, 203);
    height: 1px;
    width: 72.5%;
    top: -30px;
    right: 0;
    position: absolute;
}
.box.wide-img {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.box.wide-img img {
    max-height: 240px;
    width: 100%;
}
.lesson .box {
    border-style: none;
    position: relative;
    padding: 0;
}
.mini-box {
    background: #cefbcb;
    padding: 20px 15px;
    max-width: 60em;
    border-radius: 5px;
}
.img-block-botim {
    text-align: center;
    margin: 0 auto;
    width: 87%;
    padding-top: 30px;
}
.mini-box.padding {
    margin-left: 22px;
}