/* =============================================================================
    TABLE OF CONTENTS
    ========================================================================= */
/*      1. CSS RESET
        2. BASE STYLES
            2.1. TYPOGRAPHY
                2.1.1. HEADINGS
                2.1.2. LINKS
                2.1.3. TEXT LEVEL ELEMENTS
        3. BASIC LAYOUT STYLES
            3.1. PAGE CONTENT
                3.1.1. PAGE CONTENT PACKGROUNDS
            3.2. HELPSERS - PADDINGS AND MARGINS, CENTERING TEXT...
            3.3. PAGE TITLES
            3.4. BREADCRUMBS
            3.5. SIDEBAR
        4. HEADERS
            4.1. HEADER TRANSPARENT - GLOBAL HEADER STYLES (+ TOURISM & FINANCE HEADER)
                4.1.1. TOP BAR QUICK LINKS
                4.1.2. TOP BAR WPML - LANGUAGE SWITCHER
                4.1.3. TOP BAR SOCIAL LINKS
                4.1.4. TOP BAR WOOCOMMERCE CART
            4.2. MAIN NAVIGATION
                4.2.1. MAIN NAVIGATION - MEGA MENU SPECIFIC STYLES
                4.2.2. SEARCH
            4.3. HEDAER STYLE 02
            4.4. HEADER STYLE 03 - DARK NAVIGATION BAR
        5. FOOTER
        6. ELEMENTS
            6.1. ELEMENTS - ACCORDION
            6.2. ELEMENTS - BANNER BOX
            6.3. ELEMENTS - BLOCKQUOTE
            6.4. ELEMENTS - BLOG
                6.4.1. BLOG SEARCH
                6.4.2. BLOG SINGLE
                6.4.3. BLOG SINGLE COMMENTS
                6.4.4. BLOG AND PORTFOLIO NAVIGATION
                6.4.5. BLOG PAGES BACKGROUND
            6.5. ELEMENTS - BUTTON
            6.6. ELEMENTS - CALL TO ACTION
            6.7. ELEMENTS - CHART
            6.8. ELEMENTS - CIRCLE ICON
            6.9. ELEMENTS - COMPANY TIMELINE
            6.10. ELEMENTS - CONTACT FORM
            6.11. ELEMENTS - HEADINGS
            6.12. ELEMENTS - DIVIDER
                6.12.1. DIVIDER DOTTED
                6.12.2. DIVIDER LINE
                6.12.3. DIVIDER THREE DOTS
                6.12.4. DIVIDER WITH ICON
                6.12.5. DIVIDER WITH "TO TOP" ICON
            6.13. ELEMENTS - FEATURE BOX
            6.14. ELEMENTS - FEATURED PAGES
            6.15. ELEMENTS - IMAGE REVEAL
            6.16. ELEMENTS - KEX CONTACTS
            6.17. ELEMENTS - LATEST POSTS
                6.17.1. LATEST POSTS STYLE 01 - BIG IMAGE
                6.17.2. LATEST POSTS STYLE 02 - SMALL IMAGE (IN FOOTER) 
                6.17.3. LATEST POSTS STYLE 03 - NO IMAGE (IN SIDEBAR) 
            6.18. ELEMENTS - LISTS
            6.19. ELEMENTS - MAP
            6.20. ELEMENTS - MESSAGE BOXES
            6.21. ELEMENTS - NUMBER COUNTER
            6.22. ELEMENTS - OWL CAROUSEL
            6.23. ELEMENTS - PORTFOLIO
                6.23.1. PORTFOLIO GRID STYLING
                6.23.2. PORTFOLIO LIST STYLING
                6.23.3. PORTFOLIO FILTERS
                6.23.4. PORTFOLIO WIDGETS - LATEST PROJECTS (IN SEIDEBAR)
                6.23.5. PORTFOLIO SINGLE PAGE BACKGROUNDS
            6.24. ELEMENTS - PRICING TABLE
            6.25. ELEMENTS - READ MORE
            6.26. ELEMENTS - SCROLL UP
            6.27. ELEMENTS - SERVICES
            6.28. ELEMENTS - SLIDER
                6.28.1. MASTER SLIDER
                6.28.2. NIVO SLIDER
            6.29. ELEMENTS - SOCIAL PHOTO STREAMS
            6.30. ELEMENTS - TABLE
            6.31. ELEMENTS - TABS
            6.32. ELEMENTS - TEAM MEMBER
            6.33. ELEMENTS - TESTIMONIAL
            6.34. ELEMENTS - VIDEO
            6.35. ELEMENTS - WIDGETS
                6.35.1. BASIC WIDGET STYLING
                6.35.2. WIDGET - CONTACT INFO LIST 
                6.35.3. WIDGET - DOWNLOAD LINKS (BROCHURE DOWNLOAD)
                6.35.4. WIDGET - NAV MENU (IN SIDEBAR)
                6.35.5. WIDGET - NEWSLETTER WIDGET
                6.35.6. WIDGET - TAG CLOUD
        7. OFF-CANVAS - CONTACT
            7.1 OFF-CANVAS - CONTACT - HEADER
                7.1.1. CLOSE BUTTON
        8. COOKIES
*/
/* =============================================================================
    1. CSS RESET
    ========================================================================= */
:focus,
a:active,
a:focus {
  text-decoration: none;
  outline: 0;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =============================================================================
    2. BASE STYLES
    ========================================================================= */
body {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #748182;
  background-color: #fff;
}

/*  
    2.1. TYPOGRAPHY
    ========================================================================= */
/*  2.1.1. HEADINGS
    ------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 600;
  color: #1d0e46;
  margin-bottom: 40px;
  margin-top: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

h1 {
  font-size: 36px;
  line-height: 54px;
}

h2 {
  font-size: 30px;
  line-height: 40px;
}

h3 {
  font-size: 24px;
  line-height: 32px;
}

h4 {
  font-size: 21px;
  line-height: 30px;
}

h5 {
  font-size: 18px;
  line-height: 28px;
}

h6 {
  font-size: 15px;
  line-height: 23px;
}

/*  2.1.2. LINKS
    ------------------------------------------------------------------------- */
a {
  font-weight: 500;
  position: relative;
  color: #acb4b5;
}

a:hover {
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: #c5dadc;
  font-size: 13px;
}

:-moz-placeholder {
  color: #c5dadc;
  font-size: 13px;
}

::-moz-placeholder {
  color: #c5dadc;
  font-size: 13px;
}

:-ms-input-placeholder {
  color: #c5dadc;
  font-size: 13px;
}

/*  2.1.3. TEXT LEVEL ELEMENTS
    ------------------------------------------------------------------------- */
p {
  padding-bottom: 30px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #928F8F;
}

p1 {
  padding-bottom: 30px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #E9E9E9;
}

.text-colored {
  font-weight: 500;
}

.text-highlighted {
  color: #fff;
  padding: 0 5px;
}

strong,
b {
  font-weight: 500;
  color: #1d0e46;
}

pre {
  border-color: #eee;
  background-color: #eff2f7;
}

/*  
    LISTS   
*/
ul,
ol {
  list-style-position: inside;
}

ul li,
ol li {
  padding-bottom: 5px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  padding-left: 40px;
}

img {
  max-width: 100%;
  height: auto;
}

/* =============================================================================
    3. BASIC LAYOUT STYLES
    ========================================================================= */
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #020919;
  z-index: 10000;
}

#loader>#loading-status {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -50px;
  margin-left: -50px;
  border: 3px solid transparent;
  border-top-color: #004f9e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  -ms-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#loader>#loading-status::before,
#loader>#loading-status::after {
  position: absolute;
  display: block;
  content: "";
  border: 3px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#loader>#loading-status::before {
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border-bottom-color: #ef7f05;
}

#loader>#loading-status::after {
  -webkit-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  -ms-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  animation-duration: 2.5s;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border-top-color: #ffffff;
}

/*  
    3.1. PAGE CONTENT
    ========================================================================= */
.page-content {
  position: relative;
}

.page-content.dark h1,
.page-content.dark h2,
.page-content.dark h3,
.page-content.dark h4,
.page-content.dark h5,
.page-content.dark h6 {
  color: #fff;
}

.page-content.dark a,
.page-content.dark p,
.page-content.dark span,
.page-content.dark li {
  color: #c5dadc;
}

.page-content .row {
  margin-bottom: 120px;
}

.page-content .row div[class^="col-md-"] .cma-wysiwyg-editor {
  overflow: hidden;
}

.page-content .row.row-equal-height {
  margin-bottom: 0;
}

.page-content .row.row-equal-height .custom-col-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.page-content .row.custom-background {
  padding: 40px;
}

.page-content .row.custom-background.bkg-color-white-shadow {
  background-color: white;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 1px 8px #eee;
  -moz-box-shadow: 0 1px 8px #eee;
  box-shadow: 0 1px 8px #eee;
}

.page-content.custom-background {
  padding: 150px 0;
}

.page-content.custom-background .row:only-child,
.page-content.custom-background .row:last-child {
  margin-bottom: 0;
}

.page-content.custom-background.padding-small {
  padding: 50px 0;
}

.page-content .page-content-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#051b44+0,051b44+50,051b44+100&1+0,0.5+50,0.8+100 */
  background: -moz-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051b44', endColorstr='#cc051b44', GradientType=0);
  /* IE6-9 */
}

.page-content .page-content-mask.mask-solid-color {
  background: none;
  background-color: rgba(3, 13, 38, 0.6);
}

/*  3.1.1. PAGE CONTENT BACKGROUNDS
    ------------------------------------------------------------------------- */
.background-white-transparent {
  background-color: rgba(255, 255, 255, 0.1);
}

.bkg-color-white {
  background-color: #fff;
}

.bkg-color-dark {
  background-color: #09142d;
}

.bkg-color-light-grey {
  background-color: #eff3f7;
}

[class*="bkg-img"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bkg-img01 {
  background-image: url("../img/pics/consultingpress-parallax-background01.jpg");
}

.bkg-img02 {
  background-image: url("../img/pics/consultingpress-parallax-background02.jpg");
}

.bkg-img03 {
  background-image: url("../img/pics/consultingpress-it-security-parallax-background01.jpg");
}

.bkg-img04 {
  background-image: url("../img/pics/consultingpress-it-security-parallax-background02.jpg");
}

.bkg-img05 {
  background-image: url("../img/pics/consultingpress-parallax-background04.jpg");
}

.bkg-img06 {
  background-image: url("../img/pics/consultingpress-parallax-background03.jpg");
}

.bkg-img07 {
  background-image: url("../img/pics/page-title01.jpg");
}

.bkg-img08 {
  background-image: url("../img/pics/page-title02.jpg");
}

.bkg-img09 {
  background-image: url("../img/pics/page-title03.jpg");
}

.bkg-img10 {
  background-image: url("../img/pics/page-title04.jpg");
}

.bkg-img11 {
  background-image: url("../img/pics/page-title05.jpg");
}

.bkg-img12 {
  background-image: url("../img/pics/page-title06.jpg");
}

.bkg-img13 {
  background-image: url("../img/pics/page-title07.jpg");
}

.bkg-img14 {
  background-image: url("../img/pics/page-title08.jpg");
}

.bkg-img15 {
  background-image: url("../img/pics/page-title09.jpg");
}

.bkg-img16 {
  background-image: url("../img/pics/page-title10.jpg");
}

.bkg-img17 {
  background-image: url("../img/pics/page-title11.jpg");
}

.bkg-img18 {
  background-image: url("../img/pics/page-title12.jpg");
}

.bkg-img19 {
  background-image: url("../img/pics/page-title13.jpg");
}

.bkg-img20 {
  background-image: url("../img/pics/page-title14.jpg");
}

.bkg-img21 {
  background-image: url("../img/pics/page-title15.jpg");
}

.bkg-img22 {
  background-image: url("../img/pics/page-title16.jpg");
}

.bkg-img23 {
  background-image: url("../img/pics/page-title17.jpg");
}

.bkg-img24 {
  background-image: url("../img/pics/page-title18.jpg");
}

.bkg-img25 {
  background-image: url("../img/pics/page-title19.jpg");
}

.bkg-img26 {
  background-image: url("../img/pics/page-title20.jpg");
}

.bkg-img27 {
  background-image: url("../img/pics/IMG_0036.jpg");
}

.bkg-img28 {
  background-image: url("../img/pics/page-title22.jpg");
}

.bkg-img29 {
  background-image: url("../img/pics/page-title23.jpg");
}

.bkg-img30 {
  background-image: url("../img/pics/page-title24.jpg");
}

.bkg-img31 {
  background-image: url("../img/pics/page-title25.jpg");
}

.bkg-img32 {
  background-image: url("../img/pics/page-title26.jpg");
}

.bkg-img33 {
  background-image: url("../img/pics/page-title27.jpg");
}

.bkg-img34 {
  background-image: url("../img/pics/CARWARDINE041.jpg");
}

.bkg-img35 {
  background-image: url("../img/pics/CARWARDINE025.jpg");
}

.bkg-img36 {
  background-image: url("../img/pics/nina 3.jpg");
}

.bkg-img37 {
  background-image: url("../img/pics/CARWARDINE033.jpg");
}

.bkg-img38 {
  background-image: url("../img/pics/CARWARDINE006.jpg");
}

.bkg-img39 {
  background-image: url("../img/pics/CARWARDINE011.jpg");
}

.bkg-img40 {
  background-image: url("../img/pics/CARWARDINE015.jpg");
}

.bkg-img41 {
  background-image: url("../img/group/IMG_9253.jpg");
}

.bkg-img42 {
  background-image: url("../img/group/IMG_9240.jpg");
}

/*  
    3.2. HELPSERS - PADDINGS AND MARGINS, CENTERING TEXT...
    ========================================================================= */
*[class^="row"] *[class^="row"]:last-child {
  margin-bottom: 0;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-120 {
  margin-bottom: 120px;
}

.negative-top {
  margin-top: -80px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.centered {
  text-align: center;
}

/*  
    3.3. PAGE TITLES
    ========================================================================= */
.pt-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#051b44+0,051b44+50,051b44+100&1+0,0.5+50,0.8+100 */
  background: -moz-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051b44', endColorstr='#cc051b44', GradientType=0);
  /* IE6-9 */
}

.pt-mask.mask-solid-color {
  background: none;
  background-color: rgba(3, 13, 38, 0.6);
}

.pt-mask-light {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+1,0.3+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#4dffffff', GradientType=0);
  /* IE6-9 */
}

.page-title-style-01 {
  position: relative;
  padding-bottom: 80px;
  margin-bottom: 120px;
}

.page-title-style-01.centered .pt-heading>h1,
.page-title-style-01.centered .pt-heading>span {
  text-align: center;
  display: block;
  width: 100%;
}

.page-title-style-01.left-aligned .pt-heading>h1,
.page-title-style-01.left-aligned .pt-heading>span {
  text-align: left;
  display: block;
  width: 100%;
}

.page-title-style-01.left-aligned .breadcrumb {
  display: block;
}

.page-title-style-01 .pt-heading {
  width: 100%;
  display: block;
}

.page-title-style-01 .pt-heading span {
  margin-bottom: 30px;
  color: #c5dadc;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.page-title-style-01 .pt-heading h1 {
  color: #fff;
}

.page-title-style-02 {
  position: relative;
  padding: 80px 0;
  margin-bottom: 120px;
}

.page-title-style-02 .pt-heading h1 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 32px;
}

.page-title-style-03 {
  background-color: #eff3f7;
  margin-bottom: 80px;
  padding: 15px 0;
}

.page-title-style-03 .breadcrumb {
  display: block;
}

.page-title-style-03 .breadcrumb>li {
  padding-bottom: 0;
  color: #748182;
}

.page-title-style-03 .breadcrumb>li>a {
  color: #acb4b5;
}

/*  
    3.4. BREADCRUMBS
    ========================================================================= */
.breadcrumb {
  display: table;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}

.breadcrumb>li,
.breadcrumb>li>span,
.breadcrumb>li>a {
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
  color: #c5dadc;
}

.breadcrumb li+li::before {
  position: relative;
  top: -2px;
  color: #c5dadc;
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 6px;
}

.breadcrumb li:nth-child(2)::before {
  color: transparent;
}

.breadcrumb>li>span.active {
  color: #fff;
}

.page-title-style-02 .breadcrumb {
  padding-top: 10px;
  float: right;
}

.page-title-style-02 .breadcrumb>li,
.page-title-style-02 .breadcrumb>li>span,
.page-title-style-02 .breadcrumb>li>a {
  color: #1d0e46;
}

.page-title-style-02 .breadcrumb li+li::before {
  color: #1d0e46;
}

.page-title-style-02 .breadcrumb>li>span.active {
  color: #1d0e46;
  text-decoration: underline;
}

/*  
    3.5. SIDEBAR
    ========================================================================= */
.aside-right {
  padding-left: 30px;
}

.aside-left {
  padding-right: 30px;
}

.grid-presentation [class^="col-"] {
  border: 1px solid #eee;
  padding: 60px;
}

.grid-presentation .row:first-child [class^="col-"] {
  border: none;
  padding: 0;
}

/* =============================================================================
    4. HEADERS
    ========================================================================= */
/*  
    4.1. HEADER TRANSPARENT - GLOBAL HEADER STYLES (+ TOURISM & FINANCE HEADER)
    ========================================================================= */
.header-wrapper {
  width: 100%;
  z-index: 1000;
}

.header-wrapper.header-transparent {
  position: fixed;
  top: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.header-wrapper.header-transparent.solid-color {
  background-color: #1d0e46;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#header {
  position: relative;
  z-index: 1000;
}

#logo {
  padding-right: 30px;
  width: 30%;
  margin-bottom: -60px;
}

/*  4.1.1. TOP BAR QUICK LINKS
    ------------------------------------------------------------------------- */
.top-bar-wrapper {
  width: 100%;
  margin-bottom: 20px;
  padding: 25px 0 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#quick-links>li {
  list-style: none;
  float: left;
  padding-right: 30px;
}

#quick-links>li>span {
  font-size: 12px;
  color: #c5dadc;
}

#quick-links>li>a {
  font-size: 12px;
}

#quick-links>li>a::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0px;
  background-color: #fff;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

#quick-links>li>a:hover::before {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

#quick-links>li>i {
  color: #c5dadc;
}

/*  4.1.2. TOP BAR WPML - LANGUAGE SWITCHER
    ------------------------------------------------------------------------- */
.wpml-languages {
  display: block;
  position: relative;
  float: right;
  padding-left: 22px;
  margin-left: 60px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 17px;
}

.wpml-languages::before {
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  content: "\e9be";
  color: #c5dadc;
  font-family: "lynny";
  font-size: 12px;
  line-height: 17px;
}

.wpml-languages::after {
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}

.wpml-languages>a.active span {
  color: #c5dadc;
}

.wpml-languages>a.active i {
  position: relative;
  top: -2px;
  padding-left: 15px;
  color: #c5dadc;
  font-size: 7px;
}

.wpml-languages:hover ul.wpml-lang-dropdown {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.wpml-languages.on-click-wpml-dropdown ul.wpml-lang-dropdown {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.wpml-languages.close-wpml-dropdown ul.wpml-lang-dropdown {
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}

.wpml-lang-dropdown {
  overflow: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: 150%;
  width: 100%;
  z-index: 10001;
  background-color: rgba(7, 23, 64, 0.8);
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}

.wpml-lang-dropdown>li {
  list-style: none;
}

.wpml-lang-dropdown>li>a {
  display: block;
  width: 100%;
  padding: 5px 10px;
  color: #c5dadc;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
}

.wpml-lang-dropdown>li>a:hover {
  color: #fff;
}

/*  4.1.3. TOP BAR SOCIAL LINKS
    ------------------------------------------------------------------------- */
#social-links {
  display: block;
  position: relative;
  float: right;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 17px;
}

#social-links>li {
  float: left;
  list-style: none;
  padding-left: 20px;
}

#social-links a {
  color: #c5dadc;
}

/*  
    4.2. MAIN NAVIGATION
    ========================================================================= */
.navbar-default {
  background-color: transparent;
  border: none;
}

.navbar-default .navbar-nav>.open>a {
  background-color: transparent;
}

.navbar-default .navbar-nav>.open>a:focus {
  background-color: transparent;
}

.navbar-default .navbar-nav>.open>a:hover {
  background-color: transparent;
}

.navbar-default .navbar-nav>li {
  padding-bottom: 0;
}

.navbar-default .navbar-nav>li.current-menu-item>a {
  color: #fff;
}

.navbar-default .navbar-nav>li>a {
  color: #c5dadc;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: color 0.5s ease;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color: #fff;
}

.navbar-default .navbar-nav>li>a::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 72%;
  height: 2px;
  background-color: #ef7f05;
  transform: translateX(-50%) translateX(-100%);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.navbar-default .navbar-nav>li>a:hover::after {
  transform: translateX(-50%) translateX(0);
  opacity: 1;
}

.navbar-default .navbar-nav>li>a:not(:hover)::after {
  transform: translateX(-50%) translateX(-100%);
  opacity: 0;
}

.navbar-default .navbar-nav>li.menu-item-has-children>a {
  margin-right: 14px;
}

.navbar-default .navbar-nav>li.menu-item-has-children>a::after {
  display: block;
  position: absolute;
  top: 14px;
  right: 0px;
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 7px;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
  background-color: transparent;
  border: none;
}

.navbar-collapse {
  float: right;
  padding-right: 0;
}



.navbar-nav {
  margin: 0;
}

.navbar-nav>li.dropdown.hover:hover>.dropdown-menu {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.navbar-nav>li.dropdown.hover>.dropdown-menu {
  display: block;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}

.navbar-nav>li.dropdown.hover>.dropdown-menu>.current-menu-item>a {
  color: #fff;
}

.navbar-nav>li.dropdown.hover>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
  display: block;
  left: 100%;
  top: -50%;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}

.navbar-nav>li.dropdown.hover>.dropdown-menu>.dropdown-submenu:hover>.dropdown-menu {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.dropdown-menu {
  min-width: 230px;
  padding: 15px 0 10px 0;
  background-color: rgba(7, 23, 64, 0.8);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}

.dropdown-menu li a {
  padding: 5px 25px;
  text-transform: uppercase;
  font-size: 12px;
  color: #c5dadc;
  font-weight: 500;
  letter-spacing: 1px;
}

.dropdown-menu li a:focus,
.dropdown-menu li a:hover {
  background-color: transparent;
  color: #fff;
}

.dropdown-menu li.current-menu-item>a {
  color: #fff;
}

.dropdown-menu>.dropdown-submenu.menu-item-has-children>a::after {
  display: block;
  position: absolute;
  top: 9px;
  right: 10px;
  content: "\f054";
  font-family: "FontAwesome";
  color: #c5dadc;
  font-size: 7px;
}

/*  4.2.1. MAIN NAVIGATION - MEGA MENU SPECIFIC STYLES
    ------------------------------------------------------------------------- */
.pi-mega .pi-mega-fw {
  position: static;
}

.pi-mega .pi-mega-fw .dropdown-menu {
  left: 0;
  right: 0;
  padding-top: 30px;
  padding-bottom: 20px;
}

.pi-mega .pi-mega-fw .dropdown-menu .pi-mega-content li {
  list-style: none;
}

.pi-mega .pi-mega-fw .dropdown-menu .pi-mega-content li>a {
  padding-left: 0;
}

.pi-mega h3 {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
  font-weight: 500;
}

/*  4.2.2. SEARCH
    ------------------------------------------------------------------------- */
#search {
  position: relative;
  top: 10px;
  float: right;
  width: 34px;
  min-height: 20px;
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  z-index: 1005;
}

#search .search-submit {
  position: relative;
  top: 0;
  width: 20px;
  min-height: 20px;
  border: none;
  background-color: transparent;
  background-image: url("../img/svg/search-white.svg");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 0 center;
  text-indent: -9999px;
}

#m_search {
  position: absolute;
  display: none;
  top: 180%;
  right: -20px;
  padding: 10px 15px;
  font-size: 13px;
  color: #c5dadc;
  background-color: rgba(7, 23, 64, 0.8);
  border: none;
}

/*  
    4.3. HEDAER STYLE 02
    ========================================================================= */
.header-style-02 {
  position: fixed;
  top: 0;
}

.header-style-02 .top-bar-wrapper {
  margin-bottom: 0;
  padding: 25px 0 15px 0;
}

.header-style-02.solid-color {
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-style-02 .header-info-widgets {
  float: right;
}

.header-style-02 .header-info-widgets>ul>li {
  float: left;
  list-style: none;
  padding-left: 30px;
  margin-left: 30px;
  padding-bottom: 0;
  border-left: 1px solid #eee;
}

.header-style-02 .header-info-widgets>ul>li .icon-container {
  float: left;
  padding-right: 10px;
}

.header-style-02 .header-info-widgets>ul>li .icon-container i {
  font-size: 30px;
  color: #c5dadc;
}

.header-style-02 .header-info-widgets>ul>li .text-container {
  float: right;
}

.header-style-02 .header-info-widgets>ul>li .text-container span {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #1d0e46;
}

.header-style-02 .header-info-widgets>ul>li .text-container p,
.header-style-02 .header-info-widgets>ul>li .text-container a {
  font-size: 12px;
  color: #acb4b5;
  padding-bottom: 0;
}

.text-container p {
  text-align: justify !important;
}

.header-style-02 .navbar-collapse {
  float: left;
  padding-left: 0;
}

.header-style-02 .navbar-default .navbar-nav>li>a {
  padding-left: 0;
  margin-right: 30px;
  color: #748182;
}

.header-style-02 .navbar {
  margin-bottom: 0;
}

.header-style-02 .wpml-languages {
  top: 15px;
  margin-left: 30px;
}

.header-style-02 .wpml-languages::before {
  color: #acb4b5;
}

.header-style-02 .wpml-languages::after {
  display: none;
}

.header-style-02 .wpml-languages a.active i {
  color: #acb4b5;
}

.header-style-02 .wpml-languages a.active span {
  color: #acb4b5;
}

.header-style-02 #search {
  border-left: 1px solid #eee;
  margin-left: 20px;
}

.header-style-02 #search .search-submit {
  background-image: url("../img/svg/search-dark.svg");
  background-size: 13px;
}

.header-style-02 .header-cart {
  margin-left: 0;
  top: 15px;
}

.header-style-02 .header-cart>.cart-container>a {
  color: #acb4b5;
}

.header-style-02 .header-cart>.cart-container.icon-cart-3::before {
  color: #748182;
}

.header-style-02 .dropdown-menu {
  background-color: rgba(3, 13, 38, 0.8);
}

/*  
    4.4. HEADER STYLE 03 - DARK NAVIGATION BAR
    ========================================================================= */
.header-style-02.header-negative-bottom.solid-color {
  background-color: #030d26;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-style-02.header-negative-bottom .main-navigation {
  background-color: #030d26;
  width: 100%;
  float: left;
}

.header-style-02.header-negative-bottom .navbar-default {
  float: left;
  width: 100%;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav>li>a {
  margin-left: 30px;
  margin-right: 0;
  padding-top: 18px;
  padding-bottom: 15px;
  color: #c5dadc;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav>li>a:hover {
  color: #fff;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav>li.menu-item-has-children>a::after {
  top: 16px;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav>li.current-menu-item>a {
  color: #fff;
}

.header-style-02.header-negative-bottom .nav-additional-links {
  float: right;
}

.header-style-02.header-negative-bottom .nav-additional-links .nav-plugins {
  float: left;
}

.header-style-02.header-negative-bottom #social-links {
  padding-top: 18px;
}

.header-style-02.header-negative-bottom .wpml-languages {
  top: 18px;
}

.header-style-02.header-negative-bottom .wpml-languages::after {
  background-color: rgba(255, 255, 255, 0.3);
}

.header-style-02.header-negative-bottom #search {
  float: right;
  top: 0;
  right: 0;
  margin-left: 20px;
  width: 53px;
  height: 53px;
  padding-left: 0;
  border-left: none;
}

.header-style-02.header-negative-bottom #search .search-submit {
  width: 53px;
  height: 53px;
  background-image: url("../img/svg/search-white.svg");
  background-size: 13px;
  background-position: center;
}

.header-style-02.header-negative-bottom #search #m_search {
  top: 100%;
  right: 0;
}

.header-style-02.header-negative-bottom .header-cart {
  top: 18px;
}

.header-style-02.header-negative-bottom .header-cart>.cart-container.icon-cart-3::before {
  color: #c5dadc;
}

/* =============================================================================
    5. FOOTER
    ========================================================================= */
#footer-wrapper {
  padding-top: 80px;
  background-color: #ffffff;
}

#footer-wrapper>#footer>.container>.row {
  margin-bottom: 30px;
}

#footer-wrapper a,
#footer-wrapper p,
#footer-wrapper span,
#footer-wrapper li {
  font-size: 13px;
  color: #928F8F;
}

#footer-wrapper .copyright-container {
  width: 100%;
}

#footer-wrapper .copyright-container .row {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 0;
  margin-bottom: 0;
}

#footer-wrapper .copyright-container p {
  padding-bottom: 0;
}

#footer-wrapper .copyright-container a {
  color: #162adf;
}

#footer-wrapper .copyright-container .copyright-right p {
  text-align: right;
}

/* =============================================================================
    6. ELEMENTS
    ========================================================================= */
/*  
    6.1. ELEMENTS - ACCORDION
    ========================================================================= */
.accordion {
  overflow: hidden;
}

.accordion>.title {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  float: left;
}

.accordion>.title>a {
  display: block;
  width: 100%;
  float: left;
  padding-left: 40px;
  padding-top: 5px;
  font-size: 18px;
  color: #1d0e46;
  font-weight: 600;
}

.accordion>.title::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  content: "\f067";
  font-family: "FontAwesome";
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.accordion>.title.active::before {
  content: "\f068";
}

.accordion .content {
  overflow: hidden;
  clear: both;
  padding-left: 40px;
}

.accordion.accordion-boxed>.title {
  background-color: #eff3f7;
  padding: 30px;
  margin-bottom: 20px;
}

.accordion.accordion-boxed>.title::before {
  top: 30px;
  left: 30px;
}

.accordion.accordion-boxed .content {
  background-color: #eff3f7;
  padding: 40px;
  margin-bottom: 30px;
}

.accordion.accordion-boxed .content p:last-child {
  padding-bottom: 0;
}

.accordion.accordion-dark>.title::before {
  background-color: #1d0e46;
}

.page-content.dark .accordion>.title>a {
  color: #fff;
}

/*  
    6.2. ELEMENTS - BANNER BOX
    ========================================================================= */
.banner-box {
  padding: 40px;
  background-color: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 1px 8px #eee;
  -moz-box-shadow: 0 1px 8px #eee;
  box-shadow: 0 1px 8px #eee;
}

.banner-box>i {
  display: block;
  margin-bottom: 40px;
  width: 100%;
  font-size: 100px;
  text-align: center;
}

.banner-box h1,
.banner-box h2,
.banner-box h3,
.banner-box h4,
.banner-box h5,
.banner-box h6,
.banner-box p {
  text-align: center;
}

.img-animate-container {
  position: relative;
  float: left;
  height: auto;
}

.img-animate-container .img-animate {
  position: absolute;
}

/*  
    6.3. ELEMENTS - BLOCKQUOTE
    ========================================================================= */
blockquote {
  padding-left: 30px;
  border-left: 1px solid;
}

blockquote p {
  padding-bottom: 20px;
}

blockquote cite {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #748182;
  color: #acb4b5;
}

/*  
    6.4. ELEMENTS - BLOG
    ========================================================================= */
.blog-posts.blog-grid .post-container {
  list-style: none;
  float: left;
  width: 30%;
  margin-right: 30px;
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.blog-posts.blog-grid .post-container:nth-child(3n) {
  margin-right: 0;
}

.blog-posts.blog-grid .post-media {
  margin-bottom: 20px;
}

.blog-posts.blog-grid .post-media a {
  display: block;
  width: 100%;
}

.blog-posts.blog-grid .post-body .date {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #acb4b5;
}

.blog-posts.blog-grid .post-body a {
  display: block;
  width: 100%;
}

.blog-posts.blog-grid .post-body a.read-more {
  display: inline-block;
  width: auto;
}

.blog-posts.blog-grid .post-body h3 {
  font-size: 21px;
  margin-bottom: 20px;
}

.blog-posts.blog-grid>li:nth-child(3n + 1) {
  clear: both;
}

.blog-posts .pagination.pagination-centered {
  width: 100%;
}

.blog-posts .pagination.pagination-centered>ul {
  display: table;
  margin: 0 auto;
}

.blog-posts.blog-list>li {
  list-style: none;
  margin-bottom: 50px;
}

.blog-posts.blog-list>li .post-media {
  width: 360px;
  float: left;
}

.blog-posts.blog-list>li .post-body {
  padding-left: 390px;
}

.blog-posts.blog-list>li .post-body h2,
.blog-posts.blog-list>li .post-body h3,
.blog-posts.blog-list>li .post-body h4,
.blog-posts.blog-list>li .post-body h5,
.blog-posts.blog-list>li .post-body h6 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 15px;
}

.blog-posts.blog-list>li .post-body .date {
  display: block;
  width: 100%;
  color: #acb4b5;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-bottom: 20px;
}

/*  6.4.1. BLOG SEARCH
    ------------------------------------------------------------------------- */
.widget_search form {
  position: relative;
  width: 100%;
}

.widget_search ::-webkit-input-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.widget_search :-moz-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.widget_search ::-moz-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.widget_search :-ms-input-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.a_search {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #eee;
  border-left: none;
}

.search-submit {
  position: absolute;
  top: -5px;
  right: 0;
  min-height: 40px;
  width: 40px;
  border: none;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("../img/svg/search-dark.svg");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}

/*  6.4.2. BLOG SINGLE
    ------------------------------------------------------------------------- */
.blog-posts.blog-single>li.post-container {
  list-style: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: none;
  padding: 0;
}

.blog-posts.blog-single>li.post-container .post-body {
  margin-bottom: 65px;
}

.blog-posts.blog-single>li.post-container .post-body h3 {
  font-size: 24px;
  line-height: 32px;
}

.blog-posts.blog-single>li.post-container>.blog-single-author {
  margin-bottom: 65px;
}

.blog-posts.blog-single>li.post-container>.blog-single-author>.avatar-container {
  float: left;
  width: 85px;
  height: 85px;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.blog-posts.blog-single>li.post-container>.blog-single-author>.text-container {
  margin-left: 110px;
}

.blog-posts.blog-single>li.post-container>.blog-single-author>.text-container h3 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
}

/*  6.4.3. BLOG SINGLE COMMENTS
    ------------------------------------------------------------------------- */
.post-comments {
  float: left;
  width: 100%;
  margin-bottom: 65px;
}

.post-comments>h3 {
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
}

.post-comments>ul.comments-li {
  padding-left: 0;
  float: left;
  width: 100%;
}

.post-comments>ul.comments-li>li {
  float: left;
  list-style: none;
  width: 100%;
  min-height: 85px;
  margin-bottom: 30px;
}

.post-comments>ul.comments-li>li .comment {
  width: 100%;
  min-height: 85px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.post-comments>ul.comments-li>li .comment+.children {
  margin-top: 30px;
}

.post-comments>ul.comments-li>li .comment .avatar-container {
  float: left;
  width: 85px;
  height: 85px;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.post-comments>ul.comments-li>li .comment .comment-meta {
  margin-bottom: 20px;
  padding-left: 110px;
}

.post-comments>ul.comments-li>li .comment .comment-meta>li {
  list-style: none;
}

.post-comments>ul.comments-li>li .comment .comment-meta>li a {
  font-size: 18px;
  color: #1d0e46;
}

.post-comments>ul.comments-li>li .comment .comment-meta .date {
  font-size: 13px;
}

.post-comments>ul.comments-li>li .comment .comment-body {
  padding-left: 115px;
}

.post-comments>ul.comments-li>li .comment .comment-body .comment-reply-link {
  position: relative;
  padding-right: 15px;
}

.post-comments>ul.comments-li>li .comment .comment-body .comment-reply-link::after {
  position: absolute;
  display: block;
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 6px;
  top: 0;
  right: 0;
}

.post-comments>ul.comments-li>li:last-child:not(:only-child) .comment {
  border: none;
  padding-bottom: 0;
}

.post-comments .children {
  margin-left: 10%;
  float: left;
  padding: 0 0 0 20px;
  width: calc(90%);
}

.post-comments .children li {
  list-style: none;
}

.comment-form-container {
  width: 100%;
  float: left;
}

.comment-form-container #reply-title {
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
}

.comment-form-container .comment-message-container,
.comment-form-container .comment-name-container,
.comment-form-container .comment-email-container {
  display: block;
  width: 100%;
}

.comment-form-container .comment-message-container textarea,
.comment-form-container .comment-message-container input,
.comment-form-container .comment-name-container textarea,
.comment-form-container .comment-name-container input,
.comment-form-container .comment-email-container textarea,
.comment-form-container .comment-email-container input {
  width: 100%;
  border: 1px solid #e3e3e3;
  padding: 10px 15px;
  margin-bottom: 15px;
}

.comment-form-container .comment-message-container textarea:focus,
.comment-form-container .comment-message-container input:focus,
.comment-form-container .comment-name-container textarea:focus,
.comment-form-container .comment-name-container input:focus,
.comment-form-container .comment-email-container textarea:focus,
.comment-form-container .comment-email-container input:focus {
  border-color: #d3d3d3;
}

.comment-form-container .comment-message-container ::-webkit-input-placeholder,
.comment-form-container .comment-name-container ::-webkit-input-placeholder,
.comment-form-container .comment-email-container ::-webkit-input-placeholder {
  color: #acb4b5;
}

.comment-form-container .comment-message-container :-moz-placeholder,
.comment-form-container .comment-name-container :-moz-placeholder,
.comment-form-container .comment-email-container :-moz-placeholder {
  color: #acb4b5;
}

.comment-form-container .comment-message-container ::-moz-placeholder,
.comment-form-container .comment-name-container ::-moz-placeholder,
.comment-form-container .comment-email-container ::-moz-placeholder {
  color: #acb4b5;
}

.comment-form-container .comment-message-container :-ms-input-placeholder,
.comment-form-container .comment-name-container :-ms-input-placeholder,
.comment-form-container .comment-email-container :-ms-input-placeholder {
  color: #acb4b5;
}

.comment-form-container .form-submit {
  padding-bottom: 0;
}

.comment-form-container .form-submit #comment-reply {
  padding: 15px 35px;
  border: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

/*  6.4.4. BLOG AND PORTFOLIO NAVIGATION
    ------------------------------------------------------------------------- */
.portfolio-blog-nav-simple {
  text-align: center;
  border-top: 1px solid #eee;
}

.portfolio-blog-nav-simple p {
  padding-top: 30px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}

.portfolio-blog-nav-simple p>a {
  position: relative;
  color: #1d0e46;
}

.portfolio-blog-nav-simple p>a.nav-next {
  padding-right: 20px;
}

.portfolio-blog-nav-simple p>a.nav-next::after {
  position: absolute;
  display: block;
  content: "\f061";
  font-family: "FontAwesome";
  font-size: 10px;
  top: -3px;
  right: 0px;
}

.portfolio-blog-nav-simple p>a.nav-prev {
  padding-left: 20px;
}

.portfolio-blog-nav-simple p>a.nav-prev::after {
  position: absolute;
  display: block;
  content: "\f060";
  font-family: "FontAwesome";
  font-size: 10px;
  top: -3px;
  left: 0px;
}

.portfolio-blog-nav-simple p.no-posts {
  color: #acb4b5;
}

/*  6.4.5. BLOG PAGES BACKGROUND
    ------------------------------------------------------------------------- */
[class*="posts-bkg"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.posts-bkg-01 {
  background-image: url("../img/blog/consultingpress-preserving-cultural-heritage-with-sustainable-tourism.jpg");
}

.posts-bkg-02 {
  background-image: url("../img/blog/consultingpress-launches-new-tourism-development-project.jpg");
}

.posts-bkg-03 {
  background-image: url("../img/blog/10-good-reasons-to-visit-croatian-coast-this-summer-consultingpress.jpg");
}

.posts-bkg-04 {
  background-image: url("../img/blog/consultingpress-cultural-tourism-increasing-value-of-destination.jpg");
}

.posts-bkg-05 {
  background-image: url("../img/blog/consultingpress-role-of-sustainable-tourism-in-nature-conservation.jpg");
}

.posts-bkg-06 {
  background-image: url("../img/blog/consultingpress-how-to-improve-your-tourism-marketing-strategies.jpg");
}

.posts-bkg-07 {
  background-image: url("../img/blog/value-of-sustainable-tourism-development.jpg");
}

.posts-bkg-08 {
  background-image: url("../img/blog/consultingpress-tourism-destination-marketing.jpg");
}

.posts-bkg-09 {
  background-image: url("../img/blog/consultingpress-delivering-quality-over-quantity.jpg");
}

.posts-bkg-10 {
  background-image: url("../img/blog/consultingpress-increase-company-value-by-investing-in-people.jpg");
}

.posts-bkg-11 {
  background-image: url("../img/blog/consultingpress-developing-future-logistics-leaders-in-europe.jpg");
}

.posts-bkg-12 {
  background-image: url("../img/blog/consultingpress-guidelines-for-a-high-impact-business-strategy.jpg");
}

.posts-bkg-13 {
  background-image: url("../img/blog/consultingpress-tourism-destination-marketing.jpg");
}

.posts-bkg-14 {
  background-image: url("../img/blog/consultingpress-management-consulting-mergers-and-acquisition.jpg");
}

.posts-bkg-15 {
  background-image: url("../img/blog/consultingpress-digital-marketing.jpg");
}

/*  
    6.5. ELEMENTS - BUTTON
    ========================================================================= */
.page-content.dark .btn span {
  color: #fff;
}

.btn {
  display: inline-block;
  overflow: hidden;
  backface-visibility: hidden;
  position: relative;
  padding: 15px 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.btn.icon-animated i {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  font-size: 15px;
  width: 20px;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translate(-25px, 0);
  -moz-transform: translate(-25px, 0);
  -ms-transform: translate(-25px, 0);
  -o-transform: translate(-25px, 0);
  transform: translate(-25px, 0);
}

.btn.icon-animated:hover i {
  left: 0;
  opacity: 1;
}

.btn.icon-animated:hover span {
  -webkit-transform: translate(15px, 0);
  -moz-transform: translate(15px, 0);
  -ms-transform: translate(15px, 0);
  -o-transform: translate(15px, 0);
  transform: translate(15px, 0);
}

.btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.btn:hover::after {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn.btn-center {
  display: table;
  margin: 0 auto;
}

.btn.btn-blue {
  background-color: #1d0e46;
}

.btn.btn-large {
  padding: 20px 50px;
}

.btn.btn-small {
  padding: 10px 20px;
}

.btn.btn-yellow {
  background-color: #ffcc01;
}

/*  
    6.6. ELEMENTS - CALL TO ACTION
    ========================================================================= */
.page-content.cta-negative-top {
  padding: 30px;
  position: relative;
}

.page-content.cta-negative-top .row {
  margin-bottom: 0;
}

.call-to-action .text {
  max-width: 70%;
  float: left;
  padding-top: 15px;
}

.call-to-action h1,
.call-to-action h2,
.call-to-action h3,
.call-to-action h4,
.call-to-action h5,
.call-to-action h6 {
  margin-bottom: 0;
}

.call-to-action .btn {
  max-width: 30%;
  float: right;
}

.call-to-action.centered .text {
  width: 100%;
  max-width: 100%;
  float: none;
  text-align: center;
  margin-bottom: 60px;
}

.call-to-action.centered .btn {
  max-width: none;
  float: none;
  margin: 0 auto;
  display: table;
}

.call-to-action .cta-social {
  display: table;
  margin: 30px auto 0;
}

.call-to-action .cta-social li {
  float: left;
  list-style: none;
  padding-right: 15px;
}

.call-to-action .cta-social li a {
  color: #748182;
}

/*  
    6.7. ELEMENTS - CHART
    ========================================================================= */
.chart-container {
  position: relative;
  max-width: 100%;
}

.chart-container.chart-center {
  display: table;
  margin: 0 auto;
}

.chart-container iframe {
  min-height: 0px;
}

.chart-container canvas {
  max-width: 100%;
}

/*  
    6.8. ELEMENTS - CIRCLE ICON
    ========================================================================= */
.circle-icon-animate {
  stroke-dasharray: 227;
  stroke-dashoffset: 227;
  transition: stroke-dashoffset 1s linear;
}

.circle-icon-animate:hover {
  stroke-dashoffset: 0;
}

/*  
    6.9. ELEMENTS - COMPANY TIMELINE
    ========================================================================= */
.company-timeline>li {
  display: block;
  width: 100%;
  list-style: none;
  padding-bottom: 45px;
}

.company-timeline>li:last-child {
  padding-bottom: 0;
}

.company-timeline .icon-date-container {
  width: 70px;
  height: 70px;
  float: left;
  border: 2px solid #c5dadc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.company-timeline .icon-date-container i {
  width: 70px;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
}

.company-timeline .timeline-item-details {
  padding-left: 100px;
}

.company-timeline .timeline-item-details h1,
.company-timeline .timeline-item-details h2,
.company-timeline .timeline-item-details h3,
.company-timeline .timeline-item-details h4,
.company-timeline .timeline-item-details h5,
.company-timeline .timeline-item-details h6 {
  position: relative;
  margin-bottom: 20px;
  padding-top: 23px;
}

.company-timeline .timeline-item-details h1::before,
.company-timeline .timeline-item-details h2::before,
.company-timeline .timeline-item-details h3::before,
.company-timeline .timeline-item-details h4::before,
.company-timeline .timeline-item-details h5::before,
.company-timeline .timeline-item-details h6::before {
  display: block;
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  top: 0;
  left: 0;
}

/*  
    6.10. ELEMENTS - CONTACT FORM
    ========================================================================= */
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-email,
.wpcf7 .wpcf7-textarea {
  min-height: 50px;
  padding: 10px 10px 10px 25px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  width: 48%;
  margin-left: 1.5%;
}

.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-email:focus,
.wpcf7 .wpcf7-textarea:focus {
  border-color: #d3d3d3;
}

.wpcf7 .wpcf7-text:nth-child(2n+1),
.wpcf7 .wpcf7-email:nth-child(2n+1) {
  margin-left: 0;
  margin-right: 1.5%;
}

.wpcf7 .wpcf7-textarea {
  margin-left: 0;
  width: 100%;
}

.wpcf7 ::-webkit-input-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.wpcf7 :-moz-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.wpcf7 ::-moz-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.wpcf7 :-ms-input-placeholder {
  color: #acb4b5;
  font-size: 13px;
}

.wpcf7 .wpcf7-submit {
  float: right;
  padding: 15px 30px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  border: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.wpcf7 .wpcf7-submit.wpcf7-submit-full {
  width: 100%;
}

.dark .wpcf7 .wpcf7-text,
.dark .wpcf7 .wpcf7-email,
.dark .wpcf7 .wpcf7-textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.dark .wpcf7 .wpcf7-text:focus,
.dark .wpcf7 .wpcf7-email:focus,
.dark .wpcf7 .wpcf7-textarea:focus {
  border-color: rgba(255, 255, 255, 0.3);
}

.dark .wpcf7 ::-webkit-input-placeholder {
  color: #fff;
}

.dark .wpcf7 :-moz-placeholder {
  color: #fff;
}

.dark .wpcf7 ::-moz-placeholder {
  color: #fff;
}

.dark .wpcf7 :-ms-input-placeholder {
  color: #fff;
}

.g-recaptcha {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  display: none;
}

.g-recaptcha>div>div {
  max-height: 78px;
}

.g-recaptcha.recaptcha-visible {
  display: block;
}

/*  
    6.11. ELEMENTS - CUSTOM HEADINGS
    ========================================================================= */
.custom-heading-01 span {
  display: block;
  margin-bottom: 20px;
  color: #acb4b5;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.custom-heading-02 {
  margin-bottom: 60px;
}

.custom-heading-02 h1,
.custom-heading-02 h2,
.custom-heading-02 h3,
.custom-heading-02 h4,
.custom-heading-02 h5,
.custom-heading-02 h6 {
  text-align: center;
  margin-bottom: 20px;
}

.custom-heading-02 span {
  display: block;
  width: 100%;
  color: #acb4b5;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
}

.row>.col-md-12>.custom-heading-02:only-child {
  margin-bottom: -60px;
}

.custom-heading-03 {
  display: block;
  position: relative;
  padding-top: 23px;
}

.custom-heading-03::before {
  display: block;
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  top: 0;
  left: 0;
}

/*  
    6.12. ELEMENTS - DIVIDER
    ========================================================================= */
/*  6.12.1. DIVIDER DOTTED
    ------------------------------------------------------------------------- */
.divider-dotted {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  border-bottom: 1px dotted #e3e3e3;
}

/*  6.12.2. DIVIDER LINE
    ------------------------------------------------------------------------- */
.divider-line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
}

/*  6.12.3. DIVIDER THREE DOTS
    ------------------------------------------------------------------------- */
.divider {
  display: block;
  margin: 0 auto;
  width: 44px;
  height: 10px;
  background-image: url("../img/svg/icon-divider.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 44px 10px;
}

/*  6.12.4. DIVIDER WITH ICON
    ------------------------------------------------------------------------- */
.divider-icon {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.divider-icon i {
  position: relative;
  display: table;
  margin: 0 auto;
  top: 12px;
  font-size: 24px;
  background-color: #fff;
  padding: 0 30px;
}

/*  6.12.5. DIVIDER WITH "TO TOP" ICON
    ------------------------------------------------------------------------- */
.divider-scroll-up {
  border-bottom: 1px solid #eee;
}

.divider-scroll-up .scroll-up {
  position: relative;
  top: 20px;
  right: initial;
  display: table;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  background-color: #1d0e46;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.divider-scroll-up .scroll-up i {
  display: table-cell;
  color: #c5dadc;
  font-size: 9px;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.divider-scroll-up .scroll-up:hover i {
  color: #fff;
}

/*  
    6.13. ELEMENTS - FEATURE BOX
    ========================================================================= */
/*  6.13.1. FEATURE BOX GENERAL STYLING
    ------------------------------------------------------------------------- */
.feature-box {
  padding: 40px 20px;
}

.feature-box.dark h1,
.feature-box.dark h2,
.feature-box.dark h3,
.feature-box.dark h4,
.feature-box.dark h5,
.feature-box.dark h6 {
  color: #fff;
  margin-bottom: 15px;
}

.feature-box.dark p,
.feature-box.dark span,
.feature-box.dark li {
  color: #c5dadc;
}

.feature-box.dark a {
  color: #fff;
}

.feature-box.centered h1,
.feature-box.centered h2,
.feature-box.centered h3,
.feature-box.centered h4,
.feature-box.centered h5,
.feature-box.centered h6,
.feature-box.centered p,
.feature-box.centered a,
.feature-box.centered span,
.feature-box.centered li {
  text-align: center;
}

.feature-box p:last-child {
  padding-bottom: 0;
}

.feature-box .icon-container {
  width: 35px;
  height: 35px;
  float: left;
}

.feature-box .icon-container i {
  font-size: 35px;
}

.feature-box .text-container {
  padding-left: 45px;
}

.widget>.feature-box h3 {
  font-size: 18px;
}

/*  6.13.1. FEATURE BOX INDUSTRY SECTORS
    ------------------------------------------------------------------------- */
.industry-sectors-grid {
  margin-bottom: -30px;
}

.industry-sectors-grid>li {
  list-style: none;
  margin-bottom: 30px;
}

.industry-sectors-grid>li>.feature-box.service-box-05 {
  padding: 0;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.media {
  margin-bottom: 15px;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #eff3f7;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container>img,
.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container svg {
  display: block;
  width: 20px;
  height: 100%;
  margin: 0 auto;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container>i {
  font-size: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 40px;
  height: 40px;
  color: #fff;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-aqua {
  background-color: #4bd8ee;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-red {
  background-color: #ef7f05;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-brown {
  background-color: #c28e5b;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-dark-blue {
  background-color: #1d0e46;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-green {
  background-color: #6ec25b;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-orange {
  background-color: #f9b126;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-teal {
  background-color: #0cb4ce;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-yellow {
  background-color: #facd17;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.icon-container.bkg-color-purple {
  background-color: #a95bc2;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.text-container {
  padding-left: 55px;
}

.industry-sectors-grid>li>.feature-box.service-box-05>.text-container h3 {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
  padding-top: 8px;
}

.industry-sectors-grid>li:nth-child(3n + 1) {
  clear: both;
}

/*  
    6.14. ELEMENTS - FEATURED PAGES
    ========================================================================= */
.featured-page-box {
  position: relative;
  z-index: 100;
}

.featured-page-box .media {
  width: 100%;
  margin-bottom: 30px;
}

.featured-page-box>.body {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.featured-page-box>.body h2,
.featured-page-box>.body h3,
.featured-page-box>.body h4,
.featured-page-box>.body h5,
.featured-page-box>.body h6 {
  position: relative;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 0;
  padding-left: 20px;
}

.featured-page-box>.body h2:hover,
.featured-page-box>.body h3:hover,
.featured-page-box>.body h4:hover,
.featured-page-box>.body h5:hover,
.featured-page-box>.body h6:hover {
  color: #1d0e46;
}

.featured-page-box>.body h2::before,
.featured-page-box>.body h3::before,
.featured-page-box>.body h4::before,
.featured-page-box>.body h5::before,
.featured-page-box>.body h6::before {
  display: block;
  position: absolute;
  content: "\f061";
  font-family: "FontAwesome";
  font-size: 10px;
  left: 0;
  top: -2px;
}

.featured-page-box>.body::before {
  position: absolute;
  display: block;
  content: "";
  width: 70px;
  height: 2px;
  left: 0;
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.featured-page-box:hover .body::before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*  
    6.15. ELEMENTS - IMAGE REVEAL
    ========================================================================= */
.animated {
  -webkit-animation-duration: 800ms;
  -moz-animation-duration: 800ms;
  -ms-animation-duration: 800ms;
  -o-animation-duration: 800ms;
  animation-duration: 800ms;
}

.image-reveal {
  position: relative;
  float: left;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.image-reveal img {
  z-index: 2;
}

.image-reveal.animated {
  -webkit-animation-duration: 800ms;
  -moz-animation-duration: 800ms;
  -ms-animation-duration: 800ms;
  -o-animation-duration: 800ms;
  animation-duration: 800ms;
}

.image-reveal-mask {
  z-index: 1;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  right: 0;
}

.imageReveal {
  -webkit-animation-name: imageReveal;
  -moz-animation-name: imageReveal;
  -ms-animation-name: imageReveal;
  -o-animation-name: imageReveal;
  animation-name: imageReveal;
  -webkit-animation-duration: 800ms;
  -moz-animation-duration: 800ms;
  -ms-animation-duration: 800ms;
  -o-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: easeInOut;
  -moz-animation-timing-function: easeInOut;
  -ms-animation-timing-function: easeInOut;
  -o-animation-timing-function: easeInOut;
  animation-timing-function: easeInOut;
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  -ms-animation-fill-mode: forward;
  -o-animation-fill-mode: forward;
  animation-fill-mode: forward;
}

@-webkit-keyframes imageReveal {
  0% {
    width: 30%;
  }

  100% {
    width: 0%;
  }
}

@-moz-keyframes imageReveal {
  0% {
    width: 30%;
  }

  100% {
    width: 0%;
  }
}

@-ms-keyframes imageReveal {
  0% {
    width: 30%;
  }

  100% {
    width: 0%;
  }
}

@-o-keyframes imageReveal {
  0% {
    width: 30%;
  }

  100% {
    width: 0%;
  }
}

@keyframes imageReveal {
  0% {
    width: 30%;
  }

  100% {
    width: 0%;
  }
}

/*  
    6.16. ELEMENTS - KEX CONTACTS
    ========================================================================= */
.key-contacts>ul {
  padding-left: 0;
}

.key-contacts>ul>li {
  list-style: none;
  margin-bottom: 20px;
}

.key-contacts img {
  float: left;
  width: 100px;
  height: auto;
}

.key-contacts .text-container {
  padding-left: 115px;
}

.key-contacts .text-container h4 {
  margin-bottom: 3px;
  font-size: 18px;
}

.key-contacts .text-container h1,
.key-contacts .text-container h2,
.key-contacts .text-container h3,
.key-contacts .text-container h4,
.key-contacts .text-container h5,
.key-contacts .text-container h6 {
  margin-bottom: 3px;
}

.key-contacts .text-container .contacts-title {
  margin-bottom: 15px;
}

.key-contacts .text-container .fa-ul>li {
  padding-bottom: 3px;
}

.key-contacts .text-container .fa-ul>li a,
.key-contacts .text-container .fa-ul>li p,
.key-contacts .text-container .fa-ul>li span {
  font-size: 13px;
}

/*  
    6.17. ELEMENTS - LATEST POSTS
    ========================================================================= */
/*  6.17.1. LATEST POSTS STYLE 01 - BIG IMAGE 
    ------------------------------------------------------------------------- */
.pi-latest-posts-01 .post-container {
  list-style: none;
  float: left;
  width: 30%;
  margin-right: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.pi-latest-posts-01 .post-container:nth-child(3n) {
  margin-right: 0;
}

.pi-latest-posts-01 .post-media {
  margin-bottom: 20px;
}

.pi-latest-posts-01 .post-media a {
  display: block;
  width: 100%;
}

.pi-latest-posts-01 .post-body .date {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #acb4b5;
}

.pi-latest-posts-01 .post-body a {
  display: block;
  width: 100%;
}

.pi-latest-posts-01 .post-body a.read-more {
  display: inline-block;
  width: auto;
}

.pi-latest-posts-01 .post-body h3 {
  font-size: 21px;
  margin-bottom: 20px;
}

.owl-carousel.pi-latest-posts-01 .post-container {
  width: 100%;
  margin-bottom: 10px;
}

/*  6.17.2. LATEST POSTS STYLE 02 - SMALL IMAGE (IN FOOTER) 
    ------------------------------------------------------------------------- */
.widget>ul.pi-latest-posts-02>.post-container {
  list-style: none;
  padding-left: 0;
}

.widget>ul.pi-latest-posts-02>.post-container::before {
  display: none;
}

.pi-latest-posts-02>.post-container {
  list-style: none;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.pi-latest-posts-02 .post-media {
  width: 70px;
  float: left;
}

.pi-latest-posts-02 .post-media a {
  display: block;
  width: 100%;
  cursor: pointer;
}

.pi-latest-posts-02 .post-body {
  padding-left: 85px;
}

.pi-latest-posts-02 .post-body .date {
  display: block;
  width: 100%;
  color: #acb4b5;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 15px;
}

.pi-latest-posts-02 .post-body h4 {
  font-size: 13px;
  line-height: 23px;
  margin-bottom: 0;
}

#footer-wrapper .pi-latest-posts-02 .post-body .date {
  font-size: 10px;
  color: #acb4b5;
}

#footer-wrapper .pi-latest-posts-02 .post-body h4 {
  color: #c5dadc;
}

/*  6.17.3. LATEST POSTS STYLE 03 - NO IMAGE (IN SIDEBAR) 
    ------------------------------------------------------------------------- */
.pi-latest-posts-03>li,
.widget>.pi-latest-posts-03>li {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}

.pi-latest-posts-03>li::before,
.widget>.pi-latest-posts-03>li::before {
  display: none;
}

.pi-latest-posts-03>li>a,
.widget>.pi-latest-posts-03>li>a {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  color: #1d0e46;
  font-weight: 500;
}

.pi-latest-posts-03>li>span.date,
.widget>.pi-latest-posts-03>li>span.date {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 15px;
  font-size: 13px;
  line-height: 20px;
}

.pi-latest-posts-03>li>span.date::before,
.widget>.pi-latest-posts-03>li>span.date::before {
  position: absolute;
  display: block;
  top: -2px;
  left: 0;
  content: "\f017";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #1d0e46;
}

#footer-wrapper .footer-widget-container .pi-latest-posts-03>li>a,
#footer-wrapper .footer-widget-container .widget>.pi-latest-posts-03>li>a {
  color: #fff;
}

#footer-wrapper .footer-widget-container .pi-latest-posts-03>li>span.date::before,
#footer-wrapper .footer-widget-container .widget>.pi-latest-posts-03>li>span.date::before {
  color: #acb4b5;
}

/*  
    6.18. ELEMENTS - LISTS
    ========================================================================= */
.fa-ul {
  margin-left: 0;
}

.fa-ul.large-icons>li {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

.fa-ul.large-icons>li .icon-container {
  float: left;
  font-size: 23px;
}

.fa-ul.large-icons>li .li-content {
  padding-left: 40px;
}

.fa-ul.large-icons>li .li-content p {
  padding-bottom: 0;
}

.fa-ul.large-icons>li .li-content p+a {
  margin-top: 15px;
}

.fa-ul.large-icons>li .li-content h1,
.fa-ul.large-icons>li .li-content h2,
.fa-ul.large-icons>li .li-content h3,
.fa-ul.large-icons>li .li-content h4,
.fa-ul.large-icons>li .li-content h5,
.fa-ul.large-icons>li .li-content h6 {
  margin-bottom: 15px;
}

.fa-ul.large-icons.detailed>li {
  padding-bottom: 30px;
}

.fa-ul.ul-circled .icon-container {
  width: 40px;
  height: 40px;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.fa-ul.ul-circled .icon-container img {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 100%;
}

.fa-ul.ul-circled .li-content {
  padding-left: 50px;
  padding-top: 8px;
}

.fa-ul+p,
.fa-ul+a,
.fa-ul+span,
.fa-ul+ul,
.fa-ul+img {
  margin-top: 15px;
}

.fa-ul.default li {
  padding-bottom: 10px;
}

.fa-ul.default i {
  float: left;
  padding-top: 4px;
  font-size: 13px;
}

.fa-ul.default p {
  padding-left: 20px;
  padding-bottom: 0;
}

.list-style-none {
  list-style: none;
}

/*  
    6.19. ELEMENTS - MAP
    ========================================================================= */
.map-height-lg {
  height: 550px;
}

.map-height-small {
  height: 280px;
}

#map+div,
#map+p,
#map+ul,
#map+a {
  margin-top: 30px;
}

/*  
    6.20. ELEMENTS - MESSAGE BOXES
    ========================================================================= */
.message-boxes {
  width: 100%;
}

.message-boxes.infobox-default,
.message-boxes.errorbox-default,
.message-boxes.successbox-default,
.message-boxes.warningbox-default {
  position: relative;
  width: 100%;
  min-height: 70px;
  margin-bottom: 10px;
}

.message-boxes.infobox-default>.icon-container,
.message-boxes.errorbox-default>.icon-container,
.message-boxes.successbox-default>.icon-container,
.message-boxes.warningbox-default>.icon-container {
  position: absolute;
  top: 50%;
  left: 0;
  width: 70px;
  height: 70px;
  margin-top: -35px;
}

.message-boxes.infobox-default>.icon-container>i,
.message-boxes.errorbox-default>.icon-container>i,
.message-boxes.successbox-default>.icon-container>i,
.message-boxes.warningbox-default>.icon-container>i {
  display: table-cell;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  font-size: 32px;
}

.message-boxes.infobox-default>.notification-container,
.message-boxes.errorbox-default>.notification-container,
.message-boxes.successbox-default>.notification-container,
.message-boxes.warningbox-default>.notification-container {
  margin-left: 70px;
  padding: 25px;
}

.message-boxes.infobox-default>.notification-container p,
.message-boxes.errorbox-default>.notification-container p,
.message-boxes.successbox-default>.notification-container p,
.message-boxes.warningbox-default>.notification-container p {
  padding-bottom: 0;
}

.message-boxes.infobox-default>.icon-container {
  background-color: #e5f1f5;
}

.message-boxes.infobox-default>.notification-container {
  background-color: #f6fcfe;
}

.message-boxes.errorbox-default>.icon-container {
  background-color: #fbe8e8;
}

.message-boxes.errorbox-default>.notification-container {
  background-color: #fcf1f1;
}

.message-boxes.successbox-default>.icon-container {
  background-color: #e9fcd3;
}

.message-boxes.successbox-default>.notification-container {
  background-color: #f7feef;
}

.message-boxes.warningbox-default>.icon-container {
  background-color: #f8f6bc;
}

.message-boxes.warningbox-default>.notification-container {
  background-color: #f8f7dc;
}

.message-boxes>.message-close {
  position: absolute;
  display: block;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #eee;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.message-boxes>.message-close>i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  width: 30px;
  height: 30px;
}

.message-boxes:hover>.message-close {
  opacity: 1;
}

/*  
    6.21. ELEMENTS - NUMBER COUNTER
    ========================================================================= */
.odometer-container .odometer-inner {
  display: table;
  margin: 0 auto 25px;
}

.odometer-container .odometer-inner>i {
  padding-right: 15px;
}

.odometer-container p {
  display: block;
  width: 100%;
  color: #1d0e46;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 0;
}

.odometer-container .digit-mark {
  position: relative;
  top: 11px;
  left: 5px;
  font-size: 48px;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-size: 48px;
  font-weight: 500;
  text-align: center;
}

.page-content.dark .odometer-container .odometer-value,
.page-content.dark .odometer-container .odometer-formatting-mark {
  color: #fff;
}

.page-content.dark .odometer-container .digit-mark {
  color: #fff;
}

/*  
    6.22. ELEMENTS - OWL CAROUSEL
    ========================================================================= */
.owl-controls>.owl-nav>.owl-prev {
  position: relative;
  left: 50%;
  margin-left: -48px;
  top: 40px;
  width: 44px;
  height: 44px;
  background-image: url("../img/svg/arrow-prev.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.owl-controls>.owl-nav>.owl-next {
  position: relative;
  left: 50%;
  margin-left: 4px;
  top: -4px;
  width: 44px;
  height: 44px;
  background-image: url("../img/svg/arrow-next.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

/*  
    6.23. ELEMENTS - PORTFOLIO
    ========================================================================= */
.row.portfolio-filters {
  margin-bottom: 50px;
}

.portfolio-items-holder+.portfolio-pagination-holder {
  margin-top: -120px;
}

.pagination {
  float: right;
}

.pagination>ul>li {
  list-style: none;
  float: left;
  margin-left: 5px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #eee;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.pagination>ul>li>a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 13px;
}

.pagination>ul>li>a.fa {
  font-size: 8px;
}

.pagination>ul>li.active>a {
  color: #fff;
}

.pagination>ul>li:hover>a {
  color: #fff;
}

.pagination.pagination-centered {
  display: table;
  margin: 0 auto;
  float: none;
}

/*  6.23.1. PORTFOLIO GRID STYLING
    ------------------------------------------------------------------------- */
.cases-grid>li {
  list-style: none;
  margin-bottom: 30px;
}

.cases-grid>li:nth-child(3n + 1) {
  clear: both;
}

.cases-grid .portfolio-item {
  width: 100%;
}

.cases-grid .portfolio-item .media {
  margin-bottom: 30px;
}

.cases-grid .portfolio-item .body {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.cases-grid .portfolio-item .body h2,
.cases-grid .portfolio-item .body h3,
.cases-grid .portfolio-item .body h4,
.cases-grid .portfolio-item .body h5,
.cases-grid .portfolio-item .body h6 {
  position: relative;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 5px;
  padding-left: 20px;
}

.cases-grid .portfolio-item .body h2:hover,
.cases-grid .portfolio-item .body h3:hover,
.cases-grid .portfolio-item .body h4:hover,
.cases-grid .portfolio-item .body h5:hover,
.cases-grid .portfolio-item .body h6:hover {
  color: #1d0e46;
}

.cases-grid .portfolio-item .body h2::before,
.cases-grid .portfolio-item .body h3::before,
.cases-grid .portfolio-item .body h4::before,
.cases-grid .portfolio-item .body h5::before,
.cases-grid .portfolio-item .body h6::before {
  display: block;
  position: absolute;
  content: "\f061";
  font-family: "FontAwesome";
  font-size: 10px;
  left: 0;
  top: -2px;
}

.cases-grid .portfolio-item .body::before {
  position: absolute;
  display: block;
  content: "";
  width: 70px;
  height: 2px;
  left: 0;
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.cases-grid .portfolio-item .body .portfolio-tags {
  padding-left: 0;
}

.cases-grid .portfolio-item .body .portfolio-tags>li {
  list-style: none;
  padding-left: 20px;
  font-size: 13px;
  line-height: 20px;
}

.cases-grid .portfolio-item:hover .body::before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*  6.23.2. PORTFOLIO LIST STYLING
    ------------------------------------------------------------------------- */
.cases-list>li {
  list-style: none;
  margin-bottom: 50px;
}

.cases-list>li .portfolio-item {
  width: 100%;
}

.cases-list>li .portfolio-item .media {
  width: 360px;
  float: left;
}

.cases-list>li .portfolio-item .body {
  padding-left: 390px;
}

.cases-list>li .portfolio-item .body h2,
.cases-list>li .portfolio-item .body h3,
.cases-list>li .portfolio-item .body h4,
.cases-list>li .portfolio-item .body h5,
.cases-list>li .portfolio-item .body h6 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 15px;
}

.cases-list>li .portfolio-item .body .portfolio-tags {
  padding-left: 0;
}

.cases-list>li .portfolio-item .body .portfolio-tags>li {
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}

/*  6.23.3. PORTFOLIO FILTERS
    ------------------------------------------------------------------------- */
#filters {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

#filters>li {
  position: relative;
  list-style: none;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  color: #1d0e46;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

#filters>li::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -6px;
  background-color: #fff;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

#filters>li:hover::before {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

#filters>li.filter-button.is-checked::before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*  6.23.4. PORTFOLIO WIDGETS - LATEST PROJECTS (IN SIDEBAR)
    ------------------------------------------------------------------------- */
.widget.widget_recent_entries>ul>li {
  background-color: #fff;
  border: 1px solid #eee;
  margin-bottom: 2px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.widget.widget_recent_entries>ul>li::before {
  top: 18px;
  left: 20px;
}

.widget.widget_recent_entries>ul>li a {
  display: block;
  padding: 20px 20px 20px 30px;
}

.widget.widget_recent_entries>ul>li:hover {
  background-color: #eff3f7;
}

.widget.widget_recent_entries>ul>li:hover a {
  color: #1d0e46;
}

/*  6.23.5. PORTFOLIO SINGLE PAGE BACKGROUNDS
    ------------------------------------------------------------------------- */
[class*="cases-bkg"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.cases-bkg01 {
  background-image: url("../img/cases/feasibillity-study-for-aqua-park-in-istria-croatia.jpg");
}

.cases-bkg02 {
  background-image: url("../img/cases/tourism-development-plan-for-spa-resort.jpg");
}

.cases-bkg03 {
  background-image: url("../img/cases/tourism-master-plan-for-wine-tourism.jpg");
}

.cases-bkg04 {
  background-image: url("../img/cases/tourism-plan-development-and-marketing.jpg");
}

.cases-bkg05 {
  background-image: url("../img/cases/tourism-marketing-strategy-machu-picchu.jpg");
}

.cases-bkg06 {
  background-image: url("../img/cases/implementation-of-visitor-information-service.jpg");
}

.cases-bkg07 {
  background-image: url("../img/cases/complete4-branding-and-marketing-for-galeo-tours.jpg");
}

.cases-bkg08 {
  background-image: url("../img/cases/branding-and-marketing-for-spa-class.jpg");
}

.cases-bkg09 {
  background-image: url("../img/cases/destination-management-plan.jpg");
}

.cases-bkg10 {
  background-image: url("../img/cases/destination-management-plan-for-philippines.jpg");
}

.cases-bkg11 {
  background-image: url("../img/cases/workforce-development-for-kai-resort-thailand.jpg");
}

.cases-bkg12 {
  background-image: url("../img/cases/management-10-year-business-strategy01.jpg");
}

.cases-bkg13 {
  background-image: url("../img/cases/management-market-assessment01.jpg");
}

.cases-bkg14 {
  background-image: url("../img/cases/management-geo-informatics.jpg");
}

.cases-bkg15 {
  background-image: url("../img/cases/management-avalast01.jpg");
}

.cases-bkg16 {
  background-image: url("../img/cases/management-customer-segmentation01.jpg");
}

.cases-bkg17 {
  background-image: url("../img/cases/management-crm01.jpg");
}

.cases-bkg18 {
  background-image: url("../img/cases/management-fork-logistics01.jpg");
}

.cases-bkg19 {
  background-image: url("../img/cases/management-alura01.jpg");
}

.cases-bkg20 {
  background-image: url("../img/cases/management-market-entry-min-and-herbs01.jpg");
}

.cases-bkg21 {
  background-image: url("../img/cases/management-global-.market-anaysis-global-construction01.jpg");
}

.cases-bkg22 {
  background-image: url("../img/cases/management-business-strategy-shoe-stars01.jpg");
}

/*  
    6.24. ELEMENTS - PRICING TABLE
    ========================================================================= */
.pricing-table {
  background-color: #fff;
  border: 3px double #eee;
  padding: 40px;
}

.pricing-table h1,
.pricing-table h2,
.pricing-table h3 {
  margin-bottom: 15px;
  text-align: center;
}

.pricing-table .price {
  display: block;
  border-top: 3px double #eee;
  border-bottom: 3px double #eee;
  padding: 20px 0;
  text-align: center;
}

.pricing-table .price span {
  font-size: 21px;
  color: #1d0e46;
  font-weight: 500;
}

.pricing-table li {
  padding: 15px 0;
  text-align: center;
  list-style: none;
  border-bottom: 1px solid #eee;
}

.pricing-table li.head {
  list-style: none;
  border-bottom: none;
}

.pricing-table li.pricing-footer {
  margin-top: 30px;
  border-bottom: none;
}

.pricing-table.active {
  -webkit-box-shadow: 1px 0px 15px #eee;
  -moz-box-shadow: 1px 0px 15px #eee;
  box-shadow: 1px 0px 15px #eee;
}

/*  
    6.25. ELEMENTS - READ MORE
    ========================================================================= */
.read-more {
  position: relative;
  font-weight: 500;
  padding-left: 15px;
  display: inline-block;
}

.read-more::before {
  position: absolute;
  content: "\f061";
  top: 0;
  left: 0;
  font-family: "FontAwesome";
  font-size: 10px;
}

.read-more::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0px;
  background-color: #fff;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.read-more:hover::after {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

ul+.read-more {
  margin-top: 15px;
}

/*  
    6.26. ELEMENTS - SCROLL UP
    ========================================================================= */
.scroll-up {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  display: none;
  background-color: #1d0e46;
  z-index: 100;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.scroll-up i {
  display: table-cell;
  color: #c5dadc;
  font-size: 9px;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.scroll-up:hover i {
  color: #fff;
}

/*  
    6.27. ELEMENTS - SERVICES
    ========================================================================= */
.service-box h1,
.service-box h2,
.service-box h3,
.service-box h4,
.service-box h5,
.service-box h6 {
  margin-bottom: 20px;
}

.service-box i {
  font-size: 30px;
  color: #acb4b5;
}

.service-box.service-box-01 {
  padding: 40px;
  background-color: #fff;
  border: 1px solid #eee;
}

.service-box.service-box-01 .icon-container {
  width: 60px;
  height: 60px;
  margin-bottom: 30px;
  border: 2px solid #c5dadc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.service-box.service-box-01 .icon-container i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 60px;
  height: 60px;
}

.service-box.service-box-02 .icon-container {
  float: left;
  width: 60px;
  height: 60px;
  border: 2px solid #c5dadc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.service-box.service-box-02 .icon-container i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 60px;
  height: 60px;
}

.service-box.service-box-02 .text-container {
  padding-left: 80px;
}

.service-box.service-box-03 {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 1px 8px #eee;
  -moz-box-shadow: 0 1px 8px #eee;
  box-shadow: 0 1px 8px #eee;
}

.service-box.service-box-03 .icon-container {
  width: 30px;
  height: 30px;
  float: left;
}

.service-box.service-box-03 .text-container {
  padding-left: 50px;
}

.service-box.service-box-03 .text-container p {
  padding-bottom: 0;
}

.service-box.service-box-03 .text-container h3 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
}

.service-box.service-box-listed>li {
  list-style: none;
  width: 50%;
  float: left;
  padding-right: 15px;
  margin-bottom: 50px;
}

.service-box.service-box-listed>li:nth-child(2n) {
  padding-right: 0;
  padding-left: 15px;
}

.service-box.service-box-listed .icon-container {
  width: 30px;
  float: left;
}

.service-box.service-box-listed .icon-container>i {
  font-size: 30px;
}

.service-box.service-box-listed .text-container {
  padding-left: 50px;
}

.service-box.service-box-listed .text-container p {
  padding-bottom: 0;
}

.service-box.service-box-listed .text-container h3 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
}

.service-box.service-box-04 .media {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.service-box.service-box-04 .icon-container {
  width: 30px;
  height: 30px;
  float: left;
}

.service-box.service-box-04 .text-container {
  padding-left: 50px;
}

.service-box.service-box-04 .text-container p {
  padding-bottom: 10px;
}

.service-box.service-box-04 .text-container h3 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
}

.col-md-12 .service-box.service-box-listed li {
  width: 25%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-12 .service-box.service-box-listed li:nth-child(2n) {
  padding-right: 15px;
  padding-left: 15px;
}

/*  
    6.28. ELEMENTS - SLIDER
    ========================================================================= */
/*  6.28.1. MASTER SLIDER
    ------------------------------------------------------------------------- */
#mastersliderFullArrows,
#mastersliderFullWidth,
#mastersliderFullWidth02,
#mastersliderFullWidth03 {
  max-width: 100%;
  min-height: 650px;
  margin-bottom: 50px !important;
}

#mastersliderFullArrows.master-slider-full-screen,
#mastersliderFullWidth.master-slider-full-screen,
#mastersliderFullWidth02.master-slider-full-screen,
#mastersliderFullWidth03.master-slider-full-screen {
  min-height: 1000px;
}

#mastersliderFullArrows.mb-0,
#mastersliderFullWidth.mb-0,
#mastersliderFullWidth02.mb-0,
#mastersliderFullWidth03.mb-0 {
  margin-bottom: 0 !important;
}

.master-slider {
  margin-bottom: 120px;
  overflow: hidden !important;
}

.ms-view {
  background: #1d0e46;
}

/* 
    STYLING NAVIGATION ARROWS    
*/
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
  right: 0;
  left: auto;
}

.ms-skin-default .ms-nav-next {
  width: 44px;
  height: 44px;
  margin-top: 20px;
  background: url("../img/svg/arrow-next.svg");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.ms-skin-default .ms-nav-prev {
  width: 44px;
  height: 44px;
  margin-top: -40px;
  background: url("../img/svg/arrow-prev.svg");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

/*  
    MASTER SLIDER CAPTIONS, HEADINGS AND LINKS
*/
.pi-caption-small {
  color: #c5dadc;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.pi-caption {
  margin-bottom: 0;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 600;
  font-size: 72px;
  line-height: 92px;
  -webkit-text-shadow: 1px 1px 0px #2f3643;
  -moz-text-shadow: 1px 1px 0px #2f3643;
  box-text-shadow: 1px 1px 0px #2f3643;
}

.pi-caption-02 {
  margin-bottom: 0;
  color: #1d0e46;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 48px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-text-shadow: 1px 1px 0px #2f3643;
  -moz-text-shadow: 1px 1px 0px #2f3643;
  box-text-shadow: 1px 1px 0px #2f3643;
}

.pi-link,
.pi-link-dark {
  color: #fff;
  background-repeat: no-repeat;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 44px;
  letter-spacing: 1px;
}

.pi-link-dark {
  color: #1d0e46;
}

.pi-link-arrow {
  width: 44px;
  height: 44px;
}

.pi-text {
  color: #1d0e46;
  font-size: 18px;
  line-height: 26px;
}

/*  
    VIDEO SLIDE OVERLAY
*/
.ms-slide .ms-slide-bgvideocont {
  position: relative;
}

.ms-slide .ms-slide-bgvideocont::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030d26+0,030d26+100&0.8+0,0.4+50,0.8+100 */
  background: -moz-linear-gradient(top, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc030d26', endColorstr='#cc030d26', GradientType=0);
  /* IE6-9 */
}

.ms-slide .ms-slide-bgcont::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030d26+0,030d26+100&0.8+0,0.4+50,0.8+100 */
  background: -moz-linear-gradient(top, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc030d26', endColorstr='#cc030d26', GradientType=0);
  /* IE6-9 */
}

/*  6.28.2. NIVO SLIDER
    ------------------------------------------------------------------------- */
.nivo-caption {
  top: 0;
  max-width: 360px;
  padding: 70px 40px 20px 40px;
  background-color: #1d0e46;
}

.nivo-caption p,
.nivo-caption h1,
.nivo-caption h2,
.nivo-caption h3,
.nivo-caption h4,
.nivo-caption h5,
.nivo-caption h6 {
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.nivo-controlNav {
  position: relative;
  top: -50px;
  z-index: 1000;
  text-align: left;
  padding: 15px 40px;
  text-indent: -9999px;
}

.nivo-controlNav a {
  display: block;
  float: left;
  margin-left: 3px;
  width: 8px;
  height: 8px;
  background-color: #748182;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.nivo-controlNav a.active {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  background-color: #fff;
}

.nivo-directionNav a {
  display: block;
  width: 44px;
  height: 44px;
  right: 15px;
  left: initial;
}

.nivo-directionNav a.nivo-nextNav {
  width: 44px;
  height: 44px;
  margin-top: 20px;
  background: url("../img/slider/arrow-next.svg");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.nivo-directionNav a.nivo-prevNav {
  width: 44px;
  height: 44px;
  margin-top: -40px;
  background: url("../img/slider/arrow-prev.svg");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.slider-wrapper div[id^="slider-caption-"] {
  display: none;
}

/*  
    6.29. ELEMENTS - SOCIAL PHOTO STREAMS
    ========================================================================= */
.social-feed {
  width: 100%;
  float: left;
}

.social-feed>ul {
  width: 100%;
  float: left;
}

.social-feed>ul>li {
  display: block;
  width: 87px;
  height: 87px;
  list-style: none;
  float: left;
  padding-right: 5px;
  margin-bottom: 5px;
}

.social-feed>ul>li:nth-child(3n) {
  padding-right: 0;
}

.social-feed>ul>li img {
  width: 87px;
  height: 87px;
}

.col-md-3 .social-feed>ul {
  padding-left: 0;
}

.col-md-4 .social-feed>ul>li {
  width: 100px;
  height: 100px;
}

.col-md-4 .social-feed>ul>li img {
  width: 100px;
  height: 100px;
}

.tweets-list-container {
  width: 100%;
  overflow: hidden;
}

.tweets-list-container>.tweet-list {
  position: relative;
  list-style-type: none;
  padding: 0;
}

.tweets-list-container>.tweet-list>li {
  padding-bottom: 10px;
}

.tweets-list-container>.tweet-list>li.profile-image {
  padding-left: 60px;
}

.tweets-list-container>.tweet-list.twitter-logo>li {
  background-image: url("../img/svg/twitter-logo-light.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 40px;
}

/*  
    6.30. ELEMENTS - TABLE
    ========================================================================= */
.table {
  border: none;
  border-color: transparent;
}

.table>thead>tr>th {
  padding-bottom: 15px;
  border-bottom: 1px solid #c5dadc;
  font-weight: 500;
  color: #1d0e46;
}

.table>tbody>tr {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.table>tbody>tr>td {
  padding: 15px 8px;
  font-size: 13px;
}

.table>tbody>tr>td>p {
  font-size: 13px;
}

.table>tfoot>tr>td {
  padding: 15px 8px;
  font-size: 13px;
}

.table.events-table>tbody>tr td:first-child {
  color: #1d0e46;
  font-weight: 500;
  background-color: #eff3f7;
}

.table.events-table>tbody>tr>td {
  padding: 15px;
}

.table.table-hover>tbody>tr:hover {
  background-color: #eff3f7;
}

/*  
    6.31. ELEMENTS - TABS
    ========================================================================= */
.tabs-container>.tabs {
  overflow: hidden;
}

.tabs-container>.tabs>li {
  position: relative;
  overflow: hidden;
  float: left;
  list-style: none;
  cursor: pointer;
}

.tabs-container>.tabs>li>a {
  padding-right: 25px;
  color: #1d0e46;
  font-weight: 500;
}

.tabs-container>.tabs.vertical {
  float: left;
  width: 30%;
  border-right: 1px solid #eee;
}

.tabs-container>.tabs.vertical>li {
  width: 100%;
  border-bottom: none;
}

.tabs-container>.tabs.vertical>li a {
  display: block;
  width: 100%;
}

.tabs-container>.tab-content-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: 30px;
}

.tabs-container>.tab-content-wrap.vertical {
  float: left;
  width: 70%;
  padding-top: 0;
  padding-left: 30px;
}

.tabs-container.tabs-simple>.tabs>li {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.tabs-container.tabs-simple>.tabs.vertical>li {
  width: 100%;
  border-bottom: none;
}

.tabs-container.tabs-dark>.tabs>li {
  padding: 0;
}

.tabs-container.tabs-dark>.tabs>li a {
  background-color: #1d0e46;
  display: block;
  color: #fff;
  padding: 15px 25px;
}

.tabs-container.tabs-dark>.tab-content-wrap {
  padding: 40px;
  background-color: #eff3f7;
}

.tabs-container.tabs-theme>.tabs>li {
  padding: 0;
}

.tabs-container.tabs-theme>.tabs>li a {
  background-color: #eff3f7;
  display: block;
  color: #1d0e46;
  padding: 15px 25px;
}

.tabs-container.tabs-theme>.tab-content-wrap {
  background-color: #fff;
}

/*  
    6.32. ELEMENTS - TEAM MEMBER
    ========================================================================= */
.team-horizontal {
  display: block;
  width: 100%;
  margin-bottom: 80px;
}

.team-horizontal>img {
  float: left;
  width: 263px;
}

.team-horizontal .team-details-container {
  padding-left: 293px;
}

.team-details-container p {
  font-size: medium;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
  line-height: 1.6;
  margin: 0;
  text-align: justify !important;
}

/*  
    6.33. ELEMENTS - TESTIMONIAL
    ========================================================================= */
.page-content.dark .testimonial-style-01>p {
  color: #fff;
}

.testimonial-style-01>p {
  font-family: "PT Serif", Georgia, Times New Roman, serif;
  font-size: 21px;
  font-style: italic;
  line-height: 30px;
  text-align: center;
}

.testimonial-style-01 span {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 21px;
}

.testimonial-style-02 {
  position: relative;
  margin-left: 30px;
  margin-bottom: 10px;
  padding: 30px 30px 30px 60px;
  background-color: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 1px 10px #eee;
  -moz-box-shadow: 0px 1px 10px #eee;
  box-shadow: 0px 1px 10px #eee;
}

.testimonial-style-02::before {
  position: absolute;
  display: block;
  top: 0;
  left: -30px;
  content: "\f10d";
  width: 60px;
  height: 60px;
  font-family: "FontAwesome";
  font-size: 15px;
  line-height: 60px;
  text-align: center;
  color: #fff;
}

.testimonial-style-02 .author {
  color: #1d0e46;
  font-weight: 600;
}

/*  
    6.34. ELEMENTS - VIDEO
    ========================================================================= */
iframe {
  width: 100%;
  height: auto;
  min-height: 300px;
}

/*  
    6.35. ELEMENTS - WIDGETS
    ========================================================================= */
/*  6.35.1. BASIC WIDGET STYLING
    ------------------------------------------------------------------------- */
.footer-widget-container .widget>.title h1,
.footer-widget-container .widget>.title h2,
.footer-widget-container .widget>.title h3,
.footer-widget-container .widget>.title h4,
.footer-widget-container .widget>.title h5,
.footer-widget-container .widget>.title h6 {
  color: #1d0e46;
}

.widget {
  display: block;
  width: 100%;
  margin-bottom: 50px;
}

.widget>.title h1,
.widget>.title h2,
.widget>.title h3,
.widget>.title h4,
.widget>.title h5,
.widget>.title h6 {
  font-size: 18px;
  margin-bottom: 30px;
}

.widget>li {
  list-style: none;
}

.widget>ul {
  padding-left: 0;
}

.widget>ul.contact-info-list {
  padding-left: 10px;
}

.widget>ul.contact-info-list li {
  list-style: none;
}

.widget>ul.contact-info-list li::before {
  display: none;
}

.widget>ul>li {
  position: relative;
  list-style: none;
  padding-left: 15px;
}

.widget>ul>li::before {
  display: block;
  position: absolute;
  content: "\f061";
  top: -2px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 10px;
}

.aside-widgets>li.widget:last-child {
  margin-bottom: 0;
}

/*  6.35.2. WIDGET - CONTACT INFO LIST 
    ------------------------------------------------------------------------- */
.contact-info-list>li {
  padding-left: 25px;
}

.contact-info-list>li i {
  position: relative;
  margin-left: -25px;
  margin-right: 10px;
  width: 20px;
}

/*  6.35.3. WIDGET - DOWNLOAD LINKS (BROCHURE DOWNLOAD)
    ------------------------------------------------------------------------- */
a.download-link {
  position: relative;
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #eee;
  padding: 15px 20px 15px 45px;
  margin-bottom: 2px;
}

a.download-link::before {
  display: block;
  position: absolute;
  left: 20px;
  content: "\f1c1";
  font-family: "FontAwesome";
}

#footer-wrapper .footer-widget-container a.download-link {
  background-color: #1a2236;
  border-color: #1a2236;
}

/*  6.35.4. WIDGET - NAV MENU (IN SIDEBAR)
    ------------------------------------------------------------------------- */
.widget_nav_menu .menu {
  padding-left: 0;
}

.widget_nav_menu .menu-item {
  width: 100%;
  list-style: none;
  background-color: #fff;
  border: 1px solid #eee;
  padding: 15px 20px;
  margin-bottom: 2px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.widget_nav_menu .menu-item>a {
  position: relative;
  display: block;
  width: 100%;
}

.widget_nav_menu .menu-item>a::after {
  position: absolute;
  display: block;
  content: "\f054";
  top: -2px;
  right: 0;
  font-family: "FontAwesome";
  font-size: 10px;
}

.widget_nav_menu .menu-item.current-menu-item {
  background-color: #eff3f7;
}

.widget_nav_menu .menu-item.current-menu-item>a:hover {
  color: #acb4b5;
}

.widget_nav_menu .menu-item:hover {
  background-color: #eff3f7;
}

.widget_nav_menu .menu-item:hover>a {
  color: #acb4b5;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item {
  background-color: #1a2236;
  border-color: #1a2236;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item.current-menu-item {
  background-color: #242b3c;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item.current-menu-item>a {
  color: #fff;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item:hover {
  background-color: #242b3c;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item:hover>a {
  color: #c5dadc;
}

/*  6.35.5. WIDGET - NEWSLETTER WIDGET
    ------------------------------------------------------------------------- */
.newsletter-widget {
  display: table;
  margin: 0 auto;
}

.newsletter-widget .email {
  padding: 15px 130px 15px 30px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -ms-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #748182;
}

.newsletter-widget ::-webkit-input-placeholder {
  color: #748182;
}

.newsletter-widget :-moz-placeholder {
  color: #748182;
}

.newsletter-widget ::-moz-placeholder {
  color: #748182;
}

.newsletter-widget :-ms-input-placeholder {
  color: #748182;
}

.newsletter-widget .submit {
  position: relative;
  left: -5px;
  border: none;
  padding: 15px 30px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.aside-widgets .newsletter-widget .email {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.aside-widgets .newsletter-widget .submit {
  margin-top: 5px;
  left: 0;
  width: 100%;
}

.footer-widget-container .newsletter-widget .email {
  background-color: #1a2236;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -ms-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
  color: #c5dadc;
  border: none;
}

.footer-widget-container .newsletter-widget ::-webkit-input-placeholder {
  color: #c5dadc;
}

.footer-widget-container .newsletter-widget :-moz-placeholder {
  color: #c5dadc;
}

.footer-widget-container .newsletter-widget ::-moz-placeholder {
  color: #c5dadc;
}

.footer-widget-container .newsletter-widget :-ms-input-placeholder {
  color: #c5dadc;
}

.footer-widget-container .newsletter-widget .submit {
  left: -5px;
  width: initial;
}

/*  6.35.6. WIDGET - TAG CLOUD
    ------------------------------------------------------------------------- */
.tagcloud>a {
  float: left;
  border: 1px solid #eee;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.tagcloud>a:hover {
  color: #fff;
}

.footer-widget-container .tagcloud>a {
  border: 1px solid #1a2236;
}

.footer-widget-container .tagcloud>a:hover,
.footer-widget-container .tagcloud>a:focus {
  color: #fff !important;
}

/*# sourceMappingURL=style.css.map */

/* =============================================================================
    7. OFF-CANVAS - CONTACT
    ========================================================================= */

.offcanvas-custom {
  position: fixed;
  top: 0;
  left: -375px;
  width: 375px;
  height: 100%;
  background-color: #ffffff;
  z-index: 1040;
  overflow-y: auto;
  transition: left 0.3s ease-in-out;
  padding: 15px;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
}

.offcanvas-custom.open {
  left: 0;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1030;
  display: none;
}

.offcanvas-backdrop.open {
  display: block;
}

.offcanvas-body {
  color: #000;
}

/*  7.1. OFF-CANVAS - CONTACT - HEADER
    ------------------------------------------------------------------------- */
.offcanvas-header {
  display: flex;
  align-items: center;
}

/* Header Text */
.texto {
  font-size: 16px;
  margin-right: 100px;
}

/*  7.1.1. CLOSE BUTTON
    ------------------------------------------------------------------------- */

.close-button {
  background: none;
  border: none;
  color: #333;
  font-size: 35px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.close-button:hover {
  color: #1a2236;
}

.finalinea {
  border-bottom: 1px solid #1a2236;
  width: 100%;
}

/* =============================================================================
    8. COOKIES
    ========================================================================= */

.cookie-icon {
  margin-top: 10px;
  margin-left: 5px;
  width: 25px;
  height: 25px;
}

#CookieModal .modal-header,
#CookieModal .modal-body,
#CookieModal .modal-footer {
  border: none;
}