/*
 * ---------------------------
 * Table of content
 * ---------------------------
 * CSS Reset
 * Basic Styles
 * CVitae Classes
 * Navigation
 * About
 * Skills
 * Achievement
 * Education
 * Portfolio
 * Testimonial
 * Experience
 * Blog
 * Blog Single
 * Clients
 * Contact & Footer
 * Intro 1
 * Intro 2
 * Intro 3
 * Intro 4
 * Intro 5
 * Intro 6
 * Intro 7
 * Intro 8
 * Intro 9
 * Intro 10
 * Intro 11
 * Intro 12
 * Intro 13
 * Intro 14
 * Intro 15
 * Animations
 * Others
 * Responsive
 *
 */


/* 
 * --------------------------------------
 * CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 * --------------------------------------
 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: 700;
}


/* 
   * --------------------------------------
   * Basic Styles
   * --------------------------------------
   */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    font-family: 'Ubuntu', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

h1 {
    font-size: 100px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p {
    color: #818181;
    font-size: 14px;
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: #707070;
}

a:hover,
a:focus {
    outline: none;
}


/* 
   * --------------------------------------
   * CVitae Classes
   * --------------------------------------
   */

.img-responsive {
    height: auto;
    max-width: 100%;
}

.material-tooltip {
    font-family: 'Ubuntu';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 10px 15px;
    text-transform: lowercase;
}

.toast {
    background-color: #009688;
}

.cvitae-section {
    background: #fff;
    margin-bottom: 90px;
    padding: 10px 0;
    position: relative;
    width: 100%;
    z-index: 0;
}

.cvitae-section-title {
    color: #009688;
    letter-spacing: 2px;
    padding-bottom: 70px;
    position: relative;
    text-transform: uppercase;
}

.cvitae-section-title:before {
    background: #009688;
    border-radius: 15px 0 30px 15px;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    top: 50px;
    width: 40px;
}

.cvitae-section-content {
    border-collapse: collapse;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    display: table;
    table-layout: fixed;
    width: 100%;
}

.cvitae-section-content .content-right,
.cvitae-section-content .content-left {
    display: table-cell;
    overflow: hidden;
    padding: 70px 50px;
    position: relative;
    z-index: 0;
}

.cvitae-section-content .content-left {
    vertical-align: top;
    width: 35.4%;
}

.cvitae-section-content .content-left p {
    color: #717171;
    margin-bottom: 30px;
}

.cvitae-section-content .content-left p:last-child,
.cvitae-section-content .content-left p:only-child {
    margin-bottom: 0;
}

.cvitae-section-content .content-right {
    width: 64.6%;
}

.waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(0,150,136,.2) !important;
}

.dark {
    background-color: #3a3a3a;
}

.cvitae-section.slider {
    margin-top: 0;
    overflow: hidden;
    padding: 0;
}

.slider .slider-overlay {
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0
}

.slider .slider-overlay:before {
    background: #004D40;
    content: '';
    display: block;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%;
    z-index: -2;
}

.slider .slider-overlay .slider-content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slider .slider-overlay .slider-content .slider-title {
    color: #fff;
    font-size: 130px;
    font-weight: 700;
    letter-spacing: 2px;
    opacity: 0;
    position: relative;
    top: -500px;
    -webkit-transition: top .8s, opacity .8s;
    -moz-transition: top .8s, opacity .8s;
    transition: top .8s, opacity .8s;
}

.slider.active .slider-overlay .slider-content .slider-title {
    opacity: 1;
    top: 0;
}

.slider .slider-overlay .slider-content .second-line {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 2px;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, .3);
    padding: 0 30px;
}

.slider .slider-overlay video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -3;
}

.slider .mouse-icon {
    bottom: 15%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    transform: translateX(-10px);
}

.slider .mouse-icon {
    border-radius: 16px;
    border: 2px solid #fff;
    display: block;
    height: 40px;
    opacity: 0.7;
    width: 24px;
    z-index: 10;
}

.slider .mouse-icon a {
    display: block;
    height: 40px;
    width: 24px;
}

.slider .mouse-icon .wheel {
    -webkit-animation: drop 1s linear 0s infinite running;
    -moz-animation: drop 1s linear 0s infinite running;
    animation: drop 1s linear 0s infinite running;
}

.slider .mouse-icon .wheel {
    background: #fff;
    border-radius: 10px;
    display: block;
    height: 6px;
    left: -2px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 4px;
    width: 2px;
}

.slider .typed-cursor {
    opacity: 1;
    position: relative;
    top: -5px;
    -webkit-animation: blink .85s infinite;
    -moz-animation: blink .85s infinite;
    animation: blink .85s infinite;
}


/* 
   * --------------------------------------
   * Navigation
   * --------------------------------------
   */

.cvitae-menu-wrapper {
    height: 91px;
    margin-bottom: -91px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.cvitae-menu-wrapper.slider-bottom {
    margin-bottom: 90px;
    margin-top: -180px;
}

.cvitae-menu-wrapper.bottom {
    margin-bottom: 90px;
    margin-top: -90px;
}

.cvitae-main-nav {
    background: transparent;
    box-shadow: none;
    display: block;
    height: 91px;
    overflow: hidden;
    top: -150px;
    -webkit-transition: height .3s, top .3s;
    -moz-transition: height .3s, top .3s;
    transition: height .3s, top .3s;
}

.cvitae-main-nav ul {
    border-collapse: collapse;
    display: table;
    height: 91px;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
}

.cvitae-main-nav ul li {
    border: 1px solid #464646;
    clear: both;
    display: table-cell;
    float: none;
    font-weight: 700;
    letter-spacing: 2px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: letter-spacing .2s, border-color .3s;
    -moz-transition: letter-spacing .2s, border-color .3s;
    transition: letter-spacing .2s, border-color .3s;
    width: 11.111%;
    z-index: 0;
}

.cvitae-main-nav ul li:after {
    background: #009688;
    bottom: -1px;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    width: 0;
}

.cvitae-main-nav ul li:hover:after {
    width: 100%;
}

.cvitae-main-nav ul li:hover {
    letter-spacing: 2px;
}

.cvitae-main-nav ul li a {
    color: #009688;
    display: block;
    font-size: 15px;
    line-height: 89px;
    white-space: nowrap;
    -webkit-transition: line-height .3s;
    -moz-transition: line-height .3s;
    transition: line-height .3s;
}

.cvitae-main-nav ul li a:hover {
    background-color: transparent;
}

.cvitae-main-nav ul li.cvitae-home {
    overflow: visible;
    width: 16%;
}

.cvitae-main-nav ul li.cvitae-home:before {
    background-color: #009688;
    bottom: -1px;
    content: '';
    display: block;
    left: 1px;
    position: absolute;
    right: -1px;
    top: -1px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    z-index: -1;
}

.cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 #f2f2f2 inset, 0 1px 0 0 #f2f2f2 inset, 0 -1px 0 0 #f2f2f2 inset;
}

.cvitae-main-nav ul li.cvitae-home:after {
    display: none;
}

.cvitae-main-nav ul li.cvitae-home a {
    color: #000;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav {
    position: fixed;
    top: 0;
    z-index: 999;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul {
    height: 70px;
    background-color: #fff;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul li {
    border: 0;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #009688;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.current a {
    color: #009688;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a {
    color: #838383;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home:before {
    background-color: #000;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    color: #009688;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav {
    height: 70px;
}

.cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a {
    line-height: 70px;
}


/* Mobile Nav */

.cvitae-mobile-navigation {
    display: none;
    height: 91px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 4;
}

.cvitae-mobile-navigation.active {
    background: rgba(0, 0, 0, .5);
    height: 100vh;
}

.cvitae-mobile-navigation .nav-header {
    background: #009688;
    height: 90px;
    left: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
}

.cvitae-mobile-navigation.active .nav-header {
    left: 240px;
}

.cvitae-mobile-navigation .nav-header .mobile-site-menu {
    background: #fff;
    border: 1px solid #f2f2f2;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    line-height: 88px;
    text-align: center;
    width: 88px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cvitae-mobile-navigation .nav-header .mobile-site-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 90px;
    padding-left: 30px;
    text-transform: uppercase;
    vertical-align: top;
}

.cvitae-mobile-navigation nav {
    background: #252525;
    box-shadow: none;
    height: 100vh;
    left: -240px;
    overflow-y: hidden;
    padding-top: 15px;
    position: absolute;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    width: 240px;
}

.cvitae-mobile-navigation.active nav {
    left: 0;
}

.cvitae-mobile-navigation nav ul li {
    transform: translateX(-250px);
    transition: transform .5s cubic-bezier(.17, .67, .61, 1.2);
}

.cvitae-mobile-navigation nav ul li:nth-child(1) {
    transition-delay: 20ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(2) {
    transition-delay: 40ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(3) {
    transition-delay: 60ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(4) {
    transition-delay: 80ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(5) {
    transition-delay: 100ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(6) {
    transition-delay: 120ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(7) {
    transition-delay: 140ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(8) {
    transition-delay: 160ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(9) {
    transition-delay: 180ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(10) {
    transition-delay: 200ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(11) {
    transition-delay: 220ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(12) {
    transition-delay: 240ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(13) {
    transition-delay: 260ms;
}

.cvitae-mobile-navigation nav ul li:nth-child(14) {
    transition-delay: 280ms;
}

.cvitae-mobile-navigation.active nav ul li {
    transition-delay: 0;
    transform: translateX(0);
}

.cvitae-mobile-navigation nav ul li {
    display: block;
    float: none;
    overflow: hidden;
}

.cvitae-mobile-navigation nav ul li a {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 50px;
    padding-left: 30px;
    text-transform: uppercase;
    vertical-align: top;
    white-space: nowrap;
}


/* Left Navigation */

.cvitae-mobile-navigation.left-nav {
    display: block;
}

.cvitae-mobile-navigation.left-nav .nav-header {
    background-color: transparent !important;
}

.cvitae-mobile-navigation.left-nav .nav-header .mobile-site-title {
    display: none;
}

.cvitae-mobile-navigation.left-nav .nav-header .mobile-site-menu {
    background-color: #000;
    border-color: #000;
    color: #fff;
}


/* 
   * --------------------------------------
   * About
   * --------------------------------------
   */

.cvitae-about-me {
    margin-bottom: 80px;
}

.cvitae-about-me .content-left {
    border: 1px solid #f2f2f2;
    padding: 20px 30px;
    vertical-align: top;
}

.cvitae-about-me .short-bio .pic {
    display: block;
    margin-bottom: 30px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -20px;
}

.cvitae-about-me .short-bio p {
    line-height: 1.9;
}

.cvitae-about-me .content-right {
    border-right: 0;
    border: 1px solid #f2f2f2;
    width: auto;
}

.cvitae-about-me .info {
    display: table;
    font-size: 13px;
    margin-bottom: 35px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.cvitae-about-me .info:last-child {
    margin-bottom: 0;
}

.cvitae-about-me .info:last-child .field-value:after {
    display: none;
}

.cvitae-about-me .info span {
    display: table-cell;
    position: relative;
}

.cvitae-about-me .info .field-title {
    width: 70px;
}

.cvitae-about-me .info .field-separator {
    text-align: center;
    width: 80px;
}

.cvitae-about-me .info .field-value:after {
    background: #f2f2f2;
    bottom: -18px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.cvitae-about-me .links {
    display: table-cell;
    font-size: 0;
    width: 81px;
}

.cvitae-about-me .links a {
    box-shadow: 1px 0 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2 inset;
    display: block;
    height: 81px;
    position: relative;
    text-align: center;
}

.cvitae-about-me .links a:first-child {
    box-shadow: 1px 0 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2;
}

.cvitae-about-me .links a span {
    font-size: 20px;
    line-height: 80px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.cvitae-about-me .links a:hover span {
    color: #009688;
}


/* 
   * --------------------------------------
   * Skills
   * --------------------------------------
   */

.cvitae-skills .hi-lights li {
    border-bottom: 1px solid #f2f2f2;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.cvitae-skills .hi-lights li:before {
    color: #009688;
    content: '+';
    padding-right: 5px;
}

.cvitae-skills .content-right {
    border: 1px solid #f2f2f2;
}

.cvitae-skills .progress-bar-container {
    display: table;
    width: 100%;
}

.cvitae-skills .progress-bar-container .progress {
    background: #fff;
    display: table-row;
}

.cvitae-skills .progress-bar-container .progress .progress-title,
.cvitae-skills .progress-bar-container .progress .progress-bar {
    display: table-cell;
    height: 60px;
    padding-right: 30px;
    position: relative;
    vertical-align: top;
}

.cvitae-skills .progress-bar-container .progress:last-child .progress-title,
.cvitae-skills .progress-bar-container .progress:last-child .progress-bar {
    height: 20px;
}

.cvitae-skills .progress-bar-container .progress .progress-title {
    color: #747474;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    top: 1px;
    white-space: nowrap;
}

.cvitae-skills .progress-bar-container .progress .progress-bar {
    position: relative;
    width: 85%;
    z-index: 0;
}

.cvitae-skills .progress-bar-container .progress .progress-bar:before {
    background: #f2f2f2;
    border-radius: 25px 0 50px 25px;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    top: 3px;
    width: 100%;
    z-index: -1;
}

.cvitae-skills .progress-bar-container .progress .progress-bar .bar {
    background: #ddd;
    border-radius: 25px 0 50px 25px;
    display: block;
    height: 10px;
    position: relative;
    top: 3px;
    width: 0;
}

.cvitae-skills .progress-bar-container .progress .progress-bar .text {
    color: #009688;
    font-size: 16px;
    margin-left: -30px;
    position: absolute;
    top: -20px;
}

.cvitae-skills .progress-bar-container .progress .progress-bar .text:after {
    content: '%';
}


/* 
   * --------------------------------------
   * Achievement
   * --------------------------------------
   */

.cvitae-achievement {
    padding: 70px 0;
    background-attachment: fixed;
    background-image: url(../img/achievements/background.jpg);
    background-position: center center;
}

.cvitae-achievement:before {
    background-image: url(../img/patterns/default.png);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.cvitae-achievement:after {
    background: #000;
    content: '';
    display: block;
    height: 100%;
    opacity: .35;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

.cvitae-achievement .cvitae-section-content {
    border: 0;
}

.cvitae-achievement .content-left p {
    color: #c5c5c5;
}

.cvitae-achievement .content-right {
    padding: 0;
}

.cvitae-achievement .achievement-container {
    border: 1px solid #555;
    padding: 70px 125px 70px 50px;
}

.cvitae-achievement .achievement-container .item .achievement-date {
    color: #009688;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 20px;
}

.cvitae-achievement .achievement-container .item .achievement-title {
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.cvitae-achievement .achievement-container .item .achievement-detail {
    color: #c5c5c5;
    font-size: 16px;
}

.cvitae-achievement .achievement-container .owl-controls {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav {
    height: 100%;
    position: absolute;
    width: 100%;
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev,
.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next {
    background: rgba(0, 0, 0, .5);
    border-left: 1px solid #555;
    font-size: 0;
    height: 50%;
    position: absolute;
    width: 100%;
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev {
    border-bottom: 1px solid #555;
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:before,
.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:before {
    color: #fff;
    display: block;
    font-family: 'themify';
    font-size: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before {
    color: #009688;
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:before {
    content: "\e629";
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next {
    top: 50%;
}

.cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:before {
    content: "\e628";
}


/* 
   * --------------------------------------
   * Education
   * --------------------------------------
   */

.cvitae-education {
    margin-bottom: 80px;
}

.cvitae-education .content-right {
    background: #ebebeb;
    vertical-align: top;
}

.cvitae-education .content-right .collapsible {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.cvitae-education .content-right .collapsible .collapsible-header {
    line-height: 70px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-left: 90px;
    position: relative;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.cvitae-education .content-right .collapsible .collapsible-header:hover {
    color: #009688;
}

.cvitae-education .content-right .collapsible .collapsible-header:before {
    content: "\e716";
    font-family: 'themify';
    color: #009688;
    line-height: 70px;
    height: 70px;
    width: 70px;
    border-right: 1px solid #ebebeb;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
}

.cvitae-education .content-right .collapsible .collapsible-header .year {
    color: #a1a1a1;
}

.cvitae-education .content-right .collapsible .collapsible-body {
    background: #f5f5f5;
}


/* 
   * --------------------------------------
   * Portfolio
   * --------------------------------------
   */

.cvitae-portfolio .content-right {
    border: 1px solid #f2f2f2;
    vertical-align: top;
}

.cvitae-portfolio-popup {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    z-index: 999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
}

.cvitae-portfolio-popup.active {
    opacity: 1;
    visibility: visible;
}

.cvitae-portfolio-popup .portfolio-content {
    background: #fff;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .5);
    left: 50%;
    max-width: 630px;
    padding: 40px;
    position: absolute;
    top: 50%;
    width: 90%;
    -webkit-transform: translateX(-50%) translateY(-150%);
    -moz-transform: translateX(-50%) translateY(-150%);
    transform: translateX(-50%) translateY(-150%);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.cvitae-portfolio-popup.active .portfolio-content {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cvitae-portfolio-popup .portfolio-content .project-image {
    margin-bottom: 15px;
    text-align: center;
}

.cvitae-portfolio-popup .portfolio-content .project-image .loading {
    height: 100px;
    margin: 0 auto;
}

.cvitae-portfolio-popup .portfolio-content .project-title h4 {
    color: #707070;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    padding-right: 5px;
    text-transform: uppercase;
}

.cvitae-portfolio-popup .portfolio-content .project-title a {
    color: #009688;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.cvitae-portfolio-popup .portfolio-content .project-popup-close {
    color: #009688;
    cursor: pointer;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: -40px;
}

.cvitae-portfolio .content-right .mi-slider nav a.mi-selected:before {
    border-top-color: #ebebeb;
}


/* 
   * --------------------------------------
   * Testimonial
   * --------------------------------------
   */

.cvitae-testimonial {
    background-attachment: fixed;
    background-image: url(../img/testimonials/background.jpg);
    background-position: center center;
    padding: 70px 0;
}

.cvitae-testimonial:before {
    background-image: url(../img/patterns/default.png);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.cvitae-testimonial:after {
    background: #000;
    content: '';
    display: block;
    height: 100%;
    opacity: .35;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

.cvitae-testimonial .cvitae-section-content {
    border: 0;
}

.cvitae-testimonial .content-left p {
    color: #c5c5c5;
}

.cvitae-testimonial .content-right {
    padding: 0;
}

.cvitae-testimonial .testimonial-container {
    border: 1px solid #555;
    padding: 70px 125px 70px 50px;
}

.cvitae-testimonial .testimonial-container .item .designation {
    color: #009688;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 20px;
}

.cvitae-testimonial .testimonial-container .item .name {
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.cvitae-testimonial .testimonial-container .item .message {
    font-size: 16px;
    color: #c5c5c5;
}

.cvitae-testimonial .testimonial-container .owl-controls {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav {
    height: 100%;
    position: absolute;
    width: 100%;
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev,
.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next {
    background: rgba(0, 0, 0, .5);
    border-left: 1px solid #555;
    font-size: 0;
    height: 50%;
    position: absolute;
    width: 100%;
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev {
    border-bottom: 1px solid #555;
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:before,
.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:before {
    color: #fff;
    display: block;
    font-family: 'themify';
    font-size: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before {
    color: #009688;
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:before {
    content: "\e629";
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next {
    top: 50%;
}

.cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:before {
    content: "\e628";
}


/* 
   * --------------------------------------
   * Experience
   * --------------------------------------
   */

.cvitae-experience {
    margin-bottom: 80px;
}

.cvitae-experience .content-right {
    background: #ebebeb;
    vertical-align: top;
}

.cvitae-experience .content-right .collapsible {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.cvitae-experience .content-right .collapsible .collapsible-header {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 70px;
    padding-left: 90px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.cvitae-experience .content-right .collapsible .collapsible-header:hover {
    color: #009688;
}

.cvitae-experience .content-right .collapsible .collapsible-header:before {
    border-right: 1px solid #ebebeb;
    color: #009688;
    content: "\e678";
    display: block;
    font-family: 'themify';
    font-size: 20px;
    font-weight: 400;
    height: 70px;
    left: 0;
    line-height: 70px;
    position: absolute;
    text-align: center;
    text-align: center;
    width: 70px;
}

.cvitae-experience .content-right .collapsible .collapsible-header .degree {
    color: #a1a1a1;
    text-transform: lowercase;
}

.cvitae-experience .content-right .collapsible .collapsible-header .year {
    color: #a1a1a1;
}

.cvitae-experience .content-right .collapsible .collapsible-body {
    background: #fefefe;
}


/************************************
   * Blog
   ************************************/

.cvitae-blog .content-left .view-all {
    background-color: #009688;
    border-radius: 25px 50px 0 25px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    padding: 0 50px 0 30px;
    text-transform: uppercase;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
}

.cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.cvitae-blog .content-right {
    border: 1px solid #f2f2f2;
}

.cvitae-blog .blog-container .post:after {
    clear: both;
    content: '';
    display: table;
}

.cvitae-blog .blog-container .post {
    border: 1px solid #f2f2f2;
    height: 88px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-right: 30px;
}

.cvitae-blog .blog-container .post:last-child {
    margin-bottom: 0;
}

.cvitae-blog .blog-container .post .thumb {
    float: left;
    width: 150px;
    margin-right: 30px;
}

.cvitae-blog .post .thumb img {
    display: block;
    height: auto;
    max-width: 100%;
}

.cvitae-blog .blog-container .post h3 {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 89px;
    margin-left: 30px;
    text-transform: uppercase;
}


/* 
   * --------------------------------------
   * Blog Single
   * --------------------------------------
   */

.blog-single-header {
    background-image: url(../img/blog/single-cover.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 555px;
    position: relative;
    z-index: 0;
}

.blog-single-header:before {
    background-image: url(../img/patterns/default.png);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.blog-single-header:after {
    background: #000;
    content: '';
    display: block;
    height: 100%;
    opacity: .35;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

.blog-single-header .cvitae-container {
    height: 100%;
    position: relative;
}

.blog-single-header .page-title {
    color: #009688;
    font-size: 24px;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-single-header .cvitae-breadcrumb {
    border: 1px solid #f2f2f2;
    font-size: 14px;
    letter-spacing: 2px;
    padding-left: 30px;
    padding-right: 25px;
    position: absolute;
    right: 20px;
    top: 55%;
}

.blog-single-header .cvitae-breadcrumb:before {
    color: #fff;
    content: "\e69b";
    float: left;
    font-family: 'themify';
    font-size: 16px;
    line-height: 50px;
}

.blog-single-header .cvitae-breadcrumb li {
    float: left;
    padding: 0 5px;
}

.blog-single-header .cvitae-breadcrumb li:after {
    content: '\\';
    display: inline;
    padding-left: 5px;
}

.blog-single-header .cvitae-breadcrumb li:last-child:after {
    content: '';
    display: none;
}

.blog-single-header .cvitae-breadcrumb li,
.blog-single-header .cvitae-breadcrumb a {
    color: #fff;
    font-weight: 700;
    line-height: 50px;
}

.site-content {
    margin-top: -100px;
    padding-bottom: 100px;
}

.site-content .widget-area {
    background: #fff;
    border: 1px solid #f2f2f2;
    padding: 20px;
}

.site-content .featured-image {
    margin-bottom: 50px;
}

.site-content .entry-header h2 {
    color: #747474;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.site-content .post-info {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 30px;
    padding: 20px 0;
}

.site-content .post-info p {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin-right: 30px;
}

.site-content .post-info p span {
    background: #009688;
    border-radius: 15px 0 15px 15px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 30px;
}

.site-content nav {
    background: #fff;
    box-shadow: none;
    height: auto;
    margin-bottom: 30px;
}

.site-content .nav-links {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.site-content .nav-links .nav-previous,
.site-content .nav-links .nav-next {
    display: table-cell;
    padding: 0 20px;
    width: 50%;
}

.site-content .nav-links .nav-previous:before {
    color: #009688;
    content: "\e629";
    font-family: 'themify';
    font-size: 12px;
    margin-right: 10px;
}

.site-content .nav-links .nav-next:after {
    color: #009688;
    content: "\e628";
    font-family: 'themify';
    font-size: 12px;
    margin-left: 10px;
}

.site-content nav .nav-links a {
    color: #009688;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    overflow: hidden;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-content .social-share {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 30px;
    padding: 20px 0;
}

.site-content .social-share p {
    color: #000;
    display: inline;
    font-size: 14px;
    letter-spacing: 3px;
}

.site-content .social-share ul {
    display: inline;
}

.site-content .social-share ul li {
    display: inline;
}

.site-content .social-share ul li a {
    color: #909090;
    padding: 0 10px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.site-content .social-share ul li a:first-child {
    padding-left: 30px;
}

.site-content .social-share ul li a.facebook:hover {
    color: #3b5998;
}

.site-content .social-share ul li a.twitter:hover {
    color: #0084b4;
}

.site-content .social-share ul li a.google-plus:hover {
    color: #de5347;
}

.site-content .social-share ul li a.pinterest:hover {
    color: #bd2126;
}

.site-content .post-author-info {
    margin-bottom: 30px;
}

.site-content .post-author-info .display-picture img {
    border: 10px solid #f2f2f2;
}

.site-content .post-author-info h5 {
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.site-content .post-author-info p {
    font-size: 14px;
}

.site-content .other-meta {
    color: #010101;
    font-size: 14px;
    margin-bottom: 30px;
}

.site-content .other-meta a {
    color: #909090;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.site-content .other-meta a:hover {
    color: #009688;
}

.site-content .other-meta a:first-child {
    margin-left: 20px;
}

.site-content .other-meta .cat-links {
    padding-right: 20px;
    text-transform: uppercase;
}

.site-content .other-meta .tags-links {
    text-transform: uppercase;
}

.site-content .other-meta .cat-links a {
    padding: 0 5px;
    text-transform: capitalize;
}

.site-content .other-meta .tags-links a {
    padding: 0 5px;
    text-transform: lowercase;
}

.site-content .comment-respond {
    margin-bottom: 30px;
}

.site-content .comment-respond .row {
    margin-left: -10px;
    margin-right: -10px;
}

.site-content .comment-respond .form-input {
    margin-bottom: 20px;
}

.site-content .comment-respond .form-input input {
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    width: 100%;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    transition: border-color .5s;
}

.site-content .comment-respond .form-input input:focus {
    border-color: #d3d3d3;
    outline: none;
}

.site-content .comment-respond .form-textarea {
    display: table-cell;
    width: 900px;
}

.site-content .comment-respond .form-textarea textarea {
    border: 1px solid #f2f2f2;
    border: 1px solid #f2f2f2;
    display: block;
    font-size: 14px;
    height: 190px;
    padding: 15px 0;
    resize: none;
    width: 100%;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    transition: border-color .5s;
}

.site-content .comment-respond .form-textarea textarea:focus {
    border-color: #d3d3d3;
    outline: none;
}

.site-content .comment-respond .form-input,
.site-content .comment-respond .form-textarea {
    position: relative;
}

.site-content .comment-respond .form-input input,
.site-content .comment-respond .form-textarea textarea {
    border-bottom: 1px solid #f2f2f2;
    border: 0;
    box-shadow: none;
}

.site-content .comment-respond .form-input .underline,
.site-content .comment-respond .form-textarea .underline {
    background: #ababab;
    border: 0;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    width: 0;
    z-index: 11;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
}

.site-content .comment-respond .form-input input:focus+.underline,
.site-content .comment-respond .form-textarea textarea:focus+.underline {
    width: 100%;
}

.site-content .comment-respond .submit {
    border: 0;
    padding: 0 40px;
    line-height: 50px;
    background: #009688;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 25px 50px 0 25px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
}

.site-content .comment-respond .submit:hover,
.site-content .comment-respond .submit:focus {
    outline: none;
    background-color: #000;
}

.site-content .comment-respond .comment-reply {
    margin-bottom: 30px;
}

.site-content .comment-respond .comment-notes {
    margin-bottom: 30px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content>ul,
.entry-content>ol,
.entry-content>dl {
    margin-bottom: 30px;
    line-height: 1.9;
}

.entry-content h1 {
    font-size: 40px;
}

.entry-content h2 {
    font-size: 32px;
}

.entry-content h3 {
    font-size: 28px;
}

.entry-content h4 {
    font-size: 24px;
}

.entry-content h5 {
    font-size: 20px;
}

.entry-content h6 {
    font-size: 16px;
}

.entry-content p {
    font-size: 13px;
}

.entry-content ul {
    list-style-type: square;
    padding-left: 30px;
}

.entry-content ul li,
.entry-content ol li {
    line-height: 25px;
}

.entry-content ul li {
    list-style-type: circle;
}

.entry-content ul li>ul li {
    list-style-type: disc;
}

.entry-content ol {
    padding-left: 30px;
    list-style-type: decimal;
}

.entry-content dl dt {
    margin-bottom: 10px;
}

.entry-content dl dd {
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative;
}

.entry-content dl dd:before {
    content: "\f101";
    font-family: 'fontawesome';
    position: absolute;
    left: 10px;
    top: -1px;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content code {
    color: #009688;
}

.entry-content blockquote {
    border: none;
    position: relative;
    padding: 15px 30px;
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.7;
}

.entry-content blockquote:before {
    content: "";
    color: #fff;
    display: block;
    width: 10px;
    background-color: #009688;
    height: 100%;
    font-size: 40px;
    position: absolute;
    top: 0;
    text-align: center;
    line-height: 45px;
    left: 0;
}

.entry-content a {
    color: #009688;
}

.entry-content table {
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
}

.entry-content table td,
.entry-content table th {
    border: 1px solid #eaeaea;
    padding: 5px 10px;
}

.entry-content figure figcaption {
    color: #e9be4b
}

.entry-content address {
    font-style: italic;
}

.entry-content a.readmore,
.entry-content a.readmore:focus {
    display: block;
    background: #009688;
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 15px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.entry-content a.readmore:hover {
    background: #000;
    color: #fff;
}

.entry-content iframe {
    width: 100%;
    height: auto;
    min-height: 400px;
}

.comments-area {
    margin-bottom: 30px;
}

.comments-area h2 {
    margin-bottom: 30px;
}

.comments-area .comment-list .comment-author img {
    border-radius: 50%;
    border: 5px solid #000;
    margin-right: 15px;
}

.comments-area .comment-list .comment-author .fn {
    color: #000;
    font-weight: 700;
    position: relative;
    top: -30px;
}

.comments-area .comment-list .comment-author .says {
    position: relative;
    top: -30px;
}

.comments-area .comment-list .comment-metadata {
    margin-left: 70px;
    position: relative;
    top: -25px;
}

.comments-area .comment-list .comment-content {
    margin-left: 70px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
}

.comments-area .comment-list .reply {
    text-align: right;
    margin-left: 70px;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px;
    margin-bottom: 20px;
}

.comments-area .comment-list .reply a {
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
}

.comments-area .comment-list li>ol {
    margin-left: 70px;
}

.widget-area .widget a {
    font-size: 13px;
    color: #909090;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.widget-area .widget a:hover {
    color: #000;
}

.widget-area .widget {
    margin: 15px 15px 30px 15px;
}

.widget-area .widget-title {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.widget-area .widget_search .screen-reader-text {
    display: none;
}

.widget-area .widget_search .search-form {
    position: relative;
}

.widget-area .widget_search label {
    width: 100%;
    display: block;
    margin-bottom: 0;
    position: relative;
    height: 40px;
    margin-bottom: 40px;
}

.widget-area .widget_search label input {
    border: 1px solid #f2f2f2;
    height: 41px;
    font-weight: 400;
    padding: 0 10px;
    box-sizing: border-box;
}

.widget-area .widget_search label input:focus {
    border: 1px solid #f2f2f2 !important;
    box-shadow: none;
}

.widget-area .widget_search .search-submit {
    position: absolute;
    top: 0;
    font-size: 0;
    right: 0;
    background: transparent;
    width: 30px;
    height: 30px;
    color: #fff;
    border: 0;
    display: block;
    z-index: 2;
    box-sizing: border-box;
}

.widget-area .widget_search .search-form:after {
    content: "\e610";
    color: #fff;
    font-family: 'themify';
    border: 1px solid #f2f2f2;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    display: table;
    background: #747474;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: -1px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.widget-area .widget_search .search-form:hover:after {
    color: #009688;
}

.widget-area .widget-categories ul li a {
    line-height: 3;
}

.widget-area .widget-categories ul li a:before {
    content: "\e65d";
    font-family: 'themify';
    margin-right: 10px;
    font-size: 12px;
}

.widget-area .widget_tag_cloud ul li {
    display: inline-block;
    border: 1px solid #f2f2f2;
    padding: 0 15px;
    line-height: 33px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.widget-area .widget_social_profile ul li {
    display: inline-block;
    width: 40px;
    margin-right: 10px;
}

.widget-area .widget_social_profile ul li a {
    font-size: 0;
}

.widget-area .widget_social_profile ul li a span {
    display: block;
}

.widget-area .widget_social_profile ul li a span:before {
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    display: block;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    -webkit-transition: background-color .3s, color .3s;
    -moz-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.widget-area .widget_social_profile ul li a:hover span:before {
    background-color: #000;
    color: #fff;
}

.widget-area .widget_social_profile ul li a:hover span.ti-facebook:before {
    background: #3b5998;
}

.widget-area .widget_social_profile ul li a:hover span.ti-twitter:before {
    background: #0084b4;
}

.widget-area .widget_social_profile ul li a:hover span.ti-google:before {
    background: #de5347;
}

.widget-area .widget_social_profile ul li a:hover span.ti-dribbble:before {
    background: #ec4a89;
}


/* 
   * --------------------------------------
   * Clients
   * --------------------------------------
   */

.cvitae-clients {
    padding: 70px 0;
    background-image: url(../img/clients/background.jpg);
    background-attachment: fixed;
    background-position: center center;
}

.cvitae-clients:before {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    background-image: url(../img/patterns/default.png);
}

.cvitae-clients:after {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -2;
    background: #000;
    opacity: .35;
}

.cvitae-clients .cvitae-section-content {
    border: 0;
}

.cvitae-clients .content-left p {
    color: #c5c5c5;
}

.cvitae-clients .content-right {
    padding: 0;
}

.cvitae-clients .clients-container {
    padding: 50px 40px 125px 40px;
    border: 1px solid #555;
}

.cvitae-clients .clients-container .item {
    padding: 0 10px;
}

.cvitae-clients .clients-container .item a img {
    display: block;
    max-width: 100%;
    height: auto;
}

.cvitae-clients .clients-container .owl-controls {
    position: absolute;
    height: 75px;
    width: 100%;
    bottom: 0;
    right: 0;
}

.cvitae-clients .clients-container .owl-controls .owl-nav {
    position: absolute;
    height: 100%;
    width: 100%;
}

.cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev,
.cvitae-clients .clients-container .owl-controls .owl-nav .owl-next {
    position: absolute;
    height: 100%;
    width: 50%;
    font-size: 0;
    background: rgba(0, 0, 0, .5);
    border-top: 1px solid #555;
    left: 0;
    top: 0;
}

.cvitae-clients .clients-container .owl-controls .owl-nav .owl-next {
    left: 50%;
}

.cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev {
    border-right: 1px solid #555;
}

.cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:before,
.cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:before {
    font-family: 'themify';
    display: block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before {
    color: #009688;
}

.cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:before {
    content: "\e629";
}

.cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:before {
    content: "\e628";
}


/* 
   * --------------------------------------
   * Contact & Footer
   * --------------------------------------
   */

.cvitae-contact {
    background: #f5f5f5;
    margin-bottom: 0;
}

.cvitae-contact .cvitae-section-content {
    background: #fff;
}

.cvitae-contact .content-right {
    border: 1px solid #f2f2f2;
}

.cvitae-contact .content-right .row {
    margin: 0;
}

.cvitae-contact .content-right .form-input {
    margin-bottom: 20px;
}

.cvitae-contact .content-right .form-input input {
    display: block;
    width: 100%;
    height: 50px;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    transition: border-color .5s;
    font-size: 14px;
    font-weight: 400;
}

.cvitae-contact .content-right .form-input input:focus {
    outline: none;
    border-color: #d3d3d3;
}

.cvitae-contact .content-right .form-textarea {
    display: table-cell;
    width: 900px
}

.cvitae-contact .content-right .form-textarea textarea {
    height: 190px;
    display: block;
    border: 1px solid #f2f2f2;
    padding: 15px 0;
    font-size: 14px;
    width: 100%;
    border: 1px solid #f2f2f2;
    resize: none;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    transition: border-color .5s;
}

.cvitae-contact .content-right .form-textarea textarea:focus {
    outline: none;
    border-color: #d3d3d3;
}

.cvitae-contact .content-right .form-submit {
    display: table-cell;
    width: 100px !important;
    position: relative;
}

.cvitae-contact .content-right .form-submit button {
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    border: 0;
    cursor: pointer;
    font-size: 0;
    overflow: hidden;
    background: #f2f2f2;
}

.cvitae-contact .content-right .form-submit button:after {
    display: block;
    content: "\e649";
    font-family: 'themify';
    font-size: 40px;
    color: #f2f2f2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cvitae-contact .content-right .form-submit:hover button:after {
    color: #ddd;
}

.cvitae-contact .content-right .form-submit button:focus,
.cvitae-contact .content-right .form-submit button:active {
    outline: none;
}

.cvitae-contact .content-right .form-submit,
.cvitae-contact .content-right .form-input,
.cvitae-contact .content-right .form-textarea {
    position: relative;
}

.cvitae-contact .content-right .form-input input,
.cvitae-contact .content-right .form-textarea textarea {
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: none;
}

.cvitae-contact .content-right .form-submit button {
    background: #fff;
    border: 1px solid #f2f2f2;
}

.cvitae-contact .content-right .form-submit .underline,
.cvitae-contact .content-right .form-input .underline,
.cvitae-contact .content-right .form-textarea .underline {
    height: 1px;
    width: 0;
    display: block;
    content: '';
    background: #ababab;
    z-index: 11;
    position: absolute;
    border: 0;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    bottom: 0;
}

.cvitae-contact .content-right .form-input input:focus+.underline,
.cvitae-contact .content-right .form-textarea textarea:focus+.underline {
    width: 100%;
}

.cvitae-contact .content-right .form-submit:hover .underline {
    width: 100%;
}

.footer {
    padding-bottom: 0;
    padding-top: 90px;
}

.footer-content {
    min-height: 170px;
    background: #252525;
    z-index: -1;
    position: relative;
    margin-top: -50px;
    padding-top: 100px;
}

.footer-content .links {
    text-align: center;
    font-size: 0;
}

.footer-content .links li {
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 30px;
}

.footer-content .links li a {
    font-size: 0;
    color: #7d7d7d;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.footer-content .links li a:hover {
    color: #009688;
}

.footer-content .links li a span {
    font-size: 30px;
    display: block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    background: rgba(0, 0, 0, .3);
    overflow: hidden;
}

.footer-content .links li a.goto-top span:before {
    display: block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: fadeIn;
}

.footer-content .copyright {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #555555;
    margin-bottom: 30px;
}

.blog-single .footer {
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 30px;
}


/* 
   * --------------------------------------
   * Intro 1
   * --------------------------------------
   */

.intro-1 .preloader .lines .line {
    background-color: #9566c4;
}

.intro-1 .preloader .loading-text {
    color: #9566c4;
}

.intro-1 .slider .image-left {
    width: 50%;
    height: 100%;
    position: absolute;
    background-image: url(../img/slider/1-image.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
}

.intro-1 .slider.active .image-left {
    opacity: 1;
    transform: translateX(0);
}

.intro-1 .slider .slider-content {
    text-align: left;
    font-family: 'Anton', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform: translate( 100px, -50%);
}

.intro-1 .slider .slider-content .name {
    font-size: 80px;
    line-height: 1.2;
    color: #9566c4;
    margin-bottom: 10px;
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
    -webkit-transition: transform .7s ease-in 2s, opacity .7s ease-in 2s;
    -moz-transition: transform .7s ease-in 2s, opacity .7s ease-in 2s;
    transition: transform .7s ease-in 2s, opacity .7s ease-in 2s;
}

.intro-1 .slider.active .slider-content .name {
    opacity: 1;
    transform: rotate(0);
}

.intro-1 .slider .slider-content .designation {
    font-size: 40px;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    opacity: 0;
    -webkit-transition: transform .7s ease-in 2.7s, opacity .7s ease-in 2.7s;
    -moz-transition: transform .7s ease-in 2.7s, opacity .7s ease-in 2.7s;
    transition: transform .7s ease-in 2.7s, opacity .7s ease-in 2.7s;
}

.intro-1 .slider.active .slider-content .designation {
    opacity: 1;
    transform: rotate(0);
}

.intro-1 .slider .slider-overlay {
    background-image: none;
}

.intro-1 .slider .slider-overlay:before,
.intro-1 .slider .slider-overlay:after {
    display: none;
}

.intro-1 .cvitae-mobile-navigation .nav-header,
.intro-1 .cvitae-main-nav ul li.cvitae-home:before {
    background: #9566c4;
}

.intro-1 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #9566c4;
}

.intro-1 .cvitae-main-nav ul li.cvitae-home a {
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.intro-1 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-1 .cvitae-main-nav ul li:after,
.intro-1 .cvitae-section-title:before {
    background: #9566c4;
}

.intro-1 .cvitae-main-nav ul li a {
    color: #838383;
}

.intro-1 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-1 .cvitae-section-title,
.intro-1 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-1 .cvitae-about-me .links a:hover span,
.intro-1 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-1 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-1 .cvitae-skills .hi-lights li:before,
.intro-1 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-1 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-1 .cvitae-testimonial .testimonial-container .item .designation,
.intro-1 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-1 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-1 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-1 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-1 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-1 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-1 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-1 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-1 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-1 .footer-content .links li a:hover,
.intro-1 .blog-single-header .page-title,
.intro-1 .site-content nav .nav-links a,
.intro-1 .site-content .nav-links .nav-previous:before,
.intro-1 .site-content .nav-links .nav-next:after {
    color: #9566c4;
}

.intro-1 .site-content .post-info p span,
.intro-1 .entry-content blockquote:before,
.intro-1 .cvitae-blog .content-left .view-all,
.intro-1 .site-content .comment-respond .submit {
    background-color: #9566c4;
}

.intro-1 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-1 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(0,150,136,.2);
}

.intro-1 .footer-content .copyright a {
    color: #9566c4;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-1 .footer-content .copyright a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 2
   * --------------------------------------
   */

.intro-2 .preloader .lines .line {
    background-color: #373c55;
}

.intro-2 .preloader .loading-text {
    color: #373c55;
}

.intro-2 .slider .cvitae-container {
    position: relative;
    height: 100%;
}

.intro-2 .slider .cvitae-container .slider-content {
    text-align: left;
    letter-spacing: 3px;
    text-transform: uppercase;
    left: 20px;
    transform: translate( 0, -50%);
}

.intro-2 .slider .slider-content .shape {
    top: -120px;
    left: -50px;
    position: absolute;
    border-left: 205px solid transparent;
    border-top: 205px solid transparent;
    border-bottom: 205px solid transparent;
    border-left: 320px solid #fff;
    transform: translateX(-100px);
    transform-origin: left bottom;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    z-index: -1;
}

.intro-2 .slider.active .slider-content .shape {
    opacity: .2;
    transform: translateX(0);
}

.intro-2 .slider .slider-content .name {
    font-size: 80px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;
    transform-origin: left bottom;
    transform: translateX(-100px);
    opacity: 0;
    -webkit-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    -moz-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
}

.intro-2 .slider.active .slider-content .name {
    opacity: 1;
    transform: translateX(0);
}

.intro-2 .slider .slider-content .designation {
    font-size: 40px;
    color: #373c55;
    font-family: 'Anton', sans-serif;
    transform: translateX(-100px);
    transform-origin: left bottom;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 2.4s, opacity 1s ease-in 2.4s;
    -moz-transition: transform 1s ease-in 2.4s, opacity 1s ease-in 2.4s;
    transition: transform 1s ease-in 2.4s, opacity 1s ease-in 2.4s;
}

.intro-2 .slider.active .slider-content .designation {
    opacity: 1;
    transform: translateX(0);
}

.intro-2 .slider .slider-content .goto-bio {
    position: relative;
    top: 30px;
    left: 110px;
    color: #ff16aa;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    transform: translateX(-100px);
    transform-origin: left bottom;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 2.8s, opacity 1s ease-in 2.8s;
    -moz-transition: transform 1s ease-in 2.8s, opacity 1s ease-in 2.8s;
    transition: transform 1s ease-in 2.8s, opacity 1s ease-in 2.8s;
}

.intro-2 .slider.active .slider-content .goto-bio {
    opacity: 1;
    transform: translateX(0);
}

.intro-2 .slider.active .slider-content .goto-bio:before {
    content: '';
    display: block;
    position: absolute;
    left: -50px;
    top: -18px;
    border-left: 25px solid transparent;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
    z-index: -1;
}

.intro-2 .slider .slider-overlay {
    background-image: url('../img/slider/2-background.jpg');
}

.intro-2 .slider .slider-overlay:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in 1s;
    -moz-transition: opacity 1s ease-in 1s;
    transition: opacity 1s ease-in 1s;
}

.intro-2 .slider.active .slider-overlay:before {
    opacity: 0;
}

.intro-2 .cvitae-menu-wrapper .cvitae-main-nav ul {
    background-color: rgba(255, 255, 255, .75);
}

.intro-2.blog-single .cvitae-menu-wrapper .cvitae-main-nav ul {
    background-color: rgba(255, 255, 255, 1);
}

.intro-2 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul {
    background-color: rgba(255, 255, 255, 1);
}

.intro-2 .cvitae-menu-wrapper .cvitae-main-nav ul li a {
    color: #373c55;
}

.intro-2 .slider .slider-overlay:after {
    display: none;
}

.intro-2 .cvitae-mobile-navigation .nav-header,
.intro-2 .cvitae-main-nav ul li.cvitae-home:before {
    background: #373c55;
}

.intro-2 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #373c55;
}

.intro-2 .cvitae-main-nav ul li.cvitae-home a {
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.intro-2 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-2 .cvitae-main-nav ul li:after,
.intro-2 .cvitae-section-title:before {
    background: #373c55;
}

.intro-2 .cvitae-main-nav ul li a {
    color: #838383;
}

.intro-2 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    color: #fff;
}

.intro-2 .cvitae-mobile-navigation .nav-header .mobile-site-title {
    color: #fff;
}

.intro-2 .cvitae-section-title,
.intro-2 .cvitae-about-me .links a:hover span,
.intro-2 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-2 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-2 .cvitae-skills .hi-lights li:before,
.intro-2 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-2 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-2 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-2 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-2 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-2 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-2 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-2 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-2 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-2 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-2 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-2 .footer-content .links li a:hover,
.intro-2 .site-content nav .nav-links a,
.intro-2 .site-content .nav-links .nav-previous:before,
.intro-2 .site-content .nav-links .nav-next:after {
    color: #373c55;
}

.intro-2 .blog-single-header .page-title {
    color: #fff;
}

.intro-2 .cvitae-achievement .cvitae-section-title,
.intro-2 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-2 .cvitae-testimonial .cvitae-section-title,
.intro-2 .cvitae-testimonial .testimonial-container .item .designation,
.intro-2 .cvitae-clients .cvitae-section-title {
    color: #fff;
}

.intro-2 .cvitae-achievement .cvitae-section-title:before,
.intro-2 .cvitae-testimonial .cvitae-section-title:before,
.intro-2 .cvitae-clients .cvitae-section-title:before {
    background-color: #fff;
}

.intro-2 .site-content .post-info p span,
.intro-2 .entry-content blockquote:before,
.intro-2 .cvitae-blog .content-left .view-all,
.intro-2 .site-content .comment-respond .submit {
    background-color: #373c55;
}

.intro-2 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-2 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(55, 60, 85, .2);
}

.intro-2 .footer-content .copyright a {
    color: #373c55;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-2 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-2 .widget-area .widget_search .search-form:hover:after {
    color: #373c55;
}


/* 
   * --------------------------------------
   * Intro 3
   * --------------------------------------
   */

.intro-3 .preloader .lines .line {
    background-color: #c0d1ca;
}

.intro-3 .preloader .loading-text {
    color: #c0d1ca;
}

.intro-3 .sliderStyle3 {
    height: 600px;
    background-image: url(../img/slider/3-background.jpg);
    background-size: cover;
    background-position: center center;
}

.intro-3 .sliderStyle3 .slider-content .name {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 200px;
    left: 70%;
    opacity: 0;
    letter-spacing: 2px;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: transform 1s ease-in 1.66s, opacity 1s ease-in 1.66s;
    -moz-transition: transform 1s ease-in 1.66s, opacity 1s ease-in 1.66s;
    transition: transform 1s ease-in 1.66s, opacity 1s ease-in 1.66s;
    z-index: 2;
}

.intro-3 .sliderStyle3.active .slider-content .name {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.intro-3 .sliderStyle3 .slider-content .designation {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 100px;
    right: 70%;
    opacity: 0;
    letter-spacing: 2px;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    transform: translateX(-50px);
    text-align: right;
    -webkit-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    -moz-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    z-index: 4;
}

.intro-3 .sliderStyle3.active .slider-content .designation {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.intro-3 .sliderStyle3 .slider-content .box {
    width: 220px;
    height: 280px;
    border: 20px solid #c0d1ca;
    position: absolute;
    bottom: 230px;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: bottom 1s ease-in 1.33s, opacity 1s ease-in 1.33s;
    -moz-transition: bottom 1s ease-in 1.33s, opacity 1s ease-in 1.33s;
    transition: bottom 1s ease-in 1.33s, opacity 1s ease-in 1.33s;
    z-index: 1;
}

.intro-3 .sliderStyle3.active .slider-content .box {
    bottom: 180px;
    opacity: 1;
}

.intro-3 .sliderStyle3 .slider-content .image {
    position: absolute;
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
}

.intro-3 .sliderStyle3.active .slider-content .image {
    bottom: 0;
    opacity: 1;
}

.intro-3 .cvitae-main-nav ul li.cvitae-home:before {
    background: #c0d1ca;
    left: 1px;
    right: 1px;
}

.intro-3 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #c0d1ca;
}

.intro-3 .cvitae-menu-wrapper .cvitae-main-nav ul li.cvitae-home a {
    color: #5d7168;
}

.intro-3 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
    color: #d2ded8;
}

.intro-3 .cvitae-main-nav ul li:after,
.intro-3 .cvitae-section-title:before {
    background: #c0d1ca;
}

.intro-3 .cvitae-menu-wrapper .cvitae-main-nav ul {
    background-color: #fff;
}

.intro-3 .cvitae-menu-wrapper .cvitae-main-nav ul li {
    border-color: #f2f2f2;
}

.intro-3 .cvitae-main-nav ul li a {
    color: #5d7168;
}

.intro-3 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-3 .cvitae-section-title,
.intro-3 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-3 .cvitae-about-me .links a:hover span,
.intro-3 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-3 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-3 .cvitae-skills .hi-lights li:before,
.intro-3 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-3 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-3 .cvitae-testimonial .testimonial-container .item .designation,
.intro-3 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-3 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-3 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-3 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-3 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-3 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-3 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-3 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-3 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-3 .footer-content .links li a:hover,
.intro-3 .blog-single-header .page-title,
.intro-3 .site-content nav .nav-links a,
.intro-3 .site-content .nav-links .nav-previous:before,
.intro-3 .site-content .nav-links .nav-next:after {
    color: #c0d1ca;
}

.intro-3 .site-content .post-info p span,
.intro-3 .entry-content blockquote:before,
.intro-3 .cvitae-blog .content-left .view-all,
.intro-3 .site-content .comment-respond .submit {
    background-color: #c0d1ca;
}

.intro-3 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-3 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(192, 209, 202, .2);
}

.intro-3 .footer-content .copyright a {
    color: #c0d1ca;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-3 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-3 .cvitae-mobile-navigation .nav-header {
    background-color: #c0d1ca;
}


/* 
   * --------------------------------------
   * Intro 4
   * --------------------------------------
   */

.intro-4 .preloader .lines .line {
    background-color: #e4e4e4;
}

.intro-4 .preloader .loading-text {
    color: #e4e4e4;
}

.intro-4 .sliderStyle4 {
    height: 600px;
    background-image: url(../img/slider/4-background.jpg);
    background-size: cover;
    background-position: center center;
}

.intro-4 .sliderStyle4 .slider-content .box {
    width: 450px;
    border: 3px solid #ccc;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-450px);
    -moz-transform: translateY(-50%) translateX(-450px);
    transform: translateY(-50%) translateX(-450px);
    z-index: 1;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    -moz-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
    text-align: right;
    padding: 20px 70px 20px 20px;
}

.intro-4 .sliderStyle4.active .slider-content .box {
    -webkit-transform: translateY(-50%) translateX(-400px);
    -moz-transform: translateY(-50%) translateX(-400px);
    transform: translateY(-50%) translateX(-400px);
    opacity: 1;
}

.intro-4 .sliderStyle4 .slider-content .name {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    letter-spacing: 2px;
}

.intro-4 .sliderStyle4 .slider-content .designation {
    font-size: 20px;
    font-weight: 700;
    color: #b8b8b8;
    letter-spacing: 2px;
}

.intro-4 .sliderStyle4 .slider-content .image {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    transform: translateY(-200px);
    border-radius: 50%;
    border: 10px solid #ccc;
    z-index: 2;
}

.intro-4 .sliderStyle4.active .slider-content .image {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.intro-4 .sliderStyle4 .slider-content .shadow {
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(55px);
    -moz-transform: translateX(55px);
    transform: translateX(55px);
    -webkit-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    z-index: 2;
}

.intro-4 .sliderStyle4.active .slider-content .shadow {
    bottom: 50px;
    opacity: 1;
}

.intro-4 .cvitae-main-nav ul li {
    border-color: #e1e1e1;
}

.intro-4 .cvitae-main-nav ul li.cvitae-home:before {
    background: #e4e4e4;
}

.intro-4 .cvitae-main-nav ul li:after,
.intro-4 .cvitae-section-title:before {
    background: #e4e4e4;
}

.intro-4 .cvitae-main-nav ul li a {
    color: #000;
}

.intro-4 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active,
.intro-4 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-4 .cvitae-section-title,
.intro-4 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-4 .cvitae-about-me .links a:hover span,
.intro-4 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-4 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-4 .cvitae-skills .hi-lights li:before,
.intro-4 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-4 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-4 .cvitae-testimonial .testimonial-container .item .designation,
.intro-4 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-4 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-4 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-4 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-4 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-4 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-4 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-4 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-4 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-4 .footer-content .links li a:hover,
.intro-4 .blog-single-header .page-title,
.intro-4 .site-content nav .nav-links a,
.intro-4 .site-content .nav-links .nav-previous:before,
.intro-4 .site-content .nav-links .nav-next:after {
    color: #e4e4e4;
}

.intro-4 .site-content .post-info p span,
.intro-4 .entry-content blockquote:before,
.intro-4 .cvitae-blog .content-left .view-all,
.intro-4 .site-content .comment-respond .submit {
    background-color: #e4e4e4;
}

.intro-4 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-4 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(202, 216, 209, .2);
}

.intro-4 .footer-content .copyright a {
    color: #e4e4e4;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-4 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-4 .cvitae-mobile-navigation .nav-header {
    background-color: #e4e4e4;
}


/* 
   * --------------------------------------
   * Intro 5
   * --------------------------------------
   */

.intro-5 .preloader .lines .line {
    background-color: #00bff3;
}

.intro-5 .preloader .loading-text {
    color: #00bff3;
}

.intro-5 .sliderStyle5 {
    height: 600px;
    border-bottom: 1px solid #e1e1e1;
}

.intro-5 .sliderStyle5 .slider-content .box-container {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: right;
    z-index: 3;
    width: 400px;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    transform: translateX(-300px);
}

.intro-5 .sliderStyle5.active .slider-content .box-container {
    opacity: 1;
    -webkit-transform: translateX(-250px);
    -moz-transform: translateX(-250px);
    transform: translateX(-250px);
}

.intro-5 .sliderStyle5 .slider-content .name {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #000;
}

.intro-5 .sliderStyle5 .slider-content .designation {
    font-size: 20px;
    font-weight: 700;
    color: #b8b8b8;
    padding-bottom: 20px;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 20px;
}

.intro-5 .sliderStyle5 .slider-content .designation:after {
    content: '';
    width: 40px;
    height: 16px;
    background-color: #b8b8b8;
    display: block;
    position: absolute;
    right: 0;
    bottom: -5px;
    border-radius: 8px 0 18px 8px;
}

.intro-5 .sliderStyle5 .slider-content a {
    color: #00bff3;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
}

.intro-5 .sliderStyle5 .slider-content .image {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(250px, -108px);
    -moz-transform: translate(250px, -108px);
    transform: translate(250px, -108px);
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    z-index: 2;
}

.intro-5 .sliderStyle5.active .slider-content .image {
    opacity: 1;
    -webkit-transform: translate(200px, -108px);
    -moz-transform: translate(200px, -108px);
    transform: translate(200px, -108px);
}

.intro-5 .sliderStyle5 .slider-content .box1 {
    position: absolute;
    width: 266px;
    height: 316px;
    border: 20px solid #00bff3;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -webkit-transform: translate(140px, -118px);
    -moz-transform: translate(140px, -118px);
    transform: translate(140px, -118px);
    z-index: 3;
}

.intro-5 .sliderStyle5.active .slider-content .box1 {
    opacity: 1;
    -webkit-transform: translate(190px, -118px);
    -moz-transform: translate(190px, -118px);
    transform: translate(190px, -118px);
}

.intro-5 .sliderStyle5 .slider-content .box2 {
    position: absolute;
    width: 266px;
    height: 316px;
    border: 20px solid #00bff3;
    bottom: -50px;
    left: 50%;
    opacity: 0;
    -webkit-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    -webkit-transform: translate(-550px, 50%);
    -moz-transform: translate(-550px, 50%);
    transform: translate(-550px, 50%);
    z-index: 3;
}

.intro-5 .sliderStyle5.active .slider-content .box2 {
    opacity: 1;
    bottom: 0;
}

.intro-5 .sliderStyle5 .slider-content .box3 {
    position: absolute;
    width: 106px;
    height: 126px;
    border: 20px solid #00bff3;
    opacity: 0;
    bottom: 150px;
    left: 50%;
    -webkit-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: bottom 1s ease-in 1s, opacity 1s ease-in 1s;
    -webkit-transform: translate(-350px, 0);
    -moz-transform: translate(-350px, 0);
    transform: translate(-350px, 0);
    z-index: 3;
}

.intro-5 .sliderStyle5.active .slider-content .box3 {
    opacity: .5;
    bottom: 100px;
}

.intro-5 .cvitae-main-nav ul li.cvitae-home:before,
.intro-5 .cvitae-main-nav ul li:after,
.intro-5 .cvitae-section-title:before {
    background: #00bff3;
}

.intro-5 .cvitae-main-nav ul li a {
    color: #000;
}

.intro-5 .cvitae-main-nav ul li {
    border-color: #e1e1e1;
}

.intro-5 .cvitae-main-nav ul li.cvitae-home a {
    color: #fff;
}

.intro-5 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active,
.intro-5 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-5 .cvitae-section-title,
.intro-5 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-5 .cvitae-about-me .links a:hover span,
.intro-5 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-5 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-5 .cvitae-skills .hi-lights li:before,
.intro-5 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-5 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-5 .cvitae-testimonial .testimonial-container .item .designation,
.intro-5 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-5 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-5 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-5 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-5 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-5 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-5 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-5 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-5 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-5 .footer-content .links li a:hover,
.intro-5 .blog-single-header .page-title,
.intro-5 .site-content nav .nav-links a,
.intro-5 .site-content .nav-links .nav-previous:before,
.intro-5 .site-content .nav-links .nav-next:after {
    color: #00bff3;
}

.intro-5 .site-content .post-info p span,
.intro-5 .entry-content blockquote:before,
.intro-5 .cvitae-blog .content-left .view-all,
.intro-5 .site-content .comment-respond .submit {
    background-color: #00bff3;
}

.intro-5 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-5 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(0, 191, 243, .2);
}

.intro-5 .footer-content .copyright a {
    color: #00bff3;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-5 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-5 .cvitae-mobile-navigation .nav-header {
    background-color: #00bff3;
}


/* 
   * --------------------------------------
   * Intro 6
   * --------------------------------------
   */

.intro-6 .preloader .lines .line {
    background-color: #000;
}

.intro-6 .preloader .loading-text {
    color: #000;
}

.intro-6 .sliderStyle6 {
    height: 600px;
}

.intro-6 .sliderStyle6 .cvitae-container {
    position: relative;
    height: 600px;
}

.intro-6 .sliderStyle6 .slider-content .box-container {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    text-align: right;
    z-index: 1;
    overflow: hidden;
}

.intro-6 .sliderStyle6 .slider-content .name {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in 1s;
    -moz-transition: opacity 1s ease-in 1s;
    transition: opacity 1s ease-in 1s;
    letter-spacing: 2px;
    padding: 0 20px;
}

.intro-6 .sliderStyle6.active .slider-content .name {
    opacity: 1;
}

.intro-6 .sliderStyle6 .slider-content .designation {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
    position: relative;
    letter-spacing: 2px;
}

.intro-6 .sliderStyle6 .slider-content .designation:after {
    content: '';
    height: 0;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    -webkit-transition: height .5s ease-in 2s;
    -moz-transition: height .5s ease-in 2s;
    transition: height .5s ease-in 2s;
    z-index: -1;
}

.intro-6 .sliderStyle6.active .slider-content .designation:after {
    height: 100%;
}

.intro-6 .sliderStyle6 .slider-content a {
    color: #a5a5a5;
    background-color: #fff;
    padding: 0 20px;
    font-size: 14px;
    opacity: 0;
    letter-spacing: 2px;
    -webkit-transition: opacity 1s ease-in 3s;
    -moz-transition: opacity 1s ease-in 3s;
    transition: opacity 1s ease-in 3s;
}

.intro-6 .sliderStyle6.active .slider-content a {
    opacity: 1;
}

.intro-6 .sliderStyle6 .slider-content a:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    right: 100%;
    position: absolute;
    bottom: 5px;
    background-color: #000;
    -webkit-transition: right 1s ease-in 3s;
    -moz-transition: right 1s ease-in 3s;
    transition: right 1s ease-in 3s;
    z-index: -1;
}

.intro-6 .sliderStyle6.active .slider-content a:before {
    right: 0;
}

.intro-6 .sliderStyle6 .slider-content .image {
    position: absolute;
    bottom: -100%;
    left: 20px;
    -webkit-transition: bottom 1s ease-in 2s;
    -moz-transition: bottom 1s ease-in 2s;
    transition: bottom 1s ease-in 2s;
    z-index: 2;
}

.intro-6 .sliderStyle6.active .slider-content .image {
    bottom: 0px;
}

.intro-6 .cvitae-main-nav ul li.cvitae-home:before,
.intro-6 .cvitae-main-nav ul li:after,
.intro-6 .cvitae-section-title:before {
    background: #000;
}

.intro-6 .cvitae-main-nav ul li a {
    color: #000;
}

.intro-6 .cvitae-main-nav ul li {
    border-color: #e1e1e1;
}

.intro-6 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #000;
}

.intro-6 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-6 .cvitae-main-nav ul li.cvitae-home a {
    color: #fff;
}

.intro-6 .cvitae-main-nav ul li:after,
.intro-6 .cvitae-section-title:before {
    background: #000;
}

.intro-6 .cvitae-main-nav ul li a,
.intro-6 .cvitae-section-title,
.intro-6 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-6 .cvitae-about-me .links a:hover span,
.intro-6 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-6 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-6 .cvitae-skills .hi-lights li:before,
.intro-6 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-6 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-6 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-6 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-6 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-6 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-6 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-6 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-6 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-6 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-6 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-6 .footer-content .links li a:hover,
.intro-6 .blog-single-header .page-title,
.intro-6 .site-content nav .nav-links a,
.intro-6 .site-content .nav-links .nav-previous:before,
.intro-6 .site-content .nav-links .nav-next:after {
    color: #000;
}

.intro-6 .site-content .post-info p span,
.intro-6 .entry-content blockquote:before,
.intro-6 .cvitae-blog .content-left .view-all,
.intro-6 .site-content .comment-respond .submit {
    background-color: #000;
}

.intro-6 .cvitae-achievement .cvitae-section-title,
.intro-6 .cvitae-testimonial .cvitae-section-title,
.intro-6 .cvitae-clients .cvitae-section-title,
.intro-6 .cvitae-testimonial .testimonial-container .item .designation,
.intro-6 .cvitae-achievement .achievement-container .item .achievement-date {
    color: #fff;
}

.intro-6 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-6 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-6 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-6 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-6 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-6 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before {
    color: #999;
}

.intro-6 .mi-slider nav a.mi-selected:before {
    border-top-color: #ebebeb;
}

.intro-6 .cvitae-achievement .cvitae-section-title:before,
.intro-6 .cvitae-testimonial .cvitae-section-title:before,
.intro-6 .cvitae-clients .cvitae-section-title:before {
    background-color: #fff;
}

.intro-6 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-6 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(0, 0, 0, .2);
}

.intro-6 .footer-content .copyright a {
    color: #aaa;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-6 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-6 .cvitae-mobile-navigation .nav-header {
    background-color: #000;
}

.intro-6 .cvitae-mobile-navigation .nav-header .mobile-site-title {
    color: #fff
}


/* 
   * --------------------------------------
   * Intro 7
   * --------------------------------------
   */

.intro-7 .preloader .lines .line {
    background-color: #7da2c8;
}

.intro-7 .preloader .loading-text {
    color: #7da2c8;
}

.intro-7 .sliderStyle7 {
    height: 600px;
    background-image: url(../img/slider/10-background.jpg);
    background-size: cover;
    background-position: center center;
}

.intro-7 .sliderStyle7 .cvitae-container {
    position: relative;
    height: 600px;
}

.intro-7 .sliderStyle7 .slider-content .box-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -webkit-transform: translate(-50%, -20px);
    -moz-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
    text-align: center;
    overflow: hidden;
}

.intro-7 .sliderStyle7.active .slider-content .box-container {
    opacity: 1;
    -webkit-transform: translate(-50%, -50px);
    -moz-transform: translate(-50%, -50px);
    transform: translate(-50%, -50px);
}

.intro-7 .sliderStyle7 .slider-content .name {
    font-size: 30px;
    font-weight: 700;
    color: #7da2c8;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.intro-7 .sliderStyle7 .slider-content .designation {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #9f9f9f;
}

.intro-7 .sliderStyle7 .slider-content .image {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -140px);
    -moz-transform: translate(-50%, -140px);
    transform: translate(-50%, -140px);
    border-radius: 50%;
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    z-index: 2;
}

.intro-7 .sliderStyle7.active .slider-content .image {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.intro-7 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #7da2c8;
}

.intro-7 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-7 .cvitae-main-nav ul li {
    border-color: #f2f2f2;
}

.intro-7 .cvitae-main-nav ul li.cvitae-home a {
    color: #fff;
}

.intro-7 .cvitae-main-nav ul li.cvitae-home:before,
.intro-7 .cvitae-main-nav ul li:after,
.intro-7 .cvitae-section-title:before {
    background: #7da2c8;
}

.intro-7 .cvitae-main-nav ul li a {
    color: #000;
}

.intro-7 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-7 .cvitae-section-title,
.intro-7 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-7 .cvitae-about-me .links a:hover span,
.intro-7 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-7 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-7 .cvitae-skills .hi-lights li:before,
.intro-7 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-7 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-7 .cvitae-testimonial .testimonial-container .item .designation,
.intro-7 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-7 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-7 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-7 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-7 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-7 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-7 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-7 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-7 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-7 .footer-content .links li a:hover,
.intro-7 .blog-single-header .page-title,
.intro-7 .site-content nav .nav-links a,
.intro-7 .site-content .nav-links .nav-previous:before,
.intro-7 .site-content .nav-links .nav-next:after {
    color: #7da2c8;
}

.intro-7 .site-content .post-info p span,
.intro-7 .entry-content blockquote:before,
.intro-7 .cvitae-blog .content-left .view-all,
.intro-7 .site-content .comment-respond .submit {
    background-color: #7da2c8;
}

.intro-7 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-7 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(125, 162, 200, .2);
}

.intro-7 .footer-content .copyright a {
    color: #7da2c8;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-7 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-7 .cvitae-mobile-navigation .nav-header {
    background-color: #7da2c8;
}

.intro-7 .cvitae-mobile-navigation .nav-header .mobile-site-title {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 8
   * --------------------------------------
   */

.intro-8 .preloader .lines .line {
    background-color: #ff8a8a;
}

.intro-8 .preloader .loading-text {
    color: #ff8a8a;
}

.intro-8 .slider.sliderStyle8 {
    height: 600px;
}

.intro-8 .slider .slider-overlay {
    background-image: url('../img/slider/8-background.jpg');
}

.intro-8 .slider .slider-overlay:before {
    background: #000;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out 2s;
    -moz-transition: opacity 1s ease-in-out 2s;
    transition: opacity 1s ease-in-out 2s;
}

.intro-8 .slider.active .slider-overlay:before,
.intro-8 .slider .slider-overlay:after {
    display: none;
}

.intro-8 .slider .cvitae-container {
    position: relative;
    height: 100%;
}

.intro-8 .slider .slider-overlay .slider-content {
    position: absolute;
    top: 50%;
    right: 20px;
    text-align: right;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.intro-8 .slider .name {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff8a8a;
    letter-spacing: 2px;
    white-space: nowrap;
    margin-bottom: 10px;
    position: relative;
    background-color: #fff;
    top: 100px;
    opacity: 0;
    display: inline-block;
    padding: 0 10px;
    -webkit-transition: opacity 1s ease-in-out 1s, top 1s ease-in-out 1s;
    -moz-transition: opacity 1s ease-in-out 1s, top 1s ease-in-out 1s;
    transition: opacity 1s ease-in-out 1s, top 1s ease-in-out 1s;
}

.intro-8 .slider .designation {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    color: #000;
    margin-bottom: 50px;
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: 100px;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out 1.5s, top 1s ease-in-out 1.5s;
    -moz-transition: opacity 1s ease-in-out 1.5s, top 1s ease-in-out 1.5s;
    transition: opacity 1s ease-in-out 1.5s, top 1s ease-in-out 1.5s;
}

.intro-8 .slider.active .slider-content .name,
.intro-8 .slider.active .slider-content .designation {
    opacity: 1;
    top: 0;
}

.intro-8 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #ff8a8a;
}

.intro-8 .cvitae-mobile-navigation .nav-header,
.intro-8 .cvitae-main-nav ul li.cvitae-home:before {
    background: #ff8a8a;
}

.intro-8 .cvitae-main-nav ul li.cvitae-home a {
    color: #000;
    opacity: .9;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.intro-8 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-8 .cvitae-main-nav ul li:after,
.intro-8 .cvitae-section-title:before {
    background: #ff8a8a;
}

.intro-8 .cvitae-menu-wrapper .cvitae-main-nav ul {
    background-color: #fff;
}

.intro-8 .cvitae-menu-wrapper .cvitae-main-nav ul li {
    border-color: #f2f2f2;
}

.intro-8 .cvitae-main-nav ul li a,
.intro-8 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-8 .cvitae-section-title,
.intro-8 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-8 .cvitae-about-me .links a:hover span,
.intro-8 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-8 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-8 .cvitae-skills .hi-lights li:before,
.intro-8 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-8 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-8 .cvitae-testimonial .testimonial-container .item .designation,
.intro-8 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-8 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-8 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-8 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-8 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-8 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-8 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-8 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-8 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-8 .footer-content .links li a:hover,
.intro-8 .blog-single-header .page-title,
.intro-8 .site-content nav .nav-links a,
.intro-8 .site-content .nav-links .nav-previous:before,
.intro-8 .site-content .nav-links .nav-next:after {
    color: #ff8a8a;
}

.intro-8 .site-content .post-info p span,
.intro-8 .entry-content blockquote:before,
.intro-8 .cvitae-blog .content-left .view-all,
.intro-8 .site-content .comment-respond .submit {
    background-color: #ff8a8a;
}

.intro-8 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-8 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(255, 138, 138, .2);
}

.intro-8 .footer-content .copyright a {
    color: #ff8a8a;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-8 .footer-content .copyright a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 9
   * --------------------------------------
   */

.intro-9 .preloader .lines .line {
    background-color: #46ab81;
}

.intro-9 .preloader .loading-text {
    color: #46ab81;
}

.intro-9 .slider .slider-overlay {
    background-image: url('../img/slider/9-background.jpg');
}

.intro-9 .slider.active .image-right {
    left: 50%;
}

.intro-9 .slider .slider-overlay:before {
    background-color: #fff;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out 2s;
    -moz-transition: opacity 1s ease-in-out 2s;
    transition: opacity 1s ease-in-out 2s;
}

.intro-9 .slider.active .slider-overlay:before {
    opacity: 0;
}

.intro-9 .slider .slider-overlay:after {
    display: none;
}

.intro-9 .slider .slider-overlay .cvitae-container {
    position: relative;
    height: 100vh;
}

.intro-9 .slider .slider-overlay .slider-content {
    position: absolute;
    background: rgba(70, 171, 129, .8);
    padding: 50px 70px 50px 150px;
    border-radius: 0 130px 130px 260px;
    left: auto;
    right: 200px;
    text-align: right;
    top: 50%;
    width: auto;
    opacity: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: right 1s ease-in-out 3s, opacity 1s ease-in-out 3s;
    -moz-transition: right 1s ease-in-out 3s, opacity 1s ease-in-out 3s;
    transition: right 1s ease-in-out 3s, opacity 1s ease-in-out 3s;
}

.intro-9 .slider.active .slider-overlay .slider-content {
    right: 20px;
    opacity: 1;
}

.intro-9 .slider .name {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out 4s;
    -moz-transition: opacity 1s ease-in-out 4s;
    transition: opacity 1s ease-in-out 4s;
}

.intro-9 .slider.active .name {
    opacity: 1;
}

.intro-9 .slider .designation {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    letter-spacing: 2px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out 5s;
    -moz-transition: opacity 1s ease-in-out 5s;
    transition: opacity 1s ease-in-out 5s;
}

.intro-9 .slider.active .designation {
    opacity: 1;
}

.intro-9 .cvitae-main-nav ul {
    background: #fff;
}

.intro-9 .cvitae-mobile-navigation .nav-header,
.intro-9 .cvitae-main-nav ul li.cvitae-home:before {
    background: #46ab81;
}

.intro-9 .cvitae-main-nav ul li.cvitae-home a {
    color: #000;
    opacity: .9;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.intro-9 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #46ab81;
}

.intro-9 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-9 .cvitae-main-nav ul li {
    border-color: #f2f2f2;
}

.intro-9 .cvitae-main-nav ul li:after,
.intro-9 .cvitae-section-title:before {
    background: #46ab81;
}

.intro-9 .cvitae-main-nav ul li a,
.intro-9 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-9 .cvitae-section-title,
.intro-9 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-9 .cvitae-about-me .links a:hover span,
.intro-9 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-9 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-9 .cvitae-skills .hi-lights li:before,
.intro-9 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-9 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-9 .cvitae-testimonial .testimonial-container .item .designation,
.intro-9 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-9 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-9 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-9 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-9 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-9 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-9 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-9 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-9 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-9 .footer-content .links li a:hover,
.intro-9 .blog-single-header .page-title,
.intro-9 .site-content nav .nav-links a,
.intro-9 .site-content .nav-links .nav-previous:before,
.intro-9 .site-content .nav-links .nav-next:after {
    color: #46ab81;
}

.intro-9 .site-content .post-info p span,
.intro-9 .entry-content blockquote:before,
.intro-9 .cvitae-blog .content-left .view-all,
.intro-9 .site-content .comment-respond .submit {
    background-color: #46ab81;
}

.intro-9 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-9 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(70, 171, 129, .2);
}

.intro-9 .footer-content .copyright a {
    color: #46ab81;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-9 .footer-content .copyright a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 10
   * --------------------------------------
   */

.intro-10 .preloader .lines .line {
    background-color: #1c7cff;
}

.intro-10 .preloader .loading-text {
    color: #1c7cff;
}

.intro-10 .slider.sliderStyle10 {
    height: 700px;
}

.intro-10 .slider .slider-overlay {
    background-image: none;
}

.intro-10 .slider .image-left {
    background-image: url('../img/slider/10-left.jpg');
    background-position: right center;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
    right: 100%;
    -webkit-transition: right .8s ease-in-out 2s;
    -moz-transition: right .8s ease-in-out 2s;
    transition: right .8s ease-in-out 2s;
}

.intro-10 .slider.active .image-left {
    right: 50%;
}

.intro-10 .slider .image-right {
    background-image: url('../img/slider/10-right.jpg');
    background-position: left center;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 100%;
    -webkit-transition: left .8s ease-in-out 2s;
    -moz-transition: left .8s ease-in-out 2s;
    transition: left .8s ease-in-out 2s;
}

.intro-10 .slider.active .image-right {
    left: 50%;
}

.intro-10 .slider .slider-overlay:before {
    background: #000;
    opacity: 1;
}

.intro-10 .slider .slider-overlay:after {
    display: none;
}

.intro-10 .slider .slider-overlay .slider-content {
    position: absolute;
    bottom: 0;
    left: 50%;
    top: auto;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    text-align: center;
    background: rgba(0, 0, 0, .9);
    padding: 40px 100px;
    position: absolute;
    -webkit-transition: transform 1s ease-in-out 3s;
    -moz-transition: transform 1s ease-in-out 3s;
    transition: transform 1s ease-in-out 3s;
}

.intro-10 .slider.active .slider-overlay .slider-content {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.intro-10 .slider .name {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    margin-bottom: 10px;
}

.intro-10 .slider .designation {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    color: #1c7cff;
}

.intro-10 .cvitae-mobile-navigation .nav-header,
.intro-10 .cvitae-main-nav ul li.cvitae-home:before {
    background: #1c7cff;
}

.intro-10 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #1c7cff;
}

.intro-10 .cvitae-main-nav ul li.cvitae-home a {
    color: #000;
    opacity: .9;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.intro-10 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-10 .cvitae-main-nav ul li {
    border-color: #383838;
}

.intro-10 .cvitae-main-nav ul li:after,
.intro-10 .cvitae-section-title:before {
    background: #1c7cff;
}

.intro-10 .cvitae-main-nav ul li a {
    color: #838383;
}

.intro-10 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-10 .cvitae-section-title,
.intro-10 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-10 .cvitae-about-me .links a:hover span,
.intro-10 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-10 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-10 .cvitae-skills .hi-lights li:before,
.intro-10 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-10 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-10 .cvitae-testimonial .testimonial-container .item .designation,
.intro-10 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-10 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-10 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-10 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-10 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-10 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-10 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-10 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-10 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-10 .footer-content .links li a:hover,
.intro-10 .blog-single-header .page-title,
.intro-10 .site-content nav .nav-links a,
.intro-10 .site-content .nav-links .nav-previous:before,
.intro-10 .site-content .nav-links .nav-next:after {
    color: #1c7cff;
}

.intro-10 .site-content .post-info p span,
.intro-10 .entry-content blockquote:before,
.intro-10 .cvitae-blog .content-left .view-all,
.intro-10 .site-content .comment-respond .submit {
    background-color: #1c7cff;
}

.intro-10 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-10 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(28, 124, 255, .2);
}

.intro-10 .footer-content .copyright a {
    color: #1c7cff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-10 .footer-content .copyright a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 11
   * --------------------------------------
   */

.intro-11 .preloader .lines .line {
    background-color: #7734ff;
}

.intro-11 .preloader .loading-text {
    color: #7734ff;
}

.intro-11 .slider .slider-overlay {
    background-image: url('../img/slider/11-background.jpg');
}

.intro-11 .slider .slider-overlay:before {
    background: #7734ff;
    opacity: .5;
}

.intro-11 .slider .slider-overlay .slider-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.intro-11 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #7734ff;
}

.intro-11 .cvitae-mobile-navigation .nav-header,
.intro-11 .cvitae-main-nav ul li.cvitae-home:before {
    background: #7734ff;
}

.intro-11 .cvitae-main-nav ul li.cvitae-home a {
    color: #000;
    opacity: .9;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.intro-11 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-11 .slider .name {
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out 1s;
    -moz-transition: opacity 1s ease-in-out 1s;
    transition: opacity 1s ease-in-out 1s;
}

.intro-11 .slider .designation {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    color: #7734ff;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out 2s;
    -moz-transition: opacity 1s ease-in-out 2s;
    transition: opacity 1s ease-in-out 2s;
}

.intro-11 .slider.active .slider-content .name,
.intro-11 .slider.active .slider-content .designation {
    opacity: 1;
}

.intro-11 .slider .slider-content {
    padding: 50px 70px;
}

.intro-11 .slider .slider-content .box1,
.intro-11 .slider .slider-content .box2,
.intro-11 .slider .slider-content .box3,
.intro-11 .slider .slider-content .box4 {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    border: 10px solid #7734ff;
    opacity: .06;
    -webkit-transition: all 2s ease-in-out 2s;
    -moz-transition: all 2s ease-in-out 2s;
    transition: all 2s ease-in-out 2s;
}

.intro-11 .slider .slider-content .box1 {
    left: -2500px;
}

.intro-11 .slider.active .slider-content .box1 {
    left: 0px;
    top: 0;
}

.intro-11 .slider .slider-content .box2 {
    top: -2500px;
}

.intro-11 .slider.active .slider-content .box2 {
    top: 0;
    left: 0;
}

.intro-11 .slider .slider-content .box3 {
    right: -2500px;
    top: 0;
}

.intro-11 .slider.active .slider-content .box3 {
    right: 0;
}

.intro-11 .slider .slider-content .box4 {
    bottom: -2500px;
    left: 0;
}

.intro-11 .slider.active .slider-content .box4 {
    bottom: 0;
}

.intro-11 .slider .mouse-icon {
    bottom: 10%;
}

.intro-11 .cvitae-main-nav ul li:after,
.intro-11 .cvitae-section-title:before {
    background: #7734ff;
}

.intro-11 .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 rgba(242, 242, 242, .1) inset, 0 1px 0 0 rgba(242, 242, 242, .1) inset, 0 -1px 0 0 rgba(242, 242, 242, .1) inset;
}

.intro-11 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 #f2f2f2 inset, 0 1px 0 0 #f2f2f2 inset, 0 -1px 0 0 #f2f2f2 inset;
}

.intro-11 .cvitae-main-nav ul li a,
.intro-11 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-11 .cvitae-section-title,
.intro-11 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-11 .cvitae-about-me .links a:hover span,
.intro-11 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-11 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-11 .cvitae-skills .hi-lights li:before,
.intro-11 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-11 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-11 .cvitae-testimonial .testimonial-container .item .designation,
.intro-11 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-11 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-11 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-11 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-11 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-11 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-11 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-11 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-11 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-11 .footer-content .links li a:hover,
.intro-11 .blog-single-header .page-title,
.intro-11 .site-content nav .nav-links a,
.intro-11 .site-content .nav-links .nav-previous:before,
.intro-11 .site-content .nav-links .nav-next:after {
    color: #7734ff;
}

.intro-11 .site-content .post-info p span,
.intro-11 .entry-content blockquote:before,
.intro-11 .cvitae-blog .content-left .view-all,
.intro-11 .site-content .comment-respond .submit {
    background-color: #7734ff;
}

.intro-11 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-11 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(119, 52, 255, .2);
}

.intro-11 .footer-content .copyright a {
    color: #7734ff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-11 .footer-content .copyright a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 12
   * --------------------------------------
   */

.intro-12 .preloader .lines .line {
    background-color: #009688;
}

.intro-12 .preloader .loading-text {
    color: #009688;
}

.intro-12 .cvitae-mobile-navigation .nav-header,
.intro-12 .cvitae-main-nav ul li.cvitae-home:before {
    background: #009688;
}

.intro-12 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #009688;
}

.intro-12 .cvitae-main-nav ul li.cvitae-home a {
    color: #fff;
    opacity: .9;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.intro-12 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-12 .cvitae-main-nav ul li {
    border-color: #383838;
}

.intro-12 .cvitae-main-nav ul li:after,
.intro-12 .cvitae-section-title:before {
    background: #009688;
}

.intro-12 .cvitae-main-nav ul li a {
    color: #fff;
}

.intro-12 .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 rgba(242, 242, 242, .1) inset, 0 1px 0 0 rgba(242, 242, 242, .1) inset, 0 -1px 0 0 rgba(242, 242, 242, .1) inset;
}

.intro-12 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 #f2f2f2 inset, 0 1px 0 0 #f2f2f2 inset, 0 -1px 0 0 #f2f2f2 inset;
}

.intro-12 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-12 .cvitae-section-title,
.intro-12 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-12 .cvitae-about-me .links a:hover span,
.intro-12 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-12 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-12 .cvitae-skills .hi-lights li:before,
.intro-12 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-12 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-12 .cvitae-testimonial .testimonial-container .item .designation,
.intro-12 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-12 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-12 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-12 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-12 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-12 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-12 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-12 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-12 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-12 .footer-content .links li a:hover,
.intro-12 .blog-single-header .page-title,
.intro-12 .site-content nav .nav-links a,
.intro-12 .site-content .nav-links .nav-previous:before,
.intro-12 .site-content .nav-links .nav-next:after {
    color: #009688;
}

.intro-12 .site-content .post-info p span,
.intro-12 .entry-content blockquote:before,
.intro-12 .cvitae-blog .content-left .view-all,
.intro-12 .site-content .comment-respond .submit {
    background-color: #009688;
}

.intro-12 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-12 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(254, 184, 52, .2);
}

.intro-12 .footer-content .copyright a {
    color: #009688;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-12 .footer-content .copyright a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 13
   * --------------------------------------
   */

.intro-13 .preloader .lines .line {
    background-color: #ff7e00;
}

.intro-13 .preloader .loading-text {
    color: #ff7e00;
}

.intro-13 {
    background-color: #000;
    background-image: url(../img/footer/intro-13/background.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.intro-13 .sliderStyle13 {
    height: 100vh;
    background-image: url(../img/slider/13-background.jpg);
    background-attachment: fixed;
    background-position: center center;
}

.intro-13 .sliderStyle13 .cvitae-container {
    height: 100vh;
}

.intro-13 .sliderStyle13 .slider-content .text-container {
    color: #fff;
    font-weight: 700;
    padding: 50px;
    position: absolute;
    bottom: 250px;
    right: 50%;
    opacity: 0;
    -webkit-transform: translate(-20px, 50px);
    -moz-transform: translate(-20px, 50px);
    transform: translate(-20px, 50px);
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    z-index: 2;
}

.intro-13 .sliderStyle13.active .slider-content .text-container {
    opacity: 1;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}

.intro-13 .cvitae-skills .progress-bar-container .progress .progress-bar:before {
    background-color: #252525;
}

.intro-13 .sliderStyle13 .slider-content .text-container:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    border: 20px solid #ff7e00;
    left: 0;
    top: -100px;
    z-index: -1;
    -webkit-transition: transform 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s;
    transition: transform 1s ease-in 1s;
    opacity: .4;
}

.intro-13 .sliderStyle13.active .slider-content .text-container:after {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
}

.intro-13 .sliderStyle13 .slider-content a {
    position: absolute;
    left: 50%;
    z-index: 3;
    background-color: #ff7e00;
    color: #fff;
    bottom: 320px;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 700;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
}

.intro-13 .sliderStyle13.active .slider-content a {
    opacity: 1;
    -webkit-transform: translate3d(-60px, 0, 0);
    -moz-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
}

.intro-13 .sliderStyle13 .slider-content .text-container span {
    display: block;
}

.intro-13 .sliderStyle13 .slider-content .text-container .text-1 {
    font-size: 100px;
}

.intro-13 .sliderStyle13 .slider-content .text-container .text-2 {
    font-size: 110px;
}

.intro-13 .sliderStyle13 .slider-content .text-container .text-3 {
    font-size: 165px;
}

.intro-13 .sliderStyle13 .slider-content .image {
    position: absolute;
    -webkit-transition: opacity 1s ease-in 1s;
    -moz-transition: opacity 1s ease-in 1s;
    transition: opacity 1s ease-in 1s;
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.intro-13 .sliderStyle13.active .slider-content .image {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.intro-13 .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 rgba(70, 70, 70, .2) inset, 0 1px 0 0 rgba(70, 70, 70, .2) inset, 0 -1px 0 0 rgba(70, 70, 70, .2) inset;
}

.intro-13 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 #f2f2f2 inset, 0 1px 0 0 #f2f2f2 inset, 0 -1px 0 0 #f2f2f2 inset;
}

.intro-13 .cvitae-skills .progress-bar-container .progress .progress-bar .bar {
    background-color: #333;
}

.intro-13 .cvitae-section,
.intro-13 .cvitae-skills .progress-bar-container .progress {
    background-color: transparent;
}

.intro-13 .cvitae-education .content-right,
.intro-13 .cvitae-experience .content-right,
.intro-13 .cvitae-about-me .cvitae-section-content,
.intro-13 .cvitae-skills .cvitae-section-content,
.intro-13 .cvitae-education .cvitae-section-content,
.intro-13 .cvitae-portfolio .cvitae-section-content,
.intro-13 .cvitae-experience .cvitae-section-content,
.intro-13 .cvitae-blog .cvitae-section-content,
.intro-13 .cvitae-contact .cvitae-section-content {
    background-color: #161616;
}

.intro-13 .cvitae-education .content-left,
.intro-13 .cvitae-experience .content-left {
    background-color: #1e1e1e;
}

.intro-13 .cvitae-section .cvitae-section-content,
.intro-13 .cvitae-section .cvitae-section-content .content-right,
.intro-13 .cvitae-section .cvitae-section-content .content-left {
    border-color: #252525;
}

.intro-13 .cvitae-mobile-navigation .nav-header,
.intro-13 .cvitae-main-nav ul li.cvitae-home:before {
    background: #ff7e00;
}

.intro-13 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #ff7e00;
}

.intro-13 .cvitae-main-nav ul li.cvitae-home a {
    color: #000;
}

.intro-13 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-13 .cvitae-main-nav ul li {
    border-color: #181812;
}

.intro-13 .cvitae-main-nav ul li:after,
.intro-13 .cvitae-section-title:before {
    background: #ff7e00;
}

.intro-13 .cvitae-main-nav ul li a {
    color: #ff7e00;
}

.intro-13 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-13 .cvitae-section-title,
.intro-13 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-13 .cvitae-about-me .links a:hover span,
.intro-13 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-13 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-13 .cvitae-skills .hi-lights li:before,
.intro-13 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-13 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-13 .cvitae-testimonial .testimonial-container .item .designation,
.intro-13 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-13 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-13 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-13 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-13 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-13 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-13 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-13 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-13 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-13 .footer-content .links li a:hover,
.intro-13 .blog-single-header .page-title,
.intro-13 .site-content nav .nav-links a,
.intro-13 .site-content .nav-links .nav-previous:before,
.intro-13 .site-content .nav-links .nav-next:after {
    color: #ff7e00;
}

.intro-13 .site-content .post-info p span,
.intro-13 .entry-content blockquote:before,
.intro-13 .cvitae-blog .content-left .view-all,
.intro-13 .site-content .comment-respond .submit {
    background-color: #ff7e00;
}

.intro-13 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-13 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(255, 116, 0, .2);
}

.intro-13 .footer-content .copyright a {
    color: #bbb;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-13 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-13 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-13 .cvitae-education .content-right .collapsible,
.intro-13 .cvitae-education .content-right .collapsible .collapsible-header,
.intro-13 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-13 .cvitae-experience .content-right .collapsible,
.intro-13 .cvitae-experience .content-right .collapsible .collapsible-header {
    background-color: #1e1e1e;
    border-color: #252525;
}

.intro-13 .cvitae-education .content-right .collapsible .collapsible-header,
.intro-13 .cvitae-experience .content-right .collapsible .collapsible-header {
    color: #747474;
}

.intro-13 .cvitae-education .content-right .collapsible .collapsible-body,
.intro-13 .cvitae-experience .content-right .collapsible .collapsible-body {
    background-color: #272727;
    border-color: #252525;
}

.intro-13 .cvitae-about-me .info .field-value:after,
.intro-13 .cvitae-about-me .links a {
    background-color: #1e1e1e;
}

.intro-13 .cvitae-about-me .links a {
    box-shadow: 1px 0 0 0 #252525, 0 1px 0 0 #252525, 1px 1px 0 0 #252525, 1px 0 0 0 #252525 inset, 0 1px 0 0 #252525 inset;
}

.intro-13 .cvitae-about-me .links a:first-child {
    box-shadow: 1px 0 0 0 #252525 inset;
}

.intro-13 .cvitae-skills .hi-lights li {
    color: #c4c4c4;
    border-color: #252525;
}

.intro-13 .mi-slider nav {
    background-color: transparent;
}

.intro-13 .mi-slider nav {
    border-color: #252525;
}

.intro-13 .cvitae-portfolio .content-right .mi-slider nav a.mi-selected:before {
    border-top-color: #252525;
}

.intro-13 .mi-slider nav a.mi-selected:after {
    border-top-color: #161616;
}

.intro-13 .cvitae-blog .blog-container .post {
    background-color: #272727;
    border: none;
}

.intro-13 .cvitae-contact .content-right .form-submit button {
    background-color: #282828;
    border-color: #282828;
}

.intro-13 .cvitae-contact .content-right .form-submit button:after {
    color: #fff;
}

.intro-13 .cvitae-contact .content-right .form-input input,
.intro-13 .cvitae-contact .content-right .form-textarea textarea {
    border-color: #282828;
    color: #fff;
}

.intro-13 .footer-content {
    background-color: transparent;
}

.intro-13 .footer-content .copyright,
.intro-13 .footer-content .links li a {
    color: #ff7e00;
}

.intro-13 .footer-content .links li a span {
    background: rgba(0, 0, 0, .75);
}

.intro-13 .footer-content .links li a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 14
   * --------------------------------------
   */

.intro-14 .preloader .lines .line {
    background-color: #ff006c;
}

.intro-14 .preloader .loading-text {
    color: #ff006c;
}

.intro-14 {
    background-color: #000;
    background-image: url(../img/footer/intro-14/background.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.intro-14 .sliderStyle14 {
    height: 100vh;
    background-image: url(../img/slider/14-background.jpg);
    background-attachment: fixed;
    background-position: center center;
}

.intro-14 .sliderStyle14 .cvitae-container {
    position: relative;
    height: 100vh;
}

.intro-14 .cvitae-skills .progress-bar-container .progress .progress-bar:before {
    background-color: #252525;
}

.intro-14 .sliderStyle14 .slider-content .text-container {
    color: #fff;
    font-weight: 700;
    padding: 50px;
    position: absolute;
    bottom: 250px;
    right: 50%;
    opacity: 0;
    -webkit-transform: translate(-20px, 50px);
    -moz-transform: translate(-20px, 50px);
    transform: translate(-20px, 50px);
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    z-index: 2;
}

.intro-14 .sliderStyle14.active .slider-content .text-container {
    opacity: 1;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}

.intro-14 .sliderStyle14 .slider-content .text-container:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    border: 20px solid #ff006c;
    left: 0;
    top: -100px;
    z-index: -1;
    -webkit-transition: transform 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s;
    transition: transform 1s ease-in 1s;
    opacity: .4;
}

.intro-14 .sliderStyle14.active .slider-content .text-container:after {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
}

.intro-14 .sliderStyle14 .slider-content a {
    position: absolute;
    left: 50%;
    z-index: 3;
    background-color: #ff006c;
    color: #fff;
    bottom: 320px;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 700;
    letter-spacing: 2px;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
}

.intro-14 .sliderStyle14.active .slider-content a {
    opacity: 1;
    -webkit-transform: translate3d(-60px, 0, 0);
    -moz-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
}

.intro-14 .sliderStyle14 .slider-content .text-container span {
    display: block;
}

.intro-14 .sliderStyle14 .slider-content .text-container .text-1 {
    font-size: 100px;
}

.intro-14 .sliderStyle14 .slider-content .text-container .text-2 {
    font-size: 110px;
}

.intro-14 .sliderStyle14 .slider-content .text-container .text-3 {
    font-size: 165px;
}

.intro-14 .sliderStyle14 .slider-content .image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
    transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
}

.intro-14 .sliderStyle14.active .slider-content .image {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.intro-14 .cvitae-skills .progress-bar-container .progress .progress-bar .bar {
    background-color: #333;
}

.intro-14 .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 rgba(70, 70, 70, .2) inset, 0 1px 0 0 rgba(70, 70, 70, .2) inset, 0 -1px 0 0 rgba(70, 70, 70, .2) inset;
}

.intro-14 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li {
    border: none;
    box-shadow: 1px 0 0 0 #f2f2f2 inset, 0 1px 0 0 #f2f2f2 inset, 0 -1px 0 0 #f2f2f2 inset;
}

.intro-14 .cvitae-section,
.intro-14 .cvitae-skills .progress-bar-container .progress {
    background-color: transparent;
}

.intro-14 .cvitae-education .content-right,
.intro-14 .cvitae-experience .content-right,
.intro-14 .cvitae-about-me .cvitae-section-content,
.intro-14 .cvitae-skills .cvitae-section-content,
.intro-14 .cvitae-education .cvitae-section-content,
.intro-14 .cvitae-portfolio .cvitae-section-content,
.intro-14 .cvitae-experience .cvitae-section-content,
.intro-14 .cvitae-blog .cvitae-section-content,
.intro-14 .cvitae-contact .cvitae-section-content {
    background-color: #161616;
}

.intro-14 .cvitae-education .content-left,
.intro-14 .cvitae-experience .content-left {
    background-color: #1e1e1e;
}

.intro-14 .cvitae-section .cvitae-section-content,
.intro-14 .cvitae-section .cvitae-section-content .content-right,
.intro-14 .cvitae-section .cvitae-section-content .content-left {
    border-color: #252525;
}

.intro-14 .cvitae-mobile-navigation .nav-header,
.intro-14 .cvitae-main-nav ul li.cvitae-home:before {
    background: #ff006c;
}

.intro-14 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li a.active {
    color: #ff006c;
}

.intro-14 .cvitae-main-nav ul li.cvitae-home a {
    color: #000;
}

.intro-14 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a {
    opacity: 1;
}

.intro-14 .cvitae-main-nav ul li {
    border-color: #181812;
}

.intro-14 .cvitae-main-nav ul li:after,
.intro-14 .cvitae-section-title:before {
    background: #ff006c;
}

.intro-14 .cvitae-main-nav ul li a {
    color: #ff006c;
}

.intro-14 .cvitae-menu-wrapper.sticky .cvitae-main-nav ul li.cvitae-home a,
.intro-14 .cvitae-section-title,
.intro-14 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-14 .cvitae-about-me .links a:hover span,
.intro-14 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-14 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-14 .cvitae-skills .hi-lights li:before,
.intro-14 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-14 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-14 .cvitae-testimonial .testimonial-container .item .designation,
.intro-14 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-14 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-14 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-14 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-14 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-14 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-14 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-14 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-14 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-14 .footer-content .links li a:hover,
.intro-14 .blog-single-header .page-title,
.intro-14 .site-content nav .nav-links a,
.intro-14 .site-content .nav-links .nav-previous:before,
.intro-14 .site-content .nav-links .nav-next:after {
    color: #ff006c;
}

.intro-14 .site-content .post-info p span,
.intro-14 .entry-content blockquote:before,
.intro-14 .cvitae-blog .content-left .view-all,
.intro-14 .site-content .comment-respond .submit {
    background-color: #ff006c;
}

.intro-14 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-14 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(255, 0, 108, .2);
}

.intro-14 .footer-content .copyright a {
    color: #bbb;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-14 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-14 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-14 .cvitae-education .content-right .collapsible,
.intro-14 .cvitae-education .content-right .collapsible .collapsible-header,
.intro-14 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-14 .cvitae-experience .content-right .collapsible,
.intro-14 .cvitae-experience .content-right .collapsible .collapsible-header {
    background-color: #1e1e1e;
    border-color: #252525;
}

.intro-14 .cvitae-education .content-right .collapsible .collapsible-header,
.intro-14 .cvitae-experience .content-right .collapsible .collapsible-header {
    color: #747474;
}

.intro-14 .cvitae-education .content-right .collapsible .collapsible-body,
.intro-14 .cvitae-experience .content-right .collapsible .collapsible-body {
    background-color: #272727;
    border-color: #252525;
}

.intro-14 .cvitae-about-me .info .field-value:after,
.intro-14 .cvitae-about-me .links a {
    background-color: #1e1e1e;
}

.intro-14 .cvitae-about-me .links a {
    box-shadow: 1px 0 0 0 #252525, 0 1px 0 0 #252525, 1px 1px 0 0 #252525, 1px 0 0 0 #252525 inset, 0 1px 0 0 #252525 inset;
}

.intro-14 .cvitae-about-me .links a:first-child {
    box-shadow: 1px 0 0 0 #252525 inset;
}

.intro-14 .cvitae-skills .hi-lights li {
    color: #c4c4c4;
    border-color: #252525;
}

.intro-14 .mi-slider nav {
    background-color: transparent;
}

.intro-14 .mi-slider nav {
    border-color: #252525;
}

.intro-14 .cvitae-portfolio .content-right .mi-slider nav a.mi-selected:before {
    border-top-color: #252525;
}

.intro-14 .mi-slider nav a.mi-selected:after {
    border-top-color: #161616;
}

.intro-14 .cvitae-blog .blog-container .post {
    background-color: #272727;
    border: none;
}

.intro-14 .cvitae-contact .content-right .form-submit button {
    background-color: #282828;
    border-color: #282828;
}

.intro-14 .cvitae-contact .content-right .form-input input,
.intro-14 .cvitae-contact .content-right .form-textarea textarea {
    border-color: #282828;
    color: #fff;
}

.intro-14 .footer-content {
    background-color: transparent;
}

.intro-14 .footer-content .copyright,
.intro-14 .footer-content .links li a {
    color: #ff006c;
}

.intro-14 .footer-content .links li a span {
    background: rgba(0, 0, 0, .75);
}

.intro-14 .footer-content .links li a:hover {
    color: #fff;
}


/* 
   * --------------------------------------
   * Intro 15
   * --------------------------------------
   */

.intro-15 .preloader .lines .line {
    background-color: #373c55;
}

.intro-15 .preloader .loading-text {
    color: #373c55;
}

.intro-15 .slider .cvitae-container {
    position: relative;
    height: 100%;
}

.intro-15 .slider .cvitae-container .slider-content {
    text-align: left;
    letter-spacing: 3px;
    text-transform: uppercase;
    left: 20px;
    transform: translate( 0, -50%);
}

.intro-15 .slider .slider-content .shape {
    top: -100px;
    left: -50px;
    position: absolute;
    background-color: #e1e1e1;
    height: 370px;
    width: 370px;
    border-radius: 50%;
    transform: translateX(-100px);
    transform-origin: left bottom;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 3s, opacity 1s ease-in 3s;
    -moz-transition: transform 1s ease-in 3s, opacity 1s ease-in 3s;
    transition: transform 1s ease-in 3s, opacity 1s ease-in 3s;
    z-index: -1;
}

.intro-15 .slider.active .slider-content .shape {
    opacity: 1;
    transform: translateX(0);
}

.intro-15 .slider .slider-content .name {
    font-size: 70px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    line-height: .9;
    color: #000;
    width: 100px;
    margin-bottom: 10px;
    letter-spacing: 0;
    transform-origin: left bottom;
    transform: translateX(-100px);
    opacity: 0;
    -webkit-transition: transform 1s ease-in 3.5s, opacity 1s ease-in 3.5s;
    -moz-transition: transform 1s ease-in 3.5s, opacity 1s ease-in 3.5s;
    transition: transform 1s ease-in 3.5s, opacity 1s ease-in 3.5s;
}

.intro-15 .slider.active .slider-content .name {
    opacity: 1;
    transform: translateX(-5px);
}

.intro-15 .slider .slider-content .designation {
    font-size: 20px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    transform: translateX(-100px);
    transform-origin: left bottom;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 4s, opacity 1s ease-in 4s;
    -moz-transition: transform 1s ease-in 4s, opacity 1s ease-in 4s;
    transition: transform 1s ease-in 4s, opacity 1s ease-in 4s;
}

.intro-15 .slider.active .slider-content .designation {
    opacity: 1;
    transform: translateX(0);
}

.intro-15 .slider .slider-content .goto-bio {
    float: right;
    transform: translateX(-100px);
    transform-origin: left bottom;
    opacity: 0;
    -webkit-transition: transform 1s ease-in 4s, opacity 1s ease-in 4s;
    -moz-transition: transform 1s ease-in 4s, opacity 1s ease-in 4s;
    transition: transform 1s ease-in 4s, opacity 1s ease-in 4s;
}

.intro-15 .slider.active .slider-content .goto-bio {
    opacity: 1;
    transform: translateX(0);
}

.intro-15 .slider .main {
    position: absolute;
    bottom: 0;
    left: 120%;
    max-height: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: left 1s ease-in 2.5s;
    -moz-transition: left 1s ease-in 2.5s;
    transition: left 1s ease-in 2.5s;
}

.intro-15 .slider.active .main {
    left: 50%;
}

.intro-15 .slider .slider-overlay {
    background: #e1e1e1 url('../img/slider/15-background-icons.png') center center no-repeat;
}

.intro-15 .slider .slider-overlay:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e1e1e1;
    opacity: 1;
    z-index: -4;
    -webkit-transition: opacity 1s ease-in 1s;
    -moz-transition: opacity 1s ease-in 1s;
    transition: opacity 1s ease-in 1s;
}

.intro-15 .slider.active .slider-overlay:before {
    opacity: 0;
}

.intro-15 .slider .layer-1,
.intro-15 .slider .layer-2,
.intro-15 .slider .layer-3 {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    transform: skew(-25deg);
    background-color: #009688;
    z-index: -3;
    top: 0;
    right: 130%;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .2);
    -webkit-transition: right 1s ease-in 1s;
    -moz-transition: right 1s ease-in 1s;
    transition: right 1s ease-in 1s;
}

.intro-15 .slider .layer-2 {
    background-color: #5917aa;
    z-index: -2;
    transition-delay: 1.5s;
    -webkit-transform: translateX(-50px) skew(-25deg);
    -moz-transform: translateX(-50px) skew(-25deg);
    transform: translateX(-50px) skew(-25deg);
}

.intro-15 .slider .layer-3 {
    background-color: #fff;
    z-index: -1;
    transition-delay: 2s;
    -webkit-transform: translateX(-150px) skew(-25deg);
    -moz-transform: translateX(-150px) skew(-25deg);
    transform: translateX(-150px) skew(-25deg);
}

.intro-15 .slider.active .layer-1,
.intro-15 .slider.active .layer-2,
.intro-15 .slider.active .layer-3 {
    right: 30%;
}

.intro-15 .slider .slider-overlay:after {
    display: none;
}

.intro-15 .cvitae-mobile-navigation.left-nav .nav-header .mobile-site-menu {
    background-color: #5917aa;
    border-color: #5917aa;
}

.intro-15 .cvitae-section-title,
.intro-15 .cvitae-about-me .links a:hover span,
.intro-15 .cvitae-education .content-right .collapsible .collapsible-header:before,
.intro-15 .cvitae-skills .progress-bar-container .progress .progress-bar .text,
.intro-15 .cvitae-skills .hi-lights li:before,
.intro-15 .cvitae-portfolio-popup .portfolio-content .project-popup-close,
.intro-15 .cvitae-portfolio-popup .portfolio-content .project-title a,
.intro-15 .cvitae-education .content-right .collapsible .collapsible-header:hover,
.intro-15 .cvitae-experience .content-right .collapsible .collapsible-header:before,
.intro-15 .cvitae-experience .content-right .collapsible .collapsible-header:hover,
.intro-15 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-15 .cvitae-achievement .achievement-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-15 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-15 .cvitae-testimonial .testimonial-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-15 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-prev:hover:before,
.intro-15 .cvitae-clients .clients-container .owl-controls .owl-nav .owl-next:hover:before,
.intro-15 .footer-content .links li a:hover,
.intro-15 .site-content nav .nav-links a,
.intro-15 .site-content .nav-links .nav-previous:before,
.intro-15 .site-content .nav-links .nav-next:after {
    color: #373c55;
}

.intro-15 .cvitae-main-nav ul li:after,
.intro-15 .cvitae-section-title:before {
    background: #373c55;
}

.intro-15 .blog-single-header .page-title {
    color: #fff;
}

.intro-15 .cvitae-achievement .cvitae-section-title,
.intro-15 .cvitae-achievement .achievement-container .item .achievement-date,
.intro-15 .cvitae-testimonial .cvitae-section-title,
.intro-15 .cvitae-testimonial .testimonial-container .item .designation,
.intro-15 .cvitae-clients .cvitae-section-title {
    color: #fff;
}

.intro-15 .cvitae-achievement .cvitae-section-title:before,
.intro-15 .cvitae-testimonial .cvitae-section-title:before,
.intro-15 .cvitae-clients .cvitae-section-title:before {
    background-color: #fff;
}

.intro-15 .site-content .post-info p span,
.intro-15 .entry-content blockquote:before,
.intro-15 .cvitae-blog .content-left .view-all,
.intro-15 .site-content .comment-respond .submit {
    background-color: #373c55;
}

.intro-15 .cvitae-blog .content-left .view-all:hover {
    background-color: #000;
}

.intro-15 .waves-effect.waves-cvitae .waves-ripple {
    background-color: rgba(55, 60, 85, .2);
}

.intro-15 .footer-content .copyright a {
    color: #373c55;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}

.intro-15 .footer-content .copyright a:hover {
    color: #fff;
}

.intro-15 .widget-area .widget_search .search-form:hover:after {
    color: #373c55;
}


/************************************
   * Animations
   ************************************/

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes drop {
    0% {
        top: 5px;
        opacity: 0;
    }
    30% {
        top: 10px;
        opacity: 1;
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}

@-moz-keyframes drop {
    0% {
        top: 5px;
        opacity: 0;
    }
    30% {
        top: 10px;
        opacity: 1;
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}

@keyframes drop {
    0% {
        top: 5px;
        opacity: 0;
    }
    30% {
        top: 10px;
        opacity: 1;
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 80px, 20px, 0);
    }
    50% {
        clip: rect(0, 80px, 20px, 0);
    }
    80% {
        clip: rect(0, 80px, 20px, 80px);
    }
    100% {
        clip: rect(0, 80px, 20px, 80px);
    }
}

@-moz-keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 80px, 20px, 0);
    }
    50% {
        clip: rect(0, 80px, 20px, 0);
    }
    80% {
        clip: rect(0, 80px, 20px, 80px);
    }
    100% {
        clip: rect(0, 80px, 20px, 80px);
    }
}

@keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 80px, 20px, 0);
    }
    50% {
        clip: rect(0, 80px, 20px, 0);
    }
    80% {
        clip: rect(0, 80px, 20px, 80px);
    }
    100% {
        clip: rect(0, 80px, 20px, 80px);
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* 
   * --------------------------------------
   * Others
   * --------------------------------------
   */

.preloader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 1011;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 60px;
    margin: -30px 0 0 -40px;
}

.preloader .lines {
    width: 80px;
    height: 40px;
    position: absolute;
}

.preloader .lines .line {
    width: 80px;
    height: 10px;
    background-color: #000;
    position: absolute;
    clip: rect(0, 0, 20px, 0);
}

.preloader .lines .line.line-1 {
    top: 0;
    -webkit-animation: slide 2s ease 0s infinite;
    -moz-animation: slide 2s ease 0s infinite;
    animation: slide 2s ease 0s infinite;
}

.preloader .lines .line.line-2 {
    top: 15px;
    -webkit-animation: slide 2s ease 0.25s infinite;
    -moz-animation: slide 2s ease 0.25s infinite;
    animation: slide 2s ease 0.25s infinite;
}

.preloader .lines .line.line-3 {
    top: 30px;
    -webkit-animation: slide 2s ease 0.5s infinite;
    -moz-animation: slide 2s ease 0.5s infinite;
    animation: slide 2s ease 0.5s infinite;
}

.preloader .loading-text {
    position: absolute;
    top: 50px;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 13px;
    font-family: sans-serif;
    letter-spacing: 3px;
    line-height: 10px;
    height: 10px;
    -webkit-animation: fade 1s ease 0s infinite;
    -moz-animation: fade 1s ease 0s infinite;
    animation: fade 1s ease 0s infinite;
}


/* 
   * --------------------------------------
   * Responsive
   * --------------------------------------
   */

@media (max-width: 1366px) {
    .intro-3 .sliderStyle3,
    .intro-4 .sliderStyle4,
    .intro-6 .sliderStyle6,
    .intro-8 .slider.sliderStyle8 {
        height: 520px;
    }
    .intro-13 .sliderStyle13 .slider-content .text-container {
        bottom: 180px;
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate(-20px, 0) scale(.7);
        -moz-transform: translate(-20px, 0) scale(.7);
        transform: translate(-20px, 0) scale(.7);
    }
    .intro-13 .sliderStyle13.active .slider-content .text-container {
        -webkit-transform: translate(-20px, 50px) scale(.7);
        -moz-transform: translate(-20px, 50px) scale(.7);
        transform: translate(-20px, 50px) scale(.7);
    }
    .intro-13 .sliderStyle13 .slider-content .image {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: translateY(50px) scale(.7);
        -moz-transform: translateY(50px) scale(.7);
        transform: translateY(50px) scale(.7);
    }
    .intro-13 .sliderStyle13 .slider-content a {
        bottom: 180px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .intro-13 .sliderStyle13.active .slider-content a {
        -webkit-transform: translate3d(-50px, 0, 0);
        -moz-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    .intro-13 .sliderStyle13.active .slider-content .image {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
    }
    .intro-14 .sliderStyle14 .slider-content .text-container {
        bottom: 180px;
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate(-20px, 0) scale(.7);
        -moz-transform: translate(-20px, 0) scale(.7);
        transform: translate(-20px, 0) scale(.7);
    }
    .intro-14 .sliderStyle14.active .slider-content .text-container {
        -webkit-transform: translate(-20px, 50px) scale(.7);
        -moz-transform: translate(-20px, 50px) scale(.7);
        transform: translate(-20px, 50px) scale(.7);
    }
    .intro-14 .sliderStyle14 .slider-content .image {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateY(50px) scale(.7);
        -moz-transform: translateY(50px) scale(.7);
        transform: translateY(50px) scale(.7);
    }
    .intro-14 .sliderStyle14 .slider-content a {
        bottom: 180px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .intro-14 .sliderStyle14.active .slider-content a {
        -webkit-transform: translate3d(-50px, 0, 0);
        -moz-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    .intro-14 .sliderStyle14.active .slider-content .image {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
    }
}

@media (min-width: 992px) {
    .cvitae-menu-wrapper {
        display: block;
    }
}

@media (max-width: 991px) {
    .cvitae-menu-wrapper {
        display: none !important;
    }
    .cvitae-mobile-navigation {
        display: block;
    }
    .cvitae-mobile-navigation nav {
        overflow-y: scroll;
    }
    .cvitae-section-content {
        display: block;
        width: 100%;
    }
    .cvitae-section-content .content-right,
    .cvitae-section-content .content-left {
        display: block;
    }
    .cvitae-section-content .content-left {
        width: 100%;
    }
    .cvitae-section-content .content-right {
        width: 100%;
    }
    .cvitae-about-me .content-left {
        border: 0;
        padding: 50px;
    }
    .cvitae-about-me .content-left .pic {
        margin: 0;
    }
    .cvitae-about-me .content-left .pic img {
        margin-bottom: 30px;
    }
    .cvitae-about-me .links {
        display: table;
        width: 100%;
    }
    .cvitae-about-me .links a {
        box-shadow: 0 1px 0 0 #f2f2f2, -1px 0 0 0 #f2f2f2 inset;
        display: table-cell;
        width: 50px;
    }
    .cvitae-about-me .links a:first-child {
        box-shadow: 1px 0 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2, 1px 0 0 0 #f2f2f2 inset;
    }
    .cvitae-skills .content-right,
    .cvitae-blog .content-right {
        border-top: 1px solid #f2f2f2;
    }
    .slider .slider-overlay .slider-content .second-line {
        font-size: 25px;
    }
    .site-content .nav-links {
        display: block;
    }
    .site-content .nav-links .nav-previous,
    .site-content .nav-links .nav-next {
        display: block;
        margin-bottom: 30px;
        width: 100%;
        padding: 0;
    }
    .site-content .nav-links .nav-previous:before {
        display: none;
    }
    .site-content .nav-links .nav-next:after {
        display: none;
    }
    .site-content nav .nav-links a {
        font-size: 20px;
        white-space: normal;
        padding: 0;
    }
    .intro-1 .slider .image-left {
        width: 100%;
    }
    .intro-1 .slider .slider-content {
        text-align: center;
        top: auto;
        bottom: 0;
        transform: translate( -50%, 0);
        background-color: rgba(255, 255, 255, .9);
        padding: 30px 50px;
    }
    .intro-13 .sliderStyle13 .slider-content .text-container {
        bottom: 50%;
        right: 50%;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translate(50%, 45%) scale(.7);
        -moz-transform: translate(50%, 45%) scale(.7);
        transform: translate(50%, 45%) scale(.7);
    }
    .intro-13 .sliderStyle13.active .slider-content .text-container {
        -webkit-transform: translate(50%, 50%) scale(.7);
        -moz-transform: translate(50%, 50%) scale(.7);
        transform: translate(50%, 50%) scale(.7);
    }
    .intro-13 .sliderStyle13 .slider-content .image {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: translateY(50px) scale(.8);
        -moz-transform: translateY(50px) scale(.8);
        transform: translateY(50px) scale(.8);
    }
    .intro-13 .sliderStyle13 .slider-content a {
        bottom: 60px;
        left: 50%;
        -webkit-transform: translate3d(-50%, 50px, 0);
        -moz-transform: translate3d(-50%, 50px, 0);
        transform: translate3d(-50%, 50px, 0);
    }
    .intro-13 .sliderStyle13.active .slider-content a {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    .intro-13 .sliderStyle13.active .slider-content .image {
        -webkit-transform: translateY(0) scale(.8);
        -moz-transform: translateY(0) scale(.8);
        transform: translateY(0) scale(.8);
    }
    .intro-14 .sliderStyle14 .slider-content .text-container {
        bottom: 50%;
        right: 50%;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translate(50%, 45%) scale(.7);
        -moz-transform: translate(50%, 45%) scale(.7);
        transform: translate(50%, 45%) scale(.7);
    }
    .intro-14 .sliderStyle14.active .slider-content .text-container {
        -webkit-transform: translate(50%, 50%) scale(.7);
        -moz-transform: translate(50%, 50%) scale(.7);
        transform: translate(50%, 50%) scale(.7);
    }
    .intro-14 .sliderStyle14 .slider-content .image {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateY(50px) scale(.8);
        -moz-transform: translateY(50px) scale(.8);
        transform: translateY(50px) scale(.8);
    }
    .intro-14 .sliderStyle14 .slider-content a {
        bottom: 60px;
        left: 50%;
        -webkit-transform: translate3d(-50%, 50px, 0);
        -moz-transform: translate3d(-50%, 50px, 0);
        transform: translate3d(-50%, 50px, 0);
    }
    .intro-14 .sliderStyle14.active .slider-content a {
        -webkit-transform: translate3d(-50%, 0, 0) scale(.8);
        -moz-transform: translate3d(-50%, 0, 0) scale(.8);
        transform: translate3d(-50%, 0, 0) scale(.8);
    }
    .intro-14 .sliderStyle14 .slider-content .image {
        -webkit-transform: translateX(50px) scale(.6);
        -moz-transform: translateX(50px) scale(.6);
        transform: translateX(50px) scale(.6);
    }
    .intro-14 .sliderStyle14.active .slider-content .image {
        -webkit-transform: translateX(0) scale(.6);
        -moz-transform: translateX(0) scale(.6);
        transform: translateX(0) scale(.6);
    }
}

@media (max-width: 767px) {
    .intro-2 .slider .slider-overlay {
        background: #c0cedf;
    }
    .intro-3 .sliderStyle3 .slider-content .name {
        font-size: 30px;
        bottom: 50px;
        left: 0;
        text-align: center;
        width: 100%;
        text-shadow: 0 0 10px rgba(0, 0, 0, .5);
        -webkit-transition: bottom 1s ease-in 1.66s, opacity 1s ease-in 1.66s;
        -moz-transition: bottom 1s ease-in 1.66s, opacity 1s ease-in 1.66s;
        transition: bottom 1s ease-in 1.66s, opacity 1s ease-in 1.66s;
    }
    .intro-3 .sliderStyle3.active .slider-content .name {
        opacity: 1;
        bottom: 100px;
    }
    .intro-3 .sliderStyle3 .slider-content .name br {
        display: none;
    }
    .intro-3 .sliderStyle3 .slider-content .designation {
        bottom: 0;
        font-size: 20px;
        right: 0;
        text-align: center;
        text-shadow: 0 0 10px rgba(0, 0, 0, .5);
        -webkit-transition: bottom 1s ease-in 2s, opacity 1s ease-in 2s;
        -moz-transition: bottom 1s ease-in 2s, opacity 1s ease-in 2s;
        transition: bottom 1s ease-in 2s, opacity 1s ease-in 2s;
        width: 100%;
    }
    .intro-3 .sliderStyle3.active .slider-content .designation {
        opacity: 1;
        bottom: 50px;
    }
    .intro-3 .sliderStyle3 .slider-content .designation br {
        display: none;
    }
    .intro-4 .sliderStyle4 .slider-content .box {
        border-radius: 5px;
        bottom: 0;
        left: 5%;
        padding: 20px;
        text-align: center;
        top: auto;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
        -moz-transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
        transition: transform 1s ease-in 2s, opacity 1s ease-in 2s;
        width: 90%;
    }
    .intro-4 .sliderStyle4.active .slider-content .box {
        opacity: 1;
        -webkit-transform: translate(0, -50px);
        -moz-transform: translate(0, -50px);
        transform: translate(0, -50px);
    }
    .intro-4 .sliderStyle4 .slider-content .name {
        font-size: 25px;
    }
    .intro-4 .sliderStyle4 .slider-content .designation {
        font-size: 18px;
    }
    .intro-4 .sliderStyle4 .slider-content .image {
        -webkit-transform: translate(-50%, -200px) scale(.8);
        -moz-transform: translate(-50%, -200px) scale(.8);
        transform: translate(-50%, -200px) scale(.8);
    }
    .intro-4 .sliderStyle4.active .slider-content .image {
        -webkit-transform: translate(-50%, -60%) scale(.8);
        -moz-transform: translate(-50%, -60%) scale(.8);
        transform: translate(-50%, -60%) scale(.8);
    }
    .intro-4 .sliderStyle4 .slider-content .shadow {
        display: none;
    }
    .intro-5 .sliderStyle5 .slider-content .box-container {
        top: auto;
        bottom: 50px;
        left: 5%;
        text-align: center;
        z-index: 3;
        width: 90%;
        -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
        -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
        transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    .intro-5 .sliderStyle5.active .slider-content .box-container {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    .intro-5 .sliderStyle5 .slider-content .name {
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #000;
    }
    .intro-5 .sliderStyle5 .slider-content .designation {
        font-size: 18px;
        padding-bottom: 0;
        margin-bottom: 10px;
    }
    .intro-5 .sliderStyle5 .slider-content .designation:after {
        display: none;
    }
    .intro-5 .sliderStyle5 .slider-content .image {
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 120px;
        -webkit-transform: translate(-45%, 20px);
        -moz-transform: translate(-45%, 20px);
        transform: translate(-45%, 20px);
        -webkit-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
        -moz-transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
        transition: transform 1s ease-in 1s, opacity 1s ease-in 1s;
        z-index: 2;
    }
    .intro-5 .sliderStyle5.active .slider-content .image {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .intro-5 .sliderStyle5 .slider-content .box1 {
        height: 316px;
        left: 50%;
        position: absolute;
        top: 120px;
        -webkit-transform: translate(-133px, 0);
        -moz-transform: translate(-133px, 0);
        transform: translate(-133px, 0);
        width: 266px;
    }
    .intro-5 .sliderStyle5.active .slider-content .box1 {
        -webkit-transform: translate(-123px, -10px);
        -moz-transform: translate(-123px, -10px);
        transform: translate(-123px, -10px);
    }
    .intro-5 .sliderStyle5 .slider-content .box2,
    .intro-5 .sliderStyle5 .slider-content .box3 {
        display: none;
    }
    .intro-6 .sliderStyle6 .slider-content .box-container {
        bottom: 20px;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: auto;
    }
    .intro-6 .sliderStyle6 .slider-content .name {
        font-size: 25px;
    }
    .intro-6 .sliderStyle6.active .slider-content .name {
        opacity: 1;
    }
    .intro-6 .sliderStyle6 .slider-content .designation {
        font-size: 18px;
    }
    .intro-6 .sliderStyle6 .slider-content a {
        display: inline-block;
        padding: 20px;
    }
    .intro-6 .sliderStyle6 .slider-content a:before {
        bottom: 25px;
    }
    .intro-6 .sliderStyle6.active .slider-content a:before {
        display: none;
    }
    .intro-6 .sliderStyle6 .slider-content .image {
        bottom: -100%;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: bottom 1s ease-in 2s;
        -moz-transition: bottom 1s ease-in 2s;
        transition: bottom 1s ease-in 2s;
        z-index: -1;
    }
    .intro-6 .sliderStyle6.active .slider-content .image {
        bottom: 0px;
    }
    .intro-7 .sliderStyle7 .slider-content .box-container {
        bottom: 30px;
        overflow: hidden;
        text-align: center;
        width: 100%;
    }
    .intro-7 .sliderStyle7 .slider-content .name {
        font-size: 25px;
    }
    .intro-7 .sliderStyle7 .slider-content .designation {
        font-size: 18px;
    }
    .intro-7 .sliderStyle7 .slider-content .image {
        top: -80px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .intro-7 .sliderStyle7.active .slider-content .image {
        -webkit-transform: translate(-50%, 190px);
        -moz-transform: translate(-50%, 190px);
        transform: translate(-50%, 190px);
    }
    .intro-8 .slider.active .slider-content {
        width: 80%;
        left: 10%;
        text-align: center;
        bottom: 0;
        transform: translate(0, 50%);
    }
    .intro-8 .slider.sliderStyle8 {
        height: 100vh;
    }
    .intro-8 .slider .name {
        font-size: 25px;
        display: block;
        margin: 0 30px 10px;
    }
    .intro-8 .slider .designation {
        font-size: 16px;
    }
    .intro-9 .slider .slider-overlay .slider-content {
        position: absolute;
        background: rgba(70, 171, 129, .8);
        padding: 20px 30px;
        border-radius: 0;
        left: 50%;
        right: auto;
        text-align: center;
        top: 0;
        width: auto;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: top 1s ease-in-out 3s, opacity 1s ease-in-out 3s;
        -moz-transition: top 1s ease-in-out 3s, opacity 1s ease-in-out 3s;
        transition: top 1s ease-in-out 3s, opacity 1s ease-in-out 3s;
    }
    .intro-9 .slider.active .slider-overlay .slider-content {
        right: auto;
        top: 50%;
        opacity: 1;
    }
    .intro-9 .slider .name {
        font-size: 30px;
    }
    .intro-10 .slider.sliderStyle10 {
        height: 100vh;
    }
    .intro-10 .slider .slider-overlay .slider-content {
        padding: 30px 40px;
    }
    .intro-10 .slider .name {
        font-size: 25px;
    }
    .intro-10 .slider .designation {
        font-size: 16px;
    }
    .intro-11 .slider .slider-content {
        padding: 40px 50px;
    }
    .intro-11 .slider .slider-content .box1,
    .intro-11 .slider .slider-content .box2,
    .intro-11 .slider .slider-content .box3,
    .intro-11 .slider .slider-content .box4 {
        border: 5px solid #7734ff;
    }
    .intro-11 .slider .name {
        font-size: 35px;
    }
    .intro-11 .slider .designation {
        font-size: 20px;
    }
    .cvitae-about-me .info span {
        display: block;
        position: relative;
    }
    .cvitae-about-me .info .field-title {
        width: auto;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .cvitae-about-me .info .field-separator {
        display: none;
    }
    .cvitae-skills .progress-bar-container .progress .progress-title,
    .cvitae-skills .progress-bar-container .progress .progress-bar {
        display: block;
        width: 100%;
    }
    .cvitae-skills .progress-bar-container .progress:last-child .progress-title {
        height: 60px;
    }
    .cvitae-achievement .achievement-container,
    .cvitae-testimonial .testimonial-container,
    .cvitae-clients .clients-container {
        padding: 70px 50px;
    }
    .cvitae-achievement .achievement-container .owl-controls .owl-nav,
    .cvitae-testimonial .testimonial-container .owl-controls .owl-nav,
    .cvitae-clients .clients-container .owl-controls .owl-nav {
        display: none;
    }
    .cvitae-education .content-right,
    .cvitae-experience .content-right {
        padding: 0;
        display: block;
    }
    .cvitae-education .content-right .collapsible,
    .cvitae-experience .content-right .collapsible {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        margin: 0;
        border-left: 0;
        border-right: 0;
    }
    .cvitae-education .content-right .collapsible .collapsible-header,
    .cvitae-experience .content-right .collapsible .collapsible-header {
        line-height: 25px;
        padding: 20px 0;
        letter-spacing: 1px;
        padding-left: 50px;
        padding-right: 50px;
        position: relative;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        transition: color .3s;
        min-height: auto;
    }
    .cvitae-education .content-right .collapsible .collapsible-header:hover,
    .cvitae-experience .content-right .collapsible .collapsible-header:hover {
        color: #009688;
    }
    .cvitae-education .content-right .collapsible .collapsible-header:before,
    .cvitae-experience .content-right .collapsible .collapsible-header:before {
        display: none;
    }
    .cvitae-education .content-right .collapsible .collapsible-header .year,
    .cvitae-experience .content-right .collapsible .collapsible-header .year {
        color: #a1a1a1;
    }
    .cvitae-education .content-right .collapsible .collapsible-body,
    .cvitae-experience .content-right .collapsible .collapsible-body {
        background: #f5f5f5;
        padding: 15px;
    }
    .cvitae-blog .content-right {
        padding: 0;
    }
    .cvitae-blog .blog-container .post {
        border: 0;
        margin-bottom: 30px;
        padding-right: 0;
        overflow: hidden;
        height: auto;
    }
    .cvitae-blog .blog-container .post:last-child {
        margin-bottom: 30px;
    }
    .cvitae-blog .blog-container .post .thumb {
        float: none;
        display: block;
        clear: both;
        margin-right: 0;
        width: 100%;
    }
    .cvitae-blog .post .thumb img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom: 20px;
    }
    .cvitae-blog .blog-container .post h3 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 3;
        margin-left: 30px;
    }
    .cvitae-contact .content-right .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .cvitae-contact .content-right .row .s6 {
        width: 100%;
    }
    .cvitae-contact .content-right .form-textarea {
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
    .cvitae-contact .content-right .form-submit {
        display: block;
        padding: 0;
        height: 50px;
        width: 100% !important;
    }
    .cvitae-contact .content-right .form-submit button {
        font-size: 20px;
        padding: 10px;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }
    .cvitae-contact .content-right .form-submit button:after {
        display: none;
    }
    .site-content .post-info p {
        display: block;
        margin-bottom: 30px;
    }
    .site-content .post-info p:last-child {
        margin-bottom: 0;
    }
    .site-content .social-share p {
        margin-bottom: 20px;
        display: block;
    }
    .site-content .social-share ul {
        display: block;
    }
    .site-content .social-share ul li a {
        padding: 0 10px 0 0 !important;
        margin: 0;
    }
    .site-content .other-meta .cat-links,
    .site-content .other-meta .tags-links {
        display: block;
        margin-bottom: 30px;
    }
    .site-content .other-meta .cat-links a {
        text-transform: capitalize;
        padding: 0 5px;
    }
    .site-content .other-meta .tags-links a {
        text-transform: lowercase;
        padding: 0 5px;
    }
    .site-content .comment-respond .row .s6 {
        width: 100%;
    }
    .site-content .comment-respond {
        margin-bottom: 70px;
    }
    .blog-single-header {
        height: 500px
    }
}

@media (max-width: 500px) {
    .intro-13 .sliderStyle13 .slider-content .text-container {
        bottom: 50%;
        right: 50%;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translate(50%, 45%) scale(.5);
        -moz-transform: translate(50%, 45%) scale(.5);
        transform: translate(50%, 45%) scale(.5);
    }
    .intro-13 .sliderStyle13.active .slider-content .text-container {
        -webkit-transform: translate(50%, 50%) scale(.5);
        -moz-transform: translate(50%, 50%) scale(.5);
        transform: translate(50%, 50%) scale(.5);
    }
    .intro-14 .sliderStyle14 .slider-content .text-container {
        bottom: 50%;
        right: 50%;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translate(50%, 45%) scale(.5);
        -moz-transform: translate(50%, 45%) scale(.5);
        transform: translate(50%, 45%) scale(.5);
    }
    .intro-14 .sliderStyle14.active .slider-content .text-container {
        -webkit-transform: translate(50%, 50%) scale(.5);
        -moz-transform: translate(50%, 50%) scale(.5);
        transform: translate(50%, 50%) scale(.5);
    }
    .intro-14 .sliderStyle14 .slider-content .image {
        -webkit-transform: translateX(50px) scale(.5);
        -moz-transform: translateX(50px) scale(.5);
        transform: translateX(50px) scale(.5);
    }
    .intro-14 .sliderStyle14.active .slider-content .image {
        -webkit-transform: translateX(0) scale(.5);
        -moz-transform: translateX(0) scale(.5);
        transform: translateX(0) scale(.5);
    }
    .cvitae-mobile-navigation {
        height: 61px;
    }
    .cvitae-mobile-navigation .nav-header {
        height: 60px;
    }
    .cvitae-mobile-navigation.active .nav-header {
        left: 240px;
    }
    .cvitae-mobile-navigation .nav-header .mobile-site-menu {
        font-size: 25px;
        font-size: 30px;
        line-height: 58px;
        width: 58px;
    }
    .cvitae-mobile-navigation .nav-header .mobile-site-title {
        line-height: 60px;
    }
    .intro-15 .slider .cvitae-container .slider-content {
        z-index: 1;
    }
    .intro-15 .slider .slider-content .shape {
        display: none;
    }
    .intro-15 .slider .slider-content .name {
        font-size: 40px;
    }
    .intro-15 .slider .slider-content .designation {
        color: #000;
    }
    .intro-15 .slider .slider-content a.goto-bio {
        display: none;
    }
}