/*
Theme Name: Hydro
Theme URI: http://themes-demo.com/hydro/
Author: the DesignThemes team
Author URI: http://themeforest.net/user/designthemes
Description: Hydro is a Fully responsive, flexible, and minimal one-page portfolio WordPress Theme, Comes with Boxed and Fullwidth Versions. Use it to showcase your brand into a single page, to create product promotion page, landing page etc. Hydro allowing you to customize, and re-order any section and get creative with all possible layout options with various assets like sliders, header variations, shortcodes, carousel, Galleries, Masonry blog, portfolio sections,Contact Forms, Infinite Scroll and more! Admin Panel with endless possiblities to modify layout, styling, fonts, and colors easily. Woo-Commerce support to build your shop in minutes, WPML multi language plugin compatiblity, 2 premium touch enabled & responsive 2D, 3D slider show plugins included, Parallax background option with images and video (self-hosted, youtube, vimeo) added with SEO friendly semantic markup etc.,
Version: 1.5.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: hydro
*/
@charset "utf-8";
/* CSS Document */
@import "css/reset.css";
/*
1. General
1.1 Headings
1.1 Transition
1.1 Text Elements
1.1 Tables
1.1 Definition Lists
1.1 Forms
1.1 Images
1.1 Widgets
1.1 Newsletter widget
2. Layout
2.1 Container
2.2 Float
3. Header
3.1 Header Type - 1
3.2 Header Type - 2
3.3 Header Type - 3
3.4 Header Type - 4
3.5 Header Type - 5
3.6 Header Type - 6
4. Parallax
5. Sliders
5.1 Parallax Slider
5.2 Mockup Slider
5.3 Grid Slider
5.4 Fixed BG Slider
5.5 Video Slider
6. Breadcrumb
7. Content
7.1 Blog
7.1.1 Blog-single
7.2 Portfolio
7.2.1 Recent Gallery
7.2.2 Portfolio Single
7.3 Twitter Parallax
7.4 Footer
7.5 Boxed Styles
8. Back To Top
9. Retina Ready
10. Loader Style
11. Style Picker
*/
/*----*****---- << General >> ----*****----*/
body { font-weight:300; font-size:14px; line-height:28px; background: #fff; color:#252525; font-family: 'Lato', sans-serif; overflow-x: hidden\9; }
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body { overflow-x: hidden; }
}
body, html { width: 100%; height: 100%; min-height: 100%; }
html { height:100% !important; }
/*----*****---- << Headings >> ----*****----*/
h1, h2, h3, h4, h5, h6 { line-height: 30px; margin-bottom:30px; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#252525; }
h1 { font-size: 55px; font-weight: 600; }
h2 { font-size: 50px; font-weight: 600; }
h3 { font-size: 30px; font-weight: 800; }
h4 { font-size: 26px; font-weight: 800; }
h5 { font-size: 20px; font-weight: 600; }
h6 { font-size: 14px; letter-spacing: 4px; }
.main-title { text-align: center; padding-bottom: 60px; margin: 0; outline: none; position: relative; }
.sub-title { padding-bottom: 30px; text-transform: uppercase; width: 100%; }
.sub-title:first-letter { margin-right: 2px; }
#primary .main-title { padding-bottom: 50px; margin-bottom: 10px; }
.main-title.alignleft, .main-title.alignright, .main-title.aligncenter, .sub-title.alignleft, .sub-title.alignright, .sub-title.aligncenter { margin-bottom: 0; }
h2 span { letter-spacing: 2.5px; font-size: 14px; position:relative; width: 100%; float: left; font-weight: lighter; margin-top: 8px; }
.main-title:before { position: absolute; left: 50%; bottom: 20%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 14px; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); pointer-events: none; }
.main-title.alignleft:before { left: 20px; right: auto; }
.main-title.alignright:before { right: 12px; left: auto; }
h5.main-title:before, h6.main-title:before { bottom: 40%; }
.parallax-title { position: relative; color: #fff; }
/*----*****---- << Transition >> ----*****----*/
a, a:hover, a:focus, a:active, a:after, a:hover:after, a:before, a:hover:before, a img, p, input, input:hover, li, li:hover, i, a i, a:hover i, i:before, i:after, .icon, .icon:before, a.current i, i.fa, li:before, li:hover:before, li span, li:hover span, span:after, span:hover:after, span:before, span:hover:before, span.fa, a span, .icon span, li img, li:hover img, textarea, textarea:focus, #logo, .type-1 #header, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .main-menu, .type-1 #header-sticky-wrapper.sticky-wrapper #header, #header #menu-container, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #menu-container,.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .container, .type-1 #header-sticky-wrapper.sticky-wrapper #header .container, #header.type4 #main-menu ul li.menu-item > ul.sub-menu, .sb-slidebar, #header #main-menu ul.menu.type6 > li > a:hover, #header #main-menu ul.menu.type6 > li:hover > a, .dt-sc-ico-content, .dt-sc-ico-content:hover, .dt-sc-ico-content .icon-bg, .dt-sc-ico-content:hover .icon-bg, .dt-sc-ico-content.type2, .dt-sc-ico-content.type2:hover, article.blog-entry, article.blog-entry:hover, article.blog-entry .entry-thumb, article.blog-entry:hover .entry-thumb, article.blog-entry .entry-details .entry-meta, article.blog-entry:hover .entry-details .entry-meta, article.blog-entry .entry-thumb .entry-title, article.blog-entry:hover .entry-thumb .entry-title, article.blog-entry .entry-details .entry-meta .date,article.blog-entry:hover .entry-details .entry-meta .date, .dt-sc-portfolio figure img, .dt-sc-portfolio figure:hover img, .dt-sc-portfolio figcaption, .dt-sc-portfolio:hover figcaption, .dt-sc-ico-content.type4 h5, .dt-sc-ico-content.type4:hover h5, .dt-sc-pr-tb-col .dt-sc-tb-title, .dt-sc-pr-tb-col.type2.selected .dt-sc-tb-title, .dt-sc-pr-tb-col:hover .dt-sc-tb-title, .dt-sc-pr-tb-col.type2:hover .dt-sc-pr-tb-col-wrapper, .dt-sc-pr-tb-col.type2 .dt-sc-pr-tb-col-wrapper, .dt-sc-pr-tb-col.type2.selected .dt-sc-pricing-icon, .dt-sc-pr-tb-col.type2:hover .dt-sc-pricing-icon, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-icon, .dt-sc-callout-box, .dt-sc-team.type2:hover .dt-sc-entry-thumb .figcaption, .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption, .sb-slide, #sb-site, .sb-site-container, .sb-slidebar, #secondary .sticky-wrapper.is-sticky .widget_ad_banner img, #secondary .sticky-wrapper .widget_ad_banner img, .dt-sc-portfolio figcaption .title, .dt-sc-portfolio:hover figcaption .title, .dt-sc-portfolio figure img, .dt-sc-portfolio figure:hover img, #commentform .dt-sc-button, article.blog-entry .entry-content, article.blog-entry:hover .entry-content,ul#team-section div.team-details h5, ul#team-section div.team-details:hover h5, .dt-sc-ico-content.type5 .dt-sc-content:before, .dt-sc-ico-content.type5 .dt-sc-content:after, .dt-sc-ico-content.type5 h5:after, .dt-sc-ico-content.type5:hover .dt-sc-content:before, .dt-sc-ico-content.type5:hover .dt-sc-content:after, .dt-sc-ico-content.type5:hover h5:after, ul.sub-menu > li:hover > a, ul.sub-menu > li:hover > a:hover, .product-details, .product-wrapper:hover .product-details, .star-rating:before, .featured-tag > div, .featured-tag > div:after, .featured-tag > div:before { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition:all 300ms linear; }
#slider img, .wrap ul li, .view-map a, .view-map a i, ul.sub-menu a, ul.sub-menu a:hover, ul.sub-menu li, ul.sub-menu li:hover, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a i:before { -webkit-transition: all 0ms linear; -moz-transition: all 0ms linear; -o-transition: all 0ms linear; -ms-transition: all 0ms linear; transition:all 0ms linear; }
/*----*****---- << Text Elements >> ----*****----*/
a { text-decoration:none; color: #252525; }
a:hover{ color: #252525;}
a img{ border:none; }
strong{ font-weight: 500; }
em{ font-style: italic; }
address { display:block; margin:10px 0 20px; }
abbr { border-bottom:1px dotted #868686; cursor:help; }
ins { background:#FFF9C0; color:#868686; }
sub, sup { font-size:75%; position:relative; vertical-align:baseline; }
sub { bottom: -3px; }
sup { top: -9px; }
p { line-height: 26px; margin-bottom: 10px; font-size: 14px; }
ul, ol, pre, code{ margin-bottom:20px; }
ul{ list-style-type: none; list-style-position:inside; }
ul li { padding-bottom:10px; line-height: 26px; }
ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0 0; }
ul ul ul { margin-bottom:0; list-style-type:circle; }
ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }
ol li { padding-bottom:10px; font-weight: bold; }
ol li span { color: #252525; font-weight: 300; }
ol li ol { margin-bottom:0; list-style-type:lower-alpha; }
ol ol ol { margin-bottom:0; list-style-type:lower-roman; }
pre, code{ border-left:3px solid #d8d8cb; background-color:#e5e5d8; display:block; padding:10px 3%; font-size:11px; font-family: monospace; line-height:20px; width:94%; overflow:auto; color: #252525; }
hr{ background-color:#f4f4f4; border:none; height:1px; margin:30px 0; }
blockquote { display:block; padding:25px 20px; margin:0; position:relative; clear:left; }
blockquote q { font-size:14px; line-height:28px; display:inline-block; font-style:italic; }
blockquote cite { font-style:normal; font-size:14px; line-height:30px; font-weight:400; margin:10px 0 0; display:block; text-align:right; }
blockquote p { margin-bottom:0; }
blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }
blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }
blockquote.aligncenter { text-align:center; }
/* due to IE
margin bugs I had to made classed and apply them to div to achieve the effect of a
*/
.hr{ height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0; position:relative; z-index:1; }
.hr-border { border:4px double #D9D9D9; width:100%; clear:both; display:block; float:left; margin:50px 0; position:relative; z-index:1; border-radius:5px; }
.hr.top, .hr-border.top { width:97%; }
.hr.top, .hr-border.top { background-position:right center; text-align:right; }
.hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; }
.hr-border.top a { top:-10px; right:-23px; }
.hr.top a:hover, .hr-border.top a:hover { color:#868686; }
.clear { float:none; clear:both; margin:0; padding:0; }
.float-right { float:right; }
.float-left { float:left; }
.center { width:100%; text-align:center; }
.hidden { display:none !important;}
.post-edit-link { color:#252525; float:right; clear:both; margin:20px 0 20px; line-height:24px; padding:5px 15px 3px; font-size:14px; font-weight: 500; background: none;}
.page-link { float:left; width:100%; clear:both; margin:10px 0 0; padding:0; }
.page-link a { float:left; }
.page-link a span { float:left; background: #fff; margin:0 5px; width:40px; height:40px; color:#37251b; line-height:40px; border-radius:40px; text-align:center; cursor:pointer; }
.page-link span, .page-link a span:hover { float:left; margin:0 5px; width:40px; height:40px; color:#37251b; background:#ac9d8e; display:inline-block; border-radius:40px; line-height:40px; text-align:center; }
/*----*****---- << Tables >> ----*****----*/
table{ border-collapse:separate; border-spacing:0; width:100%; clear:both; border:1px solid #999999; border-bottom:0; margin-bottom: 20px; }
th{ color:#252525; padding:15px; font-size:14px; line-height:normal; font-weight:600; text-transform:uppercase; text-align:center; }
td{ background:#f6f6f6; font-size:14px; line-height:normal; text-align:center; padding:13px 15px; }
.alternate td { background:#fff; }
th, td { border-bottom:1px solid #999999;border-right:1px solid #999999; }
td:last-child, th:last-child { border-right: none;}
table.no-border, table.no-border tr, table.no-border td, table.no-border th { border: none; }
/*----*****---- << Definition Lists >> ----*****----*/
dl { margin:0 20px; }
dl.gallery-item { margin:0; }
.gallery-caption { margin-bottom:10px; }
.gallery-item img { border:10px solid #e5e5d8 !important; }
dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
dd { margin-bottom:20px; line-height:20px; }
/*----*****---- << Forms >> ----*****----*/
label span{ color:#b4b4b4; }
label span.required { color:#ff0000; }
fieldset{ padding:15px; margin:0 0 20px 0; }
legend{ font-weight: bold; padding: 0 10px; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"] { background: none; border-bottom:1px solid #464646; color:#d7d7d7; padding:20px 15px; display:block; font-size:16px; margin:0; width:100%; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family: 'Lato', sans-serif; text-transform:none; }
textarea { margin-bottom: 20px; }
textarea { height:135px; overflow:auto; }
form .dt-sc-one-half textarea { height:123px; }
form .dt-sc-one-half p { margin-bottom:15px; }
select{ background: #fff; border:1px solid #e5e5d8; padding:10px; margin:10px 0 10px; display:block; width:100%; }
select option { background: #fff; }
select { height:50px; background-color: #fff; color:#6a695e; border:1px solid #e5e5d8; width:100%; margin:0 0 30px; padding:15px 10px 14px 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.selection-box { position:relative; clear:both; }
.selection-box:before, .selection-box:after { content:""; pointer-events:none; position:absolute; }
.selection-box:before { z-index:1; right:17px; top:3px; bottom:0; height:0; margin:auto; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid; }
.selection-box:after { width:50px; height:50px; right:0; top:0; }
.selection-box select { background: #fff; }
input[type="submit"], button, input[type="button"], input[type="reset"] { float:right; font-size:16px; font-weight: 500; line-height:normal; display:inline-block; margin:10px 0 0; cursor:pointer; outline:none; position:relative; z-index:1; color: #fff; position:relative; padding:11px 20px; text-transform:uppercase; -webkit-appearance: none; }
span.error-msg { color: #ff0000; }
input.error, textarea.error { border-color:#ff0000 !important; }
.full-contact span.success-msg, .full-man span.success-msg { color:#fff; }
span.success-msg { color:#01850a; font-weight: bold; font-size: 20px; }
/*----*****---- << Images >> ----*****----*/
img { max-width:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ie8 img { width:auto; }
.post-content input[type="submit"] { float:none; }
.wp-caption { background:#ebebeb; border:1px solid #d6d5c9; margin-bottom:10px; margin-top:10px; padding:7px; text-align:center; }
.wp-caption img { display:block; margin: 0 auto; }
.wp-caption .wp-caption-text { text-align:center; padding-top:0; margin:0; }
.wp-caption.alignnone { clear:both; }
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; text-align:left; margin-right: 20px; }
.alignright, img.alignright { display: inline; float: right; text-align: right; margin-left: 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }
.widget img.size-auto, .widget img.size-large, .widget img.size-full, .widget img.size-medium { width:95.6%; }
.column iframe, iframe, embed, iframe, object, video { max-width:100%; }
.shadow { margin:-20px 0 0; width:100%; float:left; }
/*----*****---- << Widgets >> ----*****----*/
.widget { float:left; width:100%; padding:0 0 50px; margin:0; }
.widget .widgettitle { position:relative; display:inline-block; width:100%; }
.widget .widgettitle .main-title { position:relative; text-transform:capitalize; font-size:22px; float:left; clear:both; background:#fff; margin-bottom: 0; padding-bottom: 50px; }
.secondary-sidebar .widget .widgettitle { font-weight:bold; font-size:22px; text-transform:uppercase; }
.widget ul { float:left; width:100%; margin:0; padding:0; }
.widget ul li { display:block; clear:both; }
.widget ul li a { color:#252525; display:block; }
.widget ul ul { margin-top:10px; }
.widget ul li { position:relative; padding:0 0 10px 25px; }
.widget ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:1px; left:0; content: "\f08d"; color:#4d4d4d; }
.widget.widget_categories ul li span, .widget.widget_archive ul li span { bottom: 0; border: 1px solid #252525; border-bottom: none; float: left; font-size: 14px; height: 25px; line-height: 22px; padding: 0 5px; position: absolute; right: 0; text-align: center; width: auto; }
.widget.widget_tag_cloud .tagcloud a, .widget.widget_product_tag_cloud .tagcloud a { color: #252525; display: inline-block; font-size: 14px !important; line-height: normal; margin: 0 2px 10px 0; padding: 12px 18px; position: relative; text-transform: capitalize; }
::i-block-chrome, .widget.widget_tag_cloud .tagcloud a:hover,
::i-block-chrome, .widget.widget_product_tag_cloud .tagcloud a:hover { background: #fff; }
.widget.widget_popular_entries ul li { padding:0 0 25px; border:none; line-height:normal; }
.widget.widget_popular_entries ul li:last-child { padding:0; }
.widget.widget_popular_entries ul li .entry-thumb { float:left; margin: 0 0 10px 0; padding:0; width: 100%; }
.widget.widget_popular_entries ul li .entry-thumb img { width: 100%; }
.widget.widget_popular_entries ul li h5 { font-size: 16px; line-height:20px; text-transform:none; margin:0 0 8px 0; display:inline-block; }
.widget.widget_popular_entries ul li a.thumb { display: none; }
.widget_popular_entries.widget li { padding:0; }
.widget_popular_entries.widget li:before { content:none; }
.widget_recent_entries ul li { padding: 0; border-bottom: 1px solid; width: 100%; float: left; }
.widget_recent_entries ul li h4 { text-transform:none; margin-bottom:10px; margin-top:5px; }
.widget_recent_entries ul li a.thumb { float:left; margin-right: 5%; width: 40%; margin-top: 2px; }
.widget_recent_entries ul li a.thumb img { float: left; width: 100%; height: auto; }
.widget_recent_entries ul li h6 { position:relative; }
.widget_recent_entries ul li a:before { content: "\f097"; }
.widget_recent_entries ul li span.post-date { float: right; margin-top: -10px; font-size: 12px; }
.widget_recent_entries .entry-details { width: 55%; float: right; }
.widget_recent_entries .entry-details .entry-title h5 { font-size: 16px; margin-bottom: 0; }
.widget_recent_entries .entry-details .entry-metadata p { float: left; margin-right: 10px; margin-bottom: 5px; }
.widget_recent_entries ul li h6:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 14px; position: absolute; top: -1px; left:-30px; content: "\f1b0"; }
.widget_recent_entries ul li h6:hover:before { color:rgba(0, 0, 0, 0.5); }
.widget_recent_entries ul.recent-posts-widget li { list-style: none; padding: 5px 0; }
.widget_categories ul li, .widget.widget_archive ul li { position:relative; float:none; display:block; margin:0 0 10px; padding:0; margin:0; }
.widget_categories ul li a { padding-right:15px; padding:6px 0; display:block; }
.widget_categories ul li a span { position:absolute; right:10px; }
.widget_categories ul li a:before { content: "\f105"; }
.widget_categories ul li.cat-item { display: inline-block; width: 100%; text-transform: capitalize; }
.widget_categories ul li.cat-item a { position: relative; }
.widget_categories ul li.cat-item ul { margin-top: 0; }
.widget_recent_comments ul#recentcomments li { position: relative; }
.widget_recent_comments ul#recentcomments li:before { content: "\f0e6"; }
.widget_recent_comments ul#recentcomments li a:before { content: none; }
.widget_archive ul li a:before { content: "\f1d8"; }
.widget_categories ul li a, .widget.widget_archive ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul#recentcomments li { border-bottom: 1px solid; margin: 0; width: 100%; padding: 15px 45px 15px 30px; display: inline-block; line-height: 20px; }
.widget_categories ul li a:before, .widget_archive ul li a:before, .widget_recent_entries ul li a:before, .widget_recent_comments ul#recentcomments li:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.widget_recent_entries ul li a { border-bottom: none; }
.widget.widget_pages ul li a:before { content: "\f0f6"; }
.widget.widget_meta ul li a:before { content: "\f0e4"; }
.widget.widget_rss ul li a:before { content: "\f09e"; }
.widget.widget_nav_menu ul li a:before { content: "\f105"; }
.widget.widget_nav_menu ul.sub-menu li a:before { content: "\f101"; }
.widget_tag_cloud a:hover, .widget_tag_cloud a:active { color: #fff; }
.widget_tag_cloud a:hover { background:#323232; border-color:#323232;}
.widget_calendar table#wp-calendar caption { padding: 10px; border: 1px solid; background: #fff; border-bottom: none; }
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td { padding: 10px; }
.widget_calendar table#wp-calendar tbody tr:nth-child(even) td { background: #fff; }
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td { border-bottom: 1px solid; border-right: 1px solid; }
.widget_calendar table#wp-calendar th:last-child, .widget_calendar table#wp-calendar td:last-child { border-right: none; }
.widget_calendar table#wp-calendar td#today { background: #ddd; border-color: #ddd; font-weight: 600; }
.widget.mailchimp form.mailchimp-form input[type="email"] { border-radius: 0; border: 1px solid #ededed; width: 100%; float: left; padding: 0 16px; height: 45px; }
.widget.mailchimp form.mailchimp-form input[type="submit"] { padding: 0 20px; margin-top: 10px; height: 45px; line-height: 45px; text-transform: uppercase; }
.widget.widget_archive .selection-box select, .widget.widget_categories .selection-box select, .widget.widget_text form .selection-box select { width: 100%; background: #fff; font-family: 'Open Sans'; }
.widget_search #searchform input[type="text"], .widget_product_search form.woocommerce-product-search input.search-field { border-right: none !important; width: 60%; float: left; padding: 0 16px; height: 45px; color: #878787; font-size: 14px !important; }
.widget_product_search form.woocommerce-product-search input[type="submit"] { padding: 0 5%; margin: 0; height: 45px; line-height: 40px; text-transform: uppercase; float: left; font-weight: 400; }
.widget.widget_recent_entries ul.recent-posts-widget li { width: 100%; float: left; margin-bottom: 20px; padding: 0; }
.widget.widget_recent_entries ul.recent-posts-widget li a:before { content: none; }
.widget.widget_recent_entries ul.recent-posts-widget li a.thumb, .widget.widget_recent_entries ul.recent-posts-widget li p a { border: none; padding: 0; width: 100%; margin: 0; }
.widget.widget_recent_entries ul.recent-posts-widget li h5 a { padding: 15px 0 0; }
.widget.widget_recent_entries ul.recent-posts-widget li .entry-details { width: 100%; padding-bottom: 10px; }
.widget.widget_recent_entries ul.recent-posts-widget li .entry-details .entry-metadata i { margin-right: 10px; }
.widget.widget_recent_entries ul.recent-posts-widget li .entry-details .entry-metadata p { margin-right: 20px; }
.widget.widget_recent_entries ul.recent-posts-widget li .entry-details .entry-metadata p:last-child { margin-right: 0; }
.widget.widget_recent_entries ul.recent-posts-widget li .entry-details .entry-metadata i, .widget.widget_recent_entries ul.recent-posts-widget li .entry-details .entry-metadata p,
.widget.widget_recent_entries ul.recent-posts-widget li .entry-details .entry-metadata a { float: none; width: auto; line-height: 20px; display: inline-block; }
.widget.widget_recent_entries ul.recent-posts-widget li h5 a:hover, .widget.widget_recent_entries ul.recent-posts-widget li .entry-details .entry-metadata a:hover { color: #999; }
.widget.flickrbox .flickr_badge_image { width: 50px; height: 50px; float: left; overflow: hidden; margin-right: 10px; }
.widget.flickrbox .flickr_badge_image a { width: 100%; float: left; position: relative; }
.widget.flickrbox .flickr_badge_image a:before { position: absolute; top: 0; left: 0; display: block; float: left; width: 100%; height: 100%; content: ""; }
.widget.flickrbox .flickr_badge_image a:hover:before { background: none; }
.widget.flickrbox .flickr_badge_image img { width: 50px; height: 50px; }
.widget.widget_popular_entries .recent-portfolio-widget ul li { list-style: none; padding: 0; margin-bottom: 10px; border-bottom: 1px solid; }
.widget.widget_popular_entries .recent-portfolio-widget ul li h6 { letter-spacing: 1px; margin-bottom: 0; padding-left: 20px; }
.widget.widget_mostlikedposts ul li { list-style: none; margin-bottom: 10px; border-bottom: 1px solid; text-align: right; font-size: 12px; line-height: 20px; }
.widget.widget_mostlikedposts ul li a { text-align: left; font-size: 14px; }
.widget.widget_archive .selection-box select, .widget.widget_categories .selection-box select { margin-top: 5px; }
#secondary h3.widgettitle { text-transform:uppercase; margin-bottom:20px; }
#secondary .widget ul li a:hover { color:rgba(0, 0, 0, 0.5); }
#secondary .widget ul.tweet_list li a { color:rgba(0, 0, 0, 0.5); }
#secondary .widget ul.tweet_list li { display:block; padding-bottom:10px; color: #fff; font-size:12px; }
#secondary .widget ul.tweet_list li .tweet-time { color:rgba(0, 0, 0, 0.5); margin-top:5px; }
#secondary .widget:last-child { background:none; padding-bottom:0; margin-bottom:0; }
ul.tweet_list li { list-style: none; }
ul.tweet_list li span.tweet-thumb { float: left; margin-right: 10px; }
ul.tweet_list li span.tweet-thumb img { float: left; }
footer .widget { padding: 50px 0; color: #fff; }
footer .widget .widgettitle .main-title, footer .widget .widgettitle .main-title a { background: none; color: #fff; }
footer .widget_calendar table#wp-calendar td, footer .widget ul li a, footer .widget_calendar table#wp-calendar td a, footer .widget.woocommerce ul.product_list_widget li del span.amount { color: #fff; }
footer .widget_calendar table#wp-calendar tbody tr:nth-child(2n) td, footer .widget_calendar table#wp-calendar td#today, footer .widget.woocommerce ul.product_list_widget li ins span.amount, footer .woocommerce ul.product_list_widget li span.amount { color: #252525; }
footer .widget_calendar table#wp-calendar td#today, footer .widget_product_search form.woocommerce-product-search input[type="submit"]:hover { background: #fff; }
footer .widget.widget_categories ul li:hover span, footer .widget.widget_archive ul li:hover span, footer .widget.widget_text .wp-caption .wp-caption-text, footer .widget_calendar table#wp-calendar caption { color: #252525;}
footer .widget_categories ul li a:before, footer .widget_archive ul li a:before, footer .widget_recent_entries ul li a:before, footer .widget_recent_comments ul#recentcomments li:before { color: #4d4d4d; }
/*----*****---- << Newsletter widget >> ----*****----*/
.widget.widget_search #searchform { position:relative; float:left; width:100%; }
.widget.widget_search #searchform input[type="text"] { color: #252525; min-height: 50px; float:left; padding:15px; margin:0; width: 65%; text-transform:capitalize; border: 1px solid; border-right: none; font-size: 13px; }
.widget.widget_search #searchform input[type="submit"] { margin:0; min-height: 50px; padding:15px; width: 35%; color: #252525; font-weight: 400; font-size: 14px; float: left; }
.widget.widget_search #searchform input[type="submit"]:hover { background: #fff; }
/*----*****---- << Layout >> ----*****----*/
/*----*****---- << Container >> ----*****----*/
.container { width:1200px; margin:0 auto; position:relative; clear:both; }
.wrapper, .fullwidth-section { clear:both; width:100%; margin:0; padding:0; float:left; }
.dt-contact-content { width: 100%; float: left; padding: 70px 0px; }
#main { float:left; clear:both; margin:0; padding:0; width:100%; height: 100%; }
#main .banner { display: table; height: 100%; }
#primary, .secondary-sidebar { padding: 75px 0; }
#primary { width:870px; float:left; }
#primary.with-right-sidebar { margin-right:30px; }
#primary.with-left-sidebar { margin-left:30px; float:right; }
#primary.content-full-width { margin-left:0; margin-right:0; width:100%; }
#primary.with-both-sidebar { margin: 0 30px; width: 570px; }
.secondary-sidebar { float:left; width:270px; }
#secondary .sticky-wrapper { width: 100%; float: left; }
#secondary .sticky-wrapper.is-sticky .widget_ad_banner img { margin-top: 100px;}
/*----*****---- << Float >> ----*****----*/
.wrapper, #header, .banner, .shadow, .main-title, .content, .content-main, footer, .copyright, .location iframe { float:left; width:100%; }
.wrapper, .wrapper.inner-wrapper.type-6 { height: 100%; }
.wrapper, .inner-wrapper, #main { width: 100%; height: 100%; }
.wrapper.inner-page { height: auto; }
.wrapper.inner-page #main.portfolio-detail { padding-bottom: 0; }
.wrapper.inner-page .type-1 #header-sticky-wrapper.sticky-wrapper #header { position: static; background: #252525; }
.content { background: #fff; }
.animate { visibility:hidden; }
/*----*****---- << Header >> ----*****----*/
#header { display: block; margin: 0; padding: 0; width: 100%; z-index: 99999; }
#home.content { display: table; display:block\0/; height: 100%; overflow: hidden; position: relative; vertical-align: middle; width: 100%; padding-bottom:0; }
.dt-menu-toggle { color: #fff; cursor: pointer; display: none; font-weight: bold; padding: 10px 15px; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.7); }
.dt-menu-toggle i { display: inline-block; float: right; font-size: 18px; margin-right: 4px; margin-top: 4px; position: relative; }
.mockup-slider #home.content, .grid-slider #home.content { height: auto; }
.type-3 .grid-slider #home.content { margin-top: 30px; }
.grid-slider.index-3 #home.content { margin-bottom: -1.5%; }
#header .container { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#header #menu-container { float: left; width: 100%; padding: 0; }
#logo { float: left; }
#logo a, .logo a { font-family: 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 30px; border: 7px double #fff; padding: 5px 10px 6px; float: left; }
#logo a span, .logo a span { margin: 0 -7px; }
#logo.logo-img a, .logo.logo-img a { border: none; }
#logo.logo-img a, #header .main-menu #logo.logo-img a { padding: 0; }
.logo.logo-img a { padding: 3px 5px; }
.logo { float: none; display: inline-block; }
.logo a { padding: 5px 10px 8px }
.logo.logostatic { float: left; width: 100%; position: fixed; z-index: 999; top: 40px; left: 40px; }
.logo.logostatic a { background: #252525; }
span.dt-menu-expand { display: none; }
@-moz-document url-prefix() { #header .main-menu #logo a { padding: 5px 10px 8px; } }
#header #main-menu { float:right; margin:0; padding:0; position:relative; z-index:100; line-height:normal; }
#header #main-menu ul { float:left; margin:0; padding:0; text-align:center; width:100%; backface-visibility: hidden; }
#header #main-menu ul li { display: inline; padding: 0; float:left; margin: 0; width:auto; }
#header #main-menu ul.menu > li { margin:0; padding:0; display:inline-block; position:relative; float:left; }
#header #main-menu ul a { font-size: 16px; display: block; text-decoration: none; text-transform: capitalize; position: relative; z-index:200; }
.type-1 #header nav#main-menu ul li a i, .header.type2 li a i, #panel ul li a i { display: none; }
/*----*****---- << Header Type - 1 >> ----*****----*/
.type-1 #header #logo { padding: 26px 0; }
.type-1 #header #logo a { z-index:9999999; }
.type-1 #header nav#main-menu ul { float:right; padding: 0; margin: 0; }
.type-1 #header nav#main-menu ul li { list-style: none; float: left; padding: 0; margin: 0; position: relative; }
.type-1 #header nav#main-menu ul li a { position: relative; display: inline-block; margin: 0; padding: 40px 20px; color: #fff; text-transform: uppercase; font-size: 14px; }
.type-1 #header nav#main-menu ul li a:hover, .type-1 #header nav#main-menu ul li a:focus { outline: none; }
.type-1 #header nav#main-menu ul li a:before { position: absolute; top: 60%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 10px; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); pointer-events: none; }
.type-1 #header nav#main-menu ul.sub-menu li a:before { top: auto; bottom: 0; left: 30px; line-height: normal; color: transparent; }
.type-1 #header-sticky-wrapper { height: auto !important; }
.type-1 #header nav#main-menu ul.sub-menu li a, .type-3 #header.type3 nav#main-menu ul.sub-menu li a { padding: 10px 20px; margin: 0; color: #fff; }
.type-1 #header-sticky-wrapper.sticky-wrapper #header { width: 100%; position: fixed; background: rgba(0, 0, 0, 0.4); }
::i-block-chrome, .type-1 #header-sticky-wrapper.sticky-wrapper #header { background: #252525; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header, .type-5 #header-sticky-wrapper.sticky-wrapper.is-sticky #header { background: #252525; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #logo { padding: 15px 0; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky nav#main-menu ul > li > a { padding: 30px 20px; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .container { width: 98%; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul.sub-menu li a { padding: 10px 20px; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li ul.sub-menu, .type-5 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li ul.sub-menu { top: 86px; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul, .type-5 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: -60px; top: 4px\9; }
::i-block-chrome, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul,
::i-block-chrome, .type-5 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: -60px; }
.inner-page .type-1 #header-sticky-wrapper.sticky-wrapper { background: #252525; }
@-moz-document url-prefix() { .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: 4px; } }
/*----*****---- << Header Type - 2 >> ----*****----*/
#header.type2 { position: relative; background: #252525; float: left; width: 100%; }
#header.type2 .main-menu { padding: 0; }
.type-1 #header-sticky-wrapper.sticky-wrapper #header.type2 { background: #252525; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type2 { display: none; }
.type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type2 .container { width: 1200px; }
.header.type2 ul { position: fixed; width: 90%; max-width: 300px; right: 50px; top: 50px; background: rgba(37,37,37, 0.8); visibility: hidden; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 10%; -moz-transform-origin: 100% 10%; -ms-transform-origin: 100% 10%; -o-transform-origin: 100% 10%; transform-origin: 100% 10%; -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; border: 1px solid; }
.header.type2 ul li { -webkit-backface-visibility: hidden; backface-visibility: hidden; padding-bottom: 0; }
.header.type2 li a { display: block; padding: 15px; border-bottom: 1px solid; text-transform: uppercase; position: relative; color: #fff; overflow: hidden; }
.header.type2 ul li, .header.type2 ul li a, .header.type2 ul li:hover, .header.type2 ul li a:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.header.type2 li a:after { border:1px solid #000; background: rgba(255, 255, 255, 0.2); content: ""; position: absolute; z-index: -1; width: 110%; height: 0; top: 50%; left: 50%; opacity: 0; transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(30deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }
.header.type2 li a:hover:after, .header.type2 li.current_page_item a:after, .header.type2 nav.main-menu > ul > li.menu-item-simple-parent:hover > a:after, .header.type2 nav.main-menu > ul > li > ul > li:hover > a:after { height: 300px; opacity: 1; }
.header.type2 ul.is-visible { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-tansform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; -moz-transition: -moz-transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; -ms-transition: -ms-transform 0.3s, visibility 0s 0s; z-index: 9999; border-bottom: none; }
.header.type2 ul.is-hidden { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;border-bottom: none; }
.header.type2 ul.is-visible li:nth-child(1) { -webkit-animation: menu-animation 0.3s; -moz-animation: menu-animation 0.3s; -ms-animation: menu-animation 0.3s; animation: menu-animation 0.3s; }
.header.type2 ul.is-visible li:nth-child(2) { -webkit-animation: menu-animation 0.35s; -moz-animation: menu-animation 0.35s; -ms-animation: menu-animation 0.35s; animation: menu-animation 0.35s; }
.header.type2 ul.is-visible li:nth-child(3) { -webkit-animation: menu-animation 0.4s; -moz-animation: menu-animation 0.4s; -ms-animation: menu-animation 0.4s; animation: menu-animation 0.4s; }
.header.type2 ul.is-visible li:nth-child(4) { -webkit-animation: menu-animation 0.45s; -moz-animation: menu-animation 0.45s; -ms-animation: menu-animation 0.45s; animation: menu-animation 0.45s; }
.header.type2 ul.is-visible li:nth-child(5) { -webkit-animation: menu-animation 0.5s; -moz-animation: menu-animation 0.5s; -ms-animation: menu-animation 0.5s; animation: menu-animation 0.5s; }
.header.type2 ul.is-visible li:nth-child(6) { -webkit-animation: menu-animation 0.55s; -moz-animation: menu-animation 0.55s; -ms-animation: menu-animation 0.55s; animation: menu-animation 0.55s; }
.header.type2 ul.is-visible li:nth-child(7) { -webkit-animation: menu-animation 0.6s; -moz-animation: menu-animation 0.6s; -ms-animation: menu-animation 0.6s; animation: menu-animation 0.6s; }
.header.type2 ul.is-visible li:nth-child(8) { -webkit-animation: menu-animation 0.65s; -moz-animation: menu-animation 0.65s; -ms-animation: menu-animation 0.65s; animation: menu-animation 0.65s; }
.header.type2 ul.is-visible li:nth-child(9) { -webkit-animation: menu-animation 0.7s; -moz-animation: menu-animation 0.7s; -ms-animation: menu-animation 0.7s; animation: menu-animation 0.7s; }
.header.type2 ul.is-visible li:nth-child(10) { -webkit-animation: menu-animation 0.75s; -moz-animation: menu-animation 0.75s; -ms-animation: menu-animation 0.75s; animation: menu-animation 0.75s; }
@-webkit-keyframes menu-animation {
0% { -webkit-transform: translateX(100px); }
100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes menu-animation {
0% { -moz-transform: translateX(100px); }
100% { -moz-transform: translateY(0); }
}
@-moz-keyframes menu-animation {
0% { -ms-transform: translateX(100px); }
100% { -ms-transform: translateY(0); }
}
@keyframes menu-animation {
0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}
.type2-menu-icon { position: fixed; top: 40px; right: 40px; width: 0; height: 0; border: 1px solid #252525; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 100; opacity: 0; }
.type2-menu-icon:hover { background: rgba(37,37,37, 0.8); }
.type2-menu-icon:hover > span { background: #fff; }
.is-fixed .type2-menu-icon { width: 44px; height: 44px; opacity: 1; z-index: 99999; }
.type2-menu-icon span { position: absolute; display: block; width: 20px; height: 2px; background: rgba(37,37,37, 0.8); top: 50%; margin-top: -1px; left: 50%; margin-left: -10px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; transition: background 0.3s; }
.type2-menu-icon span::before, .type2-menu-icon span::after { content: ""; position: absolute; left: 0; background: inherit; width: 100%; height: 100%;-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, background 0s; -moz-transition: -moz-transform 0.3s, background 0s; transition: transform 0.3s, background 0s; -ms-transition: -ms-transform 0.3s, background 0s; }
.type2-menu-icon span::before { top: -6px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.type2-menu-icon span::after { bottom: -6px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.type2-menu-icon.menu-is-open { box-shadow: none; z-index: 99999; }
.type2-menu-icon.menu-is-open span { background: rgba(232, 74, 100, 0); }
.type2-menu-icon.menu-is-open:hover { background: #252525; }
.type2-menu-icon.menu-is-open span:before, .type2-menu-icon.menu-is-open span:after { background: #252525; }
.type2-menu-icon.menu-is-open:hover span:before, .type2-menu-icon.menu-is-open:hover span:after { background: #fff; }
.type2-menu-icon.menu-is-open span:before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.type2-menu-icon.menu-is-open span:after { bottom: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.header.type2 ul.is-visible li { position: relative; }
.header.type2 ul.is-visible li ul.sub-menu.is-visible { left: auto; margin: 0; padding: 0; position: absolute; right: 298px; top: -1px; list-style: none; opacity: 0; visibility: hidden; }
.header.type2 ul.is-visible li:hover > ul.sub-menu.is-visible { opacity: 1; visibility: visible; }
.header.type2 ul.is-visible li ul.sub-menu.is-visible ul.sub-menu.is-visible { right: 266px; }
/*----*****---- << Header - 3 >> ----*****----*/
#header.type3 { background: #252525; text-align: center; }
#header.type3 #logo { padding: 28px 0; }
#header.type3 .menu-main-menu-container { width: 98%; margin: 0 auto; }
#header.type3 .main-menu { padding: 10px 0; }
#header.type3 nav#main-menu { float: right; padding: 0; }
#header.type3 nav#main-menu ul.menu { float: left; margin: 0; }
#header.type3 nav#main-menu ul.menu li { margin-left: 25px; float: left; padding: 0; }
#header.type3 nav#main-menu ul.menu li:first-child { margin-left: 0; }
#header.type3 nav#main-menu ul.menu li i { font-size: 14px; margin-right: 5px; width: 30px; height: 30px; line-height: 26px; text-align: center; border-radius: 50%; border: 2px solid; }
#header.type3 nav#main-menu ul.menu li a { padding: 40px 0; color: #fff; position: relative; }
#header.type3 nav#main-menu ul.menu li a:after { position: absolute; height: 1px; width: 0; left: 0; content: ""; display: block; bottom: 25px; }
#header.type3 nav#main-menu ul.sub-menu li a::after { bottom: 0; }
#header.type3 nav#main-menu ul.menu li:hover > a:after, #header.type3 nav#main-menu ul.menu li.current_page_item > a:after { width: 100%; }
#header.type3 nav#main-menu ul.menu li:hover > a i, #header.type3 nav#main-menu ul.menu li.current_page_item > a i { color: #fff; border-color: #fff; }
#header.type3 nav#main-menu ul li.menu-item-simple-parent ul li { border: none; margin: 0; }
#header.type3 #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul, #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type3 #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: -10px; }
.type-3 #header-sticky-wrapper { position: fixed; z-index: 99999; width: 100%; height: auto; }
/*----*****---- << Header - 4 >> ----*****----*/
#header.type4 #main-menu { text-align: center; }
#header.type4 #main-menu ul > li { text-align: left; padding-bottom: 0; float: left; width: 100%; position: relative; }
#header.type4 #main-menu ul li a { width: 100%; float: left; color: #fff; }
#header.type4 #main-menu #logo { width: auto; float: none; margin: 0 auto; display: inline-block; padding: 30px 0; }
#header.type4 #main-menu #logo a { border: 7px double #fff; padding: 5px 10px 6px; color: #fff; line-height: 26px; }
#header.type4 #main-menu #logo a:after { content: none; }
#header.type4 #main-menu ul li a { border-bottom: 1px solid rgba(255,255,255,0.3); display: inline-block; float: none; font-size: 30px; padding: 20px 0 20px 20px; position: relative; text-transform: uppercase; width: 100%; }
#header.type4 #main-menu ul li a i { float: right; position: absolute; right: 0; opacity:0; content: ""; display: block; }
#header.type4 #main-menu ul li:hover a i, #header.type4 #main-menu ul li.current_page_item a i { right: 20px; opacity: 1; content: ""; display: block; }
#header.type4 #main-menu ul li a:after { position: absolute; right: 0; left: auto; content: ""; display: block; width: 0; height: 1px; bottom: -1px; }
#header.type4 #main-menu ul li:hover > a:after, #header.type4 #main-menu ul li.current_page_item > a:after { width: 100%; }
ul.sb-toggle { float: left; margin: 0; padding: 0; position: fixed; z-index: 99; color: #fff; right:0; cursor: pointer; }
ul.sb-toggle li.sb-toggle-right { color: #fff; font-size:30px; font-weight: 800; width: 0; height: 0; border-top: 100px solid; border-left: 100px solid transparent; right:0; }
ul.sb-toggle li.sb-toggle-right i { position: fixed; top: 15px; right: 10px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); color: #252525; }
.header4#menu-container, .type-6 #menu-container { width:100%; float: left; display: none; background: #252525; }
.type-6 #menu-container li a { color: #fff; }
/*----*****---- << Header - 5 >> ----*****----*/
.type-5 #header-sticky-wrapper.sticky-wrapper { display: none; }
#header.type5 { background: #252525; display: none; }
#header.type5 .main-menu { padding: 15px 0 7px; float: none; text-align: center; display: inline-block; }
#header.type5 .main-menu #logo { float: none; display: inline-block; }
#magic-line-two { display: none !important; }
#panel { float:left; width:100%; background: #252525; padding: 0; right:0; top:0; position:fixed; z-index:99999999; -webkit-box-shadow: 0 5px 5px -5px rgba(46, 46, 46, 0.15); -moz-box-shadow: 0 5px 5px -5px rgba(46, 46, 46, 0.15); box-shadow: 0 5px 5px -5px rgba(46, 46, 46, 0.15); display: none; }
#panel #logo { padding: 15px 0; }
#panel ul { float: right; padding: 0; margin: 0; }
#panel ul li { float: left; padding: 0; position: relative; }
#panel ul li a { position: relative; float: left; margin: 0; padding: 28px 20px; color: #fff; text-transform: uppercase; font-size: 14px; }
#toggle-panel { position: fixed; right: 0; top: 0; z-index:99999999; width:40px; height:40px; }
#toggle-panel a{ border: medium none; color: #fff; float: right; height: 25px; line-height: 25px; position: absolute; right: 0; text-align: center; width: 25px; }
#toggle-panel a:before { border-top: 70px solid; border-left: 70px solid transparent; right:0; content: ""; height: 0; position: absolute; right: 0; width: 0; }
#toggle-panel i { position: relative; font-size: 20px; color: #252525; right: 5px; top: 10px; }
/*----*****---- << Header - 6 >> ----*****----*/
#header.type6 .main-menu { padding: 0; }
#header.type6 #logo { display: none; }
#header #main-menu ul.menu.type6 li.current_page_item a { color: #fff; }
.type-6 #slider { z-index: -1; }
.type-6 #header-sticky-wrapper.sticky-wrapper { height: 0 !important; }
.type-6 #header-sticky-wrapper.sticky-wrapper #header { position: fixed; top: 0; }
.type-6 #header-sticky-wrapper.sticky-wrapper #header .main-menu { padding: 0; }
.type-6 #header-sticky-wrapper.sticky-wrapper #header .menu-main-menu-container { z-index: 999999; }
.type-6 #header-sticky-wrapper.sticky-wrapper #header #logo { display: none; }
.type6-menu-icon { top: 20px; right: 20px; height: 44px; width: 44px; overflow: hidden; text-indent: 100%; white-space: nowrap; position: fixed; display: inline-block; z-index: 99999; }
.type6-menu-icon .cd-icon { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: inline-block; width: 18px; height: 3px; background-color: #252525; z-index: 10; }
.type6-menu-icon .cd-icon:before, .type6-menu-icon .cd-icon:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #252525; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; }
.type6-menu-icon .cd-icon:before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); content:""; }
.type6-menu-icon .cd-icon:after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); content:""; }
.type6-menu-icon:before, .type6-menu-icon:after { position: absolute; top: 0; left: 0; border-radius: 50%; height: 100%; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; content:""; }
.type6-menu-icon:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.type6-menu-icon:after { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
.type6-menu-icon.close-nav:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.type6-menu-icon.close-nav:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.type6-menu-icon.close-nav .cd-icon { background-color: rgba(255, 255, 255, 0); }
.type6-menu-icon.close-nav .cd-icon:before, .type6-menu-icon.close-nav .cd-icon:after { background-color: #252525; }
.type6-menu-icon.close-nav .cd-icon:before { -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
.type6-menu-icon.close-nav .cd-icon:after { -webkit-transform:translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg); }
#header #main-menu ul.menu.type6 { position: fixed; width: 100%; z-index: 3; padding-top: 20px; right: 0; left: 0; margin: 0 auto; -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.3s; -moz-transition: visibility 0s, opacity 0.3s; transition: visibility 0s, opacity 0.3s; height: 100%; background: #252525; }
#header #main-menu ul.menu.type6 > li { margin: 0px auto; text-align: center; float: none; display: flex; display: block\9; text-transform: uppercase; font-weight: 400; width: 312px; position: relative; }
#header #main-menu ul.menu.type6 > li > a { padding: 30px 0; }
#header #main-menu ul.menu.type6 a { font-size: 24px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; position: relative; width: 100%; text-align: center; }
#header #main-menu ul.menu.type6 a i { display: none; }
#header #main-menu ul.menu.type6 li:hover > a { color: #fff; }
#header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:after, #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:before, #header #main-menu ul.menu.type6 a:before, #header #main-menu ul.menu.type6 a:after { position: absolute; top: 50%; left: 50%; width: 75px; height: 75px; border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -ms-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2); z-index: -1; }
#header #main-menu ul.menu.type6 > li > a:after, #header #main-menu ul.menu.type6 > li > ul.sub-menu a:after, #header #main-menu ul.menu.type6 ul.sub-menu > li > a:after, #header #main-menu ul.menu.type6 ul.sub-menu > li > a:before { width: 50px; height: 50px; border-width: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); -ms-transform: translateX(-50%) translateY(-50%) scale(0.8); }
#header #main-menu ul.menu.type6 > li:hover > a:before, #header #main-menu ul.menu.type6 > li > ul.sub-menu > a:before, #header #main-menu ul.menu.type6 li.current_page_item a:before, #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:before { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); -ms-transform: translateX(-50%) translateY(-50%) scale(0.8); }
#header #main-menu ul.menu.type6 > li:hover > a:after, #header #main-menu ul.menu.type6 > li > ul.sub-menu > a:after, #header #main-menu ul.menu.type6 li.current_page_item a:after, #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5); -moz-transform: translateX(-50%) translateY(-50%) scale(0.5); transform: translateX(-50%) translateY(-50%) scale(0.5); -ms-transform: translateX(-50%) translateY(-50%) scale(0.5); }
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu { left: 311px; right: 0; top: 14px; }
.type-6 #header nav#main-menu ul.menu.type6 li:nth-child(6) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(6) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(7) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(7) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(8) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(9) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu { top: auto; bottom: 12px; }
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu {top:auto; bottom:0;}
@-moz-document url-prefix() {
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu { top: 20px; }
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:last-child ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(6) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(7) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul { top: auto; bottom: -50px; }
}
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:first-child ul { top: 14px; bottom: auto; }
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul { float: left; left: 0; opacity: 0; padding: 0; position: absolute; width: 312px; z-index: 1; visibility: hidden; border: none; }
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul li a { padding: 14px; }
.type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:hover > ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-has-children:hover > ul.sub-menu { opacity: 1; visibility: visible; }
.type-6 #header nav#main-menu ul.menu.type6 li ul.sub-menu { font-size: 20px; }
::i-block-chrome, #header #main-menu ul.menu.type6 > li { display: block; }
.no-touch .menu.type6 a:hover, #header #main-menu ul.menu.type6 li.current_page_item a { color: #fff; }
#header #main-menu ul.menu.type6.fade-in { visibility: visible; opacity: 1; }
.fullscreen-nav, .fullscreen-nav-content { position: fixed; top: 18px; right: 5%; height: 0; width: 0; -webkit-transform: translateX(-20px) translateY(20px); -moz-transform: translateX(-20px) translateY(20px); -ms-transform: translateX(-20px) translateY(20px); -o-transform: translateX(-20px) translateY(20px); transform: translateX(-20px) translateY(20px); }
.fullscreen-nav span, .fullscreen-nav-content span { display: inline-block; position: absolute; border-radius: 50%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.fullscreen-nav.is-hidden, .fullscreen-nav-content.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.fullscreen-nav { z-index: 99; }
.fullscreen-nav span { background: #252525; }
.fullscreen-nav-content { z-index: 99; }
.content-type6 { margin: 0 auto; z-index: 1; }
/*----*****---- << Parallax >> ----*****----*/
.dt-sc-parallax-section { background-attachment: fixed; background-color: #000000; background-repeat: no-repeat; color: #fff; border-top: 4px solid; border-bottom: 4px solid; position: relative; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.breadcrumb.dt-sc-parallax-section { background:url(images/breadcrumb-default-bg.jpg) fixed no-repeat; }
::i-block-chrome, .dt-sc-parallax-section { background-attachment: inherit !important; background-position: center center !important; }
/*----*****---- << Sliders >> ----*****----*/
/*----*****---- << Parallax Slider >> ----*****----*/
.banner .container { position: inherit; }
.banner .caption { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); display: table-cell; vertical-align: middle; z-index: 1; }
.banner.dt-sc-parallax-section { background-position: center top; width: 100%; height: 100%; border: none; position: static; }
#sb-site { height:100%; }
#sb-site .banner.dt-sc-parallax-section { display:table; }
#sb-site .banner .container { height: 100%; width: 100%; min-height: 100%; display: table; }
.hesperiden.tparrows, .hesperiden.tparrows:hover { width: auto; height: auto; background: none; }
.hesperiden.tparrows.tp-leftarrow:before { content: "\e824" !important; font-size: 100px !important; }
.hesperiden.tparrows.tp-rightarrow:before { content: "\e825" !important; font-size: 100px !important; }
.dt-menu-over-slider-container { overflow-x: hidden\9; float: left; }
/*----*****---- << Mockup Slider >> ----*****----*/
.wrap .screen, .wrap .mobile { display: none\9; }
.wrap { margin: 0 auto -4px; width: 100%; height: 0; padding-top: 58%; overflow: hidden; position: relative; }
.wrap .banner { display: none; }
.mockup { position: absolute; top: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -ms-transform-origin: 0 0; }
.mockup::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.mockup__img { display: block; width: 1900px; max-width: inherit; }
.screen, .mobile { position: absolute; overflow: hidden; z-index: 100; background: #333; outline: 1px solid transparent; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; }
.screen { width: 1280px; height: 800px; top: 10px; left: 600px; -webkit-transform: matrix3d(0.452711184975633, 0.139863853789781, 0, -0.000095269465775677, -0.00319943882448498, 0.673512589529646, 0, 0.000049453592261685, 0, 0, 1, 0, 382, 8, 0, 1); transform: matrix3d(0.452711184975633, 0.139863853789781, 0, -0.000095269465775677, -0.00319943882448498, 0.673512589529646, 0, 0.000049453592261685, 0, 0, 1, 0, 382, 8, 0, 1); -ms-transform: matrix3d(0.452711184975633, 0.139863853789781, 0, -0.000095269465775677, -0.00319943882448498, 0.673512589529646, 0, 0.000049453592261685, 0, 0, 1, 0, 382, 8, 0, 1); }
.mobile { width: 320px; height: 480px; top: 850px; left: 525px; -webkit-transform: matrix3d(0.442778970432011, 0.112834189093484, 0, -0.000053669440509915, -0.344035499291785, 0.346595156594271, 0, -0.000094674614416115, 0, 0, 1, 0, 105, 15, 0, 1); transform: matrix3d(0.442778970432011, 0.112834189093484, 0, -0.000053669440509915, -0.344035499291785, 0.346595156594271, 0, -0.000094674614416115, 0, 0, 1, 0, 105, 15, 0, 1); -ms-transform: matrix3d(0.442778970432011, 0.112834189093484, 0, -0.000053669440509915, -0.344035499291785, 0.346595156594271, 0, -0.000094674614416115, 0, 0, 1, 0, 105, 15, 0, 1); }
.slideshow { padding: 0; margin: 0; width: 100%; height: 100%; list-style-type: none; }
.slideshow__item { width: 100%; height: 100%; position: absolute; overflow: hidden; pointer-events: none; z-index: 1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); }
.slideshow__item.current{ pointer-events: auto; z-index: 100; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.slideshow img { width: 100%; }
.slideshow__item.in--next { -webkit-animation: inNext 0.5s forwards ease-in-out; animation: inNext 0.5s forwards ease-in-out; -ms-animation: inNext 0.5s forwards ease-in-out; }
.slideshow__item.out--next { -webkit-animation: outNext 0.5s forwards ease-in-out; animation: outNext 0.5s forwards ease-in-out; -ms-animation: outNext 0.5s forwards ease-in-out; }
.slideshow__item.in--prev { -webkit-animation: inPrev 0.5s forwards ease-in-out; animation: inPrev 0.5s forwards ease-in-out; -ms-animation: inPrev 0.5s forwards ease-in-out; }
.slideshow__item.out--prev { -webkit-animation: outPrev 0.5s forwards ease-in-out; animation: outPrev 0.5s forwards ease-in-out; -ms-animation: outPrev 0.5s forwards ease-in-out; }
@-webkit-keyframes inPrev {
0% { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
100% {-webkit-transform: none; transform: none; }
}
@keyframes inPrev {
0% { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
100% { -webkit-transform: none; transform: none; }
}
@-webkit-keyframes inNext {
0% { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); }
100% { -webkit-transform: none; transform: none; }
}
@keyframes inNext {
0% { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); }
100% { -webkit-transform: none; transform: none; }
}
@-webkit-keyframes outPrev {
100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
@keyframes outPrev {
100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0, 0); }
}
@-webkit-keyframes outNext {
100% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
@keyframes outNext {
100% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
}
}
/*----*****---- << Grid Slider >> ----*****----*/
.slidergridrow { width: 100%; }
.slidergridcol{ float: left; width: 33.333333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1px; height: 100%; background:#fff; }
.grid-slider ul:after { content: ''; display: table; }
.grid-slider-overlay, .slider-overlay, .mockup-slider-overlay { position: absolute; float: left; text-align: center; right: 0; left: 0; margin: 0 auto; top: 0; vertical-align: middle; height: 100%; width: 100%; background: rgba(0,0,0,0.5); color: #fff; z-index: 0; }
.grid-slider-content { width: 90%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: table-cell; vertical-align: middle; }
.mockup-slider-overlay { z-index: 999; }
.banner .dt-sc-button.type1 { margin: 0; }
/*----*****---- << Fixed BG Slider >> ----*****----*/
.banner.fixed-background { background-attachment: fixed !important; width: 100%; height: 100%; background-position: center; display: table; }
.banner.fixed-background h1, .banner.fixed-background h2, .banner.fixed-background h3, .banner.fixed-background h4, .banner.fixed-background h5, .banner.fixed-background h6 { color: #fff; }
/*----*****---- << Video Slider >> ----*****----*/
video.dt-sc-video { width: 100%; float: left; }
.fullwidthbanner-container.banner-video { background:url(http://placehold.it/1920x1200&text=Video+Poster) fixed no-repeat; }
::i-block-chrome, #home.content .video-full-width, ::i-block-chrome, #home.video-banner .fullwidthbanner-container, ::i-block-chrome, .video-banner.video-full-width { height:100%; }
::i-block-chrome, .dt-sc-video-container { position:absolute; }
::i-block-chrome, .dt-sc-video-container .dt-sc-fillWidth{ position:absolute; }
::i-block-chrome, .fullwidthbanner-container.banner-video { background: url(images/poster.jpg) fixed no-repeat; background-size: 100%; height: 100%;text-align: center;position: absolute; width: 100%;top: 0%; }
::i-block-chrome, .banner-video .video-full-width { display: table; width: 100%; height: 100%; min-height: 100%; overflow: hidden; vertical-align: middle; z-index: 1; position:relative; }
::i-block-chrome, .banner-video .dt-sc-video-container, ::i-block-chrome, .banner-video .dt-sc-video-container .dt-sc-fillWidth { left: 0; min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 0; position:static\0/; }
::i-block-chrome, .banner-video .dt-sc-video-container video { max-width:inherit; float:left; }
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-wp-container.ls-container, .ls-wp-container.ls-container > div /, .ls-wp-container.ls-container > div > img/ { width: 100% !important; }
.ls-inner, .ls-slide, .ls-wp-fullwidth-helper { right: 0 !important; left: 0 !important; }
/*----*****---- << Breadcrumb >> ----*****----*/
.breadcrumb { text-align: center; }
.breadcrumb.dt-sc-parallax-section { padding: 40px 0; border-top: none; margin-bottom: 50px; }
.breadcrumb h1 { margin-bottom: 0; line-height: normal; }
.breadcrumb .breadcrumb { margin-top: 30px; font-size: 24px; font-weight: 500; text-transform: uppercase; }
.breadcrumb .breadcrumb span.fa { margin: 0 10px; }
.breadcrumb .breadcrumb a { color: #fff; }
/*----*****---- << Content >> ----*****----*/
/*----*****---- << Blog >> ----*****----*/
.blog-items.apply-isotope { clear: both; float: left; margin: 0; padding: 0; width: 100%; }
.blog-items .column { margin-left: 0; margin-bottom: 11px; }
.blog-items .dt-sc-one-column.column { margin-bottom: 30px; }
article.blog-entry { border: 1px solid; width: 100%; float: left; overflow:hidden; }
article.blog-entry .entry-thumb { position: relative; float: left; border-bottom: 2px solid; width: 100%; }
article.blog-entry .entry-thumb a { overflow: hidden; }
article.blog-entry .entry-thumb a, article.blog-entry .entry-thumb a img { width: 100%; float: left; }
article.blog-entry .entry-thumb .entry-title { bottom: 0; display: inline-block; float: left; margin: -3.2% 0; padding: 0; position: absolute; right: 0; width: 70%; }
article.blog-entry .entry-thumb .entry-title h5, article.blog-entry .black-box .entry-title h4 a { font-weight: normal; text-transform: none; width: 100%; padding: 5px 10px; float: right; display: inline-block; margin-bottom: 0; position: relative; }
article.blog-entry.without-image .entry-thumb.without-image { position: static; }
article.blog-entry.without-image .featured-post { bottom: 0; top: auto; z-index: 9; }
article.blog-entry.without-image .entry-thumb.without-image .entry-title, #primary.with-sidebar .dt-sc-one-column article.blog-entry.without-image .entry-thumb.without-image .entry-title { position: static; margin: 0; width: 100%; }
article.blog-entry.without-image .featured-post span.fa:after { top: auto; bottom: -5px; border-bottom: 40px solid; border-top: none; }
article.blog-entry.without-image:hover .featured-post span.fa:after { border-bottom: 40px solid #ddd; border-top: 0; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry.without-image .featured-post, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry.without-image .featured-post { bottom: 6px; left: 1px; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry.without-image .featured-post span.fa, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry.without-image .featured-post span.fa { text-align: left; backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry.without-image .featured-post span.fa:after, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry.without-image .featured-post span.fa:after { content: none; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry.without-image .featured-post span.fa:before, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry.without-image .featured-post span.fa:before { padding: 10px; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry.without-image:hover .featured-post span.fa:before, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry.without-image:hover .featured-post span.fa:before { background: #ddd; border: 1px solid #ddd; }
article.blog-entry .featured-post, article.dt-sc-blog-entry .featured-post { position: absolute; top: -1px; right: 0; left: 0; margin: 0px auto; width: 100%; text-align: center; }
article.blog-entry .featured-post span.fa, article.dt-sc-blog-entry .featured-post span.fa, article.blog-entry .black-box .featured-post span.fa { margin: 0; padding: 0; font-size: 16px; width: 100%; text-align: center; }
article.blog-entry .featured-post span.fa:after, article.dt-sc-blog-entry .featured-post span.fa:after { position: absolute; top: -5px; right: 0; content: ""; display: block; width: 0; height: 0; border-top: 40px solid; border-left: 40px solid transparent; border-right: 40px solid transparent; overflow: visible; z-index: -1; left: 0; margin: 0px auto; }
article.blog-entry:hover .featured-post span.fa:after, article.dt-sc-blog-entry:hover .featured-post span.fa:after { border-top: 40px solid #ddd; }
article.blog-entry .black-box .featured-post, article.dt-sc-blog-entry .black-box .featured-post { position: absolute; bottom: 0; right: 0; left: 0; margin: 0px auto; width: 100%; text-align: center; }
article.blog-entry .black-box .featured-post span.fa:after, article.dt-sc-blog-entry .black-box .featured-post span.fa:after { position: absolute; bottom: -5px; right: 0; content: ""; display: block; width: 0; height: 0; border-bottom: 40px solid; border-left: 40px solid transparent; border-right: 40px solid transparent; overflow: visible; z-index: -1; left: 0; margin: 0px auto; }
article.blog-entry:hover .black-box .featured-post span.fa:after, article.dt-sc-blog-entry:hover .black-box .featured-post span.fa:after { border-bottom: 40px solid #ddd; }
article.blog-entry .black-box { padding: 20px; }
article.blog-entry .black-box .entry-title h4 { margin: 0; }
article.blog-entry .black-box .entry-title h4 a { text-transform: capitalize; font-size: 20px; margin-bottom: 20px; }
article.blog-entry:hover .entry-thumb a img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); }
article.blog-entry a.read-more { float: right; padding: 5px 10px; border-left: 1px solid; border-top: 1px solid; width: auto; position: absolute; right: 0; bottom: 0; z-index: 10; }
article.blog-entry a.read-more i { margin: 0; opacity: 0; float: none; display: inline-block; line-height: 30px; }
article.blog-entry .entry-details { padding: 30px; float: left; width: 20%; }
article.blog-entry .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta { float: left; border-bottom: 1px solid; padding-bottom: 15px; margin-bottom: 10px; }
article.blog-entry .entry-details .entry-meta .date { font-family: 'Oswald', sans-serif; font-size: 40px; float: left; }
article.blog-entry .entry-details .entry-meta .month { float: left; text-transform: uppercase; }
article.blog-entry .entry-details .entry-meta .month p { margin: 0; margin-top: -5px; margin-left: 5px; font-size: 16px; line-height: 20px; font-weight: normal; }
article.blog-entry .entry-details .tags, article.blog-entry .entry-details .tags a { float: left; width: 100%; }
article.blog-entry .entry-details .tags i { margin-right: 10px; }
article.blog-entry .entry-details .tags a { display: inline-block; float: none; line-height: 20px; width: auto; }
article.blog-entry .entry-details .tags span, article.blog-entry .entry-details .tags i { float: left; line-height: 20px; }
article.blog-entry .entry-details .tags a.comments, article.blog-entry .entry-details .tags span { width: 100%; margin-bottom: 10px; }
article.blog-entry .entry-details .tags a:hover { color: #999; }
.dt-sc-one-column article.blog-entry .entry-content { float: left; width: 80%; padding: 50px 50px 50px 0; }
.dt-sc-one-column article.blog-entry .entry-thumb .entry-title { width: 80%; margin: -1.6% 0; }
.dt-sc-one-third article.blog-entry .entry-details .tags a.comments,.dt-sc-one-third article.blog-entry .entry-details .tags span { width: auto; float: left; margin-right: 20px; }
#primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details { width: 30%; }
#primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-content { width: 70%; }
#primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta { margin-right: 0; padding-right: 0; border-right: none; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details { width: 35%; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-content { width: 65%; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags { width: 100%; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { position: absolute; width: 65%; margin: -2.6% 0; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title h5 { font-size: 20px; }
article.blog-entry:hover, article.blog-entry:hover .entry-thumb, article.blog-entry:hover .entry-details .entry-meta, article.blog-entry:hover a.read-more, .dt-sc-one-third article.blog-entry:hover .entry-details .entry-meta, #primary.with-sidebar article.blog-entry:hover .entry-details .entry-meta, .dt-sc-one-fourth article.blog-entry:hover .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-column article.blog-entry:hover .entry-details .entry-meta { border-color: #ddd; }
article.blog-entry:hover .entry-thumb .entry-title, article.blog-entry:hover .black-box .entry-title h4 a { background: #ddd; }
article.blog-entry:hover .entry-details .entry-meta .date, article.blog-entry:hover .entry-details .tags a i, article.blog-entry:hover .entry-details .tags span i, .dt-sc-entry-details .dt-sc-entry-metadata p:hover i, .dt-sc-entry-details .dt-sc-entry-metadata span:hover i { color: #ddd; }
article.blog-entry .entry-content p { margin-bottom: 0; }
article.blog-entry:hover a.read-more i { padding: 0 0 0 10px; opacity: 1; }
article.blog-entry:hover a.read-more:after { border-bottom: 1px solid; }
#primary.with-sidebar article.blog-entry .entry-thumb .entry-title { width: 100%; }
#primary.with-sidebar article.blog-entry .entry-details, #primary.with-sidebar article.blog-entry .entry-content, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-thumb .entry-title, .dt-sc-one-fourth article.blog-entry .entry-content, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { width: 100%; }
#primary.with-sidebar article.blog-entry .entry-details .entry-meta { border-right: 1px solid; margin-right: 10px; padding-right: 15px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#primary.with-sidebar article.blog-entry .entry-details .tags { float: left; width: 70%; }
#primary.with-sidebar article.blog-entry .entry-details .tags span, #primary.with-sidebar article.blog-entry .entry-details .tags i { width: auto; }
#primary.with-sidebar article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar article.blog-entry .entry-details .tags span { margin-right: 20px; margin-bottom: 10px; }
#primary.with-sidebar article.blog-entry .entry-details .tags span i { margin-right: 8px; }
#primary.with-sidebar article.blog-entry .entry-details .entry-meta .month p { margin: 0 0 0 10px; }
#primary.with-sidebar article.blog-entry .entry-details .entry-meta .date { line-height: 38px; }
#primary.with-sidebar.with-both-sidebar article.blog-entry .entry-details .entry-meta { width: 42%; }
#primary.with-sidebar.with-both-sidebar article.blog-entry .entry-details .tags { width: 53%; }
#primary.with-sidebar.with-both-sidebar article.blog-entry .entry-thumb .entry-title { margin: 0; position: relative; width: 100%; }
.dt-sc-one-half article.blog-entry .entry-details { width: 30%; }
.dt-sc-one-half article.blog-entry .entry-content { width: 70%; padding: 45px 20px 40px 0; float: left; }
#primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details { padding: 30px 30px 0; }
#primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags { width: 60%; margin-top: -10px; }
#primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-content { float: left; padding: 10px 30px 40px; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details { padding: 30px 15px 0; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta { width: auto; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags { width: 53.9%; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-content { padding: 10px 15px 50px; }
.dt-sc-one-third article.blog-entry .entry-details .entry-meta, .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { width: 25%; border-bottom: none; margin: 0 10px 0 0; padding: 0; border-right: 1px solid; }
.dt-sc-one-third article.blog-entry .entry-details .tags { width: 70%; margin-top: -10px; }
.dt-sc-one-third article.blog-entry .entry-details { padding: 20px 10px 0; width: 100%; }
.dt-sc-one-fourth article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details { width: 100%; padding: 15px 10px; }
.dt-sc-one-third article.blog-entry .entry-thumb .entry-title { margin: 0; width: 100%; position: static; }
.dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5 { font-size: 18px; line-height: normal; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-meta { text-align: center; padding-right: 10px; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-thumb .entry-title { position: relative; width: 100%; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar.with-both-sidebar article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar article.blog-entry .black-box .entry-title h4 a { font-size: 20px; line-height: normal; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta .date, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta .month { float: none; display: inline-block; text-align: left; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta .month { margin: 0 0 0 5px; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags span { margin: 0 10px 10px 0; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta .month p { margin: 0; }
#primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { margin-top: 5px; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-third { width: 31.6%; margin-bottom: 20px; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta { width: 100%; border-right: none; border-bottom: 1px solid; margin-right: 0; padding-right: 0; margin-bottom: 10px; padding-bottom: 10px; }
.dt-sc-one-fourth article.blog-entry .entry-details { padding: 20px 10px; }
.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { text-align: center; }
.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .date { font-size: 30px; float: none; display: inline-block; width: 100%; }
.dt-sc-one-fourth article.blog-entry .entry-thumb .entry-title { width: 100%; float: left; position: relative; margin: 0; }
.dt-sc-one-fourth article.blog-entry .entry-details .tags { width: 70%; margin-top: -5px; }
.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .month { display: inline-block; float: none; }
.dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .month p { display: inline-block; float: none; margin:0; padding: 0; }
.dt-sc-one-fourth article.blog-entry .entry-content, .dt-sc-one-third article.blog-entry .entry-content { width: 100%; padding: 0 15px 45px; }
.dt-sc-one-fourth article.blog-entry .entry-details .tags span:last-child { margin-bottom: 0; }
.dt-sc-one-fourth article.blog-entry:hover .entry-content, .dt-sc-one-third article.blog-entry:hover .entry-content, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta { border-color: #ddd; }
#primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { margin-right: 5%; padding-right: 2%; width: 25% }
#primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .month p { margin: 0; }
#primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-content { padding: 15px 20px 40px; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth { width: 48.6%; margin-bottom: 15px; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth article.blog-entry .entry-details { padding: 20px 10px; }
#primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags span { width: 100%; }
.social-share { width: 100%; float: left; margin-top: 50px; }
.social-share ul li { float: left; list-style: none; margin-right: 10px; }
.social-share ul li a { width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; float: none; display: inline-block; color: #252525; }
.social-share ul li a:hover { background: #252525; }
.social-bookmark { width: 100%; float: left; margin-top: 50px; }
.social-bookmark * { margin-right: 10px !important; vertical-align: bottom !important; float: left !important; }
.social-bookmark * span, .social-bookmark * iframe { margin-right: 0 !important; }
.social-bookmark #___plusone_0 { margin-right: -10px !important; }
/*----*****---- << Blog-single >> ----*****----*/
.commententries { width: 100%; float: left; margin: 30px 0 0; padding: 0; }
ul.commentlist { float: left; margin: 20px 0 20px 0; padding: 0 0 20px 0; list-style: none; border-top: 0; width: 100%; }
ul.commentlist li { display: block; float: none; list-style: none; border: none; margin: 0 0 20px; padding: 0 0 0 115px; position: relative; clear: both; line-height: normal; }
ul.commentlist li ul.children { margin: 10px 0 10px; padding: 0; float: left; border: none; clear: both; width: 100%; }
ul.commentlist li .respond { margin-left: 69px; }
ul.commentlist li .comment-details { position: relative; padding: 0 0 20px; margin: 0 0 10px; display: inline-block; width: 100%; }
ul.commentlist li .comment-details:before { border-bottom: 1px solid; bottom: 0; content: ""; left: 0; position: absolute; width: 100%; }
ul.commentlist li .comment-body { margin: 10px 0 0; width: 100%; float: left; }
ul.commentlist li .comment-author { left: 0; top: 0; position: absolute; }
ul.commentlist li .comment-author img { max-width: 90px; max-height: 90px; float:left; margin: 0; border-radius: 2px; }
ul.commentlist li .author-name, ul.commentlist li .author-name a { font-size: 16px; float: left; margin-right: 3px; text-transform: uppercase; font-weight: bold; }
ul.commentlist li.bypostauthor .author-name { font-weight: 600; }
ul.commentlist li .commentmetadata { font-size: 12px; text-decoration: none; position: relative; font-weight: 400; float: left; line-height: 22px; }
ul.commentlist li .commentmetadata:before { content:"( "; }
ul.commentlist li .commentmetadata:after { content:" )"; }
ul.commentlist li .reply { margin: 0; float: right; position: absolute; right: 0; z-index: 1; bottom: -22px; }
ul.commentlist > li > ul.children li ul.children li #respond p span { display: none; }
ul.commentlist li #respond { padding-bottom: 20px; }
#commentform { text-align: center; }
#commentform input[type="text"], #commentform input[type="password"], #commentform input[type="email"], #commentform input[type="url"], #commentform input[type="tel"], #commentform input[type="number"],
#commentform input[type="range"], #commentform input[type="date"], #commentform input[type="search"], #commentform textarea, #commentform input.text { padding: 19px 10px; margin-bottom: 20px; width: 100%; color: #252525; text-transform: capitalize; }
#commentform input:focus, #commentform textarea:focus { border-color: #252525; }
#commentform p.textarea { width: 100%; }
#commentform p { float: left; position: relative; }
#commentform input.error, #commentform textarea.error { border-color: #ff0000; color: #ff0000; position: relative; }
#commentform label.error { color: red;position: absolute;right: 0; bottom: 8px; }
#commentform p.textarea label.error { bottom: 16px; bottom:8px\0/; }
#commentform p.form-submit { float: none; display: inline-block; width: 100%; }
@-moz-document url-prefix() { #commentform p.textarea label.error { bottom: 8px; } }
#commentform .dt-sc-button { margin: 0 auto; float: none; background: none; }
#respond, form#commentform { display: inline-block; width: 100%; }
#respond h3 { padding-bottom: 20px; }
#respond h3.comment-reply-title { padding: 20px 0; }
/*----*****---- << Portfolio >> ----*****----*/
.dt-sc-portfolio { position:relative; overflow:hidden; }
.dt-sc-portfolio.column.no-space, .column.no-space .dt-sc-portfolio { margin-bottom:0; }
.dt-sc-portfolio.column, .dt-sc-portfolio-containerr .dt-sc-portfolio.column, #primary.with-sidebar .dt-sc-portfolio.dt-sc-one-half.column, #primary.with-sidebar .dt-sc-portfolio-containerr .dt-sc-portfolio.dt-sc-one-half.column { margin: 0 0 11px 0; }
.dt-sc-portfolio-container { float:left; clear:both; margin: 0 auto; padding: 0; width: 80%; z-index: 21; }
.dt-sc-portfolio-containerr { clear: both; float: left; margin: 0; padding: 0; width: 100%; }
.dt-sc-portfolio-containerr .dt-sc-portfolio.column.no-space.dt-sc-one-third { width: 32.16%; }
.dt-sc-portfolio figure img { float:left; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dt-sc-portfolio figure:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.dt-sc-portfolio figcaption { position:absolute; float:left; text-align:center; right:0; left:0; margin:0 auto; top: 0; opacity: 0; vertical-align:middle; height: 100%; width: 100%; background: rgba(0,0,0,0.6); }
.dt-sc-portfolio figcaption .title { width: 90%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: table-cell; vertical-align: middle; opacity: 0; font-family: "Lato",sans-serif; }
.dt-sc-portfolio:hover figcaption .title { opacity: 1; }
.dt-sc-portfolio figcaption .title p.comments { margin-right: 10px; margin-bottom: 0; }
.dt-sc-portfolio figcaption .title p.comments, .dt-sc-portfolio figcaption .title a.likeThis-portfolio span i { font-weight: normal; font-family: "Lato",sans-serif; }
.dt-sc-portfolio figcaption .title p.comments, .dt-sc-portfolio figcaption .title a.likeThis-portfolio span:before, .dt-sc-portfolio figcaption .title a.likeThis-portfolio span i { color: #fff; display: inline-block; float: none; }
.dt-sc-portfolio figcaption .title p.comments i { float: none; display: inline-block; margin-right: 5px; }
.dt-sc-portfolio figcaption .title p.comments, .dt-sc-portfolio figcaption .title a.likeThis-portfolio span { height: 30px; line-height: 30px; text-align: center; width: 40px; }
.dt-sc-portfolio figcaption .title a.likeThis-portfolio { display: inline-block; float: none; line-height: 20px; position: }
.dt-sc-portfolio figcaption .title a.likeThis-portfolio span { position: relative; display: inline-block; float: none; }
.dt-sc-portfolio figcaption .title a.likeThis-portfolio span:before { margin: 0; }
.dt-sc-portfolio figcaption .title a.likeThis-portfolio span:after { content: none; }
.dt-sc-portfolio figcaption .title a.likeThis-portfolio span i { font-weight: normal; float: none; display: inline-block; margin-left: 5px; }
.dt-sc-portfolio figcaption h6 a { color: #fff; position: relative; float: none; display: inline-block; }
.dt-sc-portfolio figcaption a span{ position: absolute; color: #fff; z-index: 99; }
.dt-sc-portfolio figcaption a.zoom span { top: -60px; left: -60px; -webkit-transition-delay: .3s; transition-delay: .3s; }
.dt-sc-portfolio figcaption a.view span { bottom: -60px; right: -60px; -webkit-transition-delay: .5s; transition-delay: .5s; }
.dt-sc-portfolio:hover figcaption a.zoom span { top: 12px; left: 12px; -webkit-transition-delay: .3s; transition-delay: .3s; }
.dt-sc-portfolio:hover figcaption a.view span { bottom: 12px; right: 12px; -webkit-transition-delay: .5s; transition-delay: .5s; }
.dt-sc-portfolio figcaption a span i.label { font-style: normal; color: #323232; font-family: "Lato",sans-serif; font-weight: bold; }
.dt-sc-portfolio figcaption .external-icons a span i.label { display: none; }
.dt-sc-portfolio figcaption a span:before { color: #252525; }
.dt-sc-portfolio figcaption a.zoom span:before { margin-left: 10px; margin-top: 10px; float: left; }
.dt-sc-portfolio figcaption a.view span:before { margin-right: 10px; margin-bottom: 10px; float: left; }
.dt-sc-portfolio figcaption a.zoom span:after { position: absolute; top: -5px; left: -5px; content:""; display: block; width: 0; height: 0; border-top: 75px solid; border-right: 75px solid transparent; z-index: -1; overflow:visible; }
.dt-sc-portfolio figcaption a.view span:after { position: absolute; bottom: -5px; right: -5px; content:""; display: block; width: 0; height: 0; border-bottom: 75px solid; border-left: 75px solid transparent; z-index: -1; overflow:visible; }
#primary.with-sidebar .dt-sc-one-third { margin-bottom: 10px; }
#primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio figcaption a.zoom span:after, #primary .dt-sc-one-fourth.dt-sc-portfolio figcaption a.zoom span:after { border-top: 42px solid; border-right: 42px solid transparent; }
#primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio figcaption a.view span:after, #primary .dt-sc-one-fourth.dt-sc-portfolio figcaption a.view span:after { border-bottom: 42px solid; border-left: 42px solid transparent; }
#primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio figcaption a.zoom span:before, #primary .dt-sc-one-fourth.dt-sc-portfolio figcaption a.zoom span:before { margin-left: 0; margin-top: 0; }
#primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio figcaption a.view span:before, #primary .dt-sc-one-fourth.dt-sc-portfolio figcaption a.view span:before { margin-right: 0; margin-bottom: 0; }
.dt-sc-portfolio figcaption a.zoom:hover span:after, .boxed .dt-sc-portfolio figcaption a.zoom:hover span:after, #primary .dt-sc-one-third.dt-sc-portfolio figcaption a.zoom:hover span:after, #primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio figcaption a.zoom:hover span:after, #primary .dt-sc-one-fourth.dt-sc-portfolio figcaption a.zoom:hover span:after { border-top-color: #252525; }
.dt-sc-portfolio figcaption a.view:hover span:after, .boxed .dt-sc-portfolio figcaption a.view:hover span:after, #primary .dt-sc-one-third.dt-sc-portfolio figcaption a.view:hover span:after, #primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio figcaption a.view:hover span:after, #primary .dt-sc-one-fourth.dt-sc-portfolio figcaption a.view:hover span:after { border-bottom-color: #252525; }
#primary.with-sidebar .dt-sc-one-fourth.dt-sc-portfolio { width: 49.4%; margin-bottom: 10px; }
.dt-sc-portfolio:hover figure figcaption, .dt-sc-portfolio figure.cs-hover figcaption { opacity: 1; filter: alpha(opacity=100); }
#primary .dt-sc-one-fourth.dt-sc-portfolio figcaption .title { width: 80%; }
.dt-sc-portfolio.dt-sc-one-half.column, .dt-sc-portfolio-containerr .dt-sc-portfolio.dt-sc-one-half.column, .dt-sc-portfolio.dt-sc-one-third.column, .dt-sc-portfolio-containerr .dt-sc-portfolio.dt-sc-one-third.column,.dt-sc-portfolio.dt-sc-one-fourth.column, .dt-sc-portfolio-containerr .dt-sc-portfolio.dt-sc-one-fourth.column { margin: 0 0 20px 0; }
.dt-sc-portfolio figcaption h6 { margin-bottom: 10px; line-height: normal; }
.dt-sc-portfolio figcaption h6 a:after { position: absolute; bottom: -15px; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 10px; -webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -ms-transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }
article.dt_portfolios .right-gallery { float: right; }
article.dt_portfolios .dt-sc-portfolio-main { width: 65.8%; }
article.dt_portfolios .dt-sc-portfolio-extra { width: 31.9%; }
article.dt_portfolios .dt-sc-one-half > .dt-sc-portfolio-main, article.dt_portfolios .dt-sc-one-half > .dt-sc-portfolio-extra { width: 100%; float: left; margin: 0 0 30px 0; }
.dt-sc-project-details { width: 100%; float: left; }
.dt-sc-project-details .dt-sc-full-width ul li { width: 100%; }
.dt-sc-project-details .dt-sc-full-width .dt-sc-social-icons ul li { width: auto; margin-right: 5px; }
.dt-sc-project-details .dt-sc-full-width .dt-sc-social-icons ul li a:hover { color: #fff; background: #fff; }
.dt-sc-sorting-container, .dt-sc-sorting-containerr { border-left: 0 none; clear: both; display: inline-block; float: left; line-height: normal; margin: 0 0 60px 0; padding: 0; text-align: center; width: 100%; }
.dt-sc-sorting-container a.dt-sc-button.type1, .dt-sc-sorting-containerr a.dt-sc-button.type1 { margin: 5px; }
.dt-sc-sorting-containerr { margin: 0 0 60px; }
h3.portfolio-single { text-transform: capitalize; width: 100%; float: left; }
/* ---- isotope ---- */
.isotope { width:100%;}
/* clear fix */
.isotope:after { content: ""; display: block; clear: both; }
/* ---- .item ---- */
.dt-sc-portfolio.width1 { width: 14.96%; }
.dt-sc-portfolio.width2 { width: 16.96%; }
.dt-sc-portfolio.width3 { width: 24.96%; }
.dt-sc-portfolio.width4 { width: 33.96%; }
.dt-sc-portfolio.width5 { width: 49.99%; }
.dt-sc-portfolio img { max-width:100%; width:100%;}
.ajax-portfolio-details { position:relative; width:100%; float:left; margin:0; padding:0; }
.project-details { float:left; clear:both; width:100%; }
.project-details p a:hover { color:#878787; }
.ajax-controls .ajax-close { position:absolute; top:0; right:0; border:1px solid #dddddd; width:38px; height:38px; text-align:center; }
.ajax-controls .ajax-close .fa { font-size:24px; line-height:38px; }
.ajax-controls .ajax-close:hover { color: #fff; }
.ajax-controls { float:left; margin:20px 0 0; clear:both; width:100%; }
.ajax-controls .ajax-previous { float:left; }
.ajax-controls .ajax-next { float:right; }
.ajax-controls .fa { font-size:12px; }
.ajax-controls .ajax-previous .fa { margin-right:3px; }
.ajax-controls .ajax-next .fa { margin-left:3px; }
.ajax-controls a { color:#868686; }
.isotope-hidden { display:none !important; }
.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; }
.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; }
/*----*****---- << Recent Gallery >> ----*****----*/
.service-sliders { width: 100%; float: left; overflow: hidden; }
.service-sliders .recent-gallery-container { margin-bottom: 0; }
.bx-controls a { bottom: 0; font-size: 0; height: 40px !important; margin: auto; position: absolute; top: 0; width: 40px !important; z-index: 1; text-align: center;}
.bx-controls a.bx-prev { background: url(images/prev-arrow.png) no-repeat rgba(0,0,0,0.4); left: 10px; background-size: 50%; background-position: center; }
.bx-controls a.bx-next { background: url(images/next-arrow.png) no-repeat rgba(0,0,0,0.4); right: 10px; background-size: 50%; background-position: center; }
.bx-controls a:hover { background-color: #252525; color: #fff; }
.recent-gallery-container { float: left; width: 100%; position: relative; margin-bottom: 50px; }
.recent-gallery-container .bx-wrapper, .entry-thumb .bx-wrapper { position:relative; margin-bottom: -8px; width: auto; }
.recent-gallery-container ul.recent-gallery, .bx-viewport ul.entry-gallery-post-slider { margin-bottom: 0; }
.recent-gallery li, .bx-viewport ul.entry-gallery-post-slider li { display: block; padding: 0; }
.recent-gallery li img, .bx-viewport ul.entry-gallery-post-slider li img { width: 100%; float: left; }
.recent-gallery-container #bx-pager { display: inline; float: left; margin: 0; padding: 0; text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; right: 0; }
.recent-gallery-container #bx-pager a { cursor: pointer; display: inline-block; line-height: 0; margin: 0 5px; position: relative; width: 12%; }
.recent-gallery-container #bx-pager a img { width: 100%; float: left; }
.recent-gallery-container #bx-pager a.active:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: block; }
.recent-portfolio { float: left; width: 100%; position: relative; }
.recent-portfolio .product-carousel .fa { font-size: 28px; }
/*----*****---- << Portfolio Single >> ----*****----*/
.dt-sc-project-details h5 { text-align:left; }
.dt-sc-project-details ul { float:left; width:100%; margin:0; list-style-type:none; }
.dt-sc-project-details ul.project-details li { width:100%; }
.dt-sc-project-details ul li { float:left; display:block; }
.dt-sc-project-details ul li p { margin: 0; }
.dt-sc-project-details ul li p a { border-bottom: 1px solid rgba(0,0,0,0); }
.dt-sc-project-details ul li p a:hover { border-color: rgba(0,0,0,0.5); }
.dt-sc-project-details ul li p strong { margin-right: 5px; }
.dt-sc-project-details ul li span { width: 20px; }
.dt-sc-project-details ul li:last-child { background:none; }
.dt-sc-project-details ul li.date p { font-size:22px; display:inline-block; *display:inline; zoom:1; margin:0 3px 0 0; }
.dt-sc-project-details ul li.date span { font-size:11px; display:inline-block; *display:inline; zoom:1; text-transform:uppercase; }
.dt-sc-project-details ul li.date .icon-calendar { margin-right:0; }
.dt-sc-project-details ul li.author { margin:0 15px 0 0; float:left; }
.dt-sc-project-details ul li.author, .project-details ul li.tags a { font-weight:bold; color:#e96666; }
.dt-sc-project-details ul li.tags a:hover { color:#3d3d3d; }
.dt-sc-project-details ul li.website-link { font-weight:bold; }
.dt-sc-project-details ul li .icon-user, .project-details ul li .icon-tag, .project-details ul li .icon-link, .project-details ul li .icon-calendar { color:#2e2a2b; margin-right:5px; }
.dt-sc-post-pagination { width: 100%; float: left; border: 1px solid; margin: 50px 0; }
.dt-sc-post-pagination a.dt-sc-button.type1 { margin: 0; border-top: none; border-bottom: none; }
.dt-sc-post-pagination .dt-sc-button.type1.prev-post i.fa:after { right: 33px; left: auto; }
.dt-sc-post-pagination .dt-sc-button.type1.prev-post:before { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; }
.dt-sc-post-pagination a.prev-post { border-left: none; }
.dt-sc-post-pagination a.next-post { border-right: none; float: right; }
/*----*****---- << Twitter Parallax >> ----*****----*/
.twitter-parallax { text-align: center; }
.twitter-parallax .twitter-icon { width: 50px; height: 50px; line-height: 50px; float:none; display: inline-block; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-bottom: 30px; }
.twitter-parallax .twitter-icon i.fa-twitter { width: 80%; font-size: 20px; display: inline-block; margin-top: 14px;transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); color: #252525; }
.twitter-parallax .latest-tweets { display:inline-block; width:100%;}
.twitter-parallax .latest-tweets .tweet_list { text-align:center !important; list-style:none; }
.twitter-parallax .latest-tweets .tweet_text { font-size: 24px; font-weight: normal; line-height: normal; font-weight: normal; display:inline-block; width: 90%; }
.twitter-parallax .latest-tweets span.tweet-time { font-size: 20px; line-height:36px; margin-top:14px; display: inline-block; font-weight:normal; float: none; text-align: right; position: relative; }
.twitter-parallax .latest-tweets span.tweet-time:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 1px; width: 51%; }
.twitter-parallax .latest-tweets span.tweet-time:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 1px; width: 51%; }
.twitter-parallax .latest-tweets span.tweet-time:hover:before { width: 5%; }
.twitter-parallax .latest-tweets span.tweet-time:hover:after { width: 5%; }
/*----*****---- << Footer >> ----*****----*/
.view-map { width: 100%; float: left; text-align: center; position: relative; }
.view-map a { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #252525; top: -50px; position: absolute; right: 0; left: 0; margin: 0 auto; }
.view-map a i { color: #fff; font-size: 20px; line-height: 70px; margin-left: -5px; }
.view-map.active a i { color: #252525; }
footer { background: #252525; width: 100%; float: left; }
.wpcf7-form, .dt-sc-copyrights { float: left; width: 100%; position: relative; text-align: center; color: #d7d7d7; }
.wpcf7-form:before { position: absolute; width: 1px; height: 380px; right: auto; left: -5%; top: -15px; margin: 0 auto; display: block; content: ""; background: #464646; }
span.wpcf7-not-valid-tip { text-align: right !important; }
.fullwidth-section .dt-sc-contact-info, .fullwidth-section .dt-sc-contact-info a { color: #fff; }
.dt-sc-contact-info { text-align: left; margin-bottom: 35px; position: relative; padding-bottom: 10px; }
.dt-sc-contact-info:after { position: absolute; width: 75px; height: 1px; left: 0; bottom: -10px; margin: 0 auto; display: block; content: ""; }
.dt-sc-contact-info:last-child { margin-bottom: 0; }
.dt-sc-contact-info:last-child:after { content: none; }
.dt-sc-contact-info p { width: 90%; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea { text-transform: uppercase; font-size: 16px !important; font-family: 'Lato', sans-serif !important; }
.wpcf7-form input[type="submit"] { width: 100%; color: #252525; padding: 15px 0; font-size: 20px; }
.wpcf7-form input[type="submit"]:hover { background: #fff; }
div.wpcf7-validation-errors { border: 2px solid #ff0000; position: absolute; top: -40px; width: 100%; text-align: center; left: 0; margin: 0; padding: 5px; }
div.wpcf7-mail-sent-ng { position: absolute; top: -40px; width: 100%; color: #fff; text-align: center; left: 0; margin: 0; padding: 5px; }
.dt-sc-contact-info h5.sub-title { padding-bottom: 10px; }
.dt-sc-contact-info i { float: left; margin-right: 10px; margin-top: 6px; font-size: 16px; }
.responsive-map { border-top: 4px solid; display: none; height: 541px !important; margin: 0 auto; width: 100%; position:relative; overflow:hidden; }
#dt-contact-content { padding: 80px 0; width: 100%; float: left; }
.dt-sc-copyrights { padding: 15px 0 5px; color: #252525; margin-top: -1px; }
.dt-sc-copyrights p { margin: 0; float: left; }
.dt-sc-copyrights p a { border-bottom: 1px solid rgba(0,0,0,0); }
.dt-sc-copyrights p a:hover { border-color: rgba(0,0,0,0.5); }
.dt-sc-copyrights .dt-sc-social-icons, .dt-sc-copyrights .dt-sc-social-icons ul { float: right; margin-bottom: 0; }
.dt-sc-copyrights .dt-sc-social-icons ul li { float: left; padding-bottom: 0; }
.dt-sc-social-icons a, ul#team-section li p a { float: none; position: static; display: inline-block; width: 25px; height: 25px; line-height: 25px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-right: 15px; background: #fff; overflow: hidden; }
.dt-sc-social-icons a:hover { background: none; }
.dt-sc-social-icons a i, ul#team-section li p a i { float: none; color: #252525; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); width: 25px; height: 25px; line-height: 25px; text-align: center; }
.dt-sc-social-icons a:hover i, ul#team-section li p a:hover i { color: #fff; }
.dt-sc-social-icons a i:after, ul#team-section li p a i:after { position: absolute; right: 0; bottom: 0; content: ""; display: block; width: 25px; height: 25px; line-height: 25px; z-index: -1; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
::i-block-chrome, .dt-sc-copyrights .dt-sc-social-icons a { margin-bottom: 10px; }
ul#team-section li p a:hover i:after { width: 27px; height: 27px; line-height: 27px; right: -1px; }
.dt-sc-social-icons a i.fa-facebook:hover:after, ul#team-section li p a i.fa-facebook:hover:after { -webkit-box-shadow: inset -25px 0 0 0 #3b5998; -moz-box-shadow: inset -25px 0 0 0 #3b5998; box-shadow: inset -25px 0 0 0 #3b5998; }
.dt-sc-social-icons a i.fa-twitter:hover:after, ul#team-section li p a i.fa-twitter:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #55acee; -moz-box-shadow: inset -30px 0 0 0 #55acee; box-shadow: inset -30px 0 0 0 #55acee; }
.dt-sc-social-icons a i.fa-google-plus:hover:after,ul#team-section li p a i.fa-google-plus:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #dd4b39; -moz-box-shadow: inset -30px 0 0 0 #dd4b39; box-shadow: inset -30px 0 0 0 #dd4b39; }
.dt-sc-social-icons a i.fa-pinterest:hover:after, ul#team-section li p a i.fa-pinterest:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #cc2127; -moz-box-shadow: inset -30px 0 0 0 #cc2127; box-shadow: inset -30px 0 0 0 #cc2127; }
.dt-sc-social-icons a i.fa-youtube:hover:after, ul#team-section li p a i.fa-youtube:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #e52d27; -moz-box-shadow: inset -30px 0 0 0 #e52d27; box-shadow: inset -30px 0 0 0 #e52d27; }
.dt-sc-social-icons a i.fa-linkedin:hover:after, ul#team-section li p a i.fa-linkedin:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #0976b4; -moz-box-shadow: inset -30px 0 0 0 #0976b4; box-shadow: inset -30px 0 0 0 #0976b4; }
.dt-sc-social-icons a i.fa-dribbble:hover:after, ul#team-section li p a i.fa-dribbble:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #ea4c89; -moz-box-shadow: inset -30px 0 0 0 #ea4c89; box-shadow: inset -30px 0 0 0 #ea4c89; }
.dt-sc-social-icons a i.fa-flickr:hover:after, ul#team-section li p a i.fa-flickr:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #ff0084; -moz-box-shadow: inset -30px 0 0 0 #ff0084; box-shadow: inset -30px 0 0 0 #ff0084; }
.dt-sc-social-icons a i.fa-tumblr:hover:after, ul#team-section li p a i.fa-tumblr:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #35465c; -moz-box-shadow: inset -30px 0 0 0 #35465c; box-shadow: inset -30px 0 0 0 #35465c; }
.dt-sc-social-icons a i.fa-behance:hover:after, ul#team-section li p a i.fa-behance:hover:after { -webkit-box-shadow: inset -25px 0 0 0 #1769ff; -moz-box-shadow: inset -25px 0 0 0 #1769ff; box-shadow: inset -25px 0 0 0 #1769ff; }
.dt-sc-social-icons a i.fa-vimeo:hover:after, ul#team-section li p a i.fa-vimeo:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #aad450; -moz-box-shadow: inset -30px 0 0 0 #aad450; box-shadow: inset -30px 0 0 0 #aad450; }
.dt-sc-social-icons a i.fa-foursquare:hover:after, ul#team-section li p a i.fa-foursquare:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #0072b1; -moz-box-shadow: inset -30px 0 0 0 #0072b1; box-shadow: inset -30px 0 0 0 #0072b1; }
.dt-sc-social-icons a i.fa-instagram:hover:after, ul#team-section li p a i.fa-instagram:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #125688; -moz-box-shadow: inset -30px 0 0 0 #125688; box-shadow: inset -30px 0 0 0 #125688; }
.dt-sc-social-icons a i.fa-digg:hover:after, ul#team-section li p a i.fa-digg:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #356AA0; -moz-box-shadow: inset -30px 0 0 0 #356AA0; box-shadow: inset -30px 0 0 0 #356AA0; }
.dt-sc-social-icons a i.fa-delicious:hover:after, ul#team-section li p a i.fa-delicious:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #3399ff; -moz-box-shadow: inset -30px 0 0 0 #3399ff; box-shadow: inset -30px 0 0 0 #3399ff; }
.dt-sc-social-icons a i.fa-stumbleupon:hover:after, ul#team-section li p a i.fa-stumbleupon:hover:after { -webkit-box-shadow: inset -30px 0 0 0 #f74425; -moz-box-shadow: inset -30px 0 0 0 #f74425; box-shadow: inset -30px 0 0 0 #f74425; }
/*----*****---- << 404 Page >> ----*****----*/
.error404 .error-info { padding: 45px 0 105px; width: 100%; float: left; }
.error404 .error-info .error-text { float: left; width: 35%; margin-right: 5%; }
.error404 .error-info .error-text h2 { font-size: 200px; font-weight: 600; line-height: 170px; }
.error404 .error-info .error-content { text-align: right; width: 60%; float: right; }
.error404 .error-info .error-content h3, .error404 .error-info .error-content p { text-transform: capitalize; float: right; width: 100%; }
.error404 .error-info .error-content form#searchform { float: right; width: 100%; margin: 0 auto 20px; position: relative; }
.error404 .error-info .error-content form#searchform input[type="text"] { padding: 0 0 0 20px; height: 50px; line-height: 50px; border-top: 1px solid; border-left: 1px solid; color: #323232; }
.error404 .error-info .error-content form#searchform input[type="submit"] { position: absolute; bottom: 0; right: 0; margin: 0; border: 1px solid #323232; border-bottom: none; border-top: none; height: 50px; line-height: 50px; color: #323232; padding: 0 20px; float: right; font-weight: normal; }
.error404 .error-info form#searchform input[type="submit"]:hover { background: none; }
/*----*****---- << Boxed Styles >> ----*****----*/
.boxed { background-attachment: fixed; }
.boxed .mockup-slider #home.content, .boxed .grid-slider #home.content, .boxed .content-type6.full-height #home.content, .boxed .video-slider #home.content { height: auto; }
::i-block-chrome, .boxed .video-slider #home.content { height: 100%; margin-bottom: -20%; }
.boxed #header, .boxed .wrapper { width:1260px; margin:0 auto; float:none; }
.boxed .wrapper .type-1 #header-sticky-wrapper.sticky-wrapper #header { width:1260px; }
.boxed .wrapper.inner-page #header #menu-container { background: #252525; }
.boxed #main { background: #fff; }
.boxed #main.top-slider .rev_slider_wrapper { width: 100% !important; left: 0 !important; }
.boxed #header.type3 { display: inline-block; }
.boxed .sb-slidebar.sb-right { visibility: hidden; }
.boxed .sb-slidebar.sb-right.sb-active { visibility: visible; }
.boxed .grid-slider.index-3 #home.content { margin-bottom: 0; }
.boxed #panel { float: none; width: 1260px; left: 0; margin: 0 auto; }
.boxed .wrapper { width:1260px; margin:0 auto; float:none; }
.boxed .dt-sc-service-carousel .dt-sc-carousel-wrapper { padding: 25px 40px 25px 0; }
.boxed .dt-sc-service-carousel .dt-sc-carousel li h2, .boxed .dt-sc-carousel li p { width: 95%; }
.boxed .dt-sc-service-carousel .dt-sc-carousel li h2 { font-size: 34px; margin-bottom: 10px; }
.boxed .dt-sc-portfolio figcaption a.zoom span:after { border-right: 50px solid transparent; }
.boxed .dt-sc-portfolio figcaption a.view span:after { border-left: 50px solid transparent; }
.boxed .dt-sc-portfolio figcaption a span:before { font-size: 12px; }
.boxed .dt-sc-portfolio figcaption a.zoom span:before { margin-left: 3px; margin-top: 3px; }
.boxed .dt-sc-portfolio figcaption a.view span:before { margin-right: 3px; margin-bottom: 3px; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame { width: 30%; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a { padding: 5.8% 3%; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h5, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 71%; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon { margin: 42px 25px 0 20px; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content { width: 70%; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column { width: 100% !important; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column { width: 49% !important; }
.boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span { font-size: 12px; }
.boxed .dt-sc-tabs-vertical-frame-content .tab-content img, .boxed .logo.logostatic { display: none; }
.boxed .dt-sc-portfolio.width1 { width: 15.65%; }
.boxed .dt-sc-portfolio.width2 { width: 17.2%; }
.boxed .dt-sc-portfolio.width4 { width: 34.34%; }
/*----*****---- << Back To Top >> ----*****----*/
#toTop { display:none; text-decoration:none; position:fixed; bottom: 30px; right:30px; overflow:hidden; width: 48px; height: 48px; border: 4px solid; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
#toTop:hover { border-radius: 25%; }
#toTop:active, #toTop:focus { outline:none; }
/*----*****---- << Retina Ready >> ----*****----*/
.retina_logo { display: none; }
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
#toTop { background-image:url(images/ui.totop@2x.png); background-size: 40px; }
.dt-sc-parallax-section { background-attachment: scroll !important; background-position: top !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; background-size: auto !important; }
.fullwidthbanner-container.banner-video { background: url(http://placehold.it/1920x1200&text=Parallax+Image) fixed no-repeat; fixed no-repeat; background-size: 100%; height: 100%;text-align: center;position: absolute; width: 100%; top: 0%; }
.normal_logo { display: none; }
.retina_logo { display: block; }
}
/*----*****---- << Loader Style >> ----*****----*/
#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999; text-align: center; overflow: hidden; background-size: cover;background-position: center bottom; background: #252525; }
#loader-wrapper h1 { display: none; }
/*----*****---- << Style Picker >> ----*****----*/
.dt-style-picker-wrapper { position:fixed; z-index: 100; left:0px; top:150px; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
#dt-style-picker { background: #fff; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding: 10px; text-align:center; border: 1px solid; }
#dt-style-picker h3 { font-size: 16px; padding: 10px 0 15px; float:left; width:100%; margin:0px; text-transform:uppercase; }
#dt-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; }
#dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px;}
#dt-style-picker ul li a { padding:2px; display:inline-block; margin:0px; line-height:0; border:1px solid #fff; }
#dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { border:1px solid; }
#dt-style-picker ul.layout-picker, #dt-style-picker #pattern-holder { border-bottom: 1px solid; float: left; }
#dt-style-picker ul.layout-picker { padding-bottom: 15px; }
#dt-style-picker ul.layout-picker li img { border:1px solid #f1f1f1; }
#dt-style-picker #pattern-holder { padding-bottom: 5px; }
#dt-style-picker ul.color-picker li, #dt-style-picker ul.pattern-picker li { display: inline; list-style-type: none; padding: 0px; margin: 0px 4px 5px 0px; width: 40px; height: 40px; float: left; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#dt-style-picker ul.color-picker li img, #dt-style-picker ul.pattern-picker li img { border: none; width: 25px; height: 25px; }
.style-picker-ico { position:absolute; top:50px; left: 246px; z-index: 2; width: 23px; }
.style-picker-ico:after, .style-picker-ico:before { top: 68%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: -1; left: 0; }
.style-picker-ico:after { border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 50px; margin-top: -50px; }
.style-picker-ico:before { border-color: rgba(221, 221, 221, 0); border-width: 51px; margin-top: -51px; }
.style-picker-ico img { margin-left: 7px; margin-top: 32px; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; z-index:1; }
@keyframes rotating {
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@-webkit-keyframes rotating {
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@-moz-keyframes rotating {
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@-ms-keyframes rotating {
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@-o-keyframes rotating {
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}