@charset "utf-8";
/* CSS Document */
@import "css/reset.css";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.General Styles
1.1. Body
1.2. Fonts
1.3. Headings
1.4. Text Elements
1.5. Forms
1.6. Transition
1.7. Box sizing
1.8. Images
1.9. Tables
1.10. Widgets
1.11. Definition Lists
1.12. Woocommerce
2.Layout
2.1. container
2.2. Top Bar
2.3. Header
2.4. Main
2.4.1. Fullwidth - Page Title
2.4.2. Blog
2.4.3. Portfolio
2.4.4. Recent Gallery
2.4.5. Testimonial
2.4.6. Team
2.4.7. Products
2.4.8. Events
2.4.9. Side Navigation
2.4.10. Coming soon
2.4.11. 404 page
2.4.12. Login
2.5. Footer
/*----*****---- << 1.General Styles >> ----*****----*/
:root {
--primary: #001aff;
--primary-dark: #0012cc;
--gray-100: #f8f9fa;
--gray-800: #222222;
--radius: 12px;
--transition: all 0.35s ease;
}
* { box-sizing: border-box; margin:0; padding:0; }
body {
font-family: 'Inter', system-ui, sans-serif;
line-height: 1.6;
color: var(--gray-800);
overflow-x: hidden;
}
a { color: var(--primary); text-decoration: none; }
.container { width: min(100%, 1280px); margin: 0 auto; padding: 0 20px; }
/* ==== LANGUAGE DROPDOWN ==== */
.language-item {
position: relative;
}
.lang-trigger {
display: flex;
align-items: center;
gap: 6px;
}
.lang-trigger .arrow::after {
content: "▼";
font-size: 0.7em;
transition: transform 0.3s ease;
}
.language-submenu {
position: absolute;
top: 100%;
right: 0;
background: white;
min-width: 140px;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
border-radius: var(--radius);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
z-index: 1000;
list-style: none;
padding: 8px 0;
}
.language-item:hover .language-submenu,
.language-item.open .language-submenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.language-item.open .lang-trigger .arrow::after {
transform: rotate(180deg);
}
.language-submenu a {
display: block;
padding: 10px 20px;
color:hover {
background: var(--gray-100);
color: var(--primary);
}
}
/* Mobile version – click instead of hover */
@media (max-width: 1024px) {
.language-submenu {
position: static;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
display: none;
background: #f8f9ff;
padding-left: 20px;
}
.language-item.open .language-submenu {
display: block;
}
.language-item:hover .language-submenu {
opacity: 0;
visibility: hidden;
}
}
/* ==== TOP BAR ==== */
.top-bar {
background: var(--primary);
color: white;
text-align: center;
padding: 0px 0;
font-size: 0.95rem;
}
/* ==== HEADER ==== */
header {
background: white;
box-shadow: 0 2px 0px rgba(0,0,0,0.08);
position: sticky;
top: 0;
z-index: 1000;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
#logo img { height: 50px; }
/* Desktop menu */
nav ul {
display: flex;
gap: 2.5rem;
list-style: none;
}
nav a {
color: var(--gray-800);
font-weight: 500;
transition: var(--transition);
position: relative;
}
nav a:hover, nav a.active { color: var(--primary); }
nav a.active::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 3px;
background: var(--primary);
border-radius: 3px;
}
/* ==== MOBILE MENU BUTTON – TEXTE "MENU" ==== */
.mobile-menu-btn {
display: none;
background: var(--primary);
color: white;
border: none;
padding: 10px 20px;
border-radius: var(--radius);
font-weight: 600;
font-size: 1rem;
cursor: pointer;
transition: var(--transition);
}
.mobile-menu-btn:hover {
background: var(--primary-dark);
}
/* Mobile menu overlay */
.mobile-nav {
position: fixed;
top: 0;
right: 0;
width: 80%;
max-width: 320px;
height: 100vh;
background: white;
box-shadow: -5px 0 20px rgba(0,0,0,0.15);
padding: 100px 30px 40px;
transform: translateX(100%);
transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
z-index: 1000;
}
.mobile-nav.open { transform: translateX(0); }
.mobile-nav ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 1.8rem;
}
.mobile-nav a {
font-size: 1.3rem;
font-weight: 600;
color: var(--gray-800);
}
.mobile-nav a.active,
.mobile-nav a:hover { color: var(--primary); }
/* Overlay */
.overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.5);
opacity: 0;
visibility: hidden;
transition: var(--transition);
z-index: 999;
}
.overlay.active { opacity: 1; visibility: visible; }
/* ==== MAIN & FOOTER (inchangés) ==== */
main {
padding: 4rem 0 6rem;
background: linear-gradient(135deg, #f8fbff 0%, #f0f4ff 100%);
}
.page-title {
text-align: center;
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
margin-bottom: 3rem;
}
/* Tabs – inchangés */
.tabs { max-width: 900px; margin: 0 auto; }
.tab-buttons { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; justify-content: center; }
.tab-btn { padding: 12px 24px; background: white; border: 2px solid #ddd; border-radius: var(--radius); font-weight: 600; cursor: pointer; transition: var(--transition); }
.tab-btn.active, .tab-btn:hover { background: var(--primary); color: white; border-color: var(--primary); }
.tab-content { display: none; background: white; padding: 2.5rem; border-radius: var(--radius); box-shadow: 0 10px 30px rgba(0,0,0,0.08); animation: fadeIn 0.5s ease; }
.tab-content.active { display: block; }
.tab-content h3 { margin-top: 0; color: var(--primary-dark); font-size: 1.6rem; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
footer {
background: var(--gray-800);
color: white;
text-align: center;
padding: 3rem 0 2rem;
}
/* ==== RESPONSIVE ==== */
@media (max-width: 868px) {
.mobile-menu-btn {
display: block; /* Affiche le bouton texte "Menu" */
}
nav ul { display: none; } /* Cache le menu desktop */
}
@media (max-width: 480px) {
.tab-btn { flex: 1 1 45%; font-size: 0.9rem; padding: 10px; }
}
/*----*****---- << 1.1. Body >> ----*****----*/
body { font-weight:normal; font-size:13px; line-height:22px; background:#ffffff; color:#92a7bb; }
/*----*****---- << 1.2. Fonts >> ----*****----*/
body, .intro-text h2, .intro-text h4, .dt-sc-button, #main-menu ul li a, .entry-detail .read-more, #footer .widget ul li h6, .dt-sc-testimonial-wrapper h5, #main-menu ul li a, #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 { font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6, 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, select, input[type=search], input[type=submit], input[type=button], .add_to_cart_button, .product_type_variable, .product-details .button, .add_to_wishlist, .features li a, .dt-sc-team p, .read-more, .intro-text .dt-sc-button, .entry-post .post-comments a, .entry-post .date p, .entry-post .dt-sc-button.small, .entry-post .entry-detail h6, .intro-text.type3 h2, .events .event-meta p, .entry-meta-data p, .intro-text.type4 h2, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .breadcrumb, ul.commentlist li .author-name, ul.commentlist li .commentmetadata, ul.commentlist li .reply a, .blog-entry .entry-metadata, .post-nav-container a, .price_label, .widget_top_rated_products ul.product_list_widget li .amount, .intro-text.type5 h2, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table .product-subtotal span, label, .woocommerce .cart-collaterals .cart_totals th, .woocommerce-product-rating .price, .summary .description, blockquote, .dt-rev-author span, .side-nav-container ul li a, .error-info .back-menu a, .portfolio-detail .views a { font-family:'lato', sans-serif; }
/*----*****---- << 1.3. Headings >> ----*****----*/
h1, h2, h3, h4, h5, h6 { color:#2c3e50; font-weight:normal; line-height:normal; margin-bottom:20px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#2c3e50; }
h1{ font-size:36px; }
h2{ font-size:30px; }
h3{ font-size:26px; }
h4{ font-size:20px; }
h5{ font-size:18px; }
h6{ font-size:16px; margin-bottom:20px; }
/*----*****---- << 1.4. Text Elements >> ----*****----*/
a { text-decoration:none; }
a img{ border:none; }
img { max-width: 100%; }
a:hover { color:#001aff; }
strong{ font-weight: bold; }
em{ font-style: italic; }
address { display:block; margin:10px 0px 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: -5px; }
p { line-height:22px; margin-bottom:10px; }
ul, ol, pre, code{ margin-bottom:20px; }
ul{ list-style-type:none; list-style-position:inside; }
ul li { padding-bottom:10px; }
ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
ul ul ul { margin-bottom:0px; list-style-type:circle; }
ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; }
ol li { padding-bottom:10px; }
ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }
blockquote { clear: left; display: block; margin: 0; padding: 0; position: relative; border-left:5px solid; font-size:16px; font-style:italic; padding:10px 2%; line-height:28px; }
blockquote p { margin-bottom:0px; }
blockquote cite { float:right; margin:10px 0px 0px; font-size:14px; }
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 { width:100%; text-align:center; }
pre, code{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }
hr { background-color:#e6e2d6; border:none; height:1px; margin:30px 0; }
/* due to IE
margin bugs I had to made classed and apply them to div to achieve the effect of a
*/
.dt-sc-hr { background:url(images/splitter.png); height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.dt-sc-hr.top, .hr-border.top { width:97%; }
.dt-sc-hr.top, .hr-border.top { background-position:right center; text-align:right; }
.dt-sc-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; }
.dt-sc-one-half pre, .dt-sc-one-half code { width:94.7%; }
.clear { float:none; clear:both; margin:0px; padding:0px; }
.float-right { float:right; }
.float-left { float:left; }
.middle-align { text-align:center; }
.hidden { display:none; }
.post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; }
.post-edit-link:hover { background:#001aff; color:#ffffff; text-shadow:0px 1px 0px #001aff; }
/*----*****---- << 1.5. Forms >> ----*****----*/
label { color: #2c3e50; }
label span{ color:#b4b4b4; }
fieldset{ border:1px solid #eaeaea; padding:15px; margin:0 0 20px 0; }
legend{ font-weight: bold; }
input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=range], input[type=date], input[type=search], textarea, input.text { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; }
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, textarea:hover { color:#000000; }
textarea { height: 190px; overflow: auto; resize: none; padding: 16px 15px; width:100%; }
input[type=submit]:hover { background-color:#546d87; }
input[type=submit], input[type=button], button, .add_to_cart_button, .product_type_variable, .product-details .button, .add_to_wishlist{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; }
#searchform .search-icon { background: url("images/search.png") no-repeat scroll center center rgba(0, 0, 0, 0); border: medium none; border-radius: 0 2px 2px 0; margin-top: 0; min-height: 47px; min-width: 52px; padding: 10px 23px; position: absolute; left: 0; text-indent: -9999px; top: 0; }
.error, input.error[type=text], input.error[type=email], input.error[type=password], textarea.error, input.error[type=tel] { border-color: #F92C2C; }
#footer .widget .mailchimp-form input.error[type=email] { border:1px solid #F92C2C; }
.error-msg, .success-msg { display:inline-block; padding:5px 35px; border: 1px solid; position: relative; }
.error-msg { border-color:#ff9999; color: #d01313; }
.success-msg { border-color:#77be32; color: #77be32; }
.error-msg:before, .success-msg:before { font-family: FontAwesome; font-size: 17px; font-style: normal; font-weight: normal; left: 13px; position: absolute; text-decoration: inherit; top: 5px; }
.error-msg:before { content:"\f00d"; color:#c54228; }
.success-msg:before { content:"\f00c"; color:#77be32; }
input[type=submit], input[type=button] { -webkit-appearance: none; appearance: none; }
/*.align-center{ text-align:center; }*/
/*.alignleft{ float:left; width:100%; margin-top:15px; }
.alignright { float:right; }*/
/*.aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; text-align:center; }
.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; }
p.aligncenter { margin-bottom:10px; }*/
/*----*****---- << 1.6. Transition >> ----*****----*/
a, .carousel-arrows a, .product-carousel a, .portfolio:hover .portfolio-detail, .portfolio .image-overlay a, .portfolio .image-overlay, #main-menu ul li a, .entry-detail h5 a:hover, .read-more span, .sorting-container a, .portfolio .views, .portfolio-title h5 a, .portfolio-title h5, .portfolio .views a, .portfolio-title p, .mailchimp .dt-sc-social-icons li, input[type=submit], input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=range], input[type=date], input[type=search], textarea, input.text, .products .product-title a, .products .product-title, .events .event-detail h5 a, .events .event-meta p a, .entry-meta-data p a, .widget_categories ul li a, .widget_categories ul li a:before, .widget.widget_tag_cloud .tagcloud a, .blog-post.type3 .entry-detail h4 a, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .pagination .next-post a:before, .pagination .prev-post a:before, .breadcrumb a, .blog-entry h4 a, .blog-entry .entry-metadata p a, .project-details ul li p a, .post-nav-container .post-prev-link, .post-nav-container .post-next-link, .widget_product_categories ul li a, .widget_product_categories ul li a:before, .woocommerce table.cart a.remove, .woocommerce table.shop_table .product-name a, .woocommerce .button, .woocommerce-review-link, .product .summary .quantity .plus, .product .summary .quantity .minus, .side-nav-container ul li:hover .fa, .image-overlay, .partner-carousel a, .side-nav-container ul li, .portfolio-thumb img, .read-more, .top-bar, .is-sticky .header.header4 #logo, .dt-sc-icon-list li a, .top-social-icons .fa, .header8 #main-menu > ul > li > a, .header8 #main-menu > ul > li:before, .product_cart_list li a .remove:hover { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; }
/*----*****---- << 1.7. Box sizing >> ----*****----*/
input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=range], input[type=date], input[type=search], textarea, input.text, .portfolio-detail, .portfolio-title, .widget ul.tweet_list p, .entry-post-content, ul.commentlist li .comment-details, .side-nav-container ul li, .products .product-container, .intro-text, .author-desc, .widget ul.tweet_list li, .products .product-title a, .products .product-title, .header7 .main-menu, .footer-widgets-wrapper .widget-content, #footer .widget.widget_links ul, .shopping-cart, .shopping-cart .buttons a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*----*****---- << 1.8. Images >> ----*****----*/
#primary img { max-width:100%; }
.wp-caption { background:#C4C1AE; border:1px solid #C4C1AE; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; }
.wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; }
.wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; }
img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 15px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 15px; text-align:right; }
.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; }
.align-center { margin:0 auto; display:block; }
/*----*****---- << 1.9. Tables >> ----*****----*/
table { clear: both; margin-bottom: 20px; width: 100%; }
th { border-bottom: 1px solid #eaeaea; color: #2c3e50; font-size: 14px; font-weight: 400; line-height: normal; padding: 15px; text-align: left; }
tbody tr:nth-child(2n+1) td { background-color: #ffffff; }
td { background-color: #ffffff; border-bottom: 1px solid #eaeaea; font-size: 14px; line-height: normal; padding: 13px 15px; text-align: left; color:#2c3e50; }
/*----*****---- << 1.10. Widgets >> ----*****----*/
.widget { float:left; width:100%; padding:0px 0px 40px; margin:0px; position:relative; }
#primary { float: left; margin:0; padding: 0; width: 870px; }
#secondary, #secondary-left, #secondary-right { float: left; padding: 0; width: 270px; }
#secondary img { height: auto; max-width: 100%; }
#primary.content-full-width { width: 100%; }
#primary.with-left-sidebar { margin:0px 0px 0px 30px; }
#primary.with-right-sidebar { margin:0 30px 0 0; }
#primary.page-with-both-sidebar { float: left; margin: 0 30px; width: 570px; }
.widget_popular_entries ul, .widget_recent_entries ul, .widget_categories ul, .widget ul.tweet_list, .widget.widget_text { margin:0; width:100%; }
.widget ul ul { margin: 10px 0px 10px 7%; width: 93%; }
.widget ul ul li { width: 100%; }
.widget ul { float: left; margin: 0; padding: 0; width: 100%; }
.widget_categories ul li, .widget.widget_archive ul li, .widget_product_categories ul li { display: inline; float: left; margin: 0; padding: 0; position: relative; width:100%; }
.widget_categories ul { margin-bottom:10px; }
.widget h3 { font-size:24px; }
.widget_categories ul li a, .widget.widget_archive ul li a, .widget_product_categories ul li a { display:block; padding:7px 0px 10px 0px; color:#92a7bb; border-bottom:1px dashed #d9d9d9; }
.widget_product_categories ul li span:last-child { opacity: 0; }
.widget_product_categories ul li .active span:first-child { opacity: 0; }
.widget_product_categories ul li .active span:last-child { margin-right: -12px; opacity: 1; }
.widget_categories ul li:first-child a, .widget_product_categories ul li:first-child a{ padding:0px 0px 10px 0px; }
.widget_categories ul li a:before, .widget_product_categories ul li a:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; margin:0px 15px 0px 8px; color:#252525; }
.widget_product_categories ul li span { float:right; line-height:25px; margin-right:20px; font-size:14px; }
.widget_recent_entries ul li h4 { font-size:13px; font-weight:400; margin-bottom:12px; line-height:20px; }
.widget_recent_entries ul li h4 a { color:#2c3e50; }
.widget_recent_entries ul li { margin-bottom:10px; display:inline-block; width:100%; padding:0; }
.widget.widget_recent_entries .recent-posts-widget .thumb { float:left; width:85px; margin:5px 15px 10px 0px; }
.widget_recent_entries ul li:last-child { margin-bottom:0; }
.widget.widget_recent_entries .recent-posts-widget .entry-meta-data { width:59%; margin-bottom:0; }
.widget.widget_recent_entries .recent-posts-widget .entry-meta-data p { margin:0px; padding:7px 10px 7px 0px; }
.widget.widget_recent_entries .recent-posts-widget .entry-meta-data p:last-child { padding:7px 0px; }
.widget.widget_recent_entries .recent-posts-widget .entry-meta-data p:last-child span { margin:0px 5px 0px 10px; }
.widget.widget_text .textwidget { margin-bottom:5px; float:left; width:100%; }
.widget.widget_text h4, .widget.tweetbox h4 { margin-bottom:25px; }
.widget.widget_text h5.dt-sc-toggle-accordion { font-size:14px; padding: 0px 0 0px 75px; min-height:50px; line-height:45px; }
.widget.widget_text h5.dt-sc-toggle-accordion a { display:inline-block; vertical-align:middle; line-height:normal; }
.widget.widget_text h5.dt-sc-toggle-accordion:before { width:60px; height:50px; background-position:5px bottom; }
.widget.widget_text h5.dt-sc-toggle-accordion.active:before { background-position:5px top; }
.widget.widget_tag_cloud .tagcloud a { float: left; margin: 0 1px 1px 0; padding: 8px 10px; color:#92a7bb; background-color:#f8f8f8; border-radius:2px; }
.widget.widget_tag_cloud .tagcloud a:hover { color:#ffffff; }
.tagcloud { display: inline-block; margin-top: 5px; }
.widget.tweetbox ul.tweet_list li { position:relative; padding:13px 10px 13px 60px; background-color:#f8f8f8; margin-bottom:1px; width:100%; }
.widget.tweetbox ul.tweet_list li:before { width:50px; height:100%; float:left; text-align:center; color:#ffffff; position:absolute; left:0; top:0; line-height:70px; content:"\f099"; font-family:FontAwesome; font-size:22px; }
.widget.tweetbox ul.tweet_list .tweet_time, .widget ul.tweet_list a:hover, .widget.tweetbox ul.tweet_list .tweet_time a { color:#34495e; }
.widget.tweetbox ul.tweet_list .tweet_time { float:left; margin-right:5px; }
.widget.tweetbox ul.tweet_list .tweet_text { color:#92a7bb; display:block; }
.widget.tweetbox ul.tweet_list .tweet_time a:hover { color:#575757; }
.widget.tweetbox .tweet_list li .tweet_text a:hover { color:#34495e; }
.widget.widget_recent_reviews blockquote { display: inline-block; font-size: 16px; font-weight: 300; padding: 0; font-style:italic; border:none; line-height:24px; margin-bottom:15px; }
.dt-review { margin-bottom:35px; }
.dt-rev-author { text-align:center; }
.dt-rev-author img { border-radius:50%; margin-bottom:10px; }
.dt-rev-author h4 { font-size:15px; margin-bottom:0px; }
.dt-rev-author span { font-size:12px; font-style:italic; }
.widget_featured_products .products .product-wrapper, .widget_featured_products .products .product-details { margin:0; }
.widget_price_filter form { clear:both; float:left; width:100%; margin:0; }
.widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #d7d7d7; border-radius: 10px; box-shadow: 1px 1px 2px #dadada inset; height: 9px; margin-bottom: 35px; position: relative; z-index: 1; width:100%; }
.widget_price_filter .ui-slider .ui-slider-range { background-color: #eaeaea; left:0; width:100%; position:absolute; height:100%; }
.widget_price_filter .ui-slider .ui-slider-handle:before { background-color: #eaeaea; border-radius: 50%; content: ""; display: inline-block; height: 14px; left: -5px; padding: 5px; position: relative; top: -5px; width: 14px; z-index: -1; }
.widget_price_filter .ui-slider .ui-slider-handle { border-radius: 50%; cursor: pointer; height: 14px; outline: 0 none; position: absolute; top: -3px; width: 14px; }
.price_label { float: right; font-size:14px; color:#616161; }
.widget_price_filter .price_slider_wrapper .ui-widget-content a:first-child { left:0; }
.widget_price_filter .price_slider_wrapper .ui-widget-content a:last-child { left:inherit; right:4px; }
.widget_top_rated_products ul.product_list_widget li a { display:block; }
.widget_top_rated_products ul.product_list_widget li a img { float:left; width:85px; margin-right:10px; border:1px solid #eaeaea; }
.widget_top_rated_products ul.product_list_widget li h4 { font-size:13px; margin-bottom:12px; }
.star-rating { float:left; overflow:hidden; position:relative; font-size:1.2em; height:1em; line-height:1em; color:#1e2b38; font-size:13px; font-family:FontAwesome; width:50%; margin-bottom:10px; }
.star-rating:before { content:"\f006\f006\f006\f006\f006"; color:#1e2b38; float:left; top:0; left:0; position:absolute; }
.star-rating span { overflow:hidden; float:left; top:0; left:0; position:absolute; padding-top:1.5em }
.star-rating span:before { content:"\f005\f005\f005\f005\f005"; top:0; position:absolute; left:0; }
.widget_top_rated_products ul.product_list_widget li .amount { font-size:16px; }
.widget_top_rated_products ul.product_list_widget li { float:left; width:100%; margin-bottom:30px; padding:0; }
.widget_top_rated_products ul.product_list_widget li:last-child { margin-bottom:0; }
/*----*****---- << 1.11. Definition Lists >> ----*****----*/
dl { margin:0px 20px; }
dl.gallery-item { margin:0px; }
.gallery-caption { margin-bottom:10px; }
.gallery-item img { border:2px solid #C4C1AE !important; }
dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
dd { margin-bottom:20px; line-height:20px; }
/*----*****---- << 2. Layout >> ----*****----*/
/*----*****---- << 2.1. Container >> ----*****----*/
.container { width:1170px; margin:0 auto; position:relative; clear:both; }
.wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left; }
.inner-wrapper { margin:0px; width:100%; float:left; padding:0px; }
.boxed .wrapper { width:1250px; margin:0 auto; float:none; }
.boxed .header { width:1250px; margin:0 auto; }
.boxed .wrapper, .boxed #main, .boxed .inner-wrapper { background-color:#ffffff; }
/*----*****---- << 2.4.1. Fullwidth - Page Title >> ----*****----*/
.full-width-bg { background:url(images/bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:48px 0px 50px; }
.main-title h1, .main-title h3, .main-title h2 { margin-bottom:0px; color:#ffffff; float:left; }
.main-title h1 { font-size:26px; }
.main-title { float:left; width:100%; margin:0; padding:0; position:relative; }
.breadcrumb { float: right; font-size: 14px; margin:5px 15px 0px 0px; padding: 0; }
.breadcrumb a { font-size:14px; line-height:18px; color:#92a7bb; }
.breadcrumb .fa { width:14px; height:14px; text-align:center; border:1px solid #92a7bb; border-radius:2px; margin:0px 10px; }
.breadcrumb-wrapper { background-color:#191919; padding:28px 0 27px; float:left; width:100%; }
.breadcrumb-wrapper.type2 .breadcrumb .fa, .breadcrumb-wrapper.type9 .breadcrumb .fa { border:none; font-size:16px; }
.breadcrumb-wrapper.type2 .main-title h1 { color:#fff; }
.breadcrumb-wrapper.type3 { background-color:#f8f8f8; box-shadow:inset 0 2px 5px -2px rgba(0, 0, 0, 0.15); }
.breadcrumb-wrapper .main-title h1 { color:#333; }
.breadcrumb .default { margin:0 4px; }
.breadcrumb-wrapper.type4 { background-color:#f8f8f8; background-image:url(images/breadcrumb-bg.png); background-repeat:no-repeat; background-position:center center; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; }
.breadcrumb-wrapper.type7, .breadcrumb-wrapper.type6 { background-color:#fff; border-bottom:1px solid #eaeaea; }
.breadcrumb-wrapper.type7 .breadcrumb, .breadcrumb-wrapper.type8 .breadcrumb { float:left; display:block; width:100%; margin:0; }
.breadcrumb-wrapper.type7 .main-title h1, .breadcrumb-wrapper.type8 .main-title h1 { margin-bottom:25px; }
.breadcrumb-wrapper.type5, .breadcrumb-wrapper.type8 { background-color:#f8f8f8; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; }
.breadcrumb-wrapper.type9 { background-color:#fff; }
.breadcrumb-wrapper.type9 .breadcrumb { float:left; display:block; width:100%; margin:0; }
/*----*****---- << 2.4.2. Blog >> ----*****----*/
#home, #team, #services, #blog, #portfolio, #contacts { float:left; width:100%; }
.blog-post { display:inline-block; width:100%; margin-bottom:30px; float:left; position:relative; }
.blog-post .entry-meta { float:left; width:16%; text-align:center; position:absolute; left:0; top:0; }
.date p { width:100%; float:left; font-size:15px; color:#ffffff; margin-bottom:0px; }
.date span{font-size:30px; line-height:20px;}
.entry-meta .date, .entry-meta .post-comments { width:50px; float:left; }
.entry-meta .date {padding:11px 5px 9px; display:inline-block; border-radius: 0px 2px 0 0; }
.entry-meta .post-comments { padding:9px 5px; border-radius: 0 0 2px 0px; }
.post-comments a { font-size:13px; line-height:15px; color:#ffffff; }
.post-comments a span { font-size:14px; margin-right:5px; }
.post-comments { background-color:#2c3e50;}
.entry-detail { display:inline-block; margin:0; text-align:center; }
.entry-detail .entry-title h4 { margin-bottom:5px; font-weight:bold; line-height:22px; text-align:left; font-size:18px; }
.entry-detail .entry-body p { text-align:left; }
.blog-post .entry-thumb, .entry-post .entry-thumb{ margin-bottom:25px; float:left; width:100%; }
.blog-post .entry-thumb img, .entry-post .entry-thumb img { display:block; border-radius:3px; }
.hr-line { border-bottom:1px solid #eaeaea; float:left; width:100%; }
.entry-detail .read-more { display:inline-block; }
.entry-meta-data { clear:both; margin-bottom:15px; width:100%; display:inline-block; position:relative; }
.entry-meta-data { border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; }
.entry-meta-data p { padding:8px 10px 8px 0px; border-right:1px solid #eaeaea; }
/* .entry-meta-data p { padding:8px 10px 8px 0px; }
*/ .entry-meta-data p:last-child { border-right:none; padding:8px 0px 8px 0px; }
.blog-post.type2 .entry-meta-data p:nth-of-type(2n) span { margin-right:5px; margin-left:0; }
.blog-post.type2 .entry-detail h4 { margin-bottom:15px; }
.blog-post.type2 .entry-thumb img { border-radius:0; }
.entry-meta-data p:nth-of-type(2n) span { margin-left:5px; }
.blog-post.type3 .entry-meta { width:85px; }
.blog-post.type3 { padding:0px 0px 20px 100px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.blog-post.type3 .date p { font-size:18px; }
.blog-post.type3 .date p span { font-size:40px; line-height:25px; }
.blog-post.type3 .entry-meta-data { margin-bottom:20px; }
.blog-post.type3 .entry-meta .date { padding:15px 17px; border-radius:0; }
.blog-post.type3 .post-comments a { font-size:16px; }
.blog-post.type3 .entry-meta .post-comments { padding:15px 17px; font-size:16px; border-radius:0; }
.blog-post.type3 .post-comments a span { margin:0px 5px 0px 0px; font-size:16px; }
.blog-post.type3 .entry-thumb img { border-radius:0; }
.blog-post.type3 .entry-detail { text-align:left; }
.blog-post.type3 .entry-detail .entry-title h4 { font-weight:bold; font-size:20px; margin-bottom:20px; }
.blog-post.type3 .entry-meta-data p:first-child { padding: 8px 23px 8px 10px; }
.blog-post.type3 .entry-meta-data p { font-size:13px; }
.blog-post.type3 .entry-meta-data p span { margin-right:5px; }
.blog-post.type3 .recent-gallery-container .bx-wrapper { margin-bottom:10px; }
.blog-post.type3 .recent-gallery-container .bx-controls a { bottom:-55px; }
.page-with-sidebar .blog-items.apply-isotope .dt-sc-one-half { width:48.5%; }
.page-with-sidebar .blog-post.type3 .entry-meta-data p:first-child { padding:8px 7px 8px 0px; }
.page-with-sidebar .blog-post.type3 .entry-meta-data p { margin:0; }
.page-with-sidebar .dt-sc-one-half .blog-post.type3 .recent-gallery-container .bx-controls a { bottom:-70px; }
.blog-items .column { margin-left: 0; margin-right: 0; }
.page-with-sidebar .blog-items .dt-sc-one-third { width:31.4%; }
.blog-items .blog-entry .entry-metadata p span { margin-right:7px; }
.page-with-sidebar .blog-items .blog-entry .entry-metadata p span { margin-right:4px; }
.blog-items .blog-entry .entry-metadata p { margin:0 15px 0 0; }
.blog-entry { border-bottom: 1px dashed #d9d9d9; clear: both; float: left; margin: 0 0 50px; padding: 0 0 20px; width: 100%; }
.blog-entry .entry-thumb { float: left; margin: 0 0 25px; padding: 0; width: 100%; position:relative; }
.entry-thumb video, .entry-thumb audio, video, audio { width:100%; height:auto; cursor:pointer; }
.blog-entry .entry-thumb a { display: block; float: left; line-height: 0; margin: 0; padding: 0; width: 100%; }
.blog-entry h4 { font-size:20px; line-height:normal; font-weight:bold; margin-bottom:10px; }
.blog-entry .entry-details { float: left; margin: 0; width: 100%; }
.blog-entry .entry-metadata { float:left; width:100%; margin-bottom:20px; }
.blog-entry .entry-metadata p { float:left; font-size:13px; }
.blog-entry .entry-metadata .date span { font-size:13px; }
.blog-entry .entry-metadata p span { margin-right:10px; }
.blog-entry .entry-metadata p { margin:0px 20px 0px 0px; }
.blog-entry .entry-metadata p a:hover { color:#2c3e50; }
.blog-entry .entry-metadata p:last-child span { margin-right:5px; }
.blog-entry .entry-metadata p:last-child { margin:0; }
.blog-entry .entry-body { display: inline-block; font-weight: 400; width: 100%; }
.load-more a, .blog-load-more, .portfolio-load-more { color:#ffffff; }
.load-more, .blog-load-more, .dt-sc-button.portfolio-load-more { width:100%; display:inline-block; text-align:center; padding:10px 0px; border-radius:2px; font-size:18px; }
.blog-entry .bx-controls a { width: 45px; font-size:0; height:45px; position:absolute; display:inline-block; top:0; bottom:0; margin:auto; }
.blog-entry .bx-controls { left: 0; position: absolute; text-align: center; top: 0; float:left; width: 100%; z-index: 999; height:100%; }
.blog-entry .bx-controls a.bx-prev { background:url(images/prev-arrow1.png) no-repeat; left:0; }
.blog-entry .bx-controls a.bx-next { background:url(images/next-arrow1.png) no-repeat; right:0; }
.blog-entry .bx-controls a:hover { opacity:0.7; }
.pagination { float: left; margin: 20px 0 15px; width: 100%; text-align:right; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:25px; }
.pagination ul { margin: 0; padding: 0; display:inline-block; }
.pagination ul li { display: inline-block; float: left; margin: 0; padding: 0; }
.pagination ul li a, .pagination .next-post a, .pagination .prev-post a { border: 1px solid #f8f8f8; border-left:none; color: #2c3e50; float: left; font-size: 14px; font-weight: bold; line-height: 48px; margin: 0; padding: 0 20px; position: relative; z-index: 1; display:inline-block; }
.prev-post, .next-post { display:inline-block; }
.pagination ul li a:hover, .pagination .next-post a:hover, .pagination .prev-post a:hover { color:#ffffff; }
.pagination .next-post a, .pagination .prev-post a { background-color:#f8f8f8; position:relative; font-size:16px; border:none; line-height:50px; }
.pagination .prev-post a:before { content:""; border-right:23px solid #f8f8f8; border-top:25px solid transparent; border-bottom:25px solid transparent; position:absolute; left:-23px; top:0; }
.pagination .next-post a:before { content:""; border-left:23px solid #f8f8f8; border-top:25px solid transparent; border-bottom:25px solid transparent; position:absolute; right:-23px; top:0; }
.pagination .prev-post a { padding:0px 20px 0px 10px; margin-right:-3px; }
.pagination .next-post a { padding:0px 10px 0px 20px; margin-left:-3px; }
.pagination .prev-post a span { margin-right:10px; }
.pagination .next-post a span { margin-left:10px; }
.entry-post{ display:inline-block; width:100%; margin-bottom:30px; float:left; position:relative; padding-bottom:25px; }
.entry-post .entry-meta { float:left; width:21%; text-align:center; position:absolute; }
.entry-post:before { content:""; border-right:1px dashed #d9d9d9; height:100%; position:absolute; top:0; left:9%; z-index:-1; }
.entry-post:after { border-top:1px dashed #d9d9d9; width:91%; position:absolute; right:0; bottom:-1px; content:""; z-index:-1; }
.entry-post-content { float:left; width:100%; padding-left:85px; }
.entry-post .dt-sc-button.small { position:absolute; right:0; bottom:-20px; }
.entry-post .entry-meta .date, .entry-post .entry-meta .post-comments { width:60px; }
.entry-post .post-comments a { font-size:16px; }
.entry-post .post-comments a span { font-size:16px; margin:0; }
.entry-post .date p { font-weight:300; line-height:15px; font-size:14px; }
.entry-post .date span { float:left; width:100%; margin-bottom:8px; font-size:34px; line-height:25px; }
.entry-post .entry-detail p { margin-bottom:20px; }
.entry-post .entry-detail h5{ font-size:16px; font-weight:normal; margin-bottom:10px; }
.entry-post .entry-meta .post-comments { padding:11px 5px; }
.entry-post .entry-detail { text-align:left; }
.hr-title { float:left; width:100%; margin-bottom:50px; }
.hr-title h3, .hr-title h2 { display:table-cell; white-space:pre; padding-right:20px; }
.title-sep { display:table-cell; vertical-align:middle; width:100%; }
.title-sep:before { width:100%; display:inline-block; border-top:1px dashed #e5e5e5; border-bottom:1px dashed #e5e5e5; height:2px; content:""; }
.dt-sc-icon-list { float:left; width:100%; margin-bottom:30px; }
.dt-sc-icon-list li { display:block; border-bottom:1px dashed #ededed; padding:15px 0px 10px 0px; }
.dt-sc-icon-list li a { font-size:16px; color:#2c3e50; line-height:22px; }
.dt-sc-icon-list li .fa { float:left; font-size:16px; margin-right:20px; line-height:22px; }
/*----*****---- << 2.4.2.1 commententries >> ----*****----*/
.commententries { width:100%; display:inline-block; margin:0px; padding:0px; }
.commententries h4, #respond h3 { padding:0px; margin:0px; width:100%; clear:both; }
.commententries h4, #respond h3, .post-author-details h3 { font-size:20px; }
ul.commentlist { float:left; margin:40px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; width:100%; }
ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 30px; padding:0px 0px 0px 100px; position:relative; clear:both; border-bottom:1px dashed #d9d9d9; }
ul.commentlist li ul.children { margin:10px 0px 0px 0px; padding:0px; float:left; border:none; clear:both; width:100%; }
ul.commentlist li .respond { margin-left:69px; }
ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; }
ul.commentlist li .comment-author img { max-height:85px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border-radius:2px; behavior: url(PIE.htc); }
ul.commentlist li .comment-author img, ul.commentlist li .comment-author img { max-width:85px; }
ul.commentlist li .comment-author img:hover { -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px); }
ul.commentlist li .author-name { font-size:16px; padding-bottom:5px; float:left; margin-right:15px; font-weight:normal; line-height:18px; }
ul.commentlist li .author-name a { color:#34495e; }
ul.commentlist li .comment-details { display:block; }
ul.commentlist li .commentmetadata { text-decoration:none; line-height:22px; font-weight:400; font-size:13px; font-style:italic; color:#92a7bb; }
.bypostauthor { float:left; }
ul.commentlist li .comment-body { margin:0px; padding:0px; color:#92a7bb; }
ul.commentlist li .comment-content { padding:0px 10px 20px 0px; margin:10px 0px 10px; border-radius:5px; behavior: url(PIE.htc); }
ul.commentlist li .reply { margin:-20px 0 0; float:right; text-align:center; font-weight:400; text-transform:uppercase; }
ul.commentlist li .reply a { padding:10px 13px; display:block; margin-top:0; text-transform:none; border-radius:2px; }
ul.commentlist li .reply a .fa { margin-left:3px; }
#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 { font-size:13px; padding:15px 15px; width:100%; }
#commentform textarea { height:190px; padding:15px 15px; width:100%; }
#commentform p { margin-bottom:0; }
.form-submit input[type=submit] { border:1px solid #000; color:#000; }
.form-submit input[type=submit]:hover { background:#000; color:#fff; }
#respond, form#commentform { display:inline-block; width:100%; }
#respond h3 { margin-bottom:30px; }
/*----*****---- << 2.4.2.2. Post Author Details >> ----*****----*/
.post-author-details { float:left; width:100%; margin-bottom:25px; }
.post-author-details h3 { margin-bottom:35px; }
.entry-author-image { float:left; margin:0px 15px 5px 0px; }
.entry-author-image img { border-radius:2px; behavior: url(PIE.htc); }
.post-author-details .dt-sc-social-icons { float:left; }
.author-desc { width:100%; padding-left:100px; }
.author-title { float:left; width:100%; margin-bottom:10px; color:#9c9c9c; }
.author-desc h5 { margin-bottom:0; float:left; margin-right:15px; font-size:16px; font-weight:bold; }
.author-desc h5 a { text-transform:capitalize; }
/*----*****---- << 2.4.3. Portfolio >> ----*****----*/
.grey { background-color:#f8f8f8; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.grey .title-sep span { border-top:1px dashed #dfdfdf; }
.grey1 { background-color:#f8f8f8; }
.grey2 { float:left; width:100%; border-bottom:1px solid #f8f8f8; }
.portfolio.column.no-space.dt-sc-one-fifth { width:19.97%; }
.portfolio.with-space.dt-sc-one-fourth { width:23.7%; }
.page-with-sidebar .portfolio.with-space.dt-sc-one-third { width:31.7%; }
.page-with-sidebar .portfolio.with-space.dt-sc-one-fourth { width:23.2%; }
.full-width-section .portfolio { margin-bottom:50px; }
.sorting-container { float:left; width:100%; text-align:center; margin: 10px 0px 15px 0px; }
.sorting-container a { font-size:13px; color:#6a7177; text-transform:uppercase; display:inline-block; padding:0px 14px; border-radius:2px; line-height:33px; }
.sorting-container a:hover, .sorting-container .active-sort { color:#ffffff;}
.portfolio-container { float:left; width:100%; }
.portfolio-container .portfolio { margin-left:0px; margin-bottom:30px; }
.portfolio-container.no-space .portfolio { margin-bottom:0; }
.portfolio .portfolio-thumb { float: left; overflow: hidden; padding: 0; position: relative; width: 100%;}
.portfolio figure { overflow:hidden; }
.portfolio-thumb img { display: block; float: left;}
.portfolio:hover .portfolio-thumb img { transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.portfolio-detail { display: inline-block; background-color: #ffffff; float: left; width: 100%; position:relative; border:1px solid #e0e4e6; }
.portfolio .image-overlay { float: left; height: 100%; left: 0; opacity: 0; position: absolute; top:100%; width: 100%; cursor:pointer; background-color:rgba(0, 0, 0, 0.4); }
.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link { display: inline-block; position: absolute; text-align: center; width:50px; height:50px; top:0; bottom:0; margin:auto; border-radius:2px; }
.portfolio .image-overlay a span { cursor: pointer; display: inline-block; font-size: 18px; line-height: 50px; text-align: center; width: 100%; color:#ffffff; }
.portfolio .image-overlay a.zoom { left: 0; right:100%; }
.portfolio .image-overlay a.link { right: 0; left:100%; }
.portfolio:hover .image-overlay a.zoom { left: 0; right:52px; }
.portfolio:hover .image-overlay a.link { right:0; left:52px; }
.portfolio-detail .views { float: left; line-height: 16px; border-right:1px solid #e0e4e6; padding:0px 20px; text-align: center; font-size:16px; color:#2c3e50; background-color:#fff; height:100%; position:absolute; }
.portfolio-detail .views a { color:#2c3e50; }
.portfolio-detail .views h6, .portfolio-title h5 { margin-bottom: 0px; }
.portfolio-detail .views span { margin: 19px 0 5px 0; }
.portfolio-title { padding: 13px 10px 0 75px; float:left; width:100%; }
.portfolio:hover .image-overlay { opacity:1; top:0; }
.portfolio .image-overlay a.zoom:hover, .portfolio .image-overlay a.link:hover { background-color:#ffffff; }
.portfolio:hover .portfolio-title h5 a, .portfolio:hover .portfolio-title h5, .portfolio:hover .views, .portfolio:hover .views a { color:#ffffff; }
.portfolio:hover .portfolio-title p { color:#483f39; }
.portfolio:hover .portfolio-detail { border:1px solid; }
.portfolio-container.no-space .portfolio .image-overlay a.zoom, .portfolio-container.no-space .portfolio .image-overlay a.link { bottom:15%; }
.portfolio-container .column.no-space.dt-sc-one-fourth { width:24.99%; }
.portfolio-content { text-align:center; }
.image-overlay .portfolio-content h5 a { width:100%; display:inline-block; padding:10px 0px; color:#ffffff; }
.image-overlay .portfolio-content h5 { position:absolute; bottom:0; left:0; width:100%; margin-bottom:0; }
.image-overlay .portfolio-content span { font-size:25px; position:absolute; bottom:26px; left:0; right:0; margin:0 auto; }
.portfolio.no-space .portfolio-thumb { box-shadow: 1px 1px 1px 2px rgba(255, 255, 255, 1); }
/*----*****---- << 2.4.3.1. Portfolio - single >> ----*****----*/
.content { float:left; width:100%; }
.project-details { clear: both; float: left; width: 100%; }
.project-details h6 { font-weight:bold; margin-bottom:25px; }
.project-details ul { float: left; list-style-type: none; margin: 0; width: 100%; }
.project-details ul.client-details li { display: block; padding-bottom: 18px; }
.project-details ul.client-details li p { margin-bottom: 0; }
.client-details li .fa { margin-right: 7px; color:#2c3e50; float:left; line-height:22px; }
.project-details ul.client-details li span { color:#2c3e50; float:left; width:80px; }
.project-details ul.client-details li p a:hover { color:#2c3e50; }
.post-nav-container { float:left; width:100%; border:1px solid #eaeaea; clear:both; border-radius:2px; }
.post-nav-container .post-prev-link { float:left; border-right:1px solid #eaeaea; }
.post-nav-container .post-next-link { float:right; border-left:1px solid #eaeaea; }
.post-nav-container a { font-size:16px; color:#34495e; background-color:#fbfbfb; padding:10px 15px; }
.post-nav-container .post-prev-link .fa { margin-right:10px; }
.post-nav-container .post-next-link .fa { margin-left:10px; }
.post-nav-container a:hover { color:#ffffff; }
.portfolio-carousel-wrapper { display: inline-block; width: 100%; position:relative; }
.portfolio-carousel-wrapper .product-carousel { top:-87px; }
/*----*****---- << isotope >> ----*****----*/
.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;
}
.presentation-bg { background:url(images/presentation-bg.jpg) repeat-y; padding:25px 0px 25px 0px; border-top:1px solid #eaeaea; }
.product-presentation-bg { background:url(images/presentation-bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:75px 0px 60px 0px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.product-presentation-bg h3 { font-size:24px; font-weight:bold; margin-bottom:13px; }
.product-presentation-bg p { margin-bottom:18px; }
.skill-detail p:first-child { color:#2c3e50; margin-bottom:25px; }
.skill-detail p:last-child { font-style:italic; }
.icon-content-bg { background:url(http://www.placehold.it/1920x1318&text=Parallax) 50% 0 repeat-y fixed; height:auto; padding:55px 0px 45px 0px; }
.about-features-bg { background:url(http://www.placehold.it/1920x780&text=Parallax) 50% 0 repeat-y fixed; height:auto; padding:55px 0px 45px 0px; }
.full-width-progress { background:url(http://placehold.it/1920x483&text=parallax) 50% 0 repeat-y fixed; height:auto; padding:40px 0 45px 0; color:#fff; }
.full-width-progress h2, .full-width-progress .dt-sc-donutchart-title, .full-width-progress .dt-sc-donutchart span { color:#fff; }
.full-width-progress .dt-sc-donutchart-medium p { color:#92a7bb; }
.feature-bg { background:url(http://www.placehold.it/1920x483&text=Parallax) repeat-y; height:auto; padding:65px 0 0px 0; color:#fff; }
.full-section-bg { background:url(images/product-presentation-bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:70px 0; }
/*----*****---- << 2.4.4. Recent Gallery >> ----*****----*/
.recent-gallery-container { float:left; width:100%; }
.recent-gallery-container .bx-wrapper { position:relative; margin-bottom:5px; }
.recent-gallery li { display:block; padding:0; }
.recent-gallery-container .bx-controls a { bottom: -51px; font-size: 0; height: 35px; margin: 0; position: absolute; width: 23px; z-index:1; }
.recent-gallery-container .bx-controls a.bx-prev { background:url(images/prev-arrow.png) no-repeat; left:0; }
.recent-gallery-container .bx-controls a.bx-next { background:url(images/next-arrow.png) no-repeat; right:0; }
.recent-gallery-container #bx-pager { display: inline; float: left; margin: 0; padding: 0; text-align: center; width: 100%; position:relative; }
.recent-gallery-container #bx-pager a { cursor: pointer; display: inline-block; line-height: 0; margin: 0 5px; position: relative; }
.dt-sc-one-half .blog-post.type3 .recent-gallery-container #bx-pager a img { max-width:57px; }
.recent-gallery-container #bx-pager a img { max-width:80px; float:left; }
.recent-gallery-container #bx-pager a.active:before { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; display:block; }
.recent-portfolio { float:left; width:100%; position:relative; }
.recent-portfolio .product-carousel .fa { font-size:28px; }
.dt-sc-one-column .recent-gallery-container .bx-controls a.bx-prev { left:17%; }
.dt-sc-one-column .recent-gallery-container .bx-controls a.bx-next { right:17%; }
.dt-sc-one-column .recent-gallery-container .bx-controls a { bottom:-60px; }
/*----*****---- << 2.4.5. Testimonial >> ----*****----*/
.parallax { float:left; width:100%; }
.fullwidth-testimonial, .parallax-content-bg { background:url(https://placeholdit.imgix.net/~text?txtsize=120&txt=JEAN%20FRANCOIS%20HARVEY&w=1920&h=483) 50% 0 repeat-y fixed; height:auto; text-align:center; padding:70px 0px 60px 0px; position:relative; z-index:1; }
.parallax-content-bg:after { background-color: rgba(33,194,248,0.7); content:""; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; left: 0; z-index:-1; }
.parallax-content-bg1 { background:url(https://placeholdit.imgix.net/~text?txtsize=120&txt=JEAN%20FRANCOIS%20HARVEY&w=1920&h=483) 50% 0 repeat-y fixed; height:auto; position:relative; z-index:1; padding:70px 0 60px; }
.parallax-content-bg1:after { width:50%; margin:0; content:""; position:absolute; top:0; left:0; height:100%; z-index:-1; }
.parallax-content-bg1 h3 { color:#fff; }
.parallax-content-bg1 p { color:#fff; }
.parallax-content-bg1 .alignleft { margin:0 15px 0 0; width:47%; }
.parallax-content { float: left; width: 100%; position:relative; margin-bottom:25px; }
.parallax-content h2 { color:#fff; margin-bottom:10px; font-size:38px; }
.parallax-content p { color:#fff; margin-bottom:25px }
.parallax-content a span { color:#fff; font-size:90px; display:block; margin-bottom:10px; }
.testimonial-arrows { float:left; width:100%; }
.testimonial-arrows a { font-size:16px; }
.slider-controls { clear: both; float: left; margin: 10px 0 0; text-align: center; width: 100%; }
.slider-controls .pager { display:inline-block; }
.slider-controls .pager a { width:25px; height:3px; display:inline-block; line-height:0; background-color:#ffffff; margin:0px 5px 0px 0px; text-indent:-9999px; }
.partner-carousel a { float:left; text-align:center; margin:0 60px 25px 30px; opacity:0.4; }
.partner-carousel a:hover { opacity:1; }
.partner-carousel > a:first-child { margin-left:0; margin-bottom:25px; }
/* .partner-carousel > a:nth-child(2n) { margin-bottom:25px; }
*/ .partner-carousel > a:nth-child(4) { margin-left:0px; }
.dt-sc-partner-carousel-wrapper .partner-carousel img { max-width:90px; }
/*----*****---- << 2.4.6. Team >> ----*****----*/
.dt-sc-team-carousel-wrapper { float:left; width:100%; position:relative; }
.dt-sc-team-wrapper { float:left; width:100%; margin-bottom:30px; }
.dt-sc-team-wrapper h2 { border-bottom:1px dashed #ededed; padding-bottom:10px; margin-bottom:25px; }
.carousel-arrows { position:absolute; left:-295px; bottom:35px; }
.product-carousel { position:absolute; right:0; top:-87px; }
.carousel-arrows a, .product-carousel a { background-color:#2c3e50; color:#ffffff; float: left; height: 35px; text-align: center; width: 40px; display:block; }
.product-carousel a { height: 40px; width: 40px; }
.carousel-arrows a.prev, .product-carousel a.prev, .product-carousel a.event-prev { border-radius:2px 0px 0px 2px; }
.carousel-arrows a.next, .product-carousel a.next, .product-carousel a.event-next { border-radius:0px 2px 2px 0px; }
.carousel-arrows .fa { font-size:20px; line-height:35px; }
.product-carousel .fa { font-size:37px; line-height:40px; }
.dt-sc-team-carousel-wrapper.type2 .carousel-arrows a { width:10px; height:10px; border-radius:50%; margin-left:5px; }
.dt-sc-team-carousel-wrapper.type2 .carousel-arrows { left:inherit; right:0; top:20px; bottom:inherit; }
.dt-sc-team-carousel-wrapper.type2 .carousel-arrows a span { display:none; }
.dt-sc-team-carousel-wrapper.type2 { position:initial; }
.dt-sc-team-carousel-wrapper .dt-sc-one-fourth { margin:0 12px; }
.dt-sc-team-carousel { float:left; width:100%; padding-top:5px; }
.dt-sc-team-carousel { padding-top:5px; }
#map { height: 450px; padding-bottom: 4px; width:100%; float:left; }
#map.type2 { height:360px; }
#map img { max-width:inherit; }
.gmap_marker { color: #34495e; }
/*----*****---- << 2.4.7. Products >> ----*****----*/
ul.products li .product-wrapper.product-three-column { width: 32%; }
ul.products li .product-wrapper.product-four-column { width: 23.5%; }
ul.products li .product-wrapper.product-two-column { width: 49%; }
.product-carousel-wrapper { float:left; width:100%; position:relative; }
.products { clear: both; float: left; margin: 0; padding: 0; width:100%; }
.products li { display:inline; padding:0; }
.products .product-wrapper { float:left; width:100%; margin:0px 2% 30px 0; }
.products li.last .product-wrapper { margin-right:0; }
.products .product-container { background-color: #ffffff; border: 1px solid #eaeaea; float: left; margin:0px 0px 27px 0px; overflow: hidden; padding: 0; max-height: 100%; position: relative; width: 100%;}
.products .product-thumb { float: left; margin: 0; padding: 0; text-align: center; width: 100%; position:relative; }
.products .product-thumb, .products .product-thumb a { line-height:0; }
.products .product-title { clear: both; padding:0; width: 100%; position:absolute; bottom:-20px; left:0px; opacity:0; }
.products .product-wrapper:hover .product-title { opacity:1; bottom:0px; }
.products .product-title a { color: #2d2d29; font-size: 13px; font-weight: normal; margin-bottom: 0; display:inline-block; padding:10px 0px; width:50%; background-color:#2c3e50; text-align:center; float:left; color:#ffffff; }
.products .product-title a:first-child { border-right:1px solid #eaeaea; }
.products .product-title a:last-child:hover { background-color:#2c3e50; }
.products .product-title a span { margin-right:5px; }
.products .product-details { float:left; width:100%; clear:both; text-align:center; margin-bottom:20px; }
.products .product-details h5 {margin-bottom:7px; }
.products .product-details span { font-size:18px; }
.feature-product-carousel .dt-sc-one-fourth { margin:0 11px; }
/*----*****---- << 2.4.8. Events >> ----*****----*/
.events-carousel-wrapper { display: inline-block; width: 100%; position:relative; }
.events { float:left; width:100%; margin:0px 0px 20px 0px; padding:0; }
.events .event-thumb { float:left; width:100%; margin-bottom:18px; }
.events .event-detail { float:left; width:100%; }
.events .event-detail h5 { clear:both; margin-bottom:10px; }
.events .event-meta { clear:both; margin-bottom:15px; float:left; width:100%; display:block; }
.events .event-meta p, .entry-meta-data p { float:left; margin:0px 10px 0px 0px; font-size:12px; }
.events .event-meta p:first-child { border-right:1px solid #eaeaea; padding-right:10px; }
.events .event-meta p span, .entry-meta-data p span { margin-right:10px; }
.events .event-meta p:last-child span { margin-left:5px; margin-right:8px; }
.events .event-meta p a:hover, .entry-meta-data p a:hover { color:#2c3e50; }
.events-carousel-wrapper .product-carousel { top:-77px; }
.events-carousel .dt-sc-one-fourth { margin:0 11px; overflow:hidden; }
/*----*****---- << 2.4.9. Side Navigation >> ----*****----*/
.side-nav-container { float: left; margin: 0; padding: 0; width: 100%; }
.side-nav-container ul { float: left; margin: 0; padding: 0; width: 100%; }
.side-nav-container ul li { border-style: solid; border-width: 0 1px 1px 1px; display: inline; float: left; margin: 0; padding: 0; position: relative; width: 100%; background-color:#f8f8f8; border-color:#eaeaea; }
.side-nav-container ul li:first-child { border-top:1px solid #eaeaea; }
.side-nav-container ul li:first-child:before, .side-nav-container ul li:last-child:before { content:""; height:30px; border-right:1px solid #eaeaea; position:absolute; right:-1px; }
.side-nav-container ul li:first-child:before { top:-31px; }
.side-nav-container ul li:last-child:before { bottom:-31px; right:-1px; }
.side-nav-container ul li a { color: #92a7bb; display: block; line-height: 47px; margin: 0; float:left; width:100%; text-align:right; }
.side-nav-container ul li.current_page_item a .fa { width:41px; }
.side-nav-container ul li a .fa { color: #252525; float: right; font-family: FontAwesome; font-size: 13px; height: 47px; line-height: 47px; margin-left: 20px; text-align: center; width: 40px; border-left:1px solid #eaeaea; }
.side-nav-container ul li.current_page_item { border-right:none; background-color:#fff; }
.side-nav-container ul li.current_page_item a { border-right:none; position:relative; }
.side-nav-container ul li:hover { background-color:#fff; }
.side-nav-content h3 { font-size:24px; }
/*----*****---- << 2.4.10. Coming soon >> ----*****----*/
.blank-template-container { display: table; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; }
.blank-template { display: table-cell; margin: 0; padding: 0; vertical-align: middle; }
.blank-template-wrapper { clear: both; float: left; padding: 30px 0; width: 100%; background-color:#fff; }
/*----*****---- << 2.4.11. 404 Page >> ----*****----*/
.error-info { float:left; text-align:center; width:100%; }
.error-info h3 { font-size:22px; color:#616161; }
.error-info h2 { font-size:40px; font-weight:bold; color:#252525; margin-bottom:10px; }
.error-info p { color:#616161; }
.error-info #searchform input[type=submit] { min-height: 60px; position:absolute; right:0; top:10px; padding: 16px 30px 15px; border-radius:0 2px 2px 0; }
.error-info #searchform { float:none; width:45%; margin:0 auto; position:relative; clear:both; }
.error-info #searchform input.search-icon { padding:0; border-right:1px solid #eaeaea; width:50px; }
.error-info #searchform input[type=text] { padding:21px 15px 21px 63px; background-color:inherit; }
.error-info .back-menu { float:left; width:100%; clear:both; margin-bottom:25px; }
.error-info .back-menu a { font-size:18px; font-weight:bold; color:#616161; border-right:2px solid #767676; padding:0 9px 0 7px; }
.error-info .back-menu a:last-child { border:none; }
/*----*****---- << 2.4.12. Login >> ----*****----*/
.form-wrapper { display: block; margin-left: auto; margin-right: auto; width: 70%; }
.form-wrapper form { background: #fff; float: left; padding: 50px; width: 100%; box-sizing: content-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.form-wrapper input { background-color:#fff; }
.newsletter-form { position:relative; }
.newsletter-form > input { min-height:50px; margin:0; background-color:#fff; }
.newsletter-form .button { position:absolute; bottom:0; right:0; padding:12px 26px; min-height:50px; border-radius:0px 2px 2px 0px; }
#reg_form { text-align:center; }
#reg_form input.button { float:none; margin-top:20px; }
#loginform input[type=checkbox] { margin-right: 3px; margin-top:-1px; }
#loginform { text-align:center; }
#loginform label { float:left; clear:both; }
#loginform .dt-sc-button { float:none; margin-top:10px; }
.page_info { float:left; width:100%; margin:0; }
.page_info h3 span, .page_info h2 span { border-right: 1px solid #eaeaea; display: inline-block; margin: 0 10px 0 0; padding: 0 15px 0 0; position: relative; }
.page_info h3 span .fa, .page_info h2 span .fa { border-radius: 50%; color: #fff; font-size: 24px; height: 50px; line-height: 50px; width: 50px; background-color:#2c3e50; }
/*----*****---- << 2.5. Footer >> ----*****----*/
#footer { float:left; clear:both; width:100%;}
.footer-widgets-wrapper{padding:55px 0px 10px 0px; color:#ffffff; background:#202020 url(images/footer-bg.jpg) repeat-y left top; float:left; width:100%;}
#footer .widget-title{border-bottom:3px solid #2e2e2e; position:relative; padding-bottom:12px; margin-bottom:25px; font-weight:bold; color:#eef1f4; font-size:20px;}
#footer .widget-title .small-line{width:100px; display:block; height:3px; position:absolute; left:0; margin:12px 0px 0px 0px;}
#footer .widget-title .wlast{font-weight:400;}
#footer .widget_text p .fa { font-size:13px; font-weight:normal; float:left; font-family:FontAwesome; margin:5px 7px 0px 0px; padding-bottom:5px;}
#footer .widget_text p span { margin-right:10px; color:#bfc4c7; }
#footer .widget_text p:nth-of-type(2n){ margin-bottom:20px; }
#footer .widget_text p { margin-bottom:2px; }
#footer .widget ul { float:left; width:100%; margin:0; padding:0; }
#footer .recent-property-widget ul li { display:block; border-bottom:1px dashed rgba(255, 255, 255, 0.15); position:relative; padding-bottom:20px; margin-bottom:20px; }
#footer .recent-property-widget ul li .thumb { margin-right:15px; }
#footer .recent-property-widget ul li:last-child { border-bottom:none; }
#footer .recent-property-widget .entry-meta { display:inline-block; }
#footer .widget ul li a { display:inline; }
#footer .widget ul li h6 { font-size:13px; line-height:22px; font-weight:600; margin-bottom:5px; }
#footer .widget ul li h6 a { color:#ffffff; }
.widget .recent-property-widget ul li .thumb { float:left; margin-right:10px; }
#footer .widget .entry-meta p { font-size:11px; line-height:15px; color:#92a7bb; display:inline; margin:0px 10px 0px 0px;}
#footer .widget .entry-meta p:first-child { border-right:1px solid #6684a1; padding:0 10px 0 0; }
#footer .widget .entry-meta span { margin-right:10px; color:#bec3c7; }
#footer .widget .tweet_list li:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; content:"\f099"; font-size:18px; color:#92a7bb; position:absolute; left:0; top:3px; }
.tweet_list li .tweet_text .at, .tweet_list li .tweet_text a { color:#92a7bb; overflow:hidden; }
#footer .tweet_list li .tweet_text a { overflow:hidden; color:#92a7bb; }
#footer .widget .tweet_list li { padding:0 5px 15px 25px; position:relative; float:left; width:100%; }
#footer .widget a:hover { color:#ffffff; }
#footer .widget .mailchimp-form { position:relative; margin-top:5px; float:left; width:100%; background-color:#fff; border-radius:0px 3px 3px 0px; }
#footer .widget .mailchimp-form .dt-sc-button{ position:absolute; right: 0; top: 0; padding:16px 16px 15px 16px; min-height:50px; border-radius:0px 1px 1px 0px; font-size:14px; }
#footer .widget .mailchimp-form .fa { font-size:14px; font-family:FontAwesome; padding:0px 10px 0px 13px; font-weight:normal; color:#2c3e50; width:6%; line-height:50px; text-align:center; border-right:1px dashed #d4d4d4; float:left; }
#footer .widget .mailchimp-form p { width:100%; margin:0; padding:0; float:left; }
#footer .widget .mailchimp-form p input{ /*display: inline-block;*/ margin: 0; padding:17px 0px 15px 10px; float:left; }
#footer .widget .mailchimp-form p input[type=email] { width:135px; border:none; background-color:#ffffff; }
#footer .widget.widget_tag_cloud .tagcloud a { background-color:#282e3b; }
#footer .widget-title .fa { width:49px; height:49px; background-color:#343b4b; border-radius:50%; position:absolute; left:0; text-align:center; line-height:49px; }
#footer .footer-widgets-wrapper.type2 .widget-title, #footer .footer-widgets-wrapper.type3 .widget-title { border:none; padding:0 0 0 65px; font-size:20px; line-height:49px; margin-bottom:15px; }
#footer .footer-widgets-wrapper.type3 .widget-title { color:#34495e; }
.widget_contact .small-line { width:35px; height:1px; display:block; background-color:#343b4b; margin:0px 0 10px 0; }
.footer-widgets-wrapper .widget_contact p { color:#9099b0; position:relative; }
.footer-widgets-wrapper .widget-content { padding-left:65px; }
#footer .widget.widget_links ul { display:block; margin:0; padding:0 0 0 65px; }
#footer .widget.widget_links ul li { display:block; position:relative; padding-left:10px; }
#footer .widget.widget_links ul li:before { content:"\f105"; position:absolute; left:0; font-family:FontAwesome; font-weight:normal; color:#9099b0; }
#footer .widget.widget_links ul li a { color:#9099b0; }
#footer .footer-widgets-wrapper.type2 { background:#282e3b; padding:30px 0 0 0px; }
#footer .footer-widgets-wrapper.type3 { background:#ebeef0; padding:30px 0 0 0; }
#footer .footer-widgets-wrapper.type2 .widget, #footer .footer-widgets-wrapper.type3 .widget { padding:0 0 25px 0; }
.copyright.type2 { background-color:#171b24; }
#footer .widget.widget_text ul li a { color:#b7c8da; }
#footer .widget.widget_text ul li a:hover, #footer .widget.widget_links ul li a:hover { color:#fff; }
/* #footer .footer-widgets-wrapper.type3 .widget.widget_links ul li a:hover { color:#2c3e50; }
*/
#footer .footer-widgets-wrapper.type3 .widget-title .fa { background-color:#dee2e5; }
#footer .footer-widgets-wrapper.type4 { background:#34495e; }
#footer .footer-widgets-wrapper.type4 .widget-title { border:none; margin-bottom:15px; padding:0; color:#6f8295; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Chrome only override */
#footer .widget .mailchimp-form .dt-sc-button { padding:16px 20px 15px 19px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .widget .mailchimp-form .dt-sc-button { min-height:51px;}
::i-block-chrome, #footer .widget .mailchimp-form .dt-sc-button { padding:16px 18px 15px 19px; }
}
.copyright { float:left; width:100%; clear:both; padding:25px 0px; background-color:#fff; }
.copyright p { float:left; margin-bottom:0; }
.copyright p a { color:#92a7bb; }
.footer-links { float:right; margin:0; }
.footer-links li { float:left; display:inline; padding-bottom:0; }
.footer-links li a { font-size:13px; color:#92a7bb; padding:0px 7px; line-height:22px; }
.footer-links li:last-child a { background:none; }
.copyright.type3 p { line-height:30px; }
.tweets { float:left; width:100%; font-size:16px; }
.tweets a:hover, .tweet_text { color:#fff; }
.tweet_text { display:block; }
.footer-wrapper .copyright { background-color:#1c1c1c; }
.footer-wrapper { background:#202020 url(images/footer-bg.jpg) repeat-y left top; float:left; width:100%; text-align:center; position:relative; }
.footer-wrapper .tweet_list { line-height: 35px; margin: auto; width: 75%; }
.bottom-tweet:before { border-top:45px solid #f8f8f8; border-right:45px solid transparent; border-left:45px solid transparent; position:absolute; top:0; left:0; right:0; margin:auto; width:0; content:""; }
.bottom-tweet span { font-size:17px; position:absolute; left:0; right:0; margin:0 auto; line-height:25px; width:100%; }
.bottom-tweet { float:left; width:100%; position:relative; margin-bottom:40px; }
.bottom-tweet.type2:before { border-top-color:#38526c; }
/*----*****---- << Go To Top >> ----*****----*/
#toTop { display:none; text-decoration:none; position:fixed; bottom:30px; right:30px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; }
#toTopHover { background:url(images/ui.totop.png) no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; }
#toTop:active, #toTop:focus { outline:none; }
/*----*****---- << Style Picker >> ----*****----*/
.dt-style-picker-wrapper { position:fixed; z-index:999999; left:0px; top:150px; }
#dt-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; border:1px solid #dddddd;}
#dt-style-picker h2 { font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; border-bottom:1px solid #dddddd; background-color:#fefefe;}
#dt-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; 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 { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; }
#dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { border:1px solid #d7d7d7; }
#dt-style-picker ul li a img { border:1px solid #d7d7d7; }
#dt-style-picker .hr { width:100%; height:10px; display:block; float:left; clear:both; position:relative; z-index:1; margin:3px 0px; }
.style-picker-ico { position:absolute; top:25px; left:225px; width:48px; height:48px; display:block; border:1px solid #d7d7d7; background-color:#fff; }
.style-picker-ico img { -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; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
#dt-style-picker ul.scheme-picker li a { padding:7px; }
#dt-style-picker ul.scheme-picker li a img { height:auto; border:0; }
/*----*****---- << Retina Images >> ----*****----*/
.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) {
.normal_logo { display:none; }
.retina_logo { display:inline-block; height:auto !important; }
.blog-entry .bx-controls a.bx-prev { background-image:url(images/prev-arrow1.png); background-size:45px 45px; }
.blog-entry .bx-controls a.bx-next { background-image:url(images/next-arrow1.png); background-size:45px 45px; }
.recent-gallery-container .bx-controls a.bx-prev { background-image:url(images/prev-arrow@2x.png); background-size:18px 34px; }
.recent-gallery-container .bx-controls a.bx-next { background-image:url(images/next-arrow@2x.png); background-size:18px 34px; }
#searchform .search-icon { background-image:url("images/search@2x.png"); background-size:15px 16px; }
#toTop { background-image:url(images/ui.totop@2x.png); background-size:40px 81px; }
}