/*******************************************/
/* Theme Name: Kondor with a K             */
/* Theme URI: http://wwww.kondorwithak.com */
/* Author: Kondor with a K                 */
/* Author URI: http://www.kondorwithak.com */
/* Description: For Kondor with a K        */
/* Version: 1.0                            */
/*******************************************/

/**********************/
/* Custom Stylesheet  */
/**********************/
/* - Reset            */
/* - Formatting       */
/* - Header           */
/* - Slider           */
/* - Banner           */
/* - Content          */
/* - Sidebar          */
/* - Footer           */
/* - FontAwesome      */
/* - Link Transitions */
/* - Responsive       */
/**********************/

/*********/
/* Prism */
/*********/
code[class*="language-"],
pre[class*="language-"] {color: #f8f8f2; background: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family:monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}
pre[class*="language-"] {padding: 30px 15px 15px; margin: 0 auto 15px; overflow: auto; border-radius: 0.3em; max-width: 700px; width: 100%;}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {background: #272822;}
:not(pre) > code[class*="language-"] {padding: .1em; border-radius: .3em; white-space: normal;}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {color: slategray;}
.token.punctuation {color: #f8f8f2;}
.namespace {opacity: .7;}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {color: #f92672;}
.token.boolean,
.token.number {color: #ae81ff;}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {color: #a6e22e;}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {color: #f8f8f2;}
.token.atrule,
.token.attr-value,
.token.function {color: #e6db74;}
.token.keyword {color: #66d9ef;}
.token.regex,
.token.important {color: #fd971f;}
.token.important,
.token.bold {font-weight: bold;}
.token.italic {font-style: italic;}
.token.entity {cursor: help;}
pre.code-toolbar {position: relative;}
pre.code-toolbar > .toolbar {position: absolute; top: .3em; left: 15px; transition: opacity 0.3s ease-in-out; opacity: 1;}
/* pre.code-toolbar:hover > .toolbar {opacity: 1;} */
pre.code-toolbar > .toolbar .toolbar-item {display: inline-block;}
pre.code-toolbar > .toolbar a {cursor: pointer;}
pre.code-toolbar > .toolbar button {background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
pre.code-toolbar > .toolbar a,
pre.code-toolbar > .toolbar button,
pre.code-toolbar > .toolbar span {color: #bbb; font-size: 14px; padding: 0 .5em; background: #f5f2f0; background: rgba(224, 224, 224, 0.2); box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); border-radius: .5em; margin-right: 5px;}
pre.code-toolbar > .toolbar a:hover,
pre.code-toolbar > .toolbar a:focus,
pre.code-toolbar > .toolbar button:hover,
pre.code-toolbar > .toolbar button:focus,
pre.code-toolbar > .toolbar span:hover,
pre.code-toolbar > .toolbar span:focus {color: inherit; text-decoration: none;}

/*********/
/* Reset */
/*********/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}script{display:none!important}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;color:#000;margin:0 30px 20px}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;height:0;display:block;margin:0!important;line-height:0!important}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}.entry-content img,.comment-content img,.widget img{max-width:100%}img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]{height:auto}img.size-full,img.size-large,img.header-image,img.wp-post-image{max-width:100%;height:auto}embed,iframe,object,video{max-width:100%}img.alignleft{float:left;margin:10px 10px 10px 0}img.alignright{float:right;margin:10px 0 10px 10px}img.aligncenter{display:block;margin-left:auto;margin-right:auto}

/**************/
/* Formatting */
/**************/
/* Body */
body {font-family: 'Hind', sans-serif; font-size: 17px; color: #333333; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; display: block !important;}
.hide-site {display: none !important;}
.clear {clear: both; height: 0; margin: 0; padding: 0;}

/* Forms */
input, 
select,
textarea {border: 1px solid #e6e6e6; background: #fff; width: 100%; padding: 11px 15px; outline: none !important; font-size: 17px; line-height: 17px; font-weight: 300; color: #777; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s;}
input, 
button, 
select, 
textarea {font-family: 'Hind', sans-serif;}

/* Alignment */
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}
img.alignright {float: right; margin: 0 0 10px 10px;}
img.alignleft {float: left; margin: 0 10px 10px 0;}
img.aligncenter {display: block; margin: 0 auto 15px;}

/* Headlines */
h1, h2, h3, h4, h5, h6 {color: #333333; font-weight: 700; letter-spacing: -1px; margin: 0 0 15px 0; background: none; line-height: 1.6em; font-family: 'Poppins', sans-serif;}
h1 {font-size: 29px; line-height: 34px;}
h2 {font-size: 24px; line-height: 40px;}
h3 {font-size: 22px; line-height: 34px;}
h4 {font-size: 18px; line-height: 28px;}
h5 {font-size: 14px; line-height: 24px;}
h6 {font-size: 12px; line-height: 24px;}

/* Paragraphs */
p {position: relative; line-height: 1.6em; margin-bottom: 15px;}

/* Links */
a {text-decoration: none; cursor: pointer; color: #000000;}
a:hover,
a:focus {text-decoration: none; outline: none; color: #9aa8c4;}

/* Lists */
ol, 
ul {list-style: none; padding: 0; margin: 0;}

/* Buttons */
button:focus {outline: none;}
.contact-form button, 
.comment-form button,
.contact-form input[type="submit"] {font-size: 12px; text-transform: uppercase; font-weight: 700; color: #000000; display: inline-block; padding: 11px 20px; border: 1px solid #9aa8c4; background-color: #9aa8c4; border-radius: 3px; letter-spacing: 0.5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
a.button {background: #0069ff; border: 1px solid #0069ff; color: #ffffff; text-transform: uppercase; font-size: 17px; font-weight: bold; display: inline-block; padding: 11px 20px 8px; letter-spacing: 0.5px;}
a.button:hover {color: #0069ff !important; background: transparent;}
p a.button {padding: 8px 20px;}
.button-center {text-align: center;}

/* Containers */
.site-container {position: relative;}
body.admin-bar .site-container {margin-top: 32px;}
.container {width: 100% !important; max-width: 1170px;}
section {padding: 80px 0 90px; background-color: #ffffff;}

/* Animation */
.animated {opacity: 1 !important;}

/**********/
/* Header */
/**********/
.main-header {position: fixed; left: 0; right: 0; top: 0; z-index: 999; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; height: 100px;}
body.logged-in .main-header {top: 32px;}
.main-header.scroll-down {height: 80px; background-color: #000000;}
.main-header.search-open {height: 150px;}
.main-header.scroll-down.search-open {height: 130px;}

/* Search field */
.main-header .search-field {display: none; width: 100%; height: 50px; background-color: #0069ff;}
.main-header .search-field form {width: 100%;}
.main-header .search-field form fieldset {padding: 0; margin: 0; border: none;}
.main-header .search-field form input {color: #ffffff; font-size: 22px; background: transparent; border: none; padding: 0; margin: 0; margin: 0; box-shadow: none; height: 50px; line-height: 50px;}
.main-header .search-field form input::-webkit-input-placeholder {color: #ffffff;}
.main-header .search-field form input:-moz-placeholder {color: #ffffff; opacity: 1;}
.main-header .search-field form input::-moz-placeholder {color: #ffffff; opacity: 1;}
.main-header .search-field form input:-ms-input-placeholder {color: #ffffff;}
.main-header .search-field .search-button {float: right; width: 32px; height: 32px; display: block; line-height: 42px; text-align: center; padding: 2px 0 0;}
.main-header .search-field .search-button {height: 42px; width: 42px;}
.main-header .search-field .search-button i {color: #ffffff; font-size: 22px;}
.main-header .search-field .search-hide {display: block;}

/* Logo */
.main-header .logo {float: left; padding: 0; margin: 22px 0 0; -webkit-transition: margin 0.3s ease-in-out; -o-transition: margin 0.3s ease-in-out; transition: margin 0.3s ease-in-out;}
.main-header.scroll-down .logo {margin-top: 11px;}
.main-header .logo img {height: 56px; width: auto; max-width: 100%;}

/* Menu */
.main-header .header-menu {position: relative; left: 0px; top: 0px; width: 100%; background: #30344d; z-index: 5;}
.main-header .nav-outer {position: relative; padding-right: 200px;}
.navbar-default {float: right; background: transparent; border: none; margin: 0;}
.navbar-collapse {padding: 0;}
.navbar-nav {}
.navbar-nav > li {margin-right: 25px; padding: 0;}
.navbar-nav > li:last-child {margin-right: 0;}
.navbar-nav > li > a {color: #ffffff !important; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 40px 0; display: block;}
.main-header.scroll-down .navbar-nav > li > a {padding: 29px 0;}
.navbar-nav > li > a:hover {color: #0069ff !important;}
.navbar-nav > li > ul {display: none;}

/**********/
/* Slider */
/**********/
.carousel {overflow: hidden;}
.slick-buttons {position: static;}
.slick-next {right: 0;}
.top-slider .slick-prev {left: 0;}
.top-slider .slick-prev,
.top-slider .slick-next {top: 40%; background-color: #000000; width: 52px; height: 52px; line-height: 52px; border: 0; border-radius: 0 3px 3px 0; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;}
.slick-prev, 
.slick-next {position: absolute; width: 70px; height: 70px; background: transparent; margin: 0 !important; text-align: center; line-height: 70px; border: 1px solid #E2E6E7; top: 43%; font-size: 24px; z-index: 1; opacity: 0.4; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; color: transparent;}
.slick-prev:before,
.slick-next:before {font-size: 50px;}
.slick-prev:before {content: "\f104";}
.slick-next:before {content: "\f105";}
.slick-page {display: inline-block; padding: 6px 2px; position: relative;}
.slick-theme .slick-controls .slick-page span {width: 8px; height: 8px; display: block; position: relative; margin: 5px 3px; z-index: 1000 !important; background: rgba(0, 0, 0, .5); border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.slick-page:hover span {background: rgba(0, 0, 0, .5);}
.slick-page.active span {background: #038875 !important; border: 1px solid #038875 !important; -webkit-transform: scale(1.3333333); -moz-transform: scale(1.3333333); -o-transform: scale(1.3333333); -ms-transform: scale(1.3333333); transform: scale(1.3333333);}

/************/
/* Homepage */
/************/
body.home section h2 {text-align: center; margin-bottom: 50px; font-size: 32px;}
body.home section .button-center a.button {margin-top: 30px;}
body.home section h3 {font-weight: 400; margin-bottom: 5px;}
body.home section a:hover h3 {color: #0069ff;}
body.home section a.read {border: none; color: #0069ff; padding: 0; font-size: 18px; margin-bottom: 30px; display: inline-block;}
body.home section a.read:after {content:"\f105"; margin-left: 7px; font-size: 20px; top: 1px; position: relative;}
body.home section a.read:hover {background: none; border: none; color: #000000 !important;}

/* Top */
.home-section {position: relative; background-color: #000000;}
.home-section .screenshot-container {width: 110%; height: auto; max-height: 100vh; overflow: hidden; position: relative; left: -5%; background-color: #000000;}
body.admin-bar .home-section .screenshot-container {max-height: calc(100vh - 32px);}
.home-section .screenshot-container:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.81); z-index: 5;}
.home-section .screenshot-container .image-holder {width: 50%; float: left; border: 1px solid #adadad; position: relative;}
.home-section .screenshot-container .image-holder img {width: 100%; height: auto; max-width: 100%;}
.home-section .screenshot-container .image-holder img.first {position: relative;}
.home-section .screenshot-container .image-holder img.second {position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: none; z-index: 3;}

/* Slider */
.top-slider {position: absolute; top: 50%; left: 0; z-index: 10; transform: translateY(-50%); right: 0; width: 100%;}
.top-slider .slide-text {text-align: center;}
.top-slider .slide-text h2 {font-size: 40px; line-height: 50px; margin-bottom: 2px; color: #ffffff; font-weight: 900; letter-spacing: -2px;}
.top-slider .slide-text p {color: #ffffff; font-size: 25px; line-height: 32px; color: #ffffff;}
.top-slider .slide-text a.button:hover {border-color: #ffffff; color: #ffffff !important;}

/* Introduction section */
.intro-section {padding: 20px 0; background-color: #0069ff;}
.intro-section p {font-size: 24px; margin: 0; color: #ffffff; padding-top: 4px; float: left;}
.intro-section .button {float: right; border: 1px solid #ffffff; color: #ffffff;}
.intro-section .button:hover {background-color: #ffffff; color: #0069ff !important;}

/* About section */
.about-section {padding: 0;}
.about-section img {max-width: 100%;}
.about-section h2 {text-transform: uppercase; font-size: 34px; line-height: 44px; margin: 20px 0 30px;}
.about-section p {margin-bottom: 20px;}
.about-section a.button {border: none; color: #0069ff; padding: 0; font-size: 16px;}
.about-section a.button:after {content:"\f105"; margin-left: 7px; font-size: 20px; top: 1px; position: relative;}
.about-section a.button:hover {background: none; border: none; color: #9aa8c4 !important;}

/* Icons section */
.services-section .icon-box {width: 100%; padding: 40px 0; text-align: center; background-color: #ffffff; margin-bottom: 5px; border: 1px solid #0069ff;}
.services-section .icon-box .fa {font-size: 40px; color: #0069ff;}
.services-section h3 {font-weight: 400; text-align: center;}
.services-section a:hover .icon-box {background-color: #0069ff;}
.services-section a:hover .icon-box .fa {color: #ffffff;}
.services-section a:hover h3 {color: #0069ff;}
body.page-template-template-services .services-section .icon-box {margin-top: 30px;}

/* Image section */
.portfolio-section {background-color: #f4f5f6;}
body.page-template-template-portfolio .portfolio-section {padding: 50px 0 60px;}
.portfolio-section a + .launch-year {margin-top: 40px;}
.portfolio-section .launch-year {text-align: center; position: relative;}
.portfolio-section .launch-year:before {content: ""; display: block; border-top: 1px solid #0069ff; position: absolute; left: 0; right: 0; top: 21px; width: 70%; margin: 0 auto;}
.portfolio-section .launch-year h2 {font-size: 30px; line-height: 38px; display: inline-block; padding: 2px 10px; background-color: #f4f5f6; position: relative; z-index: 2; margin-bottom: 25px;}
.portfolio-section a.site-link {display: block;}
.portfolio-section .site-box {position: relative; height: 150px; margin-bottom: 30px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center top; border: 1px solid #333333; background-color: #000000;}
.portfolio-section a:hover .site-box {background-position: center bottom;}
.portfolio-section .site-box .site-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 2; display: block;}
.portfolio-section a:hover .site-box .site-overlay {background: rgba(10, 28, 97, 0.75);}
.portfolio-section .site-box h3 {text-align: center; line-height: 150px; z-index: 3; position: relative; color: #ffffff; text-transform: uppercase; font-size: 27px; font-weight: bold; margin: 0; letter-spacing: 0.5px;}
.portfolio-section a:hover .site-box h3 {color: #ffffff;}
body.home .portfolio-section .button-center a.button {margin-top: 0;}

/* News section */
.news-section .news-box {background-color: #eeeeee; border: 1px solid #333333;}
.news-section .news-box .image-box {overflow: hidden; background-color: #eeeeee;}
.news-section .news-box .image-box img {max-width: 200%; left: -50%; position: relative; border-bottom: 1px solid #333333; width: 200%; height: auto;}
.news-section .news-box h3 {line-height: 30px; padding: 10px 20px 15px; margin: 0; text-align: center;}
.news-section .news-box:hover .image-box img {opacity: 0.9;}
.news-section .news-box:hover {background-color: #0069ff;}
.news-section .news-box:hover h3 {color: #ffffff;}

/***********/
/* Content */
/***********/
/* Top banner */
.page-heading {height: 180px; position: relative; overflow: hidden; background-image: url('images/_default.jpg'); -webkit-animation:10s scroll infinite linear; -moz-animation:10s scroll infinite linear; -o-animation:10s scroll infinite linear; -ms-animation:10s scroll infinite linear; animation:100s scroll infinite linear; background-size: cover;}
.page-heading:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
@-webkit-keyframes scroll {100%{background-position:0px -3000px;}}
@-moz-keyframes scroll {100%{background-position:0px -3000px;}}
@-o-keyframes scroll {100%{background-position:0px -3000px;}}
@-ms-keyframes scroll {100%{background-position:0px -3000px;}}
@keyframes scroll {100%{background-position:0px -3000px;}}

/* Content area */
body.page-template-template-about .content-section {padding-bottom: 0;}
.content-area.center-area {margin-bottom: 40px;}
.content-area h1 {margin: 0;}
.content-area.center-area h1 {text-align: center;}
.content-area.center-area img {margin: 50px auto; display: block;}
.content-area.center-area p.details {text-align: center; margin: 25px 0; border-top: 1px solid #eeeeee; padding-top: 25px;}
.content-area.center-area p.details .fa {margin: 0 3px 0 20px;}
.content-area a:not(.button) {color: #0069ff; font-weight: bold;}
.content-area a:hover {color: #000000;}
.content-area ul {margin: 0 0 20px 40px;}
.content-area ul li {font-size: 17px; line-height: 1.6em; font-weight: normal; margin-bottom: 10px;}
.content-area ul li:before {content: "\f054"; margin-right: -8px; top: 1px; position: relative; font-size: 14px; color: #0069ff; left: -19px;}
.content-area img {max-width: 100%;}
.content-area img.aligncenter {border: 1px solid #ededed; max-width: 700px; height: auto; margin: 15px auto;}
.content-area img.featured-banner {width: 100%; height: auto; margin-top: -16px; border: 1px solid #ededed; margin-bottom: 15px;}
.content-area .icon-box {width: 100%; padding: 40px 0; text-align: center; background-color: #ffffff; margin-bottom: 20px; border: 1px solid #0069ff; background-size: cover; position: relative;}
.content-area .icon-box:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0.75);}
.content-area .icon-box .fa {font-size: 59px; color: #0069ff; position: relative;}

/* Portfolio */
.content-area .screenshot-holder {border: 2px solid #e7e7e7; padding: 30px; border-radius: 5px; background-color: #f7f6f6; margin: 50px auto; text-align: center;}
.content-area .screenshot-holder img {margin: 0; border: 2px solid #e7e7e7;}

/* Breadcrumbs */
.content-area p.breadcrumb {background: none; margin: 0 0 10px; padding: 0; font-size: 15px; border-radius: 0;}
.content-area.center-area p.breadcrumb {text-align: center;}
.content-area p.breadcrumb span {margin-left: 9px; color: #333333; margin-right: 6px;}
.content-area p.breadcrumb a {color: #0069ff;}
.content-area p.breadcrumb a:hover {color: #333333;}

/* Testimonials */
.content-area .test-area {border-top: 1px solid #eeeeee; padding-top: 30px; margin-top: 30px;}
.content-area .test-area p.quote {font-style: italic;}
.content-area .test-area p.author {text-align: right;}

/* Timeline */
.content-area h2.timeline-headline {margin-top: 50px;}
.content-area ul.cbp_tmtimeline {margin: 30px 0 0 0; padding: 0 0 80px; list-style: none; position: relative;}
.content-area ul.cbp_tmtimeline:before {content: ''; position: absolute; top: 0; bottom: 0; width: 6px; background: #afdcf8; left: 17%; margin-left: -8px;}
.content-area ul.cbp_tmtimeline > li {position: relative; margin-bottom: 30px;}
.content-area ul.cbp_tmtimeline > li:before {content: ""; margin: 0; display: none;}
.content-area ul.cbp_tmtimeline > li .cbp_tmtime {display: block; position: absolute; top: 12px;}
.content-area ul.cbp_tmtimeline > li .cbp_tmtime span {display: block; text-align: right;}
.content-area ul.cbp_tmtimeline > li .cbp_tmtime span:first-child {font-size: 0.9em; color: #bdd0db;}
.content-area ul.cbp_tmtimeline > li .cbp_tmtime span:last-child {font-size: 2.9em; color: #3594cb;}
.content-area ul.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {color: #6cbfee;}
.content-area ul.cbp_tmtimeline > li .cbp_tmlabel {margin: 0 0 15px 23%; padding: 12px 15px; font-size: 17px; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; border: 4px solid #3594cb;}
.content-area ul.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {border-color: #6cbfee;}
.content-area ul.cbp_tmtimeline > li .cbp_tmlabel h3 {margin: 0 0 5px; padding: 0; color: #3594cb; text-transform: uppercase;}
.content-area ul.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel h3 {color: #6cbfee;}
.content-area ul.cbp_tmtimeline > li .cbp_tmlabel:after {right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594cb; border-width: 10px; top: 10px;}
.content-area ul.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {border-right-color: #6cbfee;}
.content-area ul.cbp_tmtimeline > li .fa {width: 40px; height: 40px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #0069ff; border-radius: 50%; box-shadow: 0 0 0 4px #afdcf8; text-align: center; left: 17%; top: 0; margin: 4px 0 0 -25px;}
.content-area ul.cbp_tmtimeline > li p {margin: 0;}
.content-area ul.cbp_tmtimeline > li p a {color: #3594cb;}
.content-area ul.cbp_tmtimeline > li:nth-child(odd) p a {color: #6cbfee;}
.content-area ul.cbp_tmtimeline > li p a:hover {color: #000000;}

/* Content > CTA Block */
.ctablock-area {margin: 30px auto; bacgkround: none;}
.ctablock-area .cta-holder {padding: 20px 35px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 15px; display: flex; overflow: hidden; align-items: center;}
.ctablock-area .cta-holder:before {background: #046E9D; background: -webkit-linear-gradient(90deg, rgba(4, 110, 157, 1) 0%, rgba(32, 75, 137, 1) 65%, rgba(59, 40, 117, 1) 100%); background: -moz-linear-gradient(90deg, rgba(4, 110, 157, 1) 0%, rgba(32, 75, 137, 1) 65%, rgba(59, 40, 117, 1) 100%); background: linear-gradient(90deg, rgba(4, 110, 157, 1) 0%, rgba(32, 75, 137, 1) 65%, rgba(59, 40, 117, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#046E9D", endColorstr="#3B2875", GradientType=1); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.8; border-radius: 15px; display: block;}
.ctablock-area .text-area {position: relative; z-index: 2; padding-right: 20px;}
.ctablock-area .text-area h3 {color: #ffffff; margin: 0 0 10px; line-height: 1.2; font-size: 30px; font-weight: 500;}
.ctablock-area .text-area p {color: #ffffff; margin: 0 !important; line-height: 1.25; font-size: 22px; font-weight: 300; font-style: italic;}
.ctablock-area .text-area p a {color: #ffffff; font-weight: bold;}
.ctablock-area .text-area p a:hover {color: #026e9d;}

.ctablock-area .button-area {position: relative; z-index: 2;}
.ctablock-area .button-area a.button {border: 2px solid #ffffff; padding: 13px 15px 16px; width: 238px; font-size: 22px; background: none; color: #ffffff; text-align: center; text-transform: none; font-weight: 500;}
.ctablock-area .button-area a.button:hover {background-color: #ffffff; color: #026e9d !important;}

@media (max-width: 767px) {
	.ctablock-area .cta-holder {flex-direction: column;}
  	.ctablock-area .text-area {width: 100%; text-align: center; padding: 0;}
  	.ctablock-area .button-area {margin: 0 auto; text-align: center;}
  	.ctablock-area .button-area a.button {position: static; margin: 15px auto 0; transform: none;}
}

/* Blog */
.blog-section {}
.blog-section .news-box {margin-bottom: 50px; border-bottom: 1px solid #ededed; padding-bottom: 50px;}
body.single-post .blog-section .news-box {border: none; padding-bottom: 0; margin-bottom: 0;}
.blog-section .news-box h1.title {margin-bottom: 2px;}
.blog-section .news-box h2.title {margin-bottom: 2px; line-height: 32px;}
.blog-section .news-box a:hover h2 {color: #0069ff;}
.blog-section .news-box p {margin-bottom: 15px;}
.blog-section .news-box p cite {max-width: 700px; margin: -15px auto 15px; display: block; text-align: right;}
.blog-section .news-box p cite:before {content: "Language: ";}
.blog-section .news-box p.date-category {font-size: 14px; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #ededed; line-height: 30px; color: #4A4F55; padding-bottom: 7px;}
.blog-section .news-box p.date-category .fa {margin: 0 4px 0 13px;}
.blog-section .news-box p.date-category .fa:first-child {margin-left: 0;}
.blog-section .news-box a.button {color: #ffffff;}
.blog-section .news-box a.button:after {content:"\f105"; margin-left: 7px; font-size: 15px;}

/* Search results */
body.search-results .content-area h4 {text-transform: none; margin: 30px 0 5px;}
body.search-results .content-area a.more {display: inline-block; text-transform: uppercase; color: #222222; font-size: 13px; font-weight: 700;}
body.search-results .content-area a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
body.search-results .content-area a:hover h4,
body.search-results .content-area a.more:hover {color: #9aa8c4;}

/* Pagination */
.wp-pagenavi {margin: 20px 0 0; text-align: center;}
.wp-pagenavi a,
.wp-pagenavi .current {color: #000000; display: inline-block; padding: 8px 16px; text-decoration: none; font-weight: normal;}
.wp-pagenavi .current {background-color: #0069ff; color: #ffffff;}
.wp-pagenavi a:hover:not(.active) {background-color: #f2f2f2;}

/* Accordion */ 
.accordion {}
.accordion > dt {margin-bottom: 10px;}
.accordion > dt > a {display: block; position: relative;  text-decoration: none; padding: 14px 20px; border: 2px solid #e7e7e7; font-size: 18px; font-weight: bold;}
.accordion > dt > a:hover,
.accordion > dt > a.active {color: #ffffff; border-color: #0069ff; background-color: #0069ff;}
.accordion > dt > a:after {content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 18px; line-height: 18px; text-align: center; color: #000000; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {content: "\f106"; color: #ffffff;}
.accordion > dt > a:hover:after {color: #ffffff;}
.accordion > dd {margin: 0; padding: 15px 20px;}
.accordion > dd a.more {display: inline-block; text-transform: uppercase; color: #222222; font-size: 13px; font-weight: 700;}
.accordion > dd a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
.accordion > dd a.more:hover {color: #9aa8c4;}

/* Contact */
.contact-form {margin: 40px auto 0; max-width: 520px; border: 2px solid #e7e7e7; padding: 30px; border-radius: 5px; background-color: #f7f6f6;}
.contact-form form input[type="text"],
.contact-form form input[type="tel"],
.contact-form form input[type="email"],
.contact-form form textarea {border: 2px solid #e7e7e7; font-weight: normal; color: #000000;}
.contact-form form input[type="text"]:focus,
.contact-form form input[type="tel"]:focus,
.contact-form form input[type="email"]:focus,
.contact-form form textarea:focus {border-color: #0069ff;}
.contact-form form textarea {height: 110px;}
.contact-form form p {text-align: left; font-size: 14px; color: #7c7f82;}
.contact-form form p.description {margin-bottom: 4px;}
.contact-form form p input[type="checkbox"] {width: auto; margin-left: 5px;}
.contact-form form button {background-color: #0069ff; color: #ffffff; border: 0; box-shadow: none; font-weight: normal; padding: 12px 25px; text-transform: uppercase; margin-top: 5px;}
.contact-form form button:hover {background-color: #ffffff; color: #0069ff;}
.contact-form button.submit {font-weight: 700; border-radius: 3px; font-size: 16px; text-transform: uppercase; max-width: 300px; display: block; margin: 0 auto; color: #ffffff; padding: 14px 25px;}
.contact-form button.submit:hover {background: #000000; border-color: #000000; color: #ffffff !important;}

/***********/
/* Sidebar */
/***********/
.sidebar p.center {text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #ededed; font-size: 17px; line-height: 25px; color: #333333; padding-bottom: 7px;}
.sidebar p.center a {display: block;}

/* Menu */
.sidebar .vertical-menu ul {padding: 0; margin: 0 0 20px; list-style: none;}
.sidebar .vertical-menu ul li {display: block; margin: 0; border-bottom: 1px solid #fff; background: #f2f2f2;}
.sidebar .vertical-menu ul li a {font-size: 16px; display: inline-block; border-left: 3px solid transparent; color: #30344d; padding: 14px 0 14px 14px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100%; padding-right: 23px;}
.sidebar .vertical-menu ul li a i {float: right; font-size: 16px; color: #AAA;}
.sidebar .vertical-menu li.current_page_item a,
.sidebar .vertical-menu li:hover a {border-left-color: #0069ff; color: #0069ff !important; padding-left: 20px;}

/* Widgets */
.sidebar .widget {position: relative;}
.sidebar .widget + .widget {margin-top: 70px;}
.sidebar .widget img {max-width: 100%;}
.sidebar .widget.no-margin {margin-bottom: 0;}
.sidebar .widget-title {position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.sidebar .widget-title h4 {text-transform: uppercase; color: #000000; font-size: 17px; margin: 0;}
.sidebar .widget ul {margin: 0; padding: 0; list-style: none;}
.sidebar .widget ul li {list-style: none;}
.sidebar .widget a:not(.button) {text-decoration: none; color: #333333;}
.sidebar .widget a:not(.button):hover {color: #9aa8c4;}
.sidebar .widget .center-text h3 {text-align: center;}
.sidebar .widget .center-text a.button {width: 100%; padding: 12px 15px; background: #0069ff; border-color: #0069ff; color: #ffffff; margin: 0; text-align: center;}
.sidebar .widget .center-text a.button:hover {color: #0069ff !important; background: none;}

/* About */
.sidebar .widget.about-widget {padding: 15px 15px 3px; background-color: #f2f2f2;}
.sidebar .widget.about-widget img {border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto 20px; display: block; max-width: 200px;width: 100%; height: auto;}
.sidebar .widget.about-widget p .text-indent {margin-left: 15px; display: block;}
.sidebar .widget.about-widget p .text-indent em {color: #0069ff;}
.sidebar .widget.about-widget a {color: #0069ff;}

/* Search */
.search-form button {background: #ffffff; border: none; float: right; margin-top: -32px; margin-right: 15px; position: relative; z-index: 2;}

/* Post list */
.sidebar .post-list {overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;}
.sidebar .post-list img {max-width: 100%; float: left; margin-right: 15px;}
.sidebar .post-list h6 {margin-top: 4px; font-size: 13px;}
.sidebar .post-list span.date {color: #AAA; font-size: 13px; margin-top: 5px; display: block;}

/**********/
/* Footer */
/**********/
/* Free case evaluation */
.contact-now {background-color: #0069ff; padding: 30px 0 40px; text-align: center;}
.contact-now h4 {font-size: 26px; color: #ffffff; margin: 0 0 10px; line-height: 40px; font-weight: normal; letter-spacing: 0.5px;}
.contact-now a.button {border-color: #ffffff; color: #ffffff !important; background-color: #0069ff; margin: 0 5px;}
.contact-now a.button.white-button,
.contact-now a.button:hover {color: #0069ff !important; background-color: #ffffff;}
.contact-now a.button.white-button:hover {color: #ffffff !important; background-color: #0069ff;}

/* Top */
.footer {background-color: #333333; padding: 50px 0;}
.footer .footer-widget.spacer {padding-top: 33px;}
.footer .footer-widget img {margin-bottom: 10px;}
.footer .footer-widget p {color: #ffffff; font-size: 15px; line-height: 25px; margin: 0;}
.footer .footer-widget p strong {font-size: 17px; margin-bottom: 6px; display: inline-block;}
.footer .footer-widget p .copyright {color: #e7e7e7;}
.footer .footer-widget a {color: #e7e7e7;}
.footer .footer-widget a:hover {color: #0069ff;}
.footer .footer-widget.nav-links a {width: 50%; display: inline-block; float: left;}
.footer .footer-widget a:hover {color: #0069ff;}
.footer .footer-widget .fa {margin-right: 10px;}

/* Scroll to top */
.scrollToTop {position: fixed; display: none; cursor: pointer; padding: 8px 15px; border-radius: 2px; background: #929299; right: 30px; bottom: 30px; z-index: 999; text-align: center;}
.scrollToTop i {color: #ffffff; font-size: 15px;}
.scrollToTop:hover {background-color: #0069ff;}

/***************/
/* FontAwesome */
/***************/
.about-section a.button:after,
.content-area ul li:before,
section a.read:after,
.blog-section .news-box a.button:after,
.accordion > dd a.more:after,
.accordion > dt > a:after {font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;}

/********************/
/* Link Transitions */
/********************/
/* Background color, font color, border color */
a,
a:after,
a:before,
a span,
a h1,
a h2,
a h3,
a h4,
a p,
a img,
.services-section .icon-box,
.portfolio-section .site-box .site-overlay,
.news-section .news-box,
.news-section .news-box h3,
.footer .footer-widget a,
.footer .footer-btm .footer-widget a,
.scrollToTop {-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;}

/* Opacity */
.news-section .news-box .image-box img {-webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}

/* Scroll site in portfolio box */
.portfolio-section .site-box {-webkit-transition: all 2.5s ease-in-out; -o-transition: all 2.5s ease-in-out; transition: all 2.5s ease-in-out;}

/**************/
/* Responsive */
/**************/
@media (max-width: 1330px) {
	/* Content */
	.top-slider img {min-width: 1600px;}
}

@media (max-width: 1199px) {
	/* Content */
	.quote-intro h3 {font-size: 16px;}
}

@media (max-width: 1115px) {
	/* Content */
	.top-slider img {min-width: 1300px;}
}

@media (max-width: 1090px) {
	/* Header */
	.navbar-nav > li {margin-right: 15px;}
}

@media (max-width: 1024px) {
	/* Header */
	.navbar-nav > li.menu-item-32 {display: none;}
}

@media (max-width: 991px) {
	/* Header */
	.navbar-nav > li {margin-right: 10px;}
	.navbar-nav > li a {font-size: 13px;}
	.navbar-nav li.drop ul.dropdown li a {font-size: 13px;}
	.page-heading {text-align: center;}

	/* Content */
	.quote-intro h3 {margin-bottom: 8px; text-align: center;}
	.quote-intro .accent-btn {text-align: center;}
	.feature-icon-box p {font-size: 15px!important;}
	.feature-icon-box h4 {font-size: 16px!important;}
	.testimonial-content p {font-size: 17px;}
	.blog-section .blog-posts .pager {margin-bottom: 20px;}
	.contact-form {margin-bottom: 30px;}

	/* Footer */
	.footer-widget {margin-bottom: 30px;}
}

@media (max-width: 930px) {
	/* Content */
	.top-slider img {min-width: 1000px;}
}

@media (max-width: 870px) {
	/* Header */
	.main-header .search-box {margin-left: 19px;}
	.navbar-nav > li {margin-right: 19px;}
}

@media (max-width: 820px) {
	.intro-section p {font-size: 20px; padding-top: 9px;}
}

@media (max-width: 782px) {
	#wpadminbar {display: none;}
	body.logged-in .site-container {margin-top: 0;}
	body.logged-in .main-header {top: 0;}
}

@media (max-width: 767px) {
	body.home .main-header,
	.top-slider {opacity: 1 !important;}

	.site-container {padding-top: 80px;}

	/* Header */
	.main-header,
	.main-header.scroll-down {background-color: #000000; height: 80px;}
	.main-header .logo,
	.main-header.scroll-down .logo {z-index: 2; position: relative; margin-top: 11px;}
	.main-header .search-box {z-index: 2; position: relative;}
	.main-header .search-box .fa {font-size: 17px; margin-top: 40px; padding-top: 0;}
	.navbar-header {height: 80px;}
	.main-header .get-btn {display: none;}
	.main-header .nav-outer {padding-right: 0px; text-align: center;} 
	.menu-main-navigation-container {padding: 10px; background-color: rgba(0,0,0,0.8);}
	.navbar-collapse {border-top: none; margin: 0 -15px;} 
	.navbar-nav {margin: 0; padding: 0; text-align: center;}
	.navbar-default {float: none;}
	.navbar-default .navbar-toggle {margin: 26px 0 0; padding: 0; border-radius: none; float: right; border: none;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #9aa8c4;}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus {background: none;}
	.navbar-default .navbar-toggle:hover .icon-bar {background-color: #ffffff;}
	.navbar-nav > li {margin-right: 0; margin-bottom: 12px;}
	.navbar-nav > li > a,
	.main-header.scroll-down .navbar-nav > li > a {padding: 0; display: inline-block;}
	.navbar-nav > li.drop ul.dropdown {display: none;}
	.navbar-toggle .icon-bar {width: 26px; height: 4px; margin-bottom: 5px;}

	/* Content */
	.top-slider .slide-text h2 {font-size: 30px; line-height: 40px;}
	.top-slider .slide-text p {font-size: 20px; line-height: 27px;}
	.home-section .screenshot-container .image-holder img.second {display: none !important;}

	section {padding: 35px 0 45px;}
	body.home section h2 {margin-bottom: 30px; font-size: 30px;}

	.intro-section {text-align: center;}
	.intro-section p {padding-top: 0; float: none; line-height: 24px;}
	.intro-section .button {float: none; margin: 10px auto 0; display: inline-block;}

	.portfolio-section .site-box h3 {font-size: 24px;}

	.about-us-img h2 {font-size: 26px;}
	.services .service-info, 
	.team .team-info {min-height: 0;}
	.testimonial-content p {padding: 0;}

	.page-heading {height: 120px;}

	.content-area h2.timeline-headline {text-align: center;}
	.content-area ul.cbp_tmtimeline {padding: 0 0 30px;}
	.content-area ul.cbp_tmtimeline:before {display: none;}
	.content-area ul.cbp_tmtimeline > li {margin-bottom: 40px;}
	.content-area ul.cbp_tmtimeline > li .cbp_tmtime {position: static; margin: 0 0 25px;}
	.content-area ul.cbp_tmtimeline > li .cbp_tmtime span {text-align: center;}
	.content-area ul.cbp_tmtimeline > li .fa {display: none; /* position: static; margin: 0 auto 20px; display: block; left: auto; */}
	.content-area ul.cbp_tmtimeline > li .cbp_tmlabel {margin: 0; background-color: #ffffff;}
	.content-area ul.cbp_tmtimeline > li .cbp_tmlabel:after {display: none;}

	.sidebar {padding-bottom: 20px;}
	.sidebar .widget + .widget {margin-top: 30px;}

	/* Footer */
	.footer {text-align: center; padding: 40px 0 10px;}
}

@media (max-width: 500px) {
	/* Content */
	.top-slider .slick-prev, 
	.top-slider .slick-next {display: none !important;}
}

@media (max-width: 479px) {
	/* Content */
	.testimonial-content {margin-left: 0;}
	.testimonial-content p {font-size: 15px; padding: 99px 20px 0;}
	.testimonials .slick-theme .slick-controls .slick-buttons div {top: 0;}
	.testimonials .slick-prev {left: 70px;}
	.testimonials .slick-next {right: 70px;}
	.our-clients-list li {margin: 0;}

	.contact-now h4 {font-size: 24px; line-height: 30px;}
	.contact-now a.button {margin: 7px 5px;}

	/* Footer */
	.footer .col-xs-6 {width: 100%;}
}

@media (max-width: 360px) {
	
}

@media print {
	.header {top: 0; border: none; height: auto;}
	a[href]:after {content: none !important;}
	.header .show-for-medium-only,
	.header .show-for-small-only,
	.search-box,
	.top-bar,
	.banner,
	.breadcrumb,
	.right-bar,
	.sidebar,
	.footer {display: none !important;}
}