/* Kidstar HTML5 Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Dosis
3. Open Sans
4. Main Header 
5. Main Slider 
6. About Us
7. Reservation
9. Main Footer 
10. Faq Item
11. Reservation Style 
12. About Style
13. Gallery  Item
14. Blog Classic 
15. Sidebar
16. Sidebar Widgets
17. Blog Single 
18. Comments 
19. Comment Form
20. 404 Page / Not Found




**********************************************/

@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('component.css');
@import url('owl.css');
@import url('animate.css');
@import url(../revolution/css/settings.css);
@import url('hover.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #848484;
    line-height: 1.8em;
    font-weight: 400;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #009ed4;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: 'Dosis', sans-serif;
    font-weight: normal;
    margin: 0px;
    color: #222222;
    background: none;
    line-height: 1.6em;
}

input,
button,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
}

p {
    position: relative;
    line-height: 1.6em;
}

.strike-through {
    text-decoration: line-through;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    margin: 0 auto;
    min-width: 300px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

@media (min-width: 1200px) {
    .container {
        padding: 0
    }
    .container-fluid {}
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/resources/submenu-icon.gif);
}


/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    color: #91D615;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #F26E67;
    line-height: 34px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #91D615;
    border: 1px solid #91D615;
}


/*** 

====================================================================
	Main Header style
====================================================================
/* fixed-header */

.fixed-header .main-menu-area,
.fixed-header.header-style-four .header-lower {
    background: #ffffff none repeat scroll 0 0;
    margin-top: -55px;
    position: fixed;
    z-index: 9999;
    box-shadow: 2px 2px 2px 0px #ddd;
}

.fixed-header .main-menu-area .logo img {
    width: 120px;
}

.fixed-header .main-menu .navigation {
    float: right;
    margin: 5px 90px 0 0;
    position: relative;
}

.fixed-header .main-menu-area .logo {
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
}

.fixed-header .top-search-box button {
    margin-top: -22px;
}

.fixed-header .shopping {
    top: 5px;
}

.fixed-header .top-search-box button {
    margin-bottom: 7px;
}

.fixed-header .main-menu .navigation > li > ul {
    margin-top: 0px;
    padding: 0;
}


/* Start header_top_area styles */

.header_top_area {
    background: #F26E67;
    padding-bottom: 14px;
    padding-top: 13px;
}

.header_top_left {
    float: left;
}

.header_top_area .header_top_left ul li {
    float: left;
}

.header_top_area .header_top_left ul li a {
    color: #ffffff;
    font-size: 15px;
    line-height: 22px;
    margin-right: 30px;
    transition: all 500ms ease 0s;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.header_top_area .header_top_left ul li a span {
    font-weight: 600;
}

.header_top_area .header_top_left ul li a:hover {
    color: #222222
}

.header_top_area .header_top_left ul li a i {
    margin-right: 9px;
}

.header_top_area .header_top_right {
    float: right;
}

.header_top_right ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.header_top_area .header_top_right ul li {
    float: left;
}

.header_top_area .header_top_right ul li a {
    color: #ffffff;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    padding-left: 0;
    transition: all 500ms ease 0s;
}

.header_top_area .header_top_right ul li span {
    color: #ffffff;
    display: inline-block;
    margin: 0 9px;
    font-weight: 600;
}

.header_top_area .header_top_right ul li a .header_top_right ul li a i:hover {
    color: #222222
}

.header_top_right ul li a:hover {
    color: #222222
}


/* End header_logo_area styles */


/* End header_logo_area styles */


/* Start menu_area styles */

.main-menu {
    float: right;
    margin-left: 0;
    margin-right: 20px;
    position: relative;
}

.main-menu-area .logo {
    float: left;
    padding-top: 29px;
    padding-bottom: 21px;
}

.main-menu-area {
    left: 0;
    position: relative;
    right: 0;
    z-index: 1;
}

.main-menu {
    float: right;
    margin-left: 0;
    position: relative;
    margin-right: 30px;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    float: right;
    margin: 38px 90px 0 0;
    position: relative;
}

.main-menu .navigation li {
    float: left;
    padding: 0;
    position: relative;
}

.main-menu .navigation li a {
    color: #222222;
    display: block;
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    opacity: 1;
    padding: 10px 18px 18px;
    18px position: relative;
    transition: all 500ms ease 0s;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
    color: #ffffff;
    opacity: 1;
    background: url(../images/resources/menu_bg.png) center center no-repeat;
    background-size: 100%;
}

.main-menu .navigation > li > ul {
    background: #91d615 none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 140%;
    transition: all 500ms ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 100;
    margin-top: 35px;
}

.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main-menu .navigation > li > ul > li {
    border-bottom: 1px dashed#484848;
    float: none;
    margin: 0;
    position: relative;
    width: 100%;
}

.main-menu .navigation > li > ul > li:last-child {
    border: none;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/resources/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}

.main-menu .navigation > li > ul > li > a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 8px 0 8px 20px;
    position: relative;
    transition: all 500ms ease 0s;
}

.main-menu .navigation > li > ul > li > a:hover {
    color: #ffffff;
    background: #FFC64E;
}

.main-menu .navigation li > a:hover {
    color: #91D615
}

.top-search-box {
    position: absolute;
    right: 74px;
    top: 28px;
}

.top-search-box button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 2px solid #f26e67;
    border-radius: 7px 0;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 0;
    margin-top: 11px;
    outline: medium none;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 45px;
    margin-bottom: 41px;
}

.top-search-box .search-box button {
    margin: 0;
}

.top-search-box button:hover {
    color: #222222;
    border: 2px solid #9164ED;
}

.top-search-box button i.fa-search {
    position: relative;
}

.top-search-box .search-box {
    background: #F26E67 none repeat scroll 0 0;
    list-style: outside none none;
    margin: 0;
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 140%;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 250px;
    z-index: 999;
}

.top-search-box:hover .search-box {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.top-search-box .search-box li form {
    position: relative;
}

.top-search-box .search-box li form input {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    display: block;
    font-weight: 300;
    height: 45px;
    outline: medium none;
    padding-left: 10px;
    padding-right: 60px;
    width: 100%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.top-search-box .search-box li form button {
    background: #222222!important;
    color: #fff;
    font-size: 13px;
    height: 45px;
    outline: medium none;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 500ms ease 0s;
    width: 45px;
    border: none;
    border-radius: 0px;
}

.top-search-box .search-box li form input:focus {
    border: 1px solid #7BAFE3
}

.shopping {
    position: absolute;
    right: 15px;
    top: 38px;
    display: block;
    transition: all 500ms ease 0s;
    border: 2px solid#F26E67;
    border-radius: 7px 0px 6px 0px;
}

.shopping:hover {
    border: 2px solid#91D716;
}

.shopping:hover i {
    color: #222222
}

.shopping a i {
    color: #848484;
    display: block;
    height: 41px;
    width: 41px;
    font-size: 16px;
    transition: all 500ms ease 0s;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
}


/*====================================================================
	Section Title Style
====================================================================*/


/* Stast rev_slider styles */

.rev_slider_wrapper .tp-caption.tp-resizeme {
    background: rgba(0, 0, 0, 0) url("../images/slider/1.png") no-repeat scroll center center / cover;
    padding-bottom: 50px !important;
}

.rev_slider_wrapper .tp-caption.tp-resizeme h1 {
    font-size: 31px !important;
    font-weight: 600 !important;
    line-height: 36px !important;
    padding: 77px 45px 16px 50px !important;
}

.rev_slider_wrapper .tp-caption.tp-resizeme h4 {
    color: #848484;
    font-size: 14px !important;
    line-height: 26px !important;
    padding-bottom: 5px !important;
    padding-left: 50px !important;
}

.rev_slider_wrapper .tp-caption.tp-resizeme .star a {
    font-size: 14px !important;
    font-weight: 700 !important;
    padding-top: 17px !important;
}

.rev_slider_wrapper .tp-caption.tp-resizeme .star {
    margin-left: 50px !important;
}

.rev_slider_wrapper .tp-caption.tp-resizeme::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 150px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: -150px;
    width: 2px;
}

.rev_slider_wrapper .tp-caption.tp-resizeme::after {
    background: #7fc4d0 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 1px;
    width: 6px;
}


/* End rev_slider styles */


/* Start section-title styles */

.section-title h2 {
    color: #222222;
    font-family: 'Dosis', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 22px;
    position: relative;
}

.section-title p {
    color: #848484;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    position: relative;
    font-style: italic;
}


/* End section-title styles */


/* Start welcome-seciton styles */

.welcome-seciton {
    padding-bottom: 100px;
    padding-top: 98px;
}

.welcome-seciton .welcome-item {
    margin-top: 50px;
    text-align: center;
}

.welcome-seciton .welcome-item.item-1 {
    background: rgba(0, 0, 0, 0) url("../images/service/1.png") no-repeat scroll center center / cover;
    min-height: 340px;
    width: 100%;
}

.welcome-seciton .welcome-item.item-2 {
    background: rgba(0, 0, 0, 0) url("../images/service/2.png") no-repeat scroll center center / cover;
    min-height: 340px;
    width: 100%;
}

.welcome-seciton .welcome-item.item-3 {
    background: rgba(0, 0, 0, 0) url("../images/service/3.png") no-repeat scroll center center / cover;
    min-height: 340px;
    width: 100%;
}

.welcome-seciton .welcome-item.item-4 {
    background: rgba(0, 0, 0, 0) url("../images/service/4.png") no-repeat scroll center center / cover;
    min-height: 340px;
    width: 100%;
}

.welcome-seciton .welcome-item .icon {
    overflow: hidden;
    padding: 75px 0 0;
    text-align: center;
    transition: all 500ms ease 0s;
}

.welcome-seciton .welcome-item .icon i::before {
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 60px;
    height: 130px;
    margin: 20px 0 0;
    padding-top: 50px;
    width: 130px;
    margin: 0 auto;
    transition: all 500ms ease 0s;
}

.welcome-seciton .welcome-item:hover .icon i::before {
    color: #F26E67;
    background: #ffffff;
}

.welcome-seciton .welcome-item.item-2:hover .icon i::before {
    color: #91D615;
}

.welcome-seciton .welcome-item.item-3:hover .icon i::before {
    color: #FFC64E;
}

.welcome-seciton .welcome-item.item-4:hover .icon i::before {
    color: #9C73EF;
}

.welcome-seciton .welcome-item p {
    color: #ffffff;
    font-family: "Dosis", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    padding-top: 40px;
}

.welcome-seciton .hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: none;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.welcome-seciton .section-title p {
    color: #848484;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    position: relative;
    font-style: normal;
}


/* End welcome-seciton styles */


/* Start kidstar-seciton styles */

.kidstar-seciton {
    background: #fef8f7 none repeat scroll 0 0;
    overflow: hidden;
}

.kidstar-item {
    margin-left: 25px;
    padding-bottom: 50px;
    padding-right: 50px;
    padding-top: 20px;
}

.kidstar-item h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
}

.kidstar-item p {
    color: #848484;
    font-size: 14px;
    line-height: 26px;
    padding-top: 22px;
    padding-bottom: 10px;
}

.kidstar-item h5 {
    color: #848484;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    padding-top: 30px;
}

.kidstar-item h5 i {
    margin-right: 12px;
}

.kidstar-seciton .img-left img {
    max-width: none;
    position: absolute;
    right: 0;
}

.kidstar-item .star {
    margin-top: 30px
}

.star {
    background: rgba(0, 0, 0, 0) url("../images/btn/7.png") no-repeat scroll center center / cover;
    display: block;
    height: 50px;
    float: left transition: all 500ms ease 0s;
    width: 180px;
    margin-top: 45px;
    position: relative;
}

.star::before {
    background: rgba(0, 0, 0, 0) url("../images/btn/10.png") no-repeat scroll center center / cover;
    content: "";
    height: 50px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 180px;
    transition: all 500ms ease 0s;
}

.star:hover::before {
    opacity: 1;
}

.star:hover a {
    color: #222222
}

.star a {
    color: #f26e67;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 13px;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    display: block;
    position: absolute;
    width: 180px;
    height: 50px;
}

.kidstar-seciton .img-right {
    margin-left: -260px;
    margin-top: 110px;
}


/* End kidstar-seciton styles */


/* Start service-section styles */

.service-section {
    padding-top: 98px;
    padding-bottom: 100px;
}

.service-section .service-item {
    padding-top: 60px;
}

.service-section .service-item .icon {
    border-radius: 10px 0px 10px 0px;
    display: block;
    float: left;
    height: 63px;
    margin-bottom: 60px;
    margin-right: 30px;
    padding: 6px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 63px;
}

.service-section .service-item .icon i::before {
    border-radius: 10px 0px 10px 0px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 25px;
    height: 47px;
    padding-top: 10px;
    transition: all 500ms ease 0s;
    text-align: center;
    width: 47px;
}

.service-section .service-item:hover .icon i::before {
    border-radius: 0px 10px 0px 10px;
}

.service-section .service-item:hover .icon {
    border-radius: 0px 10px 0px 10px;
}

.service-section .service-item.item-1 .icon {
    border: 2px solid #f26e67;
}

.service-section .service-item.item-1 .icon i::before {
    background: #f26e67 none repeat scroll 0 0;
}

.service-section .service-item.item-1:hover .icon {
    border: 2px solid #A887ED;
}

.service-section .service-item.item-1:hover .icon i::before {
    background: #7BAFE3 none repeat scroll 0 0;
}

.service-section .service-item.item-2 .icon {
    border: 2px solid #A8DD4B;
}

.service-section .service-item.item-2 .icon i::before {
    background: #A8DD4B none repeat scroll 0 0;
}

.service-section .service-item.item-2:hover .icon {
    border: 2px solid #7BAFE3;
}

.service-section .service-item.item-2:hover .icon i::before {
    background: #A887ED none repeat scroll 0 0;
}

.service-section .service-item.item-3 .icon {
    border: 2px solid #FDCA5B;
}

.service-section .service-item.item-3 .icon i::before {
    background: #FDCA5B none repeat scroll 0 0;
}

.service-section .service-item.item-3:hover .icon {
    border: 2px solid #A8DD4B;
}

.service-section .service-item.item-3:hover .icon i::before {
    background: #FC6F8D none repeat scroll 0 0;
}

.service-section .service-item.item-4 .icon {
    border: 2px solid #A887ED;
}

.service-section .service-item.item-4 .icon i::before {
    background: #A887ED none repeat scroll 0 0;
}

.service-section .service-item.item-4:hover .icon {
    border: 2px solid #FDCA5B;
}

.service-section .service-item.item-4:hover .icon i::before {
    background: #A8DD4B none repeat scroll 0 0;
}

.service-section .service-item.item-5 .icon {
    border: 2px solid #7BAFE3;
}

.service-section .service-item.item-5 .icon i::before {
    background: #7BAFE3 none repeat scroll 0 0;
}

.service-section .service-item.item-5:hover .icon {
    border: 2px solid #FDCA5B;
}

.service-section .service-item.item-5:hover .icon i::before {
    background: #A887ED none repeat scroll 0 0;
}

.service-section .service-item.item-6 .icon {
    border: 2px solid #FC6F8D;
}

.service-section .service-item.item-6 .icon i::before {
    background: #FC6F8D none repeat scroll 0 0;
}

.service-section .service-item.item-6:hover .icon {
    border: 2px solid #A887ED;
}

.service-section .service-item.item-6:hover .icon i::before {
    background: #A8DD4B none repeat scroll 0 0;
}

.service-section .service-item h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 28px;
}

.service-section .service-item p {
    color: #848484;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
}


/* End service-section styles */


/* Start counter-section styles */

.counter-section {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.counter-text .icon {
    margin-right: 34px;
    float: left;
    margin-bottom: 50px;
}

.counter-text .icon i::before {
    color: #ffffff;
    font-size: 60px;
    line-height: 60px;
}

.counter-text h2 {
    color: #ffffff;
    font-size: 60px;
    font-family: 'Open Sans', sans-serif;
    line-height: 54px;
}

.counter-text p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-top: 18px;
}

.counter-section .section-title {
    border-top: 1px solid#706F68;
    padding-top: 60px;
    margin-top: 44px;
}

.counter-section .section-title h2 {
    color: #ffffff;
    font-family: "Dosis", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 22px;
    position: relative;
}

.counter-section .section-title p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-style: italic;
    line-height: 26px;
    margin: 0;
    position: relative;
}

.star-2 {
    background: rgba(0, 0, 0, 0) url("../images/btn/9.png") no-repeat scroll center center / cover;
    display: block;
    height: 50px;
    margin: 0 auto;
    transition: all 500ms ease 0s;
    width: 180px;
    margin-top: 45px;
    position: relative;
}

.star-2::before {
    background: rgba(0, 0, 0, 0) url("../images/btn/8.png") no-repeat scroll center center / cover;
    content: "";
    height: 50px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 180px;
    transition: all 500ms ease 0s;
}

.star-2:hover::before {
    opacity: 1;
}

.star-2:hover a {
    color: #91D615
}

.star-2 a {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 13px;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    display: block;
    position: absolute;
    width: 180px;
    height: 50px;
}


/* End counter-section styles */


/* Start popular-section styles */

.popular-section {
    padding-top: 98px;
    padding-bottom: 100px;
}

.popular-section .single-item {
    border-radius: 10px;
    box-shadow: 6px 5px 0 1px #f2f2f2;
    margin-top: 57px;
}

.popular-section .single-item .item h4 a {
    color: #222222;
    font-size: 22px;
    font-weight: 500;
    padding-left: 20px;
    padding-top: 40px;
    display: block;
    transition: all 500ms ease 0s;
}

.popular-section .single-item .item h4 a:hover {
    color: #F26E67
}

.popular-section .single-item .item p {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 16px;
}

.popular-section .single-item:hover .item {
    border-left: 1px solid #91D615;
    border-right: 1px solid #91D615;
    border-bottom: 1px solid#91D615;
    margin-top: -13px;
    border-radius: 0px 0px 10px 10px;
    transition: all 500ms ease 0s;
}

.popular-section .item {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-radius: 0 0 10px 10px;
    border-right: 1px solid #e5e5e5;
    margin-top: -10px;
    position: relative;
    transition: all 500ms ease 0s;
    z-index: 1;
}

.img-holder img {
    width: 100%;
}

.popular-section .item .text {
    border-top: 1px solid #e5e5e5;
    display: block;
    margin-top: 37px;
    overflow: hidden;
}

.popular-section .item .text .date {
    float: left;
    text-align: center;
    width: 33.33%;
    transition: all 500ms ease 0s;
    background: #FEFBFB;
}

.popular-section .item .text .date-3 {
    border-radius: 0 0 10px;
}

.popular-section .item .text .date-1 {
    border-radius: 0px 0px 0px 10px;
}

.popular-section .item .text .date-2 {
    border-right: 1px solid#eeeeee;
    border-left: 1px solid#eeeeee;
}

.popular-section .item .text .date:hover {
    background: #F26E67
}

.popular-section .item .text .date p {
    color: #f26e67;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    padding: 4px 0 5px;
    transition: all 500ms ease 0s;
}

.popular-section .item .text .date p span {
    color: #666666;
    transition: all 500ms ease 0s;
}

.popular-section .item .text .date:hover p {
    color: #ffffff;
}

.popular-section .item .text .date:hover p span {
    color: #ffffff;
}

.popular-section .img-holder {
    border-radius: 13px 9px 0 0;
    display: block;
    overflow: hidden;
    position: relative;
}


/* Start popular-section.popular-page styles */

.popular-section.popular-page .single-item:hover .item {
    border-left: 1px solid #91D615;
    border-right: 1px solid #91D615;
    border-bottom: 1px solid#91D615;
    margin-top: -10px;
    border-radius: 0px 0px 10px 10px;
    transition: all 500ms ease 0s;
}

.page-list {
    margin: 0 auto;
    text-align: center;
    padding-top: 70px;
}

.page-list ul {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.page-list ul li {
    display: inline;
}

.page-list ul li a {
    border: 2px solid #f26e67;
    border-radius: 10px 0;
    color: #848484;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    line-height: 24px;
    margin: 3px 3px 0;
    padding-top: 7px;
    width: 45px;
    transition: all 500ms ease 0s;
}

.page-list ul li a:hover {
    border: 2px solid #f26e67;
    border-radius: 0px 10px;
    background: #f26e67;
    color: #ffffff;
}

.popular-Single .single-item .single-text h2 {
    color: #222222;
    font-size: 36px;
    font-weight: 600;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

.popular-Single .single-item .single-text p {
    color: #848484;
    font-size: 14px;
    font-weight: 100;
    line-height: 26px;
    padding-bottom: 15px;
}

.Single-post {
    border-bottom: 1px solid#E5E5E5;
    padding-bottom: 47px;
}

.popular-Single {
    padding-top: 100px;
}

.popular-Single .info-box h2 {
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    line-height: 22px;
    padding-top: 55px;
    padding-bottom: 30px;
    font-weight: 600;
}

.popular-Single .info-box .date-item {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
}

.popular-Single .info-box .date-item li {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-left: none;
}

.popular-Single .info-box .date-item i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #f26e67;
    font-size: 18px;
    height: 45px;
    line-height: 24px;
    margin-top: 25px;
    padding-top: 10px;
    width: 45px;
    transition: all 500ms ease 0s;
}

.popular-Single .info-box .date-item li:hover i {
    color: #ffffff;
    background: #A887ED
}

.popular-Single .info-box .date-item .anchor {
    border-top: none;
}

.popular-Single .info-box .date-item .user {
    border-top: none;
}

.popular-Single .info-box .date-item .user i {
    color: #7BAFE3
}

.popular-Single .info-box .date-item .user:hover i {
    color: #ffffff;
    background: #7BAFE3
}

.popular-Single .info-box .date-item .anchor i {
    color: #FDCA5B
}

.popular-Single .info-box .date-item .anchor:hover i {
    color: #ffffff;
    background: #FDCA5B
}

.popular-Single .info-box .date-item h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding-top: 15px;
    line-height: 24px;
}

.popular-Single .info-box .date-item p {
    color: #ffffff;
    padding-bottom: 12px;
}

.popular-Single .info-box .date-item-2 {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
}

.popular-Single .info-box .date-item-2 li {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-left: none;
    border-right: none;
}

.popular-Single .info-box .date-item-2 i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #A8DD4B;
    font-size: 18px;
    height: 45px;
    line-height: 24px;
    margin-top: 25px;
    padding-top: 10px;
    width: 45px;
    transition: all 500ms ease 0s;
}

.popular-Single .info-box .date-item-2 li:hover i {
    color: #ffffff;
    background: #A8DD4B;
}

.popular-Single .info-box .date-item-2 .clock {
    border-top: none;
}

.popular-Single .info-box .date-item-2 .clock i {
    color: #A887ED;
}

.popular-Single .info-box .date-item-2 .clock:hover i {
    color: #ffffff;
    background: #A887ED;
}

.popular-Single .info-box .date-item-2 .money {
    border-top: none;
}

.popular-Single .info-box .date-item-2 .money i {
    color: #FC6F8D;
}

.popular-Single .info-box .date-item-2 .money:hover i {
    color: #ffffff;
    background: #FC6F8D;
}

.popular-Single .info-box .date-item-2 h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding-top: 15px;
    line-height: 24px;
}

.popular-Single .info-box .date-item-2 p {
    color: #ffffff;
    padding-bottom: 12px;
}

.popular-Single .info-box .star-3 {
    background: rgba(0, 0, 0, 0) url("../images/btn/11.png") no-repeat scroll center center / cover;
    display: block;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 180px;
}

.popular-Single .info-box .star-3 a {
    color: #848484;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    padding-top: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
}

.popular-Single .info-box .star-3 a:hover {
    color: #F26E67
}

.popular-Single .single-item {
    padding-right: 40px;
}


/* End popular-section styles */


/* Start team-seciton styles */

.team-section {
    padding-top: 98px;
    padding-bottom: 100px;
    position: relative;
}

.team-section::before {
    background: #fef8f7 none repeat scroll 0 0;
    content: "";
    min-height: 320px;
    position: absolute;
    width: 100%;
    top: 0;
}

.team-section .single-item {
    padding-top: 55px;
    text-align: center;
}

.team-section .single-item .img-holder {
    border-radius: 50%;
    height: 190px;
    position: relative;
    width: 190px;
    cursor: default;
    box-shadow: inset 0 0 0 0 rgba(200, 95, 66, 0.4), inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 0 auto;
}

.team-section .single-item .img-holder img {
    border-radius: 50%;
    height: 190px;
    position: relative;
    width: 190px;
    cursor: default;
    box-shadow: inset 0 0 0 0 rgba(200, 95, 66, 0.4), inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.team-section .single-item .img-holder .text {
    display: table;
    height: 100%;
    width: 100%;
}

.team-section .single-item .img-holder .text-icon {
    display: table-cell;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.team-section .img-holder .overlay {
    background: rgba(243, 110, 103, 0.6) none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #ffffff;
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}

.team-section .single-item:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.team-section .single-item .img-holder .text ul li {
    display: inline-block;
}

.team-section .single-item .img-holder .text ul li a:hover {
    color: #A8DD4B
}

.team-section .single-item .img-holder .text ul li a {
    color: #ffffff;
    font-size: 18px;
    padding: 7px;
    transition: all 500ms ease 0s;
}

.team-section .single-item .text-box h4 a {
    color: #222222;
    display: block;
    font-size: 24px;
    font-weight: 500;
    padding-top: 30px;
    transition: all 500ms ease 0s;
}

.team-section .single-item .text-box p {
    color: #848484;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    padding-top: 12px;
}

.team-section .single-item .text-box h4 a:hover {
    color: #F26E67
}


/* End team-seciton styles */


/* Start testimonial-section styles */

.testimonial-section {
    padding-top: 98px;
    padding-bottom: 100px;
}

.testimonial-section .single-item {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

.testimonial-section .single-item .icon i {
    color: #ffffff;
    font-size: 110px;
    position: relative;
}

.testimonial-section .single-item .icon:before {
    color: #f36e67;
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    margin-top: 40px;
    padding-left: 45px;
    position: absolute;
    z-index: 1;
}

.testimonial-section .single-item .testimonial_box p {
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    line-height: 36px;
    padding-top: 50px;
}

.testimonial-section .single-item .testimonial_box h5 {
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    padding-top: 50px;
    font-weight: 600;
}

.testimonial-section .single-item .testimonial_box h5 span {
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    padding-top: 50px;
    font-weight: 100;
}


/* End testimonial-section styles */


/*Start gallery-section Style*/

.gallery-section {
    padding-bottom: 100px;
    padding-top: 98px;
}

.gallery-section .section-title p {
    padding-bottom: 35px;
}

#html5-watermark {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: none !important;
    padding: 0px;
}

.gallery-section .section-title p {
    color: #666666;
    font-size: 14px;
}

.gallery-section .inner-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.gallery-section .image-box {
    position: relative;
    display: block;
}

.gallery-section .image-box img {
    position: relative;
    display: block;
    width: 100%;
}

.gallery-section .overlay-box {
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
}

.gallery-item:hover img {
    transform: scale(1.1);
}

.gallery-item:hover .overlay {
    transform: scale(1);
}

.gallery-section .gallery-item img {
    transform: scale(1);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    width: 100%;
}

.image-view {
    display: table-cell;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.gallery-section .gallery-item .box {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}

.gallery-section .image-view i {
    border: 2px solid #f26e67;
    border-radius: 7px 0;
    color: #f26e67;
    display: inline-block;
    font-size: 20px;
    height: 47px;
    line-height: 24px;
    margin: 0 auto;
    outline: medium none;
    padding-top: 10px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 47px;
    margin: 3px;
}

.gallery-section .image-view i:hover {
    background: #f26e67 none repeat scroll 0 0;
    border-radius: 0 7px;
    color: #ffffff;
}

.gallery-item {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.gallery-item .overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 15px;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    transform: scale(0);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.gallery-section .star {
    background: url("../images/btn/7.png") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 180px;
    margin-top: 15px;
}


/*End gallery-section Style*/


/* ==================== section-video-preview start ================ */

.video-section {
    padding-top: 98px;
    padding-bottom: 100px;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.video-section .section-title h2 {
    color: #ffffff;
    font-family: "Dosis", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 22px;
    position: relative;
}

.video-section .section-title p {
    color: #fffefe;
    font-size: 14px;
    font-style: italic;
    line-height: 26px;
    margin: 0;
    position: relative;
}

.v-container a i::before {
    color: #ffffff;
    display: inline-block;
    font-size: 60px !important;
    font-weight: 500;
    margin-top: 60px;
}


/* ===================== section-video-preview end ================= */


/* Start popular-section styles */

.blog-section {
    padding-top: 98px;
    padding-bottom: 100px;
}

.blog-section .single-item {
    border-radius: 10px;
    box-shadow: 13px 7px 14px 3px #f2f2f2;
    margin-top: 57px;
    transition: all 500ms ease 0s;
}

.blog-section .single-item .item h4 a {
    color: #222222;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.blog-section .single-item .item h4 a:hover {
    color: #F26E67
}

.blog-section .single-item .item a:hover {
    color: #F26E67
}

.blog-section .single-item .item p {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;
}

.blog-section .single-item:hover .item {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid#E5E5E5;
    margin-top: -8px;
    border-radius: 0px 0px 10px 10px;
    transition: all 500ms ease 0s;
}

.blog-section.blog-page .single-item:hover .item {
    margin: 0px
}

.blog-section .item {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-radius: 0 0 10px 10px;
    border-right: 1px solid #e5e5e5;
    padding-top: 32px;
    transition: all 500ms ease 0s;
}

.img-holder img {
    width: 100%;
}

.blog-section .img-holder {
    border-radius: 13px 9px 0 0;
    display: block;
    overflow: hidden;
    position: relative;
}

.blog-section .single-item .item h6 {
    padding-left: 20px;
    font-size: 14px;
    color: #848484;
    line-height: 24px;
    padding-top: 7px;
    font-family: 'Open Sans', sans-serif;
}

.blog-section .single-item .item h6 i {
    padding-right: 4px;
    font-size: 14px;
    color: #848484;
}

.blog-section .single-item .item h6 span {
    padding-left: 20px;
    font-size: 14px;
    color: #848484;
}

.blog-section .single-item .item a {
    color: #848484;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 33px;
    margin-left: 20px;
    margin-top: 8px;
}

.blog-section .single-item .item a i {
    padding-left: 4px;
}

.single-post {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 66px;
}

.info-box {
    background: rgba(0, 0, 0, 0) url("../images/blog/8.jpg") no-repeat scroll center center / cover;
    min-height: 695px;
    padding-left: 30px;
    padding-right: 30px;
}

.blog-section.blog-page {
    padding-top: 46px;
}

.blog-section .single-post .item-text h4 a {
    color: #222222;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 38px;
    padding: 0;
}

.blog-section .single-post .item-text h6 {
    color: #848484;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding-top: 7px;
}

.blog-section .single-post .item-text h6 i {
    margin-right: 5px;
}

.blog-section .single-post .item-text h6 span {
    margin-left: 20px;
}

.blog-section .single-post .item-text p {
    padding-top: 18px;
}


/*--- default-form ---*/

.blog-section .default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="number"],
.default-form .form-group select,
.default-form .form-group input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 10px;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    height: 50px;
    line-height: 26px;
    padding: 11px 15px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    z-index: 1;
    color: #848484;
}

.blog-section .default-form .form-group textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 15px;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    height: 130px;
    line-height: 26px;
    padding: 11px 15px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    z-index: 1;
    color: #848484;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="number"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
    border-color: #F26E67;
}

.default-form .form-group input.error,
.default-form .form-group select.error,
.default-form .form-group textarea.error {
    border-color: #ff0000 !important;
}

.default-form .form-group label.error {
    display: block;
    padding: 10px 0px 0px;
    line-height: 24px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ff0000;
    font-weight: normal !important;
}

.default-form .btn {
    border: medium none;
    border-radius: 0px;
    color: #f26e67;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    margin-top: 20px;
}

.blog-section .default-form h4 {
    color: #343434;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 19px;
    padding-top: 65px;
}

.default-form .btn:hover {
    color: #A887ED
}

.lastname {
    float: left;
    margin-right: 30px;
    width: 48%;
}

.email {
    float: left;
    width: 48%
}

.default-form .form-group {
    margin-bottom: 30px;
}


/*--- default-form ---*/


/*--- side-bar ---*/

.side-bar {
    padding-left: 40px;
}

.side-bar h2 {
    color: #222222;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Dosis', sans-serif;
}

.side-bar .border {
    background: #009ed4 none repeat scroll 0 0;
    height: 1px;
    margin-top: 24px;
    width: 30px;
}

.search-bar {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    border-radius: 10px;
}

.search-bar input {
    color: #a9a9a9;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 19px;
    padding-top: 11px;
    width: 85%;
    border-radius: 10px;
}

.search-bar button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #A9A9A9;
    float: right;
    padding-right: 19px;
    padding-top: 11px;
}

.categories {
    padding-top: 5px;
}

.categories ul {
    list-style: outside none none;
    margin: 0;
    padding-top: 9px;
}

.categories ul li a {
    color: #666666;
    display: block;
    font-size: 14px;
    line-height: 26px;
    transition: all 500ms ease 0s;
    padding-top: 9px;
}

.categories ul li a i {
    margin-right: 10px;
}

.categories ul li a:hover {
    color: #f26e67
}

.categories ul li a span {
    float: right
}

.single-blog img {
    float: left;
    margin-top: 7px;
    margin-right: 15px;
}

.side-blog .single-blog h2 {
    margin-top: 0;
    padding-top: 0;
}

.side-blog .single-blog {
    display: block;
    margin-bottom: 9px;
    margin-top: 16px;
    overflow: hidden;
}

.side-gallery {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 26px;
}

.side-gallery h2 {
    margin-bottom: 28px;
}

.side-gallery .text p {
    padding-top: 4px;
}

.side-gallery .img-box {
    float: left;
    margin-right: 15px;
    padding-bottom: 25px;
}

.side-gallery .text h4 a {
    color: #222222;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-top: -5px;
    transition: all 500ms ease 0s;
}

.side-gallery .text {
    padding-bottom: 21px;
}

.side-gallery .text h4 a:hover {
    color: #F26E67
}

.tages_box {
    overflow: hidden;
}

.tages_box .tages ul {
    margin-top: 24px;
    padding: 0;
    list-style: none;
}

.tages_box .tages ul li {
    float: left;
    margin-right: 10px;
}

.tages_box .tages ul li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    color: #848484;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
    padding: 6px 15px;
    transition: all 500ms ease 0s;
}

.tages_box .tages ul li a:hover {
    color: #ffffff;
    background: #F26E67;
    border: 1px solid #F26E67;
}


/*--- side-bar ---*/


/* End popular-section styles */


/* == Start register-section == */

.register-section {
    padding-top: 41px;
    padding-bottom: 49px;
}

.register-section h2 {
    color: #ffffff;
    font-family: "Dosis", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    position: relative;
    float: left;
}

.register-section .star-3 a {
    color: #f26e67;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 auto;
    padding-left: 30px;
    padding-top: 13px;
    position: relative;
    right: 0;
    transition: all 500ms ease 0s;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
}

.register-section .star-3 {
    background: rgba(0, 0, 0, 0) url("../images/btn/11.png") no-repeat scroll center center / cover;
    display: block;
    height: 50px;
    position: relative;
    width: 180px;
    float: right;
    margin-top: 25px;
}

.register-section .star-3 a:hover {
    color: #9C73EF
}


/* == End register-section  == */


/* == Start footer_section  == */

.footer_section {
    background: #37353C;
}

.footer_section .widget p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 26px;
    padding-top: 14px;
}

.footer_section .footer-item {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 90px;
}

.footer_section .widget ul {}

.footer_section .widget ul li {
    float: left;
}

.footer_section .widget ul li a {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    margin-right: 28px;
    margin-top: 10px;
    transition: all 500ms ease 0s;
}

.footer_section .widget ul li a:hover {
    color: #F26E67;
}

.footer_section .date-widget h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 17px;
}

.footer_section .date-widget ul li {
    border-bottom: 1px solid #5f5d63;
}

.footer_section .date-widget .item ul li a {
    font-size: 14px;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);
}

.footer_section .date-widget .item ul li span {
    font-size: 14px;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    color: rgba(255, 255, 255, 0.7);
    float: right;
}

.footer_section .date-widget .item ul li .Closed {
    color: #F26E67;
}

.footer_section .date-widget ul li:last-child {
    border-bottom: 0px;
}

.footer_section .date-widget {
    padding-left: 50px;
    margin-right: -40px;
}

.footer_section .links-widget h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 22px;
}

.footer_section .links-widget {
    padding-left: 100px;
}

.footer_section .links-widget .item ul li a {
    border-bottom: 1px solid transparent;
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 7px;
    padding-bottom: 0;
    padding-top: 15px;
    transition: all 500ms ease 0s;
}

.footer_section .links-widget .item ul li a i {
    opacity: 0;
    transition: all 500ms ease 0s;
}

.footer_section .links-widget .item ul li a:hover {
    color: #f26e67;
    border-bottom: 1px solid#f26e67;
    transition: all 500ms ease 0s;
}

.footer_section .links-widget .item ul li a:hover i {
    opacity: 1;
    color: #f26e67
}

.footer_section .contact-widget h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 23px;
}

.footer_section .contact-widget ul li a {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 7px;
    padding-top: 12px;
    transition: all 500ms ease 0s;
}

.footer_section .contact-widget ul li a:hover {
    color: #F26E67
}

.footer_section .contact-widget p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 25px;
    padding-top: 0px;
}

.footer_section .contact-widget ul li i {
    float: left;
    font-size: 13px;
    line-height: 24px;
    margin-right: 15px;
    padding-top: 12px;
    color: rgba(255, 255, 255, 0.7);
}

.footer_bottom {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    text-align: center;
    position: relative;
}

.footer_bottom::before {
    background: rgba(0, 0, 0, 0) url("../images/blog/footer-bg.jpg") no-repeat scroll center center / cover;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    top: 0;
    width: 100%;
}

.footer_bottom p {
    color: #848484;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 30px;
}


/* == End footer_section  == */


/* == slider-section  == */

.slider {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 50px;
}

.slider .text {
    display: table-cell;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.slider .text h2 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 600;
    line-height: 36px;
}

.slider .text p {
    color: #ffffff;
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    padding-top: 6px;
}

.slider .text a {
    color: #ffffff;
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    transition: all 500ms ease 0s;
    padding-top: 6px;
    display: inline-block;
}

.slider .text a:hover {
    color: #91D615;
}


/* == End slider-section  == */


/* == Start about-page  == */

.kidstar-seciton.about-page {
    background: #ffffff
}

.kidstar-seciton.about-page .img-holder {
    padding-top: 70px;
}


/* == End about-page  == */

.gallery-section {
    position: relative;
    padding-top: 95px;
    padding-bottom: 70px;
    background: #F5F5F5;
}

.gallery-section .section-title {
    position: relative;
}

.gallery-section .filters {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.gallery-section .filters li {
    color: #222222;
    cursor: pointer;
    display: inline-block;
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 17px;
    padding: 0px;
    position: relative;
    transition: all 300ms ease 0s;
}

.gallery-section .filters li .txt {
    position: relative;
    display: block;
    z-index: 1;
}

.gallery-section .filters li:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-section .filters li:hover,
.gallery-section .filters li.active {
    color: #f26e67;
}


/* == Start team-section  == */

.team-section.team-page {
    padding-top: 45px;
}

.team-section.team-page::before {
    display: none;
}

.profile-text .name h2 {
    font-size: 36px;
    font-weight: 600;
}

.profile-text .name h6 {
    color: #848484;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}

.profile-text .name ul {
    right: 0;
    position: absolute;
    top: 10px;
}

.profile-text .name ul li {
    float: left;
}

.profile-text .name ul li a {
    color: #848484;
    padding-left: 20px;
    transition: all 500ms ease 0s;
}

.profile-text .name ul li a:hover {
    color: #F16D67;
}

.profile-text {
    position: relative;
}

.profile-text .name p {
    padding-top: 35px;
}

.team-section.profile {}

.team-section.profile::before {
    display: none;
    padding-top: 0;
}

.profile-text .icon i {
    background: #f16d67 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    float: left;
    font-size: 22px;
    height: 50px;
    line-height: 24px;
    padding-top: 14px;
    text-align: center;
    width: 50px;
    margin-right: 22px;
    transition: all 500ms ease 0s;
}

.profile-text .icon h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.profile-text .icon h4 span {
    color: #848484;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}

.profile-text .info {
    width: 100%;
    padding-top: 24px;
}

.profile-text .icon {
    float: left;
    width: 33.33%
}

.icon.icon-3 {
    display: block;
    padding-left: 95px;
}

.profile-text .icon-2 i {
    background: #91D615;
}

.profile-text .icon-3 i {
    background: #9C73EF;
}

.profile-text .icon:hover i {
    background: #9C73EF;
}

.profile-text .icon-2:hover i {
    background: #9C73EF;
}

.profile-text .icon-3:hover i {
    background: #f16d67;
}

.introduction .int-item p {
    color: #848484;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    padding: 0;
}

.int-item p i {
    margin-right: 12px;
}

.introduction {
    /*border-top: 1px solid #e5e5e5;*/
    margin-top: 30px;
    padding-top: 30px;
}

.introduction h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
}

.introduction p {
    padding-bottom: 17px;
    padding-top: 21px;
}

.edu-item .int-item p {
    padding-bottom: 6px;
}

.team-section.profile {
    padding-bottom: 88px;
}


/* Start progress-bar styles */

.progress-bar-success {
    background-color: #F16D67;
}

.progress-bar {
    background-color: #f16d67;
    box-shadow: none;
}

.progress-bar.item-2 {
    background: #91D615 none repeat scroll 0 0;
}

.progress-item .progress-bar.item-2 .value-holder {
    border: 3px solid #91D615;
}

.progress-bar.item-3 {
    background: #9C73EF none repeat scroll 0 0;
}

.progress-item .progress-bar.item-3 .value-holder {
    border: 3px solid #9C73EF;
}

.progress-item .progress {
    background-color: #f0f0f0;
    border-radius: 5px;
    height: 6px;
    margin-bottom: 26px;
    overflow: visible;
    width: 90%;
}

.progress-item p {
    margin: 0;
    padding: 0 0 5px;
}

.progress-item .progress-bar {
    border-radius: 10px;
    font-size: 12px;
    height: 6px;
    line-height: 18px;
    padding-left: 10px;
    position: relative;
    text-align: left;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 0;
}

.progress-item .progress-bar .value-holder {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #f16d67;
    border-radius: 50%;
    height: 20px;
    line-height: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -8px;
    width: 20px;
    z-index: 9999;
}

.progress-item .progress-bar .value-holder .value {
    color: #848484;
    font-size: 14px;
    left: 21px;
    line-height: 24px;
    position: absolute;
    top: -21px;
}

.progress-item.progress-white .progress {
    padding: 2px;
}

.causes .progress-item .progress {
    background-color: #e5e5e5;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}


/* End progress-bar styles */


/* == End team-section  == */


/* == Star Faq-section  == */

.faq-section {
    padding-bottom: 90px;
    padding-top: 100px;
}

.accordion-box {
    position: relative;
}

.accordion-box h2 {
    color: #222222;
    font-size: 36px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 27px;
}

.accordion-box p {
    margin: 0;
    padding-bottom: 44px;
}

.accordion-box .content-title {
    position: relative;
}

.accordion {
    border: 1px solid #ededed;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}

.accordion-box .accordion.acc-1 {
    border: 1px solid #F26E67;
}

.accordion-box .accordion.acc-1 .acc-content p {
    border-top: 1px solid #F26E67;
}

.accordion-box .accordion.acc-2 {
    border: 1px solid #A8DD4B;
}

.accordion-box .accordion.acc-2 .acc-content p {
    border-top: 1px solid #A8DD4B;
}

.accordion-box .accordion.acc-3 {
    border: 1px solid #FDCA5B;
}

.accordion-box .accordion.acc-3 .acc-content p {
    border-top: 1px solid #FDCA5B;
}

.accordion-box .accordion.acc-4 {
    border: 1px solid #A887ED;
}

.accordion-box .accordion.acc-4 .acc-content p {
    border-top: 1px solid #A887ED;
}

.accordion-box .accordion.acc-5 {
    border: 1px solid #7BAFE3;
}

.accordion-box .accordion.acc-5 .acc-content p {
    border-top: 1px solid #7BAFE3;
}

.accordion-box .accordion.acc-6 {
    border: 1px solid #F26E67;
}

.accordion-box .accordion.acc-6 .acc-content p {
    border-top: 1px solid #F26E67;
}

.accordion .acc-btn.active .left-icon {
    color: #fff;
}

.accordion .acc-btn p {
    color: #222222;
    cursor: pointer;
    font-family: "Dosis", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-top: 13px;
}

.accordion .acc-btn .toggle-icon {
    color: #222222;
    cursor: pointer;
    display: block;
    font-weight: 200;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 6px;
}

.accordion-box .accordion .acc-btn.active .toggle-icon {
    color: #222222;
    cursor: pointer;
    display: block;
    font-weight: 200;
    padding-right: 23px;
    position: absolute;
    right: 0;
    top: 6px;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-down {
    opacity: 1;
}

.accordion-box .accordion .acc-btn .toggle-icon .fa-angle-up {
    opacity: 0;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-down {
    opacity: 0;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-up {
    opacity: 1;
}

.accordion-box .accordion .acc-btn.active {
    color: #1aafa5;
}

.accordion-box .accordion .acc-content {
    color: #222222;
    display: none;
    font-size: 15px;
    line-height: 24px;
}

.accordion-box .accordion .acc-content.collapsed {
    display: block;
}

.accordion-box .accordion .acc-content p {
    border-top: 1px solid #ededed;
    color: #666666;
    margin: 0;
    max-width: 900px;
    padding: 25px 25px 25px 30px;
}

.ask-form {
    background: rgba(0, 0, 0, 0) url("../images/service/4.png") no-repeat scroll center center / cover;
    min-height: 475px;
    padding-left: 35px;
    padding-right: 35px;
}

.ask-form h2 {
    color: #ffffff;
    font-size: 26px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 30px;
    padding-top: 38px;
    text-align: center;
}

.ask-form .form-group i {
    color: #ffffff;
    float: left;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 17px;
    position: absolute;
}

.ask-form .default-form .form-group input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #f7a19c;
    border-radius: 10px;
    color: #ffffff !important;
    height: 50px;
    position: relative;
    width: 100%;
    padding-left: 35px;
}

.ask-form .default-form .form-group textarea {
    padding-left: 35px;
}

.ask-form .default-form .form-group {
    margin-bottom: 10px;
}

.ask-form .default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="number"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
    border-color: #A8DD4B;
}

.ask-form .comments textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 120px;
    width: 100%;
    padding-left: 35px;
    border: 1px solid #f7a19c;
    padding-top: 10px;
    border-radius: 10px;
    color: #ffffff;
}

.ask-form .star-3 {
    color: #848484;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    transition: all 500ms ease 0s;
    text-align: center;
    text-transform: uppercase;
}

.ask-form .star-3:hover {
    color: #F26E67;
}

.ask-form .star-3 {
    background: rgba(0, 0, 0, 0) url("../images/btn/11.png") no-repeat scroll center center / cover;
    display: block;
    height: 50px;
    margin: 27px auto 0;
    position: relative;
    width: 180px;
}

.ask-form .star-3 a:hover {
    color: #9C73EF
}


/* == End Faq-section  == */


/* == Start error-section  == */

.error-section {
    display: block;
    margin: 0 auto;
    padding-bottom: 170px;
    padding-top: 170px;
    text-align: center;
}

.error-section .register h2 {
    color: #222222;
    font-size: 40px;
    line-height: 26px;
    padding-bottom: 28px;
    padding-top: 50px;
    font-weight: 500;
}

.error-section .register .star {
    margin: 43px auto 0;
}

.error-section .register p a {
    border-bottom: 1px solid #f48983;
    color: #f48983;
    transition: all 500ms ease 0s;
}

.error-section .register p a:hover {
    border-bottom: 1px solid #222222;
    color: #222222;
}


/* == End error-section  == */


/* == start contact-section  == */

.contact-us {
    border-bottom: 1px solid#E5E5E5;
    overflow: hidden;
    padding-bottom: 85px;
    padding-top: 95px;
    margin-bottom: 100px;
}

.contaat-item {
    float: left;
    width: 33.33%;
}

.contaat-item .icon {
    color: #f26e67;
    float: left;
    font-size: 40px;
    line-height: 26px;
    margin-bottom: 20px;
    margin-right: 21px;
}

.contact-section .default-form .form-group.comments {
    border: 1px solid#DDDDDD;
    height: 130px;
    border-radius: 10px;
}

.form-group.comments textarea {
    border-radius: 10px;
    height: 128px;
    padding-left: 20px;
    padding-top: 10px;
    width: 100%;
}

.contact-section .default-form .btn {
    margin: 50px auto 0;
}

.contact-section .default-form {
    padding-bottom: 100px;
    padding-top: 65px;
}


/* == End contact-section  == */