/*----------------------------------------*/
/*----- TABLE OF CONTENTS -----*/
/*----------------------------------------*/
/*
1  Generate Google Fonts
2  General Styles
3  Font Settings - all sections
4  Theme Utilities
5  Buttons
6  Lists
7  Header
8  Content
9  Footer
10 Sections Commons / Elements
11 Hero section
12 About section
13 Services section
14 Testimonial section
15 Blog section
16 Timeline section
17 Contact section
18 Portfolio section
19 Blog
20 Forms
21 Responsive header
22 Common transitions
*/
/*----------------------------------------*/
/*----- 1 Generate Google Fonts  -----*/
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700,900&display=swap');
/*----------------------------------------*/
/*----- 2 General styles -----*/
/*----------------------------------------*/
body { -webkit-font-smoothing: antialiased; -webkit-animation: fix 1s 1; overflow-x: hidden; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
img { max-width: 100%; }
/*----------------------------------------*/
/*----- 3 Font Settings -----*/
/*----------------------------------------*/
body { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.9em; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Poppins', sans-serif; font-weight: 600; }
.h1, h1, h1 a { font-size: 3.000em; font-weight: 600; line-height: 1.3em; }
.h2, h2, h2 a { font-size: 2.250em; font-weight: 600; line-height: 1.3em; }
.h3, h3, h3 a { font-size: 1.875em; font-weight: 600; line-height: 1.3em; }
.h4, h4, h4 a { font-size: 1.500em; font-weight: 600; line-height: 1.3em; }
.h5, h5, h5 a { font-size: 1.125em; font-weight: 600; line-height: 1.3em; }
.h6, h6, h6 a { font-size: 0.875em; font-weight: 600; line-height: 1.3em; }
strong, .dtr-link, .dtr-service-box-link { font-weight: 600; font-size: 1.000em; line-height: 25px; }
.small { font-size: 0.750em; line-height: 1.8em; }
/*== predefined text sizes ==*/
.text-size-xl { font-size: 1.875em; line-height: 1.3em; font-weight: 300; }
.text-size-lg { }
.text-size-md { font-size: 1.118em; line-height: 1.9em; }
.text-size-sm { font-size: 0.865em; line-height: 1.7em; font-weight: 600; }
/*== section main title ==*/
.dtr-section-title { font-family: 'Playfair Display', serif; font-weight: 900; font-size: 300px; line-height: 300px; }
/*== section intro ==*/
.dtr-intro-heading { font-size: 3.000em; font-weight: 800; line-height: 1.3em; }
.dtr-intro-text { font-size: 1.875em; font-weight: 300; line-height: 1.3em; }
/*== menu ==*/
.dtr-nav a { font-size: 30px; font-weight: 200; line-height: 1em; }
/*== copyright ==*/
.dtr-copyright { font-size: 10px; line-height: 16px; font-weight: 600; }
.dtr-copyright h6 { font-size: 14px; letter-spacing: 0.5px; line-height: 18px; }
/*----------------------------------------*/
/*----- 4 Theme Utilities -----*/
/*----------------------------------------*/
/*== margins ==*/
.dtr-m-auto { margin: 0 auto; }
.dtr-m-0 { margin: 0 }
.dtr-mt-0, .dtr-my-0 { margin-top: 0 }
.dtr-mr-0, .dtr-mx-0 { margin-right: 0 }
.dtr-mb-0, .dtr-my-0 { margin-bottom: 0 }
.dtr-ml-0, .dtr-mx-0 { margin-left: 0 }
.dtr-m-1 { margin: .25rem }
.dtr-mt-1, .dtr-my-1 { margin-top: .25rem }
.dtr-mr-1, .dtr-mx-1 { margin-right: .25rem }
.dtr-mb-1, .dtr-my-1 { margin-bottom: .25rem }
.dtr-ml-1, .dtr-mx-1 { margin-left: .25rem }
.dtr-m-2 { margin: .5rem }
.dtr-mt-2, .dtr-my-2 { margin-top: .5rem }
.dtr-mr-2, .dtr-mx-2 { margin-right: .5rem }
.dtr-mb-2, .dtr-my-2 { margin-bottom: .5rem }
.dtr-ml-2, .dtr-mx-2 { margin-left: .5rem }
.dtr-m-3 { margin: 1rem }
.dtr-mt-3, .dtr-my-3 { margin-top: 1rem }
.dtr-mr-3, .dtr-mx-3 { margin-right: 1rem }
.dtr-mb-3, dtr-.my-3 { margin-bottom: 1rem }
.dtr-ml-3, .dtr-mx-3 { margin-left: 1rem }
.dtr-m-4 { margin: 1.5rem }
.dtr-mt-4, .dtr-my-4 { margin-top: 1.5rem }
.dtr-mr-4, .dtr-mx-4 { margin-right: 1.5rem }
.dtr-mb-4, .dtr-my-4 { margin-bottom: 1.5rem }
.dtr-ml-4, .dtr-mx-4 { margin-left: 1.5rem }
.dtr-m-5 { margin: 3rem }
.dtr-mt-5, .dtr-my-5 { margin-top: 3rem }
.dtr-mr-5, .dtr-mx-5 { margin-right: 3rem }
.dtr-mb-5, .dtr-my-5 { margin-bottom: 3rem }
.dtr-ml-5, .dtr-mx-5 { margin-left: 3rem }
.dtr-m-6 { margin: 4rem }
.dtr-mt-6, .dtr-my-6 { margin-top: 4rem }
.dtr-mr-6, .dtr-mx-6 { margin-right: 4rem }
.dtr-mb-6, .dtr-my-6 { margin-bottom: 4rem }
.dtr-ml-6, .dtr-mx-6 { margin-left: 4rem }
.dtr-m-7 { margin: 5rem }
.dtr-mt-7, .dtr-my-7 { margin-top: 5rem }
.dtr-mr-7, .dtr-mx-7 { margin-right: 5rem }
.dtr-mb-7, .dtr-my-7 { margin-bottom: 5rem }
.dtr-ml-7, .dtr-mx-7 { margin-left: 5rem }
/*== paddings ==*/
.dtr-p-0 { padding: 0 }
.dtr-pt-0, .dtr-py-0 { padding-top: 0 }
.dtr-pr-0, .dtr-px-0 { padding-right: 0 }
.dtr-pb-0, .dtr-py-0 { padding-bottom: 0 }
.dtr-pl-0, .dtr-px-0 { padding-left: 0 }
.dtr-p-1 { padding: .25rem }
.dtr-pt-1, .dtr-py-1 { padding-top: .25rem }
.dtr-pr-1, .dtr-px-1 { padding-right: .25rem }
.dtr-pb-1, .dtr-py-1 { padding-bottom: .25rem }
.dtr-pl-1, .dtr-px-1 { padding-left: .25rem }
.dtr-p-2 { padding: .5rem }
.dtr-pt-2, .dtr-py-2 { padding-top: .5rem }
.dtr-pr-2, .dtr-px-2 { padding-right: .5rem }
.dtr-pb-2, .dtr-py-2 { padding-bottom: .5rem }
.dtr-pl-2, .dtr-px-2 { padding-left: .5rem }
.dtr-p-3 { padding: 1rem }
.dtr-pt-3, .dtr-py-3 { padding-top: 1rem }
.dtr-pr-3, .dtr-px-3 { padding-right: 1rem }
.dtr-pb-3, .dtr-py-3 { padding-bottom: 1rem }
.dtr-pl-3, .dtr-px-3 { padding-left: 1rem }
.dtr-p-4 { padding: 1.5rem }
.dtr-pt-4, .dtr-py-4 { padding-top: 1.5rem }
.dtr-pr-4, .dtr-px-4 { padding-right: 1.5rem }
.dtr-pb-4, .dtr-py-4 { padding-bottom: 1.5rem }
.dtr-pl-4, .dtr-px-4 { padding-left: 1.5rem }
.dtr-p-5 { padding: 3rem }
.dtr-pt-5, .dtr-py-5 { padding-top: 3rem }
.dtr-pr-5, .dtr-px-5 { padding-right: 3rem }
.dtr-pb-5, .dtr-py-5 { padding-bottom: 3rem }
.dtr-pl-5, .dtr-px-5 { padding-left: 3rem }
.dtr-p-6 { padding: 4rem }
.dtr-pt-6, .dtr-py-6 { padding-top: 4rem }
.dtr-pr-6, .dtr-px-6 { padding-right: 4rem }
.dtr-pb-6, .dtr-py-6 { padding-bottom: 4rem }
.dtr-pl-6, .dtr-px-6 { padding-left: 4rem }
.dtr-p-7 { padding: 5rem }
.dtr-pt-7, .dtr-py-7 { padding-top: 5rem }
.dtr-pr-7, .dtr-px-7 { padding-right: 5rem }
.dtr-pb-7, .dtr-py-7 { padding-bottom: 5rem }
.dtr-pl-7, .dtr-px-7 { padding-left: 5rem }
.dtr-p-8 { padding: 10rem }
.dtr-pt-8, .dtr-py-8 { padding-top: 10rem }
.dtr-pr-8, .dtr-px-8 { padding-right: 10rem }
.dtr-pb-8, .dtr-py-8 { padding-bottom: 10rem }
.dtr-pl-8, .dtr-px-8 { padding-left: 10rem }
/*== images ==*/
.dtr-rounded, .dtr-rounded img { border-radius: 5px; }
.dtr-rounded-left { border-radius: 5px 0 0 5px; }
.dtr-rounded-right { border-radius: 0 5px 5px 0; }
/*== borders ==*/
.dtr-border-top { border-top: 1px solid #e8eaee; }
.dtr-border-right { border-right: 1px solid e8eaee; }
.dtr-border-bottom { border-bottom: 1px solid e8eaee; }
.dtr-border-left { border-left: 1px solid #e8eaee; }
/*== icon ==*/
.dtr-left-icon, .dtr-right-icon { margin-left: 10px; color: inherit; vertical-align: middle; font-weight: normal; }
.dtr-left-icon { margin-right: 10px; margin-left: 0; }
.dtr-icon-scale { font-size: 2.000em; }
/*== spacers ==*/
.spacer-30px { display: block; width: 100%; height: 30px; }
.spacer-40px { display: block; width: 100%; height: 40px; }
/*== misc ==*/
.text-decoration-underline { text-decoration: underline; }
/*----------------------------------------*/
/*===== 5 Buttons =====*/
/*----------------------------------------*/
button, input[type="submit"], input[type="reset"], .dtr-form-btn, .dtr-btn { width: auto; height: auto; position: relative; display: inline-block; padding: 15px 40px 13px 40px; margin: 0; cursor: pointer; border-width: 0; border-style: solid; border-radius: 4px; text-decoration: none; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 1.000em; line-height: 25px; }
.dtr-submit-center { display: block; margin: 0; text-align: center; }
.dtr-submit-full .dtr-form-btn, .dtr-submit-full input[type="submit"], .dtr-submit-full button { width: 100%; display: block; margin: 0; text-align: center; }
/*===== Animating Arrow link =====*/
.dtr-arrow-link-wrapper { position: relative; }
.dtr-arrow-link { display: block; padding-bottom: 35px; text-align: center; }
.dtr-arrow-link-arrow { display: block; }
.dtr-arrow-link-arrow:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -14px; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #e5e5e5 transparent transparent transparent; }
.dtr-arrow-link-animated { -moz-animation: arrowBounce 3s infinite; -webkit-animation: arrowBounce 3s infinite; animation: arrowBounce 3s infinite; }
/*----------------------------------------*/
/*===== 6 Lists =====*/
/*----------------------------------------*/
ul, ol { margin: 0 0 10px 0; padding: 0; list-style-position: inside; display: block; }
li > ul, li > ol { margin-top: 10px; margin-bottom: 0; margin-left: 1.5em; }
ol li, ul li { margin-bottom: 10px; }
.dtr-list { list-style-type: none; }
.dtr-list li { margin-bottom: 5px; }
/*== inline list ==*/
.dtr-list-inline, .dtr-list-inline.dtr-list-left, .dtr-list-inline.dtr-list-right { display: block; width: 100%; margin: 0; }
.dtr-list-inline li { padding: 0 10px; margin: 0; background: none; list-style-type: none; display: inline-block !important; }
.dtr-list-left li { text-align: left; padding: 0 20px 0 0; margin: 0; }
.dtr-list-right li { text-align: right; padding: 0 0 0 20px; margin: 0; }
/*== checkmark list ==*/
.dtr-list-checkmark li { background: none; margin-bottom: 10px; list-style-type: none; position: relative; }
.dtr-list-checkmark li:before { font-family: 'icomoon'; content: "\e99f"; width: 40px; height: 40px; display: inline-block; margin-right: 15px; font-size: 18px; line-height: 36px; border: 2px solid #d9dbde; border-radius: 50px; text-align: center; }
.dtr-list-checkmark h5 p, .dtr-list-checkmark h4, .dtr-list-checkmark h5, .dtr-list-checkmark h6 { display: inline; }
/*----------------------------------------*/
/*===== 7 Header =====*/
/*----------------------------------------*/
#dtr-header-global { padding: 40px 0; }
.dtr-one-page #dtr-header-global { box-shadow: none; }
#dtr-header-global.on-scroll { padding: 10px 0; box-shadow: 0 2px 40px 0 hsla(240,0%,6%,.05) }
.logo-dark, .on-scroll .logo-light { display: none; }
.logo-light, .on-scroll .logo-dark { display: block; }
/*== Navbar Custom  ==*/
.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 1rem; text-transform: uppercase; font-size: 1em; font-weight: 600; }
.navbar { padding-top: 0; padding-bottom: 0; }
.navbar-nav li { margin: 0; }
.dropdown-menu { margin: 0; }
.dropdown-menu { padding: 10px; margin: 0; border: 0; border-radius: 5px; -webkit-box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); }
.dropdown-item { padding: 5px 1rem; font-size: 0.950em; line-height: 1.5em; }
.navbar-light .navbar-toggler, .navbar-dark .navbar-toggler { box-shadow: none; border: 0; }
.navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { background-image: none; }
.navbar-dark .navbar-toggler-icon::after { font-family: 'icomoon'; content: "\ef8c"; font-size: 24px; color: #142752; }
.navbar-light .navbar-toggler-icon::after { font-family: 'icomoon'; content: "\ef8c"; font-size: 24px; color: #142752; }
.navbar-toggler:focus { outline: 0; }
.navbar-toggler:hover { background-color: transparent; }
 @keyframes dropdownSlideIn {
0% {
 transform: translateY(1rem);
 opacity: 0;
}
 100% {
 transform:translateY(0rem);
 opacity: 1;
}
 0% {
 transform: translateY(1rem);
 opacity: 0;
}
}
 @-webkit-keyframes dropdownSlideIn {
0% {
 -webkit-transform: transform;
 -webkit-opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 -webkit-opacity: 1;
}
 0% {
 -webkit-transform: translateY(1rem);
 -webkit-opacity: 0;
}
}
.dropdown-animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: dropdownSlideIn; -webkit-animation-name: dropdownSlideIn; }
/*----------------------------------------*/
/*===== 8 Content =====*/
/*----------------------------------------*/
/*==  Single Page layout ==*/
.page-content-wrapper { padding-top: 70px; }
.dtr-has-right-sidebar { width: 100%; display: flex; flex-direction: row; }
.dtr-sidebar { width: 400px; max-width: 30%; padding-bottom: 50px; margin-top: 0; box-sizing: border-box; }
.dtr-has-right-sidebar .dtr-page-content { width: 100%; padding-right: 50px; padding-bottom: 50px; box-sizing: border-box; }
/*----------------------------------------*/
/*----- 9 Footer -----*/
/*----------------------------------------*/
.dtr-footer-section { position: relative; padding: 30px 0; }
/* take-to-top */
#take-to-top { width: 40px; height: 40px; position: absolute; top: 50%; right: 15px; margin-top: -20px; z-index: 999; text-align: center; text-decoration: none; border-radius: 4px; -webkit-transition: all .3s ease; transition: all .3s ease; display: block; }
#take-to-top::before { display: block; font-family: 'icomoon'; content: "\e9b3"; font-size: 16px; line-height: 38px; color: inherit; }
/*----------------------------------------*/
/*===== 10 Sections Commons / Elements =====*/
/*----------------------------------------*/
.dtr-section { position: relative; overflow: hidden; }
.dtr-section-py { padding-top: 200px; padding-bottom: 200px; }
.dtr-section-py-sm { padding-top: 80px; padding-bottom: 80px; }
.dtr-row-my { margin-top: 80px; margin-bottom: 80px; }
.dtr-hero-section, .dtr-testimonial-section { position: relative; }
/*===== commons =====*/
.dtr-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; }
.dtr-overlay-content { position: relative; z-index: 99; }
.dtr-inner-wrap { padding: 80px 20px; }
.dtr-inner-wrap-left { padding-right: 35px; }
.dtr-inner-wrap-right { padding-left: 35px; }
/*-- section title --*/
.dtr-section-title-wrapper { overflow: hidden; }
.dtr-section-title { position: absolute; top: calc(-60px); left: 0; z-index: 1; }
/*-- section intro --*/
.dtr-section-intro { position: relative; margin-bottom: 80px; z-index: 9; }
.dtr-intro-heading, .dtr-intro-text { margin: 0; }
.dtr-intro-divider-light { min-width: 5px; width: 5px; height: 120px; margin: 0 50px; }
.dtr-intro-divider-dark { min-width: 5px; width: 5px; height: 120px; margin: 0 50px; }
/*===== styled headings =====*/
/*== Styled Heading ==*/
.dtr-heading { position: relative; padding-bottom: 15px; margin-bottom: 30px; }
.dtr-heading:after { content: ''; display: block; width: 50px; height: 5px; position: absolute; left: 0; bottom: 0; }
/*== Sidebar Widget  Title ==*/
.dtr-widget { margin-bottom: 70px; }
.dtr-widget-heading { position: relative; padding-bottom: 15px; margin: 0 0 40px 0; text-transform: uppercase; }
.dtr-widget-heading:after { content: ''; display: block; width: 50px; height: 5px; position: absolute; left: 0; bottom: 0; }
/*== Single Page Title ==*/
.dtr-page-title { padding: 200px 0 70px 0; text-align: center; }
.dtr-page-heading { padding: 0; margin: 0; text-transform: uppercase; }
/*===== highlight =====*/
.highlight-accent { display: inline-block; padding: 2px 10px; margin: 0; border-radius: 4px; }
/*===== blockquote =====*/
.dtr-blockquote { margin: 30px 0; }
.dtr-blockquote blockquote { position: relative; padding-top: 30px; padding-left: 70px; font-size: 30px; line-height: 1.4em; font-weight: 200; text-decoration: underline; }
.dtr-blockquote blockquote:before { font-family: 'icomoon'; content: "\eb96"; position: absolute; left: 0; top: 10px; font-size: 48px; color: #fa3c76; }
.dtr-blockquote .source { display: block; text-align: right; }
/*===== social =====*/
.dtr-social-list a { display: block; font-size: 16px; line-height: 70px; text-align: center; border: 0; border-radius: 0; z-index: 9; }
.dtr-social-list a::before { display: inline-block; font-family: 'icomoon'; vertical-align: middle; font-weight: normal; }
.dtr-social-list a.dtr-facebook::before { content: "\edd9"; }
.dtr-social-list a.dtr-twitter::before { content: "\eed1"; }
.dtr-social-list a.dtr-pinterest::before { content: "\ee77"; }
.dtr-social-list a.dtr-google::before { content: "\ee08"; }
.dtr-social-list a.dtr-linkedin::before { content: "\ee3d"; }
.dtr-social-list a.dtr-instagram::before { content: "\ee20"; }
.dtr-social-list a.dtr-behance::before { content: "\ed79"; }
.dtr-social-list a.dtr-medium::before { content: "\ee4b"; }
.dtr-social-list a.dtr-reddit::before { content: "\ee87"; }
.dtr-social-list a.dtr-skype::before { content: "\eea3"; }
.dtr-social-list a.dtr-vimeo::before { content: "\eee5"; }
.dtr-social-list a.dtr-mail::before { content: "\ea1c"; }
.dtr-social-list a.dtr-yahoo::before { content: "\eeff"; }
.dtr-social-list a.dtr-youtube::before { content: "\ef07"; }
.dtr-social-list a.dtr-flickr::before { content: "\ede5"; }
.dtr-social-list a.dtr-rss::before { content: "\ebb0"; }
.dtr-social-list a.dtr-dribbble::before { content: "\edc7"; }
.dtr-social-list a.dtr-tumblr::before { content: "\eece"; }
.dtr-social-list a.dtr-soundcloud::before { content: "\eeaa"; }
.dtr-social-list a.dtr-forumbee::before { content: "\edf0"; }
.dtr-social-list a.dtr-quora::before { content: "\ee7f"; }
.dtr-social-list a.dtr-snapchat::before { content: "\eea7"; }
.dtr-social-list a.dtr-digg::before { content: "\edc0"; }
.dtr-social-list a.dtr-delicious::before { content: "\edb9"; }
.dtr-social-list a.dtr-stumbleupon::before { content: "\eebc"; }
.dtr-social-list a.dtr-deviantart::before { content: "\edbd"; }
.dtr-social-list a.dtr-yelp::before { content: "\ef05"; }
.dtr-social-list a.dtr-viadeo::before { content: "\eee0"; }
.dtr-social-list a.dtr-foursquare::before { content: "\edf1"; }
.dtr-social-list a.dtr-xing::before { content: "\eefd"; }
.dtr-social-list a.dtr-vk::before { content: "\eee7"; }
.dtr-social-list a.dtr-spotify::before { content: "\eeae"; }
.dtr-social-list a.dtr-vine::before { content: "\eee6"; }
.dtr-social-list a.dtr-slack::before { content: "\eea4"; }
.dtr-social-list a.dtr-etsy::before { content: "\edd6"; }
.dtr-social-list a.dtr-github::before { content: "\edfc"; }
.dtr-social-list a.dtr-whatsapp::before { content: "\eeee"; }
.dtr-social-list a:focus { outline: none; }
/*----------------------------------------*/
/*===== 11 Hero section =====*/
/*----------------------------------------*/
/*===== Home page with default hero bg =====*/
.dtr-hero-section { position: relative; z-index: 1; min-height: 100vh; padding-top: 200px; padding-bottom: 50px; }
.dtr-hero-section { background-image: url(../images/hero-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.dtr-hero-img, .dtr-hero-img img { width: 300px; height: 300px; border-radius: 50%; margin-right: auto; margin-left: auto; }
/*===== Home page with hero slider bg =====*/
.dtr-slider-hero-section { width: 100%; min-height: 100vh; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }
.dtr-slider-hero-content { width: 100%; height: auto; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; z-index: 99; }
.dtr-bg-carousel .dtr-bg-slide { background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 100vh; width: 100%; }
.dtr-slider-hero-heading { margin: 0; padding: 0; }
/*----------------------------------------*/
/*===== 12 About section =====*/
/*----------------------------------------*/
.dtr-table th, .dtr-table td { padding: 5px 0; vertical-align: middle; }
.dtr-table th { padding-right: 40px; text-transform: uppercase; }
/*===== progress =====*/
.dtr-progress { position: relative; margin-bottom: 10px; text-align: right; }
.dtr-progress .dtr-progress-title { display: inline-block; position: absolute; left: 10px; font-size: 16px; font-weight: bold; font-weight: 600; }
.progress-bar { justify-content: flex-end; text-align: right; border-radius: 0 4px 4px 0; }
.dtr-progress .dtr-progress-value { display: inline-block; padding-right: 10px; font-size: 16px; }
/*===== number box =====*/
.dtr-number-box { position: relative; margin-top: 60px; }
.dtr-number-box:before { content: ''; width: 50px; height: 5px; display: inline-block; position: absolute; top: 50%; left: -150px; margin-top: -2px; z-index: 99; background-color: #fff; }
.dtr-number-box:after { content: ''; width: 50px; height: 5px; display: inline-block; position: absolute; top: 50%; left: -100px; margin-top: -2px; z-index: 99; background-color: #2f3142; }
.dtr-number-box-number { font-size: 100px; font-weight: 800; }
/*----------------------------------------*/
/*===== 13 Services section =====*/
/*----------------------------------------*/
.dtr-services-section { background-image: url(../images/services-bg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
/* service box */
.dtr-service-box { position: relative; padding: 70px 30px; margin-bottom: 30px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 5px 10px 0px rgba(47,49,66,0.05); box-shadow: 0px 5px 10px 0px rgba(47,49,66,0.05); }
.dtr-service-box-number { width: 65px; height: 70px; padding-left: 13px; display: block; position: absolute; top: -15px; right: -15px; font-size: 18px; line-height: 75px; text-align: left; transform: rotate(-20deg); font-weight: bold; font-weight: 600; }
.dtr-service-box-heading { margin-bottom: 20px; font-size: 48px; font-weight: 200; line-height: 1.2em; }
.dtr-service-box-link { display: block; margin-top: 25px; text-transform: uppercase; }
.dtr-service-box-number span { display: inline-block; transform: rotate(20deg); font-weight: 600; }
.dtr-service-box:hover { -webkit-box-shadow: 0px 7px 10px 0px rgba(47,49,66,0.2); -moz-box-shadow: 0px 7px 10px 0px rgba(47,49,66,0.2); box-shadow: 0px 7px 10px 0px rgba(47,49,66,0.2); }
/*----------------------------------------*/
/*===== 14 Testimonial section =====*/
/*----------------------------------------*/
.dtr-testimonial-section { background-image: url(../images/testimonial-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.dtr-testimonial-wrapper { position: relative; overflow: hidden; padding-left: 75px; }
.dtr-testimonial-wrapper img { padding: 2px; -webkit-box-shadow: 0px 0px 10px 0px rgba(20,39,82,0.1); box-shadow: 0px 0px 10px 0px rgba(20,39,82,0.1); }
.dtr-testimonial-wrapper:before { font-family: 'icomoon'; content: "\eb96"; position: absolute; left: 0; top: 10px; font-size: 48px; }
.dtr-testimonial-text { padding-left: 30px; line-height: 1.6em; border-left: 5px solid #fff; }
.dtr-testimonial-info { display: table; }
.dtr-testimonial-image img, .dtr-testimonial-info-text { display: table-cell; vertical-align: middle; }
.dtr-testimonial-info-text { padding-right: 20px; }
.dtr-testimonial-info-text h5, .dtr-testimonial-info-text p { margin: 0; }
/*----------------------------------------*/
/*===== 15 Blog section =====*/
/*----------------------------------------*/
.dtr-post-item-content { border-radius: 10px; padding: 40px 20px; }
.dtr-post-heading { font-size: 1.500em; font-weight: 600; line-height: 1.3em; }
.dtr-post-item-meta { margin-top: 70px; }
.dtr-post-item { margin: 5px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(47,49,66,0.2); box-shadow: 0px 0px 5px 0px rgba(47,49,66,0.2); overflow: hidden; }
.dtr-post-item-item img { border-radius: 10px 10px 0 0; width: 100%; }
.dtr-category { display: inline-block; padding: 2px 10px; margin: 0 0 35px 0; border-radius: 4px; }
/*----------------------------------------*/
/*===== 16 Timeline section =====*/
/*----------------------------------------*/
.dtr-timeline-text { border-left: 5px solid rgba(47, 49, 66, .08); padding-left: 20px; margin: 30px 0 40px 5px; }
.dtr-timeline-item .highlight-accent { margin-right: 10px; }
.dtr-timeline-item h5 { margin-bottom: 10px; }
/*----------------------------------------*/
/*===== 17 Contact section =====*/
/*----------------------------------------*/
/*== v card  ==*/
.dtr-v-card { position: relative; padding: 40px 50px; border-radius: 4px; overflow: hidden; }
.dtr-v-card-offset { margin-top: -120px; }
.dtr-v-card-icon { width: 120px; height: 120px; padding-left: 13px; display: block; position: absolute; top: -25px; right: -30px; transform: rotate(-20deg); font-size: 18px; line-height: 75px; text-align: left; font-weight: bold; font-weight: 600; }
.dtr-v-card-icon i { font-size: 48px; position: absolute; bottom: 20px; left: -20px; transform: rotate(20deg); }
.dtr-v-card-list { list-style-type: none; margin: 0; padding: 0; }
.dtr-v-card-list li { position: relative; padding: 0; margin: 0 0 10px 0; text-align: left; }
.dtr-v-card-list li:before { content: ''; width: 30px; height: 5px; display: inline-block; position: absolute; top: 50%; left: -50px; margin-top: -2px; }
.dtr-v-card-list i { margin-right: 10px; }
.dtr-v-card-bar-wrapper { position: relative; margin-top: 40px; margin-left: -50px; overflow: hidden; z-index: 1; }
.dtr-v-card-bar-wrapper:before { content: ''; width: 30px; height: 5px; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -2px; z-index: 9; }
.dtr-v-card-bar { position: relative; display: block; width: 100%; padding: 10px 20px 10px 80px; margin: 0 0 0 -30px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); overflow: hidden; }
.dtr-v-card-bar p { margin: 0; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); }
/*----------------------------------------*/
/*===== 18 Portfolio section =====*/
/*----------------------------------------*/
/* filter nav */
.dtr-filter-nav { display: block; text-align: center; font-size: 1.125em; font-weight: 600; margin-bottom: 30px; }
.dtr-filter-nav li { padding: 0; margin: 0; display: inline; list-style-type: none; }
.dtr-filter-nav a { position: relative; display: inline-block; padding: 5px 3px 0 3px; margin: 0 10px; text-transform: uppercase; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; }
.dtr-filter-nav a:before { content: ""; height: 7px; position: absolute; right: 51%; bottom: 4px; left: 51%; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index: -1; }
.dtr-filter-nav a:hover:before, .dtr-filter-nav a:focus:before, .dtr-filter-nav a.active:before { right: 0; left: 0; }
/* Portfolio grid */
.dtr-portfolio-grid-2col, .dtr-portfolio-grid-3col, .dtr-portfolio-grid-4col { margin: 0 -15px; }
.dtr-portfolio-grid-2col .dtr-portfolio-item { width: 50%; padding: 0 15px; }
.dtr-portfolio-grid-3col .dtr-portfolio-item { width: 33.3333%; padding: 0 15px; }
.dtr-portfolio-grid-4col .dtr-portfolio-item { width: 25%; padding: 0 15px; }
/*-- portfolio-item --*/
.dtr-portfolio-item { position: relative; float: left; margin-bottom: 30px; }
.dtr-portfolio-item figure { position: relative; overflow: hidden; margin: 0; border-radius: 4px; }
.dtr-portfolio-item figure img { position: relative; width: 100%; height: auto; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; border-radius: 4px; }
.dtr-portfolio-item figcaption { width: 100%; height: auto; padding: 20px; position: absolute; top: auto; bottom: 0; left: 0; padding: 0; text-align: left; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; }
.dtr-portfolio-item figcaption .dtr-portfolio-heading { position: relative; padding: 10px; margin: 10px; display: inline-block; border-radius: 4px; }
.dtr-portfolio-item figcaption .dtr-portfolio-heading a { color: inherit; }
.dtr-portfolio-item figure:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.dtr-portfolio-item figure:hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }
/* cursor hover */
.dtr-portfolio-item:hover { z-index: 6; cursor: url(../images/cursor.cur), crosshair; cursor: url(../images/cursorplus.png) 22 22, crosshair }
/*----------------------------------------*/
/*===== 19 Blog =====*/
/*----------------------------------------*/
/*== blog / archive page ==*/
.dtr-entry-post { margin-bottom: 70px; }
.dtr-entry-post:last-child { margin-bottom: 0; }
.dtr-entry-image { margin-bottom: 40px; }
.dtr-entry-title, .dtr-entry-content { margin-bottom: 25px; }
.dtr-entry-meta { margin-bottom: 30px; }
.dtr-entry-post .dtr-category { margin-right: 5px; }
/*== about widget ==*/
.dtr-about-widget-img { position: relative; z-index: 1; overflow: visible; }
.dtr-sign { position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; }
.dtr-about-widget-desc { margin-top: 40px; text-align: center; }
.dtr-category-widget { list-style-type: none; display: block; }
.dtr-category-widget li { margin: 0 0 10px 0; padding: 0; }
/*== tagcloud widget ==*/
.dtr-tagcloud-widget, .dtr-post-tags { list-style-type: none; display: inline-block; }
.dtr-tagcloud-widget li, .dtr-post-tags li { display: inline-block; padding: 0; margin: 0; }
.dtr-tagcloud-widget li a, .dtr-post-tags li a { display: inline-block; padding: 2px 10px; margin: 0 0 5px 0; border-width: 2px; border-style: solid; border-radius: 4px; }
.dtr-post-tags { width: 100%; margin: 50px 0; }
/*== recent posts ==*/
.dtr-recent-post-item { display: table; margin-bottom: 20px; }
.dtr-recent-post-item-left, .dtr-recent-post-item-right { display: table-cell; vertical-align: top; }
.dtr-recent-post-item-left { max-width: 80px; width: 80px; padding-right: 10px; }
.dtr-recent-post-item p { margin: 0 0 5px 0; line-height: 1.300em; }
/*== single post ==*/
.dtr-single-image { margin-bottom: 40px; }
.dtr-single-title, .dtr-single-content { margin-bottom: 25px; }
.dtr-single-meta { margin-bottom: 30px; }
.dtr-single-post .dtr-category { margin-right: 5px; }
/*== share ==*/
.dtr-post-share-title { margin: 0 0 10px 0; }
.dtr-post-share-list { width: 100%; display: block; margin: 0; padding: 0; }
.dtr-post-share-list li { list-style-type: none; display: inline-block; margin: 0; padding: 0; }
.dtr-post-share-list li a { display: inline-block; margin: 0 10px; padding: 0 5px; }
/*== author box ==*/
.dtr-author-info { display: table; width: 100%; margin: 50px 0; padding: 40px; border-radius: 4px; }
.dtr-author-info-left, .dtr-author-info-right { display: table-cell; vertical-align: middle; }
.dtr-author-info-left { max-width: 180px; width: 180px; padding-right: 30px; }
.dtr-author-info-left img { max-width: 150px; width: 150px; border-radius: 50%; }
.dtr-author-info span { font-weight: normal; margin-left: 10px; font-size: .82em; }
/*== comments thread ==*/
.dtr-comments { margin: 50px 0; }
.dtr-comment-form { margin: 50px 0; }
.comment-list { width: 100%; list-style-type: none; display: block; }
.comment-list li { display: block; margin: 50px 0; padding: 0; }
.comment-list li { padding-left: 1.5em; }
.comment-meta-data-wrapper { display: table; width: 100%; margin: 0; padding: 0; }
.comment-list .comment-author, .comment-list .comment-meta-data { display: table-cell; vertical-align: middle; }
.comment-list .comment-author { max-width: 80px; width: 80px; padding-right: 20px; }
.comment-author-name, .comment-meta-data-wrapper p { margin: 0; }
.commtent-reply { display: inline-block; font-weight: 600; margin-left: 10px; }
.comment-data { margin-top: 10px; padding-left: 80px; }
.comment-list img { border-radius: 50%; }
/*----------------------------------------*/
/*===== 20 Forms =====*/
/*----------------------------------------*/
/*===== forms =====*/
form { margin: 0; padding: 0; z-index: 0; }
form p { margin: 0 0 10px 0; padding: 0; }
input[type=radio], input[type=checkbox] { margin: 0 5px 0 0; vertical-align: baseline; }
label { width: 100%; height: auto; line-height: 1.2em; font-weight: bold; }
form label.error { line-height: 1em; font-weight: normal; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { position: relative; display: block; width: 100%; padding: 15px 20px; margin: 0; border-width: 1px; border-style: solid; border-radius: 4px; font-size: 16px; font-weight: normal; line-height: 25px !important; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 3px 5px 0px rgba(47,49,66,0.05); box-shadow: 0px 3px 5px 0px rgba(47,49,66,0.05); }
textarea, #commentform textarea { width: 100% !important; height: auto; }
.antispam { display: none; }
form label.error { font-size: 10px; }
/*===== form column styles =====*/
.dtr-form-row, .dtr-form-row-2col, .dtr-form-row-3col, .dtr-form-row-unequal, .dtr-form-row-2col-unequal { margin-right: -10px; margin-left: -10px }
.dtr-form-column { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 50%; float: left; }
.dtr-for-row::before, .dtr-form-row-2col::before, .dtr-form-row-3col::before, .dtr-form-row-unequal::before, .dtr-form-row-2col-unequal::before { display: table; content: "" }
.dtr-for-row::after, .dtr-form-row-2col::after, .dtr-form-row-3col::after, .dtr-form-row-unequal::after, .dtr-form-row-2col-unequal::after { clear: both }
.dtr-form-row-2col .dtr-form-column { width: 50%; }
.dtr-form-row-3col .dtr-form-column { width: 33.33333333% }
.dtr-form-row-unequal .dtr-form-column { width: 60% }
.dtr-form-row-unequal .dtr-form-column:last-child { width: 40% }
.dtr-form-row-2col-unequal .dtr-form-column { width: 70%; }
.dtr-form-row-2col-unequal .dtr-form-column:last-child { width: 30%; }
/*===== header search =====*/
.dtr-search-modal-trigger { display: inline-block; font-size: 16px; line-height: 70px; text-align: center; position: relative; border: 0; }
.dtr-search-modal-trigger:after { font-family: 'icomoon'; content: "\ebc1"; vertical-align: middle; color: inherit; line-height: 70px; z-index: 9; }
/*===== search form =====*/
.dtr-search-form { position: relative; }
.dtr-search-submit { display: block; width: 60px; height: 60px; font-weight: normal; padding: 0; margin: 0; border-width: 0; border-radius: 0 4px 4px 0; cursor: pointer; }
.dtr-search-submit::before { font-family: 'icomoon'; content: "\ebc1"; font-size: 16px; line-height: 58px; text-align: center; font-weight: normal; text-decoration: none; vertical-align: middle; }
.dtr-search-form input[type="search"] { width: 100%; height: 60px; padding: 0 20px; border-radius: 4px 0 0 4px; }
.dtr-search-field-wrapper { margin-right: 60px; }
.dtr-search-submit-wrapper { position: absolute; top: 0; right: 0; }
input.dtr-search-field { margin-bottom: 0; }
/*===== search modal =====*/
.dtr-search-modal-body, .dtr-search-modal-header { padding: 0; border: 0; margin: 0; box-shadow: none; }
#dtr-search-modal.modal { text-align: center; padding: 0!important; }
#dtr-search-modal.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#dtr-search-modal .modal-dialog { width: 40%; display: inline-block; text-align: left; vertical-align: middle; }
#dtr-search-modal .modal-content { background: transparent; box-shadow: none; border: none; }
.modal-backdrop.show {
background-color: color: #2f3142; opacity: .92; }
.dtr-search-modal-title { text-align: center; margin-bottom: 20px; }
/*----------------------------------------*/
/*===== 21 Responsive header =====*/
/*----------------------------------------*/
.dtr-responsive-header { display: none; padding: 20px 0; }
.dtr-responsive-header .container { position: relative; }
.dtr-responsive-header .dtr-left-logo { position: relative; float: left; margin: 0; z-index: 9; }
.dtr-responsive-header .dtr-nav a:after { display: none; }
/* responsive menu */
.dtr-menu-hamburger { display: block; position: relative; width: 30px; height: 21px; }
.dtr-menu-hamburger-lines { display: block; }
.admin-bar #dtr-menu-sidebar { margin-top: 32px }
#dtr-menu-sidebar { width: 350px; position: fixed; top: 0; right: 0; z-index: -1; transition: all 0.3s; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); padding: 25px 20px 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 200ms linear; }
#dtr-menu-sidebar.active { right: 0; opacity: 1; visibility: visible; transform: translateX(0%); z-index: 999; }
/* menu open button */
#dtr-menu-sidebar-open-btn { cursor: pointer; position: absolute; right: 15px; top: 0; margin-top: 0; padding: 0; z-index: 99; }
#dtr-menu-sidebar-open-btn .dtr-menu-hamburger:before, #dtr-menu-sidebar-open-btn .dtr-menu-hamburger-lines:before, #dtr-menu-sidebar-open-btn .dtr-menu-hamburger:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 30px; height: 2px; }
#dtr-menu-sidebar-open-btn .dtr-menu-hamburger-lines:before { top: 10px; }
#dtr-menu-sidebar-open-btn .dtr-menu-hamburger:after { top: auto; bottom: 0; }
/* menu close button */
#dtr-menu-sidebar-close-btn { cursor: pointer; margin-bottom: 30px; margin-left: 15px; }
#dtr-menu-sidebar-close-btn .dtr-menu-hamburger { display: block; position: relative; width: 30px; height: 30px; }
#dtr-menu-sidebar-close-btn .dtr-menu-hamburger:before, #dtr-menu-sidebar-close-btn .dtr-menu-hamburger:after { content: ''; display: inline-block; width: 30px; height: 2px; position: absolute; top: 20px; left: 0; }
#dtr-menu-sidebar-close-btn .dtr-menu-hamburger:before { transform: rotate(45deg); }
#dtr-menu-sidebar-close-btn .dtr-menu-hamburger:after { transform: rotate(-45deg); }
/*----------------------------------------*/
/*===== 22 Common transitions =====*/
/*----------------------------------------*/
a:link, .dtr-btn, .dtr-nav a, #dtr-header-global, button, input[type="submit"], input[type="reset"], .dtr-form-btn, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"], .swiper-button-prev, .swiper-button-next, .dropdown-toggle::after, .dtr-service-box, .dtr-progress .dtr-progress-title, .dtr-tagcloud-widget li a, .dropdown-toggle::after { -webkit-transition: all .3s ease; transition: all .3s ease; }
.progress-bar { -webkit-transition: .3s linear; transition: .3s linear; }