@charset "utf-8";
/* CSS Document */


.edit-link, .post-edit-link{
	color:red!important;
	text-decoration: underline!important;
	max-width: 200px;
	font-style: italic;
	clear:both;display:block;
	padding-left:20px;
}

	
section{background: #eee;box-sizing:border-box;}

.MOBILE {display:none;}

.spacer {
    height: 2px;
	display:block; 
	width:100%;
	clear:both;
}
.img-list br{display:none!important;}

.img-list li{
	list-style-position: inside;
	list-style-type: none;
	display:inline-block;
	margin:10px 10px!important;
	    /* margin-left: 30px; */
}
.img-list li a{
	height: 180px;
	width: 260px;
	    background: rgb(204, 208, 210);
	display: inline-block;
	padding: 5px;
	text-align: center;
}

.img-list li a:hover{    background: rgb(166, 179, 185);}

.img-list li img{
	max-width: auto;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.screenshots {display:block;margin:50px auto 30px auto!important;}
.screenshots h2{text-align:center;padding-top:20px;border-top:1px solid #09C;}

.IngoGraphics, .InfoGraphics{max-width:100%;display:block;max-height:600px;width:auto;margin:auto;}

.DeployIMG{max-width:100%;display:inline-block;height:auto;width:320px;margin:5px 0px;}

#bg{background: rgba(0, 0, 0, 0.1);}
.bg{background: rgba(0, 0, 0, 0.8);transition:3s;}
.bg.bg-light{background: rgba(0,0,0,0);}

.opc{opacity:0;transition:0.2s;}
.opc.no-opc{opacity:1;}

body .text-left{text-align:left!important;}

.btn-box{width:100%;text-align:center;}
.btn-box .BTN{ display: inline-block;clear:none;margin:10px;}

li#menu-item-61{border:2px solid  #a00;background:#fff;}
li#menu-item-61 a{color:#a00;background:#fff;}
li#menu-item-61 a:hover, li#menu-item-61:hover{background:#eee;}

/*
li#menu-item-61{border:2px solid  #a00;background:#a00;}
li#menu-item-61 a{color:#eee;background:#a00;}
li#menu-item-61 a:hover{color:#fff;background:#a00;}
*/

@media(max-width:760px){
li#menu-item-61{border:none;}
}

.readmore {
	font-size: 12px;
	font-style: italic;
	text-transform: lowercase;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	margin-left: 20px;
	margin-top: 3px;
	line-height: 15px;
	text-decoration: underline;
	color:#A00;
	text-align:right!important;
	padding-right:10px;
}



a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

input:focus::-webkit-input-placeholder {opacity: 0;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#backToTop {
            position: fixed;
            bottom: 10px;
            z-index: 100099999999999999999999999999999999;
            right: 0px;
            display: none;
            width: 35px;
            height: 35px;
            position: device-fixed;
            }
#backToTop a {
            width: 100%;
            height: 100%;
            display: block;
            margin: 0;
            background-color: #999;
            color: #fff!important;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            line-height: 30px;
            text-decoration: none;
            font-size: 30px;
            background-image: url(/images/top.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 96%;
            text-indent: 999999px;
}
            #backToTop a:hover{
            background-color:#555;
            text-decoration: none!important;
            }
			
.block {
	display: block;
	margin:auto;
}

.block:before,
.block:after {
	content: " ";
	display: table;
}
.block:after {
  clear: both;
}

section.main {padding: 0px 0!important;transition:0s;}

#services {transition:4s;}

section.main .row {
    transition: 0s;
    max-width: 1170px;
    padding-bottom: 30px;
	padding:25px 3%;
}

.column, .columns {
    padding-left: 3%;
    padding-right: 3%;
	transition:0s;
}

section.address {width: 100%!important;}


header {
	position: static;
	z-index: 1000;
	width: 100%;
	padding-bottom: 0;
	background-color: transparent;
	max-height: 200px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}

.header {background-image: url(/images/parallax/5.jpg);}

.is-sticky .contain-to-grid {display:none!important;}


.top-bar-section .dropdown {z-index: 1002;}

.utility-nav, .contain-to-grid {padding: 0 0%!important;background-color: rgba(50,58,68,0.6);}

.contain-to-grid .top-bar {
    margin-bottom: 0;
    min-height: 3px!important;
    padding-top: 0px!important;
}

.top-bar .title-area { min-height:1px!important;}

@media only screen and (max-width: 1023px) and (min-width:760px){
.top-bar .title-area {display: none;}
}

#bottom-form {max-width: 1000px;width:100%!important;}

section.page-title {overflow: hidden;position: relative;}
section.page-title img {display:none;}

.title-area img {
    margin-top:0px;
    max-width: 160px;
    float: left;
}

.margo-holder {position: relative;width:100%;}	

.wrap{width:100%;max-width:1400px;margin:auto;display:block;text-align:center;}

.section {width:100%; padding:35px 3% 35px 3%;margin-bottom: -2px;box-sizing:border-box;}
.section .entry-content1{max-width:1400px;margin:auto;}

.red-block{background-color:#900;}		
.blue-block{background-color:#044f75;background-color:#045675;}
.red-block{background-color:#5a0103;}
.gray-block{background-color:#ddd;}
.grayDDD-block{background-color:rgba(230,230,230,1);}	
.lightgray-block{background-color:#eee;}
.goldish-block {background-color: #c3bd9f;background: #ddd9c3;}
.white-block{background-color: rgba(250, 250, 250, 1);text-align:center;}	
.footer-block{background-color:#454c52; background:#444;margin-bottom:-4px!important;padding-top:0px!important;}

.block-content {
    margin: auto;
    max-width: 1240px;
	min-width:300px;
	text-align:center;
	padding:0 2%;
}

.inner-section{
    margin: auto;
    max-width: 1400px;
	min-width:300px;
	text-align:center;
}

.entry-content{
    margin: auto;
    max-width: 1400px;
	min-width:200px;
	text-align:left;
	padding:15px 3%;
}

.inside-grid-column {
	display:inline-block;
    padding: 0 2%;
    margin-bottom: 1.5em;
}

.grid{
	display: inline-block;
	vertical-align: top;
	padding:10px 2%;
	
}

.grid img{display: block;margin: auto;height:auto;}

.grid-mr-3-4 {width: 70%;}
.grid-mr-1-4 {width: 20%;}



#SocialHolder, .section#SocialHolder{padding:20px 4%;background:#ddd!important;}

.Half, .Third,  .Forth {
	display: inline-block;
	vertical-align: top;
	padding:10px 0%;
	box-sizing:border-box;
}

.Half {width: 49.5%;}
.Third {width: 32.5%;}
.Forth {width: 24.5%;}


.Half.Licenses{text-align:left!important;padding:15px 2%!important;max-width:850px;}
@media (min-width: 760px){
.Half.Licenses{padding:25px 10% 25px 2%!important;}
}

.left-text, body .center .left-text p{text-align:left!important;}

.icon-service {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    transition: 1s;
    display: inline-block;
    margin: auto;
}
.icon-service img, .icon-service svg{width: 85px; height: 85px;border-radius:50%;transition:1s;}
.icon-service img:hover{}

.blue-block h3, .lightgray-block h3{
	font-size: 24px;
	font-family: 'MyFont', Arial;
	letter-spacing: 2px;
	    font-weight: bold;
}



.section h1, .section h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding:0;
	font-size: 24px;
	font-family: 'MyFontMed', Arial;
	letter-spacing: 1px;
	line-height: 1.3em;
	border: none;
	text-transform: none;
	display: inline-block;
	width:100%;
	color:#069;
	}
.section p.maintext {font-size: 17px;max-width:800px;display:block;margin:auto;text-align: center!important;}
	
.section.blue-block p.maintex{color: #fff!important;}
.lightgray-block p.maintex{color: #333!important;}

.blue-block h2, .blue-block h1{
	color: #fff!important;
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	font-family: 'MyFontMed', Arial;
}

.blue-block h3, .footer-block h4{color: #fff!important;}
.blue-block h2 a {color:#09C!important;}
.blue-block h2 a:hover {color:#fff!important;transition: 0.4s;}
.blue-block p{color:#bbb;}
.maintext .blue-block p{color:#b4c0ca;text-align: center!important;}
.blue-block a em {color:#09C;}
.blue-block a:hover em {color:#09C;}

.lightgray-block p{color:#333;}

.footer-block ul, .footer-block ul li{padding-left:6px;margin-bottom:4px;color: #999!important;}
.footer-block li a{color: #ccc!important;font-size:13px;line-height:1.2em!important;}
.footer-block h4{color: #ddd!important;font-size:15px;text-weight:normal;}

body .center p{text-align: center!important;margin:auto;display:block;}
body .center .Licenses p {text-align: left!important;}

.paralax{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	
	background-size: cover;background-size: 100% auto;
    transition: all 3s ease-in-out;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: -3px;
	padding-top:0px;
	z-index:2;
		-webkit-box-shadow: inset -2px 2px 30px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset -2px 2px 30px rgba(0, 0, 0, 0.4);
	box-shadow: inset -2px 2px 30px rgba(0, 0, 0, 0.4);
}
	
	.Sd{
	-webkit-box-shadow: inset -2px 2px 6px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset -2px 2px 6px rgba(0, 0, 0, 0.4);
	box-shadow: inset -2px 2px 6px rgba(0, 0, 0, 0.4);
	
}
.paralax1{background-image: url(/images/parallax/1.jpg);}
.paralax2{background-image: url(/images/parallax/2.jpg);}
.paralax3{background-image: url(/images/parallax/3.jpg);}
.paralax4{background-image: url(/images/parallax/4.jpg);}
.paralax5{background-image: url(/images/parallax/5.jpg);}
.paralax6{background-image: url(/images/parallax/6.jpg);}
.paralax7{background-image: url(/images/parallax/7.jpg);}


body .paralax-page .bg{min-height:330px;padding-top:160px!important;}


.paralax-page{padding-top:0!important;min-height:200px!important;}
@media(max-width:400px){
.paralax-page{min-height:160px!important;}
}
	

@media(min-width:1000px){
.paralax.paralax-top .inner-info-center{margin-top:200px!important;}	
}

@media(max-device-width:1024px){
.paralax{background-attachment: scroll;}
.inner-info {display: block!important;}	
}

@media(max-device-height:768px){
.paralax{background-attachment: scroll;}	
}

@media(max-width:760px){
.paralax{background-attachment: scroll;}
.inner-info-right{display:none;}
.paralax-page{min-height:150px;padding-top:90px!important;}	
}


.paralax h1, .paralax h2, .paralax h3{text-align:left;color: #000!important;font-size:33px; line-height: 1.2em;font-family: 'MyFontMed', Arial;margin-bottom:20px;text-shadow: 0 0 12px #fff;}

.paralax h1{
    text-align: center;
    color: #fff!important;
    font-size: 33px;
    line-height: 1.2em;
    font-family: 'MyFontMed', Arial;
    text-shadow: 0 0 12px #000;
	margin: 45px 3% 0 3%;padding-left:3%;padding-right:3%;
	width: 90%;
}

.paralax p {
    color: #eee;
    font-size: 16px;
    text-shadow: 0 0 12px #000;
	text-align:center;
	max-width:800px;
	margin:auto;
}
.paralax a{color: #069;}
.paralax a:hover{color:#036;}

.inner-info{display: block;}


.paralax2 .inner-info{min-height:250px;}


.inner-info-left{
display: block;
transition:0s padding;
transition:2s transform;
transition:3s margin-top;	
margin-top:15%;
padding: 20px 20% 50px 3%;
width:55%;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.paralax-bottom .inner-info-left {margin-top: 0%;}
.inner-info-right{width:50%;}
.inner-info-center{display: block;margin:auto;max-width:700px;width:90%;}

#navbar{
	position: fixed;
	top:-90px;
	z-index: 100199999999999999999999999999999999999;
	width: 100%;
	height: auto;
	background-color: rgba(250,250,250,0.9);
	text-align: center;
	-webkit-box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.6);
	
	transition: top .5s ease .3s; 
}
	
#navbar a, .navbar a{
	display: inline-block;
	padding: 0 9px;
	line-height: 33px;
	font-size: 16px;
	color: #333;
	text-shadow: 0 0 3px #fff;
	font-family: 'MyFontMed', Arial;
	text-transform:uppercase;
}	
#navpage{
	position: relative;
	bottom:0px;
	z-index: 1001;
	width: 100%;
	display:block;
	background-color: rgba(250,250,250,0.8);
	text-align: center;
	transition:0s;
		-webkit-box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.6);
	}

#navpage a{
	display: inline-block;
	padding: 0 8px;
	line-height: 40px;
	font-size: 17px;
	color: #000;
	text-shadow: 0 0 3px #fff;
	font-family: 'MyFontMed', Arial;
	text-transform: lowercase;
}
#navpage a img{height:30px!important;width:auto;margin-bottom:-8px;}

#navpage .navpagelink {}

.navlogoblock{max-width:220px;height:auto;display:block;color:#069!important;}

#navlogo{height:auto;float:left;}
.navtitle{line-height: 48px;}
img#navlogo{width:auto;height:40px;float:left;padding:5px;}

#navbar .phoneNav{color:#960;}
#navbar .phone{background-image:none;color:#069;}

.learnmoreBTN {
    font-size: 14px;
    line-height: 25px;
    display: block;
    float: left;
    margin: 8px auto;
    padding: 0 10px;
    width: 90px;
    text-align: center;
}

.blue-block .learnmoreBTN {
	border: 1px solid #999;
	background-color: rgba(0,0,0,0.0);
	color: #555!important;
}

.gray-block .learnmoreBTN, .Warning .learnmoreBTN {
    border: 1px solid #069;
    background-color: rgba(200,200,200,0.1);
	color:#069!important;
}

.red-block .learnmoreBTN{
border: 1px solid #069;
 background-color: rgba(0,0,0,0.4);
	color:#ddd!important;
}

.learnmoreBTN:hover {color:#fff!important;background-color: rgba(0,0,0,0.3)}
.AboutBlock:hover .learnmoreBTN, .learnmoreBTN:hover{background:#09C!important;border-color:#09C;color:#fff!important;transition: 0.2s;}


.paralax a.actionBTN,
.actionBTN{color:#fff;margin:20px auto;font-size:22px;line-height:40px;display:block;padding:0 20px;width:100%;
text-align:center;}


.item a.actionBTN{color:#eee;margin:20px auto;font-size:17px;line-height:30px;height:30px;display:block;padding:0 10px;width:100%;
max-width:240px;text-align:center; text-shadow:none;opacity:0.9;letter-spacing:normal;
background: #a00!important;}

.paralax a.actionBTN:after, .item a.actionBTN:after{display:inline;content:'»';}

.item a.actionBTN:hover{background: #bf980d!important;color:#fff;opacity:1;}



.quote-block{
	paddinmg-top:20px;
}

.quote-block h4{
	font-size: 16px;
	font-style: italic;
	color: #036!important;
}

.quotes {
    font-size: 50px;
    display: inline-block;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    padding-top: 10px;
    margin-bottom: -17px;
    vertical-align: bottom;
    line-height: 28px;
	color: #8ca6b5;
	float:left;
}

.quotes.openquote {
    margin-bottom: -8px;
}

body .dot{
	font-size: 20px;
	line-height: 1em;
	color: #069;
	vertical-align: middle;
	letter-spacing: 0.2em;
}



.phone, .address, .email {
    background-repeat: no-repeat;
    background-position: 4px left;
    background-size: auto 25px;
    display: inline-block;
    padding-left: 30px;
    width: auto;
}
.phone{background-image: url(/images/phone.svg);}
.address{background-image: url(/images/local.svg);}
.email{background-image: url(/images/mail.svg);}

#contact .email {font-size:15px;line-height:21px;padding-left:29px;background-image: url(/images/mail-gray.svg);background-size: auto 20px;}
#contact .phone {font-size:20px;color:#069;line-height:21px;padding-left:29px;background-image: url(/images/phone-gray.svg);background-size: auto 20px;}

#contact .address {
    font-size: 16px;
    line-height: 21px;
    padding-left: 29px;
    background-image: url(/images/local-gray.svg);
    background-size: auto 20px;
}

#contact .fax {
    font-size: 16px;
    line-height: 20px;
}

#Social {
	display: block;
	height: 60px;
	width:100%;
	margin-top: 20px;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	margin: auto;
	text-align: center;

}

.Icon {
	display: inline-block;
	height: 24px;
	width: 24px;
	margin: 8px;
	border: none;
	border-radius:2px;
	overflow:hidden;	
	opacity: 0.5;
	background:#282E3D;
}


.Icon:hover {opacity:1; background:#444;}

.Icon img {
	display: block;
	height: auto;
	width: 100%;
	border: none;
	margin: 0px;
		
}

.mail:hover {background:#069;}
.facebook:hover{background:#454b81;}
.googleplus:hover{background:#a53628;}
.linkedin:hover{background:#446c9f;}
.youtube:hover{background:#a53628;}
.houzz:hover{background:#a5c152;}
.rss:hover{background:#c97231;}
.pinterest:hover{background:#a12922;}
.instagram:hover{background:#906828;}
.stumbleupon:hover{background:#c54b2f;}
.twitter:hover{background:#5d99cf;}

body .InfoGraphicsSVG svg{margin:auto;display:block;}
.InfoGraphicsSVG{
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	z-index:9999;
}

#KeyFeatures  li{
	text-align: left;
	font-size: 18px;
	font-family: 'MyFontMed', Arial;
	background-image: url(/images/CheckMark.svg);
	background-repeat: no-repeat;
	background-size:30px auto;
	display: block;
	padding-left: 50px;
	color: #555;
	min-height:36px;
	
	display: inline-block;
    vertical-align: top;
	box-sizing: border-box;	
	width: 50%;
}


@media (max-width:1500px){
.Forth, #KeyFeatures  li {width: 100%;max-width:730px;margin-left:0;padding-left: 40px;}
}



.text1{	font-size: 18px!important;font-family: 'MyFontMed', Arial;}

.lpage{text-align:left;}

.oldNews p{text-align:left!important;padding:15px 2%; margin-bottom:0px!important;border-top:1px solid #09C;
background-color: rgba(250,250,250,0.5);}
.common_text{padding-top:20px;}

@media(max-width:1199px){
#services .Third {width:48%;}
}

@media(max-width:1199px){
.grid{width: 100%;  padding: 10px 5%;text-align: center;}
.grid h3{text-align:center!important;}
.grid h3{text-align:center!important;}
.Forth{width: 46%;}
.inner-info-left, .inner-info-right{width:90%;background-size:100%;padding: 20px 40% 50px 3%;}
.learnmoreBTN {float:none;}
}


@media(max-width:800px){
header {position: relative;}
.wrapper-top {background-color: rgba(50,58,68,0.9);}

}


@media(max-width:760px){
.inner-info-left, .inner-info-right{width:100%;background-size:300%;padding: 15px 3% 10px 3%;}

.Half, .Third {width: 100%;}	
.grid{width: 100%;}

.paralax h1, .paralax h2, .paralax h3, .section h1, .section h2,
h2 {font-size:26px;text-align:center;}
.paralax1 h1, .paralax1 h2, .paralax1 h3, .section h1, .section h2{margin-top:0px;}

.wrapper-top {
    position: relative!important;
}
.paralax{
	padding-top:0;
	background-position: center top;
	background-size: 100% auto;
	box-shadow:none;
}
.inner-info {
    min-height: 50px;
    margin-top: 300px;
}

.inner-info-left {
	display: block;
    margin-top: 340px;
	background:rgba(235,235,235,1);
	
}

.productOnScroll{max-width:100%;margin-bottom:8px;}

.brake{clear:both;display:block;}	
#navpage{background-color: rgba(250,250,250,1);}
.MOBILE {display:block!important;}
.COMP {display:none!important;}

.menu-block{position: static!important;}
.wrapper-top {padding-bottom: 0px!important;}

.blue-block p, body .blue-block .center .left-text p {text-align:center!important;}
}

@media(max-width:641px){
.paralax {padding-top:0px; }
.inner-info-left {margin-top:300px;}
#services .Third {width: 100%;}
.paralax p {font-size: 14px;}	
}

@media(max-width:540px){
.inner-info-left {margin-top:250px;}	
}

@media(max-width:800px){
#menu-item-328{display:none!important;}	
}

@media(max-width:480px){
.inner-info-left {margin-top:180px;}	
}

@media(max-width:340px){
.phone, .email, .address{background-image:none;padding-left:0;}
}




h4.anim-heading{background: rgba(0,0,0, 0.3);padding:40px 0!important;margin:0;position:relative;}
.Buttons-Block{display:block;clear:both;width:100%;text-align:center;max-width:600px;}


.TEL{display:none;}

@media(max-width:1440px){	
.TEL{display:block;}
}

.ActionBTN1, .ActionBTN2 {
	height: auto!important;
	font-size: 17px;
	line-height:33px!important;
	padding: 0!important;
	margin: 5px 5px;
	text-transform: none!important;
	letter-spacing: 1px!important;
	font-weight: normal;
	color: #fff!important;
	border-radius: 1px!important;
	display: inline-block;
	width: 150px;
	background:#b3ac5d!important;
}
.ActionBTN2 {
	background: #09C!important;
}
.ActionBTN1:hover {
	background: #a0822e!important;
}
.ActionBTN2:hover {
	background: #1989ce!important;
}

@media(max-device-width:641px){
.ActionBTN1, .ActionBTN2, #videoNav button{line-height:30px!important;padding-top:7px!important;}
}