/*

* Template Name: Leven - Resume / CV / vCard Template

* Author: lmpixels

* Author URL: http://themeforest.net/user/lmpixels

* Version: 1.1.0

*/



/* =============================================================================



1. General styles (Buttons, Inputs, Typography)

2. Page loadig animation

3. Page container

4. Site header (Panel with logo & navigation)

5. Site content

6. Pages

7. Sliders (testimonials & portfolio carousels)

8. Portfolio Full info page

9. Single Page Layout (Blog Post page ...)

10. Pricing

11. Blog

12. 404 Page

13. Media Queries

14. Additional Home Page Styles



============================================================================= */



/* Google fonts */

@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i');



/* Linear Icons Font */

@import url('./fonts/linear-icons-font/style.css');



/* FontAwesome Free Icons Font */

@import url('./fonts/fontawesome-free-5.12.1-web/css/all.min.css');



@import url('./fonts/linecons/style.css');



/* ============================================================================= 

1. General styles

============================================================================= */



html {

  position: relative;

  height: 100%;

  min-height: 100%;

  width: 100%;

  overflow: hidden;

}



body {

  position: initial;

  font-family: 'Poppins', Helvetica, sans-serif;

  font-size: 14px;

  font-weight: 400;

  margin: 0;

  width: 100%;

  height: 100%;

  min-height: 100%;

  background-color: #007ced;

  background-position: center center;

  background-size: calc(100% + 25px);

  background-repeat: repeat;

  background-attachment: fixed;

  overflow-y: auto;

  overflow-x: hidden;

}



/* Body Animated Background */

.lm-animated-bg {

  position: absolute;

  width: auto;

  height: auto;

  top: -18px;

  left: -18px;

  right: -18px;

  bottom: -18px;

  background-image: url(../img/main_bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

}

/* /Body Animated Background */



.page-scroll {

  width: 100%;

  height: auto;

  min-height: 100%;

   vertical-align: middle;

  -ms-flex-pack: center;

  justify-content: center;

  flex-direction: column;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-direction: normal;

  -moz-box-direction: normal;

  -webkit-box-orient: horizontal;

  -moz-box-orient: horizontal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-box-align: center;

  -moz-box-align: center;

  -webkit-align-items: center;

  align-items: center;

  -ms-flex-align: center;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}



.add-prespective {

  -webkit-perspective: 1200px;

  -moz-perspective: 1200px;

  perspective: 1200px;

}



body.ajax-page-visible {

  overflow: hidden;

}



.transition {

  -webkit-transition: all .2s;

  -moz-transition: all .2s;

  -o-transition: all .2s;

  -ms-transition: all .2s;

  transition: all .2s;

}



a {

  color: #007ced;

  text-decoration: none;

  outline: none;

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



a:hover {

  color: #007ced;

  text-decoration: none;

  outline: none;

}



a:focus {

  outline: 0;

  text-decoration: none;

}



h1, h2, h3, h4, h5, h6 {

  font-family: 'Poppins', Helvetica, sans-serif;

  font-weight: 600;

  font-style: normal;

  color: black;

}



h1 {

  font-size: 32px;

}



h2 {

  font-size: 27px;

}



h3 {

  font-size: 21px;

}



h4 {

  font-size: 18px;

}



h5 {

  font-size: 16px;

}



h6 {

  font-size: 14px;

}



body, p {

  font-family: 'Poppins', Helvetica, sans-serif;

  font-size: 14px;

  font-weight: 400;

  font-style: normal;

  line-height: 1.75em;

  color: black;

  text-align: justify;

}

.testimonial-text p {

  font-size: 14px;

  color: #d5d5d5;

  margin: 0 0 10px;

  text-align: justify;

}



p.lead {

  font-size: 18px;

  margin: 25px 0;

}



ol, ul {

    padding: 0 0 0 40px;

    margin: 1em 0;

}



ol ol, ol ul, ul ol, ul ul {

  margin: 1em 0;

}



dd {

    margin: 0 0 24px;

}



img {

  vertical-align: bottom;

  max-width: 100%;

  height: auto;

  border: 0;

  -ms-interpolation-mode: bicubic;

}



.mobile-visible {

  display: none;

  visibility: hidden;

}



.mobile-hidden {

  display: block;

  visibility: visible;

}



/* Form controls */

.form-group {

  position: relative;

  margin: 0 0 21.5px;

}

.form-control,

.form-control:focus {

  height: 42px;

}



.form-control,

.form-control:focus,

.has-error .form-control,

.has-error .form-control:focus,

input[type="search"],

input[type="password"],

input[type="text"],

input[type="email"] {

  position: relative;

  border: 2px solid #555;

  border-radius: 5px;

  display: block;

  font-size: 1em;

  margin: 0;

  padding: 10px 25px 10px 12px;

  width: 100%;

  min-width: 100%;

  background: 0 0;

  text-align: left;

  color: #eee;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  outline: none;

  font-family: 'Poppins', Helvetica, sans-serif;

}



.form-control,

.form-control:focus,

.has-error .form-control,

.has-error .form-control:focus,

input[type="search"],

input[type="password"],

input[type="text"],

input[type="email"],

.header-search input.form-control {

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0);

}



textarea.form-control, textarea.form-control:focus {

  height: auto;

}



.form-control + .form-control-border {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

  border-radius: 5px;

  top: 0;

  opacity: 0;

  background: transparent !important;

  border:2px solid #007ced;

  border-right-width: 0;

  height: 100%;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.form-control:focus + .form-control-border {

  left: 0;

  right: 0;

  height:100%;

  z-index: 1;

  opacity: 1;

  border-right-width: 2px;

}



.has-error .form-control + .form-control-border {

  border-color: #ff4c4c;

  background-color: transparent;

}



/* Placeholders */

.form-control::-moz-placeholder {

  color: #adadac;

}



.form-control:-ms-input-placeholder {

  color: #adadac;

}



.form-control::-webkit-input-placeholder {

  color: #adadac;

}

/* /Placeholders */



.form-group .help-block {

  position: absolute;

  display: inline-block;

  padding: 0px 5px;

  font-size: 0.93em;

  line-height: 1.75em;

  margin: -2px 0 0 10px;

  color: #fff;

  background: #ff4e4e;

  z-index: 1;

}



.form-group .help-block:after {

  content: " ";

  position: absolute;

  left: 5px;

  bottom: 100%;

  width: 0;

  height: 0;

  border-bottom: 10px solid #ff4e4e;

  border-right: 10px solid transparent;

}

.form-group .help-block:empty {

  display: none;

}



.form-group-with-icon i {

  position: absolute;

  font-size: 16px;

  top: 13px;

  right: 13px;

  color: #d3d3d3;

}



.form-group-with-icon.form-group-focus i {

  color: #007ced;

}



.form-group.form-group-w-checkbox {

  padding-top: 0;

  padding-bottom: 8px;

  margin-bottom: 17px;

}



.form-group-with-icon.form-group-w-checkbox {

  padding-top: 8px;

  padding-left: 52px;

  margin-bottom: 25px;

}



.form-group .form-control-checkbox + label,

.form-group.form-group-focus .form-control-checkbox + label {

  position: relative;

  display: inline;

  left: 0;

  top: 0;

  font-size: 1em;

  opacity: 1;

}



.form-group .form-control-checkbox,

.form-group.form-group-focus .form-control-checkbox {

  display: inline-block;

  width: auto;

  height: auto;

  top: 2px;

}



.form-group.form-group-w-checkbox .help-block {

  top: 100%;

  left: 0;

  margin-left: 0;

}



.form-group.form-group-with-icon.form-group-w-checkbox .help-block {

  left: 52px;

}

/* /Form controls */



.no-padding {

  padding: 0;

}



.subpage-block {

  margin-bottom: 30px;

}



.text-rotation {

  display: block;

}



.center {

  text-align: center;

}



figure {

  max-width: 100%;

}



.hidden {

  display: none;

  visibility: hidden;

}



pre {

  display: block;

  padding: 9.5px;

  margin: 0 0 10px;

  line-height: 1.42857143;

  color: #333;

  word-break: break-all;

  word-wrap: break-word;

  background-color: #f5f5f5;

  border: 1px solid #ccc;

  border-radius: 4px;

}



/* buttons */

.btn-primary,

.btn-secondary,

button,

input[type="button"],

input[type="submit"],

.wp-block-button .wp-block-button__link {

  display: inline-block;

  position: relative;

  padding: .8em 2.1em;

  margin-bottom: .75em;

  margin-right: .25em;

  font-size: 1em;

  line-height: 1.2;

  border: 0;

  outline: 0;

  border: 2px solid #007ced;

  color: #fff;

  text-shadow: none;

  background-color: #333;

  border-radius: 30px;

  font-family: 'Poppins', Helvetica, sans-serif;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  box-shadow: 0px 10px 10px -8px rgba(0,0,0,.78);

}



.btn-primary:last-child,

.btn-secondary:last-child,

button:last-child,

input[type="button"]:last-child,

input[type="submit"]:last-child,

.wp-block-button .wp-block-button__link:last-child {

  margin-right: 0;

}



.btn-primary:hover,

.btn-primary:focus,

button:hover,

button:focus,

input[type="button"]:hover,

input[type="button"]:focus,

input[type="submit"]:hover,

input[type="submit"]:focus {

  background-color: #007ced;

  color: #fff;

  border: 2px solid #007ced;

}

.btn-primary {

  border-color: #d5d5d5;

  color: #fff;

  background-color: #007ced;

  box-shadow: 0px 10px 10px -8px rgba(0,0,0,.78);

}


.btn-secondary {

  border-color: #d5d5d5;

  color: #fff;

  background-color: #007ced;

  box-shadow: 0px 10px 10px -8px rgba(0,0,0,.78);

}



.btn-secondary:hover,

.btn-secondary:focus {

  color: #fff;

  border: 2px solid #007ced;

  background-color: #007ced;

}



.mfp-container button {

  box-shadow: none;

}

/* / buttons */



.border-top {

  border-top: 2px solid #007ced;

}



.border-bottom {

  border-bottom: 2px solid #007ced;

}



/* Footer */

body > footer {

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

}



/* copyrights block */

body > footer .copyrights {

  display: block;

  margin-bottom: 12px;

  text-align: center;

  font-size: 12px;

  color: #9e9e9e;

}

/* / copyrights block */

/* / Footer */



/* Alignment */



.alignleft {

  float: left;

  margin-right: 20px;

}



.alignright {

  float: right;

  margin-left: 20px;

}



.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.alignfull {

  margin-left: -120px;

  margin-right: -120px;

  min-width: calc(100% + 240px);

}



.alignwide {

  margin-left: -60px;

  margin-right: -60px;

  min-width: calc(100% + 120px);

}



.wp-block-image .alignleft {

  margin-right: 30px;

}



.wp-block-image .alignright {

  margin-left: 30px;

}



blockquote.alignleft,

figure.wp-caption.alignleft,

img.alignleft {

  margin: 7px 24px 7px 0;

}



.wp-caption.alignleft {

  margin: 7px 14px 7px 0;

}



.wp-block-cover,

.wp-block-cover-image {

  margin-bottom: 20px;

}



blockquote.alignright,

figure.wp-caption.alignright,

img.alignright {

  margin: 7px 0 7px 24px;

}



.wp-caption.alignright {

  margin: 7px 0 7px 14px;

}



blockquote.aligncenter,

img.aligncenter,

.wp-caption.aligncenter {

  margin-top: 7px;

  margin-bottom: 7px;

}



.site-content blockquote.alignleft,

.site-content blockquote.alignright {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-top: 17px;

  width: 50%;

}



.site-content blockquote.alignleft p,

.site-content blockquote.alignright p {

  margin-bottom: 17px;

}

/* Assistive text */



/* table */

table,

th,

td {

  border: 1px solid rgba(0, 0, 0, 0.1);

}



table {

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  margin-bottom: 24px;

  width: 100%;

}



caption,

th,

td {

  font-weight: normal;

  text-align: left;

}



th {

  border-width: 0 1px 1px 0;

  font-weight: bold;

  padding: .5em;

}



td {

  border-width: 0 1px 1px 0;

  padding: .5em;

}

/* /table */



/* White Spaces */

.p-10 {

  padding-top: 10px;

}



.p-20 {

  padding-top: 20px;

}



.p-30 {

  padding-top: 30px;

}



.p-40 {

  padding-top: 40px;

}



.p-50 {

  padding-top: 50px;

}



.p-60 {

  padding-top: 60px;

}



.p-70 {

  padding-top: 70px;

}



.p-80 {

  padding-top: 80px;

}



.p-90 {

  padding-top: 90px;

}



.p-100 {

  padding-top: 100px;

}

/* /White Spaces */





/* ============================================================================= 

2. Page loadig animation

============================================================================= */

.no-js .preloader,

.no-js .preloader-portfolio { 

  display: none;

}

.preloader,

.preloader-portfolio {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background-color: #222;

}



.preloader-animation {

  position: absolute;

  top: 50%;

  left: 50%;

  text-align: center;

  background-color: inherit;

  color: inherit;

  opacity: 1;

  transition: opacity 0.3s;

  transform: translate3d(-50%,-50%,0);

}



.preloader-spinner {

  width: 52px;

  height: 52px;

  margin: 100px auto;

  background-color: #007ced;



  border-radius: 100%;  

  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;

  animation: sk-scaleout 1.0s infinite ease-in-out;

}



@-webkit-keyframes sk-scaleout {

  0% { -webkit-transform: scale(0) }

  100% {

    -webkit-transform: scale(1.1);

    opacity: 0;

  }

}



@keyframes sk-scaleout {

  0% { 

    -webkit-transform: scale(0);

    transform: scale(0);

  } 100% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    opacity: 0;

  }

}





/* ============================================================================= 

3. Page container

============================================================================= */

.page-container {

  display: flex;

  flex-flow: column;

  position: relative;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 1240px;

  margin: 3% auto;

  padding: 40px 50px 60px;

  background-color: #fcefc6;

  -webkit-box-shadow: 0px 0px 40px -10px rgba(0,0,0,.2);

  -moz-box-shadow: 0px 0px 40px -10px rgba(0,0,0,.2);

  box-shadow: 0px 0px 40px -10px rgba(0,0,0,.2);

  border-radius: 40px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}



.transform3d {

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}



.flex-v-align {

  vertical-align: middle;

  width: 100%;

  min-height: 100%;

  align-items: center;

  display: flex;

  display: -ms-flexbox;

  -ms-flex-pack: center;

  justify-content: center;

  flex-direction: column;

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-direction: normal;

  -moz-box-direction: normal;

  -webkit-box-orient: horizontal;

  -moz-box-orient: horizontal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: center;

  -moz-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-box-align: center;

  -moz-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

  margin: 0;

}



.flex-direction-reverse {

  flex-direction: row-reverse;

}



.fw-section-fluid {

  width: calc( 100% + 140px );

  margin: 0 -70px;

  padding: 0 45px;

}




.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



@keyframes fadeOutLeft {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}



@-webkit-keyframes flipInLeft {

  from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }

}

@keyframes flipInLeft {

  from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }

}



.transition-flip-in-right {

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-animation: flipInLeft .5s both ease-out;

  animation: flipInLeft .5s both ease-out;

}



.transition-swap {

  -webkit-animation-name: swap;

  animation-name: swap; }



@-webkit-keyframes swap {

  0% {

    opacity: 0;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%;

    -webkit-transform: scale(0, 0) translate(0px, 0px);

    transform: scale(0, 0) translate(0px, 0px); }

  100% {

    opacity: 1;

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

    -webkit-transform: scale(1, 1) translate(0px, 0px);

    transform: scale(1, 1) translate(0px, 0px);

  }

}



@keyframes swap {

  0% {

    opacity: 0;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%;

    -webkit-transform: scale(0, 0) translate(0px, 0px);

    transform: scale(0, 0) translate(0px, 0px); }

  100% {

    opacity: 1;

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

    -webkit-transform: scale(1, 1) translate(0px, 0px);

    transform: scale(1, 1) translate(0px, 0px);

  }

}





.transition-vanish-in {

  -webkit-animation-name: vanishIn;

          animation-name: vanishIn; }



@-webkit-keyframes vanishIn {

  0% {

    opacity: 0;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(2, 2);

            transform: scale(2, 2);

    -webkit-filter: blur(90px);

            filter: blur(90px); }

  100% {

    opacity: 1;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

  }

}



@keyframes vanishIn {

  0% {

    opacity: 0;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(2, 2);

            transform: scale(2, 2);

    -webkit-filter: blur(90px);

            filter: blur(90px); }

  100% {

    opacity: 1;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

  }

}





.transition-puff-in {

  -webkit-animation-name: puffIn;

          animation-name: puffIn;

}



@-webkit-keyframes puffIn {

  0% {

    opacity: 0;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(2, 2);

            transform: scale(2, 2);

    -webkit-filter: blur(2px);

            filter: blur(2px);

  }

  100% {

    opacity: 1;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

  }

}



@keyframes puffIn {

  0% {

    opacity: 0;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(2, 2);

            transform: scale(2, 2);

    -webkit-filter: blur(2px);

            filter: blur(2px); }

  100% {

    opacity: 1;

    -webkit-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

    -webkit-filter: blur(0px);

            filter: blur(0px);

  }

}



.transition-space-in-right {

  -webkit-animation-name: spaceInRight;

  animation-name: spaceInRight;

}



@-webkit-keyframes spaceInRight {

  0% {

    opacity: 0;

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transform: scale(0.2) translate(200%, 0%);

    transform: scale(0.2) translate(200%, 0%);

  }

  100% {

    opacity: 1;

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transform: scale(1) translate(0%, 0%);

    transform: scale(1) translate(0%, 0%);

  }

}



@keyframes spaceInRight {

  0% {

    opacity: 0;

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transform: scale(0.2) translate(200%, 0%);

    transform: scale(0.2) translate(200%, 0%);

  }

  100% {

    opacity: 1;

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transform: scale(1) translate(0%, 0%);

    transform: scale(1) translate(0%, 0%);

  }

}



.transition-twister-in-up {

  -webkit-animation-name: twisterInUp;

  animation-name: twisterInUp;

}



@-webkit-keyframes twisterInUp {

  0% {

    opacity: 0;

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0;

    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);

    transform: scale(0, 0) rotate(360deg) translateY(100%);

  }

  30% {

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0;

    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);

    transform: scale(0, 0) rotate(360deg) translateY(100%);

  }

  100% {

    opacity: 1;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);

    transform: scale(1, 1) rotate(0deg) translateY(0);

  }

}



@keyframes twisterInUp {

  0% {

    opacity: 0;

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0;

    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);

    transform: scale(0, 0) rotate(360deg) translateY(100%);

  }

  30% {

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0;

    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);

    transform: scale(0, 0) rotate(360deg) translateY(100%);

  }

  100% {

    opacity: 1;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);

    transform: scale(1, 1) rotate(0deg) translateY(0);

  }

}





/* ============================================================================= 

4. Site header (Panel with logo & navigation)

============================================================================= */

.header {

  height: 10%;

  width: 100%;

  padding-bottom: 40px;

  position: relative;

}


.header .logo{

  width: 10%;
  height: 10%;

}




.header.fixed {

  position: fixed;

  left: 0;

  top: 0;

  background-color: #fff;

  right: 0;

  margin: 0 auto;

  max-width: 1240px;

  padding: 20px 50px;

}



.text-logo {

  float: left;
}



.text-logo a {

  display: block;

  outline: 0;

}



.text-logo a:focus {

  outline: 0;

}



.logo-symbol {

  float: left;

  width: 44px;

  height: 44px;

  line-height: 44px;

  background-color: #007ced;

  border-radius: 100px;

  text-align: center;

  color: #fff;

  font-size: 28px;

  font-weight: 800;

  margin-right: 8px;

  margin-top: 4px;

}



.logo-text {

  float: left;

  line-height: 50px;

  font-size: 20px;

  color: #fff;

  font-weight: 600;

}



.logo-text span {

  font-weight: 400;

}



.header-image {

  float: left;

  margin-right: 10px;

}



.site-nav {

  float: right;

}



.site-main-menu {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

  z-index: 99;

}



.site-main-menu li {

  display: inline-block;

  position: relative;

  color: #333;

  text-decoration: none;

  margin-right: 40px;

}



.site-main-menu li:last-child {

  margin-right: 0;

}



.site-main-menu li a {

  color: #f5f5f5;

  text-decoration: none;

  line-height: 50px;

  font-size: 14px;

  opacity: .55;

}



.site-main-menu li.current-menu-item > a,

.site-main-menu li.current-menu-parent > a,

.site-main-menu li:hover > a {

  opacity: 1;

}







/* ============================================================================= 

5. Site content

============================================================================= */

.page-title {

  display: block;

  position: relative;

  background-color: rgb(230, 66, 156);

  border-top: 2px solid #333;

  border-bottom: 2px solid #333;

  padding: 65px 70px;

  margin-right: -50px;

  margin-left: -50px;

  margin-bottom: 65px;

  text-align: left;

}

.page-title .bonhomme_3 {

  position: absolute;
  bottom: -10px;
  right: 170px;

}

.page-title .bonhomme_2 {

  position: absolute;
  bottom: -10px;
  right: 50px;

}



.list-view .page-title {

  margin-bottom: 35px;

}



.page-title h1 {

  font-size: 44px;

  font-weight: 600;

  margin: 0;

  color: #fcefc6;

}



.page-title .page-subtitle {

  display: inline-block;

  position: absolute;

  top: 0;

  right: 70px;

}



.page-title .page-subtitle h4 {

  color: #aaa;

  font-weight: 400;

  font-size: 14px;

  margin: 1.33em 0;

}



.page-layout {

  position: relative;

  min-height: 100%;

  height: 100%;

}

/* Page header */

.page-header {

  margin-top: 0;

}

/* /Page Header */



.content-page-with-sidebar .page-content {

  width: 100%;

}



.blog-sidebar {

  position: fixed;

  display: block;

  width: 310px;

  right: -310px;

  background-color: #fcfcfc;

  padding: 0;

  top: 0;

  height: 100%;

  float: none;

  z-index: 101;

  opacity: 1;

  visibility: visible;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all 0.66s ease-in-out;

  -moz-transition: all 0.66s ease-in-out;

  -o-transition: all 0.66s ease-in-out;

  -ms-transition: all 0.66s ease-in-out;

  transition: all 0.66s ease-in-out;

}



.hidden-sidebar {

  opacity: 0;

  visibility: hidden;

}



.blog-sidebar .blog-sidebar-content {

  overflow: auto;

  height: 100%;

  padding: 15px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.66s ease-in-out;

  -moz-transition: all 0.66s ease-in-out;

  -o-transition: all 0.66s ease-in-out;

  -ms-transition: all 0.66s ease-in-out;

  transition: all 0.66s ease-in-out;

}



.blog-sidebar.open .blog-sidebar-content {

  opacity: 1;

  visibility: visible;

}



.blog-sidebar.open {

  right: 0;

  -webkit-box-shadow: 0 0px 20px 5px rgba(0,0,0,0.08);

  -moz-box-shadow: 0 0px 20px 5px rgba(0,0,0,0.08);

  box-shadow: 0 0px 20px 5px rgba(0,0,0,0.08);

}



.sidebar-toggle {

  position: absolute;

  display: block;

  width: 48px;

  height: 48px;

  line-height: 46px;

  text-align: center;

  background-color: #fcfcfc;

  left: -48px;

  font-size: 19px;

  top: 83px;

  border: 2px solid #eee;

  border-right-width: 0;

  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;

}



.sidebar-toggle {

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  cursor: pointer;

}



.sidebar-toggle span {

  display: block;

  position: absolute;

  height: 3px;

  width: 40%;

  background: #666;

  border-radius: 5px;

  opacity: 1;

  left: 17px;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .25s ease-in-out;

  -moz-transition: .25s ease-in-out;

  -o-transition: .25s ease-in-out;

  transition: .25s ease-in-out;

}



.sidebar-toggle span:before {

  content: '';

  width: 3px;

  height: 3px;

  background-color: #666;

  position: absolute;

  left: -4px;

  border-radius: 5px;

}



.sidebar-toggle.open span:before {

  left: -2px;

}



.sidebar-toggle span:nth-child(1) {

  top: 14px;

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

}



.sidebar-toggle span:nth-child(2) {

  top: 20px;

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

}



.sidebar-toggle span:nth-child(3) {

  top: 26px;

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

}



.sidebar-toggle.open span:nth-child(1) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 15px;

}



.sidebar-toggle.open span:nth-child(2) {

  width: 0%;

  opacity: 0;

}



.sidebar-toggle.open span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  top: 26px;

}



.list-view .paging-navigation {

  margin-left: 30px;

  margin-right: 30px;

  padding-left: 0;

  padding-right: 0;

}





/* custom-pages */

.block-title h2,

h3.comment-reply-title {

  display: inline-block;

  position: relative;

  font-size: 21px;

  margin: 0 0 30px;

  z-index: 1;

  padding-bottom: 7px;

}



.block-title h2:after,

h3.comment-reply-title:after {

  display: block;

  position: absolute;

  content: '';

  width: 30px;

  background-color: #007ced;

  height: 2px;

  bottom: 0;

}



.block-title h2:before,

h3.comment-reply-title:before {

  display: block;

  position: absolute;

  content: '';

  width: 100%;

  background-color: #353535;

  height: 2px;

  bottom: 0;

}



.block-title h3 span {

  color: #007ced;

}



.custom-page-content .block {

  margin-bottom: 30px;

}



.custom-page-content .page-content {

  background-color: #fff;

}



.lmpixels-scroll-to-top {

  position: fixed;

  bottom: 10px;

  right: 15px;

  z-index: 100;

  display: inline-block;

  padding: 0;

  background-color: #333;

  height: 50px;

  width: 50px;

  text-align: center;

  line-height: 50px;

  font-size: 24px;

  cursor: pointer;

  border: 1px solid #222;

  color: #aaa;

  opacity: 1;

  border-radius: 8px;

  visibility: visible;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.12);

  -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.12);

  box-shadow: 0 0 12px 0 rgba(0,0,0,.12);

}



.lmpixels-scroll-to-top:hover {

  color: #0099e5;

}



.lmpixels-scroll-to-top.hidden-btn {

  opacity: 0;

  visibility: hidden;

}





/* ============================================================================= 

6. Home Page Top Part

============================================================================= */

/* =======================================

6.1. Home Page Top Part 1

======================================= */

.home-content {

    margin: 5% 10%;

}



.home-text {

    text-align: left;

    padding-right: 10px;

}



.home-text.hp-left {

    padding-left: 25px;

    padding-right: 0;

}



.home-text h1 {

    font-size: 48px;

    line-height: 56px;

    margin-top: 0;

    margin-bottom: 20px;

}



.home-text h4 {

    font-size: 16px;

    color: #aaa;

    font-weight: 300;

    margin-bottom: 10px;

}



.home-photo {

    display: block;

    position: relative;

    width: 100%;

    padding-bottom: calc(100% - 36px);

    border-radius: 1000px;

    overflow: hidden;

    background-color: #444;

    border: 18px solid #444;

    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,.8);

    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,.8);

    box-shadow: 0px 0px 25px 0px rgba(0,0,0,.8);

}



.home-photo .hp-inner {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    display: block;

    position: absolute;

    top: -18px;

    bottom: -18px;

    width: auto;

    left: -18px;

    right: -18px;
    

}



.home-buttons {

    margin-top: 27px;

}
















/* ============================================================================= 

6. Pages

============================================================================= */

/* =======================================

6.1. Home

======================================= */

.info-list {

  display: inline-block;

  margin: 0;

  padding: 0;

  list-style: none;

}



.info-list li {

  margin: 6px 0;

  text-align: left;

}



.info-list li .title {

  display: inline-block;

  font-weight: 600;

  margin-right: 15px;

  font-family: Poppins, Helvetica, sans-serif;

}



.info-list li .title:after {

    content: '';

    display: block;

    width: 100%;

    height: 2px;

    background-color: #007ced;

}



.info-list li .value {

  display: inline-block;

}



/* Social links */

.social-links-block {

  margin: 25px 0 5px;

}



ul.social-links {

  display: block;

  list-style: none;

  margin: 0;

  padding: 0;

  text-align: left;

}



ul.social-links li {

  display: inline-block;

  margin: 0;

  padding: 0;

}



ul.social-links li a {

  display: inline-block;

  margin: 0 1px 5px;

  width: 34px;

  height: 34px;

  line-height: 34px;

  color: #9e9e9e;

  background-color: transparent;

  border: 1px solid #e0e0e0;

  text-align: center;

  vertical-align: middle;

}



ul.social-links li a:hover {

  color: #212121;

}



ul.social-links li a i {

  font-size: 16px;

  line-height: 32px;

}



ul.social-links li a img {

  vertical-align: text-bottom;

  line-height: 100%;

}



ul.social-links li:last-child a {

  margin-right: 0;

}

/* /Social links */



.single-page-content.start-page-template .content-area {

  position: initial;

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .start-page .section-inner.vcentered .mask {

    height: 100vh;

  }

}







/* =======================================

6.2. Resume subpage

======================================= */

/* Info List 2 */

.info-block-w-icon {

  position: relative;

  text-align: left;

  width: 100%;

  display: table;

  margin: 0;

  padding: 0 10px 30px 0;

}



.info-block-w-icon .ci-icon {

  position: relative;

  display: table-cell;

  padding: 0 10px 5px 0;

  width: 44px;

}



.info-block-w-icon .ci-text {

  position: relative;

  display: table-cell;

  padding: 0 0 0 15px;

  vertical-align: middle;

}



.info-block-w-icon .ci-text h4 {

  margin: 7px 0;

}



.info-block-w-icon .ci-text p {

  font-size: .92em;

}



.info-block-w-icon .ci-text p:last-child {

  margin-bottom: 0;

}



.info-block-w-icon i {

  position: relative;

  display: table-cell;

  font-size: 33px;

  color: #007ced;

}



.info-block-w-icon img {

  position: relative;

  max-width: 54px;

}

/* /Info List 2 */



/* Timeline */

.timeline-item {

  position: relative;

  padding: 25px 0 20px 40px;

}



.timeline-item:before {

  content: '';

  position: absolute;

  display: block;

  height: 100%;

  background-color: #333;

  width: 1px;

  left: 15px;

  bottom: 5px;

}



.timeline-item:after {

  content: '';

  position: absolute;

  display: block;

  height: 1px;

  background-color: #333;

  width: calc(100% - 15px);

  left: 15px;

  bottom: 3px;

}



.timeline-item:first-child {

  padding-top: 3px;

}



.timeline-item:last-child:after {

  display: none;

}



.timeline-item:last-child {

  margin-bottom: 30px;

}



.timeline-item h5.item-period {

  display: inline-block;

  position: relative;

  font-size: 12px;

  font-weight: 500;

  margin: 0 0 5px -40px;

  color: #d5d5d5;

  background-color: #222;

  padding: 0 10px;

  line-height: 23px;

  border: 2px solid #007ced;

  border-radius: 30px;

}



.timeline-item .item-company {

  display: inline-block;

  font-size: 12px;

  color: #aaa;

  opacity: 0.7;

  margin-left: 5px;

}



.timeline-item .item-title {

  font-size: 16px;

  margin: 10px 0 7px;

}



.timeline-item p {

  font-size: .92em;

}

/* /Timeline */



/* Certificates */

.certificate-item {

  position: relative;

  display: table;

  table-layout: fixed;

  width: 100%;

  border: 2px solid #444;

  border-radius: 8px;

  margin-bottom: 20px;

  -webkit-transition: all 2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  -ms-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

}



.certificate-item:hover {

  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  -o-transform: translateY(-5px);

  transform: translateY(-5px);

  -webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

  -o-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

  box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

}



.certi-logo {

  display: table-cell;

  width: 120px;

  height: 100%;

  background-color: #444;

  padding: 25px;

  vertical-align: middle;

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

}



.certi-logo img {

  display: block;

  max-width: 100%;

}



.certi-content {

  display: table-cell;

  width: 100%;

  padding: 20px 25px;

  vertical-align: middle;

}



.certi-title h4 {

  font-size: 16px;

  margin: 0 0 5px;

}



.certi-id {

  font-size: .9em;

  color: #777;

}



.certi-date {

  font-size: 0.7em;

  color: #777;

  opacity: .7;

}

/* /Certificates */



/* Skills First Style */

.skills-info.skills-first-style {

  margin-bottom: 30px;

}



.skills-info.skills-first-style h4 { 

  font-size: 13px;

  line-height: 1.1em;

  position: relative; 

  float: left;

  margin: 0 0 4px;

}



.skills-first-style .skill-container {

  position: relative;

  background-color: transparent;

  border: 2px solid #444;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  height: 12px;

  margin-bottom: 15px;

  width: 100%;

}



.skills-first-style .skill-value {

    font-size: 11px;

    line-height: 1.1em;

    position: relative;

    float: right;

    margin: 0 0 4px;

    color: #888;

}



.skills-first-style .skill-percentage {

  background-color: #007ced;

  border: 2px solid #222;

  -moz-border-radius: 9px;

  -webkit-border-radius: 9px;

  border-radius: 9px;

  height: 8px;

  padding: 0;

}





/* =======================================

6.3. Services

======================================= */

/* Services */

.service-block {

  text-align: center;

  padding: 0;

  margin-bottom: 30px;

}



.service-block img {

  max-width: 100px;

  max-height: 74px;

  margin: 0 0 18px;

}



.service-icon {

  display: block;

  font-size: 48px;

  line-height: 80px;

  color: #fff;

  background-color: #007ced;

  width: 80px;

  height: 80px;

  border-radius: 100px;

  margin: 5px auto 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.service-icon:hover {

  -webkit-transform: translateY(-7px);

  -ms-transform: translateY(-7px);

  -o-transform: translateY(-7px);

  transform: translateY(-7px);

  -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.15);

  -o-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.15);

}

/* /Services */



/* Testimonials */

/* Testimonials Slider */

.testimonial-item {

  padding: 30px;

  margin-bottom: 10px;

}



.testimonial-content {

  position: relative;

  padding: 30px 20px 20px 60px;

  background-color: #282828;

  border-radius: 8px;

  border: 2px solid #444;

  -webkit-transition: all .25s ease-in-out;

  -moz-transition: all .25s ease-in-out;

  -o-transition: all .25s ease-in-out;

  -ms-transition: all .25s ease-in-out;

  transition: all .25s ease-in-out;

}



.testimonial-picture {

  position: absolute;

  display: block;

  top: -30px;

  left: -30px;

  width: 80px;

  height: 80px;

}



.testimonial-picture img {

  display: inline-block;

  border-radius: 80px;

  border-color: #444;

}



.testimonial-text p {

  font-style: italic;

}



.testimonial-author-info {

  margin-top: 15px;

}



.testimonial-author {

  margin: 0 0 2px;

  font-size: 0.9em;

  color: #e5e5e5;

}



.testimonial-firm {

  margin: 0;

  font-size: 0.8em;

  color: #bbb;

}



.testimonial-icon {

  display: block;

  line-height: 20px;

  font-size: 20px;

  position: absolute;

  left: 20px;

  bottom: 46px;

  color: #454545;

}



.testimonial-icon-big {

  display: block;

  line-height: 44px;

  font-size: 44px;

  position: absolute;

  right: -24px;

  bottom: -24px;

  color: #353535;

  z-index: -1;

}

/* /Testimonials Slider */



/* /Testimonials */



/* Clients */

.container{
  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex-wrap: nowrap;
}

.client-block {

  text-align: center;

  padding: 5px 0;

  margin-bottom: 30px;

  /*opacity: 0.7;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;*/

}



.client-block:hover {

  opacity: 1;

}



.client-block img {

  max-height: 80px;

  padding: 17px;

}

/* /Clients */



/* Clients Slider */

.clients.owl-carousel .client-block {

  padding: 10px 15px 15px;

  margin-bottom: 15px;

}



/*.clients.owl-carousel .owl-item img {

  display: block;

  width: 100%;

  max-width: 100px;

}*/

.clients.owl-carousel .owl-dots,

.testimonials.owl-carousel .owl-dots {

    position: relative;

    width: 100%;

    text-align: center;

}



.clients.owl-carousel .owl-dot,

.testimonials.owl-carousel .owl-dot {

    display: inline-block;

    margin: 3px 0;

}



.clients.owl-carousel .owl-dot span,

.testimonials.owl-carousel .owl-dot span {

    display: block;

    height: 3px;

    background-color: #454545;

    border-radius: 3px;

    margin: 4px;

    width: 20px;

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    -ms-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

}



.clients.owl-carousel .owl-dot.active span,

.clients.owl-carousel .owl-dot:hover span,

.testimonials.owl-carousel .owl-dot.active span,

.testimonials.owl-carousel .owl-dot:hover span {

    background-color: #007ced;

}



.clients.owl-carousel .owl-dot.active span,

.testimonials.owl-carousel .owl-dot.active span {

    background-color: #007ced;

    width: 30px;

}

/* /Clients Slider */



/* Info Block */

.lm-info-block {

  position: relative;

  text-align: center;

  width: 100%;

  display: block;

  margin: 0 0 15px;

  background-color: #fcefc6;

  padding: 25px 10px 15px;

  /*border: 2px solid #444;*/

  border-radius: 10px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  overflow: hidden;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}



.lm-info-block:hover {

  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  -o-transform: translateY(-5px);

  transform: translateY(-5px);

  -webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

  -o-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

  box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);

}



.lm-info-block.gray-bg {

  background-color: #fcfcfc;

}



.lm-info-block h4 {

  font-size: 16px;

  margin: 15px;

}



.lm-info-block i {

  position: relative;

  font-size: 33px;

  color: #007ced;

  margin-bottom: 6px;

  width: 33px;

  height: 33px;

}



.lm-info-block .lm-info-block {

  font-size: 24px;

  font-weight: 400;

  display: block;

  margin: 10px 0;

  color: #007ced;

}



.lm-info-block-value {

  color: black;

  font-size: 48px;

  line-height: 52px;

  display: block;

  margin: 15px 0 10px;

}



.lm-info-block-text {

  display: block;

}

/* /Info Block */













/* =======================================

6.4. Portfolio

======================================= */

.portfolio-filters {

  list-style: none;

  padding: 0;

  margin: 0 0 2em;

  text-align: right;

}

.portfolio-filters li {

  display: inline-block;

}



.portfolio-filters li a,

.portfolio-filters li a:hover,

.portfolio-filters li a:not([href]) {

  color: #f5f5f5;

  font-size: 12px;

  line-height: 1.5;

  padding: 3px 14px;

  text-decoration: none;

  opacity: .5;

  cursor: pointer;

}



.portfolio-filters li.active a,

.portfolio-filters li.active a:hover,

.portfolio-filters li a:hover {

  opacity: 1;

}



.pf-load-more {

    margin-top: 40px;

}



.portfolio-grid {

  margin-left: -8px;

  margin-right: -8px;

}



.portfolio-grid figure {

  width: 33.33333%;

  float: left;

  position: relative;

  overflow: hidden;

  margin: 8px;

  border-radius: 12px;

}



.portfolio-grid img {

  position: relative;

  display: block;

  width: 100%;

}



.portfolio-grid.one-column figure {

  width: 100%;

}



.portfolio-grid.two-columns figure {

  width: calc(50% - 16px);

}



.portfolio-grid.three-columns figure {

  width: calc(33.33333% - 16px);

}



.portfolio-grid.four-columns figure {

  width: calc(25% - 16px);

}



.portfolio-grid.five-columns figure {

  width: calc(20% - 16px);

}



.portfolio-grid img {

  position: relative;

  display: block;

  width: 100%;

}



.portfolio-grid figure a,

.portfolio-rid figure img {

  display: block;

  position: relative;

}



.portfolio-grid figure img {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.portfolio-grid figure:hover img {

  transform: scale(1.2);

}



.portfolio-grid figure a {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  z-index: 3;

}



.portfolio-item-img {

  position: relative;

  overflow: hidden;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  border-radius: 8px;

}



.portfolio-grid figure .portfolio-item-img:after {

  content: '';

  position: absolute;

  background-color: rgba(0,0,0,.06);

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.portfolio-grid figure:hover .portfolio-item-img:after {

  opacity: 1;

}



.portfolio-item-desc {

  margin-top: 12px;

}



.portfolio-item-desc h4 {

  margin-bottom: 0;

}



.portfolio-item-desc small {

  color: #888;

}



.portfolio-grid figure i {

  display: inline-block;

  position: absolute;

  bottom: 20px;

  right: 20px;

  font-size: 16px;

  width: 30px;

  height: 30px;

  background-color: #222;

  color: #007ced;

  text-align: center;

  line-height: 30px;

  border-radius: 5px;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.portfolio-grid.five-columns figure i {

  bottom: 10px;

  right: 10px;

}



.portfolio-grid figure .name {

  display: inline-block;

  padding: 4px 10px;

  margin: 0;

  background-color: #222;

  color: #f5f5f5;

  font-size: 14px;

  line-height: 1.2;

  top: 20px;

  left: 20px;

  max-width: calc(100% - 67px);

  border-radius: 5px;

  position: absolute;

}



.portfolio-grid.five-columns figure .name {

  font-size: 13px;

  top: 10px;

  left: 10px;

}



.portfolio-grid figure .category {

  display: inline-block;

  padding: 3px 7px;

  background-color: #222;

  color: #f5f5f5;

  font-size: 11px;

  line-height: 1.2em;

  bottom: 20px;

  left: 20px;

  position: absolute;

  border-radius: 5px;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.portfolio-grid.five-columns figure .category {

  bottom: 10px;

  left: 10px;

}





.portfolio-grid figure:hover i,

.portfolio-grid figure:hover .category {

  opacity: 1;

}



.load-more-btn-container {

  text-align: center;

}





/* =======================================

6.5. Blog

======================================= */

/* Blog */

.blog-masonry {

  margin: 0 -1em .5em;

}



.blog-masonry.one-column .item {

  width: 100%;

  padding: 0 1em 2em;

}



.blog-masonry.two-columns .item {

  width: 50%;

  float: left;

  padding: 0 1em 2em;

}



.blog-masonry.three-columns .item {

  width: 33.333333%;

  float: left;

  padding: 0 1em 2em;

}



.blog-card {

  display: block;

  position: relative;

  padding: 0;

}



.blog-card .post-image {

  width: 100%;

  margin: 0;

}



.blog-card .media-block {

  overflow: hidden;

  border-bottom: 0;

  border-radius: 10px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

}



.blog-card .media-block img {

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



.blog-card .media-block:hover img {

  transform: scale(1.1);

}



.blog-card .post-without-f-image {

  padding-bottom: 46.875%;

  width: 100%;

  background-color: #f5f5f5;

}



.blog-card .post-info {

  padding: 10px 0 15px;

}



.blog-card .blog-item-title {

  margin: 5px 0 0 0;

}



.blog-card .post-meta {

  padding: 1em;

  margin: 0;

}



.blog-card .category {

  position: absolute;

  top: 12px;

  left: 12px;

  z-index: 3;

}



.blog-card .category a {

  position: relative;

  background: #222;

  border-radius: 3px;

  padding: 3px 7px;

  line-height: 1.2em;

  font-size: 11px;

  color: #f5f5f5;

}



.blog-card .post-date {

  display: inline-block;

  color: #aaa;

  font-size: 11px;

  line-height: 1.1em;

  font-weight: 400;

}



.blog-card .media-block {

  position: relative;

}



.sticky-badge {

  position: absolute;

  background-color: #fff;

  right: 10px;

  top: 10px;

  font-size: 12px;

  padding: 0;

  width: 18px;

  height: 18px;

  text-align: center;

  line-height: 18px;

  color: #888;

  z-index: 3;

  border-radius: 3px;

}



.blog-card .media-block a .mask {

  position: absolute;

  background: #4f565e;

  background: rgba(0,0,0,.12);

  display: inline-block;

  font-family: 'Linearicons-Free';

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  width: 100%;

  left: 0;

  bottom: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}



.blog-card .media-block a .mask:after {

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -22px 0 0 -22px;

  width: 44px;

  line-height: 44px;

  font-size: 44px;

  text-align: center;

  content: "\e828";

  color: #fff;

}



.blog-card .media-block:hover a .mask {

  visibility: visible;

  opacity: 1;

}



.blog-card ul.category li a {

  color: #888;

  font-size: 12px;

  font-weight: 300;

}



.blog-card .post-meta .item, .post-meta .item a {

  color: #a6a6a6;

}



.post-meta .item {

  display: inline-block;

  font-size: 13px;

  margin-right: 10px;

}



.post-meta .item:before {

  padding-right: 5px;

}







/* =======================================

6.6. Contact

======================================= */

/* Contact form */

.g-recaptcha {

  margin-bottom: 20px;

}

/* / Contact form */



/* Google Map */

.map {

  width: 100%;

  height: 150px;

  margin: 0 0 50px;

}

/* / Google Map */



/* Two Columns Form */

.controls.two-columns .left-column {

  width: 47%;

  float: left;

  margin-right: 3%;

}



.controls.two-columns .right-column {

  width: 50%;

  float: right;

}

/* /Two Columns Form */





/* ============================================================================= 

7. Sliders

============================================================================= */

/* Testimonials & Clients Carousel */

.testimonials {

  width: 100%;

}



.testimonials.owl-carousel .owl-nav,

.clients.owl-carousel .owl-nav {

  position: absolute;

  text-align: right;

  right: 0;

  bottom: 5px;

}



.testimonials.owl-carousel .owl-nav .owl-prev,

.clients.owl-carousel .owl-nav .owl-prev {

  margin-right: 3px;

}



.testimonials.owl-carousel .owl-nav .owl-prev,

.testimonials.owl-carousel .owl-nav .owl-next,

.clients.owl-carousel .owl-nav .owl-prev,

.clients.owl-carousel .owl-nav .owl-next {

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  background-color: #fff;

  border: 1px solid #e5e5e5;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

}



.testimonials.owl-carousel .owl-nav .owl-prev:hover,

.testimonials.owl-carousel .owl-nav .owl-next:hover,

.clients.owl-carousel .owl-nav .owl-prev:hover,

.clients.owl-carousel .owl-nav .owl-next:hover {

  color: #fff;

  background-color: #007ced;

  border-color: #007ced;

}



.testimonials.owl-carousel .owl-nav .owl-prev:before,

.testimonials.owl-carousel .owl-nav .owl-next:before,

.clients.owl-carousel .owl-nav .owl-prev:before,

.clients.owl-carousel .owl-nav .owl-next:before {

  position: relative;

  margin: 2px;

  width: 22px;

  height: 22px;

  font-size: 11px;

  line-height: 22px;

  text-align: center;

  display: block;

  cursor: pointer;

}



.testimonials.owl-carousel .owl-nav .owl-prev:before,

.clients.owl-carousel .owl-nav .owl-prev:before {

  content: "\f053";

}



.testimonials.owl-carousel .owl-nav .owl-next:before,

.clients.owl-carousel .owl-nav .owl-next:before {

  content: "\f054";

}

/* /Testimonials & Clients Carousel */



/* Portfolio Carousel */

.portfolio-page-carousel {

  overflow: hidden;

}



.portfolio-page-carousel .owl-nav {

  position: absolute;

  top: 50%;

  width: 100%;

  margin-top: -22px;

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}



.portfolio-page-carousel .owl-nav [class*='owl-'] {

  color: #9e9e9e;

  margin: 0;

  padding: 0;

  width: 44px;

  height: 44px;

  background: #fff;

  display: inline-block;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.portfolio-page-carousel .owl-nav [class*='owl-']:before {

  display: block;

  font-family: 'Linearicons-Free';

  font-size: 30px;

  line-height: 44px;

}



.portfolio-page-carousel .owl-nav .owl-prev {

  position: absolute;

  margin-left: -50px;

  left: 0;

}



.portfolio-page-carousel:hover .owl-nav .owl-prev {

  margin-left: 0;

}



.portfolio-page-carousel .owl-nav .owl-next {

  position: absolute;

  margin-right: -50px;

  right: 0;

}



.portfolio-page-carousel:hover .owl-nav .owl-next {

  margin-right: 0;

}



.portfolio-page-carousel .owl-nav .owl-prev:before {

  content: "\e875";

}



.portfolio-page-carousel .owl-nav .owl-next:before {

  content: "\e876";

}



.portfolio-page-carousel .owl-dots {

  display: inline-block;

  position: absolute;

  bottom: 0;

  right: 0;

  margin: 0 10px 5px;

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}



.portfolio-page-carousel .owl-dots .owl-dot {

  display: inline-block;

}



.portfolio-page-carousel .owl-dots .owl-dot.active span, .portfolio-page-carousel .owl-dots .owl-dot:hover span {

  background: #9e9e9e;

}



.portfolio-page-carousel .owl-dots .owl-dot span {

  width: 12px;

  height: 12px;

  margin: 5px;

  background: #f5f5f5;

  border: 2px solid #9e9e9e;

  display: block;

  -webkit-backface-visibility: visible;

  transition: opacity 200ms ease;

  border-radius: 30px;

}

/* Portfolio Carousel */











/* ============================================================================= 

8. Portfolio Full info page

============================================================================= */

.page-ajax-loaded:empty {

  display: none !important;

}



.page-portfolio-loaded {

  position: fixed;

  background-color: #222;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  z-index: 1003;

  overflow: hidden;

}



.page-portfolio-loaded .preloader {

  background-color: #fff;

}



.page-portfolio-loaded > article {

  height: 100%;

}



.page-portfolio-loaded > article > div {

  height: 100%;

}



.page-portfolio-loaded > article .entry-content {

  padding-bottom: 0;

}



.page-portfolio-loaded .ajax-page-content {

  height: 100%;

  overflow-x: hidden;

  overflow-y: auto;

}



.page-portfolio-loaded .ajax-page-wrapper {

  max-width: 1170px;

  margin: 0 auto;

  padding: 20px 60px 50px;

}



.ajax-page-nav {

  text-align: right;

  float: right;

  margin-bottom: 10px;

}



.ajax-page-nav > div.nav-item {

  position: relative;

  display: inline-block;

  margin: 0 3px;

}



.ajax-page-nav > div.nav-item a {

  display: inline-block;

  height: 40px;

  width: 40px;

  text-align: center;

  color: #aaa;

  background-color: #333;

  border-radius: 5px;

}



.ajax-page-nav > div.nav-item a:hover {

  background-color: #007ced;

  color: #fff;

}



.ajax-page-nav > div.nav-item a i {

  line-height: 40px;

  font-size: 22px;

}



.ajax-page-title {

  padding-top: 50px;

  padding-bottom: 50px;

  text-align: left;

}



.ajax-page-title h1 {

  display: inline-block;

  margin: 0;

}



.portfolio-page-page-content img {

  max-width: 100%;

}



.ajax-page-content .embed-video,

.ajax-page-content .single-image,

.portfolio-page-video,

.portfolio-page-image  {

  position: relative;

  width: 100%;

  margin-bottom: 30px;

  margin-top: 30px;

}



.portfolio-page-video, .portfolio-page-carousel, .portfolio-page-image {

  position: relative;

  width: 100%;

  margin-bottom: 30px;

}



.embed-responsive {

  position: relative;

  display: block;

  width: 100%;

  padding: 0;

  overflow: hidden;

}



.embed-responsive .embed-responsive-item,

.embed-responsive embed,

.embed-responsive iframe,

.embed-responsive object,

.embed-responsive video {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}



.embed-responsive::before {

  display: block;

  content: "";

}



.embed-responsive-21by9:before {

  padding-top: 42.857143%;

}



.embed-responsive-16by9:before{

  padding-top: 56.25%;

}

.embed-responsive-4by3:before{

  padding-top: 75%;

}



.embed-responsive-1by1:before{

  padding-top: 100%;

}



.ajax-page-wrapper .portfolio-grid {

  margin-bottom: 25px;

}



.project-description {

  display: block;

  position: relative;

  padding: 25px 30px 25px;

  background-color: #333;

  border-radius: 15px;

  border: 2px solid #444;

  margin-left: 20px;

}



.ajax-page-wrapper .block-title h3 {

  font-size: 18px;

  margin-bottom: 15px;

}



.project-general-info {

  list-style: none;

  padding: 0;

  margin: 0 0 15px;

}



.project-general-info li {

  margin : 0 0 10px;

}



.project-general-info .fa {

  color: #007ced;

  margin-right: 5px;

}



.entry-content .ajax-page-content .project-general-info p {

  margin: 0;

  font-size: 1em;

}



.share-buttons {

  margin: 25px 0 0;

}



.project-general-info {

  list-style: none;

  padding: 0;

  margin: 0 0 15px;

}



.project-general-info li {

  margin : 0 0 10px;

}



.project-general-info .fa {

  color: #007ced;

  margin-right: 5px;

}



.project-general-info p {

  margin: 0;

}



.share-buttons {

  margin: 25px 0 0;

}



.share-buttons a {

  display: inline-block;

  margin: 0 3px 0 0;

  padding: 0;

  width: 28px;

  height: 28px;

  color: #888;

  background-color: transparent;

  border: 0;

  text-align: center;

}



.ajax-page-content .share-buttons a {

  margin: 0 7px 0 0;

}



.share-buttons a:hover {

  color: #007ced;

}



.share-buttons a:last-child {

  margin-right: 0;

}



.share-buttons a i {

  font-size: 16px;

  line-height: 26px;

}



/* Tags Block */

.tags-block {

  margin: 25px 0 0;

}



.tags {

  list-style: none;

  margin: 0;

  padding: 0;

}



.tags > li {

  display: inline-block;

}



.tags a {

  display: inline-block;

  font-size: 12px;

  line-height: 1.5em;

  color: #fff;

  padding: 2px 7px;

  background-color: #666;

  border-radius: 3px;

  border: 1px solid transparent;

  margin: 3px 2px 2px;

}



.tags a:first-child {

  margin-left: 0;

}

/* /Tags Block */





.mask-gallery-grid {

  position: absolute;

  background: #4f565e;

  background: rgba(79,86,94,.6);

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  border: 3px solid transparent;

  width: 100%;

  left: 0;

  bottom: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}



.mask-gallery-grid:after {

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -20px 0 0 -20px;

  width: 40px;

  line-height: 40px;

  font-size: 40px;

  text-align: center;

  content: "\f00e";

  color: #fff;

}



.portfolio-grid figure:hover .mask-gallery-grid {

  visibility: visible;

  opacity: 1;

}





/* ============================================================================= 

9. Single Page Layout (Blog Post page ...)

============================================================================= */



.single-page-content .content-area {

  position: relative;

  width: 100%;

  margin: 0 auto;

  height: auto;

  min-height: 100%;

}



.list-view .single-page-content .content-area:not(.projects-grid) .page-content {

  padding: 0 0 20px;

}



.single-post .site-content .post-content {

  position: relative;

  padding-left: 50px;

  padding-right: 50px;

  background-color: #fff;

  z-index: 1;

}



.site-content .entry-header,

.list-view .post-content,

.list-view .post-navigation,

.list-view .comments-area,

.list-view .paging-navigation,

.single-post .site-content .post-navigation,

.single-post .site-content .comments-area {

  margin-left: 50px;

  margin-right: 50px;

}









/* ============================================================================= 

10. Pricing

============================================================================= */

/* Pricing */

.fw-pricing .fw-package {

  background-color: #333;

  border: 2px solid #444;

  border-radius: 15px;

  padding: 30px 30px;

  margin-bottom: 10px;

  text-align: center;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}



.fw-pricing .fw-package-wrap.highlight-col .fw-package {

  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  -o-transform: translateY(-5px);

  transform: translateY(-5px);

  border-color: #666;

  -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);

  -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);

  -o-box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);

  box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);

}



.fw-pricing .fw-package:hover,

.fw-pricing .fw-package-wrap.highlight-col .fw-package:hover {

  -webkit-transform: translateY(-9px);

  -ms-transform: translateY(-9px);

  -o-transform: translateY(-9px);

  transform: translateY(-9px);

  -webkit-box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);

  -moz-box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);

  -o-box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);

  box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);

}



.fw-pricing .fw-package-wrap.highlight-col .fw-heading-row span {

  position: relative;

  display: inline-block;

}



.fw-pricing .fw-package-wrap.highlight-col .fw-heading-row span:after {

  content: '';

  height: 2px;

  margin-top: 0;

  background-color: #007ced;

  position: absolute;

  left: 0;

  bottom: -3px;

  right: 0;

}



.fw-pricing .fw-pricing-row {

  padding: 30px 0 10px;

}



.fw-pricing .fw-pricing-row span {

  display: block;

  line-height: 1;

  color: #f5f5f5;

  font-size: 42px;

}



.fw-pricing .fw-pricing-row small {

  color: #aaa;

  display: block;

}



.fw-pricing .fw-default-row {

  padding: 5px 0;

  font-size: 14px;

}



.fw-pricing .fw-button-row {

  padding: 10px 0 20px;

}



.fw-pricing .fw-price-icon-no:before {

    content: "\f068";

    color: #e87878;

}



.fw-pricing .fw-price-icon-yes:before {

    content: "\f058";

    color: #ade878;

}



/* table */

.fw-table table {

  width: 100%;

  border: 1px solid #eee;

  font-size: .875em;

}



.fw-table table tr,

.fw-table table tr.heading-row {

  border-bottom: 1px solid #eee;

}



.fw-table table tr:not(.heading-row):last-child {

  border-bottom: 0;

}



.fw-table table th {

  padding: 7px 12px;

  border-right: 1px solid #eee;

}



.fw-table table td {

  padding: 7px 12px;

  border-right: 1px solid #eee;

}



.fw-table table td:last-child {

  border-right: 0;

}









/* ============================================================================= 

11. Blog

============================================================================= */

.blog-post-page {

  height: auto;

}



.blog-post-page .page-wrapper {

  position: relative;

  border-left: 15px solid #f5f5f5;

}



.blog-post-content {

  position: relative;

  background-color: #fff;

  padding: 30px;

  margin: -50px 40px 0;

}



blockquote p:last-child {

  margin-bottom: 0;

}



blockquote footer, blockquote small, blockquote .small {

  color: #9e9e9e;

  margin-top: 10px;

}



blockquote.fw-quote-lg,

blockquote.fw-quote-lg p {

  font-size: 125%;

}



blockquote.fw-quote-sm,

blockquote.fw-quote-sm p {

  font-size: 95%;

}



blockquote.fw-quote-center {

  text-align: center;

}



blockquote.fw-quote-right {

  text-align: right;

}



.blog-post-content .block-title {

  margin: 40px 0 10px;

}



.entry-meta {

  color: #9e9e9e;

  margin: 20px 0 30px;

}



.entry-meta a {

  color: #9e9e9e;

}



.entry-meta:not(.entry-meta-bottom) a:hover {

  color: #F4511E;

}



.post-tags a:hover {

  color: #222;

}



.entry-meta.entry-meta-bottom .date-author {

  display: inline-block;

  line-height: 28px;

  margin: 5px 0;

}



.post-tags {

  margin: 30px 0;

  text-align: left;

}



.entry-meta.entry-meta-bottom .date-author > span:after {

  content: '';

  height: 14px;

  line-height: 1em;

  display: inline-block;

  margin: 0 6px 0 9px;

  background-color: #e5e5e5;

  width: 1px;

  top: 2px;

  position: relative;

}



.entry-meta.entry-meta-bottom .date-author > span:last-child:after,

.entry-meta.entry-meta-bottom .date-author > span:first-child:last-child:after {

  display: none;

}



.site-content .entry-header .entry-meta {

  font-size: 13px;

}



.site-content .entry-meta.entry-meta-bottom {

  display: inline-block;

  width: 100%;

  background-color: #333;

  border: 2px solid #444;

  padding: 0 10px;

  margin: 40px 0 0;

  border-radius: 5px;

}



.entry-meta.entry-meta-bottom .share-buttons {

  display: inline-block;

  margin: 5px 0;

}



.entry-meta.entry-meta-bottom .share-buttons a:hover {

  color: #007ced;

}



.entry-meta.entry-meta-bottom .post-info span {

  display: inline-block;

  padding: 5px 0;

  line-height: 1em;

}



.blog-post-content .post-comment-add {

  max-width: 700px;

}



.blog-post-content .post-comments .media {

  margin-top: 30px;

}



.blog-post-content .post-comments > .media {

  margin-top: 0;

}



.post-comments .media-object {

  max-width: 60px;

  border-radius: 50px;

}



.post-comments .media-footer,

.post-comments .media-footer a {

  display: inline-block;

  color: #9e9e9e;

  font-size: 12px;

  line-height: 1em;

}



.post-comments .media-footer a:hover {

  color: #007ced;

}



.blog-post-content .divider {

  color: #d3d3d3;

  margin: 0 2px;

  min-width: 5px;

}



.post-comments .light-gray {

  color: #9e9e9e;

  font-size: 12px;

}



.site-content.single-post {

  padding-top: 0;

  padding-left: 0;

  padding-right: 0;

}



.site-content.single-post .post-thumbnail {

  margin-top: 0;

}



.site-content.single-post .post-content,

.site-content.single-post .post-navigation,

.site-content.single-post .comments-area {

  position: relative;

  z-index: 1;

}



.list-view .site-content article {

  position: relative;

  padding-bottom: 40px;

  margin-bottom: 40px;

  border-bottom: 1px solid #eee;

}







.list-view .site-content article:last-child {

  padding-bottom: 0;

  margin-bottom: 20px;

  border-bottom: 0;

}



.post-content .embed-video {

  margin: 40px 0;

}



.post-content .single-image {

  margin: 40px 0;

}



blockquote {

  padding: 15px 20px;

  margin: 30px auto;

  width: 90%;

  font-size: 1em;

  border-left: 2px solid #666;

  font-style: italic;

}



blockquote p {

  font-style: italic;

}



.wp-block-quote.is-large,

.wp-block-quote.is-style-large {

  padding: 15px 20px;

  margin: 20px 0 20px 20px;

}



.wp-block-quote.is-style-large cite,

.wp-block-quote.is-large cite,

.wp-block-quote.is-large footer,

.wp-block-quote.is-style-large cite,

.wp-block-quote.is-style-large footer {

    font-size: .76em;

}







/* ======= Post Thumbnail ======= */

.post-thumbnail {

  background: #b2b2b2;

  display: block;

  position: relative;

  width: calc(100% + 140px);

  margin: 40px -70px 40px;

  z-index: 0;

}



a.post-thumbnail:hover {

  background-color: #999;

}



.full-width .post-thumbnail img {

  display: block;

  margin: 0 auto;

}



/* ======= Comments ====== */

.comment-reply-link:before,

.comment-reply-login:before,

.comment-edit-link:before {

  font-family: "Font Awesome 5 Free";

  margin-right: 3px;

}



.bypostauthor > article .fn:before {

  content: "\f005";

  margin: 0 4px 0 -2px;

  position: relative;

  top: 0;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-size: 16px;

  text-decoration: inherit;

  vertical-align: baseline;

  opacity: .5;

}



.comments-area {

  margin: 40px auto 0;

  padding: 0;

}



.comment-list {

  list-style: none;

  margin: 0 0 50px;

  padding: 0;

  font-size: 1em;

}



.comment-list .comment {

  font-size: 1em;

}



.comment-awaiting-moderation,

.comment-content,

.comment-list .reply {

  padding-left: 75px;

}



.comment-author {

  display: inline-block;

  font-size: 14px;

  line-height: 1.7142857142;

}



.comment-metadata {

  display: inline-block;

  padding-left: 10px;

  margin-left: 5px;

  border-left: 1px solid #d3d3d3;

}



.comment-list .reply,

.comment-metadata {

  font-size: 12px;

  color: #9e9e9e;

  line-height: 1.2;

}



.comment-list .reply {

  margin-top: 15px;

}



.comment-list .reply a {

  color: #9e9e9e;

}



.comment-author .fn {

  color: #9e9e9e;

  font-size: 15px;

  font-weight: 400;

}



.comment-list .trackback a,

.comment-list .pingback a,

.comment-metadata a {

  color: #aaa;

}



.comment-author a:hover,

.comment-list .pingback a:hover,

.comment-list .trackback a:hover,

.comment-metadata a:hover {

  color: #007ced;

}



.comment-list article,

.comment-list .pingback,

.comment-list .trackback {

  border-top: 1px solid rgba(0, 0, 0, .1);

  margin-bottom: 24px;

  padding-top: 24px;

}



.comment-list > li:first-child > article,

.comment-list > .pingback:first-child,

.comment-list > .trackback:first-child {

  border-top: 0;

}



.comment-meta {

  padding-left: 75px;

}



.comment-author {

  position: relative;

}



.comment-author .avatar {

  height: 60px;

  position: absolute;

  top: 0;

  left: -75px;

  width: 60px;

  min-width: 60px;

  border-radius: 50px;

}



.says {

  display: none;

}



.comment-edit-link {

  margin-left: 10px;

}



.comment-edit-link:before {

  content: "\f040";

}



.comment-reply-link:before,

.comment-reply-login:before {

  content: "\f112";

  margin-right: 2px;

}



.comment-content {

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

  word-wrap: break-word;

  margin-top: 5px;

  font-size: 1em;

}



.comment-content ul,

.comment-content ol {

  margin: 0 0 24px 22px;

}



.comment-content li > ul,

.comment-content li > ol {

  margin-bottom: 0;

}



.comment-content > :last-child {

  margin-bottom: 0;

}



.comment-list .children {

  list-style: none;

  margin-left: 15px;

  padding-left: 10px;

}



.comment-respond {

  margin-bottom: 24px;

  padding: 0;

}



.comment .comment-respond {

  margin-top: 24px;

}



.comment-respond h3 {

  margin-top: 0;

  margin-bottom: 24px;

}



.no-comments {

  font-size: 16px;

  font-weight: 900;

  line-height: 1.5;

  margin-top: 24px;

}



.comment-form label {

  display: inline-block;

  margin-left: 3px;

}



.comment-form input[type="text"],

.comment-form input[type="email"],

.comment-form input[type="url"] {

  width: 100%;

}



.form-allowed-tags,

.form-allowed-tags code {

  font-size: 12px;

  line-height: 1.5;

}



.required {

  color: #c0392b;

}



.comment-reply-title small {



}



.comment-reply-title small a {

  color: #888;

}



.comment-reply-title small a:hover {

  color: #007ced;

}



.comment-navigation {

  font-size: 12px;

  line-height: 2;

  margin-bottom: 48px;

}



.comment-navigation .nav-next,

.comment-navigation .nav-previous {

  display: inline-block;

}



.comment-navigation .nav-previous a {

  margin-right: 10px;

}



#comment-nav-above {

  margin-top: 36px;

  margin-bottom: 0;

}







/* ======= Entry Header ====== */

.entry-header {

  position: relative;

  z-index: 1;

}



.entry-title {

  font-size: 32px;

  line-height: 1.3;

  margin: 15px 0 20px 0;

}



.entry-title a {

  color: inherit;

}



.entry-title a:hover {

  color: #007ced;

}



.site-content .entry-header {

  padding: 5px 0 0;

}







/* ====== Entry Meta ======= */

.entry-meta {

  clear: both;

  line-height: 1.3333333333;

}



.entry-meta + .cat-links:empty {

  display: none;

}



.entry-meta a:hover {

  color: #007ced;

}



.entry-meta.entry-meta-top > span:after {

  content: '';

  height: 14px;

  line-height: 1em;

  display: inline-block;

  margin: 0 6px 0 9px;

  background-color: #e5e5e5;

  width: 1px;

  top: 2px;

  position: relative;

}



.entry-meta.entry-meta-top > span:last-child:after,

.entry-meta.entry-meta-top > span:first-child:last-child:after {

  display: none;

}



.post-categories {

  display: inline-block;

  margin: 0 0 7px;

  padding: 0;

  list-style: none;

}



.post-categories li {

  display: inline-block;

}



.cat-links {

  display: block;

  padding: 5px 0;

}



.cat-links li a {

  display: inline-block;

  font-size: 14px;

  margin: 0 6px 6px 0;

  color: #fff;

  background-color: #007ced;

  padding: 2px 5px;

}



.cat-links li:first-child a {

  margin-left: 0;

}



.cat-links li a:hover {

  color: #fff;

  background-color: #007ced;

}



.byline {

  display: none;

}



.single .byline,

.group-blog .byline {

  display: inline;

}



.site-content .entry-meta {

  margin-bottom: 12px;

}



.site-content footer.entry-meta {

  margin: 25px 0;

  padding: 10px 10px;

  font-size: 15px;

  border: 1px solid #eee; 

}



.entry-meta-bottom .tags {

  float: left;

  margin: 5px 0;

}



.entry-meta-bottom .entry-share {

  float: right;

  margin: 0;

}



.entry-meta-bottom .entry-share a:hover {

  color: #fff;

}



.entry-meta-bottom .entry-share h4 {

  display: inline-block;

  float: left;

  margin: 2px 10px 0;

}







/* ======= Entry Content ======= */

.entry-content,

.entry-summary,

.page-content {

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

  word-wrap: break-word;

}



.site-content .entry-summary {

  padding: 6px 0 0;

}



.wrapper .entry-content {

  padding-top: 0;

  padding-bottom: 30px;

}



.entry-content h1:first-child,

.entry-content h2:first-child,

.entry-content h3:first-child,

.entry-content h4:first-child,

.entry-content h5:first-child,

.entry-content h6:first-child,

.entry-summary h1:first-child,

.entry-summary h2:first-child,

.entry-summary h3:first-child,

.entry-summary h4:first-child,

.entry-summary h5:first-child,

.entry-summary h6:first-child,

.page-content h1:first-child,

.page-content h2:first-child,

.page-content h3:first-child,

.page-content h4:first-child,

.page-content h5:first-child,

.page-content h6:first-child {

  margin-top: 0;

}



.entry-content a:hover,

.entry-summary a:hover,

.page-content a:hover,

.comment-content a:hover,

.entry-content a.button,

.entry-summary a.button,

.page-content a.button,

.comment-content a.button {

  text-decoration: none;

}



.entry-content table,

.comment-content table {

  font-size: 14px;

  line-height: 1.2857142857;

}



.entry-content th,

.comment-content th {

  font-weight: 600;

  padding: 8px;

}



.entry-content td,

.comment-content td {

  padding: 8px;

}



.entry-content .edit-link {

  clear: both;

  display: block;

  font-size: 12px;

  font-weight: 400;

  line-height: 1.3333333333;

  margin-top: 20px;

}



.entry-content .edit-link a {

  color: #767676;

  text-decoration: none;

}



.entry-content .edit-link a:hover {

  color: #007ced;

}



.entry-content .more-link {

  display: block;

  padding-top: 15px;

}







/* ======= Mediaelements ======= */

.hentry .mejs-container {

  margin: 12px 0 18px;

}



.hentry .mejs-mediaelement,

.hentry .mejs-container .mejs-controls {

  background: #000;

}



.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {

  background: #fff;

}



.hentry .mejs-controls .mejs-time-rail .mejs-time-current {

  background: #24890d;

}



.hentry .mejs-controls .mejs-time-rail .mejs-time-total,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {

  background: rgba(255, 255, 255, .33);

}



.hentry .mejs-container .mejs-controls .mejs-time {

  padding-top: 9px;

}



.hentry .mejs-controls .mejs-time-rail span,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {

  border-radius: 0;

}



.hentry .mejs-overlay-loading {

  background: transparent;

}







/* ======= Page links ======= */

.page-links {

  clear: both;

  font-size: 12px;

  font-weight: 300;

  line-height: 2;

  margin: 24px 0;

}



.page-links a,

.page-links > span {

  background: #fff;

  border: 1px solid #fff;

  display: inline-block;

  margin: 0 1px 2px 0;

  text-align: center;

  width: 22px;

  border-radius: 5px;

}



.page-links a:hover {

  background: #007ced;

  border: 1px solid #007ced;

  color: #fff;

}



.page-links > .page-links-title {

  height: auto;

  margin: 0;

  padding-right: 7px;

  width: auto;

}







/* ======= Post Formats ======= */

.format-aside .entry-content,

.format-aside .entry-summary,

.format-quote .entry-content,

.format-quote .entry-summary,

.format-link .entry-content,

.format-link .entry-summary {

  padding-top: 0;

}



.site-content .format-link .entry-title,

.site-content .format-aside .entry-title,

.site-content .format-quote .entry-title {

  display: none;

}







/* ======= Post/Image/Paging Navigation ======= */

.nav-links {

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

  word-wrap: break-word;

}



.post-navigation,

.image-navigation {

  margin: 40px auto 0;

  padding: 0;

}



.post-navigation a,

.image-navigation .previous-image,

.image-navigation .next-image {

  display: inline-block;

  width: auto;

  max-width: 46%;

  padding: 9px 0;

}



.post-navigation a[rel="next"],

.image-navigation .previous-image[rel="next"],

.image-navigation .next-image[rel="next"] {

  float: right;

  text-align: right;

}



.post-navigation .meta-nav {

  color: #aaa;

  display: block;

  font-size: 14px;

  font-weight: 300;

  line-height: 1.5;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.post-navigation a,

.image-navigation a {

  color: #2d2d2d;

  display: inline-block;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.7142857142;

}



.post-navigation a:hover,

.image-navigation a:hover {

  color: #007ced;

}







/* ======= Paging Navigation ======= */

.paging-navigation {

  margin: 50px 0 0;

}



.paging-navigation .loop-pagination {

  margin: 0;

  text-align: center;

}



.paging-navigation .page-numbers {

  display: inline-block;

  font-size: 14px;

  line-height: 1em;

  margin-right: 5px;

  padding: 7px 12px;

  background-color: #fff;

  border-radius: 8px;

  border: 2px solid #e5e5e5;

  color: #222;

}



.paging-navigation a {

  color: #222;

}



.paging-navigation .page-numbers.current,

.paging-navigation .page-numbers.current:hover,

.paging-navigation .page-numbers.current:focus {

  color: #222;

  border: 2px solid #007ced;

}



.paging-navigation a:hover,

.paging-navigation a:focus {

  background-color: #007ced;

  color: #fff;

}







/* ======= Attachments ======= */

.attachment .content-sidebar,

.attachment .post-thumbnail {

  display: none;

}



.attachment .entry-content {

  padding-top: 0;

}



.attachment footer.entry-meta {

  text-transform: none;

}



.entry-attachment .attachment {

  margin-bottom: 24px;

}







/* ======= Archives ======= */

.blog .page-title {

  color: #aaa;

  font-size: 24px;

  line-height: 1.5;

  margin: 13px 0 0 0;

}



.taxonomy-description,

.author-description {

  color: #767676;

  font-size: 14px;

  line-height: 1.2857142857;

  padding-top: 18px;

}



.taxonomy-description p,

.author-description p {

  margin-bottom: 18px;

}



.taxonomy-description p:last-child,

.author-description p:last-child {

  margin-bottom: 0;

}



.taxonomy-description a:hover,

.author-description a:hover {

  text-decoration: none;

}





/* ======= Gallery ======= */

.gallery {

  display: inline-block;

  margin-bottom: 20px;

}



.gallery-item {

  float: left;

  margin: 0 4px 4px 0;

  overflow: hidden;

  position: relative;

}



.gallery-columns-1 .gallery-item {

  max-width: 100%;

}



.gallery-columns-2 .gallery-item {

  max-width: 48%;

  max-width: -webkit-calc(50% - 4px);

  max-width: calc(50% - 4px);

}



.gallery-columns-3 .gallery-item {

  max-width: 32%;

  max-width: -webkit-calc(33.3% - 4px);

  max-width: calc(33.3% - 4px);

}



.gallery-columns-4 .gallery-item {

  max-width: 23%;

  max-width: -webkit-calc(25% - 4px);

  max-width: calc(25% - 4px);

}



.gallery-columns-5 .gallery-item {

  max-width: 19%;

  max-width: -webkit-calc(20% - 4px);

  max-width: calc(20% - 4px);

}



.gallery-columns-6 .gallery-item {

  max-width: 15%;

  max-width: -webkit-calc(16.7% - 4px);

  max-width: calc(16.7% - 4px);

}



.gallery-columns-7 .gallery-item {

  max-width: 13%;

  max-width: -webkit-calc(14.28% - 4px);

  max-width: calc(14.28% - 4px);

}



.gallery-columns-8 .gallery-item {

  max-width: 11%;

  max-width: -webkit-calc(12.5% - 4px);

  max-width: calc(12.5% - 4px);

}



.gallery-columns-9 .gallery-item {

  max-width: 9%;

  max-width: -webkit-calc(11.1% - 4px);

  max-width: calc(11.1% - 4px);

}



.gallery-columns-1 .gallery-item:nth-of-type(1n),

.gallery-columns-2 .gallery-item:nth-of-type(2n),

.gallery-columns-3 .gallery-item:nth-of-type(3n),

.gallery-columns-4 .gallery-item:nth-of-type(4n),

.gallery-columns-5 .gallery-item:nth-of-type(5n),

.gallery-columns-6 .gallery-item:nth-of-type(6n),

.gallery-columns-7 .gallery-item:nth-of-type(7n),

.gallery-columns-8 .gallery-item:nth-of-type(8n),

.gallery-columns-9 .gallery-item:nth-of-type(9n) {

  margin-right: 0;

}



.gallery-columns-1 .gallery-item,

.gallery-columns-2 .gallery-item:nth-of-type(2n+1),

.gallery-columns-3 .gallery-item:nth-of-type(3n+1),

.gallery-columns-4 .gallery-item:nth-of-type(4n+1),

.gallery-columns-5 .gallery-item:nth-of-type(5n+1),

.gallery-columns-6 .gallery-item:nth-of-type(6n+1),

.gallery-columns-7 .gallery-item:nth-of-type(7n+1),

.gallery-columns-8 .gallery-item:nth-of-type(8n+1),

.gallery-columns-9 .gallery-item:nth-of-type(9n+1) {

  clear: left;

}



.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),

.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {

  clear: left;

}



.gallery-caption {

  background-color: rgba(0, 0, 0, .7);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  color: #fff;

  font-size: 12px;

  line-height: 1.5;

  margin: 0;

  max-height: 50%;

  opacity: 0;

  padding: 6px 8px;

  position: absolute;

  bottom: 0;

  left: 0;

  text-align: left;

  width: 100%;

}



.gallery-caption:before {

  content: "";

  height: 100%;

  min-height: 49px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



.gallery-item:hover .gallery-caption {

  opacity: 1;

}



.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

  display: none;

}







/* ======= Contributor Page ======= */

.contributor {

  border-bottom: 1px solid rgba(0,0,0,.1);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 48px 10px;

}



.contributor:first-of-type {

  padding-top: 24px;

}



.contributor-info {

  margin: 0 auto;

}



.contributor-avatar {

  border: 1px solid rgba(0,0,0,.1);

  float: left;

  margin: 0 30px 20px 0;

  padding: 2px;

}



.contributor-name {

  font-size: 16px;

  font-weight: 900;

  line-height: 1.5;

  margin: 0;

}



.contributor-bio a:hover {

  text-decoration: none;

}



.contributor-posts-link {

  display: inline-block;

  line-height: normal;

  padding: 10px 30px;

}



.contributor-posts-link:before {

  content: "\f443";

}







/* ======= Blog Sidebar ======= */

.blog-sidebar .sidebar-item {

  margin-bottom: 10px;

  font-size: .9em;

  border: 2px solid #eee;

  background-color: #fff;

  border-radius: 5px;

}

.blog-sidebar li {

  font-size: 1em;

}


.sidebar-item .menu-item i {

  display: none;

}





.sidebar .sidebar-item ul {

  margin:0;

  list-style: none;

}



.sidebar .sidebar-item ul li {

  list-style: none;

}



.blog-sidebar select {

  width: auto;

  max-width: 100%;

}



.sidebar-item > select {

  margin: 14px 20px 19px;

}



.blog-sidebar p {

  font-size: 1em;

}



.blog-sidebar ul,

.blog-sidebar .textwidget,

.blog-sidebar .tagcloud {

  display: inline-block;

  max-width: 100%;

  padding: 10px 20px 15px;

  margin: 4px 0;

  list-style: none;

}



.blog-sidebar ul ul {

  padding: 5px;

}



.blog-sidebar ul li {

  padding-left: 15px;

  margin: 5px 0;

  position: relative;

  color: #aaa;

}





.blog-sidebar ul li:before {

  content: '';

  position: absolute;

  left: 0px;

  border: 2px solid #007ced;

  height: 7px;

  width: 7px;

  border-radius: 8px;

  display: inline-block;

  top: 7px;

}



.blog-sidebar ul li ul {

  padding: 0;

  margin: 0;

}



.blog-sidebar ul li ul li {

  margin-top: 0;

  margin-bottom: 0;

}



.blog-sidebar .sub-menu,

.blog-sidebar .children {

  width: 100%;

}



.blog-sidebar .sub-menu ul {

  margin-top: 0;

  margin-bottom: 0;

}



.blog-sidebar .sub-menu li {

  padding: 0 0 0 7px;

  margin: 0;

}



.blog-sidebar .sub-menu li:before {

  display: none;

}



.blog-sidebar a {

  color: #888;

}



.blog-sidebar a:hover {

  color: inherit;

}



.blog-sidebar .searchform {

  margin: 4px 0;

}



.blog-sidebar .sidebar-item:first-child .searchform {

  margin-top: 0;

}



.blog-sidebar h6,

.blog-sidebar .sidebar-title {

  display: block;

  position: relative;

  padding: 5px 22px 0;

  margin: 15px 0 0 0;

  color: #fff;

}



.blog-sidebar .sidebar-title h4 {

  display: inline-block;

  font-size: 17px;

  position: relative;

  margin: 0;

}



.blog-sidebar .sidebar-title h4:after {

  content: '';

  display: block;

  position: absolute;

  width: 30px;

  height: 2px;

  left: 0;

  bottom: -4px;

  background-color: #007ced;

}



.blog-sidebar .sidebar-title h4:before {

  content: '';

  display: block;

  position: absolute;

  width: 100%;

  height: 2px;

  left: 0;

  bottom: -4px;

  background-color: #f5f5f5;

}



.blog-sidebar .post-date {

  font-size: 11px;

}



.blog-sidebar .separator {

  display: none;

}



.blog-sidebar h6 .demo-icons,

.blog-sidebar .sidebar-title .demo-icons,

.blog-sidebar .sidebar-title .fa {

  color: #fff;

  margin-right: .6em;

}



.blog-sidebar .sidebar-title .rsswidget img {

  vertical-align: baseline;

}





/* Calendar */

.calendar_wrap {

  padding: 12px 22px;

}



.calendar_wrap table {

  width: 100%;

  border: 0;

}



.calendar_wrap th {

  background-color: #e5e5e5;

  text-align: center;

  font-size: 11px;

  border: 0;

}



.calendar_wrap td {

  background-color: #fcfcfc;

  text-align: center;

  border: 0;

}



.calendar_wrap td#today {

  background-color: #007ced;

  color: #fff;

  padding: 0 3px;

}



/* hiding the Duplicated widget title */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

  word-wrap: normal !important;

}







/* ======= Search form =======  */

.search-form {

  position: relative;

  overflow: hidden;

}



.search-form label {

  font-weight: inherit;

  width: 100%;

  margin: 0;

}



.search-form label span {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 0;

  text-indent: -3000px;

  opacity: .35;

  margin: 0;

}



.search-form label:after {

  height: 48px;

  width: 48px;

  position: absolute;

  top: 0;

  right: 0;

  content: "\f002";

  font-size: 1.2em;

  font-family: "Font Awesome 5 Free";

  line-height: 48px; text-align: center;

  border-left: none;

  color: #ddd;

}

.search-form input[type="search"],

.search-form input[type="text"] {

  padding: 10px 50px 10px 16px;

  margin-bottom: 0;

  position: relative;

  border: none;

  width: 100%;

  height: 48px;

  color: inherit;

  outline: none;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.blog-sidebar .search-form input[type="search"],

.blog-sidebar .search-form input[type="text"] {

  border: none;

  background-color: transparent;

}



.search-form input[type="submit"],

.search-form input[type="submit"]:hover,

.search-form input[type="submit"]:focus {

  position: absolute;

  top: 0;

  right:0;

  height: 48px;

  width: 48px;

  background: transparent;

  border: none;

  z-index: 1000;

  cursor: pointer;

  text-indent: -200px;

  overflow: hidden;

  border-radius:0;

  box-shadow: none;

}



.search-form input[type="text"]:focus + input[type="submit"] {

  margin-right: 0;

}





/* ======= Search Results: nothing found ======= */

.page-content-none {

  padding-top: 30px;

  text-align: center;

}



.page-content-none .search-form {

  max-width: 270px;

  margin: 30px auto;

}



.page-content-none .search-form input[type="search"] {

  border: 1px solid #e5e5e5;

}



.page-content-none .search-form input[type="search"]:focus {

  border-color: #aaa;

}







/* ============================================================================= 

12. Footer

============================================================================= */

.site-footer {

  display: block;

  position: relative;

  margin: 60px -50px -60px;

  padding: 15px 45px;;

  background-color: #252525;

  border-top: 2px solid #333;

  border-bottom-left-radius: 40px;

  border-bottom-right-radius: 40px;

}



.footer-social {

  float: left;

}



.site-footer .footer-social-links {

  list-style: none;

  margin: 0;

  padding: 0;

}



.site-footer .footer-social-links li {

  display: inline-block;

  margin-right: 25px;

}

.site-footer .footer-social-links li:last-child {

  margin-right: 0;

}



.site-footer .footer-social-links li a {

  color: #ddd;

  text-decoration: none;

  line-height: 21px;

  font-size: 13px;

  opacity: .6;

}



.site-footer .footer-social-links li a:hover {

  opacity: 1;

}



.footer-copyrights {

  float: right;

}



.footer-copyrights p {

  color: #ddd;

  line-height: 21px;

  font-size: 13px;

  margin: 0;

}









/* ============================================================================= 

12. 404 Page

============================================================================= */

.nothing-found {

  text-align: center;

}



.nothing-found .page-content {

  margin: 10% 0 15%;

}



.nothing-found h1 {

  font-size: 160px;

  line-height: 1.2em;

  margin: 0;

  color: #e5e5e5;

  text-align: center;

}



.nothing-found p {

  display: inline-block;

  color: #fff;

  background-color: #007ced;

  padding: 0 10px;

  font-size: 16px;

}









/* ============================================================================= 

13. Media Queries 

============================================================================= */







/* ============================================================================= 

14. Additional Home Page Styles

============================================================================= */

.home-content.third-style {

  margin: 0;

}



.home-content.third-style .start-page-full-width {

  width: calc(100% + 140px);

  margin-left: -70px;

}



.home-content.third-style .start-page-full-width .row {

  margin-right: 0;

  margin-left: 0;

}



.home-content.third-style .start-page-full-width .inner-content {

  height: 100%;

  min-height: 100%;

}



.home-content.third-style .start-page-full-width .hp-text-block {

  position: relative;

  padding: 70px 15%;

  background-color: #333;

  height: 100%;

  min-height: 100px;

}



.home-content.third-style .start-page-full-width .inner-content .fill-block {

  position: relative;

  height: 100%;

  min-height: 300px;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.home-content.third-style .hp-main-title {

  font-size: 48px;

  line-height: 1.2em;

  margin-top: 5px;

  margin-bottom: 15px;

}



.home-content.third-style .hp-buttons {

  margin-top: 30px;

}



.home-content.third-style .start-page-full-width .hp-text-block .sp-subtitle {

  color: #888;

  font-weight: 300;

}



.home-content.third-style .start-page-full-width div[class^="col-"] {

  padding: 0 !important;

}



.home-content.third-style .start-page .vcentered {

  vertical-align: middle;

  width: 100%;

  align-items: center;

  display: flex;

  display: -ms-flexbox;

  -ms-flex-pack: center;

  justify-content: center;

  flex-direction: column;

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-direction: normal;

  -moz-box-direction: normal;

  -webkit-box-orient: horizontal;

  -moz-box-orient: horizontal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: center;

  -moz-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-box-align: center;

  -moz-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

}



.home-content.third-style .start-page .vcentered .row {

  width: 100%;

}



 .home-content.third-style .start-page .title-block {

  position: relative;

  text-align: center;

}



.home-content.third-style .start-page .title-block h2 {

  color: #fff;

  font-size: 70px;

  margin: 0;

  text-align: center;

}



.home-content.third-style .start-page .title-block .sp-subtitle {

  color: #fff;

  font-size: 21px;

  font-weight: 300;

  font-family: Oswald, Helvetica, sans-serif;

  margin: 5px 0;

  text-align: center;

}



.home-content.third-style .start-page-content .social-links {

  position: relative;

  text-align: center;

  margin: 0 auto;

  margin-top: 20px;

}



.home-content.third-style .start-page-content .social-links a {

  display: inline-block;

  width: 36px;

  height: 36px;

  border-radius: 24px;

  background-color: #fff;

  margin: 0 1px;

  color: #9e9e9e;

  text-align: center;

  -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.1);

  -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.1);

  box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.1);

}



.home-content.third-style .start-page-content .social-links a:hover {

  -webkit-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.2);

  -moz-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.2);

  box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.2);

}



.home-content.third-style .start-page-content .social-links a i {

  line-height: 36px;

  font-size: 16px;

}



.home-content.third-style .start-page-content .page-content {

  padding-top: 45px;

  background-color: #fff;

}



.home-content.third-style .start-page-content .block-title h3 {

  margin-bottom: 10px;

}



.home-content.third-style .start-page-content .page-content .download-resume {

  margin-top: 15px;

}

/*CSS AJOUTÉ*/

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  
}

nav ul li {
  display: block;
  float: right;
}

nav ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
}

.mail{

  font-size: 15px;

  font-family: 'Poppins', Helvetica, sans-serif;

  font-weight: 600;

  font-style: normal;

}

.mail a:hover {

  color : black;

}

.profil_linkedin {

  position: absolute;
  top: 478px;
  left: 90px;
}

.profil_linkedin a:hover {

  color: black;

}

.logo_linkedin {

  position: absolute;
  top: 473px;
  left: 300px;

}

.subitle {

  color: rgb(230, 66, 156);
  font-size: 22px;
  font-family: Helvetica;
}

.subitle .bonhomme_3 {

  position: absolute;
  top: 420px;
  left: 15px;


} 

.subitle .bonhomme_2 {

  position: absolute;
  left: 140px;
  top: 500px;
}


.border-bandeau {

  background-color: #007ced;
  border-top: 3px solid white;
  border-left: 3px solid white;
  border-bottom: 3px solid rgb(230, 66, 156);
  border-right: 3px solid rgb(230, 66, 156);
  box-shadow: 0px 0px 40px #888;
  padding-top: 25px;
  height: 100px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.border-bandeau a {

  color: white;

}

.clique {

  position: absolute;
  right: 120px;
  top: 170px;

}

.block-videos {

  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;

}

.videos {

  display: flex;
  justify-content: center;
  border: 1px solid #007ced;
  width: 500px;
  height: 300px;

}

#message {

  max-width: 750px;
  width: 750px;
  height: auto;

}


@media screen and (max-width: 500px){ /*TELEPHONE*/

  /*PAGE INDEX*/

  .row {  /*largeur du container du site*/

    width: 380px;
    height: auto;

  }

  .header a {

    font-size: 12px;

  }

  .border-bandeau { /*dimension de la box*/

    padding-top: 5px;
    height: 80px;

  }

  .border-bandeau a { /* texte dans la box*/
    
    font-size: 15px;
    width: 100%;

  }

  .clique {

    position: absolute;
    top: 190px;
    right: 0px;

  }

  .clique img {

    width: 50px;
    height: auto;
  }

  .home-content {

    margin: auto; /*aligner tous les éléments*/

  }

  .subitle .bonhomme_3 { /*on bouge le bonhomme*/

    position: absolute;
    left: 0px;
    top: 330px;

  }

  .subitle .bonhomme_3 img {

    width: 80px;
    height: 80px;

  }  

  .subitle .bonhomme_2 { /*on bouge le bonhomme*/

    position: absolute;
    right: -130px;
    top: 330px;

  }

  .subitle .bonhomme_2 img {

    width: 80px;
    height: 80px;

  } 


  h4 {

    text-align: center;
  }

  .home-text h1 {

    font-size: 20px;
    text-align: center;

  }

  .home-text.hp-left { /*espace a gauche et a droite du paragraphe*/

    padding-left: 15px;
    padding-right: 15px;

  }

  .profil_linkedin {

    position: absolute;
    top: 385px;
    left: 70px;

  }

  .logo_linkedin {

    position: absolute;
    top: 385px;
    left: 280px;

  }

  .home-buttons { /*position des boutons*/

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }

  .info-block-w-icon .ci-text{

    padding: 0; /*espace entre les paragraphes et les icones*/

  }

  .container { /*parcours*/

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px 0px;

  }

  .container img {

    max-width: 90px;
    max-height: 90px;

  }

  .container .client-block #img-1 {

    padding-top: 19px;

  }

  .container .client-block #img-5 {

    padding-top: 35px;

  }

  .container .client-block #img-6 {

    padding-top: 30px;

  }

  .container .client-block #img-7 {

    padding-top: 35px;

  }




  /*PAGE ABOUT ME*/

  .header {

    padding-bottom: 10px;
    width: 100%;

  }


  .page-title {

    margin-bottom: 20px;

  }

  .page-title h1 {

    font-size: 28px;
    text-align: center;

  }

  .page-title .bonhomme_3 {

    width: 100px;
    height: auto;
    position: absolute;
    top: 70px;
    left: 10px;

  }


  .page-title .bonhomme_2 {

    width: 100px;
    height: auto;
    position: absolute;
    top: 70px;
    right: 10px;

  }

  .page-container h2 {

    font-size: 15px;
    text-align: center;

  }


  .page-container p {

    text-align: justify;
    font-size: 11px;

  }

  .page-container #logo-1 {

    width: 70px;
    height: 70px;

  }
  

  .page-container #logo-qualiopi {

    width: auto;
    height: 70px;

  }
  
  .float-right #logo-1 {

    width: 70px;
    height: 70px;

  }

  .float-right #logo-3 {

    width: auto;
    height: 70px;

  }

  .float-right #logo-qualiopi {

    width: auto;
    height: 70px;

  }


  /*PAGE CONTACT*/

  .page-title .bonhomme_3 {

    position: absolute;
    left: 50px;

  }

  .page-title .bonhomme_2 {

    position: absolute;
    right: 50px;

  }

  .ci-text h4 {

    text-align: left;

  }

  #message {

    max-width: 380px;
    height: auto;

  }

  
  .bandeau-summer p{
    display: none;
  }

  .bandeau-summer{
    margin-bottom: 10%;
  }

  .bandeau-summer .home-buttons{
    margin: 0;
  }

}

/*Bandeau summer bootcamp*/

.bandeau-summer{
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
    align-items: center;
  }

.bandeau-summer img{
  width: 80%;
  height: auto;
}