@charset "utf-8";
* {margin:0; padding:0; outline:0;}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a {
    color: #87cd1d;
    text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {  height: 1%;}
* +html .clearfix { display: inline-block; } /* IE7xhtml*/
html[xmlns] .clearfix { /* O */  display: block;  }
.clearfix:after { /* FF, O, etc. */  content: "."; display: block;  height: 0;  clear: both; visibility: hidden;}

.body {
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
	font-size: 12px;
	color: #000;
	overflow: hidden;
}
div.catItemHeader h3.catItemTitle {
 	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 110%;
}
div.titlebox {
 border: 1px solid #cccccc;
    display: block;
    float: left;
    margin: 0 15px 19px 0;
    padding: 15px;
    width: 31%;
	min-height: 400px;
}
.quote {
  background: transparent url("../images/quopoints.png") no-repeat scroll left top;
    color: #4f4f4f !important;
    font-size: 24px !important;
    line-height: 29px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    padding: 11px 50px 18px 24px;
    text-align: left;
}
.quote2 {
    background: transparent url("../images/quopoints.png") no-repeat scroll 252px 0;
    color: #4f4f4f !important;
    font-size: 54px !important;
    line-height: 60px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    padding: 11px 50px 18px 24px;
    text-align: center;
}
.container-full {
	width: 100%;
	margin: 0px auto;
	height: 100vh;
	position: relative;
}
.header-main {
position:relative;
height: auto;/*background: url(../images/videobg.png) ;*/
	margin-top:40px;
	z-index:1;
}
.header-main-sub {
	background: none;
	min-height: 93px;
	height: auto;
}



div.col-sm-9 h1, .header .slide h1 { 
color: #fff;
    font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
    font-size: 70px !important;
    font-weight: bold !important;
    margin: 0 0 10px  !important;}

.header-main-sub .header {height: auto;}
.lead-main {
	background: url(../images/bg_lead.jpg) no-repeat center top;
	height: 404px;
	margin-top: 0px;
	z-index:1;
	display:block;
}
.lead #frm_lead {
	padding: 0px 0 0 68px;
}
.lead #frm_lead p {
	position: relative;
	margin: 0px;
}
.lead #frm_lead p label {
	display: none;
}
.lead #frm_lead p label.error {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 500px;
	font-size: 10px;
	text-align: right;
}
.lead #frm_lead p input {
	background: #fff !important;
	border: none !important;
	width: 525px;
	padding: 0 0 0 10px !important;
	height: 35px;
	margin-bottom: 6px;
	color: #6e6f71;
	font-size: 14px;
}
.lead #frm_lead p button {
	background: #609b31;
	border: none;
	color: #fff;
	font-size: 24px;
	width: 525px;
	height: 45px;
	cursor: pointer;
	margin-top: 6px;
}
.lead .g-recaptcha {background: #F9F9F9;width: 525px;}

.nav-menu {
	
}
.nav-menu ul {
	list-style: none;
	margin: 0px;
	padding: 15px 0 0 0;
	text-align: center;
}
.nav-menu ul li {
	float: none;
	display: inline-block;
	background: url(../images/border-li.png) no-repeat left center;
}

.nav-menu ul li .x {

	background: url(../images/border-li.x.png) no-repeat left center !important;
}
.nav-menu ul li:first-child {
	background: none;
}
.nav-menu ul li a {
	color: #FFF;
	padding: 0px 10px;
	line-height: 36px;
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.nav-menu ul li a:hover, .nav-menu ul li.active a {
	background: url(../images/bg_active.png);
}
.footer-main {
	background: #f01920;
	height: 97px;
	text-align: center;
}
.footer p {
	font-size: 24px;
	font-style: italic;
	margin: 0px;
	color: #FFF;
	line-height: 97px;
	text-transform: uppercase;
}

html body div.body div.header-main div.container-full div.header div.container div.slide div.custom div.row div.col-sm-3 {
width:25% !important;
}

html body div.body div.load-content-main div.container div.load-content div#btcontentslider99.bt-cs div.slides_container div.slides_control div.slide div.bt-row.bt-row-first div.bt-inner {
text-align:center;
}



html body div#jcemediabox-popup-page div#jcemediabox-popup-overlay{
	opacity:1 !important;
}

html body div#jcemediabox-popup-page div#jcemediabox-popup-frame div#jcemediabox-popup-body div#jcemediabox-popup-container {
	border:0px !important;
}



html body div#jcemediabox-popup-page div#jcemediabox-popup-frame div#jcemediabox-popup-body div#jcemediabox-popup-info-bottom p.vidbut {
	width:100%;
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif !important;
	text-align:center;
}



html body div#jcemediabox-popup-page div#jcemediabox-popup-frame div#jcemediabox-popup-body div#jcemediabox-popup-info-bottom p.vidbut span.quoteme a {
background: #f01920 none repeat scroll 0 0;

font-size: 30px;

padding: 14px;
text-align: center;
width: 100%;
display:block;
color:#fff;
}



.footer p a {
	border: 1px solid #FFF;
	font-size: 16px;
	font-style: normal;
	padding: 10px 30px;
	color: #FFF;
	margin-left: 10px;
}
.footer1-main {
	background: #71b337;
	padding: 20px 0;
}
.footer1 p {
	font-size: 16px;
	color: #FFF;
	text-align: center;
	margin-bottom: 20px;
}
.footer1 p a {color: #FFF;}
.footer1 p img {vertical-align: bottom;margin-right: 5px;}
.footer1 p strong {margin-right: 20px;}
.footer1 .row {
	border-top: 1px solid #FFF;
	padding-top: 20px;
}
.footer1 .row p {margin-bottom: 20px;text-align: left;}
.top {
	padding-top: 15px;
}





div.range1, div.range2, div.range3, div.range4 {
padding: 20px;
background: #f1f1f1;
margin-bottom: 20px;
	
}







.top .left .custom p {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}

.top .right {
	text-align: right;
	padding-top: 15px;
}
.top .right p {
	font-size: 18px;
	color: #FFF;
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
}
.top .right img {margin-right: 10px;}
.content h2 {
	color: #7fc443;
    font-size: 60px;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
	line-height: 75px;
}
.content .page-header {border: none;}
.content #xmap .page-header h1 {
	color: #7fc443;
    font-size: 60px;
    font-weight: normal;
    line-height: 75px;
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
}
.content #xmap h2.menutitle {display: none;}
.content #xmap ul li {
	background: none;
	padding: 0;
	line-height: normal;
}
.content #xmap ul li a {
	font-size: 16px;
	line-height: 24px;
}
.content #xmap ul ul {
	list-style-type: square;
    padding: 0;
	margin: 5px 0 15px 35px;
}
.content #xmap ul ul li, .content #xmap .xmap-menu ul:first-child ul.level_1 ul li {
	padding: 0 0 0 16px;
	background: url(../images/square.jpg) no-repeat left center;
}
.content #xmap .xmap-menu ul:first-child ul.level_1 li {background: none;}
.content div.item-page div ul.homeul {
	margin-bottom: 40px !important;
	border-right: 1px solid #ececec;
}
.content div.item-page div ul.homeul:last-child {
	border-right: none;
	padding-left: 20px;
}
.content div.item-page div.row div.col-sm-6:last-child {
	padding-left: 20px;
}
.content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#k2Container.itemView div.itemBody div.itemFullText ul li {
font-size:16px !important;
}

div.itemFullText h3 {
padding-bottom:10px !important;}

div#k2Container.itemView div.itemLinks div.itemAttachmentsBlock ul.itemAttachments li,

div.catItemLinks div.catItemTagsBlock ul.catItemTags li,
div#k2Container.itemView div.itemLinks div.itemTagsBlock ul.itemTags li {
	background: transparent !important;
	font-size:13px;
}

div#k2Container.itemView div.itemToolbar {
display:none;}

div#k2Container.itemView div.itemHeader span.itemDateCreated {
  display: block;
    margin-top: 13px !important;}

div.itemHeader span.itemAuthor {
  color: #999 !important;
    float: right;
    margin-bottom: -30px;
    margin-right: 10px;
    margin-top: 11px;}

.bt-social-share {
 background: transparent none repeat scroll 0 0 !important;
    border-bottom: 1px dotted #ccc !important;
border-left:0px !important;border-right:0px !important;

    border-top: 1px dotted #ccc !important;

	}
div#k2Container.itemView div.itemAuthorBlock div.itemAuthorDetails p {
display:inline;}

.content ul li {
	background: url(../images/li.png) no-repeat;
	padding-left: 50px;
	display: block;
	height: auto;
	line-height: 41px;
	font-size: 20px;
	color: #585858;
}

.content ul li.x {
	background: url(../images/li.x.png) no-repeat !important;
}

.content ul li.dash {
	background: url(../images/li.dash.png) no-repeat !important;
}

.content h4 {
	font-size: 26px;
	color: #525252;
	line-height: 30px;
	padding-bottom: 20px;
	margin-top: 0px;
	border-bottom: 1px solid #ececec;
}
.content p {
	color: #585858;
	clear:both;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 19px auto;
	width: 100%;
}
.load-content .bt-cs .bt-inner img {border: none;outline: none;}
.load-content .bt-cs .bt-inner .bt-title {
	font-size: 40px;
	font-weight: normal;
	color: #545557;
	text-align: center;
	margin-bottom: 30px;
	margin-top:50px;
	text-transform:none !important;
}
.bt-cs .bt-introtext {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #3d3e40;
	line-height: 24px;
	width: 750px !important;
	margin: 0 auto 30px auto;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #bbbcbe;
}
.content h3 {
	color: #4f4f4f;
    font-size: 24px;
  
    margin-top: 18px;
    text-align: left;
}
html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch {
 border: 7px dashed #ee1b22;
    padding: 14px 40px;
}

html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable h3 {
	font-size:40px;
	color:#ee1b22;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable div.moduletable div form#frm_lead.form-validate.frm_lead_5 fieldset p button.button.validate {
	
background: #ee1b22 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 17px;
    width: 100%;
}

html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable div.moduletable div form#frm_lead.form-validate.frm_lead_5 fieldset p label {
	color:#585858;
	width:20%;	
}

html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable div.moduletable div form#frm_lead.form-validate.frm_lead_5 fieldset p input#field22.inputbox.required,
html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable div.moduletable div form#frm_lead.form-validate.frm_lead_5 fieldset p input#field23.inputbox.required,
html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable div.moduletable div form#frm_lead.form-validate.frm_lead_5 fieldset p input#field24.inputbox.required,
html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable div.moduletable div form#frm_lead.form-validate.frm_lead_5 fieldset p input#field24.jw_p_inputbox.required.email,
html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div#howmuch div.moduletable div.moduletable div form#frm_lead.form-validate.frm_lead_5 fieldset p textarea#field25.jw_p_inputbox.jw_p_textarea {
	width:80%;	
	border:1px solid #585858 !important;
	color:#585858 !important;
	padding:6px;
}

.load-content .slides_container {overflow: visible !important;}
.load-content .bt-cs .bt-row {overflow: visible;}
.load-content .bt-cs .bt-center {
	margin-bottom: -105px;
	position: relative;
	z-index: 999;
}
.load-content .bt-cs a.prev {
	background: url(../images/arrow-left.png) no-repeat !important;
	left: 0px;
	top: 170px;
	width: 135px;
	height: 272px;
	display: block;
	border: none !important;
}
.load-content .bt-cs a.next {
	background: url(../images/arrow-right.png) no-repeat !important;
	right: 0px;
	top: 170px;
	width: 137px;
	height: 271px;
	display: block;
	border: none !important;
}
.load-content .bt-cs a:hover, .load-content .bt-cs a:focus {outline: none;}
.video-mod h2 {
	color: #FFF;
	font-size: 40px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: normal;
	margin-top:50px;
}
.menu-sub {
	background: #191617;
	height: 38px;
}
.menu-sub ul {
	margin: 0px;
	padding: 11px 0;
	list-style: none;
}
.menu-sub ul li {
	display: inline-block;
	border-left: 1px solid #d4d3d3;
	padding: 0 20px;
}
.menu-sub ul li:first-child {
	border-left: none;
} 
.menu-sub ul li a {
	color: #ecebeb;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
}
.menu-sub-main {
	background: #191617;
}
.menu-sub-main .container {
	width: 1125px;
	margin: 0 auto;
}
.header {
	position: relative;
	margin: 0 auto;
	width: 1912px;
	max-width: 100%;
}
.header .container {
	height: 74vh;
	position: relative;
}
.content-main {
	width: 1912px;
	margin: 0 auto;
	position: relative;
	background:#fff;
	padding-top:2px;
	max-width: 100%;
}
.itemid-111 .content-main {
    padding-top:0px;
}
.header .top {
	position: relative;
	z-index: 9999;
}
.header .menu-main {
	width: 50%;
	position: relative;
	z-index: 9999;
}
.header .slide {
	position: absolute;
	z-index: 9999;
	top: 27%;
	padding: 0 40px;
	width: 100%;
}
.header .slide .custom {position: relative;}
.header .slide .arrow-video {
	position: absolute;
	right: -10px;
	bottom: -60px;
}
.header .slide h3 {
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
	font-size: 70px;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 10px 0;
}
.header .slide h4 {
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
	font-size: 39px;
	font-weight: normal;
	color: #FFF;
	margin: 0 0 10px 0;
}
.header .slide p {
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	line-height: 60px;
}
.header .slide .col-sm-9 p a, .header .slide p a {
background: #7cc63d;
border: 0px;
padding: 10px 50px;
color: #FFF;
font-size: 36px;
display: inline-block;
margin: 20px;

}
.header .slide .col-sm-9 p a:hover, .header .slide p a:hover {
	background: #f01920;
	text-decoration: none;
	border: 1px solid #F01920;
}
.header .slide .flexslider {background: none !important;}
.slider-main {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 100%;
	
}
.slider-main #fpssContainer101.fpss-template-movies {
	border: none;
	padding: 0px;
	margin: 0px auto;
	max-width: 100%;
}
#fpssContainer101.fpss-template-movies .slides-wrapper, #fpssContainer101.fpss-template-movies .slide {
	max-width: 100%;
}
.slider-main .fpss-template-movies .slidetext {
	background: none;
	width: auto;
	height: auto;
	left: 50% !important;
	top: 180px !important;
}
.fpss-template-movies img {
	height: 770px;
}
.slider-main .fpss-template-movies .slidetext p {
	background: none;
	font-size: 30px;
}
.slider-main .fpss-template-movies .slidetext h1 {
	margin-left: 300px;
	padding: 0px;
}
.slider-main .fpss-template-movies .slidetext h1 a, .slider-main .fpss-template-movies .slidetext h1 a:hover {
	font-size: 120px;
	color: #FFF;
}
.slider-main .fpss-template-movies .slidetext a.fpssReadMore, .slider-main .fpss-template-movies .slidetext a.fpssReadMore:hover {
	top: 200px;
	width: 418px;
	height: 68px;
	text-align: center;
	font-size: 20px;
	line-height: 68px;
	color: #FFF;
	background: #ee1b22;
	padding: 0px;
	margin-left: 310px;
	display: block;
	z-index: 999999;
}
.content-main .left {
	padding-top: 220px;
	position:absolute;
	float: left;
}

#inline_content h3 {
	color: #7fce35;
	font-size: 50px;
	font-weight: normal;
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
	margin: 40px 0;
	text-align: center;
}
#inline_content #frm_lead .basic-details {
	float: left;
	width: 410px;
	padding: 0 30px 0 80px;
}
#inline_content #frm_lead .your-project {
	float: left;
	width: 340px;
	padding: 0 20px;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}
#inline_content #frm_lead .image {
	float: left;
	width: 605px;
	height: 535px;
	overflow: hidden;
}
#inline_content #frm_lead p {
	position: relative;
}
#inline_content #frm_lead h4 {
	font-size: 30px;
	color: #4e4e50;
	font-weight: normal;
	position: relative;
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
	margin-bottom: 40px;
}
#inline_content #frm_lead  p label.error {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 10px;
	width: 50%;
	text-align: right;
}
#inline_content #frm_lead  p input, #inline_content #frm_lead p input.error {
	border: 1px solid #F4F4F4 !important;
	background: none !important;
	width: 300px !important;
	height: 38px !important;
	padding: 0 0 0 10px !important;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif !important;
	font-weight: normal;
	color: #949598 !important;
}
#inline_content #frm_lead  p font {display: none;}
#inline_content #frm_lead  p select {
	border: 1px solid #F4F4F4 !important;
	background: none !important;
	width: 300px !important;
	height: 38px !important;
	padding: 0 0 0 10px !important;
	margin-bottom: 5px;
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif !important;
	font-size: 14px;
	font-weight: normal;
	color: #949598 !important;
}
#inline_content #frm_lead  p textarea {
	border: 1px solid #F4F4F4 !important;
	background: none !important;
	width: 300px !important;
	height: 160px !important;
	font-family: Century Gothic,CenturyGothic,Avenir,sans-serif !important;
	padding: 0 0 0 10px !important;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #949598 !important;
}
#inline_content #frm_lead  p button {
	cursor: pointer;
	background: #7cc63d;
	border: none;
	height: 56px;
	width: 300px;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
	font-size: 30px;
}
.lead .custom {
	padding: 50px 0 0 68px;
}
.lead .custom p {color: #FFF;font-size: 26px;}
.lead .moduletable-lead {
	display: block;
}
.lead .custom-lead-none {
	display: none;
}
#wistia_6wkboktr15 {
	width: 1000px !important;
	max-width: 100%;
	height: 563px !important;
}
html body div.body div.header-main div.container-full div.slider-main div.slider div#fpssContainer101.fpss-container.fpss-template-movies.textEffectSlideDown div.slides-wrapper div.slides div.slide div.slidetext p {
font-size: 50px !important;
    margin-bottom: -29px !important;
}
.load-content-main {
	background: #e4e5e7;
}
.video-mod-main {
	background: #72b238;
	padding: 80px 0;
}
.map-main {
	text-align: center;
}
.slides_container {
	margin: 0 auto;
}
.content {
	padding-bottom: 100px;
}
.body.no-mobile {
	display: block;
}
.body.mobile {
	display: none;
}
.position-text-main {
	background: #1f1d1e;
	height: 97px;
	position: fixed;
	bottom: 0px;
	left:0px;
	width: 100%;
}
.position-text p {
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	font-style: italic;
	line-height: 97px;
	margin: 0px;
}
.position-text p a {
	color: #7cc63d;
	font-weight: bold;
	font-style: normal;
}
.nav-menu .navbar-default {
	background: none;
	border: none;
	margin: 0px;
}
.video-mod p a .jcemediabox-zoom-image {display: none;}
.top-main.sticky {
	position: fixed;
	transform: translateY(100px);
	transition: transform 0.25s ease-out 0s;
	top: -60px;
	background: #1f1d1e;
	box-shadow: 0 0 10px #aaa;
	width: 100%;
	z-index: 9999;
	padding-bottom: 20px;
}
.content .contact-page h3 {
	font-size: 50px;
	color: #7fc540;
	margin: 50px 0;
}
.content .contact-page .row .col-sm-6 iframe {width: 100%;}
.content .item-page .contact-page .row .col-sm-6:last-child {
	padding-left: 30px;
}
.content .contact-page h4 {
	font-size: 24px;
	font-weight: bold;
	color: #585858;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
	margin: 10px 0;
}
.content .contact-page h5 {
	font-size: 24px;
	font-weight: bold;
	color: #7ec43f;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
	margin: 10px 0;
}
.content .contact-page a.online-support {
	border: 1px solid #7fc541;
	color: #7ec43f;
	padding: 15px 30px;
	font-size: 20px;
	text-decoration: underline;
	display: block;
	float: left;
	margin: 10px 0;
}
.content .contact-page p {
	font-size: 18px;
	font-weight: normal;
	color: #585858;
	line-height: 24px;
}
.content .contact-page p a {color: #585858;}
.content .contact-page p.address {
	padding-left: 30px;
	background: url(../images/address.jpg) no-repeat;
}
.content .contact-page p.phone {
	padding-left: 30px;
	background: url(../images/phone.jpg) no-repeat left center;
}
.content .contact-page p.email {
	padding-left: 30px;
	background: url(../images/email.jpg) no-repeat left center;
}
.content .client-page h2 {
	color: #585858;
	margin-top: 0px;
}
.content .client-page .client-center {
	width: 50%;
	display: block;
	margin: 0px auto;
	text-align: center;
}
.content .client-page p {
	line-height: 24px;
}
.content .client-page p a {color: #9ed570;}
.content .client-page hr {color: #e7e7e7;}
.content .client-page h5 {
	font-size: 24px;
	color: #82c440;
	margin: 40px 0;
	text-align: center;
}
.content .item-page .clent-page .row {margin-bottom: 10px;}
.content .item-page .clent-page .row .col-sm-6 {padding-right: 10px;}
.content .item-page .clent-page .row .col-sm-6:last-child {padding-left: 10px;}
#cboxContent #inline_content {
	background: url(../images/lead-image.jpg) no-repeat right bottom;
}
a.jcepopup span.jcemediabox-zoom-link {display: none;}

div.titlebox h3 a, div div.titlebox p a, div.item-page div ul.home li a {	color: #82c440;}






@media only screen and (max-width: 319px) {

html body div.body div.staticbanner {display:none;}
	
	
html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div.titlebox {width:100% !important; margin: 0 7px 19px 0;}		
	
	
	
}



@media only screen and (min-width: 320px) and (max-width: 567px) {
html body div.body div.staticbanner {display:none;}
html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div.titlebox {width:48% !important; margin: 0 7px 19px 0;}	
html body div.body div.header-main div.container-full div.header div.container div.slide div.custom div.row div.col-sm-3 {
width:100% !important;
margin: 27px 0 10px !important;
}
	.header-main {height: auto;/*background: url(../images/iframe768.jpg) no-repeat center top;*/}
	.container-full {height: auto;}
	.header, .header-main-sub .header {height: auto;padding: 0 0 20px 0;}
	.header .top {z-index: 99999;}
	.slider-main {display: block;}
	.top .left {width: 50%;float: left;position: relative;z-index: 99999;}
	.top .left .custom p {margin-left: 20px;}
	.header-main-sub .top .right {display: block;float: left;width: 100%;}
	.header-main-sub .top .right p {font-size: 18px;margin: 10px 0 20px 0;text-align: center;}
	.top .right {width: 50%;float: right;padding: 0px;margin: 20px 0 0 0;}
	.top .right p {text-align: left;line-height: normal;margin: 0px;font-size: 16px;}
	.top .nav-menu {position: absolute;right: 0px;width: 100%;}
	
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle {
		float: right;
		background: none;
		border: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		padding: 0px;
		margin: 20px 2% 0 0;
	}
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle span {
		background: #FFF;
		height: 8px;
		width: 48px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	.nav-menu .container-fluid .navbar-collapse {
		background: #FFF;
		border: none;
		width: 100%;
		top: 61px;
		left: 0px;
		z-index: 99999;
		box-shadow: none;
		position: absolute;
		margin: 0px;
	}
	.nav-menu .container-fluid .navbar-collapse ul {
		margin: 0px;
		padding: 0;
		list-style: none;
		float: none;
	}
	.nav-menu .container-fluid .navbar-collapse ul ul {padding: 0 0 0 20px;}
	.nav-menu .container-fluid .navbar-collapse ul li {
		display: block;
		padding: 0;
		float: none;
		background: #1f1d1e;
		margin-left: 0px;
		height: 48px;
		border-bottom: 1px solid #242424;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover {
		background: #000;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover a {color: #FFF;}
	.nav-menu .container-fluid .navbar-collapse ul li a {
		font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
		font-size: 16px;
		color: #f5f5f5;
		display: block;
		text-transform: uppercase;
		padding: 0px 50px;
		float: none;
		line-height: normal;
		text-align: left;
		line-height: 48px;
		text-transform: uppercase;
	}
	.header .container {height: auto;}
	.header .slide {padding: 0;top: 0px;text-align: center;width: 100%;margin-top: 0px;position: relative;}
	.header .slide .col-sm-3 {display: block;}
	.header .slide .arrow-video {display: none;}
	.header .slide h3 {margin-top: 10px;}
	.header .slide h3, .header .slide h4 {font-size: 34px;font-weight: bold;text-transform: uppercase;margin-bottom: 0px;}
	.header .slide p {font-size: 16px;line-height: normal;text-transform: uppercase;}
	.header .slide .col-sm-9 p a {display: block;
    font-size: 20px;
    margin: 3px auto;
    padding: 10px 5px;
    width: 90%;}
	.position-text-main {display: none;}
	.lead-main {background: #71b337;padding: 37px 0;height: auto;}
	.lead-main .lead {background: #7fc540;padding: 10px 5% 10px 5%;margin: 0px;}
	.lead .custom {background: url(../images/book-lead.png) no-repeat right center;padding: 0px;min-height: 68px;}
	.lead .custom p {font-size: 18px;width: 68%;}
	.lead .custom p strong {display: block;}
	.lead #frm_lead {padding: 0px;}
	.lead #frm_lead fieldset {display: table-cell;}
	.lead #frm_lead p input, .lead #frm_lead p button {width: 100%;}
	.lead .g-recaptcha {width: 100%;}
	.lead #frm_lead p button {font-size: 18px;}
	.lead #frm_lead p label.error {width: 95%;}
	.content-main {padding: 0 5%;}
	.content-main .left {display: none;}
	.content h2 {font-size: 36px;line-height: 42px;margin-bottom: 0px;}
	.content div.item-page div ul.homeul {border-right: 0px;margin-bottom: 0px !important;}
	.content div.item-page div ul.homeul:last-child {padding: 0px;}
	.content ul li {font-size: 18px;line-height: 32px;margin-bottom: 10px;padding-top: 5px;padding-bottom: 5px;}
	.content .row .col-sm-6 {padding-right: 0px !important;}
	.content div.item-page div.row div.col-sm-6:last-child {padding-left: 0px;}
	.content h4 {font-size: 24px;font-weight: normal;margin-top: 30px;}
	.content p.mobile-center {text-align: center;}
	.content p.mobile-center a {display: block;margin: 0 auto 20px auto;width: 220px;height: 220px;}
	.content p.mobile-center a img {margin: 0px !important;}
	.web-design-video {margin: 20px 0 0 0;}
	.load-content-main {padding: 0 5%;}
	.load-content .slide {width: 100%;}
	.load-content .bt-cs .bt-inner .bt-title {font-size: 20px;}
	.bt-cs .bt-introtext {width: 100% !important;}
	.load-content .bt-cs .bt-center {margin-bottom: -50px;}
	.load-content .bt-cs a.prev {background: url("../images/arrow-left.png") no-repeat left center !important;width: 30px;height: 60px;top: 320px;left: 0px;}
	.load-content .bt-cs a.next {background: url("../images/arrow-right.png") no-repeat right center !important;width: 30px;height: 60px;top: 320px;right: 0px;}
	.video-mod-main {padding: 40px 5%;}
	.video-mod p {text-align: center;}
	.video-mod p a {display: block; margin: 0 auto 20px auto;width: 220px;height: 220px;}
	.video-mod p a span {width: 100%;}
	.video-mod p a span, .video-mod p a span img {margin: 0px !important;}
	.footer-main {height: auto;}
	.footer-main p {padding-bottom: 40px;font-size: 16px;line-height: 80px;}
	.footer-main p a {display: block;margin: 0 auto;width: 50%;line-height: normal;}
	.footer1 .row p {text-align: center !important;font-size: 12px;margin-bottom: 10px;}
	.footer1 .row .col-sm-6:last-child {display: none;}
	.footer1 .row .col-sm-6 p {margin: 0px;}
	#colorbox {max-width: 90% !important;left: 5% !important;}
	#cboxWrapper {max-width: 100% !important;}
	#cboxContent #inline_content {background: none;}
	#cboxContent {max-width: 100%;}
	#cboxLoadedContent {max-width: 100%;}
	#inline_content #frm_lead .image {display: none;}
	#inline_content #frm_lead {text-align: center;}
	#inline_content #frm_lead .basic-details {float: left;text-align: left;vertical-align: top;width: 100%;padding: 0 10%;}
	#inline_content #frm_lead .your-project {float: left;text-align: left;vertical-align: top;border: none;width: 100%;padding: 0 10%;}
	#inline_content h3 {font-size: 18px;font-weight: bold;margin: 10px 0;}
	#inline_content #frm_lead h4 {font-size: 18px;font-weight: bold;margin: 0 0 10px 0;}
	#inline_content #frm_lead p input, #inline_content #frm_lead p input.error {width: 100% !important;height: 30px !important;}
	#inline_content #frm_lead p select {width: 100% !important;height: 30px !important;}
	#inline_content #frm_lead p button {width: 100% !important;height: 40px;font-size: 20px;font-weight: bold;}
	#inline_content #frm_lead p textarea {width: 100% !important;height: 100px !important;}
}
@media only screen and (min-width: 320px) and (max-width: 420px) {	
		html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div.titlebox {width:100% !important; margin: 0 15px 19px 0;}
html body div.body div.header-main div.container-full div.header div.container div.slide div.custom div.row div.col-sm-3 {
width:100% !important;
margin: 27px 0 10px !important;

}
	.lead .custom p {font-size: 12px;width: 50%;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
div.itemHeader span.itemAuthor {
      float: left !important;
    margin:0px !important;}
html body div.body div.header-main div.container-full div.header div.container div.slide div.custom div.row div.col-sm-3 {
width:100% !important;
margin: 27px 0 10px !important;
}
	.top .right p {font-size: 8px;}
	#inline_content #frm_lead p input, #inline_content #frm_lead p input.error {width: 100% !important;}
	#inline_content #frm_lead p select {width: 100% !important;}
	#inline_content #frm_lead p button {width: 100% !important;}
	#inline_content #frm_lead p textarea {height: 90px !important;}
}
@media only screen and (min-width: 568px) and (max-width: 767px) {
			html body div.body div.content-main div.container div.content-wap.clearfix div.content div.item-page div div.titlebox {width:30% !important; margin: 0 15px 19px 0;}
html body div.body div.header-main div.container-full div.header div.container div.slide div.custom div.row div.col-sm-3 {
width:100% !important;
margin: 27px 0 10px !important;
}
	.header-main {height: auto;/*Huybackground: url(../images/iframe768.jpg) no-repeat center top;*/}
	.container-full {height: auto;}
	.header, .header-main-sub .header {height: auto;padding: 0 0 20px 0;}
	.header .top {z-index: 99999;}
	.slider-main {display: block;}
	.top .left {width: 40%;float: left;margin-left: 5%;position: relative;z-index: 99999;}
	.top .right {width: 45%;float: left;padding: 0px;margin: 20px 10% 0 0;}
	.top .right p {margin: 0px;border-right: 1px solid #FFF;padding-right: 20px;margin-right: 10px;line-height: 34px;}
	.top .nav-menu {position: absolute;right: 0px;width: 100%;}
	
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle {
		float: right;
		background: none;
		border: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		padding: 0px;
		margin: 20px 2% 0 0;
	}
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle span {
		background: #FFF;
		height: 8px;
		width: 48px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	.nav-menu .container-fluid .navbar-collapse {
		background: #FFF;
		border: none;
		width: 100%;
		top: 75px;
		left: 0px;
		z-index: 99999;
		box-shadow: none;
		position: absolute;
		margin: 0px;
	}
	.nav-menu .container-fluid .navbar-collapse ul {
		margin: 0px;
		padding: 0;
		list-style: none;
		float: none;
	}
	.nav-menu .container-fluid .navbar-collapse ul ul {padding: 0 0 0 20px;}
	.nav-menu .container-fluid .navbar-collapse ul li {
		display: block;
		padding: 0;
		float: none;
		background: #1f1d1e;
		margin-left: 0px;
		height: 48px;
		border-bottom: 1px solid #242424;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover {
		background: #000;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover a {color: #FFF;}
	.nav-menu .container-fluid .navbar-collapse ul li a {
		font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
		font-size: 16px;
		color: #f5f5f5;
		display: block;
		text-transform: uppercase;
		padding: 0px 50px;
		float: none;
		line-height: normal;
		text-align: left;
		line-height: 48px;
		text-transform: uppercase;
	}
	.header .container {height: auto;}
	.header .slide {padding: 0;top: 10px;text-align: center;position: relative;}
	.header .slide .col-sm-3 {float: left;width: 100%;}
	.header .slide .col-sm-9 {float: left;width: 100%;}
	.header .slide .col-sm-3 p a {width: 100%;padding: 0px;margin: 0px;}
	.header .slide .arrow-video {display: none;}
	.header .slide h3 {margin-top: 10px;}
	.header .slide h3, .header .slide h4 {font-size: 28px;font-weight: bold;text-transform: uppercase;margin: 0px;}
	.header .slide p {font-size: 14px;line-height: normal;text-transform: uppercase;}
	.header .slide .col-sm-9 p a {display: block;margin: 10px auto;width: 50%;padding: 10px;}
	.position-text-main {display: none;}
	.lead-main {background: #71b337;padding: 37px 0;height: auto;}
	.lead-main .lead {background: #7fc540;padding: 10px 5% 10px 5%;margin: 0px;}
	.lead .custom {background: url(../images/book-lead.png) no-repeat right center;padding: 0px;}
	.lead .custom p {font-size: 18px;}
	.lead .custom p strong {display: block;}
	.lead #frm_lead {padding: 0px;}
	.lead #frm_lead p input, .lead #frm_lead p button {width: 100%;}
	.lead .g-recaptcha {width: 100%;}
	.lead #frm_lead p button {font-size: 18px;}
	.lead #frm_lead p label.error {width: 95%;}
	.content-main {padding: 0 4%;}
	.content-main .page-header {margin-bottom: 0px;}
	.content-main .left {display: none;}
	.content h2 {font-size: 40px;line-height: 50px;}
	.content ul li {font-size: 18px;margin-bottom: 10px;line-height: 32px;padding-top: 5px;padding-bottom: 5px;}
	.content div.item-page div ul.homeul {border-right: 0px;margin-bottom: 0px !important;}
	.content div.item-page div ul.homeul:last-child {padding: 0px;}
	.content .row .col-sm-6 {padding-right: 0px !important;}
	.content div.item-page div.row div.col-sm-6:last-child {padding-left: 0px;}
	.content h4 {font-size: 24px;font-weight: normal;margin-top: 30px;}
	.content p.mobile-center {text-align: center;}
	.content p.mobile-center a {display: block;margin: 0 auto 20px auto;width: 220px;height: 220px;}
	.content p.mobile-center a img {margin: 0px !important;}
	.load-content-main {padding: 0 5%;}
	.load-content .slide {width: 100%;}
	.bt-cs .bt-introtext {width: 100% !important;}
	.load-content .bt-cs a.prev {background: url("../images/arrow-left.png") no-repeat left center !important;width: 55px;height: 110px;top: 360px;left: -10px;}
	.load-content .bt-cs a.next {background: url("../images/arrow-right.png") no-repeat right center !important;width: 55px;height: 110px;top: 360px;right: -10px;}
	.video-mod-main {padding-left: 5%;padding-right: 5%;padding-bottom: 20px;}
	.video-mod p {text-align: center;}
	.video-mod p a {display: block; margin: 0 auto 20px auto;width: 220px;height: 220px;}
	.video-mod p a span, .video-mod p a img {width: 100%;margin: 0px !important;}
	.footer-main {height: auto;}
	.footer-main p {padding-bottom: 50px;}
	.footer-main p a {display: block;margin: 0 auto;width: 30%;line-height: normal;}
	.footer1 .row p {text-align: center !important;}
	.footer1 .row .col-sm-6:last-child {display: none;}
	.footer1 .row .col-sm-6 p {margin: 0px;}
	#colorbox {max-width: 80% !important;left: 10% !important;}
	#cboxWrapper {max-width: 100% !important;}
	#cboxContent #inline_content {background: none;}
	#cboxContent {max-width: 100%;}
	#cboxLoadedContent {max-width: 100%;}
	#inline_content #frm_lead .image {display: none;}
	#inline_content #frm_lead {text-align: center;}
	#inline_content #frm_lead .basic-details {float: left;text-align: left;vertical-align: top;width: 100%;padding: 0 10%;}
	#inline_content #frm_lead .your-project {float: left;text-align: left;vertical-align: top;border: none;width: 100%;padding: 0 10%;}
	#inline_content h3 {font-size: 18px;font-weight: bold;margin: 10px 0;}
	#inline_content #frm_lead h4 {font-size: 18px;font-weight: bold;margin: 0 0 10px 0;}
	#inline_content #frm_lead p input, #inline_content #frm_lead p input.error {width: 100% !important;height: 30px !important;}
	#inline_content #frm_lead p select {width: 100% !important;height: 30px !important;}
	#inline_content #frm_lead p button {width: 100% !important;height: 40px;font-size: 20px;font-weight: bold;}
	#inline_content #frm_lead p textarea {width: 100% !important;height: 100px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
html body div.body div.header-main div.container-full div.header div.container div.slide div.custom div.row div.col-sm-3 {
width:100% !important;
margin: 27px 0 10px !important;
}
	.header-main {height: auto;/*background: url(../images/iframe1024.jpg) no-repeat center top;*/}
.topvideo { display:block;}	
.body .container {width: 100%;}
	.container-full {height: auto;}

	.header, .header-main-sub .header {height: 410px;padding: 0;}
	.header .top {z-index: 99999;}
	.top .left {width: 40%;float: left;margin-left: 5%;position: relative;z-index: 99999;}
	.top .right {width: 45%;float: left;padding: 0px;margin: 20px 10% 0 0;}
	.top .right p {margin: 0px;border-right: 1px solid #FFF;padding-right: 20px;margin-right: 10px;line-height: 34px;}
	.top .nav-menu {position: absolute;right: 0px;width: 100%;}
	
	.nav-menu .navbar-default .navbar-header {float: none;}
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle {
		float: right;
		background: none;
		border: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		padding: 0px;
		margin: 20px 3% 0 0;
		display: block;
	}
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle span {
		background: #FFF;
		height: 8px;
		width: 48px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	.nav-menu .container-fluid .navbar-collapse {
		background: #FFF;
		border: none;
		width: 100%;
		top: 81px;
		left: 0px;
		z-index: 99999;
		box-shadow: none;
		position: absolute;
		margin: 0px;
		display: none !important;
	}
	.nav-menu .container-fluid .navbar-collapse.collapse.in {display: block !important;}
	.nav-menu .container-fluid .navbar-collapse ul {
		margin: 0px;
		padding: 0;
		list-style: none;
		float: none;
	}
	.nav-menu .container-fluid .navbar-collapse ul ul {padding: 0 0 0 20px;}
	.nav-menu .container-fluid .navbar-collapse ul li {
		display: block;
		padding: 0;
		float: none;
		background: #1f1d1e;
		margin-left: 0px;
		height: 63px;
		border-bottom: 1px solid #242424;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover {
		background: #000;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover a {color: #FFF;}
	.nav-menu .container-fluid .navbar-collapse ul li a {
		font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
		font-size: 16px;
		color: #f5f5f5;
		display: block;
		text-transform: uppercase;
		padding: 0px 50px;
		float: none;
		line-height: normal;
		text-align: left;
		line-height: 63px;
		text-transform: uppercase;
	}
	.header .container {height: auto;}
	.header .slide {padding: 0;top: 20px;text-align: center;position: relative;}
	.header .slide .row .col-sm-3, .header .slide .row .col-sm-9 {width: 100%;}
	.header .slide .arrow-video {display: none;}

	.header .slide h3 {margin-top: 10px;}
	.header .slide h3, .header .slide h4 {font-size: 28px;font-weight: bold;text-transform: uppercase;}
	.header .slide p {font-size: 18px;line-height: normal;text-transform: uppercase;}
	.header .slide .col-sm-9 p a {display: inline-block;margin: 10px auto;width: 30%;padding: 10px;}
	.position-text-main {display: none;}
	.lead-main {background: url(../images/bg_lead768.jpg) no-repeat center top;padding: 37px 0;}
	.lead-main .lead {padding: 10px 3% 10px 3%;margin: 0 auto;width: 708px;}
	.lead #frm_lead p input {height: 30px;margin-bottom: 3px;}
	.lead #frm_lead p button {height: 40px;margin-top: 3px;}
	.lead .custom {background: url(../images/book-lead-768.png) no-repeat right center;padding: 0px;margin-top: -30px;height: 110px;}
	.lead .custom p {font-size: 20px;padding-top: 35px;}
	.lead .custom p strong {display: block;}
	.lead #frm_lead {padding: 0px;}
	.lead #frm_lead p input, .lead #frm_lead p button {width: 100%;}
	.lead .g-recaptcha {width: 100%;}
	.lead #frm_lead p button {font-size: 18px;}
	.lead #frm_lead p label.error {width: 95%;}
	.content-main {padding: 0 4%;}
	.content-main .left {display: none;}
	.content h2 {font-size: 50px;line-height: 60px;margin-bottom: 20px;}
	.content ul li {line-height: 30px;margin-bottom: 20px;padding-top: 5px;padding-bottom: 5px;}
	.content div.item-page div ul.homeul {border-right: 0px;margin-bottom: 0px !important;width: 100%;}
	.content div.item-page div ul.homeul:last-child {padding: 0px;}
	.content .row .col-sm-6 {padding-right: 0px !important;width: 100%;}
	.content h4 {font-size: 24px;font-weight: normal;color: #585858;margin-top: 20px;}
	.content p.mobile-center {text-align: center;margin: 0px;}
	.content p.mobile-center a {display: inline-block;margin-bottom: 20px;width: 220px;height: 220px;margin-left: 10px;}
	.content p.mobile-center a:first-child {margin-left: 0px;}
	.content p.mobile-center a img {margin: 0px !important;}
	.load-content-main {padding: 0 5%;}
	.load-content .slide {width: 100%;}
	.load-content .bt-cs .bt-inner .bt-title {font-size: 50px;text-transform: none;}
	.bt-cs .bt-introtext {width: 100% !important;}
	.load-content .bt-cs a.prev {background: url("../images/arrow-left.png") no-repeat left center !important;width: 71px;height: 143px;top: 360px;left: -10px;}
	.load-content .bt-cs a.next {background: url("../images/arrow-right.png") no-repeat right center !important;width: 71px;height: 143px;top: 360px;right: -10px;}
	.video-mod-main {padding-left: 2%;padding-right: 2%;}
	.video-mod h2 {font-size: 50px;}
	.video-mod p {text-align: center;}
	.video-mod p a {display: inline-block; margin-bottom: 20px;width: 220px;height: 220px;margin-left: 10px;}
	.video-mod p a:first-child {margin-left: 0px;}
	.video-mod p a img {margin: 0px !important;}
	.video-mod p a span {margin: 0px !important;width: 100%;}
	.footer-main {height: auto;}
	.footer-main p {padding-bottom: 50px;}
	.footer-main p a {display: block;margin: 0 auto;width: 30%;line-height: normal;}
	.footer1 .row .col-sm-6 p {margin: 0px;font-size: 14px;}
	#colorbox {max-width: 80% !important;left: 10% !important;}
	#cboxWrapper {max-width: 100% !important;}
	#cboxContent #inline_content {background: none;}
	#cboxContent {max-width: 100%;}
	#cboxLoadedContent {max-width: 100%;}
	#inline_content #frm_lead .image {display: none;}
	#inline_content #frm_lead {text-align: center;}
	#inline_content #frm_lead .basic-details {float: left;text-align: left;vertical-align: top;width: 50%;padding: 0 20px;}
	#inline_content #frm_lead .your-project {float: left;text-align: left;vertical-align: top;border-right: none;width: 50%;padding: 0 20px;}
	#inline_content h3 {font-size: 35px;}
	#inline_content #frm_lead p input, #inline_content #frm_lead p input.error {width: 100% !important;}
	#inline_content #frm_lead p select {width: 100% !important;}
	#inline_content #frm_lead p textarea, #inline_content #frm_lead p button {width: 100% !important;}
	div.titlebox {min-height: 490px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
html body div.body div.header-main div.container-full div.header div.container div.slide div.custom div.row div.col-sm-3 {
width:100% !important;
margin: -35px 0 10px !important;
}

	.body .container {width: 100%;}
	.container-full {height: auto;}
		.header-main {height: auto;/*background: url(../images/iframe1199.jpg) no-repeat center top;*/}
.topvideo { display:block;}	

	.header, .header-main-sub .header {height: 472px;padding: 0;}
	.header .top {z-index: 99999;}
	.top .left {width: 40%;float: left;margin-left: 5%;position: relative;z-index: 99999;}
	.top .right {width: 45%;float: left;padding: 0px;margin: 20px 10% 0 0;}
	.top .right p {margin: 0px;border-right: 1px solid #FFF;padding-right: 20px;margin-right: 10px;line-height: 34px;}
	.top .nav-menu {position: absolute;right: 0px;width: 100%;}
	
	.nav-menu .navbar-default .navbar-header {float: none;}
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle {
		float: right;
		background: none;
		border: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		padding: 0px;
		margin: 20px 3% 0 0;
		display: block;
	}
	.nav-menu .navbar-default .container-fluid .navbar-header button.navbar-toggle span {
		background: #FFF;
		height: 8px;
		width: 48px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	.nav-menu .container-fluid .navbar-collapse {
		background: #FFF;
		border: none;
		width: 100%;
		top: 81px;
		left: 0px;
		z-index: 99999;
		box-shadow: none;
		position: absolute;
		margin: 0px;
		display: none !important;
	}
	.nav-menu .container-fluid .navbar-collapse.collapse.in {display: block !important;}
	.nav-menu .container-fluid .navbar-collapse ul {
		margin: 0px;
		padding: 0;
		list-style: none;
		float: none;
	}
	.nav-menu .container-fluid .navbar-collapse ul ul {padding: 0 0 0 20px;}
	.nav-menu .container-fluid .navbar-collapse ul li {
		display: block;
		padding: 0;
		float: none;
		background: #1f1d1e;
		margin-left: 0px;
		height: 83px;
		border-bottom: 1px solid #242424;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover {
		background: #000;
	}
	.nav-menu .container-fluid .navbar-collapse ul li:hover a {color: #FFF;}
	.nav-menu .container-fluid .navbar-collapse ul li a {
		font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
		font-size: 16px;
		color: #f5f5f5;
		display: block;
		text-transform: uppercase;
		padding: 0px 50px;
		float: none;
		line-height: normal;
		text-align: left;
		line-height: 83px;
		text-transform: uppercase;
	}
	.header .slide {padding: 0;top: 80px;text-align: center;}
	.header .slide .row .col-sm-3, .header .slide .row .col-sm-9 {width: 100%;}
	.header .slide .arrow-video {display: none;}
	.header .slide h3 {margin-top: 10px;}
	.header .slide h3, .header .slide h4 {font-size: 38px;font-weight: bold;text-transform: uppercase;}
	.header .slide h4 {display: inline-block;margin-bottom: 50px;}
	.header .slide p {font-size: 18px;line-height: normal;text-transform: uppercase;}
	.header .slide p a {display: inline-block;margin: 20px auto;padding: 10px;}
	.position-text-main {display: none;}
	.lead-main {background: url(../images/bg_lead1024.jpg) no-repeat scroll center top;height: 404px;}
	.lead-main .lead {width: 858px; margin: 0 auto;padding-left: 28px;}
	.lead .custom {padding: 0px;}
	.lead .custom p {font-size: 20px;padding-top: 60px;margin-bottom: 20px;}
	.lead .custom p strong {}
	.lead #frm_lead {padding: 0px;}
	.lead #frm_lead p input, .lead #frm_lead p button {width: 368px;height: 35px;}
	.lead .g-recaptcha {width: 368px;}
	.lead #frm_lead p button {font-size: 18px;}
	.lead #frm_lead p label.error {width: 340px;}
	.content-main {padding: 0 2%;}
	.content-main .left {display: none;}
	.content h2 {font-size: 50px;line-height: 60px;}
	.content div.item-page div.row div.col-sm-6 {padding-right: 0px !important;}
	.content div.item-page div.row div.col-sm-6:last-child {padding-left: 30px;}
	.content div.item-page div ul.col-sm-6
	.content div.item-page div ul.homeul {}
	.content div.item-page div ul.homeul:last-child {}
	.content ul li {line-height: 35px;margin-bottom: 10px;padding: 10px 0 0 50px;}
	.content .row .col-sm-6 {}
	.content h4 {font-size: 24px;font-weight: normal;margin-top: 0px;}
	.content p.mobile-center {text-align: center;}
	.content p.mobile-center a {display: inline-block;margin-bottom: 20px;width: 302px;height: 302px;margin-left: 10px;}
	.content p.mobile-center a:first-child {margin-left: 0px;}
	.content p.mobile-center a img {margin: 0px !important;}
	.load-content-main {padding: 0 2%;}
	.load-content .slide {width: 70%;}
	.load-content .bt-cs .bt-inner .bt-title {font-size: 50px;text-transform: none;}
	.bt-cs .bt-introtext {width: 100% !important;}
	.load-content .bt-cs a.prev {background: url("../images/arrow-left.png") no-repeat left center !important;width: 120px;height: 240px;top: 400px;left: 0px;}
	.load-content .bt-cs a.next {background: url("../images/arrow-right.png") no-repeat right center !important;width: 120px;height: 240px;top: 400px;right: 0px;}
	.video-mod-main {padding-left: 2%;padding-right: 2%;}
	.video-mod h2 {font-size: 50px;}
	.video-mod p {text-align: center;}
	.video-mod p a {display: inline-block; margin-bottom: 20px;width: 302px;height: 302px;margin-left: 10px;}
	.video-mod p a:first-child {margin-left: 0px;}
	.video-mod p a span, .video-mod p a img {margin: 0px !important;width: 302px !important;height: 302px !important;}
	.footer-main {height: auto;}
	.footer-main p {padding-bottom: 50px;}
	.footer-main p a {display: block;margin: 0 auto;width: 30%;line-height: normal;}
	.footer1 .row .col-sm-6 p {margin: 0px;}
	#colorbox {max-width: 80% !important;left: 10% !important;}
	#cboxWrapper {max-width: 100% !important;}
	#cboxContent #inline_content {background: none;}
	#cboxContent {max-width: 100%;}
	#cboxLoadedContent {max-width: 100%;}
	#inline_content #frm_lead .image {display: none;}
	#inline_content #frm_lead {text-align: center;}
	#inline_content #frm_lead .basic-details {float: none;display: inline-block;text-align: left;vertical-align: top;}
	#inline_content #frm_lead .your-project {float: none;display: inline-block;text-align: left;vertical-align: top;border-right: none;}
	#inline_content h3 {font-size: 35px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1479px) {
	
	
	.container-full {height: 95vh;}
		.header .slide {
	top: 18% !important;
}
	#colorbox {max-width: 80% !important;left: 10% !important;}
	#cboxWrapper {max-width: 100% !important;}
	#cboxContent #inline_content {background: none;}
	#cboxContent {max-width: 100%;}
	#cboxLoadedContent {max-width: 100%;}
	#inline_content #frm_lead .image {display: none;}
	#inline_content #frm_lead {text-align: center;}
	#inline_content #frm_lead .basic-details {float: none;display: inline-block;text-align: left;vertical-align: top;}
	#inline_content #frm_lead .your-project {float: none;display: inline-block;text-align: left;vertical-align: top;border-right: none;}
}
@media only screen and (min-width: 1300px) and (max-width: 1399px) {
	
	div.col-sm-9 h1, .header .slide h1 { 
color: #fff;
    font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
    font-size: 60px !important;
    font-weight: bold !important;
    margin: 0 0 10px  !important;}
	.container-full {height: 88vh;}
		.header .slide {
	top: 16% !important;
}
	#colorbox {max-width: 80% !important;left: 10% !important;}
	#cboxWrapper {max-width: 100% !important;}
	#cboxContent #inline_content {background: none;}
	#cboxContent {max-width: 100%;}
	#cboxLoadedContent {max-width: 100%;}
	#inline_content #frm_lead .image {display: none;}
	#inline_content #frm_lead {text-align: center;}
	#inline_content #frm_lead .basic-details {float: none;display: inline-block;text-align: left;vertical-align: top;}
	#inline_content #frm_lead .your-project {float: none;display: inline-block;text-align: left;vertical-align: top;border-right: none;}
	#inline_content h3 {font-size: 45px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
	div.col-sm-9 h1, .header .slide h1 { 
	color: #fff;
    font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
    font-size: 60px !important;
    font-weight: bold !important;
    margin: 0 0 10px  !important;}
	
	
	.container-full {height: 80vh;}
	.header .slide {
	top: 15% !important;
}
	#colorbox {max-width: 80% !important;left: 10% !important;}
	#cboxWrapper {max-width: 100% !important;}
	#cboxContent #inline_content {background: none;}
	#cboxContent {max-width: 100%;}
	#cboxLoadedContent {max-width: 100%;}
	#inline_content #frm_lead .image {display: none;}
	#inline_content #frm_lead {text-align: center;}
	#inline_content #frm_lead .basic-details {float: none;display: inline-block;text-align: left;vertical-align: top;}
	#inline_content #frm_lead .your-project {float: none;display: inline-block;text-align: left;vertical-align: top;border-right: none;}
	#inline_content h3 {font-size: 45px;}
}


@media only screen and (min-width: 975px) and (max-width: 1050px) {
	
.header .slide h4 {
	margin-bottom:10px !important;
}	
	
}



@media only screen and (min-width: 1px) and (max-width: 1199px) {
	
	div.col-sm-9 h1, .header .slide h1 { 
 color: #fff;
    font-family: Century Gothic,CenturyGothic,Avenir,sans-serif;
    font-size: 38px !important;
    font-weight: bold !important;
    margin: 0 0 10px !important;
    text-transform: uppercase;
	}
	
	
}











@media only screen and (min-width: 1200px) and (max-width: 3000px) {
	
div#k2Container.itemView div.itemHeader h2.itemTitle {
 font-size: 76px !important;
 margin-bottom: 20px;
 margin-top:80px;
}
}


/*BOA*/
ol.number {padding: 0 0 0 20px;}
ol.number li {color: #585858;clear: both;font-size: 16px;line-height: 24px;margin: 0 auto 19px auto;width: 100%;}
.itemList #itemListLeading div.catItemView, .itemList #itemListLeading  div.catItemBody {padding: 0;}
.itemList #itemListLeading div.catItemLinks {display: none;}
.itemList #itemListLeading .catItemImageBlock {width: 100% !important;border: none !important;padding: 0 !important;float: none;height: 700px;overflow: hidden;}
.itemList #itemListLeading .catItemImageBlock img {position: absolute;max-width: 1920px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.itemList #itemListLeading .catItemIntroText {width: 100% !important;float: none;}
.itemList #itemListLeading .catItemImageBlock span.catItemImage {float: none !important;margin: 0;}
.itemList #itemListLeading span.catItemImage img {float: none;width: 100% !important;padding: 0 !important;border: none !important;}
.catItemBody {position: relative;}
.catItemBody .text-position {position: absolute;width: 100%;top: 0;left: 0;padding: 0 25%;}
.catItemBody .text-position .text-item-category {padding: 50px 10%;}
.catItemBody .text-position .text-item-category p {color: #FFF;font-size: 29px;line-height:34px;margin-top:50px;}
.content .catItemBody .catItemExtraFields {border: none;position: absolute;width: 360px;z-index: 99;background: #1f2259;padding: 40px;top: 40px;left: 100px;}
.content .itembg-1 .catItemBody .catItemExtraFields {}
.content .itembg-2 .catItemBody .catItemExtraFields {left: auto;right: 100px;}
.content .itembg-3 .catItemBody .catItemExtraFields {}
.content .catItemBody .catItemExtraFields h4 {display: none;}
.content .catItemBody .catItemExtraFields ul li {background: none;padding: 0;line-height: normal;font-size: 20px;color: #FFF;border: none;margin-bottom: 20px;}
.content .catItemBody .catItemExtraFields ul li span.catItemExtraFieldsLabel {font-size: 18px;}
.content .catItemBody .catItemExtraFields ul li:last-child {margin-bottom: 0;}
.content .catItemBody .catItemExtraFields ul li span {display: block;font-weight: normal;float: none;width: 100%;}
.content .catItemBody .catItemExtraFields ul li a {color: #FFF;}
.content .catItemBody .catItemExtraFields a.view-case {font-size: 20px;color: #FFF;display: inline-block;margin-top: 40px;}
.content .catItemBody .catItemExtraFields a.view-case img {margin-left: 5px;}
.client-text {text-align: center;font-size: 16px;color: #211d1e;margin-bottom: 40px;}
.client-text h1 {color: #585858;font-size: 32px;margin-top: 40px;}
.client-text p {margin-bottom: 20px;}
.client-text p a {color: #211d1e;}
.client-text a.request-quote {width: 270px;line-height: 60px;background: #8bc43f;color: #FFF;font-size: 18px;font-weight: bold;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 0 10px;display: inline-block;}
.client-text a.view-case-study {width: 270px;line-height: 60px;background: none;border: 2px solid #8bc43f;color: #8bc43f;font-size: 18px;font-weight: bold;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 0 10px;display: inline-block;}
.client-text a.request-quote, .client-text a.view-case-study {text-decoration: none;}
.client-slider {margin: 40px 0;}
.client-slider h3 {text-align: center;font-size: 60px;font-weight: normal;color: #585858;margin: 40px;}
.client-slider .djslider-default .navigation-container .prev-button {left: -40px;}
.client-slider .djslider-default .navigation-container .next-button {right: -40px;}
#k2Container.itemView {position: relative;margin: 0;padding: 0;border: none;}
#k2Container.itemView .itemHeader {position: absolute;left: 0;width: 100%;top: 30px;z-index: 9;}
#k2Container.itemView .itemHeader h2.itemTitle {color: #FFF;}
#k2Container.itemView .catItemExtraFields {border: none;position: absolute;width: 360px;z-index: 99;background: #1f2259;padding: 40px;top: 40px;left: 100px;}
#k2Container.itemView .catItemExtraFields ul li {background: none;padding: 0;line-height: normal;font-size: 20px;color: #FFF;border: none;margin-bottom: 20px;}
#k2Container.itemView .catItemExtraFields ul li span.catItemExtraFieldsLabel {font-size: 18px;}
#k2Container.itemView .catItemExtraFields ul li:last-child {margin-bottom: 0;}
#k2Container.itemView .catItemExtraFields ul li span {display: block;font-weight: normal;float: none;width: 100%;}
#k2Container.itemView .catItemExtraFields ul li a {color: #FFF;}
#k2Container.itemView .catItemExtraFields a.view-case {font-size: 20px;color: #FFF;display: inline-block;margin-top: 40px;}
#k2Container.itemView .catItemExtraFields a.view-case img {margin-left: 5px;}
#k2Container.itemView .problem-brief {background: #1f2259;padding: 80px 0;color: #FFF;}
#k2Container.itemView .problem-brief h1 {font-size: 40px;color: #FFF;margin: 10px 0 30px 0;}
#k2Container.itemView .problem-brief p {font-size: 18px;color: #FFF;}
#k2Container.itemView .video-producton {padding: 90px;}
#k2Container.itemView .video-producton .col-text {max-width: 620px;padding-left: 40px;}
#k2Container.itemView .video-producton h1 {color: #585858;font-size: 40px;}
#k2Container.itemView .video-producton p {color: #585858;font-size: 18px;}
.item-introtext .bg-yellow {background: #f2d316;padding: 50px 90px;}
.item-introtext .bg-yellow h1 {font-size: 36px;color: #ffffff;text-transform: uppercase;}
.item-introtext .bg-yellow p {font-size: 18px;color: #ffffff;}
.item-introtext .bg-yellow .image-destop-mobile {text-align: center;}
.item-introtext .bg-yellow .image-destop-mobile img {position: relative;bottom: -330px;}
.item-introtext .bg-white {text-align: center;padding: 400px 50px 50px 50px;background: #FFF;}
.item-introtext .bg-white h2 {font-size: 40px;color: #595959;text-transform: uppercase;margin-bottom: 80px;}
.item-introtext .bg-white .border-right {border-right: 1px solid #9b9b9b;}
.item-introtext .bg-white .border-left {border-left: 1px solid #9b9b9b;}
.item-introtext .bg-white h3 {font-size: 32px;color: #595959;text-align: center;margin: 20px 0 30px 0;}
.item-introtext .bg-white p {font-size: 20px;color: #000;min-height: 24px;line-height: 24px;}
.item-introtext .bg-white h1 {color: #70b244;font-size: 80px;margin: 20px 0 30px 0;}
.item-introtext .bg-white h1 span {color: #484848;}
.load-content-main {overflow: hidden;}
.mobile-center {text-align: center;}
.mobile-center .bg-image {display: inline-block;background: url(../images/image-new.jpg) no-repeat;background-size: cover;width: 372px;height: 372px;text-align: center;padding: 50px 30px;margin: 0 5px 20px 5px;vertical-align: middle;}
.mobile-center .bg-image a.title {font-size: 30px;color: #FFF;display: inline-block;margin-bottom: 10px;}
.mobile-center .bg-image a:hover {text-decoration: none;}
.mobile-center .bg-image a.readmore {font-size: 18px;color: #FFF;}
.mobile-center .bg-image a.readmore:hover {color: #FFF;}
.mobile-center .bg-image p {font-size: 18px;color: #FFF;}



html body div.body.itemid-101 div.home-paralax div.container {width:100%;}

html body div.body.itemid-101 div.home-paralax div.container p {color:#fff; font-size:18px; width:50%;
}

html body div.body.itemid-101 div.home-paralax div.container h4 {color:#fff; font-size:60px; background: #7fc443;
display: inline-block;}

html body div.body.itemid-101 div.home-paralax div.container div.engage p {text-align:right; display: inline-block;}

html body div.body.itemid-101 div.home-paralax div.container div.engage {width:100%;
width: 100%;
padding: 200px;
text-align:right;
background-position: fixed;
background: url(../images/screenshots_0006_layer11.jpg) no-repeat fixed; background-size: cover; }

html body div.body.itemid-101 div.home-paralax div.container div.impress {width:100%;
width: 100%;
padding: 200px;
background-position: fixed;
background: url(../images/screenshots_0008_layer9.jpg) no-repeat fixed; background-size: cover; }


html body div.body.itemid-101 div.home-paralax div.container div.convert{width:100%;
width: 100%;
padding: 200px;
background-position: fixed;
background: url(../images/screenshots_0005_layer12.jpg) no-repeat fixed; background-size: cover; }

.nav-menu ul li.item-101 {display: none;}
.nav-menu ul li.item-108 {background: none;}
div.home-paralax p strong a.link-popup {color: #FFF;text-decoration: underline;}
.header-design {background:no-repeat fixed !important; }

.new-form {margin-bottom:30px;}



.header-design-slide {text-align: center;padding-top: 60px;}
.header-design-slide h1 {font-size: 90px;color: #FFF;margin: 20px 0 0 0;font-weight: 900;}
.header-design-slide h4 {font-size: 30px;color: #FFF;margin: 0 0 40px 0;}
.block-user1 {background: #fbfbfb;padding: 50px 20px;}
.block-user1 ul.check {list-style: none;float: left;width: 100%;}
.block-user1 ul.check li {background: url(../images/li.png) no-repeat;padding-left: 50px;display: block;height: auto;line-height: 37px; margin:5px 0px 5px 0px;font-size: 20px;color: #1f1c1e;float: left;width: 50%;font-weight: bold;}
.block-user2 {background: #1f1c1e;padding: 50px 20px;text-align: center;color: #FFF;}
.block-user2 h2 {font-size: 40px;font-weight: bold;margin: 0 0 40px 0;}
.block-user2 p {font-size: 20px;}
.block-user2 a.btn {background: #7cc63d;border: 0px;padding: 10px 50px;color: #FFF;display: inline-block;font-size: 24px;font-weight: bold;margin-top: 20px;}
.new-form {background: #80c344;padding: 0;text-align: center;}
.new-form #frm_lead {padding: 30px;}
.new-form #frm_lead h2 {font-size: 42px;color: #FFF;font-weight: 900;margin: 0 0 20px 0;}
.new-form #frm_lead h4 {font-size: 25px;color: #FFF;font-weight: normal;margin: 0 0 20px 0;}
.new-form #frm_lead select {background: #FFF;border: none;height: 58px;width: 100%;color: #231f20;font-size: 24px;padding: 0 0 0 20px;}
.new-form #frm_lead input, .new-form #frm_lead input.error {background: #FFF !important;border: none !important;height: 58px;width: 100%;color: #231f20 !important;font-size: 24px;padding: 0 0 0 20px !important;}
.new-form #frm_lead a.btn-step, .new-form #frm_lead button {background: #1f1c1e;border: none;line-height: 59px;color: #FFF;font-size: 24px;font-style: italic;display: inline-block;padding: 0;width: 100%;}
.new-form #frm_lead a.btn-step:hover {text-decoration: none;}
.new-form #frm_lead .form-group {position: relative;}
.new-form #frm_lead .form-group label {position: absolute;width: auto;font-size: 12px;top: 10px;right: 10px;}
#block-top p a.btn-form-top {padding: 4px 10px;background: #70ab3c;margin-left: 20px;display: inline-block;}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
	.content .text-position .catItemExtraFields {width: 320px;padding: 20px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1499px) {
	.content .catItemBody .catItemExtraFields {width: 320px;padding: 20px;left: 5%;}
	.content .itembg-2 .catItemBody .catItemExtraFields {right: 5%;}
}
@media only screen and (min-width: 1300px) and (max-width: 1399px) {
	.content .text-position .catItemExtraFields {width: 320px;padding: 20px;left: 3%;}
	.content .itembg-2 .text-position .catItemExtraFields {right: 3%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
	.content .catItemBody .catItemExtraFields {width: 300px;padding: 20px;left: 3%;}
	.content .itembg-2 .catItemBody .catItemExtraFields {right: 3%;}
	.client-slider h3 {font-size: 52px;}
	#k2Container.itemView .catItemExtraFields {left: 50px;padding: 20px;width: 300px;}
	.item-introtext .bg-yellow .col-sm-6 {width: 100%;}
	.item-introtext .bg-yellow .image-destop-mobile img {bottom: -200px;}
	.item-introtext .bg-white {padding-top: 200px;}
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	.content .catItemBody .catItemExtraFields {width: 300px;padding: 20px;left: 3%;}
	.content .itembg-2 .catItemBody .catItemExtraFields {right: 3%;}
	.catItemBody .text-position {padding: 0 0 0 30%;}
	.itembg-2 .catItemBody .text-position {padding: 0 30% 0 0;}
	.client-slider h3 {font-size: 52px;}
	#k2Container.itemView .catItemExtraFields {left: 50px;padding: 20px;width: 300px;}
	.itemid-111 .content-main {padding: 0;}
	#k2Container.itemView .problem-brief {padding: 40px 20px;}
	.item-introtext .bg-yellow .col-sm-6 {width: 100%;}
	.item-introtext .bg-yellow .image-destop-mobile img {bottom: -180px;}
	.item-introtext .bg-white {padding-top: 180px;}
	.header .slide div.text-center {padding: 0 40px;}
	.header .slide h1 {font-size: 50px !important;}
	.header-design-slide {padding: 60px 20px 20px 20px;}
	.header-design-slide h1 {font-size: 80px;}
	.new-form #frm_lead h2 {font-size: 36px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1099px) {
	.content .catItemBody .catItemExtraFields {width: 300px;padding: 20px;left: 3%;}
	.content .itembg-2 .catItemBody .catItemExtraFields {right: 3%;}
	.catItemBody .text-position {padding: 0 0 0 30%;}
	.itembg-2 .catItemBody .text-position {padding: 0 30% 0 0;}
	.client-slider h3 {font-size: 45px;}
	#k2Container.itemView .catItemExtraFields {left: 50px;padding: 20px;width: 300px;margin: 0;top: 20px;}
	.itemid-111 .content-main {padding: 0;}
	#k2Container.itemView .problem-brief {padding: 40px 20px;}
	.item-introtext .bg-yellow .col-sm-6 {width: 100%;}
	.item-introtext .bg-yellow .image-destop-mobile img {bottom: -160px;}
	.item-introtext .bg-white {padding-top: 160px;}
	.header .slide div.text-center {padding: 0 40px;}
	.header .slide h1 {font-size: 50px !important;}
	.header .slide h4 {font-size: 30px !important;}
	.header-design-slide {padding: 60px 20px 20px 20px;}
	.header-design-slide h1 {font-size: 70px;}
	.new-form #frm_lead h2 {font-size: 32px;}
	.new-form #frm_lead h4 {font-size: 22px;}
}
@media only screen and (min-width: 900px) and (max-width: 999px) {
	.content .catItemBody .catItemExtraFields {width: 300px;padding: 20px;left: 3%;}
	.content .itembg-2 .catItemBody .catItemExtraFields {right: 3%;}
	.catItemBody .text-position {padding: 0 0 0 42%;}
	.itembg-2 .catItemBody .text-position {padding: 0 42% 0 0;}
	.catItemBody .text-position .catItemIntroText {padding: 50px 0;}
	.client-slider h3 {font-size: 42px;}
	#k2Container.itemView .catItemExtraFields {left: 50px;padding: 20px;width: 300px;margin: 0;top: 10px;}
	.itemid-111 .content-main {padding: 0;}
	#k2Container.itemView .problem-brief {padding: 40px 20px;}
	.item-introtext .bg-yellow .col-sm-6 {width: 100%;}
	.item-introtext .bg-yellow .image-destop-mobile img {bottom: -160px;}
	.item-introtext .bg-white {padding-top: 160px;}
	.item-introtext .bg-white .border-left, .item-introtext .bg-white .border-right {width: 50%;}
	.item-introtext .bg-white h1 {font-size: 60px;}
	.header .slide div.text-center {padding: 0 40px;margin-top: 80px;}
	.header .slide div.text-center h4 {margin-bottom: 40px;}
	.header .slide div.text-center p a {display: inline-block;}
	.header-design-slide {padding: 40px 20px 20px 20px;}
	.header-design-slide h1 {font-size: 60px;margin: 10px 0;}
	.header-design-slide h4 {font-size: 20px;}
	.new-form #frm_lead h2 {font-size: 30px;}
	.new-form #frm_lead h4 {font-size: 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
	.content .catItemBody .catItemExtraFields {width: 300px;padding: 20px;left: 0;}
	.content .itembg-2 .catItemBody .catItemExtraFields {right: 0;}
	.catItemBody .text-position {padding: 0 0 0 45%;}
	.itembg-2 .catItemBody .text-position {padding: 0 45% 0 0;}
	.catItemBody .text-position .catItemIntroText {padding: 50px 0;}
	.client-slider h3 {font-size: 36px;}
	#k2Container.itemView .catItemExtraFields {left: 0px;padding: 20px 20px;width: 100%;margin: 0;top: 0;position: relative;}
	.itemid-111 .content-main {padding: 0;}
	#k2Container.itemView .problem-brief {padding: 40px 20px;}
	.item-introtext .bg-yellow .col-sm-6 {width: 100%;}
	.item-introtext .bg-yellow .image-destop-mobile img {bottom: -160px;}
	.item-introtext .bg-white {padding-top: 160px;}
	.item-introtext .bg-white .border-left, .item-introtext .bg-white .border-right {width: 50%;}
	.item-introtext .bg-white h1 {font-size: 50px;}
	.item-introtext .bg-white h2 {font-size: 32px;margin-bottom: 40px;}
	.item-introtext .bg-white h3 {font-size: 24px;}
	.item-introtext .bg-white p {font-size; 18px;}
	.header .slide div.text-center {padding: 0 40px;margin-top: 80px;}
	.header .slide div.text-center h4 {margin-bottom: 40px;font-size: 24px;}
	.header .slide div.text-center p a {display: inline-block;}
	.header-design-slide {padding: 40px 20px 20px 20px;}
	.header-design-slide h1 {font-size: 60px;margin: 10px 0;}
	.header-design-slide h4 {font-size: 20px;}
	.new-form #frm_lead h2 {font-size: 24px;margin-bottom: 10px;}
	.new-form #frm_lead h4 {font-size: 17px;}
	.new-form #frm_lead select, .new-form #frm_lead input, .new-form #frm_lead input.error {padding-left: 10px;font-size: 20px;height: 50px;}
	.new-form #frm_lead a.btn-step, .new-form #frm_lead button {font-size: 20px;line-height: 50px;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    
	.itembg-2 .catItemBody .text-position, .catItemBody .text-position {padding: 0;}
	.content .catItemBody .catItemExtraFields {width: 100%;left: 0;position: relative;top: 0;margin: 0;}
	.content .itembg-2 .catItemBody .catItemExtraFields {right: 0;width: 100%;}
	.itemid-111 .content-main {padding: 0;}
	.client-slider h3 {font-size: 32px;}
	#k2Container.itemView .catItemExtraFields {left: 0px;padding: 20px 20px;width: 100%;margin: 0;top: 0;position: relative;}
	.itemid-111 .content-main {padding: 0;}
	#k2Container.itemView .problem-brief {padding: 40px 20px;}
	html body div.body.itemid-111 div.header-main.header-main-sub div.container-full {height: 80px !important;}
	#k2Container.itemView .video-producton {padding: 40px;}
	.item-introtext .bg-yellow {padding: 40px;}
	.item-introtext .bg-white {padding: 40px;}
	.item-introtext .bg-yellow .image-destop-mobile img {bottom: -160px;}
	.item-introtext .bg-white {padding-top: 160px;}
	.item-introtext .bg-white .border-left, .item-introtext .bg-white .border-right {width: 100%;border: none;}
	.item-introtext .bg-white h1 {font-size: 50px;}
	.item-introtext .bg-white h2 {font-size: 32px;margin-bottom: 40px;}
	.item-introtext .bg-white h3 {font-size: 24px;}
	.item-introtext .bg-white p {font-size; 18px;}
	#k2Container.itemView .video-producton .col-text {max-width: 100%;padding: 0;}
	.header .slide div.text-center {padding: 0 40px;margin-top: 40px;}
	.header .slide div.text-center h1 {font-size: 22px !important;}
	.header .slide div.text-center h4 {margin-bottom: 20px;font-size: 18px;}
	.header .slide div.text-center p a {display: inline-block;padding: 10px 20px;font-size: 21px !important;}
	.header-design-slide {padding: 20px 20px 20px 20px;}
	.header-design-slide h1 {font-size: 50px;margin: 10px 0;}
	.header-design-slide h4 {font-size: 20px;}
	.new-form #frm_lead h2 {font-size: 30px;}
	.new-form #frm_lead h4 {font-size: 20px;}
	.block-user1 ul.check li {width: 100%;}
  #block-top p a.btn-form-top {margin: 10px auto 0 auto;display: none;max-width: 320px;}
  .header-main {margin-top: 40px;}.top{padding-top:5px;}
  .client-text a.request-quote, .client-text a.view-case-study {margin: 10px;}
 
}
@media only screen and (min-width: 320px) and (max-width: 666px) {
	.header-design-slide h1 {font-size: 45px;}
}
@media only screen and (min-width: 320px) and (max-width: 567px) {
	.client-slider h3 {font-size: 28px;}
	.header-design-slide h1 {font-size: 36px;}
	.block-user2 h2 {font-size: 32px;}
	.block-user2 p {font-size: 16px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.client-slider h3 {font-size: 24px;}
	#k2Container.itemView .video-producton, .item-introtext .bg-yellow, .item-introtext .bg-white {padding: 20px;}
	.item-introtext .bg-yellow .image-destop-mobile img {bottom: -50px;}
	.mobile-center .bg-image {width: 322px;height: 322px;}
	.mobile-center .bg-image a {font-size: 20px;}
	.mobile-center .bg-image p {font-size: 15px;}
	.header .slide div.text-center {padding: 0 20px;margin-top: 20px;}
	.header .slide div.text-center h1 {font-size: 18px !important;}
	.header .slide div.text-center h4 {margin-bottom: 20px;font-size: 16px;}
	.header-design-slide h1 {font-size: 28px;}
	.header-design-slide h4 {font-size: 16px;margin-bottom: 20px;}
	.new-form #frm_lead {padding: 15px;}
	.new-form #frm_lead h2 {font-size: 22px;}
	.new-form #frm_lead h4 {font-size: 16px;}
	.block-user1 {padding: 20px;}
	.block-user2 {padding: 20px;}
	.block-user2 h2 {font-size: 24px;margin-bottom: 20px;}
	.block-user2 a.btn {font-size: 20px;}
	.new-form #frm_lead select, .new-form #frm_lead input, .new-form #frm_lead input.error {padding-left: 10px !important;font-size: 20px;}
	.new-form #frm_lead a.btn-step, .new-form #frm_lead button {font-size: 20px;}
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
  #block-top p a.btn-form-top {font-size: 18px;}
  .header-txt h1{font-size: 22px;}
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
    .header .slide div.text-center p a{font-size:14px !important;}
}
@media only screen and (max-width: 1199px) {
	html body div.body.itemid-101 div.home-paralax div.container div.impress, html body div.body.itemid-101 div.home-paralax div.container div.engage, html body div.body.itemid-101 div.home-paralax div.container div.convert {padding: 100px;}
	html body div.body.itemid-101 div.home-paralax div.container p {width: 100%;}
}
@media only screen and (max-width: 899px) {
	html body div.body.itemid-101 div.home-paralax div.container div.impress, html body div.body.itemid-101 div.home-paralax div.container div.engage, html body div.body.itemid-101 div.home-paralax div.container div.convert {padding: 50px;}
}
@media only screen and (max-width: 567px) {
	html body div.body.itemid-101 div.home-paralax div.container div.impress, html body div.body.itemid-101 div.home-paralax div.container div.engage, html body div.body.itemid-101 div.home-paralax div.container div.convert {padding: 20px;}
}
@media only screen and (min-width: 567px) {
	.itemList #itemListLeading div.serviceareas div.catItemImageBlock {
        width: 20% !important;
	
	}
}
.itemid-182 .itemList #itemListLeading div.catItemLinks{display:block !important;}
.itemid-133 .itemList #itemListLeading div.catItemLinks{display:block !important;}

.content .k2Pagination ul li{background:none;}
.itemid-182 #k2Container.itemView .itemHeader h2.itemTitle{color:#7fc443;}
.itemid-133 #k2Container.itemView .itemHeader h2.itemTitle{color:#7fc443;}
.itemid-182 #k2Container.itemView .itemHeader{position:relative;top:auto;}
.itemid-133 #k2Container.itemView .itemHeader{position:relative;top:auto;}
.itemid-182 div.itemIntroText img{width:100%;}
.itemid-133 div.itemIntroText img{width:100%;}
.itemid-133 .itemList #itemListLeading div.catItemImageBlock{width:20% !important;}
.clients-page-img-parallax{
    /* Set a specific height */
  height: 700px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#block-top{
    background: #80c344;
text-align: center;
padding: 6px 20px;
text-transform: uppercase;
font-size: 15px;
color: #FFF;
font-family: inherit;
position: fixed;
top: 0;
overflow: hidden;
width: 100%;
z-index: 999;
}
#block-top p{font-size:20px;margin-bottom:0px;}
#block-top p img{margin-right:10px;}
#block-top p a{color:#FFFFFF;text-decoration:none;}
#block-top p a:hover{color:#FFFFFF;text-decoration:none;}
.item-page ol {margin-left:25px;}
.item-page ol li{
    color: #585858;

clear: both;

font-size: 16px;

line-height: 24px;

margin: 0 auto 19px auto;

width: 100%;
}

.problem-brief .col-sm-6{padding-right:20px;}
a.k2-item-tags{text-decoration:underline;}

.header-main .container-full {height: auto;}
.slider-main {position: relative;}
.top-main {position: absolute;top: 0;width: 100%;}
.header {position: absolute;top: 50%;transform: translateY(-40%);}
.header .container {height: auto;}
.header .slide {position: relative;top: 0;}
.content .contact-page .contact-form h3 {margin: 0;background: #737374;color: #FFF;line-height: 40px;font-size: 40px;padding: 30px 30px;position: relative;}
.content .contact-page .contact-form h3:after {position: absolute;content: "";border: 25px solid transparent;border-top: 25px solid #737374;bottom: -50px;left: 50px;}
.content .contact-page .contact-form #frm_lead {background: #e5e6e6;padding: 40px 30px;}
.content .contact-page .contact-form #frm_lead p {position: relative;color: #8f8f8f;margin-bottom: 20px;}
.content .contact-page .contact-form #frm_lead p font, .content .contact-page .contact-form #frm_lead p br {display: none;}
.content .contact-page .contact-form #frm_lead p:last-child {margin-bottom: 0;}
.content .contact-page .contact-form #frm_lead p label {display: none;position: absolute;top: 20px;right: 20px;color: red;width: auto;font-size: 12px;}
.content .contact-page .contact-form #frm_lead p input, .content .contact-page .contact-form #frm_lead p input.error {background: #FFF;border: none;width: 100%;height: 60px;color: #8f8f8f;padding: 0 0 0 15px;font-size: 18px;}
.content .contact-page .contact-form #frm_lead p textarea {background: #FFF;border: none;width: 100%;height: 160px;color: #8f8f8f;padding: 15px 0 0 15px;font-size: 18px;}
.content .contact-page .contact-form #frm_lead p button {background: #7ec242;border: none;width: 100%;height: 75px;color: #FFF;font-size: 24px;font-weight: bold;}
#btn_covid {
	position: fixed;
	z-index: 2;
	left: 0px;
	top: 50%;
	transform: translate(-40%, -50%) rotate(-90deg);
	background-color: #FECD00;
	border-color: yellow;
	color: #2702B3;
	border-radius: 0px;
	padding: 2rem 3rem;
	font-size: 2.25rem;
	text-transform: uppercase;
	font-family: "Anton",sans-serif;
	font-weight: bold;
}
#btn_covid:hover {text-decoration: none;background-color: #80c344;color: #fff;}
#covid_content {text-align: center;position: relative;top: 50%;transform: translateY(-50%);}

@media only screen and (min-width: 320px) and (max-width: 600px) {
    .header{margin-top:0;background-color:#7cc63d;position: relative;top: 0;transform: translateY(0);}
    .header .slide .col-sm-9 p a, .header .slide p a{background-color:#609b31;margin:0px;}
    html body div.body.itemid-101 div.home-paralax div.container div.impress{
        background:url(../images/screenshots_0008_layer9.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        

background-position: center !important;
    }
    html body div.body.itemid-101 div.home-paralax div.container div.engage{
         background:url(../images/screenshots_0006_layer11.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        

background-position: center !important;
    }
    
    html body div.body.itemid-101 div.home-paralax div.container div.convert{
        background:url(../images/screenshots_0005_layer12.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        

background-position: center !important;
    }
    
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
     .clients-page-img-parallax{
      background-attachment: scroll;
   background-size: cover;
   
   
  }
}