/*start my style */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Cairo', sans-serif;
}

input,
button,
a {
    outline: none !important;
}

a {
    text-decoration: none !important;
}

.top {
    height: 05px;
    background-color: #deeaf5
}


/*start navbar*/

.navbar-default {
    background-color: #0b44b3;
    border: none;
    padding-bottom: 12px;
    height: 240px;
    margin-bottom: 0;
    border-radius: 0;
}



    .navbar-default .navbar-brand img {
        width: 100%;
        margin-top: -15px
    }



    .navbar-default ul {
        /* margin-top: 38px; */
        margin-right: 40px;
        font-weight: 600;
        color: #1e1e1e;
		/*margin-left: 40px;*/	
    }




button.righ {
    background-color: #f16e7b;
    padding: 10px 20px;
    border: 2px solid #f16e7b;
    color: #fff;
    font-weight: 600;
    word-spacing: 2px;
    margin-top: -12px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    min-width: 150px
}

.navbar-nav > li > a.spec {
    padding-bottom: 30px !important;
}


button.righ:hover {
    background-color: transparent;
    color: #FFF
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff;
    color: #111;
    /* border-bottom: 2px solid #f16e7b; */
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
        background-color: transparent;
    }

.dropdown-menu > li > a {
    padding: 8px 20px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
}
/*end navbar*/


/*start content*/

.content {
    position: relative
}

    .content .carousel-indicators li {
        background-color: #fff;
    }

        .content .carousel-indicators li.active {
            background-color: #f16e7b;
            border: 1px solid #f16e7b;
        }

    .content .item img {
        background-size: 100% 100%;
        width: 100%;
    }


    .content .box-info {
        position: absolute;
        margin-top: -530px;
        padding-left: 80px
    }


        .content .box-info h1:after {
            content: "";
            display: block;
            width: 80px;
            height: 2px;
            margin: 30px 0;
            background-color: #f16e7b;
            position: relative;
        }

        .content .box-info p {
            color: #555;
            line-height: 1.8
        }



        .content .box-info button {
            background-color: #f16e7b;
            padding: 10px 20px;
            border: 2px solid #f16e7b;
            color: #fff;
            font-weight: 600;
            word-spacing: 2px;
            margin-top: 5px;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            transition: all 0.6s ease-in-out
        }

            .content .box-info button:hover {
                background-color: transparent;
                color: #f16e7b
            }

@media (min-width:770px) {
    .navbar-nav > li > a {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}


/*end content*/


/*start content two*/

.content-two .container-fluid {
    padding-right: 0
}

.content-two img {
    width: 100%
}

.content-two .info-two {
    padding: 30px 0;
    margin-left: -15px
}



    .content-two .info-two h1:after {
        content: "";
        display: block;
        width: 80px;
        height: 2px;
        margin: 30px 0;
        background-color: #f16e7b;
        position: relative;
    }

    .content-two .info-two p.lead {
        color: #f16e7b;
        line-height: 1.8
    }

    .content-two .info-two button {
        background-color: #f16e7b;
        padding: 10px 20px;
        border: 2px solid #f16e7b;
        color: #fff;
        font-weight: 600;
        word-spacing: 2px;
        margin-top: 5px;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        margin-top: 30px
    }

        .content-two .info-two button:hover {
            background-color: transparent;
            color: #f16e7b
        }


/*end content two*/

.tabs {
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    padding: 40px 0
}




.slider ul {
    margin-bottom: 0
}

.slider li {
    padding: 10px 20px;
    font-weight: 600;
    color: #fff;
    min-height: 60px;
    cursor: pointer
}



.slider .all {
    background-color: #fff;
    padding-bottom: 30px;
    width: 103%;
    margin-right: -20px
}



.slider .one {
    background-color: #f26e7b;
}

.slider .two {
    background-color: #febf0f
}

.slider .three {
    background-color: #38a2ca;
    line-height: 30px
}

.slider .four {
    background-color: #33c49d
}

.slider .item img {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 35px
}

.slider .item .tabs-info {
    padding: 20px;
}

    .slider .item .tabs-info button {
        background-color: #f16e7b;
        padding: 10px 20px;
        border: 2px solid #f16e7b;
        color: #fff;
        font-weight: 600;
        word-spacing: 2px;
        margin-top: 20px;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out
    }

        .slider .item .tabs-info button:hover {
            background-color: transparent;
            color: #f16e7b
        }

    .slider .item .tabs-info p.lead {
        color: #f16e7b;
        line-height: 1.8
    }


/*end products*/


/*start gallery*/

.gallery {
    padding: 50px 0
}

    .gallery h1 {
        color: #f16e7b;
        font-size: 40px;
        margin-bottom: 60px
    }

    .gallery .works {
        margin-bottom: 50px;
        cursor: zoom-in;
        position: relative;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .gallery .works img {
            -webkit-box-shadow: 5px 5px 20px #ccc;
            -moz-box-shadow: 5px 5px 20px #ccc;
            -o-box-shadow: 5px 5px 20px #ccc;
            box-shadow: 5px 5px 20px #ccc;
        }

        .gallery .works .over {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            width: 78%;
            height: 100%;
            line-height: 240px;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            background-color: rgba(219, 30, 36, 0.5);
            display: none;
            margin-right: 43px
        }

        .gallery .works:hover .over {
            display: block;
        }


/*end gallery*/


/*start about us*/

.about-us {
    padding: 50px 0;
    color: #fff
}

    .about-us h1 {
        font-weight: bold;
        margin-bottom: 40px
    }

    .about-us p {
        margin-bottom: 40px;
        line-height: 1.7
    }

    .about-us h3 {
        margin-bottom: 30px;
        color: #eae8e8
    }

    .about-us .carousel-indicators {
        position: static;
        width: 100%;
        margin-left: auto
    }
/* 
.about-us .carousel-indicators li {
	text-indent: 0;
	width: 80px;
	height: 80px;
	opacity: 0.4;
	background: none;
	border: 1px solid #f16e7b;
	border-radius: 50%;
	overflow: hidden;
	margin: 3px;
}

.about-us .carousel-indicators li.active {
	opacity: 1;
} */


/*end about us*/


/*start map*/

.map iframe {
    width: 100%;
    height: 400px;
    border: none
}

.parallax_section8 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 80px 0px 80px 0px;
    background: #393939 url(../images/mapimg.png);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}

    .parallax_section8 h1 {
        color: #fff;
        font-size: 40px;
        font-weight: 300;
        margin-bottom: 59px;
    }

    .parallax_section8 a {
        color: #393939;
        text-transform: uppercase;
        background: #fff;
        font-size: 18px;
        border-radius: 0px;
        padding: 8px 27px;
        border: 1px solid #fff;
        transition: all 0.3s ease;
    }

        .parallax_section8 a:hover {
            color: #fff;
            border: 1px solid #fff;
            background: none;
        }

.fati3 {
    color: #fff;
    font-size: 45px;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    line-height: 100px;
    border-radius: 100%;
    text-align: center;
    margin-right: 12px;
    border: 1px solid #999;
    margin-bottom: 12px;
}

.parallax_section8 h1 strong {
    display: block;
    margin: 14px 0px;
}

/*end map*/
/* start home visit */
.home-visit {
    padding: 40px 0;
}

    .home-visit h2 {
        color: #000;
        font-weight: 600;
        margin-bottom: 40px;
    }
/* end home visit */


/*start footer*/

.footer {
    padding: 56px 0;
    background-color: #f5881d;
    color: #ffffff;
    border-top: 1px solid #f0f0f0;
}



    .footer .social a {
        color: #000;
        margin-left: 10px;
        font-weight: 600;
        text-align: center;
        background: #ccc;
        padding: 5px 10px;
        border-radius: 50%;
        font-size: 18px;
    }

    .footer .social .fa-facebook:hover {
        color: #3b5998
    }

    .footer .social .fa-twitter:hover {
        color: #1da1f2
    }

    .footer .social .fa-google-plus:hover {
        color: #dd4b39
    }

    .footer .social .fa-youtube-play:hover {
        color: #cd201f
    }

    .footer .social .fa-instagram:hover {
        color: #c13584
    }


/*end footer*/

/* new  */
.navbar-default .navbar-brand img {
    width: 35%;
    margin-top: -40px;
    background: #ffffff;
    padding: 21px;
}

.content-two .info-two p.lead {
    color: #999;
    font-size: 18px;
}

.content-two .info-two h1:after {
    width: 80px;
    height: 2px;
    margin: 24px 0;
    background-color: #f16e7b;
}

.slider li {
    padding: 10px 20px;
    font-weight: 600;
    color: #fff;
    min-height: 35px;
    cursor: pointer;
    line-height: 35px;
    font-size: 18px;
}

.slider .tabs-info ul {
    padding-right: 0;
}

    .slider .tabs-info ul li {
        padding: 10px 0px;
        font-weight: 600;
        color: #fff;
        font-size: 16px;
        line-height: unset;
    }

        .slider .tabs-info ul li > a {
            text-decoration: none;
            color: #777;
        }

            .slider .tabs-info ul li > a:hover {
                text-decoration: none;
                color: #999;
            }

.box-info h1 {
    font-weight: 700;
    font-size: 34px;
}

.content .box-info button {
    background-color: #f16e7b;
    padding: 10px 20px;
    border: 2px solid #f16e7b;
    color: #fff;
    font-weight: 600;
    word-spacing: 2px;
    margin-top: 15px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    outline: none;
}

.slider .item .tabs-info p.lead {
    color: #f16e7b;
    line-height: 1.8;
    font-weight: 700;
}

.info-two h1 {
    font-weight: 600;
}

.map-section.bg-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 35px;
    padding-bottom: 35px;
}

.download-img {
    margin-bottom: 20px;
}

.map-section.bg-image h3 {
    font-size: 44px;
    font-weight: 600;
}

.map-section.bg-image p {
    font-size: 18px;
    margin-bottom: 40px;
    color: #777;
}

.blog {
    padding: 40px 0;
    padding-bottom: 80px;
}

.sin-blog {
    box-shadow: 0 0 9px #ccc;
    padding: 15px;
    margin-bottom: 30px;
}

.blog h2 {
    color: #000;
    font-weight: 600;
    margin-bottom: 40px;
}

.blog h3 {
    color: #000;
    font-weight: 400;
}

.blog h5 {
    color: #777;
    font-size: 16px;
    margin-bottom: 20px;
}

    .blog h5 i {
        margin-left: 5px;
    }

.blog p {
    font-size: 17px;
    margin-top: 20px;
    line-height: 1.6;
    color: #555;
}

.blog button {
    background-color: #f16e7b;
    padding: 7px 30px;
    border: 2px solid #f16e7b;
    color: #fff;
    font-weight: 600;
    word-spacing: 2px;
    margin-top: 5px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

    .blog button:hover {
        background-color: transparent;
        color: #f16e7b
    }

.blog img {
    height: 250px;
    width: 100%;
}

.social {
    margin-top: 7px;
}

.footer h5 {
    font-size: 18px;
}

/* start internal pages */
.internal-content {
    padding: 60px 0;
    min-height: auto;
}

    .internal-content h2 {
        font-weight: 600;
        position: relative;
        margin-bottom: 60px;
    }

        .internal-content h2:after {
            content: "";
            display: inline-block;
            width: 40px;
            height: 2px;
            margin: 5px 10px;
            background-color: #f16e7b;
            position: relative;
        }

        .internal-content h2::before {
            content: "";
            display: inline-block;
            width: 40px;
            height: 2px;
            margin: 5px 10px;
            background-color: #f16e7b;
            position: relative;
        }

    .internal-content .content-two {
        margin-top: 40px;
    }

        .internal-content .content-two h1::after {
            background-color: #999;
            margin-top: 15px;
        }

/* start blog */
.single-blog h5 {
    color: #777;
    font-size: 16px;
    margin-bottom: 20px;
}

    .single-blog h5 i {
        margin-left: 5px;
    }

.single-blog h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}

.single-blog h4 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
}

.single-blog p {
    margin-bottom: 20px;
    font-size: 17px;
    color: #707070;
    line-height: 1.6;
}

/* end blog */

/*start contact form*/

.contact-us h1 {
    font-size: 64px;
    font-weight: 600;
    color: #000;
}

.contact-us p {
    color: #999;
    line-height: 1.5;
}

.contact-us form {
    margin: 50px auto;
    text-align: center;
    overflow: hidden;
}

    .contact-us form input[type="email"],
    .contact-us form input[type="text"],
    .contact-us form input[type="number"],
    .contact-us form input[type="password"] {
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        border-radius: 10px;
        border: 1px solid #ccc;
        color: #333;
        margin-bottom: 10px;
    }

    .contact-us form input[type="text"] {
        float: left;
        outline: none;
        color: #333
    }

    .contact-us form input[type="email"] {
        float: right;
        color: #333;
        outline: none;
    }

    .contact-us form textarea {
        margin-top: 15px;
        width: 100%;
        padding: 10px;
        height: 140px;
        border-radius: 10px;
        border: 1px solid #ccc;
        outline: none;
        color: #333;
        resize: none;
        margin-bottom: 10px;
    }

    .contact-us form h5 {
        font-size: 16px;
        text-align: right;
    }

    .contact-us form .info {
        overflow: hidden;
        margin-top: 15px;
        padding-bottom: 10px;
    }

    .contact-us form button {
        float: left;
        padding: 10px;
        background-color: #f16e7b;
        border: none;
        color: #fff;
        border-radius: 10px;
        font-size: 16px;
        cursor: pointer;
        outline: none;
        margin-top: 0;
        border: 2px solid #f16e7b;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        margin-bottom: 10px;
    }

        .contact-us form button.btn-login {
            margin-top: 20px;
        }

    .contact-us form .info button:hover {
        background-color: transparent;
        color: #f16e7b
    }

    .contact-us form .info .form-icon {
        margin-top: 20px;
    }

        .contact-us form .info .form-icon i {
            background-color: #9da1a5;
            width: 35px;
            height: 35px;
            line-height: 35px;
            color: #fff;
            border-radius: 50%;
            cursor: pointer;
            margin-left: 5px;
        }

            .contact-us form .info .form-icon i.fa-facebook {
                background-color: #3b5998;
            }

            .contact-us form .info .form-icon i.fa-google-plus {
                background-color: #dd4b39;
            }

            .contact-us form .info .form-icon i.fa-twitter {
                background-color: #1da1f2;
            }

            .contact-us form .info .form-icon i.fa-pinterest {
                background-color: #bd081c;
            }


/*end contact form*/

/* start list */
.internal-content .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 11px;
    font-size: 16px;
}

.internal-content .table td button {
    padding: 5px 15px;
    background-color: #f16e7b;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 2px solid #f16e7b;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .internal-content .table td button:hover {
        color: #f16e7b;
        background-color: transparent;
    }
/* about page */

.one_half .fati4 {
    color: #fff;
    font-size: 45px;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    line-height: 100px;
    border-radius: 100%;
    text-align: center;
    margin-right: 12px;
    background-color: #275cab;
    margin-bottom: 12px;
}

    .one_half .fati4.two {
        float: right;
        font-size: 22px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 30px;
        margin-left: 14px;
    }

.one_half h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 40px;
    margin-top: 30px;
    color: #000;
}

.one_half ul {
    margin-bottom: 30px;
}

    .one_half ul h5 {
        font-size: 18px;
        font-weight: 600;
    }

    .one_half ul p {
        font-size: 16px;
        color: #707070;
        line-height: 1.6;
    }

/* stat tips */
.blog_postcontent h3 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
}

.blog_postcontent p {
    color: #707070;
    font-size: 16px;
    line-height: 1.6;
}

.blog_postcontent ul li {
    color: #707070;
    font-size: 16px;
    line-height: 1.6;
}

.service-manual td, .service-manual th {
    padding: 6px;
}
/* start box.login */
.box-login {
    padding: 60px 20px;
    box-shadow: 0 0 9px #ccc;
}

    .box-login i {
        width: 120px;
        height: 120px;
        text-align: center;
        line-height: 120px;
        font-size: 60px;
        color: #fff;
        background-color: #f16e7b;
        border-radius: 50%;
        transition: all ease-in-out 0.3s;
    }

    .box-login h4 {
        margin-top: 30px;
        font-size: 24px;
        font-weight: 600;
    }

    .box-login a {
        color: #000;
    }

    .box-login:hover i {
        opacity: .7;
    }

.carousel-control {
    color: #f16e7b;
    opacity: 1;
}

    .carousel-control:focus, .carousel-control:hover {
        color: #f8374b;
    }
/* responsive */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .navbar-default {
        height: 100%
    }

        .navbar-default .navbar-toggle {
            margin-top: 30px
        }

    .content .item img {
        background-size: 100% 100%;
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: right;
    }

    .content .box-info {
        margin-top: -270px;
        position: relative;
        padding: 10px;
        margin-right: 140px;
    }

        .content .box-info button.pull-right {
            float: none !important;
        }

        .content .box-info p {
            color: #222;
            padding-left: 14px;
        }

    .content-two img {
        width: 100%;
        margin-right: 7px;
        margin-top: 70px
    }

    .content-two .info-two {
        padding: 10px 15px;
    }

    .tabs {
        margin-top: 40px;
        padding-top: 0
    }

    .slider li {
        line-height: 40px
    }

    .slider .all {
        width: 100%;
        margin-right: 0
    }

    .footer {
        text-align: center;
        float: none
    }

    .navbar-default .navbar-brand img {
        width: 30%;
        margin-top: -20px;
        padding: 10px;
    }

    .map-section.bg-image {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer .pull-right {
        float: none !important;
    }

    .footer .pull-left {
        float: none !important;
    }

    .footer .social {
        margin-top: 7px;
        margin-bottom: 20px;
    }

    .navbar-collapse {
        border: none;
    }

    .nav.navbar-nav.navbar-right {
        margin-top: 15px;
    }

    .internal-content h2 {
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        font-size: 24px;
    }

    .internal-content .content-two {
        margin-top: 0px;
    }

    .footer h5 {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .navbar-default ul {
        margin-right: 0px;
        padding-right: 0px;
        margin-left: 0;
    }

    .box-info h1 {
        font-weight: 700;
        font-size: 19px;
    }
}

/* galaxy S5 */
@media only screen and (min-width: 359px) and (max-width: 361px) {
}

/* iphone x, 6/7/8 */
@media only screen and (min-width: 375px) and (max-width: 380px) {
}

/* iphone 6/7/8 plus */
@media only screen and (min-width: 410px) and (max-width: 416px) {
}

@media only screen and (min-width: 601px) and (max-width: 765px) {
    .content .box-info {
        position: absolute;
        margin-top: -280px;
        padding-left: 80px;
        margin-right: 225px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .content .box-info {
        position: absolute;
        margin-top: -450px;
    }

    .nav.navbar-right {
        margin-right: 5px !important;
    }

    .nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* ipad */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .navbar-default .navbar-brand img {
        width: 50%;
        margin-top: -15px;
        padding: 15px;
    }

    .navbar-default ul {
        margin-top: -42px;
        margin-right: 80px;
    }

    .nav > li > a {
        padding-left: 7px !important;
        padding-right: 7px !important;
        padding: 10px 6px;
        font-size: 13px;
    }

    .nav.navbar-right {
        margin-right: 5px !important;
    }

        .nav.navbar-right img {
            width: 30px;
            height: 30px;
        }

        .nav.navbar-right .flags a {
            padding: 5px;
        }

    .navbar-right button {
        margin-top: -4px;
    }

    .navbar-default {
        height: 54px;
        overflow: hidden;
    }

    .content .box-info {
        margin-top: -335px;
        margin-right: 100px;
    }

    .slider li {
        font-size: 15px;
    }
}

/* ipad pro  */
@media only screen and (min-width: 1024px) and (max-width:1030px) {
    .nav.navbar-right {
        margin-right: 5px !important;
    }

    .nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .content .box-info {
        position: absolute;
        margin-top: -430px;
        padding-left: 80px;
    }
}

/* 17 inch */
@media only screen and (min-width: 1920px) and (max-width: 2500px) {
}

/*==========================*/
/*     mega menu styles    */
/*==========================*/
.dropdown-large {
    position: static !important;
}

.dropdown-menu-large {
    width: 94%;
    margin: 0;
    padding: 20px 0px;
    background-color: #fff;
    padding: 40px 0;
    box-shadow: 0 3px 9px #999;
}

    .dropdown-menu-large > li > ul {
        padding: 0;
        margin: 0;
    }

        .dropdown-menu-large > li > ul > li {
            list-style: none;
        }

            .dropdown-menu-large > li > ul > li > a {
                display: block;
                padding: 3px 20px;
                clear: both;
                font-weight: 300;
                line-height: 1.428571429;
                color: #333333;
                white-space: normal;
            }

    .dropdown-menu-large > li ul > li > a:hover,
    .dropdown-menu-large > li ul > li > a:focus {
        text-decoration: none;
        color: #5b777a !important;
        /*background-color: #f5f5f5;*/
    }

    .dropdown-menu-large .disabled > a,
    .dropdown-menu-large .disabled > a:hover,
    .dropdown-menu-large .disabled > a:focus {
        color: #999999;
    }

        .dropdown-menu-large .disabled > a:hover,
        .dropdown-menu-large .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

    .dropdown-menu-large .dropdown-header {
        color: #5b777a;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 20px;
    }

@media (max-width: 768px) {
    .dropdown-menu-large {
        margin-left: 25px;
        margin-right: 0;
    }

        .dropdown-menu-large > li {
            margin-bottom: 30px;
        }

            .dropdown-menu-large > li:last-child {
                margin-bottom: 0;
            }

        .dropdown-menu-large .dropdown-header {
            padding: 3px 15px !important;
        }
}
/* Sweep To Top */
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f8a62a;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-top:hover, .hvr-sweep-to-top:active {
        color: white;
    }

        .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #f8a62a;
    color: #fff;
}

.dropdown-menu-large a {
    text-decoration: none;
    color: #333;
}

.dropdown-menu-large i {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #2b2c87;
    color: #fff;
    font-size: 28px;
    line-height: 80px;
    text-align: center;
    transition: all ease-in-out 0.3s;
}

    .dropdown-menu-large i:hover {
        background-color: #0b8cf5;
    }

.dropdown-menu-large h4 {
    color: #707070;
    font-weight: 600;
    margin-top: 20px;
}

.navbar-default li img {
    width: 40px;
    height: 40px;
}

.navbar-default .flags a {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
    padding-top: 35px;
}

.navbar-default .flags:hover {
    opacity: .7;
    transition: all ease-in-out 0.3s;
}

.internal-content.analysis input {
    margin-bottom: 30px;
}

.single-blog img {
    width: 500px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: transparent !important;
}

.nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
}

button.righ {
    padding: 10px 10px;
    min-width: 105px;
}

@media only screen and (max-width: 600px) {
    .dropdown-menu-large h4 {
        color: #fff;
        margin-bottom: 30px;
        font-size: 13px;
        min-height: 40px;
        line-height: 1.6;
    }

    .dropdown-menu-large i {
        background-color: #f8a62a;
    }

    button.righ {
        margin-top: 0px;
    }

    .navbar-default .flags a {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-top: 5px;
    }

    .navbar-nav > li > a.spec {
        padding-bottom: 0px !important;
    }
}