.footer-widget .widget ul > li > a:before
{ content: "\f101 "; font-family: FontAwesome; margin-left: 0; display: inline-block; width: 1.2em; color: #ffffff;}
/* galery / work */
ul.thumbnails li.span6:nth-child(2n + 3),div.thumbnails div.span6:nth-child(2n + 3)
{ margin-left:0px; clear:both;}
ul.thumbnails li.span4:nth-child(3n + 4),div.thumbnails div.span4:nth-child(3n + 4)
{ margin-left : 0px; clear:both;}
ul.thumbnails li.span3:nth-child(4n + 5),div.thumbnails div.span3:nth-child(4n + 5)
{ margin-left : 0px; clear:both;}
ul.thumbnails li.span2:nth-child(6n + 7),div.thumbnails div.span2:nth-child(6n + 7)
{ margin-left:0px; clear:both;}
ul.thumbnails li.span12 + li,div.thumbnails div.span12 + div
{ margin-left : 0px; clear:both;}
.work .thumbnail
{ border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; border: none;}
.work .thumbnail > .thumbnail-title
{ background: #fefefe; padding: 15px 15px; position: relative;}
.work .thumbnail > .thumbnail-title > h2
{ text-transform: capitalize; font-size: 13px; line-height: 14px; padding: 0; margin: 0; font-weight: 600; display:block; text-align: left;}
.work .thumbnail > .thumbnail-title > h2 > i[class^="icon-"],.work .thumbnail > .thumbnail-title > h2 > i[class*="icon-"]
{ background: #f5f5f5; color: #34495E; padding: 6px 10px; font-size: 31px; position: absolute; top: 0; left: 0;}
.work .thumbnail > .thumbnail-title > h2 > a
{ margin-left: 45px; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.work .thumbnail:hover > .thumbnail-title
{ background: #F6A03D; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.work .thumbnail:hover > .thumbnail-title h2,.work .thumbnail:hover > .thumbnail-title a{ color: #ffffff; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}.work .thumbnail:hover > .thumbnail-title > h2 > i[class^="icon-"],.work .thumbnail:hover > .thumbnail-title > h2 > i[class*="icon-"]{ background: #EB8540; color: #ECF0F1; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}.work .thumbnail:hover > .thumbnail-title a:hover{ color: #eeeeee; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; text-decoration: none;}.work .thumbnail > .thumbnail-title:before,.work .thumbnail > .thumbnail-title:after{ display: table; content: "";}.work .thumbnail > .thumbnail-body{ background: #eff0f2; width: auto; height: auto; position: relative;}.work .thumbnail > .thumbnail-body:after{ display:table; content: "";}.work .thumbnail > .thumbnail-body > .wrapper-image > img{ width: 100%; height: 100%; position: absolute; display: block;}.work .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.work .span6 > .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.work .span4 > .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.work .span12 > .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.work .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after{ box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* work single */#portfoliosingle .carousel-control { height: 32px; margin-top: 0; font-size: 30px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: rgba(0,0,0,0.9); padding: 4px 0; border-radius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font-weight: 300; border: 0; z-index: 10;}#portfoliosingle .carousel .carousel-control.right { right: 13px; top: 250px; left: auto;}#portfoliosingle .carousel .carousel-control.left { right: 53px; top: 250px; left: auto;}#portfoliosingle .carousel .item { height: 300px;}#portfoliosingle .carousel .item img { position: absolute; top: 0; left: 0; width: auto; height: auto; display: block;}.slideimage { width: auto; height: auto;}#portfoliosingle .carousel-indicators li { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.3); border-radius: 0px;}#portfoliosingle .carousel-indicators .active { background-color: #ffffff; background-color: rgba(255, 255, 255, 1);}/* blog */.blog .thumbnail{ border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; border: none;}.blog .thumbnail > .thumbnail-title{ background: #f5f5f5; padding: 15px 15px; position: relative;}.blog .thumbnail > .thumbnail-title > h2{ text-transform: uppercase; font-size: 14px; line-height: 16px; padding: 0; margin: 0; font-weight: 600; display:block; text-align: left;}.blog .thumbnail > .thumbnail-title > h2 > i[class^="icon-"],.blog .thumbnail > .thumbnail-title > h2 > i[class*="icon-"]{ background: #EB8540; color: #ECF0F1; padding: 8px 12px; font-size: 31px; position: absolute; top: -25px; left: 15px;}.blog .thumbnail > .thumbnail-title > h2 > a{ margin-left: 65px; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}.blog .thumbnail:hover > .thumbnail-title{ background: #F6A03D; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}.blog .thumbnail:hover > .thumbnail-title h2,.blog .thumbnail:hover > .thumbnail-title a{ color: #ffffff; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}.blog .thumbnail:hover > .thumbnail-title > h2 > i[class^="icon-"],.blog .thumbnail:hover > .thumbnail-title > h2 > i[class*="icon-"]{ background: #ECF0F1; color: #34495E; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}.blog .thumbnail:hover > .thumbnail-title a:hover{ color: #eeeeee; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; text-decoration: none;}.blog .thumbnail > .thumbnail-title:before,.blog .thumbnail > .thumbnail-title:after{ display: table; content: "";}.blog .thumbnail > .thumbnail-body{ background: #eff0f2; width: auto; height: auto; position: relative;}.blog .thumbnail > .thumbnail-body:after{ display:table; content: "";}.blog .thumbnail > .thumbnail-body > .wrapper-image > img{ width: 100%; height: 100%; position: absolute; display: block;}.blog .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 75px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.blog .span6 > .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 160px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.blog .span4 > .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 100px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.blog .span12 > .thumbnail > .thumbnail-body > .wrapper-image > a:after{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.blog .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after{ box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.overflow-hidden{ overflow: hidden;}span.overflow-hidden{ display: block;}/* testimoni */#testimonial{ width: 100%; height: 300px; background: url(../img/bg_testimoni.jpg) no-repeat fixed center center transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/s2.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/s2.jpg',sizingMethod='scale')"; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; _background-size: cover; padding: 40px 0; text-align: center;}#testimonial .testimoni-icon i { font-size: 18px; width: 18px; color: #ffffff; display: inline-block; padding: 17px; background: #EB8540; border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-shadow: 0px 0px 0px 4px rgb(255, 255, 255); -o-box-shadow: 0px 0px 0px 4px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 0px 4px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);}#testimonial h3 { font-size: 20px; line-height: 24px; font-weight: 400; text-transform: capitalize; text-align: center; color: #ffffff; letter-spacing: -1px; margin: 15px 0;}#testimonial .carousel-control { height: 20px; width: 28px; margin-top: 0; font-size: 26px; line-height:26px; text-shadow: none; background: #EB8540; padding: 1px 2px 12px; border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: 300; border: 1px solid #ffffff; z-index: 3; opacity: 0.8; filter: alpha(opacity=80);}#testimonial .carousel-control:hover { opacity: 1; filter: alpha(opacity=100);}#testimonial a.carousel-control.right { top: auto; bottom: -20px;}#testimonial a.carousel-control.left { top: auto; bottom: -20px;}#testimonial .carousel .item .testimoni-item{ color: #ffffff; display: block; padding: 40px 20px; font-size: 12px; line-height: 18px;}#testimonial .carousel .item h4{ color: #ffffff; font-weight: 600; font-size: 13px; text-transform: capitalize; margin-top: -30px;}#testimonial .carousel .item h4 > span{ color: #EB8540;}/* client */#client{ padding-bottom: 0px;}#client .thumbnail{ border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-align: center;}/* sitemap */.sitemap time{ font-style: italic; font-size: 10px;}.sitemap .widget ul{ list-style-type: none; margin-left: 0;}.sitemap .widget ul > li:before{ content: "\f101 "; font-family: FontAwesome; margin-left: 0; display: inline-block; width: 1.2em; color: #666666;}.sitemap .widget ul > li{ display: block; border-bottom: 1px solid #f2f2f2; padding: 6px 0;}.sitemap .widget ul > li:first-child > a{ padding-top: 0;}
/* ================== [7. FOOTER] ==================*/
#footer{
padding: 20px 15px 10px;
min-height: 300px;
background: url(../images/footer-bg-1.jpg);
color: #cccccc;
}
/* footer widget */
.footer-widget{ font-size: 12px;}
.footer-widget .widget{ margin-bottom: 30px;}
.footer-widget .widget h3{ margin-top: 0; font-size: 18px; line-height: 20px; font-weight: 600; padding: 8px 0; color: #ffffff; text-transform: capitalize; margin-bottom: 20px;}
.footer-widget .widget ul{
list-style-type: none;
margin-left: 3px;
}
.footer-widget .widget:after{ display: table; content: "";}
.footer-widget .widget ul > li > a:before{ content: "\f101 "; font-family: FontAwesome; margin-left: 0; display: inline-block; width: 1.2em; color: #ffffff;}
.footer-widget .widget ul > li > a{ color: #fff; display: block; border-bottom: 1px solid #2C3E50; padding: 4px 0;}
.footer-widget .widget ul > li > a:hover{ color: #FD5140;}
.footer-widget .widget ul > li:first-child > a{ padding-top: 0;}
/* footer widget recent post*/
.footer-widget .widget .featured-post-content h5{ font-size: 12px; line-height: 13px; font-weight: 400;}
.footer-widget .widget .featured-post-content a{ color: #22567f;}
.footer-widget .widget .featured-post-content a:hover{ color: #005580;}
.footer-widget .widget .featured-post-content small,
.footer-widget .widget .featured-post-content i.icon-comments{ color: #eee;}
.footer-widget .column-posts{ border-bottom-color: #2C3E50;}
/* footer widget popular post */
.footer-widget .widget-popular ul{ list-style-type: none; margin-left: 0;}
.footer-widget .widget-popular ul > li { display:block;}
.footer-widget .widget-popular ul > li > a{ display: inline-block; border: none;}
.footer-widget .widget-popular ul > li > a:before{ content: "\f10c "; font-family: FontAwesome; margin-left: 0; display: inline-block; width: 1.4em; font-size: 10px; color: #eeeeee;}
.footer-widget .widget-popular ul > li > span{ font-size: 9px; font-style: italic;}
/* footer widget photo */
.footer-widget .widget-photo:before,
.footer-widget .widget-photo:after,
.footer-widget .photo-wrapper:before,
.footer-widget .photo-wrapper:after{ display: table; content: ""; clear: both;}
.footer-widget .widget-photo .photo-wrapper{ list-style-type: none; margin-left: 0;}
.footer-widget .widget-photo .photo-wrapper > .photo{ float: left; width: 90px; height: 70px; margin: 0 0 8px; position: relative;}
.footer-widget .widget-photo .photo-wrapper > .photo img{ width: 90px; height: 70px;}
.footer-widget .widget-photo .photo-wrapper > .photo > a:before{ content: ""; margin-left: 0; display: inline-block; width: 0;}
.footer-widget .widget-photo .photo-wrapper > .photo > a{ border: none; padding: 0; border: 4px solid #0d2231; transition: all 0.2s linear; -o-transition: all0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}
.footer-widget .widget-photo .photo-wrapper > .photo > a:after{ bottom: 4px; content: ""; left: 4px; position: absolute; right: 4px; top: 4px; width: 82px; height: 70px; box-shadow: 0 0 0 35px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 0 0 35px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 0 35px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 0 0 35px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}.footer-widget .widget-photo .photo-wrapper > .photo:hover > a{ border-color: #071622; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.footer-widget .widget-photo .photo-wrapper > .photo:hover > a:after{ box-shadow: none; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.footer-widget .widget-photo .photo-wrapper > .photo:first-child > a{ padding: 0;}
.footer-widget .widget-photo .photo-wrapper > .photo:last-child > a{ padding: 0; margin-right: 0;}
/* footer widget tags */
.footer-widget .widget-tags:after{ content: ''; clear: both; display: table;}
.footer-widget .widget-tags ul{ list-style-type: none; margin-left: 0;}
.footer-widget .widget-tags ul > li{ float: left; margin-bottom: 13px;}
.footer-widget .widget-tags ul > li > a{ border: 1px solid #071622; margin-right: 5px; padding: 5px 10px; font-size: 12px; color: #eeeeee ; background: #071622; text-decoration: none; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;}.footer-widget .widget-tags ul > li:first-child > a{ padding: 5px 10px;}.footer-widget .widget-tags ul > li > a:hover{ border-color: #EB8540; color: #ffffff; text-decoration: none; background: #EB8540; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;}.footer-widget .widget-tags ul > li > a:before{ content: ""; margin-left: 0; display: inline-block; width: 0;}/* social icon */.footer-widget .social-icon:before,.footer-widget .social-icon:after,.footer-widget .social-icon > ul:before,.footer-widget .social-icon > ul:after{ display: table; content: ""; clear: both;}.footer-widget .social-icon ul{ list-style-type: none; margin-left: 0;}.footer-widget .social-icon ul > li{ float: left;}.footer-widget .social-icon ul > li > a{ text-decoration: none; background: #071622; border: none; padding: 10px 16px 8px; color: #eeeeee; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; margin-right: 1px; margin-bottom: 1px;}.footer-widget .social-icon ul > li > a > i[class^="icon-"],.footer-widget .social-icon ul > li > a > i[class*="icon-"]{ font-size: 18px;}.footer-widget .social-icon ul > li:first-child > a{ padding-top: 10px;}.footer-widget .social-icon ul > li:last-child > a{ margin-right: 0;}.footer-widget .social-icon ul > li > a:before{ content: ""; margin-left: 0; display: inline-block; width: 0;}.footer-widget .social-icon ul > li > .social-twitter,.footer-widget .social-icon ul > li > .social-gplus{ padding: 10px 14px 8px;}.footer-widget .social-icon ul > li > .social-linkedin{ padding: 10px 15px 8px;}.footer-widget .social-icon ul > li > .social-facebook:hover{ background: #4467AD; color: #ffffff;}
.footer-widget .social-icon ul > li > .social-twitter:hover{ background: #3498DB; color: #ffffff;}
.footer-widget .social-icon ul > li > .social-gplus:hover{ background: #FF4B4B; color: #ffffff;}
.footer-widget .social-icon ul > li > .social-linkedin:hover{ background: #59A3C0; color: #ffffff;}
#copyright{ padding: 15px 15px; color: #eeeeee; text-transform: uppercase; font-size: 12px; background: #071622;}
.c-left{ float: left;}.c-right{ float: right;}
#copyright ul{ margin-left: 0; list-style-type: none;}
#copyright ul > li{ float: left;}
#copyright ul > li > a{ padding: 5px 0; margin: 0 10px; color: #22567f; text-transform: uppercase;}
#copyright ul > li > a:hover{ color: #005580;}
/* ================== [8. RESPONSIVE] ==================*/
@media (max-width: 480px){ body{ padding: 0; margin: 0; }
#topbar .top-bar{ float:none; margin-top: 0px; }
#topbar .top-bar > *{ margin-left: auto; margin-right: auto; display: table; }
#header{ padding: 20px 15px 0; }
.logo{ float: none; display: table; margin: -30px auto 30px; text-align: center; }
.search-form{ float: none; display: table; margin: 0 auto; }
.search-form .input-append{ margin-right: -12px; }
#masthead, #masthead.carousel { margin-bottom: 0px; margin-top: 0; }
#masthead .carousel-caption { margin: 0px -22px 0 0 !important; float: right; }
#masthead .carousel .carousel-control.right { right: 207px; top: 250px; left: auto; }
#masthead .carousel .carousel-control.left { right: 247px; top: 250px; left: auto; } }
@media (min-width: 480px) and (max-width: 767px)
{
body{ padding: 0; margin: 0; }
#topbar .top-bar{ float:none; margin-top: 0px; }
#topbar .top-bar > *{ margin-left: auto; margin-right: auto; display: table; }
#header{ padding: 20px 15px 0; }
.logo{ float: none; display: table; margin: -30px auto 30px; text-align: center; }
.search-form{ float: none; display: table; margin: 0 auto; }
.search-form .input-append{ margin-right: -12px; }
#masthead, #masthead .carousel { margin-bottom: 0px; margin-top: 0px; }
#masthead .carousel-caption { margin: 0px -33px 0 0 !important; float: right; }
#masthead .carousel .carousel-control.right { right: 240px; top: 250px; left: auto; }
#masthead .carousel .carousel-control.left { right: 280px; top: 250px; left: auto; }
.work .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.work .span2 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.work .span3 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.work .span4 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.work .span6 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.work .span12 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.blog .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.blog .span2 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.blog .span3 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.blog .span4 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.blog .span6 > .thumbnail > .thumbnail-body > .wrapper-image > a:after,
.blog .span12 > .thumbnail > .thumbnail-body > .wrapper-image > a:after{ box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -o-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow:0 0 0 310px rgba(0, 0, 0, 0.5) inset; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.work .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.work .span2 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.work .span3 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.work .span4 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.work .span6 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.work .span12 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.blog .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.blog .span2 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.blog .span3 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.blog .span4 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.blog .span6 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after,
.blog .span12 > .thumbnail:hover > .thumbnail-body > .wrapper-image > a:after{ box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }}
@media (max-width: 979px)
{
body{ padding: 0; margin: 0; }
.navbar .btn-navbar { margin-top: 10px; margin-right: 12px; color: #ffffff; text-shadow: none; background: #EB8540; border-color: transparent transparent transparent; border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active{ background: #DD5525; }
.navbar .btn-navbar .icon-bar { background-color: #ffffff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.nav-collapse .nav { float: none; margin: 10px 12px 10px; }
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a { padding: 9px 15px; border-bottom: none; border-right: none; font-weight: 400; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.nav-collapse .pull-right > li:first-child > a{ border-left: none; }
.nav-collapse .dropdown-menu a:hover { background: #EB8540; color: #eeeeee; }
.nav-collapse .dropdown-menu .subdropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 25px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.nav-collapse .dropdown-menu li .subdropdown-menu { visibility: visible; display: block; }
.nav-collapse .pull-right > li > .dropdown-menu .dropdown-menu,
.nav-collapse .nav > li > .dropdown-menu.pull-right .dropdown-menu { margin: 0 25px; }
.nav-collapse .dropdown-menu .subdropdown-menu:before { display: none; }
.nav-collapse .dropdown-menu .subdropdown-menu:after { display: none; }
#masthead, #masthead .carousel { margin-bottom: 0px; margin-top: 0; }
#masthead .carousel-caption { margin: 0px 0px 0 0; float: right; }
.content-wrapper{ margin-bottom: 0; }
#footer{ margin: 0; }
#copyright{ margin-bottom: 0; }
.c-left{ float: none; margin: 0 auto; text-align: center; font-size: 11px; padding-top: 10px; }
.c-left:after{ display: table; content: ""; }
.c-right{ float: none; margin: 0 auto; text-align: center; }
#copyright .c-right > *{ margin: 0 auto; display: table; }
.c-right:after{ display: table; content: ""; }}
@media (min-width: 979px)
{
body{ padding-top: 0px; margin:0; padding-bottom: 0px; } }
/* Rules for resolutions between 768 and 979px*/
@media (max-width: 979px) and (min-width: 768px)
{
.navbar .container { width: 724px!important; }}
/* Rules for resolutions below 768px*/
@media (max-width: 767px)
{
.offset0 { margin-left: auto !important; } .spanwidget { width: auto !important; } /* padding on screen sides */ .container { width:90%!important; } .navbar-inner { padding:0 0 10px 0px!important; } .btn.btn-navbar { margin-top:20px; } /* separate span* classes horizontally */ [class*="span"] { margin-bottom:20px; }}@media (min-width: 1200px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .row-fluid .offset12 { margin-left: 104.12820512820512%; *margin-left: 104.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 95.58119658119658%; *margin-left: 95.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 87.03418803418803%; *margin-left: 86.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 78.48717948717949%; *margin-left: 78.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 69.94017094017094%; *margin-left: 69.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 61.393162393162385%; *margin-left: 61.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 52.84615384615384%; *margin-left: 52.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 44.299145299145295%; *margin-left: 44.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 35.75213675213675%; *margin-left: 35.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 27.205128205128204%; *margin-left: 27.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 18.65811965811966%; *margin-left: 18.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 10.382978723%; *margin-left: 10.329787233638298%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } input.span12, textarea.span12, .uneditable-input.span12 { width: 930px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 850px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 770px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 690px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 610px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 530px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 450px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 370px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 290px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 210px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 130px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 50px; } .thumbnails { margin-left: -20px; } .thumbnails > li { margin-left: 20px; } .row-fluid .thumbnails { margin-left: 0; }}