@import url(css/reset.css);

/* CSS Document */

/*----*****---- << General >> ----*****----*/

body { font: normal 14px Tahoma, Geneva, sans-serif; }



/*----*****---- << Fonts >> ----*****----*/

h1, h2, h3, h4, h5, h6, .slider-content ul li, #layerslider ul li { font-family: 'Droid Sans', serif; font-weight: 700; }



#jq_fmslideshow #fmslideshow .txtMedium, #jq_fmslideshow #fmslideshow .txtLarge { font-family: 'Droid Sans', serif; font-weight: 700; }



#expand-toggle .expand { font-family: 'Droid Sans', serif; font-weight: 700; }



ul.menu li a, ul.menu li ul li a { font-family: 'Droid Sans', serif; font-weight: 700; }



.slider-content .short-desc { font-family: 'Droid Sans', serif; font-weight: 700; }



#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-family: 'Droid Sans', serif; font-weight: 700; }



#jq_fmslideshow #fmslideshow .txtNormal, #jq_fmslideshow #fmslideshow .txtExNormal { font-family: 'Droid Sans', serif; font-weight: 700; }



#layerslider .subtitle { font-family: 'Droid Sans', serif; font-weight: 700; }



/*----*****---- << Headings >> ----*****----*/

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }



h1 { font-size: 24px; line-height: 30px; margin-bottom: 15px; text-transform: uppercase; }



h2 { font-size: 20px; line-height: 26px; margin-bottom: 15px; }



h3 { font-size: 18px; line-height: 20px; margin-bottom: 15px; }



h4 { font-size: 16px; line-height: 15px; margin-bottom: 15px; }



h5 { font-size: 14px; line-height: 15px; margin-bottom: 10px; }



h6 { font-size: 12px; line-height: 15px; margin-bottom: 10px; font-weight: normal; }



h1.with-subtitle { margin-bottom: 5px; }



h6.subtitle { margin-bottom: 30px; }



/*----*****---- << Text Elements >> ----*****----*/

a { text-decoration: none; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }

a img { border: none; }



strong { font-weight: bold; }



em { font-style: italic; }



p { line-height: 24px; margin-bottom: 10px; }



ul, ol, pre, code { margin-bottom: 20px; }



ul { list-style-type: disc; list-style-position: inside; }

ul li { padding-bottom: 10px; }

ul li ul { list-style-type: circle; padding-left: 20px; margin: 10px 0px 0px; }

ul ul ul { margin-bottom: 0px; list-style-type: square; }



ol { list-style-type: decimal; list-style-position: outside; padding-left: 20px; padding-top: 10px; }

ol li { padding-bottom: 10px; }

ol li ol { margin-bottom: 0px; list-style-type: lower-alpha; }

ol ol ol { margin-bottom: 0px; list-style-type: lower-roman; }



blockquote { line-height: 24px; font-style: italic; padding: 0px 0px 0px 40px; margin: 0px 0px 10px; float: left; }

blockquote p { margin-bottom: 0px; }

blockquote.left { margin-right: 20px; text-align: left; width: 30%; float: left; }

blockquote.right { margin-left: 20px; text-align: left; width: 30%; float: right; }



pre, code { display: block; padding: 10px; font-size: 11px; font-family: monospace; }



hr { border: none; height: 1px; margin: 30px 0; }



/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */

.hr { width: 100%; height: 2px; clear: both; float: left; margin: 20px 0; position: relative; z-index: 1; }



.hr-invisible { float: left; width: 100%; margin: 20px 0px; }



.hr-border { height: 2px; float: left; clear: both; width: 100%; margin: 20px 0px; position: relative; z-index: 1; }



.clear { float: none; clear: both; margin: 0px; padding: 0px; }



.float-right { float: right; }



.float-left { float: left; }



.center { width: 100%; text-align: center; }



/*----*****---- << Tables >> ----*****----*/

table { border-collapse: separate; border-spacing: 0; border-top-width: 5px; margin-bottom: 20px; width: 100%; clear: both; }



th { padding: 10px 15px; font-size: 12px; font-weight: normal; text-transform: uppercase; text-align: center; }



td { font-size: 12px; text-align: center; padding: 13px 15px; }



/*----*****---- << Definition Lists >> ----*****----*/

dl { margin: 0px 20px; }

dl.gallery-item { margin: 0px; }



.gallery-caption { margin-bottom: 10px; }



dt { font-weight: bold; font-size: 14px; margin-bottom: 10px; }



dd { margin-bottom: 20px; line-height: 20px; }



/*----*****---- << Buttons >> ----*****----*/

.button { display: inline-block; *display: inline; zoom: 1; margin: 10px 0px 0px; cursor: pointer; border-radius: 5px; behavior: url(PIE.htc); }

.button:hover { opacity: 0.8; filter: alpha(opacity=80); }

.button.small { padding: 5px 15px 6px; font-size: 13px; }

.button.medium { padding: 9px 22px 10px; font-size: 16px; }

.button.large { padding: 11px 26px 13px; font-size: 20px; }

.button.xlarge { padding: 14px 30px 16px; font-size: 24px; }

.button.light-grey:hover { opacity: 0.6; filter: alpha(opacity=60); }

.button.heart-icon span { padding: 6px 0 4px 27px; display: block; }

.button.rss-icon span { padding: 6px 0 4px 23px; display: block; }

.button.mail-icon span { padding: 6px 0 4px 26px; display: block; }

.button.refresh-icon span { padding: 6px 0 4px 24px; display: block; }

.button.zoom-icon span { padding: 6px 0 4px 23px; display: block; }

.button.download-icon span { padding: 6px 0 4px 24px; display: block; }

.button.delete-icon span { padding: 6px 0 4px 23px; display: block; }

.button.warning-icon span, .button.chat-icon span { padding: 6px 0 4px 24px; display: block; }

.button.star-icon span { padding: 6px 0 4px 23px; display: block; }

.button.heart-icon, .button.rss-icon, .button.mail-icon, .button.refresh-icon, .button.zoom-icon, .button.download-icon, .button.delete-icon, .button.warning-icon, .button.chat-icon, .button.star-icon { padding: 0px 15px 0px 10px; line-height: 20px; }



input.button { overflow: visible; /* remove padding from left/right */ width: auto !important; }



/*----*****---- << Forms >> ----*****----*/

label { font-size: 14px; }



fieldset { padding: 15px; margin: 0 0 20px 0; }



legend { font-weight: bold; }



form p { float: left; clear: both; width: 100%; margin-bottom: 0px; }



input[type=text], input[type=password], input.text { padding: 10px; display: block; font: normal 12px Tahoma, Geneva, sans-serif; }



textarea { padding: 10px; display: block; font: normal 12px Tahoma, Geneva, sans-serif; }



input[type=text], input[type=password], input.text { width: 51%; }



textarea { width: 82%; height: 120px; overflow: auto; }



select { padding: 10px; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius: 5px; behavior: url(PIE.htc); }



.content input[type=text], .content input[type=password], .content input.text { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius: 5px; }

.content textarea { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius: 5px; }



p.form-cont-submit { text-align: right; }



input[type=submit] { padding: 6px 15px 7px; display: inline-block; *display: inline; zoom: 1; margin: 10px 0px 0px; cursor: pointer; font: normal 13px Tahoma, Geneva, sans-serif; cursor: pointer; overflow: visible; text-align: center; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; border-radius: 5px; behavior: url(PIE.htc); }

input[type=submit]:hover { opacity: 0.8; filter: alpha(opacity=80); }

input[type=text], input[type=password], input.text { margin: 5px 0 10px; }



textarea, select { margin: 5px 0 10px; }



/*----*****---- << Images >> ----*****----*/

.content img { max-width: 100%; }



.post-content input[type="submit"] { float: none; }



.wp-caption { margin-bottom: 20px; max-width: 96%; padding: 10px 0px 10px 10px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }

.wp-caption img { border: none; }

.wp-caption a { line-height: 0; display: block; width: 100%; }

.wp-caption .wp-caption-text { text-align: center; padding-top: 10px; margin: 0px; }



img.size-auto, img.size-large, img.size-full, img.size-medium { max-width: 99.6%; height: auto; }



.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }



.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }



.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }



.alignleft, .alignright, .aligncenter, .alignnone { margin-bottom: 20px; }



img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; }



/*----*****---- << Columns >> ----*****----*/

.column { margin: 0px 2% 0px 0px; float: left; min-height: 1px; position: relative; }

.column.last { margin-right: 0px; }



.one-fourth { width: 23.4%; }



.one-half { width: 48.9%; }



.one-third { width: 31.9%; }



.three-fourth { width: 74.5%; }



.two-third { width: 65.8%; }



.one-fifth { width: 18.3%; }



.four-fifth { width: 79.6%; }



.three-fifth { width: 59.2%; }



.two-fifth { width: 38.8%; }



.one-half img, .one-third img, .one-fourth img, .three-fourth img, .two-third img, .one-half iframe, .one-third iframe, .one-fourth iframe, .three-fourth iframe, .two-third iframe, iframe { max-width: 100%; }



/*----*****---- << Lists >> ----*****----*/

ul.green-arrow, ul.check-list, ul.rounded-arrow, ul.rounded-check { list-style-type: none; list-style-position: outside; }

ul.green-arrow li, ul.check-list li { display: block; padding-left: 22px; }

ul.rounded-arrow li, ul.rounded-check li { display: block; padding-left: 20px; }



/*----*****---- << Widgets >> ----*****----*/

.widget { width: 100%; float: left; margin: 0px; padding: 0px 0px 20px; }

.widget h2.widgettitle { font-size: 18px; }

.widget ul { float: left; width: 100%; margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; }

.widget ul li { float: left; clear: both; display: block; width: 100%; }

.widget ul ul { margin-top: 10px; margin-left: 20px; }

.widget ul ul li { width: 90%; }



.widget_categories ul li { position: relative; float: none; }

.widget_categories ul li a { font-size: 14px; padding: 12px 0px 12px 23px; display: block; }

.widget_categories ul li a span { position: absolute; right: 0px; }



.widget ul.contact-details li p { margin: 0px; }

.widget ul.contact-details span { text-align: center; float: left; margin: 0px 2% 0px 0px; width: 10%; }

.widget ul.contact-details p { float: left; margin-bottom: 0px; width: 87%; }

.widget .thumb { float: left; margin: 2px 10px 10px 0px; }

.widget .thumb img { padding: 3px 4px 4px; }

.widget.widget_recent_entries h6, .widget.widget_popular_entries h6 { font-size: 12px; font-weight: bold; text-transform: none; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 5px; }

.widget.widget_recent_entries p, .widget.widget_popular_entries p { font-size: 12px; line-height: 18px; margin-bottom: 0px; }

.widget.widget_recent_entries li, .widget.widget_popular_entries li { float: left; display: block; clear: both; padding: 0px 0px 10px; }

.widget.widget_recent_entries li:last-child, .widget.widget_popular_entries li:last-child { padding-bottom: 0px; }



/*----*****---- << Layout >> ----*****----*/

/*----*****---- << Container >> ----*****----*/

.container { width: 960px; margin: 0 auto; }



/*----*****---- << Header >> ----*****----*/

#header { min-height: 92px; width: 100%; float: left; }



#logo { float: left; margin: 5px 0px 0px; }



.social-icons { float: left; margin: 32px 20px 10px 0px; padding: 0px; }

.social-icons a { float: left; margin: 0px 5px; padding: 0px; width: 30px; height: 30px; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }



#searchform { float: left; margin: 28px 0px 0px; padding: 0px; }

#searchform fieldset { padding: 0px; border: none; margin: 0px; }

#searchform input[type="text"] { background: none; border: none; float: left; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 11px 10px 12px 15px; margin: 0px; width: 125px; transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#searchform input[type="text"]:hover, #searchform input[type="text"]:focus { width: 200px; }

#searchform input[type="submit"] { float: left; cursor: pointer; border: none; margin: 6px 6px 0px 0px; padding: 0px; width: 22px; height: 22px; position: relative; z-index: 9999; }



/*----*****---- << Menu >> ----*****----*/

#top-menu { width: 100%; float: left; margin: 0px; padding: 0px; height: 52px; position: relative; z-index: 999; }



ul.menu { float: left; margin: 0px; padding: 0px; width: 100%; }

ul.menu li { float: left; display: inline; margin: 0px; padding: 0px; height: 52px; position: relative; }

ul.menu li a { text-shadow: none; float: left; font-size: 14px; line-height: 52px; text-transform: uppercase; padding: 0px 27px; position: relative; z-index: 1; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }

ul.menu li.home a { width: 31px; height: 31px; margin: 0px; padding: 11px 15px 10px; font-size: 0; text-align: center; }

ul.menu li:last-child { border: none; }

ul.menu li.home li a { text-align: left; }

ul.menu li .hoverL, ul.menu li .hoverR { opacity: 0; filter: alpha(opacity=0); bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

ul.menu li.current_page_item .hoverL, ul.menu li.current_page_item .hoverR { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 1; filter: alpha(opacity=100); }

ul.menu li:hover .hoverL, ul.menu li:hover .hoverR { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 1; filter: alpha(opacity=100); }

ul.menu li ul { display: none; position: absolute; z-index: 100; top: 52px; left: 0px; width: 200px; padding: 0px; margin: 0px; }

ul.menu li ul li { height: auto; border-right: 0px; clear: both; width: 100%; }

ul.menu li.home ul li { height: auto; border-right: 0px; clear: both; width: 100%; }

ul.menu li ul li a { font-size: 12px; line-height: normal; line-height: 20px; padding: 10px 15px 9px; width: 170px; }

ul.menu li.home ul li a { font-size: 12px; line-height: normal; line-height: 20px; padding: 10px 15px 9px; width: 170px; background: none; height: auto; }

ul.menu li ul li.current_page_item, ul.menu li ul li:hover { behavior: url(PIE.htc); }

ul.menu li ul ul { left: 200px; top: -2px; }

ul.menu-rounded li { border: none; margin: 10px 5px 10px; height: 32px; border-radius: 20px; behavior: url(PIE.htc); }

ul.menu-rounded li a { line-height: 32px; text-shadow: none; padding: 0px 23px; font-size: 13px; }

ul.menu-rounded li.home { margin: 0px; background: none; }

ul.menu-rounded li.home.current_page_item, ul.menu-rounded li.home:hover { background: none; }

ul.menu-rounded li.home ul { top: 52px; }

ul.menu-rounded li.hasSubmenu:hover { border-radius: 20px 20px 0px 0px; }

ul.menu-rounded li ul { top: 32px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px 20px 20px 20px; behavior: url(PIE.htc); }

ul.menu-rounded li ul li { margin: 0px; border-radius: 0px; border: none; }

ul.menu-rounded li ul li a { padding: 12px 15px 12px; font-weight: normal; }

ul.menu-rounded li ul ul { border-radius: 20px; top: 0px; behavior: url(PIE.htc); }



/*----*****---- << Home Slider >> ----*****----*/

#home-slider { width: 100%; float: left; clear: both; margin: 0px; padding: 0px 0px 58px; }



.home-slider-bg { width: 100%; float: left; margin: 0px; padding: 0px; behavior: url(PIE.htc); }



#home-slider .container { position: relative; }



.banner-slider-container { height: 420px; width: 100%; }



#banner-slider { float: left; width: 100%; position: relative; margin: 0px; padding: 0px; }

#banner-slider > li { width: 100%; height: 420px; float: left; display: block; margin: 0px; padding: 0px; background: none !important; }



.slider-content { float: left; width: 46%; margin: 5% 0px 0px; padding: 0px; }

.slider-content h2 { font-size: 24px; margin: 0px; width: 100%; }

.slider-content .subtitle { font-size: 14px; text-transform: uppercase; text-shadow: none; clear: both; float: left; width: 100%; }

.slider-content .short-desc { font-size: 16px; line-height: 20px; text-shadow: none; font-style: italic; float: left; display: block; width: 91%; padding: 12px 20px; margin: 20px 0px 0px; border-radius: 20px 0px 0px 20px; }

.slider-content ul { float: left; margin: 30px 0px 10px 30px; padding: 0px; clear: both; width: 91%; }

.slider-content ul li { float: left; display: block; clear: both; font-size: 18px; padding: 7px 0px 7px 30px; margin: 0px; text-transform: uppercase; width: 91%; }



.slider-image { width: 55%; position: absolute; right: 0px; bottom: 4%; }

.slider-image img { max-width: 100%; }



#slider-nav { position: absolute; bottom: -37px; margin: 0px; padding: 0px; width: 100%; text-align: center; margin: 0; clear: both; }

#slider-nav a { display: inline-block; width: 18px; height: 18px; text-align: center; font-size: 0; margin: 0px 2px; }

#slider-nav a.activeSlide { border-radius: 18px; }



.slider-nav a:hover.activeSlide, #slider-nav a:hover { border-radius: 18px; }



#banner-fullwidth-slider li img { max-width: 100%; width: 100%; }



.banner-fullwidth-slider-container { float: left; clear: both; height: 346px; width: 100%; position: relative; }



#banner-fullwidth-slider { background-size: cover; float: left; width: 100%; position: relative; margin: 0px; padding: 0px; }

#banner-fullwidth-slider > li { float: left; display: block; margin: 0px; padding: 0px; }



/*----*****---- << Main >> ----*****----*/

#wrapper { width: 100%; margin: 0px; padding: 0px; }



#main { float: left; width: 100%; clear: both; margin: 0px; padding: 20px 0px 75px; }



.home #main { padding: 30px 0px 75px; }



.content { width: 675px; float: left; margin: -30px 0px 0px; padding: 30px 30px 0px 0px; position: relative; }



.inner-with-sidebar { position: absolute; right: 0px; bottom: -35px; width: 54px; height: 60px; z-index: -1; }



.content.content-full-width { width: 100%; padding: 0px; margin: 0px; background: none; }



.sidebar { width: 235px; float: left; position: relative; margin: -30px 0px 0px; padding: 30px 0px 60px 20px; }



.inner-sidebar { bottom: -25px; height: 60px; position: absolute; right: 0; width: 257px; }



.content.with-left-sidebar { float: right; padding: 30px 0px 0px 30px; }

.content.with-left-sidebar .inner-with-sidebar { left: 0px; right: inherit; }



.sidebar.left-sidebar { width: 255px; padding-left: 0px; }

.sidebar.left-sidebar .inner-sidebar { left: 0; right: inherit; }



/*----*****---- << Content >> ----*****----*/

/*----*****---- << Home >> ----*****----*/

.welcome-text { float: left; width: 100%; margin: -10px 0px 0px; padding: 24px 0px 13px; position: relative; z-index: -1; -moz-box-shadow: inset 0px 0px 30px 5px #CFCFCF; -webkit-box-shadow: inset 0px 0px 30px 5px #CFCFCF; box-shadow: inset 0px 0px 30px 5px #CFCFCF; behavior: url(PIE.htc); }

.welcome-text h1, .welcome-text h4 { text-transform: none; font-weight: normal; letter-spacing: -0.25px; }

.welcome-text h1 { color: #454545; margin-bottom: 8px; }

.welcome-text h4 { color: #818181; }

.welcome-text .text { width: 70%; float: left; margin: 0px 4% 0px 0px; }

.welcome-text .breadcrum { width: 26%; float: left; text-align: right; }

.welcome-text .button { float: right; }



.read-more-text { float: left; margin: 10px 0px 0px; padding: 0px 20px 0px 0px; }

.read-more-text span { width: 13px; height: 13px; margin: 0px 0px 0px 3px; position: relative; top: 1px; display: inline-block; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; border-radius: 13px; behavior: url(PIE.htc); }



#expand-toggle { width: 100%; display: inline-block; clear: both; margin: 20px 0px 40px; padding: 15px 0px 15px; text-align: center; overflow: hidden; }

#expand-toggle .expand { font-size: 16px; font-weight: bold; padding-right: 25px; }

#expand-toggle .expand:hover { text-decoration: none; }

#expand-toggle .expand-box { margin: 10px 0px 0px; overflow: hidden; padding: 0px; display: none; }

#expand-toggle .one-third { float: left; text-align: left; margin-top: 30px; margin-bottom: 20px; }

#expand-toggle .one-third img { float: left; margin: 5px 15px 0px 0px; }



.column .thumb, a.thumb, .post-thumb { width: 98.7%; float: left; padding: 0px; margin: 0px 0px 15px; position: relative; }



.column .thumb a, a.thumb img, .post-thumb a { float: left; padding: 5px 6px 6px; }



.column .thumb a, a.thumb img, .post-thumb a { width: 95.3%; }



.column .thumb img, a.thumb img, .post-thumb img { max-width: 100%; }



.column.one-third .thumb a { width: 96%; }



.image-overlay { position: relative; width: 96%; height: 94%; margin: 6px; text-align: center; left: 0px; top: 0px; position: absolute; display: block; z-index: 100; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; behavior: url(PIE.htc); }



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

.thumb .image-overlay a { width: auto; position: absolute; top: 35%; display: inline-block; text-align: center; cursor: pointer; border: none; transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; }

.thumb .image-overlay a:hover { opacity: 0.8; filter: alpha(opacity=80); }

.thumb .image-overlay-video, .thumb .image-overlay-zoom { left: 0px; width: 47px !important; height: 47px; }

.thumb .image-overlay-link { right: 0px; width: 47px !important; height: 47px; }

.thumb:hover .image-overlay-zoom, .thumb:hover .image-overlay-video { left: 30%; }

.thumb:hover .image-overlay-link { right: 30%; }



.portfolio.column-one-half .thumb .image-overlay a { width: auto; top: 36%; }

.portfolio.column-one-half .image-overlay { width: 97.5%; height: 94.5%; }

.portfolio.column-one-half .thumb:hover .image-overlay-zoom, .portfolio.column-one-half .thumb:hover .image-overlay-video { left: 37%; }

.portfolio.column-one-half .thumb:hover .image-overlay-link { right: 37%; }

.portfolio.column-one-half-with-sidebar .thumb .image-overlay a { width: auto; top: 30%; }

.portfolio.column-one-half-with-sidebar .image-overlay { width: 96.5%; height: 92.5%; }

.portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-video { left: 32%; }

.portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-link { right: 32%; }

.portfolio.column-one-third .thumb .image-overlay a { width: auto; }

.portfolio.column-one-third-with-sidebar .thumb .image-overlay a { width: auto; top: 27%; }

.portfolio.column-one-third-with-sidebar .image-overlay { width: 94%; height: 91.5%; }

.portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-video { left: 22%; }

.portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-link { right: 22%; }

.portfolio.one-column .thumb .image-overlay a { width: auto; top: 39%; }

.portfolio.one-column .image-overlay { width: 97.8%; height: 95.5%; }

.portfolio.one-column .thumb:hover .image-overlay-zoom, .portfolio.one-column .thumb:hover .image-overlay-video { left: 39%; }

.portfolio.one-column .thumb:hover .image-overlay-link { right: 39%; }

.portfolio.one-column-with-sidebar .thumb .image-overlay a { width: auto; top: 34%; }

.portfolio.one-column-with-sidebar .image-overlay { width: 97%; height: 93.5%; }

.portfolio.one-column-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.one-column-with-sidebar .thumb:hover .image-overlay-video { left: 35%; }

.portfolio.one-column-with-sidebar .thumb:hover .image-overlay-link { right: 35%; }



.readmore { float: right; position: relative; z-index: 1; padding: 7px 30px 7px 13px; margin: 10px 0px 0px; font-size: 13px; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius: 5px; behavior: url(PIE.htc); }

.readmore:hover { -moz-box-shadow: inset 0px 1px 0px 0px #acacac; -webkit-box-shadow: inset 0px 1px 0px 0px #acacac; box-shadow: inset 0px 1px 0px 0px #acacac; behavior: url(PIE.htc); }



.home .portfolio.column-one-third .column { min-height: 300px; }



.subscribe-form { float: left; width: 100%; }

.subscribe-form input[type="text"] { float: left; margin: 0px 10px 10px 0px; width: 66%; }

.subscribe-form input[type="submit"] { margin: 0px; }



/* Portfolio Carousel */

.portfolio-skin-carousel { position: relative; }

.portfolio-skin-carousel .jcarousel-clip-horizontal { margin-left: -8px; }

.portfolio-skin-carousel .jcarousel-container { width: 100%; }

.portfolio-skin-carousel .jcarousel-container-horizontal { width: 100%; padding: 0px; }

.portfolio-skin-carousel .jcarousel-clip { overflow: hidden; }

.portfolio-skin-carousel .jcarousel-clip-horizontal { width: 100%; height: auto; }

.portfolio-skin-carousel .jcarousel-item { width: 306px; margin: 0px; height: auto; }

.portfolio-skin-carousel .jcarousel-item .thumb img { height: auto !important; }

.portfolio-skin-carousel .jcarousel-item-horizontal { margin-left: 8px; margin-right: 9px; }

.portfolio-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }



.portfolio-nav { margin: 20px 0px 0px; clear: both; float: left; width: 100%; }



.portfolio-skin-carousel .jcarousel-prev-horizontal { position: absolute; right: 25px; top: -40px; display: inline-block; margin: 0px 5px; width: 14px; height: 21px; padding: 0px; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }

.portfolio-skin-carousel .jcarousel-next-horizontal { position: absolute; right: 5px; top: -40px; display: inline-block; margin: 0px 5px; width: 14px; height: 21px; padding: 0px; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }

.portfolio-skin-carousel .jcarousel-prev-horizontal:hover, .portfolio-skin-carousel .jcarousel-next-horizontal:hover { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 1; filter: alpha(opacity=1); }

.portfolio-skin-carousel .jcarousel-next-disabled, .portfolio-skin-carousel .jcarousel-prev-disabled, .portfolio-skin-carousel .jcarousel-next-disabled:hover, .portfolio-skin-carousel .jcarousel-prev-disabled:hover { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 0.4; filter: alpha(opacity=40); cursor: auto; }



/* Clients Carousel */

.clients-skin-carousel { position: relative; margin: 0px; padding: 20px 0px; width: 100%; float: left; clear: both; margin: 50px 0px -75px; -moz-box-shadow: inset 0px 0px 30px 5px #CFCFCF; -webkit-box-shadow: inset 0px 0px 30px 5px #CFCFCF; box-shadow: inset 0px 0px 30px 5px #CFCFCF; behavior: url(PIE.htc); }

.clients-skin-carousel h2 { margin-bottom: 20px; }

.clients-skin-carousel .jcarousel-clip-horizontal { margin-left: -9px; }

.clients-skin-carousel .jcarousel-container { width: 100%; }

.clients-skin-carousel .jcarousel-container-horizontal { width: 100%; padding: 0px; }

.clients-skin-carousel .jcarousel-clip { overflow: hidden; }

.clients-skin-carousel .jcarousel-clip-horizontal { width: 100%; height: auto; }

.clients-skin-carousel .jcarousel-item { width: 183px; margin: 0px; height: auto; }

.clients-skin-carousel .jcarousel-item img { height: auto !important; max-width: 100%; }

.clients-skin-carousel .jcarousel-item-horizontal { margin-left: 9px; margin-right: 9px; }

.clients-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }



.clients-nav { margin: 20px 0px 0px; clear: both; float: left; width: 100%; }



.clients-skin-carousel .jcarousel-prev-horizontal { position: absolute; right: 25px; top: -40px; display: inline-block; margin: 0px 5px; width: 14px; height: 21px; padding: 0px; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }

.clients-skin-carousel .jcarousel-next-horizontal { position: absolute; right: 5px; top: -40px; display: inline-block; margin: 0px 5px; width: 14px; height: 21px; padding: 0px; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }

.clients-skin-carousel .jcarousel-prev-horizontal:hover, .clients-skin-carousel .jcarousel-next-horizontal:hover { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 1; filter: alpha(opacity=1); }

.clients-skin-carousel .jcarousel-next-disabled, .clients-skin-carousel .jcarousel-prev-disabled, .clients-skin-carousel .jcarousel-next-disabled:hover, .clients-skin-carousel .jcarousel-prev-disabled:hover { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 0.4; filter: alpha(opacity=40); cursor: auto; }

.clients-skin-carousel .jcarousel-item img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }

.clients-skin-carousel .jcarousel-item img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }



/*----*****---- << Breadcrumb >> ----*****----*/

.breadcrumb { float: left; clear: both; width: 100%; padding: 0px 0px 10px; margin: 0px; position: relative; z-index: 1; }



.breadcrumb-bg { float: left; width: 100%; margin: 0px; padding: 15px 0px; -webkit-box-shadow: inset 0px 10px 5px -6px #9b9b9b; -moz-box-shadow: inset 0px 10px 5px -6px #9b9b9b; box-shadow: inset 0px 10px 5px -6px #9b9b9b; behavior: url(PIE.htc); }



.breadcrumb a, .breadcrumb span.current-crumb, .breadcrum a, .breadcrum span.current-crumb { font-size: 13px; font-size: 0.8125rem; }



.arrow { width: 5px; height: 7px; display: inline-block; margin: 0px 3px; }



/*----*****---- << Sidebar >> ----*****----*/

.sidebar .widget { width: 92%; padding: 0px 8% 20px 0px; padding: 0px; }

.sidebar .widget h2.widgettitle { margin-bottom: 20px; }

.sidebar .hr { margin-left: -20px; width: 255px; }

.sidebar.left-sidebar .hr { margin-right: -20px; margin-left: 0px; }

.sidebar .widget_text { font-size: 12px; }

.sidebar a.thumb { width: 37%; }



a.thumb img { max-width: 90%; }



/*----*****---- << 404 >> ----*****----*/

.errorpage-info { float: left; width: 100%; text-align: center; }

.errorpage-info h2 { font-size: 72px; margin-bottom: 10px; line-height: normal; }

.errorpage-info h3 { font-size: 24px; text-transform: none; margin-bottom: 20px; }

.errorpage-info h4 { font-size: 20px; text-transform: none; }



/*----*****---- << Team >> ----*****----*/

.team { float: left; margin: 15px 0px; padding: 0px; width: 100%; }

.team .image { padding: 4px; float: left; margin: 0px 15px 10px 0px; }

.team h5 { margin-bottom: 5px; }

.team .role { margin-bottom: 10px; font-size: 12px; text-transform: none; }

.team .image img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }

.team .image img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }



.share-links { float: left; clear: both; width: 90%; margin: 5px 0px 0px; padding: 10px; font-size: 12px; line-height: 20px; }

.share-links a { font-size: 12px; line-height: 20px; }

.share-links a:hover { text-decoration: underline; }



.social { float: right; margin: 0px; padding: 0px; text-align: right; width: 100%; height: 20px; }

.social a { margin: 0px 2px; display: inline-block; }



/*----*****---- << Testimonials >> ----*****----*/

.testimonials { width: 100%; float: left; clear: both; margin: 0px; padding: 0px; }

.testimonials blockquote { font-style: normal; padding-top: 7px; }

.testimonials blockquote h4 { margin-bottom: 0px; }

.testimonials blockquote cite { font-size: 12px; font-style: italic; }

.testimonials blockquote p { margin-top: 5px; }



.testimonials-author-image { float: left; margin: 7px 0px 0px; width: 100%; }

.testimonials-author-image img { padding: 5px; width: 86%; }



.testimonials .one-fourth { width: 16.4%; }

.testimonials .three-fourth { width: 81.5%; }



/*----*****---- << Portfolio >> ----*****----*/

.portfolio { text-align: center; float: left; width: 100%; }

.portfolio .button { margin: 0px 5px; }

.portfolio .column { margin-bottom: 15px; }

.portfolio .thumb { width: 99%; }

.portfolio h4 { line-height: 24px; }

.portfolio h5 { line-height: 20px; }



.gallery { width: 100%; }



.portfolio.column-one-third .column { min-height: 320px; }

.portfolio.column-one-third .thumb a { width: 96%; }

.portfolio.column-one-third-with-sidebar .column { min-height: 280px; }

.portfolio.column-one-third-with-sidebar .thumb a { width: 94.5%; }

.portfolio.column-one-half .column { min-height: 360px; }

.portfolio.column-one-half .thumb a { width: 97.4%; }

.portfolio.column-one-half-with-sidebar .column { min-height: 280px; }

.portfolio.column-one-half-with-sidebar .thumb a { width: 96.5%; }

.portfolio.one-column .thumb, .portfolio.one-column-with-sidebar .thumb { width: 56.5%; float: left; margin: 0px 2% 15px 0px; }

.portfolio.one-column .thumb a { width: 97.7%; }

.portfolio.one-column .column { width: 100%; }

.portfolio.one-column-with-sidebar .column { width: 100%; }

.portfolio.one-column, .portfolio.one-column-with-sidebar { text-align: left; }

.portfolio.one-column .button { margin: 10px 10px 0px 0px; }

.portfolio.one-column-with-sidebar .button { margin: 10px 10px 0px 0px; }

.portfolio.one-column-with-sidebar .thumb a { width: 96.7%; }



.portfolio-slider-container { width: 625px; height: 500px; float: left; margin: 0px; padding: 0px; position: relative; }



ul#portfolio-slider { margin: 0px; padding: 0px; float: left; width: 100%; }

ul#portfolio-slider li { display: block; float: left; margin: 0px; padding: 0px; width: 100%; height: 500px; }



/*.portfolio-single .column .thumb { margin:0px; }*/

.slideshow-bullets { float: left; clear: both; width: 100%; text-align: center; margin: 20px 0px 0px; position: relative; z-index: 100; }

.slideshow-bullets a { width: 11px; height: 12px; display: inline-block; margin: 0px 1px; font-size: 0; }



.portfolio-single { float: left; width: 100%; margin: 0px; padding: 0px; }

.portfolio-single .column.two-third { margin-bottom: 50px; }

.portfolio-single p { font-size: 13px; }

.portfolio-single p.client, .portfolio-single p.location { padding-left: 19px; }

.portfolio-single p.project-link { padding-left: 19px; margin-bottom: 0px; }

.portfolio-single a:hover { text-decoration: underline; }

.portfolio-single a.button:hover { text-decoration: none; }

.portfolio-single .column.two-third .thumb a { width: 98.1%; }

.portfolio-single .thumb img { height: auto !important; }



.post-nav-container { float: left; clear: both; width: 100%; padding: 10px 0px; margin: 20px 0px 0px; font-size: 12px; }



.post-prev-link { float: left; }

.post-prev-link a { padding: 0px 0px 0px 22px; }



.post-next-link { float: right; }

.post-next-link a { padding: 0px 20px 0px 0px; }



.post-nav-container span { font-style: italic; }



#sorting-container { display: block; margin: 10px 0px 0px; padding: 0px; clear: both; width: 100%; }

#sorting-container a { line-height: 35px; padding: 0px 20px; float: left; margin: 0px 1px 1px 0px; }



.portfolio-container { float: left; clear: both; margin: 30px 0px 0px; width: 100%; }

.portfolio-container .column { margin-right: 0.7% !important; margin-left: 0.7% !important; }

.portfolio-container .column.one-half { margin-right: 0.5% !important; margin-left: 0.5% !important; }



.portfolio.one-column .portfolio-container .column, .portfolio.one-column-with-sidebar .portfolio-container .column { margin-right: 0px; margin-left: 0px; }



.isotope-hidden { display: none !important; }



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

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



/*----*****---- << Pagination >> ----*****----*/

.pagination { float: right; margin: 20px 0px 10px; padding: 0px; position: relative; z-index: 1; }

.pagination ul { float: left; margin: 0px; padding: 0px; }

.pagination ul li { float: left; display: inline; margin: 0px 4px; padding: 0px; }

.pagination ul li a { float: left; padding: 5px 10px; font-size: 13px; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius: 5px; behavior: url(PIE.htc); }

.pagination .next-post, .pagination .prev-post { float: left; padding: 5px 10px; font-size: 13px; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius: 5px; behavior: url(PIE.htc); }

.pagination ul li.active-page { float: left; padding: 5px 10px; font-size: 13px; -moz-box-shadow: inset 0px 1px 0px 0px #acacac; -webkit-box-shadow: inset 0px 1px 0px 0px #acacac; box-shadow: inset 0px 1px 0px 0px #acacac; border-radius: 5px; behavior: url(PIE.htc); }

.pagination ul li a:hover { -moz-box-shadow: inset 0px 1px 0px 0px #acacac; -webkit-box-shadow: inset 0px 1px 0px 0px #acacac; box-shadow: inset 0px 1px 0px 0px #acacac; behavior: url(PIE.htc); }

.pagination .next-post:hover, .pagination .prev-post:hover { -moz-box-shadow: inset 0px 1px 0px 0px #acacac; -webkit-box-shadow: inset 0px 1px 0px 0px #acacac; box-shadow: inset 0px 1px 0px 0px #acacac; behavior: url(PIE.htc); }

.pagination .next-post { float: left; margin-left: 4px; width: 27px; height: 26px; padding: 0px; }

.pagination .prev-post { float: left; margin-right: 4px; width: 27px; height: 26px; padding: 0px; }



/*----*****---- << Contact >> ----*****----*/

.contact-info { font-size: 16px; line-height: 28px; font-style: italic; margin-bottom: 30px; }



.main-contact-details { float: left; clear: both; margin: 15px 0px 0px; width: 96%; padding: 15px 2% 10px; }

.main-contact-details ul.contact-details { width: 100%; float: left; margin: 0px; padding: 0px; }

.main-contact-details ul.contact-details li { float: left; width: 47%; margin: 0px 1% 10px; display: inline; padding: 0px; }

.main-contact-details ul.contact-details li p { margin: 0px; }

.main-contact-details ul.contact-details span { text-align: center; float: left; margin: 4px 2% 0px 0px; width: 10%; }

.main-contact-details ul.contact-details p { float: left; margin-bottom: 0px; width: 87%; }

.main-contact-details ul.contact-details li a:hover { text-decoration: underline; }

.main-contact-details ul.contact-details span.address { height: 16px; }

.main-contact-details ul.contact-details span.mail { height: 14px; }

.main-contact-details ul.contact-details span.phone, .main-contact-details ul.contact-details span.skype { height: 19px; }



.one-third .main-contact-details ul.contact-details li { width: 98%; }



.two-third textarea { width: 96.5%; }



.one-third input[type="text"] { width: 89%; }



p.one-third { clear: none; }



.error-container { font-size: 14px; color: #ff0000; text-shadow: none; margin: 10px 0px 0px; float: left; clear: both; width: 100%; }



.error { border: 1px solid #ff0000 !important; }



/*----*****---- << Blog >> ----*****----*/

.blog-post { float: left; width: 100%; margin: 0px; padding: 0px; }



.post-title { float: left; width: 100%; }

.post-title h3 { float: left; line-height: 24px; width: 85%; margin: 0px 2% 0px 0px; }

.post-title .date { float: right; margin: -3px 0px 0px; padding: 0px; width: 13%; }

.post-title .date p { font-size: 24px; line-height: 30px; padding: 0px 10px 0px 0px; float: left; }

.post-title .date span { text-align: center; font-size: 12px; width: 40px; float: left; }



.one-half .post-title h3 { width: 81%; }

.one-half .date { width: 17%; }

.one-half .blog-post .post-thumb a { width: 97.4%; }



.blog-post .post-thumb { float: left; clear: both; margin: 20px 0px 10px; padding: 0px; width: 99%; }

.blog-post .post-thumb a { width: 98.3%; }

.blog-post .post-thumb img { height: auto !important; }

.blog-post .entry-head, .blog-post .post-details { line-height: 30px; width: 100%; float: left; }

.blog-post .entry-head span.author { float: left; font-size: 11px; font-style: italic; }

.blog-post .entry-head .comments { float: right; margin-right: 5px; padding: 0px 0px 0px 17px; font-size: 11px; }

.blog-post .entry-head .comments:hover { text-decoration: underline; }

.blog-post .post-details { border: none; margin: 0px 0px 10px; }

.blog-post .post-details .categories { padding: 0px 0px 0px 17px; float: left; width: 45%; margin: 0px 2% 0px 0px; font-style: normal; font-size: 12px; }

.blog-post .post-details .tags { font-style: normal; font-size: 12px; width: 49%; float: left; }

.blog-post .post-details .tags .float-right { padding: 0px 0px 0px 17px; float: right; }

.blog-post .post-details .categories a, .blog-post .post-details .tags a { font-style: italic; font-size: 12px; line-height: 20px; }

.blog-post .post-details .categories a:hover, .blog-post .post-details .tags a:hover { text-decoration: underline; }

.blog-post .post-content { float: left; clear: both; width: 100%; }



.blog-full-width { width: 100%; margin: 0px; padding: 0px; }

.blog-full-width .blog-post .post-thumb a { width: 98.8%; }

.blog-full-width .post-title .date { width: 9%; }



/*----*****---- << Blog Comment Entries >> ----*****----*/

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



ul.commentlist { float: left; margin: 20px 0px 20px 0px; padding: 0px 0px 20px 0px; list-style: none; border-top: 0px; }

ul.commentlist li { display: block; float: none; list-style: none; min-height: 118px; border: none; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 69px; position: relative; clear: both; }

ul.commentlist li ul.children { margin: 10px 0px 0px 0px; padding: 0px; float: left; border: none; clear: both; }

ul.commentlist li .respond { margin-left: 69px; }



.comment-author { float: left; margin: 0px 12px 0px 0px; padding: 0px; width: 57px; text-align: center; position: absolute; left: 0px; }

.comment-author img { float: left; padding: 4px; margin: 0px 0px 5px 0px; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; }

.comment-author a { clear: both; font-size: 12px; text-decoration: none; }

.comment-author a:hover { text-decoration: underline; }



.comment-body { margin: 0px; padding: 10px 10px 0px 20px; min-height: 65px; }



.comment-meta { width: 100%; }



.commentmetadata { float: right; margin: 0px 10px 20px 0px; }

.commentmetadata a { font-size: 12px; font-style: italic; text-decoration: none; }

.commentmetadata a:hover { text-decoration: underline; }



.reply { float: left; margin: 0px 0px 20px 20px; }

.reply a { text-decoration: underline; font-size: 12px; }

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



/*Comment Form Styles */

.respond { margin: 10px 0px 20px; float: left; clear: both; width: 100%; }

.respond form { float: left; margin: 0px; padding: 0px; clear: both; width: 100%; }

.respond form p { clear: both; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 100%; }

.respond form input.textbox { width: 33%; margin: 0px 10px 0px 0px; float: left; }

.respond form textarea { width: 33%; margin: 0px 10px 0px 0px; float: left; width: 50%; height: 95px; }

.respond form .button:hover { opacity: 0.9; filter: alpha(opacity=90); }



/*----*****---- << Pricing Table >> ----*****----*/

.pricing-table { float: left; clear: both; width: 100%; margin: 20px 0px 0px; }

.pricing-table table { border-collapse: collapse; border-spacing: 0; border: none; margin: 0px; padding: 0px; table-layout: fixed; width: 100%; }

.pricing-table table td { text-align: left; font-size: 13px; font-weight: normal; text-shadow: none; }

.pricing-table table tbody tr.title td { font-size: 18px; text-align: center; padding: 2px 0px; }

.pricing-table table tr td:last-child { border-right: 0px; }

.pricing-table table tr.price td { font-size: 60px; text-align: center; padding: 5px 0px 15px; }

.pricing-table table tr.price td sup { vertical-align: super; font-size: 40px; margin-right: -10px; }

.pricing-table table tr.price td small { font-size: 22px; margin-left: -20px; }

.pricing-table table tr td span { padding: 0px 0px 0px 25px; }

.pricing-table table tr.buttons td { text-align: center; border-bottom: none; }

.pricing-table table tr.buttons .button { margin: 5px 0px 5px; padding: 8px 20px; }

.pricing-table table tr.buttons td a.button.black { border-radius: 5px; behavior: url(PIE.htc); }

.pricing-table table .featured { position: relative; z-index: 100; box-shadow: 0px 9px 25px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 9px 25px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 9px 25px 5px rgba(0, 0, 0, 0.5); transform: translateY(-10px) scale(1); }



/*----*****---- << Styled Elements >> ----*****----*/

.styled-elements h1, .styled-elements h2, .styled-elements h3, .styled-elements h4, .styled-elements h5 { margin-bottom: 25px; }

.styled-elements .column h2 { margin-bottom: 15px; }

.styled-elements .button { margin-right: 12px; }



/* Highlight */

.highlight { padding: 0px 5px; margin: 0px 5px 0px 0px; }



/* Dropcap */

.dropcap { font-size: 24px; float: left; margin: 10px 0px 10px 0px; text-align: center; }

.dropcap.style1 { font-size: 48px; width: 58px; }

.dropcap.style2 { width: 40px; height: 34px; margin: 0px 10px 0px 0px; padding: 6px 0px 0px; border-radius: 30px 30px 30px 30px; behavior: url(PIE.htc); }

.dropcap.style3 { height: 34px; margin: 5px 10px 0 0; padding: 6px 0 0; text-align: center; width: 40px; box-shadow: 0 0 5px #939393; -moz-box-shadow: 0 0 5px #939393; -webkit-box-shadow: 0 0 5px #939393; border-radius: 30px 30px 30px 30px; behavior: url(PIE.htc); }

.dropcap.style4 { width: 33px; height: 29px; text-align: center; margin: 5px 10px 0px 0px; padding: 4px 0px 0px; }



/* Horizontal Tabs */

.tabs-container { float: left; width: 100%; margin: 0px 0px 20px; padding: 0px; clear: both; }



ul.tabs-frame { float: left; margin: 0px 0px 0px 15px; padding: 0px; width: 98.5%; }

ul.tabs-frame li { float: left; display: inline; margin: 0px 0px 0px 5px; padding: 0px; }

ul.tabs-frame li a { float: left; border-bottom: 0px; margin: 0px; padding: 0px 15px; min-width: 60px; text-align: center; font-size: 14px; line-height: 32px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius: 5px 5px 0px 0px; behavior: url(PIE.htc); }



.tabs-frame-content { float: left; clear: both; width: 96.8%; margin: -1px 0px 0px; padding: 15px 15px 10px; border-radius: 5px; behavior: url(PIE.htc); }

.tabs-frame-content img { margin-top: 10px; }

.tabs-frame-content img.alignleft { margin-bottom: 15px; }



/* Vertical Tabs */

.tabs-vertical-container { float: left; width: 100%; margin: 0px 0px 20px; padding: 0px; clear: both; }



ul.tabs-vertical-frame { float: left; margin: 0px 16px 0px 0px; padding: 0px; width: 20%; }

ul.tabs-vertical-frame li { float: left; display: block; margin: 0px; padding: 0px; width: 100%; position: relative; }

ul.tabs-vertical-frame li a { float: left; border-bottom: 0px; margin: 0px; padding: 12px 15px 10px; width: 83.5%; font-size: 14px; line-height: normal; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; behavior: url(PIE.htc); }

ul.tabs-vertical-frame li.first a { border-radius: 5px 5px 0px 0px; behavior: url(PIE.htc); }

ul.tabs-vertical-frame li.last a { border-radius: 0px 0px 5px 5px; behavior: url(PIE.htc); }

ul.tabs-vertical-frame li a.current span { left: 0; right: -9px; top: 0; bottom: 0; position: absolute; }



.tabs-vertical-frame-content { width: 75%; float: left; padding: 15px 15px 10px; border-radius: 5px; behavior: url(PIE.htc); }



/* Standard Toggle */

h5.toggle, h5.toggle-accordion { margin-bottom: 10px; padding: 0px 0px 0px 25px; line-height: 25px; clear: both; position: relative; }

h5.toggle a, h5.toggle-accordion a { display: block; }



.toggle-content { clear: both; margin: 0px 0px 20px 25px; overflow: hidden; }

.toggle-content p { margin: 0px; font-size: 14px; }

.toggle-content img.alignleft { margin-top: 5px; }



.toggle-frame-set { float: left; width: 100%; margin: 0px 0px 20px; }



.toggle-frame { float: left; clear: both; margin: 0px 0px 3px 0px; width: 95.5%; opacity: 0.8; filter: alpha(opacity=80); padding: 9px 10px 6px; font-size: 16px; border-radius: 5px; behavior: url(PIE.htc); }

.toggle-frame h5 { margin: 0px; opacity: 0.6; filter: alpha(opacity=60); }

.toggle-frame .toggle-content { margin: 20px 0 15px 10px; }



/* Tooltip */

.tooltip a { background: #E5E5E5; color: #5A5A5A; padding: 10px 20px; width: 82%; text-align: center; float: left; margin: 10px 0px 0px; }

.tooltip a:hover { background: #4C4C4C; color: #FFFFFF; text-shadow: 0 1px 0 #0E4B6E; }



#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }

#tiptip_holder.tip_top { padding-bottom: 5px; }

#tiptip_holder.tip_bottom { padding-top: 5px; }

#tiptip_holder.tip_right { padding-left: 5px; }

#tiptip_holder.tip_left { padding-right: 5px; }



.tip_bottom #tiptip_content { box-shadow: inset 0px -1px 0px 0px #77735c; -webkit-box-shadow: inset 0px -1px 0px 0px #77735c; -moz-box-shadow: inset 0px -1px 0px 0px #77735c; }



#tiptip_content { padding: 8px 10px; color: #424242; font-size: 12px; border: 1px solid #acacac; box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #cacaca 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #cacaca)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%, #cacaca 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%, #cacaca 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%, #cacaca 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%, #cacaca 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(PIE.htc); }



#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }



#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: #cbcbcb; }

#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: #cbcbcb; }

#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: #cbcbcb; }

#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: #cbcbcb; }

#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #cbcbcb; border-top-color: #cbcbcb; }

#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #eeeeee; border-bottom-color: #eeeeee; }

#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #dedede; border-right-color: #dedede; }

#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #dedede; border-left-color: #dedede; }



/*----*****---- << Sitemap >> ----*****----*/

ul.sitemap { float: left; width: 100%; margin: 0px; padding: 0px; }

ul.sitemap li a:hover { text-decoration: underline; }



/*----*****---- << Features >> ----*****----*/

.side-nav-container { margin: 0px 30px 0px 0px; padding: 60px 0px 0px; float: left; width: 22%; }



.side-nav-bottom { width: 100%; height: 78px; float: left; clear: both; margin: -30px 0px 0px; }



ul.side-nav { float: left; width: 100%; padding: 0px; margin: 0px; }

ul.side-nav li { float: left; clear: both; display: block; padding: 0px; margin: -60px 0px 60px; padding: 0px; width: 100%; position: relative; }

ul.side-nav li a { line-height: 16px; width: 100%; float: left; padding: 14px 0px; margin: 0px 0px 2px; }

ul.side-nav li.current_page_item a span { width: 19px; height: 44px; top: 0px; right: -19px; position: absolute; }



.main-content { float: left; width: 74%; }



/*----*****---- << Footer >> ----*****----*/

#footer { float: left; clear: both; margin: 0px; padding: 0px; width: 100%; }



.footer-bg { margin: 0px; padding: 20px 0px 0px; float: left; width: 100%; }



#footer p, #footer a { font-size: 13px; line-height: 18px; }

#footer .widget.tweetbox span { font-size: 13px; line-height: 18px; }

#footer .widget ul li { padding: 10px 0px; }

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

#footer .widget.tweetbox a:hover { text-decoration: underline; }

#footer .widget .social-icons { margin: 0px; }

#footer .widget .social-icons a { margin: 0px 10px 10px 0px; }

#footer .widget ul.contact-details span.address { height: 16px; }

#footer .widget ul.contact-details span.mail { height: 14px; }

#footer .widget ul.contact-details span.phone, #footer .widget ul.contact-details span.skype { height: 19px; }

#footer .widget ul.contact-details li p { width: 87%; }



.widget .testimonial-carousel li { clear: none; }



.testimonial-skin-carousel { position: relative; }

.testimonial-skin-carousel .jcarousel-container { width: 220px; }

.testimonial-skin-carousel .jcarousel-container-horizontal { width: 220px; padding: 0px; }

.testimonial-skin-carousel .jcarousel-clip { overflow: hidden; }

.testimonial-skin-carousel .jcarousel-clip-horizontal { width: 222px; height: auto; }

.testimonial-skin-carousel .jcarousel-item { width: 220px; height: auto; }

.testimonial-skin-carousel .jcarousel-item-horizontal { margin-right: 20px; }

.testimonial-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }



.testimonial-nav { margin: 20px 0px 0px; clear: both; float: left; width: 100%; }



.testimonial-skin-carousel .jcarousel-prev-horizontal { position: absolute; left: 40%; bottom: -30px; display: inline-block; margin: 0px 5px; width: 12px; height: 20px; padding: 0px; cursor: pointer; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }

.testimonial-skin-carousel .jcarousel-next-horizontal { position: absolute; right: 40%; bottom: -30px; display: inline-block; margin: 0px 5px; width: 12px; height: 20px; padding: 0px; cursor: pointer; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }

.testimonial-skin-carousel .jcarousel-next-disabled, .testimonial-skin-carousel .jcarousel-prev-disabled { opacity: 0.7; filter: alpha(opacity=70); cursor: auto; }



#footer .widget ul.testimonial-carousel { border: 0px; padding: 0px; }

#footer .widget ul.testimonial-carousel li { border: 0px; padding: 0px; }

#footer .widget blockquote { padding: 0px 0px 0px 20px; margin: 0px; border: 0px; width: 85%; }

#footer .widget blockquote p { font-size: 12px; line-height: 18px; }

#footer .widget blockquote p span { margin: 25px 0px 0px -20px; clear: both; float: left; width: 100%; text-shadow: none; font-style: normal; }

#footer .widget blockquote p span img { float: left; margin: -5px 10px 10px 0px; }

#footer .widget form { float: left; width: 100%; margin: 0px; padding: 0px; }

#footer .widget form p { float: left; margin: 0px 0px 7px; clear: both; width: 100%; }

#footer .widget form input[type="text"] { padding: 7px; float: left; width: 55%; margin: 0px 4% 0px 0px; border-radius: 5px; behavior: url(PIE.htc); }

#footer .widget form textarea { padding: 7px; float: left; width: 55%; margin: 0px 4% 0px 0px; border-radius: 5px; behavior: url(PIE.htc); width: 92%; height: 88px; }

#footer .widget form label { width: 33%; float: right; font-size: 13px; }

#footer .widget form input[type="submit"] { font-size: 13px; cursor: pointer; text-transform: none; padding: 6px 10px; margin: 5px 0px 0px; border-radius: 5px; behavior: url(PIE.htc); }

#footer .widget form input[type="submit"]:hover { border-radius: 5px; behavior: url(PIE.htc); }



.footer-copyright { float: left; clear: both; width: 100%; padding: 14px 0px 18px; margin: 0px; font-size: 12px; text-shadow: none; }

.footer-copyright .copyright { float: left; margin: 0px; }

.footer-copyright .copyright a:hover { color: white; }

.footer-copyright .copyright-content { float: right; margin: 0px; padding: 0px; list-style: none; }

.footer-copyright .copyright-content li { float: left; display: inline; margin: 0px; padding: 0px; }

.footer-copyright .copyright-content li a { padding: 0px 10px; float: left; }

.footer-copyright .copyright-content li:last-child { border: none; }



.footer-logo { float: right; width: 30%; text-align: right; margin: 5px 0px 0px; padding: 0px; }



.footer-copyright.align-center { padding: 20px 0px; }

.footer-copyright.align-center .container { position: relative; }

.footer-copyright.align-center .copyright-content { width: 100%; text-align: center; }

.footer-copyright.align-center .social-icons { text-align: center; margin: 15px 0px 0px; display: inline-block; *display: inline; zoom: 1; text-align: center; float: none; }

.footer-copyright.align-center .footer-logo { position: absolute; right: 0px; top: 10px; }



/*----*****---- << Ultimate Style Picker >> ----*****----*/

.ultimate-style-picker-wrapper { position: fixed; z-index: 99999; left: 0px; top: 150px; }



#ultimate-style-picker { background: #ffffff; width: 225px; float: left; position: absolute; top: 0px; z-index: 1; margin: 0px; padding: 0px 0px 10px; text-align: center; box-shadow: 0px 0px 10px #242424; -moz-box-shadow: 0px 0px 10px #242424; -webkit-box-shadow: 0px 0px 10px #242424; border-radius: 0px 10px 10px 0px; behavior: url(PIE.htc); }

#ultimate-style-picker h2 { background: url(images/style-picker/title-bg.jpg) repeat-x; font: normal 12px Tahoma, Geneva, sans-serif; text-transform: uppercase; line-height: 48px; width: 100%; color: #848484; margin: 0px 0px 15px; padding: 0px; border-radius: 10px 10px 0px 0px; behavior: url(PIE.htc); }

#ultimate-style-picker h3 { font: normal 12px Tahoma, Geneva, sans-serif; padding: 0px 0px 10px; width: 100%; color: #848484; margin: 0px; text-transform: uppercase; }

#ultimate-style-picker ul { float: left; margin: 0px; padding: 0px; text-align: center; width: 225px; }

#ultimate-style-picker ul li { display: inline-block; display: inline; list-style-type: none; padding: 0px; margin: 0px 0px 6px 0px; }

#ultimate-style-picker ul li a { background: #ffffff; border: 1px solid #ffffff; padding: 2px; display: inline-block; margin: 0px; }

#ultimate-style-picker ul li a.selected, #ultimate-style-picker ul li a:hover, #ultimate-style-picker ul li a img { border: 1px solid #d7d7d7; }

#ultimate-style-picker .hr { background: url(images/style-picker/seperator.png) no-repeat; width: 100%; height: 25px; margin: -10px 0px 10px; float: left; }



.style-picker-ico { position: absolute; top: 25px; left: 225px; }

.mesjlogo{width: 355px;float: left;margin: 24px 0 0 10px; color: white;}

.mesjlogo p {font-size: 12px;}

.mesjlogo p span {font-size: 15px; text-transform: uppercase;}

.banderas{position: absolute;right: 0;width: 380px;}

.videos{padding: 0;}

.videos li{float: left; margin-left: 10px;list-style: none;margin-bottom: 10px;}

.one-fourth2 {display: inline; float: left; margin-right: 2%;width: 23.5%;}

.team-member .photo { display: block; margin: 0 auto 15px auto; max-width: 100%; }

.team-member .conten { margin-bottom: 20px; }

.team-member .name { margin: 0; text-align: center; }

.team-member .job-title { text-align: center; display: block; margin-bottom: 15px; color: #888; }

.exito, .error {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/exito.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}