* 
}
.breadcrumb .breadcrumb-text {
    text-align:center
}
.breadcrumb .breadcrumb-text h2 {
    padding-bottom:10px;
    color:#fff;
    text-transform:capitalize
}
.breadcrumb .breadcrumb-text h2 span {
    color:#ed1c24;
    text-shadow:0 0 2px #fff
}
.breadcrumb .breadcrumb-text ul {
    background:#fff3;
    display:inline-block;
    padding:15px;
    border-radius:2px
}
.breadcrumb .breadcrumb-text ul li {
    display:inline-block
}
.breadcrumb .breadcrumb-text ul li a {
    color:#fff;
    font-size:15px
}
.breadcrumb .breadcrumb-text ul li a:hover {
    color:#edecec
}
.breadcrumb .breadcrumb-text ul li i {
    color:#fff
}
.slicknav_menu {
    display:none
}
#scrollUp {
    bottom:20px;
    right:20px;
    padding:10px 20px;
    color:#fff;
    font-size:25px;
    width:45px;
    height:45px;
    text-align:center;
    line-height:45px;
    padding:0;
    border-radius:2px;
    box-shadow:0 0 3px #333;
    transform:rotate(-45deg);
    border-radius:100%
}
#scrollUp:hover {
    background:#6f6f6f;
    color:#fff
}
.color-plate {
    position:fixed;
    width:200px;
    background:#fff;
    z-index:9999;
    top:50%;
    margin-top:--100px;
    box-shadow:-3px 0 50px -2px rgba(0,0,0,.14);
    right:-200px;
    -moz-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    padding:20px
}
.color-plate.active {
    right:0
}
.color-plate .icon {
    position:absolute;
    left:-50px;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    top:0
}
.color-plate h2 {
    text-transform:capitalize;
    color:#000000b3;
    border-bottom:3px solid #3336;
    padding-bottom:10px;
    font-size:20px
}
.color-plate .color-head {
    margin-left:-10px
}
.color-plate span {
    width:40px;
    height:30px;
    display:inline-block;
    margin-top:10px;
    margin-left:10px
}
.color-plate span:hover {
    cursor:pointer
}
.color-plate span.color1 {
    background:#ed5409
}
.color-plate span.color2 {
    background:#ed1c24
}
.color-plate span.color3 {
    background:#16a085
}
.color-plate span.color4 {
    background:#ff9800
}
.color-plate span.color5 {
    background:#ff6853
}
.color-plate span.color6 {
    background:#82b440
}
.color-plate span.color7 {
    background:#36bfc4
}
.color-plate span.color8 {
    background:#4caf50
}
.color-plate span.color9 {
    background:#8e44ad
}
.color-plate span.color10 {
    background:#1dabb8
}
.header {
    background:#fff;
    z-index:999999
}
.header .header-inner.sticky {
    z-index:99999
}
.header .navbar-collapse {
    padding:0
}
.header .header-inner {
    z-index:999;
    height:80px;
    background:#f5f5f5;
    -webkit-box-shadow:0 0 5px #000;
    -moz-box-shadow:0 0 5px #000;
    box-shadow:0 0 5px #000
}
.header .logo {
    float:left;
    padding-top:-3px
}
.header .navbar {
    background:0 0;
    box-shadow:none;
    border:none;
    margin:0;
    height:0;
    min-height:0;
    float:right
}
.header .nav li {
    margin-right:12px;
    float:left
}
.header .nav li:last-child {
    margin:0
}
.header .nav li a {
    color:#333;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    padding:30px 10px;
    position:relative;
    display:inline-block
}
.header .nav li a i {
    margin-left:5px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.header .nav li:hover a i {
    transform:rotate(180deg)
}
.header #nav li:hover a {
    box-shadow:none;
    text-shadow:none;
    border:none
}
#header .nav li .dropdown {
    background:#fff;
    top:80px;
    width:220px;
    position:absolute;
    left:-15px;
    z-index:99;
    border-top:3px solid;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#header .nav li:hover .dropdown {
    opacity:1;
    visibility:visible;
    left:0
}
#header .nav li .dropdown li {
    float:none;
    margin:0
}
#header .nav li .dropdown li a {
    padding:10px 15px;
    color:#333;
    display:block
}
#header .nav li .dropdown li i {
    float:right
}
#header .nav li .dropdown li a:before {
    display:none
}
.header .sticky {
    position:fixed;
    width:100%;
    top:0;
    animation:fadeInDown .8s both 0s
}
#index_home {
    position:relative
}
#index_home .single-home {
    height:630px;
    background-size:cover;
    background-position:center
}
#index_home .single-home:before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:#000;
    opacity:.75
}
#index_home .single-home .text {
    margin-top:230px;
    text-align:center
}
#index_home .single-home h1 {
    color:#fff;
    font-size:60px;
    font-weight:600;
    line-height:75px;
    text-transform:capitalize
}
#index_home .single-home p {
    color:#fff;
    margin:0;
    font-weight:300;
    font-size:14px;
    padding:0
}
#index_home .button-head {
    text-align:center
}
#index_home .button {
    margin-top:55px;
    text-align:center;
    display:inline-block;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#index_home .button .btn::before {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#index_home .button:hover .btn::before {
    width:100%
}
#index_home .button .btn:after {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#index_home .button:hover .btn::after {
    height:100%
}
#index_home .button span::before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#index_home .button:hover span::before {
    width:100%
}
#index_home .button span::after {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#index_home .button:hover span::after {
    height:100%
}
#index_home .single-home #particles-js {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.hero-area.animate-text .cd-headline .cd-words-wrapper {
    padding:0;
    font-weight:400
}
.cd-words-wrapper {
    top:-13px
}
.cd-headline.clip .cd-words-wrapper::after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:2px;
    height:100%;
    background-color:#fff
}
#features {
}
#features .feature-left {
}
#features .feature-left img {
    height:368px;
    width:100%;
    margin-top:30px
}
#features .feature-right {
}
#features .single-right {
    position:relative;
    margin-top:30px
}
#features .single-right i {
    font-size:26px;
    position:absolute;
    left:50px;
    top:0;
    height:64px;
    width:64px;
    line-height:64px;
    border:1px solid #ddd;
    border-radius:100%;
    text-align:center;
    transition:all .4s ease
}
#features .single-right:hover i {
    transform:scale(1.1);
    border-color:transparent
}
#features .single-right .right-content {
    margin-left:133px
}
#features .single-right .right-content h3 {
    font-size:22px;
    color:#000;
    margin:0;
    padding:0
}
#features .single-right .right-content p {
    color:#989898
}
#index_service {
    background:#fff
}
#index_service .single-index_service {
    padding:20px;
    background:#f6f6f6;
    margin-top:30px;
    text-align:center;
    transition:all .6s ease;
    position:relative;
    box-shadow:0 0 7px #0003
}
#index_service .single-index_service i {
    font-size:32px;
    color:#fff;
    height:66px;
    width:66px;
    line-height:66px;
    border-radius:100%;
    transition:all .4s ease
}
#index_service .single-index_service h3::before {
    position:absolute;
    content:"";
    left:50%;
    top:27px;
    border:2px solid;
    height:54px;
    width:54px;
    border-radius:100%;
    margin-left:-27px;
    transition:all .4s ease
}
#index_service .single-index_service:hover h3::before {
    top:13px;
    height:80px;
    width:80px;
    margin-left:-40px
}
#index_service .single-index_service h3 {
    margin:20px 0;
    color:#5c5e5f
}
#index_service .single-index_service p {
    color:#9f9f9f
}

#index_course {
    background:#fff
}
#index_course .single-index_course {
    padding:20px;
    background:#f6f6f6;
    margin-top:30px;
    text-align:center;
    transition:all .6s ease;
    position:relative;
    box-shadow:0 0 7px #0003
}
#index_course .single-index_course i {
    font-size:32px;
    color:#fff;
    height:66px;
    width:66px;
    line-height:66px;
    border-radius:100%;
    transition:all .4s ease
}
#index_course .single-index_course h3::before {
    position:absolute;
    content:"";
    left:50%;
    top:27px;
    border:2px solid;
    height:54px;
    width:54px;
    border-radius:100%;
    margin-left:-27px;
    transition:all .4s ease
}
#index_course .single-index_course:hover h3::before {
    top:13px;
    height:80px;
    width:80px;
    margin-left:-40px
}
#index_course .single-index_course h3 {
    margin:20px 0;
    color:#5c5e5f
}
#index_course .single-index_course p {
    color:#9f9f9f
}

.latest-works {
}
.latest-works .works-menu {
    text-align:center;
    padding-top:10px;
    padding-bottom:80px
}
.latest-works .works-menu ul {
}
.latest-works .works-menu ul li {
    font-size:15px;
    color:#888;
    display:inline-block;
    margin-right:35px
}
.latest-works .works-menu ul li:hover:before,.latest-works .works-menu ul li.active:before {
    left:50%;
    opacity:1;
    visibility:visible
}
.latest-works .works-menu ul li:hover,.latest-works .works-menu ul li.active {
    cursor:pointer
}
.latest-works .works-menu ul li:last-child {
    margin:0
}
.latest-works .single-work {
    position:relative;
    margin-bottom:30px;
    overflow:hidden
}
.latest-works .single-work:before {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    content:"";
    background:#000;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    z-index:99
}
.latest-works .single-work:hover:before {
    opacity:.8;
    visibility:visible
}
.latest-works .single-work img {
    width:100%;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .single-work:hover img {
    transform:scale(1.1);
    z-index:-2
}
.latest-works .single-work .works-hover {
    text-align:center;
    position:absolute;
    top:-130px;
    left:0;
    width:100%;
    height:100%;
    padding:30px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    z-index:999
}
.latest-works .single-work:hover .works-hover {
    top:50px
}
.latest-works .single-work:hover .works-hover {
    opacity:1;
    visibility:visible
}
.latest-works .single-work .works-hover h4 {
    color:#fff;
    font-size:18px;
    margin-bottom:20px
}
.latest-works .single-work .works-hover a {
    margin-right:10px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .single-work .works-hover a i {
    color:#fff;
    font-size:25px;
    border:1px solid #fff;
    padding:5px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .button-head {
    text-align:center
}
.latest-works .button {
    margin-top:55px;
    text-align:center;
    display:inline-block;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .button .btn {
    color:#333333b3
}
.latest-works .button .btn::before {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    background:#333333b3;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .button:hover .btn::before {
    width:100%
}
.latest-works .button .btn:after {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    background:#333333b3;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .button:hover .btn::after {
    height:100%
}
.latest-works .button span::before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    background:#333333b3;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .button:hover span::before {
    width:100%
}
.latest-works .button span::after {
    position:absolute;
    content:"";
    left:0;
    top:0;
    background:#333333b3;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.latest-works .button:hover span::after {
    height:100%
}
#single-pf {
    background:#fff
}
#single-pf .news-head {
    float:left;
    overflow:hidden;
    background:#f6f6f6
}
#single-pf .single-news {
    background:#f6f6f6;
    border:1px solid #eee;
    float:right;
    margin-bottom:40px
}
#single-pf .single-news img {
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    height:400px;
    width:500px
}
#single-pf .single-news img:hover {
    transform:scale(1.1)
}
#single-pf .single-news .news-body {
    padding:30px;
    margin-top:15px;
    position:relative;
    margin-left:500px;
    background:#f6f6f6
}
#single-pf .single-news .news-body h2 {
    font-size:18px;
    margin-top:-20px;
    text-transform:capitalize;
    margin-bottom:15px
}
#single-pf .single-news .news-body h2 a {
    text-decoration:none;
    color:#333333e6;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#single-pf .single-news .news-body h5 {
    color:#555;
    text-transform:capitalize
}
#single-pf .single-news .news-body span {
    display:block;
    color:#3339;
    margin:10px 0;
    text-transform:capitalize
}
#single-pf .single-news .news-body span i {
    color:#333c;
    margin-right:10px;
    font-size:16px
}
#single-pf .single-news .news-body span a:hover {
    color:#333c
}
#single-pf .single-news .news-body p {
    color:#999;
    margin-bottom:25px
}
#single-pf .single-news .news-body .btn {
    padding:0;
    margin-top:48px;
    font-size:15px;
    text-transform:uppercase
}
#single-pf .single-news .news-body .btn:hover {
    color:#999
}
#single-pf .single-news .news-body .btn i {
    margin-left:5px;
    font-size:16px
}
#single-pf .owl-nav {
    margin:0;
    position:absolute;
    top:0%;
    width:100%;
    margin-top:-50px;
    z-index:99999
}
#single-pf .owl-nav button {
    height:40px;
    width:100px;
    line-height:40px;
    background:#333;
    color:#fff;
    font-size:12px;
    position:absolute;
    margin:0;
    font-weight:600
}
#single-pf .owl-nav button:hover {
    color:#fff
}
#single-pf .owl-nav .owl-prev {
    left:0
}
#single-pf .owl-nav .owl-next {
    right:0
}
#testimonials {
    background-image:url('');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative
}
#testimonials .bg:before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:#000;
    opacity:.8
}
#testimonials .single-testimonial {
    padding:0 185px;
    text-align:center;
    position:relative
}
#testimonials .single-testimonial img {
    height:65px;
    width:65px;
    border-radius:100%;
    border:3px solid #fff;
    margin-bottom:10px;
    position:absolute;
    left:50%;
    top:-70px;
    margin-left:-34px
}
#testimonials .single-testimonial h2 {
    color:#fff;
    font-size:33px;
    margin-bottom:10px;
    margin-top:70px;
    font-weight:400
}
#testimonials .single-testimonial p {
    color:#c8c7c7;
    font-size:14px;
    text-transform:capitalize;
    position:relative;
    font-weight:300
}
#testimonials .single-testimonial p i {
    margin-right:10px;
    font-size:16px
}
#testimonials .single-testimonial p .fa {
    margin:0 10px
}
#testimonials .single-testimonial span {
    margin-top:15px;
    color:#c8c7c7;
    font-size:14px;
    display:block
}
#testimonials .owl-dots {
    z-index:333;
    left:50%;
    width:100%;
    text-align:center;
    margin-top:30px
}
#testimonials .owl-dots button {
    width:15px;
    height:8px;
    background:#fff;
    margin-right:5px;
    border:1px solid transparent
}
#testimonials .owl-dots button.active {
    background:0 0;
    border-color:#fff
}
#testimonials .owl-dots button span {
}
#blog {
}
#blog .single-news {
    background:#faf9f9;
    border:1px solid #eee
}
#blog .single-news img {
    width:100%;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog .single-news {
    position:relative
}
#blog .single-news .news-body {
    padding:30px;
    margin-top:15px
}
#blog .single-news .news-body .date {
    color:#fff;
    position:absolute;
    left:0;
    top:272px;
    padding:8px;
    font-size:17px
}
#blog .single-news .news-body .date span {
    display:block;
    color:#fff;
    text-transform:uppercase;
    padding:0;
    margin:0
}
#blog .single-news .news-body .title {
    margin-left:40px;
    margin-top:-13px
}
#blog .single-news .news-body .title span {
    display:inline-block
}
#blog .single-news .news-body .title .user {
    font-size:14px;
    text-transform:capitalize
}
#blog .single-news .news-body .title .user i {
    font-size:14px;
    margin-right:5px
}
#blog .single-news .news-body .title .comment {
    font-size:14px;
    margin-left:10px;
    text-transform:capitalize
}
#blog .single-news .news-body .title .comment i {
    margin-right:5px
}
#blog .single-news .news-body h2 {
    font-size:18px;
    margin-left:40px;
    margin-top:-20px;
    text-transform:capitalize
}
#blog .single-news .news-body h2 a {
    text-decoration:none;
    color:#333333e6;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog .single-news .news-body span {
    display:block;
    color:#bbb;
    margin:20px 0
}
#blog .single-news .news-body p {
    color:#999;
    margin-bottom:25px
}
#blog .single-news .news-body .btn {
    padding:0
}
#blog .single-news .news-body .btn:hover {
    color:#999
}
#blog .single-news .news-body .btn i {
    margin-left:5px
}
#blog .button-head {
    text-align:center
}
#blog .button {
    margin-top:55px;
    text-align:center;
    display:inline-block;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog .button .btn {
    color:#333333b3
}
#blog .button .btn::before {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    background:#333333b3;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog .button:hover .btn::before {
    width:100%
}
#blog .button .btn:after {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    background:#333333b3;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog .button:hover .btn::after {
    height:100%
}
#blog .button span::before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    background:#333333b3;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog .button:hover span::before {
    width:100%
}
#blog .button span::after {
    position:absolute;
    content:"";
    left:0;
    top:0;
    background:#333333b3;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog .button:hover span::after {
    height:100%
}
#blog-single {
}
#blog-single .single-news {
    background:#faf9f9;
    border:1px solid #eee;
    margin-bottom:40px
}
#blog-single .single-news img {
    width:100%;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog-single .single-news .news-body {
    padding:30px;
    margin-top:15px;
    position:relative
}
#blog-single .single-news .news-body .date {
    color:#fff;
    position:absolute;
    left:0;
    top:7px;
    padding:8px;
    font-size:17px
}
#blog-single .single-news .news-body .date span {
    display:block;
    color:#fff;
    text-transform:uppercase;
    padding:0;
    margin:0
}
#blog-single .single-news .news-body .title {
    margin-left:40px;
    margin-top:-13px
}
#blog-single .single-news .news-body .title span {
    display:inline-block
}
#blog-single .single-news .news-body .title .user {
    font-size:14px;
    text-transform:capitalize
}
#blog-single .single-news .news-body .title .user i {
    font-size:14px;
    margin-right:5px
}
#blog-single .single-news .news-body .title .comment {
    font-size:14px;
    margin-left:10px;
    text-transform:capitalize
}
#blog-single .single-news .news-body .title .comment i {
    margin-right:5px
}
#blog-single .single-news .news-body h2 {
    font-size:18px;
    margin-left:40px;
    margin-top:-20px;
    text-transform:capitalize
}
#blog-single .single-news .news-body h2 a {
    text-decoration:none;
    color:#333333e6;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#blog-single .single-news .news-body span {
    display:block;
    color:#bbb;
    margin:20px 0
}
#blog-single .single-news .news-body p {
    color:#999;
    margin-bottom:25px
}
#blog-single .single-news .news-body .btn {
    padding:0
}
#blog-single .single-news .news-body .btn:hover {
    color:#999
}
#blog-single .single-news .news-body .btn i {
    margin-left:5px
}
#blog-single .single-news .news-body .tags {
    margin-top:15px;
    font-size:18px;
    text-transform:capitalize;
    color:#666
}
#blog-single .single-news .news-body .tags li {
    display:inline-block;
    margin-left:5px;
    text-transform:capitalize
}
#blog-single .single-news .news-body .tags li a {
    font-size:15px;
    font-weight:300
}
#blog-single .single-news .news-body .tags li a:hover {
    color:#999
}
#blog-single .pagination-head {
    text-align:center
}
#blog-single .pagination {
    text-align:center
}
#blog-single .pagination ul {
    border:1px solid #666
}
#blog-single .pagination ul li {
    display:inline-block;
    border-right:1px solid #666
}
#blog-single .pagination ul li:last-child {
    border:none
}
#blog-single .pagination ul li a {
    color:#666;
    text-transform:capitalize;
    display:block;
    padding:10px 20px;
    font-weight:600
}
#blog-single .pagination ul li i {
    margin:0 5px
}
.fun-facts {
    text-align:center;
    margin-top:30px;
    background-image:url('');
    position:relative
}
.fun-facts .bf-color:before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:#000;
    opacity:.9
}
.fun-facts .single-fun {
    transition:all .4s ease;
    padding:28px;
    background:#ffffff4d;
    text-align:center
}
.fun-facts .single-fun i {
    font-size:52px;
    color:#fff;
    display:block;
    margin-bottom:14px;
    line-height:80px
}
.fun-facts .single-fun span {
    color:#fff;
    font-weight:600;
    font-size:30px
}
.fun-facts .single-fun p {
    color:#fff;
    font-size:15px
}
#index_member {
}
#index_member .single-index_member {
    margin-top:30px;
    overflow:hidden;
    box-shadow:0 0 10px #0000001a;
    padding:10px
}
#index_member .index_member-head {
    position:relative
}
#index_member .index_member-head:before {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    visibility:hidden;
    content:"";
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#index_member .single-index_member:hover .index_member-head:before {
    opacity:.8;
    visibility:visible
}
#index_member .index_member-head {
    position:relative;
    overflow:hidden
}
#index_member .index_member-head img {
    width:100%
}
#index_member .index_member-hover {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    padding:65px 15px;
    text-align:center;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#index_member .single-index_member:hover .index_member-hover {
    opacity:1;
    visibility:visible
}
#index_member .index_member-hover .social {
    margin-top:-105px
}
#index_member .index_member-hover .social li {
    margin-right:8px;
    margin-left:-66px;
    transition:all .4s ease;
    display:inline-block;
    margin-top:168px
}
#index_member .single-index_member:hover .social li {
    margin-left:0
}
#index_member .index_member-hover .social li a {
    color:#503723;
    background:#fff;
    width:30px;
    height:30px;
    line-height:30px;
    display:block
}
#index_member .index_member-hover .social li a:hover {
    color:#fff
}
#index_member .t-name {
    margin-top:25px;
    text-align:center
}
#index_member .t-name h4 {
    font-size:21px;
    text-transform:capitalize
}
#index_member .t-name h4 span {
    display:block;
    font-weight:400;
    margin-top:10px;
    color:#888;
    font-size:14px
}
.p-table4 {
    background:#f0eded
}
.p-table4 .single-table {
    text-align:center;
    box-shadow:0 0 7px #0003;
    background:#fff;
    overflow:hidden;
    transition:all .4s ease;
    margin-top:85px
}
.p-table4 .table-head {
}
.p-table4 .table-head .title-head {
}
.p-table4 .table-head h2.medium {
    color:#000428
}
.p-table4 .table-head h2 {
    background-color:#000428;
    color:#fff;
    padding:40px 0;
    text-transform:uppercase
}
.p-table4 .table-head .price {
    background-color:#000428;
    top:52px;
    padding-bottom:135px
}
.p-table4 .table-head .amount {
    color:#fff;
    font-size:42px;
    font-weight:600;
    border-radius:100%;
    border:1px solid;
    height:140px;
    width:140px;
    line-height:140px;
    -webkit-transition:all 2s ease;
    -moz-transition:all 2s ease;
    transition:all 2s ease;
    position:absolute;
    top:173px;
    left:50%;
    margin-left:-70px
}
.p-table4 .single-table:hover .table-head .price .amount {
    transform:scale(1.03)
}
.p-table4 .table-head .price .amount span {
    font-weight:300
}
.p-table4 .single-table .table-list {
}
.p-table4 .single-table .table-list {
}
.p-table4 .single-table .table-list li {
    padding:10px 0;
    color:#727272;
    border-bottom:1px solid #ebebeb
}
.p-table4 .single-table .table-list i {
    margin-right:5px
}
.p-table4 .button-head {
    text-align:center
}
.p-table4 .button {
    margin:20px 0;
    text-align:center;
    display:inline-block;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.p-table4 .button .btn {
    text-transform:capitalize
}
.p-table4 .button .btn i {
    margin-right:10px
}
.p-table4 .button .btn::before {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:2px;
    width:0;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.p-table4 .button:hover .btn::before {
    width:100%
}
.p-table4 .button .btn:after {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:100%;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.p-table4 .button span::before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:2px;
    width:0;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.p-table4 .button:hover span::before {
    width:100%
}
.p-table4 .button span::after {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.error {
    background:#fff
}
.error .error-inner {
    text-align:center;
    padding:0 280px;
    position:relative
}
.error .error-inner .wrong {
    position:absolute;
    left:409px;
    top:195px;
    height:40px;
    width:40px
}
.error .error-left {
    margin-top:50px
}
.error .error-left p {
    color:#333;
    font-size:21px
}
.error .error-left p span {
    font-weight:700;
    font-size:35px;
    margin-right:5px
}
.error .error-left .p2 {
    color:#333;
    margin-top:20px;
    font-weight:600;
    font-size:15px
}
.error .error-left h2 {
    font-size:125px;
    font-weight:700
}
.error .error-left .button-head {
}
.error .error-left .button {
    margin-top:40px;
    text-align:center;
    display:inline-block;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.error .error-left .button .btn::before {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.error .error-left .button:hover .btn::before {
    width:100%
}
.error .error-left .button .btn:after {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.error .error-left .button:hover .btn::after {
    height:100%
}
.error .error-left .button span::before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.error .error-left .button:hover span::before {
    width:100%
}
.error .error-left .button span::after {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.error .error-left .button:hover span::after {
    height:100%
}
.error .error-left .btn i {
    margin-right:10px
}
.error .error-right {
}
.error .error-right img {
}
.mail-success {
}
.mail-success .mail-head {
    text-align:center
}
.mail-success .mail-head h2 {
    font-weight:600;
    margin-top:10px
}
.mail-success .mail-head h2 span img {
    height:50px;
    width:50px;
    margin-right:12px;
    margin-top:-8px
}
.mail-success .mail-head img {
    height:150px;
    width:150px
}
.mail-success .mail-head .btn i {
    margin-right:10px
}
.mail-success .mail-head .button {
    margin-top:40px;
    text-align:center;
    display:inline-block;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.mail-success .mail-head .button .btn::before {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.mail-success .mail-head .button:hover .btn::before {
    width:100%
}
.mail-success .mail-head .button .btn:after {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.mail-success .mail-head .button:hover .btn::after {
    height:100%
}
.mail-success .mail-head .button span::before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:2px;
    width:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.mail-success .mail-head .button:hover span::before {
    width:100%
}
.mail-success .mail-head .button span::after {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:30px;
    width:2px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.mail-success .mail-head .button:hover span::after {
    height:100%
}
#gmap {
    background:#333
}
#gmap #map {
    width:100%;
    height:400px
}
.skill {
}
.skill h2 {
    font-size:25px;
    margin-bottom:20px
}
.skill p {
    margin-bottom:10px
}
.skill .button .btn {
    color:#fff
}
.skill .button .btn {
    background:#ed1c24
}
.skill .button .btn:hover {
    background:#333
}
.skill .progress .progress-bar {
    background:#ed1c24
}
.skill .skill-title h4 {
    font-size:16px;
    margin-bottom:15px;
    text-transform:capitalize;
    font-weight:600
}
.skill .progress {
    overflow:visible;
    border-radius:0 5px 5px 0;
    box-shadow:none;
    background:#fff;
    height:5px
}
.skill .progress .progress-bar {
    position:relative
}
.skill .progress .progress-bar span {
    position:absolute;
    right:20px;
    top:-36px;
    color:#666;
    font-weight:500;
    font-size:14px
}
.skill .progress .progress-bar span::before {
    position:absolute;
    bottom:-25px;
    left:50%;
    content:"";
    margin-left:-10px;
    border:7px solid #ed1c24;
    border-radius:100%
}
#contact {
    position:relative
}
#contact .contact-left {
    background:#fff;
    padding:30px;
    position:relative;
    top:52px;
    left:90px;
    z-index:99;
    box-shadow:-10px 10px 10px #0000004d
}
#contact .contact-left h3 {
    color:#333;
    border-bottom:1px solid
}
#contact .contact-left p {
    color:#9f9f9f;
    margin-top:10px
}
#contact .contact-left .p1 {
    margin-top:22px;
    margin-left:10px
}
#contact .contact-left .p1::before {
    position:absolute;
    content:"";
    left:31px;
    top:82px;
    height:75px;
    width:2px
}
#contact .contact-right {
    padding:60px 30px 60px 90px
}
#contact .contact-right::before {
    position:absolute;
    content:"";
    right:15px;
    t