@charset "UTF-8";
@font-face { font-family: arial; src: url('fonts/arial.ttf'); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: arialbd; src: url('fonts/arialbd.ttf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: basic-sans-heavy-bold; src: url('fonts/basic-sans-heavy-bold.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans; src: url('fonts/opensans-regular.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans-bold; src: url('fonts/opensans-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-light; src: url('fonts/roboto-light.ttf'); font-weight:400; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-bold; src: url('fonts/roboto-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-boldcond; src: url('fonts/roboto-boldcond.ttf'); font-weight:500; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: calibri; src: url('fonts/calibri.ttf'); font-weight:300; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: eund; src: url('fonts/eund-medium.ttf'); font-weight:700; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration:none; }
h1, h2, h3, h4, h5, h6 {
	font-family:roboto-boldcond,opensans-bold,sans-serif; color:#4c4c4c; font-weight:800; margin-top:20px; margin-bottom:10px; vertical-align:middle;
}
h1 { font-size:48px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
p {
	margin:10px 10px 20px 0px; font-family:roboto-light,opensans,sans-serif; color:#787878; font-weight:200; font-size:18px; line-height:1.8em; letter-spacing:0.12em;
}
iframe { border:0px; width:100%; max-width:550px; height:310px; }
body { background-color:#ffffff; }

.clear { clear:both; height:10px; }
.clear20 { clear:both; height:20px; }
.clear40 { clear:both; height:40px; }
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 {
	padding-left: 20px; padding-right:20px;
}

.page-content-wrapper .page-content { margin:0px!important; padding: 60px 10px!important; background-color:transparent; min-height:100px!important; }
.page-background { z-index:-1; position:fixed; top:0px; left:0px; display:block; width:100%; height:100%; background-position:top center;  background-size:cover; background-color:#232323; }
.container { padding-left: 30px; padding-right: 30px; }
.backdrop1 { position:relative;  }
.backdrop2 { position:absolute; height:100%; width:100%; background-image: linear-gradient(180deg, #23A455 15%, #6EC1E4 100%); background-size: 500%; background-position:bottom center;
    opacity: 0.8; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; /*box-shadow:inset 1px 1px 14px #343434;*/ }

.svg-shape-bottom { bottom: -1px; opacity:1; }
.svg-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; }
.svg-shape-bottom svg { height: 50px; }
.svg-shape-top, .svg-shape-bottom2, .svg-shape-footer { transform: rotate(180deg); }
.svg-shape-bottom2 { position:relative; bottom:0px; }
.svg-shape-top svg { width: calc(108% + 1.3px); height: 41px; }
.svg-shape-bottom2 svg { height: 79px; }
.svg-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.svg-shape .svg-shape-fill, .svg-shape .svg-shape-fill2 {
	fill: #fff; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.svg-icon-box-wrapper {
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row;
    flex-direction: row; vertical-align:top; display:flex; }
.svg-icon-box-icon { margin-right:44px; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.svg-icon-box-icon .svg-icon { transition: 0.5s;
	color: #6EC1E4; padding:1em; border-color: #6EC1E4; font-size:2.5em; border:3px solid #6EC1E4; color: #6EC1E4; border-radius:50%; width: 105px; height:105px; line-height:0.8em; text-align:center; }
.svg-icon-box-icon .svg-icon:hover { transition: 0.5s;
	background-color:#6EC1E4; color: #FFFFFF; border-color: #FFFFFF; }

.svg-widget-icon-box .svg-icon-box-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; position:relative; }
.svg-icon-box-content .svg-icon-box-title { color: #54595F; font-size: 21px; font-weight: 900; text-transform: uppercase; font-family: roboto-boldcond, sans-serif; }
.svg-icon-box-content .svg-icon-box-description { color: #4c4c4c; font-size: 16px; font-weight: 500; font-family: roboto-light, sans-serif; line-height: 1.5; }
.svg-shape-footer { position:relative; }
.svg-shape-footer svg { width: calc(108% + 1.3px); height: 54px; }
.svg-shape .svg-shape-fill-dark {
	fill: #2b2b2b; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
	
.backdrop1 .container { padding-left:0px; padding-right:0px; }
.page-content.content-banner { padding:120px 10px!important; }
.content-banner h1 { margin:0px auto!important; font-size:56px; color:#ffffff; text-align:center; max-width:360px; }
.ifr-container { padding:8px; border:1px solid #dedede; border-radius: 4px; box-shadow: 0px 0px 8px #cdcdcd; background-color:#ffffff; margin-top:0px; margin-bottom:20px; width:100%; height:340px; }

.page-white { display:block; background-color:#ffffff; }
.page-content.content-plan { padding-top:100px!important; }
.page-plan { display:block; background-color:#ffffff; background-color: transparent; background-image: linear-gradient(180deg, #6EC1E4 0%, #61CE70 100%); }
.page-plan h1 { font-size:66px; color:#ffffff; font-family:roboto-boldcond,opensans-bold,sans-serif; text-align:center; margin-bottom:40px;
	 }

.box-white {
	background-color:#ffffff;
	box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.8);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    text-align: center;
    margin: 0px;
    padding: 50px 50px 70px 50px;
    border-radius:8px;
}
.box-white h1 { color:#4c4c4c; margin-bottom:20px; }
.box-white h4 { color:#4c4c4c; font-family:roboto-bold,opensans-bold,sans-serif; }
.box-white h6 { font-size:13px; color:#6c6c6c; font-family:roboto-light,opensans,sans-serif; letter-spacing:0.3em; margin-bottom:40px; }
.box-white hr { margin:0 auto; width:40%; border-top: 3px solid #eee; }
.box-white ul { list-style-type: none; padding: 20px 20px; margin: 0; margin-top: 20px!important; }
.box-white li { font-family:roboto-light,opensans,sans-serif; font-size:14px; color:#4c4c4c; font-weight:300; line-height:2.6em; letter-spacing:0.1em; padding: 0px 0px 0px 18px; text-align:left; }
.box-white li span { font-size:17px; margin-right:16px; }


.box-blue {
	background-color:#3498DB;
	box-shadow: 0px 0px 20px 0px rgba(114,114,114,0.6);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    text-align: center;
    margin: 0px;
    padding: 50px 50px 70px 50px;
    border-radius:8px;
}
.box-blue h1 { color:#ffffff; margin-bottom:20px; }
.box-blue h4 { color:#ffffff; font-family:roboto-bold,opensans-bold,sans-serif; }
.box-blue h6 { font-size:13px; color:#ffffff; font-family:roboto-light,opensans,sans-serif; letter-spacing:0.3em; margin-bottom:40px; }
.box-blue hr { margin:0 auto; width:40%; border-top: 3px solid #eee; }
.box-blue ul { list-style-type: none;  padding: 20px 20px; margin: 0; margin-top: 20px!important; }
.box-blue li { font-family:roboto-light,opensans,sans-serif; font-size:14px; color:#ffffff; font-weight:300; line-height:2.6em; letter-spacing:0.1em; padding: 0px 0px 0px 18px; text-align:left; }
.box-blue li span { font-size:17px; margin-right:16px; }

a.btn-get-started { margin:20px auto; display:block; background-color: #ffffff; border-style: solid; border-color: #ffffff; border-radius: 50px 50px 50px 50px; padding: 10px 40px 10px 40px; 
	font-family:roboto-boldcond,opensans-bold,sans-serif; font-size: 35px; font-weight: 900; color: #6EC1E4; text-align:center; text-decoration:none;
    min-width:200px; max-width:400px; width:100%; transition: 0.5s;
}
a.btn-get-started:hover { background-color: transparent; color: #FFFFFF; transition: 0.5s; }

button.btn-get-started2 { margin:20px auto; display:block; background-color: #ffffff; border-style: solid; border-color: #6EC1E4; border-radius: 50px 50px 50px 50px; padding: 10px 40px 10px 40px; 
	font-family:roboto-boldcond,opensans-bold,sans-serif; font-size: 22px; font-weight: 900; color: #6EC1E4; text-align:center; text-decoration:none;
    min-width:205px; max-width:400px; width:50%; transition: 0.5s;
}
button.btn-get-started2:hover { background-color: #6EC1E4; color: #ffffff; transition: 0.5s; }

button.btn-save { margin:20px auto; display:block; background-color: #ffffff; border-style: solid; border-color: #ffffff; border-radius: 50px 50px 50px 50px; padding: 10px 40px 10px 40px; 
	font-family:roboto-boldcond,opensans-bold,sans-serif; font-size: 22px; font-weight: 900; color: #3498DB; text-align:center; text-decoration:none;
    min-width:200px; max-width:400px; width:50%; transition: 0.5s;
}
button.btn-save:hover { animation: pulse2 2.5s infinite; background-color: #3498DB; color: #ffffff; transition: 0.5s; }


/*.hosting { background-image:url(../images/backgrounds/data-center.jpg); background-size:cover; border-bottom:0px!important; border-top:0px!important; }
.logo-design { background-image:url(../images/backgrounds/cityscape.jpg); background-size:cover; border-bottom:0px!important; border-top:0px!important; }
*/

.img-container { padding:8px; border:1px solid #dedede; border-radius: 4px; box-shadow: 0px 0px 8px #cdcdcd; background-color:#ffffff; margin-top:20px; margin-bottom:20px; }
.img-rounded { display:block; position:relative; top:30px; margin:0 auto; border:3px solid #f7f7f7!important; border-radius:50%; max-width:380px; width:100%; height:auto; box-shadow:1px 0px 20px #232323; }

.page-header {
	position:relative; display:block; background-position:top center; background-image:url(../images/header-bg.gif); background-repeat:repeat-x;
	width:100%; height:90px; padding: 0px; margin:0px; border:0px;
}
.page-header-inner {
	position:relative; height:90px;
}
.page-mobile-header {
	z-index:999; position:relative; display:none; width:100%; height:44px; padding: 0px; margin:0px; border:0px; background-color:#242523;
	background-position:top center; background-image:url(../images/header-bg.gif); background-repeat: repeat;
}
.page-header-mobile {
	position:relative; height:44px; display:block;
}
.page-logo {
	display:inline-block; position:absolute; top:14px; left:20px; width:280px; height:60px;
}
.logo-default { max-width:280px; }

.page-nav-logo {
	display:none; float:left; position:relative; margin:4px 20px 4px 12px;
}
.page-navigation {
	z-index:999; position:relative; display:block; background-position:top center; background-image:url(../images/menu-bg.gif); background-repeat:repeat-x;
	width:100%; height:40px; padding: 0px; margin:0px; border:0px; /*box-shadow:0px 0px 4px #454545;*/ overflow:hidden;
}
.page-navigation-inner { height:40px; }
.page-navigation-links { display:block; }
.container-card-editor{ display:inline-block; position:absolute; top:20px; right:20px; margin:0px; text-align: right;
	width:auto; max-width:400px; height: auto; color: #565656;  font-family:roboto-boldcond,opensans-bold,sans-serif; font-size:15px; font-weight:400; }
	

.btn-mobile {
	float:right; display:none; position:absolute; top:6px; right:10px; width:38px; height:28px; border:0.1em solid #cdcdcd; border-radius:8px; padding:2px 0px 0px 0px;
	background-color:#5EB668;
}
.btn-mobile span {
	display:block; font-weight:100; color:#ffffff; width:100%; height:16px; font-size:20px; text-align:center; vertical-align:middle;
}
#mobile_menu { z-index:8888; display:none; width:100%; height:auto; background-color:#5EB668; position:absolute; top:129px; left:0px; margin:0px; box-shadow:1px 0px 8px #343434; }
#mobile_menu a { padding:8px 16px; margin:6px; display:block; font-family:roboto-boldcond,opensans-bold,sans-serif; color:#ffffff; font-size:13px; font-weight:800; line-height:24px; 
	text-decoration:none; border:1px solid #3A763F; border-radius:8px !IMPORTANT; background-color:#3A9E5F; }
#mobile_menu a:active { color:#ffffff; font-weight:800; background-color:#66B0C7; }
#mobile_menu a:hover { color:#ffffff; font-weight:800; background-color:#66B0C7; }


/*.menu-button { display: inline-block; height: 40px; margin: 0px; padding:0px; background-image: url(../images/menu-bg.gif); border-right-width:1px; border-right-color:#42403d; }*/
.page-menu {
	margin:0px; padding:0px;
}
.menuspacer {
	float:left; display: inline-block; margin: 0px; height:40px; width:1px; background-image: url(../images/menu-spacer.gif);
}
a.menu-button {
	float:left; display: inline-block; margin: 0px; height:40px; width:auto; padding: 9px 28px 9px 28px; text-shadow: #ababab 1px 1px 1px; color: #ffffff; font-family: opensans-bold; font-size: 15px; text-decoration:none;
}
a.menu-button:hover{
	background-image: linear-gradient(to bottom, rgba(13,101,25,1), rgba(70,153,76,1) );
}
a.menu-button.active {
    background-image: linear-gradient(to bottom, rgba(13,101,25,1), rgba(70,153,76,1) );
}

.modal-header { background-position:top center; background-image:url(../images/menu-bg.gif); background-repeat:repeat-x; background-color:#303030; border-bottom: 1px solid #3C3C3C!important; height:39px; padding:6px 14px;
	border-top-left-radius: 4px; border-top-right-radius:4px; }
.modal-title { color:#ffffff!important; font-size:22px; font-family:roboto-bold,sans-serif; font-weight:normal; }
.modal-content { background-color:#f7f7f7; background-position:top center; background-image:url(../images/page-bg.gif); background-repeat:repeat-x; }
.modal-footer { background-position:top center; background-image:url(../images/menu-bg.gif); background-repeat:repeat-x; background-color:#303030; border-top: 1px solid #3C3C3C!important; height:39px; padding:6px 14px;
	border-bottom-left-radius:4px; border-bottom-right-radius:4px; }

.panel-default { border:0px; border-color: #fff; }
.panel-title { font-size: 21px; color:#4c4c4c; }
.panel-body p { font-size:1.4rem; line-height:1.5; color:#3a3a3a; letter-spacing:0.08em; font-weight:400; }

.fb_iframe_widget {
    display: inline-block;
    position: relative;
    width:100%!important;
}
.fb_iframe_widget_fluid span { width:100%!important; margin:0 auto; }
.fb_iframe_widget_fluid iframe { width:100%!important; margin:0 auto; }

@media (max-width: 1199px) {
	.box-white ul { padding: 20px 0px; }
	.box-blue ul { padding: 20px 0px; }
	.box-white { padding: 40px 20px 30px 20px; }
	.box-white li { font-size: 13px; line-height: 2.5em; letter-spacing: 0.1em; }
	.box-blue { padding: 40px 20px 30px 20px; }
	.box-blue li { font-size: 13px; line-height: 2.5em; letter-spacing: 0.1em; }	
}
@media (max-width: 1100px) {
	.btn-mobile { display:none; }
	#mobile-menu { top:40px; display:none; }
	#banner-content h1 { color:#ffffff; font-size:28px; line-height:38px; }	
	#banner-content h2 { color:#ffffff; font-size:42px; line-height:52px; }
	#banner-content h3 { color:#ffffff; font-size:32px; line-height:42px; }
	#banner-content h4 { color:#ffffff; font-size:28px; line-height:38px; }	
}
@media (max-width: 991px) {	
	.btn-mobile { display:block; right:20px; }
	#mobile-menu { display:block; }
	.page-content.content-plan .col-md-6 {
		padding-left: 0px;
    	padding-right: 0px;
	}
	.box-white { padding: 40px 20px 30px 20px; }
	.box-white li { font-size: 12px; line-height: 2.4em; letter-spacing: 0.1em; }
	.box-blue { padding: 40px 20px 30px 20px; }
	.box-blue li { font-size: 12px; line-height: 2.4em; letter-spacing: 0.1em; }	
}
@media (max-width: 820px) {
	.page-navigation-inner { padding-right:70px; }
	.page-content-wrapper .page-content { padding: 50px 10px!important; }
	#banner-content h1 { color:#ffffff; font-size:26px; line-height:36px; }
	#banner-content h2 { color:#ffffff; font-size:38px; line-height:48px; }
	#banner-content h3 { color:#ffffff; font-size:30px; line-height:40px; }
	#banner-content h4 { color:#ffffff; font-size:26px; line-height:36px; }
	.page-plan h1 {
	    font-size: 74px;
	    margin-top:40px; margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.ifr-container { margin-top: 40px; margin-bottom: 80px; }
	.box-white ul { padding: 20px 20px; }
	.box-blue ul { padding: 20px 20px; }
	.box-white { padding: 40px 20px 30px 20px; }
	.box-white li { font-size: 14px; line-height: 2.6em; letter-spacing: 0.1em; }
	.box-blue { padding: 40px 20px 30px 20px; }
	.box-blue li { font-size: 14px; line-height: 2.6em; letter-spacing: 0.1em; }	
}
@media (max-width: 699px) {
	#banner-content h1 { color:#ffffff; font-size:24px; line-height:34px; }
	#banner-content h2 { color:#ffffff; font-size:34px; line-height:44px; }
	#banner-content h3 { color:#ffffff; font-size:28px; line-height:38px; }
	#banner-content h4 { color:#ffffff; font-size:24px; line-height:34px; }
	.page-logo { left:30px; }
	.logo-default { max-width:240px; }
	.container-card-editor{ top:14px; max-width:220px; font-size:12px; font-weight:600; }	
	.page-content-wrapper .page-content { padding: 40px 10px!important; }
	.box-white li { font-size: 13px; line-height: 2.6em; letter-spacing: 0.1em; }
	.box-blue li { font-size: 13px; line-height: 2.6em; letter-spacing: 0.1em; }	
	h1 { font-size:26px; }
	h2 { font-size:22px; }
	h3 { font-size:20px; }
	h4 { font-size:18px; }
	h5 { font-size:17px; }
	h6 { font-size:16px; }
	p { font-size:15px; }
		
}
@media (max-width: 499px) {
	.page-logo { top:24px; left:20px; }
	.logo-default { max-width:200px; }
	.page-navigation-links { display:none; }
	.container-card-editor{ top:14px; max-width:140px; font-size:11px; font-weight:500; }
	#banner-content h1 { color:#ffffff; font-size:22px; line-height:32px; }
	#banner-content h2 { color:#ffffff; font-size:32px; line-height:42px; }
	#banner-content h3 { color:#ffffff; font-size:26px; line-height:36px; }
	#banner-content h4 { color:#ffffff; font-size:22px; line-height:22px; }
	.box-white ul { padding: 20px 0px; }
	.box-blue ul { padding: 20px 0px; }
	.box-white li { font-size: 12px; line-height: 2.6em; letter-spacing: 0.07em; }
	.box-blue li { font-size: 12px; line-height: 2.6em; letter-spacing: 0.07em; }	
	.page-content-wrapper .page-content { padding: 30px 10px!important; }
	h1 { font-size:25px; }
	h2 { font-size:21px; }
	h3 { font-size:19px; }
	h4 { font-size:17px; }
	h5 { font-size:15px; }
	h6 { font-size:14px; }
	p { font-size:14px; }
	.btn-request-quote {
		font-size:14px;
	}
	.contact-phone, .contact-email{ font-size:12px; }
	.page-plan h1 {
	    font-size: 64px;
	    margin-top:40px; margin-bottom: 40px;
	}
	.svg-icon-box-wrapper { display:block; text-align:center; margin-top:20px; margin-bottom:40px; }
	.svg-icon-box-icon { margin-right: 0px; margin-bottom:20px; }
}

/*/// home-page ///*/
#hp-content { display:block; margin: 0 auto; padding:20px 40px; position:relative; width: 100%; height:auto; text-align: left; } /*background-color:#121212;*/ 
#hp-content h1 { margin-top:2px; margin-bottom:0px; } /*font-family: "Century Gothic";*/
#hp-content h2 { font-style:italic; margin-top:14px; margin-bottom:0px; } /*background-color:#343434;*/
#hp-content img { padding-top:2px; }

.c1 { float: left; width: 230px; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; text-align: left; }
.c1 p { margin-top:12px; font-size: 12px; font-weight: normal; font-family: arial; text-align: left; color: #676767; line-height: 17px; word-spacing: 0.10em; letter-spacing: 0.02em; }
.c1 h1 { width: auto; height: 18px; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 16px; font-style: italic; text-align: left; }
.c1 h2 { width: auto; padding: 0px 0px 0px 0px; margin: 1px 1px 1px 1px; font-family: Verdana,Cursive; font-size: 9px; text-align: center; color: #232323; }
.c1 a:link { text-decoration: none; font-size: 11px; color: #676767; font-family: arial; }
.c1 a:visited { text-decoration: none; font-size: 11px; color: #676767; font-family: arial; }
.c1 a:hover { color: #676767; font-family: arial; font-size: 11px; text-decoration: underline; }

.a1 { display:block; width: 250px; height: 180px;	margin: 0px 30px 18px 0px; padding: 0px 0px 0px 0px; text-align: left; }
.a1 p { margin-top:12px; font-size: 14px; font-weight: normal; font-family: arial; text-align: left; color: #676767; line-height: 20px; word-spacing: 0.10em; letter-spacing: 0.02em; }
.a1 img{ float:right; margin:0; padding-left:8px; }

.a2 { display:block; width: 350px; height:auto; margin: 0px 28px 0px 0px; padding: 0px 12px 0px 0px; text-align: left; }
.a2 p { margin-top:12px; font-size: 12px; font-weight: normal; font-family: arial; text-align: left; color: #676767; line-height: 17px; word-spacing: 0.10em; letter-spacing: 0.02em; }
.a2 h1 { width: auto; height: 18px; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 16px; font-style: italic; text-align: left; }
.a2 h2 { width: auto; padding: 0px 0px 0px 0px; margin: 1px 1px 1px 1px; font-family: Verdana,Cursive; font-size: 9px; text-align: center; color: #232323; }


/*/// footer ///*/
#footer-trim { width: auto; height: 9px; background: url(../images/footer-trim.gif) repeat-x; }
#footer-bg { width: auto; height: auto; background-image:linear-gradient(to bottom, rgba(48,47,44,1), rgba(36,36,33,1) );  }
#sitelinks { width: 100%; max-width:1000px; height: auto; margin-left: auto; margin-right: auto; text-align:left; padding:20px 80px; }

.spanlinks { position:relative; min-width:120px; max-width:600px; width:100%; margin:0 auto; height:auto; }
.spanlinks h1 { font-size:16px; color:#ffffff; margin-top:14px; margin-bottom:0px; border-bottom: 1px solid #7B7C7F; }	   
.spanlinks ul { color: #ffffff; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 15px; list-style-type: none; padding: 0; margin: 0; margin-top:5px; }
.spanlinks li {  background: url("../images/bullet.gif") no-repeat scroll left top transparent; padding: 0 0 5px 7px; }		  

a.spanlink:link {padding-left:7px; font-size:11px; line-height:18px; font-family: arial; text-decoration: none; color: #ababab; display: block; width:auto;}
a.spanlink:active {padding-left:7px; font-size:11px; line-height:18px;  font-family: arial; text-decoration: none; color: #ababab; display: block; width:auto;}
a.spanlink:visited {padding-left:7px; font-size:11px; line-height:18px;  font-family: arial; text-decoration: none; color: #ababab; display: block; width:auto;}
a.spanlink:hover {padding-left:7px; font-size:11px; line-height:18px;  font-family: arial; text-decoration: none; color: #cdcdcd; display: block; width:auto;}

.footer-notes { width: 100%; height: auto; text-align:right; padding:40px 20px 20px 20px; vertical-align:middle;
	font-family:arial; font-size:11px; color:#ababab; font-weight: normal; line-height:18px; }
.copyright { display:block; width: 100%; height: auto; text-align:center; padding:16px 40px; background-color:#232323; vertical-align:middle;
	font-family:arial; font-size:11px; color:#f7f7f7; font-weight: normal; line-height:18px; }

.scroll-to-top { bottom:30px; }
.page-footer-container { z-index:98; width:100%; position:relative; bottom:0px; left:0px; background-color:#2b2b2b; }
.page-footer { z-index:99; display:block; background-color:#2b2b2b; /*background-position:top center; background-image:url(../images/backgrounds/blue-textile-pattern.jpg); background-repeat:repeat;*/
	 height:auto; min-height:240px; max-height:680px; width:100%; max-width:1170px; margin:0 auto; padding:100px 20px 40px 20px; }
.page-footer-inner { float:none!important; width:100%; bottom:0px; left:0px;  }
.page-footer .page-footer-inner a { color:#ffffff; font-size:15px; font-weight:400; font-family:eund,sans-serif,arial; }
.page-footer .page-footer-inner span { margin-left:14px; margin-right:14px; color:#565656; font-weight:400; font-size:14px; }
.page-footer .page-footer-inner h4 { font-size:18px; font-weight:600; line-height:24px; color:#ffffff; }
.page-footer .page-footer-inner p { font-family:opensans,sans-serif,arial;font-size:12px; font-weight:200; line-height:16px; color:#b7ddf8; padding:4px 10%; }
.page-footer .page-footer-inner .copyright, .page-footer .page-footer-inner .copyright a { font-size:12px; font-weight:400; color:#ffffff; }
.page-footer .page-footer-inner .custom-webfx, .page-footer .page-footer-inner .custom-webfx a { margin-top:10px; font-family:opensans-bold,sans-serif,arial; font-size:10px; font-weight:400; color:#ffffff; }

.footer-copyright { float:left; position:relative; margin-right:34px; margin-top:10px; margin-bottom:10px; font-size:12px; }
.footer-links { position:relative; min-width:220px; margin-top:20px; padding:20; height:100%; }
.footer-links a { float:right; position:relative; color:#dedede; margin:0px 2px 0px 2px; font-size:16px; }
.footer-links ul { margin:0px; padding:0px; list-style-type:none; }
.footer-links li { width:100%; font-family:Raleway,opensans; color:#1B305D; font-size:16px; font-weight:200; height:32px; line-height:32px; }
.footer-reseller { padding-top:14px;padding-bottom:20xp;margin-left:auto;margin-right:auto;width:100%;min-width:200px;max-width:280px;text-align:center; }

.custom-webfx { background-color:#121212; position:relative; margin: 0 auto; padding:8px 0px; width:100%; height:30px; text-align:center; font-family:opensans-bold,sans-serif,arial; font-size:10px; font-weight:400; color:#ffffff; }
.custom-webfx a { font-family:opensans-bold,sans-serif,arial; font-size:10px; font-weight:400; color:#ffffff; text-decoration:underline; }













