/**=========================
	Author: ThemeForts
	Author URI: https://themeforest.net/user/themeforts
	Description: Roogency - Corporate Business HTML5 Template
=========================**/

/**=========================
[Table of contents]

01. NORMALIZE
02. COMMON
03. LOADER
04. TOP HEADER
05. HEADER
06. SLIDER
07. BREADCRUMB
08. WHY CHOOSE
09. ABOUT US
10. SERVICES
11. GET START
12. CASE
13. TEAM
14. FAQS
15. BLOG
16. CLIENTS
17. TESIMONIALS
18. MAP
19. CONTACT
20. FOOTER
21. SUB FOOTER
22. BACK TO TOP
=========================**/

/**=========================
    START NORMALIZE
=========================**/
*{
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}
body{
	margin: 0px;
	padding: 0px;
	color: #343a40;
    font-family: 'Poppins', sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}
a{
    color: #343a40;
    text-decoration: none;
    outline: none;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
a:hover{
    color: #dc3535;
    text-decoration: none;
    outline: none;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
i{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
p{
    color: #777777;
    line-height: 26px;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    color: #343a40;
}
/**=========================
    END NORMALIZE
=========================**/

/**=========================
    START COMMON
=========================**/
.theme-btn{
    position: relative;
    display: inline-block;
    padding: 20px 40px;
    color: #343a40;
    font-weight: 600;
    text-align: center;
    border-radius: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.theme-btn:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0px;
    height: 3px;
    background-color: #fff;
    transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.theme-btn:hover:before{
    width: 25px;
}

.theme-btn-link{
    border-radius: 0px;
    border: 0px;
    outline: 0px;
}

.button-none,
.button-none:active,
.button-none:hover,
.button-none:focus{
    border: 0;
    outline: 0;
    background-color: transparent;
}

.theme-btn-md{
    padding: 15px 30px;
}
.theme-btn:hover:before{
    width: 15px;
}

.theme-btn-sm{
    padding: 7px 20px;
}
.theme-btn-sm:hover:before{
    width: 10px;
}

.theme-btn-default{
    background-color: #dc3535;
    color: #fff;
}
.theme-btn-default:hover{
    background-color: #343a40;
    color: #fff;
}

.theme-btn-secondary{
    background-color: #343a40;
    color: #fff;
}
.theme-btn-secondary:hover{
    background-color: #dc3535;
    color: #fff;
}

.theme-btn-white{
    background-color: #fff;
    color: #343a40;
}
.theme-btn-white:hover{
    background-color: #343a40;
    color: #fff;
}

/* pagination */
.pagination{
    margin: 0px;
}
.pagination .page-link{
    padding: 10px 20px;
    color: #343a40;
    border: 1px solid #eee;
    line-height: 1.5;
    border-radius: 0px;
}
.pagination .page-link:hover{
    background-color: #eaecef;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
    border-radius: 0px;
}
.pagination .page-item.active .page-link{
    background-color: #dc3535;
    border-color: transparent;
}

/* bg */
.theme-bg-default{
    background-color: #dc3535;
}
.theme-bg-secondary{
    background-color: #343a40;
}
.theme-bg-default-light{
    background-color: #fceaea;
}
.theme-bg-secondary-light{
    background-color: #eaecef;
}
.theme-bg-default-hover,
.theme-bg-secondary-hover{
    z-index: 9;
}
.theme-bg-default-hover:before,
.theme-bg-secondary-hover:before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.theme-bg-default-hover:before{
    background-color: #dc3535;
}
.theme-bg-secondary-hover:before{
    background-color: #343a40;
}
.theme-bg-default-hover:hover:before,
.theme-bg-secondary-hover:hover:before{
    width: 100%;
}

/* text */
.theme-text-default{
    color: #dc3535;
}
.theme-text-secondary{
    color: #343a40;
}
.theme-text-uppercase{
    text-transform: uppercase;
}
.theme-text-left{
    text-align: left;
}
.theme-text-right{
    text-align: right;
}

/* icons */
.icon-bg{
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.icon-bg-sm{
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
}
.icon-bg-sm:before{
    font-size: 18px;
}
.icon-bg-md{
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
}
.icon-bg-md:before{
    font-size: 25px;
}
.icon-bg-lg{
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
}
.icon-bg-lg:before{
    font-size: 35px;
}
.icon-bg-2lg{
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 50px;
}
.icon-bg-2lg:before{
    font-size: 50px;
}
i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before,
i[class^="flaticon-"]:after,
i[class*=" flaticon-"]:after{
    margin-left: 0px;
}
.social-media-icons{
    margin-bottom: 0;
}
.social-media-icons li{
    display: inline-block;
    list-style: none;
}

/* card */
.card{
    border: 0px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 0.1);
    border-radius: 0px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.card-body{
    border-radius: 0px;
    padding: 40px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.card-body-item{
    padding-bottom: 10px;
}

/* box shadow */
.theme-box-shadow-0{
    box-shadow: 0 0 0 0;
}

/* item */
.item-flex{
    display: flex;
}
.item-flex-icon,
.item-flex-img,
.item-flex-btn{
    margin-right: 25px;
}
.item-flex-center{
    -ms-flex-align: center;
    align-items: center;
}
.small-post-list{
    margin-bottom: 0px;
}
.small-post-list li{
    display: block;
    list-style: none;
    margin-bottom: 20px;
}
.small-post-list li:last-child{
    margin-bottom: 0px;
}
.small-post-list li a,
.small-post-list li .small-post-title{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.small-post-list li:hover .small-post-title{
    color: #dc3535;
}

/* margin */
.ml-30px{
    margin-left: 30px;
}
.mr-30px{
    margin-right: 30px;
}
.mt-30px{
    margin-top: 30px;
}
.mb-30px{
    margin-bottom: 30px;
}
.ml-20px{
    margin-left: 20px;
}
.mr-20px{
    margin-right: 20px;
}
.mt-20px{
    margin-top: 20px;
}
.mb-20px{
    margin-bottom: 20px;
}

/* padding */
.pl-30px{
    padding-left: 30px;
}
.pr-30px{
    padding-right: 30px;
}
.pt-30px{
    padding-top: 30px;
}
.pb-30px{
    padding-bottom: 30px;
}
.pl-20px{
    padding-left: 20px;
}
.pr-20px{
    padding-right: 20px;
}
.pt-20px{
    padding-top: 20px;
}
.pb-20px{
    padding-bottom: 20px;
}

/* display */
.theme-d-none{
    display: none;
}

/* section */
.common-section{
    padding: 100px 0px 70px;
}
.common-section-item{
    padding-bottom: 30px;
}
.common-section-img img{
    width: 100%;
}
.common-section-title{
    margin-bottom: 20px;
    font-weight: 600;
}
.section-header{
    width: 70%;
    text-align: center;
    margin: 0px auto;
    padding-bottom: 50px;
}
.section-title{
    margin-bottom: 25px;
    font-weight: 700;
}
.section-content{
    margin-bottom: 0px;
}
.section-footer{
    margin-top: 20px;
    margin-bottom: 30px;
}
.section-footer-center{
    text-align: center;
}

/* title bg */
.title-bg{
    display: inline-block;
    position: relative;
    padding-left: 40px;
    font-weight: 600;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.title-bg:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 3px;
    transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
}
.title-bg-default:before{
    background-color: #dc3535;
}
.title-bg-secondary:before{
    background-color: #343a40;
}
.title-bg-white:before{
    background-color: #ffffff;
}

/* modal */
.modal,
.modal-content{
    border-radius: 0px;
}
.modal-backdrop{
    background-color: #343a40;
}
.modal-backdrop.show{
    opacity: .9;
}
.modal-content .close{
    opacity: 1;
    text-shadow: none;
    text-align: right;
    font-size: 16px;
    text-shadow: none;
}
.modal-content .close:hover i{
    background-color: #dc3535;
    opacity: 1;
    text-shadow: none;
}

/* form-control */
.form-control{
    height: auto;
    padding: 15px 30px;
    color: #343a40;
    font-weight: 500;
    outline: 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 0 0;
    border-radius: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.form-control:focus,
.form-control:active,
.form-control:hover{
    outline: 0;
    border: 1px solid #dc3535;
    box-shadow: 0 0 0 0;
}
.form-control::placeholder{
    color: #ccc;
}
.col-form [class*="col-"]{
    padding-right: 10px;
    padding-left: 10px;
}
/**=========================
    END COMMON
=========================**/

/**=========================
    START LOADER
=========================**/
.loader-fix{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    text-align: center;
}
.loader-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}
.dots-loader{
    position: relative;
    background-color: #fff;
}
.dots-loader,
.dots-loader::before,
.dots-loader::after{
    width: 20px;
    height: 20px;
}
.dots-loader::before,
.dots-loader::after{
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #dc3535;
}
.dots-loader::before{
    left: -22px;
    animation: dots_loader_before 1s infinite ease-in;
}
.dots-loader::after{
    right: -22px;
    animation: dots_loader_after 1s infinite ease-in;
    animation-delay: .5s;
}
/**=========================
    END LOADER
=========================**/

/**=========================
    START TOP HEADER
=========================**/
#top-header{
    padding: 15px 0px 10px;
}
.top-header-item{
    padding-bottom: 5px;
}
.top-header-left{
    text-align: left;
}
.top-header-left ul{
    margin-bottom: 0px;
}
.top-header-left ul li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.top-header-left ul li:last-child{
    margin-right: 0px;
}
.top-header-left ul li a{
    display: inline-block;
}
.top-header-left ul li a i{
    margin-right: 5px;
}
.top-header-right{
    text-align: right;
}
/**=========================
    END TOP HEADER
=========================**/

/**=========================
    START HEADER
=========================**/
#header{
    padding-left: 15px;
    padding-right: 15px;
}
.logo{
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    margin-bottom: 0px;
    display: inline-block;
}
.logo img,
.logo span{
    vertical-align: middle;
}
.logo img{
    margin-right: 5px;
}
#header .nav-item{
    margin-right: 7px;
    margin-left: 7px;
}
#header .nav-link{
    padding-top: 35px;
    padding-bottom: 35px;
    font-weight: 500;
}
#header .nav-item:hover .nav-link,
#header .nav-item.active .nav-link{
    color: #dc3535;
}
#header .nav-item-btn{
    margin: 15px 0px 15px 15px;
}
#header .dropdown-menu{
    margin: 0px;
    padding: 0px;
    border: 1px solid #f5f5f5;
    font-weight: 500;
    border-radius: 0px;
    min-width: 16rem;
    border: 0px;
}
#header .dropdown-item{
    padding: 15px 40px;
}
#header .dropdown-item.active{
    background-color: #dc3535;
}
#header .dropdown-item:hover{
    background-color: #dc3535;
    color: #fff;
}
#header .dropdown-toggle::after{
    font-size: 18px;
    content: "\F0140";
    position: absolute;
    font-family: "Material Design Icons";
    border: 0;
    margin: 0px;
    margin-top: -2px;
    color: #343a40;
    transform: rotate(0deg);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
#header .dropdown:hover .dropdown-toggle::after{
    transform: rotate(180deg);
    color: #ccc;
}
#header .dropdown-submenu-toggle::after{
    content: "\F0141";
    right: 20px;
}
#header .header-right-btn{
    text-align: right;
    margin: 20px 0px;
}
#header .header-right-btn .search-btn{
    margin-right: 15px;
    vertical-align: middle;
}
#header .navbar-toggler{
    outline: 0;
    border: 0;
    font-size: 100%;
    color: #fff;
    line-height: 1.5;
    margin: 20px 0px;
    padding: 7px 20px;
    border: 0;
    border-radius: 0px;
}
#header .navbar-toggler:hover i{
    color: #fff;
}
#header .navbar-toggler[aria-expanded="true"] i:before{
    content: "\F0156";
}
/* multi level dropdowns */
#header .dropdown-submenu{
    position: relative;
}
#header .dropdown-submenu>.dropdown-menu{
    top: 0;
    left: 100%;
}
#header .dropdown:hover>.dropdown-menu{
    display: block;
}
#header .dropdown-submenu:hover>.dropdown-menu{
    display: block;
}
/* header fixed when scrolling */
#header.header-fixed{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}
/**=========================
    END HEADER
=========================**/

/**=========================
    START SLIDER
=========================**/
#slider-carousel:hover{
    cursor: move;
}
#slider-carousel .carousel-item{
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eee;
}
#slider-carousel .carousel-item:before{
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
}
#slider-carousel .carousel-item:after{
    content: "";
    position: absolute;
}
#slider-carousel .carousel-control-next-icon,
#slider-carousel .carousel-control-prev-icon{
    background-image: none;
    width: 60px;
    height: 60px;
    background-color: #fff;
    color: #343a40;
    font-size: 40px;
    display: none;
}
#slider-carousel:hover .carousel-control-next-icon,
#slider-carousel:hover .carousel-control-prev-icon{
    display: block;
}
#slider-carousel .carousel-control-next-icon:after{
    content: '\F0142';
    font-family: "Material Design Icons";
}
#slider-carousel .carousel-control-prev-icon:after{
    content: '\F0141';
    font-family: "Material Design Icons";
}
#slider-carousel .carousel-indicators li{
    background-color: #fff;
}
#slider-carousel .carousel-indicators{
    bottom: 20px;
    display: none;
}
#slider-carousel .carousel-caption{
    width: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: inherit;
    right: inherit;
    transform: translate(-50%, -50%);
    margin: 0px auto;
    text-align: center;
}
#slider-carousel h1{
    margin-bottom: 20px;
    font-weight: 700;
    color: #fff;
    font-size: 60px;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
}
#slider-carousel p{
    margin-bottom: 30px;
    color: #fff;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
}
#slider-carousel .slider-btn{
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
}
#slider-carousel .slider-btn .theme-btn{
    margin: 3px;
}
/**=========================
    END SLIDER
=========================**/

/**=========================
    START BREADCRUMB
=========================**/
#breadcrumb{
    padding: 100px 0px 70px;
    text-align: center;
}
.breadcrumb-warp{
    padding-bottom: 30px;
}
.breadcrumb-bg{
    position: relative;
    background-image: url(../images/breadcrumb-bg-1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.breadcrumb-bg:after{
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #343a40;
    opacity: .8;
    z-index: -1;
}
.breadcrumb-bg .title-bg,
.breadcrumb-bg .section-title{
    color: #fff;
}
.breadcrumb-warp nav ol{
    margin: 0px;
    background-color: #fff;
    display: inline-flex;
    padding: 15px 40px;
    border-radius: 0px;
}
/**=========================
    END BREADCRUMB
=========================**/

/**=========================
    START WHY CHOOSE
=========================**/
#why-choose{
    padding: 0px 0px 70px;
    margin: -40px 0px 0px 0px;
}
.why-choose-item{
    padding-bottom: 30px;
}
.why-choose-icon{
    margin-bottom: 10px;
}
.why-choose-icon i:before{
    font-size: 50px;
}
.why-choose-content .title-bg{
    margin-bottom: 15px;
    padding-left: 0px;
    font-weight: 600;
}
.why-choose-item .card.theme-bg-default .title-bg,
.why-choose-item .card.theme-bg-default p,
.why-choose-item .card.theme-bg-default i,
.why-choose-item .card.theme-bg-secondary .title-bg,
.why-choose-item .card.theme-bg-secondary p,
.why-choose-item .card.theme-bg-secondary i{
    color: #fff;
}
.why-choose-item .card:hover .title-bg{
    padding-left: 40px;
}
.why-choose-content .title-bg:before{
    opacity: 0;
}
.why-choose-item .card:hover .title-bg:before{
    opacity: 1;
}
.why-choose-content p{
    margin-bottom: 0px;
    font-weight: 500;
}
/**=========================
    END WHY CHOOSE
=========================**/

/**=========================
    START ABOUT US
=========================**/
#about-us{
    padding: 130px 0px 70px;
}
.about-us-item{
    padding-bottom: 30px;
}
.about-us-img{
    position: relative;
}
.about-us-img-one:before{
    content: "";
    position: absolute;
    top: -30px;
    left: -30px;
    width: 100%;
    height: 100%;
    background-image: url("../images/about-img-1-before.png");
    background-repeat: no-repeat;
    opacity: .3;
    z-index: -1;
}
.about-us-img img{
    width: 100%;
}
.pulse .pulse-button{
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 9;
    padding: 0px;
}
.pulse .pulse-button:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation: pulse_animation 2s infinite;
    -webkit-animation: pulse_animation 2s infinite;
    -moz-animation: pulse_animation 2s infinite;
    z-index: -1;
}
.pulse .pulse-button:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation: pulse_animation 1s infinite;
    -webkit-animation: pulse_animation 1s infinite;
    -moz-animation: pulse_animation 1s infinite;
    z-index: -1;
}
.pulse .modal iframe{
    width: 100%;
    height: 400px;
}
.about-us-content{
    padding-left: 50px;
}
.about-us-content h4{
    margin-bottom: 20px;
}
.about-us-content .about-title{
    font-weight: 700;
    margin-bottom: 20px;
}
.about-us-content p{
    margin-bottom: 25px;
}
.about-list{
    margin: 0px;
}
.about-list li{
    margin-right: 20px;
    margin-bottom: 20px;
    list-style: none;;
    display: inline-block;
}
/**=========================
    END ABOUT US
=========================**/

/**=========================
    START SERVICES
=========================**/
#services{
    padding: 100px 0px 70px;
}
#services.theme-bg-secondary .section-header h1,
#services.theme-bg-secondary .section-header p{
    color: #fff;
}
.service-item{
    padding-bottom: 30px;
}
.service-icon{
    margin-bottom: 10px;
}
.service-icon i:before {
    font-size: 50px;
}
.service-content h3{
    margin-bottom: 15px;
    font-weight: 600;
}
.service-item .card:hover .service-content h3,
.service-item .card:hover .service-content p,
.service-item .card:hover .service-content i{
    color: #fff;
}
/**=========================
    END SERVICES
=========================**/

/**=========================
    START GET START
=========================**/
#get-start{
    padding: 100px 0px 60px;
}
.get-start-bg{
    position: relative;
    background-image: url('../images/counter-bg-1.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
}
.get-start-bg:after{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #343a40;
    opacity: .9;
    z-index: -1;
}
.get-start-bg h1,
.get-start-bg p,
.get-start-bg h3,
.get-start-bg i{
    color: #fff;
}
.get-start-item{
    padding-bottom: 40px;
}
.get-start-item h1{
    margin-bottom: 25px;
}
.get-start-item p{
    margin-bottom: 25px;
}
.get-start-item .item-flex-icon i:before{
    font-size: 50px;
}
.get-start-flex-content h3{
    font-weight: 600;
}
.get-start-flex-content p,
.counter-item p{
    margin-bottom: 0px;
}
.counter-warp{
    padding-left: 100px;
}
.counter-content .counter{
    font-weight: 600;
}
/**=========================
    END GET START
=========================**/

/**=========================
    START CASE
=========================**/
#case{
    padding: 100px 0px 70px;
}
.case-item{
    padding-bottom: 30px;
}
.case-img{
    position: relative;
}
.case-img:after{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    opacity: 0;
    background-color: #dc3535;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.case-item:hover .case-img:after,
.case-img-active:after{
    height: 100%;
    opacity: .9;
}
.case-item .case-content-icon{
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
    display: none;
}
.case-item .case-content-icon i{
    color: #fff;
}
.case-item .case-content{
    position: absolute;
    left: 0px;
    bottom: 30px;
    z-index: 9;
    display: none;
}
.case-item .case-content h5{
    font-weight: 600;
}
.case-item .case-content p{
    margin-bottom: 0px;
}
.case-item:hover .case-content-icon,
.case-item:hover .case-content,
.case-item .case-content-active,
.case-item .case-content-icon-active{
    display: block;
}
.case-img img{
    width: 100%;
}
/**=========================
    END CASE
=========================**/

/**=========================
    START TEAM
=========================**/
#team{
    padding: 100px 0px 70px;
}
.team-item{
    padding-bottom: 30px;
}
.team-item img{
    width: 100%;
}
.team-content-hover{
    position: relative;
}
.team-content{
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0px;
    opacity: 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.team-content-hover:hover .team-content{
    opacity: 1;
    left: 30px;
}
.team-content h3{
    margin-bottom: 0px;
    font-weight: 600;
}
.team-content p{
    margin-bottom: 20px;
}
/**=========================
    END TEAM
=========================**/

/**=========================
    START FAQS
=========================**/
#faqs{
    padding: 100px 0px 50px;
}
.faq-item{
    padding-bottom: 30px;
    position: relative;
}
.faq-item .accordion{
    width: 90%;
}
.faq-item img{
    width: 100%;
}
.collapse-head{
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
.collapse-head:last-child{
    margin-bottom: 0px;
}
.collapse-btn button{
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 40px;
    vertical-align: middle;
    text-align: left;
    background-color: #eaecef;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.collapse-btn button:focus,
.collapse-btn button:hover,
.collapse-btn button:active{
    border: 0;
    outline: 0;
}
.collapse-btn button[aria-expanded="true"]{
    background-color: #dc3535;
    color: #fff;
}
.collapse-btn button i{
    vertical-align: middle;
    padding-right: 10px;
    position: absolute;
    left: 10px;
    top: 8px;
}
.collapse-head p{
    margin: 0px;
    padding: 30px;
}
.collapse-btn button[aria-expanded="true"] i:before{
    content: "\F0374";
}
/**=========================
    END FAQS
=========================**/

/**=========================
    START BLOG
=========================**/
#blog{
    padding: 100px 0px 70px;
}
.blog-item{
    padding-bottom: 30px;
}
.blog-warp{
    position: relative;
}
.blog-img{
    position: relative;
}
.blog-img img{
    width: 100%;
}
.blog-post-date{
    position: absolute;
    z-index: 9;
    bottom: 15px;
    right: 15px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    display: inline-block;
}
.blog-auth-details li{
    display: inline-block;
    list-style: none;
}
.blog-auth-details li:after{
    content: "|";
    margin: 0px 5px 0px 10px;
}
.blog-auth-details li:last-child:after{
    content: "";
}
.blog-title{
    margin-bottom: 20px;
}
.blog-item p{
    margin-bottom: 0px;
}
.sidebar .title-bg{
    margin-bottom: 20px;
}
.sidebar-links{
    margin-bottom: 0px;
}
.sidebar-links li{
    display: block;
    list-style: none;
    margin-bottom: 15px;
}
.sidebar-links li:last-child{
    margin-bottom: 0px;
}
.sidebar-tags{
    padding-bottom: 25px;
}
.sidebar-tags-btn a{
    margin-bottom: 5px;
}
/**=========================
    END BLOG
=========================**/

/**=========================
    START CLIENTS
=========================**/
#clients{
    padding: 100px 0px 70px;
}
.clients-item{
    padding-bottom: 30px;
}
.clients-item img{
    text-align: center;
    margin: 0px auto;
    position: relative;
    top: 0px;
    opacity: .3;
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.clients-item:hover img{
    top: 5px;
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.row.clients-carousel .slick-next,
.row.clients-carousel .slick-prev{
    display: none !important;
}
/**=========================
    END CLIENTS
=========================**/

/**=========================
    START TESIMONIALS
=========================**/
#testimonials{
    padding: 100px 0px 70px;
}
.testimonials-carousel .slick-prev:before,
.testimonials-carousel .slick-next:before{
    background-color: #fff;
    opacity: 0;
}
.testimonials-bg:hover .testimonials-carousel .slick-prev:before,
.testimonials-bg:hover .testimonials-carousel .slick-next:before{
    opacity: 1;
}
.testimonial-item{
    position: relative;
    width: 70%;
    text-align: center;
    margin: 0px auto;
    text-align: center;
}
.testimonial-item:before{
    font-size: 200px;
    content: "\F0757";
    position: absolute;
    font-family: "Material Design Icons";
    color: #fff;
    left: 0px;
    top: -80px;
    opacity: .1;
}
.testimonials-bg{
    padding: 60px 40px;
    margin-bottom: 30px;
}
.testimonial-icon{
    margin-bottom: 20px;
    display: inline-block;
}
.testimonial-content h4{
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
}
.testimonial-content p{
    margin-bottom: 0px;
    color: #fff;
    font-size: 18px;
}
/**=========================
    END TESIMONIALS
=========================**/

/**=========================
    START MAP
=========================**/
#map iframe{
    width: 100%;
    height: 500px;
    margin-bottom: -6px;
}
#map form{
    padding: 40px 100px;
}
/**=========================
    END MAP
=========================**/

/**=========================
    START CONTACT
=========================**/
#contact{
    padding: 100px 0px 70px;
}
.contact-item{
    padding-bottom: 30px;
}
.contact-icon{
    margin-bottom: 10px;
}
.contact-icon i:before{
    font-size: 50px;
}
.contact-content .title-bg{
    margin-bottom: 15px;
    padding-left: 0px;
    font-weight: 600;
}
.contact-item .card .title-bg{
    padding-left: 40px;
}
.contact-item p{
    margin-bottom: 0px;
    font-weight: 500;
}
/**=========================
    END CONTACT
=========================**/

/**=========================
    START FOOTER
=========================**/
#footer{
    padding: 100px 0px 70px;
}
.footer-item{
    padding-bottom: 30px;
}
.footer-item .logo,
.footer-item .title-bg{
    margin-bottom: 25px;
}
#footer.theme-bg-secondary .logo,
#footer.theme-bg-secondary p,
#footer.theme-bg-secondary li,
#footer.theme-bg-secondary li a,
#footer.theme-bg-secondary .title-bg,
#footer.theme-bg-secondary .footer-links li a{
    color: #fff;
}
.footer-links{
    margin: 0px;
}
.footer-links li{
    display: block;
    list-style: none;
    margin-bottom: 15px;
}
.footer-links li:last-child{
    margin-bottom: 0px;
}
#footer.theme-bg-secondary .footer-links li a:hover{
    color: #dc3535;
}
/**=========================
    END FOOTER
=========================**/

/**=========================
    START SUB FOOTER
=========================**/
#sub-footer{
    padding: 40px 0px 20px;
}
.sub-footer-item{
    padding-bottom: 20px;
}
.sub-footer-item p{
    margin-bottom: 0px;
}
.sub-footer-item-left{
    text-align: left;
}
.sub-footer-item-right{
    text-align: right;
}
/**=========================
    END SUB FOOTER
=========================**/

/**=========================
    START BACK TO TOP
=========================**/
#backtotop{
    display: none;
    position: fixed;
    z-index: 9;
    right: 30px;
    bottom: 30px;
}
/**=========================
    END BACK TO TOP
=========================**/

/**=========================
    START COLOR CHANGE
=========================**/
#color-change{
    position: fixed;
    top: 50%;
    bottom: 50%;
    z-index: 999;
}
#color-change .card{
    background: #fff;
    width: 160px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0 0 0 0;
    padding: 11px;
    border: 1px solid #ccc;
    border-left: 0;
}
#color-change .card:hover{
    color: #4b565d;
}
#color-change .card.active{
    display: block;
    -webkit-transform: translateX(-160px);
    -moz-transform: translateX(-160px);
    -o-transform: translateX(-160px);
    -ms-transform: translateX(-160px);
    transform: translateX(-160px);
}
.tbtn{
    display: inline-block;
    position: absolute;
    left: 159px;
    top: -1px;
    padding: 16px;
}
.tbtn i{
    margin:0px;
    font-size: 20px;
}
.cardcard{
    display: inline-block;
    margin: 4px 0px 0px 0px;
    padding: 0px;
}
.cardcard button{
    width: 25px;
    height: 25px;
    color: #4b565d;
    margin: 0px 3px;
    z-index: 9;
    position: relative;
}
.tbtn:hover,
.cardcard button:hover{
    cursor: pointer;
}

.chg-theme-bg-blue{
    background-color: #007bff;
}
.chg-theme-bg-purple{
    background-color: #6f42c1;
}
.chg-theme-bg-pink{
    background-color: #e83e8c;
}
.chg-theme-bg-default{
    background-color: #dc3535;
}
.chg-theme-bg-orange{
    background-color: #fd7e14;
}
.chg-theme-bg-yellow{
    background-color: #ffc107;
}
.chg-theme-bg-green{
    background-color: #28a745;
}
.chg-theme-bg-info{
    background-color: #17a2b8;
}
/**=========================
    END COLOR CHANGE
=========================**/