/*
Theme Name: Designtrail
Theme URI: http://designtrailthemes.com
Description: Designtrail
Version: 1.0.0
Author: Designtrail
Author URI: http://designtrailthemes.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: designtrail
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog
*/
/*----------------------------------------*/
/*----- 1  General styles -----*/
/*----------------------------------------*/
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
/*-- Typography --*/
body { font-family: 'Catamaran', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.75; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-animation: fix 1s 1; }
h1, h2, h3, h4, h5, h6 { font-family: 'Catamaran', sans-serif; font-weight: bold; font-style: normal; line-height: 1.4; margin: 0 0 10px 0; padding: 0; clear: both; -webkit-font-smoothing: antialiased; }
h1 { font-size: 48px; line-height: 56px; }
h2 { font-size: 36px; line-height: 42px; }
h3 { font-size: 30px; line-height: 38px; }
h4 { font-size: 24px; line-height: 32px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 14px; line-height: 22px; }
p { margin: 0 0 10px 0; padding: 0; }
.dtr-post-title, .comments-title, #reply-title, .widget-title { font-size: 18px; line-height: 26px; }
/*-- default links --*/
a { text-decoration: none; cursor: pointer; font-style: normal; outline: none; color: #000; }
a:visited { }
a:hover { text-decoration: none; }
a:active { }
a:focus { outline: 0; text-decoration: none; }
/*-- Alignments --*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
/*-- Display --*/
.display-none { display: none }
.display-block { display: block }
.display-inline { display: inline }
.hidden { display: none }
/*-- Floats --*/
.float-left { float: left }
.float-right { float: right }
/*-- Media --*/
img { max-width: 100% !important; height: auto !important; }
img { -ms-interpolation-mode: bicubic } /* IE scaling fix */
video { height: auto; max-width: 100%; }
embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; }
iframe { border: none; }
/*----------------------------------------*/
/*----- 2  Layout -----*/
/*----------------------------------------*/
#dtr-main-wrapper { padding-top: 50px; padding-bottom: 50px; }
.home #dtr-main-wrapper { padding-top: 0; padding-bottom: 0; }
.dtr-container { width: 1170px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dtr-content-area, .dtr-widget-area { width: 70%; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dtr-widget-area { width: 25%; float: right; }
.dtr-left-sidebar .dtr-widget-area { float: left; }
.dtr-left-sidebar .dtr-content-area { float: right; }
.dtr-right-sidebar .dtr-widget-area { float: right; }
.dtr-fullwidth .dtr-content-area { width: 100% !important; float: none; }
/*----------------------------------------*/
/*----- 3  Custom Button -----*/
/*----------------------------------------*/
.themebtn, input[type="submit"], input[type="reset"], .submitbtn input[type="submit"], .resetbtn input[type="reset"], .dtr-read-more { width: auto; height: auto; margin: 10px 10px 10px 0; border: 0; border-radius: 0; text-align: center; font-size: 13px; line-height: 40px; text-transform: uppercase; outline: 0; cursor: pointer; display: inline-block; text-decoration: none; position: relative; white-space: nowrap; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-backface-visibility: hidden; padding: 3px 60px 0 60px; border-radius: 30px; font-weight: bold; }
.text-center .themebtn { margin: 10px 0; }
.text-right .themebtn { margin: 10px 0 10px 10px; }
.text-left .themebtn { margin: 10px 10px 10px 0; }
.themebtn-medium { font-size: 16px; line-height: 50px; }
.themebtn-big { font-size: 16px; line-height: 70px; padding: 0 35px; }
/* button icon */
.themebtn i { font-size: 16px !important; line-height: 40px; vertical-align: middle; }
.themebtn-medium i { font-size: 32px !important; line-height: 50px; vertical-align: middle; }
.themebtn-big i { font-size: 32px !important; line-height: 70px; vertical-align: middle; }
.themebtn-right i { float: right; margin-left: 10px; }
.themebtn-left i { margin-right: 10px; }
.dtr-icon-btn i { margin: 0 !important; float: none; }


.themebtn { background: #00dc9a; color: #fff; }
.themebtn:hover { background: #00dc9a; color: #fff; }
/*----------------------------------------*/
/*----- 4  List styles -----*/
/*----------------------------------------*/
/*----- General -----*/
ul, ol { margin: 0 0 10px 0; padding: 0; list-style-position: inside; display: block; }
ul ul, ol ol { margin-left: 20px; margin-top: 5px; }
.dtr-list li { margin-bottom: 10px; }
.dtr-list-border { border-style: solid; border-width: 0 0 1px 0; display: block; margin-bottom: 10px; padding-bottom: 10px; }
ol li { margin-bottom: 10px; }
/* Icon lists */
.dtr-list-icon { display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.dtr-list-icon i { margin-right: 15px; line-height: inherit; font-size: 1em; }
.dtr-list-checkmark li, .dtr-list-checkmark-circle li, .dtr-list-checkmark-square li, .dtr-list-star li, .dtr-list-arrow li, .dtr-list-arrow-circle li, .dtr-list-heart li, .dtr-list-circle li, .dtr-list-sitemap li, .copyright-menu ul li { background: none; margin-bottom: 10px; list-style-type: none; display: block; }
.dtr-list-medium.dtr-list-checkmark li, .dtr-list-medium.dtr-list-checkmark-circle li, .dtr-list-medium.dtr-list-checkmark-square li, .dtr-list-medium.dtr-list-star li, .dtr-list-medium.dtr-list-arrow li, .dtr-list-medium.dtr-list-arrow-circle li, .dtr-list-medium.dtr-list-heart li, .dtr-list-medium.dtr-list-circle li, .dtr-list-medium.dtr-list-inline li, .dtr-list-medium.dtr-list-separator li { font-size: 16px; }
.dtr-list-checkmark, .dtr-list-checkmark-circle, .dtr-list-checkmark-square, .dtr-list-star, .dtr-list-arrow, .dtr-list-arrow-circle, .dtr-list-heart, .dtr-list-circle { list-style: outside none none; }
.dtr-list-arrow li, .dtr-list-arrow-circle li, .dtr-list-checkmark li, .dtr-list-checkmark-circle li, .dtr-list-checkmark-square li, .dtr-list-star, .dtr-list-heart, .dtr-list-circle { padding-left: 25px; }
.dtr-list-checkmark li:before, .dtr-list-checkmark-circle li:before, .dtr-list-checkmark-square li:before, .dtr-list-star li:before, .dtr-list-arrow li:before, .dtr-list-arrow-circle li:before, .dtr-list-heart li:before, .dtr-list-circle li:before { float: left; width: 25px; margin-left: -25px; }
.dtr-list-checkmark li:before { font-family: 'icomoon'; content: "\f00c"; font-size: 16px; }
.dtr-list-checkmark-circle li:before { font-family: 'icomoon'; content: "\f058"; font-size: 16px; }
.dtr-list-checkmark-square li:before { font-family: 'icomoon'; content: "\f14a"; font-size: 16px; }
.dtr-list-star li:before { font-family: 'icomoon'; content: "\f005"; font-size: 16px; }
.dtr-list-arrow li:before { font-family: 'icomoon'; content: "\f054"; font-size: 16px; }
.dtr-list-arrow-circle li:before { font-family: 'icomoon'; content: "\f138"; font-size: 16px; }
.dtr-list-heart li:before { font-family: 'icomoon'; content: "\f004"; font-size: 16px; }
.dtr-list-circle li:before { font-family: 'icomoon'; content: "\f192"; font-size: 16px; }
/* Sitemap list */
.dtr-list-sitemap { float: left; width: 48%; margin-right: 2%; }
.dtr-list-sitemap:last-child { margin-right: 0; }
.dtr-list-sitemap li::before { font-family: 'icomoon'; content: "\f105"; vertical-align: top; margin-right: 10px; }
/* Inline list */
.dtr-list-inline, .dtr-list-inline.dtr-list-left, .dtr-list-inline.dtr-list-right, .copyright-menu ul { display: block; width: 100%; text-align: center; margin: 0; }
.dtr-list-inline li, .copyright-menu ul li { padding: 0 10px; background: none; list-style-type: none; display: inline-block !important; }
.dtr-list-left li { text-align: left; padding: 0 20px 0 0; }
.dtr-list-right li { text-align: right; padding: 0 0 0 20px; }
.dtr-list-inline.dtr-list-left li:last-child, .dtr-list-inline.dtr-list-right li:first-child { padding: 0; }
.dtr-left-icon, .dtr-right-icon { margin-left: 10px; color: inherit; line-height: 1em; vertical-align: baseline; }
.dtr-left-icon { margin-right: 10px; margin-left: 0; }
.dtr-list-inline.dtr-list-left { text-align: left; }
.dtr-list-inline.dtr-list-right { text-align: right; }
/* List with separator */
.dtr-list-separator, .dtr-list-separator.dtr-list-left, .dtr-list-separator.dtr-list-right { display: block; width: 100%; text-align: center; margin: 0; }
.dtr-list-separator.dtr-list-left { text-align: left; }
.dtr-list-separator.dtr-list-right { text-align: right; }
.dtr-list-separator li { display: inline-block !important; margin-bottom: 0; padding: 0; }
.dtr-list-separator li::after { content: "|"; padding: 0 15px; }
.dtr-list-separator li:last-child::after { content: none; }
.dtr-list-separator.dtr-list-left li:first-child { padding-left: 0; }
.dtr-list-separator.dtr-list-right li:last-child { padding-right: 0; }
/* Ordered list */
.dtr-ordered-list ol { counter-reset: li; display: table; }
.dtr-ordered-list ol li { display: table-row; }
.dtr-ordered-list ol > li::before { content: counter(li) "."; counter-increment: li; padding-right: 10px; display: table-cell; text-align: right; }
/*----------------------------------------*/
/*----- 5  Header -----*/
/*----------------------------------------*/
/*-- Logo --*/
.dtr-logo { margin-bottom: 50px; }
.dtr-logo a { display: inline-block; }
/*-- Topbar --*/
.dtr-topbar { width: 100%; position: relative; background: #000; padding: 10px 0; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: 600; color: #fff; }
.dtr-topbar a { color: #fff; }

/*-- Header --*/
.dtr-header { padding: 50px 0; text-align: center; background: #f4f6f7; }
.dtr-list-menu { margin-bottom: 50px; }
.dtr-list-menu a { color: #000; font-weight: bold; text-transform: uppercase; padding: 0 10px; }

/*----------------------------------------*/
/*----- 6  Footer -----*/
/*----------------------------------------*/
#dtr-footer-section { position: relative; padding: 90px 0 60px 0; background: #000; color: #fff;  }
.widget-title, #dtr-footer-section a { color: #fff; }
.dtr-copyright { text-align: center; padding-top: 30px; margin-top: 60px; border-width: 1px 0 0 0; border-style: solid; font-size: .8em;  border-color: #1a1a1a; }
.dtr-footer-top { margin-bottom: 60px; }
.copyright-menu { font-size: 1.2em; }




.demo-spacer { height: 200px; }
.dtr-theme-info { padding-left: 60px; }
.text-blue { color: #708bc0; }
.dtr-theme-title { font-size: 48px; line-height: 48px; text-transform: uppercase; }
.dtr-theme-tagline { font-size: 12px; line-height: 12px; font-weight: 600; color: #708bc0; }
.theme-features { background: #f7f8f9; padding: 100px 0 90px 0; font-size: 18px; } 
.home .home-tagline { margin-top: 100px; } 
.home .home-intro { margin-bottom: 60px }