@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'MuliExtraLight';
    src: url('../fonts/MuliExtraLight.eot');
    src: url('../fonts/MuliExtraLight.eot') format('embedded-opentype'),
         url('../fonts/MuliExtraLight.woff2') format('woff2'),
         url('../fonts/MuliExtraLight.woff') format('woff'),
         url('../fonts/MuliExtraLight.ttf') format('truetype'),
         url('../fonts/MuliExtraLight.svg#MuliExtraLight') format('svg');
}


@font-face {
    font-family: 'MuliRegular';
    src: url('../fonts/MuliRegular.eot');
    src: url('../fonts/MuliRegular.eot') format('embedded-opentype'),
         url('../fonts/MuliRegular.woff2') format('woff2'),
         url('../fonts/MuliRegular.woff') format('woff'),
         url('../fonts/MuliRegular.ttf') format('truetype'),
         url('../fonts/MuliRegular.svg#MuliRegular') format('svg');
}


@font-face {
    font-family: 'MuliSemiBold';
    src: url('../fonts/MuliSemiBold.eot');
    src: url('../fonts/MuliSemiBold.eot') format('embedded-opentype'),
         url('../fonts/MuliSemiBold.woff2') format('woff2'),
         url('../fonts/MuliSemiBold.woff') format('woff'),
         url('../fonts/MuliSemiBold.ttf') format('truetype'),
         url('../fonts/MuliSemiBold.svg#MuliSemiBold') format('svg');
}


@font-face {
    font-family: 'MuliBold';
    src: url('../fonts/MuliBold.eot');
    src: url('../fonts/MuliBold.eot') format('embedded-opentype'),
         url('../fonts/MuliBold.woff2') format('woff2'),
         url('../fonts/MuliBold.woff') format('woff'),
         url('../fonts/MuliBold.ttf') format('truetype'),
         url('../fonts/MuliBold.svg#MuliBold') format('svg');
}


@font-face {
    font-family: 'MuliExtraBold';
    src: url('../fonts/MuliExtraBold.eot');
    src: url('../fonts/MuliExtraBold.eot') format('embedded-opentype'),
         url('../fonts/MuliExtraBold.woff2') format('woff2'),
         url('../fonts/MuliExtraBold.woff') format('woff'),
         url('../fonts/MuliExtraBold.ttf') format('truetype'),
         url('../fonts/MuliExtraBold.svg#MuliExtraBold') format('svg');
}


a, a:focus, a:hover{ outline:none; text-decoration:none;}


html, body{ background:#f9f9f9;  margin:0;  padding:0; color:#303030; font-size:16px; line-height:24px;  font-family: 'MuliRegular'; 
   font-style: normal; overflow-x:hidden;}


h1, h2, h3{ margin-top:0; color:#000000;  font-family: 'MuliExtraBold'; font-style: normal;  }  
h4, h5, h6{ margin-top:0; color:#000000;  font-family: 'MuliSemiBold'; font-style: normal;  } 

.title1{  position:relative; padding-bottom:5px; margin-bottom:20px;}  
.title1:before{ content:""; width:100px; height:3px; background:#0f9858; position:absolute; margin-left:-50px; left:50%; bottom:-5px;}

h2{ font-size:36px;}


.clearfix{ clear:both; display:block;}

.bx_all_wrap{ padding:80px 0px;}

ul{ margin:0; padding:0;} ul li{ list-style:none;} .white{ color:#fff;} .m_t_0{ margin-top:0 !important;}  
.m_b_30{ margin-bottom:30px;} .img_full{ width:100%;} .img_responsive{ max-width:100%; display:inline-block;}  

.btn{   font-family: 'MuliSemiBold'; text-transform:uppercase; border-radius:8px; padding:12px 25px; min-width:120px; 
 color:#fff; font-size:14px; line-height:16px; border:none;  
   background-size:200% auto; transition:0.5s; background-image:linear-gradient(to right, #0f9858 0%, #0b7f49 50%, #0f9858 100%);
   
   }  
.btn:hover, .btn:focus{  color:#fff; background-position:right center; color:#fff; border:none; }
.btn.btn2{ background:#fff; color:#078d16;} 
.btn.btn2:hover{ background:#000; color:#fff;}

   
#mainheader{ position:relative; z-index:9999;}  

.header_top{ border-bottom:1px solid rgba(255,255,255,.4); padding:8px 0px;}

.link_t{ position:relative; width:100%; max-width:450px;} 

.link_t a{ color:#fff; font-size:16px; padding:0px 20px 0px 0px; margin-right:20px; border-right: 1px solid rgba(255,255,255,.4); position:relative; z-index:3; display:inline-block; } 
.link_t a:last-child{ margin:0; border:none; }
.link_t a:hover{opacity:0.7;}



#navbarCollapse{ padding-top:30px;}
.navbar{ padding:10px 0px 0px;}
.navbar-brand{ padding:8px 0px; margin:0px;}
.navbar-nav li{padding:0px 30px; line-height:16px; position:relative;} 

.navbar-nav li::after {
	content: "";
	top: 1px;
	width: 1px;
	height: 18px;
	margin: 5px 0 0;
	opacity: 1;
	border-right: solid 1px rgba(255,255,255,.4);
	right: 0px;
	display: inline-table;
	position: absolute;
}
.navbar-nav li:last-child::after {

	border-right: none !important;

}

.navbar-nav .dropdown-menu li::after {

	border-right: none !important;

}

.navbar-nav li:last-child{ border:none;}
.navbar-nav li a{ padding:7px 5px !important; color:#fff; font-size:16px;   position:relative; transition:all 0.2s ease-in-out;} 

.navbar-nav li a:before, .navbar-nav li a:after{    content: "";
    position: absolute; 
    bottom: -2px;
    width: 0px;
    height: 3px;
    margin: 5px 0 0;
    transition: all 0.2s ease-in-out;
        transition-duration: 0.2s;
    transition-duration: 0.75s;
    opacity: 0;
    background-color: #0f9858; border:none; border-radius:20px;
}
.navbar-nav li a:before{ left:0px;}  
.navbar-nav li a:after{ left:0px;} 

.navbar-nav li a:hover:before, .navbar-nav li a:hover:after, 
.navbar-nav li.active a:before, .navbar-nav li.active a:after{ width:100%;  opacity:1; } 



.navbar-nav li.active a, .navbar-nav li a:hover{ color:#fff; text-decoration:none;} 

.dropdown-menu {
	padding: 15px;
	margin-top: 10px;
	margin-left: 20px;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: transparent !important;
}

.dropdown-menu li{ padding:0 !important; margin-bottom:15px; border:none;}  
.dropdown-menu li:last-child{ margin:0px 0px 5px;}
.dropdown-menu li a{ display:block; padding:5px 0px; color:#000; }  
.dropdown-menu li a:hover{ color:#000;} 

.dropdown-toggle::after{ display:none;}

.navbar-expand-md .navbar-nav .dropdown-menu{ background:#fff; top:19px; border:none; border-radius:0; padding:5px;} 
.navbar-expand-md .navbar-nav .dropdown-menu ul{ padding:10px; } 

.navbar-expand-md > .container, .navbar-expand-md > .container-fluid{ display:block;} 



.t_right{ float:right;  text-align:center; position:relative; width:auto;    padding:0px;} 

.t_right ul{ position:relative; z-index:5;}
.t_right ul li{ display:inline-block; margin:0px 8px;} 
.t_right ul li a{ color:#fff; font-size:16px; display:inline-block;} .t_right ul li a:hover{ color:#0a9fca;}
.t_right ul li.login a{font-weight:700; color:#287831; padding:8px 40px; background-size:200% auto; transition:0.5s; } 
.t_right ul li.login a:hover{ background-image:linear-gradient(to right, #287831 0%, #2ca73a 50%, #287831 100%); background-position:right center; color:#fff;}
.t_right ul li.login{ border-left:#e0e2ea 1px solid; border-right:#e0e2ea 1px solid; margin-right:0;}

#myCarousel{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#221469+0,7d094f+100 */
background: #070731; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #070731 0%, #0b5a7a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #070731 0%,#0b5a7a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #070731 0%,#0b5a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221469', endColorstr='#7d094f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
padding:180px 0px 0px; margin-top:-163px;

}

#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev{ width:auto;} 
#myCarousel .carousel-control-next{ padding-right:10px;} 
#myCarousel .carousel-control-prev{ padding-left:10px;}

.carousel-inner{  z-index:999; overflow:inherit !important;}
.slide_content h1{ font-size:52px; margin:0; color:#fff; margin-bottom:25px;}  
.slide_content p{ color:#fff; margin-bottom:30px;}


.slide_img{ margin-bottom:-50px;}



.partners { background:#ececec;}
.sposlogo img{opacity:0.4;}  .sposlogo:hover img{opacity:1;} 

.securepayment{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c2c70+0,821c5c+100 */
background: #070731; /* Old browsers */
background: -moz-linear-gradient(top,  #070731 0%, #0b5a7a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #070731 0%,#0b5a7a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #070731 0%,#0b5a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c2c70', endColorstr='#821c5c',GradientType=0 ); /* IE6-9 */
 padding:20px 0px 0px;} 
.fsb_detail ul li{ color:#fff; text-align:center; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:20px; margin-bottom:20px;} 
.fsb_detail ul li i{ display:inline-block; width:54px; height:54px; background:#0f9858; border-radius:100%; line-height:54px; text-align:center;}
.fsb_detail ul li h5{ color:#fff; margin:8px 0px 6px;} 
.fsb_detail ul li:last-child{ border:none; padding:0; margin:0;} 
.pay_img {
	margin-top: -50px;
	position: relative;
	margin-left: 30px;
}
.pay_img img {
	max-width: 80%;
	display: inline-block;
} 

.fsbpayment h2{ color:#fff; margin-bottom:25px;} 
.fsbpayment{ padding-top:40px;}

.fsb_detail{ position:relative; margin-right:-20px;} 
.fsb_detail:before{ content:""; width:1px; height:100%;  background:rgba(255,255,255,.2); position:absolute; left:51%; top:0; margin-left:-6px;}


.form-control{ background:#e6e6e6; border:none; font-weight:400;  height:42px; margin-bottom:20px; font-size:16px; color:#252525; border-radius:50px; padding:0px 20px;} 
.form-control::-webkit-input-placeholder{color:#252525;opacity:1;}
.form-control::-moz-placeholder{color:#252525;opacity:1;}
.form-control:-ms-input-placeholder{color:#252525;opacity:1;}
.form-control::-ms-input-placeholder{color:#252525;opacity:1;}
.form-control::placeholder{color:#252525;opacity:1;} 

.getintouch form textarea.form-control{ height:220px !important; padding-top:10px;  border-radius:20px;} 
.form-control:focus{ box-shadow:0 0 0 .2rem rgba(255,255,255,.25); } 
.getintouch form .btn{ height:42px;}  

.f_s_cl_1{ margin-right:-8px;} .f_s_cl_2{ margin-left:-8px;} 

.telenumber span{ font-weight:500;}

#footer{/* background: url(../images/footer_bg.png) no-repeat center top; height:338px;*/ background: #070731; /* Old browsers */
background: -moz-linear-gradient(top,  #070731 0%, #0b5a7a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #070731 0%,#0b5a7a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #070731 0%,#0b5a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c2c70', endColorstr='#821c5c',GradientType=0 ); /* IE6-9 */ color:#fff;   } 
.footer_top{ padding:80px 0px 20px;}  

.rw_info{  position:relative; margin-bottom:10px;} 
.rw_info a{ color:#fff; display:block; padding-left:20px;} 
.rw_info a i{ position:absolute; left:0; top:5px; font-size:16px; color:#fff;} 
.social_bottom a{ display:inline-block; font-size:18px; color:#fff; margin-left:10px; margin-right:10px; } 
.social_bottom a:hover{opacity:0.7;}

.footer_top h5{ font-size:18px; margin-bottom:10px; color:#fff; font-family: 'MuliBold';} 

 
.menuftr ul li{ position:relative; padding-left:8px;}
.menuftr ul li:before{ content:""; position:absolute; left:0; top:6px; width:7px; height:7px; background:#fff; border-radius:50px;} 
.menuftr ul li a{ display:inline-block; color:#fff; position:relative; padding-left:10px; margin-bottom:5px;} 
.menuftr ul li a:hover{ color:#fff; opacity:0.7;}





.footer_bottom{ padding:20px 0px;  text-align:center;  font-size:14px;} 

.back-to-top { width:40px; height:40px; text-align:center;  line-height:40px; color:#fff; font-size:16px; border-radius:100%; background:#0f9858; position: fixed; right:20px; bottom:30px; } .back-to-top:hover{ color:#fff; background:#069150;}



.fsb_detail ul li:hover i{background-image:linear-gradient(to right, #00b963 0%, #0f9858 100%, #00b963 100%);} 

#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev{ z-index:99999;}

@media (min-width:768px){
.navbar-nav li:hover .dropdown-menu{ display:block; width:200px;}
	
	}

@media (min-width:992px) and (max-width:1199px){  
.slide_content h1{ font-size:42px;} 
.fsbpayment h2{ font-size:30px;} .fsb_detail ul li p{ font-size:12px;} 
.securepayment{ padding-bottom:30px;} .pay_img{ margin-top:0; margin-left:0; bottom:-42px; position:relative;} 
.footer_top{ padding-top:66px; padding-bottom:0;}

}


@media (min-width:768px) and (max-width:991px){ 
.navbar-nav li{ padding:0px 10px;} .slide_content h1{ font-size:30px; margin-bottom:10px;} 
.slide_content p{ margin-bottom:10px; font-size:12px;} 
.securepayment .row{ align-items:flex-end;} .securepayment{ padding-bottom:30px;} 
.pay_img{ margin-top:0; margin-left:0; bottom:-30px; position:relative;} 
.footer_top{ padding:60px 0px 0px;}

}


@media (max-width:767px){
.navbar-toggler{ background-image:linear-gradient(to right, #0f9858  0%, #0b7f49 50%, #0f9858  100%); transition:0.5s; background-size:200% auto; position:absolute; right:15px; top:15px; outline:none; border:none !important; padding:6px 10px; border-radius:2px;  color:#fff; line-height:inherit; line-height:10px; outline:none;} .navbar-toggler:hover{outline:none; background-position:right center; color:#fff;}  .navbar-toggler:focus{ outline:none;}
.navbar-toggler-icon{ width:auto; height:auto;}  .navbar-nav{ margin-right:0; padding:0px 15px 15px;  margin-bottom:10px; text-align:center;}   
.navbar-brand{ display:inline-block; margin:0;} .navbar{ padding:0px 15px;}
.navbar-nav li{ display:block; border:none; padding:0;} .navbar-expand-md .navbar-nav .nav-link{ padding:15px 0px 10px !important; border:none;}   
#navbarCollapse{ background:#070731; padding-bottom:10px; padding-top:10px; position:absolute; width:100%; left:0; top:-44px; text-align:center;} 
.slide_content{ text-align:center; margin-top:10px; margin-bottom:30px;} .slide_content h1{ font-size:30px; margin-bottom:10px;}
.slide_img{ margin:0;} .link_t{ text-align:center;} .t_right{ width:100%; margin-top:10px;} #myCarousel{ padding-top:200px; margin-top:-190px;} 
.welcomesec { text-align:center;} .fsbpayment{ text-align:center; padding-top:30px;} .fsb_detail ul li{ margin-bottom:25px !important;} 
.fsb_detail::before{ display:none;} .pay_img{ margin:0;} .f_s_cl_1, .f_s_cl_2{ margin:0;}

#footer{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c2c70+0,821c5c+100 */
background: #070731; /* Old browsers */
background: -moz-linear-gradient(top,  #070731 0%, #0b5a7a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #070731 0%,#0b5a7a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #070731 0%,#0b5a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c2c70', endColorstr='#821c5c',GradientType=0 ); /* IE6-9 */ padding:40px 0px; height:auto;
}

.footer_top{ padding-top:0;} .footer_bottom{ padding-bottom:0;} .fsb_detail{ margin-right:0;}  
.owl-nav{ display:none;} .owl-carouselb .owl-dots{ display:block !important; text-align:center; position:absolute; left:0; bottom:-40px; width:100%;} 
.owl-carouselb .owl-dots .owl-dot{ width:10px; height:10px; background:#ccc; margin:2px 2px; outline:none !important; border-radius:100%;} 
.owl-carouselb .owl-dots .owl-dot.active{ background:#d11f2b;}  .navbar-nav li::after{ display:none;} 
.ftr_first{ margin-bottom:25px;} .contact_ftr{ margin-top:25px;}
  

}