*{

	margin:0px;

	padding:0px;

	border:none;

	outline:none;

}



body {

    line-height: 1.7 !important;

    font-size: 15px !important;

    color: #000;

    font-family: 'Poppins', sans-serif !important;

    font-weight: 400;

    letter-spacing: 1px !important;

    /*overflow-x: hidden !important;*/

}



a{

  text-decoration: none !important;

}



li{

  list-style: none !important;

}



ul, ol {

    margin-top: 0;

    margin-bottom: 0px;

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    color: #2f2c52;

    font-family: 'Roboto Slab', serif;

    font-weight: 400;

    text-transform: capitalize;

}





.about-banner {

    background: url(../images/abt.jpg) center no-repeat;

    background-size: auto;

    background-size: cover;

    padding:120px 0;

    text-align: center;

}



.about-text h2 {

    color: #fff;

    font-size: 36px;

    letter-spacing: 3px;

    font-weight: bold;

}



.about-text p, .about-text p a{

    color: #fff;

}



/*navbar start*/



.toolbar-top-area {

    background:#474748;

    border-bottom: 1px solid #ededed;

    padding: 4px 0;

    /*height: 40px;*/

}



.toolbar-top-area .toolbar-contact ul li {

    display: inline-block;

    margin-right: 25px;

    color: #808080;

    font-size: 14px;

    padding-top: 5px;

}



.toolbar-top-area .toolbar-contact ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.toolbar-top-area .toolbar-contact ul li i {

    font-weight: 600;

    font-size: 20px;

    margin-right: 10px;

    color: #fff;

}



.toolbar-top-area .toolbar-sl-share ul {

    padding-top: 6px;

    text-align: right;

}



.toolbar-top-area .toolbar-sl-share ul li {

    display: inline-block;

}



.toolbar-top-area .toolbar-sl-share ul li a {

    display: block;

    color: #000;

    transition: all 0.3s ease 0s;

    text-decoration: none;

    font-size: 16px;

}





.toolbar-top-area .toolbar-sl-share ul li a i {

    text-align: center;

    display: inline-block;

    color: #fff;

    transition: 0.4s;

    -webkit-transition: 0.4s;

    -mzs-transition: 0.4s;

    padding-left: 13px;

    font-size: 20px;

}



.toolbar-contact ul li a{

    color: #fff !important;

    font-size: 16px;

}





/*====================================================================

    Main Header style

==================================================================== */

.sticky {

    position: fixed;

    top: 0;

    width: 100%;

}





.navbar{

  margin-bottom: 0px !important;

  border: none !important;

}



.main-header{

    /*position:fixed;*/

    left:0px;

    top:0px;

    z-index:99;

    width:100%;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    background: #fff;

    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24);

}



.main-menu .navigation > li > ul > li::marker{

    display: none !important;

}     



/*Sticky Header*/



.sticky-header{

    position:fixed;

    opacity:0;

    visibility:hidden;

    left:0px;

    top:0px;

    width:100%;

    padding:0px 0px;

    background:#18191b;

    z-index:0;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

}



.sticky-header .sticky-inner-container{

    padding:0px 50px;

}



.sticky-header .logo{

    padding:6px 0px 4px;    

}



.main-header .sticky-header .outer-box{

    margin-top:16px;

}





.fixed-header .sticky-header{

    z-index:999;

    opacity:1;

    visibility:visible;

    -ms-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -op-animation-name: fadeInDown;

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    -ms-animation-duration: 500ms;

    -moz-animation-duration: 500ms;

    -op-animation-duration: 500ms;

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;

    -ms-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -op-animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -ms-animation-iteration-count: 1;

    -moz-animation-iteration-count: 1;

    -op-animation-iteration-count: 1;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;   

}



.header-style-two .header-upper{

    position:relative;

    z-index:5;

    padding: 12px 5px;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    width: 100%;

    background:#fff;

    

}



.main-header .header-upper .logo img{

    position:relative;

    display:inline-block;

    max-width:100%;

}



.main-header .logo-outer{

    position:relative;

    z-index:25;

    padding:25px 0px 25px;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

}



.header-style-two .logo-outer{

    padding:2px 0px 0px;

}



.main-header .logo-outer .logo img{

    position:relative;

    display:inline-block;

    /*max-width:100%;*/

    width: 280px;

    margin-left: -15px;

    margin-top: 0px;

}



.header-style-two.fixed-header .header-upper{

    border-bottom:1px solid rgba(252,247,247,1.00);

}



.main-header .header-lower{

    position:relative;

    top:0px;

    width:100%;

    z-index:5;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

}





.main-header .nav-outer{

    position:relative;

    padding-left: 0px;

    z-index: 999;

}



.main-menu{

    position:relative;

    float:left;

}



.main-menu .navbar-collapse{

    padding:0px;    

    margin-right: 5px;

}



.main-menu .navigation{

    position:relative;

    margin:0px;

    padding-top: 0px;

}



.main-menu .navigation > li{

    position:relative;

    float:left;

    margin-left:30px;

}



.main-menu .navigation > li:last-child{

    margin-right:0px;

}



.main-header .sticky-header .main-menu .navigation > li{

    margin:0px;

    border:0px;

    margin-left:30px;

}



.main-menu .navigation > li > a{

    position:relative;

    display:block;

    font-size:16px;

    color:#242424;

    line-height:30px;

    font-weight:600;

    opacity:1;

    padding:5px 0px 8px;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

}



.header-style-two .main-menu .navigation > li > a,{

    padding:25px 0px 25px;

}





.main-menu .navigation > li > a:after{

    position:absolute;

    content:'';

    left:0px;

    /*bottom:10px;*/

    width:23px;

    height:1px;

    opacity:0;

    /*background-color:#ffffff;*/

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

}



.header-style-two .main-menu .navigation > li > a:after,{

    bottom:18px;

}



.main-menu .navigation > li.current > a:after,

.main-menu .navigation > li > a:hover{

    opacity:1;

}



.main-menu .navigation > li.has-mega-menu .mega-menu{

    position: absolute;

    left: 0px;

    width: 500px;

    padding:15px 25px;

    top: 100%;

    z-index: 100;

    opacity:0;

    visibility:hidden;

    background: #ffffff;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05)

}



.main-menu .navigation > li.has-mega-menu:hover .mega-menu{

    opacity:1;

    visibility:visible;

}



.main-menu .navigation > li.has-mega-menu .mega-menu .column:last-child:after{

    display:none;

}



.main-menu .navigation > li.has-mega-menu .mega-menu ul{

    position:relative;

}



.main-menu .navigation > li.has-mega-menu .mega-menu ul > li{

    position:relative;

}



.main-menu .navigation > li.has-mega-menu .mega-menu ul > li > a{

    position:relative;

    color:#444444;

    padding:4px 0px;

    display:block;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

}



.main-menu .navigation > li.has-mega-menu .mega-menu ul > li > a:hover{

    color:#08ae8d;

}



.main-header .sticky-header .main-menu .navigation > li > a{

    color:#ffffff;

    padding:20px 0px;

    line-height:30px;

    font-size:16px;

    font-weight:500;

    min-height:0px;

    background:none;

    border:0px;

    font-family: 'Poppins', sans-serif;

}



.main-menu .navigation > li:hover > a,

.main-menu .navigation > li.current > a,

.main-menu .navigation > li.current-menu-item > a{

    color:#ffffff;

    opacity:1;

}





.fixed-header .main-menu .navigation > li:hover > a,

.fixed-header .main-menu .navigation > li.current > a,

.fixed-header .main-menu .navigation > li.current-menu-item > a{

    color:#ffffff;

    opacity:1;

}



.header-style-two .main-menu .navigation > li:hover > a,

.header-style-two .main-menu .navigation > li.current > a,

.header-style-two .main-menu .navigation > li.current-menu-item > a,

.header-style-two.fixed-header .main-menu .navigation > li:hover > a,

.header-style-two.fixed-header .main-menu .navigation > li.current > a,

.header-style-two.fixed-header .main-menu .navigation > li.current-menu-item > a{

    color:#000;

    opacity:1;

}



.main-header .sticky-header .main-menu .navigation > li:hover > a,

.main-header .sticky-header .main-menu .navigation > li.current > a,

.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{

    color:#08ae8d;

    opacity:1;

}



.main-menu .navigation > li:hover > a:after{

    opacity:1;

}



.main-header .sticky-header .main-menu .navigation > li > ul:before{

    display:none;

}



.main-header .sticky-header .main-menu .navigation > li > ul{

    top:100% !important;

}



.main-menu .navigation > li > ul{

    position:absolute;

    left:0px;

    top:100%;

    width:245px;

    z-index:100;

    display:none;

    background:#ffffff;

    border-top:3px solid #0000f8;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > ul.from-right{

    left:auto;

    right:0px;  

}



.main-menu .navigation > li > ul > li{

    position:relative;

    width:100%;

    border-bottom:1px solid #dddddd;

}



.main-menu .navigation > li > ul > li:last-child{

    border-bottom:none; 

}



.main-menu .navigation > li > ul > li > a{

    position:relative;

    display:block;

    padding:9px 10px;

    line-height:24px;

    font-weight:400;

    font-size:15px;

    color:#1b574b;

    text-align:left;

    padding-right:20px;

    text-transform:capitalize;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    font-family: 'Poppins', sans-serif;

}



.main-menu .navigation > li > ul > li:hover > a{

    background-color:#ececec;

}



.main-menu .navigation > li > ul > li > ul{

    position:absolute;

    left:100%;

    top:100%;

    width:230px;

    z-index:100;

    display:none;

    background:#ffffff;

    border-top:3px solid #08ae8d;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > ul > li > ul:before{

    position:absolute;

    content:'';

    right:100%;

    top:0px;

    width:20px;

    height:100%;

}



.main-menu .navigation > li > ul > li > ul > li{

    position:relative;

    width:100%;

    border-bottom:1px solid #dddddd;

}



.main-menu .navigation > li > ul > li > ul > li:last-child{

    border-bottom:none; 

}



.main-menu .navigation > li > ul > li  > ul > li > a{

    position:relative;

    display:block;

    padding:9px 25px;

    line-height:24px;

    font-weight:400;

    font-size:15px;

    color:#242424;

    text-align:left;

    padding-right:20px;

    text-transform:capitalize;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    font-family: 'Poppins', sans-serif;

}



.main-menu .navigation > li > ul > li  > ul > li > a:hover{

    background-color:#ececec;

}



.sticky-header .main-menu .navigation > li > a:after{

    display:none;

}



.main-menu .navigation > li.dropdown:hover > ul{

    visibility:visible;

    opacity:1;

}



.main-menu .navigation li > ul > li.dropdown:hover > ul{

    visibility:visible;

    opacity:1;

    left:100%;

    top:0%;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;   

}



.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

    position:absolute;

    right:10px;

    top:6px;

    width:34px;

    height:30px;

    border:1px solid #ffffff;

    text-align:center;

    font-size:16px;

    line-height:26px;

    color:#ffffff;

    cursor:pointer;

    z-index:5;

    display:none;

}



.main-header .outer-box{

    position:relative;

    float:left;

    margin-left:20px;

    margin-top:32px;

    transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

}





.main-header.header-style-two .outer-box,{

    margin-top:27px;

}



.main-header .outer-box .number{

    position:relative;

    float:right;

    color:#ffffff;

    font-size:22px;

    margin-left:26px;

    font-weight:300;

    font-family: 'Poppins', sans-serif;

}



.current::marker{

    display: none !important;

}



/* ==============================================

responsive start 

===============================================*/



@media only screen and (max-width: 1140px){

    

    .main-menu .navigation > li > a{

        padding:20px 0px;

    }

    

    

    .main-menu{

        padding-top:0px;

    }

    



    .main-menu .navigation > li > a{

        font-size:15px;

    }

    

}



@media only screen and (min-width: 768px){

    .main-menu .navigation > li > ul,

    .main-menu .navigation > li > ul > li > ul,

    .main-menu .navigation > li.has-mega-menu .mega-menu{

        display:block !important;

        visibility:hidden;

        opacity:0;

    }

}



@media only screen and (max-width: 1023px){

    

    .main-header .nav-outer{

        padding-right:0px;

        padding-left: 0px;  

    }

    

    .main-header .header-upper .upper-right{

        position:relative;

        /*width:100%;*/

        padding-top:21px;

        /*background: red;*/

    }



    .main-menu .navigation > li a{

        background:none;

    }



    .main-header{

        position:relative;

        background-color:#151e22;

    }

    

    .sticky-header,

    .choose-tabs .tabs-content .tab .content .image-column{

        display:none;

    }



    .main-menu .navigation > li{

        margin-left:0px;

        margin-right:17px;

    }

    

    .main-header .outer-box{

        display:block;

        float:right;

        margin-top:6px;

    }

    

    .main-menu .navigation > li > a,

    .default-inner-header.fixed-header .main-menu .navigation > li > a{

        padding:5px 0px 20px;

    }

        

    .default-inner-header .outer-box{

        margin-top:6px;

    }





    .header-style-two .main-menu .navigation > li > a,

    .header-style-two.fixed-header .main-menu .navigation > li > a,{

        padding:5px 0px 10px;

    }

    

    .main-header.header-style-two .outer-box,{

        margin-top:2px;

    }

    

    .header-style-two .logo-outer,

    .header-style-two.fixed-header .header-upper .logo-outer,{

        padding:16px 0px 16px;

    }

    

    .header-style-two,

    .header-top-two.style-two{

        position:relative;

        background-color:#ffffff;

    }

     

}



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

    

   .main-header .header-upper .upper-column.info-box:last-child{

        margin-bottom:0px;

    }

    

    .main-header .info-box .icon-box{

        position:relative;

        display:block;

        top:0px;

        text-align:center;

        margin:0 auto 12px; 

    }

    

    .main-header .main-menu{

        padding-top:0px;

        width:100%;

        margin:0px;

        position: relative;

    }



    .main-header .logo-outer{

        position: absolute;

    }



    .main-header .logo-outer .logo img{

        margin-left: 7px;

    }

    

    .main-menu .collapse {

        overflow:auto;

        float:none;

        width:100%;

        padding:10px 0px 0px;

        border:none;

        margin:0px;

        -ms-border-radius:3px;

        -moz-border-radius:3px;

        -webkit-border-radius:3px;

        -o-border-radius:3px;

        border-radius:3px;

   }

   

    .main-menu .collapse.in,

    .main-menu .collapsing{

        max-height:300px;

        padding:0px 0px 0px;

        border:none;

        margin:17px 0px 0px;

        -ms-border-radius:0px;

        -moz-border-radius:0px;

        -webkit-border-radius:0px;

        -o-border-radius:0px;

        border-radius:0px;  

    }

    

    .main-menu .navbar-header{

        position:relative;

        float:none;

        display:block;

        text-align:right;

        width:100%;

        padding:13px 0px 14px;

        right:0px;

        z-index:12;

    }

    

    .main-menu .navbar-header .navbar-toggle{

        display:inline-block;

        z-index:7;

        border:1px solid #7a1a1b;

        float:none;

        margin:0px 13px 0px 0px;

        border-radius:2px;

        background:#7a1a1b;

        padding: 15px 19px;

    }

    

    .main-menu .navbar-header .navbar-toggle .icon-bar {

    background: #ffffff;

}





    .main-menu .navbar-collapse > .navigation{

        float:none !important;

        margin:0px !important;

        width:100% !important;

        /*background:#08ae8d;*/

        border:1px solid #ffffff;

        border-top:none;

    }

    

    .main-menu .navbar-collapse > .navigation > li{

        margin:0px !important;

        float:left !important;

        width:100%;

    }

    

    .main-menu .navigation > li > a,

    .main-menu .navigation > li > ul:before{

        border:none;    

    }

    

    .main-menu .navbar-collapse > .navigation > li > a{

        padding:10px 10px !important;

        border:none !important;

    }

    

    .main-menu .navigation li.dropdown > a:after,

    .main-menu .navigation > li.dropdown > a:before,

    .main-menu .navigation > li > ul > li > a::before,

    .main-menu .navigation > li > ul > li > ul > li > a::before{

        color:#ffffff !important;

        right:15px;

        font-size:16px;

        display:none !important;

    }

    

    .main-menu .navbar-collapse > .navigation > li > ul,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul,

    .main-menu .navigation > li.has-mega-menu .mega-menu{

        position:relative;

        border:none;

        float:none;

        visibility:visible;

        opacity:1;

        display:none;

        margin:0px;

        padding:0px;

        left:auto !important;

        right:auto !important;

        top:auto !important;

        width:100%;

        background:#08ae8d;

        -webkit-border-radius:0px;

        -ms-border-radius:0px;

        -o-border-radius:0px;

        -moz-border-radius:0px;

        border-radius:0px;

        transition:none !important;

        -webkit-transition:none !important;

        -ms-transition:none !important;

        -o-transition:none !important;

        -moz-transition:none !important;

        box-shadow:none !important;

    }

    

    .main-menu .navigation > li.has-mega-menu .mega-menu ul{

        margin:0px;

        width:100%;

        background:#08ae8d; 

    }

    

    .main-menu .navigation > li.has-mega-menu .mega-menu .row,

    .main-menu .navigation > li.has-mega-menu .mega-menu .row .column{

        margin:0px;

        padding:0px;

        width:100%;

        border:none;

    }

        

    .main-menu .navbar-collapse > .navigation > li > ul,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul{

        border-top:1px solid rgba(255,255,255,1) !important;    

    }

    

    .main-menu .navbar-collapse > .navigation > li,

    .main-menu .navbar-collapse > .navigation > li > ul > li,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li,

    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li{

        border-top:1px solid rgba(255,255,255,1) !important;

        border-bottom:none;

        opacity:1 !important;

        top:0px !important;

        left:0px !important;

        visibility:visible !important;

    }



    .main-menu .navbar-collapse > .navigation > li > ul > li{

        background: #ec4a4a !important;

    }



    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{

        background: #42dae8 !important;

    }

    

    

    .main-menu .navbar-collapse > .navigation > li > ul > li:first-child{

        border-top:none !important; 

    }

    

    .main-menu .navbar-collapse > .navigation > li > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a,

    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li > a{

        padding:10px 10px !important;

        line-height:22px;

        color:#ffffff;

        /*background:#42dae8;*/

        text-align:left;

        min-height:0px;

    }

    

    .main-menu .navbar-collapse > .navigation > li > a:hover,

    .main-menu .navbar-collapse > .navigation > li > a:active,

    .main-menu .navbar-collapse > .navigation > li > a:focus,

    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li > a:hover{

        background:#08ae8d;

    }

    

    .main-menu .navbar-collapse > .navigation > li:hover > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,

    .main-menu .navbar-collapse > .navigation > li.current > a,

    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a,

    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li:hover > a,

    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li.current > a,

    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li.current-menu-item > a{

        background:#7a1a1b;

        color:#ffffff !important;

    }





    

    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{

        display:block !important;

    }

    

    .main-menu .navbar-collapse > .navigation li.dropdown:after,

    .main-menu .navigation > li > ul:before,

    .main-header .info-box:after,

    .header-top-two .top-right,

    .year-block .inner-box .year:before,

    .main-header .header-top .top-right{

        display:none !important;    

    }

    

    .main-header .header-top .top-left,

    .header-top-two .top-left{

        width:100%;

        text-align:center;

    }

    

    .header-top-two .top-left .links li{

        display:inline-block;

        margin-right:0px;

        border-right:none;

        float:none;

    }

    

    .main-slider{

        margin-top:0px !important;  

    }

    

    .main-header .top-right .links-nav li{

        margin-left:5px;

    }

    

    .main-header .search-box-outer .dropdown-menu{

        top:0px;

        left:0px;

        right:0px;

        width:280px;

    }

    

    .main-header .outer-box{

        position:absolute;

        display:block;

        right:auto;

        z-index:12;

        left:0px;

        margin-left:0px;

        margin-top:16px;

    }



    .main-header .header-upper{

        padding-bottom:42px;

    }



    .main-header.header-style-two .outer-box,{

        margin-top:16px;

    }



}



@media only screen and (max-width: 599px){

    

    .main-header .social-links-one{

        top:0px;

    }



    .main-header .header-top .top-left,

    .main-header .header-top .top-right{

        float:none !important;

        text-align:center;

    }

  

}



@media only screen and (max-width: 479px) {

    

    .main-header .header-upper .upper-column.info-box{

        margin-left: auto;

        margin-right: auto;

        float: none;

    }

  

}





/****header end****/















/*footer page*/



.foot {

    background-color: #242424 !important;

}



.footer {

    background-color:#3C3C3C;

    background-size: cover;

    padding-top: 60px;

    color: #fff;

    font-weight: 400;

    font-size: 17px;

    background: url(../images/footerbg.png) center no-repeat;

}



.footer-title {

    letter-spacing: 1.3px;

    color: #fff;

    font-weight: 600;

    padding-bottom: 12px;

    font-size: 22px;

    font-family: 'Roboto Slab', serif;

}



.footer-widget b{

    color:#fb5555;

}



/*.footer-title span{

    border-bottom: 3px solid #da0000;

display: inline-block;

padding-bottom: 10px;

}

*/

.footer-style::before {

    content: "";

    /*background: #85c977;*/

    width: 10%;

    height: 2px;

    position: absolute;

    top: 0;

    left: 0%;

}



/*.footer-widget{

    border-right: 1px solid #7b85964d;

}

*/





.footer-widget p {

    color:#dfdbff;

    font-size: 15px;

}



.footer-widget ul li {

   padding-top: 13px;

   color:#dfdbff;

   font-size: 15px;

}



.footer-widget i{

     color:#fb5555;

    padding-right: 5px;

    font-size: 13px;

}



.footer-widget1 i{

     color: #fb5555;

    padding-right: 5px;

    font-size: 15px;

}



.footer-widget ul li a {

    text-transform: capitalize;

    color: #dfdbff;

    display: block;

    font-size: 15px;

}



.footer-widget ul li a:hover{

    color: #fb5555;

}



.detail li p {

    color: #fffc;

    letter-spacing: 0.8px;

    font-size: 14px !important;

}



.social-detail {

    padding: 0px 0;

}



.social-detail ul li {

    line-height: 2em;

}



.social-detail ul li {

    float: none;

    display: inline-block;

    line-height: 2em;

    margin-right: 7px;

}



.social-detail i{

  font-size: 20px;

  color: #da0000;

  border: 1px solid #fff;

  padding: 10px;

  box-shadow: 0 0 17px rgba(115,115,115,.19);

}



.tiny-footer {

    background-color: #1e1e1d;

    padding:20px 0px 15px;

    font-weight: 600;

    color: #888d90;

    line-height: 1;

    margin-top:50px;

   border-top: 1px dashed #a1a2a4;

}



.tiny-footer p {

    color: #fff;

    margin-bottom: 0px;

    font-size: 15px;

}



/******habout*****/





.about-area {

    padding: 38px 0 25px 0;

    /*background-color: #b6acac1a;*/

}





.m-b5 {

    font-weight: normal;

    font-size: 40px;

    line-height: 46px;

    color: #262423;

}



.about-area h2 {

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 20px;

    position: relative;

    text-transform: capitalize;

    color: #000;

    position: relative;

}



.about-area h2 span {

    border-bottom: 1px dashed #0000f8;

    display: inline-block;

    padding-bottom:6px;

}



/*.about-area h2::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

}*/



.about-area strong {

    color: #333333e0;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 19px;

    line-height: 1.3;

    display: block;

}



/*.about-area h2 span {

    color: #26A135;

}*/



.about-text1{

    padding-top: 40px;

}



/*.about-text1 p{

    text-align: justify;

}*/



.list-marked i{

    color: #2c2c74;

}



.list-marked {

    margin-bottom:19px;

}



.button.active {

    margin-right: 15px;

    font-size: 15px;

    transition: all .5s ease 0s;

}



.about-btn{

    padding-top: 15px;

}



a.button {

    background: #494999 none repeat scroll 0 0;

    color: #fff !important;

    font-weight: 600;

    display: inline-block;

    letter-spacing: 2px;

    padding: 14px 30px;

    box-shadow: 3px 3px 3px 3px #ccc;

    border: 2px solid #fff;

}



a.button:hover{

   background: #3C3C3C none repeat scroll 0 0; 

}



a.button i{

    opacity: 0;

}



a.button:hover i{

    opacity: 1;

}



.about-btn1{

    float: left;

}





.about-right img {

   /* box-shadow: 0 6px 5px 1px #A6A6A659;*/

    /*border-radius: 6px;*/

    margin-top: 40px;

}



/*hmservice*/





.blog-section{

  background: url(../images/about-bg.png) center no-repeat;

  background-size: cover;

 /* background: #f2f2f224;*/

}





.pb-70 {

    padding-bottom: 39px;

}



.pt-100 {

    padding-top: 47px;

}



.section-title {

    text-align: center;

    margin-bottom: 50px;

}



.section-title h2 {

    font-size: 36px;

font-weight: 700;

letter-spacing: 1px;

margin-bottom: 5px;

position: relative;

text-transform: capitalize;

color: #000;

position: relative;

}



.section-title h3 {

    font-size: 34px;

    font-weight: 400;

    margin: 5px 0 5px 0;

    color: #000;

}



.section-title h3 span{

  color: #e84545;

}



.blog-section .section-title h2 {

    margin-bottom: 0;

    font-size: 36px;

font-weight: 500;

letter-spacing: 1px;

margin-bottom: 5px;

position: relative;

text-transform: capitalize;

color: #000;

position: relative;

margin-top: 6px;

display: inline-block;

}



.blog-section .section-title h1 {

    margin-bottom: 0;

    font-size: 40px;

font-weight: 700 !important;

letter-spacing: 1px;

margin-bottom: 5px;

position: relative;

text-transform: capitalize;

color: #da0000;

position: relative;



}



.blog-section .section-title h2::before, .blog-section .section-title h2::after {

    position: absolute;

    content: '';

    top: 50%;

    left: -80px;

    transform: translateY(-50%);

    width: 60px;

    height: 2px;

    background: #494999;

}



.blog-section .section-title h2::before {

    left: auto;

    right: -80px;

}





/*.blog-section .section-title h2::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

    margin: 0 auto;

}

*/



.section-title p {

    max-width: 800px;

    margin: auto;

}



.single-blog {

    margin-bottom: 45px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.single-blog img{

    width: 100%;

    height: auto;

}







.single-blog .content {



    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);

   box-shadow: 0 11px 30px rgba(0, 0, 0, 0.11);

   background-color: #ffffff;

   padding: 8px 20px;

    max-width: 255px;

    margin: -30px auto 0;

    position: relative;

    z-index: 1;

    border-radius: 5px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    position: relative;



}





.single-blog .content::before {



    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0;

    background-color: #494999;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 1;

    border-radius: 5px;

    overflow: hidden;



}



.single-blog .content i {

    position: absolute;

    top: -15px;

    right: 15px;

    width: 25px;

    height: 25px;

    background-color: #2f2c52;

    text-align: center;

    line-height: 25px;

    border-radius: 50%;

    color: #ffffff;

    z-index: 1;

}



.single-blog .content i {

    text-align: center;

    line-height: 25px;

    color: #ffffff;

}



.single-blog .content h3{

  margin-top: 9px;

}



.single-blog .content h3  a{

    font-size: 18px;

    margin: 5px 0 10px 0;

    line-height: 30px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    position: relative;

    z-index: 1;

    color: #0a2747;

}



.single-blog .content .blog-btn {

    display: inline-block;

    font-size: 16px;

    color: #2CB3A3;

    font-family: "Rubik", sans-serif;

    margin-top: 5px;

    position: absolute;

    bottom: 16px;

    opacity: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 1;

}



.single-blog:hover .content {

    max-width: 100%;

}





.single-blog:hover .content::before {



    height: 100%;



}



.single-blog:hover h3 a {

    color: #ffffff;

}



.single-blog .content .blog-btn {

    display: inline-block;

    font-size: 16px;

    color: #2CB3A3;

    font-family: "Rubik", sans-serif;

    margin-top: 5px;

    position: absolute;

    bottom: 16px;

    opacity: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.single-blog:hover .blog-btn {

    opacity: 1;

    color: #ffffff;

}



.serimg img{

    width: 419px;

margin: 0px auto 5px;

display: block;



}



.serimg{

    font-size: 22px;

    text-align: center;

    display: block;

    color: #494999;

}











/*middle*/



.donate-section {

  /*background-color: #3C3C3C;*/

  background: url(../images/sectionbg.jpg);

  background-attachment: fixed;

  background-size: cover;

  position: relative;

  overflow: hidden;

}



.ptb-100 {

    padding-top: 100px;

    padding-bottom: 100px;

}



.donate-section .section-title {

  text-align: center;

  margin-bottom: 0;

  position: relative;

  z-index: 1;

}



.donate-section .section-title h2 {

  font-size: 38px;

  font-weight: 400;

  margin: 0 0 14px 0;

  color: #ffffff;

}



.donate-section .section-title p {

  max-width: 650px;

  margin: auto;

  color: #ffffff;

}



.donate-section .section-title .donate-btn {

  display: inline-block;

  padding: 14px 28px;

  background-color: #494999;

  border: 1px solid #494999;

  color: #ffffff;

  border-radius: 30px;

  margin-top: 30px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.donate-section .section-title .donate-btn i {

  font-size: 14px;

  line-height: normal;

  margin-left: 4px;

  position: relative;

  top: 1px;

}



.donate-section .section-title .donate-btn:hover {

  background-color: #fb5555;

  color: #ffffff;

  border: 1px solid #fb5555;

}



.donate-section .creative-shape {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: auto;

  z-index: 1;

}



.donate-section .white-shape {

  position: absolute;

  top: 0;

  left: 0;

}



.default-shape img {

  position: absolute;

  bottom: 0;

  right: 20px;

  -webkit-animation: moveLeftBounce 3s linear infinite;

  animation: moveLeftBounce 3s linear infinite;

}



.default-shape img:last-child {

  position: absolute;

  bottom: 0;

  left: 20px;

  -webkit-animation: moveLeftBounce 3s linear infinite;

  animation: moveLeftBounce 3s linear infinite;

}





/*counter*/



.counters {

    background-size: cover;

    background-position: top center !important;

    position: relative;

    background-attachment: fixed;

   padding: 58px 0 47px;

}



.counters h4{

    color: #2c2c74;

    text-transform: capitalize;

    font-size: 32px;

    font-family: 'DM Serif Text', serif;

    font-weight: 700;

    text-shadow: 0px 1px 1px rgba(150, 150, 150, 0.9);

}



.counters

{

    text-align: center;

}

.employeese,.customerr,.design,.order

{

    margin-bottom: 47px;

    border: 1px dashed #cccad7;

    background: #ffe9e1;

    padding: 25px;

}



.employeese img, .customerr img, .design img, .order img

{

   width: 50px;

}





.counter-count

{

    font-size: 26px;

    border-radius: 50%;

    position: relative;

    color: #000;

    text-align: center;

    line-height: 83px;

    width: 55px;

    height: 51px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    display: inline-block;

    font-weight: 600;

}



.employees i{

    color: #000;

    font-size: 21px

}



.employees-p,.customerr-p,.order-p,.design-p

{

    font-size: 20px;

color: #2f2c52;

line-height: 24px;

font-weight: 600;

padding-top: 15px;

}





.separator {

    line-height: 0.5;

    text-align: center;

    margin: 30px 0 30px 0;

}



.separator span {

    display: inline-block;

    position: relative;

}



.separator {

    line-height: 0.5;

    text-align: center;

}



.separator span::before {

    right: 100%;

    margin-right: 15px;

}



.separator span::after {

    left: 100%;

    margin-left: 15px;

}



.separator span::before, .separator span::after {

    content: "";

    position: absolute;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);

    top: 0px;

    width: 300px;

}



.separator span i {

    font-size: 12px;

    padding: 0;

    margin: 0;

    float: none;

    color: #FAB207;

}



.Certificate {

    padding: 60px 0 110px 0;

}



.certf-col{

    margin-bottom: 15px;

}



/*about us page*/



.visionpg {

  padding: 50px 0;

}



.visih h3 {

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 20px;

    position: relative;

    text-transform: capitalize;

    color: #000;

    position: relative;

}



.visih h3 span {

    border-bottom: 1px dashed #0000f8;

    display: inline-block;

    padding-bottom:6px;

}





/*.visih h3::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

}*/



.visih p {

  font-size: 14px;

}



.visih ul li i {

    color: #ff5722;

/*    background: #ff5722;

*/    border-radius: 35px;

    font-size: 16px;

    margin-right: 5px;

}



.visih ul li {

    padding: 6px 0;

}



.servicepage1 h3 {

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 20px;

    position: relative;

    text-transform: capitalize;

    color: #000;

    position: relative;

}



.servicepage1 h3 span {

    border-bottom: 1px dashed #0000f8;

    display: inline-block;

    padding-bottom: 2px;

}



.servicepage1 strong{

    color: #da0000;

}



.servicepage1 b{

    padding-bottom: 5px;

    display: block;

}



.item1{

    margin-bottom: 15px !important;

}



.abt-banner {

    background: url(../images/abt.jpg) center no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding:100px 0 120px;

}



.abt-banner2 {

    background: url(../images/abt2.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner3 {

    background: url(../images/abt3.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner4 {

    background: url(../images/abt4.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner5{

    background: url(../images/abt5.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner6{

    background: url(../images/abt6.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner7 {

    background: url(../images/abt7.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner8 {

    background: url(../images/abt8.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner9 {

    background: url(../images/abt9.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner10 {

    background: url(../images/abt10.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner11 {

    background: url(../images/abt11.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner12 {

    background: url(../images/abt12.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner13 {

    background: url(../images/abt13.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner14 {

    background: url(../images/abt14.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner15 {

    background: url(../images/abt15.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}





.abt-banner16 {

    background: url(../images/abt16.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner17 {

    background: url(../images/abt17.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner18 {

    background: url(../images/abt18.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner19 {

    background: url(../images/sch1.png) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner20 {

    background: url(../images/coll.png) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}

.abt-banner21 {

    background: url(../images/schcol.png) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}



.abt-banner22 {

    background: url(../images/colsi.png) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 120px;

}







.abt-banners {

    background: url(../images/abts.jpg) no-repeat;

        background-size: auto;

    background-size: auto;

    background-size: cover;

    padding: 100px 0 150px;

    text-align:center;

}



.about-text h2 {

    color: #fff;

    font-size: 26px;

    letter-spacing: 3px;

    font-weight: bold;

    line-height: 1.3;

}



.about-text p {

    color: #fff;

}



.about-text p a {

    color: #7a7af4;

    font-weight: 600;

}







/*contact page*/



.section-pad {

    padding: 50px 25px;

    background-color: #ffff;

}



.section-pad1 {

    background: #fff;

    padding-top: 30px;

}





.section-pad h3 {

    color: #000;

font-size: 26px;

line-height: 1.3;

margin-top: 0px;

padding-bottom: 10px;

font-weight: 700;

position: relative;

}



.section-pad h3 span {

    border-bottom: 1px dashed #0000f8;

    display: inline-block;

    padding-bottom:6px;

}



/*.section-pad h3::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

}

*/

.contact-list li i {

    color: #494999;

    font-size: 24px;

    display: block;

    width: 30px;

    float: left;

}



.contact-list b {

    font-size: 17px;

}



.contact-list li span {

    margin-left: 40px;

    display: block;

    line-height: 1.4;

    font-size: 16px;

}



.contact-list li span a{

    color: #000;

}



.member {

    padding: 50px 0 70px;

}



.member1 {

    background: #fff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

    padding: 16px 48px 40px 58px;

    border: 1px solid #c59d5f;

}



.member1 h1 {

    font-size: 28px;

    font-weight: 700;

    margin: 10px 0 15px;

}



.form-control {

    position: relative;

    display: block;

    border: none;

    border-radius: 3px;

    border: 1px solid #b5b4b4;

    box-shadow: none;

    font-size: 16px;

    height: 47px;

    -webkit-appearance: none;

}



.form-group label span {

    color: red;

}



.btn-default {

    color: #fff;

    font-family: 'Poppins', sans-serif;

    padding: 10px 23px;

    border: 2px solid #fff;

    background: #494999;

    font-weight: 600;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}



/*clients page*/



.clientpage{

    padding: 30px 0 80px;

}



.clientpage1{

    padding-bottom: 45px;

}



.clientpage1 img{

    border: 1px solid #ccc;

     box-shadow: 0 0 25px rgba(89, 82, 82, 0.27);

}



.clientpage h1{

    font-size:36px;

    color: #000;

    text-align: left;

    font-style: normal;

    line-height: 43px;

    font-weight: 700;

    letter-spacing: 0px;

    padding-bottom:10px;

    position: relative;

    margin-bottom: 42px;

}



.clientpage h1 span {

    border-bottom: 1px dashed #0000f8;

    display: inline-block;

    padding-bottom:6px;

}



/*.clientpage h1::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

}*/



.clientpage2 img{

    border: 1px solid #ccc;

     box-shadow: 0 0 25px rgba(89, 82, 82, 0.27);

     width: 165px;

     height: 165px;

}



.clientpage2{

    padding-bottom: 45px;

}



.info-box1{

    margin-left: -40px !important;

}



.aboutpage2 {

    padding: 16px 24px;

    background: #dbdbdb8f;

    margin-top: 26px;

}



.abou {

    margin: 0 auto;

    padding-bottom: 20px;

}



.abou img {

    width: 80px;

    float: left;

    margin-right: 8px;

    margin-top: 5px;

}



.aboutpage2 strong {

    color: #053b83;

    font-size: 18px;

    display: block;

    padding-bottom: 32px;

}





/*service page*/



.servicepage2 h4 {

    background-color: #2a5a9a;

    padding: 10px;

    margin-top: 20px;

    border-radius: 5px;

    color: #FFFFFF;

}



.servicepage2 ul {

    list-style-type: none;

    margin: 10px 0px 0px 0px;

    border-radius: 50px;

    color: #0000CC;

}



.servicepage2 ul li {

    padding: 10px;

    background-color: #eae9e9;

    border-bottom: 1px #ccc solid;

}





.servicepage2 ul li a {

    color: #333333;

    text-indent: 10px;

}



.servicepage2 ul li ul li {

    padding: 5px 0px;

    margin: 0px;

    font-size: 13px;

}



.servicepage2 ul li {

    background-color: #eae9e9;

    border-bottom: 1px #ccc solid;

}



.servicepage2 ul li ul {

    list-style-type: square;

    margin-left: 30px;

}





.servicepage{

    padding: 30px 0 30px;

}



.servicepage1 h1{   

font-size: 32px;

font-weight: 700;

letter-spacing: 1px;

margin-bottom: 20px;

position: relative;

text-transform: capitalize;

color: #000;

position: relative;}



.servicepage1 h1 span {

    border-bottom: 1px dashed #0000f8;

    display: inline-block;

    padding-bottom: 2px;

}



/*.servicepage1 h1::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

}*/



.servicepage1 ul li{

    padding: 5px 0;

}



.servicepage1 ul{

    padding-bottom: 10px;

}



.servicepage1 ul li i{

    color: #494999;

}



.servicepage1 p span{

    color: #0a0b0b;

font-weight: 700;

}



.servicepage1 ul  ul li{

    padding-left: 45px;

}





#callme {

    position: fixed;

    right: 30px;

    bottom: 100px;

    width: 70px;

    height: 70px;

    cursor: pointer;

    opacity: 1;

    z-index: 99999;

}



#callme a i{

    position: absolute;

    padding-left: 15px;

    font-size: 45px;

    padding-top: 10px;

    color:#fff;

}



#callme #callmeMain {

    -moz-border-radius: 50% !important;

    -webkit-border-radius: 50% !important;

    border-radius: 50% !important;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    background-color: rgb(78, 217, 130);

   width: 69px;

height: 65px;

}

#callme #callmeMain:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    /*background-image: url(https://ss.zadarma.com/callbackWidget/images/mini.png);

    background-repeat: no-repeat;*/

    background-position: center center;



}





@media only screen and (max-width: 600px) {

#callme {

    position: fixed;

    right: 30px;

    bottom: 70px;

    width: 50px;

    height: 50px;

    cursor: pointer;

    opacity: 1;

    z-index: 99990;

}

#callme #callmeMain {

    -moz-border-radius: 50% !important;

    -webkit-border-radius: 50% !important;

    border-radius: 50% !important;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    background-color:rgb(78, 217, 130);

    width: 50px;

    height: 50px;

    

}

} 





/*career*/



.creepage{

    padding: 30px 0 10px;

}



.creepage h1{   

font-size: 32px;

font-weight: 700;

letter-spacing: 1px;

margin-bottom: 20px;

position: relative;

text-transform: capitalize;

color: #282828;

position: relative;}



.creepage h1 span {

    border-bottom: 1px dashed #0000f8;

    display: inline-block;

    padding-bottom:6px;

}





/*.creepage h1::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

}

*/

.creepage ul li{

    padding: 5px 0;

}



.creepage ul{

    padding: 10px;

}



.servicepage1 ul li i{

    color: #494999;

}



.creepage p a{

    color: #0000f8;

    font-weight: 600;

}









/*counter start*/



.counter {

    background: url(../images/testi.jpg) no-repeat;

    background-size: cover;

    /*background-color: #000;*/

    background-attachment: fixed;

    padding: 50px 0;

}



.counter

{

    text-align: center;

}

.employees,.customer,.design,.order

{

    margin-top: 20px;

    margin-bottom: 70px;



}

.counter-count

{

    font-size: 30px;

    border-radius: 50%;

    position: relative;

    color: #ffffff;

    text-align: center;

    line-height: 92px;

    width: 92px;

    height: 75px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    display: inline-block;

    font-weight: 600;

}



.customer i{

  color: #fff;

  font-size: 25px;

}



.employee-p,.customer-p,.order-p,.design-p

{

    font-size: 22px;

    color:#fff;

    line-height:31px;

    font-weight: 600;

}





.separator {

    line-height: 0.5;

    text-align: center;

    margin: 30px 0 30px 0;

}



.separator span {

    display: inline-block;

    position: relative;

}



.separator {

    line-height: 0.5;

    text-align: center;

}



.separator span::before {

    right: 100%;

    margin-right: 15px;

}



.separator span::after {

    left: 100%;

    margin-left: 15px;

}



.separator span::before, .separator span::after {

    content: "";

    position: absolute;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);

    top: 0px;

    width: 300px;



}



.separator span i {

    font-size: 12px;

    padding: 0;

    margin: 0;

    float: none;

    color: #FAB207;

}



.Certificate {

    padding: 60px 0 110px 0;

}



.certf-col{

    margin-bottom: 15px;

}





.customer::before {

    content: '';

    position: absolute;

    width: 1px;

    height: 58px;

    border-left: 1px dashed #fff;

    left: 0px;

    right: 0px;

    margin: auto;

    top: -48px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.customer::after {

    content: '';

    position: absolute;

    width: 1px;

    height: 58px;

    border-left: 1px dashed #fff;

    left: 0px;

    right: 0px;

    margin: auto;

    bottom: -48px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.customer:hover::after {

    height: 90px;

}



.customer:hover::before {

    height: 90px;

}



/*hmwhy*/



.hmwhy{

    padding: 40px 0 80px;

    background-size: cover;    

    background: url(../images/hmwhbg.jpg) no-repeat center;

    background-attachment: fixed;

}



.hmwhy1 ul li, .hmwhy2 ul li{

    padding: 6px 0;

}



.hmwhy1, .hmwhy2{

    padding: 15px 20px;

background: #ffffffad;

}



.hmwhy2{

    padding-bottom: 65px;

}



.hmwhy1 ul li i{

    color: #fff;

    background: #ff5722;

    padding: 10px;

    border-radius: 35px;

    font-size: 18px;

    margin-right: 5px;

}



.hmwhy2 ul li i{

    color: #fff;

    background: #ff5722;

    padding: 10px;

    border-radius: 35px;

    font-size: 18px;

    margin-right: 5px;

}



.hmwhy1{

    margin-left: -97px;

}



.hmwhy2{

    margin-right: -97px;

}



.hmwhy h5{

    font-size: 46px;

font-weight: 700;

letter-spacing: 1px;

margin-bottom: 45px;

position: relative;

text-transform: capitalize;

color: #fff;

position: relative;

text-align: center;

}





/*testmonail*/



.testimonial {

  background-image: url('../images/hmbg1.html');

  background-size: cover;

  padding: 40px 0 94px 0;

}





#fade-carousel p {

    

    padding: 40px 55px 15px; 

    font-size:14px; 

    color:#666;

        text-align: justify;

    /*background: #000000b3;*/

}



#fade-carousel p span{ 

  font-size: 20px; 

  color:#001274;

  margin: 15px 0;

  display: inline-block;

  font-weight: bold;

  }



#fade-carousel .carousel-control {

    font-size: 51px;

    color: #fff;

    width: 40px;

    height: 40px;

    line-height: 34px;

    background: #494999;    

    border-radius: 50%;

    top: 38%;    

    margin: 0 20px;

    opacity: 1;

}



.profile-circle {

    margin: 0 0 -40px;

}

.profile-circle img{ 

  width:15%;

  border-radius:50%;}



.testimonial h2{ 

  font-size:38px; 

  color:#06163a;   

  margin: 40px 0 40px;

  font-weight: bold;

}



.testimonial h2 {

    position: relative;

    text-transform: uppercase;

    font-weight: 700;

    padding-bottom: 20px;

}



.testimonial h2 span {

    color: #ff5722;

}



.testimonial h2::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 43%;

    width: 136px;

    height: 1px;

    background: url(../images/sec-title-decoration.png);

}



/*hmgallery*/



/* clearfix */



.owl-carousel .owl-wrapper:after {

  display: block;

  visibility: hidden;

  clear: both;

  height: 0;

  content: ".";

  line-height: 0;

}





/* display none until init */



.owl-carousel {

  position: relative;

  display: none;

  width: 100%;

  -ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

  position: relative;

  display: none;

  -webkit-transform: translate3d(0px, 0px, 0px);

}



.owl-carousel .owl-wrapper-outer {

  position: relative;

  overflow: hidden;

  width: 100%;

}



.owl-carousel .owl-wrapper-outer.autoHeight {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item {

  float: left;

}



.owl-controls .owl-page,

.owl-controls .owl-buttons div {

  cursor: pointer;

}



.owl-controls {

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}





/* mouse grab icon */



.grabbing {

  cursor: url(../images/grabbing.html) 8 8, move;

}





/* fix */



.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

}



.owl-theme .owl-controls {

  margin-top: 10px;

  text-align: center;

}





/* 

 *  Owl Carousel CSS3 Transitions 

 *  v1.3.2

 */



.owl-origin {

  -webkit-perspective: 1200px;

  -webkit-perspective-origin-x: 50%;

  -webkit-perspective-origin-y: 50%;

  -moz-perspective: 1200px;

  -moz-perspective-origin-x: 50%;

  -moz-perspective-origin-y: 50%;

  perspective: 1200px;

}





/* fade */



.owl-fade-out {

  z-index: 10;

  -webkit-animation: fadeOut .7s both ease;

  -moz-animation: fadeOut .7s both ease;

  animation: fadeOut .7s both ease;

}



.owl-fade-in {

  -webkit-animation: fadeIn .7s both ease;

  -moz-animation: fadeIn .7s both ease;

  animation: fadeIn .7s both ease;

}





/* backSlide */



.owl-backSlide-out {

  -webkit-animation: backSlideOut 1s both ease;

  -moz-animation: backSlideOut 1s both ease;

  animation: backSlideOut 1s both ease;

}



.owl-backSlide-in {

  -webkit-animation: backSlideIn 1s both ease;

  -moz-animation: backSlideIn 1s both ease;

  animation: backSlideIn 1s both ease;

}





/* goDown */



.owl-goDown-out {

  -webkit-animation: scaleToFade .7s ease both;

  -moz-animation: scaleToFade .7s ease both;

  animation: scaleToFade .7s ease both;

}



.owl-goDown-in {

  -webkit-animation: goDown .6s ease both;

  -moz-animation: goDown .6s ease both;

  animation: goDown .6s ease both;

}





/* scaleUp */



.owl-fadeUp-in {

  -webkit-animation: scaleUpFrom .5s ease both;

  -moz-animation: scaleUpFrom .5s ease both;

  animation: scaleUpFrom .5s ease both;

}



.owl-fadeUp-out {

  -webkit-animation: scaleUpTo .5s ease both;

  -moz-animation: scaleUpTo .5s ease both;

  animation: scaleUpTo .5s ease both;

}





/* Keyframes */





/*empty*/



@-webkit-keyframes empty {

  0% {

    opacity: 1

  }

}



@-moz-keyframes empty {

  0% {

    opacity: 1

  }

}



@keyframes empty {

  0% {

    opacity: 1

  }

}



@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@-moz-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



@-moz-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



@-webkit-keyframes backSlideOut {

  25% {

    opacity: .5;

    -webkit-transform: translateZ(-500px);

  }

  75% {

    opacity: .5;

    -webkit-transform: translateZ(-500px) translateX(-200%);

  }

  100% {

    opacity: .5;

    -webkit-transform: translateZ(-500px) translateX(-200%);

  }

}



@-moz-keyframes backSlideOut {

  25% {

    opacity: .5;

    -moz-transform: translateZ(-500px);

  }

  75% {

    opacity: .5;

    -moz-transform: translateZ(-500px) translateX(-200%);

  }

  100% {

    opacity: .5;

    -moz-transform: translateZ(-500px) translateX(-200%);

  }

}



@keyframes backSlideOut {

  25% {

    opacity: .5;

    transform: translateZ(-500px);

  }

  75% {

    opacity: .5;

    transform: translateZ(-500px) translateX(-200%);

  }

  100% {

    opacity: .5;

    transform: translateZ(-500px) translateX(-200%);

  }

}



@-webkit-keyframes backSlideIn {

  0%,

  25% {

    opacity: .5;

    -webkit-transform: translateZ(-500px) translateX(200%);

  }

  75% {

    opacity: .5;

    -webkit-transform: translateZ(-500px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateZ(0) translateX(0);

  }

}



@-moz-keyframes backSlideIn {

  0%,

  25% {

    opacity: .5;

    -moz-transform: translateZ(-500px) translateX(200%);

  }

  75% {

    opacity: .5;

    -moz-transform: translateZ(-500px);

  }

  100% {

    opacity: 1;

    -moz-transform: translateZ(0) translateX(0);

  }

}



@keyframes backSlideIn {

  0%,

  25% {

    opacity: .5;

    transform: translateZ(-500px) translateX(200%);

  }

  75% {

    opacity: .5;

    transform: translateZ(-500px);

  }

  100% {

    opacity: 1;

    transform: translateZ(0) translateX(0);

  }

}



@-webkit-keyframes scaleToFade {

  to {

    opacity: 0;

    -webkit-transform: scale(.8);

  }

}



@-moz-keyframes scaleToFade {

  to {

    opacity: 0;

    -moz-transform: scale(.8);

  }

}



@keyframes scaleToFade {

  to {

    opacity: 0;

    transform: scale(.8);

  }

}



@-webkit-keyframes goDown {

  from {

    -webkit-transform: translateY(-100%);

  }

}



@-moz-keyframes goDown {

  from {

    -moz-transform: translateY(-100%);

  }

}



@keyframes goDown {

  from {

    transform: translateY(-100%);

  }

}



@-webkit-keyframes scaleUpFrom {

  from {

    opacity: 0;

    -webkit-transform: scale(1.5);

  }

}



@-moz-keyframes scaleUpFrom {

  from {

    opacity: 0;

    -moz-transform: scale(1.5);

  }

}



@keyframes scaleUpFrom {

  from {

    opacity: 0;

    transform: scale(1.5);

  }

}



@-webkit-keyframes scaleUpTo {

  to {

    opacity: 0;

    -webkit-transform: scale(1.5);

  }

}



@-moz-keyframes scaleUpTo {

  to {

    opacity: 0;

    -moz-transform: scale(1.5);

  }

}



@keyframes scaleUpTo {

  to {

    opacity: 0;

    transform: scale(1.5);

  }

}





/* Styling Next and Prev buttons */



.owl-theme .owl-controls .owl-buttons div {

  display: inline-block;

  margin: 5px;

  padding: 3px 10px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

  background: #869791;

  color: #FFF;

  font-size: 12px;

  opacity: 0.5;

  filter: Alpha(Opacity=50);

  /*IE7 fix*/

  zoom: 1;

  *display: inline;

  /*IE7 life-saver */

}





/* Clickable class fix problem with hover on touch devices */





/* Use it for non-touch hover action */



.owl-theme .owl-controls.clickable .owl-buttons div:hover {

  text-decoration: none;

  opacity: 1;

  filter: Alpha(Opacity=100);

  /*IE7 fix*/

}





/* Styling Pagination*/



.owl-theme .owl-controls .owl-page {

  display: inline-block;

  zoom: 1;

  *display: inline;

  /*IE7 life-saver */

}



.owl-theme .owl-controls .owl-page span {

  display: block;

  margin: 5px 7px;

  width: 12px;

  height: 12px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  background: #869791;

  opacity: 0.5;

  filter: Alpha(Opacity=50);

  /*IE7 fix*/

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span {

  opacity: 1;

  filter: Alpha(Opacity=100);

  /*IE7 fix*/

}





/* If PaginationNumbers is true */



.owl-theme .owl-controls .owl-page span.owl-numbers {

  padding: 2px 10px;

  width: auto;

  height: auto;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

  color: #FFF;

  font-size: 12px;

}





/* preloading images */



.owl-item.loading {

  min-height: 150px;

  background: url(../images/AjaxLoader.html) no-repeat center center

}





/* CUSTOM USER OPTIONS */



.carousel-container {

  width: 100%;

}



.item {

  margin: 0 10px;

  /*background: #fff;*/

  color: #333;

}



.tab-content .item img {

  width: 100%;

  height: 250px;

}





.customNavigation {

  margin-top: 5px;

  margin-right: 11px;

  text-align: right;

  margin-bottom: 20px;

}



.customNavigation .btn {

  position: relative;

    display: inline-block;

    overflow: visible;

    margin: -1.9px;

    padding: 0.2em 1em;

    border: 0;

    box-shadow: none;

    color: #fff;

    text-transform: uppercase;

    text-shadow: none;

    font-size: 14px;

    cursor: crosshair;

    -webkit-transition: all .1s ease-in 0s;

    -moz-transition: all .1s ease-in 0s;

    -o-transition: all .1s ease-in 0s;

    transition-property: all .1s ease-in 0s;

    -webkit-font-smoothing: antialiased;

    background: #494999;

    font-weight: 600;

}



.customNavigation .prev{

    left:0% !important;

    position: absolute;

}





.customNavigation .btn:hover {

    background: #fb5555;

    color: #fff;

}



.hoverfx {

  position: relative;

  display: block;

  overflow: hidden;

  text-align: center;

}



.hoverfx img {

  position: absolute;

  left: 0;

  width: 100%;

}



.hoverfx:before {

  display: inline-block;

  padding-top: 60%;

  content: '';

  vertical-align: middle;

}



.hoverfx .figure {

  position: relative;

  z-index: 2;

  display: inline-block;

  padding: 10px 15px;

  max-width: 60%;

  border: 3px solid #e9e9e9;

  color: #ecf0f1;

  vertical-align: middle;

  text-transform: uppercase;

  font-size: 1.2rem;

  opacity: 0;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition-property: all .3s ease;

}



.hoverfx .figure:hover {

  background: #e9e9e9;

  color: #333;

}



.hoverfx .overlay {

  position: absolute;

  top: 0;

  z-index: 1;

  padding: 50%;

  background: rgba(0, 0, 0, .7);

  opacity: 0;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition-property: all .3s ease;

}



.item:hover .figure,

.item:hover .overlay {

  opacity: 1;

}



.news_detail2{

    padding: 45px 0 65px;

}





.news_detail2 h4{

    text-align: center;

    font-size: 36px;

font-weight: 700;

letter-spacing: 1px;

margin-bottom: 5px;

position: relative;

text-transform: capitalize;

color: #000;

position: relative;

}









/*hmtesti*/



.hmtesti{

    padding: 25px 0;

        background: #eaeaea;

}



.hmtesti1{

    padding-top: 35px;

}





.job-content {

    background: #fff;

    padding: 0 8px 20px;

    border-radius: 8px;

height: 350px;

margin-top: 53px;

position: relative;

margin-right: 13px;

margin-left: 99px;

box-shadow: 0 6px 5px 1px #A6A6A659;

}



.job {

    background: #494999;

    padding: 2px;

    margin-left: -8px;

    margin-right: -8px;

    text-align: center;

    color: #fff;

    margin-bottom: 45px;

}



.job h4 {

    font-weight: 700;

    color:#fff;

    font-size: 22px;

    margin-top: 5px;

margin-bottom: 7px;

}



.job-content dl dd {

    border-bottom: 1px dashed #ccc;

    list-style: inside;

    padding-bottom: 5px;

}



.job-content dl{

    padding-left: 15px;

}





.job-content dl dt{

    padding-top: 15px;

}



.job-content ul li a {

    line-height: 38px;

    color: #333;



}



.job-content1{

        position: relative;

    z-index: 99;

    padding-top: 20px;

    padding-left: 5%;

    background: #ffffffad;

    margin-right: 35%;

    margin-top: 7%;

    padding-bottom: 28px;

}





.job-content1 h4{

    font-weight: 700;

    color:#000;

    font-size: 33px;

    text-align: center;

}





.job-content1 ul li i {

    color: #fff;

    background: #ff5722;

    padding: 10px;

    border-radius: 35px;

    font-size: 18px;

    margin-right: 5px;

}



.job-content1 ul li {

    padding: 6px 0;

}



.job-content1 ul li a {

    color: #000;

}





/** Slider */



.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;

    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



.hmclient {

    padding: 3px 0 3px;

    background: #f7f7f7;

}



.hmclient h2{

font-size: 32px;

position: relative;

font-weight: 700;

padding-bottom: 10px;

margin-bottom: 27px;

color: #062a4d;

line-height: 41px;

text-align: center;

}



.slide img{

    box-shadow: 0 0 17px rgba(115, 115, 115, 0.34);

margin-bottom: 17px;

    margin-top: 17px;

}





.messages1{

    color:green;

    font-weight:600;

    padding-bottom:8px;

}



.error{

    color:red;

}







@media only screen and (min-width: 992px) and (max-width: 1200px) {



.logo{

    margin-left: -2px;

}



.main-header .logo-outer .logo img{

    width: 290px;

}



.default-inner-header .header-upper, .header-style-two .header-upper{

    padding: 0 !important;

}



.main-menu .navigation > li{

      margin-left: 18px;

    margin-top: -9px;

}



.candh a{

    margin-left: 4px;

}



.toolbar-top-area .toolbar-contact ul{

    margin-left: 6px;

}



.toolbar-top-area .toolbar-sl-share ul{

    margin-right: -13px;

}



.fotters {

    margin-right: 28px;

}



.copyright1 {

    margin-left: -67px;

}



.footer-top img {

    width: 290px;

    margin-left: -24px;

}



}



.hmclient h4{

    text-align: center;

font-size: 36px;

font-weight: 700;

letter-spacing: 1px;

margin-bottom: 5px;

position: relative;

text-transform: capitalize;

color: #000;

position: relative;

}





.klki {

    line-height: 30px !important

}

.abouu span{

    color: red;

    font-size: 16px;

    font-weight: 700;

}



.abouu{

    text-align: center;

    padding-top: 20px;

}



.abouu img{

    border-radius: 50%;

    width: 200px;

}



.contu{

    margin: 15px 0;

}



.contu h4{

    font-size: 18px;

    font-weight: 600;



}



.contu li{

    display: flex;

}

/*new gallery style start*/
.gallery-grid .row {
  margin-bottom: 15px;
}

.gallery-grid .item {
  margin-bottom: 15px;
}

.gallery-grid .img-fixed {
  width: 100%;
  height: auto; /* Fixed height for all images */
  object-fit: cover; /* Ensures the images cover the set dimensions */
}

@media (max-width: 768px) {
  .gallery-grid .col-md-3 {
    width: 50%;
  }
}

@media (max-width: 576px) {
  .gallery-grid .col-md-3 {
    width: 100%;
  }
}


/*new gallery style end*/

/*carousel start*/
.swiper-container {
  width: 100%;
  height: 80vh;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
  transition: transform 0.3s ease;
}

.swiper-slide {
  min-width: 100%;
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
/*  border: 1px solid #ddd;*/

  & img 
  {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: -20px;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
/*  background: #007aff;*/
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  user-select: none;
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}

@media (max-width: 992px) {
  .swiper-button-prev,
.swiper-button-next {
    top: 70% !important;
    }
    .swiper-container
    {
        height: auto;
    }
}
@media (max-width: 768px) {
  .swiper-button-prev:after,
.swiper-button-next:after {
/*    top: 70% !important;*/
        font-size: 25px !important;
        opacity: 0;
/*        hide in mobile view */
    }
 
}
/*carousel end*/