* { margin: 0; padding: 0; outline: 0; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

body { font-family: arial, helvetica, serif; font-size: 13px;  }

.ui-icon-loading {
	background: url(images/ajax-loader.gif);
	background-size: 46px 46px;
}

article, aside, details, footer, header, menu, nav, section { display: block; }

a { color: #3388db; }

h3 { padding: 12px 20px; border-bottom: 1px solid #cbcbc9; border-top: 1px solid #eff0f0; 
	background: rgb(254,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(213,213,213,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(213,213,213,1) 100%); /* W3C */ 
}

.ui-content h3.page-title { padding: 12px 20px; border-bottom: 1px solid transparent; border-top: 0;  border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -o-border-radius: 5px 0 0 0;}

.ui-page { background: #669b16 url(images/default/bg.jpg) repeat-x center 0; }
.ui-content { padding: 0px 22px 60px; position: relative; z-index: 10; }

#logo { width: 303px; font-size: 0; line-height: 0; padding: 24px 22px 0px; margin: 0; }
#logo a { height: 50px; background-repeat: no-repeat; display: block; text-indent: -4000px; }

/* back-button */
.ui-content a.back-btn { float: right; padding: 0 0 0 0; position: relative; z-index: 100; display: block; text-decoration: none; position: relative; margin-bottom: 0;  margin-right: 0px;  
	border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; 
}

.ui-content a.back-btn .ui-btn-inner { padding: 0 10px 0 0; }
.arr-ico { background-repeat: no-repeat;  background-position: -121px -40px; width: 7px; height: 8px; position: absolute; top: 11px; left: 10px; display: block; z-index: 160; }
.ui-content a.back-btn .ui-btn-text { position: relative; z-index: 1 !important; display: block; font-size: 12px ; padding: 7px 10px 4px 21px; width: 79px; }
/* end back-button */

/* slider */
.slider-holder { padding: 10px;  margin: 25px auto 0px auto; position: relative; min-height: 124px !important; z-index: 1; margin-bottom: 13px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; position: relative !important; } 
.flexslider {   margin: 0 0 0 0 ; position: relative; z-index: 2; min-height: 124px !important;}
.flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; z-index: 2; padding: 0 0 0 0 !important;  }
.flexslider ul.slides li { min-width: 256px; float: left; }
.flexslider ul.slides li img { width: 100%; display: block; position: relative; min-width: 256px; min-height: 124px; }

.flex-direction-nav { padding: 0 0 0 0 !important; position: absolute; z-index: 100; top: 50%; left:  0; width:  100%; margin-top: -10px; }
.flex-direction-nav li a { background-repeat: no-repeat; background-position: 0 0 ; width: 59px; height: 66px !important;
	position: absolute; top: 50%; margin-top: -30px; z-index: 10000; font-size: 0; line-height: 0; text-indent: -4000px; 
}
.flex-direction-nav li a.prev { left: -30px; }
.flex-direction-nav li a.next { right: -22px; }
/* end slider */

.ui-content .ui-listview { margin: 0 auto; padding: 0 0 0 0 !important; }
.ui-content .ui-listview { font-weight: bold; font-size: 16px;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; position: relative; display: block; }
.ui-content .ui-listview li a { display: block !important; padding-right: 0 !important; text-decoration: none; padding: 13px 0 12px 21px !important;   }

.ui-content .ui-corner-all ul li:first-child a { border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; }
.ui-content .ui-corner-all ul li:last-child a { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
.ui-content .ui-icon { background-position: -60px -10px; background-repeat: no-repeat;  display: block  !important; width: 25px !important; height: 27px !important; z-index: 10; right: -2px; top: 20px !important;  }
.ui-content .ui-corner-all ul li:first-child  { border-top: 0  !important; }
.ui-content .ui-listview li a { display: block; border-bottom: 1px solid #bababa;  }

/* footer */
.ui-footer {  position: fixed; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; bottom: 0px;  z-index: 100; left: 20px; right: 20px; bottom: 0px !important; overflow: visible !important; 
	height: 43px !important; font-size: 12px !important; padding-top: 0px !important; padding-bottom: 0  !important;
	border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; 
}

.ui-footer a {  font-weight: bold !important; text-decoration: none; display: block; line-height: 43px; padding-right: 15px;  }
.ui-bar { padding: 0 8px !important; }
.ui-footer .ui-btn-text { font-size: 12px !important; padding-left: 26px; padding-right: 0 !important; }
.ui-footer .ui-btn-inner { margin: 0 12px !important; padding: 0 !important; overflow: visible !important; margin-right: 0 !important; float: left; }
.ui-footer .ui-icon-twitter-ico { background-repeat: no-repeat; background-position: 0px -65px; width: 48px !important; height: 45px  !important; display: block; top: 6px!important; left: -23px !important; z-index: 500; }
.ui-footer .ui-icon-mail-ico { background-repeat: no-repeat; background-position: -47px -63px; width: 24px; height: 26px; display: block; top: 18px !important; left: -8px !important; z-index: 200; }
.ui-footer .mail-ico { float: right; background-repeat: no-repeat; background-position: -215px -40px; padding-right: 0; padding-left: 10px;  }
.ui-footer .twitter-ico { padding-left: 10px; padding-right: 10px !important; }
/* end footer */

/* services */
.ui-content ul.list-item { list-style: none; list-style-position: outside; background-color: #fafaf8; padding: 8px 15px 0 20px; border-top: 1px solid #eaeae8;
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px;}
.ui-content ul li h4 { font-size: 16px; padding-bottom: 10px; color: #333333; }
.ui-content ul.list-titem p { font-size: 13px;  }
.ui-content p {  line-height: 20px; padding-bottom: 0; color: #727272; }
.ui-content ul.list-item li { padding-bottom: 20px; }
.ui-content ul.list-item li a { color: #727272; font-size: 13px;  text-decoration: none; }
.ui-content ul.list-item li a:hover { text-decoration: none; color: #000;  }
/* end of services */

/* projects page */
.project-slider { margin-top: 0;  border-radius: 5px 0px 5px  5px; -moz-border-radius: 5px 0px 5px  5px; -webkit-border-radius: 5px 0px 5px  5px; -o-border-radius: 5px 0px 5px  5px; }
.project-slider p { padding-top: 12px; }
.ui-content .project-slider ul.projects-item { padding: 0 0 0 0 !important; }
.ui-content .project-slider ul.projects-item li { padding: 0 0 0 0 !important; }
.ui-content .project-slider ul.projects-item li .cnt { bottom: 0; }

.ui-content ul.projects-item { border-top: 0  !important;  border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; -webkit-border-radius: 5px 0 5px 5px; -o-border-radius: 5px 0 5px 5px; padding: 10px; }
.ui-content ul.projects-item li { position: relative; padding-bottom: 12px; }
.ui-content ul.projects-item li img { width: 100%; height: auto !important; }
.ui-content ul.projects-item li .cnt { position: absolute; bottom: 15px; left: 0; width: 100%; height: 31px; line-height: 31px; background-position: 0 0; background-repeat: repeat; }
.ui-content ul.projects-item li .cnt h4 { font-size: 14px; padding: 0 40px 0 11px; }
.ui-content ul.projects-item li .cnt h4 a { text-decoration: none; display: block;  }

.ui-content ul.projects-item li .cnt span.zoom-ico { position: absolute; top: -3px; right: 0; background-position: -63px -64px; background-repeat: no-repeat; display: block; width: 30px; height: 27px; }
/* end of projects page */

/* contact page */
.main { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.contact { padding: 16px 10px 0 19px; }
.contact p { padding-left: 27px; position: relative; padding-bottom: 16px; }
.contact p span { position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -4000px; }

.contact p span.home-ico { width: 18px; height: 16px; background-position: -73px -65px; }
.contact p span.mail-ico { width: 17px; height: 17px; background-position: -91px -65px; }
.contact p span.phone-ico { width: 13px; height: 24px; background-position: -108px -65px; left: 4px; }

.socials { padding: 18px 0 22px 0; }
.socials a { width: 63px; height: 63px; float: left; background-repeat: no-repeat; background-position: 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: 22px;  }
.socials a.in-ico { background-position: 0px 0px; }
.socials a.facebook-ico { background-position: -84px 0px; }
.socials a.twitter-ico { background-position: -170px 0px; }
/* end of  contact page */