@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
.menu li, .menu ul a, .search-btn, .search-field { position: relative }
.menu li, .search-btn { z-index: 100 }
.menu a, .meta a, .tabs-nav li a { text-decoration: none }
.flex-control-paging li a, .flex-direction-nav a, .flexslider .slides > li:hover, .ls-playvideo, .ls-videopreview, .search-btn { cursor: pointer }
@media screen and (max-width:600px) {
	.flexslider .slides img.wizard-item-icon { width: auto }
}
#logo { width: 90%; margin-left: 5px }
#top-line, .light-box-footer { width: 100%; height: 5px; display: block }
#top-line { background: #006fba }
.sidebar .button { margin-bottom: 20px }
.light-box-footer { background: #424242 }
.contact-details { float: right; margin-top: 50px; display: block; color: #888; font-size: 11px }
.top-search { float: right }
.top-search input { width: 180px; font-size: 11px; color: #888 }
.search-btn { float: right; padding: 0; top: 0; right: 0; margin: 1px 0 0 -35px; background: url(../images/search.png) center center no-repeat; width: 35px; height: 32px; border: none; box-shadow: none }
.client-list li, .search-field { -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.search-field { border: 1px solid #e0e0e0; padding: 8px 9px; outline: 0; font-size: 13px; color: #888; margin: 0; max-width: 100%; display: block; background: #fff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); border-radius: 2px; float: right }
#navigation > a, .js .selectnav, .style-2 .left-corner, .style-2 .right-corner { display: none }
#logo a img, #navigation, #tagline { float: left }
#logo { margin-top: 25px }
#tagline { color: #888; border-left: 1px solid #e8e8e8; margin: 25px 0 0 20px; padding: 5px 0 5px 20px; font-size: 12px }
#navigation { height: 49px; width: 1040px; margin-left: -10px; background-color: #4c4c4c; left: 1px }
.style-2 { margin-left: 0 !important }
.style-2 ul li:first-child { margin-left: 0px !important }
.menu i.halflings { margin: 1px 2px 0 -2px }
.menu li > div, .menu ul { visibility: hidden; display: none }
.menu li:hover > div, .menu li:hover > ul { visibility: visible; display: block }
.ls-container, .slides:after { visibility: hidden }
.left-corner, .right-corner { display: block; width: 0; height: 0; border-style: solid; position: relative; top: 49px; opacity: .58; filter: alpha(opacity=58) }
.flex-direction-nav a, .flexslider.home:hover .flex-next, .flexslider.home:hover .flex-prev { filter: alpha(opacity=100); opacity: 1 }
.left-corner { border-color: transparent #888 transparent transparent; border-width: 0 9px 9px 0; float: left; left: 1px }
.right-corner { border-color: #888 transparent transparent; border-width: 9px 9px 0 0; float: right; right: 1px }
.menu, .menu ul { margin: 0; padding: 0; list-style: none }
.menu > li { float: left }
.menu > li.floatr { float: right }
.menu li > a { display: block }
.menu ul { position: absolute; display: none; width: 170px }
.menu ul ul { top: 0; left: 170px }
.menu li:hover > ul { display: block }
#navigation ul li:first-child { margin-left: -9px }
#navigation ul li ul li ul li:first-child, #navigation ul li ul li:first-child { margin-left: 0 }
ul.menu li.active { background-color: #006fba; z-index: 100; position: relative }
.menu > li > a { color: #fff; font-weight: 400; font-size: 13px; line-height: 18px; padding: 15px 20px 16px }
.menu > li:hover > a { background-color: #707070; border-left: none; padding-left: 20px; border-right: 1px solid #707070 }
ul.menu li a { -webkit-transition: background-color 80ms ease-in-out; -moz-transition: background-color 80ms ease-in-out; -o-transition: background-color 80ms ease-in-out; -ms-transition: background-color 80ms ease-in-out; transition: background-color 80ms ease-in-out }
.menu ul li a { -webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; -moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; -o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; -ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; transition: background-color 20ms ease-in-out, color 20ms ease-in-out }
.menu ul li.active a { color: #fff }
.menu > li > a { border-right: 1px solid #666 }
.menu > li > a:hover { border-right: 1px solid #707070 }
.menu li > ul > li > a img, .menu > li > a img { border: 0; margin-right: 7px }
.menu ul { background-color: #fff; border: 1px solid #e0e0e0; border-top: none; left: -1px; z-index: 999; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04); box-shadow: 0 1px 1px rgba(0, 0, 0, .04) }
.menu ul a { color: #777; font-size: 12px; line-height: 18px; padding: 9px 12px; border-top: 1px solid #e6e6e6 }
.menu ul a:hover { background-color: #f5f5f5 }
.menu .cols1, .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 { position: absolute; display: none; overflow: auto; z-index: 999; background: #fff }
.ls-container, .ls-inner { position: relative }
.ls-layer, .ls-layer > *, .ls-playvideo, .ls-yourlogo { position: absolute }
.menu .col1, .menu .cols1 { width: 160px }
.menu .col2, .menu .cols2 { width: 320px }
.menu .col3, .menu .cols3 { width: 480px }
.menu .col4, .menu .cols4 { width: 640px }
.menu .col5, .menu .cols5 { width: 800px }
.menu > li.floatr > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 { right: 0 }
.menu > li:hover > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 { display: block }
.menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5 { float: left }
.menu li > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 { background-color: #fff; border: 1px solid #e0e0e0; border-top: none; left: -1px; padding: 10px }
ul.cols1 a, ul.cols1 a:hover, ul.cols2 a, ul.cols2 a:hover, ul.cols3 a, ul.cols3 a:hover, ul.cols4 a, ul.cols4 a:hover, ul.cols5 a, ul.cols5 a:hover { background: 0 0; border: none }
.ls-inner, .ls-layer { background-position: center center; width: 100%; height: 100% }
ul.cols1 p a, ul.cols2 p a, ul.cols3 p a, ul.cols4 p a, ul.cols5 p a { padding: 0 }
.menu h4 { font-size: 13px; color: #888; font-weight: 400; margin: 0 10px 5px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; letter-spacing: 0 }
.menu h5 { font-size: 13px; margin: 8px 10px -3px }
.menu ol { list-style: none; margin: 7px 10px; padding: 0 }
.menu ol a { color: #777; font-size: 12px; padding: 3px 0; line-height: 15px }
.menu ol a:hover { color: #444 }
.menu p { font-size: 12px; line-height: 18px; margin: 9px 10px; padding: 0 }
.menu p a { color: #888; text-decoration: underline }
.menu p a:hover { color: #555 }
.ls-layer { display: none; overflow: hidden }
.ls-layer * { margin: 0; line-height: normal }
.ls-active, .ls-animating { display: block !important }
.ls-layer > * { left: 0; top: 0 }
.ls-layer .ls-bg { left: 50%; top: 50% }
.ls-videopreview, .ls-vpcontainer { height: 100%; left: 0; top: 0; position: absolute; width: 100% }
.ls-yourlogo { z-index: 99 }
.ls-playvideo { left: 50%; top: 50% }
.ls-wp-fullwidth-container { width: 100%; position: relative }
.ls-wp-fullwidth-helper { position: absolute }
.comment-content .ls-container img, .entry-content .ls-container img, .ls-container img, .widget .ls-container img { border-radius: 0; box-shadow: none; max-width: none !important; transition: none !important; -o-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -webkit-transition: none !important }
.comment-content .ls-container *, .entry-content .ls-container *, .widget .ls-container * { line-height: normal; padding: 0; outline: 0; border: 0 }
.comment-content .ls-inner *, .entry-content .ls-inner *, .entry-content .ls-yourlogo, .widget .ls-inner * { margin: 0 }
.comment-content .ls-tn, .entry-content .ls-tn, .widget .ls-tn { display: none }
.ls-debug-console * { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #fff !important; text-shadow: none !important; font-family: HelveticaNeue-Light, "Helvetica Neue Light", Helvetica, Arial, serif !important; line-height: normal !important; -webkit-font-smoothing: antialiased !important; text-align: left !important }
#not-found h2, #not-found p, .date, .flex-control-nav, .item-description, .pricing-table li { text-align: center }
.ls-debug-console h1 { padding-top: 10px !important; font-size: 17px !important; font-weight: 600 !important }
.ls-debug-console h1:first-child { padding-top: 0 !important }
.ls-debug-console ul { padding-top: 10px !important; list-style: none !important }
.ls-debug-console li { margin-left: 10px !important; font-size: 13px !important; position: relative !important; font-weight: 400 !important }
.ls-debug-console li ul { display: none; position: absolute !important; width: 260px; left: -10px; bottom: 100% !important; padding: 10px 10px 10px 0 !important; background: #fff !important; border-radius: 10px !important; box-shadow: 0 0 20px #000 !important }
.ls-shadow { display: none !important }
.ls-debug-console li:hover ul { display: block }
.ls-debug-console li ul * { color: #000 !important }
.ls-debug-console a { text-decoration: none !important; border-bottom: 1px dotted #fff !important }
#layerslider-container { background: url(../images/layerslider-loader.gif) center no-repeat }
.ls-fullwidth .ls-nav-next, .ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-playvideo, .ls-fullwidth .ls-playvideo:hover { -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out }
.ls-fullwidth .ls-nav-next, .ls-fullwidth .ls-nav-prev { width: 39px; height: 71px; margin-top: -36px; display: block; position: absolute; z-index: 100; cursor: pointer; text-indent: -9999px; top: 50% }
.ls-fullwidth .ls-nav-prev { background: url(../images/slider-left.png) 50% no-repeat #4c4c4c; left: 0; border-radius: 0 2px 2px 0 }
.ls-fullwidth .ls-nav-next { background: url(../images/slider-right.png) 50% no-repeat #4c4c4c; right: 0; border-radius: 2px 0 0 2px }
.ls-fullwidth .ls-nav-next:hover, .ls-fullwidth .ls-nav-prev:hover { background-color: #006fba }
.ls-fullwidth .ls-playvideo { width: 50px; height: 50px; display: block; margin-left: -25px; margin-top: -25px; background: url(../images/layerslider-video.png) 50% no-repeat; opacity: .8 }
.ls-fullwidth .ls-playvideo:hover { opacity: 1 }
.caption-color, .caption-gray, .caption-transparent { padding: 18px 22px; color: #fff; font-size: 14px; font-weight: 600; border-radius: 2px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1) }
.caption-gray { background: #4c4c4c }
.caption-color { background: #006fba }
.caption-transparent { background-color: #4c4c4c; background: rgba(0, 0, 0, .4) }
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus { outline: 0 }
.flex-control-nav, .flex-direction-nav, .slides { margin: 0; padding: 0; list-style: none }
.flexslider { padding: 0; z-index: 1; margin: 0; border: none; position: relative; zoom: 1 }
.flexslider .slides > li { display: none }
.flex-direction-nav a, .flexslider .slides > li:first-child, .no-js .slides > li:first-child, .slides:after, html[xmlns] .slides { display: block }
.flexslider .slides img { width: 100%; display: block }
.flex-pauseplay span { text-transform: capitalize }
.slides:after { content: "."; clear: both; line-height: 0; height: 0 }
* html .slides { height: 1% }
.flexslider.home { margin: 0 }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease }
.loading .flex-viewport { max-height: 300px }
.flexslider .slides { zoom: 1 }
.carousel li { margin-right: 5px }
.flex-direction-nav .flex-next { background: url(../images/slider-right.png) 50% no-repeat #4c4c4c; right: 0; border-radius: 2px 0 0 2px }
.flex-direction-nav .flex-prev { background: url(../images/slider-left.png) 50% no-repeat #4c4c4c; left: 0; border-radius: 0 2px 2px 0 }
.flex-direction-nav a { width: 39px; height: 71px; margin-top: -36px; position: absolute; z-index: 100; text-indent: -9999px; top: 50%; -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -ms-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out }
.arl, .arr, .search-btn-widget { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.home .flex-direction-nav a { opacity: 0; filter: alpha(opacity=0) }
.flexslider .flex-next:hover, .flexslider .flex-prev:hover { background-color: #006fba }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1 }
.flex-control-paging li a { width: 14px; height: 14px; display: block; background: #666; background: rgba(0, 0, 0, .5); text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, .3) }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, .7) }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, .9); cursor: default }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden }
.flex-control-thumbs li { width: 25%; float: left; margin: 0 }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer }
.flex-control-thumbs img:hover { opacity: 1 }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default }
.slide-caption { width: 282px; padding: 28px; margin: 0; position: absolute; display: block; left: 0; bottom: 0; background-color: #222; background: rgba(0, 0, 0, .45) }
.slide-caption h3 { color: #fff; padding-bottom: 10px; margin: 0; line-height: 22px }
.slide-caption p { margin: 0; line-height: 19px; color: #bbb }
.icon-box-container { margin: 40px 0 45px; float: left }
.icon-box-container p { margin: 0 }
.icon-box h3, .icon-box p { margin-left: 45px }
.icon-box i { float: left; font-size: 31px; margin: 8px 0 0; color: #404040 }
.arl, .arr { margin-top: 20px; float: left; width: 24px; height: 24px; display: block; background-color: #eee; cursor: default; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05); margin-right: 1px }
.arl i, .arr i { margin: 3px 0 0 10px; font-size: 10px; color: #c8c8c8 }
.arl { border-radius: 2px 0 0 2px }
.arr { border-radius: 0 2px 2px 0 }
.arl.active i, .arr.active i { color: #fff }
.arl.active, .arr.active { background-color: #ccc; cursor: pointer; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07) }
.arl.active:hover, .arr.active:hover { background-color: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1) }
.carousel-navi { margin: -10px 0 40px; float: left }
.jcarousel { position: relative; overflow: hidden }
.jcarousel ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0 }
.entire { margin: 30px 0 0 }
.entire h3 { margin: 0 0 8px }
.entire p { margin: 0 0 9px; color: #888 }
.entire a { color: #555 }
.entire a:hover { color: #888 }
.item-description { padding: 14px 0 19px; background: #fff; border-radius: 0 0 2px 2px; border-top: 5px solid #e5e5e5; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .12), 0 0 1px rgba(0, 0, 0, .1); box-shadow: 0 1px 1px rgba(0, 0, 0, .12), 0 0 1px rgba(0, 0, 0, .1) }
.ie8 .item-description { border-bottom: 1px solid #e8e8e8 }
.line, .page-title { width: 95% !important; border-bottom: 1px solid #e0e0e0 }
.portfolio-item img { -webkit-transition: opacity 180ms ease-in-out; -moz-transition: opacity 180ms ease-in-out; -o-transition: opacity 180ms ease-in-out; -ms-transition: opacity 180ms ease-in-out; transition: opacity 180ms ease-in-out }
.search-btn-widget, .tags a { -o-transition: all .2s ease-in-out }
.portfolio-item:hover img { opacity: .7; filter: alpha(opacity=70) }
.item-description h5 { margin-bottom: -3px; font-size: 13px; font-weight: 600 }
.item-description span { color: #888; font-size: 13px; font-weight: 300 }
.portfolio-item { margin: 40px 0; display: block; background-color: #fff }
.portfolio-item:hover > figure > .item-description { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .1); box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .1); border-top: 5px solid #006fba }
.recent-blog { margin-bottom: 38px }
.recent-blog h4 { line-height: 21px; margin-bottom: 10px }
.recent-blog h4 a { color: #333 }
.recent-blog h4 a:hover { color: #888 }
.recent-blog p { margin-top: 7px; margin-bottom: 0 }
.margin-1 { margin: 28px 0 22px }
.entry, .recent-blog h4, .recent-blog p { margin-left: 60px }
.date { float: left; height: 0; width: 45px }
.date span { display: block }
.day { background: #f2f2f2; padding: 10px; font-size: 16px; font-weight: 500; color: #999; border-radius: 2px 2px 0 0 }
.month { background: #ccc; padding: 0 10px 2px; color: #fff; border-radius: 0 0 2px 2px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07) }
.margin-reset { margin-top: -10px }
.sidebar.padding-reset { padding-top: 0 }
.glyphicons { margin: 15px 0 0 }
.glyphicons li { margin: 0 0 2px 1px }
.glyphicons li i { float: left; margin: 0 5px 0 0 }
.the-icons { margin: 18px 0 20px }
.the-icons li i { font-size: 24px; color: #555; float: left; margin: 0 3px 0 0 }
.the-icons li { margin: 0 0 14px }
#not-found { margin: 50px 0 75px }
#not-found h2 { font-size: 210px; line-height: 210px; font-weight: 400; letter-spacing: -5px }
#not-found p { font-size: 28px; line-height: 36px }
#not-found i { color: #ddd; font-size: 200px }
.dropcap { float: left; color: #006fba; font-size: 58px; line-height: 54px; padding-top: 4px; padding-right: 10px; margin-top: -2px }
.dropcap.gray { color: #555 }
.highlight.color, .highlight.gray, .highlight.light { padding: 2px 6px; color: #fff; border-radius: 2px }
.highlight.color { background: #006fba }
.button.gray, .highlight.gray { background: #4c4c4c }
.highlight.light { background: #aaa }
blockquote { border-left: 3px solid #e8e8e8; padding-left: 20px; color: #888; line-height: 20px; margin: 5px 0 20px 15px }
.skill-bar { height: 41px; position: relative; background: #f6f6f6; margin: 0 0 10px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05) }
.skill-bar-content[data-percentage] { text-indent: -9999px }
.skill-bar-content { background: #006fba; height: 41px; width: 0; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .12) }
.skill-bar .skill-title { color: #fff; top: 9px; left: 15px; position: absolute }
.skill-bar .percentage { color: #666; position: absolute; top: 9px; left: 90% }
.client-list li { border: 1px solid #e0e0e0; float: left; margin: -1px 0 0 -1px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.team-name { padding: 20px 0 12px }
.team-name h5 { line-height: 16px; font-size: 13px }
.team-name span { display: block; font-weight: 400; color: #888 }
.team-about p { margin-bottom: 0 }
.team-entry { display: block; position: relative }
.page-title { -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.page-title h2 { width: 100%; font-weight: 400; padding: 10px 0; float: left }
h2:empty, p:empty { padding: 0; margin: 0; display: none }
#breadcrumbs ul { float: right; padding: 34px 0; font-size: 12px }
#breadcrumbs ul li { display: inline-block; color: #888; padding: 0 11px 0 0; margin: 0 0 0 5px; background: url(../images/breadcrumbs.png) 100% 50% no-repeat }
#breadcrumbs ul li a, #breadcrumbs ul li:last-child a { color: #006fba }
#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0 }
#breadcrumbs ul li:first-child, #breadcrumbs ul li:last-child { color: #888; background: 0 0 }
#breadcrumbs ul li:last-child { padding: 0; background: 0 0 }
.floated.sidebar.right { background: #fcfcfc; margin-left: -1px; border-left: 1px solid #e0e0e0 }
.floated.sidebar.left { background: #fcfcfc; margin-right: -1px; border-right: 1px solid #e0e0e0 }
.page-content, .sidebar { padding: 40px 0 }
h3.margin, h4.margin { margin: 0 0 10px }
p.margin { margin: 0 0 25px }
.line { height: 1px; width: 100%; margin: 0 0 0 -40px; padding: 0 80px 0 0; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.widget-search { float: left }
.ie8 .top-search, .ie8 .widget-search { float: none }
.widget-search input { width: 200px; color: #888 }
.search-btn-widget { float: right; position: relative; padding: 0; top: 0; right: 0; margin: 0 0 0 -35px; background: url(../images/search-2.png) 50% no-repeat #006fba; width: 35px; height: 36px; cursor: pointer; border: none; z-index: 50; border-radius: 0 2px 2px 0; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15); transition: all .2s ease-in-out }
.latest-post-blog img, .tags a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.search-btn-widget:hover { background-color: #aaa; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1) }
.categories a { color: #666; display: block; padding: 3px 0 3px 12px; background: url(../images/categories.png) left 7px no-repeat }
.categories .current { font-weight: 700 }
.categories li a:hover { color: #888 }
.categories li:first-child a { margin: -6px 0 0 }
.categories li span { color: #aaa }
.widget { margin: 30px 0 0 }
.widget h4 { margin: 0 0 12px }
.tags a { padding: 3px 10px 5px; display: inline-block; color: #888; background-color: #f2f2f2; margin: 0 2px 6px 0; transition: all .2s ease-in-out; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05); border-radius: 2px }
.flickr-widget-blog a, .latest-post-blog img { -o-transition: all .2s ease-in-out; float: left }
.tags a:last-child { margin-right: 0 }
.tags .current, .tags a:hover { background: #006fba; color: #fff; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15) }
.latest-post-blog { margin-bottom: 18px }
.latest-post-blog p { margin: 0 0 0 75px; color: #666; line-height: 19px }
.latest-post-blog p a { color: #666; display: block }
.latest-post-blog p a:hover { color: #888 }
.latest-post-blog p span { color: #888; margin: 5px 0 0; display: block }
.latest-post-blog img { width: 56px; height: 56px; border: 1px solid #e0e0e0; padding: 4px; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); transition: all .2s ease-in-out }
.latest-post-blog img:hover { background: #006fba; border: 1px solid #006fba }
#twitter-blog li { line-height: 20px; margin: 0 0 15px; padding: 0 0 0 25px; background: url(../images/twitter-01.png) left 5% no-repeat }
#twitter-blog li:last-child { margin: 0 }
#twitter-blog b a, #twitter-blog b a:hover { color: #888; font-weight: 400 }
.flickr-widget-blog { margin-right: -15px }
.flickr-widget-blog img { display: block; width: 100% }
.flickr-widget-blog a { width: 57px; height: 57px; margin-right: 10px; margin-bottom: 10px; border: 5px solid #e8e8e8; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 2px }
.flickr-widget-blog a:hover { border: 5px solid #006fba; border-radius: 2px }
.google-map-container { margin: -4px 0 30px }
.google-map-container img { max-width: none !important }
.comments-sec { float: left; width: 100%; margin: 30px 0 25px }
ol.commentlist { float: left; width: 100%; margin: 0 }
ol.commentlist li { float: left; padding: 10px 0 15px; list-style: none }
ol.commentlist li:first-child { border: none; padding: 25px 0 0 }
ol li ol.childlist { float: right; width: 86%; margin: 0 }
ol.commentlist li ol.childlist li:first-child { padding: 25px 0 0 }
ol.commentlist li ol.childlist li { margin: 0 0 15px }
.comments-amount { color: #888 }
ol li ol.childlist .comment-des { float: left; width: 78% }
.avatar { float: left }
.avatar img { float: left; border-radius: 2px }
.comment-des p { margin: 0 }
.comment-des { float: left; margin: -60px 0 0 81px; width: 81%; background: #f6f6f6; color: #888; border-radius: 2px; -webkit-box-shadow: :inset 0 -1px 0 0 rgba(0, 0, 0, .06); box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .06); padding: 17px 20px 20px }
.arrow-comment { width: 10px; height: 20px; position: relative; float: left; background: url(../images/comment-arrow.png) no-repeat; margin-left: -30px }
.comment-des strong { float: left; padding-right: 5px; font-size: 13px }
.comment-des span { float: left; color: #888 }
.comment-by { float: left; width: 100%; padding-bottom: 8px; padding-top: 5px }
.comment-by span.reply { color: #888; float: right; display: inline }
.comment-by span.reply a { height: 17px; margin-left: 5px; font-weight: 400; float: right }
.comment-by span.date { color: #999; padding-right: 7px; float: right }
.portfolio-item.isotope { margin: 10px 0 }
.filters-dropdown { position: relative; z-index: 9; width: 140px; height: 20px; cursor: pointer; padding: 6px 12px 8px; display: inline-block; color: #888; background-color: #eee; margin: 0 3px 6px 0; -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -ms-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05); border-radius: 2px }
.filters-dropdown.active { color: #fff; background-color: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15); z-index: 10 }
.filters-dropdown.active:after { border-color: #fff rgba(255, 255, 255, 0) }
.ie8 .filters-dropdown.active:after { border-color: #fff transparent }
.filters-dropdown.active ul { opacity: 1; pointer-events: auto; visibility: visible }
.filters-dropdown:after { content: ""; width: 0; height: 0; position: absolute; right: 12px; top: 50%; margin-top: -2px; border-width: 5px 5px 0; border-style: solid; border-color: #aaa rgba(255, 255, 255, 0) }
.ie8 .filters-dropdown:after { border-color: #aaa transparent }
.filters-dropdown.active:after { border-width: 0 5px 5px }
.filters-dropdown ul { width: 132px; position: absolute; top: 100%; margin-top: 0; left: 1px; z-index: 1; border: inherit; background: #fff; list-style: none; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; opacity: 0; pointer-events: none; padding: 15px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .2); visibility: hidden }
.filters-dropdown ul li a:active { background: #fff }
.ie8 .filters-dropdown ul { display: none }
.ie8 .filters-dropdown.active ul { display: block }
.page-content.portfolio { padding: 30px 0; background: #fcfcfc }
.related-works { margin-bottom: -40px; padding-bottom: 40px; background: #fcfcfc }
#portfolio-navi { position: relative; float: right; display: block; margin: 29px 0 0 10px }
#portfolio-navi ul li { display: inline }
#portfolio-navi a { padding: 5px 10px 7px; display: inline-block; color: #888; background-color: #f4f4f4; margin: 0 0 6px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07); border-radius: 2px }
#portfolio-navi a:hover b { opacity: 1 }
#portfolio-navi a:hover { background-color: #006fba; color: #fff; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15) }
.project-info { padding: 21px 25px; background: #f6f6f6; color: #888; border-radius: 2px; -webkit-box-shadow: :inset 0 -1px 0 0 rgba(0, 0, 0, .07); box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07) }
.project-info .button { line-height: 22px }
.project-info li:first-child { padding-top: 0 }
.project-info li:last-child { border-bottom: 0 }
.project-info li { padding: 2px 0 }
.launch { margin-top: 10px }
.project-tags { margin-top: 15px }
.project-tags strong { float: left; margin: 5px 10px 20px 0 }
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1 }
.isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity }
.isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none }
.button, input[type=button], input[type=submit] { padding: 5px 14px 7px; display: inline-block; border: 0; font-weight: 500; outline: 0; font-size: 13px; cursor: pointer; width: auto; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 2px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2); letter-spacing: -.2px; margin-bottom: 5px }
input[type=button], input[type=submit] { float: left }
.button i { margin: 0 2px 0 -1px; height: 14px }
.button i.halflings { margin: 2px 0 0 -1px }
.button.medium { padding: 9px 18px; font-size: 14px }
.button.gray { color: #fff; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .4) }
.button.gray:hover { background: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2) }
.button.light { color: #fff; background: #aaa; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15) }
.button.light:hover { background: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2) }
.button.color, .button.color:hover { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15); color: #fff }
.button.color { background: #006fba }
.button.color:hover { background: #aaa }
.notification, .tabs-container { -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.button.active { background: #006fba }
.button-set input[type=button], input[type=submit] { margin-right: 10px; min-width: 90px }
input[type=button], input[type=button]:focus, input[type=submit], input[type=submit]:focus { color: #fff; background: #888; padding: 9px 11px; border: none !important }
input[type=button]:hover, input[type=submit]:hover { background: #aaa }
.notification { font-size: 13px; line-height: 18px; margin-bottom: 15px; position: relative; padding: 14px 40px 14px 18px }
.notification p { margin: 0 }
.notification span { font-weight: 600 }
.notification.success, .notification.success strong { background-color: #EBF6E0; color: #5f9025; border: 1px solid #b3dc82 }
.notification.error, .notification.error strong { background-color: #ffe9e9; color: #de5959; border: 1px solid #fbc4c4 }
.notification.warning, .notification.warning strong { background-color: #FBFADD; color: #8f872e; border: 1px solid #ded58a }
.notification.notice, .notification.notice strong { background-color: #E9F7FE; color: #5091b2; border: 1px solid #b6d7e8 }
.notification strong { border: none !important }
.notification.error .close, .notification.notice .close, .notification.success .close, .notification.warning .close { padding: 0 14px; position: absolute; right: 0; top: 20px; display: block; height: 8px; weight: 8px }
.tabs-nav, .tabs-nav li { padding: 0; overflow: hidden }
.close i { font-size: 11px; margin: -5px 5px 0 0; float: left }
.trigger a, .ui-accordion .ui-accordion-header { font-size: 13px; font-weight: 500; cursor: pointer }
.notification.success .close { color: #8dbf52 }
.notification.error .close { color: #f59292 }
.notification.warning .close { color: #c6bd67 }
.notification.notice .close { color: #86b4cc }
.tabs-nav { list-style: none; margin: 0; width: 100% }
.tabs-nav li { float: left; line-height: 38px; position: relative }
.tabs-nav li a { background-color: #f8f8f8; border: 1px solid #e0e0e0; border-right: none; color: #888; font-weight: 500; display: block; letter-spacing: 0; outline: 0; padding: 0 20px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.tabs-nav li:first-child a { border-left: 1px solid #e0e0e0 }
.tabs-nav li:last-child a { border-right: 1px solid #e0e0e0 }
.tabs-nav li.active i:before { color: #555 }
.tabs-nav li i:before { color: #909090 }
.tabs-nav li span { margin-left: -7px }
.tabs-nav li.active a i { opacity: 1; filter: alpha(opacity=100) }
.tabs-nav li i { opacity: .64; filter: alpha(opacity=64); margin: 10px 0 0 }
.tabs-nav li a:hover { background: #fff }
.tabs-nav li.active a { font-weight: 500; background: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #006fba; color: #006fba }
.tab-content { padding: 20px }
.tabs-container { border: 1px solid #e0e0e0; margin: -1px 0 20px; overflow: hidden; width: 100%; line-height: 21px }
.accordion { -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.ui-accordion .ui-accordion-header { display: block; position: relative; padding: 14px 0 15px; line-height: 26px; outline: 0; color: #707070; border: 1px solid #e0e0e0; margin-top: -1px; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; background-color: #fcfcfc }
.trigger a, .ui-accordion-icon, .ui-accordion-icon-active { -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out }
.ui-accordion .ui-accordion-header:hover { background-color: #fff }
.ui-accordion .ui-accordion-header-active, .ui-accordion .ui-accordion-header-active:hover { background-color: #fff; color: #006fba; border-bottom: 0 }
.ui-accordion .ui-accordion-icons { padding-left: 50px }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 20px }
.testimonial-container, .trigger a { position: relative }
.ui-accordion .ui-accordion-content { padding: 0 20px 20px; border: 1px solid #e0e0e0; border-top: 0 }
.ui-accordion .ui-accordion-content p { margin: 0 }
.ui-accordion-icon, .ui-accordion-icon-active { width: 18px; height: 18px; display: inline-block; background-color: #ccc; border-radius: 2px; background-image: url(../images/accordion-plus.png); background-repeat: no-repeat; background-position: 50%; float: left; margin: 5px 10px 0 0; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1); transition: background-color .2s ease-in-out }
.ui-accordion-icon-active { background-color: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15); background-image: url(../images/accordion-minus.png) }
.toggle-wrap { float: left; width: 100%; border: 1px solid #e0e0e0; margin-bottom: 15px; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.trigger a { display: block; padding: 14px 0 15px 20px; line-height: 26px; color: #707070; transition: background-color .2s ease-in-out; background-color: #fcfcfc }
.trigger a:hover, .trigger.active a, .trigger.active a:hover { background: #fff }
.trigger.active a { color: #006fba }
.toggle-icon { width: 18px; height: 18px; display: inline-block; background-color: #ccc; border-radius: 2px; background-image: url(../images/accordion-plus.png); background-repeat: no-repeat; background-position: 50%; float: left; margin: 5px 10px 0 0; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1); -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out }
.trigger.active .toggle-icon { background-color: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15); background-image: url(../images/accordion-minus.png) }
.toggle-container p { margin: 0 }
.toggle-container { padding: 0 20px 17px }
.large-notice { background-color: #fcfcfc; border: 1px solid #e0e0e0; padding: 32px; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.large-notice h2 { margin-bottom: 10px }
.large-notice p { font-size: 14px; color: #888; line-height: 22px }
.check-list li, .plus-list li, .sign-list li, .star-list li, .minus-list li { padding: 0 0 0 18px; list-style: none; margin: 5px 0 }
.check-list li:first-child, .plus-list li:first-child, .sign-list li:first-child, .star-list li:first-child, .minus-list li:first-child { margin-top: 0 }
.check-list li { background: url(../images/icon-list-check.png) 0 3px no-repeat }
.sign-list li { background: url(../images/icon-list-sign.png) 0 3px no-repeat }
.plus-list li { background: url(../images/icon-list-plus.png) 0 3px no-repeat }
.minus-list li { background: url(../images/icon-list-minus.png) 0 3px no-repeat }
.star-list li { background: url(../images/icon-list-star.png) 0 3px no-repeat }
table.standard-table th, table.standard-table tr:hover td { background-color: #fafafa }
table.standard-table { width: 99%; border-collapse: separate; border-spacing: 0; border: none; margin-bottom: 15px }
table.standard-table th { border: 1px solid #e0e0e0; border-right: none; padding: 10px 12px; color: #444; vertical-align: top; font-size: 14px; font-weight: 600 }
.RowStyle td:last-child, table.standard-table th:last-child { border-right: 1px solid #e0e0e0 }
table.standard-table td { padding: 10px 12px; border-top: none; border-right: none }
.HeaderStyle, .RowStyle, .pricing-table ul { border: 1px solid #e0e0e0 }
.arrow, .arrow:after, .ui-tooltip { position: absolute }
.testimonials { background: #f6f6f6; color: #888; padding: 25px; line-height: 21px; border-radius: 2px; -webkit-box-shadow: :inset 0 -1px 0 0 rgba(0, 0, 0, .06); box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .06) }
.testimonials-bg { background: url(../images/testimonials-bg.png) no-repeat; margin-top: -1px; display: block; margin-left: 25px; width: 200px; height: 30px }
.testimonials-author { color: #006fba; float: right; display: block; margin-top: -23px; margin-bottom: 20px }
.flexslider.testimonial-slider .flex-direction-nav, .ie8 .arrow { display: none }
.testimonials-author span { color: #a0a0a0 }
.arrow:after, .ui-tooltip { background: #444 }
.ui-tooltip { color: #fff; padding: 1px 8px; z-index: 9999; font-size: 11px; max-width: 300px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.meta, .meta a { color: #888 }
.fade { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -ms-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out }
.fade.in, .post-img a img { opacity: 1; filter: alpha(opacity=100) }
.arrow { width: 70px; height: 5px; overflow: hidden; left: 50%; margin-left: -35px; bottom: -5px }
.arrow.top { top: -16px; bottom: auto }
.arrow.left { left: 20% }
.arrow:after { content: ""; left: 23px; top: -20px; width: 21px; height: 21px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg) }
.arrow.top:after { top: auto }
.post { margin: 40px 0 }
.post-content { margin: 0 0 0 63px }
.post-img a img { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; margin: 0 0 23px }
.flickr-widget a, .pagination ul li a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.post-img a:hover img { opacity: .8; filter: alpha(opacity=80) }
.meta { margin: 0 0 15px }
.meta time { margin: 0 0 0 -2px }
.meta a:hover { color: #666 }
.meta i.halflings { display: inline-block; opacity: .53; filter: alpha(opacity=53); margin: 2px 5px 0 0 }
.meta:after, .post.medium:after { content: "."; display: block; clear: both; visibility: hidden; height: 0 }
.meta:after { line-height: 0 }
.meta i.halflings:before { color: #a5a5a5 }
.meta span { margin-right: 12px; float: left }
.meta h2 { line-height: 26px; font-size: 20px; font-weight: 400; margin: 0 0 2px }
.meta h2 a { color: #444 }
.meta h2 a:hover { color: #666 }
.medium-image { float: left; margin: 0 20px 0 0; width: 28% }
.medium-content { float: left; width: 89%; margin-left: 60px }
.post.medium { margin-top: 40px; margin-bottom: 16px }
.post.medium p { margin-bottom: 15px }
.post.medium:after { line-height: 0 }
.pagination { margin: 30px 0 }
.pagination ul li a { padding: 6px 10px; border-bottom: none; display: inline-block; color: #888; float: left; margin: 4px; background-color: #f4f4f4; transition: all .2s ease-in-out; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07); border-radius: 2px }
.pagination .current { background: #006fba !important; color: #fff; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15) }
.pagination ul li a:hover { background-color: #ccc; color: #fff; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1) }
.about-author { margin-bottom: 40px; padding: 20px; background: #f6f6f6; color: #888; border-radius: 2px; -webkit-box-shadow: :inset 0 -1px 0 0 rgba(0, 0, 0, .06); box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .06) }
.about-author p { margin: 0 0 2px }
.about-author img { float: left; margin: 7px 5px 5px; width: 65px; height: 65px; border-radius: 2px }
.about-description { margin: -2px 0 0 90px }
.pricing-table { float: left; margin: 1px 0 0 -1px; z-index: 1; position: relative }
.pricing-table h3 { font-size: 16px; padding: 6px 0; font-weight: 200 }
.pricing-table ul { padding: 10px 0 0; border-top: 0; background: #fff; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.pricing-table li { color: #888; background: #fff; padding: 4px 0 }
#footer a:hover, #footer h4 { color: #fff }
li.sign-up { border-top: 1px solid #e0e0e0; background: #fafafa; padding: 12px 0; margin-top: 10px }
li.sign-up a { font-weight: 200; letter-spacing: 0 }
li.sign-up a:hover { opacity: .8; filter: alpha(opacity=80) }
.pricing-table h3, .pricing-table h4 { text-align: center; color: #fff; margin: 0 }
.pricing-table h4 { padding: 12px 0 10px }
.price, .time { display: block; line-height: 20px }
.price { font-size: 24px; font-weight: 400 }
span.time { font-size: 12px; font-weight: 200; opacity: .6 }
.pricing-table.featured ul { padding: 10px 0 0; border: 1px solid #e0e0e0; border-top: 0; background: #fff; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent }
.pricing-table.featured h3 { padding: 11px 0 13px; margin: -12px 0 0 }
.pricing-table.featured li.sign-up { border-top: 1px solid #e0e0e0; background: #fafafa; padding: 18px 0; margin-top: 10px }
#footer, #footer-bottom { width: 1020px; margin: 0 auto; font-size: 12px }
.featured div { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) }
.color-1 .sign-up .button, .pricing-table .color-1 h3 { background-color: #909090 }
.pricing-table .color-1 h4 { background-color: grey }
.color-2 .sign-up .button, .pricing-table .color-2 h3 { background-color: #565656 }
.pricing-table .color-2 h4 { background-color: #4c4c4c }
.pricing-table .color-3 h3 { background-color: #3dafea }
.color-3 .sign-up .button, .pricing-table .color-3 h4 { background-color: #006fba }
#contact fieldset div { margin-bottom: 20px }
#contact fieldset div input { width: 220px }
#contact textarea { max-width: 620px; min-width: 620px; min-height: 160px }
#contact input, #contact select, #contact textarea { -webkit-transition: background .2s ease-in-out, border-color .2s ease-in-out; -moz-transition: background .2s ease-in-out, border-color .2s ease-in-out; -o-transition: background .2s ease-in-out, border-color .2s ease-in-out; -ms-transition: background .2s ease-in-out, border-color .2s ease-in-out; transition: background .2s ease-in-out, border-color .2s ease-in-out }
#contact input:focus, #contact select:focus, #contact textarea:focus { border: 1px solid #d6d6d6; outline: 0; position: relative; z-index: 5 }
#contact input.error, #contact select.error, #contact textarea.error { border: 1px solid #f2c4c2; background: #ffeceb }
#contact label span { color: #ed1c1c }
#contact input[type=submit][disabled] { background: #aaa }
#message { margin: 0; padding: 0; display: block; background: 0 0 }
.loader { padding: 10px; float: left }
#footer { background: #4c4c4c; padding: 30px 0 31px }
#footer-bottom { background: #424242; padding: 15px 0 }
#footer, #footer a, #footer p { color: #ddd }
#footer h4 { padding: 0; margin: 0 0 15px; font-size: 14px }
.copyright { color: #aaa }
.copyright a, .copyright span { color: #eee !important }
#sub-menu { float: right; font-size: 11px }
#sub-menu ul li a { color: #aaa }
#sub-menu ul li a:hover { color: #eee }
#sub-menu ul li { display: inline-block; border-left: 1px solid #505050; margin: 0; padding: 0 8px; line-height: 12px }
#sub-menu ul li:first-child { border: none; padding-left: 0 }
#sub-menu ul li:last-child { padding-right: 0 }
#logo-footer { margin: 10px 0 20px; width: 100px; height: 24px }
.flickr-widget { margin-right: -12px; margin-top: 0 }
.flickr-widget img { display: block; width: 100% }
.flickr-widget a:hover { border-color: #006fba }
.flickr-widget a { float: left; width: 58px; height: 58px; margin-right: 9px; margin-bottom: 9px; border: 5px solid #424242; transition: all .2s ease-in-out; border-radius: 2px }
.increase-value, .latest-shop-items img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out }
.ie7 .flickr-widget a { width: 54px; height: 54px }
#twitter li { margin: 0 0 15px; padding: 0 0 0 25px; background: url(../images/social/twitter.png) left 5% no-repeat }
#twitter li:last-child { margin: 0; padding: 0 0 0 25px }
#twitter a { color: #fff }
#twitter b a, #twitter b a:hover { margin-top: 5px; display: block; color: #999; font-weight: 400 }
.contact-details-alt li p strong { color: #fff; float: left; margin: 0 5px 5px 0 }
.contact-details li p strong { color: #666; float: left; margin: 0 5px 5px 0 }
span.hours { float: right }
.contact-informations.second { margin: 15px 0 0 }
.address { line-height: 21px }
.contact-details-alt li { margin: 0 0 15px }
.contact-details a, .contact-details li, .contact-details p { color: #666 }
.contact-informations p { margin: 0 }
.contact-informations.hours i { float: left; margin: 0 5px 0 0 }
.contact-details-alt p { margin: -2px 0 0 22px; line-height: 18px }
.contact-informations li i { float: left; margin: 3px 5px 0 0 }
.contact-informations ul { margin: 0 0 10px }
.contact-details-alt li i { float: left; margin: 1px 0 0 }
.shop-item-close { background-image: url(../fancybox/fancybox_sprite.png); position: absolute; top: 0; right: -13px; width: 36px; height: 36px; cursor: pointer; z-index: 8040 }
.container .four-shop.columns { width: 200px; min-height: 350px }
#price-range input { padding: 0; background: 0; border: 0; box-shadow: none; margin: 2px 0 0 4px; float: left; width: 100px }
#price-range .button { float: right; padding: 3px 11px 4px; margin: -5px 0 0 }
#price-range label { float: left }
.padding-range { padding: 0 8px }
#slider-range { margin: 0 0 16px }
#price-range .ui-slider { position: relative; text-align: left }
#price-range .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px; height: 17px; margin: 2px 0 0; cursor: w-resize }
#price-range .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 14px; display: block; border: 0; background-position: 0 0 }
#price-range .ui-widget-content { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05); background-color: #f2f2f2; padding: 2px 0; border-radius: 2px }
#price-range .ui-widget-header { background: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1) }
#price-range .ui-state-default { background: #ddd; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08); border-radius: 2px }
#price-range .ui-slider.ui-state-disabled .ui-slider-handle, #price-range .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit }
.flexslider.shop img:hover, .shop-item img:hover { opacity: .7; filter: alpha(opacity=70) }
#price-range .ui-slider-horizontal { height: .8em }
#price-range .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em }
#price-range .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% }
#price-range .ui-slider-horizontal .ui-slider-range-min { left: 0 }
#price-range .ui-slider-horizontal .ui-slider-range-max { right: 0 }
#cart, .latest-shop-items, .uc-summary-panel { padding: 18px; width: 84%; display: inline-block; background-color: #f2f2f2; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05); border-radius: 2px; color: #666 }
.cart-items { border-bottom: 1px solid #e6e6e6; padding: 0 0 10px }
#cart .button, .shop-item .button { padding: 5px 16px 6px !important }
#cart .button.color { margin: 0 0 0 2px }
.cart-items li { margin: 0 0 10px }
.cart-items li:last-child { margin: 0 }
a.cart-item-title { color: #444; font-weight: 600; display: block }
a.cart-item-title:hover { color: #888; display: block }
.cart-item-amount { color: #888; display: block; font-size: 12px }
.cart-subtotal { display: block; margin: 8px 0; color: #888 }
.cart-subtotal strong { color: #888; font-weight: 500 }
a.item-remove { color: #eb4c4c; font-size: 11px }
.empty-cart { color: #888 }
.latest-shop-items { margin-bottom: 15px }
.latest-shop-items p { margin: 0 0 0 77px; color: #666; line-height: 19px }
.latest-shop-items p a { color: #666; display: block }
.latest-shop-items p a:hover, .shop-item .item-description a:hover h5 { color: #888 }
.latest-shop-items p span { color: #888; margin: 5px 0 0; display: block }
.latest-shop-items img { float: left; width: 56px; border: 1px solid #e0e0e0; padding: 4px; border-radius: 2px; background: #fff; transition: all .2s ease-in-out }
.shop-item .item-description h5, .shop-item img { -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out }
.latest-shop-items img:hover { background: #006fba; border: 1px solid #006fba }
.shop-item img { border-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 180ms ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.shop-item img:hover { border-color: #e7e7e7 }
.shop-item .item-description h5 { line-height: 18px; min-height: 36px; font-size: 13px; font-weight: 600; margin: 3px 0 0; transition: all 180ms ease-in-out }
.shop-item .item-description span { color: #666; font-size: 13px; font-weight: 300; display: block; margin: 0 0 10px }
.shop-item { display: block; background-color: #fff }
.shop-item .item-description { padding: 14px 10px 19px; background-color: #f4f4f4; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07); border-radius: 0 0 2px 2px; border-color: #e8e8e8 }
.flexslider.shop, .large-loginnotice { -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.shop-item .button { padding: 5px 13px 7px }
.pagination.shop { margin: 20px 0 40px }
.flexslider.shop { border: 1px solid #e0e0e0; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); margin: 0 0 20px }
.flexslider.cart { box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); margin: 0 0 20px }
.flexslider.shop img { -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.flexslider.shop .flex-direction-nav { display: none }
table.standard-table.shop { margin: 0; border-bottom: 1px solid #e0e0e0 }
table.standard-table.shop th { border-bottom: none; font-size: 13px; margin-bottom: -1px }
table.standard-table.shop td { padding: 10px 12px; border: 1px solid #e0e0e0; border-bottom: none }
.cart-amount input, .product-amount input { width: 20px; padding: 5px; text-align: center }
.product-info .price { font-size: 20px; font-weight: 300; color: #777; margin: 0 0 15px }
.product-info h3 { font-size: 20px; font-weight: 500; color: #333; line-height: 26px; margin: 0 0 7px }
.product-amount input { float: left; border-radius: 2px 0 0 2px }
.product-amount { margin: 0 0 15px; float: left }
.cart-amount { margin: 0; float: left }
.cart-amount input { float: left; border-radius: 0 }
.decrease-value, .increase-value { float: left; color: #fff; cursor: pointer; font-size: 11px; height: 30px; width: 30px }
.increase-value { background: #006fba; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .15); border-radius: 0 2px 2px 0; margin-left: -1px; transition: all .2s ease-in-out }
.decrease-value span, .increase-value span { margin: 4px 0 0 11px; display: inline-block }
.increase-value:hover { background: #aaa; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1) }
.decrease-value { background: #006fba; box-shadow: inset 0 0 0 -1px rgba(0, 0, 0, .15); border-radius: 2px 0 0 2px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.decrease-value:hover { background: #aaa; box-shadow: inset 0 0 0 -1px rgba(0, 0, 0, .1) }
@media only screen and (max-width:767px) {
	.container .four-shop.columns { width: 300px }
	.shop-page.page-content { margin: 0 }
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.container .four-shop.columns { width: 48%; margin-right: 5px }
}
@media only screen and (min-width:960px) {
	.jcarousel { height: 317px }
}
@media only screen and (min-width:768px) and (max-width:959px) {
	.container .four-shop.columns { width: 225px }
	#cart .button.color { margin: 5px 0 0 }
	#tagline, .cut { display: none }
	#footer, #footer-bottom, #wrapper { width: 714px }
	#navigation { width: 734px }
	.style-2 { width: 714px !important }
	.contact-details-alt li p strong { margin: 0 5px 0 0 }
	.line { margin: 0 0 0 -28px; padding: 0 56px 0 0 }
	.widget-search input { width: 134px }
	.sidebar { padding: 28px 0 }
	.post { margin: 24px 0 }
	ol li ol.childlist .comment-des { float: right; width: 70% }
	.comment-des { float: right; width: 73% }
	#contact textarea { max-width: 425px; min-width: 425px }
	.medium-image { margin: 0 25px 0 0; width: 35% }
	.medium-content { width: 80% }
	.post.medium { margin: 30px 0 }
	#not-found h2 { font-size: 160px; line-height: 160px }
	#not-found i { font-size: 155px }
	#not-found p { font-size: 22px; line-height: 32px }
	.client-list img { width: 130px; height: auto }
}
@media only screen and (max-width:767px) {
	#sub-menu { float: left; margin: 5px 0 0 }
	#tagline, .contact-details, .js .menu, .left-corner, .right-corner, .slide-caption, .top-search { display: none }
	.portfolio-item, .recent-blog { margin: 0 0 40px }
	.js .selectnav { display: block }
	#navigation { margin: 10px 0 0; width: 100%; height: auto; background: 0 0 }
	.selectnav { cursor: pointer; border: 1px solid #bababa; padding: 4px 5px 6px; float: left; font-size: 14px }
	.selectnav:focus { border: #000; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out }
	#header { min-height: 115px }
	#footer h4 { margin-top: 20px }
	#footer { padding-top: 20px }
	.page-title { padding-bottom: 30px !important }
	#breadcrumbs ul { float: left; padding: 0; margin-top: 5px; width: 100% }
	.icon-box-container { margin: 30px 0 20px }
	.icon-box { margin-bottom: 20px }
	.page-title h2 { padding: 0; position: relative; display: block }
	.post { margin: 24px 0 }
	.line { margin: 0 0 0 -30px; padding: 0 60px 0 0 }
	.floated.sidebar.left, .floated.sidebar.right { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0; margin: 0; border: none }
	.floated.sidebar.left { border-bottom: 1px solid #e0e0e0 }
	.floated.sidebar.right { border-top: 1px solid #e0e0e0 }
	#portfolio-navi { float: left; margin-left: 0 }
	#not-found h2 { font-size: 110px; line-height: 120px }
	#not-found i { font-size: 105px }
	#not-found p { font-size: 22px; line-height: 32px }
	body .container .columns.carousel-intro { float: none !important }
	.comment-by { margin-bottom: 20px }
	.caption-gray, .caption-transparent { display: none !important }
	#logo-footer, .post.medium { margin: 20px 0 }
	.pricing-table { margin-bottom: 20px }
	.pricing-table.featured { margin-top: 12px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#footer, #footer-bottom, #wrapper { width: 95% }
	#footer-bottom .container { margin-left: 10px }
	.selectnav { margin: 0 0 10px 20px; width: 94% }
	.container.floated { width: 100%; padding: 0 }
	.blank.floated { width: 360px; padding: 0 30px }
	.flickr-widget a { width: 73px; height: 73px; margin-right: 9px; margin-bottom: 9px }
	ol li ol.childlist .comment-des { float: right; width: 61% }
	.comment-des { float: right; width: 67% }
	#contact textarea { max-width: 340px; min-width: 340px }
	.medium-image { margin: 0 25px 0 0; width: 30% }
	.medium-content { width: 80% }
	.client-list img { width: 179px; height: auto }
}
@media only screen and (max-width:479px) {
	#footer, #footer-bottom, #wrapper { width: 320px }
	#footer-bottom .container { margin-left: 10px }
	.selectnav { margin: 0 0 10px 10px; width: 295px }
	.container.floated { width: 320px; padding: 0 }
	.blank.floated { width: 260px; padding: 0 30px }
	.flickr-widget a { width: 69px; height: 69px; margin-right: 9px; margin-bottom: 9px }
	ol li ol.childlist .comment-des { float: right; width: 47% }
	.comment-des { float: right; width: 54% }
	#contact textarea { max-width: 240px; min-width: 240px }
	.medium-image { margin: 0 25px 0 0; width: 100% }
	.medium-content { width: 70% }
	.client-list img { width: 260px; height: auto }
}
.large-loginnotice, .large-setupnotice { border: 1px solid #e0e0e0; height: 215px }
@media (min--moz-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.3), (min-device-pixel-ratio:1.3), (min-resolution:1.3dppx) {
	.check-list li, .plus-list li, .sign-list li, .star-list li, .minus-list li { padding: 0 0 0 18px }
	#twitter li { background: url(../images/social/twitter@2x.png) left 5% no-repeat; background-size: 16px auto }
	#twitter-blog li { background: url(../images/twitter-01@2x.png) left 5% no-repeat; background-size: 16px auto }
	#breadcrumbs ul li { background: url(../images/breadcrumbs@2x.png) 100% 50% no-repeat; background-size: 3px auto }
	.categories a { background: url(../images/categories@2x.png) left 47% no-repeat; background-size: 5px auto }
	.search-btn { background: url(../images/search@2x.png) center center no-repeat; background-size: 13px auto }
	.search-btn-widget { background: url(../images/search-2@2x.png) 50% no-repeat #006fba; background-size: 13px auto }
	.flex-direction-nav .flex-next { background: url(../images/slider-right@2x.png) 50% no-repeat #4c4c4c; right: 0; background-size: 25% }
	.flex-direction-nav .flex-prev, .ls-fullwidth .ls-nav-prev { background: url(../images/slider-left@2x.png) 50% no-repeat #4c4c4c; left: 0; background-size: 25% }
	.ls-fullwidth .ls-nav-next { background: url(../images/slider-right@2x.png) 50% no-repeat #4c4c4c; right: 0; background-size: 25% }
	.toggle-icon, .ui-accordion-icon, .ui-accordion-icon-active { background-repeat: no-repeat; background-position: 50%; background-size: 12px }
	.ui-accordion-icon, .ui-accordion-icon-active { background-image: url(../images/accordion-plus@2x.png) }
	.ui-accordion-icon-active { background-image: url(../images/accordion-minus@2x.png) }
	.toggle-icon { background-image: url(../images/accordion-plus@2x.png) }
	.trigger.active .toggle-icon { background-image: url(../images/accordion-minus@2x.png); background-size: 12px }
	.check-list li { background: url(../images/icon-list-check@2x.png) 0 3px no-repeat; background-size: 13px 11px }
	.sign-list li { background: url(../images/icon-list-sign@2x.png) 0 3px no-repeat; background-size: 12px }
	.plus-list li { background: url(../images/icon-list-plus@2x.png) 0 3px no-repeat; background-size: 12px }
	.minus-list li { background: url(../images/icon-list-minus@2x.png) 0 3px no-repeat; background-size: 12px }
	.star-list li { background: url(../images/icon-list-star@2x.png) 0 3px no-repeat; background-size: 12px }
	.twitter { background: url(../images/social/twitter@2x.png) 50% no-repeat; background-size: 50% }
	.facebook { background: url(../images/social/facebook@2x.png) 50% no-repeat; margin: 0 -4px; background-size: 50% }
	.dribbble { background: url(../images/social/dribbble@2x.png) 50% no-repeat; background-size: 50% }
	.linkedin { background: url(../images/social/linkedin@2x.png) 50% no-repeat; background-size: 50% }
	.rss { background: url(../images/social/rss@2x.png) 50% no-repeat; margin: 0 -5px 0 0; background-size: 50% }
	.amazon { background: url(../images/social/amazon@2x.png) 50% no-repeat; background-size: 50% }
	.blogger { background: url(../images/social/blogger@2x.png) 50% no-repeat; background-size: 50% }
	.deviantart { background: url(../images/social/deviantart@2x.png) 50% no-repeat; background-size: 50% }
	.digg { background: url(../images/social/digg@2x.png) 50% no-repeat; background-size: 50% }
	.flickr { background: url(../images/social/flickr@2x.png) 50% no-repeat; background-size: 50% }
	.forrst { background: url(../images/social/forrst@2x.png) 50% no-repeat; background-size: 50% }
	.lastfm { background: url(../images/social/lastfm@2x.png) 50% no-repeat; background-size: 50% }
	.picasa { background: url(../images/social/picasa@2x.png) 50% no-repeat; background-size: 50% }
	.pinterest { background: url(../images/social/pinterest@2x.png) 50% no-repeat; background-size: 50% }
	.skype { background: url(../images/social/skype@2x.png) 50% no-repeat; background-size: 50% }
	.tumblr { background: url(../images/social/tumblr@2x.png) 50% no-repeat; background-size: 50% }
	.vimeo { background: url(../images/social/vimeo@2x.png) 50% no-repeat; background-size: 50% }
	.wordpress { background: url(../images/social/wordpress@2x.png) 50% no-repeat; background-size: 50% }
	.yahoo { background: url(../images/social/yahoo@2x.png) 50% no-repeat; background-size: 50% }
	.youtube { background: url(../images/social/youtube@2x.png) 50% no-repeat; background-size: 50% }
}
.large-loginnotice h2, .large-setupnotice h2 { margin-bottom: 10px; font-weight: 400 }
.large-loginnotice { background-color: #d9eaf8; padding: 32px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03) }
.large-loginnotice p { font-size: 14px; color: #888; line-height: 22px }
.rememberme { padding-top: 5px; font-size: 13px }
.large-setupnotice { background-color: #e7e8e9; padding: 32px; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03); text-align: center }
.large-setupnotice p { font-size: 18pt; font-weight: lighter; font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; color: #b91d47; line-height: 30px }
.header-cart { background-image: url(../images/glyphicons_halflings.png); background-position: -360px -120px; width: 14px; height: 14px; display: inline-block }