/*Slide Images*/
.mySlides {display: none;}
.slideshow_img{vertical-align: middle; height:400px; width:100%;}

	@media screen and (max-width: 300px) { .slideshow_img{ height:200px;}}
	@media screen and (min-width: 300px) and (max-width: 600px){ .slideshow_img{ height:250px;}}
	@media screen and (min-width: 600px) and (max-width: 800px){ .slideshow_img{ height:300px;}}
	@media screen and (min-width: 800px) and (max-width: 1000px){ .slideshow_img{ height:350px;}}


.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active_dot {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/*News*/
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}

#quote-carousel .carousel-control.left 
{
  left: -12px;
}

#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}

#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 50px;
  height: 50px
}
.item blockquote {
    border-left: none; 
    margin: 0;
}

@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

@media (max-width: 768px) { 
    
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

/*services-area*/
.services-area .single-cat .cat-icon span {
    margin-bottom: 15px!important;
}
.services-area .single-cat {
    padding: 25px 20px!important;
}
.services-area-p-text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 10px!important;
}
.services-area-title-text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.services-area-btn{
    font-size: 10px!important;
    padding: 14px 16px!important;
}



/*service - details*/

.support-company-area .support-location-img::before{
    border-right: 30px solid #02b6fa!important;
}



/*.circle-bg:after {
    width: 300px;
    height: 300px;
    content: "";
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    bottom: -90px;
    right: -90px;
    background: #f8f9fa;
}*/





/*GALLERY VIEW*/


.section-title{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 22px;
    color: #3589f1;
    display: inline-block;
}
#gallery-section {
    background-image: url(../assets1234/img/gallery/section_bg02.jpg);
}


.filters .btn.active {
    background: #0062cc !important;
    color: #fff!important;
    border-color: #0062cc !important;
}
.filters .btn {
    transition: 0.5s!important;
    border-color: transparent;
    padding: 20px 20px!important;
    border-radius: 25pximportant;
    margin: 5px!important;
    text-transform: uppercase!important;
    background: rgba(52, 58, 64, 0.05)!important;
    color: #343a40!important;
}

.filters .btn:hover{
    color: #fff!important;
    transition: 0.5s!important;
}

.img-fluid {
    height: 223px!important;
    width: 100%!important;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

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



/*HEADER*/
/****************************************************HEADER CSS*************************************************/
.preloader{background-color: #ffffff!important;}/*loading view*/
.preloader .preloader-circle{border-width: 2px!important;border-top-color: #2196f3!important;}/*loading bar circle*/

.main-header .logo{ text-align: center!important;}/*header logo*/
@media (max-width: 400px) {.main-header .logo{ text-align: left!important;}}

.header-main-area{background: #2196f3!important;}/*header menu main*/
.header-main-area .sticky-bar{background: #2196f3!important;}/*header menu scrolled main*/
.main-header .main-menu ul ul.submenu{background: #2196f3!important; text-align: left!important;}/*header submenu*/
.mobile_menu .slicknav_menu .slicknav_icon-bar{background-color: #efefef  !important;}/*mobile view menu btn*/
.mobile_menu .slicknav_nav{background: #2196f3!important;}/*mobile view header*/
.mobile_menu .slicknav_nav a{color: #ffffff !important;}/*mobile view menu*/

.main-header .main-menu ul li a{color: #ffffff!important;}/*header menu name*/
.main-header .main-menu ul li a::before{background: #ffffff!important; height: 2px!important;}/*header menu active line*/
.main-header .main-menu ul ul.submenu > li > a::before{background: #ffffff!important;}/*header submenu before line*/

.hero-area2 .hero-cap h2{color: #00b8fd!important;}/*page header title*/
.logo_name{font-size: 20px;font-weight: 500;color: #2196f3;display: inline-block;}

body{padding: 0px 50px 50px 50px;}
main{margin-top: 170px;}
@media (max-width: 575px) {body{padding: 0px 20px 20px 20px;}}/*0-575*/
/****************************************************HEADER CSS*************************************************/



/*FOOTER*/
/***********************************************FOOTER CSS******************************************************/

 #scrollUp, #back-top{z-index: 1!important;background: #00b8fd!important;}/*Bottom mouse scroll btn*/

.footer-area { background-color: #2196f3;}/*footer main*/

.footer-area .footer-tittle h4{color: #fff!important;font-size:16px!important;}/*title*/
.footer-area .footer-pera p{color: #fff!important;}/*text peragraph*/

.footer-area .footer-tittle ul li a{color: #fff!important;font-size:14px!important;}/*menu list*/
.footer-area .footer-tittle ul li a:hover{color: #ffffff!important;transition: 0.5s;}/*menu list hover */

.fa{margin-right: 5px;}/*Font Awesome list icon*/
.footer-area .footer-social a{color: #fff!important;font-size: 16px!important;}/*footer social link icon*/
.footer-area .footer-social a:hover{color: #ffffff!important;transition: 0.5s;}/*footer social link icon hover */

.footer-area .footer-bottom .footer-copy-right p{color: #fff!important;font-size: 14px!important;}/*copyright text*/
.footer-area .footer-bottom .footer-copy-right p a{color: #fff!important;}/*copyright text url*/
.footer-area .footer-bottom .footer-copy-right p a:hover{color: #fff!important;}/*copyright text url hover*/

.footer-area .footer-count {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    /*width: 120px;*/
    text-align: center;
}
/*************************************************FOOTER CSS****************************************************/


/*TEAM PAGE*/
/****************************************************TEAM PAGE CSS*************************************************/
/*info card css*/
.team_image{width: 100%;height: 100%;}
.team_image_card {
    width: 160px;
    height: 140px;
    border-radius: 6px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -80px;
    z-index: 5;
    transform: scale(0.9);
    transition: all 0.6s ease-out 0s;
    box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}
.team_image_card:hover{transform: scale(1);}
.team_body_card {
    width: 100%;
    height: 180px;
    padding-top: 80px;
    padding-bottom: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.team_body_card:hover{box-shadow: 0px 5px 40px rgba(29,34,47,0.15);}
.team-title-text {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 10px;
    font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px!important;
}
.team-title-text a{color: #555!important;}
.team_body_card:hover  .team-title-text a{color: #3589f1;}
.team-p-text {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #c3c7ce;
    margin: 10px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px!important;
    font-size: 15px!important;
}




/*other team design*/
.single-team{padding: 20px!important;}
.team_img{transform: scale(1);transition: all 0.6s ease-out 0s;box-shadow: 0px 1px 10px rgba(29,34,47,0.1);}
.team_img:hover{transform: scale(1.1);}
.team-caption h3 a{color: #555!important;font-size: 20px!important;}
.team-caption p{color: #c3c7ce!important;}
.team-social li a{
    padding: 10px;
    color: #b96400;
    font-weight: 500;
    width: 100%;
    height: 100%;
    border-radius: 5%;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background: #ffffffdb;
    -webkit-transform: 0.4s;
    -ms-transform: 0.4s;
    transform: 0.4s;
    transform: translateY(60px);
    opacity: 0;
    visibility: hidden;
    margin-left: 0px!important;
}
/*other team design*/
/****************************************************TEAM PAGE CSS*************************************************/




/*BRANCH PAGE*/
/****************************************************BRANCH PAGE CSS*************************************************/
.branch-area{  
    display: table;
    height: 200px;
    width: 100%;
    padding: 25px 20px!important;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0px 5px 5px rgba(29,34,47,0.15);
}
.branch-area:hover{box-shadow: 0px 5px 40px rgba(29,34,47,0.15);}
.branch-area-body{display: table-cell; vertical-align: middle;}
.branch-area .cat-icon span {
    color: #3589f1;
    font-size: 50px;
    margin-bottom: 30px;
    display: block;
}
.branch-area .cat-cap p {
    margin-bottom: 36px;
    color: #57667e;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.branch-list li a{color: #3589f1!important;}
.branch-title-text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.branch-title-text:hover{color: #b96400!important;transition:0.5s;}
.branch-p-text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 10px!important;
}


/****************************************************BRANCH PAGE CSS*************************************************/



/*Media Query*/
@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 576px) and (max-width: 767px) {}

@media (max-width: 575px) {}



            .swiper-img{
                vertical-align: middle;
                height:400px;
                width:100%;
            }

            /*media query to manage slide screen view*/
            @media screen and (max-width: 300px) {
                .swiper-img{
                    height:180px;
                }
            }
            @media screen and (min-width: 300px) and (max-width: 600px){
                .swiper-img{
                    height:180px;
                }
            }
            @media screen and (min-width: 600px) and (max-width: 800px){
                .swiper-img{
                    height:200px;
                }
            }
            @media screen and (min-width: 800px) and (max-width: 1000px){
                .swiper-img{
                    height:300px;
                }
            }


            .swiper-container {
                width: 100%;
                /*height: 100%;*/
            }
            .swiper-slide {
                text-align: center;
                font-size: 18px;
                background: #fff;

                /* Center slide text vertically */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
            }





            /*header top*/

            .bg-2 {
                background: #2196f3;
            }

            .header-middle {
                padding: 10px 0px;
                position: relative;
                z-index: 9;
                box-shadow: 0px 1px 1px rgba(0,0,0,.1);
            }

            .header-middle::before{

                content: "";
                background-color: #fff;
                width: 40%;
                height: 100%;
                position: absolute;
                left: -50px;
                top: 0;
                -webkit-transform: skewX(40deg);
                -moz-transform: skewX(40deg);
                -o-transform: skewX(40deg);
                -ms-transform: skewX(40deg);
                transform: skewX(40deg);
            }

            .header-middle-right {
                margin: 12px 0;
            }
            .header-middle-right ul {
                display: flex;
                justify-content: flex-end;
            }
            ul {
                list-style: outside none none;
                margin: 0;
                padding: 0;
            }
            .header-middle-right ul li {
                margin-left: 0px;
                margin-right: 40px;
                display: flex;
            }

            .header-middle-right ul li .contact-icon i {
                font-size: 40px;
                margin-right: 15px;
                line-height: 40px;
                color: #fff;
            }

            .header-middle-right ul li .contact-info p {
                color: #fff;
                line-height: 20px;
            }

            .header-middle-right ul li .contact-info span {
                font-size: 12px;
                font-style: italic;
                color: #d2d2d2;
            }

            .contact-info p{
                margin-bottom: 0px;
            }

            .contact_page_icn {
                margin-bottom: 25px;
            }
            .logo_top{
                display: block;
            }
            .logo_main{
                display: none;
            }

            .contact-info .media-body h3,.contact-info__icon i, .contact-info__icon span{
                color: #2196f3;
            }

            @media (max-width: 767px){
                main{
                    margin-top: 120px;
                }

                .header-middle-right ul {
                    display: block;
                }

                .header-middle::before{
                    background-color: #fff0;
                }

                .header_top{
                    display: none;
                }
                /* .logo_top{
                     display: none;
                 }*/


                .logo_main{
                    display: block;
                }

                .header-middle {
                    padding: 0px;
                    position: none;
                    z-index: 0;
                    box-shadow: none;
                }

                .contact-info {
                    margin-bottom: 25px;
                }
            }
            
            .modal {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1060;
            display: none;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            outline: 0;
        }
        .modal-content {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            pointer-events: auto;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0,0,0,.2);
            border-radius: 0.3rem;
            outline: 0;
        }
        .modal-content {
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
            width: 100%;
            max-width: 450px;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .close {
            position: absolute;
            top: 8px;
            right: 25px;
            opacity: 1;
            color: #828282;
            font-size: 28px;
            font-weight: bold;
        }
        .modal-content a {
            webkit-transition-duration: .5s;
            transition-duration: .5s;
        }
        .model-image {
            width: 390px;
        }
        .bt_model{
            background-color: rgb(255 255 255 / 0%);
            z-index: 99;
            top: 100%;
        }
        .bt_modal-content{
            padding:0px;
            border: 1px solid #fff0;
            position: fixed;
            bottom: 2px;
            right: 0px;
            width:100%;
            min-height:130px;
            max-height:180px;
            box-shadow: 0px 5px 5px rgb(29 34 47 / 25%);
        }
        .bt_model_head{
            background-color:#4d97f3;
            color:#fff;
            padding:8px;
        }
        .bt_close_btn{
            text-align:right;
            top: -6px;
            right: 10px;
            color:#fff;
        }
        .bt_model{
            animation: fadein 2s;
        }
        @keyframes fadein {
            from{
                opacity: 0;
            }
            to{
                opacity: 1;
            }
        }
        .text-slider{
            width: 100%;
            height:27px;
            background-color:#4d97f3;
        }
         .service_img{
            border-radius: 10px;
            width: 120px;
            height: 150px;
        }
            
            
            .grecaptcha-badge{z-index:9;width:70px!important;overflow:hidden!important;transition:all .3s ease!important;left:4px!important}.grecaptcha-badge:hover{width:256px!important}