﻿.relative{
	position: relative;
}
.stuck{
	position: fixed;
	margin-top: -71px;
	width: 100%;
	background-color: #004964;
	box-shadow: 0px 1px 1px #333;
	z-index: 999;
}
.stuck .logo img{
	height: auto;
	width: 150px;
	margin-top: 15px;
}
.stuck .navbar{
	bottom: 27px;
}
.stick{
	height: 75px;
}
.clear{
	clear: both;
}
body{
	margin: 0;
	font-family: 'Libre Baskerville', serif;
	font-weight: 100;
	
}
h1,h2,h3,h4,h5,h6{
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
}
.myriad{
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
}
.bakersville{
	font-family: 'Libre Baskerville', serif;
	font-weight: 100;
}
.bold {
	font-weight: 400;
}
.content-width{
	max-width: 980px;
	margin: 0 auto;
}
.nodec{
	text-decoration: none;
}
.button{
	padding: 5px;
	width: 50px;
	text-align: center;
	color: #004964;
}
#welcome{
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
#welcome h1 span {
	color: #f9b617;
	font-weight: 400;
}
#welcome h1, #benefits h1{
	text-align: center;
	margin: 0px auto;
	font-size: 48px;
	
}

#benefits h1 {
		color: #303943;
}
#welcome .sectiontitle{
	margin-top: 60px;
	font-size: 20px;
	letter-spacing: 2px;
}
#benefits .sectiontitle{
	margin-top: 50px;
	font-size: 20px;
	letter-spacing: 2px;
}

#benefits{
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
}


#benefits h4{
	font-weight: bold;
	margin-bottom: 0;
	font-size: 26px;
	color: #303943;
	line-height: 30px;
}
#benefits ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#benefits li {
	padding-left: 50px;
	margin-bottom: 60px;
}
#benefits li p{
	margin-top: 0;
	line-height: 23px;
}
#itconsultant{
	color: #fff;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;
}
#itconsultant p{
	line-height: 27px;
}
#section4 {
	padding-bottom: 80px;
    padding-top: 60px;
}

#section4 h4 {
    color: #303943;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}
#section4 .sectiontitle h1 {
	text-align: center;
	font-size: 48px;
	margin-bottom: 50px;
	color: #303943;
}
#section4 ul {
  list-style-type: circle;
  margin-left: 450px;
}
#section4 li {
	margin: 10px 0 10px 18px;
    padding-left: 20px;
}
#services{
	color: #fff;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
#services h2 {
    font-size: 20px;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
}

#services h1 {
	font-size: 48px;
}
#services .button{
	display: inline-block;
	 border-radius: 3px;
    display: inline-block;
    font-family: myriad-pro;
    font-size: 16px;
    font-weight: 400;
    padding: 13px;
    width: 160px;
}


#section6{
	padding-bottom: 60px;
    padding-top: 40px;
}

#section6 h1 {
	font-size: 48px;
	text-align: center;
}

#section6 p {
	margin-bottom: 25px;
}

#section6 .features ul li {
    float: left;
    margin-bottom: 40px;
    margin-right: 60px;
    width: 410px;
    list-style: none;
}
#section6 .features ul li p{
    line-height: 22px;
}
.features img#logo {
    float: left;
    margin-right: 30px;
    padding-bottom: 60px;
    padding-top: 50px;
}

#section6 h2{
	font-weight: bold;
	color: #303943;
}

#section6 p#desc-center {
	text-align: center;
}


#industries{
	background-color: #f7f7f7;
	padding: 40px;
	text-align: center;
	clear: both;
	padding-top: 70px;
}
#industries h1{
	margin-top: 0px;
	font-size: 48px;
}
#section8{
	color: #fff;
	padding-top: 20px;
}
#section8 h1{
	text-align: center;
	margin-top: 0px;
}
#contactus{
	padding-top:20px;
	padding-bottom: 20px;
}
#welcome1{
	padding-top: 20px;
}

.socialicons ul li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}

#welcome .content-width img#testimonial {
	    box-shadow:1px 1px 15px #25292a;
	    margin-bottom: 40px;
}

.logo{
	display: inline-block;
	font-size: 32px;
	float: left;
	width: 295px;
}
.logo p{
	margin: 0px;
}
.navbar{
	text-align: right;
	display: inline-block;
	position: relative;
	left: 30px;
	top: 23px;
}
.stuck .navbar{
	top:6px;
}
nav {
	display: inline-block;
	float: right;
}
.navbar li{
	display: inline-block;
	font-size: 16px;
	letter-spacing: 2px;
	margin-right: 20px;
}
.navbar a,.navbar a:visited {
	text-decoration: none;
	color: #fff;
}
.navbar a.nav-active {
    color: #fab716;
}
.sloganslide{
	padding-bottom: 30px;
	margin-top: 250px;
}
.sloganslide p {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
}
.sectionsubtext{
	text-align: center;
	line-height: 27px;
}
.benefits{
	margin-top: 80px;
	max-width: 450px;
	display: inline-block;
}
.benefits #benefits-images {
   float: left;
    margin-right: 25px;
    padding-bottom: 50px;
    padding-top: 15px;
}
.benefits h4{
	font-size: 32px;
	font-weight: 400;
	margin: 30px auto;
}
.video{
	float: left;
	margin: 100px 100px 100px 30px;
	width: 360px;
}
.videoinfo{
	margin-right: 20px;
	float: left;
	max-width: 450px;
	margin-bottom: 30px;
}

.videoinfo p {
	font-size: 16px;
    line-height: 25px;
}
.videoinfo h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 0;
}
.signup form{
	display: inline-block;
}
.signup input {
    border: medium none;
    box-shadow: none;
    height: 50px;
    margin-right: 20px;
    padding-left: 10px;
    width: 260px;
}
.signup p {
    display: inline-block;
    font-family: myriad-pro;
    font-size: 16px;
    font-weight: 400;
    padding: 13px;
    width: 160px;
    border-radius: 3px;
}

#mc-embedded-subscribe {
    float: right;
    margin-top: 20px;
    background-color: #fab716;
    border-radius: 5px;
}

.mc-field-group {
    float: left;
}

#mc_embed_signup input[type="submit"]:hover { color: #004964; cursor: pointer; }

.testimonial h4{
	margin-top: 0px;
}
#slider3_container{
	margin: 0 auto;
}
#slider4_container{
	display: none;
	cursor: move; 
	position: relative; 
	width: 300px; 
	height: 400px; 
	overflow: visible;
	margin: 0 auto;

}
#mobileservices{
	cursor: move; 
	position: relative; 
	width: 300px; 
	height: 400px; 
	overflow: visible;
	margin: 0 auto;
}
#slider4arrowl{
	width: 55px; 
	height: 55px; 
	top: 350px;
}
#slider4arrowr{
	width: 55px; 
	height: 55px;
	top: 350px;
	right: 0px; 
}
#slider5_container{
	display: none;
	cursor: move; 
	position: relative; 
	width: 300px; 
	height: 400px; 
	overflow: visible;
	margin: 0 auto;
}
#mobiletestimonial{
	cursor: move; 
	position: relative; 
	width: 300px; 
	height: 400px; 
	overflow: visible;
	margin: 0 auto;
}
.name{
	color: #000;
}
.contactform{
	display: inline-block;
}
.contactinfo{
	display: inline-block;
	max-width: 400px;
	float: right;
	line-height: 23px;
}
.metroBlue{
	background-color: #004964;
}
.metroLightBlue{
	background-color: #1672b1;
}
.metroGold{
	background-color: #fab716;
}
.metroGray{
	background-color: #f7f7f7;
}
.metroFooter{
	background-color: #303943;
	text-align: center;
	color: #fff;
	padding-bottom: 20px;
}

.header-background {
	background-image: url('background-image.jpg');
}
#support{
	padding: 1px;
	background-color: #f7f7f7;
	color: #004964;
	font-size: 15px;
}
#support p{
	text-align: right;
	margin-right: 20px;
}
#section10{
	color: #000;
}
 /* jssor slider bullet navigator skin 03 css */
            /*
                    .jssorb03 div           (normal)
                    .jssorb03 div:hover     (normal mouseover)
                    .jssorb03 .av           (active)
                    .jssorb03 .av:hover     (active mouseover)
                    .jssorb03 .dn           (mousedown)
                    */
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
                background: url(b03.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }

            .jssorb03 div {
                background-position: -5px -4px;
            }

                .jssorb03 div:hover, .jssorb03 .av:hover {
                    background-position: -35px -4px;
                }

            .jssorb03 .av {
                background-position: -65px -4px;
            }

            .jssorb03 .dn, .jssorb03 .dn:hover {
                background-position: -95px -4px;
            }
/* jssor slider arrow navigator skin 03 css */
            /*
                    .jssora03l              (normal)
                    .jssora03r              (normal)
                    .jssora03l:hover        (normal mouseover)
                    .jssora03r:hover        (normal mouseover)
                    .jssora03ldn            (mousedown)
                    .jssora03rdn            (mousedown)
                    */
            .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
                position: absolute;
                cursor: pointer;
                display: block;
                background: url(a03.png) no-repeat;
                overflow: hidden;
            }

            .jssora03l {
                background-position: -3px -33px;
            }

            .jssora03r {
                background-position: -63px -33px;
            }

            .jssora03l:hover {
                background-position: -123px -33px;
            }

            .jssora03r:hover {
                background-position: -183px -33px;
            }

            .jssora03ldn {
                background-position: -243px -33px;
            }

            .jssora03rdn {
                background-position: -303px -33px;
            }
#div_3c96_0{display:inline-block;margin-right: 30px;}
#div_3c96_1{display:inline-block;margin-left: 60px;width:400px;position: absolute;right:0px;bottom: 0px;}
#iframe_3c96_0{box-shadow: 1px 1px 15px #25292a;
margin-bottom: 40px;}
#div_3c96_2{float:right;display:inline-block;margin-top:110px;max-width:450px;line-height:27px;margin-top:110px;}
#p_3c96_0{font-style: italic;}
#p_3c96_1{line-height:27px;}
#div_3c96_3{margin-top:60px;}
#slider1_container{position: relative; top: 0px; left: 0px; width: 790px; height: 400px; margin:0 auto; }
#div_3c96_4{position: absolute; top: 0px; left: 0px;}
#div_3c96_5{filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                        background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;}
#div_3c96_6{position: absolute; display: block; background: url(loading.gif) no-repeat center center;
                        top: 0px; left: 0px;width: 100%;height:100%;}
#div_3c96_7{cursor: move; position: absolute; left: 0px; top: 0px; width: 790px; height: 400px; overflow: hidden;}
#span_3c96_0{width: 55px; height: 55px; top: 123px; left: -65px;}
#span_3c96_1{width: 55px; height: 55px; top: 123px; right: -65px}
#p_3c96_2{margin-top:60px;}
#p_3c96_3{line-height:27px;}
#div_3c96_8{max-width: 500px; height:auto; margin: 50px auto;}
#slider2_container{position: relative; top: 0px; left: 0px; margin:10 auto; width: 600px; height: 350px;line-height: 25px;margin: 0 auto;}
#div_3c96_9{position: absolute; top: 0px; left: 0px;}
#div_3c96_10{filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
	                        background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;}
#div_3c96_11{position: absolute; display: block; background: url(loading.gif) no-repeat center center;
	                        top: 0px; left: 0px;width: 100%;height:100%;}
#div_3c96_12{overflow:visible;cursor: move; position: absolute; left: 0px; top: 0px; margin:0 auto; width: 600px; height: 350px; text-align:center}
#p_3c96_4{font-style: italic;}
#p_3c96_5{font-style: italic;}
#span_3c96_2{width: 55px; height: 55px; top: 40px; left: 8px;}
#span_3c96_3{width: 55px; height: 55px; top: 40px; right: 8px}
#div_3c96_13{position: absolute; bottom: 4px; right: 6px;}
#div_3c96_14{position: absolute; width: 21px; height: 21px; text-align:center; line-height:21px; color:white; font-size:12px;}
#h1_3c96_0{text-align:center;}
#div_3c96_15{max-width: 700px;margin:0 auto;}
#div_3c96_16{max-width: 250px;}
#input_3c96_0{height:40px;width:250px;margin-bottom:20px;}
#input_3c96_1{height:40px;width:250px;margin-bottom:20px;}
#textarea_3c96_0{height:150px;width:250px;margin-bottom:30px;}
#button_3c96_0{width:80px;position:relative;border: none;border-radius: 5px;float: left;}
#p_3c96_6{font-size:15px;}
#p_3c96_7{margin-bottom:0px}
#p_3c96_8{margin-top:0px;}
#p_3c96_9{margin-bottom:0px}
#p_3c96_10{text-align:center;font-size:15px;margin-top:50px;}


/* Tab Content - menucool.com */
ul.tabs
{
    padding: 7px 0;
    margin:10px;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 10px;/*no distance between tabs*/
}
        
ul.tabs li a
{
    font-size: 12px;
    text-decoration: none;
    position: relative;
    padding: 7px 22px;
    color: #000;
    outline:none;
    border:1px solid #f9b617;
    border-radius: 5px;
}
         
ul.tabs li a:hover
{
    color: #000;
    background: white;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: none repeat scroll 0 0 #f9b617;
    color: #1672b1;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    padding: 30px 10px;
}

.tabcontents b {
	color: #303943;
    font-size: 26px;
    font-weight: bold;
}

.tabcontents p {
	line-height: 24px;
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 15px 15px 6px 0px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #fab716;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #004964;
    font-weight: bold;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #004964;
}
.slicknav_menu {
    padding:5px;
}
.stuck .slicknav_menu{
	
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
    display: inline-block;
    background:#004964;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 1000px) {
	/* #menu is the original menu */
	 #navbar{
		display:none;
	}
	
	 .slicknav_menu {
		display:inline-block;
	}
}
@media screen and (max-width: 980px) {
	#section6 .features ul li{
		display: block;
		float: none;
		width: 100%;
	}
	.features img#logo{
		padding-bottom: 0px;
	}
	#section6 p#desc-center{
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 960px) {
	.benefits{
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 450px;
	}
	#div_3c96_2{
		display: block;
		float: none;
		max-width: 450px;
		margin: 0 auto;
		text-align: center;
	}
	.video{
		float: none;
		margin: 0 auto;
	}
	.video iframe{
		margin: 0 auto;
		display: block;
	}
	.videoinfo{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	#slider1_container{
		overflow: hidden;
	}
}
@media screen and (max-width: 900px) {
	#div_3c96_0{
		display: block;
		margin: 0;
		margin-top: 50px;
		text-align: center;
	}
	#div_3c96_1{
		display: block;
		margin: 0 auto;
		position: relative;
	}
	#iframe_3c96_0{
		display: block;
		margin: 0 auto;
	}
}
@media screen and (max-width: 700px) {
	.contactinfo{
		display: block;
		float: none;
		margin: 50px auto;
		padding: 10px;
		text-align: center;
	}
	#div_3c96_16{
		display: block;
		margin: 0 auto;
	}
	#p_3c96_10{
		clear: both;
		margin-top: 100px;
	}
}
@media screen and (max-width: 600px) {
	.logo{
		width: 200px;
	}
	#itconsultant p{
		padding: 10px;
	}
	.signup input{
		margin: 10px;
	}
	.features img#logo{
		float: none;
		display: block;
		margin: 0 auto;
	}
	#section6 .features ul li{
		text-align: center;
	}
	ul.tabs li{
		display: block;
		margin: 40px;
	}
	#div_3c96_1{
		width: 100%;
	}
	#slider1_container{
		display: none;
	}
	#slider4_container{
	display: block
	}
	#slider2_container{
		display: none;
	}
	#slider5_container{
	display: block;
	text-align:center;
	}
}
@media screen and (max-width: 400px) {
	.video{
		width: 100%;
	}
	.logo{
		width: 90px;
		display: inline-block;
	}
	.logo img{
	height: auto;
	width: 150px;
	margin-top: 15px;
}
	.stuck .logo{
		width: 90px;
	}
	#welcome h1, #benefits h1{
		font-size: 28px;
	}
	#welcome .sectiontitle{
		margin-top: 10px;
	}
	.sloganslide p{
		font-size: 20px;
	}
	#benefits li{
		padding: 0px;
		margin: 0px;
		text-align: center;
	}
	.benefits #benefits-images{
		float: none;
		margin: 0px;
		padding: 0px;
	}
	.features ul{
		padding: 10px;
	}
	#div_3c96_8{
		margin: 0px;
	}
}