/*

[Main Stylesheet]

Project     : Gex - Responsive Personal Resume Template
Version     : 1.0
Author      : Xqode
Author URI  : https://themeforest.net/user/Xqode


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".

*/
/*
<style>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
</style> 

*/

@-webkit-keyframes preloaderRotate {
 0% {
  -webkit-transform:perspective(120px)
 }
 50% {
  -webkit-transform:perspective(120px) rotateY(180deg)
 }
 to {
  -webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)
 }
}
@keyframes preloaderRotate {
 0% {
  transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)
 }
 50% {
  transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
 }
 to {
  transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
 }
}
body,
html {
 height:100%
}
body {
 color:#999999;
 font-family: 'Josefin Sans', sans-serif;
 font-size:14px;
 line-height:24px;
 font-weight:400;
 word-wrap:break-word
}
.table:last-child,
p:last-child,
ul:last-child {
 margin-bottom:0
}
.nav>li>a>img,
img {
 max-width:100%;
 height:auto
}
p:last-child>img {
 margin-bottom:15px
}
::-moz-selection {
 color:#fff;
 background-color:#06bebf;
}
::selection {
 color:#fff;
 background-color:#06bebf
}
.del {
 text-decoration:line-through
}
.wrapper {
 height:100%
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 color:#1b1b1b; 
 font-family: 'Josefin Sans', sans-serif;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
 font-weight:700
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
 font-weight:600
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
 margin-top:0;
 margin-bottom:0
}
.h5,
h5 {
 font-size:16px
}
.h6,
h6 {
 font-size:14px
}
.h1,
h1 {
 line-height:46px
}
.h2,
h2 {
 line-height:40px
}
.h3,
h3 {
 line-height:34px
}
.h4, h4 {
	line-height: 45px;
	font-size: 36px;
}
.h5,
h5 {
 line-height:26px
}
.h6,
h6 {
 line-height:24px
}
.btn-link,
a {
 -webkit-transition-property:color,border-color,background-color,box-shadow;
 transition-property:color,border-color,background-color,box-shadow;
 -webkit-transition-duration:.35s;
 transition-duration:.35s;
 -webkit-transition-timing-function:ease,ease,ease-in-out,ease-in-out;
 transition-timing-function:ease,ease,ease-in-out,ease-in-out
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.btn-link:link,
.btn-link:visited,
a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
 text-decoration:none;
 outline:0
}
a {
 color:#06bebf
}
.btn-link.active,
.btn-link:focus,
.btn-link:hover,
a:focus,
a:hover {
 color:#06bebf
}
.btn-link {
 display:inline-block;
 color:inherit;
 font-weight:inherit
}
.nav li a:focus,
.nav li a:hover,
.nav li.open>a,
.nav li.open>a:focus,
.nav li.open>a:hover {
 background-color:transparent
}
.nav li a {
 color:inherit
}
.nav li a:focus {
 color:inherit
}
.nav li a:hover,
.nav li.active>a,
.nav li.active>a:focus,
.nav li.active>a:hover,
.nav li.open>a,
.nav li.open>a:focus,
.nav li.open>a:hover {
 color:#06bebf
}
.nav>li {
 float:left
}
.nav>li>a {
 display:inline-block
}
.btn {
 position: relative;
 padding: 11px 33px 7px;
 border-radius: 0; 
 font-family: 'Dosis', sans-serif; 
 font-size: 15px;
 line-height: 25px;
 -webkit-transition-property: color,border-color,background-color;
 transition-property: color,border-color,background-color;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out;
 text-transform: uppercase;
 z-index: 0;
}
.btn.active,
.btn:active {
 box-shadow:none
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
 outline:0
}
.btn:before {
 content:" ";
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 -webkit-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transition:-webkit-transform .35s ease-in-out;
 transition:transform .35s ease-in-out;
 transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
 z-index:-1
}
.btn.active:before,
.btn:focus:before,
.btn:hover:before {
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
.btn-default,
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
 color:#06bebf;
 background-color:transparent;
 border-color:#06bebf
}
.btn-default:before {
 background-color:#06bebf
}
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.nav>li.active>a.btn-default,
.nav>li>a.btn-default:focus,
.nav>li>a.btn-default:hover,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
 color:#fff;
 background-color:transparent;
 border-color:#06bebf
}
.btn-white,
.btn-white.disabled.focus,
.btn-white.disabled:focus,
.btn-white.disabled:hover,
.btn-white[disabled].focus,
.btn-white[disabled]:focus,
.btn-white[disabled]:hover {
 color:#fff;
 background-color:transparent;
 border-color:#fff
}
.btn-white:before {
 background-color:#fff
}
.btn-white.active,
.btn-white.active.focus,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white.focus,
.btn-white:active,
.btn-white:active.focus,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white:focus,
.btn-white:hover,
.nav>li.active>a.btn-white,
.nav>li>a.btn-white:focus,
.nav>li>a.btn-white:hover,
.open>.dropdown-toggle.btn-white,
.open>.dropdown-toggle.btn-white.focus,
.open>.dropdown-toggle.btn-white:focus,
.open>.dropdown-toggle.btn-white:hover {
 color:#06bebf;
 background-color:transparent;
 border-color:#fff
}
.btn-primary,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
 color:#fff;
 background-color:#06bebf;
 border-color:#06bebf
}
.btn-primary:before {
 background-color:#1b1b1b
}
.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.nav>li.active>a.btn-primary,
.nav>li>a.btn-primary:focus,
.nav>li>a.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
 color:#fff;
 background-color:transparent;
 border-color:#1b1b1b
}
.form-group {
 margin-bottom:20px
}
.form-control {
 height:40px;
 padding:8px 15px;
 border-color:#e5e5e5;
 border-radius:0;
 box-shadow:none;
 font-family: 'Josefin Sans', sans-serif;
 font-size:14px;
 line-height:24px;
 font-weight:400;
 -webkit-transition-duration:.25s;
 transition-duration:.25s;
 outline:0
}
.form-control:focus {
 border-color:#06bebf;
 box-shadow:none
}
textarea.form-control {
 height:auto;
 min-height:120px;
 resize:vertical
}
select.form-control {
 cursor:pointer
}
.alert {
 border-radius:0
}
.float--left {
 float:left
}
.float--right {
 float:right
}
.ov--h {
 overflow:hidden
}
.pt--10 {
 padding-top:10px
}
.pt--20 {
 padding-top:20px
}
.pt--30 {
 padding-top:30px
}
.pt--40 {
 padding-top:40px
}
.pt--50 {
 padding-top:50px
}
.pt--60 {
 padding-top:60px
}
.pt--70 {
 padding-top:70px
}
.pt--80 {
 padding-top:80px
}
.pt--90 {
 padding-top:90px
}
.pt--100 {
 padding-top:100px
}
.pt--130 {
 padding-top:130px
}
.pt--160 {
 padding-top:160px
}
.pt--250 {
 padding-top:250px
}
.pb--10 {
 padding-bottom:10px
}
.pb--20 {
 padding-bottom:20px
}
.pb--30 {
 padding-bottom:30px
}
.pb--40 {
 padding-bottom:40px
}
.pb--50 {
 padding-bottom:50px
}
.pb--60 {
 padding-bottom:60px
}
.pb--70 {
 padding-bottom:70px
}
.pb--80 {
 padding-bottom:80px
}
.pb--90 {
 padding-bottom:90px
}
.pb--100 {
 padding-bottom:100px
}
.pb--130 {
 padding-bottom:130px
}
.pb--160 {
 padding-bottom:160px
}
.pb--180 {
 padding-bottom:160px
}
.text-dark {
 color:#414141
}
.text-default {
 color:#999999
}
.post--date a,
.service--block:hover .title .h4,
.text-white {
 color:#fff
}
.page--breadcrumb .breadcrumb li.active,
.portfolio--filter-menu .nav>li.active,
.portfolio--filter-menu .nav>li:hover,
.text-primary {
 color:#06bebf
}
.bg--img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.section--title .h2,
[data-overlay] {
 position:relative;
 z-index:0
}
[data-overlay]::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1B1B1B;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	z-index: -1;
}
[data-overlay="0"]:before {
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
[data-overlay="0.1"]:before {
 opacity:.1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
}
[data-overlay="0.15"]:before {
 opacity:.15;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"
}
[data-overlay="0.2"]:before {
 opacity:.2;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}
[data-overlay="0.25"]:before {
 opacity:.25;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}
[data-overlay="0.3"]:before {
 opacity:.3;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}
[data-overlay="0.35"]:before {
 opacity:.35;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"
}
[data-overlay="0.4"]:before {
 opacity:.4;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}
[data-overlay="0.45"]:before {
 opacity:.45;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"
}
[data-overlay="0.5"]:before {
 opacity:.5;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
[data-overlay="0.55"]:before {
 opacity:.55;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
[data-overlay="0.6"]:before {
 opacity:.6;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
[data-overlay="0.65"]:before {
 opacity:.65;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
}
[data-overlay="0.7"]:before {
 opacity:.7;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
[data-overlay="0.75"]:before {
 opacity:.75;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}
[data-overlay="0.8"]:before {
 opacity:.6;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
[data-overlay="0.85"]:before {
 opacity:.85;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
}
[data-overlay="0.9"]:before {
 opacity:.9;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
[data-overlay="0.95"]:before {
 opacity:.95;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"
}
[data-overlay="1"]:before {
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.bg-light {
 background-color:#f7f7f7
}
.bg-default,
.section--title .h2.text-white:before {
 background-color:#fff
}
.bg-primary {
 background-color:#06bebf
}
.ff--default {
 font-family: 'Josefin Sans', sans-serif;
}
.ff--primary {
 font-family: 'Josefin Sans', sans-serif;
}
.fw--100 {
 font-weight:100
}
.fw--200 {
 font-weight:200
}
.fw--300 {
 font-weight:300
}
.fw--400 {
 font-weight:400
}
.fw--500 {
 font-weight:500
}
.fw--600 {
 font-weight:600
}
.fw--700 {
 font-weight:700
}
.fw--800 {
 font-weight:800
}
.fw--900 {
 font-weight:900
}
.fs--12 {
 font-size:12px;
 line-height:22px
}
.fs--14 {
 font-size:14px;
 line-height:24px
}
.fs--16 {
 font-size:16px;
 line-height:26px
}
.fs--18 {
 font-size:18px;
 line-height:28px
}
.fs--20 {
 font-size:20px;
 line-height:30px
}
.fs--22 {
 font-size:22px;
 line-height:32px
}
.fs--24 {
 font-size:24px;
 line-height:34px
}
.fs--26 {
 font-size:26px;
 line-height:36px
}
.fs--28 {
 font-size:28px;
 line-height:38px
}
.fs--30 {
 font-size:30px;
 line-height:40px
}
.vc--parent {
 width:100%;
 height:100%;
 display:table
}
.row--vc>div,
.vc--child {
 display:table-cell;
 vertical-align:middle
}
.row--vc>div {
 float:none
}
#preloader {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:99999
}
.preloader--spinner {
 position:absolute;
 top:50%;
 left:0;
 right:0;
 width:30px;
 height:30px;
 margin:-15px auto 0;
 background-color:#fff;
 -webkit-animation:preloaderRotate 1.2s infinite ease-in-out;
 animation:preloaderRotate 1.2s infinite ease-in-out
}
.section--title .h2 {
 display:inline-block;
 margin-top:-8px;
 padding-bottom:16px
}
.section--title .h2::after, .section--title .h2::before {
 content: " ";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 max-width: 92px;
 height: 2px;
 margin: 0 auto;
 background-color: #06bebf;
}
.section--title .h2::after {
 max-width: 24px;
 background-color: #1b1b1b;
 height: 4px;
}
.page--breadcrumb .breadcrumb {
 padding:0;
 color:#fff;
 background-color:transparent;
 border-radius:0;
 font-size:24px;
 line-height:34px;
 font-weight:700;
 text-transform:uppercase
}
.owl-dots {
 margin-top:22px;
 text-align:center
}
.owl-dot {
 display:inline-block;
 width:10px;
 height:6px;
 margin:0 5px;
 border:1px solid #fff;
 -webkit-transition:background-color .25s ease-in-out;
 transition:background-color .25s ease-in-out
}
.owl-dot.active {
 background-color:#fff
}
.portfolio--filter-menu .nav {
 margin-top:-26px;
 margin-bottom:2px;
 color:#1b1b1b;
 font-weight:700;
 text-align:center;
 text-transform:uppercase
}
.portfolio--filter-menu .nav>li {
 float:none;
 display:inline-block;
 margin:20px 16px 0;
 -webkit-transition:color .25s;
 transition:color .25s;
 cursor:pointer
}
.portfolio--filter-menu .nav > li::after, .portfolio--filter-menu .nav > li::before {
 content: " ";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 width: 1px;
 height: 17px;
 margin: 0 auto;
 background-color: #1b1b1b;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
 -webkit-transition-property: opacity,visibility,top,bottom;
 transition-property: opacity,visibility,top,bottom;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out transform: rotate(270deg);
}
.portfolio--filter-menu .nav>li:after {
 top:auto;
 bottom:0
}
.portfolio--filter-menu .nav > li.active::before, .portfolio--filter-menu .nav > li:hover::before {
 top: 23px;
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 transform: rotate(270deg);
}
.portfolio--filter-menu .nav>li.active:after,
.portfolio--filter-menu .nav>li:hover:after {
 bottom:-14px;
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 transform: rotate(270deg); 
}
.pagination {
 display:block;
 margin:0;
 border-radius:0
}
.pagination>li>a,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span,
.pagination>li>span:focus,
.pagination>li>span:hover {
 color:#1b1b1b;
 background-color:transparent
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
 border-radius:0
}
.pagination>li.active>a,
.pagination>li.active>a:hover,
.pagination>li.active>span,
.pagination>li.active>span:hover,
.pagination>li>a:hover,
.pagination>li>span:hover {
 color:#fff;
 background-color:#06bebf;
 border-color:#06bebf
}
#backToTop {
 position:fixed;
 right:30px;
 bottom:20px;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility:hidden;
 -webkit-transition-property:bottom,opacity,visibility;
 transition-property:bottom,opacity,visibility;
 -webkit-transition-duration:.25s;
 transition-duration:.25s;
 -webkit-transition-timing-function:ease-in-out;
 transition-timing-function:ease-in-out;
 z-index:999
}
body.isScrolling #backToTop {
 bottom:30px;
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility:visible
}
#backToTop .btn {
 width:35px;
 padding:0;
 font-size:18px;
 line-height:45px
}
.widget {
 padding:10px;
 background-color:#f2f2f2
}
.widget+.widget {
 margin-top:30px
}
.widget--title {
 margin-bottom:5px;
 padding:18px 20px;
 background-color:#fff;
 text-align:center;
 text-transform:uppercase
}
.widget--title:last-child {
 margin-bottom:0
}
.widget--title .h4 {
 position:relative;
 display:inline-block;
 z-index:0
}
.widget--title .h4:before {
 content:" ";
 position:absolute;
 top:50%;
 left:-20px;
 right:-20px;
 margin-top:-1px;
 height:1px;
 border-style:solid;
 border-width:0 10px;
 border-color:#06bebf
}
.search--widget {
 position:relative;
 margin:20px;
 z-index:0
}
.search--widget .form-control {
 border-color:transparent
}
.search--widget .form-control:focus {
 border-color:#06bebf
}
.search--widget button {
 position:absolute;
 top:0;
 right:0;
 padding:8px 20px;
 border-width:0
}
.newsletter--widget {
 padding:25px 20px;
 text-align:center
}
.newsletter--widget .desc {
 margin-bottom:16px;
 color:#555
}
.newsletter--widget .form-control {
 background-color:#f2f2f2
}
.newsletter--widget .btn {
 margin-top:30px
}
.links--widget {
 padding:23px 30px 22px
}
.links--widget .nav>li {
 float:none
}
.links--widget .nav>li+li {
 margin-top:10px
}
.about--block .title,
.links--widget .nav>li>a {
 position:relative;
 padding:0 0 0 16px;
 z-index:0
}
.text-custom-right {
	margin-right: 24%;
}
.links--widget .nav>li>a:before {
 content:"\f101";
 position:absolute;
 top:0;
 left:0;
 font-family:"FontAwesome"
}
.tags--widget {
 padding:16px 20px
}
.tags--widget .nav>li>a {
 padding:6px 10px
}
.about--block .title {
 margin-bottom:4px;
 padding:7px 0 7px 15px;
 border-left:5px solid #1b1b1b
}
.about--block .title:before {
 content:" ";
 position:absolute;
 top:0;
 left:-5px;
 width:5px;
 height:50%;
 background-color:red;
 z-index:1
}
.about--block .info {
 color:#696969;
 font-size:16px;
 line-height:26px
}
.about--block .info th {
 position:relative;
 padding-right:15px;
 text-transform:uppercase;
 z-index:0
}
.about--block .info th:after {
 content:":";
 position:absolute;
 top:-1px;
 right:0;
 font-weight:400
}
.about--block .info th .fa {
 min-width:16px;
 margin-right:15px
}
.about--block .info td {
 padding-left:8px
}
.about--block .info tr+tr td,
.about--block .info tr+tr th {
 padding-top:18px
}
.about--block .info tr+tr th:after {
 top:17px
}
.about--block .social .nav {
 margin:0 -2.5px
}
.about--block .social .nav li a {
 min-width:30px;
 margin:5px 2.5px 0;
 padding:2px 0 0;
 border:1px solid #b2b2b2;
 line-height:28px;
 text-align:center
}
.about--block .social .nav li a:focus,
.about--block .social .nav li a:hover {
 color:#fff;
 background-color:#1b1b1b;
 border-color:#1b1b1b
}
.service--block {
 padding:30px 20px 22px;
 background-color:#fff;
 border-bottom:3px solid #1b1b1b;
 box-shadow:0 2px 10px rgba(0,0,0,.05);
 -webkit-transition:border-color .55s,background-color .55s ease-in-out;
 transition:border-color .55s,background-color .55s ease-in-out
}
.service--block:hover {
 background-color:#1b1b1b;
 border-color:#06bebf
}
.service--block .icon {
	max-width: 60px;
	margin: 20px auto 23px;
	padding-top: 2px;
	color: #fff;
	background-color: #06bebf;
	border: 1px solid #06bebf;
	font-size: 22px;
	line-height: 56px;
	text-align: center;
	-webkit-transition: background-color .55s ease-in-out;
	transition: background-color .55s ease-in-out;
}
.service--block:hover .icon {
 background-color:transparent
}
.service--block .title .h4 {
	margin-bottom: 14px;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 28.25px;
}
.service--block .desc,
.service--block .title .h4 {
 -webkit-transition:color .55s;
 transition:color .55s
}
.service--block:hover .desc {
 color:#eee
}
.timeline--block .title .h5 {
 position:relative;
 margin-top:-6px;
 padding-bottom:17px;
 color:#414141;
 text-align:center;
 text-transform:uppercase;
 z-index:0
}
.timeline--block .title .h5:after,
.timeline--block .title .h5:before {
 content:" ";
 position:absolute;
 left:15px;
 right:0;
 bottom:0;
 width:20px;
 height:5px;
 margin:0 auto;
 background-color:#1b1b1b
}
.timeline--block .title .h5:after {
 left:0;
 right:25px;
 background-color:#06bebf
}
.timeline--block .sub-title {
 max-width:600px;
 margin:26px auto 27px;
 text-align:center
}
.contact--info-block,
.service--block {
 text-align:center
}
.contact--info-block .icon {
 position:relative;
 max-width:55px;
 margin:0 auto 13px;
 color:#fff;
 background-color:#1b1b1b;
 font-size:24px;
 line-height:55px;
 z-index:0
}
.contact--info-block .icon::before {
 content: " ";
 position: absolute;
 top: 50%;
 left: -15px;
 right: -15px;
 height: 1px;
 margin-top: -1px;
 border-style: solid;
 border-width: 0 10px;
 border-color: #06bebf;
 transform: rotate(270deg);
}
.contact--info-block .desc {
 margin-top:6px;
 margin-bottom:2px;
 color:#555
}
.contact--form .title .h4 {
 margin-top:-7px;
 margin-bottom:2px
}
.title.contact-title.text-uppercase h3.h4 {
	font-size: 16px;
	line-height: 21.3333px;
}
.comment--block-inner {
 padding:53px 30px 60px;
 background-color:#f2f2f2
}
.cta--block .title .h2 {
 margin-top:2px
}
.portfolio--item,
.timeline--items>li {
 position:relative;
 z-index:0
}
.portfolio--item .caption {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 padding:30px 20px;
 color:#fff;
 text-align:center;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility:hidden;
 -webkit-transition:opacity .35s ease-in-out,visibility .35s ease-in-out;
 transition:opacity .35s ease-in-out,visibility .35s ease-in-out;
 z-index:1
}
.portfolio--item:hover .caption {
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility:visible
}
.portfolio--item .caption:before {
 content:" ";
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#1b1b1b;
 opacity:.85;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
 z-index:-1
}
.portfolio--item .caption::after {
 content: " ";
 position: absolute;
 top: -23px;
 left: 2px;
 right: 0px;
 bottom: 0px;
 width: 1px;
 margin: 0 auto;
 border-style: solid;
 border-width: 25px 0;
 border-color: #fff;
 transform: rotate(270deg);
}
.portfolio--item .caption .h6 {
 color:#fff;
 text-transform:uppercase
}
.timeline--items {
 margin-top:52px
}
.timeline--items>li {
 width:50%;
 margin-left:50%;
 padding-top:20px;
 padding-left:80px
}
.timeline--items>li:first-child {
 padding-top:0
}
.timeline--items>li:before {
 content:" ";
 position:absolute;
 top:0;
 left:-2px;
 bottom:0;
 border-left:4px solid #e5e5e5
}
.timeline--items>li:nth-child(even) {
 margin-left:0;
 padding-left:0;
 padding-right:80px
}
.timeline--items>li:nth-child(even):before {
 left:auto;
 right:-2px
}
.timeline--items>li:last-child:after {
 content:" ";
 position:absolute;
 left:-15px;
 bottom:0;
 width:30px;
 height:4px;
 background-color:#e5e5e5
}
.timeline--items>li:nth-child(even):last-child:after {
 left:auto;
 right:-15px
}
.timeline--item {
 position:relative;
 background-color:#fff;
 z-index:0
}
.timeline--item:before {
 content:" ";
 position:absolute;
 top:50%;
 left:-80px;
 width:80px;
 height:1px;
 background-color:#e5e5e5
}
.timeline--items>li:nth-child(even) .timeline--item:before {
 left:auto;
 right:-80px
}
.timeline--item .icon {
 content:"\f19d";
 position:absolute;
 top:50%;
 left:-100px;
 width:40px;
 margin-top:-20px;
 color:#1b1b1b;
 font-family:"FontAwesome";
 font-size:16px;
 line-height:40px;
 text-align:center
}
.timeline--items>li:nth-child(even) .timeline--item .icon {
 left:auto;
 right:-100px
}
.timeline--item .content,
.timeline--item .info {
 display:table-cell;
 vertical-align:top
}
.timeline--item .table tbody tr td {
 min-width:190px;
 padding:0;
 border:1px solid #e5e5e5
}
.timeline--item .info {
 min-width:190px
}
.timeline--item .date {
 position:relative;
 margin:-1px -1px 0;
 padding:7px 20px 5px;
 z-index:0
}
.timeline--item .bottom {
 padding:16px 20px 15px
}
.timeline--item .name {
 margin-top:0;
 text-transform:uppercase
}
.timeline--item .institute {
 margin-top:6px;
 margin-bottom:1px;
 color:#555
}
.timeline--item .content {
 padding:22px 30px
}
.timeline--item .info+.content {
 border-left-width:0
}
.skill--title {
 margin-bottom:34px;
 padding:7px 0 7px 15px;
 border-left:5px solid #fff
}
.skill--title:before {
 content:" ";
 position:absolute;
 top:0;
 left:-5px;
 width:5px;
 height:50%;
 background-color:#06bebf;
 z-index:1
}
.skill--item,
.skill--title {
 position:relative;
 z-index:0
}
.post--img .date:before,
.skill--item:before {
 content:" ";
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 z-index:-1
}
.skill--item:before {
 height:4px;
 background-color:#333
}
.skill--item+.skill--item {
 margin-top:24px
}
.skill--progress {
 height:4px;
 background-color:#06bebf;
 -webkit-transition:width .85s ease .25s;
 transition:width .85s ease .25s
}
.pricing--item {
 max-width:380px;
 margin-left:auto;
 margin-right:auto;
 background-color:#fff;
 border:1px solid #e5e5e5;
 box-shadow:0 2px 5px rgba(0,0,0,.05);
 -webkit-transition:border-color .25s,box-shadow .25s ease-in-out;
 transition:border-color .25s,box-shadow .25s ease-in-out;
 text-align:center
}
.pricing--item:hover {
 border-color:transparent;
 box-shadow:0 5px 15px rgba(0,0,0,.15)
}
.pricing--header {
 padding:60px 20px 47px
}
.pricing--header .plan {
 display:inline-block;
 padding:13px 30px;
 background-color:#fff;
 text-transform:uppercase
}
.pricing--header .plan .h3 {
 font-weight:400
}
.pricing--header .price {
 margin-top:48px;
 font-size:18px;
 line-height:28px;
 font-weight:700
}
.pricing--header .price span {
 font-size:54px;
 line-height:64px;
 font-weight:400
}
.pricing--features .nav {
 color:#555
}
.pricing--features .nav>li {
 float:none;
 padding:15px 20px;
 border-bottom:1px solid #e5e5e5
}
.pricing--action {
 padding:40px 20px
}
.team--member {
 position:relative;
 max-width:380px;
 margin-left:auto;
 margin-right:auto;
 z-index:0
}
.team--member .img img {
 display:block;
 width:100%
}
.team--member .caption {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 padding:20px;
 color:#fff;
 background-color:rgba(0,0,0,.8);
 text-align:center;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility:hidden;
 -webkit-transform:scale(.8);
 transform:scale(.8);
 -webkit-transition-property:opacity,visibility,-webkit-transform;
 transition-property:opacity,visibility,transform;
 transition-property:opacity,visibility,transform,-webkit-transform;
 -webkit-transition-duration:.35s;
 transition-duration:.35s;
 -webkit-transition-timing-function:ease-in-out;
 transition-timing-function:ease-in-out;
 z-index:1
}
.team--member:hover .caption {
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility:visible;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.team--member .name .h3 {
 margin-bottom:0;
 color:#fff
}
.team--member .social .nav {
 margin-top:17px
}
.team--member .social .nav>li {
 float:none;
 display:inline-block
}
.team--member .social .nav>li>a {
 display:block;
 width:35px;
 margin:0 1.5px;
 padding:0;
 border:1px solid rgba(255,255,255,.4);
 font-size:16px;
 line-height:33px
}
.post--item,
.team--member .social .nav>li>a:hover {
 background-color:#fff
}
.post--item {
 max-width:380px;
 margin-left:auto;
 margin-right:auto;
 padding:20px 20px 22px
}
.post--items .post--item {
 max-width:none;
 padding:0
}
.post--items .post--item+.post--item {
 margin-top:52px;
 padding-top:60px;
 border-top:1px solid #e5e5e5
}
.post--header {
 margin-bottom:30px
}
.post--date {
 float:left;
 width:80px;
 margin-right:30px;
 padding:11px 0;
 font-size:16px;
 line-height:24px;
 text-align:center
}
.post--img {
 position:relative;
 margin-bottom:28px;
 z-index:0
}
.post--img img {
 width:100%
}
.post--img .date {
 position: absolute;
 right: 0;
 bottom: 1px;
 width: 60px;
 padding: 12px 0;
 color: #fff;
 font-size: 12px;
 line-height: 18px;
 text-align: center;
 z-index: 0;
}
.post--img .date:before {
 top:0;
 background-color:#06bebf;
 opacity:.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 -webkit-transition:opacity .25s ease-in-out;
 transition:opacity .25s ease-in-out
}
.post--img .date:hover:before {
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.post--meta {
 margin:0;
 color:#999
}
.post--meta .nav {
 margin:0 -5px
}
.post--meta .nav>li {
 padding:0 5px
}
.post--meta .nav>li>.fa,
.post--nav .prev .fa {
 margin-right:8px
}
.post--single .post--meta .nav>li>.fa {
 color:#414141
}
.post--meta .nav>li>a {
 padding:0
}
.post--meta .nav>li>a:after {
 content:",";
 color:#999
}
.post--meta .nav>li>a:last-child:after {
 display:none
}
.post--excerpt {
 margin-top:13px
}
.post--action {
 margin-top:16px;
 color:#555;
 font-weight:500
}
.post--action a .fa,
.post--nav .next .fa {
 margin-left:8px
}
.post--footer {
 margin-top:22px;
 padding-top:20px;
 border-top:1px solid #e5e5e5
}
.post--share .nav,
.post--share>span {
 display:inline-block;
 vertical-align:middle
}
.post--share>span {
 margin-right:15px;
 color:#1b1b1b
}
.post--share .nav {
 color:#999
}
.post--share .nav>li>a {
 width:30px;
 margin:0 2.5px;
 padding:2px 0 0;
 border:1px solid #e5e5e5;
 font-size:14px;
 line-height:26px;
 text-align:center
}
.post--share .nav>li>a:hover {
 color:#fff;
 background-color:#1b1b1b;
 border-color:#1b1b1b
}
.post--nav {
 margin-top:4px
}
.post--nav .divider {
 margin:0 5px
}
.testimonial--slider {
 margin:1px 0 2px
}
.testimonial--item {
 text-align:center
}
.testimonial--item .icon {
 margin-bottom:20px;
 font-size:36px;
 line-height:46px
}
.testimonial--item blockquote {
 max-width:720px;
 margin:0 auto;
 padding:0;
 border-width:0;
 font-size:16px;
 line-height:26px
}
.testimonial--item blockquote p {
 font-style:italic
}
.testimonial--item blockquote p:before {
 content:"\f10d";
 margin-right:8px;
 font-family:"FontAwesome";
 font-style:normal;
 font-size:22px
}
.testimonial--item blockquote p:after {
 content:"\f10e";
 margin-left:8px;
 font-family:"FontAwesome";
 font-style:normal;
 font-size:22px
}
.testimonial--item blockquote footer {
 margin-top:30px;
 color:inherit;
 font-size:14px;
 line-height:24px;
 font-weight:700;
 text-transform:uppercase
}
.comment--items .comment--items {
 padding-top:30px;
 padding-left:130px
}
.comment--items>li+li {
 margin-top:30px
}
.comment--item .img {
 position:relative;
 max-width:100px;
 margin-right:30px;
 z-index:0
}
.comment--item .img:before {
 content:" ";
 position:absolute;
 top:50%;
 left:0;
 right:-30px;
 height:1px;
 margin-top:-1px;
 background-color:#e5e5e5;
 z-index:-1
}
.comment--item .info {
 padding:15px 20px 14px;
 border:1px solid #e5e5e5
}
.comment--item .date {
 margin-top:2px
}
.comment--item .action {
 margin-top:5px
}
.comment--item .content {
 margin-top:7px;
 color:#555
}
.header--navbar {
 position:fixed;
 top:0;
 left:0;
 right:0;
 margin-bottom:0;
 border-width:0;
 border-radius:0;
 -webkit-transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out;
 transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out;
 z-index:999
}
body.isScrolling .header--navbar {
 background-color:#1b1b1b;
 box-shadow:0 5px 10px rgba(0,0,0,.15)
}
.header--navbar .navbar-toggle {
 margin:33px 0;
 border-color:#fff;
 border-radius:0
}
.header--navbar .navbar-toggle .icon-bar {
 background-color:#fff;
 border-radius:0
}
.header--navbar .navbar-brand {
 height:100px;
 padding:20px 0
}
.header--navbar > .container .navbar-brand {
	margin-left: -66px;
	margin-right: 0;
}
.header--navbar .navbar-collapse {
 padding:0
}
.header--nav-links {
 margin:0 -15px;
 padding:38px 0;
 color:#fff;
 font-size:16px;
 line-height:26px;
 text-transform:uppercase
}
.header--nav-links > li > a {
	position: relative;
	padding: 0 16px;
	font-family: 'Josefin Sans', sans-serif;
	z-index: 0;
	text-transform: capitalize;
}
.header--nav-links>li>a:before {
 content:" ";
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 width:1px;
 margin:0 auto;
 border-style:solid;
 border-width:10px 0;
 border-color:#fff;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility:hidden;
 -webkit-transition-property:opacity,visibility,top,bottom,border-color;
 transition-property:opacity,visibility,top,bottom,border-color;
 -webkit-transition-duration:.35s;
 transition-duration:.35s;
 -webkit-transition-timing-function:ease-in-out;
 transition-timing-function:ease-in-out;
 z-index:-1
}
.header--nav-links>li.active>a:before,
.header--nav-links>li>a:hover:before {
 top:23px;
 bottom:-12px;
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility:visible;
 left: -3px;
 transform: rotate(270deg);
}
.header--nav-links>li>a>.caret {
 margin-left:5px
}
.dropdown-menu {
 margin-top:10px;
 padding:11px 0 9px;
 color:#222;
 border-width:0;
 border-radius:0;
 box-shadow:0 5px 10px rgba(0,0,0,.05);
 font-size:16px;
 line-height:26px
}
.dropdown-menu>li>a {
 padding:5px 20px
}
.banner--section {
 height:100%
}
.banner--content {
	/*margin-left: -26.7%;*/
}
.banner--content .title {
 margin-bottom:16px
}
.banner--content .name .h2 {
 display:inline-block;
 font-size:42px;
 line-height:52px;
 border-style:solid;
 border-width:1px 0;
 border-color:#06bebf
}
.banner--content .role {
 margin-top:20px
}
.banner--content .desc {
 margin-top:16px;
 color:#ccc
}
.banner--content .action {
	margin-top: 10px;
	margin-left: -15px;
}
.banner--content .action .btn {
 margin:15px 15px 0
}
.footer--section {
 color:#999;
 background-color:#1b1b1b
}
.footer--social .nav > li {
	float: none;
	display: inline-block;
	margin: 0px 3px;
}
.footer--social .nav > li > a {
	width: 30px;
	margin: 0 1px;
	padding: 2px 0 0;
	color: #1b1b1b;
	background-color: #fff;
	font-size: 14px;
	line-height: 28px;
	transition: .3s;
}
.footer--social .nav > li > a:hover {
	color: #fff;
	background-color: #06bebf;
	transform: rotate(140deg);
	transition: ;
}
.copyright--text:last-child {
 margin-bottom:-8px
}
.footer--social+.copyright--text {
 margin-top:34px
}
.coming-soon--section,
.f0f--section {
 height:100%
}
.f0f--content .title {
 position:relative;
 z-index:0
}
.f0f--content .title .h1 {
 font-size:160px;
 line-height:180px;
 font-weight:400
}
.f0f--content .title p {
 display:inline-block;
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 padding:0 10px;
 background-color:#000
}
.f0f--content .desc {
 max-width:630px;
 margin:0 auto
}
.f0f--content .search {
 position:relative;
 max-width:520px;
 margin:52px auto 0;
 z-index:0
}
.f0f--content .search button {
 position:absolute;
 top:0;
 right:0;
 padding:6px 20px 7px
}
.f0f--content .buttons {
 margin-top:30px
}
.f0f--content .buttons .or {
 display:inline-block;
 margin-top:30px;
 margin-left:30px;
 margin-right:30px;
 vertical-align:middle
}
.f0f--content .buttons .btn {
 margin:30px 0 0;
 vertical-align:middle
}
.cs--content .logo {
 margin-bottom:48px
}
.cs--content .title .h2 {
 position:relative;
 padding-bottom:19px;
 font-size:48px;
 line-height:58px;
 z-index:0
}
.cs--content .title .h2:after,
.cs--content .title .h2:before {
 content:" ";
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 margin:0 auto
}
.cs--content .title .h2:before {
 border-bottom:1px solid rgba(255,255,255,.5);
 max-width:150px
}
.cs--content .title .h2:after {
 max-width:30px;
 border-bottom:1px solid #06bebf
}
.cs--content .countdown ul {
 margin:0;
 padding:0;
 list-style:none
}
.cs--content .countdown ul li {
 display:inline-block;
 margin:0 15px
}
.cs--content .countdown strong {
 display:block;
 font-size:36px;
 line-height:46px
}
.cs--content .countdown span {
 display:block;
 font-size:16px;
 line-height:26px
}
.cs--content .desc {
 max-width:560px;
 margin:30px auto 0
}
.cs--content .newsletter {
 position:relative;
 max-width:440px;
 margin:30px auto 0;
 z-index:0
}
.cs--content .newsletter button {
 position:absolute;
 top:0;
 right:0;
 padding:7px 12px 6px
}
.cs--content .social {
 display:inline-block;
 margin:60px 0 0
}
.cs--content .social .nav>li>a {
 min-width:34px;
 margin:5px 2.5px 0;
 padding:4px 0;
 border:1px solid rgba(255,255,255,.5);
 text-align:center
}
.cs--content .social .nav>li>a:hover {
 color:#fff;
 background-color:#06bebf;
 border-color:#06bebf
}
.cs--content .copyright {
 color:#999;
 font-size:16px;
 line-height:26px
}