/*
Theme Name: Unitech
Theme URI: http://demo.wphash.com/unitech
Author: DevItems-Club
Author URI: https://themeforest.net/user/devitems-club
Description: Unitech Education Responsive WordPress Theme – Unitech is made for College, Academy, University, School, Kindergarten.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: unitech
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Unitech is based on WPHash Starter theme http://wphash.com/.

*/
/* --------------------------------------------------------------
    CSS Index
----------------------------------------------------------------

    1. Theme Default
    2. Header area
    3. Top bar menu
    4. Top bar left side menu
    5. Header top social icons
    6. Header search
    7. Header style one
    8. Header style two
    9. Header Transparent
    10. Header stiky
    11. Header Menu
    12. Mobile Menu
    13. Our blog area
    14. Breadcrumb area
    15. Post Pagination
    16. Blog comment
    17. Footer area
    18. Footer Top area
    19. Footer Contact Address
    20. Footer recent post
    21. Footer Bottom area
    22. Soical share link widget
    23. Scroll button
    24. 404 Page
    25. Blog details page
    26. Author Informations
    27. Video popup
    28. Recent post
    29. Search Form
    30. Side bar Menu
    31. Tag cloud
    32. Blog
    33. Blog Details
    34. Section title
    35. Why choose us
    36. Our departments
    37. Counter Up
    38. Teacher Area
    39. Teacher details page
    40. Testimonial
    41. Gallery Section
    42. unitech-blog-addon 
    43. Slider
    44. Upcoming Event
    45. Call to action
    46. About us
    47. Contact Form
    48. Responsive



-------------------------------------------------------------- */
/* ------------------------------------------------
    1. Theme Default
----------------------------------------------- */
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu';
}
html,
body {
    color: #404040;
    font-family: 'Ubuntu';
    height: 100%;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
}
p {
    font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #404040;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1.2;
    clear: both;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}
p {
    color: #606060;
    font-size: 14px;
    margin: 0 0 15px;
    line-height: 1.7;
}
a {
    text-decoration: none;
}
a:hover,
a:active {
    color: #5950F7;
    text-decoration: none;
    outline: 0 none;
}
a:focus {
    outline: none !important
}
ul,
ol {
    margin: 0;
    padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {} h1 {
    font-size: 36px;
    margin: 30px 0;
}
h2 {
    font-size: 30px;
    margin: 25px 0;
}
h3 {
    font-size: 22px;
    margin: 22px 0;
}
h4 {
    font-size: 20px;
    margin: 22px 0;
}
h5 {
    font-size: 18px;
    margin: 20px 0;
}
h6 {
    font-size: 16px;
    margin: 20px 0;
}
.funfact-count h3,
.funfact-count h5 {
    font-family: "Oxygen", sans-serif;
}
.kc-wrap-columns ul li,
.kc-wrap-columns ol li {
    list-style: outside none none;
}
/* ------------------------------------------------
    Page Header
----------------------------------------------- */

.page-header {
    margin: 0 0 20px;
}
/* ------------------------------------------------
    Helper css
----------------------------------------------- */

.clear {
    clear: both
}
.fix {
    overflow: hidden;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}
.aligncenter {
    display: block;
    margin: 0 auto 15px
}
.uppercase {
    text-transform: uppercase
}
.capitalize {
    text-transform: capitalize
}
img,
.img {
    max-width: 100%;
    height: auto;
}
.mark,
mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}
/* ===================================================
    2. Header area
=================================================== */
/* ------------------------------------------------
    3. Top bar menu
----------------------------------------------- */

.header-top-area {
    padding: 10px 0;
    background: #444 none repeat scroll 0 0;
}
.header-top-area .row {
    align-items: center;
    display: flex;
}
.header-info span {
    font-weight: 500;
}
.top-bar-left-content a,
.header-info a {
    color: #fff;
}
.header-info span {
    position: relative;
}
.header-info span + span {
    margin-left: 8px;
    padding-left: 8px;
}
.header-info span + span::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 1px;
}
/* ------------------------------------------------
    4. Top bar left side menu
----------------------------------------------- */

.top-bar-left-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-bar-left-menu ul li {
    display: inline-block;
}
.top-bar-left-menu ul li a {
    padding: 5px 10px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
}
.top-bar-left-content a:hover,
.header-info a:hover,
.header-social ul li a:hover,
.top-bar-left-menu ul li a:hover {
    color: #5950F7;
}
.header-info a:hover {
    color: #fff;
}
.top-bar-left-content {
    color: #fff;
}
.top-bar-left-content p {
    margin-bottom: 0;
}
/* ------------------------------------------------
    5. Header top social icons
----------------------------------------------- */

.header-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-social ul li {
    display: inline-block;
}
.header-social ul li a {
    background: trnsparent;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.header-social.text-white > a {
    color: #fff;
}
.menu-middle-area {
    border-top: 1px solid #ddd;
}
.header-social ul li + li {
    margin-left: 5px;
}
.header-social ul li a:hover {
    background: #fff;
    color: #5950F7;
}
/* ------------------------------------------------
    6. Header search
----------------------------------------------- */

.header-search {
    margin: 29px 0;
}
.header-search form {
    display: block;
    position: relative;
}
.header-search form input {
    border: 1px solid #ddd;
    height: 40px;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    width: 250px;
}
.header-search form button {
    background-color: transparent;
    border: 0 none;
    color: #999;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.header-search form button i {
    display: block;
    line-height: 38px;
}
.header-search form button:hover {
    color: #5950F7;
}
/* ------------------------------------------------
    7. Header style one
----------------------------------------------- */

.site-logo a {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}
.header-menu-wrap {
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.header-menu-wrap.logo-left {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.header-menu-wrap.logo-center {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}
.header-menu-wrap.logo-right {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.header-menu-wrap.logo-left-top {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.header-menu-wrap.logo-center-top {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}
.header-menu-wrap.logo-right-top {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-end;
    align-items: flex-end;
}
.header-menu-wrap.logo-center,
.header-menu-wrap.logo-left-top,
.header-menu-wrap.logo-center-top,
.header-menu-wrap.logo-right-top {
    padding-top: 40px;
}
.primary-nav-wrap ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.primary-nav-wrap ul li {
    list-style: outside none none;
}
.primary-nav-wrap ul li + li {
    margin-left: 40px;
}
.primary-nav-wrap ul li a {
    display: block;
    transition: 0.3s;
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    text-decoration: none;
}
.primary-nav-wrap nav > ul > li > a {
    height: 100px;
    line-height: 100px;
}
.primary-nav-wrap ul li a:hover {
    color: #5950F7;
}
.header-area.header-sticky.sticky {
    box-shadow: 0 1px 30px #3d454a;
}
.header-area.header-sticky.sticky .primary-nav-wrap nav > ul > li > a {
    height: 75px;
    line-height: 75px;
}
/* ------------------------------------------------
    8. Header style two
----------------------------------------------- */

.header-style-2 .header-menu-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.header-style-2 .header-menu-wrap > div {
    width: 100%;
}
.header-style-2 .primary-nav-wrap ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    transition: 0.3s;
}
.header-style-2 .primary-nav-wrap .sub-menu li a {
  height: inherit;
  line-height: 35px;
}
.header-style-2 .header-menu-wrap .site-logo {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-mid-inner.logo-left-search-right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}
.header-menu-wrap .site-description {
    line-height: 1;
    margin: 0;
    transition: 0.3s;
}
.header-menu-wrap .site-logo h3 {
    line-height: 1;
    margin-bottom: 7px;
    margin-top: 0;
    transition: all 0.3s ease 0s;
}
/* Separetor */

.hr-style-1 {
    border-bottom: 1px solid #e7e7e7;
}
/* ------------------------------------------------
    9. Header Transparent
----------------------------------------------- */
.header-area.header-transparent {
    background: transparent none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 9999;
}
.header-area.header-transparent {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
}
/* ------------------------------------------------
    10. Header stiky
----------------------------------------------- */

.header-area {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.header-area.sticky {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.logged-in .header-area.sticky {
    top: 32px;
}
.header-area.header-style-2.header-sticky.sticky {
    left: inherit;
    position: static;
    top: inherit;
    width: auto;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.logged-in .header-area.header-style-2.header-sticky.sticky .header-buttom {
    top: 32px;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom .site-logo.hidden {
    display: block !important;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom .sticky_menu_logo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-start;
}
.sticky_menu_logo .site-logo.hidden {
    padding: 0;
    padding-right: 50px;
}
/* ------------------------------------------------
    11. Header Menu
----------------------------------------------- */

.primary-nav-wrap .sub-menu {
    background: #fff none repeat scroll 0 0;
    border-top: 2px solid #5950f7;
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1);
    margin: 0;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 250px;
}
.primary-nav-wrap ul > li:hover > .sub-menu {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
    z-index: 999;
}
.primary-nav-wrap ul li {
    position: relative;
}
.primary-nav-wrap .sub-menu > li {
    display: block;
    margin: 0;
    width: 100% !important;
}
.primary-nav-wrap ul.sub-menu {
    display: block;
}
.primary-nav-wrap ul.sub-menu li {
    display: block;
}
.primary-nav-wrap ul.sub-menu li + li {} .primary-nav-wrap .sub-menu > li > a {
    color: #555;
    font-weight: 400;
    line-height: 36px;
    padding: 0 15px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s !important;
}
.primary-nav-wrap .sub-menu > li:hover > a {
    color: #5950F7;
}
.primary-nav-wrap .sub-menu > li > a i {
    font-size: 12px;
    margin-right: 10px;
}
.primary-nav-wrap .sub-menu > li > a:hover {
    background-color: transparent;
    color: #5950F7;
    margin-left: 5px;
}
.primary-nav-wrap ul.sub-menu li .sub-menu {
    left: 100%;
    top: 5px !important;
}
.primary-nav-wrap ul > li.last-elements ul.sub-menu li .sub-menu {
    left: auto;
    right: 100%;
    top: 0 !important;
}
.primary-nav-wrap > nav > ul > li:hover > a,
.primary-nav-wrap > nav > ul > li.current_page_item > a {
    color: #5950F7;
}
/* ------------------------------------------------
    12. Mobile Menu
----------------------------------------------- */

.mean-bar {
    background-color: transparent;
    min-height: auto;
    padding: 0;
    z-index: 9;
}
a.meanmenu-reveal {
    height: auto;
    line-height: 1;
    padding: 0;
    top: -54px;
    width: auto;
}
a.meanmenu-reveal:hover,
a.meanmenu-reveal:focus {
    color: #5950F7;
    outline: medium none;
}
a.meanmenu-reveal i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}
/*-- Mobile Menu Nav --*/

.mean-nav {
    background-color: transparent;
    margin: 0;
}
.mean-nav a.mean-expand {
    border: medium none !important;
    color: #464646 !important;
    font-size: 18px !important;
    height: 36px;
    line-height: 36px;
    padding: 0 !important;
    text-align: center;
    width: 30px !important;
}
.mean-nav a.mean-expand:hover {
    color: #5950F7 !important;
}
}
.mean-nav a.mean-clicked {
    font-size: 22px !important;
}
.mean-nav > ul {
    float: left;
    padding: 15px 0;
}
.mean-nav > ul > li {} .mean-nav > ul > li > a {
    border-color: #eee;
    color: #464646;
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    padding: 6px 30px 6px 0;
}
.mean-nav > ul > li > a:hover,
.mean-nav > ul > li.current_page_item > a {
    color: #5950F7;
}
/*-- Mobile Sub & Mega menu --*/

.mean-nav .sub-menu,
.mean-nav .mega-menu {
    box-shadow: none;
    float: left;
    opacity: 1;
    position: static;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    visibility: visible;
    z-index: 1;
}
.mean-nav ul li li {
    margin: 0;
    padding: 0;
}
.mean-nav ul li li a {
    border-color: #eee;
    color: #464646;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    opacity: 1;
    padding: 6px 30px 6px 15px;
    text-transform: uppercase;
    width: 100% !important;
}
.mean-nav .sub-menu li:hover > a {
    color: #464646;
}
.mean-nav .sub-menu li.current_page_item:hover > a {
    color: #5950F7;
}
.mean-nav ul li li.current_page_item > a,
.mean-nav ul li li > a:hover,
.mean-nav .sub-menu li > a:hover {
    color: #5950F7;
}
.mean-nav ul li li li a {
    padding: 6px 30px 6px 25px;
}
.mean-nav ul li li li li a {
    padding: 6px 30px 6px 35px;
}
.mean-nav ul li li li li li a {
    padding: 6px 30px 6px 45px;
}
.mean-nav ul li li li li li li a {
    padding: 6px 30px 6px 55px;
}
/* ------------------------------------------------
    13. Our blog area
----------------------------------------------- */

.our-blog-area {
    padding: 80px 0;
}
.single-blog {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.bolg-img a {
    position: relative;
    display: block;
}
.bolg-img a::before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-blog:hover .bolg-img a::before {
    opacity: 1;
}
.blog-text {
    padding: 25px 15px;
}
.blog-text h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.blog-text h2 a {
    color: #333333;
    font-size: 30px;
    transition: .3s;
}
.blog-text h4 a:hover {
    color: #5950F7;
}
.blog-date span {
    font-size: 12px;
    margin-right: 10px;
}
.blog-date span i {
    font-size: 14px;
    margin-right: 8px;
}
.blog-text p {
    margin-bottom: 12px;
    margin-top: 6px;
}
.blog-text a:hover {
    color: #5950F7;
}
.blog-text ol,
.blog-text ul {
    padding-left: 15px;
}
.blog-text > .blog-read-more {
    border: 1px solid #e5e5e5;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    padding: 8px 30px;
    transition: all 0.4s ease 0s;
    text-transform: uppercase;
}
.single-blog {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
/* ------------------------------------------------
    14. Breadcrumb area
----------------------------------------------- */

.post-breadcrumb-banner-area {
    background-image: url('images/breacrumb-bg.jpg');
    padding: 100px 0;
}
.bg-opacity {
    position: relative;
}
.bg-opacity::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.breadcrumb-text {
    position: relative;
    z-index: 1;
    text-align: center;
}
.breadcrumb-text h1 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 38px;
    margin: 0;
    text-transform: uppercase;
}
.post-breadcrumb-banner-area h3 {
    color: #fefefe;
}
.breadcrumb-menu ul li {
    display: inline-block;
    padding: 0 5px;
    text-transform: capitalize;
}
.breadcrumb-menu ul li::after {
    color: #fff;
    content: "/";
    display: inline-block;
    float: right;
    position: relative;
    right: -6px;
    top: 2px;
}
.breadcrumb-menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
/*  Breadcrumb style default */

.breadcrumbs-area {
    padding: 170px 0;
    background-color: #ededed;
    background-position: center center;
    background-size: cover;
}
.breadcrumbs-area-default .breadcrumbs .page-title,
.breadcrumbs-area-default .breadcrumbs ul,
.breadcrumbs-area-default .breadcrumbs ul li,
.breadcrumbs-area-default .breadcrumbs ul li a {
    color: #ffffff;
}
.breadcrumbs-area-default .breadcrumbs ul li a:hover {
    color: #5950F7;
}
.breadcrumbs-area-default .breadcrumbs ul li,
.breadcrumbs ul li {
    padding-left: 5px;
    padding-right: 5px;
}
.breadcrumbs-area-default .breadcrumbs ul li:last-child,
.breadcrumbs ul li:last-child {
    padding-right: 0px;
}
.breadcrumbs-area-default .breadcrumbs ul li:first-child,
.breadcrumbs ul li:first-child {
    padding-left: 0px;
}
.page-title-search-box.search-left {
    float: left;
}
.page-title-bar {
    overflow: hidden;
}
.page-title-bar.right-title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.page-title-bar.left-title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.breadcrumbs h2.page-title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
    word-break: break-word;
    text-align: center;
}
.page-title-bar-center h2.page-title {
    margin-bottom: 20px;
}
.breadcrumbs ul {
    color: #333;
}
.breadcrumbs ul li {
    color: #fff;
    display: inline-block;
    font-size: 15px;
}
.breadcrumbs ul li a {
    color: inherit;
}
.breadcrumbs ul li a:hover {
    color: #fff;
}
.breadcrumbs ul li a.active::after {
    color: #5950F7;
}
.page-title-bar-center .page-title {
    float: inherit;
}
.page-title-bar-center .page-title-search-box > form {
    margin: auto;
}
.pattern-bread h2.page-title {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
}
.pattern-bread .breadcrumbs > ul {
    display: inline-block;
    float: right;
    margin-top: 5px;
    color: #fff;
}
.border-bread {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.bg-2.bread-bg {
    background-attachment: fixed;
    background-position: center center;
}
.breadcrumbs-img {} .breadcrumbs-img h2.page-title {
    color: #000;
}
.breadcrumbs-img .breadcrumbs > ul li a {
    color: #fff;
}
.breadcrumbs-img .breadcrumbs > ul li {
    color: #fff;
}
.breadcrumbs-img .breadcrumbs ul li a::after {
    background-color: #000;
}
.page-title-bar.right-title .page-title-search-box,
.page-title-bar.right-title ul {
    float: left;
}
.page-title-search-box button {
    background-color: #5950F7;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    height: 100%;
    line-height: 15px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 40px;
}
.page-title-search-box > form {
    width: 250px;
    position: relative;
}
.page-title-search-box input {
    border: 0 none;
    height: 35px;
    padding: 0 10px;
    width: 100%;
}
/* Overlay */

.breadcrumbs-area {
    position: relative;
    z-index: 1;
}
.breadcrumbs-area::before,
.breadcrumbs-area.bredcrumb-blog::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadcrumbs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.breadcrumbs.breadcrumbs-title-left {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.breadcrumbs.breadcrumbs-title-right {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.breadcrumbs.breadcrumbs-title-center {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.breadcrumbs-title-center .page-title,
.breadcrumbs-title-center .page-title-bar {
    /*padding: 5px 0;*/
}
.breadcrumbs .page-title + .page-title-bar {
    margin-top: 5px;
}
.breadcrumbs-title-center .page-title-search-box {
    margin-top: 10px;
}
.page-area {
    padding: 80px 0;
}
.blog-story-area {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 80px 0;
}
.blog-story-area {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 80px 0;
}
.blog-story {} .blog-img-2 {
    margin-bottom: 30px;
}
.blog-header {} .blog-header h1 {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.story-hbtitle p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.story-hbtitle blockquote {
    background: #eee none repeat scroll 0 0;
    border-left: 2px solid #5950F7;
    font-size: 14px;
    margin: 10px 0 10px 55px;
}
.tab-info {} .tab-info p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}
.meta-info {
    background-color: #ededed;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}
.meta-info span {
    margin-left: 5px;
}
.meta-info span:first-child {
    margin-left: 0;
}
.meta-item i {
    margin-right: 5px;
}
.contact-form p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.contact-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.contact-form textarea {
    border: 1px solid #e8e8e8;
    font-size: 12px;
    font-weight: 500;
    height: 168px;
    margin-bottom: 20px;
    padding: 8px 15px;
    width: 100%;
}
.btn {
    background: #5950F7 none repeat scroll 0 0;
}
.contact-form input {
    border: 1px solid #e8e8e8;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    margin-bottom: 15px;
    padding: 8px 15px;
    width: 100%;
}
.contact-form button {
    background: #5950F7 none repeat scroll 0 0;
    border: 1px solid #5950F7;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
    transition: all .5s ease 0s;
}
.contact-form button:hover {
    background: #26ccff none repeat scroll 0 0;
    border-color: #26ccff;
}
/* ------------------------------------------------
    15. Post Pagination
----------------------------------------------- */

.post-pagination .pagination {
    margin: 0;
}
.post-pagination ul {
    border-radius: 4px;
    display: inline-block;
}
.post-pagination ul li {
    display: inline;
}
.post-pagination ul li {
    background-color: #fff;
    color: #337ab7;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-decoration: none;
}
.post-pagination ul li + li {
    margin-left: 10px;
}
.post-pagination ul li a {
    display: block;
    color: #337ab7;
    padding: 0 15px;
    border: 1px solid #ddd;
}
.post-pagination ul li .current {
    cursor: no-drop;
    display: block;
    padding: 0 15px;
    border: 1px solid #ddd;
}
.post-pagination ul li:hover a,
.post-pagination ul li .current {
    background: #5950F7;
    color: #fff;
    border: 1px solid #5950F7;
}
.post-pagination ul li:hover {} .post-pagination ul li .dots {
    border: 1px solid #ddd;
    color: #337ab7;
    display: block;
    padding: 0 12px;
}
/* ------------------------------------------------
    16. Blog comment
----------------------------------------------- */

.comment-list {
    list-style: none;
}
.author-top {
    display: block;
    margin-bottom: 15px;
    position: relative;
}
.author-top .author-comment {
    overflow: hidden;
    padding: 5px 0;
}
.author-top .author-comment .author-name {
    display: block;
    font-weight: 700;
}
.comment-list .author-img {
    float: left;
    margin-right: 10px;
    max-width: 64px;
}
.copy.small a:hover {
    color: #404040;
}
.copy.small a {
    color: #5950F7;
    text-decoration: underline;
}
.comment-list .author-comment a {
    margin-right: 5px;
    color: #000;
}
.comment-list .children {
    list-style: none;
}
.comment-list .children {
    margin-left: 35px;
}
.no-comments {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 5px 10px;
}
/*blog-social*/

.blog-social ul li a.facebook:hover {
    background: #3c5a99 none repeat scroll 0 0;
    border-color: #3c5a99;
}
.blog-social ul li a.google-plus:hover {
    background: #D94F33 none repeat scroll 0 0;
    border-color: #D94F33;
}
.blog-social ul li a.twitter:hover {
    background: #59AAEB none repeat scroll 0 0;
    border-color: #59AAEB;
}
.blog-social ul li a.youtube:hover {
    background: #CF1619 none repeat scroll 0 0;
    border-color: #CF1619;
}
.blog-social ul li a.linked:hover {
    background: #0374B1 none repeat scroll 0 0;
    border-color: #0374B1;
}
.blog-social ul li a.pinterest:hover {
    background: #BE1E26 none repeat scroll 0 0;
    border-color: #BE1E26;
}
.blog-social ul li a.instagram:hover {
    background: #105687 none repeat scroll 0 0;
    border-color: #105687;
}
/* ===================================================
    17. Footer area
=================================================== */
/* ------------------------------------------------
    18. Footer Top area
----------------------------------------------- */

.footer-top-area {
    background: #2d3e50;
    position: relative;
    z-index: 1;
}
.footer-top-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.single-footer {
    color: #fff;
    margin: 50px 0;
}
.footer-logo {
    margin-bottom: 30px;
}
.footer-brief {
    margin-bottom: 25px;
}
.footer-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #fff;
}
.single-footer p {
    color: #fff;
}
.single-footer .footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single-footer .footer-social li {
    display: inline-block;
}
.single-footer .footer-social li + li {
    margin-left: 5px;
}
.single-footer .footer-social li a {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.single-footer .footer-social li a:hover {
    background: #fff;
    color: #5950F7;
}
.single-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-footer ul li a {
    color: #ddd;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.single-footer ul li a:hover {
    color: #fff;
}
.single-footer .footer-social {
    float: left;
}
.single-footer ul li {
    padding: 5px 0;
}
.single-footer input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #999999;
    font-size: 13px;
    height: 40px;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 15px;
}
.single-footer textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #999999;
    font-size: 13px;
    padding-left: 20px;
    width: 100%;
    height: 80px;
}
.single-footer .submit-btn-1 {
    font-size: 14px;
    margin-top: 10px;
    padding: 12px 15px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    transition: all 0.5s ease 0s;
    width: inherit;
}
.single-footer .submit-btn-1:hover {
    color: #ff0300;
    border: 1px solid#ff0300;
}
/* ------------------------------------------------
    19. Footer Contact Address
----------------------------------------------- */

.footer-contact-details ul li {
    display: block;
    font-weight: 300;
    margin-bottom: 25px;
}
.footer-contact-details ul li i {
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    margin-right: 20px;
    text-align: center;
    width: 30px;
}
.footer-contact-details ul li span {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    margin-top: -7px;
}
/* ------------------------------------------------
    20. Footer recent post
----------------------------------------------- */

.single-footer .post-text span {
    color: #fff;
}
.single-footer .sidebar-post > li {
    margin-bottom: 20px;
}
/* ------------------------------------------------
    21. Footer Bottom area
----------------------------------------------- */

.footer-bottom {
    background: #2D3E50 none repeat scroll 0 0;
    border-top: 1px solid #415264;
    padding: 20px 0;
}
.copyright-text {
    margin-top: 6px;
}
.copyright-text p {
    color: #fff;
    margin-bottom: 0;
}
.copyright-text a {
    color: #fff;
}
.footer-social {
    float: right;
}
.footer-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-bottom ul li {
    display: inline-block;
}
.footer-bottom ul li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    color: #fff;
    transition: all .5s ease 0s;
}
.footer-bottom ul li a:hover {
    color: #ff0300;
}
.footer-bottom .col-sm-6:first-child .copyright-text,
.footer-bottom .col-sm-6:first-child .footer-social {
    float: left;
}
.footer-bottom .col-sm-6:last-child .copyright-text,
.footer-bottom .col-sm-6:last-child .footer-copyright-menu,
.footer-bottom .col-sm-6:last-child .footer-social {
    float: right;
}
.footer-all .footer-icon {
    margin-bottom: 40px;
}
/* ------------------------------------------------
    22. Soical share link widget
----------------------------------------------- */

.solical-links {
    display: block;
}
.solical-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.solical-links ul li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
}
.solical-links ul li a {
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid;
    text-align: center;
}
.footer-bottom .footer-social ul li a:hover {
    color: #5950F7;
}
/*************************************
    Custom-content all   
**************************************/

.site-wrapper.boxed-layout {
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    position: relative;
    max-width: 1240px;
    width: 100%;
    background: #fff;
}
.boxed-layout .sticky {
    left: auto;
    margin: auto;
    width: 1240px;
}
.boxed-layout .header-area,
.boxed-layout .header-bottom {
    left: auto;
    max-width: 1240px;
    right: auto;
    width: 100%;
    z-index: 9999999;
}
/* ------------------------------------------------
    23. Scroll button
----------------------------------------------- */

a#scrollUp {
    background-color: #5950f7;
    border: 1px solid #5950f7;
    bottom: 30px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 36px;
    right: 30px;
    text-align: center;
    width: 40px;
    transition: all 0.3s ease 0s;
}
a#scrollUp:hover {
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.5);
}
/* ------------------------------------------------
    Unit test by
----------------------------------------------- */

article.sticky .edu-news-single,
article.tag-sticky-2 .edu-news-single {
    border: 1px solid #5950F7;
}
.story-hbtitle li {
    margin-bottom: 10px;
}
table {
    border: 2px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}
table th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    color: #454545;
    font-weight: 700;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
table td {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    padding: 10px;
    vertical-align: top;
}
table th a,
table th a:hover {
    text-decoration: underline;
}
.story-hbtitle a:not(.button) {
    text-decoration: underline;
}
.post-password-form input[type="submit"] {
    background: #5950F7 none repeat scroll 0 0;
    border: 1px solid #5950F7;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 5px 10px;
}
.post-password-form input[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
    color: #5950F7;
}
.post-password-form input[type="password"] {
    border-radius: 0;
}
#wp-calendar thead tr th {
    background: #2d3e50 none repeat scroll 0 0;
    border-color: #ebebeb;
    color: #fff;
    text-align: center;
}
#wp-calendar tbody tr td {
    border-right: 1px solid #ebebeb;
    text-align: center;
}
#wp-calendar tbody tr td#today {
    background: #5950F7 none repeat scroll 0 0;
    color: #fff;
}
#wp-calendar tbody tr td#today a {
    color: #fff;
}
.copy ul li {
    list-style: disc;
    margin: 0 0 6px 30px;
}
.copy ul {
    list-style: disc;
    margin: 0 0 26px;
}
.copy ol {
    list-style: decimal;
    margin: 0 0 26px;
}
.copy ol li {
    list-style: decimal;
    margin: 0 0 6px 30px;
}
.copy ul ul,
.copy ul ol,
.copy ol ol,
.copy ol ul {
    margin-bottom: 0;
}
.wp-audio-shortcode {
    margin-bottom: 15px;
}
.story-hbtitle ol li {
    list-style: decimal;
    margin: 0 0 6px;
}
.story-hbtitle ol {
    list-style: decimal;
    margin: 0 0 26px 35px;
}
.story-hbtitle ul {
    list-style: disc;
    margin: 0 0 26px 35px;
}
.story-hbtitle ul li {
    list-style: disc;
    margin: 0 0 6px;
}
.story-hbtitle ul ul,
.story-hbtitle ul ol,
.story-hbtitle ol ol,
.story-hbtitle ol ul,
.entry-content ol ol {
    margin-bottom: 0;
}
.entry-content ul,
.entry-content ol {
    margin: 0 0 26px 35px;
}
.entry-content ul ul,
.entry-content ol ul {
    margin-bottom: 0;
}
.entry-content ol li,
.entry-content ul li {
    margin: 0 0 6px;
}
.footer-area table {
    border: 2px solid #fff;
}
.footer-area caption {
    color: #fff;
}
.footer-area table th {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #fff;
}
.footer-area table td {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.footer-area table#wp-calendar a {
    color: #fff;
}
.footer-area #wp-calendar thead tr th {
    border-color: #ffffff;
}
.shopping-button button[type="submit"] {
    background: #5950F7 none repeat scroll 0 0;
    border: 1px solid #5950F7;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
    padding: 8px 14px;
    transition: all 0.3s ease 0s;
}
.shopping-button button[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
    color: #5950F7;
}
/* Heading font size */

.contact-form h1,
.contact-form h2,
.contact-form h3,
.contact-form h4,
.contact-form h5,
.contact-form h6,
.story-hbtitle h1,
.story-hbtitle h2,
.story-hbtitle h3,
.story-hbtitle h4,
.story-hbtitle h5,
.story-hbtitle h6 {
    font-weight: 500;
    margin-bottom: 25px;
}
/* ------------------------------------------------
    24. 404 Page
----------------------------------------------- */

.page-not-found-wrap {
    height: 750px;
    width: 100%;
    background: #f1f1f1;
}
.page-not-found-wrap .container,
.page-not-found-wrap .container .row,
.page-not-found-wrap .container .pnf-inner-wrap,
.page-not-found-wrap .container [class*="col-"] {
    height: 100%;
}
.page-not-found-wrap .container .pnf-inner-wrap {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.pnf-inner img {
    max-height: 350px;
    margin-bottom: 30px;
}
.pnf-inner > h1 {
    color: #333;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.pnf-inner > h2 {
    color: #333;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}
.pnf-inner > p {
    color: #333;
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}
.pnf-inner a.btn {
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    padding: 0 30px;
    text-transform: uppercase;
}
.blog-title {
    margin-bottom: 50px;
}
.blog-title > h3 {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}
.blog-meta > span {
    color: #666666;
    letter-spacing: 4px;
}
.date {
    padding-right: 20px;
}
.workstation {
    padding-left: 23px;
}
.blog-meta {
    margin-top: 20px;
}
/* ------------------------------------------------
    25. Blog details page
----------------------------------------------- */

.blog-slider {
    margin: 0 0 40px;
}
.blog-info-dec > p {
    line-height: 30px;
}
.blog-info-dec span {
    display: inline-block;
    float: left;
    font-size: 60px;
    line-height: 1;
    margin: 0 5px 0 0;
}
blockquote {
    border-left: 2px solid #5950f7;
    color: #606060;
    font-style: italic;
    font-weight: 400;
    line-height: 30px;
    margin: 30px 0 30px 50px;
    padding: 0 60px 0 20px;
}
.blog-info > p {
    line-height: 30px;
}
.blog-info > ol > li,
.blog-info > ul > li {
    color: #666666;
    font-size: 16px;
    position: relative;
}
.blog-info > ul > li i {
    margin-right: 5px;
}
.blog-info li:last-child {
    margin-bottom: 0px;
}
.blog-info > ol,
.blog-info > ul {
    margin: 0 0 0 20px;
}
.blog-img {
    margin: 50px 0;
}
.user-text {
    color: #666;
    display: inline-block;
    float: left;
    letter-spacing: 2px;
}
.user-share {
    display: inline-block;
}
.user-info {
  clear: both;
  display: block;
  margin: 45px 0 30px;
  overflow: hidden;
}
.user-name {
    padding-right: 47px;
}
.user-share > ul {
    display: inline-block;
}
.user-share > span {
    color: #666666;
    display: inline-block;
    float: left;
    letter-spacing: 3px;
    margin-right: 14px;
}
.user-share > ul > li {
    display: inline-block;
    float: left;
    margin-left: 20px;
}
.user-share > ul > li:first-child {
    margin-left: 0px;
}
.user-share a {
    color: #666666;
}
.user-share a:hover {
    color: #222;
}
.next-prev {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  margin-bottom: 30px;
  margin-top: 20px;
  overflow: hidden;
  padding: 20px 0;
}
.next-prev a {
    background-color: #fff;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 20px;
}
.next-prev a i {
    color: #666;
    transition: all .3s ease 0s;
}
.next-prev a.prev-btn i {
    padding-right: 5px;
}
.next-prev a.next-btn i {
    padding-left: 5px;
}
.next-prev a:hover {
    background-color: #5950f7;
    color: #fff;
}
.next-prev a:hover i {
    color: #fff;
}
a.next-btn {
    float: right;
}
.author-box.author {
    align-items: flex-start;
    display: flex;
    justify-content: initial;
    margin: 100px 0;
    overflow: hidden;
}
.author-img {
    display: inline-block;
    float: left;
}
.author-info {
    float: right;
    padding-left: 30px;
    text-align: left;
    width: calc(100% - 120px);
}
.author-info > h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
}
.author-info > h4 a {
    color: #666666;
}
.author-info > h4 a:hover {
    color: #000;
}
.author-info > h4 a span {
    color: #999999;
    font-size: 14px;
    margin-left: 7px;
}
.author-info > p {
    line-height: 25px;
    margin-bottom: 0;
}
.related-post {
    display: block;
    overflow: hidden;
}
.single-related-post img {
    max-width: 100%;
}
.single-related-post a {
    display: block;
}
.single-related-post a.single-related-image {
	margin-bottom: 15px;	
}
.related-post-title > h3 {
    font-size: 17px;
	margin-top: 0;
	margin-bottom: 5px;
    line-height: 1.4;
}
.related-post-title > h3 a {
    color: #404040;
}
.related-post-title > h3 a:hover {
    color: #666;
}
.related-post-title > span {
    color: #636363;
    font-size: 13px;
}
.single-comment {
    position: relative;
}
.comment-img {
    display: inline-block;
    float: left;
}
.comment-author.comment-img img {
    margin-right: 20px;
}
.comment-author-link {
    border-bottom: 1px dotted #ddd;
    color: #777;
}
.comment-text > p {
    margin-bottom: 0;
}
.comment-text .author-name, 
.comment-text a.url {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 17px;
  text-transform: uppercase;
}
.pingback-text .commentmetadata a.url {
  padding-right: 50px;
}
.bypostauthor .comment-text a.url::after {
    content: "\f2c0 ";
    font-family: fontawesome;
    font-size: 90%;
    left: 3px;
    opacity: 0.5;
    position: relative;
    top: 0;
}
.comment-text > p {
    color: #525252;
    letter-spacing: 1px;
    padding-right: 25px;
}
.comment-border {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.single-comment.comment-border:last-child {
    margin-bottom: 0px;
}
.parent-comment {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}
.comment-text .reply a {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    bottom: -16px;
    color: #4c4c4c;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 7px 20px 6px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.comment-text .reply a:hover {
    background-color: #000;
    color: #fff;
}
.replay-comment {
    margin-left: 150px;
}
.leave-comment h3.leave__comment--title {
    color: #222222;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 11px;
    text-transform: uppercase;
}
.leave-comment > p {
    color: #000000;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
}
.leave-comment-form {
    margin-top: 40px;
}
.comment-respond h3.comment-reply-title {
  color: #555;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 11px;
  margin-top: 0;
  text-transform: uppercase;
}
.comment-form > p {
    margin: 0;
}
.comment-form > p.comment-notes {
    color: #000000;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
}
.form-submit .submit {
    margin-bottom: 0;
}
.input_half {
    width: 50%;
    float: left;
}
.input_half.left {
    padding-right: 15px;
}
.input_half.right {
    padding-left: 15px;
}
.leave-comment-form form textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 14px;
    height: 178px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    margin-top: 40px;
    padding: 30px;
}
.leave-comment-form form input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #666;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    padding: 2px 30px;
    width: 100%;
    margin-bottom: 30px;
}
.leave-comment-form form input::-webkit-input-placeholder,
.leave-comment-form form textarea::-webkit-input-placeholder {
    /* Chrome */
    
    color: #666;
    opacity: 1;
}
.leave-comment-form form input::-moz-placeholder,
.leave-comment-form form textarea::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #666;
    opacity: 1;
}
.leave-comment-form .submit {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 11px 28px 12px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.leave-comment-form .submit:hover {
    background-color: #fff;
    color: #666;
    border: 1px solid #dddddd;
}
.blog-comment,
.leave-comment {
    margin-top: 50px;
}
.comment-respond {
    margin-bottom: 50px;
    margin-top: 50px;
}
.comment-text .comment-meta.commentmetadata a {
    display: inline-block;
}
.comment-text .comment-meta.commentmetadata a.url {} .comment-meta.commentmetadata {
    position: relative;
}
.edit--btn {
    position: absolute;
    right: 0;
    top: 0;
}
.comment-meta.commentmetadata {
    margin-bottom: 10px;
}
.comment--date--time {
    margin-top: 5px;
}
#reply-title a {} .comment-reply-title small {
    float: right;
}
.comment-reply-title small a#cancel-comment-reply-link {
    height: 25px;
    width: 25px;
    font-size: 0;
}
.comment-reply-title small a#cancel-comment-reply-link::after {
    content: "\f00d";
    font-size: 25px;
    position: relative;
    top: 0px;
    right: 0;
    font-family: FontAwesome;
}
.comment-reply-title small a#cancel-comment-reply-link:focus {
    text-decoration: none;
    outline: none;
}
.no-comments {
    padding: 10px 15px;
}
.related-post .row {
    display: flex;
    flex-flow: wrap;
}
.related-post .row div[class*="col-"] {
    margin-top: 30px;
}
.related-post .sidebar-title {
    margin-bottom: 34px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .comment-list .children {
        margin-left: 30px;
    }
    .comment-author.comment-img {
        margin-right: 20px;
        width: 100px;
    }
}
@media ( max-width: 767px) {
    .comment-list .children {
        margin-left: 0px;
    }
    .comment-author.comment-img {
        float: none;
        width: 60px;
    }
    .comment-text {
        padding-left: 0;
        padding-top: 20px;
    }
    .comment-respond h3.comment-reply-title {
        font-size: 16px;
        letter-spacing: 0;
    }
    .input_half {
        float: none;
        width: 100%;
    }
    .input_half.left {
        padding-right: 0;
    }
    .input_half.right {
        padding-left: 0;
    }
    .leave-comment-form form textarea {
        height: 120px;
        letter-spacing: 0px;
        padding: 15px;
        margin-bottom: 20px;
    }
    .leave-comment-form form input {
        letter-spacing: 0px;
        margin-bottom: 20px;
        padding: 2px 15px;
    }
    .comment-title.sidebar-title {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 28px;
    }
}
/* ------------------------------------------------
    26. Author Informations
----------------------------------------------- */

.sidebar-widget .author--info--wrap img {
    width: 100%;
}
.video-img > img {
    width: 100%;
}
.self-info {
  padding: 15px 25px 10px;
}
.self-info > h3 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.self-info > p {
    color: #000;
    margin: 0;
}
.self-info > p span {
    font-weight: bold;
}
.sidebar-widget .blog-social {
    margin-top: 43px;
}
.sidebar-widget .blog-social > h4 {
    color: #363535;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 39px;
    position: relative;
}
.sidebar-widget .blog-social ul li {
    display: inline-block;
    margin: 0 5px;
}
.sidebar-widget .blog-social ul li a {
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    color: #999999;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    width: 40px;
}
.sidebar-widget .blog-social ul li a:hover {
    color: #fff;
    background-color: #5950F7;
    border: 1px solid #5950F7;
}
.sidebar-widget .blog-social h4::before {
    background-color: #565252;
    bottom: -13px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50px;
}
.sidebar-banner img {
    max-width: 100%;
    width: 100%;
}
.sidebar-banner a {
    display: block;
}
/* ------------------------------------------------
    27. Video popup
----------------------------------------------- */

.video-img {
    position: relative;
}
.video-img a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 24px;
    height: 50px;
    left: 0;
    line-height: 50px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    color: #000;
}
.video-img a:hover {
    background: #666 none repeat scroll 0 0;
    color: #fff;
}
.video-title h5 {
    color: #1c1c1c;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 8px;
}
.video-title h5 a {
    color: #1c1c1c;
    margin-bottom: 8px;
}
.video-title h5 a:hover {
    color: #555;
}
.video-title > span {
    color: #979797;
    font-weight: 500;
}
.video-title {
    margin-top: 23px;
}
.sidebar-title {
  color: #555;
  font-weight: 500;
  margin-bottom: 30px;
  margin-top: 0;
  padding-bottom: 8px;
  position: relative;
}
.sidebar-title::before {
    background-color: #999;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.sidebar-widget {
  background: #ffffff none repeat scroll 0 0;
  margin-bottom: 20px;
  padding: 25px 20px 30px;
}
/* ------------------------------------------------
    28. Recent post
----------------------------------------------- */

.post-img {
    float: left;
    margin-right: 15px;
    width: 85px;
}
.sidebar-post > li {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}
.sidebar-post > li:last-child {
    margin-bottom: 0px;
}
.post-text {
    display: block;
    overflow: hidden;
}
.sidebar-post .post-text > h4 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
}
.post-text > h4 a {
    color: #2a2a2a;
    font-size: 15px;
}
.post-text > h4 a:hover {
    color: #555;
}
.post-text > span {
    color: #666;
    font-size: 12px;
    display: block;
}
.widget-area .sidebar-widget ul li .post-text > h4 a {
    color: #222222;
    font-family: open sans;
}
.widget-area .sidebar-widget ul li .post-text > h4 a:hover {
    color: #5950F7;
}
/* ------------------------------------------------
    29. Search Form
----------------------------------------------- */

.blog-search form input {
    border: 1px solid #dcd9d9;
    color: #555;
    font-size: 14px;
    font-weight: 300;
    height: 45px;
    margin-bottom: 0;
    padding: 2px 78px 2px 20px;
    width: 100%;
}
.blog-search form input::-webkit-input-placeholder {
    /* Chrome */
    
    color: #989797;
    opacity: 1;
}
.blog-search form input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #989797;
    opacity: 1;
}
.blog-search form {
    position: relative;
    background-color: #f6f6f6;
}
.blog-search form button {
    background: #5950f7 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 45px;
    padding: 0 28px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
}
.blog-search form button:hover {
    opacity: 0.8;
}
/* ------------------------------------------------
    30. Side bar Menu
----------------------------------------------- */

.widget_categories.sidebar-widget ul li {
    text-align: right;
    color: #999999;
    overflow: hidden;
}
.widget_categories.sidebar-widget ul li a {
    display: block;
    float: left;
    text-align: left;
}
.sidebar-widget ul li ul.children li a,
.sidebar-widget ul li ul.sub-menu li a {
    color: #666;
}
.sidebar-widget ul li ul.children li a:hover,
.sidebar-widget ul li ul.sub-menu li a:hover {
    color: #5950f7;
}
.single-footer ul li ul {
    margin-left: 15px;
}
.single-footer ul li:last-child {
    padding-bottom: 0;
}
.single-footer.widget.widget_rss a.rsswidget {
    color: #fff;
}
.single-footer.widget_rss ul li:last-child {
    margin-bottom: 0;
}
.single-footer.widget_rss ul li {
    margin-bottom: 10px;
}
.sidebar-widget ul li ul li:first-child {
    border-top: 1px solid #ddd;
    margin-top: 12px;
    padding-top: 12px;
}
.sidebar-widget:not(.widget_unitech_author_about_widget) ul li {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 12px;
    padding-bottom: 12px;
    list-style: none;
}
.sidebar-widget.widget_unitech_recent_post ul li {
    border-bottom: 0px solid rgba(0, 0, 0, 0);
}
.sidebar-widget ul li a {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}
.sidebar-widget ul li:hover a {
    color: #5950F7;
}
.sidebar-widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
/* ------------------------------------------------
    31. Tag cloud
----------------------------------------------- */

.tagcloud {
    margin-left: -6px;
    margin-right: -6px;
}
.tagcloud a {
    border: 1px solid #999999;
    border-radius: 0;
    color: #000000;
    display: inline-block;
    font-size: 12px !important;
    letter-spacing: 1px;
    margin: 0 5px 15px;
    padding: 7px 16px 8px;
}
.tagcloud a:hover {
    background-color: #5950F7;
    border-color: #5950F7;
    color: #fff;
}
.single-footer .tagcloud a:hover {
    background: #ddd none repeat scroll 0 0;
    color: #333;
}
.single-footer .tagcloud a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #fff;
}
/* ========================================

    Unitech - Education WordPress Theme

========================================= */
/*---kc container---*/
.kc-row-container.kc-container {
    /*padding: 0;*/
}
/* ------------------------------------------------
    32. Blog
----------------------------------------------- */

.edu-news-single {
    margin-bottom: 30px;
}
.edu-news-img,
.edu-news-img img {
    margin: 0;
}
.our-blog-area {
    background: #f6f6f6 none repeat scroll 0 0;
}
.edu-news-single {
    background: #fff none repeat scroll 0 0;
}
.edu-news-content h2 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.3;
}
.edu-news-content h2,
.edu-news-content h2 a {
    color: #404040;
	word-break: break-word;
    margin-top: 0;
}
.edu-news-content h2 a:hover {
    color: #5950F7;
}
.edu-news-content p {
    color: #666;
    font-size: 16px;
}
.blog-user-text {
    color: #777;
    display: inline-block;
    float: left;
    font-size: 14px;
}
.news-button a {
    border-bottom: 1px solid #bfbfbf;
    color: #404040;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}
.news-button a:hover {
    color: #5950F7;
    border-color: #5950F7;
}
.edu-news-content {
    padding: 30px 30px 33px;
}
.news-button + .blog-user-text {
    margin-top: 20px;
}
.blog-user-text span + span {
    margin-left: 15px;
}
.edu-news-content ol {
    margin-left: 12px;
}
/* ------------------------------------------------
    33. Blog Details
----------------------------------------------- */
.blog-info .gallery {
    margin: 30px 0;
}
.blog-wrapper .gallery-item {
    border: 1px solid #fff;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
}
.blog-wrapper .gallery-item .gallery-caption {
    background: rgba(89, 80, 247, 0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
.blog-wrapper .gallery-item:hover .gallery-caption {
    opacity: 1;
    visibility: visible;
}
/* meta */

.blog-wrapper .blog-meta > span {
    color: rgb(102, 102, 102);
    letter-spacing: 0;
    padding: 0;
}
.blog-wrapper .blog-meta > span + span {
    margin-left: 20px;
}
.blog-meta + .blog-info {
    margin-top: 20px;
}
/* ------------------------------------------------
    34. Section title
----------------------------------------------- */

.section-title {
    margin-bottom: 60px;
    width: 60%;
}
.section-title .section-serial {
    color: #e1e1e1;
    float: left;
    font-size: 36px;
    font-weight: 700;
    line-height: 60px;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}
.section-title .section-serial::after {
    background: #e1e1e1 none repeat scroll 0 0;
    content: "";
    height: 77%;
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px;
}
.section-title .title-text {
    display: block;
    overflow: hidden;
}
.section-title .title-text h2,
.section-title .title-text p {
    margin: 0;
}
.section-title .title-text h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}
/* right-section-title */

.text-right .section-title {
    display: inline-block;
}
.text-right .section-title .section-serial {
    float: right;
    padding-left: 15px;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 0;
}
.text-right .section-title .section-serial::after {
    left: 0;
    right: auto;
}
/* center-section-title */

.text-center .section-title {
    display: inline-block;
}
.text-center .section-title .section-serial + .title-text {
    text-align: left;
}
/* ------------------------------------------------
    35. Why choose us
----------------------------------------------- */

.why-choose-us-area {
    padding-bottom: 80px;
    padding-top: 105px;
}
.choose-us {
    margin-bottom: 30px;
}
.choose-us-icon i {
    background: #5950F7 none repeat scroll 0 0;
    border: 1px solid #5950F7;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 35px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 70px;
}
.choose-us:hover .choose-us-icon i {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #5950F7;
    color: #5950F7;
}
.choose-us-details {
    padding-top: 15px;
}
.choose-us-details h4 {
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}
.choose-us-details p {
    margin-bottom: 0;
}
.choose-us-button {
    margin-top: 12px;
}
.choose-us-button a {
    font-weight: 500;
}
.choose-us-1 {
    text-align: center;
}
.choose-us-1 .choose-us-image img {
    border-radius: 50%;
    margin: auto;
    max-width: 30%;
}
.choose-us-2 {
    text-align: center;
}
.choose-us-3 .choose-us-image {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    max-width: 30%;
}
.choose-us-3 .choose-us-details {
    display: block;
    overflow: hidden;
    padding-top: 0;
}
.choose-us-4 .choose-us-image {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    max-width: 30%;
}
.choose-us-4 .choose-us-details {
    display: block;
    overflow: hidden;
    padding-top: 0;
}
/* ------------------------------------------------
    36. Our departments
----------------------------------------------- */

.our-departments-area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding-top: 105px;
    padding-bottom: 100px;
}
.department-single {
    margin-bottom: 30px;
    background: #46dae2 none repeat scroll 0 0;
    padding: 40px 15px;
}
.department-icon i {
    background: #5950F7 none repeat scroll 0 0;
    border: 1px solid #5950F7;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 35px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 70px;
}
.our-departments:hover .department-icon i {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #5950F7;
    color: #5950F7;
}
.department-text {
    padding-top: 15px;
}
.department-text h4 {
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}
.department-text p {
    margin-bottom: 0;
}
.department-text h4,
.department-text p {
    color: #fff;
}
/*bg-color*/

.department-active.owl-carousel .owl-item:nth-child(2n) .department-single {
    background: #5950F7 none repeat scroll 0 0;
}
.department-active.owl-carousel .owl-item:nth-child(3n) .department-single {
    background: #5950F7 none repeat scroll 0 0;
}
.department-active.owl-carousel .owl-item:nth-child(4n) .department-single {
    background: #509BF7 none repeat scroll 0 0;
}
.department-active.owl-carousel .owl-item:nth-child(7n) .department-single {
    background: #F7509B none repeat scroll 0 0;
}
/* department-active owl-carousel */

.department-active.owl-carousel .owl-item img {
    margin: auto;
    width: inherit;
}
.department-active {} .department-active.owl-carousel .owl-nav {
    margin-top: 30px;
    text-align: center;
}
.department-active.owl-carousel .owl-nav div {
    background: #f75950 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    text-align: center;
    width: 50px;
    transition: all 0.3s ease 0s;
}
.department-active.owl-carousel .owl-nav div.owl-next {
    background: #5950f7 none repeat scroll 0 0;
}
.department-active.owl-carousel .owl-nav div:hover {
    background: #555555 none repeat scroll 0 0;
}
.department-active.owl-carousel .owl-dots {
    margin-top: 30px;
    text-align: center;
}
.department-active.owl-carousel .owl-dots .owl-dot {
    background: #5950f7 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    margin: 0 3px;
    width: 12px;
}
.department-active.owl-carousel .owl-dots .owl-dot {
    background: #555555 none repeat scroll 0 0;
}
.department-active.owl-carousel .owl-dots .owl-dot span {} .department-active.owl-carousel .owl-dots .owl-dot.active span {} .department-active.owl-carousel .owl-dots .owl-dot:hover span,
.department-active.owl-carousel .owl-dots .owl-dot.active:hover span {}
/* ------------------------------------------------
    37. Counter Up
----------------------------------------------- */

.counter-up-area {
    background: #576573 none repeat scroll 0 0;
    padding-bottom: 80px;
    padding-top: 105px;
    background-size: cover;
}
.funfact-single {
    margin-bottom: 30px;
}
.funfact-img {
    float: left;
    margin-right: 30px;
    margin-top: 6px;
}
.funfact-count {
    overflow: hidden;
}
.funfact-count h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
}
.funfact-count h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}
/* ------------------------------------------------
    38. Teacher Area
----------------------------------------------- */

.unitech-teacher-area {
    padding-bottom: 70px;
    padding-top: 100px;
}
.unitech-teachers {} .unitech-teacher {
    background: #f9f9f9 none repeat scroll 0 0;
    box-shadow: 1px 0 8px -1px #dddddd;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 80px;
    position: relative;
}
.unitech-teacher__thumb a {
    display: block;
}
.unitech-teacher__thumb a img {
    width: 100%;
}
.unitech-teacher__details {
    background: #f9f9f9 none repeat scroll 0 0;
    bottom: -50px;
    height: auto;
    left: 0;
    padding: 15px 15px 10px;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.unitech-teacher:hover .unitech-teacher__details {
    bottom: 0;
}
.unitech-teacher__inner {
    padding-bottom: 10px;
}
.unitech-teacher__inner h4 {
    color: #555;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}
.unitech-teacher__inner h6 {
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 9px;
    text-transform: capitalize;
}
.unitech-teacher__hover__info {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
}
.unitech-teacher:hover .unitech-teacher__hover__info {
    opacity: 1;
    visibility: visible;
}
.social__icon {
    display: flex;
}
.unitech-teacher .unitech-teacher-social-icon {
    margin: 0;
}
.unitech-teacher-social-icon li {
    display: inline-block;
    list-style: outside none none;
}
.unitech-teacher-social-icon li + li {
    margin-left: 10px;
}
.unitech-teacher-social-icon li a {} .unitech-teacher-social-icon li a {
    border: 1px solid #555;
    border-radius: 50%;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 28px;
    transition: all 0.5s ease 0s;
    text-align: center;
    width: 30px;
}
.unitech-teacher-social-icon li a:hover {
    background: #5950f7 none repeat scroll 0 0;
    border-color: #5950f7;
    color: #fff;
}
/* ------------------------------------------------
    39. Teacher details page
----------------------------------------------- */

.teacher-details-area {}
/* teacher */

.teacher {} .teacher__thumb {
    position: relative;
    border: 1px solid #f0f0f0;
}
.teacher__thumb a {
    display: block;
    position: relative;
}
.teacher__thumb a img {
    width: 100%;
}
.teacher__address {
    margin-top: 20px;
}
.teacher__address li {
    color: #333333;
    font-size: 15px;
    list-style: outside none none;
}
.teacher__address li a {
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.teacher__address li i {
    color: #005691;
    font-size: 16px;
    margin-right: 10px;
}
.teacher__address li + li {
    padding-top: 14px;
}
.teacher__address li:hover a {
    color: #f36371;
}
.teacher__hover__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 53px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.teacher__hover__info:before {
    background: #2d3e50 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.teacher__hover__info .social__icon a {
    line-height: normal;
}
.teacher-details-area .teacher__hover__info .social__icon li a {
    color: #fff;
    display: block;
}
.teacher-details-area .teacher__hover__info .social__icon li a:hover {
    color: #5950F7;
}
.teacher-details-area .teacher__hover__info .social__icon li {
    display: inline-block;
    list-style: outside none none;
}
.teacher-details-area .teacher__hover__info .social__icon li + li {
    margin-left: 25px;
}
.teacher__hover__info .social__icon li a i {
    font-size: 21px;
}
.teacher__details {
    padding-top: 24px;
}
.teacher__details h2 {
    font-size: 24px;
    text-transform: capitalize;
}
.teacher__details h6 {
    color: #747474;
    font-size: 14px;
    margin-top: 10px;
    text-transform: capitalize;
}
/*All Courses*/

.profile__courses__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.profile__courses__list li {
    color: #333;
    font-size: 15px;
    list-style: outside none none;
}
.profile__courses__list li i {
    color: #2d3e50;
    font-size: 16px;
    margin-right: 10px;
}
.profile__courses__list li + li {
    padding-top: 8px;
}
.profile__courses__right li {
    color: #333;
    font-weight: 500;
    list-style: outside none none;
    padding-left: 40px;
}
.profile__courses__right li + li {
    padding-top: 10px;
}
.all__crs__details p {
    color: #444444;
    font-size: 15px;
}
.all__crs__details p + p {
    margin-top: 12px;
}
.all__crs__details {
    margin-top: 22px;
}
/* my skills */

.teacher__skill {
    margin-top: 38px;
}
.htc__skill__container.progress__bar--2 {
    margin-top: 0;
}
.title__style--2 {
    font-size: 18px;
    margin-bottom: 22px;
    padding-bottom: 19px;
    position: relative;
    text-transform: uppercase;
}
.title__style--2::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}
.profile__title .title__style--2 {
    margin-bottom: 0;
}
.profile__title .title__style--2 {
    margin-bottom: 0;
}
/* Progress bar */

.single__skill {
    overflow: hidden;
}
.single__skill p {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 7px;
    text-transform: capitalize;
}
.progress__bar--2 .single__skill p {
    color: #333333;
    margin-bottom: 4px;
}
.progress-bar {
    background-color: #2d3e50;
}
.progress__bar--2 {
    overflow: hidden;
}
.progress {
    background-color: #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    color: #444;
    height: 6px;
    line-height: 10px;
    margin-bottom: 19px;
    overflow: visible;
    position: relative;
}
.progress__bar--2 .progress {
    background-color: #e6e6e6;
    margin-bottom: 28px;
}
.progress-bar {
    background-color: #2d3e50;
    border-radius: 0;
    box-shadow: none;
    color: #444;
    line-height: 10px;
    position: relative;
}
.progress-bar.pen__coloe--1 {
    background: #005691 none repeat scroll 0 0;
}
.progress-bar.pen__coloe--2 {
    background: #1585ca none repeat scroll 0 0;
}
.pen-lable {
    color: #666666;
    font-size: 13px;
    position: absolute;
    right: -11px;
    top: -21px;
}
/* my shedule */

.teacher__shedule__time li {
    color: #333333;
    font-size: 13px;
    text-transform: capitalize;
    list-style: outside none none;
    padding-bottom: 12px;
}
.teacher__shedule__time li span {
    color: #005691;
    float: right;
}
.teacher__shedule__time li + li {
    border-top: 1px solid #f0f0f0;
    padding-top: 26px;
}
.teacher__shedule__time li:last-child {
    border-bottom: 1px solid #f0f0f0;
}
.teacher__shedule__time li:last-child {
    border-bottom: 1px solid #f0f0f0;
}

.course-left {
    margin-right: 30px;
    min-width: 120px;
}
/* ------------------------------------------------
    40. Testimonial
----------------------------------------------- */

.unitech-testimonial-area {
    background: #2e3f56 none repeat scroll 0 0;
    padding-bottom: 105px;
    padding-top: 110px;
}
.testimonial-single {} .testimonial-image {
    float: left;
}
.testimonial-person-details {
    display: block;
    overflow: hidden;
    padding-left: 30px;
}
.persn-info {
    display: block;
    margin-left: 50px;
    position: relative;
}
.persn-info::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: -50px;
    position: absolute;
    top: 5px;
    width: 30px;
}
.persn-info > h5 {
    color: #fff;
    display: block;
    font-weight: 500;
    margin: 0 0 2px;
    position: relative;
}
.testimonial-person-details p,
.persn-info span {
    color: #fff;
}
.testimonial-person-details p {
    margin: -7px 0 5px;
}
.testimonial-area .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 26px;
}
.testimonial-area .owl-theme .owl-dots .owl-dot.active span {
    background: #5950f7 none repeat scroll 0 0;
    color: #5950f7;
    width: 30px;
}
.testimonial-area .owl-theme .owl-dots .owl-dot:hover span {
    background: #5950f7 none repeat scroll 0 0;
    color: #5950f7;
}
.testimonial-area .owl-theme .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    display: block;
    height: 10px;
    margin: 0 6px;
    transition: all 0.3s ease 0s;
    width: 16px;
}
.testimonial-active .owl-nav {
    text-align: center;
}
.testimonial-active .owl-nav div {
    background: #fff none repeat scroll 0 0;
    color: #404040;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    transition: all 0.3s ease 0s;
}
.testimonial-active .owl-nav div:hover {
    background: #5950F7 none repeat scroll 0 0;
    color: #fff;
}
.testimonial-active .owl-nav div + div {
    margin-left: 10px;
}
.testimonial-active .owl-nav div.owl-next {}
/*dots*/

.testimonial-active .owl-dots {
    text-align: center;
}
.testimonial-active .owl-dots .owl-dot {
    display: inline-block;
}
.testimonial-active .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    display: block;
    height: 10px;
    margin: 0 6px;
    transition: all 0.3s ease 0s;
    width: 16px;
}
.testimonial-active .owl-dots .owl-dot.active span {
    background: #5950f7 none repeat scroll 0 0;
    color: #5950f7;
    width: 30px;
}
.testimonial-active .owl-dots {
    margin-top: 30px;
}
/* -----------------------------------
    41. Gallery Section
--------------------------------------*/

.unitech-gallery-area {
    padding-bottom: 100px;
    padding-top: 100px;
}
.portfolio-slider {} .portfolio-item {} .portfolio-item a {
    display: block;
    position: relative;
}
.portfolio-item.no-padding {
    padding: 0;
}
.portfolio-item.yes-padding {
    padding-top: 15px;
    padding-bottom: 15px;
}
.portfolio-grid.yes-padding-wrap {
    margin-left: -10px;
    margin-right: -10px;
}
.portfolio-item a::before {
    background: rgba(45, 62, 80, 0.8) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 1;
}
.portfolio-item.gradient-bg a::before {
    background: #ed562d;
    background: -webkit-gradient(linear, left bottom, left top, from(#ed562d), to(#2d3e50));
    background: -webkit-linear-gradient(bottom, #ed562d 0%, #2d3e50 100%);
    background: -o-linear-gradient(bottom, #ed562d 0%, #2d3e50 100%);
    background: linear-gradient(0deg, #ed562d 0%, #2d3e50 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed562d', endColorstr='#2d3e50', GradientType=1);
    transition: all 0.3s ease 0s;
}
.portfolio-item a:hover::before {
    opacity: 1;
}
.portfolio-item a img {
    width: 100%;
}
.portfolio-item a .port_content {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}
.portfolio-item a .port_content h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    margin-left: -100px;
    opacity: 0;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.portfolio-item a:hover .port_content h4 {
    margin-left: 0;
    opacity: 1;
}
.portfolio-item a .port_content span {
    color: #ffffff;
    display: block;
    font-family: "Montserrat";
    font-size: 12px;
    margin-left: 100px;
    line-height: 18px;
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.portfolio-item a:hover .port_content span {
    margin-left: 0;
    opacity: 1;
}
/*gallery popup icon*/

.portfolio-item a .port_content i {
    color: #fff;
    font-size: 25px;
    line-height: 1;
    opacity: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
.portfolio-item a:hover .port_content i {
    opacity: 1;
    visibility: visible;
}
.portfolio-item a .port_content i:hover {
    color: #F36371;
}
/*-- Portfolio Details --*/
/*-- Portfolio Image --*/

.portfolio-image {} .portfolio-image img {
    width: 100%;
}
/*-- Portfolio Content --*/

.portfolio-content {
    margin-top: 30px;
    padding-left: 70px;
}
.portfolio-content .title {
    color: #595959;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.portfolio-content h4 {
    color: #828282;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 13px;
}
.portfolio-content p {
    color: #8f8f8f;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}
/*-- Portfolio Details --*/

.portfolio-content ul {
    display: block;
    float: left;
    margin-bottom: 40px;
    margin-top: 25px;
    width: 100%;
}
.portfolio-content ul li {
    color: #616161;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}
.portfolio-content ul li a {
    color: inherit;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
}
.portfolio-content ul li a:hover {
    color: #ed562d;
}
/*-- Portfolio Share --*/

.portfolio-content .share {} .portfolio-content .share span {
    color: #616161;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin-right: 15px;
}
.portfolio-content .share a {
    color: #616161;
    display: inline-block;
    margin-right: 15px;
    padding: 0 3px;
}
.portfolio-content .share a:hover {
    color: #ed562d;
}
.portfolio-content .share a i {
    display: block;
    font-size: 13px;
    line-height: 25px;
}
/* --- n -- */

.portfolio-item.yes-padding {
    padding: 5px;
}
/*---------n -----------*/

.portfolio-section .portfolio-filter {
    margin-left: 0;
    text-align: right;
}
.portfolio-filter li {
    border: 1px solid #5e5e5e;
    color: #5e5e5e;
    cursor: pointer;
    display: inline-block;
    list-style: outside none none;
    padding: 10px 20px;
    text-transform: uppercase;
}
.portfolio-filter li + li {
    margin-left: 20px;
}
.portfolio-filter li:hover,
.portfolio-filter li.active {
    border: 1px solid #5950f7;
    color: #5950f7;
}
/* ------------------------------------------------
    42. unitech-blog-addon 
----------------------------------------------- */

.unitech-blog-area-addon {
    padding-bottom: 80px;
    padding-top: 100px;
}
.unitech-blog-addon {
    box-shadow: 1px 0 8px -1px #dddddd;
}
.unitech-blog-addon .edu-news-content {
    padding: 20px 25px 25px;
}
.unitech-blog-addon .edu-news-content p {
    font-size: 15px;
}
/* ------------------------------------------------
    43. Slider
----------------------------------------------- */

.unitech-slides {
    display: block;
    position: relative;
}
.single-slide-item h1 {
    animation-delay: 0.8s;
    color: #ffffff;
    font-weight: 700;
    font-size: 60px;
    margin: 0 0 20px;
}
.single-slide-item p {
    animation-delay: 1.2s;
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 20px;
}
.single-slide-item .kc_button {
    animation-delay: 1.6s;
    background: #5950f7 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
    padding: 12px 30px;
    text-align: center;
    text-transform: uppercase;
    transform: perspective(1px) translateZ(0px);
    transform-origin: 0 100% 0;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
}
.single-slide-item .kc_button:hover {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    transform: skew(-10deg);
}
.unitech-slides .owl-nav {} .unitech-slides .owl-nav div {
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 24px;
    height: 50px;
    left: 0;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 45px;
    opacity: 0;
    visibility: hidden;
}
.unitech-slides .owl-nav div:hover {
    background: #5950F7;
    border-color: #5950F7;
    color: #ffffff;
}
.unitech-slides .owl-nav .owl-next {
    left: auto;
    right: 0;
}
.unitech-slides:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}
.unitech-slides:hover .owl-nav div {
    left: 20px;
}
.unitech-slides:hover .owl-nav .owl-next {
    left: auto;
    right: 20px;
}
.unitech-slides .owl-dots {
    bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.unitech-slides .owl-dots .owl-dot {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    margin: 0 3px;
    width: 12px;
    transition: all 0.3s ease 0s;
}
.unitech-slides .owl-dots .owl-dot:hover,
.unitech-slides .owl-dots .owl-dot.active {
    background: #5950F7 none repeat scroll 0 0;
}
.unitech-slides .owl-dots .owl-dot span {} .unitech-slides .owl-dots .owl-dot.active span {} .unitech-slides .owl-dots .owl-dot:hover span,
.unitech-slides .owl-dots .owl-dot.active:hover span {}
/* ------------------------------------------------
    44. Upcoming Event
----------------------------------------------- */

.unitech-events-area {
    padding-bottom: 80px;
    padding-top: 100px;
}
.upcoming {
    margin-bottom: 30px;
}
.upcoming__inner {
    position: relative;
}
.upcoming__thumb a img {
    width: 100%;
}
.upcoming__hover__info {
    bottom: 0;
    height: auto;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2;
}
.upcoming__hover__info:before {
    background: #2D3E50 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    width: 100%;
    z-index: -1;
}
.upcoming__hover__action {
  padding: 20px;
}
.upcoming__event__time {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*margin-bottom: 15px;*/
    float: left;
}
.event__time span {
    color: #fff;
    display: block;
    font-family: "Oxygen", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.event__time span:first-child {
    font-size: 44px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.upcoming__event__time .event__location {
  margin: 0;
  padding-left: 15px;
}
.event__time {
  margin-right: 10px;
}
.event__location {
    padding-left: 15px;
}
.event__separator {
    position: relative;
}
.event__separator::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 44px;
  margin-top: 4px;
  position: absolute;
  width: 1px;
}
.event__location li {
    font-size: 14px;
    font-weight: 500;
    list-style: outside none none;
    text-align: left;
}
.event__location li i {
    margin-right: 10px;
}
.upcoming__details p a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.upcoming__details p a:hover {
    opacity: 0.7;
}
.upcoming__details {
    margin-bottom: 30px;
    padding-right: 30px;
}
.event__btn {
    float: right;
    /*margin-right: 30px;*/
}
.event__btn a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.event__btn a:hover {
    background: #5950F7;
    border-color: #5950F7;
    color: #ffffff;
}
/* ------------------------------------------------
    45. Call to action
----------------------------------------------- */

.unitech-call-to-action-area {
    background: #2d3e50 none repeat scroll 0 0;
    padding-bottom: 100px;
    padding-top: 100px;
    text-align: center;
}
.unitech-call-to-action-area h3 {
    color: #ffffff;
    font-weight: 700;
    margin: 0 0 22px;
    font-size: 30px;
}
.unitech-call-to-action-area h4 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 38px;
}
.unitech-call-to-action-area .kc_button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    margin-right: 18px;
    padding: 12px 40px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.unitech-call-to-action-area .kc_button:hover {
    background: #5950F7;
    border-color: #5950F7;
    color: #ffffff;
}
.unitech-call-to-action-area .kc_button {}
/* ------------------------------------------------
    46. About us
----------------------------------------------- */

.unitech-about-us .kc_text_block li i {
    margin-right: 5px;
}
.unitech-about-us .kc-wrap-columns ul li,
.unitech-about-us .kc-wrap-columns ol li {
    list-style: outside none none;
}
/* ------------------------------------------------
    47. Contact Form
----------------------------------------------- */

.wpcf7-form {} .wpcf7-form input,
.wpcf7-form textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #555555;
    font-size: 12px;
    height: 40px;
    margin-bottom: 25px;
    padding-left: 15px;
    width: 100%;
}
.wpcf7-form textarea {
    height: 150px;
}
.wpcf7-form input[type="submit"] {
    background: #5950f7 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: auto;
}
.wpcf7-form input[type="submit"]:hover {
    background: #555555 none repeat scroll 0 0;
    color: #ffffff;
}
/* ------------------------------------------------
    Style End
----------------------------------------------- */
/* =================================================
    48. Responsive
================================================= */
/* -------------------------------
    LARGE DESKTOP :1170px
------------------------------- */

@media (min-width: 1200px) and (max-width: 1500px) {
    /* slider */
    
    .single-slide-item section.kc_row {
        padding-bottom: 130px !important;
        padding-top: 130px !important;
    }
}
/* -------------------------------
    NORMAL DESKTOP :992px 
------------------------------- */

@media (min-width: 992px) and (max-width: 1200px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 970px !important;
    }
    .kc-row-container.kc-container {
        max-width: 970px !important;
    }
    .primary-nav-wrap ul li + li {
        margin-left: 30px;
    }
    /* slider */
    
    .single-slide-item section.kc_row {
        padding-bottom: 130px !important;
        padding-top: 130px !important;
    }
    .single-slide-item .kc-wrap-columns [class*="kc_col-of-"] {
        width: 15%;
    }
    .single-slide-item .kc-wrap-columns [class*="kc_col-sm-"] {
        width: 70%;
    }
    .unitech-teacher__details {
        bottom: -40px;
    }
    .edu-news-content h2 {
        font-size: 20px;
    }
    .blog-user-text span + span {
        margin-left: 15px;
    }
    .upcoming__hover__info {
        height: 50%;
    }
}
/* -------------------------------
    Tablet (Portrait) : 768px
------------------------------- */

@media (min-width: 780px) and (max-width: 785px) {
    .logged-in .header-area.sticky {
        top: 32px;
    }
}
/* -------------------------------
    Tablet (Portrait) : 768px
------------------------------- */

@media (min-width: 768px) and (max-width: 990px) {
    html.js {
        margin-top: 0px!important;
    }
    html .logged-in {
        margin-top: 0px!important;
    }
    body {
        overflow-x: hidden;
    }
    .container {
        width: 750px !important;
    }
    .kc-row-container.kc-container {
        max-width: 750px !important;
    }
    /* header */
    
    .header-top-area {
        /*display: none;*/
    }
    .site-logo {
        padding: 25px 0 !important;
    }
    .site-logo a {
        max-width: 180px !important;
    }
    .mobile-menu .mean-nav ul li li a i {
        margin-right: 5px;
    }
    /* breadcrumbs */
    
    .breadcrumbs-area {
        padding: 80px 0;
    }
    .breadcrumbs h2.page-title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .breadcrumbs-area-default .breadcrumbs ul li,
    .breadcrumbs ul li {
        font-size: 13px;
    }
    /* slider */
    
    .single-slide-item section.kc_row {
        padding-bottom: 130px !important;
        padding-top: 130px !important;
    }
    .single-slide-item .kc-wrap-columns [class*="kc_col-of-"] {
        width: 15%;
    }
    .single-slide-item .kc-wrap-columns [class*="kc_col-sm-"] {
        width: 70%;
    }
    .single-slide-item h1 {
        font-size: 24px;
        margin: 0 20px 20px;
    }
    .single-slide-item p {
        font-size: 14px;
        margin: 0 20px 20px;
    }
    /* section-title */
    
    .section-title {
        width: 100%;
    }
    .section-title .section-serial {
        font-size: 26px;
        padding-right: 10px;
    }
    .section-title .title-text h2 {
        font-size: 22px;
    }
    .section-title .title-text p {
        font-size: 13px;
    }
    /* choose-us */
    
    .why-choose-us-area .kc_row_inner [class*="kc_col-sm-"] {
        width: 50%;
    }
    .choose-us {
        padding: 0 10px;
    }
    .choose-us-details h4 {
        font-size: 18px;
    }
    /* department */
    
    .department-text h4 {
        font-size: 18px;
    }
    .department-active.owl-carousel .owl-nav {
        margin-top: 10px;
    }
    /* counter up */
    
    .counter-up-area .kc-wrap-columns [class*="kc_col-sm-"] {
        width: 50%;
    }
    .counter-up-area .kc-wrap-columns [class*="kc_col-sm-"]:nth-child(n+3) {
        margin-top: 20px;
    }
    .funfact-single {
        padding-left: 30px;
    }
    .funfact-count h3 {
        font-size: 20px;
    }
    .funfact-count h5 {
        font-size: 18px;
    }
    /* testimonial */
    
    .testimonial-image {
        float: none;
        margin: 0 auto 30px;
        max-width: 80px;
        text-align: center;
    }
    .testimonial-person-details {
        padding: 0 10px;
        text-align: center;
    }
    .persn-info {
        margin-left: 0;
    }
    .persn-info::after {
        display: none;
    }
    /* blog */
    
    .edu-news-content h2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .blog-user-text {
        font-size: 13px;
    }
    .blog-user-text span + span {
        margin-left: 10px;
    }
    /* gallery */
    
    .portfolio-filter li {
        font-size: 12px;
        padding: 5px 12px;
    }
    .portfolio-filter li + li {
        margin-left: 10px;
    }
    /* event */
    
    .upcoming__hover__info {
        margin-top: 20px;
        position: inherit;
    }
    .upcoming__hover__action {
        padding: 20px 15px;
    }
    /* call-to-action */
    
    .unitech-call-to-action-area h3 {
        font-size: 18px;
    }
    .unitech-call-to-action-area h4 {
        font-size: 15px;
    }
    .unitech-about-us h2 {
        font-size: 22px !important;
    }
    /* footer */
    
    .copyright-text {
        margin-top: 0;
    }
    .copyright-text p {
        font-size: 12px;
    }
    a#scrollUp {
        bottom: 20px;
        font-size: 16px;
        height: 30px;
        line-height: 28px;
        right: 20px;
        width: 30px;
    }
}
/* -------------------------------
    NORMAL DESKTOP :840px 
------------------------------- */

@media (min-width: 780px) and (max-width: 1024px) {}
/* ---------------------------------
    Mobile Device (320)
--------------------------------- */

@media (max-width: 767px) {
    html.js {
        margin-top:0px!important;
    }
    html .logged-in {
        margin-top: 0px!important;
    }
    body {
        overflow-x: hidden;
    }
    .logged-in .header-area.sticky {
        top: 46px;
    }
    .container {
        width: 300px !important;
    }
    .kc-row-container.kc-container {
        max-width: 300px !important;
    }
    /* header */
    
    .header-top-area {
        display: none;
    }
    .site-logo {
        padding: 25px 0 !important;
    }
    .site-logo a {
        max-width: 180px !important;
    }
    .mobile-menu .mean-nav ul li li a i {
        margin-right: 5px;
    }
    /* breadcrumbs */
    
    .breadcrumbs-area {
        padding: 80px 0;
    }
    .breadcrumbs h2.page-title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .breadcrumbs-area-default .breadcrumbs ul li,
    .breadcrumbs ul li {
        font-size: 13px;
    }
    /* slider */
    
    .single-slide-item section.kc_row {
        padding-bottom: 130px !important;
        padding-top: 130px !important;
    }
    .single-slide-item h1 {
        font-size: 24px;
        margin: 0 20px 20px;
    }
    .single-slide-item p {
        font-size: 14px;
        margin: 0 20px 20px;
    }
    /* section-title */
    
    .section-title {
        width: 100%;
    }
    .section-title .section-serial {
        font-size: 26px;
        padding-right: 10px;
    }
    .section-title .title-text h2 {
        font-size: 22px;
    }
    .section-title .title-text p {
        font-size: 13px;
    }
    /* choose-us */
    
    .choose-us {
        padding: 0 10px;
    }
    .choose-us-details h4 {
        font-size: 18px;
    }
    /* department */
    
    .department-text h4 {
        font-size: 18px;
    }
    .department-active.owl-carousel .owl-nav {
        margin-top: 10px;
    }
    /* funfact */
    
    .funfact-single {
        padding-left: 30px;
    }
    .funfact-count h3 {
        font-size: 20px;
    }
    .funfact-count h5 {
        font-size: 18px;
    }
    /* testimonial */
    
    .testimonial-image {
        float: none;
        margin: 0 auto 30px;
        max-width: 80px;
        text-align: center;
    }
    .testimonial-person-details {
        padding: 0 10px;
        text-align: center;
    }
    .persn-info {
        margin-left: 0;
    }
    .persn-info::after {
        display: none;
    }
    /* blog */
    
    .edu-news-content h2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .blog-user-text {
        font-size: 13px;
    }
    .blog-user-text span + span {
        margin-left: 10px;
    }
    /* gallery */
    
    .portfolio-filter li {
        font-size: 12px;
        padding: 5px 12px;
    }
    .portfolio-filter li + li {
        margin-left: 10px;
    }
    /* event */
    
    .upcoming__hover__info {
        margin-top: 20px;
        position: inherit;
    }
    .upcoming__hover__action {
        padding: 20px 15px;
    }
    .upcoming__event__time {
        margin-bottom: 25px;
    }
    .event__btn {
        float: none;
    }
    /* call-to-action */
    
    .unitech-call-to-action-area h3 {
        font-size: 18px;
    }
    .unitech-call-to-action-area h4 {
        font-size: 15px;
    }
    .unitech-about-us h2 {
        font-size: 22px !important;
    }
    /* footer */
    
    .copyright-text {
        margin-top: 0;
    }
    .copyright-text p {
        font-size: 12px;
    }
    a#scrollUp {
        bottom: 20px;
        font-size: 16px;
        height: 30px;
        line-height: 28px;
        right: 20px;
        width: 30px;
    }
    .workstation, .post-tags {
      float: left;
      margin-right: 30px;
      padding-left: 0;
    }
    #wp-calendar {
      display: block;
      overflow: scroll;
      width: 100%;
    }
    .sidebar-title {
      font-size: 16px;
      letter-spacing: 0;
      margin-bottom: 40px;
    }
    .sidebar-title::before {
      bottom: -5px;
    }
    .edu-news-content {
      padding: 30px 20px 33px;
    }
    .blog-user-text > span {
      display: block;
    }
    .blog-user-text span + span {
      margin-left: 0;
      margin-top: 5px;
    }
    .edu-news-content h2 {
      font-size: 18px;
    }
    .unitech-blog-addon .edu-news-content p {
      font-size: 14px;
    }
    .unitech-slides .owl-nav {
      display: none;
    }
    .portfolio-filter li {
      margin-bottom: 10px;
    }
    .upcoming__event__time {
      float: none;
    }

}
/* ---------------------------------
    Large Mobile :480px
--------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 90% !important;
    }
    .kc-row-container.kc-container {
        max-width: 90% !important;
    }
}
/* -------------------------------------------
    Small Mobile (Portrait) :600px. 
------------------------------------------- */

@media (max-width: 600px) {
    .container {
        width: 90%;
    }
    .logged-in .header-area.sticky {
        top: 0;
    }
}
/* ------------------------------------------------
    Responsive End
----------------------------------------------- */
.single-post .sidebar-widget.widget_search {
  padding-top: 30px;
}
.cats-tags-wrap {
  overflow: hidden;
}
.workstation,
.post-tags {
  margin-right: 30px;
  padding-left: 0;
  float: left;
}
.workstation {
  margin-bottom: 15px;
}
.workstation i,
.post-tags i {
  color: #999;
  margin-right: 5px;
}
.workstation > a, 
.post-tags > a {
  line-height: 1.6;
  margin-left: 5px;
}
.comment-text {
  overflow: hidden;
}
.comment-title.sidebar-title {
  font-size: 24px;
  text-transform: capitalize;
}
.workstation > a {
  line-height: 1.7;
  margin-right: 5px;
}

/**
* Contact Form Output
*/
div.wpcf7-response-output {
  clear: both;
  display: block;
  margin: 15px;
  padding: 15px 20px;
  width: 100%;
}
.widget.widget_rss ul li a.rsswidget {
    display: block;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 5px;
}
.widget.widget_rss ul li span.rss-date {
    font-style: italic;
}
.widget.widget_rss ul li .rssSummary {
    padding: 8px 0;
}