*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

body {
   line-height: 1.7;
  font-size: 15px;
  color: #2b2b2b;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  overflow-x: hidden !important;
}

a{
  text-decoration: none !important;
}

li{
  list-style: none !important;
}

ul{
    margin-bottom: 2px;
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'Lora', serif;
 line-height: 1.5;
font-weight: 700 !important;
font-style: italic;
}


.toolbar-top-area {
    background: #050f4c;
border-bottom: 1px dashed #d0d0d0e8;
padding: 0px 0;
}

.toolbar-top-area .toolbar-contact ul li {
    display: inline-block;
    margin-right: 25px;
    color: #fff;
    font-size: 14px;
    padding-top: 3px;
    margin-left: -7px;
}

.toolbar-top-area .toolbar-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 0px;
}

.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 {
    text-align: right;
    padding-top: 2px;
    margin-right: 0px;
    margin-bottom: -2px;
}

.toolbar-top-area .toolbar-sl-share ul li {
    display: inline-block;
}

.toolbar-top-area .toolbar-sl-share ul li a {
    display: block;
    color: #fff;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 11px;
}

.toolbar-top-area::after{
    content: "";
    display: block;
    height: 6px;
    width: 100%;
}


.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;
}

.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: 0px 42px;
    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:#fbeee0b0;
    background:#fff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24);
}

.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 8px;
}

.main-header .logo-outer .logo img{
    position:relative;
    display:inline-block;
    /*max-width:100%;*/
    width: 149px;
    margin-left:43px;
    padding-top:0px;
    margin-top: 2px;
}

.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;
    padding: 33px 0;
}

.main-menu{
    position:relative;
    float:left;
}

.main-menu .navbar-collapse{
    padding:0px;    
    margin-right: 78px;
}

.main-menu .navigation{
    position:relative;
    margin:0px;
    /*padding-top: 45px;*/
}

.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;
    text-transform:uppercase;
    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:300px;
    z-index:100;
    display:none;
    background:#ffffff;
    border-top:3px solid #fa3a39;
    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:0px;
      /*  padding-left: 0px;*/  
    }
    
    .main-header .header-upper .upper-right{
        position:relative;
        /*width:100%;*/
        padding-top:0px;
        /*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 #923a2c;
        float:none;
        margin:0px 13px 0px 0px;
        border-radius:2px;
        background:#923a2c;
        padding: 15px 19px;
    }
    
    .main-menu .navbar-header .navbar-toggle .icon-bar {
    background: #fff;
}


    .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: #42dae8 !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: #050f4c;
color: #fff !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****/


/*hmservice*/

.hmservice{
    padding: 35px 0 80px;
    /*background: url(../images/graphics-1.svg) no-repeat;*/
}

.hmser{
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
box-shadow: 0 0 25px rgba(89, 82, 82, 0.27);
margin-bottom: 15px;
}

.hmser:hover{
   border: 1px solid #3d3b8a;
}



.hmser strong{
    font-size: 15px;
    padding-top: 10px;
    display: block;
    text-align: center;
    color: #222;
}


.hmser img{
width: 75px;
height: 75px;
margin: 0 auto;
display: block;
}



.hmservice2{
    padding: 0 55px;
}

.hmservice1{
    margin-left:3px;
}

.hmser1 img{
    margin-top: 15px;
margin-left: -32px;
}


.hmser1 h1{
    margin-top: 0px;
}


/*process*/

.hmproces{
    padding: 30px 0 260px;
    background-image: radial-gradient(50% 50%, #070086 0%, #050069 37%, #02004b 87%);
    position: relative;
     background-image: radial-gradient(50% 50%, #f9dec1 0%, #f9d9b7 37%, #f4cfa7 87%);
     background: url(../images/middlebg1.jpg) center no-repeat;
     background-size: cover;
}

.hmproces::after {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height:100%;
    content: '';
    background: url(../images/timelinered.png) no-repeat center center;
}

.hmproces h2{
    text-align: center;
    color: #ffff;
}

.hmpro{
  text-align: center;
  padding-bottom: 60px;
}


.hmpro strong{
    padding-top: 25px;
    display: block;
    color:#fff;

}

.hmproces1{
    padding-top: 45px;
}


.hm1{
    margin-top: 30px;
position: absolute;
margin-left: -49px;
z-index: 9;
}


.hm2{
   margin-top:30px;
position: absolute;
margin-left: 11px;
z-index: 9;
}


.hm3{
   margin-top: -13px;
position: absolute;
margin-left: 11px;
z-index: 9;
}


.hm4{
   margin-top: -28px;
position: absolute;
margin-left: 11px;
z-index: 9;
}

.hm5{
margin-top: -9px;
position: absolute;
margin-left: 11px;
z-index: 9;
}

.hm6{
margin-top: 59px;
position: absolute;
margin-left: 32px;
z-index: 9;
}




#callme {
    right: 30px;
    bottom: 100px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    z-index: 99999;
}

#callme a i{
    position: absolute;
   padding-left: 45px;
font-size: 41px;
padding-top: 12px;
    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: rgba(0,0,0,0.5);
    width: 70px;
    height: 70px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
    margin-left: 63px;
}
#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;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}
@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 30px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 30px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 30px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 30px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 30px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 30px rgba(207,8,8, 0);}
}
@media only screen and (max-width: 600px) {
#callme {
    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;
    width: 70px;
    height: 70px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
} 


.hm2 #callme #callmeMain{
    margin-left: 50px;
}

.hm2 #callme a i{
    position: absolute;
   padding-left: 32px;
font-size: 41px;
padding-top: 12px;
    color:#fff;
}

.hm3 #callme #callmeMain{
    margin-left: 51px;
}

.hm3 #callme a i{
    position: absolute;
   padding-left: 27px;
font-size: 51px;
padding-top: 4px;
    color:#fff;
}

.hm6 #callme #callmeMain{
    margin-left: 50px;
}

.hm6 #callme a i{
    position: absolute;
   padding-left: 33px;
font-size: 41px;
padding-top: 12px;
    color:#fff;
}

.hmpro i{
    color: #fff;
    font-size: 45px;
}




/*hmget*/

.hmget{
    padding:50px 0 80px;
}

.hmget h2{
    text-align: center;
    padding-bottom: 35px;
}

.hmget1 {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 25px rgba(89, 82, 82, 0.27);
    margin-bottom: 15px;
}

.hmget1 img {
    width: 70px;
    margin: 0 auto;
    display: block;
    height: 70px;
}

.hmget1 strong {
    font-size: 15px;
    padding-top: 10px;
    display: block;
    text-align: center;
    color: #222;
}

.hmpartner{
    padding: 100px 0 110px;
    background: url(../images/hero-bg.png) center no-repeat;
    background-size: cover;
}

.call-to-action .content-column {
    position: relative;
    float: left;
}

.call-to-action .content-column h3 {
    display: block;
    font-size: 28px;
    line-height: 1.2em;
    color: #242424;
    font-weight: 600;
}


.call-to-action .content-column .title {
    display: block;
    font-size: 20px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 10px;
}

.call-to-action .btn-column {
    position: relative;
    padding-top: 15px;
}

.call-to-action .btn-column a {
    padding: 10px 43px;
}

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 10px 30px;
    font-weight: 600;
    border-radius: 3px;
    text-transform: uppercase;
    background-color: #e43838;
    letter-spacing: .2em;
    font-family: "Open Sans", sans-serif;
}

/*footer*/

/*footer page*/



.footer {
    background-color:#181e2a;
    background-size: cover;
    padding-top: 40px;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    background: url(../images/footerbg.png) center no-repeat;
   /* background-image: radial-gradient(50% 50%, #f9dec1 0%, #f9d9b7 37%, #f4cfa7 87%);
    position: relative;*/
    border-top: 7px solid #050f4c;
}

.foot {
    background-color: #242424 !important;
}


.footer-title {
    letter-spacing: 1.3px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 12px;
    font-size: 20px;
}

.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:#b7b6b6;
    font-size: 15px;
}

.footer-widget ul li {
   padding-top: 13px;
   color:#b7b6b6;
   font-size: 15px;
}

.footer-widget ul li span{
    color: #fff;
    font-weight: 600;
}

.footer-widget i{
     color:#fff;
    padding-right: 5px;
    font-size: 13px;
}

.footer-widget1 i{
     color: #fff;
    padding-right: 5px;
    font-size: 15px;
}

.footer-widget ul li a {
    text-transform: capitalize;
    color: #b7b6b6;
    display: block;
    font-size: 14px;
}

.footer-widget ul li a:hover{
    color: #ffba00;
}

.detail li p {
    color: #403f3f;
    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: #18562b;
  border: 1px solid #fff;
  padding: 10px;
  box-shadow: 0 0 17px rgba(115,115,115,.19);
}

.tiny-footer {
    background-color: #1e1e1d;
    padding: 25px 0px;
    font-weight: 600;
    color: #888d90;
    line-height: 1;
    margin-top: 30px;
    border-top: 1px solid #b0b1b35e;
}

.tiny-footer p {
    color: #eee;
    margin-bottom: 0px;
    font-size: 15px;
}


/*.footer::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    content: '';
    background: url(../images/footerbg.png) no-repeat center center/cover;

}
*/
/*.footer::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    content: '';
    background: url(../images/shape4.png) no-repeat center center/cover;
}
*/
/*hmbanner*/

/*.hmbanner {
    background-image: url(../images/main-banner3.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0 100px;
background-attachment: unset;
}
*/

.hmbanner{
    background-image: radial-gradient(50% 50%, #0065af 0%, #0065af 37%, #3d3b8a 87%);
    background: #fab570;
    padding: 100px 0 100px;
   /* background-image: radial-gradient(50% 50%, #f9dec1 0%, #f9d9b7 37%, #f4cfa7 87%);*/
    position: relative;
    background: url(../images/hmbanner.jpg)no-repeat;
    background-size: cover;
}


/*.hmbanner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    content: '';
    background: url(../images/shape3.png) no-repeat center center/cover;
}

.hmbanner::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    content: '';
    background: url(../images/shape4.png) no-repeat center center/cover;
}
*/

.hmtext{
    padding: 10px 20px 20px;
    background: #ffffffa3;
}

.hmtext h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 15px;
}

.hmtext p {
  color: #000;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 15px;
}

.hmtext a {
  color: #fff;
font-family: 'Poppins', sans-serif;
padding: 10px 23px;
border: 2px solid #fff;
background: #050f4c;
font-weight: 600;
}

.hmtext h4 {
  color:#050f4c;
  text-transform: uppercase;
}

.hmtext ul li {
  list-style: disc;
  padding: 5px 0;
  font-size: 17px;
  color: #333;
}

.hmtext1 span{
  color: #d43c24;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.hmtext1 b{
  color: #333;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding-top: 15px;
  display: block;
}

.hmtext1{
  padding: 20px 20px 20px 45px;
  background:#ffffff8a;
  width: 350px;
  margin-top: 35px;
}

canvas {
  display: block;
  vertical-align: bottom;
}
/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
}

.hmnt{
    padding: 15px;
    background: #fff;
    border: 1px solid #ccc;
box-shadow: 0 0 20px rgba(89, 82, 82, 0.24);
text-align: center;
margin-bottom: 25px;
width: 300px;
}

.hmn1{
    margin-left: 135px;
}

.hmnetwork{
        background: #eaeaeab0;
    padding: 25px 0 70px;
}

.hmnetwork h3{
    text-align: center;
    padding-bottom: 30px;
    font-size:34px;
}

/*testmonail*/

.testimonial1{
  padding: 44px 50px 60px;
}

.testimonial1 h4{
  text-align: center;
padding-bottom: 39px;
color:#222;
margin-bottom: 10px;
font-size: 36px;
font-weight: 700;
text-shadow: 0px 1px 1px rgba(94, 91, 91, 0.9);
}

.testimonial{
            border-right: 4px solid #231f20;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
            padding: 30px 30px 30px 130px;
            margin: 0 15px 30px 15px;
            overflow: hidden;
            position: relative;
            background: #f7e9da;
        }

        .testimonial:before{
            content: "";
            position: absolute;
            bottom: -4px;
            left: -17px;
            border-top: 25px solid #231f20;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            transform: rotate(45deg);
        }
        .testimonial:after{
            content: "";
            position: absolute;
            top: -4px;
            left: -17px;
            border-top: 25px solid #231f20;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            transform: rotate(135deg);
        }
        .testimonial .pic{
            display: inline-block;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            overflow: hidden;
            position: absolute;
            top: 60px;
            left: 20px;
        }
        .testimonial .pic img{
            width: 100%;
            height: auto;
        }
        .testimonial .description{
            font-size: 15px;
            letter-spacing: 1px;
            color: #6f6f6f;
            line-height: 25px;
            margin-bottom: 15px;
        }
        .testimonial .title{
            display: inline-block;
            font-size: 20px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #0e0e22;
            margin: 0;
        }
        .testimonial .post{
            display: inline-block;
            font-size: 17px;
            color: #0e0e22;
            font-style:italic;
        }
        .owl-theme .owl-controls .owl-page span{
            border: 2px solid #2A3D7D;
            background: #fff !important;
          border-radius:0 !important;
            opacity: 1;
        }
        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls .owl-page:hover span{
            background: #29D18B !important;
          border-color:#29D18B;
        }
        @media only screen and (max-width: 767px){
            .testimonial{
                padding: 20px;
                text-align: center;
            }
            .testimonial .pic{
                display: block;
                position: static;
                margin: 0 auto 15px;
            }
        }


#particle-canvas {
  width: 100%;
  height: 100%;
}


.abt-banner {
    padding: 60px 0;
    /*background: #ec696d;
    background-image: radial-gradient(50% 50%, #f9dec1 0%, #f9d9b7 37%, #f4cfa7 87%);*/
    background: url(../images/abt.jpg)center center no-repeat;
    background-size: cover;
}

/*.abt-banner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    content: '';
    background: url(../images/shape3.png) no-repeat center center/cover;
    z-index: 1;
}


.abt-banner::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    content: '';
    background: url(../images/shape4.png) no-repeat center center/cover;
    z-index: 1;

}*/

.about-text h2 {
    color: #fff;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: bold;
}

.about-text p {
    color: #fff;
}

.about-text p a {
    color: #ff7373;
    font-weight: 600;
}

.laonfomr{
    padding: 50px 0 80px;
}

.laonfomr1{
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 16px 48px 40px 58px;}


.btn-default{
   color: #2d2c2c;
    font-family: 'Poppins', sans-serif;
    padding: 10px 23px;
    border: 2px solid #fff;
    background: #f2c999;
    font-weight: 600;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.laonfomr1 h3{
    text-align: center;
    font-size: 32px;
}


/*loan page*/

.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow:  -16px 5px 30px 0 rgba(0, 0, 0, 0.11);
    margin-bottom: 0;
    padding: 30px;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #923a2c none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 20px 3px 34px;
    position: relative;
    transition: all 0.3s ease 0s;
    font-style: normal;
     font-family: 'Poppins', sans-serif;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #923a2c none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 45px;
    left: -20px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 45px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}

#accordion .panel-body p span {
   color: #000;
   font-weight: 600;
}



.section-title h1{
    font-size: 24px;

}

.hmloan{
    padding: 30px 0 70px;
}

.hmloan h1{
    text-align: center;
    padding-bottom: 15px;
}

.hmloan strong{
    color: #923a2c;
    font-size: 17px;
    padding-bottom: 10px;
    display: block;
}

.hmloan ul li{
    padding: 3px 0;
}

.hmloan ul li i{
  color: #923a2c;
}

.hml{
    padding-top: 55px;
}

.menpa1 {
    margin-top: 40px;
    margin-bottom:0px;
}


.menpa1 a {
    color: #fff;
font-size: 16px;
font-weight: 600;
padding: 13px 20px;
background: #050f4c;
    box-shadow: 3px 4px #ccc;
    margin-bottom: 35px;
}


.visionpg{
    padding: 30px 0 50px;
}

/*contact form*/

.section-pad {
    padding: 50px 25px;
    background-color: #ffff;
}

.section-pad1 {
    background: #fff;
    
}


.contact-heading {
    color: #3a3a3a;
font-size: 26px;
line-height: 1.3;
font-family: 'Cantata One', serif;
text-transform: uppercase;
margin-top: 0px;
padding-bottom: 25px;
}

.contact-list li i {
    color: #d9531e;
    font-size: 24px;
    display: block;
    width: 30px;
    float: left;
}

.contact-list b {
    font-size: 17px;
}

.contact-list li span {
    color: #777;
    margin-left: 40px;
    display: block;
    line-height: 1.4;
    font-size: 16px;
}

.contact-list li span a{
    color: #777;
}

.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 #ddd;
    box-shadow: none;
    font-size: 16px;
    height: 47px;
    -webkit-appearance: none;
}

.form-group label span {
    color: red;
}

.visih span{
  font-weight: 600;
  color: #f48e23;
}

.error{
    color:red;
}

.messages1{
    color: green;
font-weight: 700;
padding-bottom: 11px;
}



/*media query start*/

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


.hidden-xs {
    display: block !important;
}

.toolbar-top-area .toolbar-contact ul{
    margin-left: -10px;
}

.toolbar-top-area .toolbar-sl-share ul {
    text-align: left;
    padding-top: 6px;
    margin-left: -19px;
    margin-bottom: 2px;
    margin-right: 0px;
}

.toolbar-top-area .toolbar-contact ul li{
  padding-top: 2px;
  float: left;
  margin-left: 4px;
  margin-right: 5px;
}

.main-header .logo-outer .logo img{
    width: 104px;
margin-top: -3px;
}

.header-style-two .header-upper {
    padding: 0px 5px 8px;
}


.toolbar-sl-share li{
    float: left;
}

.main-menu .navigation{
    padding-top: 5px;
}


.toolbar-contact ul li a {
    font-size: 13px;
}

.toolbar-top-area .toolbar-contact ul li i{
    font-size: 13px;
margin-right: 2px;
margin-left: -5px;
}


.toolbar-top-area .toolbar-sl-share ul li a{
    font-size: 15px;
    padding: 2px 0px;
}

.hmtext {
    padding-top: 0px;
}

.hmservice2 {
    padding: 0 11px;
}

.hmser1 img{
    width: 100%;
    margin-left: 10px;
    margin-bottom: 35px;
}

.hmservice {
    padding: 13px 0 21px;
}

.hm2 #callme #callmeMain{
    margin-left: 103px;
}

.hm2 #callme a i{
    position: absolute;
    padding-left: 95px;
    font-size: 41px;
    padding-top: 13px;
    color: #fff;
}

.hm3 #callme #callmeMain{
    margin-left: 103px;
}

.hm3 #callme a i{
    position: absolute;
    padding-left: 95px;
    font-size: 41px;
    padding-top: 13px;
    color: #fff;
}

.hm6 #callme #callmeMain{
    margin-left: 103px;
}

#callme #callmeMain{
    margin-left: 103px;
}

.hm6 #callme a i{
    position: absolute;
    padding-left: 95px;
    font-size: 41px;
    padding-top: 13px;
    color: #fff;
}

#callme a i {
    position: absolute;
    padding-left: 95px;
    font-size: 41px;
    padding-top: 13px;
    color: #fff;
}

.hm1{
    margin-top: 0px;
 position: inherit;
margin-left: 0px;
z-index: 9;
}


.hm2{
   margin-top:0px;
 position: inherit;
margin-left: 0px;
z-index: 9;
}


.hm3{
   margin-top: 0px;
 position: inherit;
margin-left: 0px;
z-index: 9;
}


.hm4{
   margin-top: 0px;
 position: inherit;
margin-left: 0px;
z-index: 9;
}

.hm5{
margin-top: 0px;
 position: inherit;
margin-left: 0px;
z-index: 9;
}

.hm6{
margin-top: 0px;
 position: inherit;
 margin-left: 0px;
z-index: 9;
}

.hmproces {
    padding: 5px 0 5px;}

.hmget {
    padding: 15px 0 19px;
}

.hmn1 {
    margin-left: 0px;
}

.hmnetwork img{
    width: 100%;
}

.hmnetwork {
    padding: 5px 0 18px;
}

.testimonial1 {
    padding: 17px 8px 23px;
}

.abt-banner {
    padding: 10px 0;
}

.laonfomr1 {
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 4px 7px 22px 7px;
}

.laonfomr {
    padding: 35px 0 40px;
}

.header-style-two .logo-outer {
    padding: 6px 0px 0px;
}

.hmbanner {
    padding: 9px 0 19px;
}


}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
    
    .toolbar-top-area .toolbar-contact ul{
        margin-left: 0px;
    }
    
    .toolbar-top-area .toolbar-sl-share ul{
        margin-right: 0px;
    }
    
    .footer-top img{
        margin-left: -5px;
    }
    
    .top1, .top3{
        margin-left: 42px;
    }
    
    
    .fotters {
    margin-right: -4px;
}

.main-header .logo-outer .logo img {
    margin-left: 18px;
}

.main-menu .navbar-collapse {
    margin-right: 53px;
}

}

