*{
    margin:0px;
    padding:0px;
}

@font-face {
    font-family: 'SalesforceSansLight';
    src: url(../fonts/SalesforceSansLight.ttf); 
  }

body{
    font-family: 'SalesforceSansLight';
    font-size: 16px;
  }

  h1, h2, h3
	{
		margin: 0;
		padding: 0;
	}

h2,h1{
    font-size: 40px;
    font-weight: bold;
    line-height: 55px;
    margin-bottom: 20px;
}

h3{
    margin-bottom:20px;
    font-size: 22px;
    font-weight: bold;
}

h4{
    font-size: 20px;
    font-weight: bold;
}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 0;
		list-style: none;
	}
	
	p
	{
		line-height: 180%;
        margin-bottom:20px;
	}
	
	strong
	{
	}
	
	a
	{
		color: #0000FF;
		text-decoration: none;
	}
		
	.container
	{
		overflow: hidden;
		margin: 0em auto;
		width: 100%;
	}


/* Header */


	#header-wrapper
	{
	}

	#header
	{
		position: relative;
		padding: 3em 0em 2.3em;
	}

	.nav-bar {
		display: flex;
		width: 100%;
		cursor: pointer;
		position: sticky;
		top: 0;
		align-items: center;
		justify-content: center;
		background: #fff;
		padding: 10px 0px;
	  }
	  
	  .nav-bar .logo {
		border: 0;
		width: 150px;
		margin: 0 10px;
	  }
	  
	  .nav-list {
		list-style-type: none;
		display: flex;
		width: 70%;
		align-items: center;
		justify-content: end;
	  }
	  .nav-list li {
		padding: 0 15px;
		margin: 10px;
		display: flex;
		align-items: center;
	  }
	  
	  .nav-list li a {
		text-decoration: none;
		color: #000;
		font-weight: bold;
		color: rgba(0,0,0,.8);
	  }

	  .nav-list li a.last{
		color:#d99430;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	.nav-list a:hover
	{
		text-decoration: none;
		color:#d99430;
	}

	.nav-list a.last:hover{
		color: rgba(0,0,0,.8);
	}

	a:hover
	{  
		text-decoration: none;
		color: #d99430 !important;
	}

	.burger {
		display: none;
		/*
		position: absolute;
		right: 5%;
		top: 26px;
		cursor: pointer;
		*/
	  }

	  .line {
		width: 33px;
		background-color: black;
		height: 3px;
		margin: 3px 3px;
		border: 1px solid black;
		border-radius: 3px;
	  }


/* Logo */


	#logo
	{
		position: absolute;
		top: 1em;
		left: 0;
	}
	
	#logo a img
	{
		width: 150px;
	}
	
	#logo a
	{
		text-decoration: none;
		color: #0173B2;
	}


/* Menu */


	#menu
	{
		position: absolute;
		top: 2em;
		right: 0;
	}
	
	#menu ul
	{
		display: inline-block;
	}
	
	#menu li
	{
		display: block;
		float: left;
		text-align: center;
	}
	
	#menu li a, #menu li span
	{
		padding: 1em 1.5em;
		text-decoration: none;
		font-weight: bold;
		color: rgba(0,0,0,.8);
	}

	#menu li a.last{
		color:#d99430;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#menu a:hover
	{
		text-decoration: none;
		color:#d99430;
	}

	#menu a.last:hover{
		color:#000;
	}
	
	#menu .current_page_item a
	{
	}
	
	#menu .icon
	{
	}

    #banner-wrapper{
        overflow: hidden;
        padding: 10em 0em 5em 0em;
        background: url(../images/banner-new.jpg) no-repeat center top;
        background-size: auto;
        background-size: 100% auto;
        min-height: 400px;
		display: flex;
        align-items: center;
    }

    .banner-text h1{
        text-align: center;
        font-size: 60px;
        color: #fff;
		line-height: 65px;
    }

    .banner-text h1 span,.abt-block h1 span,
    h1 span{
        color: #d99430;
    }

    #about{
        padding:80px 0px 0px;
    }

   .abt-content h1,.app-content h1{
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 72px;
   }

   .abt-content p{ 
    width: 100%;
    margin: 0 auto;
	text-align: justify;
   }

   .abt-content{
       margin-bottom: 45px;
   }

   .first-half,.sec-half {
    float: left;
    margin-right: 2%;
    width: 48%;
	display: flex;
}

.form-group.first-half{
	float: left;
    margin-right: 2%;
    width: 48%;
	display: block;
}

.form-group.sec-half{
	float: left;
    width: 48%;
	display: block;
	margin-left: 2%;
	margin-right: 0px; 
	margin-bottom: 30px;
}

ul.abt-list{
    padding: 40px 20px;
}

ul.abt-list li{
    margin-bottom: 20px;
	display: inline-block;
}

ul.abt-list li img{
	object-fit: scale-down;
	float: left;
	width: 64px;
	margin-right: 20px;
	min-height: 100%;
	margin-bottom: 70px;
}

ul.contact-list li img{
	object-fit: scale-down;
    float: left;
    width: 40px;
    height: 48px;
    margin-right: 20px;
}

ul.contact-list{
	display: inline-grid;
	font-weight: bold;
}

ul.contact-list li{
	display: flex;
    align-items: center;
}

ul.cst-dev{
	list-style-type: square;
    padding: 0 30px;
}

ul.cst-dev li{
	margin-bottom: 10px;
}

.contact-section .first-half,.contact-section .sec-half{
    float: left;
    margin-right: 2%;
    width: 48%;
    display: block;
}

#custom-devlop .container{
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

#custom-devlop .first-half, #custom-devlop .sec-half {
    float: left;
    margin-right: 2%;
    width: 48%;
    display: flex;
    flex-direction: column;
}

.full-width,.contact-section{
    padding: 60px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-section .first-half{
	padding: 30px 50px;
    background: #f0f0f0;
	height: 322px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.on-train .row{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}


.full-row{
    display: flex;
    align-items: center;
    justify-content: center;
}

.full-width .first-half{
    padding: 60px;
}

.col1,.col2,.col3{
    width: 31%;
    float: left;
    margin-right: 2%;
	background: #f0f0f0;
    padding: 2px;
}

.app-section{
    padding:80px 0px;
}

.col-content{
   background-color: #f0f0f0;
   padding:20px;
   min-height: 138px;
}

.contact-section{
	padding: 60px 0px;
    margin-top: 30px;
}

#custom-devlop,.on-train{
	padding: 80px 0px 60px;
	background: #f0f0f0;
}

.contact-form{
	padding: 80px 0px 60px;
}

.center-text{
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.app-content p{
	width: 800px;
	text-align: left;
	margin: auto;
	margin-bottom: 20px;
}

.fcf-input-group{
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
}

.fcf-form-control{
	display: block;
	width: 100%;
	height: 30px;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	outline: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: 'SalesforceSansLight';
}

.fcf-form-group {
    margin-bottom: 1rem;
	margin-right: 2%;
}

textarea.fcf-form-control {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	font-family: 'SalesforceSansLight';
	height:auto;
}

.fcf-body{
 padding: 50px 0px;
}

.fcf-btn-lg{
	padding: 10px 30px;
	line-height: 1.5;
	border-radius: 0.3rem;
	background: #444;
	border: 0px;
	margin-top: 20px;
	font-family: SalesforceSansLight;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.36px;
	cursor: pointer;
	color: #fff;
}

.fcf-btn-lg:hover{
	color: #d99430;
}

.accordion {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	margin-top: 2px;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
	transition: 0.4s;
	letter-spacing: 1px;
  }
  .active,
  .accordion:hover {
	background-color: #4070bc;
	color: #fff;
  }

  .accordion:hover:after,.accordion.active:after{
	color: #fff;
  }

  .accordion:after {
	content: "\002B";
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
  }
  .active:after {
	content: "\2212";
  }
  .panel {
	padding: 0 18px;
	background: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  .activeP {
	padding: 18px;
  }
  
  .footer_inner_left{
	width: 49%;
	Float: left;
	display:block;
	}
	
	.footer_inner_right{
	width: 49%;
	Float: right;
	display:block;
	}

   img{
    width: 100%;
   }

   a.footer-logo img{
	width: 180px;
	margin-bottom: 20px;
   }

   .footer_outer{
		padding: 60px 0px;
		background: #444;
		color: #fff;
   }

   .footer_outer .row{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 0px 16%;
   }


   ul.footer-links {
	list-style-type: disclosure-closed;
	padding: 0px 26%;
   }

  ul.cont-foot li,ul.footer-links li{
      margin-bottom: 15px;
   }

   ul.cont-foot li a,ul.footer-links li a{
       color:#fff;
   }

   ul.footer-links li a:hover{
	   color:#d99430;
   }

   ul.footer-links li a.last:hover{
	   color:#fff;
   }

   ul.footer-links li a.last{
	color:#d99430;
   }

   .warning-cont {
    padding: 6px 15px;
    display: inline-block;
    color: #d99430;
    font-weight: bold;
}

   .has-error input, .has-error textarea{
	border: 1px solid red;
  }

  .help-block {
	color: red;
	font-size: 14px;
  }

  .hide {
	opacity: 0;
  }

  .alert.alert-success{
	background: green;
	padding: 6px 30px;
	display: inline-block;
	color: #fff;
  }

  .alert.alert-error{
	background: rgb(182, 87, 70);
	padding: 6px 30px;
	display: inline-block;
	color: #fff;
  }

  img.zoom-img:hover{
	transform: scale(1.05);
  }

  ul.contact-list li img.cst-loc{
	margin-top: -22px;
  }

  ul.contact-list li img.cst-mail{
	width: 33px;
  }

  /*----- mobile css ------*/

  .mobile-container {
	max-width: 480px;
	margin: auto;
	background-color: #555;
	height: 500px;
	color: white;
	border-radius: 10px;
  }
  
  .topnav {
	overflow: hidden;
	background-color: #333;
	position: relative;
  }
  
  .topnav #myLinks {
	display: none;
  }
  
  .topnav a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
  }
  
  .topnav a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
  }
  
  .topnav a:hover {
	background-color: #ddd;
	color: black;
  }
  
  .topnav a.active {
	background-color: #04AA6D;
	color: white;
  }

  .sticky {
	position: fixed;
	top: 0;
	width: 100%;
  }
  
  .sticky + .content {
	padding-top: 102px;
  }

  @media (min-width:1281px){
	.menu{
		height: 0;
		overflow: visible;
		transition: height 0.3s;
	  }
	  
	
	.container{
		max-width: 1200px;
	}

	.abt-content p{ 
		width: 900px;
		margin: 0 auto;
	   }

	   .on-train .row{
		width: 1000px;
	}

	.center-text{
		text-align: center;
		width: 800px;
		margin: 0 auto;
	}
  }

  @media (min-width: 768px) and (max-width: 1024px) {
	.menu{
		height: 0;
		overflow: hidden;
		transition: height 0.3s;
	  } 

	.nav-bar {
		position: fixed;
	  }
	
	.nav-bar {
		flex-direction: column;
		transition: all 0.7s ease-out;
		width: 100%;
	  }
	  .nav-bar .logo {
		border: 0;
		width: 150px;
		margin: 0 10px;
	  }
	  .nav-list {
		flex-direction: column;
	  }
	  .burger {
		display: block;/*
		position: absolute;
		right: 5%;
		top: 26px;
		cursor: pointer;*/
	  }

	  .h-nav {
		height: 60px;
	  }

	  .h-nav a.logo-link{
		  position: absolute;
	  }

	  /*.nav-bar a.logo-link{
		position: relative;
	  }*/

	  .v-class {
		opacity: 0;
	  }

	  /*#banner-wrapper {
		padding: 3em 0em 2em 0em;
		min-height: 100%;
		margin-top: 80px;
	}*/

	#banner-wrapper {
		padding: 6em 0em 2em 0em;
		min-height: 300px;
		background-size: cover;
	}

	#content_wrapper{
		padding:0px 30px;
	}

	.first-half, .sec-half {
		float: left;
		margin-right: 0;
		width: 100%;
		display: flex;
	}

	.full-row {
		flex-direction: column;
		padding: 20px;
	}

	#custom-devlop{
		padding: 0px 0px 0px;
		background: #f0f0f0;
	}

	#custom-devlop .first-half, #custom-devlop .sec-half {
		float: left;
		margin-right: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.col1, .col2, .col3 {
		width: 100%;
		float: left;
		margin-right: 0;
		background: #f0f0f0;
		padding: 2px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
	}

	.col1 img, .col2 img, .col3 img{
		max-width: 40%;
	}

	.col-content {
		min-height: 100%;
	}

	.on-train {
		padding: 40px;
		background: #f0f0f0;
	}

	.contact-section .first-half, .contact-section .sec-half {
		float: left;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	textarea.fcf-form-control {
		width: 96%;
	}

	.form-group.first-half {
		width: 44%;
	}

	.footer_outer .row {
		padding: 0px 8%;
	}
    
	ul.footer-links {
		text-align: center;
	}

	ul.footer-links {
		list-style-type: none;
	}
  }
  
  

  @media only screen and (max-width: 800px) {
    
    h2, h1 {
    font-size: 35px;
    line-height: 45px;
   }

    .menu{
		height: 0;
		overflow: hidden;
		transition: height 0.3s;
	  } 

	h1{
		text-align: center;
	}
	
	.nav-bar {
		position: fixed;
	  }
	
	.nav-bar {
		flex-direction: column;
		transition: all 0.7s ease-out;
		width: 100%;
	  }
	  .nav-bar .logo {
		border: 0;
		width: 150px;
		margin: 0 10px;
	  }
	  .nav-list {
		flex-direction: column;
	  }
	  .burger {
		display: block;
		position: absolute;
		right: 5%;
		top: 26px;
		cursor: pointer;
	  }

	  .h-nav {
		height: 60px;
	  }

	  .h-nav a.logo-link{
		  position: absolute;
	  }

	  /*.nav-bar a.logo-link{
		position: relative;
	  }*/

	  .v-class {
		opacity: 0;
		/*display: none;*/
	  }

	  #banner-wrapper {
		padding: 7em 0em 2em 0em;
		min-height: 300px;
		background-size: cover;
	}

	.banner-text h1 {
		font-size: 35px;
		line-height: 40px;
	}

	#content_wrapper{
		padding:0px 30px;
	}

	.full-row {
		flex-direction: column;
		padding: 20px;
	}

	.first-half, .sec-half {
		margin-right: 0;
		width: 100%;
	}

	ul.abt-list li img {
		object-fit: scale-down;
		margin-right: 15px;
		min-height: 100%;
		margin-bottom: 8px;
	}

	h4 {
		margin-bottom: 10px;
	}

	ul.abt-list {
		padding: 0px;
	}

	#custom-devlop {
		padding: 60px 20px 0px;
		background: #f0f0f0;
	}

	.contact-form {
		padding: 40px 20px 20px;
		background: #f0f0f0;
		margin-bottom: 20px;
	}

	.on-train {
		padding: 80px 10px 20px;
	}

	#custom-devlop .container {
		margin-bottom: 50px;
		flex-direction: column;
	}

	#custom-devlop .first-half, #custom-devlop .sec-half {
		float: left;
		margin-right: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.col1, .col2, .col3 {
		width: 100%;
		float: left;
		margin-right: 0;
		background: #f0f0f0;
		padding: 2px;
		margin-bottom: 20px;
	}

	.col-content {
		min-height: 100%;
	}

	.contact-section .first-half, .contact-section .sec-half {
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	.form-group.sec-half,.form-group.first-half{
		float: left;
		margin-right: 0;
		width: 92%;
		display: flex;
		margin-bottom: 30px;
		margin-left: 0;
		flex-direction: column;
	}

	textarea.fcf-form-control{
		display: flex;
		flex-direction: column;
	}

	.footer_inner_left,.footer_inner_right {
		width: 100%;
		display: block;
		margin-bottom: 30px;
	}

	.footer_outer .row {
		padding: 0px 4%;
		flex-direction: column-reverse;
        text-align: center;
	}

	ul.footer-links {
		padding: 0px 5%;
	}

	.footer_outer {
		padding: 60px 0px 0px;
	}

	ul.footer-links {
		list-style-type: none;
	}

  }

  .open{
	height: 369px;
	opacity: 1;
	background: #fff;
	top: 0;
	position: absolute;
	z-index: -1;
	width: 100%;
  }

  .open-samsung{
	height: 300px;
	opacity: 1;
	background: #fff;
	top: 0;
	position: absolute;
	z-index: -1;
	width: 100%;
	padding-top: 70px;
  }