@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://fonts.googleapis.com/css?family=Quicksand:500');


header {
	position: absolute;
	width: 100%;
  z-index: 99;
	box-shadow: 0px 0px 5px #878787;
    background: #f9f9f9;
}



/*________________Preloader_______________ */


#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    overflow:hidden;
    background:url("../images/preloader.gif") no-repeat center center rgb(44, 65, 94);
}
/*___________________*/


.m-name{
	display: none;
}


.top-links{
margin: 0px;
background: #ef7f1a;
padding: 8px;
float: right;
border-radius: 0px 0px 5px 5px;
}

.top-links li{
float: left;
font-family: 'Montserrat', sans-serif;
list-style: none;

}

.top-links li a{
text-decoration: none;
color: #fff;
font-size: 13px;
padding: 0px 8px;
}


.top-links li:nth-child(1) a
{
border-right: 1px solid #e16e05; 
}


.logo img{
width: 70%;
padding: 10px 0px;
}


.no-padding{
	padding: 0px;
}

.navbar-inverse {
    background: none;
    border: none;
    margin-bottom: 0px;
    margin-top: 15px;
    float: right;

}

.navbar-nav > li > a {
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    color: #2c415e;
    transition: .4s;
    padding: 15px 12px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #2c415e;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #e5097f;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #e5097f;
    background: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #e5097f;
    background: none;
}

.navbar-nav > li > a::before {
    right: 0;
    bottom: 8px;
}

.navbar-nav > li > a::after, .navbar-nav > li > a::before {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background: #e5097f;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-nav > li > a::after {
    left: 0;
    top: 8px;
}

.navbar-nav > li.active a::after, .navbar-nav > li.active a::before, .navbar-nav > li:hover a::after, .navbar-nav > li:hover a::before {
    width: 50%;
}

/*.slider {
	background:url(../images/banner2.jpg) no-repeat fixed;
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
	padding: 10% 0;
	background-size: cover;

}*/
.slidermter {
	margin: 0 20%;
	background: rgba(255, 255, 255, 0.8);
/*background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 17%, rgba(0,0,0,0.28) 71%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 17%,rgba(0,0,0,0.28) 71%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 17%,rgba(0,0,0,0.28) 71%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );*/ 

	padding: 10px 12px 55px 12px;
	top: 40%;
	position: absolute;
	text-align: center;
	left: 6%;
	right: 6%;
}
.slidermter h1{
	color: #ef7f1a;
	font-size: 50px;
	font-weight: 300;
	font-family: 'Kaushan Script', cursive;
	margin-bottom: 0;
text-shadow: 0px 1px 1px #ef7f1a;
}

.slidermter h5{
font-family: 'Ubuntu', sans-serif;
font-weight: 600;
}

.slidermter h2{
	color: #fff;
	font-size: 40px;
	margin-top: 0;

}
.slidermter p {
	color: #3b4f68;
	line-height: 25px;
	margin:15px;
    font-family: 'Montserrat', sans-serif;
	/*text-shadow: 1px 1px 1px #666565;*/

}
.slidermter a {
color: #fff;
border: 2px solid #2c415d;
padding: 10px 15px;
position: relative;
top: 20px;
background:#2c415d;
text-decoration: none;
font-family: 'Ubuntu', sans-serif;
text-transform: uppercase;
}

.slidermter a.slide1-link
{
background: #ef7f1a;
border: 2px solid #ef7f1a;
}


.mysilder .carousel-inner li:first-child {
    background:url(../images/banner1.jpg);
    height: 100vh;background-size: cover;
    top: 0
} 
.mysilder .carousel-inner li:nth-child(2) {
    background:url(../images/banner2.jpg);
    height: 100vh;background-size: cover;
    top: 0
} 


.mysilder .carousel-inner li:nth-child(3) {
    background:url(../images/banner3.jpg);
    height: 100vh;background-size: cover;
    top: 0
} 

.mysilder .carousel-inner .banner-2 img{
width: 42%;
text-align: right;
position: absolute;
right: 10%;
top: 24%;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.right {
    background: none;
}

.carousel-control.left {
    background: none;
}

.sec-1{
padding: 50px 0px;
background: #f9f9f9;
}

.sec-1 h2
{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #2c415e;
margin-top: 0px;
margin-bottom: 6px;
}

.sec-1 h2 span{
  color: #ef7f1a;
  font-weight: 700;
}

.heading-seperator{
position: relative;
display: inline-block;
margin-bottom: 5px;
}

.heading-seperator:after{
    content: '';
    position: absolute;
    left: 0px;
    height: 4px;
    width: 31px;
    bottom: 0px;
    background: #ef7f1a;
}

.heading-seperator:before{
    content: '';
    position: absolute;
    left: 40px;
    height: 4px;
    width: 31px;
    bottom: 0px;
    background: #e0e1e3;
}

.sec-1 p
{
color: #656565;
line-height: 26px;
font-family: 'Ubuntu', sans-serif;
}

.sec-1 a{
display: inline-block;
font-family: 'Ubuntu', sans-serif;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
background: #2c415e;
color: #fff;
text-decoration: none;
padding: 10px 15px;
text-transform: uppercase
}

.sec-1 a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#ef7f1a;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.sec-1 a:hover::before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.wel-right
{
padding: 32px;
background: url(../images/circle.png);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: top;
text-align: center;
}


.wel-right img {
    background: #f35b68;
    background: linear-gradient(to right, #f35b68, #ffaf53);
    border-radius: 100%;
    padding: 5px;
}

.sec-2{
    padding: 50px 0px;
    background: #2c415e url(../images/pattern-1.png);
}


.sec-2-title{
text-align: center;
}
.sec-2-title h2
{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #fff;
margin-top: 0px;
}


.sec-2-title .heading-seperator{
width: 72px;
}



.sec-2-title p
{
color: #656565;
font-family: 'Ubuntu', sans-serif;
color: #f9f9f9;
}

.service{
padding-left: 0;
margin-top: 25px;
}

.service li
{
position: relative;
list-style-type: none;
float: left;
margin-left: auto;
width: 19.2%;
padding-bottom: 22.170%;
overflow: hidden;
visibility:visible;
outline: 1px solid transparent;
-webkit-transform: rotate(-60deg) skewY(30deg) translatez(0px);
-ms-transform: rotate(-60deg) skewY(30deg) translatez(0px);
transform: rotate(-60deg) skewY(30deg) translatez(0px);
}

.service li:nth-child(9n+2), .service li:nth-child(9n+7) {
    margin-left: 1% !important;
    margin-right: 1%;
}

.service li:nth-child(9n+3), .service li:nth-child(9n+4), .service li:nth-child(9n+8) {
    margin-right: 1%;
}

.service li:nth-child(9n+3), .service li:nth-child(9n+4), .service li:nth-child(9n+8) {
    margin-right: 1%;
}

.service li:nth-child(9n+6) {
    margin-left: 0.5% !important;
    clear: left;
}

.service li:nth-child(9n+6), .service li:nth-child(9n+7), .service li:nth-child(9n+8), .service li:nth-child(9n+9) {
    margin-top: -4.676%;
    margin-bottom: -4.676%;
    -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
}

.service li:nth-child(9n+10){
 margin-left: 1% !important;
 clear: left;
}

.service li:nth-child(9n+10), .service li:nth-child(9n+11), .service li:nth-child(9n+12), .service li:nth-child(9n+13) {
    margin-top: -0.076%;
    margin-bottom: -4.676%;
    -webkit-transform: translateX(100%) rotate(-60deg) skewY(30deg);
    -ms-transform: translateX(100%) rotate(-60deg) skewY(30deg);
    transform: translateX(100%) rotate(-60deg) skewY(30deg);
}

.service li:nth-child(9n+13){
 margin-left: 1.5% !important;
 clear: left;
     margin-top: 0;
    margin-bottom:0;
    -webkit-transform: translateX(150%) rotate(-60deg) skewY(30deg);
    -ms-transform: translateX(150%) rotate(-60deg) skewY(30deg);
    transform: translateX(150%) rotate(-60deg) skewY(30deg);
}



.service li a::before, .service li::before {
    content: '';
}

.service li a
{
    display: block;
width: 100%;
height: 100%;
text-align: center;
position: absolute;
visibility: visible;
color: #fff;
overflow: hidden;
-webkit-transform: skewY(-30deg) rotate(60deg);
-ms-transform: skewY(-30deg) rotate(60deg);
transform: skewY(-30deg) rotate(60deg);
}

.service li a img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    position: absolute;
visibility: visible;
}

.sec-2-matter{
position: absolute;
top: 0;
left: 0;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
width: 100%;
height: 100%;
z-index: 99;
transition: 0.65s;
transform: translateY(100%);
background: rgba(34, 34, 34, 0.80);
}

.service li:hover .sec-2-matter {
    transform: translateY(0);
}

.sec-2-matter h3{
color: #fff;
font-family: 'Quicksand', sans-serif;
padding: 6px 0px;
position: relative;
}

.sec-2-matter h3::after{
    position: absolute;
    content: '';
    bottom: -4px;
    background: #fff;
    height: 2px;
    width: 30px;
    left: 41%;
}

.sec-2-matter span{
font-size: 30px;
color: #ef7f1a;
margin-top: 20px;
}


.sec-3{
    padding: 50px 0px;
}



.sec-3 .sec-3-title h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #2c415e;
margin-top: 0px;
}



.sec-3 h3{
font-family: 'Quicksand', sans-serif;
font-weight: 600;
font-size: 22px;
color: #ef7f1a;
margin-top: 0px;    
}

.sec-3 img
{
width: 95px;
height: 95px
}

.sec-3 p{
color: #656565;
font-family: 'Montserrat', sans-serif;
line-height: 24px;
}



.sec-4{
 padding: 50px 0;
text-align: center;
background: url(../images/sec-4-bg.jpg) fixed;
}


.sec-4 h1{
	font-family: 'Quicksand', sans-serif;
text-transform: uppercase;
color: red;
font-weight: 600;
font-size: 32px;
margin-top: 0px;
margin-bottom: 20px
}


.employees,.customer,.design,.order
{
    margin-top: 22px;
    margin-bottom: 22px;
}
.counter-count
{
 font-size: 40px;
 font-family: 'Montserrat', sans-serif;
color: #f1f1f1;

}

.counter{
    margin-top: 20px;
}

.counter p:after{
content: '';
position: absolute;
left: 44%;
width: 32px;
background: #ef7f1a;
top: -5px;
height: 2px;
}

.counter span
{
width: 60px;
height: 60px;
border: 2px solid #ef7f1a;
display: inline-block;
color: #ef7f1a;
font-size: 26px;
line-height: 55px;
}

.employee-p,.customer-p,.order-p,.design-p
{
font-size: 20px;
color: #f9f9f9;
line-height: 34px;
position: relative;
font-family: 'Ubuntu', sans-serif;
}



.sec-5{
padding: 50px 0px 75px;
}

.sec-5-title{
    text-align: center;
}

.sec-5-title h2{
    font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #ef7f1a;
margin-top: 0px;
}

.sec-5-title .heading-seperator{
    width: 72px;
}

.sec-5-title .heading-seperator::after{
   background:#2c415e; 
}


.slider {
        width: 100%;
        margin:85px auto 0px;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: #2c415e !important;
    }

 .slick-prev {
    transition: .4s;
    bottom: -40px;
    top: auto !important;
    left: 47%;
}


.slick-next {
     transition: .4s;
    right: 47% !important;
    top: auto !important;
    bottom: -40px;
}


.sec-5-box blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 0px solid #eee;
    color: #fff;
    line-height: 26px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    background: #2c415e;
    position: relative;
}

.sec-5-box blockquote::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #2c415e transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -10px;
    left: 50px;
}

.sec-5-box img
{
   border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 20%;
    margin-left: 6px;
     float: left;
     margin-right: 15px;
}


.sec-5-box p strong{
   font-size: 1.6em;
   display: block;
   margin-bottom: 6px;
   color: #ef7f1a;
   font-family: 'Montserrat', sans-serif;
}


.sec-5-box p{
   font-size: 1em;
   font-family: 'Ubuntu', sans-serif;
   color: #777;
}


.about-banner{
    padding: 170px 0px 50px;
    background: url(../images/about-banner.jpg);
    background-size: cover;
}

.money-transfer-banner{
  padding: 170px 0px 50px;
    background: url(../images/money-transfer-banner.jpg);
    background-size: cover;
    background-position: top;
}

.mobile-recharge-banner{
     padding: 170px 0px 50px;
    background: url(../images/mobile-recharge-banner.jpg);
    background-size: cover;
}

.mobile-wallet-recharge-banner{
     padding: 170px 0px 50px;
    background: url(../images/mobile-wallet-recharge-banner.jpg);
    background-size: cover;
    background-position: left;
}

.bill-payment-banner{
     padding: 170px 0px 50px;
    background: url(../images/bill-payment-banner.jpg);
    background-size: cover;
    background-position: 100% 100px;
}

.aeps-banner{
     padding: 170px 0px 50px;
    background: url(../images/aeps-banner.jpg);
    background-size: cover;
    background-position: 100% 100px;
}

.bbps-banner{
    padding: 170px 0px 50px;
    background: url(../images/bbps-banner.jpg);
    background-size: cover;
    background-position: 100% 100px;
}

.dth-recharge-banner{
    padding: 170px 0px 50px;
    background: url(../images/dth-recharge-banner.jpg);
    background-size: cover;
}

.pan-card-banner{
    padding: 170px 0px 50px;
    background: url(../images/pan-card-banner.jpg);
    background-size: cover;
}

.irctc-banner{
   padding: 170px 0px 50px;
    background: url(../images/irctc-banner.jpg);
    background-size: cover;
}




.join-banner{
        padding: 170px 0px 50px;
    background: url(../images/join-banner.jpg);
    background-size: cover;
}

.contact-banner{
        padding: 170px 0px 50px;
    background: url(../images/contact-banner.jpg);
    background-size: cover;
}

.join-registor-banner{
        padding: 170px 0px 50px;
    background: url(../images/join-registor-banner.jpg);
    background-size: cover;
}

.atm-banner{
        padding: 170px 0px 50px;
    background: url(../images/mini-atm.jpg);
    background-size: cover;
    background-position: 30% 40%;
}

.insu-banner{
        padding: 170px 0px 50px;
    background: url(../images/insurance.jpg);
    background-size: cover;
}

.travel-banner{
        padding: 170px 0px 50px;
    background: url(../images/travel.jpg);
    background-size: cover;
}




.inner-banner-title{
    text-align: center;
}

.inner-banner-title h1{
font-family: 'Montserrat', sans-serif;
color:#fff;
text-transform: uppercase;
font-weight: 800;
position: relative;
}

.inner-banner-title h1::before{
position: absolute;
content: '';
left: 47%;
bottom: -7px;
height: 2px;
width: 70px;
background:#fff;
}




.inner-banner-title ul{
margin-top: 10px;
background:#ef7f1a;
display: inline-block;
padding: 4px 12px;
border-radius: 4px;
}

.inner-banner-title ul li{
font-family: 'Ubuntu', sans-serif;
float: left;
list-style: none;
color: #ffecda;
}

.inner-banner-title ul li a{
color: #fff;
text-decoration: none;
}

.inner-banner-title ul li:not(:last-child)::after {
    display: inline-block;
    content: '/';
    margin:0px 6px;
}

.inner-matter{
    padding: 40px 0px;
}

.inner-matter h2{
font-family: 'Ubuntu', sans-serif;
font-weight: 600;
color:#2c415e;
margin: 0px;    
}

.inner-matter p{
    color:#656565;
line-height: 26px;
font-family: 'Ubuntu', sans-serif;
}

.inner-matter h4
{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color:#ef7f1a;
}

.inner-matter ul{
    padding-left: 0px;
}

.inner-matter ul li{
list-style: none;
color:#656565;
line-height: 26px;
font-family: 'Ubuntu', sans-serif;
}

.inner-matter ul li i{
    color: #2c415e;
    padding-right: 5px;
}


.ab-left{
padding:25px;
background-color:#f9f9f9;
margin-top: 15px;
}

.ab-left h3{
font-family: 'Montserrat', sans-serif;
color:#ef7f1a;
margin-top: 0px;
font-weight: 600;
}

.ab-right{
padding: 20px;
border: 1px solid #f2f2f2;
}

.ab-right h3{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-top: 0px;
color: #2c415e;
position: relative;
}

.ab-right h3::before {
position: absolute;
content: '';
left: 0px;
bottom: -7px;
height: 3px;
width: 50px;
background:#ef7f1a;
}
.abt-2 img
{
margin-top: 15px;
}

.ab-sec{
    padding: 40px 0px;
    border-top: 1px solid #eee;
}

.mt-team{
    margin-top: 15px;
    text-align: center;
}

.mt-team h4
{
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color:#2c415e;
margin-bottom: 5px
}

.mt-team h5{
font-family: 'Ubuntu', sans-serif;
color: #ef7f1a;
margin-top:0px;
}

.join-box {
    position: relative;
    text-align: center;
}
.join-box h3{
font-family: 'Montserrat', sans-serif;
text-shadow: 0 2px 2px #222;
}

.join-box .join-box-in {
    position: absolute;
    top: 25px;
    color:#fff;
    padding: 15px;
}

.join-box .join-box-in p{
    color: #fff;
    line-height: 20px;
    text-shadow: 0 2px 2px #222;
}
.join-box .join-box-in a
{
display: inline-block;
font-family: 'Ubuntu', sans-serif;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
background:#e5097f;
color:#fff;
text-decoration: none;
padding: 10px 15px;
text-transform: uppercase;
}

.join-key-box{
background:#ef7f1a;
margin: 15px 0px;   
}

.join-key-box h3{
background:#2c415e;
color:#fff;
font-family: 'Montserrat', sans-serif;
margin: 0px;
padding: 10px;
font-size: 20px;
}

.join-key-box h3 span
{
border-right: 1px solid #fff;
padding-right: 8px;
}

.join-key-box ul{
padding: 12px 20px;
}

.join-key-box ul li{
    list-style: none;
    font-family: 'Ubuntu', sans-serif;
    color: #f1f1f1;
    line-height: 26px;
}

.join-key-box ul li i{
    padding-right: 5px;
    color: #804f24;
}

.join-key-box-2{
    height: 220px;
}


.cnt-box{
padding: 35px;
background-color:#003679;
}

.cnt-box h3
{
    font-family: 'Ubuntu', sans-serif;
font-weight: 600;
color:#fff;
margin-top: 0px;
margin-bottom: 25px;
}

.single-cnt{
margin-bottom: 30px;
display: flex;
}
.single-cnt .cnt-icon
{
width: 48px;
height: 48px;
line-height: 48px;
color:#fff;
text-align: center;
margin-right: 15px;
background-color:#ef7f1a;
}

.single-cnt p{
    color: #fff;
    margin-bottom: 0px;
}

.single-cnt .cnt-text span{
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #f1f1f1;
    font-size: 11px;
    letter-spacing: 2px;
}

.cnt-form-box
{
padding: 35px;
border: 1px solid #d1d1d1;
display: inline-block;
width: 100%;
}

.cnt-form-box h3{
font-family: 'Ubuntu', sans-serif;
font-weight: 600;
color:#ef7f1a;
margin-top: 0px;
margin-bottom: 12px;
}

.cnt-form-box .heading-seperator{
    display: block;
    margin-bottom: 30px;
}

.cnt-form-box .heading-seperator::after {
    background:#003679;
}

.cnt-form-box .form-control{
    border-radius: 0px;
    height: 40px;
    margin-bottom: 15px
}

.cnt-form-box textarea{
height: auto !important;
}

.cnt-form-box .btn-default {
background:#003679;
border:none;
color:#fff;
width:100%;
padding:8px 15px;
font-size: 16px;
}

.map {
    line-height: 0px;
}

.reg-img{
text-align: center;
}

.reg-img img{
    display: inline-block;
    width: 70%;
}

footer{
    padding: 40px 0px;
    background: #2c415e;
}

.f-links h2{
    font-family: 'Montserrat', sans-serif;
    color: #f9f9f9;
    margin-top: 0px;
    font-size: 25px;
    position: relative;
    margin-bottom: 15px;
}

.f-links h2::before{
content: '';
position: absolute;
left: 0px;
height: 2px;
width: 31px;
bottom: -9px;
background: #ef7f1a;
}

.f-links ul{
padding-left: 0px;
}

.f-links ul li{
    list-style: none;
    font-family: 'Ubuntu', sans-serif;
}

.f-links ul li a{
    color: #f9f9f9;
    line-height: 26px;
    transition: .4s;
}

.f-links ul li a:hover{
    text-decoration: none;
    color: #ef7f1a;
    padding-left: 5px;
}

.f-links p, .f-about p{
    color: #f9f9f9;
       line-height: 26px;
    font-family: 'Ubuntu', sans-serif;
}

.f-links p i{
    padding-right: 5px;
    color: #ef7f1a;
}

.f-app ul li a:hover{
      padding:  8px 0px !important;
}

.f-app ul li a{
    padding:  8px 0px;
    display: block;
}

.f-about img{
width: 40%;
}

.bottom
{
    background: #1d2e44;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    padding: 4px 0px;
}

.bottom p{
    color: #f9f9f9;
    margin-bottom: 0px;

}

.bottom p a{
    color: #ef7f1a;
}


@media (min-width:320px) and (max-width:414px){

.logo {
text-align: center;
}
header {

    position: relative;
}

.logo img {
    width: 35%;
    display: inline-block;
}
.top-links {
    border-radius: 0px;
    float: none;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.top-links li {
    list-style: none;
    display: inline-block;
    width: 100%;
}

.top-links li:nth-child(1) a {
    border-right: 0px solid #e16e05;
}

.m-name{
	font-weight: 600;
position: relative;
top: 16px;
left: 10px;
display: inline-block;
color: #fff;
font-family: 'Montserrat', sans-serif;
}

.navbar-inverse {
    margin-top: 15px;
    float: none;
    background: #2c415e;
    margin: 15px;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
    background: #ef7f1a;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background: #ef7f1a;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #ef7f1a;
}

.navbar-nav > li > a::after, .navbar-nav > li > a::before {
    background: none;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #ef7f1a;
    background: none;
}


.navbar-nav > li > a {
    padding: 6px 12px;
    font-size: 13px;
}

.sec-1 h2 {
 font-size: 22px;
}

.sec-2-title h2 {
    font-size: 25px;
}



.mysilder .carousel-inner li:nth-child(3) {
    background-repeat: no-repeat;
    background-position: center !important;
}

.mysilder .carousel-inner li:first-child {
   background-repeat: no-repeat;
    background-position: center !important;
} 
.mysilder .carousel-inner li:nth-child(2) {
 background-repeat: no-repeat;
    background-position: center !important;
	}

	.slidermter {
		top: 15%;
		margin: 0 8%;
	}

.slidermter h1 {
    font-size: 20px;
    line-height: 26px;
}

.mysilder .carousel-inner .banner-2 img {
    width: 100%;
    right: 0%;
    }

.sec-2-title h2 {
    font-size: 25px;
}

.sec-3 .sec-3-title h2 {
   font-size: 25px;
}

.slick-prev, .slick-next {
    width: 60px !important;
}

.slider {
    margin: 20px auto 0px;
}

.service li {
width: 49.5%;
padding-bottom: 57.158%;
}

.service li:nth-child(3n+2) {
    margin-right: 0px;
}

.service li:nth-child(3n+3) {
    margin-left: 0.5% !important;
        margin-top: -13.423%;
    margin-bottom: -13.423%;
    -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
}

.service li:nth-child(3n+4) {
    clear: left;
}

.service li:nth-child(7), .service li:nth-child(8) ,.service li:nth-child(10){
transform: translateX(0%) rotate(-60deg) skewY(30deg);
    margin: 4px 0px;

}

.service li:nth-child(13){
transform: translateX(0%) rotate(-60deg) skewY(30deg);
}


.service li:nth-child(11){
margin: 0px !important;
transform: translateX(0%) rotate(-60deg) skewY(30deg);
}

.sec-2 {
    position: relative;
    overflow: hidden;
}



.wel-right img {
    width: 100%;
}



.sec-5 h1{
font-size: 24px;
}



.employee-p, .customer-p, .order-p, .design-p {
    font-size: 16px;

    line-height: 23px;
}

.counter-count {
    font-size: 25px;
    display: block;
}

.sec-5-title h2 {
font-size: 25px;
}

.sec-5-box p strong {
font-size: 1.2em;
}

.sec-5-box blockquote::after {
    left: 30px;
}

.sec-2-matter {
padding-top: 20px;
}

.sec-2-matter h3 {
    font-size: 20px;
}


}