.header-top-left.header-top-info p {
    font-size: 13.5px
}

.single-service.single-service1 {
    height: 216px;
    margin-bottom: 0!important
}

.single-service.single-service1 .single-service-inner h3 {
    font-size: 15px;
    color: #fff;
    padding-top: 10px
}

.single-service.single-service1 p {
    font-size: 13px;
    color: #fff;
    line-height: 1.5;
    padding: 0 8px
}

img.ser-img {
    width: 90px
}

.single-service.single-service1 .single-service-inner {
    padding: 22px 0!important;
    position: relative
}

img.top-icn {
    width: 15px;
    margin-right: 5px;
}

body,html {
    height: 100%;
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.aligncenter {
    display: block;
    margin: 0 auto 15px
}

a:active,a:focus {
    outline: 0 solid;
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto
}

.fix {
    overflow: hidden
}

.clear {
    position: relative
}

.clear::after {
    clear: both;
    content: "";
    display: block
}

p {
    color: #424242;
    font-size: 14px
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 10px;
    font-family: Roboto,sans-serif;
    color: #212121
}

a {
    transition: all .3s ease 0s;
    text-decoration: none;
    font-family: poppins
}

a:hover {
    text-decoration: none
}

a:active,a:hover {
    outline: 0 none
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.padding100 {
    padding: 100px 0
}

.padding-t100 {
    padding-top: 55px
}

.padding70 {
    padding: 70px 0
}

.padding65 {
    padding: 65px 0
}

.padding50 {
    padding: 50px 0
}

.padding-t50 {
    padding-top: 50px
}

.padding-b50 {
    padding-bottom: 50px
}

.padding-b0 {
    padding-bottom: 0
}

.padding85 {
    padding: 85px 0
}

.padding90 {
    padding: 90px 0
}

.padding-left65 {
    padding-left: 65px
}

.padding130 {
    padding: 130px
}

.padding-tb-130 {
    padding: 130px 0
}

.padding30 {
    padding: 30px
}

.one {
    width: 100%;
    float: left
}

.one-half {
    width: 50%;
    float: left
}

.area-headding {
    padding-bottom: 25px
}

.area-headding.color-white .section-title,.area-headding.color-white p {
    color: #fff
}

.section-title {
    font-size: 35px;
    font-weight: 500;
    line-height: 32px;
    text-transform: capitalize
}

.section-dis {
    padding: 0 120px
}

.section-title.color-white {
    color: #fff
}

.bg-white {
    background: #fff
}

.bg-white-2 {
    background: #f8f8f8
}

.bg-gray {
    background: #f8f8f8
}

.bg-color-2 {
    background: #edbd47
}

.boxshado {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
}

.thanks-msg {
    text-align: center;
    margin-bottom: 30px;
    color: #039be5
}

.intro-courses-area {
    margin-top: -115px;
    position: relative;
    z-index: 999
}

.intro-courses-area .section-title {
    text-transform: uppercase
}

.intro-courses-container .nav.nav-tabs li {
    background: #ededed none repeat scroll 0 0;
    display: table;
    text-align: center;
    width: 20%;
    height: 230px
}

.intro-courses-container .nav.nav-tabs li.active a {
    border: medium none;
    border-radius: 0;
    height: 250px;
    z-index: 999
}

.intro-courses-container .nav.nav-tabs li.active {
    box-shadow: 0 0 6px 0 #7c7c7c;
    margin-top: -10px;
    z-index: 99
}

.intro-courses-container .nav.nav-tabs li.active a::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #fa8c00;
    bottom: -13px;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute
}

.intro-courses-container .nav.nav-tabs li a {
    border: medium none
}

.intro-courses-container .nav.nav-tabs,.nav.nav-tabs li.active {
    border: medium none
}

.intro-courses-container .nav-tabs>li>a {
    border-radius: 0;
    display: table-cell;
    line-height: 1;
    margin: 0;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase
}

.intro-courses-container .nav-tabs>li>a .est-icon {
    margin-bottom: 30px
}

.intro-courses-container .nav.nav-tabs li:nth-child(1) {
    background: #fcc02e
}

.intro-courses-container .nav.nav-tabs li:nth-child(2) {
    background: #ff68b5
}

.intro-courses-container .nav.nav-tabs li:nth-child(3) {
    background: #43a047
}

.intro-courses-container .nav.nav-tabs li:nth-child(4) {
    background: #00acc2
}

.intro-courses-container .nav.nav-tabs li:nth-child(5) {
    background: #8e24aa
}

.intro-courses-container .nav.nav-tabs li.active a,.intro-courses-container .nav>li>a:focus,.intro-courses-container .nav>li>a:hover {
    background: #fa8c00;
    color: #fff;
    position: relative
}

.big-post .rating ul li {
    border-right: 1px solid #ededed;
    display: inline-block;
    line-height: 1;
    margin-right: 25px;
    padding-right: 24px
}

.big-post .course-content .course-title {
    margin: 0;
    padding: 30px 0;
    font-size: 30px
}

.big-post .course-content p {
    line-height: 25px;
    margin: 0;
    padding-bottom: 30px
}

.big-post .author {
    color: #aaa;
    margin-bottom: 30px
}

.single-course {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 6px 0 #bdc3ca
}

.course-content {
    padding: 0 30px
}

.online-shopping-area,.populer-courses-list {
    display: block;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px
}

.course-content .course-title {
    margin: 0;
    padding: 30px 0 15px 0;
    font-size: 18px
}

.course-content .course-title a {
    color: #212121
}

.course-content p {
    line-height: 20px;
    margin: 0;
    padding-bottom: 20px
}

.author {
    color: #aaa;
    margin-bottom: 20px
}

.author a {
    color: #212121
}

.author a:hover {
    color: #ffeb3b
}

.rating {
    border-top: 1px solid #ededed;
    padding: 20px 30px
}

.rating ul li {
    border-right: 1px solid #ededed;
    display: inline-block;
    line-height: 1;
    margin-right: 20px;
    padding-right: 19px
}

.rating ul li:last-child {
    border-right: medium none navy;
    margin-right: 0;
    padding-right: 0
}

.rating ul li p {
    color: #aaa;
    font-size: 13px;
    margin: 0
}

.rating ul li p span {
    margin-right: 10px
}

.star i {
    font-size: 12px
}

.star .yes {
    color: #ffeb3b
}

.single-course:nth-child(-n+1) {
    margin-bottom: 30px
}

.single-course.big-post:nth-child(-n+1) {
    margin-bottom: 0
}

.owl-pagination-default .owl-pagination {
    margin-top: 30px
}

.owl-pagination-default .owl-controls .owl-page span {
    background: #869791 none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 15px;
    margin: 5px 7px;
    opacity: .5;
    width: 15px;
    border: 2px solid #f8f8f8
}

.owl-pagination-default .owl-controls .owl-page.active span,.owl-pagination-default .owl-controls.clickable .owl-page:hover span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #03a9f4;
    height: 15px;
    opacity: 1;
    transition: all .3s ease 0s;
    width: 15px
}

.course-thumb {
    position: relative
}

.price-sticker {
    background: #ffa727 none repeat scroll 0 0;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    left: -6px;
    padding: 5px 5px 5px 20px;
    position: absolute;
    top: 20px
}

.price-sticker::before {
    border-left: 6px solid transparent;
    border-top: 6px solid #fa8c01;
    bottom: -6px;
    content: "";
    left: 0;
    position: absolute
}

.price-sticker::after {
    border-bottom: 18px solid transparent;
    border-left: 14px solid #ffa727;
    border-top: 18px solid transparent;
    content: "";
    margin-top: -18px;
    position: absolute;
    right: -14px;
    top: 50%
}

.big-post .price-sticker {
    background: #f54337 none repeat scroll 0 0
}

.big-post .price-sticker::before {
    border-left: 6px solid transparent;
    border-top: 6px solid #d22e2d
}

.big-post .price-sticker::after {
    border-bottom: 18px solid transparent;
    border-left: 14px solid #f54337;
    border-top: 18px solid transparent
}

.brand-list {
    height: 150px;
    line-height: 150px
}

.single-brand {
    border-right: 1px solid #039be5;
    display: inline-block;
    text-align: center;
    width: 16.42%
}

.brand-list .single-brand {
    width: 100%
}

.single-product {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 6px 0 #bdc3ca;
    margin-bottom: 30px;
    position: relative
}

.pro-thumb {
    position: relative
}

.hover-btn {
    left: 50%;
    margin-left: -45px;
    margin-top: -37px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all .3s ease 0s;
    visibility: hidden;
    z-index: 999
}

.hover-btn ul li {
    display: inline-block
}

.hover-btn ul li a {
    background: #fff none repeat scroll 0 0;
    color: #212121;
    display: block;
    margin: auto 5px;
    padding: 12px;
    box-shadow: 0 0 6px 0 #7c7c7c;
    border-radius: 3px
}

.hover-btn ul li a:hover {
    background: #03a9f4 none repeat scroll 0 0;
    color: #fff
}

.brand-logo-area.overlay-bg,.pro-thumb.overlay-bg {
    position: relative
}

.brand-logo-area.overlay-bg::after,.pro-thumb.overlay-bg::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease 0s;
    width: 100%
}

.pro-info {
    background: #fff none repeat scroll 0 0;
    left: 0;
    overflow: hidden;
    padding: 20px;
    top: 100%;
    transition: all .3s ease 0s;
    width: 100%
}

.pro-category {
    color: #aaa;
    font-size: 13px;
    margin-bottom: 15px;
    text-transform: capitalize
}

.pro-title {
    font-size: 20px;
    margin-bottom: 15px
}

.pro-title a {
    color: #212121
}

.pro-title a:hover {
    color: #03a9f4
}

.pro-rating {
    margin-bottom: 15px
}

.pro-price {
    color: #424242;
    font-size: 20px;
    font-weight: 700
}

.pro-available-color .color-list .color {
    background: #ededed none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin: auto 2px;
    width: 16px
}

.pro-available-color {
    margin: 20px 0 10px
}

.pro-available-color .color-list .color:nth-child(1) {
    background: #64849d
}

.pro-available-color .color-list .color:nth-child(2) {
    background: #dd5d5d
}

.pro-available-color .color-list .color:nth-child(3) {
    background: #f0c758
}

.pro-available-color .color-list .color:nth-child(4) {
    background: #6defc9
}

.pro-available-color {
    margin-bottom: -24px;
    opacity: 0;
    transform: scale(0);
    transition: all .3s ease 0s
}

.single-product:hover .hover-btn {
    opacity: 1;
    visibility: visible
}

.single-product:hover .pro-thumb.overlay-bg::after {
    opacity: .5
}

.single-product:hover .pro-info {
    transform: translateY(-30px)
}

.single-product:hover .pro-available-color {
    opacity: 1;
    transform: scale(1)
}

.online-shopping-area.padding100 {
    padding-bottom: 70px;
    padding-top: 100px
}

.online-shop-list {
    height: auto
}

.online-shop-list .mix {
    display: none
}

.online-shop-list .col-md-3 {
    width: 100%
}

.filter-menu {
    margin-bottom: 30px
}

.filter-menu ul {
    margin-bottom: 40px
}

.filter-menu ul li {
    cursor: pointer;
    display: inline-block;
    transition: all .3s ease 0s
}

.filter-menu ul li.active,.filter-menu ul li:hover {
    color: #03a9f4
}

.filter-menu .nav-tabs>li.active>a,.filter-menu .nav-tabs>li.active>a:focus,.filter-menu .nav-tabs>li.active>a:hover {
    border: medium none;
    color: #03a9f4
}

.filter-menu .nav-tabs>li>a:hover {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: medium none;
    color: #03a9f4
}

.filter-menu .nav-tabs {
    border: medium none
}

.filter-menu .nav-tabs>li>a {
    border: medium none;
    border-radius: 0;
    line-height: 0;
    margin: 0;
    text-transform: capitalize;
    color: #424242
}

.filter-menu .nav-tabs>li {
    float: none;
    margin: 0
}

.search-rside {
    width: 585px
}

.search-rside .area-headding {
    padding-bottom: 0
}

.search-form-2 input[type=text],.search-form-2 select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #ffd775;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #fff;
    font-style: italic;
    margin-bottom: 10px;
    padding: 15px 0;
    width: 100%
}

.search-form-2 .estut-btn {
    border: medium none;
    margin: 40px 0 0;
    padding: 13px 30px;
    transition: all .3s ease 0s;
    box-shadow: 0 0 6px 0 #c29b3a
}

.search-form-2 select {
    -moz-appearance: none;
    background: rgba(0,0,0,0) url(img/others/appearance-bg.png) no-repeat scroll right center
}

.latest-blog-area.padding100 {
    padding: 92px 0
}

.single-blog {
    box-shadow: 0 0 6px 0 #bdc3ca;
    margin-bottom: 5px
}

.blog-info {
    padding: 30px
}

.blog-category {
    display: block;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize
}

.blog-category::before {
    background: #efefef none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -30px;
    position: absolute;
    top: 0;
    width: 10px
}

.c-green {
    color: #43a047
}

.c-yellow {
    color: #fcc02e
}

.c-audio {
    color: #fb8c00
}

.c-tutorial {
    color: #00acc1
}

.c-social {
    color: #e53935
}

.blog-category.c-green::before {
    background: #43a047 none repeat scroll 0 0
}

.blog-category.c-yellow::before {
    background: #fcc02e none repeat scroll 0 0
}

.blog-category.c-audio::before {
    background: #fb8c00 none repeat scroll 0 0
}

.blog-category.c-tutorial::before {
    background: #00acc1 none repeat scroll 0 0
}

.blog-category.c-social::before {
    background: #e53935 none repeat scroll 0 0
}

.blog-post-dlc ul li {
    border-right: 1px solid #aaa;
    color: #aaa;
    display: inline-block;
    line-height: 1;
    padding-left: 20px;
    padding-right: 19px
}

.blog-post-dlc li:first-child {
    padding-left: 0
}

.blog-post-dlc li:last-child {
    border: 0 solid #aaa
}

.blog-post-dlc ul li a {
    color: #aaa
}

.blog-post-dlc ul li i {
    margin-right: 10px
}

.blog-post-dlc ul li a:hover {
    color: #03a9f4
}

.blog-title a {
    color: #212121;
    line-height: 1
}

.blog-title a:hover {
    color: #03a9f4
}

.blog-title {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px
}

.blog-post-dlc {
    margin-bottom: 15px
}

.blog-content {
    line-height: 24px
}

.blog-quote-content {
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 40px;
    position: relative
}

.blog-quote-content::before {
    color: #039be5;
    content: "â€œ";
    font-family: playfairDisplay;
    font-size: 80px;
    font-weight: 600;
    left: -10px;
    position: absolute;
    top: -25px
}

.bloger {
    color: #212121;
    display: block;
    font-weight: 700;
    line-height: 23px;
    text-align: right;
    text-transform: uppercase
}

.blog-list .col-md-4 {
    width: 100%
}

.counter-area.bg-1.bg-1 {
    background: rgba(0,0,0,0) url(img/others/counter-bg.jpg) no-repeat scroll center center/cover
}

.counter-area.overlay-bg {
    position: relative
}

.counter-area.overlay-bg::before {
    background: #f6f6f1 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%
}

.s-counter {
    border-right: 1px solid #d6d6d6;
    display: inline-block;
    float: left;
    width: 25%
}

.counter-box .counter {
    font-size: 50px;
    font-weight: 700
}

.counter-box .count-title {
    font-weight: 500;
    margin: 0;
    text-transform: uppercase
}

.counter-list .s-counter:last-child {
    border-right: medium none
}

.counter-list .s-counter:nth-child(1) .counter-box .counter {
    color: #fa8c00
}

.counter-list .s-counter:nth-child(2) .counter-box .counter {
    color: #43a047
}

.counter-list .s-counter:nth-child(3) .counter-box .counter {
    color: #00acc2
}

.counter-list .s-counter:nth-child(4) .counter-box .counter {
    color: #8e24aa
}

.call-to-action.bg-1 {
    background: rgba(0,0,0,0) url(img/others/call-to-action-bg.jpg) no-repeat scroll center center/cover
}

.call-to-action .call-title {
    font-size: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #fff
}

.call-to-action .call-content {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff
}

.call-to-action .estut-btn {
    box-shadow: 0 3px 6px 0 #325d50
}

.search-area.v2 {
    padding: 40px 0;
    background: #f98f6f
}

.search-area-border {
    background: rgba(0,0,0,0) url(img/others/search-border-2.png) repeat-x;
    height: 8px
}

.search-area.v2 .search-form-3 {
    float: right;
    width: 80%
}

.search-area.v2 .search-title {
    float: left;
    width: 20%;
    height: 45px
}

.search-area.v2 .search-title h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 45px;
    margin: 0;
    color: #fff;
    text-transform: uppercase
}

.search-area.v2 .search-form-3 input[type=text],.search-area.v2 .search-form-3 select {
    -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #ffa88e;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #fff;
    font-style: italic;
    height: 45px;
    line-height: 45px;
    margin-right: 3%;
    width: 39%;
    padding-right: 15px
}

.search-area.v2 .search-form-3 select {
    background: rgba(0,0,0,0) url(img/others/appearance-bg.png) no-repeat scroll right center
}

.single-service {
    background: #ededed none repeat scroll 0 0;
    border-radius: 4px;
    text-align: center
}

.ser-front-heading {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 30px 0 0;
    text-transform: uppercase
}

.single-service-inner {
    padding: 57px 0;
    position: relative
}

.service-box-back {
    background: #fff none repeat scroll 0 0;
    border-bottom: 4px solid #69d2e7;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 #bdc3ca;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0 26px;
    position: absolute;
    top: 0;
    transform: rotateX(45deg);
    transition: all .4s ease-in-out 0s;
    visibility: hidden;
    width: 100%
}

.ser-back-heading {
    font-size: 20px;
    margin: 0;
    padding-top: 25px;
    text-transform: uppercase
}

.ser-back-content {
    line-height: 24px;
    margin-bottom: 21px;
    margin-top: 27px
}

.ser-link {
    color: #69d2e7;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px;
    text-decoration: underline
}

.ser-link i {
    margin-left: 5px
}

.single-service:hover .service-box-back {
    top: 0;
    opacity: 1;
    visibility: visible;
    transform: rotateX(0)
}

.service-list .col-md-3:nth-child(-n+3) .single-service {
    margin-bottom: 30px
}

.service-list .col-md-3:nth-child(1) .single-service {
    background: #60cd96 none repeat scroll 0 0
}

.service-list .col-md-3:nth-child(2) .single-service {
    background: #69d2e7 none repeat scroll 0 0
}

.service-list .col-md-3:nth-child(3) .single-service {
    background: #ff9f9f none repeat scroll 0 0
}

.service-list .col-md-3:nth-child(4) .single-service {
    background: #f3d474 none repeat scroll 0 0
}

.service-list .col-md-3:nth-child(5) .single-service {
    background: #9d87c3 none repeat scroll 0 0
}

.service-list .col-md-3:nth-child(6) .single-service {
    background: #f3d474 none repeat scroll 0 0
}

.service-list .col-md-3:nth-child(odd) .single-service .service-box-back {
    transform: rotateY(45deg)
}

.service-list .col-md-3:nth-child(odd) .single-service:hover .service-box-back {
    transform: rotateY(0)
}

.team-area.v1.padding100 {
    padding: 100px 0 75px 0
}

.team-area.bg-1 {
    background: rgba(0,0,0,0) url(img/section-bg/team-bg-1.jpg) no-repeat scroll center center/cover
}

.team-area.overlay-bg {
    position: relative
}

.team-area.overlay-bg::after {
    background: #ffffff00 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%
}

.team-wrap {
    position: relative;
    z-index: 5
}

.team-dis {
    float: left;
    width: 30%
}

.team-member-wrap {
    float: right;
    padding-left: 40px;
    width: 70%
}

.single-member {
    float: left;
    padding: 0 15px;
    text-align: center;
    width: 33.333%
}

.member-info a {
    color: #f8f8f8;
    display: block;
    font-size: 18px;
    line-height: 13px;
    margin: 30px 0 0;
    text-transform: uppercase
}

.member-info a:hover {
    color: #f3d474
}

.member-info p {
    color: #f8f8f8;
    line-height: 11px;
    margin: 15px 0 0
}

.populer-courses-area-v2.padding100,.populer-courses-area.padding100 {
    padding: 100px 0 90px
}

.owl-pagination-default.style-2 .owl-controls .owl-page.active span,.owl-pagination-default.style-2 .owl-controls.clickable .owl-page:hover span {
    border: 2px solid #f99172
}

.populer-courses-area-v2 .course-thumb {
    float: left;
    padding-right: 15px;
    position: relative;
    width: 30%
}

.populer-courses-area-v2 .course-info {
    float: right;
    padding: 0 15px;
    width: 70%
}

.populer-courses-area-v2 .course-content {
    padding: 0
}

.populer-courses-area-v2 .course-content .course-title {
    font-size: 18px;
    margin: 0;
    padding: 25px 0 15px
}

.populer-courses-area-v2 .rating {
    border-top: 1px solid #ededed;
    padding: 15px 0
}

.populer-courses-area-v2 .populer-courses-list {
    overflow: inherit
}

.populer-courses-area-v2 .single-course {
    border-radius: 3px
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(1) .single-course .course-thumb .price-sticker {
    background: #9d87c3 none repeat scroll 0 0
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(1) .single-course .course-thumb .price-sticker::after {
    border-left: 14px solid #9d87c3
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(1) .single-course .course-thumb .price-sticker::before {
    border-top: 6px solid #7e65ab
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(2) .single-course .course-thumb .price-sticker {
    background: #ff9f9f none repeat scroll 0 0
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(2) .single-course .course-thumb .price-sticker::after {
    border-left: 14px solid #ff9f9f
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(2) .single-course .course-thumb .price-sticker::before {
    border-top: 6px solid #ea7f7f
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(3) .single-course .course-thumb .price-sticker {
    background: #69d2e7 none repeat scroll 0 0
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(3) .single-course .course-thumb .price-sticker::after {
    border-left: 14px solid #69d2e7
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(3) .single-course .course-thumb .price-sticker::before {
    border-top: 6px solid #4cb7cc
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(4) .single-course .course-thumb .price-sticker {
    background: #60cd96 none repeat scroll 0 0
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(4) .single-course .course-thumb .price-sticker::after {
    border-left: 14px solid #60cd96
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(4) .single-course .course-thumb .price-sticker::before {
    border-top: 6px solid #4bb47f
}

.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(-n+2) .single-course {
    margin-bottom: 5px
}

.populer-courses-area-v2 .single-course:nth-child(-n+1) {
    margin-bottom: 0
}

.single-photo {
    display: block;
    float: left;
    width: 16.6666%
}

.single-photo a {
    display: block
}

.see-all-photo {
    background: #9d87c3 none repeat scroll 0 0;
    padding: 40px 0
}

.photo-gallery-headding {
    color: #fff;
    margin: 5px 0 0;
    text-transform: capitalize
}

.single-photo img {
    width: 100%
}

.latest-blog-area-v2.bg-2 {
    background: rgba(0,0,0,0) url(img/section-bg/blog-bg-2.jpg) no-repeat scroll center center/cover
}

.latest-blog-area-v2.overlay-bg {
    position: relative
}

.latest-blog-area-v2.overlay-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #60cd96;
    opacity: .8
}

.latest-blog-area-v2 .latest-blog-inner {
    position: relative;
    z-index: 5
}

.latest-blog-area-v2 .owl-pagination-default .owl-controls .owl-page span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid transparent
}

.latest-blog-area-v2 .owl-pagination-default.style-2 .owl-controls .owl-page.active span,.latest-blog-area-v2 .owl-pagination-default.style-2 .owl-controls.clickable .owl-page:hover span {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 2px solid #fff
}

.latest-blog-area-v2 .single-blog {
    border-radius: 3px;
    box-shadow: 0 0 5px 0 #9a9a9a;
    margin-bottom: 5px
}

.header-v3 .header-bottom {
    padding: 20px 0;
    position: absolute;
    width: 100%;
    z-index: 9999
}

.header-bottom.stick {
    background: rgba(28,28,28,.9) none repeat scroll 0 0;
    padding: 0;
    position: fixed;
    top: 0;
    transition: all .3s ease 0s;
    z-index: 9999999
}

.stick .header-logo {
    padding-top: 15px
}

.header-logo img {
    transition: all .3s ease 0s;
    width: 126px
}

.stick .header-logo img {
    margin-top: 3px;
    width: 100px
}

.service-v3-area .single-service {
    float: left;
    width: 33.333%;
    position: relative
}

.service-v3-area .service-info {
    height: 100%;
    left: 0;
    padding: 100px 60px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all .3s ease 0s
}

.service-v3-area .service-info h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase
}

.service-v3-area .service-info .service-icon {
    margin-bottom: 28px
}

.service-v3-area .service-info p {
    color: #fff;
    font-family: lato,sans-serif;
    margin-bottom: 30px
}

.service-v3-area .service-list .single-service:after {
    content: "";
    height: 100%;
    left: 0;
    opacity: .77;
    position: absolute;
    top: 0;
    width: 100%
}

.service-v3-area .service-list .single-service:nth-child(1)::after {
    background: #5878d2 none repeat scroll 0 0
}

.service-v3-area .service-list .single-service:nth-child(2)::after {
    background: #e3bd39 none repeat scroll 0 0
}

.service-v3-area .service-list .single-service:nth-child(3)::after {
    background: #19cab7 none repeat scroll 0 0
}

.service-v3-area .ser-dis-btn {
    margin-bottom: -24px;
    opacity: 0;
    transform: scale(0);
    transition: all .3s ease 0s
}

.service-v3-area .single-service:hover .ser-dis-btn {
    opacity: 1;
    transform: scale(1)
}

.service-v3-area .single-service:hover .service-info {
    transform: translateY(-30px)
}

.estut-tab li {
    background: #ebebeb none repeat scroll 0 0;
    display: inline-block;
    height: 45px;
    margin: auto -2px;
    position: relative;
    text-align: center
}

.estut-tab li a {
    border-right: 1px solid #fff;
    color: #212121;
    display: block;
    line-height: 45px;
    padding: 0 20px;
    position: relative;
    z-index: 10
}

.estut-tab li:last-child a {
    border-right: medium none
}

.estut-tab li::before {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.estut-tab li.active::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -3px 5px 0 #d4d2d2;
    height: 110%;
    margin-top: -5px;
    z-index: 10
}

.estut-tab-wrap .tab-content {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    padding-top: 50px
}

.estut-tab-caption {
    padding-left: 52px;
    padding-top: 20px
}

.estut-tab-caption .estut-btn-v2 {
    margin-top: 25px
}

.estut-tab-img {
    padding-right: 30px
}

.ready-to-live-wrap h2 {
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.ready-to-live-wrap p {
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: uppercase
}

#video-bg {
    width: 100%
}

.ready-to-live-wrap {
    height: 470px;
    overflow: hidden;
    position: relative
}

.video-text {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.video-text h2,.video-text p {
    color: #fff
}

.tb-t {
    display: table;
    height: 100%;
    width: 100%
}

.tb-c {
    display: table-cell;
    vertical-align: middle
}

.ready-to-live-wrap::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

#polina button {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    height: 60px;
    width: 60px
}

.populer-courses-container.style-3 .big-post .course-thumb {
    float: left;
    width: 50%
}

.populer-courses-container.style-3 .big-post .course-info {
    float: left;
    width: 50%
}

.populer-courses-container.style-3 .ser-dis-btn {
    margin-bottom: 30px
}

.populer-courses-container.style-3 .rating {
    padding: 17px 30px
}

.populer-courses-container.style-3 .single-course.big-post {
    margin-bottom: 50px
}

.populer-courses-container.style-3 .big-post .price-sticker {
    background: #19caab none repeat scroll 0 0
}

.populer-courses-container.style-3 .big-post .price-sticker::after {
    border-left: 14px solid #19caab
}

.populer-courses-container.style-3 .big-post .price-sticker::before {
    border-top: 6px solid #15aa90
}

.populer-courses-container.style-3 .price-sticker {
    background: #e3bd39 none repeat scroll 0 0
}

.populer-courses-container.style-3 .price-sticker::after {
    border-left: 14px solid #e3bd39
}

.populer-courses-container.style-3 .price-sticker::before {
    border-top: 6px solid #cda519
}

.populer-courses-container.style-3 .star .yes {
    color: #fdd835
}

.owl-pagination-default.style-3 .owl-controls .owl-page.active span,.owl-pagination-default.style-3 .owl-controls.clickable .owl-page:hover span {
    background: 0 0
}

.populer-courses-container.style-3 .single-course {
    margin-bottom: 0
}

.brand-logo-area.bg-3 {
    background: rgba(0,0,0,0) url(img/section-bg/search-bg-3.jpg) no-repeat scroll center center/cover
}

.brand-logo-area.overlay-bg::after {
    background: #383838 none repeat scroll 0 0;
    opacity: .5
}

.brand-logo-search-wrap {
    position: relative;
    z-index: 999
}

.brand-logo-area.style-3 .search-area-3 {
    padding: 130px 50px
}

.brand-logo-area.style-3 .search-area-3.overlay-bg::after {
    background: #e46868 none repeat scroll 0 0;
    opacity: .8;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.brand-logo-area.style-3 .search-wrap {
    position: relative;
    z-index: 10
}

.search-area-3 .search-form-2 input[type=text],.search-area-3 .search-form-2 select {
    border-color: -moz-use-text-color -moz-use-text-color #d4a7a6
}

.search-area-3 .search-form-2 .estut-btn {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    font-family: roboto;
    font-weight: 500
}

.search-area-3 .search-form-2 .estut-btn:hover {
    background: #19caab
}

.brand-list-v3 {
    padding: 130px 50px 0 90px
}

.brand-list-v3 .single-brand {
    border-bottom: 1px dashed #b2b2b2;
    border-right: 0 none;
    display: table;
    float: left;
    height: 123px;
    text-align: left;
    width: 50%
}

.brand-list-v3 .single-brand:nth-child(2n+1) {
    border-right: 1px dashed #b2b2b2
}

.brand-list-v3 .single-brand:nth-child(2n) {
    text-align: right
}

.brand-list-v3 .single-brand:nth-child(n+5) {
    border-bottom: medium none
}

.owl-pagination-default .owl-pagination {
    margin-left: 45px;
    margin-top: 30px
}

.owl-pagination-default.style-4 .owl-controls .owl-page span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #756c80;
    border-radius: 100%;
    display: block;
    height: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
    opacity: .8;
    width: 15px
}

.owl-pagination-default.style-4 .owl-controls .owl-page.active span,.owl-pagination-default.style-4 .owl-controls.clickable .owl-page:hover span {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    height: 15px;
    opacity: 1;
    transition: all .3s ease 0s;
    width: 15px
}

.our-team-area-v3 .single-member {
    float: left;
    padding: 0;
    width: 20%
}

.our-team-area-v3 .single-member .mb-info h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.our-team-area-v3 .single-member .mb-info h3 a {
    color: #212121
}

.our-team-area-v3 .single-member .mb-info h5 {
    color: #424242;
    font-family: roboto;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    transition: all .3s ease 0s
}

.our-team-area-v3 .single-member .mb-info {
    padding: 30px 0;
    position: relative;
    transition: all .3s ease 0s
}

.our-team-area-v3 .single-member .mb-info::after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -10px;
    transition: all .3s ease 0s;
    width: 0
}

.our-team-area-v3 .member-container .single-member:nth-child(2n) .mb-info {
    background: #ebebeb none repeat scroll 0 0
}

.our-team-area-v3 .member-container .single-member:nth-child(2n) .mb-info:after {
    border-bottom: 10px solid #ebebeb
}

.member-container .single-member:hover:nth-child(2n) .mb-info {
    background: #000 none repeat scroll 0 0
}

.member-container .single-member:hover:nth-child(2n) .mb-info:after {
    border-bottom: 10px solid #000
}

.mb-image {
    position: relative
}

.member-social-links {
    bottom: 45px;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 15;
    transform: scale(0);
    transition: all .3s ease 0s;
    opacity: 0
}

.member-social-links li {
    display: inline-block;
    margin: auto 3px
}

.member-social-links li a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.single-member .mb-image::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease 0s;
    width: 100%
}

.single-member:hover .mb-image::after {
    opacity: .4
}

.single-member .mb-image::after {
    transition: all .3s ease 0s
}

.single-member:hover .mb-info {
    background: #000 none repeat scroll 0 0
}

.single-member:hover .mb-info h3 a {
    color: #fff
}

.single-member:hover .mb-info h5 {
    color: #fff
}

.single-member:hover .mb-info::after {
    border-bottom-color: #000
}

.single-member:hover .member-social-links {
    transform: scale(1);
    opacity: 1
}

.member-social-links li a.facebook {
    color: #4b6ea8
}

.member-social-links li a.twitter {
    color: #4fd5f8
}

.member-social-links li a.google-plus {
    color: #dc543a
}

.member-social-links li a.facebook:hover {
    background: #4b6ea8 none repeat scroll 0 0;
    color: #fff
}

.member-social-links li a.twitter:hover {
    background: #4fd5f8 none repeat scroll 0 0;
    color: #fff
}

.member-social-links li a.google-plus:hover {
    background: #dc543a none repeat scroll 0 0;
    color: #fff
}

.testimonials-area-v3 {
    background: #19caab none repeat scroll 0 0;
    padding: 55px 0
}

.testimonials-area-v3 .testimonial-text p {
    font-family: roboto;
    font-size: 18px;
    font-style: italic
}

.testimonials-area-v3 .single-testimonial {
    padding: 0 0 0 120px;
    position: relative
}

.testimonials-area-v3 .author a {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.testimonials-area-v3 .author a span {
    font-size: 14px;
    font-style: italic
}

.testimonials-area-v3 .author {
    margin: 0
}

.testimonials-area-v3 .single-testimonial::before {
    color: #2ee4c4;
    content: "â€";
    font-family: PlayfairDisplay;
    font-size: 190px;
    font-weight: 700;
    height: 90px;
    left: -13px;
    line-height: 100px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 110px
}

.latest-blog-area-v3 .single-blog.big-post {
    position: relative
}

.latest-blog-area-v3 .single-blog.big-post .blog-info {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%
}

.latest-blog-area-v3 .single-blog.big-post .blog-info .blog-title a {
    color: #fff;
    font-size: 30px
}

.latest-blog-area-v3 .single-blog.big-post .blog-info .blog-post-dlc ul li,.single-blog.big-post .blog-info .blog-post-dlc ul li i {
    color: #fff;
    transition: all .3s ease 0s
}

.latest-blog-area-v3 .big-post .blog-category {
    color: #fff
}

.latest-blog-area-v3 .big-post .blog-category::before {
    position: inherit
}

.latest-blog-area-v3 .single-blog.big-post.overlay-bg {
    position: relative
}

.latest-blog-area-v3 .single-blog.big-post.overlay-bg::before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,1) 100%)
}

.brand-logo-area.bg-4 {
    background: rgba(0,0,0,0) url(img/section-bg/brand-logo-bg-4.png) no-repeat scroll center center/cover
}

.brand-logo-area.bg-4 .single-brand {
    border-right: 1px solid #edd47d
}

.latest-blog-area-v3 .single-blog-post .blog-thumb {
    float: left;
    width: 22%
}

.latest-blog-area-v3 .single-blog-post .blog-info {
    float: left;
    padding: 0 0 0 30px;
    width: 78%
}

.latest-blog-area-v3 .single-blog-post {
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    margin-bottom: 12px;
    padding-bottom: 17px
}

.latest-blog-area-v3 .single-blog-post:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0
}

.latest-blog-area-v3 .single-blog-post .blog-content {
    line-height: 23px;
    margin: 0
}

.page-header-v1.bg-1 {
    background: rgba(0,0,0,0) url(img/section-bg/page-deader-1.jpg) no-repeat scroll center center/cover
}

.page-header-v1.bg-2 {
    background: rgba(0,0,0,0) url(img/section-bg/page-deader-2.jpg) no-repeat scroll center center/cover
}

.page-header-v1.bg-3 {
    background: rgba(0,0,0,0) url(img/section-bg/page-deader-3.jpg) no-repeat scroll center center/cover
}

.page-header-v1.bg-4 {
    background: rgba(0,0,0,0) url(img/section-bg/page-deader-4.jpg) no-repeat scroll center center/cover
}

.page-header-v1.bg-5 {
    background: rgba(0,0,0,0) url(img/section-bg/page-deader-5.jpg) no-repeat scroll center center/cover
}

.page-header-v1 {
    padding-top: 115px
}

.page-header-v1.overlay-bg {
    position: relative
}

.page-header-v1.overlay-bg::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s ease 0s;
    width: 100%
}

.page-header-inner {
    position: relative;
    z-index: 10
}

.page-category {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.page-title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 70px
}

.breadcrumbs a,.breadcrumbs span {
    color: #ebebeb;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400
}

.breadcrumbs>a:hover {
    color: #ffeb3b
}

.separator {
    margin: auto 10px
}

.breadcrumbs {
    padding-bottom: 30px
}

.features-accordion .panel-title a {
    display: block;
    position: relative;
    padding: 15px 10px 15px 25px;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.features-accordion .panel-body {
    color: #222;
    padding: 20px 25px 30px
}

.features-accordion .panel-title a.collapsed::after,.features-accordion .panel-title a::after {
    border-left: 1px solid #d8d8d8;
    content: "\f107";
    font-family: fontawesome;
    font-size: 20px;
    line-height: 52px;
    padding-left: 20px;
    position: absolute;
    right: 19px;
    top: 0
}

.features-accordion .panel-title a:after {
    content: "\f106 "
}

.features-accordion .panel-heading {
    background: #fff none repeat scroll 0 0;
    padding: 0
}

.panel-default .panel-heading a.collapsed {
    background: #fff none repeat scroll 0 0!important
}

.panel-default .panel-heading a {
    background: #ebebeb none repeat scroll 0 0!important
}

.features-accordion .panel-group .panel {
    border: 0 none;
    box-shadow: 0 4px 5px -1px #c8c8c8;
    margin-bottom: 20px
}

.panel-default>.panel-heading {
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    color: #212121
}

.features-accordion .panel-title a:focus {
    text-decoration: none
}

.features-accordion .panel-group .panel:last-child {
    margin-bottom: 0
}

.features-accordion .panel-group:last-child {
    margin-bottom: 0
}

.skill-content {
    overflow: hidden;
    padding-top: 40px
}

.skill .progress-bar {
    background-color: #03a9f4;
    border-radius: 5px;
    transition: width .6s ease 0s
}

.progress-title {
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block
}

.pr-pg {
    color: #212121;
    float: right;
    font-family: roboto;
    font-weight: 400
}

.skill {
    margin-bottom: 20px
}

.skill .progress {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 0;
    box-shadow: none;
    height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 3px;
    position: relative
}

.skill .progress-bar>span {
    border: medium none;
    border-radius: 0;
    color: #212121;
    float: right;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    position: absolute;
    right: 0;
    top: -35px
}

.skill-wrap .skill:last-child {
    margin-bottom: 0
}

.brand-logo-area.solid-bg-4 {
    background: #eebd47 none repeat scroll 0 0
}

.brand-logo-area.solid-bg-4 .single-brand {
    border-right: 1px solid #fadd82
}

.left-side-wrap {
    width: 72.4%
}

.right-side-wrap {
    width: 27.6%
}

.course-details-list li {
    line-height: 23px;
    padding-left: 15px;
    position: relative
}

.course-details-list li::before {
    content: "\f105 ";
    font-family: fontawesome;
    left: 1px;
    position: absolute;
    top: 0
}

.course-details-list {
    margin-bottom: 70px
}

.course-details-area .sidebar-title {
    background: #fff none repeat scroll 0 0;
    color: #212121;
    font-size: 20px;
    font-weight: 400;
    height: 95px;
    line-height: 95px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0
}

.course-details-area .widget li h5 {
    height: 60px;
    line-height: 60px;
    margin: 0
}

.course-details-area .widget li:nth-child(2n) {
    background: #fff none repeat scroll 0 0
}

.course-details-area .widget li {
    padding: 0 30px
}

.course-details-area .widget {
    border-radius: 4px;
    box-shadow: 0 0 6px 0 #bdc3ca;
    margin-bottom: 30px
}

.course-details-area .widget li h5 span {
    float: right;
    font-style: italic;
    font-weight: 400
}

.course-details-area .widget li:last-child {
    border-radius: 0 0 3px 3px;
    padding-bottom: 15px
}

.instr-img {
    float: left;
    width: 43%
}

.instr-info {
    float: left;
    padding: 30px 0 0 25px;
    width: 57%
}

.instr-name {
    color: #424242;
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase
}

.instr-info p {
    font-style: italic;
    font-weight: 400;
    margin: 0
}

.instr-wrap {
    padding: 30px 0
}

.instr-img img {
    width: 100%
}

.address-info {
    background: #fff none repeat scroll 0 0;
    padding: 20px 30px;
    border-radius: 0 0 3px 3px
}

.address-info p {
    line-height: 24px;
    margin: 0
}

.widget:last-child {
    margin-bottom: 0
}

.related-course-area.padding100 {
    padding: 100px 0 90px 0
}

.related-course-container .col-md-3 {
    width: 100%
}

.related-course-container .single-course {
    margin-bottom: 5px
}

.intro-courses-area.no-margin {
    margin: 0
}

.our-team-area-v4 .single-member {
    box-shadow: 0 0 6px 0 #bdc3ca;
    float: left;
    padding: 0;
    width: 100%
}

.our-team-area-v4 .single-member:hover .mb-image::after {
    opacity: 0
}

.blog-page .blog-post-inner .col-md-4:nth-child(n+4) .single-blog {
    margin-top: 50px
}

.blog-page .blog-post-inner .col-md-3:nth-child(n+4) .single-blog {
    margin-top: 50px
}

.blog-page .masonry-active.blog-post-inner .col-md-3:nth-child(n+4) .single-blog,.blog-page .masonry-active.blog-post-inner .col-md-4:nth-child(n+4) .single-blog {
    margin-top: 30px
}

.blog-page .masonry-active.blog-post-inner .col-md-4 .single-blog {
    margin-top: 30px
}

.load-more-btn {
    margin-top: 45px
}

.load-more-btn .estut-btn {
    height: 42px;
    line-height: 42px;
    padding: 0 30px
}

.single-price-table {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 #bdc3ca
}

.single-price-table:hover .table-footer .load-more-btn .estut-btn {
    background: #03a9f4;
    color: #fff
}

.single-price-table:hover .table-footer .load-more-btn .estut-btn:hover {
    background: #039be5
}

.price-title {
    color: #212121;
    font-size: 20px;
    margin: 25px 0 15px;
    text-align: center;
    text-transform: uppercase
}

.price-table-quantity {
    color: #aaa;
    display: block;
    font-size: 14px;
    margin-bottom: 25px;
    text-align: center
}

.price-content {
    display: inline-block;
    line-height: 24px;
    margin-bottom: 25px;
    padding: 0 30px;
    text-align: center
}

.table-body ul li h5 {
    color: #424242;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin: 0
}

.table-body ul li h5 span {
    float: right;
    font-size: 14px;
    font-style: italic
}

.table-body ul li:nth-child(2n+1) {
    background: #f7f7f7 none repeat scroll 0 0
}

.table-body ul li {
    padding: 0 30px
}

.table-footer {
    text-align: center
}

.table-footer .load-more-btn {
    display: inline-block;
    margin-bottom: 60px;
    margin-top: 30px
}

.blog-small-image .blog-thumb {
    float: left;
    width: 32.5%
}

.blog-small-image .blog-info {
    float: left;
    width: 67.5%
}

.blog-large-image .estut-btn,.blog-small-image .estut-btn {
    margin: 0
}

.blog-large-image .single-blog,.blog-small-image .single-blog {
    margin-bottom: 50px
}

.blog-large-image .single-blog:last-child,.blog-small-image .col-md-12:last-child .single-blog {
    margin-bottom: 0
}

.page-numbers li {
    border-radius: 3px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin: auto 3px;
    text-align: center;
    width: 42px
}

.page-numbers li a {
    border-radius: 3px
}

.page-numbers li a:hover,.page-numbers li.current {
    background: #03a9f4 none repeat scroll 0 0;
    box-shadow: 0 0 6px 0 #bdc3ca;
    color: #fff
}

.page-numbers li.current {
    cursor: no-drop
}

.page-numbers li a {
    display: block;
    color: #212121
}

.page-numbers li:first-child {
    margin-left: 0
}

.page-numbers li:last-child {
    margin-right: 0
}

.pagination-area-v1 {
    margin-top: 50px
}

.widget-wrap {
    background: #fff none repeat scroll 0 0;
    box-shadow: -3px 3px 6px #ededed;
    position: relative
}

.widget-content>form {
    position: relative
}

.widget-search form input[type=text] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    color: #aaa;
    font-size: 14px;
    font-style: italic;
    height: 42px;
    line-height: 42px;
    width: 100%
}

.widget-search button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #aaa;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.widget-search button i {
    float: right
}

.widget-wrap .widget:first-child {
    padding-top: 50px
}

.widget-wrap .widget:last-child {
    padding-bottom: 30px
}

.widget-content {
    padding-left: 30px
}

.widget-title-v2 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 35px;
    margin-left: -10px;
    padding-left: 40px;
    position: relative;
    text-transform: capitalize;
    background: #4fc3f7 none repeat scroll 0 0
}

.widget-title-v2::before {
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    width: 0;
    border-right: 10px solid #03a9f4
}

.widget-title-v2::after {
    background: rgba(0,0,0,0) url(img/others/widget-title-bg.png) repeat scroll 0 0;
    content: "";
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px
}

.widget:nth-child(2) .widget-title-v2 {
    background: #66bb6a none repeat scroll 0 0
}

.widget:nth-child(2) .widget-title-v2::before {
    border-right: 10px solid #43a047
}

.widget:nth-child(3) .widget-title-v2 {
    background: #ffa726 none repeat scroll 0 0
}

.widget:nth-child(3) .widget-title-v2::before {
    border-right: 10px solid #fb8c00
}

.widget:nth-child(4) .widget-title-v2 {
    background: #f44336 none repeat scroll 0 0
}

.widget:nth-child(4) .widget-title-v2::before {
    border-right: 10px solid #d32f2f
}

.widget:nth-child(5) .widget-title-v2 {
    background: #66bb6a none repeat scroll 0 0
}

.widget:nth-child(5) .widget-title-v2::before {
    border-right: 10px solid #43a047
}

.widget:nth-child(6) .widget-title-v2 {
    background: #673ab7 none repeat scroll 0 0
}

.widget:nth-child(6) .widget-title-v2::before {
    border-right: 10px solid #512da8
}

.widget:nth-child(7) .widget-title-v2 {
    background: #fb016b none repeat scroll 0 0
}

.widget:nth-child(7) .widget-title-v2::before {
    border-right: 10px solid #c70256
}

.widget-menu li a {
    color: #424242;
    display: block;
    height: 42px;
    line-height: 42px;
    padding-left: 15px;
    position: relative
}

.widget-menu li a::before {
    color: #aaa;
    content: "ï„…";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 0
}

.widget {
    margin-bottom: 30px
}

.widget-wrap .widget:last-child {
    margin-bottom: 0
}

.widget-recent-post .widget-menu li a {
    color: #03a9f4
}

.widget-recent-post .widget-menu li span {
    color: #aaa;
    font-size: 13px;
    padding-left: 15px
}

.widget-menu>li {
    border-bottom: 1px solid #ecf0f1
}

.widget-menu>li:last-child {
    border-bottom: 0 none
}

.widget-recent-post .widget-menu li a {
    height: inherit;
    line-height: inherit;
    margin-bottom: 5px
}

.widget-recent-post .widget-menu li {
    padding: 20px 0
}

.widget-recent-comment .widget-menu li>a {
    color: #03a9f4
}

.widget-recent-comment .widget-menu li>a span {
    color: #aaa;
    font-size: 13px
}

.widget-recent-comment .widget-menu li p {
    line-height: 22px;
    padding-left: 15px
}

.widget-recent-comment .widget-menu li {
    padding: 10px 0
}

.tagcloud a {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #424242;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 10px 14px;
    text-transform: capitalize
}

.tagcloud a:hover {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb
}

.widget-tagcloud-list .widget-title-v2 {
    margin-bottom: 30px
}

.left-side-wrap-v1 {
    padding: 50px 25px 50px 15px;
    width: 72.5%
}

.right-side-wrap-v1 {
    padding: 0 15px 0 25px;
    width: 27.5%
}

.widget-wrap::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    width: 135%
}

.widget-wrap {
    position: relative
}

.footer-social-bookmark.blog-solial-icon ul li {
    padding-left: 10px;
    padding-right: 10px
}

.footer-social-bookmark.blog-solial-icon ul li:first-child {
    padding-left: 0
}

.footer-social-bookmark.blog-solial-icon ul li:last-child {
    padding-right: 0
}

.entry-meta-small {
    position: relative
}

.entry-meta-small::before {
    color: #aaa;
    content: "ï€®";
    font-family: fontawesome;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.entry-meta-small {
    margin-top: 27px;
    padding-left: 20px
}

.meta-list a {
    color: #aaa;
    margin: auto 3px
}

.footer-social-bookmark.blog-solial-icon {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px
}

.footer-social-bookmark.blog-solial-icon {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px
}

.administrator-info {
    margin-top: 30px;
    overflow: hidden
}

.administrator-avatar {
    float: left;
    width: 14%
}

.administrator-description {
    float: left;
    margin-top: 10px;
    padding-left: 20px;
    width: 86%
}

.administrator-description>h2 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.blog-details .single-blog {
    border-radius: 4px
}

.related-post-v2 .single-post {
    float: left;
    width: 50%
}

.related-post-v2 .blog-thumb {
    float: left;
    width: 47%
}

.related-post-v2 .blog-info {
    float: left;
    width: 52.8%;
    padding: 0 15px 0 30px
}

.related-post-v2 .blog-title {
    line-height: 24px
}

.post-title-v3 {
    margin-top: 45px
}

.post-title-v3 .post-title {
    color: #676767;
    font-family: roboto;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase
}

.related-post-list {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 6px 0 #bdc3ca;
    padding: 40px 30px
}

.related-post-v2 .blog-content {
    margin: 0
}

.reviewer-img {
    float: left;
    width: 8%
}

.reviewer-info {
    float: left;
    margin-top: 12px;
    min-height: 60px;
    padding-left: 15px;
    width: 92%
}

.reviewer-name {
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.date-time {
    color: #aaa;
    font-size: 13px
}

.single-review>.reviewer-comment {
    display: inline-block;
    line-height: 23px
}

.reply-btn {
    color: #aaa;
    font-size: 13px;
    font-style: italic
}

.reply-btn i {
    font-size: 12px;
    margin-left: 5px
}

.single-review {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.review-inner .single-review:last-child {
    border-bottom: 0 none;
    margin-bottom: 0
}

.form-wrap,.review-inner {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 #bdc3ca;
    padding: 30px
}

.user-comment {
    padding-left: 75px
}

.reviewer-name a {
    color: #212121
}

.form-inner .single-input label {
    color: #212121;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 11px
}

.form-inner .single-input label span {
    color: red;
    font-size: 15px
}

.form-inner input[type=text],textarea {
    border: 1px solid #ebebeb;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%
}

.form-inner textarea {
    height: 130px;
    resize: none
}

.star {
    line-height: 1
}

.form-inner>.single-input {
    margin-bottom: 30px
}

.estut-btn.submit {
    border: 0 none;
    height: 42px;
    line-height: 0;
    margin: 0 auto;
    transition: all .3s ease 0s
}

.product-filter-inner,.product-toolbar {
    margin-bottom: 50px
}

.filter-menu-list li {
    border-top: 3px solid transparent;
    display: inline-block;
    height: 52px;
    margin: auto -2px
}

.filter-menu-list li a {
    border-right: 1px solid #e1e1e1;
    color: #676767;
    display: block;
    line-height: 52px;
    padding: 0 30px;
    text-transform: capitalize
}

.filter-menu-list {
    background: #f3f3f3 none repeat scroll 0 0
}

.filter-menu-list li:last-child a {
    border-right: medium none
}

.price-filter form input[type=text] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #e1e1e1;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    width: 70px;
    padding: 3px 0
}

.price-filter form {
    height: 52px;
    line-height: 52px;
    padding: 0 30px
}

label.filter-price-title {
    color: #676767;
    font-family: roboto;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 10px
}

.filter-tab-content {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px -1px #bdc3ca;
    padding: 30px;
    position: relative;
    z-index: 15
}

.categories-wrap .single-category {
    float: left;
    padding: 0 15px;
    width: 20%
}

.single-category .cat-thumb img {
    width: 100%
}

.categories-wrap {
    margin-left: -15px;
    margin-right: -15px
}

.s-category-menu .menu-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 11px;
    text-transform: uppercase
}

.cat-thumb {
    margin-bottom: 28px
}

.s-category-menu ul li {
    border-bottom: 1px solid #ebebeb;
    height: 42px
}

.s-category-menu ul li a {
    color: #999;
    line-height: 42px
}

.s-category-menu ul li a:hover {
    color: #03a9f4
}

.s-category-menu ul li:last-child {
    border-bottom: medium none
}

.categories-wrap .single-category:nth-child(1) .menu-title {
    color: #fac02e
}

.categories-wrap .single-category:nth-child(2) .menu-title {
    color: #43a047
}

.categories-wrap .single-category:nth-child(3) .menu-title {
    color: #00acc2
}

.categories-wrap .single-category:nth-child(4) .menu-title {
    color: #8e24aa
}

.categories-wrap .single-category:nth-child(5) .menu-title {
    color: #e53935
}

.filter-menu-list li.active {
    background: #fff none repeat scroll 0 0;
    border-top: 3px solid #03a9f4;
    box-shadow: -2px 7px 6px -3px #bdc3ca;
    position: relative
}

.filter-menu-list li:first-child {
    margin-left: 0
}

.toolbar-sortby {
    display: inline-block;
    margin-right: 30px
}

.toolbar-sortby label {
    color: #676767;
    font-weight: 400;
    margin-right: 10px
}

.toolbar-sortby:last-child {
    margin-right: 0
}

.btn.dropdown-toggle.btn-info {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #e1e1e1;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #999
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info.focus:active,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    background-color: transparent;
    border-color: transparent;
    color: #999
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

.view-mode-tab-btn {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 6px 0 #bdc3ca;
    padding: 10px 0;
    width: 80px
}

.view-mode-tab-btn li {
    border-right: 1px solid #e1e1e1;
    float: left;
    line-height: 11px;
    padding: 0 12px 0 13px
}

.view-mode-tab-btn li:last-child {
    border-right: medium none
}

.view-mode-tab-btn li a {
    color: #999
}

.view-mode-tab-btn li.active a {
    color: #03a9f4
}

.asc-des .estut-btn {
    display: inline-block;
    letter-spacing: 0;
    margin: 0;
    padding: 7px 15px;
    color: #999
}

.asc-des .estut-btn:hover {
    color: #fff
}

.shop-page .col-md-3:nth-last-child(-n+4) .single-product {
    margin-bottom: 0
}

.shop-page .col-md-4:nth-last-child(-n+3) .single-product {
    margin-bottom: 0
}

.shop-content-area .col-md-3:nth-last-child(-n+4) .single-product {
    margin-bottom: 0
}

#categorymenu ul ul {
    display: none
}

#categorymenu ul>li.has-sub>a {
    position: relative
}

#categorymenu ul>li.has-sub>a::after {
    color: #aaa;
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: 0
}

#categorymenu ul>li.has-sub.open>a:after {
    content: "\f106 ";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 0
}

.widget-menu.widget-submenu li a::before {
    content: ""
}

.widget-submenu .has-sub ul {
    padding-left: 15px
}

.widget-submenu .has-sub ul li {
    border-bottom: 1px solid #ecf0f1
}

.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #efefef;
    border-radius: 100%;
    height: 20px;
    width: 20px
}

.ui-slider-horizontal .ui-slider-range {
    background: #03a9f4 none repeat scroll 0 0
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #efefef;
    border-radius: 2px;
    height: 6px;
    margin-bottom: 30px
}

.ui-slider .ui-slider-handle {
    top: -9px
}

.price_filter #amount {
    border: medium none;
    color: #424242;
    font-family: roboto;
    font-weight: 400;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    width: 55%
}

.price_filter .estut-btn {
    border: medium none;
    color: #999;
    float: right;
    font-size: 13px;
    font-weight: 500;
    height: 30px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 3px 0 0;
    padding: 0 20px;
    transition: all .3s ease 0s;
    box-shadow: 0 2px 5px 0 #bdc3ca;
    border-radius: 2px
}

.price_filter .estut-btn:hover {
    color: #fff
}

.widget-sub-title-v2 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px auto;
    text-transform: uppercase
}

.color-list .color {
    background: #4fc3f7 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 4px 2px;
    text-align: center;
    text-indent: -99999px;
    width: 28px
}

.color-list {
    margin: -2px
}

.color-list .color a {
    display: block
}

.color-list .color:nth-child(1) {
    background: #4d4d4d none repeat scroll 0 0
}

.color-list .color:nth-child(2) {
    background: #64aae7 none repeat scroll 0 0
}

.color-list .color:nth-child(3) {
    background: #2eb05a none repeat scroll 0 0
}

.color-list .color:nth-child(4) {
    background: #ffd800 none repeat scroll 0 0
}

.color-list .color:nth-child(5) {
    background: #71f2f4 none repeat scroll 0 0
}

.color-list .color:nth-child(6) {
    background: #f38083 none repeat scroll 0 0
}

.color-list .color:nth-child(7) {
    background: #f51353 none repeat scroll 0 0
}

.color-list .color:nth-child(8) {
    background: #a186be none repeat scroll 0 0
}

.color-list .color:nth-child(9) {
    background: #fbaf5d none repeat scroll 0 0
}

.color-list .color:nth-child(10) {
    background: #ff8400 none repeat scroll 0 0
}

.color-list .color:nth-child(11) {
    background: #958282 none repeat scroll 0 0
}

.color-list .color:nth-child(12) {
    background: #1e5bd7 none repeat scroll 0 0
}

.brand-list-v2.widget-menu li,.size-list.widget-menu li {
    border-bottom: medium none;
    padding: 3px 0
}

.brand-list-v2.widget-menu li a,.size-list.widget-menu li a {
    color: #424242;
    text-transform: uppercase
}

.brand-list-v2.widget-menu li a {
    display: inline-block
}

.brand-list-v2.widget-menu li a span {
    padding-left: 3px
}

.s-filter {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 25px;
    padding-bottom: 30px
}

.s-filter:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0
}

.trpm-img {
    float: left;
    width: 40%
}

.trpm-dets {
    float: left;
    padding-left: 15px;
    width: 60%
}

.trpm-title {
    font-size: 14px
}

.top-rated-pd-menu li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.top-rated-pd-menu {
    margin-top: 30px
}

.top-rated-pd-menu li:last-child {
    padding-bottom: 0;
    border-bottom: 0 solid #ebebeb
}

.product-list-view-area .pro-thumb {
    float: left;
    width: 49%
}

.product-list-view-area .pro-info {
    float: left;
    text-align: left;
    width: 51%;
    padding: 30px 30px 10px
}

.product-list-view-area .single-product:hover .pro-info {
    transform: translateY(0)
}

.product-list-view-area .pro-available-color {
    margin-bottom: 0;
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease 0s
}

.product-list-view-area .estut-btn {
    height: 42px;
    line-height: 42px;
    margin: auto 5px;
    padding: 0 20px;
    box-shadow: 0 2px 5px 0 #bdc3ca
}

.product-list-view-area .estut-btn:first-child {
    margin-left: 0
}

.product-list-view-area .estut-btn:hover {
    background: #03a9f4;
    color: #fff
}

.product-list-view-area .product-action {
    margin-top: 30px
}

.product-list-view-area .single-product {
    margin-bottom: 50px
}

.product-list-view-area .col-md-12:last-child .single-product {
    margin-bottom: 0
}

.product-list-view-area.shop-full-width-v2 .pro-thumb {
    width: 34.7%
}

.product-list-view-area.shop-full-width-v2 .pro-info {
    width: 65.3%;
    padding: 30px 50px
}

.error-wrap-area {
    background: rgba(0,0,0,0) url(img/section-bg/404.jpg) no-repeat scroll center center/cover;
    padding: 210px 0 250px
}

@keyframes color {
    0% {
        color: #424242
    }

    10% {
        color: #723b3b
    }

    20% {
        color: #c22500
    }

    30% {
        color: #40af64
    }

    40% {
        color: #6e45a7
    }

    50% {
        color: #de5648
    }

    60% {
        color: #4775c9
    }

    70% {
        color: #91c547
    }

    80% {
        color: #5dbede
    }

    90% {
        color: #a67379
    }

    100% {
        color: #818181
    }
}

.error-heading .error-title span {
    animation-delay: 3s;
    animation-duration: 33s;
    animation-iteration-count: 10;
    animation-name: color
}

.error-heading .error-title {
    color: #424242;
    font-size: 200px;
    font-weight: 700
}

.error-title-2 {
    color: #424242;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.error-info p {
    line-height: 23.5px;
    margin-bottom: 30px
}

.error-wrap-area .estut-btn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
    padding: 10px 25px
}

.coming-wrap-area {
    background: rgba(0,0,0,0) url(img/section-bg/coming-soon.jpg) no-repeat scroll center center/cover
}

.coming-wrap-area.overlay-bg {
    position: relative
}

.coming-wrap-area.overlay-bg::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}

.coming-wrap-area.overlay-bg .container {
    position: relative;
    z-index: 15
}

.coming-wrap-area .coming-title {
    color: #fff;
    font-size: 40px;
    margin-bottom: 35px;
    text-transform: uppercase
}

.coming-wrap-area .coming-main-logo {
    margin-bottom: 120px
}

.coming-wrap-area .coming-info>p {
    color: #fff;
    font-size: 18px
}

.coming-wrap-area .newsletter-form form input[type=email] {
    border-color: #5c5c5c;
    border-width: 2px;
    color: #fff;
    opacity: 1!important
}

.coming-wrap-area .email-box::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.coming-wrap-area .newsletter-form button {
    color: #fff
}

.coming-wrap-area .footer-social-bookmark {
    margin-bottom: 30px
}

.coming-wrap-area .newsletter-form {
    margin-bottom: 145px
}

.estut-count {
    display: inline-block;
    width: 160px;
    height: 160px;
    position: relative;
    color: #fff;
    line-height: 130px;
    font-size: 60px;
    font-weight: 700;
    z-index: 20;
    margin: auto 60px
}

.estut-count p {
    text-transform: uppercase;
    color: #fff;
    line-height: 0;
    margin-top: -15px;
    font-size: 18px;
    font-weight: 500
}

.estut-count::before {
    background: #fff;
    opacity: .2;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%
}

.info-icon {
    border-radius: 100%;
    height: 80px;
    line-height: 80px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -40px;
    width: 80px
}

.contact-info-list {
    margin-bottom: 40px;
    margin-top: 40px
}

.single-info {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
    display: inline-block;
    float: left;
    margin: auto 15px;
    min-height: 185px;
    padding: 0 15px;
    width: 270px
}

.contact-info-inner .single-info:nth-child(1) .info-icon {
    background: #eebd47 none repeat scroll 0 0
}

.contact-info-inner .single-info:nth-child(1) {
    border-bottom: 3px solid #eebd47
}

.contact-info-inner .single-info:nth-child(2) .info-icon {
    background: #18caaa none repeat scroll 0 0
}

.contact-info-inner .single-info:nth-child(2) {
    border-bottom: 3px solid #18caaa
}

.contact-info-inner .single-info:nth-child(3) .info-icon {
    background: #f6706d none repeat scroll 0 0
}

.contact-info-inner .single-info:nth-child(3) {
    border-bottom: 3px solid #f6706d
}

.con-in-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px
}

.contact-info-inner {
    display: inline-block;
    margin: auto;
    text-align: center
}

.info-dis {
    margin-top: -12px
}

.info-dis p {
    line-height: 24px;
    margin-bottom: 0
}

.single-input.one-half.left {
    padding-right: 15px
}

.single-input.one-half.right {
    padding-left: 15px
}

.contact-form-area,.form-wrap {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3)
}

.info-dis a {
    color: #424242
}

.details-product-inner {
    border-radius: 4px
}

.details-product-big-img {
    margin-bottom: 30px
}

.tab-carosual-list {
    margin: auto;
    width: 75%
}

.single-product-sml-img li {
    display: inline-block
}

.details-product-thumb {
    float: left;
    width: 41.3%
}

.details-product-info {
    float: left;
    padding-left: 30px;
    width: 58.7%
}

.details-product-info input[type=radio] {
    display: none
}

.details-product-info input[type=radio]+label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.details-product-info input[type=radio]:checked+label span {
    background-image: url(img/ok.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    box-shadow: 0 0 3px 0 #03a9f4
}

.details-product-info .c-one {
    background: #64849d
}

.details-product-info .c-two {
    background: #dd5d5d
}

.details-product-info .c-three {
    background: #f0c758
}

.details-product-info .c-four {
    background: #6defc9
}

.details-product-info .pro-price {
    font-size: 30px;
    margin-bottom: 30px
}

.details-product-info .pro-rating>p {
    color: #03a9f4;
    display: inline-block;
    font-family: roboto;
    font-size: 12px;
    font-style: italic;
    margin: 0 0 0 20px
}

.details-product-info .pro-rating {
    margin-bottom: 30px
}

.details-product-info .quantity,.size {
    float: left;
    width: 25%
}

.details-product-info .colors {
    float: left;
    width: 50%
}

.details-product-info .qsca-div input[type=number],.qsca-div select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #ededed;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 2px;
    padding: 10px 0;
    width: 60%
}

.details-product-info .qsca-div input[type=number]:focus {
    border-color: #039be5
}

.details-product-info .qsca-div select {
    -moz-appearance: none;
    background-image: url(img/icon/option.png);
    background-position: right center;
    background-repeat: no-repeat
}

.details-product-info .qsca-div {
    margin-bottom: 30px
}

.details-product-info .addtocart .estut-btn {
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 22px
}

.details-product-info .addtocart .estut-btn i {
    margin-right: 6px
}

.details-product-info .addtocart {
    margin-bottom: 30px
}

.details-product-info .features-accordion .panel-title a {
    font-size: 16px;
    padding: 15px 0;
    text-transform: uppercase
}

.details-product-info .features-accordion .panel-group .panel {
    border-top: 1px solid #ededed;
    box-shadow: none
}

.details-product-info .features-accordion .panel-group .panel {
    margin-bottom: 0
}

.details-product-info .features-accordion .panel-body {
    padding: 20px 0 30px
}

.details-product-info .features-accordion .panel-title a.collapsed::after,.details-product-info .features-accordion .panel-title a::after {
    border-left: medium none
}

.details-product-info .panel-default .panel-heading a,.details-product-info .panel-default .panel-heading a.collapsed {
    background: rgba(0,0,0,0) none repeat scroll 0 0!important
}

.product-details-social-tag .footer-social-bookmark.blog-solial-icon {
    border-bottom: 0
}

.details-product-wrap .single-review:nth-child(2) {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0
}

.p-top-60 {
    padding-top: 60px
}

.m-bottom-50 {
    margin-bottom: 50px
}

.text-center {
    text-align: center!important
}

.divider p {
    margin: .5rem 0 0 0;
    font-size: 14px
}

p.subtit {
    width: 80%;
    margin: 0 auto
}

.icon-box-img2 {
    margin-bottom: 5.33rem
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.icon-box-img2 .box-icon {
    margin-right: 2rem
}

.icon-box-img2 .box-icon .svg {
    width: 4.66667rem
}

svg:not(:root) {
    overflow: hidden
}

.icon-box-img2 .box-content h6 {
    margin: 0 0 1.13333rem 0;
    font-size: 13px;
    font-weight: 600;
    color: #05036f
}

.icon-box-img2 .box-content p {
    margin: 0
}

p.par-tst {
    font-size: 13px;
    color: #000
}

footer {
    background: #2b2b2b
}

footer .footer__big {
    padding-top: 50px
}

footer .footer__big .widget {
    margin-bottom: 4rem
}

footer .footer__big .text_widget .footer_logo {
    margin-bottom: 1rem
}

img.image-responsive.header-logo {
    width: 100px
}

footer .footer__big .text_widget p {
    line-height: 1.5;
    margin-bottom: .33333rem
}

.footer-para {
    font-size: 13px;
    line-height: 1.7;
    color: #cecbcb
}

footer .footer__big .widget .widget__social {
    margin-top: 13px
}

.flex-wrap {
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.social ul li {
    margin-right: .66667rem
}

.social ul li a {
    line-height: 1.93333rem;
    width: 1.93333rem;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 33.33333rem;
    border-radius: 33.33333rem;
    background: #29292d;
    color: #fff
}

a.facebook.face {
    background: 0 0!important;
    border: 1px solid #3b41c5
}

span.fab.fa-facebook-f.face-i {
    color: #3b41c5
}

a.facebook.face:hover {
    background: #3b41c5!important
}

span.fab.fa-facebook-f.face-i:hover {
    color: #fff!important
}

a.twitter.twit {
    background: 0 0!important;
    border: 1px solid #34b7fb
}

a.twitter.twit:hover {
    background: #34b7fb!important
}

span.fab.fa-twitter.twit-i {
    color: #34b7fb!important
}

span.fab.fa-twitter.twit-i:hover {
    color: #fff!important
}

a.linkedin.link {
    background: 0 0!important;
    border: 1px solid #0076b4
}

a.linkedin.link:hover {
    background: #0076b4!important
}

span.fab.fa-linkedin-in.link-i {
    color: #0076b4!important
}

span.fab.fa-linkedin-in.link-i:hover {
    color: #fff!important
}

a.gplus.google-p {
    background: 0 0!important;
    border: 1px solid #db4c41
}

a.gplus.google-p:hover {
    background: #db4c41!important
}

span.fab.fa-google-plus-g.google-p-i {
    color: #db4c41!important
}

span.fab.fa-google-plus-g.google-p-i:hover {
    color: #fff!important
}

a.gplus.insta {
    background: 0 0!important;
    border: 1px solid #5b2ed1
}

a.gplus.insta:hover {
    background: #5b2ed1!important
}

span.fab.fa-instagram.insta-i {
    color: #5b2ed1!important
}

span.fab.fa-instagram.insta-i:hover {
    color: #fff!important
}

footer .footer__big .widget {
    margin-bottom: 4rem
}

footer .footer__big .widget .widget__title {
    font-size: 1.06667rem;
    line-height: normal;
    font-weight: 600;
    position: relative;
    color: #fff
}

footer .footer__big .widget ul.links li a {
    color: #cecbcb;
    font-size: 14px;
    line-height: 1.8
}

.footer__small.text-center {
    background: #1b1b1b
}

.footer__small.text-center p {
    margin: 0!important;
    padding: 8px 0!important;
    color: #fff
}

.breadcrumb_area.breadcrumb2 {
    padding-top: 7.1rem
}

.bgimage {
    position: relative
}

.biz_overlay {
    position: relative;
    height: 100%;
    width: 100%
}

.biz_overlay:before {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: 1;
    background: rgba(0,0,0,.6)
}

.bg_image_holder {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-position: 50% 50%!important;
    background-repeat: no-repeat!important;
    z-index: 0;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    opacity: 0;
    overflow: hidden
}

.bg_image_holder img {
    display: none
}

.content_above {
    z-index: 2;
    position: relative
}

.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.breadcrumb_area.breadcrumb2 .page_title {
    color: #fff;
    margin-bottom: 5.6rem;
    text-align: center;
    width: 50rem;
    line-height: 3.6rem;
    font-size: 35px;
}

.m-bottom-30 {
    margin-bottom: 30px
}

.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 0;
    list-style: none;
    background-color: none;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}

.breadcrumb_area.breadcrumb2 .breadcrumb li {
    color: rgba(255,255,255,.5)
}

.breadcrumb li {
    font-size: 14px
}

.breadcrumb_area.breadcrumb2 .breadcrumb li a {
    color: #fff;
    font-weight: 500
}

.breadcrumb_area.breadcrumb2 .breadcrumb li {
    color: rgba(255,255,255,.5)
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    color: #6c757d;
    content: ""
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    padding: 0 8px;
    font-size: .8rem
}

.breadcrumb li::before {
    font-family: LineAwesome,Poppins,sans-serif
}

.p-bottom-110 {
    padding-bottom: 90px
}

.p-top-110 {
    padding-top: 90px
}

.about-wrapper .about-contents h3 {
    color: #333;
    margin-bottom: 1rem;
    font-size: 30px
}

.about-wrapper .about-contents p {
    margin: 1.33333rem 0 0 0
}

.section-bg {
    background: #f5f7fc
}

.icon-box-15 {
    border: 1px solid #e4e8ed;
    padding: 3.33333rem 1.86667rem;
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 2rem
}

.icon-box-15 img {
    margin-bottom: 2.66667rem
}

.icon-box-15 h6 {
    color: #202428;
    margin-bottom: 1rem;
    font-size: 15px;
    font-weight: 500;
    color: #015782
}

.icon-box p {
    margin: 0
}

.icon-box-15:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 10px 30px rgba(105,106,119,.15);
    box-shadow: 0 10px 30px rgba(105,106,119,.15);
    margin-top: -5px;
    margin-bottom: 5px
}

.page-sec {
    padding-top: 50px
}

.aboutus-video .about-content .about-btn .btn-icon {
    text-transform: uppercase;
    padding: 10px 40px
}

.btn-icon {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    overflow: hidden;
    z-index: 1;
    background: #c61508;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 24px;
    transition: all .5s ease 0s;
    color: #fff;
    text-transform: capitalize
}

.btn-icon:before {
    content: "\f061";
    position: absolute;
    font-size: 16px;
    left: 60%;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .5s;
    opacity: 0
}

.btn-icon:hover {
    color: #fff;
    background: #8f0d03
}

.about-btn {
    padding-top: 15px
}

.p-top-30 {
    padding-top: 30px
}

.p-bottom-80 {
    padding-bottom: 80px
}

.section-padding2 {
    padding: 3.33333rem 0 5.33333rem
}

.section-bg {
    background: #f5f7fc
}

.card--team3 {
    border: 0 none;
    -webkit-box-shadow: 0 5px 20px rgba(105,106,119,.05);
    box-shadow: 0 5px 20px rgba(105,106,119,.05);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 2rem
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid #e4e8ed;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}

.card--team3 .card__thumbnail img {
    width: 100%
}

.card--team3 .card-body {
    padding: 1.6rem 2rem
}

.text-center {
    text-align: center!important
}

.card-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.67rem 2rem 1.8rem 2rem
}

.card--team3 .card-body h6 {
    margin-bottom: .33333rem;
    color: #202428;
    font-size: 15px
}

.card--team3 .card-body h6 a {
    color: #015782!important
}

.card--team3 .card-body .subtitle {
    display: block;
    margin-bottom: .5rem;
    font-size: 13px;
    color: #333
}

.card--team3 .card-body>p {
    margin-bottom: 25px
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.social-basic ul li {
    margin-right: 1.66667rem
}

.social-basic ul li a {
    color: rgba(32,36,40,.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.contactus-area {
    padding: 100px 0;
    overflow: hidden
}

.contactus-area .address-area {
    background: #f6f6f6;
    margin-bottom: 40px;
    padding: 30px 0 30px 100px
}

.contactus-area .address-area .singpe-address {
    overflow: hidden
}

.contactus-area .address-area .singpe-address .hotline-icon {
    width: 30%;
    float: left
}

.contactus-area .address-area .singpe-address .hotline-icon a {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 30px;
    color: #cb1650;
    transition: all .5s ease 0s
}

.contactus-area .address-area .singpe-address .hotline-content {
    width: 70%;
    float: left;
    margin-top: 10px
}

.contactus-area .address-area .singpe-address .hotline-content h4 {
    font-size: 18px;
    color: #222;
    margin-bottom: 0
}

.contactus-area .address-area .singpe-address .hotline-content p {
    margin: 0
}

.contactus-area .form-title h3 {
    font-size: 24px;
    color: #222;
    margin-bottom: 45px
}

.contactus-area .contractus-form input {
    width: 100%;
    border: 1px solid #ddd;
    font-family: Ubuntu,sans-serif;
    font-size: 14px;
    color: #ababab;
    padding: 10px 20px;
    margin-bottom: 30px
}

.contactus-area .contractus-form textarea {
    width: 100%;
    resize: none;
    height: 140px;
    border: 1px solid #ddd;
    font-family: Ubuntu,sans-serif;
    font-size: 14px;
    color: #ababab;
    padding: 10px 20px
}

.contactus-area .contractus-form button.btn {
    font-size: 24px;
    padding: 34px 15px;
    transition: all .5s ease 0s
}

.contactus-area .contractus-form button.btn span {
    display: block;
    line-height: 25px
}

.contactus-area .map-area {
    width: 100%;
    height: 100%
}

.btn {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 24px;
    background: #cb1650;
    transition: all .5s ease 0s;
    border-radius: 0;
    text-align: Center
}

.contactus-area .address-area .singpe-address .hotline-content h4 a {
    color: #333!important
}

.blogfour-area {
    padding: 100px 0;
    overflow: hidden
}

.blogfour-area .single-blog {
    margin-bottom: 15px;
    overflow: hidden
}

.blogfour-area .single-blog .blog-img.blogimg1 {
    background: url(https://angfuz.com/educare/html/multipage/images/blog/big1.jpg) #666 no-repeat;
    background-size: cover;
    background-position: center
}

.blogfour-area .single-blog .blog-img .blog-overlay {
    position: absolute;
    bottom: 30%;
    background: rgba(0,0,0,.5);
    width: 100%;
    transition: all .5s ease 0s;
    transform: scaleX(0);
    opacity: 0
}

.blogfour-area .single-blog .blog-img .blog-overlay ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.blogfour-area .single-blog .blog-img .blog-overlay ul li {
    display: inline-block;
    padding: 15px 10px;
    text-align: right
}

.blogfour-area .single-blog .blog-img .blog-overlay ul li a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-family: Ubuntu,sans-serif;
    font-weight: 500
}

.blogfour-area .single-blog .blog-img .blog-overlay ul li a i {
    margin-right: 5px;
    color: #c61508
}

.blogfour-area .single-blog .blog-content {
    padding: 30px 20px;
    background: #f7f7f7;
    transition: all .5s ease 0s
}

.blogfour-area .single-blog .blog-content h2 {
    font-size: 28px;
    line-height: 18px;
    margin-bottom: 15px;
    transition: all .5s ease 0s
}

.blogfour-area .single-blog .blog-content h2 a {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    color: #015782
}

.blogfour-area .single-blog .blog-content p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px
}

.btn-hr {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    background: #cb1650;
    text-align: center;
    padding: 6px 19px;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-transform: capitalize
}

.btn-hr:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #8f0d03;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.course-wrapper {
    padding: 74px 0 15px
}

.inner-page-wrapper {
    padding: 50px 0;
    width: 100%
}

.offset-top-40 {
    margin-top: 40px
}

.single-item {
    border-bottom: 6px solid #3eb2ce
}

.single-item-image {
    overflow: hidden;
    position: relative;
    text-align: center;
    top: -35px
}

.overlay-effect a {
    position: relative
}

.single-item-image a {
    display: inline-block
}

.overlay-effect a:before {
    background: rgba(45,62,80,.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.single-item {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 0 15px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-bottom: 40px
}

.single-item-image.overlay-effect img {
    width: 100%
}

.single-item-text h4,.single-item-text h4 a {
    color: #2d3e50;
    font-weight: 600;
    font-size: 15px
}

.single-item-text h4 {
    font-size: 20px;
    padding-top: 7px
}

.single-item-text h4,.single-item-text h4 a {
    color: #2d3e50;
    font-weight: 600
}

.single-item-text-info {
    margin-bottom: 10px
}

.single-item-text-info span {
    color: #696969;
    margin-right: 11px;
    font-size: 12px
}

.single-item-text-info span span {
    color: #cb1652;
    font-weight: 600
}

.inner-page-wrapper p {
    font-size: 14px;
    margin: 0 0 20px
}

.single-item-text>p {
    color: #222
}

.single-item-content {
    margin-bottom: 44px;
    overflow: hidden;
    padding-top: 21px
}

.single-item-comment-view,.single-item-rating {
    display: inline-block
}

.single-item-comment-view span {
    color: #696969;
    display: inline-block;
    font-size: 12px;
    margin-right: 17px
}

.single-item-comment-view>span i {
    font-size: 14px;
    margin-right: 8px
}

.single-item-comment-view span:last-child {
    margin-right: 0
}

.single-item-rating {
    color: #f3c30b;
    float: right;
    font-size: 16px
}

.single-item-rating i {
    margin-left: 3px
}

.button-bottom {
    margin-bottom: -19.5px;
    text-align: center
}

.single-item .button-default {
    background: #cb1650
}

.single-item .button-default {
    border-radius: 0;
    color: #fff;
    margin: 0;
    padding: 6px 19px;
    font-size: 14px
}

.single-item:hover {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(34,30,31,.4)
}

div.title {
    text-align: center;
    margin: 0 0 100px;
    position: relative;
    padding: 0 0 5px
}

.title:before {
    background: #2d3e50 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 230px
}

.course-wrapper h2 {
    color: #2d2e2e;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    text-align: center
}

div.title p {
    margin: 0 0 25px;
    padding: 0
}

.title:after {
    background: rgba(0,0,0,0) url(http://sbtechnosoft.com/college-education/images/edu-icon.jpg) no-repeat scroll 0 0;
    bottom: -8px;
    color: #1bb4b9;
    content: "";
    font-size: 14px;
    height: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 40px;
    z-index: 9
}

.gallery .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #42b078
}

.gallery .hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 50px 20px;
    background: rgba(0,0,0,.4)
}

.gallery .hovereffect img {
    display: block;
    position: relative;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.gallery .hovereffect:hover img {
    opacity: .4;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.gallery .hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    overflow: hidden;
    padding: .5em 0;
    background-color: transparent
}

.gallery .hovereffect h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.gallery .hovereffect:hover h2:after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.gallery .hovereffect a,.gallery .hovereffect p {
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.gallery .hovereffect:hover a,.gallery .hovereffect:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.gal-tittle {
    margin: 0 0 50px!important
}

body {
    font-family: poppins!important
}

.header-top.clear p a {
    color: #d4d4d4!important
}

input#search {
    color: #d4d4d4!important
}

input#search::placeholder {
    color: #d4d4d4!important
}

.sstt {
    color: #015884!important
}

.sidebar-contact {
    position: fixed;
    top: 56%;
    left: -350px;
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 15px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    box-sizing: border-box;
    transition: .5s;
    z-index: 999999
}

.toggle {
    position: absolute;
    height: 100px;
    width: 37px;
    text-align: center;
    cursor: pointer;
    background: #d21959;
    top: 0;
    right: -36px;
    line-height: 48px
}

.toggle p {
    transform: rotate(-90deg);
    color: #fff;
    position: absolute;
    left: -36px;
    bottom: 26px;
    width: 100px;
    line-height: 1.5;
    display: block
}

.sidebar-contact h2 {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 20px
}

.contact-head {
    font-size: 15px;
    color: #cb1650
}

.sidebar-contact .scroll .form-group label {
    font-size: 11px
}

.sidebar-contact .scroll .form-group input {
    font-size: 11px
}

.sidebar-contact .scroll .form-group textarea.form-control {
    font-size: 11px
}

.sbmt {
    background: #d21959;
    border: none;
    padding: 6px 10px;
    font-size: 13px;
    color: #fff
}

.sidebar-contact.active {
    left: 0;
    width: 286px
}

.trn-num {
    padding-bottom: 20px
}

h3.trn-head {
    padding-bottom: 10px
}

.m-bot-50 {
    margin-bottom: 50px
}

.p-top-25 {
    padding-top: 25px
}

.sp-two {
    padding: 50px 0 20px;
}

.wellcome-left-colmun {
    margin: 45px 70px 30px 0
}

.pb-one {
    padding-bottom: 20px
}

h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    color: #333
}

.wellcome-left-colmun .text {
    position: relative;
    margin: 20px 0 25px
}

.wellcome-left-colmun .text h1 {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 60px;
    line-height: 27px;
    color: #f36371
}

.wellcome-left-colmun .text h6 {
    padding-left: 90px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    font-style: italic;
    font-family: Lora,serif;
    color: #222
}

.wellcome-left-colmun .link-btn .thm-btn {
    padding: 10px 40px;
    margin-top: 30px
}

.bg-clr1 {
    background: #f36371;
    color: #fff
}

.about-contents ul {
    font-size: 16px;
    line-height: 30px;
}

.whatsappIcon {
    animation: jump 1s infinite;
    transition: all ease .2s;
    background: url("img/whatsapp.png") 0 0/100%;
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 20px;
    right: 34px;
    z-index: 999;
}

.jotform-form {
    padding: 22px;
    margin: 0 auto;
    position: relative;
    width: 50%;
    border: 1px solid #000;
}

.form-sub-label-container {
    display: inline-block;
    margin-right: 5px;
}

.form-textbox, .form-textarea, .form-dropdown {
    padding: 4px 8px;
    font-size: 14px;
    background-image: none;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin: 5px!important;
    width: 90%!important;
}

.form-matrix-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ddd;
}

.form-matrix-table tr {
    border-color: #e6e6e6;
}

.form-matrix-table tr td {
    border: 1px solid #ddd;
}

.form-matrix-column-headers {
    text-align: center;
    color: inherit;
}

.form-matrix-headers {
    position: relative;
    border: 1px solid #ccc;
    /* background: #ddd; */
    text-align: center;
}

button.btn {
    font-size: 20px!important;
    padding: 8px 10px!important;
    transition: all .5s ease 0s;
    margin: 30px 1px!important;
    float: right;
}

.inner-style {
    border: 1px solid #ddd;
    padding: 5px;
    box-shadow: 3px 3px 12px -3px #cacaca;
}

.hotline-content a {
    color: #414141;
}

.footer-para a {
    color: #fff;
}

.contact_form .form-control {
    background: transparent;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #413f3f;
    box-shadow: none;
    padding: 10px 15px;
    height: auto;
    color: #000;
    margin: 30px 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.form-eq {
    background-color: #ddd;
    border: 1px solid #fef4f4;
    background-color: #fff4f4;
    padding: 29px;
    box-shadow: 2px 5px 8px 3px #ededed;
    padding: 29px;
}

.form-btn {
    border: none;
    background-color: #b00000;
    color: #fff;
    padding: 9px;
}
