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

    Template Name: BuzPro – Corporate HTML Template 
    Description: This is html5 template
    Author: devitems
    Version: 1.0.1

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Template default css (css/shortcode/default.css)
    2. Header css (css/shortcode/header.css)
    3. Menu css (css/shortcode/menu.css)
    4. Slider css (css/shortcode/slider.css)
    5. Footer css (css/shortcode/footer.css)
    6. Google font
	7. Features service
	8. Welcome video our nursery
	9. Section titel css
	10. Our services
	11. Our projects
	12. Our blog
	13. Funfact
	14. Our client say
	15. Keep in touch with us
	16. Meet our team
	17. Frequently ask question
	18. Breadcamp area
	19. About us page
	20. Contact us page
	21. Blog details page
	22. Error 404 page	
	23. ScrollUp	
	24. Pricing table
-----------------------------------------------------------------------------------*/


/*==========================
	6. Google font
============================*/

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Raleway:100,200,300,400,500,600,700,800,900');

/*==========================
	7. Features service
============================*/

.features-service-single {
    display: block;
}

.service-single.mb-30 {
    border: 1px solid #f1f1f1;
    padding: 50px 0;
    transition: all 0.3s ease 0s;
}

.fes-ser-titel span i {
    color: #c12524;
    ;
    font-size: 40px;
    margin-bottom: 5px;
}

.fes-ser-titel h4 {
    color: #5e5e5e;
    font-weight: 600;
    margin: 0;
}

.fes-ser-hover {
    background: #c12524;
    none repeat scroll 0 0;
    display: block;
    left: 0;
    opacity: 1;
    padding: 45px 30px;
    transition: all 0.3s ease 0s;
    z-index: 999;
}

.hvr-icon h4 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: capitalize;
}

.hvr-icon i {
    color: #fff;
    font-size: 36px;
    margin-bottom: 20px;
}

.hvr-icon p {
    color: #fff;
    margin: 0;
}


/*================================
	8. Welcome video our nursery 
==================================*/

.welcome-video {
    display: block;
    position: relative;
}

.popup-youtube {
    color: #fff;
    font-size: 60px;
    height: 70px;
    left: 0;
    line-height: 70px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 44%;
    width: 70px;
    transition: .3s;
}

.welcome-video-area .container-fluid,
.funfact-area .container-fluid
/* ,.frequently-area .container-fluid */

{
    padding: 0;
}

.welcome-video,
.welcome-text {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 273px 0;
    width: 50%;
}

.welcome-text {
    display: block;
    overflow: hidden;
    padding: 95px 350px 100px 55px;
}

.welcome-content h2 {
    color: #474747;
    font-weight: 600;
    margin: 0 0 20px;
}

.welcome-content>p {
    margin: 0;
}

.welcome-content>a {
    border: 1px solid #1293d4;
    color: #1293d4;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 36px;
    padding: 7px 35px;
    transition: all 0.4s ease 0s;
}

.welcome-content>a:hover {
    color: #fff;
    border-color: #1293d4;
    background-color: #1293d4;
}


/*================================
	9. Section titel css
==================================*/

.section-titel {
    display: block;
    padding-bottom: 4px;
    position: relative;
}

.section-titel>h3 {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
}

.section-titel::after {
    background: #ddd none repeat scroll 0 0;
    bottom: -12px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 145px;
}

.section-titel::before {
    background-color: #fff;
    bottom: -36px;
    color: #1293d4;
    content: "\f192";
    font-family: fontawesome;
    font-size: 20px;
    font-weight: 700;
    height: 30px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 40px;
    width: 30px;
    z-index: 999;
}

.section-titel.style-two::after {
    background: #ddd none repeat scroll 0 0;
}

.section-titel.style-two::before {
    background-color: #f1f1f1;
}


/*================================
	10. Our services
==================================*/

.service-img {
    float: left;
    margin-top: 33px;
}

.servce-cntnt {
    display: block;
    overflow: hidden;
}

.servce-cntnt>i {
    font-size: 30px;
    color: #1293d4;
    transition: all 0.3s ease 0s;
}

.servce-cntnt>h5 {
    margin-top: 25px;
    text-transform: capitalize;
}

.servce-cntnt>h5 a {
    transition: all 0.3s ease 0s;
}

.servce-cntnt>h5 a:hover {
    color: #474747;
}

.service-single ul li {
    margin-bottom: 35px;
}

.service-single ul li:last-child {
    margin: 0
}

.our-service-right .service-img {
    float: right;
    margin-top: 33px;
}

.our-service-right .servce-cntnt {
    display: block;
    margin-left: 0;
    margin-right: 65px;
    overflow: hidden;
}

.single-project {
    margin-bottom: 30px;
}

.service-single:hover {
    background-color: #1293d4;
}

.servce-cntnt>p {
    transition: all .3s ease 0s;
}

.service-single:hover .servce-cntnt>i,
.service-single:hover .servce-cntnt>h5,
.service-single:hover .servce-cntnt>p {
    color: #fff;
}


/*================================
	11. Our projects
==================================*/

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

.titel-venobox {
    background: #1293d4 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    height: 0px;
    opacity: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 100%;
}

.image-box:hover .titel-venobox {
    opacity: 1;
    visibility: visible;
    height: 80px;
}

.titel-venobox .venobox {
    left: 0;
    position: absolute;
    right: 0;
    top: -20px;
}

.titel-venobox a i {
    background: #1293d4 none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 4px -1px #111;
    color: #fff;
    display: block;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    width: 40px;
}

.titel-venobox>span {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 35px 0 0;
}

.titel-venobox>span a {
    color: #fff;
    transition: .3s;
}

.titel-venobox>span a:hover {
    color: #474747;
}


/*================================
	12. Our blog
==================================*/

.blog-content {
    margin-top: 28px;
}

.blog-content>h6 {
    color: #5e5e5e;
    font-weight: 600;
    margin: 0;
}

.blog-post-info span::after {
    content: "/";
    margin-left: 5px;
    margin-right: 5px;
}

.blog-post-info span:last-child::after {
    content: "";
    margin-left: 0;
}

.blog-post-info>span {
    color: #969696;
    font-family: lato;
    font-size: 13px;
    transition: all 0.4s ease 0s;
}

.blog-post-info a:hover,
.blog-content>a:hover {
    color: #1293d4;
}

.blog-content>a {
    color: #616161;
    font-family: lato;
    font-size: 12px;
    font-weight: 700;
    transition: .3s;
}

.blog-post-info {
    padding: 15px 0 10px;
}


/*================================
	13. Funfact
==================================*/

.funfact-single {
    float: left;
    width: 25%;
}

.funfact-count h3 {
    color: #474747;
    font-family: lato;
    font-weight: 400;
    margin: 15px 0;
}

.funfact-count h5 {
    color: #474747;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.funfact-img {
    font-size: 35px;
}


/*================================
	14. Our client say
==================================*/

.client-single-box {
    margin-top: 58px;
}

.client-say-text {
    padding: 80px 70px 40px;
}

.client-img {
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 105px;
}

.client-rating-box i {
    color: #666666;
    cursor: pointer;
    font-size: 18px;
    margin-right: 4px;
}

.client-say-text>p {
    color: #616161;
    font-family: lato;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
}


/*Owl Css*/

.client-area .owl-theme .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #fff none repeat scroll 0 0;
    border: 2px solid #1293d4;
    border-radius: 30px;
    display: block;
    height: 12px;
    margin: 0 5px;
    transition: opacity 0.2s ease 0s;
    width: 12px;
}

.client-area .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1293d4 none repeat scroll 0 0;
    border: medium none;
    height: 13px;
    width: 13px;
}

.client-area .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 60px;
}

.client-area .owl-item {
    opacity: 0.4;
}

.client-area .owl-item.active {
    opacity: 1;
}


/*================================
	15. Keep in touch with us
==================================*/

.keep-it-contact h3 {
    color: #fff;
    font-weight: 600;
    margin: 0 0 28px;
}

.keep-contact-btn a {
    background: #fff none repeat scroll 0 0;
    color: #1293d4;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 42px;
    transition: .3s;
}

.keep-contact-btn a:hover {
    background: #1293d4;
    color: #fff;
}


/*================================
	16. Meet our team
==================================*/

.team-img {
    display: block;
    position: relative;
}

.team-hover {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.4s ease 0s;
}

.team-single:hover .team-hover {
    opacity: 1;
}

.team-hover ul {
    bottom: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
}

.team-single:hover .team-hover ul {
    opacity: 1;
    visibility: visible;
}

.team-hover ul li a {
    border: 1px solid #1293d4;
    border-radius: 100px;
    color: #1293d4;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0 6px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
}

.team-hover ul li a:hover {
    color: #fff;
    background: #1293d4
}

.team-info h5 {
    color: #535353;
    font-weight: 500;
    margin: 0 0 4px;
}

.team-info span {
    color: #616161;
    font-family: lato;
    font-size: 14px;
}

.team-area-page .team-single {
    margin-bottom: 40px;
}


/*================================
	17. Frequently ask question
==================================*/


/* frequently right */

.frequently-left,
.frequently-right {
    padding: 95px 235px 80px;
}

.frequently-left,
.frequently-right {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 690px;
    overflow: hidden;
    width: 50%;
}

.frequently-titel>h2 {
    color: #fff;
    display: block;
    padding-bottom: 25px;
    position: relative;
    width: 500px;
}

.frequently-titel>h2::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 65px;
}

.frequently-titel>h2::before {
    bottom: -12px;
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    left: 75px;
    position: absolute;
}

.service-accordion .panel-default>.panel-heading {
    background: none;
}

.service-accordion .panel-heading {
    border-radius: 0;
    padding: 0;
}

.service-accordion .panel-group {
    margin: 0;
}

.service-accordion .panel-group .panel {
    border: medium none;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 0;
}

.service-accordion .panel-title>a {
    color: #616161;
    display: block;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-top: 16px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.service-accordion .panel-body {
    border: none !important;
    padding: 0 30px 10px;
}

.service-accordion .panel-title>a:hover {
    color: #1293d4;
}

.service-accordion .panel-title a.collapsed::before,
.service-accordion .panel-title a::before {
    content: "";
    font-family: material-design-iconic-font;
    font-size: 18px;
    font-weight: 400;
    left: 0;
    padding: 17px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    color: #1293d4;
}

.service-accordion .panel-title a:before {
    content: "\f273";
}

.service-accordion .panel-title>a:hover:before {
    color: #1293d4;
}

.service-accordion .panel-title>a:hover:after {
    color: #1293d4;
}


/* frequently right */

.frequently-right .frequently-titel>h2 {
    color: #474747;
}

.frequently-right .frequently-titel>h2::before {
    color: #1293d4;
}

.frequently-right .frequently-titel>h2::after {
    background: #bab9b9 none repeat scroll 0 0;
}

.form-group,
.form-single {
    margin-bottom: 25px;
}

.form-control {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    color: #555555;
    font-family: lato;
    font-size: 14px;
    height: 45px;
    padding: 10px 20px;
    transition: all 0.3s ease 0s;
}

.form-control:focus {
    border: 1px solid #1293d4;
}

.form-button .contact-submit {
    background: #1293d4 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-family: raleway;
    font-size: 16px;
    font-weight: 700;
    height: 45px;
    line-height: 46px;
    margin-top: 10px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.form-button .contact-submit:hover {
    background: #fff;
    color: #1293d4;
}

.testi-signal.item {
    border: 1px solid #ddd;
    padding: 20px 30px;
    transition: all 0.3s ease 0s;
}

.testi-signal.item:hover {
    border: 1px solid #1293d4;
}


/*================================
	18. Breadcamp area
==================================*/

.breadcamb-area {
    box-shadow: 15px 2px 3px 0 #ddd;
}

.bradcamb-content h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

.bradcamb-content ul li {
    color: #1293d4;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.bradcamb-content ul li a {
    color: #fff;
    font-size: 14px;
}

.bradcamb-content ul li i,
.top-titel ul li span {
    display: inline-block;
    padding: 0 6px 0 8px;
}

.bradcamb-content a span {
    padding: 0 8px 0 10px;
}


/*================================
	19. About us page
==================================*/

.abt-text p.peragraph-mrg {
    margin: 15px 0;
}

.about-us-left.text-center>h6 {
    color: #666666;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-us-left h3 {
    color: #5e5e5e;
    font-size: 26px;
    margin: 0 0 20px;
}

.abt-text>p {
    margin: 0;
}

.abt-btn>a {
    border: 1px solid #1293d4;
    border-radius: 100px;
    color: #1293d4;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 35px;
    line-height: 33px;
    margin: 35px auto 0;
    overflow: hidden;
    width: 150px;
}

.about-us-left {
    margin-top: 36px;
}


/* Skill Progress */

.skill {
    padding-right: 40px;
    padding-top: 16px;
}

.skill-titel>h4 {
    color: #383838;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
}

.skill-content {
    overflow: hidden;
    padding-top: 43px;
}

.skill .progress-bar {
    background-color: #1293d4;
    box-shadow: none;
    position: relative;
}

.skill .progress .lead {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    position: absolute;
    top: -28px;
    width: 100%;
    z-index: 99;
}

.skill .progress .lead span {
    color: #767676;
    float: right;
    font-family: lato;
    font-size: 14px;
    text-align: right;
}

.skill .progress {
    background-color: #eeeeee;
    border-radius: 0;
    box-shadow: none;
    height: 10px;
    margin-bottom: 62px;
    overflow: visible;
    position: relative;
}

.skill .progress-bar::after {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #1293d4;
    border-radius: 30px;
    content: "";
    height: 25px;
    position: absolute;
    right: -5px;
    top: -8px;
    width: 25px;
}

.skill .progress-bar>span {
    color: #767676;
    float: right;
    font-family: lato;
    font-size: 14px;
    margin-top: -25px;
    position: relative;
}

.skill .progress:last-child {
    margin-bottom: 8px;
}

.single-skill {
    float: left;
    width: 50%;
}

.skill-titel p {
    margin-bottom: 0;
    margin-top: -29%;
}


/*================================
	20. Contact us page
==================================*/

#map {
    width: 100%;
    height: 565px;
}

.contact-address-from {
    padding: 100px 200px 100px 100px;
}

.contact-address-from .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.contact-address-from .form-control {
    border: 1px solid #fff;
    color: #fff;
}

.contact-address-from .form-group,
.form-single {
    margin-bottom: 20px;
}

.contact-address-from .form-button .contact-submit {
    background: #fff none repeat scroll 0 0;
    color: #1293d4;
    margin-top: 40px;
    transition: .4s;
}

.contact-address-from .form-button .contact-submit:hover {
    background: #1293d4;
    color: #fff;
}


/* Adress left */

.address-info ul li {
    font-weight: 300;
    margin-bottom: 20px;
    width: 100%;
}

.address-info ul li i {
    border: 1px solid #1293d4;
    border-radius: 100px;
    color: #1293d4;
    float: left;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
    text-align: center;
    width: 40px;
    margin-top: 5px;
    transition: .3s;
}

.address-info ul li:hover i {
    color: #fff;
    background: #1293d4;
}

.address-info p {
    color: #616161;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
}

.contact-address {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px 3px 2px 2px #ddd;
    padding: 90px 80px;
}


/* social icons */

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

ul.social-network li {
    display: inline;
    margin: 0 5px;
}

.social-network a.icoRss {
    background-color: #F56505;
}

.social-network a.icoFacebook {
    background-color: #3B5998;
}

.social-network a.icoTwitter {
    background-color: #33ccff;
}

.social-network a.icoGoogle {
    background-color: #BD3518;
}

.social-network a.icoVimeo {
    background-color: #0590B8;
}

.social-network a.icoLinkedin {
    background-color: #007bb7;
}

.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i {
    color: #fff;
}

a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    margin: 0 8px 0 auto;
    position: relative;
    text-align: center;
    width: 30px;
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-network.social-circle>h4 {
    color: #4d4d4d;
    margin: 0 0 15px;
    text-align: center;
}

.main-contact-address {
    display: block;
    position: relative;
}

.contact-address-from {
    float: left;
    padding: 100px 200px 100px 100px;
    position: relative;
    width: 67%;
}

.contact-address {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px 0 #ddd;
    float: right;
    padding: 100px 90px;
    position: absolute;
    right: 100px;
    top: 90px;
    width: 33%;
}


/*================================
	21. Blog details page
==================================*/

.blog-details-content .top-titel>h6 {
    color: #5e5e5e;
    font-family: lato;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.text-content a {
    color: #1293d4;
}

.text-content-img {
    display: block;
    overflow: hidden;
}

.text-single {
    float: left;
    padding-right: 28px;
    width: 60%;
}

.text-img-left {
    float: right;
    width: 40%;
}

.blog-details-left .social-network {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: 23px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.deatils-titel h5 {
    font-size: 20px;
    text-transform: uppercase;
}

.comment-content {
    display: block;
    overflow: hidden;
}

.comment-single-box {
    margin-top: 45px;
}

.comment-single-box.two {
    margin-left: 115px;
    margin-top: 25px;
}

.comment-author {
    margin-bottom: 10px;
}

.comment-pic {
    display: inline-block;
    float: left;
    margin-right: 25px;
    overflow: hidden;
}

.comment-author>h6 {
    margin: 0 0 3px;
}

.comment-author ul li {
    color: #969696;
    font-family: lato;
    font-size: 12px;
}

.mail-reply>a {
    color: #1293d4;
    font-size: 25px;
}

.comment-dis>p {
    margin: 0 0 4px;
}

.blog-details-left .contact-form-area .form-single {
    margin-bottom: 25px;
}

.blog-details-left .form-button .contact-submit {
    margin-top: 25px;
}

.blog-details-left .form-button .contact-submit:hover {
    background: #000;
    color: #fff;
}

.form-messege {
    margin: 0;
}


/* Blog Detials Left */

.single-widget.search-news input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #f1f1f1;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 2px;
    box-shadow: none;
    color: #555555;
    font-size: 14px;
    height: 45px;
    padding: 0 0 0 15px;
    position: relative;
    width: 100%;
}

.single-widget .search-button {
    background: #1293d4 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 45px;
    line-height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
}

.deatils-titel h5 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}

.deatils-titel h5::after {
    background: #1293d4 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.category-list ul li {
    color: #616161;
    font-family: lato;
    padding-bottom: 10px;
    width: 100%;
}

.category-list ul li:last-child {
    padding: 0;
}

.category-list ul li i {
    color: #1293d4;
    font-size: 8px;
    margin-right: 8px;
    overflow: hidden;
}

.category-list ul li span {
    float: right;
}

.ltst-pst-img {
    float: left;
    margin-right: 15px;
}

.ltst-pst-cntnt,
.latest-post-single {
    display: block;
    overflow: hidden;
}

.ltst-pst-cntnt>p {
    margin: 0;
}

.ltst-pst-cntnt>p a {
    color: #616161;
    font-family: raleway;
    font-weight: 500;
}

.ltst-pst-cntnt>p a:hover {
    color: #1293d4;
}

.latest-post-list .blog-post-info {
    padding: 0;
}

.service-box ul li {
    margin-bottom: 15px;
    margin-right: 13px;
}

.service-box ul li:nth-child(3),
.service-box ul li:nth-child(6) {
    margin-right: 0;
}

.tag-list ul li a {
    border: 1px solid #ddd;
    color: #616161;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 8px 19px;
}

.tag-list ul li a:hover {
    color: #1293d4;
}

.tag-list ul li:nth-child(2) a,
.tag-list ul li:nth-child(4) a {
    margin-right: 0;
}


/*================================
	22. Error 404 page
==================================*/

.notfound-content h1 {
    font-size: 180px;
    font-weight: 600;
}

.notfound-content h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 50px;
}

.notfound-content h4 {
    font-size: 30px;
    margin: 0 0 10px;
}

.notfound-content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 48px;
    padding: 0 30%;
}

.notfound-content a.back-to {
    background: #1293d4 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 35px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.notfound-content a.back-to:hover {
    background: #555555 none repeat scroll 0 0;
}


/*================================
	23. ScrollUp
==================================*/

#scrollUp {
    background: #c12524 none repeat scroll 0 0;
    border-radius: 0px;
    bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 28px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 200;
}

#scrollUp:hover {
    background: #555555;
}


/*----- 24. Pricing table  ------*/

.single-pricing {
    margin: 0 -6px;
    overflow: hidden;
    padding: 6px;
}

.single-pricing-wraper {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 80px 0;
    position: relative;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.pricing-top {
    display: block;
    overflow: hidden;
    padding-top: 9px;
}

.pricing-top .label::before {
    border-bottom: 6px solid #383838;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -4px;
    content: "";
    height: 0;
    position: absolute;
    right: -3px;
    transform: rotate(45deg);
    width: 0;
}

.pricing-top .label::after {
    border-bottom: 6px solid transparent;
    border-right: 7px solid #383838;
    border-top: 6px solid transparent;
    bottom: -6px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    transform: rotate(45deg);
    width: 0;
}

.pricing-top .label.none-price {
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.pricing-top .label {
    background-color: #383838;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 49px;
    left: -6px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    top: 113px;
    transform: rotate(-45deg);
    transform-origin: left bottom 0;
    transition: all 0.3s ease 0s;
    width: 237px;
}

.pricing-top p {
    color: #666;
    font-size: 55px;
    font-weight: normal;
}

.active2.pricing-top p {
    color: #fff;
}

.pricing-top p span {
    font-size: 20px;
    font-weight: bold;
    padding-right: 4px;
    position: relative;
    top: -21px;
}

.single-pricing:hover .pricing-top .label.none-price {
    opacity: 1;
}

.pricing-tex>ul {
    padding: 35px 0;
}

.pricing-tex li {
    color: #757575;
    display: block;
    font-size: 16px;
    padding-bottom: 17px;
    text-transform: capitalize;
}

.active2 .pricing-tex li,
.active2 .pricing-top>span,
.active2 .pricing-top p {
    color: #fff;
}

.price-btn a {
    background-color: #262626;
    border: 1px solid #262626;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 45px 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.price-btn a:hover {
    background-color: #666;
    border: 1px solid #666;
}

.single-pricing.price2 {
    transition: all .3s ease 0s;
}

.single-pricing.price2:hover .single-pricing-wraper,
.single-pricing.active2 .single-pricing-wraper {
    background-color: #1293d4;
}

.single-pricing.price2:hover .pricing-tex li,
.single-pricing.price2:hover .pricing-top>span,
.single-pricing.price2:hover .pricing-top p {
    color: #fff;
}

.pricing .price-btn a:hover {
    background-color: #fff;
    border: 1px solid #262626;
    color: #262626;
}

.about-us-right>img {
    width: 100%;
}

.mfp-bg {
    z-index: 99999;
}