@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Muli:300,400');
@import url('https://fonts.googleapis.com/css?family=Lato:700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/gothic.eot');
  src: local('CenturyGothic'), url('fonts/gothic.woff') format('woff'), url('fonts/gothic.ttf') format('truetype');
}
@font-face {
  font-family: 'CenturyGothic-Bold';
  src: url('fonts/gothic.eot');
  src: local('CenturyGothic-Bold'), url('fonts/CenturyGothic-Bold.woff') format('woff'), url('fonts/CenturyGothic-Bold.ttf') format('truetype');
}

*::before, *::after { box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }
body *, body *:after, body *:before { box-sizing: border-box; transition: all 0.3s linear 0s; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video { border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
body { color: #303133; font-family: "CenturyGothic",sans-serif; font-size: 14px; font-style: normal; line-height: 1.5; background-color: #e8e5d0; 
  margin: 0 auto; width: 100%; display: inline-block; }
ul { list-style: outside none none; }
a { color: #fff; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { color: #303133; font-family: "CenturyGothic-Bold",sans-serif; }
h1 { font-size: 45px; font-weight: 500; letter-spacing: -0.5px; line-height: 1.3em; margin-bottom: 75px; text-transform: capitalize; }
h6 { color: #c8a482; font-size: 16px; font-weight: 500; letter-spacing: 1.5px; margin-bottom: 33px; text-transform: uppercase; }
p { color: #000; font-family: "CenturyGothic",sans-serif; font-size: 16px; line-height: 1.3em; }
a:hover{ text-decoration: none; }
.navbar .navbar-collapse.stickydk{ background: #5c3e18 none repeat scroll 0 0; left: 0; max-height: 40px; position: fixed; top: 0; width: 100%;
  z-index: 9; }
.navbar-wrapper { left: 0; position: absolute; right: 0; top: 0; }
.navbar-inverse { background-color: transparent; border-color: transparent; margin-bottom: 0; }
.navbar-wrapper > .container > .navbar{ background-color: #5c3e18; }
.navbar-inverse .navbar-nav > li > a{ color: #fff; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:hover > a { background-color: #897458; color: #000; }
.navbar-collapse.collapse { text-align: center; max-height: 47px; }
.navbar-nav { display: inline-block; float: none; margin: 0 auto; padding: 0; text-align: center; }
.navbar-nav > li > a { padding-bottom: 10px; padding-top: 10px; font-size: 15px; }
.navbar{ min-height: 47px; }
.clip{ position: absolute; top: 0; right: 30px; }
.clip > img{ max-height: 132px; }
.all-container { box-shadow: 0 0 10px 1px #000; display: inline-block; width: 100%; }
.section-menu{ padding: 5px 20px; }
.intro-content-wrap{ background-color: #5c3e18; z-index: 1; padding: 30px 20px 50px; }
.img-candidato { border-radius: 50%; display: inline-block; margin: 40px 0; overflow: hidden; width: auto; border: 10px solid #31210d; }
.img-candidato > img{ max-height: 350px; max-width: 100%; transform: scale(1.2); width: auto; }
.intro-content-wrap > div{ text-align: center; z-index: 1; }
.title-intro{ background: #b4a695; float: right; padding: 10px 18% 20px 30px; margin-right: -35px; text-align: right; margin-top: 10px; 
  position: relative; box-shadow: 0 0 13px -4px #000; display: inline-block; width: 88%; margin-left: 10%; }
.title-intro > h1 { font-weight: 500; margin: 0; color: #fff; font-size: 45px; }
.title-intro::after, .title-intro::before { background: #b4a695 none repeat scroll 0 0; bottom: 0; content: ""; height: 51%; left: -50px; 
  position: absolute; top: 0; transform: skewX(140deg); width: 80px; box-shadow: -11px -4px 10px -13px #000; }
.title-intro::before{ top: auto; bottom: 0; transform: skewX(-140deg); box-shadow: -9px 7px 10px -12px #000;  }
.title-intro > h2{ text-transform: ; font-weight: 400; color: #5a534a; font-size: 26px; }
.content-intro > h1{ text-transform: uppercase; font-weight: 500; font-size: 36px; letter-spacing: -3px; color: #f5d893; margin-bottom: 15px; }
.content-intro { display: inline-block; float: right; margin: 20px 0; text-align: left; width: 90%; }
.content-intro > p{ color: #fff; margin-bottom: 15px; width: 80%; margin-bottom: 20px; }
.bold{ font-weight: 800; }
.content-intro > a.button{ padding: 10px 15px; background-color: #e0cece; color: #000; margin-right: 15px; display: inline-block; margin-top: 20px; 
  font-weight: 800; text-transform: uppercase; margin-bottom: 15px; font-family:"Century Gothic"; }
.exp-content-wrap{ background-color: #ede6e6; padding: 80px 20px 30px; background-image: url("../images/bg-1.png"); background-position: 22% center;
  background-repeat: no-repeat; background-size: auto 75%; }
.intro-content-wrap::after { background: #5c3e18 none repeat scroll 0 0; bottom: 10px; box-shadow: -1px 7px 8px -1px rgba(0,0,0,0.5); content: "";
    height: 240px; left: 0; position: absolute; transform: skewY(21deg); width: 100%; }
.intro-content-wrap::before { background-color: #ede6e6; border-top-right-radius: 100%; bottom: 0; color: #1e1e1e; content: ""; height: 250px;
    left: 0; position: absolute; width: 60%; }
.title-section { font-size: 30px; text-indent: 30px; color: #000; margin-bottom: 25px; font-family: 'Open Sans'}
.content-exp-simple{ width: 100%; text-align: center; padding: 10px; }
.content-exp-simple > p.exp-date, .content-exp-simple-extend > p.exp-date
  { font-weight: 900; text-transform: uppercase; margin-bottom: 10px; letter-spacing: -1px; }
.col-md-3.exp-block { display: inline-block; float: none; text-align: center; vertical-align: bottom; width: 24.5%; }
.dot-exp{ height: 50px; width: 50px; margin: 50px auto; text-align: center; background-color: #528597; border-radius: 50%; display: inline-block;
  vertical-align: middle; text-align: center; color: #fff; position: relative; cursor: pointer; }
.dot-exp.active{ box-shadow: 0 0 0 10px #e0cece; }
.dot-exp > p { color: #fff; display: inline-block; font-size: 16px; font-weight: 800; letter-spacing: -1px; line-height: 50px; vertical-align: middle; }
.exp-block-dot > .exp-block:nth-child(2n+1) >.dot-exp::before { 
  background-color: #528597; content: ""; height: 50px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -50px; width: 5px; }
.dot-exp::after { background-color: #528597; bottom: 0; content: ""; height: 5px; position: absolute; top: 22px; vertical-align: middle; 
  width: 510%; z-index: 1; }
.exp-block-dot > .exp-block:nth-child(2n) >.dot-exp::before { 
  background-color: #528597; content: ""; height: 50px; left: 0; margin: 0 auto; position: absolute; right: 0; bottom: -50px; width: 5px; }
p.exp-inner { font-size: 14px; margin-bottom: 0; }
.exp-content-wrap p.exp-inner{ margin-bottom: 10px; }
.exp-block-dot > .exp-block:last-child > .dot-exp:after{ height: 0; }
p.exp-inner-text{ font-size: 14px; text-align: left; display: none; }
.content-exp-simple.extend { background: #e0cece none repeat scroll 0 0; border-radius: 20px; margin: 0 auto 0 -15%; padding: 10px 15px; text-align: center; 
  width: 130%; }
.exp-block-content.bottom > .col-md-3.exp-block{ vertical-align: top; }
.exp2-content-wrap{ background-color: #fbf7f5; padding: 30px 20px; background-image: url("../images/bg-2.png"); background-position: 22% center;
  background-repeat: no-repeat; background-size: auto 75%; }
.exp2-content-wrap .dot-exp, .exp2-content-wrap .exp-block-dot > .exp-block > .dot-exp::before, .exp2-content-wrap .dot-exp::after
  { background-color: #eb7643; }
.exp2-content-wrap .content-exp-extend{ background-color: #c2c6c7; }
.content-exp-simple.extend > .exp-inner-text{ display: inline-block; }
.exp2-content-wrap .dot-exp.active { box-shadow: 0 0 0 10px #c2c6c7; }
.form-content-wrap{ background-color: #5c3e18; padding: 30px 20px; background-image: url("../images/bg-3.png"); background-position: center center;
  background-repeat: no-repeat; background-size: 75% auto; box-shadow: 0 8px 17px -5px #000; z-index: 1; }
.white{ color: #fff; }
.black{ color: #000; }
.clip.extern { top: -65px; z-index: 1; }
.dot-exp2{ height: 40px; width: 40px; margin: 5px auto; text-align: center; background-color: #fff; border-radius: 50%; display: inline-block;
  vertical-align: middle; text-align: center; position: relative; cursor: pointer; }
.form-content-wrap .exp-block-dot::after { background: #fff none repeat scroll 0 0; content: ""; height: 5px; left: 0; margin: 0 auto; position: absolute;
  right: 0; top: 49%; width: 85%; }
.burble-info { background: #c2c6c7 none repeat scroll 0 0; border-radius: 20px; font-size: 8px; margin: 0 auto 40px 20%; padding: 15px 10px; 
  width: 100%; position: relative; display: none; }
.content-exp-simple.active > .burble-info{ display: inline-block; }
.burble-info > p{ font-size: 14px; text-align: left; }
.burble-info:before{ border-color: transparent #c2c6c7; border-style: solid; border-width: 0 0 25px 50px; bottom: -25px; content: ""; display: block;
  position: absolute; right: 80px; width: 0; }
.burble-info:after{ border-color: transparent #5c3e18; border-style: solid; border-width: 0 0 25px 20px; bottom: -25px; content: ""; display: block;
  position: absolute; right: 110px; width: 0; }
.skills-content-wrap{ background-color: #fbf7f5; padding: 30px 20px; }
.skills-content-wrap > .first-content{ background-image: url("../images/bg-4.png"); background-position: 90% center; background-repeat: no-repeat;
  background-size: auto 40%; display: inline-block; width: 100%; }
.pie-chart { position: relative; text-align: center; height: 160px; width: 160px; line-height: 160px; margin: 0 auto; }
.pie-chart i, .pie-chart .pie-chart-custom-text, .pie-chart .pie-chart-percent { position: absolute; z-index: 10; top: 0; left: 0; display: block;
    width: 100%; color: #444444; text-align: center; }
.pie-chart .pie-chart-percent { font-size: 30px; font-weight: 400; }
.pie-chart i, .pie-chart .pie-chart-custom-text, .pie-chart .pie-chart-percent { color: #444444; }
.pie-chart canvas { position: absolute; z-index: 1; top: 0; left: 0; }
.pie-chart-description { display: inline-block; text-align: center; width: 100%; }
.slick-prev::before, .slick-next::before{ color: #5c3e18; font-size: 40px; font-weight: 800; }
.slick-prev::before { content: "<"; }
.slick-next::before { content: ">"; }
.slick-prev { left: 0; }
.slick-next{ right: 0; }
.content-skills{ margin: 50px 0; }
.first-content .title-section{ margin-bottom: 0; }
.skills-content-wrap > .second-content{ background-image: url("../images/bg-5.png"); background-position: 5% center; background-repeat: no-repeat;
  background-size: auto 75%; display: inline-block; width: 100%; }
.item-pub{ display: inline-block; width: 75%; float: right; margin-bottom: 40px; position: relative; }
.desc-pub{ display: inline-block; vertical-align: middle; max-width: 90%; }
.dot-pub{ background-color: #2dc3b6; border-radius: 50%; display: inline-block; height: 30px; margin-right: 20px; vertical-align: middle; width: 30px; }
.item-pub::before { background: #2dc3b6 none repeat scroll 0 0; content: ""; height: calc(100% + 37px); left: 13px; position: absolute; top: 53%;
  width: 5px; }
.item-pub:last-child{ margin-bottom: 0; }
.item-pub:last-child::before{ width: 0; }
.all-content-pub{ float: right; margin: 30px 0; }
.all-content-pub .slick-prev { left: 6px; top: -33px; transform: rotateZ(90deg); z-index: 1; background: #f9f9f9; height: 40px; width: 60px; }
.all-content-pub .slick-next { bottom: -15px; left: 6px; top: auto; transform: rotateZ(90deg); z-index: 1; background: #f9f9f9; height: 40px;
  width: 60px; }
.all-content-pub .slick-next::before{ background-color: #f9f9f9; }
.interest-content-wrap{ background-color: #5c3e18; padding: 30px 20px; box-shadow: 0 8px 17px -5px #000; z-index: 1; text-align: center; }
.interest-content-wrap .title-section, .portfolio-content-wrap .title-section{ text-align: left; }
.inner-content-interest{ width: 80%; display: inline-block; margin: 0 auto; }
.item-interest >i:before{ background: #fff none repeat scroll 0 0; display: inline-block; font-size: 35px; margin: 30px 0; padding: 25px;
  box-shadow: 0 -5px 9px 0 #000; }
.col-md-2.item-interest{ width: 20%; }
.item-interest > p{ color: #fff; font-weight: 900; }
.interest-content-wrap .slick-prev::before, .interest-content-wrap .slick-next::before{ color: #2dc3b6; }
.portfolio-content-wrap{ background-image: url("../images/bg-6.png"); background-position: right bottom; background-repeat: no-repeat;
  background-size: auto 75%; display: inline-block; width: 100%; background-color: #f9f9f9; text-align: center; padding-bottom: 10px; }
.inner-content-portfolion{ width: 90%; display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 50px; }
.portfolio-item{ width: 33.3333%; float: left; margin: 10px 0; padding-left: 15px; padding-right: 15px; position: relative; }
.work-img { overflow: hidden; }
.work-img img { width: 100%; padding: 8px; background-color: #fff; border: 1px solid #ddd; display: inline-block; height: auto; line-height: 1.42857;
    max-width: 100%; max-height: 270px; min-height: 242px; }
.rex-featured-description{ background-color: #5c3e18; border-radius: 50%; bottom: 20%; /*cursor: pointer;*/ height: 250px; overflow: hidden;
    left: 0; margin: 0 auto; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; width: 250px; box-shadow: 0 0 10px 1px #000; }
.rex-featured-description::before { background: #c6eaf2 none repeat scroll 0 0; bottom: 0; content: ""; height: 160px; left: 0; position: absolute;
    width: 100%; }
.rex-portfolios-title { left: 50%; min-width: 180px; position: absolute; top: 35%; margin-bottom: 30px; }
.rex-portfolios-title h6 { line-height: 1.3em; color: #fff; font-size: 15px; font-weight: 400; margin: 0 0 30px; font-family: "CenturyGothic",sans-serif; }
.rex-portfolios-title h6 p{ font-weight: 900; font-size: 15px; color: #fff; font-family: "CenturyGothic-Bold",sans-serif; }
.rex-featured-description span { color: #4dbfd9; padding-bottom: 10px; }
.rex-portfolios-title span { color: #000; font-size: 14px; }
.portfolio-modal{ display: none; }
.portfolio-item:hover .animated .rex-portfolios-title { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.portfolio-item:hover .work-img { overflow: hidden; }
.portfolio-item:hover .work-img img { transform: scale(1.2); }
.portfolio-item:hover .animated { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; opacity: 1 !important; }
.portfolio-item:hover .animated .rex-portfolios-title h6 { -webkit-transition: 0.5s; transition: 0.5s; }
.contact-content-wrap{ background-color: #5c3e18; padding: 30px 20px; box-shadow: 0 8px 17px -5px #000; z-index: 1; text-align: center; }
.inner-content-contact{ width: 90%; display: inline-block; margin: 0 auto; }
.contact-form-container{ background: #fff none repeat scroll 0 0; border-radius: 5px; margin-bottom: 20px; padding: 30px; }
.contact-form-container .form-title { font-size: 20px; font-weight: normal; margin-bottom: 5px; margin-top: 0; 
    text-transform: uppercase; text-align: left; font-family: "CenturyGothic",sans-serif; }
.contact-form .form-input-group { -moz-column-count: 2; -moz-column-gap: 10px; column-count: 2; column-gap: 10px; -webkit-column-count:2; 
    -webkit-column-gap: 10px; }
.form-input-group input { background: #f0f0f0 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 4px; display: inline-block;
    margin-bottom: 10px; padding: 15px 10px; transition: all 0.35s ease 0s; width: 100%; color: #8c8c8c; font-style: italic; font-size: 14px; }
.contact-form .your-message { background: #f0f0f0 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 4px; margin-bottom: 8px;
    padding: 10px; transition: all 0.35s ease 0s; width: 100%; font-style: italic; color: #8c8c8c; }
.contact-form .btn { background: #5c3e18 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 4px; color: #fff; font-weight: 600;
    padding: 10px 25px; text-transform: uppercase; transition: all 0.35s ease 0s; text-align: left; }
form.contact-form { text-align: left; }
.section-box { background: #fff none repeat scroll 0 0; border-radius: 5px; margin-bottom: 20px; padding: 30px; box-shadow: 0 0 10px -3px #2e3d42; 
  text-align: center; }
.contact-address .address-title {  font-size: 20px; font-weight: normal; margin-bottom: 0; margin-top: 0; text-transform: uppercase; 
  font-family: "CenturyGothic",sans-serif; }
.address-line { border-bottom: 1px solid #dddfeb; margin-bottom: 0; padding: 0; }
.address-line li { list-style: outside none none; margin-bottom: 1px; position: relative; font-weight: 100; line-height: 1.3em; letter-spacing: -1px; 
  margin-top: 1px; }
h1.maps{ font-family: "CenturyGothic",sans-serif; font-weight: normal; font-size: 24px; margin: 0; color: #fff; }
footer{ background-color: #3b323c; padding: 80px 20px; }
.socials-icons{ display: inline-block; width: 100%; margin: 0 auto; text-align: center; }
.socials-icons i:before{ background-color: #fff; border-radius: 50%; color: #3b323c; display: inline-block; font-size: 22px; height: 40px;
  line-height: 40px; vertical-align: middle; width: 40px; }
.socials-icons li{ display: inline-block; padding: 0 10px; }
.side-menu-responsive{ background-color: rgba(0,0,0,0.3); margin: 0 auto; text-align: center; padding: 5px 10px;
    border-radius: 4px; border: 2px solid #fff; position: fixed; z-index: 2; top: 35px; left: 10px; display: none; cursor: pointer; }
.side-menu-responsive i:before{ color: #fff; font-weight: 800; font-size: 1.1em; }
.t-menu-responsive{ position: relative; margin: 0 auto; display: inline-block; width: 100%; z-index: 1001; }
.container { width: 1280px; }
.visible{ display: inline-block !important; }
.ps-timeline-sec{ position: relative; display: inline-block; width: 100%; }
.ps-timeline-sec .container { position: relative; width: 100%; }
.ps-timeline-sec .container ol.ps-timeline { list-style: outside none none; margin: 320px 0 0; padding: 0; }
.ps-timeline-sec .container ol.ps-timeline li { float: left; padding-top: 30px; position: relative; width: 25%; z-index: 1; }
.ps-timeline-sec .container ol.ps-timeline li .ps-top { bottom: 0; left: 0; margin-bottom: 105px; padding: 10px; position: absolute; right: 0; }
.ps-timeline-sec .container ol.ps-timeline li .ps-bot { margin-top: 45px; /*position: absolute;*/ left: 0; right: 0; padding: 10px; }
.ps-timeline-sec .container ol.ps-timeline li p { margin: 5px auto; text-align: center; width: 100%; }
.ps-timeline-sec .container ol.ps-timeline li > span { background: #528597 none repeat scroll 0 0; border-radius: 50%; letter-spacing: -1px;
    color: #fff; font-size: 16px; font-weight: 800; height: 50px; left: 50%; margin-left: -25px; position: absolute;
    text-align: center; top: -26px; width: 50px; line-height: 50px; cursor: pointer; }
.ps-timeline-sec .container ol.ps-timeline::after { background: #528597 none repeat scroll 0 0; content: ""; height: 5px; left: 0; margin: 0 auto;
    position: absolute; right: 0; width: 75%; }
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot::after { background: #528597 none repeat scroll 0 0; content: ""; height: 50px;
    left: 0; margin: 0 auto; position: absolute; right: 0; top: -50px; width: 5px; }
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top::after { background: #528597 none repeat scroll 0 0; content: ""; height: 50px;
    left: 0; margin: 0 auto; position: absolute; right: 0; bottom: -50px; width: 5px; }
.ps-timeline p.exp-date{ font-weight: 900; letter-spacing: 1px; font-family: 'Century Gothic'; margin-bottom: 10px; text-transform: uppercase;  }
.ps-timeline p.exp-inner{ font-size: 14px; margin-bottom: 10px;  }
.ps-top.extend, .ps-bot.extend{ background: #cac1bd none repeat scroll 0 0; border-radius: 20px; margin: 0 auto 0 -10%; padding: 10px 15px; 
  text-align: center; width: 120%; }
.ps-top.extend > .exp-inner-text, .ps-bot.extend > .exp-inner-text{ display: inline-block; text-align: left !important; }
.ps-sp-bot.active, .ps-sp-top.active{ box-shadow: 0 0 0 10px #c2c6c7; }

.exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline { list-style: outside none none; margin: 250px 0 0; padding: 0; }
.exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline li span, .exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top::after,
.exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot::after, .exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline::after
  { background: #eb7643; }
.exp2-content-wrap .ps-top.extend, .exp2-content-wrap .ps-bot.extend { background: #c2c6c7; }
.exp2-content-wrap .ps-sp-bot.active, .exp2-content-wrap .ps-sp-top.active{ box-shadow: 0 0 0 10px #c2c6c7; }
.form-content-wrap .ps-timeline-sec .container ol.ps-timeline li > span { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #fff;
    cursor: pointer; font-size: 16px; font-weight: 800; height: 40px; left: 50%; letter-spacing: -1px; line-height: 450px; margin-left: -25px;
    position: absolute; text-align: center; top: -20px; width: 40px; }
.form-content-wrap .ps-timeline-sec .container ol.ps-timeline::after{ width: 85%; background: #fff; }
.form-content-wrap .ps-timeline-sec .container ol.ps-timeline li .ps-top{ margin-bottom: 50px; }
.form-content-wrap .ps-timeline-sec .container ol.ps-timeline li .ps-bot{ margin-top: -10px; }
.ps-top.active > .burble-info, .ps-bot.active > .burble-info { display: inline-block; }
.burble-info > p{ text-align: left !important; margin: 0 auto !important; }
.burble-info{ width: 80%; }
.form-content-wrap .ps-timeline-sec .container ol.ps-timeline{ margin: 250px 0 0; }
.burble-info.bot{ margin-top: 40px; margin-bottom: 0; margin-left: 0; }
.burble-info.bot::after { border: 0 none; }
.burble-info.bot::before{ top: -22px; bottom: auto; transform: rotateZ(320deg); border-width: 0 0 30px 60px; }

/* bksoft */



@media screen and (max-width: 1300px) {
  .container { width: 1200px; }
  .title-intro > h2{ font-size: 22px; }
  .dot-exp::after{ width: 465%; }
  .all-content-pub .slick-prev{ height: 39px; }
}

@media screen and (max-width: 1260px) {
  .container { width: 1100px; }
}

@media screen and (max-width: 1200px) {
  .container { width: 1024px; }
  .navbar-nav > li > a{ font-size: 13px; padding: 10px; }
  .dot-exp::after{ width: 380%; }
  .content-intro > p{ width: 85%; }
  .all-content-pub{ width: 100%; }
  .all-content-pub .slick-prev{ height: 38px; left: 6px; }
  .all-content-pub .slick-next{ width: 56px; left: 6px; }
  .skills-content-wrap > .second-content{ background-position: right center; }
  .contact-form .your-message{ margin-bottom: 43px; }
  .title-intro::after, .title-intro::before{ width: 85px; }
  .title-intro > h1{ font-size: 45px; }
  .title-intro > h2{ font-size: 18px; }
  .rex-featured-description{ width: 230px; height: 230px; }
  .title-intro{ padding: 10px 22% 20px 30px; }
  .burble-info { width: 100%; }
}

@media screen and (max-width: 1080px) {
  .container { width: 98%; }
  .inner-content-interest{ width: 90%; }
  .dot-exp::after{ width: 350%; }
  .exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline{ margin: 280px 0 0; }
}

@media screen and (max-width: 991px) {
  .navbar{ display: none; }
  .side-menu-responsive{ display: inline-block; }
  .title-intro{ text-align: center; }
  .content-intro{ text-align: center; }
  .content-intro > h1, .content-intro > p{ text-align: left; }
  .navbar-wrapper > .container > .navbar{ position: fixed; left: 0; top: 0; bottom: 0; max-width: 250px; box-shadow: 0 0 10px 1px #000; }
  .navbar > .container{ max-width: 100%; }
  .navbar-collapse.collapse{ display: inline-block !important; }
  .navbar-nav>li { float: none; display: inline-block; width: 100%; border-bottom: 1px solid #ee7e72; }
  .navbar .clip{ display: none; }
  .navbar .navbar-collapse.stickydk { background: transparent; left: auto; max-height: initial; position: initial; top: auto; width: 100%; z-index: 9; }
  .side-menu-responsive.active{ left: 15px; top: 22px; }
  .navbar-nav{ padding-top: 20px; }
  .side-menu-responsive{ left: 40px; }
  .ps-timeline-sec .container ol.ps-timeline,.exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline, 
  .form-content-wrap .ps-timeline-sec .container ol.ps-timeline
    { margin: 0; border-left: 5px solid #528597; padding-top: 0; border-top: 0; width: 80%; margin: 0 auto; }
  .form-content-wrap .ps-timeline-sec .container ol.ps-timeline{ border-color: #fff; }
  .exp2-content-wrap .ps-timeline-sec .container ol.ps-timeline{ border-color: #eb7643; }
  .ps-timeline-sec .container ol.ps-timeline li { float: none; width: 100%; display: inline-block; padding: 10px 0; }
  .ps-timeline-sec .container ol.ps-timeline li .ps-bot, .ps-timeline-sec .container ol.ps-timeline li .ps-top{ 
    width: 80%; float: right; position: initial; margin: 15px 0 !important; padding: 10px; }
  .ps-timeline-sec .container ol.ps-timeline li > span, .form-content-wrap .ps-timeline-sec .container ol.ps-timeline li > span
    { left: 0; top: 0; bottom: 0; vertical-align: middle; margin: auto -28px; }
  .form-content-wrap .ps-timeline-sec .container ol.ps-timeline li > span{ margin: auto -23px; }
  .ps-timeline-sec .container ol.ps-timeline::after{ height: 0; }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot::after, .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top::after{ width: 0; }
  .form-content-wrap .ps-timeline-sec .container ol.ps-timeline li .ps-top{ margin-bottom: 15px; position: relative; display: flex; 
    flex-direction: column; }
  .burble-info{ margin-top: 40px; margin-bottom: 0; margin-left: 0; order: 3; }
  .burble-info::after { border: 0 none; }
  .burble-info::before{ top: -22px; bottom: auto; transform: rotateZ(320deg); border-width: 0 0 30px 60px; right: 0; left: 0; margin: 0 auto; }
  .burble-info.bot::before{ right: 0; left: 0; margin: 0 auto; }
}

@media screen and (max-width: 800px) {
  .portfolio-item{ width: 100%; }
  .intro-content-wrap{ display: inline-block; }
}

  
@media screen and (max-width: 760px) {
  .desc-pub{ max-width: 75%; }
  .title-intro{ padding: 10px 10% 20px 30px; }
  .container{ width: 100%; }
  .side-menu-responsive{ left: 20px; }
  .skills-content-wrap .section-menu{ padding: 20px; }
  .content-skills{ margin: 20px 0; }
}

@media screen and (max-width: 540px) {
  .title-intro { padding: 10px 5% 20px 30px; }
  .title-intro > h1 { font-size: 36px; }
  .title-intro > h2 { font-size: 16px; }
  .title-section{ font-size: 24pX; }  
}

@media screen and (max-width: 480px) {
  .title-intro { padding: 10px 5% 20px 5%; }
  .title-intro::after, .title-intro::before { z-index: -1; }
  .content-intro, .content-intro > p{ width: 100%; }
  .clip > img { max-height: 80px; }
  .clip.extern{ top: -40px; }
  .portfolio-content-wrap .title-section, .title-section { text-align: center; }
}

@media screen and (max-width: 400px) {
  .content-intro, .content-intro > p{ text-align: center; }
  .content-intro > h1, .content-intro > p{ text-align: center; }
  footer{ padding: 40px 5px; }
  .socials-icons i:before{ font-size: 15px; height: 25px; line-height: 25px; width: 25px; }
  .socials-icons li{ padding: 0 5px; }
  .contact-content-wrap{ padding: 30px 0; }
}

@media screen and (max-width: 360px) {
  .title-intro > h1 { font-size: 30px; }
  .title-intro > h2 { font-size: 14px; }
  .container{ padding-left: 5px; padding-right: 5px; }
  .desc-pub { max-width: 60%; }
}