/*=========================================================================
 Reset
========================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

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

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

code { padding: 3px 6px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; background: #fcfcfc; border: 1px solid #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #3f8faf; }

/*=========================================================================
 WP required
========================================================================= */
.wp-caption { background: #2c2c2c; }

.wp-caption .wp-caption-text { color: #999; }

.wp-caption .wp-caption-text:before { color: #999; }

.sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; }

.gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; }

.bypostauthor { }

/*=========================================================================
 GLOBAL STRUCTURE
========================================================================= */

body { background: repeat scroll 50% 0 #C8D7DE; font: 12px Arial, sans-serif; color: #484D4F; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow-x: hidden; }

.bg-shine { background: repeat scroll 50% 0 transparent; padding: 30px 0; }

.bodywrapper { background: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); width: 1100px; margin: 0 auto; }

.logo h1 { float: left; margin-bottom: 0; }

h1 a { color: #333 !important; display: block; width: 120px; }

h1 a:hover { color: #666 !important; }

::selection {
background:#F3930A;
color:#FFF;
}
::-moz-selection {
background:#F3930A;
color:#FFF;
}

/*=========================================================================
 Basic Alginment
========================================================================= */

strong, strong a { font-size: 12px; font-family: 'Open Sans', Arial; font-weight: 700; }

strong a:hover { color:#000; text-decoration:underline; }

.strong-1 a { color:#969696; }

.clear { clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%; }

.wrapper { width:100%; overflow:hidden; position:relative; }

.extra-wrap { overflow:hidden; display:block; }

.fleft { float:left; }

.fright { float:right; }

.aligncenter { text-align:center; }

.middle { text-align:center; }

.middle img { margin: 0 auto; }

.alignmiddle * { vertical-align:middle; }

.sub-heading { color: #999; font: 12px 'Open Sans', Arial; font-weight: 300; padding-top: 8px; text-shadow: 1px 1px 0 #FFFFFF; text-transform: lowercase; display: block; }

.ident-bot-0 { margin-bottom: 0; }

.ident-bot-1 { margin-bottom: 10px; }

.ident-bot-2 { margin-bottom: 20px; }

.ident-bot-3 { margin-bottom: 25px; }

.ident-bot-4 { margin-bottom: 30px; }

.ident-bot-5 { margin-bottom: 40px; }

.ident-top-0 { margin-top: 0; }

.ident-top-1 { margin-top: 10px; }

.ident-top-2 { margin-top: 20px; }

.ident-top-3 { margin-top: 25px; }

.ident-top-4 { margin-top: 30px; }

.ident-top-5 { margin-top: 40px; }

.ident-right-1 { margin-right: 18px; }

.ident-right-2 { margin-right: 15px; }

.columns img, .column img { display: block; max-width: 100%; height: auto; }

.content img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; display: inline-block; float: left; margin: 0 15px 15px 0; padding: 5px; }

.image-left { float: left; margin-bottom: 0; margin-right: 20px; }

.image-right { float: right; margin-bottom: 0; margin-left: 20px; }

.image-full { margin-bottom: 0; width: 100%; }

.image-border { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; display: inline-block; float: left; margin: 0 15px 15px 0; padding: 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }

.img-border-bg { background: none repeat scroll 0 0 #FFFFFF; display: block; overflow: hidden; padding: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px #e7e7e7 inset; -moz-box-shadow: 0 0 0 1px #e7e7e7 inset; box-shadow: 0 0 0 1px #e7e7e7 inset; }

.img-border-bg img { margin-bottom: 0; }

img, object, video { max-width: 100%; height: auto; display:block; }

img { width: auto; margin-bottom: 18px; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; }

/* Flexible Embeds */
.embed { position: relative; padding: 0px; padding-bottom: 56.25%; /* 16/9 ratio */ height: 0; overflow: hidden; }

.embed iframe, .embed object, .embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.clearfix { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

/* Typography
==========================*/
h1, h2, h3, h4, h5, h6 { color: #3C4143; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 18px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 31px; line-height: 41px; }

h2 { font-size: 25px; line-height: 31px; }

h3 { font-size: 19px; line-height: 31px; }

h4 { font-size: 18px; line-height: 28px; }

h5 { font-size: 16px; line-height: 26px; }

h6 { font-size: 14px; line-height: 24px; }

.wrapper h2{ padding: 6px 10px; border-left: 3px solid #F7741C; background: #eee; }

h3.title{ font-size: 24px; line-height: 30px; }

h3 strong{ font-size: 18px; line-height: 20px; }

.wrapper ul{ margin-bottom:20px; }

.title span { background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 0 18px 0 0 !important; }

.subheader { color: #777; }

p { margin: 0 0 15px 0; line-height: 20px; }

p img { margin: 0; }

p.lead { font-size: 21px; line-height: 27px; color: #777; }

em { font-style: italic; }

strong { font-weight: bold; color: #333; }

small { font-size: 80%; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

.rel { position: relative; }

.overf-h { overflow: hidden; }

/* s
==========================*/
a, a:visited { color: #000; text-decoration: none; outline: 0; -webkit-transition: color 0.07s ease-in-out; -moz-transition: color 0.07s ease-in-out; -o-transition: color 0.07s ease-in-out; -transition: color 0.07s ease-in-out; }

a:hover, a:focus { color: #888; }

p a, p a:visited { line-height: inherit; }

/* Lists
==========================*/
ul, ol { margin: 0; }

ul { list-style: none outside; }

ol { list-style: decimal; }

ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }

ul.square { list-style: square outside; }

ul.circle { list-style: circle outside; }

ul.disc { list-style: disc outside; }

ul ul, ul ol, ol ol, ol ul { }

ul ul li, ul ol li, ol ol li, ol ul li { }

li { line-height: 18px; }

ul.large li { line-height: 21px; }

li p { line-height: 21px; }

.link { color: #F7741C !important; display: inline-block; font-size: 13px; line-height: 22px; position: relative; }

.link:hover { color: #000000; }

/* Images
==========================*/
img.scale-with-grid { max-width: 100%; height: auto; }

/* HEADER
==========================*/
.row-1 { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #EBECEC; padding: 40px 0; }

.shadow { position: absolute; width: 100%; z-index: 1; }

.logo img { margin-bottom: 0; }

nav { float: right; margin-top:30px; }

.header-social { float: right; font-size: 12px; font-weight: 700; padding: 30px 0; position: relative; text-decoration: none; }

/* CONTENT 
==========================*/
#content { padding: 42px 0 65px 0; border-bottom: 5px solid #f1f0ed; }

#page1 #content { padding: 60px 0 40px; }

.block-ident-1 { padding-right:20px; }

.date { line-height:18px; }

.-name { font: 14px/21px 'Open Sans', sans-serif; text-transform: uppercase; }

a.-name { color:#F3930A!important; font-weight: 400; }

.-name:hover { color:#000; text-decoration:underline; }

/* Content Tabs
==========================*/

.ui-slider-tabs-list-wrapper { position: relative; z-index: 999; }

#mySliderTabsContainer { height: auto !important; }

.ui-slider-tabs-list-container { height: 42px; }

ul.left-tab-links li:first-child a { border-left: 1px solid #E3E3E3; }

ul.left-tab-links { display: inline-block !important; width: 100% !important; }

ul.left-tab-links .selected a { background: none repeat scroll 0 0 #FFFFFF; }

ul.left-tab-links a { border-top: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; color: #333333; display: block; font-size: 14px; font-weight: 600; line-height: 40px; padding: 0 13px; background-color:#dfdfdf; background-color:#f2f0f0; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfcfc), to(#f2f0f0), color-stop(.5, #fbf9f9), color-stop(.5, #f7f5f6)); background-image:-webkit-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0); background-image:-moz-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0); background-image:-o-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0); background-image:-ms-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0) }

ul.left-tab-links a:hover { background: none repeat scroll 0 0 #eee; }

a.link-more:hover { text-decoration: underline; }

.cn_content { left: 5px; padding: 10px; position: absolute; top: 369px; }

.cn_category { position:absolute; overflow: hidden; }

.cn_preview { height:369px; position: relative; overflow: hidden; top: 2px; }

.ui-slider-tabs-content-container { position: relative; border: 1px solid #E3E3E3; margin-top: -1px; z-index:1; overflow: hidden; background-color:#fff; }

.ui-slider-tab-content { position:absolute; display: none; top:0; left:0; padding: 30px 20px 0; }

/* Miscellaneous Site Styles 
==========================*/
p:empty { display: none; }

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

.alignleft { border: 1px solid #DEDEDE; float: left; margin: 0 15px 8px 0; padding: 3px; }

.alignright { border: 1px solid #DEDEDE; float: right; margin: 0 0 8px 15px; padding: 3px; }

/* Headlines
==========================*/
.headline { display: block; border-bottom: 1px solid #e7e7e7; padding: 0 0 10px 0; margin: 0 0 20px 0; }

.headline span { color: #888; font-weight: normal; font-size: 12px; float: right; }

.headline2 { display: block; margin: 20px 0 20px 0; }

.headline3 { display: block; margin: 0 0 20px 0; }

.sub-title { color: #000; display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; margin-bottom: 8px; }

h5.headline { padding: 0 0 8px 0; margin: 0px 0 12px 0; }

.portfolio-content h4.headline { padding: 0 0 8px 0; margin: 0px 0 12px 0 }

.sub-heading { color: #999; font: 12px 'OpenSansSemibold', Arial; padding-top: 8px; text-shadow: 1px 1px 0 #FFFFFF; text-transform: lowercase; display: block; }

/*=========================================================================
 Banner
========================================================================= */

.banner-bg { background: none repeat scroll 0 0 #2090C4; font-family: 'Fjalla One', sans-serif; font-style: normal; text-align: center; -moz-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.17);/*FF 3.5+*/ -webkit-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.17);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.17); }

.banner-text1:after { color: #FFFFFF; content: "%"; display: block; font-size: 54px; line-height: 67px; position: absolute; right: -51px; top: -3px; }

.banner-text1 { color: #FFFFFF; display: inline-block; font-size: 130px; font-style: normal; line-height: 132px; position: relative; }

.banner-text2 { color: #FFFFFF; display: inline-block; font-size: 58px; line-height: 60px; }

.banner-text4 { color: #FFFFFF; display: inline-block; font-size: 31px; line-height: 33px; text-transform: uppercase; }

.banner-text3 { color: #454545; display: inline-block; font-size: 31px; line-height: 33px; margin-bottom: 12px; text-transform: uppercase; }

.banner1 { padding-bottom: 11px; padding-top: 31px; }

.banner2 p { color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 25px; padding: 0 48px 5px; }

.banner2 a { color: #FFFFFF; display: inline-block; font-size: 24px; line-height: 28px; margin-bottom: 31px; text-decoration: underline; text-transform: uppercase; }

.banner2 a:hover { text-decoration: none; }

/*=========================================================================
 Info Box
========================================================================= */

#callout { background: none repeat scroll 0 0 #00C3F4; color: #FFFFFF; display: block; font-size: 24px; line-height: normal; height: 100px; position: relative; -moz-box-shadow: inset 9px 0px 50px #0487B8;/*FF 3.5+*/ -webkit-box-shadow: inset 9px 0px 50px #0487B8;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: inset 9px 0px 50px #0487B8; }

#callout > strong { color: #FFFFFF; display: inline-block; font-size: 24px; font-weight: 600; padding-top: 16px; width: 708px; }

#callout > strong span { font-weight: 800; }

#callout > strong, #callout > span { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

#callout:hover { text-decoration: none; }

/* Page Title
==========================*/
#page-title { border: 1px solid #e2e2e2; border-left: none; border-right: none; margin-top: -1px; background-image: linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-color: #fafafa; }

#page-title h2 { font-weight: normal; font-size: 22px; padding: 21px 0; }

#page-title h2 a:visited, #page-title h2 a { #444
}

#page-title span { color:#a0a0a0; }

/* Images Overlay
==========================*/
.item-img img { width: 100%; height: auto; }

.item-img, .post-img { background: none repeat scroll 0 0 #FFFFFF; position: relative; border: 1px solid #EEEEEE; border-radius: 3px 3px 3px 3px; margin: 0 0 15px; padding: 5px; }

.item-img img, .post-img img { margin-bottom: 0; }

.overlay { height: 100%; left: 0; position: absolute; top: 0px; width: 100%; z-index: 1; z-index: 40; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: opacity 180ms ease-in-out; -moz-transition: opacity 180ms ease-in-out; -o-transition: opacity 180ms ease-in-out; transition: opacity 180ms ease-in-out; }

.overlay:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

/* Header 
==========================*/
#header { min-height: 80px; }

#logo-image { width: auto; height: auto; }

/* Features 
==========================*/
.features { margin: 0 0 0 0; }

.feature { margin: 0 0 10px 0; }

.feature-description { margin-left: 48px; }

.feature h4 { font-weight: 400; line-height: 26px; margin-bottom: 8px; text-transform: capitalize; }

.feature-circle { display: inline-block; width: 18px; height: 18px; text-align: center; padding: 9px; color: #fff; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; float: left; }

.feature-circle i { font-size: 18px; line-height: 19px; }

.feature-circle.gray { background-image: linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -o-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -moz-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -ms-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-color: #464646 !important; filter: dropshadow(color=#4444444, offx=1, offy=1) !important; }

.feature-circle.red { background-image: linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -o-linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -moz-linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -webkit-linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -ms-linear-gradient(bottom, #C74039 0%, #E35752 100% !important);
background-color: #C74039 !important; filter: dropshadow(color=#a43b37, offx=1, offy=1) !important; }

.feature-circle.blue { background-image: linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -o-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -moz-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -webkit-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -ms-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-color: #00B3E4 !important; filter: dropshadow(color=#1c6396, offx=1, offy=1) !important; }

.feature-circle.green { background-image: linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -o-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -moz-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -webkit-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -ms-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-color: #8DA046 !important; filter: dropshadow(color=#77873b, offx=1, offy=1) !important; }

.feature-circle.orange { background-image: linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -o-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -moz-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -webkit-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -ms-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-color: #F9854E !important; filter: dropshadow(color=#F9854E, offx=1, offy=1) !important; }

/* Homepage Thumbnails
==========================*/
.home .portfolio-item { margin-bottom: 0px; }

.portfolio-item { margin-bottom: 20px; }

.portfolio-item-meta h5 { line-height: 16px; padding: 12px 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid #e7e7e7; letter-spacing: 0; }

.portfolio-item-meta h5 a { font-size: 14px; font-weight: 400; line-height: 34px; }

.portfolio-item-meta h5 span { display: block; color: #888; font-weight: normal; margin-top: 3px; }

.portfolio-item-meta a { color:#444; }

.portfolio-item-meta a:hover { color:#888; }

.portfolio-item-meta p { color: #555; }

/* Info Box
==========================*/
.info-box { background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; padding: 18px 25px; margin: 0 0 20px 0; }

.info-box p { margin: 0; }

.info-box h4 { line-height: 24px; margin-bottom: 7px }

.info-box a { margin: 7px 0 0 0; }

.info-content { float: left; }

.post .info-box p { margin: 0px }

/* Portfolio Styles
==========================*/
#filters { display: block; position: absolute; right: 10px; top: -7px; }

#filters ul li:last-child { background: none; }

#filters a { background: none repeat scroll 0 0 #FFFFFF; border: 3px solid #EEEEEE; color: #777; display: block; font-size: 12px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; padding: 11px 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

#filters a:hover { background: #333; border: 3px solid #333333; color: #fff; }

#filters .selected { background: none repeat scroll 0 0 #333333; border: 3px solid #333333; color: #FFFFFF !important; }

/* Isotope Filtering */

.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */

.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.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; }

/* Disabling Isotope CSS3 transitions */

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* Disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* Sidebar
==========================*/

.sidebar-ident-right { display: block; padding-left: 35px; }

.blog-sidebar, .sidebar { margin: 30px 0 0 0; }

.widget { clear: both; margin: 0 0 25px 0; line-height: 20px; }

.widget h5 { font-weight: 100; }

#footer .widget { margin:0px; }

.widget h5 { padding-bottom: 10px; /*margin-bottom: 15px;*/ border-bottom: 1px solid #e7e7e7; }

/* Social Icons */
.social-blog { margin: 5px 0 5px 0; float: left; }

.social-blog:first-child { margin-right: 30px; }

.feed img { float: left; }

.feed p { line-height: 14px; float: left; margin: 2px 0 0 7px; }

a.feed { display: inline-block; font-size: 11px; color: #444; font-weight: bold; }

a.feed span { color: #888; font-weight: normal; }

/* Our Sponsors */
.our-sponsors a { display: inline-block; margin: 0 3px 10px; }

/* Categories */
.widget li a { color: #888 }

.widget #twitter-blog a { color: #3F8FAF }

.widget.widget_categories li a { display: block; }

#footer .widget li { border-bottom: 1px solid #444444; color:#A4A4A4 }

#footer .widget li:last-child { border-bottom: 0px }

#footer .widget li a { color: #A4A4A4 }

.widget .flickr-widget-blog li { display: inline; padding: 0px; border: 0px; background: none }

.widget.social { overflow: hidden; }

.widget.widget_recent_comments li { margin:7px 0px }

.widget.widget_recent_comments li a { background: none; }

.widget li:last-child { border-bottom: none; }

.widget li a:hover { color: #444; }

/* post Tabs */
.sidenav-post-tab .tab-content { padding: 20px 10px 0; }

/* Tabs */
.latest-post-blog { border-bottom: 1px dashed #EEEEEE; display: inline-block; margin: 0 0 12px; width: 100% }

.latest-post-blog:last-child { margin-bottom: 5px; }

.latest-post-blog p, .latest-post-blog a { margin: 0; color: #606060; line-height: 18px; }

.latest-post-blog span { color: #888; margin: 3px 0 0 0; display: block; }

.latest-post-blog img { float: left; margin: 0 10px 10px 0; border: 1px solid #dedede; padding: 3px; height: 49px; width: 49px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* Flickr */
.flickr-widget-blog { margin-right: -12px; margin-top: 15px; overflow: hidden; }

.flickr-widget-blog img { display: block; width: 100%; }

.flickr-widget-blog a { float: left; width: 53px; height: 53px; margin-right: 12px; margin-bottom: 12px; border: 1px solid #dedede; padding: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* Contact
==========================*/
.contact-details li { margin: 0 0 15px 0; }

.contact-details p { margin: -5px 0 0 20px; line-height: 18px; }

.contact-details li em, .contact-details li i { float: left; margin: 2px 0 0 0; }

/* About
==========================*/
.teamwrap-img img { border: 1px solid #EEEEEE; box-shadow: 0 1px 0 #EEEEEE; left: -6px; margin-bottom: 0; max-width: 100%; padding: 5px; position: relative; top: 1px; width: auto; }

.teamwrap { background: none repeat scroll 0 0 #FEFEFE; border: 1px solid #F7F7F7; margin-bottom: 20px; padding: 0 15px; text-align:center; border 1px solid #e4e4e4;
border-radius: 0 0 3px 3px; }

.teamwrap .socials { border-top: 1px solid #F3F3F3; float: none; padding: 10px 0; text-align: center; }

.team-name { text-align: center; padding: 15px 0; }

.team-name h5 { border-bottom: 1px solid #F3F3F3; font-size:15px; font-weight: 700; margin-bottom:0; padding-bottom:10px; text-transform:uppercase; }

.post .team-name p { margin: 0px }

.post .team-about p { font-size:12px; margin:0 0 15px; }

.team-name span { border-bottom: 1px solid #F3F3F3; display: block; font-size: 14px; font-weight: 100; color: #F3930A; font-family:'Open Sans', sans-serif; padding:10px 0; }

/* Footer
==========================*/
#footer { background: #383838; color:#a4a4a4; padding: 0 0 10px 0; margin: 30px 0 0 0; }

#footer h5 { color: #fff; border-bottom: 1px solid #444444; padding: 25px 0 8px 0; margin: 0 0 15px 0; }

/* s List
==========================*/

.widget_s li a { display: block; }

#footer .widget li a:hover, .widget_s li a:hover { color: #fff }

.widget_s li:first-child { margin: -12px 0 0 0; }

/* Twitter
==========================*/
#footer .gritoo-twitter.widget li { border-bottom: 0px; }

#footer #twitter-blog a { color: #fff; }

#footer #twitter-blog b a { color: #707070; font-weight: normal; }

/* Twitter
==========================*/

.box-color h3 { color: #FFFFFF; }

.box-color p { color: #FFFFFF; }

.location-tip { background: none repeat scroll 0 0 #289DCC; color: #fff; display: inline-block; font-size: 13px; font-weight: 600; right: auto; padding: 7px 15px; position: absolute; left: 0; text-transform: uppercase; top: -50px; }

.location-tip .tooltip-bottom { border-bottom: 10px solid transparent; border-right: 6px solid #289DCC; border-left: 6px solid transparent; bottom: -10px; height: 0; right: 0; position: absolute; top: auto; width: 0; }

/* Copyright
==========================*/
#footer-bottom { background: #2c2c2c; min-height: 60px; }

#copyright { color: #777; float: left; line-height: 32px; }

#copyright a, #copyright span { color:#bbb; }

/* Tagline 1 
==========================*/
.tagline { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #E4E4E4; border-radius: 3px 3px 3px 3px; margin: 20px 0; padding: 20px 20px; text-align: center; }

.tagline h1 { font-size: 24px; line-height: 28px; margin-bottom: 10px; font-weight:100; }

.tagline a { margin-bottom: 5px; }

.tagline p { margin-bottom: 15px; }

.text-color-red { color: #F3930A; }

/* Tagline 2 
==========================*/
.tagline2 { margin: 0; padding: 0 10px 0; text-align: center; }

.tagline2 h1 { font-size: 25px; line-height: 35px; margin-bottom: 10px; font-weight: 400; }

.tagline2 p { margin-bottom: 15px; }

.text-color-red { color: #F3930A; }

.text-color-blue { color: #F3930A; }

/*=========================================================================
 Blog
========================================================================= */

.post-border-right { }

.post-holder { border-bottom: 1px solid #EEEEEE; display: inline-block; margin-bottom: 43px; padding-bottom: 33px; position: relative; }

.post-holder header { display: inline-block; }

.post-holder .time { display: inline-block; }

.post-holder .entry-title, .post-holder .entry-title a { font-size: 19px; font-weight: 700; float: left; color:#444; margin-bottom: 1px; text-transform: capitalize; }

.post-holder .entry-title a:hover { }

.post-meta { border-top: 1px solid #F7F7F7; border-bottom: 1px solid #F7F7F7; float: left; padding: 10px 0; overflow:hidden; margin-bottom:20px; }

.post-meta a { color: #777; padding: 0 6px 0 0; text-decoration:none; }

.post-meta a:hover { color: #000; }

.post-meta i { padding: 0 4px; }

.post-holder .date { background-color: #FEFEFE; border: 1px solid #969696; color: #333333; float: left; font-family: 'Open Sans', sans-serif; left: 0; margin-bottom: 10px; margin-right: 20px; position: relative; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; width: 49px; }

.post-holder .date span { display: block; text-transform: lowercase; }

.post-holder .date .day { color: #777777; font-size: 22px; font-weight: 800; line-height: 33px; padding: 5px 0; }

.post-holder .date .month { background: none repeat scroll 0 0 #969696; color: #FFFFFF; font-size: 10px; margin-top: 0; padding: 3px 0; text-shadow: 0 0 0; text-transform: uppercase; }

.comments-:hover { color:#000 !important; }

/*  parent post */

.parent { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 1px #CCCCCC; margin-bottom: 30px; padding: 20px; position:relative; }

.parent h5 { margin-bottom: 2px !important; }
 .parent h5 a:, .parent h5 a:visited {
color: #333333;
font: 100 14px 'Open Sans', sans-serif;
}

.parent img { float: left; }

.parent span { font: italic 12px 'georgia'; }
 .parent a.reply:, .parent a.reply:visited {
background: none repeat scroll 0 0 #000;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
margin-left: 20px;
padding: 2px 6px;
text-transform: uppercase;
}

.parent a.reply:hover { background: none repeat scroll 0 0 #777; }

.parent p { margin-top: 10px; overflow: hidden; }

.child { margin-left: 40px; }

.subchild { margin-left: 80px; }

/*  Addthis Widget */
.addthis_button_google_plusone { position: relative; top: -13px; }

.addthis_toolbox { float: right; text-align: right; }

.addthis_toolbox.addthis_pill_combo a { margin-top: 2px; }

.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-top: 2px; }

.addthis_button_compact .at15t_compact { float: left; margin-right: 4px; }

.addthis_button_google_plusone iframe { width: 80px !important; }

.addthis_button_tweet iframe { width: 98px !important; }

.addthis_button_facebook_like iframe { width: 98px !important; }

/*  Blog Video */
.sidebar-blog-video iframe { width: 630px; height: 342px; }

.fulwidthl-blog-video iframe { width: 930px; height: 341px; }

.three-col-blog-video iframe { width: 450px; height: 262px; }

.small-sidebar-blog-video iframe { width: 290px; height: 290px; }

.small-three-col-blog-video iframe { width: 210px; height: 204px; }

/*  Addthis Widget 
==========================*/

.addthis_button_google_plusone { position: relative; top: 0; }

.addthis_toolbox { float: right; text-align: right; }

.addthis_toolbox.addthis_pill_combo a { margin-top: 2px; }

.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-top: 2px; }

.addthis_button_compact .at15t_compact { float: left; margin-right: 4px; }

.addthis_button_google_plusone iframe { width: 80px !important; }

.addthis_button_tweet iframe { position: relative; top: 0; width: 98px !important; }

.addthis_button_facebook_like iframe { position: relative; top: 5px; width: 98px !important; }

/*=========================================================================
 Layout Box Style
========================================================================= */

.layout-box { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); border:1px solid #e8e8e8; border-radius: 3px 3px 3px 3px; margin-bottom: 20px; padding: 5px; text-align: center; color: #666; }

.layout-box:hover { background: none repeat scroll 0 0 #777777; border:1px solid #333; color: #fff; }

/*=========================================================================
 Separator
========================================================================= */

.separator { margin-bottom: 35px; padding-bottom: 30px; position: relative; }

.separator2 { margin-bottom: 25px; padding-bottom: 30px; position: relative; }

.separator-sidebar { margin-bottom: 30px; padding-bottom: 20px; position: relative; }

.footer-separator { margin-bottom: 20px; padding-bottom: 10px; position: relative; }

/*=========================================================================
 Notificition
========================================================================= */

.notify h2 { color: #505C70; float: left; font: 20px 'OpenSansLight', Arial; margin: 0 10px 0 155px; text-shadow: 0 1px 1px #FFFFFF; width: 465px; }

.notify h2 .sub-heading { color: #aaa; display: block; font: 12px 'OpenSans', Arial; padding-top: 6px; text-shadow: 1px 1px 0 #FFFFFF; text-transform: lowercase; }

.notify-wrapper em { color: #777777; font-size: 14px; line-height: 51px; margin: 0 5px; }

.notify-wrapper { display: inline-block; float: right; margin: 0 20px 0 0; }

/*=========================================================================
 Breadcrumbs
========================================================================= */

.breadcrumbs span.bread-home a:hover { background-position: left -30px, right 0; }

.breadcrumbs span.bread-home { text-indent: -9999px; }

.breadcrumbs a:hover { opacity: 1; text-decoration: none; }

.breadcrumbs p { display: inline; font-family: 'Open Sans', sans-serif; line-height: 2.2em; margin: 0; text-shadow: none; text-transform: uppercase; }

.title-header h2 { color: rgb(255, 255, 255); font-weight: 700; font-size: 36px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }

/*=========================================================================
 Buttons
========================================================================= */

.donate-button { float:right; color:#fff; padding:0 18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.donate-button:hover { color: #fff; }

.newsletter-button { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8E8E8; border-radius: 4px 4px 4px 4px; color: #828387; display: inline-block; padding: 3px 20px 5px; }

.newsletter-button:hover { background: none repeat scroll 0 0 #F3930A; border: 1px solid #AF242C; color: #FFFFFF; text-decoration: none; }

/*=========================================================================
 Feature Boxes
========================================================================= */
.features { display: inline-block; }

.features-inner { display: inline-block; }

.features-inner ul li ul li:first-child { margin-left: 0; }

.features-inner ul li ul li:last-child { margin-right: 0; }

.product-inner { display: inline-block; }

.product-inner ul li ul li { float: left; margin: 0 10px 20px; width: 300px; }

.product-inner ul li ul li:first-child { margin-left: 0; }

.product-inner ul li ul li:last-child { margin-right: 0; }

/*=========================================================================
 Service Box
========================================================================= */
.box1 { text-align:center; }

.imgs { width:88px; height:88px; margin:0 auto; position:relative; z-index:2; }

.imgs img { position:absolute; top:0; left:0; }

.img-2 { opacity:0; z-index:2; }

.box1 h3 { padding: 20px 0; line-height: 23px; }

.box1 p { color: #777; font-size: 13px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; padding:0 10px; }

.box1:hover { }

.box1:hover .img-2 { opacity:1; z-index:2; }

.box1:hover .img-1 { opacity:0; }

.box1:hover h3 { color: #000; }

.box1:hover p { color:#777; }

.box2 { background:#fff; border:1px solid #e8e8e8; border-radius:5px; margin: 0 0 20px 0; padding:20px 0 20px 26px; position:relative; overflow:hidden; }

.box_2 { background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-color: #fafafa; padding: 15px; margin-bottom: 20px; border-radius: 7px 7px 7px 7px; position: relative; box-shadow: 0px 0px 1px rgb(204, 204, 204) inset; }

.box_2 h2 { display: block; font-size: 23px; line-height: 23px; margin-bottom: 6px; }

.box_2 em { margin-bottom: 12px; display: block; }

.box_2 img { margin-bottom: 15px; width: 100%; }

.box_2 strong { font-weight: 600; margin-bottom: 6px; display: block; }

/*=========================================================================
 Quotes & Search
========================================================================= */

.quotes { width:592px; height:52px; position:relative; float:left; border-right:1px solid #d7d7d7; padding-top:6px; }

.quotes .flex-control-nav { position:relative; overflow:hidden; list-style:none; position:absolute; right:19px; bottom:1px; }

.quotes .flex-control-nav li { float:left; margin-right:3px; }

.quotes .flex-control-nav li a:hover, .quotes .flex-control-nav li a.active { background: none repeat scroll 0 0 #F3930A; }

.search-ft { float: left; padding: 10px 0 0 20px; width: 280px; }

#search-ft { padding: 4px 0 0; }

#search-ft .button { padding: 3px 18px 5px; }

#search-ft input { width: 162px; }

.search { float:left; padding:10px 0 0 0; width:100%; }

/*=========================================================================
 Footer
========================================================================= */

.footer-1 h5 { color: #fff; text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555; margin-bottom:25px; }

.tags, .tweet { float: left; }

/* About Text */
.about-brief { }

/* Twitter */
.tweets { width:100%; padding:0; font-size:12px; line-height:16px; overflow:hidden; }

.tweets ul li, .tweets p { font-size:12px; line-height:16px; }

.tweets ul li a { font-style:italic; font-weight:bold; font-size:12px; color:#EB4D3A; }

/* flickr */
.footer-1 .flickr { background: none; }

.flickr div { margin: 0; padding: 0; position: relative; border: 0 none; border-radius: 0; }

.flickr div { float: left; margin: 0 15px 15px 0; }

/* Social Icons
==========================*/
.social-s { float: right; }

.social-s-about { border-top: 1px solid #F3F3F3; padding: 15px 0 0; display:inline-block; float: left; width: 100%; margin: 0 auto 10px; }

.social-s li:first-child, .social-s-about li:first-child { margin-left: 0; }

.social-s li { display: inline; list-style: none; opacity: 0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-indent: -9999px; margin-left: 15px; float: left; }

.social-s-about li { display: inline; list-style: none; opacity: 0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-indent: -9999px; margin-right: 10px; margin-bottom: 10px; float: left; }

.social-s a, .social-s-about a { background-repeat: no-repeat; background-position: 0 -16px; display: block; height: 32px; width: 32px; }

.social-s li:hover, .social-s-about li:hover { opacity: 1; }

.social-links { float: right; }

.social-links-about { border-top: 1px solid #F3F3F3; display: inline-block; float: left; margin: 0 auto 10px; padding: 15px 0 0; width: 100%; }

.social-links li:first-child, .social-links-about li:first-child { margin-left: 0; }

.social-links li { display: inline; float: left; list-style: none outside none; margin-left: 15px; opacity: 0.4; text-indent: -9999px; transition: all 0.2s ease-in-out 0s; }

.social-links-about li { display: inline; float: left; list-style: none outside none; margin-bottom: 10px; margin-right: 10px; opacity: 0.4; text-indent: -9999px; transition: all 0.2s ease-in-out 0s; }

.social-links a, .social-links-about a { background-position: 0 -16px; background-repeat: no-repeat; display: block; height: 32px; width: 32px; }

.social-links li:hover, .social-links-about li:hover { opacity: 1; }

/*=========================================================================
 FOOTER
========================================================================= */

footer { background: none repeat scroll 0 0 #2D2D2D; margin-top:40px; }

.footer-1 { padding:36px 0 40px; }

.footer-2 { text-align:center; padding: 20px 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; background: none repeat scroll 0 0 rgba(35, 35, 35, 0.4); }

/************Footer list***********/

.footer-list li a { color: #fff; }

.footer-list li a:hover { color: #00C3F4; }

 @media only screen and (min-width: 768px) and (max-width: 959px) {
.bodywrapper {
background: #fff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
width: 100%;
margin: 0 auto;
}
/* Service Box */
.features ul li ul li {
width: 224px;
}
.features-inner ul li ul li {
width: 214px;
}
.product-inner ul li li {
width: 236px;
}
 ul.left-tab-links a {
font-size: 12px;
}
.ui-slider-tabs-content-container img {
display: none;
}

/* Notificition */
.notify {
width: 748px;
}
.notify h2 {
line-height: 26px;
width: 273px;
}
.notify strong {
display:none;
}
 #callout > strong {
 font-size: 23px;
 position: relative;
 top: 14px;
 width: 546px;
}
#callout > span {
 font-size: 18px;
 padding: 39px 0 38px;
 width: 165px;
}


/* Quotes */
.quotes {
width:460px;
}
.search-ft {
width:200px;
}
#search-ft input {
 width: 90px;
}
.teamwrap-img img {
border: 0px solid #EEEEEE;
box-shadow: 0 0 0 #EEEEEE;
left: 0;
max-width: 100%;
padding: 0;
position: relative;
top: 0;
width: auto;
}
/*  Blog Video */
.sidebar-blog-video iframe {
width: 498px;
height: 269px;
}
}
@media only screen and (max-width: 767px) {
.bodywrapper {
background: #fff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
width: 100%;
margin: 0 auto;
}
 nav {
float:none;
background:none;
}
 .login {
display:none;
}
#filters {
 display: inline-block;
 margin-bottom: 30px;
 position: relative;
}
#filters ul li {
float: left;
margin-bottom: 8px;
}
 #searchForm fieldset {
width: 100px;
}
 div.input {
width: 70px !important;
}
 .block-ident-1 {
padding-right:0;
}
 .sidebar {
padding-left: 0;
}
.sidebar-ident-right {
 display: block;
 padding-left: 0;
}
/* Service Box */
.features ul li ul li {
margin: 0 0 10px 0;
width: 288px;
}
.features ul .last {
margin: 0 0 20px 0;
}
.features-inner ul li ul li {
margin: 0 0 10px 0;
width: 278px;
}
 ul.left-tab-links a {
font-size: 11px;
padding: 0 7px;
}
ul.left-tab-links a i {
display: none;
}
 .ui-slider-tabs-content-container img {
display: none;
}

/* Notificition */
.notify {
width: 297px;
margin: 0 0 20px;
}
.notify {
text-align: center;
}
.notify .icon-nf {
display: none;
}
.notify-wrapper {
display: inline-block;
float: none;
margin: 0;
}
.notify h2 {
width: 240px;
margin: 0 30px 20px;
text-align: center;
}
.notify span {
float: none;
}
a.button-demo:, a.button-demo:visited, a.button-buy:, a.button-buy:visited {
font: 12px 'Open Sans';
font-weight: 300;
}
.notify em {
font-size: 17px;
line-height: 27px;
padding: 0 0;
}
 #callout > strong {
 font-size: 14px;
 padding-left: 20px;
 position: relative;
 top: 11px;
 width: 200px;
}
#callout > span {
 font-size: 14px;
 padding: 34px 0 34px;
 width: 73px;
}

/*Quotes & Search*/
.search {
width:270px;
padding:10px 0 0 0px;
}
.search-ft {
width: 229px;
}
#search-ft input {
width: 102px;
}
.quotes {
width:270px;
border:none;
height:110px;
}
.quotes blockquote {
padding:0 20px 0 64px;
}
.teamwrap-img img {
border: 0px solid #EEEEEE;
box-shadow: 0 0 0 #EEEEEE;
left: 0;
max-width: 100%;
padding: 0;
position: relative;
top: 0;
width: auto;
}
/*  Blog Video */
.sidebar-blog-video iframe {
width: 290px;
height: 160px;
}

/* back to top button */
#toTop {
display:none !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .bodywrapper {
background: #fff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
width: 100%;
margin: 0 auto;
}

/* Service Box */
.features ul li ul li {
margin: 0 0 10px 0;
width: 408px;
}
.features ul .last {
margin: 0 0 20px 0;
}
.features-inner ul li ul li {
margin: 0 0 10px 0;
width: 398px;
}
.product-inner ul li li {
margin: 0 0 10px 0;
width: 378px;
}
 #filters {
 display: inline-block;
 margin-bottom: 30px;
 position: relative;
}
#filters ul li {
float: left;
}

/* Notificition */
.notify {
width: 417px;
margin: 0 0 20px;
}
.notify h2 {
width: 360px;
}
 #callout > strong {
 font-size: 18px;
 padding-left: 20px;
 position: relative;
 top: 12px;
 width: 282px;
}
#callout > span {
 font-size: 15px;
 padding: 41px 0 42px;
 width: 111px;
}

/*Quotes & Search*/
.search-ft {
width: 335px;
}
#search-ft input {
width: 223px;
}
.quotes {
width:370px;
height:80px;
}
.search {
width:370px;
}
.teamwrap-img img {
border: 0px solid #EEEEEE;
box-shadow: 0 0 0 #EEEEEE;
left: 0;
max-width: 100%;
padding: 0;
position: relative;
top: 0;
width: auto;
}
/*  Blog Video */
.sidebar-blog-video iframe {
width: 410px;
height: 243px;
}
}





/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }









/*=========================================================================
 ESSENTIAL STYLES
========================================================================= */

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu { line-height: 1.0; }

.sf-menu ul li { width: 100%; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li { float: left; margin-left: -1px; position: relative; }

.sf-menu a { display: block; position: relative; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 54px; /* match top ul list item height */ z-index: 99; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 176px; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*=========================================================================
 STYLIZATION
========================================================================= */

.sf-menu > li:first-child { border-left: 0 none; }

.sf-menu > li:last-child { border-right: 0 none; }

.sf-menu > li:after { display:block; position:absolute; bottom: 0px; content: ""; z-index:10; }

.sf-menu li a { font-size: 14px; line-height: 34px; font-family: 'Open Sans', Arial; font-weight: 500; color: #3D4244; text-transform: capitalize; padding: 8px 23px; }

.sf-menu li.active { background: none repeat scroll right 0 #F3930A; z-index: 99; }

.sf-menu li.active a, .sf-menu li:hover a { color: #fff; }

.sf-menu li:hover, .sf-menu li.current-menu-item, .sf-menu li.sfHover, .sf-menu li.current-menu-parent { background: none repeat scroll right 50% #00C3F4; }

.sf-menu ul { position: absolute; top: -999em; width: 176px; background:#fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); }

.sf-menu li ul li { margin-left: 0; }

.sf-menu li ul li a { color: #3D4244 !important; padding: 0 19px; line-height: 34px; }

.sf-menu li ul li a:hover { color: #fff !important; }

.sf-menu ul li { border-bottom: 1px solid #FAFAFA; }

.sf-sub-indicator { display: none; }

.sf-menu > li li > a > .sf-sub-indicator { display:none; }

#responsive-main-nav-menu { display: none; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
}
 @media only screen and (max-width: 767px) {
 #main-nav-menu {
display: none;
}
.search-header {
display: none;
}
 #responsive-main-nav-menu {
background: none repeat scroll 0 0 #333333;
border: 1px solid #000000;
color: #FFFFFF;
display: block;
float: right;
font-family: 'Open Sans', Arial;
font-size: 12px;
line-height: 1em;
margin: 0;
padding: 11px;
width: 56%;
}
}



#container { margin: 0 auto; width: 940px; position:relative; }

.flexowlslider .owlslides > li.dnone { display:none; position:static; }

.flexowlslider .owlslides > li { display: block; position:absolute; } /* Hide the owlslides before the JS is loaded. Avoids image jumping */

.flexowlslider .owlslides > li:first-child { position:static; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .owlslides element */
.owlslides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .owlslides { display: block; }

* html .owlslides { height: 1%; }

.flexowlslider { width: 100%; overflow: hidden; position: relative; }

.flexowlslider .owlslides img { max-width: 100%; display: block; }

.flexowlslider iframe { width: 100%; height: 350px; }

.flexowlslider .prev, .flexowlslider .next { display:none; }

.owl-flex-caption-right { background: none repeat scroll 0 0 #00C6F5; height: 100%; padding: 0 40px; position: absolute; right: 0; -moz-box-shadow: 0 0 50px 50px #00A6CF inset;/*FF 3.5+*/ -webkit-box-shadow: 0 0 50px 50px #00A6CF inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 0 50px 50px #00A6CF inset; }

.owl-flex-caption-left { background: none repeat scroll 0 0 #00C6F5; height: 100%; padding: 0 40px; position: absolute; left: 0; -moz-box-shadow: 0 0 50px 50px #00A6CF inset;/*FF 3.5+*/ -webkit-box-shadow: 0 0 50px 50px #00A6CF inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 0 50px 50px #00A6CF inset; }

.owl-slide-text-1 { border-left: 3px solid #FFFFFF; color: #FFFFFF; font-family: open sans; font-size: 37px; font-weight: 500; line-height: 50px; margin-bottom: 20px; padding-left: 30px; }

.owl-slide-text-2 { border-right: 3px solid #FFFFFF; color: #FFFFFF; font-family: open sans; font-size: 37px; font-weight: 500; line-height: 50px; margin-bottom: 20px; padding-right: 30px; }

.owl-slide-text-1 a, .owl-slide-text-2 a { color: #097CAD; }

.owl-slide-text-1 a:hover, .owl-slide-text-2 a:hover { color:#fff; }

.owl-flex-border-1 { width: 530px; }

.owl-flex-bg { display: block; margin-top: 81px; }

/*=========================================================================
 Control Nav 
 ========================================================================= */
.flexowlslider .flex-owl-control-nav { position:absolute; right:10px; bottom: 10px; list-style:none; z-index:5; }

.flexowlslider .flex-owl-control-nav li { float: left; padding: 0 3px; }

.slider { width:940px; position:relative; z-index:1; margin:0 auto 0; padding:30px 0 0 0; }

.flexowlslider2 { width: 100%; margin: 0; }

.flexowlslider2 .owlslides > li { display: none; } /* Hide the owlslides before the JS is loaded. Avoids image jumping */

.flexowlslider2 .owlslides > li { }

/*=========================================================================
LIST ELEMENTS
========================================================================= */

.owl-slider-list-style { display: inline-block; margin: 10px 0; }

.owl-slider-list-style li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; float: left; margin: 0 15px !important; padding: 7px 0 8px 24px; width: 181px; }

.owl-slider-list-style li a img { padding-right: 12px; width: auto !important; }

.owl-slider-list-style li a { color: #777; font-weight: bold; text-decoration: none; }

.owl-slider-list-style li a:hover { color: #000; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; behavior: url(/web/20161122104854im_/http://www.seoinmumbai.co.in/css/js/PIE.htc); }

.owl-slider-check-list-2 { list-style: none; margin: 0; padding: 0 0 0 24px; }

.row-2 { margin: 0 0 50px; position: relative; }

.flex-shadow { position: absolute; width: 100%; z-index: 1; }

.owl-flex-caption a { color:#777; outline:none; cursor:pointer; text-decoration: underline; }

.owl-flex-caption a:hover { color:#000; }

/* Clearfix for the .owlslides element */
.owlslides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .owlslides { display: block; }

* html .owlslides { height: 1%; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
 .flexowlslider {
height: 270px;
}
 .flexowlslider .owl-flex-caption {
}
 .owl-flex-border-1 {
width: 380px;
}
.owl-flex-bg {
 margin-top: 71px;
}
.owl-slide-text-1 {
 font-size: 27px;
 line-height: 40px;
}
.owl-slide-text-2 {
 font-size: 27px;
 line-height: 40px;
}
 .owl-slider-list-style {
display: none;
}
 .flexowlslider iframe {
width: 100%;
height: 270px;
}
 .flexowlslider .owlslides img {
}
 .slider {
width:748px;
}
 .flex-owl-control-nav {
position:absolute;
}
}
 @media only screen and (max-width: 767px) {
 .flexowlslider {
height: 134px;
}
 .owl-flex-caption-right, .owl-flex-caption-left {
display: none;
}
 .flexowlslider .owl-flex-caption {
display:none;
}
 .flexowlslider iframe {
height: 134px;
width: 100%;
}
 .flexowlslider .owlslides img {
max-width: 100%;
}
 .slider {
width:300px;
}
 .flex-owl-control-nav {
position:absolute;
bottom:38%;
right:30px;
}
 .flex-owl-control-nav li {
display:block;
float:none;
margin-right:0;
margin-bottom:2px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .flexowlslider {
height: 227px;
}
 .owl-flex-border-1 {
width: 330px;
}
.owl-flex-bg {
 margin-top: 32px;
}
.owl-slide-text-1 {
 font-size: 27px;
 line-height: 40px;
}
.owl-slide-text-2 {
 font-size: 27px;
 line-height: 40px;
}
 .slider {
width:420px;
}
 .flexowlslider iframe {
height: 227px;
width: 100%;
}
 .flex-owl-control-nav {
position:absolute;
bottom:40%;
right:40px;
}
}



h3.title span{ margin-bottom:30px;}
div.title{ margin:30px 0;}
div.title h5{ height:26px; overflow:hidden;}
div.title p{ height:60px; overflow:hidden;}
.our-project li, .footer-list li{ padding:3px 0;}
.our-project a{ color:#FFF;}
.our-project a:hover{ color:#00C3F4;}
#callout{ padding:0 10px; }
#callout h1{ font-size:22px; color:#FFF; font-weight:bold; text-align:center; padding-bottom:0;}
.breadcrumbs{ margin-left:20px;}
.breadcrumbs>span{ color:#CECECE;}
.breadcrumbs ul, .breadcrumbs li{ display:inline;}
.breadcrumbs li a{ font-size:16px; color:#FFF;}
.detail{ margin-top:50px;}
.detail img{ max-width:100%;}
.message{ margin-top:30px; border-top:dashed 1px #00C3F4;}