@font-face { font-family: 'GothamBook'; src: url('fonts/GothamBook.eot') format('embedded-opentype'), url('fonts/GothamBook.woff') format('woff'), url('fonts/GothamBook.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.services, .recent-work, .recent-blog, .testimonials, .lightbox { margin:5px 0; }
#accordion, .whyus, .recent-blog2, .who, .bottom { margin-bottom:25px ; }
.services .item, .recent-work .item , .lightbox .item, .portfolio .item { margin-bottom:25px; }
#nav, .testimonials-arrow, .subscribe input.submit, .social, a.twitter, a.facebook, a.skype, a.linkedin, .next-project, .prev-project, .next-post , div.right, .comment, .comment .title span.right, .children { float:right; }
.date, .services .item .square, .js .selectnav, .testimonials .author, .clients ul.items li, .date2, .date3, .icon-box, .pagination li, img.pic-2 , .image-post.left, .prev-post, .avatar, .form-box { float:left; }
.border { border:5px solid #f5f5f5; margin-bottom:15px; }
.our-services ul li { margin-bottom:25px; }
.icon-box { width:40px; height:24px; padding:8px 0; margin:7px 10px 80px 0; }
.icon-box img, .icon-box span { display: block; margin-left: auto; margin-right: auto; max-width:28px; max-height:25px; }
.title { padding:10px 0 10px 0; border-bottom:1px solid #ececec; margin:15px 0 15px 0; }
.whyus img { max-width:290px; }
.bottom-2 { margin-bottom:10px ; }
.top { margin-top:10px !important; }
.top-2 { margin-top:-50px !important; }
.top-3 { margin-top:20px !important; }
.top-4 { margin-top:50px !important; }
.top-5 { margin-top:-2px !important; }
img.pic-2 { margin:0 13px 5px 0; }
.caption { position:relative; }
.caption .hover-effect { position:absolute; top:0; width:100%; height:99.5%; opacity:.8; display:none; }
.caption .hover-effect.big { height:100%; }
.caption:hover .hover-effect.link { background:#131313 url(../images/icons/link.png) no-repeat; background-position:50% 50%; display:block; }
.caption:hover .hover-effect.zoom { background:#131313 url(../images/icons/zoom.png) no-repeat; background-position:50% 50%; display:block; }
header { min-height:225px; background:#d9b16c; color:#fff; }
header a{ color:#fff;}
.logo { margin:28px 0; }
.selectnav { display: none; }
#slider { border-top:5px solid #cb9b47; }
.welcome, .qoute { padding:30px 10%; margin:25px 0; }
.description { margin:30px 0; }
.use { padding:10px 2%; margin:0 0 15px 0; }
.welcome p, .description p{ line-height:35px; }
.qoute { padding:30px 3%; overflow:hidden; }
.qoute p { width:97%; }
h1.page-title { padding:5px 0 10px 0; border-bottom:1px solid #ececec; margin:12px 0 18px 0; }
h1.title { padding:5%; border-bottom:1px solid #ececec; margin-bottom:25px; color: #fff; font-weight: bold; }
a.link { padding:15px; text-shadow:none; margin: 4px 0 0 0; display: block; width: 87%; text-align:center; }
.services h3 { padding:10px 0 3px 0; }
.services .item { max-height:104px; min-height:104px; border-right:5px solid #585858; padding-right: 8px; cursor:pointer; position:relative; }
.services .item.active:hover { border-right:5px solid #585858; }
.services .item .square { width:110px; height:58px; padding:23px 0; margin-right:22px; }
.services .item .square img{ display: block; margin-left: auto; margin-right: auto; }
.recent-work .item, .lightbox .item, .portfolio .item { padding-bottom:10px; border-bottom:4px solid #fbfbfb; }
.recent-work .item h4, .lightbox .item h4, .portfolio .item h4 { padding-top:10px; }
.recent-work .item img.pic, .lightbox .item img.pic, .portfolio .item img.pic { width: 100%; height: auto; }
.date { margin:2px 18px 18px 0; }
.date2 { margin:2px 8px 5px 0; }
.date3 { margin:0px 8px 18px 0; }
.day, .month { display:block; }
.day { width:27px; padding:12px 10px 8px 10px; }
.month { width:27px; padding:4px 10px; }
.recent-blog .blog-item { padding-bottom:30px; border-bottom:1px solid #ececec; margin-bottom:25px; }
.recent-blog .blog-item:last-child { padding-bottom:0; border-bottom:0; }
.recent-blog .blog-item.noborder { border:0; padding-bottom:5px; margin-bottom:1px; }
.recent-blog .blog-item.vertical { padding-bottom:20px; border-bottom:1px solid #ececec; margin-bottom:20px; }
.recent-blog .blog-item.vertical:last-child { padding-bottom:0; border-bottom:0; }
.recent-blog p { padding-bottom:10px; }
.recent-blog .tags-comments { padding-left:65px; }
.more { padding-left:56px; }
.more a{ text-decoration:underline; }
.more2 { display:block; padding-top:14px; }
.more2 a{ text-decoration:underline; }
.recent-blog .tags-comments2 { padding:2px 0 14px 0; display:inline-block; }
.recent-blog h3.blog-title { margin-top:10px; }
.testimonials .testimonial-item { margin-bottom:20px; }
.testimonials p { padding:14px 13px 14px 13px; }
.testimonials-arrow { background:url(../images/icons/testimonials-arrow.png) no-repeat; width:16px; height:16px; margin:0 27px 0 0; }
.testimonials .author { margin: 15px 0 0 10px; }
.clients { margin:5px 0 15px 0; }
.clients ul.items { padding:20px; overflow:hidden; }
.clients ul.items li { margin: 0 10px; }
.clients ul.items li img { display: block; margin-left: auto; margin-right: auto; opacity:.8; }
.clients ul.items li img:hover { opacity:1; }
.search { position:relative; }
input.search { padding:8px 30px 8px 8px; width:86%; border:1px solid #ECECEC; position:relative; display:block; }
input.submit-search { background:url(../images/icons/search-icon.png) no-repeat; width:15px; height:15px; border:none; position:absolute; top:9px; right:11px; cursor:pointer; }
.most-posts li { margin-bottom: 22px; float:left; }
.most-posts li:last-child { margin-bottom:0; }
.most-posts li p { line-height:19px; }
.meta { padding:6px 10px 4px; min-height:16px; margin:0 3px 5px 0; display:inline-block; }
.post-meta.transparent .meta { background:none; }
.image-post.left { margin-right:20px; }
.popular-tags { margin-top:20px; }
.popular-tags a { padding:10px; display:inline-block; margin:0 6px 6px 0; }
footer { padding:5px 0 22px 0 !important; margin:25px 0 0 0 !important; }
h3.title { padding:0 0 10px 0; border-bottom:1px solid #747474; margin-bottom:15px; }
.subscribe, .about, .tweets, footer .flickr { margin-bottom:15px; }
.subscribe input.mail { padding:8px; border:none; width:93%; margin: 18px 0 8px 0; }
.subscribe input.submit { padding:6px 16px; border:none; margin:0; cursor:pointer; }
span.copyright { padding-top: 7px; display: block; }
.social a { display:inline-block; margin: 0 0 0 18px; opacity:.5; }
.social a:hover { opacity:1; }
ul.team li{ margin-top:20px ; margin-bottom:20px ; }
ul.team li img { opacity:.7; margin-bottom:7px; }
ul.team li:hover img { opacity:1; }
ul.team li h3 { border-bottom: 1px solid #ECECEC; padding-bottom:5px; margin-bottom: 5px; }
a.twitter, a.facebook, a.skype, a.linkedin { width:26px; height:26px; margin:3px 0 0 3px; text-indent:-9999px; }
.choose ul li { background:#fbfbfb url(../images/icons/list-icons/square.png) no-repeat; background-position:3% 50%; padding: 13px 10px 13px 25px; margin-bottom: 13px; line-height:15px; }
.choose ul li:hover { background:#fbfbfb url(../images/icons/list-icons/square.png) no-repeat; background-position:4% 50%; padding-left: 28px; }
.next-project, .prev-project { width:30px; height:10px; display:inline-block; background:#585858; cursor:pointer; margin-top:14px; }
.next-project { margin-left:7px; }
.next-project.disabled, .prev-project.disabled { display:inline-block; background:#eaeaea; cursor:default; }
.job { padding-bottom:13px; border-bottom:1px solid #ECECEC; }
.followers li { display:inline-block; text-align:center; margin:10px 5px; }
.comments { padding:10px 0; overflow:hidden; }
.comments li.comment-box { overflow: hidden; margin-bottom: 35px; }
.comment { width:88%; }
.children { width:88%; margin:20px 0 0 0; }
.children li.comment-box { overflow:hidden; margin-bottom:15px; }
.children .comment{ width:86%; }
.comment .title { border-bottom:1px solid #ececec; margin:0; margin-bottom:10px; line-height:15px; padding:0; padding-bottom:13px; }
input.text, textarea { border:1px solid #e5e5e5; padding:12px 10px; width:89%; display:block; }
textarea { width:96.6%; min-height:95px; }
.form-box { width:200px; margin:0 20px 15px 0; }
.form-box.last { margin-right:0; }
.form-box.big { width:100%; }
.form-box label { padding:5px 0; margin-bottom:8px; display:block; }
.details li { margin-bottom:12px; }
.details li span.icon { float:left; margin:0 5px 0 0; }
.details li p { padding-left: 15px; }
#under-construction { padding:40px 0; min-height:420px; }
#under-construction h1 { margin-bottom:15px; }
footer.under-construction { margin:25px 0 0 0; font-size:15px; }
input.subscribe-text, input.subscribe-button { padding:17px; border-radius:5px; border:none; }
input.subscribe-text { width:428px; margin-right:15px; }
input.subscribe-button { width: 140px; cursor:pointer; }
#count2 { display: block; margin: 60px 0 40px 0; }
.count-end-message { background: #ffffff; padding: 50px; color: #888686 ; border-radius: 5px; font-size: 26px; max-width: 518px; text-align: center; line-height:40px; }
.no-left{margin-left:0px ;}
.no-right{margin-right:0px ;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { background:#fff; }
body.under-construction { border-top:0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
span.line { display:block; width:50px; height:4px; margin: 7px 0 -11px 0; }
.google-map iframe { width:100%; min-height:307px; }
body, .navigation ul li a, .navigation ul li ul li a, .subscribe input.mail, .subscribe input.submit, input.search, input.text, textarea, input.subscribe-text, input.subscribe-button { font-family: 'GothamBook', Arial, sans-serif; }
.welcome, .js .selectnav, .testimonials .author, .qoute, .description, h1.page-title, blockquote, .info-box p, table th, .tables-column .header h3, .comment .title span.right, .ei-title h3, #under-construction p, #clock-ticker .block .flip-top { font-family: 'GothamBook', Arial, sans-serif; }
.recent-work .item h4, .day, .qoute h2, .progress-bar h5, .choose ul li, .button, .lightbox .item h4, .tables-column .header h1, .portfolio .item h4, .comment .title, .form-box label{ font-family: 'GothamBook', Arial, sans-serif; }
.recent-blog .tags, .recent-blog .tags-comments, .tags-comments2, .subscribe input.mail, span.copyright, ul.team li p, .most-posts li span, .post-meta, .comment .title span.right { font-size:12px; }
body, .navigation ul li ul li a, .services p { font-size:13px; }
.alert, blockquote, table th, .tables-column .header h3, .pricing-tables-2 .tables-column .list li, #options, .about-project p, .job, .categories, .post-content p, .ei-title h3 { font-size:14px; }
.progress-bar h5, .button.medium, .tables-column .list li { font-size:15px; }
.navigation ul li a, .flex-caption, .qoute p, a.link, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, input.subscribe-text, input.subscribe-button { font-size: 16px; }
.button.large, .dropcap{ font-size:18px; }
.tables-column .footer h3 span, .ei-title h2 { font-size:20px; }
.welcome, .flex-caption span, .day, .sti-menu li a h2, .qoute h2, .description, #toggle-view li span.link, .tables-column .header h3 span, #under-construction p { font-size:22px; }
.testimonials .author, a.link, .dropcap, table th { font-weight:bold; }
blockquote { font-style:italic; }
.tables-column .header h1{ font-size:24px; }
.tables-column.featured .header h1, .tables-column.featured .header h3 span { font-size:26px; }
#under-construction h1 { font-size:40px; }
h1.big { font-size:150px; padding: 50px 25px 70px 0; }
body, .post-meta a { color:#8d8d8d; }
.month, .subscribe input.submit, a.link:hover, .button, .button:hover, .highlight-color, .highlight-color a,.highlight-color a:hover, .highlight-black, .highlight-black a, .highlight-black a:hover, .highlight-gray, .highlight-gray a, .highlight-gray a:hover, #horizontal-tabs ul.tabs li.current, #horizontal-tabs ul.tabs li:hover, #vertical-tabs ul.tabs li.current, #vertical-tabs ul.tabs li:hover, #toggle-view li h3.black, #toggle-view li h3.color, #toggle-view li h3.gray, #toggle-view li span.link, .dropcap.color, .dropcap.black, .pagination li a.current, .pagination li a:hover, .pagination li a.prev, .pagination li a.next, .tabscontent.color, .tables-column .header h1, .tables-column .header h3, .tables-column .footer h3 span, #options li a:hover, #options li a.selected, .popular-tags a:hover, .date-post .day, .date-post .month, #under-construction, #under-construction h1, #under-construction p, input.subscribe-button, .flex-caption span { color:#fff; }
.recent-blog .tags-comments a, .tags-comments2 a, .recent-blog .tags-comments, .tags-comments2, .more a, .more2 a { color:#b4b3b3; }
.navigation ul li a, .sti-menu li a h2, .comment a:hover, .form-box label{ color:#585858; }
h1, h2, h3, h4, h5, h6, .services .item a, .services .item.active:hover a, .day, .qoute h2, .welcome p, .js .selectnav, .description p, .use p, .progress-bar h5, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, .square-list li, .square-list li a, .check-list li, .check-list li a, .plus-list li, .plus-list li a, .arrow-list li, .arrow-list li a, .cross-list li, .cross-list li a, .star-list li, .star-list li a, .minus-list li, .minus-list li a, .arrow2-list li, .arrow2-list li a, .circle-list li, .circle-list li a, table th, #options li a, .most-posts li a:hover, #clock-ticker .block, .tweet_list li a:hover, .under-construction .copyright a:hover { color:#686868; }
.recent-work .item:hover a, .testimonials .author, .sti-menu li a, ul.team li p, .lightbox .item:hover a, .portfolio .item:hover a, .about-project p, input.search, #toggle-view li h3.normal, #toggle-view li span.link.normal{ color:#868686; }
.gray2, input.subscribe-text { color:#b3b3b3; }
.job li a, .categories li a, .most-posts li a, .form-box label small, input.text, textarea{ color:#999999; }
.meter { background:#f6f6f6; }
.navigation ul li ul li a:hover, .tables-column .list li.odd, #clock-ticker .block, input.subscribe-text { background:#fff; }
.tabscontent.white { background-color:#fff ; }
.square, .services .item.active:hover .square, .button.color:hover, .button.gray:hover, .highlight-black, a.link:hover, .pagination.black li a.current, .pagination.black li a:hover { background:#585858; }
.day { background:#f5f5f5; }
.month, .our-services ul li:hover .icon-box, .button.black, #toggle-view li h3.black, .dropcap.black { background:#686868; }
.flex-direction-nav li .next:hover{ background:#585858 url(../images/icons/project-slider-arrow-right.png) no-repeat; background-position:55% 50%; }
.flex-direction-nav li .prev:hover{ background:#585858 url(../images/icons/project-slider-arrow-left.png) no-repeat; background-position:45% 50%; }
.testimonials p, .clients .items, blockquote, .info-box, .box, .description, .use, #horizontal-tabs ul.tabs li, #horizontal-tabs .tabscontent, #vertical-tabs ul.tabs li, #vertical-tabs .tabscontent, .pagination li a, .breadcrumbs.gray, table th, .tables-column .list li.even, #toggle-view li h3.normal { background-color:#fff; }
footer { background:#d2d3d5; }
footer.under-construction { background:#fff; }
.subscribe input.mail { background:#505050; }
.button.gray, .highlight-gray, #toggle-view li h3.gray, .pagination li a.prev, .pagination li a.next { background:#b3b3b3; }
.tables-column .header.gray h1 { background:#979797; }
.tables-column .header.gray h3, .tables-column .footer.gray h3 { background:#7e7e7e; }
.tables-column .header.black h1, .tables-column.featured .footer h3 span:hover, input.subscribe-button:hover { background:#5d5d5d; }
.tables-column .header.black h3, .tables-column .footer.black h3 span, input.subscribe-button { background:#474747; }
.flex-control-nav li a, .ei-slider-thumbs li a { background:#eaeaea; }
.welcome, .recent-work .item, .day, .month, .sti-menu li a, .lightbox .item, .portfolio .item { text-align:center; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 20px; line-height: 30px; }
h2 { font-size: 20px; line-height: 30px; }
h3 { font-size: 17px; line-height: 34px; }
h4 { font-size: 16px; line-height: 30px; }
h5 { font-size: 14px; line-height: 24px; }
h6 { font-size: 12px; line-height: 21px; }
p, blockquote { line-height:22px; word-break: normal; text-align:justify;}
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
blockquote{ }
hr { border: solid #ececec; border-width: 1px 0 0; clear: both; margin: -1px 0 0 0; height: 0; }
hr.bottom { border: solid #747474; border-width: 1px 0 0; clear: both; margin: 15px 0 ; height: 0; }
a, .recent-work .item, .services .item .square, .clients ul.items li img, .subscribe input.submit, ul.team li, ul.team li img, ul.team li h3, .choose ul li, .our-services ul li h3, .icon-box, .square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li, .lightbox .item, .tables-column .footer h3 span, .thumbs li a, .button { transition: all 0.3s ease-in; }
a { text-decoration:none; color:#585858; }
img { max-width: 100%; height: auto; }
.container{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row{ margin-bottom: 20px; }
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
.container .one.column, .container .one.columns { width: 40px;}
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns{ width: 220px; }
.container .five.columns{ width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns{ width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns{ width: 640px; }
.container .twelve.columns{ width: 700px; }
.container .thirteen.columns{ width: 760px; }
.container .fourteen.columns{ width: 820px; }
.container .fifteen.columns { width: 880px; }
.container .sixteen.columns { width: 940px; }
.container .one-third.column{ width: 300px; }
.container .two-thirds.column { width: 620px; }
.container .offset-by-one { padding-left: 60px;}
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four{ padding-left: 240px; }
.container .offset-by-five{ padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine{ padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven{ padding-left: 660px; }
.container .offset-by-twelve{ padding-left: 720px; }
.container .offset-by-thirteen{ padding-left: 780px; }
.container .offset-by-fourteen{ padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.navigation ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; background:#eef0ed; }
.navigation ul li{ position: relative; display: block; float: left; width:100%; }
.first-nav:first-child{ background:#cb9b47; color:#fff; }
.first-nav:first-child a{ color:#fff; text-transform:uppercase; font-size:21px; text-align:center; }
.first-nav:first-child a:hover{ background:none; border:none; }
.navigation ul li a{ display: block; padding: 6.5% 17%; }
* html .navigation ul li a{ display: inline-block; }
.navigation ul li ul li a, .navigation ul li ul li a:hover { border-top:1px solid #ececec; border-bottom:0; }
.navigation ul li ul { border-bottom:1px solid #ececec; background:#fff; }
.navigation ul li a.noborder{ border-bottom:none ; }
.navigation ul li ul { top:44px ; width:100%; }
.navigation ul li ul li ul { top:-2.5px ; }
.navigation ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; }
.navigation ul li ul li{ display: list-item; float: none; margin-left:0; }
.navigation ul li ul li ul{ top: 0; }
.navigation ul li ul li a{ width: 91%; padding: 13px 10px; margin: 0; }
* html .navigation{height: 1%;}
.rightarrowclass{ position: absolute; top: 18px; right: 10px; }
.downarrowclass{ position: absolute; top: 12px; right: 7px; display:none; }
#toTop { display:none; text-decoration:none; position:fixed; bottom:30px; right:20px; overflow:hidden; width:37px; height:37px; border:none; text-indent:-999px; background:url(../images/icons/totop.png) no-repeat left top; opacity:.8; }
#toTop:hover { opacity:1; }
#toTop:active, #toTop:focus { outline:none; }
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{ outline:none; }
.slides,.flex-control-nav,.flex-direction-nav{ margin:0; padding:0; list-style:none; }
.flexslider{ margin:0;padding:0; }
.flexslider .slides>li{ display:none; }
.flexslider .slides img{ max-width:100%;display:block; }
.flex-pauseplay span{ text-transform:capitalize; }
.slides:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
html[xmlns] .slides{ display:block; }
* html .slides{ height:1%; }
.no-js .slides>li:first-child{ display:block; }
.flexslider{ position:relative; }
.flexslider .slides>li{ position:relative; }
.flex-container{ position:relative; }
.flex-caption{ background:#333; }
.flex-caption{ width:30%; padding:15px 20px; margin:0; position:absolute; left:20px; bottom:20px; background:rgba(255,255,255,.8); color:#585858; line-height:25px; }
.flex-caption span { display:block; padding:0 0 7px 0; }
.flex-direction-nav{ height:0; }
.flex-direction-nav li a{ width:29px; height:78px; margin:0; display:block; position:absolute; top:40%; cursor:pointer; text-indent:-999em; }
.flex-direction-nav li .next{ right:0; }
.flex-direction-nav li .prev{ left:0; }
.flex-direction-nav li .disabled{ opacity:.3; cursor:default; }
.flex-control-nav{ width:100%; position:absolute; bottom:-32px; text-align:center; }
.flex-control-nav li{ margin:0 0 0 5px; display:inline-block; }
.flex-control-nav li:first-child{ margin:0; }
.flex-control-nav li a{ width:30px; height:10px; display:block; cursor:pointer; text-indent:-999em; }
.ei-slider{ position: relative; max-width: 960px; height: 365px; margin: 0 auto; }
.ei-slider-loading{ width:100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:999; background: rgba(0,0,0,0.8); color: #fff; text-align: center; line-height: 400px; }
.ei-slider-large{ width:100%; height: 100%; position:relative; overflow: hidden; }
.ei-slider-large li{ position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width:100%; }
.ei-slider-large li img{ width: 100%; height: auto; }
.ei-title{ position: absolute; right: 8%; margin:0 20px; bottom: 20%; color: #fff; }
.ei-title h2, .ei-title h3{ text-align: right; color:#fff; background:#333333; background: rgba(51,51,51,0.8); line-height:25px; padding:10px; }
.ei-title h2{ float:right; margin-bottom:10px; }
.ei-title h3{ clear:both; }
.ei-slider-thumbs{ height: 10px; margin: 0 auto; position: relative; max-width:939px ; }
.ei-slider-thumbs li{ position: relative; float: left; height: 100%; }
.ei-slider-thumbs li.ei-slider-element{ top: 0px; left: 0px; position: absolute; height: 100%; z-index: 10; text-indent: -9000px; }
.ei-slider-thumbs li a{ display: block; border-left:1px solid #fff; text-indent: -9000px; width: 100%; height: 100%; cursor: pointer; transition: background 0.2s ease; }
.ei-slider-thumbs li:first-child a{ border-left:0; }
.ei-slider-thumbs li a:hover{ background-color: #f0f0f0; }
.ei-slider-thumbs li img{ position: absolute; bottom: 50px; opacity: 0; z-index: 999; max-width: 100%; transition: all 0.4s ease; }
.ei-slider-thumbs li:hover img{ opacity: 1; bottom: 10px; }
.sti-menu{ position:relative; }
.sti-menu li{ height:135px; margin-bottom:30px ; }
.sti-menu li a{ display:block; overflow:hidden; height:100%; width:100%; position:relative; transition: all 0.3s ease-in; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; border-bottom:5px solid #e5e5e5; text-align:center; }
.sti-menu li a:hover { border-top:1px solid #585858; border-right:1px solid #585858; border-left:1px solid #585858; }
.sti-menu li a h2{ position:absolute; top:20px; left:0; width:100%; }
.sti-menu li a p{ position:absolute; top:55px; left:0; padding: 10px; }
.sti-icon{ position:absolute; top:36px; left: 38%; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { z-index: 1; }
.isotope, .isotope .isotope-item { transition-duration: 0.8s; }
.isotope { transition-property: height, width; }
.isotope .isotope-item { transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { transition-duration: 0s; }
.isotope.infinite-scrolling { transition: none; }
#contain { margin:10px 0 0 0; }
#contain .element-4 { min-height:76px; }
#contain .element-3 { min-height:280px; }
#contain .element-2 { min-height:400px; }
#options { padding:10px 0 25px 0; border-bottom: 1px solid #ECECEC; margin-bottom:20px; }
#options li { float: left; margin:3px 6px 3px 0 ; }
#options li a { padding: 8px 9px; display:inline-block; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.slidewrap { position:relative; }
.slidecontrols li a.next { position:absolute; top:32px; right:12px; }
.slidecontrols li a.prev { position:absolute; top:32px; right:49px; }
.slidecontrols li a.next.right { position:absolute; top:32px; right:0; }
.slidecontrols li a.prev.right { position:absolute; top:32px; right:37px; }
.slidecontrols li a.next, .slidecontrols li a.prev{ width:30px; height:10px; display:block; background:#585858; cursor:pointer; text-indent:-999em; }
.slidecontrols li a.next.carousel-disabled, .slidecontrols li a.prev.carousel-disabled { display:block; background:#eaeaea; cursor:default; }
.slidewrap2 { position:relative; }
.slidecontrols li a.carousel2-next { position:absolute; top:32px; right:0; }
.slidecontrols li a.carousel2-prev { position:absolute; top:32px; right:37px; }
.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel2-prev{ width:30px; height:10px; display:block; background:#585858; cursor:pointer; text-indent:-999em; }
.slidecontrols li a.carousel2-next.carousel2-disabled, .slidecontrols li a.carousel2-prev.carousel2-disabled { display:block; background:#eaeaea; cursor:default; }
.slidewrap3 { position:relative; }
.slidecontrols li a.carousel3-next { position:absolute; top:32px; right:0; }
.slidecontrols li a.carousel3-prev { position:absolute; top:32px; right:37px; }
.slidecontrols li a.carousel3-next, .slidecontrols li a.carousel3-prev{ width:30px; height:10px; display:block; background:#585858; cursor:pointer; text-indent:-999em; }
.slidecontrols li a.carousel3-next.carousel3-disabled, .slidecontrols li a.carousel3-prev.carousel3-disabled { display:block; background:#eaeaea; cursor:default; }
#clock-ticker { display: block; margin: 60px 0 40px 0; }
#clock-ticker .block { position: relative; float: left; margin-right: 22px; height: 122px; padding:10px 25px; border-radius:5px; }
#clock-ticker .block .flip-top { width: 88px; text-align: center; display:block; font-size:70px; padding:5px 0; }
#clock-ticker .block .label { text-align: center; display:block; padding:10px 0; font-size:20px; }
.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px 10px 5px 0; }
#sidebar.thumbs li { width: 29.7%; }
#footer.thumbs li { width: 45%; }
#sidebar.thumbs li img { display: inline-block; width:83px; height:75px; }
#footer.thumbs li img { display: block; width: 96px; height: 75px; border:2px solid #505050;}
.thumbs li a img { border: none; opacity:.7; }
.thumbs li a:hover img { opacity:1; }
#cycle { margin: 0; padding: 0; width: 500px; height: 333px; padding: 3px; background: #eee; }
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 333px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }
.notification_error { height: auto; margin: 10px 0 20px 0; padding: 10px; background: #FCFCFC; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 500; line-height: 24px; color: #EF1B52; border-radius: 0; border: 1px solid #E5E5E5; }
.notification_ok { height: auto; margin: 20px 0 70px 0; padding: 30px 10px; background: #6BBD64; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; color: white; border-radius: 0; }
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px; display:block !important;}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_nav{clear:none}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url(../images/uniform/sprite.html); background-repeat: no-repeat; }
.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button *{ margin: 0; padding: 0; }
div.selector { background-position: -483px -130px; line-height: 26px; height: 26px; }
div.selector span { background-position: right 0px; height: 26px; line-height: 26px; }
div.selector select { top: 0px; left: 0px; }
div.selector:active, div.selector.active { background-position: -483px -156px; }
div.selector:active span, div.selector.active span { background-position: right -26px; }
div.selector.focus, div.selector.hover, div.selector:hover { background-position: -483px -182px; }
div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -52px; }
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: -483px -208px; }
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -78px; }
div.selector.disabled { background-position: -483px -234px; }
div.selector.disabled span { background-position: right -104px; }
div.checker { width: 19px; height: 19px; }
div.checker input { width: 19px; height: 19px; }
div.checker span { background-position: 0px -260px; height: 19px; width: 19px; }
div.checker:active span, div.checker.active span { background-position: -19px -260px; }
div.checker.focus span, div.checker:hover span { background-position: -38px -260px; }
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; }
div.checker span.checked { background-position: -76px -260px; }
div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; }
div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; }
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; }
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; }
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; }
div.radio { width: 18px; height: 18px; }
div.radio input { width: 18px; height: 18px; }
div.radio span { height: 18px; width: 18px; background-position: 0px -279px; }
div.radio:active span, div.radio.active span { background-position: -18px -279px; }
div.radio.focus span, div.radio:hover span { background-position: -36px -279px; }
div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; }
div.radio span.checked { background-position: -72px -279px; }
div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; }
div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; }
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; }
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; }
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; }
div.uploader { background-position: 0px -297px; height: 28px; }
div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; }
div.uploader span.filename { height: 24px; margin: 2px 0px 2px 2px; line-height: 24px; }
div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; }
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; }
div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; }
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; }
div.uploader.disabled { background-position: 0px -325px; }
div.uploader.disabled span.action { background-position: right -381px; }
div.button { background-position: 0px -523px; }
div.button span { background-position: right -643px; }
div.button.focus, div.button:focus, div.button:hover, div.button.hover { background-position: 0px -553px; }
div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span { background-position: right -673px; }
div.button.active, div.button:active { background-position: 0px -583px; }
div.button.active span, div.button:active span { background-position: right -703px; color: #555; }
div.button.disabled, div.button:disabled { background-position: 0px -613px; }
div.button.disabled span, div.button:disabled span { background-position: right -733px; color: #bbb; cursor: default; }
div.button { height: 30px; }
div.button span { margin-left: 13px; height: 22px; padding-top: 8px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-left: 2px; padding-right: 15px; }
div.selector { width: 190px; font-size: 12px; }
div.selector select { min-width: 190px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; border: solid 1px #fff; }
div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; }
div.selector span { color: #666; width: 158px; text-shadow: 0 1px 0 #fff; }
div.selector.disabled span { color: #bbb; }
div.checker { margin-right: 5px; }
div.radio { margin-right: 3px; }
div.uploader { width: 190px; cursor: pointer; }
div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; }
div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 11px; }
div.uploader input { width: 190px; }
div.uploader.disabled span.action { color: #aaa; }
div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; }
.selector, .checker, .button, .radio, .uploader { display: inline-block; vertical-align: middle; }
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; }
div.button a, div.button button, div.button input { position: absolute; }
div.button { cursor: pointer; position: relative; }
div.button span { display: inline-block; line-height: 1; text-align: center; }
div.selector { position: relative; padding-left: 10px; overflow: hidden; }
div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.selector select { position: absolute; opacity: 0; height: 25px; border: none; background: none; }
div.checker { position: relative; }
div.checker span { display: inline-block; text-align: center; }
div.checker input { opacity: 0; display: inline-block; background: none; }
div.radio { position: relative; }
div.radio span { display: inline-block; text-align: center; }
div.radio input { opacity: 0; text-align: center; display: inline-block; background: none; }
div.uploader { position: relative; overflow: hidden; cursor: default; }
div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; }
div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }
div.uploader input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; }
#accordion h3 { padding:6px 15px; margin-bottom:7px; }
#accordion p { padding:5px 15px 17px 15px; }
#accordion .plus { background:url(../images/icons/accordion-icons.png) no-repeat 0 0; width: 11px; height: 12px; float: right; margin-top: 11px; }
#accordion .minus { background:url(../images/icons/accordion-icons.png) no-repeat 0px -4px; width: 11px; height: 3px; float: right; margin-top: 16px; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { overflow: hidden; }
.progress-bar h5 { margin-bottom:6px; }
.progress-bar li { margin-bottom:12px; }
.meter { height: 23px; position: relative; }
.meter > span { display: block; height: 100%; position: relative; overflow: hidden; }
.meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }
.animate > span:after { display: none; }
.alert { padding:12px 20px 12px 55px; position:relative; margin-bottom:19px; }
.error { background-image: url(../images/icons/error.png); background-position: 5% 50%; background-repeat: no-repeat; background-color: #fff1f2; color: #c98f92; }
.success { background-image: url(../images/icons/success.png); background-position: 5% 50%; background-repeat: no-repeat; background-color: #f4ffdf; color: #94b654; }
.info { background-image: url(../images/icons/info.png); background-position: 5% 50%; background-repeat: no-repeat; background-color: #e4f7ff; color: #699fb6; }
.notice { background-image: url(../images/icons/notice.png); background-position: 5% 50%; background-repeat: no-repeat; background-color: #fdf7d5; color: #c49a51; }
.close { width:18px; height:18px; position:absolute; right: 15px; top: 15px; cursor:pointer; }
.error .close { background:url(../images/icons/error-close.png) no-repeat; }
.success .close { background:url(../images/icons/success-close.png) no-repeat; }
.info .close { background:url(../images/icons/info-close.png) no-repeat; }
.notice .close { background:url(../images/icons/notice-close.png) no-repeat; }
.button { display:inline-block; margin:8px 10px 8px 0; border:none; cursor:pointer; text-shadow:none ; }
.button.small { padding: 10px 10px; }
.button.medium { padding: 12px 13px; }
.button.large { padding: 13px 20px; }
blockquote { background-image:url(../images/icons/blockqoute.png) ; background-repeat:no-repeat; background-position:16px 20px; padding:15px 15px 15px 51px; }
.info-box { padding:20px; overflow:hidden; }
.box { padding:15px; }
.colorTip{ display:none; position:absolute; left:50%; top:-30px; padding:6px; background-color:white; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-style:normal; line-height:1; text-decoration:none; text-align:center; text-shadow:0 0 1px white; white-space:nowrap; border-radius:2px; }
.pointyTip,.pointyTipShadow{ border:6px solid transparent; bottom:-12px; height:0; left:50%; margin-left:-6px; position:absolute; width:0; }
.pointyTipShadow{ border-width:7px; bottom:-14px; margin-left:-7px; }
.colorTipContainer{ position:relative; text-decoration:none ; display:inline-block; }
.white .pointyTip{ border-top-color:white;}
.white .pointyTipShadow{ border-top-color:#ddd;}
.white .colorTip{ background-color:white; border:1px solid #DDDDDD; color:#555555; }
.yellow .pointyTip{ border-top-color:#f9f2ba;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;}
.yellow .colorTip{ background-color:#f9f2ba; border:1px solid #e9d315; color:#5b5316; }
.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{ background-color:#333; border:1px solid #111; color:#fcfcfc; text-shadow:none; }
#horizontal-tabs { margin-bottom:15px; }
#horizontal-tabs ul.tabs { overflow:hidden; }
#horizontal-tabs ul.tabs li { display:inline-block; padding:12px 20px; margin-right:2px; cursor:pointer; }
#horizontal-tabs .tabscontent { padding:15px; display:none; overflow: hidden; }
#horizontal-tabs .tabscontent.no-padding { padding-left:0; padding-right:0; }
#vertical-tabs { margin-bottom:15px; }
#vertical-tabs .contents { float:right; width:66%; }
#vertical-tabs ul.tabs { overflow:hidden; width:34%; float:left; }
#vertical-tabs ul.tabs li { display:inline-block; padding:12px 20px; margin-bottom:4px; cursor:pointer; width:100%; }
#vertical-tabs .tabscontent { padding:15px; display:none; }
#toggle-view li { position:relative; cursor:pointer; margin-bottom:15px; }
#toggle-view li h3{ padding:2px 10px; }
#toggle-view span.link { position:absolute; right:10px; top:6px; }
#toggle-view .panel { padding:10px; display:none; }
.dropcap { padding:5px 10px; float: left; margin: 5px 5px 0 0; }
.square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li { padding:5px 5px 5px 15px; line-height:20px; }
.check-list li:hover, .cross-list li:hover, .star-list li:hover, .minus-list li:hover, .arrow2-list li:hover{ padding-left:18px; background-position:1% 25%; }
.plus-list li:hover, .square-list li:hover, .arrow-list li:hover, .circle-list li:hover{ padding-left:18px; background-position:1% 50%; }
.square-list li { background:url(../images/icons/list-icons/square.png) no-repeat; background-position:0 50%; }
.check-list li { background:url(../images/icons/list-icons/check.png) no-repeat; background-position:0 25%; }
.plus-list li { background:url(../images/icons/list-icons/plus.png) no-repeat; background-position:0 50%; }
.arrow-list li { background:url(../images/icons/list-icons/arrow.png) no-repeat; background-position:0 50%; }
.cross-list li { background:url(../images/icons/list-icons/cross.png) no-repeat; background-position:0 25%; }
.star-list li { background:url(../images/icons/list-icons/star.png) no-repeat; background-position:0 25%; }
.minus-list li { background:url(../images/icons/list-icons/minus.png) no-repeat; background-position:0 25%; }
.arrow2-list li { background:url(../images/icons/list-icons/arrow2.png) no-repeat; background-position:0 25%; }
.circle-list li { background:url(../images/icons/list-icons/circle.png) no-repeat; background-position:0 50%; }
.pagination { margin:25px 0 5px 0; overflow:hidden; }
.pagination li { margin:5px 5px 15px 0; }
.pagination li a{ padding:6px 12px; }
.icons li { padding:5px 0; height:20px; }
.tabscontent.color .icons li { padding: 5px; }
* .icon { display:inline-block; background:url(../images/icons/icons/icons.png) no-repeat; vertical-align:middle; margin: -2px 4px 0 0; }
* .icon.gray { background:url(../images/icons/icons/icons-gray.png) no-repeat; }
* .icon.white { background:url(../images/icons/icons/icons-white.png) no-repeat; }
* .social-icon { display:inline-block; background:url(../images/icons/icons/social-icons.png) no-repeat; vertical-align:middle; margin:0 1px 5px 0; }
.social-icon.transparent { margin:3px 8px 8px 9px; }
.breadcrumbs { padding:10px; border:1px solid #e5e5e5; margin-bottom: 10px; color:#fff; }
.breadcrumbs li { display:inline; padding:0 ; }
.breadcrumbs li b { margin:0 10px; }
.breadcrumbs li a{ color:#fff;}
table { width:100%; margin-bottom: 10px; text-align:left; }
table th, table td { padding:11px; border:1px solid #e5e5e5; }
.pricing-tables-1, .pricing-tables-2 { margin-top:40px; }
.pricing-tables-1 .tables-column { width:234px; text-align:center; float: left; display: inline; margin:10px 0; border-right:1px solid #fff; position:relative; }
.pricing-tables-2 .tables-column { width:187px; text-align:center; float: left; display: inline; margin:10px 0; border-right:1px solid #fff; position:relative; }
.tables-column .header { min-height:125px; }
.tables-column .header h3 { padding:10px 0 15px 0; line-height:15px; }
.tables-column.featured{ box-shadow: 0 0 20px rgba(0, 0, 0, .20); z-index:1; }
.tables-column.featured .header h1 { margin-top:-16px; padding:8px 0; }
.tables-column.featured .footer h3 span { padding-bottom:15px; }
.tables-column .header h3 span { display:block; padding:10px 0; }
.tables-column .footer h3 span { display:block; padding:7px 0; }
.tables-column .list li { padding:16px 0; display:block; }
.pricing-tables-2 .tables-column .list li:before { content:''; }
.list li{line-height:25px;}
.list li span.ok.gray { background: url(../images/icons/pricing-tabe-icons.html) no-repeat 0 0; width: 13px; height: 12px; display: inline-block; }
.list li span.minus.gray { background: url(../images/icons/pricing-tabe-icons.html) no-repeat -33px -7px; width: 9px; height: 4px; display: inline-block; }
.list li span.ok.black { background: url(../images/icons/pricing-tabe-icons.html) no-repeat -16px 0; width: 13px; height: 12px; display: inline-block; }
.list li span.minus.black { background: url(../images/icons/pricing-tabe-icons.html) no-repeat -47px -7px; width: 9px; height: 4px; display: inline-block; }
.video-wrap { height: 0; padding-top: 25px; padding-bottom: 22%; margin-bottom: 10px; position: relative; overflow: hidden; }
.video-wrap.vimeo { padding-top: 0; }
.video-wrap.widescreen { padding-bottom: 22%; }
.video-wrap embed, .video-wrap iframe, .video-wrap object, .video-wrap video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
.form-elements input[type="text"], .form-elements select, .form-elements textarea, .form-elements2 input[type="text"], .form-elements2 select, .form-elements2 textarea { padding:6px; border:1px solid #e4e4e3; color:#8c8d8b; border-radius:2px; }
.form-elements input[type="text"] { min-width:145px; }
.form-elements select { min-width:165px; margin-bottom:10px; }
.form-elements textarea { margin-top:15px; min-height:221px; }
.form-elements fieldset { margin-bottom:10px; min-height:30px; }
.form-elements label { min-width:90px; display:inline-block; color:#666; }
.form-elements2 fieldset { margin-bottom:10px; min-height:30px; }
.form-elements2 label { display:inline-block; color:#666; margin-bottom:10px; width:100%; }
.form-elements2 input[type="text"] { width:95%; }
.form-elements2 select { width:98%; margin-bottom:10px; }
.form-elements2 textarea { margin-top:10px; }
.why-tangram { text-align:center; margin:20px 0 0; }
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.navigation ul li a { display: block; }
.form { padding-top: 10px; }
.clients ul.items li { margin: 10px 10px; }
.subscribe input.submit { margin-right:-4px; }
a.link { font-size:13px; padding:15px; margin: 6px 0 0 0; }
.qoute h2 { font-size:18px; }
.qoute p { font-size:13px; }
.team h3 { font-size:15px; }
a.twitter, a.facebook, a.skype, a.linkedin { margin-left:1px; }
.border { max-width:225px; }
.pricing-tables-1 .tables-column { width:186px; }
.pricing-tables-2 .tables-column { width:186px; }
.pricing-tables-2 .tables-column.data-title { display:none; }
.pricing-tables-2 .tables-column .list li:before { text-align:center; display:block; margin-bottom:13px; font-family: 'GothamBook', Arial, sans-serif; font-weight:bold; color:#7e7e7e; }
#contain .element-4 { min-height:185px; }
#contain .element-3 { min-height:235px; }
#contain .element-2 { min-height:330px; }
input.search { width:82%; }
.comment{ width:84%; }
.children .comment{ width:82%; }
input.text, textarea { width:95.8%; }
.form-box { width:100%; margin:0 0 10px 0; }
#sidebar.thumbs li { width:38.7%; }
#footer.thumbs li { margin:5px 5px 5px 0; }
#footer.thumbs li img { max-width: 77px; min-height: 75px; }
.whyus img { max-width:225px; }
.container{ width: 768px; }
.container .column, .container .columns { margin-left: 10px; margin-right: 10px;}
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
.alpha.omega{ margin-left: 0; margin-right: 0; }
.container .one.column, .container .one.columns { width: 28px; }
.container .two.columns { width: 76px; }
.container .three.columns { width: 124px; }
.container .four.columns{ width: 172px; }
.container .five.columns{ width: 220px; }
.container .six.columns { width: 268px; }
.container .seven.columns { width: 316px; }
.container .eight.columns { width: 364px; }
.container .nine.columns{ width: 412px; }
.container .ten.columns { width: 460px; }
.container .eleven.columns{ width: 508px; }
.container .twelve.columns{ width: 556px; }
.container .thirteen.columns{ width: 604px; }
.container .fourteen.columns{ width: 652px; }
.container .fifteen.columns { width: 700px; }
.container .sixteen.columns { width: 748px; }
.container .one-third.column{ width: 236px; }
.container .two-thirds.column { width: 492px; }
.container .offset-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; }
.container .offset-by-four{ padding-left: 192px; }
.container .offset-by-five{ padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 384px; }
.container .offset-by-nine{ padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; }
.container .offset-by-eleven{ padding-left: 528px; }
.container .offset-by-twelve{ padding-left: 576px; }
.container .offset-by-thirteen{ padding-left: 624px; }
.container .offset-by-fourteen{ padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; }
}
@media only screen and (max-width: 767px) { 
.container { width: 300px; }
.container .columns, .container .column { margin: 0; }
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{ width: 300px; }
.container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen,.container .offset-by-fifteen { padding-left: 0; }
.video-wrap { padding-top: 0; }
.top-2{ margin-top:0 ; }
.video-wrap.widescreen{padding-bottom:50%; margin-bottom:5% !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.logo { margin:28px 28%; }
.js #nav { display: none; }
.js .selectnav { display: block; padding:10px; width:100%; border:1px solid #d5d5d5; margin-bottom: 22px; cursor:pointer; }
#slider { margin-top:20px; }
.flex-caption { font-size: 13px; }
.flex-caption span { font-size:15px; }
.flex-caption{ width:95.2%; padding:5px 10px; margin:0; position:absolute; left:0px; bottom:0; line-height:18px; }
.flex-caption span { display:block; padding:0 0 3px 0; }
.flex-caption { display:none; }
.clients ul.items li { margin: 10px 15px; }
.subscribe input.mail { width:76%; margin: 18px 0 8px 0; }
.subscribe input.submit { margin:18px 0 0 ; padding:7px 16px; }
span.copyright { padding-bottom: 17px; display: block; text-align:center; }
.social { float:none; text-align:center; }
.sti-icon{ position:absolute; top:36px; left: 45%; }
.qoute h2 { font-size:16px; }
.qoute p { font-size:13px; }
a.link { margin: 10px 0 0 0; }
.border { min-width:410px; }
ul.team li img, img.pic { min-width:420px; }
.image-post img { min-width:420px; max-height:250px; }
blockquote { background-position:0 9%; }
.slidecontrols li a.next { position:absolute; top:32px; right:0; }
.slidecontrols li a.prev { position:absolute; top:32px; right:37px; }
.pricing-tables-1 { margin:5px 0; }
.pricing-tables-1 .tables-column { width:209px; margin-bottom:30px; }
.pricing-tables-2 .tables-column { width:209px; margin-bottom:30px; }
.pricing-tables-2 .tables-column.data-title { display:none; }
.pricing-tables-2 .tables-column .list li:before { text-align:center; display:block; margin-bottom:13px; font-family: 'GothamBook', Arial, sans-serif; font-weight:bold; color:#7e7e7e; }
#contain .element-2 { min-height:370px; }
.flex-direction-nav li a{ width:25px; height:45px; }
input.search { width:91%; }
.date-post { margin-bottom:10px; }
.date-post .day, .date-post .month { width:auto; }
img.pic-3 { min-width:420px; max-height:250px; }
.comment{ width:83%; }
.children .comment{ width:81%; }
input.text, textarea { width:94.8%; }
.form-box { width:100%; margin:0 0 10px 0; }
.form input.button { width:100%; }
.ei-slider{ height: 265px; }
.ei-title { display:none; }
#under-construction h1, #under-construction p { text-align:center; }
#under-construction h1 { font-size:27px; }
#under-construction p { line-height:35px; font-size:20px; }
#clock-ticker .block { margin:0 15px 30px 15px; padding:10px 46px; }
.social-under { margin-top:20px ; }
input.subscribe-text { width: 354px; margin: 5px 15px 8px 15px; }
input.subscribe-button { width: 388px; margin: 8px 15px 5px 15px; }
.under-construction .copyright { display: block; text-align: center; }
.social-under { float: none; text-align: center; }
#sidebar.thumbs li { width:30.9%; }
#footer.thumbs li { width:30.9%; }
#horizontal-tabs ul.tabs li { margin-bottom:5px; }
.notification_ok { margin:30px 0 0px 0; }
#sidebar.thumbs li img, #footer.thumbs li img { width: 126px; height: 105px; }
.container { width: 420px; }
.container .columns, .container .column { margin: 0; }
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; }
.pp_content{min-height:250px ;min-width:286px ; max-height:300px ;max-width:286px ; overflow:hidden;}
* html .pp_content{max-height:250px ;max-width:286px ; overflow:hidden;}
#fullResImage { min-height:200px ;min-width:286px ; max-height:250px ;max-width:286px ; }
.pp_gallery, .pp_expand { display:none ; }
.pp_next { margin-right:-25px ; }
.pp_details { width:100% ; }
.pp_pic_holder { left:20% ; overflow:hidden; min-height:300px;min-width:320px; max-height:350px;max-width:320px; overflow:hidden; }
}
@media only screen and (max-width: 479px) { 
.logo { margin:28px 20%; }
.js #nav { display: none; }
.js .selectnav { display: block; padding:10px; width:100%; border:1px solid #d5d5d5; margin-bottom: 22px; cursor:pointer; }
#slider { margin-top:20px; }
.services h3 { padding:0; }
.services p { line-height:20px; font-size:12px; }
.services .item { padding-right: 5px; }
.services .item .square { margin-right:12px; }
#toTop { right:8px; }
.flex-caption { font-size: 11px; }
.flex-caption span { font-size:13px; }
.flex-caption{ width:93.2%; padding:5px 10px; margin:0; position:absolute; left:0px; bottom:0; line-height:15px; }
.flex-caption span { display:block; padding:0 0 3px 0; }
.flex-caption { display:none; }
.date { margin:0 18px 52px 0; }
.clients ul.items li { margin: 10px 50px; }
.subscribe input.mail { width:67%; margin: 18px 0 8px 0; }
.subscribe input.submit { margin:18px 0 0 ; padding:7px 16px; }
span.copyright { padding-bottom: 17px; display: block; text-align:center; }
.social { float:none; text-align:center; }
.sti-icon{ position:absolute; top:36px; left: 45%; }
.sti-menu li a h2{ padding: 0 30%; }
.qoute h2 { font-size:16px; }
.qoute p { font-size:13px; }
a.link { margin: 10px 0 0 0; width:84%; }
.team h3 { font-size:15px; }
a.twitter, a.facebook, a.skype, a.linkedin { margin-left:1px; }
.alert { padding:12px 12px 12px 32px; font-size:13px; }
.error, .success, .info, .notice { background-position: 2% 50%; }
.close { position: absolute; right: 4px; top: 15px; }
.slidecontrols li a.next { position:absolute; top:32px; right:0; }
.slidecontrols li a.prev { position:absolute; top:32px; right:37px; }
.pricing-tables-1 { margin:5px 0; }
.pricing-tables-1 .tables-column { width:100%; }
.tables-column.featured .header h1 { margin-top:0; }
.pricing-tables-2 .tables-column { width:100%; }
.pricing-tables-2 .tables-column.data-title { display:none; }
.pricing-tables-2 .tables-column .list li:before { text-align:center; display:block; margin-bottom:13px; font-family: 'GothamBook', Arial, sans-serif; font-weight:bold; color:#7e7e7e; }
#contain .element-2 { min-height:290px; }
.flex-direction-nav li a{ width:20px; height:40px; }
input.search { width:87%; }
.image-post img { min-width:300px; max-height:220px; }
.date-post { margin-bottom:10px; }
.date-post .day, .date-post .month { width:auto; }
.comment{ width:75%; }
span.right { float:left ; margin:25px 0 10px 0; display:block; width:100%; }
.children .comment{ width:71%; }
input.text, textarea { width:92.8%; }
.form-box { width:100%; margin:0 0 10px 0; }
.form input.button { width:100%; }
.ei-slider{ height: 165px; }
.ei-title { display:none; }
#under-construction h1, #under-construction p { text-align:center; }
#under-construction h1 { font-size:20px; }
#under-construction p { line-height:35px; font-size:16px; }
#clock-ticker .block { margin:0 15px 30px 15px; padding:10px 16px; }
.social-under { margin-top:20px ; }
input.subscribe-text { width: 266px; margin: 5px 0 8px 0; }
input.subscribe-button { width: 300px; margin: 8px 0 5px 0; }
.under-construction .copyright { display: block; text-align: center; }
.social-under { float: none; text-align: center; }
#sidebar.thumbs li { width:46.6%; }
#footer.thumbs li { width:46.6%; }
#horizontal-tabs ul.tabs li { margin-bottom:5px; }
.notification_ok { margin:30px 0 0px 0; }
#sidebar.thumbs li img, #footer.thumbs li img { width: 143px; height: 115px; }
}
.sti-pub li {
	display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
    transition: all 0.3s ease-in;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 5px solid #e5e5e5;
	min-height: 120px;
	margin-bottom: 30px;
	padding: 20px;
}
.sti-pub h2 { font-size: 17px; line-height: 22px; margin-bottom: 10px; }
.sti-pub p { font-size: 13px; text-align: left;  }