*------------------------------------------------------------------ [Default Stylesheet] Project: Connectutor Version: 1.0 Last change: 2020 Assigned to: Subadra -------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[Layout]

	01. Font Face

-------------------------------------------------------------------*/

/* Font Face */
@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Thin.eot');
    src: url('fonts/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Thin.woff2') format('woff2'),
        url('fonts/RobotoSlab-Thin.woff') format('woff'),
        url('fonts/RobotoSlab-Thin.ttf') format('truetype'),
        url('fonts/RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Bold.eot');
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('fonts/RobotoSlab-Bold.woff') format('woff'),
        url('fonts/RobotoSlab-Bold.ttf') format('truetype'),
        url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Light.eot');
    src: url('fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Light.woff2') format('woff2'),
        url('fonts/RobotoSlab-Light.woff') format('woff'),
        url('fonts/RobotoSlab-Light.ttf') format('truetype'),
        url('fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab-Regular.eot');
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('fonts/RobotoSlab-Regular.woff') format('woff'),
        url('fonts/RobotoSlab-Regular.ttf') format('truetype'),
        url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* custom css */

h1,
h2,
h3,
h6 {
    color: #1e1e1e;
}

.bg-banner.flat-row .overlay {
    background-color: rgba(30, 30, 30, 0.4);
}

.about-us .desc ul li,
.uniqusec .about-us .desc ul li {
    font-style: initial;
    color: #fff;
    font-size: 21px;
    line-height: 34px;
    font-weight: 300;
    font-family: 'Roboto Slab';
}

.uniqusec .about-us .desc ul li {
    color: #1e1e1e;
}

.uniqusec ul li span {
    color: #2d76b2;
    font-size: 21px;
    font-family: Roboto Slab;
}

.flat-button {
    padding: 15px 30px;
    border: 0;
}

.about-us .desc ul li:before {
    width: 8px;
    height: 8px;
    top: 14px;
}

#mainnav > ul > li > a {
    text-transform: none;
    text-decoration: none;
    line-height: 92px;
    /*height: 90px;*/
    padding: 0 30px 0 30px;
    font-size: 18px;
    letter-spacing: 0.1px;
    font-weight: 400;
    color: #777;
}

.header .header-wrap .logo {
    margin: 12px 0 12px 0;
}

.flat-information > li {
    padding-left: 24px;
}

.flat-information > li > a {
    color: #777;
    font-size: 14px;
}

.top .language {
    padding: 12px 0 12px;
}

.top .top-navigator ul li {
    padding: 0;
}

.top .top-navigator ul li a,
.flat-information > li > a {
    font-size: 14px;
    font-family: 'Arial';
    color: #777;
    padding-top: 5px;
}

.top .top-navigator ul li a {
    padding: 12px 35px 12px 28px;
    float: left;
    border-left: 1px solid #ddd;
}

.top .top-navigator ul li a:hover {
    background: #2d76b2;
    color: #fff;
}

.top .top-navigator ul li,
.top .top-navigator ul li:first-child {
    border: none;
}

.top .top-navigator ul li:hover {
    background: #fff;
    color: transparent;
    cursor: pointer;
}

.header .header-wrap .show-search {
    padding-right: 0;
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
    text-align: center;
    display: list-item;
}

.widget_search input {
    padding: 0 20px;
}

.top-search.show {
    top: 1px;
}

.flat-iconbox.center.style3 {
    background-color: #eef1f6
}

.title-section .title {
    color: #1e1e1e;
    text-transform: capitalize;
    padding-bottom: 20px;
    font-size: 3em;
    line-height: 60px;
    font-weight: 800;
}

.flat-iconbox .content .title,
.flat-courses .courses-content .courses-topic,
.entry .title-post,
.entry .title-post {
    font-family: 'Arial';
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: 600;
    margin-bottom: 15px;
}

.subhead {
    padding: 0;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 30px;
    font-weight: 500;
    color: #1e1e1e;
    margin-bottom: 15px;
}

.indiv-icnbx .flat-iconbox {
    height: 615px;
}

.flat-iconbox {
    height: 500px;
}

.flat-iconbox .content ul li,
.course-offer .flat-courses .courses-content p,
.entry-post p,
p,
.about-us .desc ul li,
.uniqusec .about-us .desc ul li,
.uniqusec .about-us ul li span {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    font-family: 'Roboto Slab';
    margin-bottom: 5px;
}

.about-us .desc ul li,
.uniqusec .about-us .desc ul li,
.uniqusec .about-us ul li span {
    padding-left: 0;
}

.flat-courses .courses-thumbnail:before {
    display: block;
}

.entry-post p:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #2d76b2;
    position: absolute;
    left: 0;
    top: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.course-offer .flat-courses .courses-content p,
p {
    padding-left: 0;
}

.flat-iconbox.center.style3 {
    padding: 30px;
    margin-bottom: 30px;
}

.flat-iconbox ul {
    text-align: left;
    padding: 0;
    padding-left: 0;
}

.flat-iconbox.center.style3 .icon-image {
    padding: 0 0 15px 0;
}

.flat-iconbox:hover h6,
.flat-iconbox:hover h4 {
    color: #fff;
}

.title-section .title.text-white,
.flat-courses .courses-content p.text-white {
    color: #fff;
}

.entry.images-right .main-post {
    min-height: 350px;
}

.entry.images-left .main-post {
    min-height: 370px;
}

.blog .entry:last-child {
    margin-bottom: 0;
}

.about-us .title-section {
    text-align: left;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.flat-contact-form.fillter-courses .wrap-type-input .wrap {
    float: left;
    padding-right: 15px;
}

.widget ul.flat-information li a {
    font-size: 18px;
    font-family: 'Roboto Slab';
    color: #999;
    font-weight: 400;
}

.flat-information > li:before {
    left: -5px;
    font-size: 20px;
}

.footer-widgets ul li a {
    font-family: 'Roboto Slab';
    font-weight: 400;
}

.footer-widgets .widget-title {
    color: #fff;
    font-family: 'Arial';
    font-size: 17px;
    letter-spacing: 2px;
}

.widget.widget_mc4wp label {
    font-family: 'Roboto Slab';
}

.bottom p,
.bottom a {
    color: #999;
}

.bottom a {
    font-family: 'Roboto Slab';
}

ul.flat-socials li a i {
    font-size: 18px;
    color: #999;
}

ul.flat-socials li {
    margin-left: 20px;
}

.widget.widget_mc4wp input[type="submit"] {
    font-weight: 400;
    background: #2d76b2;
    padding: 18px 30px 18px 30px;
}

.widget.widget_mc4wp input[type="email"]:focus {
    border-color: #2b3341;
}

.copyright {
    padding: 20px 0;
}

.bottom ul.flat-socials li {
    padding: 26px 0 26px 0;
}

.widget.widget_mc4wp input[type="submit"]:hover {
    color: #ffffff;
}

.flat-testimonials-slider #flat-testimonials-flexslider:before {
    position: relative;
    left: auto;
    top: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    content: "“";
}

.flat-testimonials-slider #flat-testimonials-flexslider {
    margin-bottom: 0;
    padding: 0;
}

.flat-testimonials-slider #flat-testimonials-flexslider li p {
    font-family: 'Roboto Slab';
    font-style: initial;
    font-weight: 300;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 30px;
}

.flat-testimonials-slider #flat-testimonials-flexslider li h4.name {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Arial';
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .timeline > li {
        width: 100%;
    }

    .bg-banner .about-us .title-about-us {
        font-size: 22px;
        line-height: 28px;
    }

    .bg-banner {
        background-position: 70% 0%;
    }

    .flat-iconbox .content ul li,
    .course-offer .flat-courses .courses-content p,
    .entry-post p,
    p,
    .about-us .desc ul li,
    .uniqusec .about-us .desc ul li,
    .uniqusec .about-us ul li span,
    .flat-testimonials-slider #flat-testimonials-flexslider li p.say {
        font-size: 17px;
        line-height: 28px;
    }

    .title-section .title {
        font-size: 30px;
        line-height: 40px;
    }

    .flat-iconbox.center.style3 {
        padding: 26px;
        margin-bottom: 20px;
    }

    .flat-iconbox,
    .indiv-icnbx .flat-iconbox {
        height: auto;
    }

    .flat-iconbox.center.style3 .content {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .flat-iconbox .content .title,
    .flat-courses .courses-content .courses-topic,
    .entry .title-post,
    .entry .title-post,
    .timeline-heading h2 {
        font-size: 24px;
    }

    .flat-testimonials-slider #flat-testimonials-flexslider li p.name {
        font-size: 18px;
        letter-spacing: 0;
    }

    .subhead {
        font-size: 18px;
        line-height: 28px;
    }
}