.section-seperated{
	border-bottom: 3px solid;
  	border-color: #32455e;


}


/* ********************
* ********HEADING *****
***********************/

.navbar-inverse .navbar-inner{
  
  background-color: #000;
  background-image: linear-gradient(to bottom,#000,#000);
  border-color: #0c0c0c;
  
  
}

.menu-main-nav-v2-container  a {
    color: #fff !important;
}

.menu-main-nav-v2-container a:hover {
    color: #000 !important;
}



.slideshow-container{
  position: relative;
  max-height:250px;
  

}


#container-103, #col-103-1 {
  margin: auto;
  max-height: 300px;
  width: 100%;

}

#col-103-1 {
 width:100%;

}

.single-slide{
  text-align: right;
  height: 250px;
    
}


/* The squares/indicators (can toggle on and off from carousel layout) */
.square {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #042c6d;
  border-radius: 20%;
  display: inline-block;
  position: relative;
  transition: background-color 0.6s ease;
  transform: translate(0px, -30px);

}



header .header-btn {

  margin-left: 1vw !important;
  width: 210px !important;

}

.header-txt {
  position: absolute;
  left: 1vw;
  top: 0px;
  color: white;

}


.header-txt > p {
  font-size: 20px;
  margin-top:60px;

}

.ult_social > a {
  margin-left:10px;


}
.header-carousel-wrapper {
	background-color: #3B4F68;
    border-style: inset none;
  	border-top-color: #8699BD;
  	border-bottom-color: #8699BD;
    max-height:250px;
  
}

.header-carousel-container {

  max-width: 1212px;
  margin-left:auto;
  margin-right:auto;


}

/*********************
*********GENERAL******
**********************/
h2 {
  font-family: Oswald;
  color: #32455e;
  
}

p{

font-family: Arial;
}



/* ********************
*********BODY**********
***********************/

body{
background-color: #fff;
font-family: Oswald;
}


.the-process {

//margin-left: 20px;

}

.process-txt {
	transform: translate(320px, -220px);
}



  
.wpb_column
  {
    
    min-width: auto;
    
  }


#wrapper-110
{
  background-color:#000;
}


#container-78
{
  background: none;
}

.col2-text{
    	margin-top: 20px; 
  		padding-left: 30px;
  		width: auto;
  }

.telecom-div, .merchant-div, .shipping-div
{
  border-radius: 10px;
  height: 230px;
  position: relative; 
  text-align: left;
  padding-top: 20px;
  margin-top: 20px;
  min-width: 585px;
  
}

@media only screen and (max-width: 635px) {
   .telecom-div, .merchant-div, .shipping-div {
  min-width: 0px;
  
}

#content .service-btn {
  	display: none;
  }

  
#content .service-btn-2 {
  	width: 150px !important;
  	text-align: left;
  	float: left;
  	left: 30px !important;
  	font-size : 10px !important;
  	height: 15px;
    display: block !important;
  }
}


@media only screen and (max-width: 470px) {
   .service-text {
  display: none;
  }

  .wpb_column
  { 
  	min-width: 0px;
  }
}

.service-img
{
  padding-left: 50px;
}

.telecom-div {background-color: rgba(59,80,104,0.25);}
  
.merchant-div{background-color: rgba(247, 199, 77, 0.25);}

.shipping-div{background-color: rgba(27,146,69, 0.25);}


#content .service-btn 
{
  width: 480px !important;
  text-align: left;
  float: left;
  left: 30px !important;
  font-size : 15px !important;
  height: 15px
    
    
    
  
}
#content .service-btn-2 
{
  display:none;
    
}





@media only screen and (max-width: 766px) {
   .footer-text-col2 {

  	padding-left: 30px !important;
}
  
    .col2-text {
    min-width: 0px !important;
    width: auto;
  	margin-left: 0px !important;
}
}






.footer-text-col1, .footer-text-col2 {

  	margin-top: 20px;
  	padding-bottom: 50px;
}

.footer-text-col2 {

  	padding-left: 100px;
}

.footwrapper {
 	background-color: #3B4F68;


}

.footer-container {
 	color: #fff;
  	font-size: 12px;

}









.telecom-img
{
  height: 250px;
}





@media only screen and (max-width: 565px) {
   .header-txt > h1 {
  line-height: 25px;

}

}



@media only screen and (max-width: 1430px) {
   header .header-btn {

  margin-left: 10vw !important;

}

.header-txt {
  left: 10vw;

}
}



@media only screen and (max-width: 1102px) {
   header .header-btn {

  margin-left: 10vw !important;

}
}


@media only screen and (max-width: 717px) {
   .header-txt > h1 {
  font-size: 30px;

}
}
@media only screen and (max-width: 471px) {
   .header-txt > h1 {
  font-size: 20px;

}
}
@media only screen and (max-width: 326px) {
   .header-txt > h1 {
  font-size: 18px;
    line-height: 20px;

}
}

@media only screen and (max-width: 1210px) {
   .col2-text {
    //min-width: 400px;
    margin-left: 100px;
  
}
}

@media only screen and (max-width: 988px) {
   .col2-text {
    margin-left: 200px;
  
}
}

@media only screen and (max-width: 810px) {
   .slideshow-img {
    opacity: 0.4;
  
}
}

@media only screen and (max-width: 745px) {
   .process-txt {
   transform: none;
  
}
}




/* FOOTER SLIDERSHOW */


.footer-img-2
{
  width: 150px;
}



/* Slideshow container */
.footer-slideshow-container {
  max-width: 1616px;
  position: relative;
  margin: auto;
  height: 250px;
  background-color: #E4EAF2;
}

/* Hide the images by default */
.footer-slides {
    display: none;
	height: inherit;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #3b5068;
  font-weight: bold;
  font-size: 70px;
  border-radius: 0 3px 3px 0;
  transition: 0.6s ease;

}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}



/* Caption text */
.footer-slide-text {
  color: #000;
  font-size: 12px;
  position: absolute;
  bottom: 8px;
  text-align: center;
  font-family: Arial;
  margin-left: 100px;
  margin-right: 100px;
  top: 35px;
}

@media only screen and (max-width: 981px) {
   .footer-slide-text {
   
    
  
}
}

/* Number text (1/3 etc) */
.numbertext {
  color: #000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


#wrapper-112
{
  background-color: #E4EAF2;
  border-style: solid none none;
  border-top-color:#8699BD;
  height: 500px;
}

.footer-slideshow-container a:hover{
	color: #696867;
}



@media only screen and (max-width: 979px) {
   .footer-slide-text {
    margin-left: 0px;
    margin-right: 0px;
    
    
  
}
  .prev, .next {
  	top: 153%;
  
  
  }
  
  #wrapper-112 {
   
    height: 450px;
  
}
  
}



@media only screen and (max-width: 588px) {
  
  .prev, .next {
  	top: 255%;
  
  
  }
  
  #wrapper-112 {
   
    height: 705px;
  
}
  
}

.span-12 {
  width:1256px
}

#col-110-1
{
  //width: 1256px;
}