*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
 }

html {font-size:14px;}
input, select, textarea
{
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#generator_form{margin-bottom:25px;}
.sub-menu {display:none;}
body{margin:0px;font-family: Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size: 1.1rem;color:#1c0f0d;background: #f5f8fc;line-height: 1.4rem;}
body { }
table, input, textarea{font-family: 'PT Sans', Arial;font-size:.9rem;letter-spacing:.1rem;color:#1c0f0d;}
header, section, footer, aside, nav, main, article, figure{/*! display:block; */}
.intro {font-size:20px;}
a, input, .rslides_nav, .gallery_image_div {-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;-ms-transition:All 0.3s ease;transition:All 0.3s ease;}
img{border:0px;}
.videowrap{width:100%;height:400px;}
.nowrap{white-space:nowrap;}
a:link, a:active, a:visited{color:#1c0f0d;}
a:hover{color:#93B3FC;}
h1, h2, h3, h4, h5{color:#93B3FC;line-height:initial;}
h1{font-size:2rem;margin-bottom:30px;color: #2b3a67;}
h2{font-size: 1.7rem;margin-bottom:4px;color: #2b3a67;font-family: 'Nunito Sans';font-weight: 700;}
h2.featureh2 {margin-bottom:15px;font-size:28px;font-weight:normal;}
h3{margin-top:0px;font-weight: 700;font-size: 1.3rem;color: #ed6a5a;}
.clear{clear:both;}
#section_header {width: 100%;z-index: 999;margin-bottom: 25px;position: relative;padding-top: 10px;}
.gmap {height:300px;margin:0px 0px 20px 0px;}
div.error{padding:15px;margin:0px 0px;background:#f0c7c7;border:solid #da0000 1px;color:#da0000;font-weight:bold;}
div.lighterror{padding:15px;margin:0px 0px;color:#da0000;}
label.error{padding:15px 0;color:#da0000;}
input.error {background:#fff4f4;border-color:#da0000;}
.success{padding:15px;margin:0px 0px;background:#ddead5;border:solid #56aa1d 1px;color:#56aa1d;font-weight:bold;}
.rslides{position:relative;list-style:none;overflow:hidden;padding:0px;margin:0;z-index:10;}
.rslides li{width:100%;position:relative;display:none;left:0;top:0;overflow:hidden;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;margin-top:-10%;}
.rslides .sliderimagename {position:absolute;bottom:0px;width:90%;padding:20px 5%;font-weight:800;letter-spacing:1px;color:#fff;}
.rslides_nav {top:50%;margin-top:-25px;position:absolute;width:30px;height:50px;cursor:pointer;text-indent:-900px;overflow:hidden;}
.rslides_nav.prev {background:url(images/arrowleft.png) 50% 50% no-repeat;left:-50px;}
.rslides_nav.next {background:url(images/arrowright.png) 50% 50% no-repeat;right:-50px;}
.sliderwrap {position:relative;}
.clearthis:before, .clearthis:after{content:"";display:table;}
.clearthis:after{clear:both;}
.clearthis{zoom:1;}
.input{margin:0px;padding:7px;border:solid #ccc 1px;font-size:.9rem;}
.input:focus{border:solid #333 1px;outline:none!important;}
a.button, .button{background:none;text-transform:uppercase;font-size:1rem;font-weight:800;float:left;text-decoration:none;border:0px;cursor:pointer;padding:8px 13px;margin-right:10px;border:solid #1c0f0d 1px;}
.button:after, a.button:after{content:" >";margin:-1px 5px 0 10px;float:right;}
.buttonfull, a.buttonfull{margin-right:0px;float:none!important;text-align:center;}
.button.buttonback:after, a.button.buttonback:after{content:"";display:none;}
.button.buttonback:before, a.button.buttonback:before{content:"< ";margin:-1px 10px 0 5px;float:left;}
a.buttonwhite, .buttonwhite{border-color:#fff;color:#fff;}
a.buttoncentered, .buttoncentered{width:160px;text-align:center;display:block;float:none;margin-right:0px;margin:auto;}
.button:hover, a.button:hover{color:#93B3FC;border-color:#93B3FC;}
a.buttonwhite:hover, .buttonwhite:hover{color:#fff;border-color:#fff;background:rgba(0,0,0,0.4);}
.wrap{/*! width:90%; */margin:auto;}
.wrap img{max-width:100%;height:auto;}
#top .wrap {width: 90%;border-bottom: solid #ddd 1px;padding-bottom: 10px;}
#top1{background:#fff;}
#top1 .wrap{width:100%;}
.topdivider{position:relative;z-index:10;background:url(images/toptear.png) 50% 100% repeat-x;height:35px;}
.topdivider2{position:relative;z-index:10;background:url(images/toptear2.png) 50% 100% repeat-x;height:35px;}
.innerdividertop{position:relative;z-index:10;background:url(images/toptear2.png) 50% 100% repeat-x;height:35px;}
.innerdividerbottom{position:relative;z-index:10;background:url(images/bottomtear2.png) 50% 0 repeat-x;height:35px;margin-top:-35px;}
.bottomdivider{margin-top:-35px;position:relative;z-index:10;background:url(images/bottomtear.png) 50% 0 repeat-x;height:35px;}
#logo{width:150px;margin:auto;padding:10px 0px;}
#logo img{width:100%;max-width: 100%;height:auto;}
#topcontacts{overflow:hidden;font-weight:800;color:#b5acab;font-size:15px;text-transform:uppercase;}
#topcontactsdesktop{display:none;}
#topcontacts .contactphone{overflow:hidden;min-height:44px;position:relative;z-index:10;width:33%;float:left;text-align:center;}
#topcontacts .contactphonetrigger{width:100%;border-right:solid #ccc 1px;cursor:pointer;height:100%;position:relative;z-index:1;position:absolute;}
#topcontacts .contactphone .line2{font-size:15px;}
#topcontacts .contactmap{overflow:hidden;min-height:44px;position:relative;z-index:10;width:34%;float:left;text-align:center;}
#topcontacts .contactmaptrigger{width:100%;border-right:solid #ccc 1px;cursor:pointer;height:100%;position:relative;z-index:1;position:absolute;}
#topcontacts .contactphoneinside, #topcontacts .contactmapinside{clear:both;z-index:100;position:relative;padding:10px;text-align:center;display:none;}
.contactmaptrigger:hover, .contactphonetrigger:hover{background:#efefef;}
#topcontacts .contactphonetrigger img, #topcontacts .contactmaptrigger img{margin-top:10px;}
#topheader{margin-top:-34px;position:relative;z-index:1;padding:40px 0;}
#topheader .topheader_text{text-align:center;width:250px;margin:auto;}
#topheader .topheader_text .line1{font-family:'BebasNeue', arial;font-size:40px;}
#topheader .topheader_text .line2{padding-top:10px;font-size:14px;color:#d5873b;font-weight:800;}
#topheader .topheader_text .line3{padding-bottom:10px;font-size:14px;color:#d5873b;font-weight:800;}
#topheader .headervan{display:block;margin:20px auto -30px;width:100%;height:auto;}
#topheaderinside{text-align:center;position:relative;z-index:1;}

#main_content {padding:5px;}
#navigation {width: 100%;}
#logo {float:left;width: 200px;vertical-align:middle;}
#logo img {margin-top:5px;margin-left: 0;border:0;}
.body1 #section_intro .wrap {padding:0px 0px 0 0;}
.full {width:100%;}
.split {width:50%;}
#div_generator_form{width:90%;margin:auto;}
.fancywidthlarge {width:90%;}

.mobile_hide{
        display:none;
}

.footer_col{
  width: 100%;
}

footer {
  background: #303d4e;
  width: 100%;
  margin-top: 20px;
  color: #fff;
  padding-top: 21px;
}
footer a:link, footer a:active, footer a:visited {color: #eef4fc;}

#footer_text {
    text-align: center;
    padding: 15px;
    color: #fff;
    font-size: .9rem;
}

.footer_links {
    font-size: .9rem;
}

#sitestats {
    width: 100%;
    float: none;
    clear: right;
        margin-top:
}

.footer_col .list1, .footer_col .list2{
        width:50%;
        float:left;
        margin-top:0px;
}

#footer_col_1 h3 {margin-top:10px;color: #95BCEB;}

#footer_col_2, #footer_col_3 {
        margin-top: 15px;
        width:50%;
        float:left;
}

#footer h3 {color: #95BCEB;font-size: 17px;margin-bottom:3px;}

	.featured_item {
		border-radius: 10px;
		padding: 20px;
		margin: 13px;
		margin-top: 10px;
		cursor:pointer;
		box-sizing: border-box;
		background: #ed6a5a;
		color: #fff;
	}
	.featured_item.generator_item {background:#95bceb;}
	.featured_item.generator_item:hover {background:#8dacd8;}
.featured_item h3 {color:#fff;margin-bottom: 10px;}
.featured_item:hover {background:#d05b4d}

.homeslider{background:#fff;padding:10px;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.33);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.33);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.33);margin:-40px 30px 20px 30px;;}
#section_features{padding:20px 0px 0 0;margin-top:-30px;position:relative;z-index:50;background:url(images/whiteglowsmall.png) 50% 50% no-repeat #d5d8e3;text-align:center;}
#section_features .col1-3 {cursor:pointer;}
.featuresdivider{position:relative;z-index:100;}
#section_features .line1{color:#37261b;font-weight:800;font-size:19px;padding-bottom:10px;}
#section_features img{width:200px;height:auto;margin-top:30px;}
#section_features .first img{margin-top:0px;}
#section_findoutmore{padding:50px 0px 0 0;text-align:center;color:#fff;background:#d5d8e3;overflow:hidden;position:relative;}
#section_findoutmore h2{font-size:40px;color:#fff;}
#section_findoutmore a.button{margin-bottom:80px;}
#section_findoutmore #findoutmoreimage{width:1350px;height:auto;z-index:1;position:absolute;bottom:0px;left:50%;margin-left:-500px;}
#section_findoutmore .wrap{position:relative;z-index:10;}
#footer{padding: 8px 5% 20px 5%;z-index:100;position:relative;bottom:0px;color: #fff!important;}
#footer a{font-size:.9rem;}
#footer a:hover{color:#93b3fc;}
.fcol1{float:right;margin-bottom:10px;}
.fcol1 img{width:120px;}
.fcol2{text-align:left;margin-bottom:10px;font-weight:800;}
.fcol2 .contactphone{padding:10px 0;}
.fcol2 .contactphone img{float:left;margin:7px 10px 0 0;}
.fcol2 .contactmap img{float:left;margin:-5px 15px 0 0;}
.fcol2 .contactphone .line2{font-weight:400;font-size:15px;}
.fcol4{margin-bottom:10px;}
.fcol3 a, .fcol4 a{padding:6px 0px;display:block;font-size:14px;}
.fcol5 img{float:left;margin:0px 10px 0 0;}
.fcol5{margin-bottom:10px;font-size:13px;}
.fcol5 a{clear:both;padding:10px 0;display:block;}
.flexnav{background-color:#6794FC;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;width:100%;max-height:0;}
.flexnav, .flexnav ul{margin:0px;padding:0px;}
.flexnav li{padding:0px;margin:0px;}
.flexnav.opacity{opacity:0;}
.flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px;}
.flexnav li{font-size:100%;position:relative;overflow:hidden;}
.flexnav li a{text-align:center;position:relative;display:block;padding:10px 5%;font-size: 14px;z-index:2;overflow:hidden;text-decoration:none;border-bottom:1px solid rgba(0, 0, 0, 0.15);text-transform: uppercase;font-weight: 700;color: #fff;}
.flexnav li ul{width:100%;}
.flexnav li ul li{font-size:100%;position:relative;overflow:hidden;}
.flexnav li ul.flexnav-show li{overflow:visible;}
.flexnav li ul li a{display:block;background:#b2b2af;}
.flexnav ul li ul li a{background:#bfbfbc;}
.flexnav ul li ul li ul li a{background:#cbcbc9;}
.flexnav .touch-button{position:absolute;z-index:999;top:0;right:0;width:50px;height: 39px;display:inline-block;background:#acaca1;background:rgba(0, 0, 0, 0.075);text-align:center;}
.flexnav .touch-button:hover{cursor:pointer;}
.flexnav .touch-button .navicon{position:relative;top: 0.9em;font-size:12px;color:#666;}
.menu-button{position:absolute;top: 20px;right:0;display:block;padding:0;width:33%;height:44px;text-indent:-999px;overflow:hidden;color:#222222;cursor:pointer;background:url(/images/menu_dark.png) 90% 20% no-repeat;background-size: 30px,30px;}.menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px;}
.menu-button .touch-button{display:none!important;background:transparent;position:absolute;z-index:999;top:0;right:10%;/*! margin-left:50px; */width:50px;height:50px;display:inline-block;text-align:center;}
.menu-button .touch-button .navicon{font-size:30px;position:relative;top:1em;color:#666;}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close{background-image:url('/fancybox/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('/fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:50%;margin-top:-50px;width:30%;height:100px;cursor:pointer;text-decoration:none;background:transparent url('/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:visible;}
.fancybox-prev span{left:-10px;width:50px;height:50px;background-position:0 0px;background-image:url('/fancybox/prev.png');}
.fancybox-next span{right:-10px;width:50px;height:50px;background-position:0 0px;background-image:url('/fancybox/next.png');}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('/fancybox/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
.fancybox-desc-float-wrap .child{display:inline-block;padding:10px 10px 0px 3px;color:#000;}
#section_intro #gallery{width:100%;}
#section_intro #gallery ul{list-style:none;margin:0px;padding:0px;}
#section_intro #gallery ul li {text-align:center;background: #fff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.33);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.33);}
#section_intro #gallery ul img{}
#section_intro #gallery ul a:hover img{}
#section_intro #gallery ul a:hover{}
.gallerypic{width:100%;height:auto;}
#section_intro #gallery1{width:100%;}
#section_intro #gallery1 ul{list-style:none;margin:0px;padding:0px;}
#section_intro #gallery1 ul li{text-align:center;background: #fff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.33);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.33);}
#section_intro #gallery1 ul img{}
.gallery_image_div_wrapper {padding:10px;}
#section_intro #gallery1 ul a:hover img{}
#section_intro #gallery1 ul a:hover{}
.galleryname{text-decoration:none!important;display:block;font-weight:900;text-transform:uppercase;margin:10px 0 10px 0;font-size:16px;}
.gallery_image_div a{position:relative;display:block;text-decoration:none;}
#section_intro li.gallery_image_div{position:relative;margin-bottom:50px;}
.galleryhover{background:url(/images/transbgblack.png);display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:+1;}
.galleryhover img{position:absolute;top:50%;left:50%;margin-left:-110px;margin-top:-30px;}
.galleryimagename{margin:10px 0px 15px 0;}
.servicegalleryhover{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;}
.contentDiv {
    padding: 10px;
    background: #fff;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    margin-top: -2px;
    border: solid #ccc 1px;
}

.tabbed {
    position: relative;
    z-index: 10;
}


#pagewrap {
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  -ms-box-sizing:     border-box;
  -o-box-sizing:      border-box;
  box-sizing:         border-box;
  position:relative;
  border-radius:5px;
  background: #fff;
  width: 90%;
  max-width: 1200px;
  margin: 30px auto;
  }
 
#pagewrapinside {
  position:relative;
  padding-bottom: 30px;
  /* background-color: #fff; */
  width:90%;
  max-width: 1200px;
  margin:auto;
  }
.body1 #pagewrapinside {padding-bottom:0px;}

@media all and (min-width:1px){
#url_items_div .mobile_item {text-align:center;}
.vb_resourse_div {display:table;}
.vb_resourse_div > div > a {width:99%;margin:5px;}

#email_me_item {top:50px;}
.imgRight{
	float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

#email_me_content {margin:15px;}

#my_email {width:100%;}
#send_code {width:100%;background-color: #ed6a5a;color: #fff;font-weight: normal;padding:7px;}
.contactlabel{padding:13px 0px 0px;font-weight:700;float:left;width:40%;font-size:.9rem;}
        .contactfield{padding:3px 0px;float:left;width:60%;}
        .contactfield .input:not([type=checkbox]):not([type=radio]){width:100%;padding:7px 4%;font-size:.9rem;}

				.url_items_div .contactfield {margin-right:5px;width:49%;}
				.url_items_div .contactlabel {margin-right:5px;width:49%;}
        .section_heading{font-weight:700;margin:15px 0 10px 0;}
        .mobilehide {display:none;}
        .contact_form_div_split_left {width:92%;}
        .contact_form_div_split_right {width:92%;}
        .contact_form_div_full_left {width:92%;}
        .contact_form_div_full_left {width:92%;}
        .split {width:100%;}
		.limit_width_height{
			max-width:400px;
			max-height:400px;
		}
}

@media all and (max-width:650px){
	.frame-wrap{display:flex;flex-direction: column;text-align:center;}
}
@media all and (max-width:768px){
	.url_items_header {display:none;}
	#url_items_div .contactfield {width:100%;float:initial;}
	#url_items_div .mobile_item {display:block !important;font-weight:bold;}
	#url_items_div .mobile_item.first {margin-top:25px;}

}

@media all and (min-width:415px){
#url_items_div .mobile_item {text-align:left;}
#my_email {width: 300px;margin-right: 3px}
#send_code {width:initial;}
#email_me_item {    top: 4px;}
#topheader a.button{border-color:#000;color:#000;}
.leadinginnovation {    top: 50px; margin-left: -193px;}
        .split {width:100%;}
}
@media all and (min-width:460px){.fcol3{clear:both;float:left;width:50%;padding-bottom:20px;}
        .fcol4{float:left;width:50%;}
        .fcol5{clear:both;}

        #section_findoutmore #findoutmoreimage{width:1160px;}
        #section_intro li.gallery_image_div{float:left;width:30%;margin-right:5%;}
        .split {width:100%;}
}
@media all and (min-width:580px){
	.featured_items_cont{
		display:flex;
	}
	.featured_item {
		flex:1;
		flex-grow:1;
	}

	#email_me_content{margin:50px;}

        .fcol1 img{width:160px;}
        .fcol3{width:30%;padding-bottom:0px;}
        .fcol4{width:30%;}
        .fcol5{clear:none;float:right;width:180px;text-align:right;}
        .leadinginnovation {left: auto;
    top: -16px;
    margin-left: 0;
    z-index: 30;
    right: 0px;}
        #section_features{background:url(images/whiteglow.png) 50% 100% no-repeat #d5d8e3;}
        #section_findoutmore .wrap{width:520px;}
        #topheader .wrap{position:relative;}
        #topheader .topheader_text{padding:30px 0 60px;float:right;width:300px;text-align:right;}
        #topheader .headervan{width:55%;position:absolute;top:21px;left:0px;}
        #topheader a.button{border-color:#fff;color:#fff;}
        #topheader .topheader_text a.button{float:right;margin-right:0px;width:auto;}
        #topheader .topheader_text .line2, #topheader .topheader_text .line3{color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,1);font-size:22px;}
        #topcontacts{display:none;}
        #topcontactsdesktop{width:260px;color:#b5acab;font-size:15px;display:block;float:right;}
        #topcontactsdesktop .contactphone .line1, #topcontactsdesktop .contactmap{font-weight:800;text-transform:uppercase;}
        #topcontactsdesktop .contactphone{padding-top:25px;}
        #topcontactsdesktop .contactphone img{float:left;margin:-5px 10px 0 0;}
        #topcontactsdesktop .contactmap img{float:left;margin:-5px 10px 0 0;}
        #topcontactsdesktop .contactmap{clear:both;padding-top:15px;}
        #top1{border-bottom:0px;}
        #top1 .wrap{width:90%;}
        #logo{float:left;width: 210px;}
        #navigation{clear:both;}
        #topheaderinside{text-align:left;}
        #topheaderinside h1{margin-bottom:30px;}
        body.one-page{padding-top:70px;}
        #pagewrap {}



        .split {width:100%;}

}

@media all and (min-width:760px){
        h1{font-size: 2.1rem;}
	h2 {font-size: 1.8rem;}
	h3 {font-size:1.5rem;}
#pagewrap {
        min-height: 100%;
        }

footer {
}

#footer_col_1 {
        width:50%;
}

#footer_col_1 h3 {margin-top:0px;}

#footer_col_2 {
        clear: none;
        margin-top: 0px;
        width:25%;
}

#footer_col_3 {
        clear: none;
        margin-top: 0px;
        width:25%;
}

.footer_col .list1, .footer_col .list2{
}

#sitestats {
    width: 30%;
    float: left;
    clear: right;
}

        .mobile_hide{
                display:none;
        }


        .footer_col{
          float: left;
          width: 33%;
        }
}
@media all and (min-width:780px){
.vb_resourse_div {display:table;}
.vb_resourse_div > div {width:45%;float:left;margin:5px;}
.vb_resourse_div > div > a {width:initial;margin:initial;}

.col1-3{float:left;width:30%;margin-right:5%;}
        .leadinginnovation {    left: auto;
    top: 107px;
    margin-left: 45px;
    z-index: 30;
        right: 220px;}
        .col2-3{float:left;width:65%;margin-right:5%;}
        .col1-3.last, .col2-3.last{margin-right:0px;}
        #section_intro .col1{width:40%;float:left;}
        #section_intro .col2{width:51%;float:right;}
        .homeslider{margin-left:0px;margin-right:0px;}
        #topheader .topheader_text{padding:60px 0 70px;float:none;width:auto;}
        #topheader .headervan{width:55%;position:absolute;top:21px;left:0px;}
        #topheader .topheader_text .line1{font-size:80px;width:240px;float:right;line-height:66px;}
        #topheader .topheader_text .line2{clear:both;}
        #topheader .topheader_text .line3{padding-bottom:30px;}
        #section_features{background:url(images/whiteglow.png) 50% 100% no-repeat #d5d8e3;background-size:150% 150%;}
        #section_features .first img{margin-top:30px;}
        .fcol3{width:20%;}
        .fcol4{width:20%;}
        body, html {height: 100%;}
        #pagewrapinside {padding-bottom:30px;}
        #footer {/*! height:110px; *//*! position:absolute; *//*! bottom:0px; *//*! width:100%; */}
        .body1 #pagewrapinside {}
        #section_intro li {float:left;width:43%;}
        #section_intro li.slideritem {float:none;width:100%;}
        #section_intro li:nth-child(odd):not(.gallery_image_div) {margin-right:5%;clear:both;}
        .gallery_image_div:hover {background:#efefef!important;}
        .featureboxlist {float:left;width:30%;margin:0px 1.5% 50px 1.5%;}
        .featureboxlist:nth-child(3n-2) {margin-left:0px;margin-right:5%;}
        .featureboxlist:nth-child(3n-1) {margin-left:0px;margin-right:5%;}
        .featureboxlist:nth-child(3n) {margin-right:0px;margin-left:0px;}

        .contactcontent {float:left;width:45%;}
        .gmap {float:right;width:50%;height:340px;margin:30px 0 0 0;}
        .contact_form_div_map {display:none;}

        .contact_form_div_split_left {width:60%;}
        .contact_form_div_split_right {width:40%;}
        .contact_form_div_full_left {width:100%;}
        .mobilehide {display:block;}
        .fieldwrapper {width:30%;margin-right:5%;float:left;}
        .fieldwrapper.last {margin-right:0px;}

        #div_generator_form{width:100%;margin:auto;}
        .fancywidth {width:700px;}
}
@media (min-width: 900px){
#topheader .topheader_text{padding:90px 0 100px;}

        #topcontactsdesktop{width:auto;}
        #topcontactsdesktop .contactphone{width:270px;float:left;white-space:nowrap;}
        #topcontactsdesktop .contactmap{width:250px;clear:none;white-space:nowrap;float:left;padding-top:25px;}
        #navigation{clear:none;float:right;width:auto;padding-top: 14px;}
        #logo{padding: 7px 0px 8px;}
        .leadinginnovation {width:100px;right:240px;top:127px;}



			/*	.content_left_item {display:initial;float:left;width:650px;}*/
				.adcontentarea_wrap {clear:both;}


        .flexnav{overflow:visible;}
        .flexnav.opacity{opacity:1;}
        .flexnav.one-page{top:0;right:auto;max-width:90%;}
        .flexnav li{position:relative;list-style:none;float:left;display:block;overflow:visible;}
        .flexnav li a{background: #fff!important;color: #555;border-bottom:none;padding:10px 10px;text-align: left;}
        .flexnav li a:hover{color:#ed6a5a;}
        .flexnav li > ul{position:absolute;top:auto;left:0;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);width: 300px;text-align: left;}
		.flexnav li.menuitem4 > ul {width:600px;left:-200px;}
		.flexnav ul.sub-menu  li a {background-color:#5f89e9 !important;color:#fff;}
		.flexnav ul.sub-menu  li a:hover {background-color:#789bea !important;color:#fff;}
        .flexnav li > ul li{width:100%;}
		.flexnav li.menuitem4 > ul li {width:50%;}
        .flexnav li ul li > ul{margin-left:100%;top:0;}
        .flexnav li ul li a{font-weight: 400;border-bottom:none;}
        .flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1;}
        .flexnav li ul.open li{overflow:visible;max-height:100px;}
        .flexnav li ul.open ul.open{margin-left:100%;top:0;}
        .flexnav {margin-left:15px;}

        .menu-button, .touch-button {display:none!important;}
        .oldie body.one-page{padding-top:70px;}
        .oldie .flexnav{overflow:visible;}
        .oldie .flexnav.one-page{top:0;right:auto;max-width:90%;}
        .oldie .flexnav li{position:relative;list-style:none;float:left;display:block;background-color:#a6a6a2;width:20%;min-height:50px;overflow:visible;}
        .oldie .flexnav li:hover > ul{display:block;width:100%;overflow:visible;}
        .oldie .flexnav li:hover > ul li{width:100%;float:none;}
        .oldie .flexnav li a{border-left:1px solid #acaca1;border-bottom:none;overflow:visible;}
        .oldie .flexnav li > ul{background:#acaca1;position:absolute;top:auto;left:0;display:none;z-index:1;overflow:visible;}
        .oldie .flexnav li ul li ul{top:0;}
        .oldie .flexnav li ul li a{border-bottom:none;}
        .oldie .flexnav li ul.open{display:block;width:100%;overflow:visible;}
        .oldie .flexnav li ul.open li{width:100%;}
        .oldie .flexnav li ul.open ul.open{margin-left:100%;top:0;display:block;width:100%;overflow:visible;}
        .oldie .flexnav ul li:hover ul{margin-left:100%;top:0;}
        .oldie .menu-button{display:none;}
        .oldie.ie7 .flexnav li{width:19.9%;}



}
@media all and (min-width:980px){

        #pagewrap {}
        .fcol1{float:left;margin-right:20px;}
}
@media all and (min-width:1080px){#topheader .headervan{top:40px;}
        #topheader .topheader_text .line1{font-size:110px;width:340px;line-height:90px;margin-top:0px;}
        #topheader .topheader_text .line2, #topheader .topheader_text .line3{font-size:29px;}
        .homeslider{margin-top:-84px;}
        .leadinginnovation {    right: 310px;top: 82px;}
        #generator_form{width:540px;margin:auto;margin-top:20px;float:left;}
				.sky_ad_content_item {display:initial;float:left;width:300px;min-height:600px;}
				.sky_ad_content_item div{min-height:600px;margin-left:10px;}
				.mobile_hide{display:initial;}
}
@media all and (min-width:1200px){.wrap{/*! width:90%; */}
				        #generator_form{width:650px;}
                #top1 .wrap{width:90%;}
                .leadinginnovation {top:127px;}
                #topheader .headervan{top:50px;width:62%;}
                #topheader .topheader_text{padding:135px 0 186px;}
                .fcol1{margin-right:50px;}
                .fcol2{width:30%;}
                .fcol3{clear:none;width:10%;}
                .fcol4{width:14%;}
                #section_intro{padding:30px 0 60px;}
                #section_features{padding-top:40px;}
                #section_findoutmore{font-size:19px;}
                #section_findoutmore h2{margin-bottom:20px;font-size:61px;}
                #section_findoutmore #findoutmoreimage{width:112%;left:-6%;top:-1px;bottom:auto;}
                #section_findoutmore a.button{margin-bottom:145px;}
                #section_findoutmore a.button.buttonwhite{margin-bottom:120px;}
                #footer{/*! margin-top:-40px; */margin-top: 15px;/*! background: #eee; */}
                .rslides_nav.prev {left:-70px;}
                .rslides_nav.next {right:-70px;}
                .rslides_nav.prev:hover {left:-80px;}
                .rslides_nav.next:hover {right:-80px;}
}

@media all and (min-width:1460px){
        #section_findoutmore #findoutmoreimage{width:100%;left:0;}
        #section_findoutmore a.button{margin-bottom:175px;}
        #section_findoutmore a.button.buttonwhite{margin-bottom:130px;}
}

@media all and (min-width:1700px){#section_findoutmore #findoutmoreimage{top:-50px;}
}

.generatorsegbox {
    padding: 5px 20px 15px;
    background-color: #F5F5F5;
    border-radius: 5px;
    margin-bottom: 15px;
}
.nota{font-size:12px;text-align:center;margin:0 0 10px 0;font-weight:normal;}
.note{font-size:12px;font-style:italic;margin:0 0 10px 0;font-weight:normal;}
.buttonrow{text-align:center;margin:auto;}
.demo_item_heading {font-size: 1.5rem;margin-bottom: 8px;}
.demo_item_text {margin-bottom:8px;}
#sample_item_underlay {position:fixed;display:block;top:0px;left:0px;width:100%;background-color:#353c4e;opacity:.8;height:140px;display:none;z-index:999;}

#sample_item_container {position:fixed;display:block;top:0px;text-align:center;left:0px;width:100%;display:none;z-index:1000;margin-top:2px;}
#sample_item {background-color:#ffff00;width:300px;margin:auto;padding:10px 20px 5px 20px;border:solid #ddd 1px;}
#sample_item_content {display: inline;margin: auto;overflow:scroll;}
.toggle_buddy_div {text-decoration: underline;cursor: pointer;margin:auto;}
.toggle_buddy_div.nota{margin-bottom:0px;text-align: right;}

#buddy_notify_div{background-color:#ffffcc;width:100%;margin:auto;padding:10px 20px 5px 20px;border:solid #ddd 1px;display:none;font-size:.9rem;}

.segboxheader {background-color:#ddd;text-align:center;}

.arrowdropdown{
        position: relative;
        display: inline-block;
    }
    .arrowdropdown::before{
        position: absolute;
        content: " \2193";
        top: 0px;
        right: -8px;
        height: 20px;
        width: 20px;
    }

.tabbed a {-webkit-border-top-right-radius: 5px;-moz-border-top-right-radius: 5px;border-top-right-radius: 5px;display:block;float:left;margin:10px 1px 1px 0;padding:8px 19px 8px 19px;font-size:14px;background: #dbe3f5;color: #93b3fc;border-bottom:0px;border-right:0px;cursor:pointer;font-weight: 700;}
.tabbed a:hover {background:#504f4e;}
.tabbed a.active {background: #ffffff;color: #333;border: solid #ccc 1px;border-bottom: 0;}
.tabbedContent {padding-top:15px;}
.tabbedContent h2 {        margin-top:0px;font-weight:normal;font-size:16px;color:#06d9dc;}

#div_results h2 {font-weight: normal;font-size: 24px;margin-bottom: 10px;color: #5d8dfb;font-family: Arial;}
.working_item {margin:10px 0 25px ;}
.instructions_div {background:#dbe3f5;padding:20px;margin-top:25px;}
.instructions_div h3 {font-size:18px;margin-bottom:10px;}


#email_me_div{position: absolute;left: 0;background: rgba(0,0,0,.5);height: 100%;width:100%; top: 0px;z-index:999}
.generator_byline{margin:25px 0 25px 0;padding-right: 110px;}
#email_me_item{
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    cursor: pointer;
    text-align: center;
    font-size: .7rem;
    position: absolute;
    padding-top: 50px;
    margin-bottom: 20px;
    right: 5px;
    background: #fff;
    border-radius: 100%;
    width: 95px;
    height: 95px;
    box-sizing: border-box;
    }
#email_me_item::before{
        position: absolute;
        content: url("/images/email_envelope.png");
        top: 7px;
        right: 44px;
        height: 20px;
        width: 20px;
    }

.button.demobutton{
        background-color: #ed6a5a;
    color: #fff;
    font-weight: normal;
        padding:5px;
}

.demo_item{
        margin-top:20px;
        border-radius:5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

.itemrow{
        margin-top:10px;
        margin-bottom:20px;
}
#email_me_content{background-color:#fff;padding:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#email_me_content .nota {text-align:left;margin:20px 0 10px 0;font-size:.7rem;}
#email_me_message{margin-top:20px;font-size:.9rem;}
.success_text {color:mediumseagreen;}
.error_text {color:red;}
.link_item {text-decoration:underline;cursor:pointer;}
.code_area {font-family:calibri, sans-serif;font-size:14px;white-space:pre;}
.mt10 {margin-top:10px;}
.
#div_generator_form .contact_label {width:40%;}
#div_generator_form .contact_field {width:60%;}
.buttonrow .button {float:none;}
.button.actionbutton {border:solid #ccc 1px;text-transform:none;font-weight:normal;display:inline;float:none;color:#fff;background-color: rgb(213, 135, 59);}
.button.actionbutton:hover {background-color:#efad6d;}
.demo_item .nota {text-align:left;margin-top:10px;}

.contactfield.dimension_items .input.pixelpercent {
    width: 47% !important;
}

.contactfield.dimension_items span {display: inline-block;width: 45%;}
.inline_item_title {font-size:.9rem;text-align:center;}
.inline_item.item_right {padding-left:10px;}
.inline_item.item_left {padding-right:10px;}

.header_toggle_item {display: inline-block;float: right;margin-right: 10px;font-weight: initial;font-size: .9rem;text-decoration: underline;margin-top:-20px;cursor:pointer;}
.contactfield.firstcolumn, .contactfield.secondcolumn {width:40%;margin-right:5px;}
.contactfield.thirdcolumn {width:18%;}
.instructional{font-size:.9rem;padding:10px 0 10px 0;}
.preamble_item_top {border-top: dotted #ccc 1px;margin-top: 10px;}

.utility_div span {font-size:.9rem;}

.example_code_item {
	margin-top:5px;
    background-color: #fff;
    border: solid #ddd 1px;
    border-radius: 5px;
    font-size: .9rem;
    /* font-family: serif; */
}

.example_code_item .code_title {
	background-color:#ddd;
	font-weight:600;
    padding: 5px;
}

.example_code_item .code_body{
    padding: 5px;
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
}

.field_info{
	font-size:.7rem;
	line-height:.85rem;
	padding:3px;
}

.info_box {
	border:solid #ddd 1px;
	border-radius: 5px;
	webkit-border-radius: 5px;
	moz-border-radius: 5px;
	background-color: #ffc10754;
	font-size:.7rem;
	padding:7px;
	line-height:.9rem;
}

.navigation_ddl {margin-top:15px;}
.code_display_area {
border: ridge
#ddd 1px;

padding: 15px;

border-radius: 5px;

cursor: pointer;

background-color:
#f4efdc;
}

.contrast_code {
	color:#222;
}

.strong_code {
	color:#ff0000;
}

.code_file_name {
font-weight: bold;

margin-bottom: 5px;

background-color: #ece8d9;

border-bottom: solid
#ccc 1px;

padding-bottom: 5px;

margin-bottom: 15px;
}
.tutorial_subheading{ font-weight:600;}

.nav_next a {font-weight:600;}

.tutorial_emphasis {font-style:italic;font-weight:bold;}
.tutorial_tagemphasis { color:#ff0000;}

#country_codes {margin-top:10px;border:solid #ddd 1px;border-right:0;border-bottom:0;}
#country_codes .code_item_row {display:flex;}
#country_codes .code_item_row > div {flex: 1}
#country_codes>div>div {border:solid #ddd 1px;border-left:0;border-top:0;padding:5px;}
.code_item_row.header_row {
    font-weight: bold;
    background-color: #eee;
}

.featured_item {cursor:pointer;}

.generated_notes {margin-top:10px;}

.text_copy_div{
    background-color: #ed6a5a;
    border: solid #ed6a5a 1px;
    color: #fff;
    border-radius: 5px;
	moz-border-radius:5px;
	webkit-border-radius:5px;
    padding: 5px;
    display: inline-block;
    position: relative;
    font-size: .8rem;
	margin:auto;
	cursor:pointer;
}

.text_copied_div{
    background-color: #a4f1a4;
    border: solid #ddd 1px;
	color:#000;
}

.frame-wrap{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.frame-row {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.page_1 .ad_block {display:none;}
.readdiv {margin-top:14px;}
.item_sep {margin-top:10px;padding-top:10px;border-top:dotted #aaa 1px;}
.left_table_item {max-width:650px;}
.inputveryshort:not(div) {width:50px !important;}
#google_matched_content_div {text-align:center;max-width:1200px;margin-top:40px;}
.generator_canv {max-width:650px;}



#sample_basix_bookmark_link img{
	cursor: pointer;
	width: 150px;
	height: 250px;
}

#sample_basix_bookmark_div {
	position: fixed;
	text-align:center;
	padding:25px;
	font-family:arial;
	font-size:15px;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	border:solid #ddd 1px;
	border-radius:6px;
	box-shadow: #ccc 1px 2px;
	display:none;
	z-index: 999;
    background-color: #fff;
    top: 130px;
}

#sample_basix_bookmark_div #sample_close_link {
	cursor:pointer;
	text-decoration:underline;
}

#sample_basix_bookmark_div #sample_bookmark_title{
	font-size:1.2rem;
	padding:10px;
}

#sample_basix_bookmark_div #sample_bookmark_content{
	margin-bottom:10px;
}

.sample_basix_bookmark_link{
	cursor:pointer;
}

.sample_basix_bookmark_link_text{
	color:blue;
	text-decoration:underline;
	font-weight:bold;
}

.crontab_item.flexitem {display:flex;}

.crontab_item.flexitem div:nth-of-type(1) { flex-grow: 1; }
.crontab_item.flexitem div:nth-of-type(2) { flex-grow: 1;margin-left:30px; }


#basixCanv {background: url("https://htmlbasix.com/images/snow/lighted_house.jpg");background-repeat: no-repeat;width: 100%;height: 150px;background-size:auto 150px;}

#copied_div {position: absolute;
    background-color: #fff;
    padding: 8px;
    font-size: .9rem;
    border-radius: 5px;
    border: solid #333 1px;}

.page_48 h1 {display:none;}