.live_update_div .live_update_pencil{display:none!important}
.live_update_div:hover .live_update_pencil{display:block!important}
#Main_FieldDiv{z-index:9997!important}
#menu_main_0_FieldDiv{z-index:9998!important}
/*---Fonts----*/
@font-face{font-family:OpenSansLight;src:url(../fonts/OpenSans-Light.ttf);}
@font-face{font-family:OpenSans-Bold;src:url(../fonts/OpenSans-Bold.ttf);}
@font-face{font-family:OpenSans-ExtraBold;src:url(../fonts/OpenSans-ExtraBold.ttf);}


/*---Body---*/
body{padding:0;margin:0;}
body.mainSiteContent {overflow:visible;}

.text-uppercase{
  text-transform: uppercase;
}
/*---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;}

ul{padding:0;margin:0;}

a{color:#353535;text-decoration:none}
a:focus{text-decoration:none;outline:none;}
a img{border:none}

/*button*/
.btn{border-radius:3px;font-size:14px}

p + ul{padding-top:10px;margin-left:20px;padding-left:20px;padding-bottom:20px;}
.sidebarHr{height:4px;width:40px;background-color:#488ecb;margin:20px 0 7px;}

p,.h6,.h2{font-family:'OpenSansLight',sans-serif;}
.h4,.h3{font-family:'OpenSans-ExtraBold',sans-serif;}
.h1,.h5{font-family:'OpenSans-Bold',sans-serif;}
.h2,.h3,.h4,.h5,.h6{text-transform:uppercase;word-wrap: break-word;}

.h6{font-size:25px;margin:15px 0 5px;}
.h5{font-size:40px;}
.h4{font-weight:900;font-size:36px;}
.h3{font-size:48px;}
.h2{font-size:36px;letter-spacing:5px;}
.h1{font-size:48px;}

/*---Toolbar---*/
#toolbar{width:100%;height:45px;padding:5px 0 6px;}
#leftToolbar{float:left;}
#rightToolbar{width:650px;float:right;margin-top:8px;}
#rightToolbar,#rightToolbar a{font-size:14px;}
#rightToolbar a{margin-left:15px}
#rightToolbar .searchBlock{width:185px;position:relative;margin:-7px 0 0 15px}
#rightToolbar .searchBlock input[type="search"]{width:100%;padding:5px 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#rightToolbar .searchBlock button{border:none;background:none;position:absolute;right:4px;top:4px;font-size:18px;color:#666666;}
.cart,.SignIn{text-transform:uppercase;}
.SignIn{padding:5px 15px;border:1px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-top:-7px}
.cartMenu{padding:0}
.cartMenu li{list-style:none;}

/*---SocialBar---*/
.socialbar{padding:0;}
.socialbar li,.headerNavigation li{list-style:none;float:left;}

/*---Navigation---*/
.headerNavigation li > ul{position:absolute;z-index:9999;width:180px;padding:0;opacity:0;visibility:hidden;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
.headerNavigation li:hover > ul{opacity:1;visibility:visible;}
.headerNavigation li > ul > li{float:none;padding:0;}
.headerNavigation li > ul > li a{padding:10px 15px;text-align:left;margin:0}
.headerNavigation li > ul > li a:hover{border:none;text-decoration:none;padding:10px 15px;}
.headerNavigation li > ul ul{left:180px;opacity:0;visibility:hidden;top:0;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}


/*---social*/
.socialbar li a{margin-right:10px;font-size:25px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;margin-top:5px;margin-bottom:5px;}
.socialbar li a{text-decoration:none;}

/*---Header---*/
#header{width:100%;height:85px;padding-top:15px;}
.fixedHeader #header{z-index:9998;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.3);box-shadow:0 2px 3px rgba(0,0,0,0.3);}

/*---Logo---*/
.logo{display:block;float:left;width:227px;height:62px;margin-top:-5px}

/*---Header Navigation----*/
.headerNavigation{float:right;}
.headerNavigation li{float:left;padding:0 5px;}
.headerNavigation a{text-transform:uppercase;font-size:15px;display:block;margin:0 16px;padding:15px 3px;}
.headerNavigation a:hover,.headerNavigation li a.active,.headerNavigation > li:hover >a{
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 3px;
	border-bottom-width: 3px;
	padding:12px 3px;
}

.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}

/*---Precontent HOME---*/
#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 40px;
border-right:1px solid #f5f6f6;
border-left:1px solid #f5f6f6;
font-family:'Lato', sans-serif;
font-weight:300;
display:inline-block;
text-transform:uppercase;
}

.quote > p{font-size:24px!important}

/*---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%;}
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;}
/**/
.systemS{color:#ffffff;height:648px}
.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}

/*----prefooter---*/
.prefooter{overflow:hidden;}
.leftfooter{padding-top:35px;padding-bottom:50px;}
.leftfooter p{text-transform:uppercase;font-family:RobotoMedium,arial;margin:10px 0 0;}
.leftfooter input[type="text"]{border:1px solid #d0d0d0;padding:14px 10px;background-color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:66%!important}
.leftfooter .btn{background-color:#353535;color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:14px 10px;text-transform:uppercase;font-size:12px;margin-top:-4px}
.leftfooter .btn:hover{color:#fff}
.rightfooter{padding-top:20px;}
.rightfooter h4{font-size:18px;text-transform:uppercase;font-family:RobotoCondensedLight,arial;}
.rightfooter p{font-size:15px;line-height:25px;font-family:'Lato', sans-serif;}
.rightfooter li{list-style:none;margin-bottom:5px}
.rightfooter li a{color:#666;font-family:'Lato', sans-serif;;font-size:15px;}
.rightfooter li a:hover{color:#1780e8;}
.btn.myBtn:hover{background-color:#1b6296;}
.systemTtileBl{font-family:'Lato', sans-serif;text-transform:uppercase;letter-spacing:5px;font-size:36px}
.st{font-size:18px;text-transform:uppercase;font-weight:300;}


/*NEW--------------------------------------------------------------demo---------------------------*/
/*typogrphy*/
.list1,.list2,.list3{padding-left:15px}
.list3 li {list-style:inside none decimal;}
.list2 li {list-style:inside none circle;}
.list4 li b.glyphicon, .list4 i.glyphicon {font-size:9px;line-height:18px;padding-right:15px;margin-left:-30px}
.list4 li{padding-left:30px}
.list4{list-style:none;margin-left:0}
.list4 b{margin-right:4px;color:#4f92ce}
.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;}

#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:hover,
#accordion .ui-accordion-header.ui-accordion-header-active,
.shortcode_toggles_item_title:hover,
.shortcode_toggles_item_title .ui-state-active{
background:#2d7dbd;
color:#fff;
}
#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;
}
.nav-tabs{border:0}
.nav-tabs li a{
padding:10px 17px 12px;
text-transform:uppercase;
line-height:20px;
font-size:14px;
color:#505050;
border-radius:0;
border:0;
border-bottom:3px solid #fff;
background-color:#f4f4f4;
}
.nav-tabs li a:hover{
color:#3dd3b9;
background:#f4f4f4;
border-bottom:3px solid #fff;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus{
color:#505050;
background:#f4f4f4;
border:0;
border-bottom:3px solid #f4f4f4;
}
.tab-content{
padding:26px 30px 29px;
background:#f4f4f4;
border-bottom:2px solid #ededed;
}
.tab-content .left_block{width:45%;}
.tab-content .right_block{width:49%;}
.tab-content iframe{height:159px;}
.tab-content .list4 li{padding:0 0 5px;}
.module_price_table{overflow:hidden;
}  
.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;
}
.example_col [class^="col-"] {background:none repeat scroll 0 0 #f9f9f9;border:1px solid #ddd;padding-bottom:15px;padding-top:15px;}
.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 .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;
}

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


.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-family:OpenSansLight;
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{color:#7f7f7f;line-height:25px}
.photo h3+p{margin-top:0px;color:#2e7dbd}

.contentTitle{
font-size:21px;
font-family:OpenSansLight;
text-align:center;
margin-top:0;
}
.contentTitle+p{
font-size:16px;
font-family:OpenSansLight;
text-align:center;
padding:0 125px;
line-height:26px;
}
.buttonClass .btn{
  padding:20px 35px;
  width:170px!important
}
/*---Line---*/
.line{
margin:60px auto;
width:175px;
border-top:1px solid #cdcccc;
}


/*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{
background-color:#2d7dbd;
border-radius:50%;
color:#fff;
display:block;
font-size:15px;
height:35px;
line-height:35px;
margin-left:5px;
text-align:center;
width:35px;
transition:0.5s;
}
.selectPage li a:hover{background-color:#fff;color:#2d7dbd;}
.bread{width:100%;padding:15px 0 0;}
.bread2{padding:15px 0 10px 20px;}
.bread ul li,.bread ul.crumb li a{float:left;color:#252525;list-style:none;font-size:14px;margin-right:5px;line-height:2em;}

/*---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}

.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;
}

/*---Footer---*/
#footer{padding:30px 0;}
.leftFooter,.leftFooter ul a{float:left;font-size:13px;font-family:'Roboto', sans-serif;font-weight:300;}
.leftFooter li{float:left;list-style:none;}
.leftFooter ul{margin:0;padding:0}
.leftFooter li a{padding:0 10px;border-right:1px solid #8c8c8c;}
.leftFooter li:first-child a{padding-left:0;}
.leftFooter li:last-child a{padding-right:0;border:none;}
.rightFooter{float:right;text-align:right;font-family:'Roboto', sans-serif;font-weight:900;font-style:italic;font-size:14px;}
.bottomFooter{clear:both;float:none;font-size:13px;font-family:'Roboto', sans-serif;font-weight:300;padding-top:25px;}

/*Alt footer*/
#footer .menuBottom {
    background-color: #17a2ca;
    padding: 15px 0;
}
#footer .menuBottom ul {
    text-align: center;
}
#footer li {
    color: #666666;
    display: inline-block;
    list-style: outside none none;
}
.copyright {
    margin-top: 10px;
}



@media(max-width:767px){
.systemS .aboutText{font-size: 36px}
.logo{margin-left:0!important}
#rightToolbar span{display:none}
#rightToolbar .SignIn span{display:block}
}
/*---fast style---*/
.center{text-align:center}
.left{text-align:left}
.pb75pr{padding-bottom:75%}
.list{margin:1.5em 0}
.bold{font-weight:500}


/*---Region---*/
.live_update_pencil{width:10px!important;height:15px!important;}
#menu_main_0_FieldDiv{float:left!important;width:75%!important;clear:none!important;}
#prefooter{display:none}
#leftToolbar{width:130px}
.headerNavigation a{margin:0 3px}
.headerNavigation a:hover{text-decoration:none}


/*---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){
.leftfooter input[type="text"]{width:60%}
#rightToolbar .searchBlock{width:160px}
}
@media(max-width:992px){
.leftfooter{border-left:none;}
.quote > p {font-size: 18px!important;}
#rightToolbar{width:auto}
.precontentSelect p{
font-size:17px;
padding-top:28px;
}
.headerNavigation li ul,.headerNavigation li ul ul{opacity:1;visibility:visible;display:block;width:100%;position:static;background-color:#ffffff;}
.leftfooter{text-align:center;border:none;}
.logo{margin-top:5px}
}
@media(max-width:767px){
.titlePage h1 span{padding:0 20px}
.bread ul li, .bread ul.crumb li a{margin-right:2px}
.sys,.textRes{background:none!important;text-align:center}
.select,.field input,.field textarea,.field{width:100%}
.field{padding-right:0px}
.headerNavigation a{padding-left:15px!important}
.headerNavigation a:hover{padding-left:15px!important}
.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}

}
@media(max-width:570px){#rightToolbar .searchBlock{display:none;}}
@media(max-width:560px){.titlePage h1{width:260px;font-size:25px}}
@media(max-width:480px){
.prefooter>.container{padding:0}
.cart b{display:none}
#rightToolbar a{margin-left:8px;}
#rightToolbar{width:130px;}
#rightToolbar a.cart{margin-left:0}
.headerMobile > .container{width:100%}
.leftFooter{text-align:center}
.leftFooter ul{display:block;margin:0;padding:20px 0 20px;text-align:center;overflow:hidden}
.leftFooter, .leftFooter ul a{float:none}
.leftFooter li{float:none;display:inline}
.leftFooter ul a{border:none}
.rightFooter p{float:left;font-size:13px}
.rightFooter a{float:right}
}
@media(max-width:380px){
.logo img{width:100%!important;height:100%!important}
.logo{width:140px;height:50px;margin-top:10px}
.homecontent h3{font-size:30px}
}

/************  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:136px}
#contactform .btn_validation{width:100%;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}