body {padding: 0; font-family: Arial; font-size: 13px; color: #777;}
a {color: #777; cursor: pointer;}
a:hover {color: #333;}
a, a:hover, a:visited {text-decoration: none;}
hr {background: #777; border-top: 1px solid #777; margin-bottom: 10px; margin-top: 10px; width: 100%; float: left;}

img {max-width: 100%; height: auto !important;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important;}

.pagination {float: right; font-size: 14px;}
.pagination span {background: #eee; color: #aaa;  width: 24px; height: 24px; line-height: 24px; text-align: center; float: left; margin-right: 4px;}
.pagination span.current, .pagination span:hover {color: #ff3301;}
.pagination span a {color: #aaa; display: block;}
.pagination span:hover a {color: #cfd8ee;}

.no-padding {padding: 0;}
.transition {transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}
#google_map {height: 360px;}
td {vertical-align: top; padding-right: 10px;}

.lang-flag {text-align: right;}
.lang-flag img {margin-top: 30px;}

.mobile-menu {position: absolute; top: 20px; right: 10px; font-size: 31px; color: #777; cursor: pointer;}
.mobile-menu-content {position: absolute; top: 80px; left: 0; background: #fffdf3; z-index: 999999; width: 90%; margin-left: 5%; display: none;}
.mobile-menu-content ul {list-style: none; display: block;border-top: 1px solid #452a11; margin: 0; padding: 0;}
.mobile-menu-content li {border: 1px solid #452a11; border-top: none; height: 40px; line-height: 40px; text-align: left;}
.mobile-menu-content li.active {background: #dd4841;}
.mobile-menu-content li a {color: #452a11; text-transform: uppercase; padding-left: 15px; display: block;}
.mobile-menu-content li:hover {background: #dd4841;}
.mobile-menu-content li:hover a {color: #333;}
.mobile-menu-content li.active a {color:#333;}

.main-menu {height: 32px; line-height: 32px; margin: 32px 0 0 0; padding: 0; background: #777777;}
.main-menu {list-style: none;}
.main-menu li {float: left; font-size: 14px; font-weight: bold; position: relative; margin-right: 1px;}
.main-menu li a {color: #fff;display: block;padding: 0 26px;}
.main-menu li.blur a {color: #8c8c8c;}
.main-menu li.blur a:hover {color: #bebebe;}
/*.main-menu li.active, .main-menu li:hover {background: #1b75bc;}
.main-menu li.active a, .main-menu li:hover a {color: #fff;}*/

.main-menu ul {display: block;list-style: none;margin: 5px 0 0 0;padding: 0;position: absolute;top: 32px;width: 112px;}
.main-menu ul li {width: 100%; clear: both; line-height: 1.18em;}
.main-menu ul li a {color: #777; font-weight: normal;}
.main-menu ul li a:hover {font-weight: bold;}

.sub-menu li {position: static;}
.main-menu ul.sub-sub-menu {position: absolute;top: 0;left: 95px;margin-top: 0;}
.main-menu ul.sub-sub-menu a strong {color: #ff0000; font-weight: normal !important;}
.main-menu ul.sub-sub-menu a:hover {font-weight: normal; color: #ff0000;}
.main-menu ul ul.sub-sub-sub-menu  {position: absolute; top: 0; left: 180px;}

.sub-menu li a {padding: 0 0 0 26px;}
.main-menu .sub-sub-menu li {padding: 0 0 0 0;}
.logo {padding: 16px 0 0 16px;}

#menu-0 a {color: #fff !important;}

input[type=text], textarea {border-radius: 0; text-shadow: none; box-shadow: none;}
input[type=text]:focus, textarea:focus {outline: none !important; box-shadow: 1px 1px 1px #ccc; text-shadow: none; box-shadow: none;}
.search-title {margin: 15px 0; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold;}
.search_form {width: 100%; margin-bottom: 130px;}
.search_key {border: none; font-size: 14px; color: #777; background: #eee !important; width: 100%; height: 38px; margin-bottom: 20px;}
.search_sbm {color: #fff; line-height: 32px; float: left; background: #777; text-transform: uppercase; border: none;}
.search_item {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #777;}


.wrap {width: 98%; max-width: 1000px; margin: 0 auto;}

.nivo-wrap {margin-top: 60px;}
.home-slider {margin: 180px 0 48px 0; border: 1px solid #777777; border-left: none; border-right: none;}

.intro-slider {width: 100%; height: 100%; overflow: hidden !important;}
.intro-slider img {max-width: 100%; max-height: 100%;}
.intro-slider .nivo-caption {position: absolute;top: 45%;left: 0; text-align: center; font-size: 50px; color: #fff; width: 100%; height: 50px; line-height: 50px;}

/*project*/
/*.project-list {margin: 140px 0 20px 0;}*/
.project-list {margin: 0 0 70px 0;}
.project-list-content {border-top: 1px solid #777; padding-top: 5px;}
.project-list-item {padding: 5px;}
/*.project-single {margin: 140px 0 20px 0;}*/
.project-single {margin: 0 0 70px 0;}
.project-single h1 {font-size: 14px; font-weight: bold; }

/*news*/
.news-list {margin: 0 0 70px 0;}
.news-list-content {border-top: 1px solid #777; padding-top: 5px;}
.news-list-item {padding: 5px 0 40px 0;}
.news-list-item h2 {font-size: 14px; font-weight: bold; line-height: 16px; margin: 0 0 5px 0; padding: 0;}
.news-list-item h2 a {color: #777;}
.news-single h1 {font-size: 14px; font-weight: bold;}

/*list archive*/
.list-archive img {max-width: 97%; height: auto !important; margin-bottom: 10px;}
.list-archive-content img {display: none;}
#start {height: 1px; overflow: hidden; width: 100%;}
.list-archive-content a {color: #777;}
.list-archive-content a:hover {color: #333;}

/*contact*/
.contact {}
/*.contact-content {margin: 140px 0 20px 0;}*/
.contact-content {margin: 0 0 70px 0;}
.contact strong {font-size: 15px;}


/*footer*/
.footer {color: #aaa;}
.footer-content {border-top: 1px solid #777;padding: 15px 0 30px 0;}
.footer-content a {color: #aaa; padding-right: 15px;}
.footer-content a:hover {color: #333;}

.fancybox-overlay {background: #fff !important;}
.fancybox-skin {background: #fff !important;}
.fancybox-opened .fancybox-skin {box-shadow: 0 0 0 rgb(0,0,0) !important; -moz-box-shadow:  0 0 0 rgb(0,0,0) !important; -wekit-box-shadow:  0 0 0 rgb(0,0,0) !important;}
.fancybox-prev span {left: -5px !important;}
.fancybox-next span {right: -5px !important;}
.fancybox-prev {left: -40px !important;}
.fancybox-next {right: -40px !important;}
.fancybox-close {opacity: 0; z-index: 999999;}
.fancybox-close:hover {opacity: 1;}


@media all and (max-width: 768px)
{
  .home-slider {margin: 60px 0 40px 0;}
}