/*Site Block*/
#mainSiteContent{height:100%;overflow:visible}
.mainSiteContent{max-width:1170px;margin:0 auto;overflow:hidden;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);box-shadow:0 0 4px rgba(0,0,0,0.5)}
@media(max-width:1200px){.mainSiteContent{width:970px}}
@media(max-width:992px){.mainSiteContent{width:750px}}
@media(max-width:767px){.mainSiteContent{width:100%}}
/*//Site Block*/

/*---loader--*/
.preloader{background-color:#ffffff;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:13000;}
.preloaderimg{background:url("../images/loader.GIF") no-repeat 50% 50%;height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px;}

/*---List---*/
ul{padding:0;margin:0;}

/*---Links---*/
a:focus{text-decoration:none;outline:none;}
a img{border:none}

a:focus, a:hover {
color: #23527c;
text-decoration: none;
}

.btnToolbar{border:1px solid #ffffff;height:25px;padding:3px 10px;margin-top:0!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:24px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.btnToolbar:hover{text-decoration:none!important;background-color:#ffffff;color:#353535!important;}

.btn1{color:#ffffff;text-transform:uppercase;float:right;margin-top:20px!important;padding:10px 30px!important;height:45px}

/*---breadcrumb---*/
.breadSelect{padding-top:10px;}
.bread .selectPage{margin:-5px 0 0 0;}
.selectPage,.bread.bread2{float:right;}
.selectPage li{float:left;list-style:none;margin-left:5px}
.selectPage li a{border-radius:50%;display:block;font-size:15px;height:35px;line-height:35px;margin-left:5px;text-align:center;width:35px;transition:0.5s;}
.bread{width:100%;padding:15px 0 0;}
.bread2{padding:15px 0 10px 20px;}
.bread ul li,.bread ul.crumb li a{float:left;list-style:none;font-size:14px;margin-right:5px;line-height:2em;}

/*---Precontent HomePage---*/
#preContent{width:100%;overflow:hidden;position:relative;height:100%;}
#preContent img{width:100%}
.precontentSelect{background:rgba(0,0,0,0.5);color:#ffffff;position:absolute;bottom:0;left:0;height:80px;width:100%;z-index:100;}
.precontentSelect p{text-transform:uppercase;font-size:21px;float:left;color:#ffffff;padding-top:25px;}


/*---Precontent Page---*/
.titlePage{width:100%;padding:40px 0;color:#ffffff;text-align:center;background-color:#000000;}
.titlePage h1{width:450px;color:#fdfdfe;letter-spacing:6px;font-size:30px;margin:0;display:inline-block;background:url("../images/titleLine.gif") repeat-x 0 50%;}
.titlePage h1 span, .titlePage h1 span .live_update_div{background-color:#000000;padding:0 35px;border-right:1px solid #f5f6f6;border-left:1px solid #f5f6f6;font-family:'Lato', sans-serif;font-weight:300;display:inline-block;text-transform:uppercase;}

/*---form Contact---*/
.form-group{overflow:hidden}
.field input,.field textarea{border:1px solid #dfdfdf;padding:9px 1%;color:#666666;width:100%;}
.field input[type="submit"]{color:#ffffff;padding-left:10px;padding-right:10px;}
.field input[type="submit"]:hover{color:#222222;}
.mname{margin-left:1%;width:12%;}
.lname{margin-left:1%;width:32%;}
.fname{width:54%}
.half{padding:0 0 0 1%;width:50%;}
.comments textarea{width:100%;}
.select{background:none repeat scroll 0 0 #ffffff;border-color:#dadada #dfdfdf #dfdfdf;border-style:solid;border-width:1px;color:#666666;font-size:14px;padding:10px 5px 9px 0;width:54.3%;}
.state{padding:8px 5px 9px 0}
label{display:block;font-weight:500;line-height:24px;padding-top:5px;font-size:13px;}
.field{float:left}
.full{width:100%}
.full input{width:100%;}
.form{padding-bottom:25px;overflow:hidden;/*margin-left:-15px;*/}/*Why is there negative 15px left margin */

.systemS{color:#ffffff;padding:30px 0;position: absolute;top:50%;left:50%;margin: -120px 0 0 -570px;}
.systemS .aboutText{font-size: 60px}
.systemS .btn{background-color:#ffffff!important;padding:25px 70px;color:#353535;font-size: 16px;border:none;}
.systemS .btn{background-color:#fafafa!important;color:#353535!important}

.paddingResponsive{padding:85px 0}


.imageLeft{float:left;margin:15px 15px 15px 0;}
.frame{border:5px solid #f8f8f8;outline:1px solid #eaeaea;}
.mainList{padding-left:35px;padding-bottom:15px;line-height:30px;font-size:14px}

/*---quick style---*/
.fontColor4{color:#393939}
.clear{clear:both}

/*---page---*/
.pagecontent{width:100%;overflow:hidden;padding:80px 0;}

.pagecontent .design,.pagecontent .marketing,.pagecontent .development{padding:0 3% 0 5%;width:25.33333%;background:url("/images/icons_01.jpg") no-repeat 0 2px;}
.pagecontent .marketing{background:url("/images/icons_02.jpg") no-repeat 0 2px}
.pagecontent .development{background:url("/images/icons_03.jpg") no-repeat 0 2px}
.photo{text-align:center;font-size:14px;}
.photo .col3{padding:0 0.5%;width:24%}
.photo img{width:100%}
.photo h3{text-transform:uppercase;margin-bottom:5px}
.photo p{line-height:25px}
.photo h3+p{margin-top:0px;}

.contentTitle{font-size:21px;text-align:center;margin-top:0;}
.contentTitle+p{font-size:16px;text-align:center;padding:0 125px;line-height:26px;}

.systemTitleBl{font-family:'Lato', sans-serif;text-transform:uppercase;letter-spacing:5px;font-size:36px}
.st{font-size:18px;text-transform:uppercase;font-weight:300;}

/*---Line---*/
.line{margin:60px auto;width:175px;border-top:1px solid #cdcccc;}

/*---infoHomecontent---*/
.infoHomecontent{width:100%;height:446px;background:url("../images/logoBg.jpg") no-repeat 40% 20px #1f1f1f;padding-top:50px;}
.infoHomecontent h3{font-size:48px;color:#ffffff;}
.infoHomecontent p{color:#d4d4d4;font-size:16px;}
.infoHomecontent .btn1{float:left;}
.infoHomecontent h3+p{color:#6bb7f4;font-size:21px;}
.sitemapMenu .headerNavigation,.sitemapMenu .headerNavigation li{float:none;margin-bottom:10px}
.sitemapMenu .headerNavigation a,.sitemapMenu .headerNavigation a:hover{display:inline;padding:0;border:none!important;background:none!important;text-transform:uppercase;margin-bottom:10px;}
.sitemapMenu .headerNavigation >li >a{text-transform:uppercase;font-weight:800;}
.testimonials_snippet{position:relative}
.testimonials_snippet .titleT{font-size:22px;}
.testimonials_snippet .titleT:before{content:"";display:block;width:100%;position:absolute;border-bottom:1px solid #eeeeee;margin-top:18px;left:0;z-index:1}
.testimonials_snippet .textT{max-width:340px;background:#ffffff;display:block;margin:0 auto;position:relative;z-index: 3;}
.testimonials_snippet .tes_text{max-width:525px;color:#666766;font-size:18px;margin:0 auto 10px}

/*---Sitemap---*/
.sitemapMenu .headerNavigation ul{position:static;visibility:visible;opacity:1;padding-left:15px;background:none!important;}
.sitemapMenu .headerNavigation li > ul > li a{text-transform:capitalize;}
.sitemapMenu .headerNavigation li > ul > li a:hover{text-transform:capitalize;}

.darkgrey_section .theme_btn{background-color:#aaa;color:#fff;}
.theme_btn{border:medium none;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:300;letter-spacing:0;line-height:1;padding:22px 40px;text-transform:uppercase;transition:all 0.35s ease-in-out 0s;}



/*---fast style---*/
.center{text-align:center}
.left{text-align:left}
.pb75pr{padding-bottom:75%}
.list{margin:1.5em 0}
.bold{font-weight:500}

/*---project page*/
.projects_block{padding:0}
.projects_block .project_item .hover_img{position:relative;overflow:hidden;height:314px;background-color:#a45197;}

.snippet0115 h3, .snippet0115 h4{color:#fff!important;}
.snippet0115{background-color:#353535!important;}

.projects_block .project_item:hover .hover_img:before{top:0}
.projects_block .project_item .hover_img img{width:auto;max-width:none;height:100%;opacity:0.88;}
.projects_block .project_item{position:relative;overflow:hidden}
.projects_block .project_item:hover .project_descr{bottom:0}
.projects_block .project_item .project_descr  a.project_title{display:block;margin-bottom:16px;text-transform:uppercase;line-height:20px;font-size:14px;color:#fff;}
.projects_block .project_item .project_descr a.zoom{position:absolute;left:50%;top:-27px;width:49px;height:49px;margin-left:-25px;border-radius:50%;background-color:#a45197;}
.projects_block .project_item .project_descr a.zoom:before{content:'';position:absolute;left:50%;top:9px;width:3px;height:17px;margin-left:-1px;background-color:#fff;}
.projects_block .project_item .project_descr a.zoom:after{content:'';position:absolute;left:50%;top:16px;width:27px;height:3px;margin-left:-13px;background-color:#fff;}
/*---------*/

@media(max-width:1200px){
  .systemS{padding:0;margin: -100px 0 0 -500px;}
  .systemS .aboutText{font-size: 50px}
}
@media(max-width:992px){
.precontentSelect p{font-size:17px;padding-top:28px;}
.sys{background-position: 75% center!important;background-size:200% 100%!important}
.systemS{padding:0;margin: -90px 0 0 -380px;}
.systemS .aboutText{font-size: 40px}
}
@media(max-width:767px){
.systemS{padding:0;margin:0;width: 100%;left:0;top:0}
.systemS .aboutText{font-size: 28px}

.titlePage h1 span{padding:0 20px}
.sys,.textRes{background:none!important;text-align:center}
.select,.field input,.field textarea,.field{width:100%}
.field{padding-right:0px}
.leftFooter,.rightFooter{width:100%;float:left}
.col4{width:100%!important}
.contentTitle + p{padding:0 15px}
.precontentSelect{position:relative;text-align:center;height:auto;padding-bottom:25px}
.precontentSelect p{width:100%;padding-top:15px}
.precontentSelect .btn1{margin:10px auto!important;float:none}
.precontentSelect .container{overflow:visible}
.mtRes10{margin-top:10px}
table.validationCode tr+tr td:first-child {/* CMS_HIDE */ padding-left:0}
table.validationCode td.validationCode {/* CMS_HIDE */ padding-right:0;padding-left:13px}
table.validationCode tr+tr td {/* CMS_HIDE */ width:47%;float:left;display:block !important}
table.validationCode tr+tr td+td+td {/* CMS_HIDE */ display:block !important;width:100%;text-align:center;padding-top:10px}
.mname,.lname,.half,.field{margin:18px 0 0 0;padding:0}
#contactform .clear{display: none}
#contactform{margin-left:0}
  .validation{
    clear: both;
    padding-top:10px
  }
  #SubmitForm{width: 100%;margin-top: 14px;}
  .validation input[type="text"]{
    width:100%!important
  }
body .btn-sm {
  padding: 2.6% 20px;
}

}

@media(max-width:560px){
.titlePage{padding:20px 0;}
.titlePage h1{width:260px;font-size:20px;}
.systemS .btn{font-size: 14px;padding: 9px 28px;}
.systemS .aboutText{margin-top:15px}
}

@media(max-width:480px){
.systemS .aboutText{font-size: 15px;margin-bottom:3px;margin-top:0}
.systemS .btn{font-size: 13px;padding: 7px 18px;}
.cart b{display:none}
.headerMobile > .container{width:100%}
.paddingResponsive{padding:0}
}
@media(max-width:380px){
.homecontent h3{font-size:30px}
#SubmitForm{width: 100%;margin-top: 14px;}
}


/*---list---*/
.list{
  padding-left:15px
}
.list.list-desc{
  list-style-type:disc;
}
.list.list-circle{
  list-style-type:circle;
}
.list.list-number{
  list-style-type:decimal;
}
.list.list-square{
  list-style-type:square;
}
.list.list-letter{
  list-style-type:lower-alpha;
}
.list.list-roman{
  list-style-type:upper-roman;
}
.list.list-check li,
.list.list-plus li,
.list.list-arrow li{
  list-style-type: none;
}
.list.list-check li:before,
.list.list-plus li:before,
.list.list-arrow li:before{
  font-family: FontAwesome;
  margin:0 10px 0 -15px;
}
.list.list-check li:before{
  font-family: FontAwesome;
  content: "\f00c";
}
.list.list-check li:before{
  content: "\f00c";
}
.list.list-plus li:before{
  content: "\f067";
}
.list.list-arrow li:before{
  content: "\f0da";
}

/*------------NEW------------------demo---------------------------*/
/*typogrphy*/

.list1,.list2,.list3{padding-left:15px}
.list3 li{list-style-type:decimal;}
.list2 li{list-style-type:circle;}
.list4{list-style-type:none;margin-left:0}
.dropcap.type4{display:block;float:left;font-size:43px;font-weight:400;line-height:55px;padding:0 22px 0 21px;text-transform:uppercase;}
.dropcap{display:block;float:left;font-size:43px;font-weight:600;line-height:55px;margin:0 13px 0 0;padding-top:0;text-transform:uppercase;}
.color_bg{background:none repeat scroll 0 0 #333;color:#fff;display:inline-block;padding-left:2px;padding-right:2px;}
.color_text {color:#3dd3b9;}

ul.check li{
  padding-left:0
}

.arrow li:before,.plus li:before,ul.check li:before{
  font-family: FontAwesome;
  content: "\f0da";
  margin: 0 7px 0 -12px;
}
.plus li:before{
  content: "\f067";
  margin: 0 4px 0 -1px;
}
ul.check li:before{
  content: "\f00c";
  margin: 0 4px 0 -1px;
}


#accordion .ui-accordion-header:hover,
#accordion .ui-accordion-header.ui-accordion-header-active,
.shortcode_toggles_item_title:hover,
.shortcode_toggles_item_title .ui-state-active{background:#217cbf;color:#ffffff;}

#accordion .ui-accordion-header,
.shortcode_toggles_item_title{position:relative;margin-bottom:10px;padding:17px 30px 16px;font-weight:400;font-size:14px;color:#fff;background:#505050;cursor:pointer;outline:none !important;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
#accordion .ui-accordion-header .ui-icon,
.shortcode_toggles_item_title .ui-icon{position:absolute;top:17px;right:20px;vertical-align:top;width:20px;height:20px;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:16px;font-size:12px;}
#accordion .ui-accordion-header .ui-icon:before{position:absolute;content:"\e080";transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}
#accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before{transform:rotate(90deg);}
.shortcode_toggles_item_title .ui-icon:before{position:absolute;content:"\e114";transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.shortcode_toggles_item_title.ui-state-active .ui-icon:before{transform:rotate(-90deg);}
.shortcode_toggles_item_body{padding-bottom:20px}
.shortcode_toggles_shortcode .ip,
#accordion .ui-accordion-content{padding:17px 10px 8px 30px;}
.price_item{display:inline-block;float:left;width:20%;}
.price_item .price_item_wrapper{padding-left:1px;}
.price_item:first-child .price_item_wrapper{padding-left:0;}
.price_item_title{background:#505050;padding:13px 20px;text-align:center;}
.price_item_title h6{color:#dddddd;font-size:16px;line-height:18px;margin:0;font-weight:400;}
.most_popular .price_item_title h6{color:#ffffff;}
.price_item_cost{padding:22px 20px 11px 20px;text-align:center;}
.price_item_cost h2{font-size:30px;line-height:32px;font-weight:700;color:#505050;}
.price_item_cost h2 span{font-size:16px;line-height:32px;font-weight:400;color:#505050;text-transform:none;}
.price_item_text{background:#dddddd;color:#505050;text-align:center;line-height:16px;padding:9px 20px 11px 20px;margin-bottom:1px;}
.most_popular .price_item_text{background:#ededed;}
.price_item_btn a{border-radius:0;display:block;font-size:12px;font-weight:700;padding:10px 0;text-align:center;text-transform:uppercase;}
.price_item_btn a:before{display:none}
.most_popular .price_item_btn a,.price_item_btn a:hover{background:#2d7dbd;color:#ffffff;}
.most_popular .price_item_title{background:#2d7dbd;}
.most_popular .price_item_cost h2,
.most_popular .price_item_cost h2 span{color:#3dd3b9;}
.buttons_block .btn{margin-bottom:10px}
.buttons_block .btn span {padding-left:8px;}
.padbot20{padding-bottom:20px}
.padbot30{padding-bottom:30px}
#filter li{display:inline-block;margin-bottom:4px;}
#filter li a{display:block;padding:6px 12px;border:0;background-color:#f4f4f4;}
#filter li a.selected{background-color:#2d7dbd;color:#fff}
#projects .columns1 .project{width:100%;}
#projects .columns1 .hover_img{margin-bottom:10px}
.load_more_cont{width:100%;padding:10px 0 0;}
.portfolio_block{width:100%;}
.portfolio_block .project  .hover_img{position:relative;background-color:#2d7dbd}
.portfolio_block .project .hover_img img{opacity:0.88;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.portfolio_block .project:hover .hover_img img{opacity:0.17}
.portfolio_block .hover_img .zoom{display:block;position:absolute;z-index:100;left:0;top:0;width:100%height:100%;background:rgba(0,0,0,0);}
.portfolio_block .project_descr{position:relative;padding:37px 10px 14px;color:#979797;background-color:#f4f4f4;border-bottom:2px solid #ededed;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.portfolio_block .project:hover .project_descr{border-bottom-color:#3dd3b9}
.portfolio_block .project_descr h4{margin-bottom:11px;font-weight:400}
.portfolio_block .project:hover .project_descr h4 a{color:#3dd3b9}
.sorting_options{margin-bottom:30px;padding:10px 15px;background:#f4f4f4;border-bottom:2px solid #ededed;}
.sorting_options_text{display:inline-block;vertical-align:top;padding:5px 20px 5px 0;}
.sorting_options .btn{vertical-align:top;margin-right:20px;padding:5px 20px;}
.project_descr p{font-size:13px}
.portfolio_post h2, .blog_post h2, .post h2,#comments h2 {margin-bottom:6px;text-transform:uppercase;font-size:20px}
.post_meta {padding-bottom:13px;font-size:13px;color:#888;}
.post_meta a{font-size:13px;}
span.sep {padding:0 8px;}
h2 .glyphicon {font-size:15px;padding:2px 7px 0 0;vertical-align:top;}
.portfolioP .flex-control-nav {position:absolute;right:31px;top:40%;width:6px;z-index:100;}
.portfolioP .slides, .flex-control-nav, .flex-direction-nav {list-style:outside none none;margin:0;padding:0;}
.portfolioP .flex-control-paging li a {background:none repeat scroll 0 0 rgba(255, 255, 255, 0.3);cursor:pointer;display:block;font-size:0;height:19px;overflow:hidden;text-indent:-999px;width:6px;border-radius:0}
.portfolioP .flex-control-paging li a.flex-active {background:none repeat scroll 0 0 #fff;cursor:default;}
.myforms {background:none repeat scroll 0 0 #f4f4f4;border:0 none;border-radius:0;box-shadow:none;color:#8d8d8d;font-family:"Roboto",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:4px;margin-left:0;margin-right:1px;margin-top:0 !important;padding:11px 20px 12px;text-transform:none;width:218px;}
.columns h3{position:relative;}
.columns h3:after{border-bottom:1px dashed #ddd;border-top:1px dashed #ddd;content:"";display:inline-block;height:6px;margin-left:11px;position:absolute;top:50%;width:90%;}
.tags a {background:none repeat scroll 0 0 #ddd;color:#505050;display:inline-block;line-height:24px;margin-bottom:4px;padding:3px 9px;}
.tags a:hover{background:none repeat scroll 0 0 #2d7dbd;color:#fff;}
.avatar {margin-right:11px;}
.comment_right {display:table;}
.comment_info {color:#b9b9b9;padding-bottom:7px;}
#comments ol {list-style:outside none none;margin:0;padding:0;}
#comments li {padding:0 0 20px;list-style:none}
#comments ol li ul li {margin:0;padding:20px 0 0 30px;list-style:none}
.sidepanel {margin-bottom:35px;}
.sidepanel h4{font-size:16px;line-height:20px;margin:0 0 15px;}
.popular_products li, .recent_posts li {margin-bottom:10px;}
.popular_product_descr, .recent_posts_content {padding-left:85px;}
.recent_posts{list-style:none;}
#sidebar input[type="text"] {width:67%;}
#sidebar .btn-lg {border-radius:6px;font-size:14px;line-height:1.33;padding:11px 12px;}


.isotope-hidden.isotope-item{
pointer-events:none;
z-index:1;
}
.isotope,.isotope .isotope-item{
-webkit-transition-duration:0.8s;
 -moz-transition-duration:0.8s;
      transition-duration:0.8s;
}
.isotope{
-webkit-transition-property:height, width;
 -moz-transition-property:height, width;
      transition-property:height, width;
}

.isotope .isotope-item{
-webkit-transition-property:-webkit-transform, opacity;
 -moz-transition-property:   -moz-transform, opacity;
      transition-property:        transform, opacity;
}
.isotope.infinite-scrolling{
-webkit-transition:none;
 -moz-transition:none;
      transition:none;
}

/*--------------------------------------------------------------------------------------------------------*/



/************  Changes made by John Smith 2/20/2015 ********************/

#rotator_rotator1_FieldDiv{z-index:1 !important}
#contactform table.validationCode {float:right}
#contactform table.validationCode tr td label{float:left;padding-top:0px}
#contactform table.validationCode tr td{padding-right:10px;vertical-align:top}
#contactform table.validationCode tr td:last-child{padding-right:0px}
#contactform .input.validationCodeIn{width: 112px;height: 40px;}
#contactform .btn_validation{width:100%;padding: 7px 25px;background-color:;color:}
#contactform .btn_validation:hover{background-color:;color:}
#contactform .validationCode .error_message{color:red}
.div_dialog_content div.container { width:343px !important}
.div_dialog_content div.container h1 {padding:20px 0 7px 0 !important;font-size: 38px;}