@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');


body {
    width: 100%;
    height: 100%;font-family: 'Roboto', sans-serif;
}
html {
    width: 100%;
    height: 100%;
}
.active a {
  border-bottom: 4px solid #fff;
}

.navbar-brand{
width: 200px;
margin: 0px;
 
padding: 0px;
}


.container{
position:relative;
}



 
.smGlobalBtn{ /* global button class */
 display: inline-block;
position: relative;
cursor: pointer;
width: 30px;
height: 30px;
box-shadow: 0 2px 2px #999;
padding: 0px;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: normal;
line-height: 30px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
}

.googleplusBtn:before{
      font-family: "FontAwesome";
      content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522;
      background: #fff;
}

/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #fff;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:before{
      font-family: "FontAwesome";
      content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
      color: #3a5876;
      background: #fff;
}

/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:before{
      font-family: "FontAwesome";
      content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
      color: #e88845;
      background: #fff;
}





 


#social{

margin: 10px 10px;
text-align: center;
position: absolute;
right: 0px;
top: 0px;
}


.phone_top {
position: absolute;
right: 0px;
top: -1px;
right: 119px;
font-size: 14px;
font-weight: 500;
}

.phone_top p {
    float: left;
}

.phone_top .fa {
    padding-left: 10px;
    color: #ed1d24;
}



.nav > li > a {
 
    padding: 10px 33px;
 
    font-size: 15px;
	
	}




.navbar-nav {
    float: left;
    margin: 11px auto auto auto;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand{
text-transform:uppercase;
}


.navbar-brand img{
max-width:100%;
}
.nav-bullets > li {
  float: none;
}
.nav-bullets .active a {
  border-bottom: 0px;
}

.navbar-default .nav-bullets li a {
  color: #41825e
}
.nav-bullets a:hover,.nav-bullets .active a {
  background: none!important;
}
.nav.nav-bullets {
  position: fixed;
  right: 0;
  top: 50%;
}
.navbar-bg .navbar-nav > li > a, .navbar-default .navbar-brand {
  color:#999;
}
.navbar-bg {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none ;
  margin: 0 ;
  min-height: 0 ;
  padding: 0 ;
  position: absolute;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background: none;
  color: #000;
}
.navbar-bg .navbar-nav > .active > a, .navbar-bg .navbar-nav > .active > a:focus, .navbar-bg .navbar-nav > .active > a:hover {
  background: none;
  color: #41825e;
}
.navbar {
  padding: 10px 0 0 0;
}
.top-nav-collapse {
  padding: 0;
}
.navbar-default {
  background: rgba(255,255,255,.9);
}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-brand  {
  color: #000;
}
.intro-section {
 
    padding-top: 72px;
    text-align: center;
 
}
.about-section {
    height: 100%;
	width:100%;
	float:left;
 
    text-align: left;
    background: #eee;
}
.services-section {
    height: 100%;
    padding-top: 60px;
    text-align: left;
	overflow:hidden;
	width:100%;
	float:left;
    background: #fff;
}
.contact-section {
    height: 100%;
 
    text-align: left;
 
}


.carousel-inner > .item{
height:550px;
}






.carousel-indicators li{
background:#fff!important;
text-indent:0px;
text-align:center;
width:30px;
height:30px;border-radius: 0px!important;
line-height:30px;
color:#000;
cursor:pointer;
}
.carousel-indicators .active{
background:#e2e2e2!important;text-indent:0px;
text-align:center;
width:30px;
height:30px;
}















.carousel-indicators li{
background:#fff!important;
text-indent:0px;
text-align:center;
width:30px;
height:30px;
line-height:30px;
color:#000;
cursor:pointer;
}
.carousel-indicators .active{
background:#e2e2e2!important;text-indent:0px;
text-align:center;
width:30px;
height:30px;
}
.carousel-caption{
top: 42px !important;
background:none;
padding:0px 22px!important;
height:auto;
 
}
.carousel-caption h1{

background: linear-gradient(135deg, transparent 1.75em, #fa1e26 1.5em) no-repeat left, linear-gradient(-45deg, transparent 1.75em, #fa1e26 1.5em) no-repeat right;
    background-size: auto auto, auto auto;
background-size: auto auto, auto auto;
background-size: auto auto;
padding: 0.55em 2.5em;
margin-top: 11px;


 color: #fff;
font-weight: 400;
font-size: 21px;
height: auto;
padding: 0px 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
width: 100%;
text-align: center;
padding: 14px;
display: block;
line-height: inherit;
text-align: center;
width: 100%;
display: block;
}

.carousel-caption h1 span{ 

}
 
.carousel-caption h2{font-size: 20px;font-weight: 400;
padding:0px 0px;
color:#fcbc11;
margin-top:10px;
}
.carousel-caption ul{
display: block;
margin: 0px;
width: 100%;
float: left;
padding: 0px;
}
.carousel-caption ul li{
text-align:left;
 
padding-bottom:10px;
}
.carousel-item1{

background:url(../images/1.jpg) no-repeat; background-size: cover;
height: 100vh;
}


.carousel-item2{

background:url(../images/2.jpg) no-repeat; background-size: cover;
height: 100vh;
}


.carousel-item3{

background:url(../images/3.jpg) no-repeat; background-size: cover;
height: 100vh;
}


.carousel-item4{

background:url(../images/4.jpg) no-repeat;background-size: cover;
height: 100vh; 
}


.carousel-control-prev-icon{
background:none!important;
}
.carousel-control-next-icon{background:none!important;

}

.carousel-caption{
left:0px!important;
width:100%!important;
}

.carousel-control-prev{
display:none!important;
}

.carousel-control-next{
display:none!important;
}





.lft_caro ul li{
background: linear-gradient(135deg, transparent 1.75em, #000 1.5em) no-repeat left, linear-gradient(-45deg, transparent 1.75em, #000 1.5em) no-repeat right;
    background-size: auto auto, auto auto;
background-size: auto auto, auto auto;
background-size: 60% auto;
padding: 18px 40px;;
line-height: 22px;
margin-top: 0px;
list-style-type: none;
width: auto;
display: inline-table;
font-size: 17px;
}





.lft_caro{
float:left;
position:relative;
width:60%;
margin-top:0px;
}

 
/*.lft_caro ul li{
position:absolute;
width:190px;
color:#000;
}*/
.right_caro{
float: right;
width: 30%;
margin-top: 170px;
/*background-color: rgba(252, 188, 17, 0.6);*/
background:#009900;
color:#FFFFFF;
padding: 10px;

}
.right_caro h2{color: #ffffff;
font-size: 25px;
text-align: left;
}



.about-section{background: linear-gradient(to bottom right,#02b3e4,#02ccba);

}

.about-section h2 {
    font-size: 21px;
    color: #02b3e4;
    padding: 4px 0px;
    margin-bottom: 10px;
}

.sec_2_bx {
    color: #000;
	}



.about-section .col-md-6 ul {
    padding-left: 0px;
    list-style-type: none;
    margin: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    min-height: 180px;
}

.about-section ul li {
    padding-bottom: 5px;
    width: 100%;
    font-size: 14px;
    width: 100%;
}

ul li .fa {
    color: red;
}

.services-section {
    background: url(../images/Retail_Verticals.jpg) no-repeat;
        background-size: auto auto;
    background-size: cover;
}





.services-section ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}




.services-section ul li {
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    width: 31%;
    border-bottom: 1px solid #e2e2e2 !important;
    padding: 20px;
    color: #000000;
    margin: 10px;
    text-align: center;
    font-size: 20px;
    height: 140px;
    line-height: 110px;
    position: relative;
}



.services-section ul li:after{
content: "";
position: absolute;
top: 43px;
border-bottom: 2px solid red;
width: 20%;
left: 41%;
margin: 0px;
}
.services-section ul li:hover{
background-color: rgba(0, 0, 0, 0.6);color: #fff;
}











.service_2 {
 
    padding-top: 20px;
	width:100%;
	padding-top:50px;
	float:left;
 
}



.service_2 {
    background: url(../images/Services.jpg) no-repeat;
        background-size: auto auto;
    background-size: cover;
}



.service_2 h2 {
    text-align: center;
    font-size: 17px;
    padding: 4px 0px;
    margin-bottom: 10px;
    height: 34px;
}



.service_2 .col-md-3 ul {
    padding-left: 0px;
    list-style-type: none;
    background-color: rgba(255, 255, 255, 0.7);
    min-height: 290px;
    padding: 20px;
    font-size: 14px;
}




#write {
    background: url(../images/WriteToUs.jpg) no-repeat;
        background-size: auto auto;
    background-size: cover;
	float:left;
	padding-bottom:50px;
	padding-top:50px;
	width:100%;
}
#write .col-md-3 {
    float: left;
}



#write label {
    font-size: 14px;
}






.content-header {
    color: #fcc500;
    font-size: 45px;
}



.form_bx {
    color: #fff;
    overflow-y: auto;
    margin-bottom: 20px;
}



#write label {
    font-size: 14px;
}

#write .form-control {
    font-size: 12px;
}
.submit {
    font-size: 1.1em;
    float: right;
    width: 160px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #ed1d24;
    background: #ed1d24;
}



.footer {
color: #000;
width: 100%;
float: left;
padding: 7px 0px;
bottom: 0px;
margin-top: 5px;
font-size: 13px;
position: static;
background-color: rgba(255, 255, 255, 0.7);
}


#section5 .col-md-6 {
    float: left;
}

.footer a {
    color: #000;
}



.footer a span {
    background: red;
    color: #fff;
    padding: 4px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100px;
}








	.transition-timer-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 36px;
	}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}




.nav.nav-bullets{
display:none;
}








/*================== responsive css ==================*/
@media(min-width:767px) {
    .navbar {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
    .nav.nav-bullets {
      right: 20px;
    }
}
@media(max-width:767px) {   
    .nav.nav-bullets {
      right: 20px;
    }
}















 
 @media only screen and (max-width : 1300px){
	
 
	
}
 @media only screen and (min-width: 960px) and (max-width: 1199px) {
 
	 
	 
 }
@media only screen and (min-width: 768px) and (max-width: 999px){
 
	
.submit{
margin:10px auto;
}

	
	 
.carousel-inner > .item {
    height: 650px;
}
.navbar-brand img {
width: 110px !important
margin-top: 19px!important;
}
.phone_top{
right: 0px;width: 99%!important;
}
.phone_top p {
    float: left!important;
    margin-bottom: 0px!important;
    font-size: 13px!important;
}
.lft_caro{
width:99%!important;
margin-top:10px!important;
}
.lft_caro ul li{
width:99%!important;
}
.right_caro{
width:99%!important;
margin-top:10px!important;
	
}
.lft_caro ul li{
background:#000!important;
margin-bottom: 3px!important;
    padding: 0px 40px!important;
margin-top: 2px!important;
}

.carousel-caption{top: 13px !important;
}

.carousel-caption h1{padding: 14px!important; font-size: 16px!important;

}

.right_caro h2{
font-size:15px!important;
}


.sec_2_bx{
height:600px!important;
width:100%!important;
overflow-x:auto!important;
}

.service_2 .col-md-3{
padding:0px;

}
#section3 ul li{
width:90%!important;
height:auto!important;

}

.services-section ul li{    width: 99%;
}

.services-section{
height:auto;
}

#section3 ul {
 
 
    height: 500px!important;
    overflow-x: auto!important;
}
#section3 h1 { font-size: 35px;

}

.form_bx{
 
}

.footer{
position:static; margin-top: 0px
}
.footer .col-md-6 {
    float: left;
    width: 49%;
}

.footer .col-md-3 {
    float: left;
    width: 90px;
    text-align: center;
	padding:0px 2px 0px 0px;
}
#section4 .container {
    height: 630px!important;
    overflow-x: auto!important;
    width: 81%!important;
}

.services-section ul li{
width:100%;
}
#section4 h2{
color:#fff!important;
}

.social_icon{
margin: 10px 10px;
    text-align: center;
    position: absolute;
    right: 50px;width: 200px;
    top: -1px!important;

}

.navbar-toggler{
 
background: #000;
right: 11px;
top: 28px;font-size: 16px;
border-radius: 0px;
position: fixed;padding: 0px 5px;
z-index: 999999;
}



	
}

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

.submit{
margin:10px auto;
}

	
	 
.carousel-inner > .item {
    height: 650px;
}
.navbar-brand img {
width: 110px !important
margin-top: 19px!important;
}
.phone_top{
right: 0px;width: 99%!important;
}
.phone_top p {
    float: left!important;
    margin-bottom: 0px!important;
    font-size: 13px!important;
}
.lft_caro{
width:99%!important;
margin-top:10px!important;
}
.lft_caro ul li{
width:99%!important;
}
.right_caro{
width:99%!important;
margin-top:10px!important;
	
}
.lft_caro ul li{
background:#000!important;
margin-bottom: 3px!important;
    padding: 0px 40px!important;
margin-top: 2px!important;
}

.carousel-caption{top: 13px !important;
}

.carousel-caption h1{padding: 14px!important; font-size: 16px!important;

}

.right_caro h2{
font-size:15px!important;
}


.sec_2_bx{
height:600px!important;
width:100%!important;
overflow-x:auto!important;
}

.service_2 .col-md-3{
padding:0px;

}
#section3 ul li{
width:90%!important;
height:auto!important;

}

.services-section ul li{    width: 99%;
}

.services-section{
height:auto;
}

#section3 ul {
 
 
    height: 500px!important;
    overflow-x: auto!important;
}
#section3 h1 { font-size: 35px;

}

.form_bx{
 
}

.footer{
position:static; margin-top: 0px
}
.footer .col-md-6 {
    float: left;
    width: 49%;
}

.footer .col-md-3 {
    float: left;
    width: 90px;
    text-align: center;
	padding:0px 2px 0px 0px;
}
#section4 .container {
    height: 630px!important;
    overflow-x: auto!important;
    width: 81%!important;
}

.services-section ul li{
width:100%;
}
#section4 h2{
color:#fff!important;
}

.social_icon{
margin: 10px 10px;
    text-align: center;
    position: absolute;
    right: 50px;width: 200px;
    top: -1px!important;

}

.navbar-toggler{
 
background: #000;
right: 11px;
top: 28px;font-size: 16px;
border-radius: 0px;
position: fixed;padding: 0px 5px;
z-index: 999999;
}



	
}


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

.submit{
margin:10px auto;
}

.carousel-inner > .item {
    height: 650px;
}



.navbar-brand img {
width: 110px !important;
margin-top: 19px!important;
}
.phone_top{
right: 0px;width: 99%!important;
}
.phone_top p {
    float: left!important;
    margin-bottom: 0px!important;
    font-size: 13px!important;
}
.lft_caro{
width:99%!important;
margin-top:10px!important;
}
.lft_caro ul li{
width:99%!important;
}
.right_caro{
width:99%!important;
margin-top:10px!important;
	
}
.lft_caro ul li{
background:#000!important;
margin-bottom: 3px!important;
    padding: 0px 40px!important;
margin-top: 2px!important;
}

.carousel-caption{top: 13px !important;
}

.carousel-caption h1{padding: 14px!important; font-size: 16px!important;

}

.right_caro h2{
font-size:15px!important;
}


.sec_2_bx{
height:600px!important;
width:100%!important;
overflow-x:auto!important;
}

.service_2 .col-md-3{
padding:0px;

}
 
#section3 ul li{
width:90%!important;
height:auto!important;

}

.services-section ul li{    width: 99%;
}

.services-section{
height:auto;
}

#section3 ul {
 
 
    height: 500px!important;
    overflow-x: auto!important;
}
#section3 h1 { font-size: 35px;

}

.form_bx{
 
}

.footer{
position:static; margin-top: 0px
}
.footer .col-md-6 {
    float: left;
    width: 49%;
}

.footer .col-md-3 {
    float: left;
    width: 90px;
    text-align: center;
	padding:0px 2px 0px 0px;
}
#section4 .container {
    height: 630px!important;
    overflow-x: auto!important;
    width: 81%!important;
}

.services-section ul li{
width:100%;
}
#section4 h2{
color:#fff!important;
}

.social_icon{
margin: 10px 10px;
    text-align: center;
    position: absolute;
    right: 50px;width: 200px;
    top: -1px!important;

}

.navbar-toggler{
 
background: #000;
right: 11px;
top: 28px;font-size: 16px;
border-radius: 0px;
position: fixed;padding: 0px 5px;
z-index: 999999;
}



}