#mainNav .container{
    max-width:95%;
    }
    
#mainNav{
position: absolute;
}

.navbar-brand img{
    width:200px;
    }
    
    #mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus{
        color:white;
        font-size:14px;
        font-weight:bold;
        }
        
.btn{
    background: #f58634;
    color: black;
 }

p{
font-size:18px;    
}

.title{
    font-size: 65px;
    color: #f58634;
    padding-bottom: 30px;
    font-weight: bold;
    }
    
h1{
    font-size:50px;
    font-weight:400;
    }
    
    h2{
font-size: 34px;
font-weight:400;
}

h3{
font-size: 26px;
font-weight:400;
}

.col-lg-7.my-auto{
    padding:0px;
    padding-top:50px;
    }

header.masthead{
background: url(../img/bg-pattern.png),linear-gradient(to left,#427763,#384caf);
height:650px;
}

header.masthead .header-content{
max-width:100%;
}

header.masthead .device-container{
max-width:500px;    
padding-top:50px;
}

header.masthead .device-container .screen img{
max-width:500px;
}



.outer-div{
width:400px;
float:right;
}

.inner-div{
width:200px;
height:200px;
float:left;
border:2px solid #fff;
position:relative;
background:rgba(255,255,255,.7);
cursor: pointer;
}

.inner-div:hover{
   background:rgba(255,255,255,.3); 
}

.features .content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
text-align:center;
}

section{
padding:0px;
}

.features .container{
max-width: 100%;
    padding: 0px;
}

.features{
height:600px;
background: url(../img/services/work-office1.jpg);
background-size:cover;
}

.services-content {
    width: 500px;
    float: left;
    margin-left:50px;
}

.services-content1 {
    display:none;
}

.services-content2 {
    display:none;
}

.services-content3 {
    display:none;
}

.services-content4 {
    display:none;
}

.services-content5 {
    display:none;
}

.services-content6 {
    display:none;
}


.services-content a{
margin-left:50px;
}

.services-content ul {
    margin-left: 30px;
}

.services-content h3 {
    margin-top: 150px;
    margin-left: 50px;
}



.content-show {
    display:block;    
}

.content-hide {
    display:none;    
}

section.download {
    padding: 100px 0;
    height: 650px;
}

.download .container {
    max-width: 100%;
    padding: 0px;
    margin: 0px 20px;
}

.flex-module {
    width: 20%;
    float: left;
    margin-top:50px;
}

.flex-module .content{
    width:310px;
    margin:0 auto;
    }
    

.flex-module li {
    text-align: left;
    margin-top: 14px;
    list-style:none;
}

.flex-module li:before{
    content: "\f00c";
    font-family: FontAwesome;
  display: inline-block;
  margin-left: 0px; /* same as padding-left set on li */
  width: 23px;
    }
    


.core-module {
    float: left;
    width:72%;
    margin-top:50px;
}

.core-module .content{
    width:900px;
    margin:0 auto;
    }

.modules {
    width: 200px;
    height: 80px;
    float: right;
    margin: 10px;
    background: linear-gradient(to top,#427763,#fff);
    position: relative;
}

.modules span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height:1.3;
}

section.cta{
padding:100px 0;    
}

#scf-form-contactForm{
    width:400px;
    }

label{
    color:white;
    }

#contact .container{
    width:1199px;
    height:500px;
    padding:100px 0;
}

.contact-column {
    width: 100%;
    float: left;
    padding:0 20px;
}

.map-column {
    width: 42%;
    float: left;
    padding:0 20px;
}

.contact-column li {
    list-style: none;
    text-align: left;
}

.contact-column a{
    color:black;
    }
    
  .map-column  iframe{
    width:450px;
    height:300px;
    }
    
#products .container{
max-width:100%;
padding:0px;
height:700px;
background: url(../img/bg-pattern.png),linear-gradient(to bottom,#977591,#bf9472);
}
    
.double-column{
width:50%;
float:left;
margin-top:250px;
position:relative;
}

.double-column h2{
    position: absolute;
    top: -170px;
    width:100%;
    text-align:center;
    color:white;
    }
    
    .double-column h3{
    position: absolute;
    top: -100px;
    width:100%;
    text-align:center;
     color:white;
    }
    
    .btn-div{
         position: absolute;
    top: -50px;
   width:100%;
    text-align:center;
        }
        
.box-product{
background: url(../img/box-bg.png) no-repeat;
background-size:contain;
background-position:center;
height:400px;
}
            
            .cloud-product{
background: url(../img/cloud-bg.png) no-repeat;
background-size:contain;
background-position:center;
height:400px;
            }
            
header.slider {
   background: linear-gradient(to top,darkslategray,#fff);
    height: 650px;
}


.hideBanner {
			display: none;
			transition: display 5s, ease-in-out;
		}

		img.bannerImg {
			max-width: 100%;
			height: auto;
		}

		.fadein {
			-webkit-animation-name: fadein;
			-webkit-animation-duration: 1.5s;
			animation-name: fadein;
			animation-duration: 1.5s;
		}

		@-webkit-keyframes fadein {
			from {
				opacity: 0
			}

			to {
				opacity: 1
			}
		}

		@keyframes fadein {
			from {
				opacity: 0
			}

			to {
				opacity: 1
			}
		}

		.fadeout {
			-webkit-animation-name: fadeout;
			-webkit-animation-duration: 1.5s;
			animation-name: fadeout;
			animation-duration: 1.5s;
		}

		@-webkit-keyframes fadeout {
			from {
				opacity: 1
			}

			to {
				opacity: 0
			}
		}

		@keyframes fadeout {
			from {
				opacity: 1
			}

			to {
				opacity: 0
			}
		}