/*------------------------------------------------------------------
Project:	 AKLAS
Version: 	1.0
Assigned to:	Alximicus
Primary use:	AKLAS
-------------------------------------------------------------------*/
/* 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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

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

a img { border: none; }

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

/*************************/
/***** BASE STYLES *******/
/*************************/
/****************/
/**** COLORS ****/
/****************/
body { font-size: 15px; font-family: 'Lato', sans-serif; color: #333333; border-bottom: 400px; }

* { outline: none !important; }

.vcenter { display: inline-block; vertical-align: middle; float: none; }

.img-responsive { display: inline-block; vertical-align: middle; }

img { max-width: 100%; }

.no-padding { padding: 0 !important; }

.vtop { display: inline-block; vertical-align: top; float: none; }

.vertical-middle { vertical-align: middle; }

.vertical-bottom { vertical-align: bottom; }

.no-margin { margin: 0 !important; }

.row.row-margin { margin-bottom: 40px; }

.row.no-gutter { margin-left: 0; margin-right: 0; }

.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-left: 0; padding-right: 0; }

.relative { position: relative; }

.text-white { color: #fff; }

.no-border { border: none !important; }

.font-bold { font-weight: bold; }

.font-bold.btn { font-weight: bold; }

a[href^="http://maps.google.com/maps"] { display: none !important; }

a[href^="https://maps.google.com/maps"] { display: none !important; }

.gmnoprint a, .gmnoprint span, .gm-style-cc { display: none; }

.gmnoprint div { background: none !important; }

.inline-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.inline-row > [class^="col-"] { float: none; }

.row-table-cell { display: table; width: 100%; margin: 0; }

.row-table-cell > [class^="col-"] { float: none; display: table-cell; height: 100%; }

@media (max-width: 991px) { .row-table-cell { display: block; }
  .row-table-cell > [class^="col-"] { display: block; height: auto; } }

h1 { font-size: 54px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h2 { font-size: 46px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h3 { font-size: 38px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h4 { font-size: 24px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h5 { font-size: 20px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h6 { font-size: 16px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

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

h1.with-underline.short-underline:after, h2.with-underline.short-underline:after, h3.with-underline.short-underline:after, h4.with-underline.short-underline:after, h5.with-underline.short-underline:after, h6.with-underline.short-underline:after { width: 20px; }

h1.with-underline.under-green:after, h2.with-underline.under-green:after, h3.with-underline.under-green:after, h4.with-underline.under-green:after, h5.with-underline.under-green:after, h6.with-underline.under-green:after { border-color: #5cae4a; }

h1.with-underline.under-gray:after, h2.with-underline.under-gray:after, h3.with-underline.under-gray:after, h4.with-underline.under-gray:after, h5.with-underline.under-gray:after, h6.with-underline.under-gray:after { border-color: #ccc; }

h1.with-underline.under-blue:after, h2.with-underline.under-blue:after, h3.with-underline.under-blue:after, h4.with-underline.under-blue:after, h5.with-underline.under-blue:after, h6.with-underline.under-blue:after { border-color: #3f5c91; }

h1.with-underline.under-center, h2.with-underline.under-center, h3.with-underline.under-center, h4.with-underline.under-center, h5.with-underline.under-center, h6.with-underline.under-center { display: inline-block; }

h1.with-underline.under-center:after, h2.with-underline.under-center:after, h3.with-underline.under-center:after, h4.with-underline.under-center:after, h5.with-underline.under-center:after, h6.with-underline.under-center:after { margin: 20px auto 0.5em; }

h1.with-underline.left-line:after, h2.with-underline.left-line:after, h3.with-underline.left-line:after, h4.with-underline.left-line:after, h5.with-underline.left-line:after, h6.with-underline.left-line:after { display: none; }

h1.with-underline.left-line:before, h2.with-underline.left-line:before, h3.with-underline.left-line:before, h4.with-underline.left-line:before, h5.with-underline.left-line:before, h6.with-underline.left-line:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; margin-right: 10px; border-bottom: 2px solid #cccccc; }

h1.with-underline:after, h2.with-underline:after, h3.with-underline:after, h4.with-underline:after, h5.with-underline:after, h6.with-underline:after { content: ""; display: block; width: 60px; max-width: 100%; border-bottom: 2px solid #3f5c91; margin-top: 20px; margin-bottom: 0.5em; }

.bold { font-weight: bold; }

a.green:hover { color: #5cae4a; }

a:hover { text-decoration: none; }

p { margin-bottom: 0.5em; font-family: 'Lato', sans-serif; color: #666666; font-size: 14px; line-height: 28px; }

p span.hightlited-blue, p span.hightlited-green { padding: 3px 5px; color: #fff; }

p span.hightlited-blue { background: #3f5c91; }

p span.hightlited-green { background: #5cae4a; }

p span.hightlited-dotted { border: 1px dotted #777777; color: #3f5c91; padding: 0 5px; }

p .first-letter { font-size: 48px; width: 60px; font-weight: bold; text-align: center; line-height: 60px; margin: 8px 15px 15px 0; float: left; text-transform: uppercase; }

p .first-letter.circle { border-radius: 50%; }

p .first-letter.blue-first-letter { background: #237ac6; color: #fff; }

p .first-letter.square { font-size: 32px; line-height: 40px; height: 40px; width: 40px; }

p .first-letter.green-first-letter { background: #5cae4a; color: #fff; }

blockquote { display: block; }

blockquote.blockquote-1 { font-size: 16px; font-family: Merriweather, sans-serif; font-style: italic; color: #777777; line-height: 1.75; text-align: center; position: relative; margin-bottom: 60px; }

blockquote.blockquote-1:before { content: ''; width: 100px; height: 40px; background: url(../img/blockquote-1.png) center no-repeat; display: block; margin: 0 auto 30px auto; }

blockquote.blockquote-2 { font-size: 20px; font-family: Merriweather, sans-serif; font-style: italic; color: #333333; line-height: 1.75; margin-bottom: 60px; padding-left: 120px; padding-right: 30px; position: relative; text-align: left; }

blockquote.blockquote-2:before { content: ''; width: 60px; height: 100px; background: url(../img/blockquote-2.png) center no-repeat; display: block; margin: -50px 0 0 0; position: absolute; left: 30px; top: 50%; }

blockquote.blockquote-3 { font-size: 24px; font-family: Merriweather, sans-serif; font-style: italic; color: #333333; line-height: 1.75; margin-bottom: 60px; padding-left: 40px; position: relative; text-align: left; border-left: 4px solid #5cae4a; }

blockquote.blockquote-3 a { display: block; line-height: 1; color: #333333; text-transform: uppercase; font-weight: bold; font-size: 14px; font-family: "Lato", sans-serif; margin: 30px 0 0 0; font-style: normal; }

blockquote.blockquote-3 span { display: block; margin: 0; line-height: 1; font-size: 14px; color: #666666; font-weight: 300; }

blockquote.blockquote-4 { font-size: 16px; font-family: Merriweather, sans-serif; font-style: italic; color: #fff; line-height: 1.75; margin-bottom: 60px; padding: 40px 50px 40px 140px; position: relative; text-align: left; border-left: 4px solid #5cae4a; background: #3f5c91; }

blockquote.blockquote-4:before { content: ''; width: 35px; height: 22px; background: url(../img/blockquote-3.png) center no-repeat; position: absolute; top: 45px; left: 65px; }

blockquote.blockquote-4 a { display: block; line-height: 1; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; font-family: "Lato", sans-serif; margin: 0; font-style: normal; }

blockquote.blockquote-4 span { display: block; margin: 0 0 30px; line-height: 1; font-size: 14px; color: #fff; font-weight: 300; }

.blockquote-box { text-align: right; margin-bottom: 20px; }

.blockquote-box.white-box blockquote { background: url(../img/icons/quotes-green.png) 40px 40px no-repeat; background-color: #fff; background-size: 25px 20px; }

.blockquote-box.white-box blockquote:after { border-left-color: #fff; }

.blockquote-box.white-box .wrap-author .avatar { border: 5px solid #fff; }

.blockquote-box blockquote { text-align: left; padding: 40px 20px 40px 80px; font-family: Karla, sans-serif; color: #333333; font-style: italic; line-height: 28px; position: relative; margin-bottom: 30px; background: url(../img/icons/quotes-green.png) 40px 40px no-repeat; background-color: #f6f6f6; background-size: 25px 20px; }

.blockquote-box blockquote:after { content: ""; border: 20px solid transparent; border-left-color: #f6f6f6; display: block; position: absolute; top: 100%; right: 30px; margin-top: -20px; }

.blockquote-box .wrap-author { display: inline-block; text-align: left; }

.blockquote-box .wrap-author .avatar { overflow: hidden; width: 60px; height: 60px; border: 5px solid #f6f6f6; border-radius: 50%; background: #fff; }

.blockquote-box .wrap-author .author { padding-left: 10px; }

.blockquote-box .wrap-author .author a { display: block; font-family: Lato, sans-serif; color: #237ac6; font-size: 12px; font-weight: 700; text-transform: uppercase; }

.blockquote-box .wrap-author .author span { font-family: Karla, sans-serif; color: #777777; font-size: 13px; font-style: italic; text-align: left; }

.content-title { position: relative; display: inline-block; vertical-align: middle; text-transform: uppercase; padding: 25px 10px 25px 25px; border-left: 10px solid #5cae4a; margin-bottom: 35px; }

.content-title:before { content: ""; width: 130px; height: 10px; background: #5cae4a; display: block; position: absolute; top: 0; left: 0; }

.content-title:after { content: ""; width: 230px; height: 10px; background: #5cae4a; position: absolute; bottom: 0; left: 0; }

.content-title span { display: block; line-height: 60px; }

.content-title .top { font-family: Raleway, sans-serif; color: #3f5c91; font-size: 46px; font-weight: 700; }

.content-title .bottom { font-family: Raleway, sans-serif; color: #333333; font-size: 46px; font-weight: 700; }

.contnet-under-title { font-family: Lato, sans-serif; color: #333333; font-size: 30px; font-weight: 700; margin-bottom: 35px; text-transform: uppercase; }

.green { color: #5cae4a; }

.green + .tooltip .tooltip-inner { background: #5cae4a; color: #fff; text-transform: uppercase; border-radius: 0; }

.green + .tooltip .tooltip-arrow { border-top-color: #5cae4a; }

.blue { color: #3f5c91; }

.blue + .tooltip .tooltip-inner { background: #3f5c91; color: #fff; text-transform: uppercase; border-radius: 0; }

.blue + .tooltip .tooltip-arrow { border-top-color: #3f5c91; }

.grey { color: #aaaaaa; }

.dark { position: relative; }

.dark.dark-strong:after { background: #0b0f12; opacity: 0.9; }

.dark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #191919; opacity: 0.72; z-index: 1; }

.blue-dark { position: relative; }

.blue-dark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #3f5c91; opacity: 0.95; z-index: 1; }

.blue-dark.solid:after { opacity: 1; }

.green-dark { position: relative; }

.green-dark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #5cae4a; opacity: 0.95; z-index: 1; }

.dark-content { position: relative; z-index: 2; }

.light-title { font-size: 30px; margin-bottom: 30px; font-weight: 100; font-family: 'Open Sans', sans-serif; color: #777777; }

ul.list, ol.list { margin-bottom: 30px; }

ul.list.list-round-check.blue-list li:before, ol.list.list-round-check.blue-list li:before { color: #3f5c91; }

ul.list.list-round-check li:before, ol.list.list-round-check li:before { font-family: FontAwesome; content: "\f05d"; color: #111; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-caret-right li:before, ol.list.list-caret-right li:before { font-family: FontAwesome; content: "\f0da"; color: #5cae4a; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-check li:before, ol.list.list-check li:before { font-family: FontAwesome; content: "\f00c"; color: #3f5c91; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-check li.disable:before, ol.list.list-check li.disable:before { content: "\f00d"; color: #5cae4a; }

ul.list.list-pointer-right li:before, ol.list.list-pointer-right li:before { font-family: FontAwesome; content: "\f0a4"; color: #5cae4a; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-dash li:before, ol.list.list-dash li:before { content: ""; width: 20px; margin-right: 20px; display: inline-block; vertical-align: middle; border-bottom: 2px solid #ccc; }

ul.list li, ol.list li { line-height: 30px; color: #333333; font-size: 15px; text-align: left; }

ul.list-counter, ol.list-counter { counter-reset: item; }

ul.list-counter li, ol.list-counter li { line-height: 30px; color: #333333; font-size: 15px; text-align: left; }

ul.list-counter li:before, ol.list-counter li:before { content: counter(item) ". "; counter-increment: item; margin-right: 20px; display: inline-block; vertical-align: middle; color: #5cae4a; }

ul.list-counter.list-counter-circle li:before, ol.list-counter.list-counter-circle li:before { content: counter(item); color: #fff; background: #111; border-radius: 50%; line-height: 20px; width: 20px; text-align: center; }

.table thead tr th { text-transform: uppercase; font-family: Lato, sans-serif; color: #333333; font-size: 14px; font-weight: 900; text-align: left; line-height: 30px; padding: 12px 15px; border: none; border-bottom: 4px solid #3f5c91; }

.table thead tr th:first-child { text-indent: 7px; }

.table tbody tr td { font-family: Karla, sans-serif; color: #333333; font-size: 15px; font-weight: 400; line-height: 25px; text-align: left; border: none; border-bottom: 1px solid #eeeeee; padding: 10px 15px; }

.table.table-lined-headers thead tr th { position: relative; }

.table.table-lined-headers thead tr th:after { content: ''; width: 20px; height: 2px; background: #cccccc; display: block; }

.table.table-warning thead tr th { border-bottom: 4px solid #5cae4a; }

.table.table-dark-header thead tr th { background: #f5f5f5; border-top: 1px solid #eeeeee; }

.half-effect { position: relative; overflow: hidden; }

.half-effect:after { content: ""; position: absolute; top: -100%; right: -53%; bottom: -100%; width: 100%; background: rgba(0, 0, 0, 0.1); -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }

.half-effect-reverse { position: relative; overflow: hidden; }

.half-effect-reverse:after { content: ""; position: absolute; top: -100%; left: -53%; bottom: -100%; width: 100%; background: rgba(0, 0, 0, 0.1); -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }

.half-color { position: relative; }

.half-color:before { content: ""; position: absolute; top: 0; bottom: 0; z-index: 0; width: 50%; }

.half-color.right-color:before { right: 0; }

.half-color.left-color:before { left: 0; }

.half-color.blue-color:before { background: #3f5c91; }

.blue-col { background: #3f5c91; }

@media (max-width: 991px) { .content-title span { line-height: 42px; }
  .content-title .top { font-size: 36px; }
  .content-title .bottom { font-size: 36px; }
  .contnet-under-title { font-size: 22px; } }

/************************/
/*        LAYOUT        */
/******** HEADER *********/
/*****************/
/***** HEADER ****/
/*****************/
.header .navbar-brand { padding: 0 0 0 15px; height: auto; }

.header.scrolling-header .navbar.navbar-default.navbar-scrolling, .header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing { border-bottom: 1px solid #E4E4E4; padding-top: 15px; padding-bottom: 14px; }

.header .navbar { background: none; border: none; padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; background: #ffffff; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }

.header .navbar .toggle-button { line-height: 40px; cursor: pointer; color: #333; float: right; padding: 0 5px; }

.header .navbar .toggle-button.collapsed { color: #999; }

.header .navbar .toggle-button.collapsed:hover { color: #333; }

.header .navbar .navbar-nav.social-nav li a { padding: 0 5px; }

.header .navbar .navbar-nav > li { position: relative; }

.header .navbar .navbar-nav > li.social-icon:first-child { margin-left: 10px; }

.header .navbar .navbar-nav > li.social-icon:last-child { margin-right: 10px; }

.header .navbar .navbar-nav > li.social-icon a { font-size: 14px; }

.header .navbar .navbar-nav > li.active a, .header .navbar .navbar-nav > li:hover a { color: #5cae4a; border-bottom-color: #5cae4a; }

.header .navbar .navbar-nav > li > a { color: #333333; font-size: 11px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding: 10px 5px 9px; margin: 0 7px; border-bottom: 1px solid transparent; }

.header .navbar .navbar-nav > li > a:hover { color: #5cae4a; border-bottom-color: #5cae4a; }

.header .navbar .navbar-nav > li > a .fa-bars { margin-right: 10px; }

.header .navbar .toggle-menu-button { width: 32px; height: 32px; background: #3f5c91; border-radius: 50%; text-align: center; padding: 6px 0 0 0 !important; border-bottom: 0 !important; }

.header .navbar .toggle-menu-button.is-open { padding-top: 4px !important; }

.header .navbar .toggle-menu-button:hover, .header .navbar .toggle-menu-button:focus { background: #3f5c91; }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span { background: #fff; }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1), .header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2), .header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1) { left: 2px; top: 4px; }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2) { left: -webkit-calc(50% - 2px); left: calc(50% - 2px); top: 4px; }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(3) { left: -50%; opacity: 0; }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(4) { left: 100%; opacity: 0; }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) { left: 2px; top: 11px; }

.header .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) { left: -webkit-calc(50% - 2px); left: calc(50% - 2px); top: 11px; }

.header .navbar .toggle-menu-button .toggle-menu-button-icon { width: 16px; height: 17px; display: inline-block; vertical-align: middle; position: relative; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

.header .navbar .toggle-menu-button .toggle-menu-button-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #eee; opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }

.header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }

.header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(1), .header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(2) { top: 2px; }

.header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(3), .header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(4) { top: 6px; }

.header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(5), .header .navbar .toggle-menu-button .toggle-menu-button-icon span:nth-child(6) { top: 10px; }

.navbar-with-inside > li:hover .wrap-inside-nav { display: block; }

.wrap-inside-nav { position: absolute; left: 0; top: 38px; display: none; min-width: 220px; text-align: left; border-top: 2px solid #5cae4a; background: #1a1a1a; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.wrap-inside-nav .inside-col { padding: 15px 0; }

.wrap-inside-nav .inside-col .inside-nav:after, .wrap-inside-nav .inside-col .inside-nav:before { display: table; clear: both; height: 0; content: ''; }

.wrap-inside-nav .inside-col .inside-nav li { line-height: 45px; min-height: 45px; }

.wrap-inside-nav .inside-col .inside-nav li a { display: block; padding-left: 20px; color: #7e848e !important; font-size: 14px; text-decoration: none; font-weight: bold; }

.wrap-inside-nav .inside-col .inside-nav li a:active, .wrap-inside-nav .inside-col .inside-nav li a:focus { display: block; padding-left: 20px; color: #5cae4a !important; }

.wrap-inside-nav .inside-col .inside-nav li a:hover, .wrap-inside-nav .inside-col .inside-nav li a:active:hover, .wrap-inside-nav .inside-col .inside-nav li a:visited:hover, .wrap-inside-nav .inside-col .inside-nav li a:focus:hover { color: #5cae4a !important; background-color: #26282d; }

.wrap-fixed-menu { display: none; position: fixed; background: #333; top: 70px; left: 0; right: 0; bottom: 0; z-index: 10; overflow: auto; font-size: 0; }

.wrap-fixed-menu .top-items { width: 100%; height: 50%; display: table; }

.wrap-fixed-menu .top-items .menu-item { border-bottom: 1px solid #484848; }

.wrap-fixed-menu .bottom-items { width: 100%; height: 50%; display: table; }

.wrap-fixed-menu .menu-item { font-size: 14px; text-align: center; width: 50%; height: 50%; position: relative; display: table-cell; vertical-align: middle; color: #fff; background: #32323C; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; text-decoration: none; }

.wrap-fixed-menu .menu-item.contact-info { cursor: default; padding-left: 30px; padding-right: 30px; }

.wrap-fixed-menu .menu-item.contact-info:hover { background: #333; }

.wrap-fixed-menu .menu-item.contact-info h4 { font-size: 36px; font-weight: bold; color: #fff; }

.wrap-fixed-menu .menu-item.contact-info .fa { margin-right: 10px; }

.wrap-fixed-menu .menu-item:hover { background: #484848; }

.wrap-fixed-menu .menu-item:first-child { border-right: 1px solid #484848; }

.wrap-fixed-menu .menu-item .subtitle { font-size: 16px; margin-bottom: 10px; }

.wrap-fixed-menu .menu-item .title { font-size: 36px; font-weight: bold; color: #fff; display: block; }

@media (max-width: 991px) { .header .navbar .navbar-nav > li > a { margin: 0 4px; } }

@media (max-width: 767px) { .header .navbar.navbar-default { position: static !important; padding-bottom: 14px !important; padding-top: 15px !important; }
  .header .navbar.navbar-default .navbar-brand { margin-left: -15px; }
  .header .navbar.navbar-default .right-nav-block { float: none !important; margin-top: 40px; }
  .header .navbar.navbar-default .right-nav-block .navbar-collapse { border: none; }
  .header .navbar.navbar-default .right-nav-block .navbar-collapse .navbar-nav { float: none; width: auto; display: block; margin-top: 0; margin-bottom: 0; }
  .header .navbar.navbar-default .right-nav-block .navbar-collapse .navbar-nav li { float: none; display: block; }
  .header .navbar.navbar-default .right-nav-block .navbar-collapse .navbar-nav li a { display: block; padding: 10px 0; }
  .header .navbar.navbar-default .right-nav-block .navbar-collapse .navbar-nav li.social-icon { display: inline-block; vertical-align: middle; }
  .wrap-fixed-menu { display: none !important; }
  .wrap-inside-nav { position: static; margin-top: -1px; }
  .header .navbar.navbar-default .right-nav-block .navbar-collapse .navbar-nav .wrap-inside-nav a { padding: 5px 0 5px 10px; } }

/******** FOOTER *********/
.footer { background: #fff; }

.footer.blue-footer { background: #506fa8; }

.footer.blue-footer .footer-navigation ul li a { color: #fff; }

.footer .footer-navigation { padding-top: 65px; }

.footer .footer-navigation ul li { display: inline-block; vertical-align: middle; }

.footer .footer-navigation ul li a { color: #333333; font-size: 11px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding: 10px 5px 9px; margin: 0 7px; }

.footer .footer-navigation ul li a:hover { color: #007B4D; }

.footer .footer-social { background: #f5f5f5; padding: 45px 40px; margin-right: 50px; position: relative; }

.footer .footer-social .scroll-top { display: block; width: 50px; height: 50px; position: absolute; top: 0; right: -50px; background: url(../img/icons/top-arrow.png) center no-repeat #5cae4a; }

.footer .footer-social .footer-title { font-family: Raleway, sans-serif; color: #333333; font-size: 14px; font-weight: 900; text-align: left; text-transform: uppercase; position: relative; padding-left: 40px; margin-bottom: 20px; }

.footer .footer-social .footer-title:before { content: ""; height: 2px; width: 20px; background: #cccccc; position: absolute; top: 5px; left: 0; }

.footer .footer-social ul { padding-left: 35px; }

.footer .footer-social ul li { display: inline-block; vertical-align: middle; }

.footer .footer-social ul li a { color: #838383; font-size: 16px; display: inline-block; min-width: 20px; margin: 0 6px; }

.footer .footer-social ul li a i { color: #838383; }

@media (max-width: 1199px) { .footer .footer-navigation ul li a { margin: 0 3px; } }

@media (max-width: 991px) { .footer-navigation { margin-bottom: 30px; }
  .footer-navigation ul { text-align: center; } }

@media (max-width: 767px) { .footer .footer-social { padding: 15px; } }

/******** SIDEBAR ********/
.sidebar { border-left: 1px solid #eeeeee; padding-left: 15px; }

@media (max-width: 991px) { .sidebar { border-left: none; } }

/*********  SECTIONS **********/
/* Top section */
.header-section { padding: 180px 0 100px; height: 440px; text-align: left; }

.header-section p { color: #fff; }

.header-section.elements-header { background: url(../img/sections/section-1.jpg) top center no-repeat; background-size: cover; }

.header-section.home-header { background: url(../img/sections/home-section-1.jpg) top center no-repeat; background-size: cover; min-height: 800px; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; position: relative; }

.header-section.home-header .scroll-to { display: block; width: 40px; height: 20px; background: url(../img/icons/scroll-icon.png) top center no-repeat; position: absolute; bottom: 80px; left: 50%; margin-left: -20px; opacity: 0.2; z-index: 2; }

.header-section.home-header.home-header-2 { background: url(../img/sections/home-section-2.jpg) top center no-repeat; background-size: cover; }

.section-headings { padding: 110px 0 80px; background: #fff; border-bottom: 1px solid #eeeeee; margin-bottom: 3px; }

.section-headings h1, .section-headings h2, .section-headings h3, .section-headings h4, .section-headings h5 { margin-bottom: 40px; }

.section-texts { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-lists { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-blockquotes { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-blockquotes .light-title { margin-bottom: 70px; }

.section-buttons { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-buttons .buttons-row { padding: 17px 0; }

.section-buttons .buttons-row .btn { margin: 0 10px; display: inline-block; vertical-align: middle; }

.section-pagination { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-forms { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-alerts { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-bars { padding: 80px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 3px; }

.section-tables { padding: 80px 0; border-top: 1px solid #eee; }

.welcome-section { padding: 80px 0; }

.welcome-section .welcome-heading { font-family: Raleway, sans-serif; color: #333333; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; }

.welcome-section .welcome-text { padding-left: 80px; position: relative; }

.welcome-section .welcome-text:before { display: block; content: ""; position: absolute; top: 12px; left: 0; width: 50px; background: #cccccc; height: 2px; }

.welcome-section .welcome-text p { font-family: Lato, sans-serif; color: #666666; font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 30px; }

.welcome-section .welcome-text blockquote { font-family: Merriweather, sans-serif; color: rgba(0, 0, 0, 0.8); font-size: 20px; font-style: italic; line-height: 32px; }

.welcome-section .controls { text-align: center; }

.welcome-section .controls .control-item { height: 5px; width: 20px; display: inline-block; vertical-align: middle; margin: 0 3px; background: #3f5c91; border: 1px solid #657da7; cursor: pointer; }

.welcome-section .controls .control-item:hover, .welcome-section .controls .control-item.active { background: #657da7; }

.section-special-info { padding: 130px 0 110px 0; }

.section-special-info .container { padding: 0 40px; }

.section-whaat-we-do { padding: 50px 0 70px; text-align: center; overflow: hidden; }

.section-whaat-we-do .section-title { font-family: Raleway, sans-serif; color: #ffffff; font-size: 38px; font-weight: 600; line-height: 1; margin-bottom: 20px; text-transform: uppercase; }

.section-whaat-we-do .arrow-bottom { display: block; margin: 0 auto; width: 40px; height: 20px; background: url(../img/icons/scroll-icon-white.png) top center no-repeat; margin-bottom: 70px; }

.section-whaat-we-do .what-we-do-content { padding: 50px 0 50px; }

.section-whaat-we-do .what-we-do-image { text-align: center; }

.section-whaat-we-do .what-we-do-image img { max-width: 90%; vertical-align: middle; }

.section-what-we-do-2 { overflow: hidden; }

.section-what-we-do-2 .green-col { background: #5cae4a; padding: 70px 15px 50px; }

.section-what-we-do-2 .welcome-heading { font-family: Raleway, sans-serif; color: #fff; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; }

.section-what-we-do-2 .welcome-text { padding-left: 80px; position: relative; }

.section-what-we-do-2 .welcome-text:before { display: block; content: ""; position: absolute; top: 12px; left: 0; width: 50px; background: #fff; height: 2px; }

.section-what-we-do-2 .welcome-text p { font-family: Lato, sans-serif; color: #fff; font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 30px; }

.section-what-we-do-2 .welcome-text blockquote { font-family: Merriweather, sans-serif; color: #fff; font-size: 20px; font-style: italic; line-height: 32px; }

.section-what-we-do-2 .what-we-do-image { text-align: center; }

.section-what-we-do-2 .what-we-do-image img { max-width: 90%; vertical-align: middle; }

.section-working-line { padding: 120px 0 150px; background: url(../img/sections/section-2.jpg) bottom center no-repeat; background-size: cover; background-attachment: fixed; position: relative; overflow: hidden; }

.section-working-line:before { content: ''; background: #f5f5f5; opacity: 0.75; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.section-recent-project.single-work .recent-projects-title { font-size: 24px; font-family: "Raleway", sans-serif; color: #ffffff; font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-bottom: 40px; text-align: center; }

.section-recent-project .white-section { padding: 120px 0 60px; }

.section-recent-project .white-section h3 { line-height: 1; margin: 0; }

.section-recent-project .white-section h3:after { content: ""; width: 39px; height: 19px; background: url(../img/icons/scroll-icon-blue.png) center no-repeat; display: block; margin: 25px auto 0; }

.section-recent-project .blue-section { background: #3f5c91; padding: 70px 0; }

.section-recent-project .gallery-grid { padding-bottom: 0; }

.green-section { background: #5cae4a; }

.green-section.dotted-pattern { background: url(../img/icons/dotted-pattern.png) center repeat #5cae4a; }

.section-hire-us { padding: 80px 0; }

.section-hire-us h4 { margin: 5px 0 0 0; color: #fff; }

.section-hire-us p { font-family: Lato, sans-serif; color: #ffffff; font-size: 16px; font-weight: 400; }

.section-hire-us .logo { margin-bottom: 10px; display: inline-block; }

.section-hire-us .under-logo { font-family: Montserrat, sans-serif; color: #ffffff; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }

.section-hire-us .btn { max-width: 100%; }

.section-why-choose-us { padding-bottom: 40px; }

.section-why-choose-us .why-choose-us-image { margin-left: -125px; margin-top: -35px; }

.section-why-choose-us .section-heading { padding-top: 110px; margin-bottom: 10px; }

.section-why-choose-us .choose-list { padding-left: 80px; }

.section-skills { padding: 40px 0 115px; overflow: hidden; }

.section-skills.skills-2 { padding-top: 110px; }

.section-skills.skills-2 .info-block { background: url(../img/skills-img.png) left 105% no-repeat #f5f5f5; }

.section-skills.skills-2 .info-block .info-image { left: auto; right: -123px; }

.section-skills .info-block { padding: 45px 40px 140px; background: url(../img/skills-img.png) right 105% no-repeat #f5f5f5; position: relative; }

.section-skills .info-block .info-heading { font-family: Raleway, sans-serif; color: #333333; font-size: 16px; font-weight: 700; text-transform: uppercase; position: relative; padding-left: 40px; line-height: 1; margin-bottom: 15px; }

.section-skills .info-block .info-heading:before { display: block; content: ""; position: absolute; top: 5px; left: 0; width: 20px; background: #cccccc; height: 2px; }

.section-skills .info-block p { color: #666666; font-size: 14px; line-height: 28px; padding-left: 40px; }

.section-skills .info-block .info-image { position: absolute; bottom: -111px; left: -123px; }

.section-our-team.section-our-team-2 { background: url(../img/sections/section-2.jpg) bottom center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; position: relative; }

.section-our-team.section-our-team-2:before { content: ''; background: #f5f5f5; opacity: 0.75; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.section-our-team.section-our-team-2 .white-section { background: none; position: relative; }

.section-our-team.section-our-team-2 .blue-section { background: none; position: relative; padding-bottom: 120px; padding-top: 0; }

.section-our-team.section-our-team-2 .team-controls { margin-bottom: 90px; }

.section-our-team.section-our-team-2 .team-controls .nav.nav-tabs li:hover a img, .section-our-team.section-our-team-2 .team-controls .nav.nav-tabs li.active a img { opacity: 0.5; }

.section-our-team.section-our-team-2 .team-controls .nav.nav-tabs li a { padding: 0; position: relative; display: block; background: #000; height: 60px; }

.section-our-team.section-our-team-2 .team-controls .nav.nav-tabs li a:after { content: ''; height: 1px; width: 100%; position: absolute; bottom: -20px; background: #5cae4a; left: 0; }

.section-our-team.section-our-team-2 .team-controls .nav.nav-tabs li a img { vertical-align: middle; }

.section-our-team.section-our-team-2 .our-team-tabs .tab-content .team-image { margin-bottom: 0; }

.section-our-team.section-our-team-2 .our-team-tabs .tab-content .name { color: #333; }

.section-our-team.section-our-team-2 .our-team-tabs .tab-content .position { color: #666666; }

.section-our-team.section-our-team-2 .our-team-tabs .tab-content .description p { color: #666666; }

.section-our-team.section-our-team-2 .our-team-tabs .tab-content .socials ul li a { color: #666666; }

.section-our-team.section-our-team-2 .our-team-tabs .tab-content .socials ul li a:hover { color: #fff; }

.section-our-team .white-section { text-align: center; padding: 50px 0; }

.section-our-team .white-section h3 { line-height: 1; margin: 0; }

.section-our-team .white-section h3:after { content: ""; width: 39px; height: 19px; background: url(../img/icons/scroll-icon-blue.png) center no-repeat; display: block; margin: 25px auto 0; }

.section-our-team .blue-section { background: #3f5c91; padding-top: 90px; border-bottom: 10px solid #5cae4a; }

.section-our-team .team-controls { margin-bottom: 60px; }

.section-our-team .team-controls .nav.nav-tabs { text-align: center; border: none; }

.section-our-team .team-controls .nav.nav-tabs li { margin: 0 10px; display: inline-block; float: none; border: none; background: none; }

.section-our-team .team-controls .nav.nav-tabs li:hover a, .section-our-team .team-controls .nav.nav-tabs li.active a { border-bottom: 1px solid #5cae4a; }

.section-our-team .team-controls .nav.nav-tabs li:hover a img, .section-our-team .team-controls .nav.nav-tabs li.active a img { opacity: 0.2; }

.section-our-team .team-controls .nav.nav-tabs li a { border: none; background: none; padding: 0 0 20px 0; border-bottom: 1px solid transparent; }

.section-our-team .team-controls .nav.nav-tabs li a img { width: 60px; height: 60px; vertical-align: middle; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.section-our-team .our-team-tabs .tab-content .team-image { margin-bottom: -30px; }

.section-our-team .our-team-tabs .tab-content .team-image img { max-width: 100%; vertical-align: middle; }

.section-our-team .our-team-tabs .tab-content .name { font-family: Raleway, sans-serif; color: #ffffff; font-size: 20px; font-weight: 700; line-height: 1; margin-bottom: 10px; text-transform: uppercase; }

.section-our-team .our-team-tabs .tab-content .position { color: #c4cfe4; font-size: 14px; font-weight: 300; font-style: italic; }

.section-our-team .our-team-tabs .tab-content .position:after { content: ""; width: 40px; height: 2px; display: block; background: #5cae4a; margin: 15px 0 40px; }

.section-our-team .our-team-tabs .tab-content .description { margin-bottom: 40px; }

.section-our-team .our-team-tabs .tab-content .description p { color: #c4cee4; line-height: 28px; }

.section-our-team .our-team-tabs .tab-content .socials { margin-bottom: 35px; }

.section-our-team .our-team-tabs .tab-content .socials ul { padding: 0; margin: 0; }

.section-our-team .our-team-tabs .tab-content .socials ul li { display: inline-block; margin: 0 4px; }

.section-our-team .our-team-tabs .tab-content .socials ul li a { display: block; width: 37px; height: 37px; line-height: 37px; text-align: center; border: 1px solid #657da7; border-radius: 50%; color: #7797d0; }

.section-our-team .our-team-tabs .tab-content .socials ul li a:hover { background: #5cae4a; border-color: #5cae4a; color: #fff; }

.section-comments { padding: 140px 0 60px; }

.section-comments.services-comments { padding-bottom: 110px; border-bottom: 1px solid #eee; }

.section-comments.home-2-comments { padding-bottom: 110px; border-bottom: 10px solid #3f5c91; color: #ffffff; }

.section-comments.home-2-comments .heading-title { color: #ffffff; }

.section-comments.home-2-comments p { color: #ffffff; }

.section-comments.home-2-comments .comments-carousel blockquote { color: #ffffff; }

.section-comments.home-2-comments .comments-carousel .author { color: #ffffff; }

.section-comments.home-2-comments .comments-carousel .author .name { color: #ffffff; }

.section-watch-video { padding: 60px 0 0 0; }

.section-watch-video .control-button { position: absolute; top: 90px; left: 0; right: 0; text-align: center; }

.section-watch-video .control-button > a { margin-bottom: 15px; display: inline-block; }

.section-watch-video .control-button > a span { color: #ffffff; font-size: 62px; }

.section-watch-video .control-button > span { font-family: Raleway, sans-serif; color: #ffffff; font-size: 16px; font-weight: 500; text-transform: uppercase; }

.section-watch-video .computer { text-align: center; }

.section-watch-video .computer img { max-width: 100%; vertical-align: middle; }

.section-video-action { padding: 90px 0; }

.section-video-action h3 { color: #ffffff; font-size: 30px; font-weight: 600; text-align: center; text-transform: uppercase; margin-bottom: 40px; line-height: 1.2; }

.section-video-action .section-heading .heading-text:before { background: #fff; }

.section-video-action .section-heading p { color: #ffffff; font-size: 14px; font-weight: 400; line-height: 28px; }

.section-latest-news { padding: 120px 0 65px; }

.section-latest-news h3 { line-height: 1; margin: 0; }

.section-latest-news h3:after { content: ""; width: 39px; height: 19px; background: url(../img/icons/scroll-icon-blue.png) center no-repeat; display: block; margin: 25px auto 55px; }

.section-compannies { padding: 65px 0 100px; }

.section-compannies.companies-2 { padding-bottom: 0; }

.section-compannies .company-item { margin-bottom: 30px; }

.section-compannies .company-item img { vertical-align: middle; }

.section-map { background: #3f5c91; }

.section-map.contact-section-map { padding: 100px 0; background: #ffffff; }

.section-map.contact-section-map .contact-info { background: #ffffff; color: #333; }

.section-map.contact-section-map .contact-info p { color: #666666; }

.section-map.contact-section-map .welcome-feature .feature-name { color: #333; }

.section-map.contact-section-map .welcome-feature .feature-text { color: #666; }

.section-map.home-2-map { padding: 0; }

.section-map > .container-fluid { padding-left: 0; padding-right: 0; }

.section-map .map-row { display: table; width: 100%; margin: 0; }

@media (max-width: 991px) { .section-map .map-row { display: block; } }

.section-map .custom-map { display: table-cell; height: 100%; vertical-align: middle; float: none; padding: 0; }

@media (max-width: 991px) { .section-map .custom-map { height: 300px; display: block; }
  .section-map .custom-map > div { height: 300px !important; } }

.section-map .contact-info { display: table-cell; height: 100%; vertical-align: middle; float: none; padding: 110px 0 70px 0; background: #3f5c91; color: #fff; }

@media (max-width: 991px) { .section-map .contact-info { display: block; padding-bottom: 0; } }

.section-map .contact-info p { max-width: 450px; display: inline-block; margin-bottom: 60px; }

.mini-section-heading h4 { margin-bottom: 25px; line-height: 1; }

.mini-section-heading p { color: #c4cee4; font-size: 14px; line-height: 28px; }

.section-contact { padding: 100px 0 230px; background: #506fa8; position: relative; overflow: hidden; }

.section-contact .section-image { position: absolute; bottom: 36px; left: 20px; width: 336px; height: 335px; background: url(../img/contact-form-image.png) center no-repeat; }

.section-contact .section-heading .heading-title { color: #fff; }

.section-contact .section-heading .heading-text p { color: #c4cee4; }

.section-blog-content { padding-top: 75px; padding-bottom: 120px; }

.section-blog-content .left-col { padding-right: 45px; }

.error-section { padding: 150px 0; }

.error-section .error-container { max-width: 960px; width: 100%; margin: 0 auto 120px; padding: 100px 0; text-align: center; background: #3f5c91; position: relative; }

.error-section .error-container .title { display: inline-block; padding: 35px 45px; border: 1px solid #798db2; margin-bottom: 35px; position: relative; }

.error-section .error-container .title:before { content: ''; position: absolute; height: 1px; width: 80%; left: 10%; top: -1px; background: #3f5c91; }

.error-section .error-container .title:after { content: ''; position: absolute; height: 1px; width: 30%; left: 35%; bottom: -1px; background: #3f5c91; }

.error-section .error-container .title svg { width: 250px; vertical-align: middle; }

.error-section .error-container .subtitle { font-size: 30px; font-family: "Raleway", sans-serif; color: white; text-transform: uppercase; line-height: 1; text-align: center; margin-bottom: 35px; }

.error-section .error-container .arrow-bottom { display: block; margin: 0 auto; width: 40px; height: 20px; background: url(../img/icons/scroll-icon-white.png) top center no-repeat; }

.error-section .error-container .img1 { position: absolute; top: 58px; right: 16px; width: 148px; height: 142px; background: url(../img/tag-img.png) center no-repeat; }

.error-section .error-container .img2 { position: absolute; top: 135px; left: -60px; width: 258px; height: 256px; background: url(../img/headphones-img.png) center no-repeat; }

.error-section .error-container .img3 { position: absolute; bottom: -100px; right: 55px; width: 133px; height: 157px; background: url(../img/apple-watch-img.png) center no-repeat; }

@media (max-width: 767px) { .error-section .error-container .img1, .error-section .error-container .img2, .error-section .error-container .img3 { display: none; } }

.error-section .under-error-block { text-align: center; }

.error-section .under-error-block p { font-size: 18px; color: #666666; line-height: 1.6; text-align: center; margin-bottom: 35px; }

.error-section .under-error-block a { color: #5cae4a; }

.error-section .under-error-block .btn { border: 2px solid #666666; color: #333333; }

.error-section .under-error-block .btn:after { border-color: transparent transparent #5cae4a #5cae4a; }

.single-work-section { padding: 120px 0 70px; }

.single-work-section .work-image { margin-bottom: 60px; }

.single-work-section .work-image .image { text-align: center; position: relative; }

.single-work-section .work-image .image img { max-width: 100%; }

.single-work-section .work-image .image .controls { position: absolute; bottom: 30px; right: 30px; }

.single-work-section .work-image .image .controls .big-view a { display: block; width: 40px; height: 40px; border-radius: 50%; background: #5cae4a; color: #fff; text-align: center; line-height: 44px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.single-work-section .work-image .image .controls .big-view a:hover { background: #498a3b; }

.single-work-section .work-image .image .controls .big-view a span { color: #fff; font-size: 16px; }

.single-work-section .work-body { margin-bottom: 15px; }

.single-work-section .work-body .work-body-left, .single-work-section .work-body .work-body-right { margin-bottom: 30px; }

.single-work-section .work-body .work-body-left p { padding-left: 30px; margin-bottom: 30px; }

.single-work-section .work-body .work-body-left a { margin-left: 30px; }

.single-work-section .work-body h5 { font-size: 16px; font-weight: 900; text-transform: uppercase; margin-bottom: 30px; }

.single-work-section .work-body .summary-list { padding-left: 45px; }

.single-work-section .work-body .summary-list .col-md-12 { padding: 15px 15px 15px 0; border-bottom: 1px solid #eeeeee; }

.single-work-section .work-body .summary-list .col-md-12:first-child { padding-top: 0; }

.single-work-section .work-body .summary-list .type-info { color: #2a2d32; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; font-family: Raleway, sans-serif; }

.single-work-section .work-body .summary-list .type-info i { min-width: 20px; font-size: 14px; color: #666666; display: inline-block; vertical-align: baseline; }

.single-work-section .work-body .summary-list .info { color: #666666; font-family: Raleway, serif; }

.single-work-section .work-body .summary-list .info p { line-height: 18px; }

.single-work-section .work-body .summary-list .info .list-socials li { display: inline-block; vertical-align: middle; padding: 0 3px; }

.single-work-section .work-body .summary-list .info .list-socials li a { color: #7e848e; }

.service-features-section { padding: 115px 0 85px; }

.section-portfolio { padding: 110px 0 80px; background: url(../img/sections/section-2.jpg) center no-repeat; background-size: cover; background-attachment: fixed; position: relative; }

.section-portfolio.without-bg { background: #ffffff; }

.section-portfolio:before { content: ''; background: #f5f5f5; opacity: 0.75; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.section-pricing { padding: 110px 0; }

.section-join-us { padding: 90px 0; color: #ffffff; background: #3f5c91; }

.section-join-us h4 { text-align: center; font-size: 30px; text-transform: uppercase; margin-bottom: 45px; font-weight: bold; }

.section-join-us p { color: #ffffff; position: relative; padding-left: 70px; }

.section-join-us p:before { content: ''; height: 2px; background: #fff; width: 50px; margin-right: 20px; position: absolute; left: 0; top: 15px; }

.section-newsletter .image-col { background: url(../img/projects/project-img5.jpg) center no-repeat; background-size: cover; }

@media (max-width: 991px) { .section-newsletter .image-col { height: 300px; } }

.section-newsletter .text-col { background: #3f5c91; color: #ffffff; text-align: center; padding: 110px 15px; }

.section-newsletter .text-col p { color: #c4cee4; margin-bottom: 50px; }

.section-newsletter .text-col .col-content { margin: 0 auto; max-width: 500px; }

.section-newsletter .text-col .form-group { margin-bottom: 30px; }

.section-send-message { text-align: center; background: #3f5c91; padding: 40px 0; }

.section-send-message span { content: ''; width: 30px; height: 2px; background: #c4cee4; display: inline-block; vertical-align: middle; margin-right: 15px; }

.section-send-message h5 { display: inline-block; vertical-align: middle; color: #c4cee4; font-weight: bold; text-transform: uppercase; font-size: 16px; position: relative; margin: 0; }

@media (max-width: 1199px) { .section-hire-us .btn { padding: 0 15px; }
  .section-why-choose-us .choose-list { padding-left: 0; } }

@media (max-width: 1199px) { .welcome-section { padding-bottom: 0; }
  .welcome-section:before { display: none; }
  .welcome-section .blue-col { padding: 50px 15px; }
  .welcome-section .welcome-text { margin-bottom: 30px; }
  .section-whaat-we-do .what-we-do-image { padding-top: 50px; } }

@media (max-width: 991px) { .section-our-team .our-team-tabs .tab-content .tab-pane { text-align: center; }
  .section-our-team .our-team-tabs .tab-content .tab-pane .position:after { content: ''; margin-left: auto; margin-right: auto; }
  .section-hire-us { text-align: center; }
  .section-hire-us .col-md-7 { margin: 15px 0; }
  .section-hire-us .text-right { text-align: center; }
  .section-video-action .col-md-3 { text-align: center; }
  .section-video-action .btn { margin: 15px auto; }
  .section-contact { padding-bottom: 300px; }
  .section-working-line { padding-bottom: 100px; }
  .section-whaat-we-do:before { display: none; }
  .section-whaat-we-do .inline-row { display: block; }
  .section-why-choose-us .why-choose-us-image { margin-left: 0; text-align: center; }
  .section-why-choose-us .section-heading { padding-top: 50px; } }

@media (max-width: 767px) { .header-section.home-header { min-height: 500px; }
  .header-section > .container { width: 100%; }
  .section-working-line { padding: 50px 0 50px; }
  .section-watch-video .control-button { top: 20%; }
  .section-watch-video .control-button a { margin-bottom: 5px; }
  .section-watch-video .control-button a span { font-size: 25px; }
  .section-watch-video .control-button > span { font-size: 12px; }
  .section-special-info { padding: 50px 0; }
  .section-whaat-we-do { padding-top: 0; }
  .section-blog-content .left-col { padding-right: 15px; } }

/************************/
/*        MODULES       */
/******** LOADER ********/
#page-preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #3f5c91; z-index: 100500; }

#page-preloader .spinner { display: block; position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border: 3px solid transparent; border-top-color: #ed5c2a; border-radius: 50%; z-index: 1001; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; }

#page-preloader .spinner:before, #page-preloader .spinner:after { content: ''; position: absolute; border-radius: 50%; }

#page-preloader .spinner:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border: 3px solid transparent; border-top-color: #ccc; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

#page-preloader .spinner:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border: 3px solid transparent; border-top-color: #fff; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/******** BUTTONS ********/
.btn { padding: 0 35px; line-height: 41px; border-radius: 0; border: 2px solid transparent; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #ffffff; box-shadow: none !important; font-size: 12px; font-weight: 400; }

.btn:after { content: ''; width: 0; height: 0; border: 4px solid transparent; display: inline-block; vertical-align: baseline; margin-left: 10px; border-left-color: #fff; border-bottom-color: #fff; }

.btn.btn-default { background: #fff; color: #333; border-color: #fff; }

.btn.btn-default:after { border-color: transparent transparent #333 #333; }

.btn.btn-default:focus { background: #fff; }

.btn.btn-default:hover, .btn.btn-default:active { background: #e6e6e6; }

.btn.btn-default.btn-transparent { color: #fff; background: none; }

.btn.btn-default.btn-transparent:after { border-color: transparent transparent #fff #fff; }

.btn.btn-default.btn-transparent:focus { color: #fff; background: none; }

.btn.btn-default.btn-transparent:hover, .btn.btn-default.btn-transparent:active { background: #fff; border-color: #fff; color: #333; }

.btn.btn-default.btn-transparent:hover:after, .btn.btn-default.btn-transparent:active:after { border-color: transparent transparent #333 #333; }

.btn.btn-primary { background: #3f5c91; border-color: #3f5c91; }

.btn.btn-primary:focus { background: #3f5c91; border-color: #3f5c91; }

.btn.btn-primary:hover, .btn.btn-primary:active { background: #30456d; border-color: #30456d; }

.btn.btn-gray { background: #666666; color: #fff; border-color: #666666; }

.btn.btn-gray:after { border-color: transparent transparent #5cae4a #5cae4a; }

.btn.btn-gray:focus { background: #666666; }

.btn.btn-gray:hover, .btn.btn-gray:active { background: #e6e6e6; }

.btn.btn-gray.btn-transparent { color: #666666; background: none; }

.btn.btn-gray.btn-transparent:after { border-color: transparent transparent #5cae4a #5cae4a; }

.btn.btn-gray.btn-transparent:focus { color: #fff; background: none; }

.btn.btn-gray.btn-transparent:hover, .btn.btn-gray.btn-transparent:active { background: #666666; border-color: #666666; color: #fff; }

.btn.btn-gray.btn-transparent:hover:after, .btn.btn-gray.btn-transparent:active:after { border-color: transparent transparent #5cae4a #5cae4a; }

.btn.btn-gray.btn-transparent.btn-no-bd-top { position: relative; }

.btn.btn-gray.btn-transparent.btn-no-bd-top:after { border-color: transparent transparent #3f5c91 #3f5c91; }

.btn.btn-gray.btn-transparent.btn-no-bd-top:before { width: 50%; height: 2px; left: 25%; position: absolute; content: ''; top: -2px; background: #ffffff; }

.btn.btn-gray.btn-transparent.btn-no-bd-top:hover:before { background: #666666; }

.btn.btn-gray.btn-transparent.btn-no-bd-top:hover:after { border-color: transparent transparent #fff #fff; }

.btn.btn-sm { line-height: 36px; padding-left: 30px; padding-right: 30px; }

.btn.btn-xs { line-height: 32px; padding-left: 25px; padding-right: 25px; }

.btn.btn-large { line-height: 51px; padding-left: 50px; padding-right: 50px; font-size: 18px; }

/******** ALERTS ********/
.alert { padding: 5px 20px; line-height: 30px; border-radius: 0; border: none; color: #fff; }

.alert.alert-default { background: #eeeeee; color: #333333; }

.alert.alert-default span { color: #333; }

.alert.alert-warning { background: #d3ce5e; }

.alert.alert-danger { background: #bc5058; }

.alert.alert-success { background: #5cae4a; }

.alert.alert-info { background: #497aab; }

.alert.alert-default-2 { background: #7e49ab; }

.alert span { margin-right: 20px; font-size: 16px; color: #fff; }

.alert.alert-dismissable { position: relative; padding: 30px 60px 30px 120px; background: #f5f5f5; border: 1px solid #eeeeee; color: #333333; }

.alert.alert-dismissable .alert-icon { position: absolute; top: 50%; height: 50px; left: 50px; margin-top: -25px; line-height: 50px; font-size: 30px; min-width: 30px; text-align: center; }

.alert.alert-dismissable .close { position: absolute; top: 50%; right: 15px; color: #666666; margin-top: -10px; opacity: 1; }

.alert.alert-dismissable .title { font-family: Lato, sans-serif; color: #333333; font-size: 16px; font-weight: 700; text-transform: uppercase; }

.alert.alert-dismissable.alert-warning { background: #eff0d4; border: none; }

.alert.alert-dismissable.alert-warning .alert-icon, .alert.alert-dismissable.alert-warning .close .fa { color: #d3ce5e; }

.alert.alert-dismissable.alert-danger { background: #f1d6d4; border: none; }

.alert.alert-dismissable.alert-danger .alert-icon, .alert.alert-dismissable.alert-danger .close .fa { color: #bc5058; }

.alert.alert-dismissable.alert-success { background: #cfebd5; border: none; }

.alert.alert-dismissable.alert-success .alert-icon, .alert.alert-dismissable.alert-success .close .fa { color: #5cae4a; }

/******** FORMS ********/
.input-group .form-control { height: 52px; background: #fff; }

.input-group .form-control:first-child { padding-left: 15px; border-radius: 3px 0 0 3px; }

.form-group.has-feedback .form-control-feedback { line-height: 40px; height: 40px; color: #5cae4a; }

.form-group.has-feedback .form-control { padding-right: 45px; }

textarea { max-width: 100%; }

textarea.form-control { margin-bottom: 40px; min-height: 100px; resize: none; }

.white-form .form-control { border: 1px solid #dddddd; font-family: "Lato", sans-serif; font-style: italic; color: #333; }

.white-form .form-control::-webkit-input-placeholder { color: #666666; }

.white-form .form-control:-moz-placeholder { color: #666666; opacity: 1; }

.white-form .form-control::-moz-placeholder { color: #666666; opacity: 1; }

.white-form .form-control:-ms-input-placeholder { color: #666666; opacity: 1; }

.form-control { background: none; box-shadow: none !important; outline: none; border-radius: 0; padding-left: 20px; padding-right: 20px; font-family: Lato, sans-serif; color: #fff; font-size: 14px; font-weight: 300; height: 50px; border: 1px solid rgba(255, 255, 255, 0.3); }

.form-control::-webkit-input-placeholder { color: #c4cee4; }

.form-control:-moz-placeholder { color: #c4cee4; opacity: 1; }

.form-control::-moz-placeholder { color: #c4cee4; opacity: 1; }

.form-control:-ms-input-placeholder { color: #c4cee4; opacity: 1; }

.form-control:focus, .form-control:active { border-color: #dddddd; }

.form-control.bordered { border: 1px solid #ddd; border-radius: 2px; color: #777777; font-style: italic; padding: 0 15px; }

.form-control-feedback { /*top: 8px;*/ }

/******** Welcome feature ********/
.welcome-feature { display: inline-block; vertical-align: top; margin: 0 25px 30px; text-align: center; }

.welcome-feature.active .feature-icon, .welcome-feature:hover .feature-icon { background: #5cae4a; border-color: #5cae4a; }

.welcome-feature.active .feature-icon:before, .welcome-feature:hover .feature-icon:before { border-top: 1px solid #5cae4a; border-bottom: 3px solid #5cae4a; background: #5cae4a; }

.welcome-feature.active .feature-icon:after, .welcome-feature:hover .feature-icon:after { border-top: 1px solid #5cae4a; border-bottom: 3px solid #5cae4a; background: #5cae4a; }

.welcome-feature .feature-icon { border-left: 1px solid #798db2; border-right: 1px solid #798db2; border-bottom: 1px solid #798db2; position: relative; padding: 50px 40px; text-align: center; color: #fff; font-size: 32px; margin-bottom: 35px; display: inline-block; }

.welcome-feature .feature-icon span { display: block; width: 40px; height: 40px; }

.welcome-feature .feature-icon:before { content: ""; width: 25%; position: absolute; top: -3px; left: -1px; height: 3px; display: block; border-top: 1px solid #798db2; border-left: 1px solid #798db2; }

.welcome-feature .feature-icon:after { content: ""; width: 25%; position: absolute; top: -3px; right: -1px; height: 3px; display: block; border-top: 1px solid #798db2; border-right: 1px solid #798db2; }

.welcome-feature .feature-name { font-family: Raleway, sans-serif; color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }

.welcome-feature .feature-text { font-family: Lato, sans-serif; color: #c4cfe4; font-size: 14px; font-weight: 300; }

.section-heading .heading-title { font-family: Raleway, sans-serif; color: #333333; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; }

.section-heading .heading-text { font-family: Lato, sans-serif; color: #666666; font-size: 14px; font-weight: 400; line-height: 28px; padding-left: 80px; position: relative; }

.section-heading .heading-text:before { display: block; content: ""; position: absolute; top: 12px; left: 0; width: 50px; background: #cccccc; height: 2px; }

@media (max-width: 1199px) { .welcome-feature { margin: 0 10px 30px; } }

/******** Special info item ********/
.section-special-info.blue-section { background: #3f5c91; color: #fff; }

.section-special-info.blue-section .special-info-item { border-color: #7e90af; }

.section-special-info.blue-section .special-info-item:hover, .section-special-info.blue-section .special-info-item.active { background: #fff; border-color: #fff; }

.section-special-info.blue-section .special-info-item:hover:before, .section-special-info.blue-section .special-info-item:hover:after, .section-special-info.blue-section .special-info-item.active:before, .section-special-info.blue-section .special-info-item.active:after { display: none; }

.section-special-info.blue-section .special-info-item:hover .item-icon, .section-special-info.blue-section .special-info-item.active .item-icon { background: #5cae4a; }

.section-special-info.blue-section .special-info-item:hover .item-content:before, .section-special-info.blue-section .special-info-item.active .item-content:before { background: #cccccc; }

.section-special-info.blue-section .special-info-item:hover .item-content .item-name, .section-special-info.blue-section .special-info-item.active .item-content .item-name { color: #333; }

.section-special-info.blue-section .special-info-item:hover .item-content .item-description, .section-special-info.blue-section .special-info-item.active .item-content .item-description { color: #666666; }

.section-special-info.blue-section .special-info-item .item-icon { border-radius: 0; }

.section-special-info.blue-section .special-info-item .item-content:before { background: #cccccc; }

.section-special-info.blue-section .special-info-item .item-content .item-name { color: #fff; }

.section-special-info.blue-section .special-info-item .item-content .item-description { color: #c4cee4; }

.section-special-info.blue-section .special-info-item:before { background: #7e90af; }

.section-special-info.blue-section .special-info-item:after { background: #7e90af; }

.special-info-item { padding: 25px 55px; border: 1px solid #dddddd; position: relative; margin-bottom: 25px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.special-info-item:hover, .special-info-item.active { background: #f5f5f5; border-color: #f5f5f5; }

.special-info-item:hover:before, .special-info-item:hover:after, .special-info-item.active:before, .special-info-item.active:after { display: none; }

.special-info-item:hover .item-icon, .special-info-item.active .item-icon { background: #3f5c91; }

.special-info-item .item-icon { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; background: #5cae4a; border-radius: 50%; line-height: 80px; color: #fff; text-align: center; font-size: 26px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.special-info-item .item-content { position: relative; }

.special-info-item .item-content:before { content: ''; top: 50%; height: 2px; width: 20px; position: absolute; margin-top: -1px; background: #cccccc; }

.special-info-item .item-content .item-name { font-family: Lato, sans-serif; color: #333333; font-size: 44px; font-weight: 300; }

.special-info-item .item-content .item-description { font-family: Lato, sans-serif; color: #666666; font-size: 14px; font-style: italic; line-height: 28px; }

.special-info-item.right-space { border-right: none; }

.special-info-item.right-space:before, .special-info-item.right-space:after { right: 0; }

.special-info-item.right-space .item-icon { left: -40px; }

.special-info-item.right-space .item-content { padding-left: 45px; }

.special-info-item.right-space .item-content:before { left: 0; }

.special-info-item.left-space { border-left: none; text-align: right; }

.special-info-item.left-space:before, .special-info-item.left-space:after { left: 0; }

.special-info-item.left-space .item-icon { right: -40px; }

.special-info-item.left-space .item-content { padding-right: 45px; }

.special-info-item.left-space .item-content:before { right: 0; }

.special-info-item:before { content: ""; height: 20px; position: absolute; top: 0; width: 1px; background: #dddddd; }

.special-info-item:after { content: ""; height: 20px; position: absolute; bottom: 0; width: 1px; background: #dddddd; }

@media (max-width: 767px) { .special-info-item { padding-top: 15px; padding-bottom: 15px; }
  .special-info-item.right-space { padding-right: 15px; }
  .special-info-item.right-space .item-content { padding-left: 35px; }
  .special-info-item.left-space { padding-left: 15px; } }

/******** Doing tabs ********/
.doing-tabs .nav.nav-tabs { text-align: center; border: none; margin-bottom: 50px; }

.doing-tabs .nav.nav-tabs li { float: none; display: inline-block; vertical-align: top; margin: 0; }

.doing-tabs .nav.nav-tabs li.active a, .doing-tabs .nav.nav-tabs li:hover a { background: #5cae4a; border-color: #5cae4a; }

.doing-tabs .nav.nav-tabs li.active a:before, .doing-tabs .nav.nav-tabs li:hover a:before { border-top: 1px solid #5cae4a; border-bottom: 3px solid #5cae4a; background: #5cae4a; }

.doing-tabs .nav.nav-tabs li.active a:after, .doing-tabs .nav.nav-tabs li:hover a:after { border-top: 1px solid #5cae4a; border-bottom: 3px solid #5cae4a; background: #5cae4a; }

.doing-tabs .nav.nav-tabs li a { background: none; border: none; border-radius: 0; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; padding: 34px 20px 30px; text-align: center; color: #fff; font-size: 32px; margin-bottom: 35px; }

.doing-tabs .nav.nav-tabs li a span { display: block; width: 40px; height: 40px; }

.doing-tabs .nav.nav-tabs li a:before { content: ""; width: 25%; position: absolute; top: -3px; left: -1px; height: 3px; display: block; border-top: 1px solid transparent; border-left: 1px solid transparent; }

.doing-tabs .nav.nav-tabs li a:after { content: ""; width: 25%; position: absolute; top: -3px; right: -1px; height: 3px; display: block; border-top: 1px solid transparent; border-right: 1px solid transparent; }

.doing-tabs .tab-content .tab-pane .tab-heading { font-family: Raleway, sans-serif; color: #ffffff; font-size: 20px; font-weight: 500; text-transform: uppercase; position: relative; }

.doing-tabs .tab-content .tab-pane .tab-heading:after { content: ""; width: 40px; height: 2px; display: block; margin: 20px auto 40px; background: #5cae4a; }

.doing-tabs .tab-content .tab-pane .tab-text { font-family: Lato, sans-serif; color: #c4cee4; font-size: 14px; font-weight: 400; line-height: 28px; }

@media (max-width: 767px) { .doing-tabs .nav.nav-tabs { margin-bottom: 10px; } }

/******** Project carousel ********/
.projects-carousel .project-item { position: relative; }

.projects-carousel .project-item:hover .image { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

.projects-carousel .project-item:hover .item-content { opacity: 1; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

.projects-carousel .project-item .image { width: 100%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.projects-carousel .project-item .item-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.projects-carousel .project-item .item-content .view-icon { color: #5cae4a; font-size: 20px; text-align: center; margin-bottom: 20px; }

.projects-carousel .project-item .item-content .title { font-family: Raleway, sans-serif; color: #333333; font-size: 14px; text-transform: uppercase; font-weight: 700; }

.projects-carousel .project-item .item-content .category { font-family: Lato, sans-serif; color: #333333; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; }

.projects-carousel .owl-dots { padding-top: 60px; text-align: center; }

.projects-carousel .owl-dots .owl-dot { height: 5px; width: 20px; display: inline-block; vertical-align: middle; margin: 0 3px; background: #3f5c91; border: 1px solid #657da7; cursor: pointer; }

.projects-carousel .owl-dots .owl-dot.active, .projects-carousel .owl-dots .owl-dot:hover { background: #657da7; }

/******** Gallery item ********/
.gallery-item { width: 25%; position: relative; }

.gallery-item:hover .item-content { opacity: 1; box-shadow: 0 0 0 10px #5cae4a inset; }

.gallery-item .image { width: 100%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.gallery-item img { vertical-align: middle; width: 100%; }

.gallery-item .item-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

.gallery-item .item-content .view-icon { color: #5cae4a; font-size: 20px; text-align: center; margin-bottom: 20px; }

.gallery-item .item-content .title { font-family: Raleway, sans-serif; color: #333333; font-size: 14px; text-transform: uppercase; font-weight: 700; }

.gallery-item .item-content .category { font-family: Lato, sans-serif; color: #333333; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; }

@media (max-width: 991px) { .gallery-item { width: 50%; } }

@media (max-width: 500px) { .gallery-item { width: 100%; } }

/******** Project tabs ********/
.projects-tabs { margin-bottom: 50px; text-align: center; border: none; }

.projects-tabs li { float: none; display: inline-block; margin-bottom: 0; background: none !important; }

.projects-tabs li:hover a, .projects-tabs li.active a { border: none !important; border-bottom: 1px solid #5cae4a !important; color: #ffffff !important; }

.projects-tabs li a { background: none !important; border: none; border-radius: 0; box-shadow: none; font-family: Montserrat, sans-serif; color: #c4cee4; text-transform: uppercase; font-size: 12px; font-weight: 400; text-align: center; padding: 15px 7px; margin: 0 7px; border-bottom: 1px solid transparent; }

/******** choose-item ********/
.choose-item { margin-bottom: 45px; }

.choose-item:hover .item-icon, .choose-item.active .item-icon { background: #5cae4a; border-color: #5cae4a; color: #fff; }

.choose-item .item-icon { width: 80px; height: 80px; border: 1px solid #dfdfdf; border-radius: 50%; text-align: center; line-height: 80px; font-size: 26px; color: #333333; }

.choose-item .item-body { padding-left: 40px; position: relative; }

.choose-item .item-body:before { display: block; content: ""; position: absolute; top: 12px; left: 0; width: 20px; background: #cccccc; height: 2px; }

.choose-item .item-body .item-heading { font-family: Raleway, sans-serif; color: #333333; font-size: 16px; font-weight: 700; text-transform: uppercase; padding-top: 7px; margin-bottom: 15px; line-height: 1; }

.choose-item .item-body p { font-family: Lato, sans-serif; color: #666666; font-size: 14px; line-height: 28px; }

/******** skills ********/
.skills { padding-left: 40px; padding-bottom: 30px; }

.skills li { position: relative; height: 4px; margin-top: 75px; background-color: #dddddd; }

.skills li > span { font-weight: 700; position: absolute; z-index: 1; top: -20px; left: 0; font-family: Montserrat, sans-serif; color: #333333; font-size: 12px; text-transform: uppercase; }

.skills li .progress { position: absolute; top: 0; left: 0; overflow: visible !important; width: 0; height: 100%; -webkit-transition: width 1.2s ease-in-out 0; transition: width 1.2s ease-in-out 0; background-color: #3f5c91; }

.skills li .progress-percent { font-size: 11px; line-height: 20px; position: absolute; top: -28px; right: 0; height: 20px; padding: 0 9px; color: #5cae4a; background: #fff; font-size: 12px; font-weight: 700; text-align: left; border: 1px solid #dddddd; margin-right: -15px; }

.skills li .progress-percent:before { position: absolute; bottom: -4px; content: ''; pointer-events: none; left: 50%; margin-left: -3px; width: 6px; height: 6px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/******** Comments ********/
.comments-carousel { text-align: center; padding-top: 60px; }

.comments-carousel .carousel-item .text { font-family: Merriweather, sans-serif; color: #333333; font-size: 20px; font-style: italic; line-height: 36px; margin-bottom: 30px; }

.comments-carousel .carousel-item .avatar { margin-bottom: 15px; text-align: center; }

.comments-carousel .carousel-item .avatar img { width: 60px; height: 60px; vertical-align: middle; border-radius: 50%; margin: 0 auto; }

.comments-carousel .carousel-item .author { font-family: Montserrat, sans-serif; color: #666666; font-size: 12px; font-weight: 400; }

.comments-carousel .carousel-item .author .name { color: #333333; font-size: 12px; font-weight: 700; }

.comments-carousel .owl-nav { position: absolute; left: 0; right: 0; bottom: 38px; }

.comments-carousel .owl-nav .owl-prev { padding: 10px 28px 8px 0; border-top: 2px solid #cccccc; border-right: 2px solid #cccccc; position: relative; display: inline-block; margin-right: 100px; }

.comments-carousel .owl-nav .owl-prev:after { content: ""; display: block; width: 50%; height: 2px; background: #cccccc; position: absolute; bottom: 0; right: 0; }

.comments-carousel .owl-nav .owl-prev:before { content: "\f177"; color: #ccc; line-height: 8px; font-size: 10px; font-family: FontAwesome; }

.comments-carousel .owl-nav .owl-prev:hover { border-color: #5cae4a; }

.comments-carousel .owl-nav .owl-prev:hover:after { background: #5cae4a; }

.comments-carousel .owl-nav .owl-prev:hover:before { color: #5cae4a; }

.comments-carousel .owl-nav .owl-next { padding: 10px 0 8px 28px; border-top: 2px solid #cccccc; border-left: 2px solid #cccccc; position: relative; display: inline-block; margin-left: 100px; }

.comments-carousel .owl-nav .owl-next:after { content: ""; display: block; width: 50%; height: 2px; background: #cccccc; position: absolute; bottom: 0; left: 0; }

.comments-carousel .owl-nav .owl-next:before { content: "\f178"; color: #ccc; line-height: 8px; font-size: 10px; font-family: FontAwesome; }

.comments-carousel .owl-nav .owl-next:hover { border-color: #5cae4a; }

.comments-carousel .owl-nav .owl-next:hover:after { background: #5cae4a; }

.comments-carousel .owl-nav .owl-next:hover:before { color: #5cae4a; }

/******** News item ********/
.newsline-row { margin-bottom: 60px; }

.news-item { position: relative; padding-top: 5px; }

.news-item.right-item { padding-left: 60px; text-align: left; margin-left: -35px; }

.news-item.right-item:before { left: 0; }

.news-item.left-item { padding-right: 60px; text-align: right; margin-right: -35px; }

.news-item.left-item:before { right: 0; }

.news-item:before { content: ""; height: 2px; width: 40px; background: #cccccc; display: block; position: absolute; top: 15px; }

.news-item .author { color: #666666; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; margin-bottom: 5px; }

.news-item .title { font-family: Raleway, sans-serif; color: #333333; font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 25px; text-transform: uppercase; }

.news-item .comments { color: #666666; font-size: 14px; font-weight: 300; display: inline-block; font-style: italic; line-height: 22px; margin-right: 15px; }

.news-item .comments span { color: #5cae4a; }

.news-item .share { color: #5cae4a; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; }

.news-image.left-image { padding-right: 30px; }

.news-image.right-image { padding-left: 30px; }

.news-image img { max-width: 100%; }

@media (max-width: 991px) { .news-image { padding: 0 0 0 0; }
  .news-image.left-image { padding: 0 0 0 60px; margin-bottom: 10px; }
  .news-image.right-image { padding: 0 60px 0 0; margin-top: 10px; text-align: right; }
  .newsline-row:nth-child(even) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .news-item { padding: 0; }
  .news-item.right-item { margin: 0; }
  .news-item.left-item { margin: 0; } }

/******** Blog item ********/
.blog-item { margin-bottom: 80px; }

.blog-item.mini-item { width: 350px; margin: 0 15px 70px; max-width: 100%; }

.blog-item.mini-item .description-heading { padding: 45px 0 0 0; }

.blog-item.mini-item .description-heading .item-info { margin: 0 0 15px; }

.blog-item.mini-item .item-description { padding-left: 0; }

.blog-item.mini-item .item-description p { margin-bottom: 25px; }

.blog-item.mini-item .item-description:before { content: none; }

.blog-item.mini-item .item-title h3 { font-size: 18px; font-weight: 700; margin-bottom: 25px; }

.blog-item .item-image img { width: 100%; }

.blog-item .description-heading { position: relative; padding-left: 100px; padding-top: 50px; }

.blog-item .description-heading .date { position: absolute; left: 0; top: -15px; width: 70px; height: 85px; padding-top: 15px; background: #3f5c91; }

.blog-item .description-heading .date:before { content: ""; height: 4px; width: 15px; background: #3f5c91; position: absolute; top: -4px; left: 0; }

.blog-item .description-heading .date:after { content: ""; height: 4px; width: 15px; background: #3f5c91; position: absolute; top: -4px; right: 0; }

.blog-item .description-heading .date .day { color: #ffffff; font-size: 30px; font-weight: 300; display: block; text-align: center; }

.blog-item .description-heading .date .month { display: block; text-align: center; font-family: Lato, sans-serif; color: #ffffff; font-size: 14px; font-style: italic; line-height: 28px; }

.blog-item .item-title { display: block; text-decoration: none; }

.blog-item .item-title h3 { color: #333333; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 1; margin: 0 0 10px; }

.blog-item .item-info { margin-bottom: 30px; }

.blog-item .item-info.bottom-info ul { text-align: right; }

.blog-item .item-info ul li { display: inline-block; vertical-align: middle; color: #666666; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; text-align: left; margin-right: 12px; }

.blog-item .item-info ul li a { color: #5cae4a; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; text-align: left; }

.blog-item .item-description { padding-left: 100px; position: relative; }

.blog-item .item-description:before { content: ''; width: 80px; height: 2px; background: #cccccc; position: absolute; left: 0; top: 13px; }

.blog-item h4 { padding-left: 100px; }

.blog-item .item-content .item-description p { padding: 0; }

.blog-item .item-content p { padding-left: 100px; margin: 0 0 30px; }

.blog-item .item-content .article-image { margin: 0 0 30px; }

.blog-item .item-content .blockquote-with-icon { font-family: Merriweather, sans-serif; color: #333333; font-size: 20px; font-style: italic; line-height: 36px; text-align: left; padding-left: 100px; position: relative; border-left: 2px solid #5cae4a; margin: 60px 0 60px; }

.blog-item .item-content .blockquote-with-icon:before { content: ''; width: 40px; height: 2px; background: #5cae4a; position: absolute; left: 0; top: 0; }

.blog-item .item-content .blockquote-with-icon:after { content: ''; width: 20px; height: 2px; background: #5cae4a; position: absolute; bottom: 0; left: 0; }

.blog-item .item-content .blockquote-with-icon .blockquote-icon { position: absolute; text-align: center; left: 25px; top: 50%; height: 22px; width: 40px; margin-top: -11px; }

.blog-item .item-tags { margin-bottom: 60px; }

.blog-item .item-tags label { font-family: Raleway, sans-serif; color: #3f5c91; font-size: 16px; font-weight: 700; text-transform: uppercase; padding-left: 30px; display: inline-block; vertical-align: middle; position: relative; margin-right: 15px; }

.blog-item .item-tags label:before { content: ''; background-color: #ccc; width: 20px; height: 2px; position: absolute; left: 0; top: 5px; }

.blog-item .item-tags a { font-family: Montserrat, sans-serif; color: #666666; font-size: 12px; margin-right: 15px; font-weight: 400; text-align: left; text-transform: uppercase; }

.blog-list-container { margin: 0 auto; max-width: 100%; }

@media (max-width: 767px) { .blog-item.mini-item { margin-left: 0; margin-right: 0; }
  .blog-item h4 { padding-left: 50px; }
  .blog-item .item-description { padding-left: 50px; }
  .blog-item .item-description:before { width: 30px; }
  .blog-item .item-content .blockquote-with-icon { margin: 30px 0; font-size: 17px; padding-left: 80px; }
  .blog-item .item-content p { padding-left: 50px; } }

/******** Pagintaion ********/
.pagination ul li { float: none; display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 10px; }

.pagination ul li:hover a { background: #5cae4a; color: #ffffff; }

.pagination ul li:hover a:before, .pagination ul li:hover a:after { background: none; }

.pagination ul li.divider { height: 2px; width: 20px; background: #cccccc; margin: 0 10px 10px 5px; }

.pagination ul li a { width: 42px; height: 36px; display: block; border: 1px solid #e5e5e5; border-top: none; position: relative; line-height: 36px; text-align: center; color: #666666; font-size: 12px; }

.pagination ul li a:before { content: ""; width: 10px; height: 1px; background: #e5e5e5; position: absolute; top: 0; left: 0; }

.pagination ul li a:after { content: ""; width: 10px; height: 1px; background: #e5e5e5; position: absolute; top: 0; right: 0; }

.pagination ul li span { height: 36px; width: 42px; display: block; border: 1px solid #e5e5e5; border-top: none; position: relative; line-height: 36px; text-align: center; color: #666666; font-size: 12px; }

.pagination ul li span.left-arrow { background: url(../img/icons/left-arrow.png) center no-repeat; }

.pagination ul li span.right-arrow { background: url(../img/icons/right-arrow.png) center no-repeat; }

.pagination ul li.active a, .pagination ul li.active span { background: #5cae4a; color: #fff; border-color: #5cae4a; }

.pagination ul li.active a:before, .pagination ul li.active a:after, .pagination ul li.active span:before, .pagination ul li.active span:after { background: #5cae4a; }

/******** Sidebar widgget ********/
.sidebar-widget { margin-bottom: 60px; }

.sidebar-widget .widget-title { font-family: Raleway, sans-serif; color: #3f5c91; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; padding-left: 30px; position: relative; }

.sidebar-widget .widget-title:before { content: ''; background-color: #cccccc; width: 20px; height: 2px; position: absolute; left: 0; top: 5px; }

.search-widget .form-group .form-control { border: 1px solid #dddddd; color: #333; }

.search-widget .form-group .form-control::-webkit-input-placeholder { color: #7a7a7a; font-style: italic; }

.search-widget .form-group .form-control:-moz-placeholder { color: #7a7a7a; opacity: 1; font-style: italic; }

.search-widget .form-group .form-control::-moz-placeholder { color: #7a7a7a; opacity: 1; font-style: italic; }

.search-widget .form-group .form-control::-ms-placeholder { color: #7a7a7a; opacity: 1; font-style: italic; }

.search-widget .form-group .form-control-feedback { height: 50px; line-height: 50px; color: #5cae4a; font-size: 16px; }

.categories-widget ul li { border-bottom: 1px solid #eeeeee; }

.categories-widget ul li:last-child { border: none; }

.categories-widget ul li a { display: block; padding: 15px 0; line-height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.categories-widget ul li a span { color: #333333; font-size: 14px; font-weight: 700; }

.categories-widget ul li a span.count { color: #5cae4a; font-weight: normal; }

.recent-posts-widget .list-posts .list-item { padding-bottom: 20px; border-bottom: 1px solid #eeeeee; margin-bottom: 25px; }

.recent-posts-widget .list-posts .list-item:last-child { margin-bottom: 0; border: none; }

.recent-posts-widget .list-posts .list-item .post-image { width: 65px; height: 65px; }

.recent-posts-widget .list-posts .list-item .post-image img { height: 100%; width: 100%; vertical-align: middle; }

.recent-posts-widget .list-posts .list-item .post-name { font-family: Raleway, sans-serif; color: #333333; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase; margin-bottom: 10px; display: block; text-decoration: none; }

.recent-posts-widget .list-posts .list-item .post-info .date { color: #5cae4a; font-size: 12px; font-weight: 300; font-style: italic; margin-right: 10px; }

.recent-posts-widget .list-posts .list-item .post-info .comments { color: #5cae4a; font-size: 12px; font-weight: 300; font-style: italic; }

.recent-posts-widget .list-posts .list-item .post-info .comments i { font-size: 14px; color: #aaaaaa; vertical-align: middle; margin-right: 5px; }

.recent-posts-widget .list-posts .list-item .media-left { padding-right: 20px; }

.newsletter-widget { background: #5cae4a; padding: 40px 20px; }

.newsletter-widget .widget-title { color: #fff; margin-bottom: 20px; }

.newsletter-widget p { color: #fff; margin-bottom: 20px; }

.newsletter-widget .email { padding: 15px 10px; line-height: 20px; margin-bottom: 10px; background: #fff; text-align: center; }

.newsletter-widget .email span { color: #666666; font-size: 14px; font-weight: 300; font-style: italic; }

.newsletter-widget .btn { width: 100%; }

.archives-widget ul li { border-bottom: 1px solid #eeeeee; }

.archives-widget ul li:last-child { border: none; }

.archives-widget ul li a { display: block; padding: 15px 0; line-height: 20px; color: #333333; font-weight: 700; font-size: 14px; }

.tags-widget ul li { display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 10px; }

.tags-widget ul li a { padding: 0 19px; line-height: 40px; color: #333; background: #fff; display: inline-block; border: 1px solid #dddddd; }

.tags-widget ul li a:hover, .tags-widget ul li a.active { background: #3f5c91; color: #fff; border-color: #3f5c91; }

/******** Working line ********/
.working-line { margin-top: -50px; }

.working-line .line { height: 200px; display: block; margin: 0 auto; background: url(../img/line.svg) center no-repeat; background-size: contain; position: relative; font-size: 0; }

.working-line .line .working-item { display: inline-block; vertical-align: middle; width: 25%; font-size: 14px; position: absolute; text-align: center; }

.working-line .line .working-item.first-item { left: 0; top: 67%; }

.working-line .line .working-item.second-item { left: 25%; top: 49%; }

.working-line .line .working-item.second-item .item-dot { margin-bottom: 10px; }

.working-line .line .working-item.second-item .item-description { margin-bottom: 50px; }

.working-line .line .working-item.third-item { right: 25%; padding-right: 45px; top: 7%; }

.working-line .line .working-item.third-item .item-dot { margin-bottom: 50px; }

.working-line .line .working-item.fourth-item { right: 0; top: -28%; }

.working-line .line .working-item.fourth-item .item-icon { padding-left: 40px; }

.working-line .line .working-item.fourth-item .item-icon i { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); display: inline-block; }

.working-line .line .working-item.fourth-item .item-description { text-align: right; }

.working-line .line .working-item.fourth-item .item-description .title { position: absolute; left: -32px; top: 18px; }

.working-line .line .working-item.fourth-item .item-description .text { position: absolute; right: -25px; top: 85px; text-align: left; }

.working-line .line .working-item .item-icon { color: #666666; font-size: 32px; margin-bottom: 10px; }

.working-line .line .working-item .item-dot { border-radius: 50%; background-color: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); width: 22px; height: 22px; position: relative; margin: 0 auto 20px; }

.working-line .line .working-item .item-dot:before { content: ''; border-radius: 50%; background-color: #5cae4a; width: 12px; height: 12px; top: 5px; left: 5px; position: absolute; }

.working-line .line .working-item .item-description .title { font-family: Raleway, sans-serif; color: #333333; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; }

.working-line .line .working-item .item-description .text { color: #666666; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; }

@media screen and (max-width: 1199px) { .working-line .line .working-item.first-item { text-align: left; padding-left: 20px; }
  .working-line .line .working-item.first-item .item-dot { margin-left: 5px; margin-right: 0; }
  .working-line .line .working-item.second-item { padding-right: 20px; left: 23%; }
  .working-line .line .working-item.third-item { padding-right: 0; }
  .working-line .line .working-item.fourth-item { text-align: right; }
  .working-line .line .working-item.fourth-item .item-icon { padding-right: 5px; }
  .working-line .line .working-item.fourth-item .item-dot { margin-right: 30px; }
  .working-line .line .working-item.fourth-item .item-description .title { text-align: right; left: auto; right: 65px; top: 10px; }
  .working-line .line .working-item.fourth-item .item-description .text { text-align: right; left: auto; right: 65px; top: 44px; } }

@media screen and (max-width: 991px) { .working-line { margin-top: 30px; }
  .working-line .line { background: none; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .working-line .line .working-item { display: block; position: static; width: 50%; text-align: center; margin-bottom: 30px; }
  .working-line .line .working-item .item-description { margin: 0 !important; }
  .working-line .line .working-item.first-item { text-align: center; padding: 0; }
  .working-line .line .working-item.first-item .item-dot { margin: 0 auto 15px; }
  .working-line .line .working-item.second-item { text-align: center; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .working-line .line .working-item.second-item .item-dot { margin: 0 auto 15px; }
  .working-line .line .working-item.third-item { text-align: center; padding: 0; }
  .working-line .line .working-item.third-item .item-dot { margin: 0 auto 15px; }
  .working-line .line .working-item.fourth-item { text-align: center; padding: 0; }
  .working-line .line .working-item.fourth-item .item-dot { margin: 0 auto 15px; }
  .working-line .line .working-item.fourth-item .item-icon { padding: 0; }
  .working-line .line .working-item.fourth-item .item-icon i { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
  .working-line .line .working-item.fourth-item .item-description { text-align: center; }
  .working-line .line .working-item.fourth-item .item-description .title { position: static; text-align: center; }
  .working-line .line .working-item.fourth-item .item-description .text { position: static; text-align: center; } }

@media (max-width: 767px) { .working-line .line { display: block; }
  .working-line .line .working-item { display: block; width: 100%; } }

/******** Fancybox ********/
.fancybox-overlay { background: rgba(0, 0, 0, 0.5); }

.fancybox-overlay .fancybox-wrap .fancybox-skin { box-shadow: none !important; border-radius: 0; padding: 0 !important; }

.fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-close { display: none; }

/******** Load more button ********/
.load-more-button .btn { border: 2px solid #666666; vertical-align: middle; }

.load-more-button .btn:after { border-color: transparent transparent #5cae4a #5cae4a; }

.load-more-button span { width: 20px; height: 2px; background: #666666; display: inline-block; vertical-align: middle; margin: 0 15px; }

/******** Blockquote article ********/
.blockquote-article { padding: 55px 40px; background: #f5f5f5; margin-bottom: 90px; }

.blockquote-article .name { font-family: Raleway, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; padding-left: 30px; display: inline-block; vertical-align: middle; position: relative; margin-right: 15px; color: #333333; margin-bottom: 30px; }

.blockquote-article .name:before { content: ''; background-color: #ccc; width: 20px; height: 2px; position: absolute; left: 0; top: 5px; }

.blockquote-article .media-left { padding-right: 30px; }

.blockquote-article .avatar { width: 120px; max-width: none; height: 120px; }

.blockquote-article .text { font-family: Lato, sans-serif; color: #666666; font-size: 14px; line-height: 28px; margin-top: -5px; margin-bottom: 20px; }

.blockquote-article .social-list li { display: inline-block; vertical-align: middle; margin: 0 10px; }

.blockquote-article .social-list li a { color: #666666; font-size: 16px; }

@media (max-width: 767px) { .blockquote-article { padding: 35px 20px; } }

@media (max-width: 500px) { .blockquote-article { text-align: center; }
  .blockquote-article .name { margin-bottom: 10px; }
  .blockquote-article .name:before { display: none; }
  .blockquote-article .media .media-left, .blockquote-article .media .media-body { display: block; width: 100%; overflow: visible; padding: 0 0 10px; text-align: center; } }

/******** Comments ********/
.comments { margin-bottom: 70px; }

.comments .comment-title { text-transform: uppercase; margin-bottom: 10px; }

.comments-list .comment-item { padding: 50px 0 35px; border-bottom: 1px solid #eeeeee; }

.comments-list .comment-item .comment-item { padding-left: 50px; padding-bottom: 0; }

.comments-list .comment-item .comment-item:last-child { border-bottom: none; }

.comments-list .comment-item .media-left { padding-right: 15px; }

.comments-list .comment-item .avatar { width: 80px; height: 80px; }

.comments-list .comment-item .avatar img { width: 100%; height: 100%; border-radius: 50%; }

.comments-list .comment-item .comment-content { position: relative; padding-left: 35px; padding-top: 10px; }

.comments-list .comment-item .comment-content:before { content: ''; background-color: #ccc; width: 20px; height: 2px; position: absolute; left: 0; top: 15px; }

.comments-list .comment-item .comment-content .name { font-family: Raleway, sans-serif; color: #333333; font-size: 14px; font-weight: 700; padding-right: 100px; }

.comments-list .comment-item .comment-content .date { color: #999999; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; padding-right: 100px; }

.comments-list .comment-item .comment-content .reply-btn { position: absolute; right: 0; top: 0; border: 2px solid #666666; line-height: 31px; padding: 0 15px; }

.comments-list .comment-item .comment-content .reply-btn:after { border-color: transparent transparent #5cae4a #5cae4a; }

.comments-list .comment-item .comment-content .text { padding-top: 22px; }

.comments-list .comment-item .comment-content .text p { color: #666666; font-size: 14px; line-height: 26px; margin: 0; }

@media (max-width: 767px) { .comments-list .comment-item .avatar { width: 40px; height: 40px; }
  .comments-list .comment-item .comment-item { padding-left: 15px; } }

@media (max-width: 500px) { .comments-list .comment-item .comment-item { padding-left: 0; }
  .comments-list .comment-item .comment-content { padding-left: 0; }
  .comments-list .comment-item .comment-content:before { display: none; } }

/******** Comment form ********/
.comment-form { margin-bottom: 30px; }

.comment-form h4 { margin-bottom: 40px; }

.comment-form .form-group .form-control { border-color: #dddddd; color: #666666; font-size: 14px; font-weight: 300; font-style: italic; }

.comment-form .form-group .form-control::-webkit-input-placeholder { color: #666666; }

.comment-form .form-group .form-control:-moz-placeholder { color: #666666; opacity: 1; }

.comment-form .form-group .form-control::-moz-placeholder { color: #666666; opacity: 1; }

.comment-form .form-group .form-control:-ms-input-placeholder { color: #666666; opacity: 1; }

.comment-form textarea { min-height: 200px; padding-top: 20px; }

/******** Coming soon ********/
.wrap-coming-soon { position: relative; height: 989px; width: 100%; overflow: hidden; background: url(../img/sections/section-1.jpg) center no-repeat; background-size: cover; }

.wrap-coming-soon .left-side { position: absolute; width: 65%; left: -19%; bottom: -5%; top: -40%; overflow: hidden; background: #ffffff; z-index: 2; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); padding: 40% 0 5% 19%; opacity: 0.92; }

.wrap-coming-soon .right-side { position: absolute; left: 0; bottom: 0; top: 0; right: 0; background: #3f5c91; z-index: 1; opacity: 0.92; }

.wrap-coming-soon .side-content { position: relative; z-index: 3; max-width: 1200px; padding-left: 15px; padding-right: 15px; padding-top: 60px; margin: 0 auto; }

.wrap-coming-soon .side-content .newsletter-input { width: 250px; display: inline-block; }

.wrap-coming-soon .side-content .newsletter-input .form-control { height: 40px; border: none; border-bottom: 1px solid #738fc4; text-transform: uppercase; padding-right: 10px; padding-left: 32px; }

.wrap-coming-soon .side-content .newsletter-input .form-control-feedback { left: 0; right: auto; top: -1px; color: #ffffff; }

.wrap-coming-soon .side-content .logo { width: 180px; height: 70px; background: url(../img/logo-big.png) center no-repeat; cursor: pointer; text-decoration: none; display: block; margin-bottom: 57px; margin-left: 7%; }

.wrap-coming-soon .side-content .launching-image { margin-left: 7%; margin-bottom: 200px; }

.wrap-coming-soon .side-content .launching-image .content-text { display: none; text-align: left; }

.wrap-coming-soon .side-content .content-text .content-title { text-align: left; }

.wrap-coming-soon .side-content .content-text .content-title:after { width: 90%; }

.wrap-coming-soon .side-content .content-text .content-title span { line-height: 1; }

.wrap-coming-soon .side-content .content-text .under-title span { display: block; font-weight: bold; font-size: 22px; text-transform: uppercase; color: #333333; line-height: 1.5; }

.wrap-coming-soon .side-content .social-list { padding-top: 60px; }

@media (max-width: 1680px) { .wrap-coming-soon .side-content .logo { margin-bottom: 68px; } }

@media (max-width: 1380px) { .wrap-coming-soon .side-content .logo { margin-bottom: 78px; } }

@media (max-width: 1200px) { .wrap-coming-soon .side-content .launching-image { max-width: 47.2%; } }

@media (max-width: 991px) { .wrap-coming-soon .side-content .launching-image { max-width: 47.8%; } }

@media (max-width: 860px) { .wrap-coming-soon .side-content .launching-image { max-width: 48%; } }

@media (max-width: 767px) { .wrap-coming-soon { min-height: 100vh; height: auto; padding-bottom: 50px; }
  .wrap-coming-soon .left-side { display: none; }
  .wrap-coming-soon .side-content .logo { margin: 20px auto 50px; text-align: center; }
  .wrap-coming-soon .side-content .launching-image { max-width: 100%; margin: 0 auto; text-align: center; }
  .wrap-coming-soon .side-content .launching-image .content-text { display: block; color: #ffffff; text-align: center; }
  .wrap-coming-soon .side-content .launching-image .content-text .content-title { text-align: left; }
  .wrap-coming-soon .side-content .launching-image .content-text .content-title span { color: #ffffff; }
  .wrap-coming-soon .side-content .launching-image .content-text .under-title span { color: #ffffff; }
  .wrap-coming-soon .side-content .launching-image img { display: none; }
  .wrap-coming-soon .side-content .social-list { padding-top: 60px; margin-bottom: 30px; text-align: center; }
  .wrap-coming-soon .side-content .social-list li a { color: #ffffff; }
  .wrap-coming-soon .side-content .counters { text-align: center; }
  .wrap-coming-soon .side-content .counters .counter-item { margin-left: 20px; padding-right: 20px; margin-bottom: 15px; }
  .wrap-coming-soon .side-content .counters .counter-item:before { display: none; } }

.section-heading { margin-bottom: 50px; }

.section-heading h3 { line-height: 1; margin: 0; }

.section-heading h3:after { content: ""; width: 39px; height: 19px; background: url(../img/icons/scroll-icon-blue.png) center no-repeat; display: block; margin: 25px auto 0; }

.checkbox { margin: 0; cursor: pointer; }

.checkbox.checkbox-success input[type="checkbox"] { display: none; }

.checkbox.checkbox-success input[type="checkbox"]:checked + span:before { background: #5cae4a; border-color: #5cae4a; }

.checkbox input[type="checkbox"] { display: none; }

.checkbox input[type="checkbox"]:checked + span:before { content: "\f00c"; background: #3f5c91; border-color: #3f5c91; }

.checkbox span { line-height: 21px; font-size: 14px; color: #777777; font-weight: 300; }

.checkbox span:before { content: ''; font-family: FontAwesome; text-align: center; line-height: 19px; color: #ffffff; display: inline-block; vertical-align: middle; width: 21px; height: 21px; border: 1px solid #cccccc; margin-right: 10px; }

.radio { margin: 0; cursor: pointer; display: inline-block; vertical-align: middle; }

.radio + .radio { margin: 0; }

.radio.radio-default input[type="radio"] { display: none; }

.radio.radio-default input[type="radio"]:checked + span:before { background: #2c2e30; box-shadow: 0 0 0 4px #fff inset; }

.radio.radio-default span:before { border-color: #d9d9d9; }

.radio.radio-success input[type="radio"] { display: none; }

.radio.radio-success input[type="radio"]:checked + span:before { background: #5cae4a; box-shadow: 0 0 0 4px #fff inset; }

.radio.radio-success span:before { border-color: #cecece; }

.radio input[type="radio"] { display: none; }

.radio input[type="radio"]:checked + span:before { border: none; background: #fff; box-shadow: 0 0 0 4px #3f5c91 inset; }

.radio span { display: inline-block; }

.radio span:before { content: ''; text-align: center; line-height: 19px; color: #ffffff; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: 1px solid #3f5c91; margin-right: 10px; border-radius: 50%; }

.progress { border: 1px solid #eeeeee; border-radius: 0; background: #fff; box-shadow: none; }

.progress.bordered.progress-primary { border: 2px solid #3f5c91; }

.progress.bordered.progress-success { border: 2px solid #5cae4a; }

.progress.progress-primary .progress-bar { background-color: #3f5c91; }

.progress.progress-warning .progress-bar { background-color: #f7ba16; }

.progress.progress-danger .progress-bar { background-color: #ff2000; }

.progress.progress-custom .progress-bar { background-color: #ab08f0; }

.progress.progress-custom-2 .progress-bar { background-color: #d4159c; }

.progress.progress-success .progress-bar { background-color: #5cae4a; }

.progress .progress-bar { box-shadow: none; }

.service-features-item { margin-bottom: 30px; }

.service-features-item.active .item-icon { background: #3f5c91; }

.service-features-item.active .item-icon span { color: #ffffff; }

.service-features-item .item-icon { margin-left: 35px; width: 85px; height: 85px; border: 1px solid #eeeeee; line-height: 85px; text-align: center; margin-bottom: 30px; position: relative; }

.service-features-item .item-icon:before { content: ''; width: 50%; margin-left: -25%; top: -1px; left: 50%; background: #fff; height: 5px; position: absolute; }

.service-features-item .item-icon span { font-size: 24px; color: #666666; }

.service-features-item .item-heading { padding-left: 35px; }

.service-features-item .item-heading .top-heading { font-size: 14px; font-family: "Lato", sans-serif; font-style: italic; margin-bottom: 15px; }

.service-features-item .item-heading h5 { text-transform: uppercase; margin-bottom: 30px; font-size: 16px; margin-left: -30px; }

.service-features-item p { padding-left: 35px; }

.portfolio-item { margin-bottom: 20px; }

.portfolio-item .item-icon { margin-bottom: 30px; color: #3f5c91; font-size: 32px; margin-left: 40px; }

.portfolio-item .item-heading { padding-left: 40px; }

.portfolio-item .item-heading .top-heading { font-size: 14px; font-family: "Lato", sans-serif; font-style: italic; margin-bottom: 15px; }

.portfolio-item .item-heading h5 { text-transform: uppercase; font-size: 16px; margin-bottom: 20px; margin-left: -30px; }

.portfolio-item .item-heading h5.with-underline.left-line:before { border-color: #5cae4a; }

.portfolio-item p { padding-left: 40px; }

.price-item { display: block; margin: 0 auto 30px; max-width: 300px; text-align: center; padding: 50px 15px; border: 1px solid #dddddd; position: relative; }

.price-item.active { border-color: #5cae4a; background: #5cae4a; }

.price-item.active .item-heading h4 { color: #ffffff; }

.price-item.active .item-heading .under-heading { color: #ffffff; }

.price-item.active .count { color: #ffffff; }

.price-item.active .count i, .price-item.active .count span { color: #ffffff; }

.price-item.active .count .count-border { border-color: #fff; }

.price-item.active .count .count-border:after { background: #fff; }

.price-item.active .separate { background: #79bb6b; }

.price-item.active .list-features li { color: #fff; }

.price-item.active .btn.btn-gray { color: #ffffff; border-color: #fff; }

.price-item.active .btn.btn-gray:hover { background: #ffffff; color: #333; }

.price-item.active .btn.btn-gray:hover:after { border-color: transparent transparent #333 #333; }

.price-item.active .btn.btn-gray:after { border-color: transparent transparent #fff #fff; }

.price-item:before { content: ''; width: 80%; left: 10%; height: 5px; top: -1px; background: #fff; position: absolute; }

.price-item .item-heading { margin-bottom: 50px; }

.price-item .item-heading h4 { font-size: 24px; font-weight: bold; text-transform: uppercase; font-family: "Raleway", sans-serif; color: #333333; margin: 0 0 5px; }

.price-item .item-heading .under-heading { font-size: 14px; font-style: italic; font-family: "Lato", sans-serif; color: #666666; }

.price-item .count { position: relative; margin-bottom: 30px; padding-left: 25px; }

.price-item .count span { font-size: 44px; font-family: "Lato", sans-serif; font-weight: bold; }

.price-item .count i { font-size: 14px; font-family: "Lato", sans-serif; font-style: italic; font-weight: 300; color: #666666; }

.price-item .count .count-border { position: absolute; height: 40px; width: 140px; border-bottom: 3px solid #5cae4a; border-left: 3px solid #5cae4a; left: 55px; top: 27px; }

.price-item .count .count-border:after { content: ''; right: 0; bottom: 0; width: 3px; height: 20px; position: absolute; background: #5cae4a; }

.price-item .separate { height: 1px; background: #dddddd; margin: 60px -15px; }

.price-item .list-features { margin-bottom: 50px; }

.price-item .list-features li { line-height: 20px; padding-top: 7px; padding-bottom: 7px; font-family: "Lato", sans-serif; color: #666666; }

.social-list li { display: inline-block; vertical-align: middle; padding-left: 8px; padding-right: 8px; }

.social-list li a { color: #666666; text-decoration: none; font-size: 16px; }

.counters { text-align: right; }

.counters .counter-item { display: inline-block; vertical-align: middle; text-align: center; margin-left: 50px; margin-right: 20px; position: relative; }

.counters .counter-item:first-child { margin-left: 0; }

.counters .counter-item:first-child:before { display: none; }

.counters .counter-item:before { content: ''; display: block; width: 20px; height: 2px; background: #eeeeee; position: absolute; left: -45px; top: 20px; }

.counters .counter-item .top-counter { margin-bottom: 15px; }

.counters .counter-item .top-counter span { color: #eeeeee; font-weight: bold; font-size: 44px; }

.counters .counter-item .bottom-counter { font-size: 14px; font-weight: 300; color: #ffffff; text-transform: uppercase; }

h1 { font-size: 54px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h2 { font-size: 46px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h3 { font-size: 38px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h4 { font-size: 24px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h5 { font-size: 20px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

h6 { font-size: 16px; font-family: 'Raleway', sans-serif; margin: 0 0 0.5em; font-weight: 300; }

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

h1.with-underline.short-underline:after, h2.with-underline.short-underline:after, h3.with-underline.short-underline:after, h4.with-underline.short-underline:after, h5.with-underline.short-underline:after, h6.with-underline.short-underline:after { width: 20px; }

h1.with-underline.under-green:after, h2.with-underline.under-green:after, h3.with-underline.under-green:after, h4.with-underline.under-green:after, h5.with-underline.under-green:after, h6.with-underline.under-green:after { border-color: #5cae4a; }

h1.with-underline.under-gray:after, h2.with-underline.under-gray:after, h3.with-underline.under-gray:after, h4.with-underline.under-gray:after, h5.with-underline.under-gray:after, h6.with-underline.under-gray:after { border-color: #ccc; }

h1.with-underline.under-blue:after, h2.with-underline.under-blue:after, h3.with-underline.under-blue:after, h4.with-underline.under-blue:after, h5.with-underline.under-blue:after, h6.with-underline.under-blue:after { border-color: #3f5c91; }

h1.with-underline.under-center, h2.with-underline.under-center, h3.with-underline.under-center, h4.with-underline.under-center, h5.with-underline.under-center, h6.with-underline.under-center { display: inline-block; }

h1.with-underline.under-center:after, h2.with-underline.under-center:after, h3.with-underline.under-center:after, h4.with-underline.under-center:after, h5.with-underline.under-center:after, h6.with-underline.under-center:after { margin: 20px auto 0.5em; }

h1.with-underline.left-line:after, h2.with-underline.left-line:after, h3.with-underline.left-line:after, h4.with-underline.left-line:after, h5.with-underline.left-line:after, h6.with-underline.left-line:after { display: none; }

h1.with-underline.left-line:before, h2.with-underline.left-line:before, h3.with-underline.left-line:before, h4.with-underline.left-line:before, h5.with-underline.left-line:before, h6.with-underline.left-line:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; margin-right: 10px; border-bottom: 2px solid #cccccc; }

h1.with-underline:after, h2.with-underline:after, h3.with-underline:after, h4.with-underline:after, h5.with-underline:after, h6.with-underline:after { content: ""; display: block; width: 60px; max-width: 100%; border-bottom: 2px solid #3f5c91; margin-top: 20px; margin-bottom: 0.5em; }

.bold { font-weight: bold; }

a.green:hover { color: #5cae4a; }

a:hover { text-decoration: none; }

p { margin-bottom: 0.5em; font-family: 'Lato', sans-serif; color: #666666; font-size: 14px; line-height: 28px; }

p span.hightlited-blue, p span.hightlited-green { padding: 3px 5px; color: #fff; }

p span.hightlited-blue { background: #3f5c91; }

p span.hightlited-green { background: #5cae4a; }

p span.hightlited-dotted { border: 1px dotted #777777; color: #3f5c91; padding: 0 5px; }

p .first-letter { font-size: 48px; width: 60px; font-weight: bold; text-align: center; line-height: 60px; margin: 8px 15px 15px 0; float: left; text-transform: uppercase; }

p .first-letter.circle { border-radius: 50%; }

p .first-letter.blue-first-letter { background: #237ac6; color: #fff; }

p .first-letter.square { font-size: 32px; line-height: 40px; height: 40px; width: 40px; }

p .first-letter.green-first-letter { background: #5cae4a; color: #fff; }

blockquote { display: block; }

blockquote.blockquote-1 { font-size: 16px; font-family: Merriweather, sans-serif; font-style: italic; color: #777777; line-height: 1.75; text-align: center; position: relative; margin-bottom: 60px; }

blockquote.blockquote-1:before { content: ''; width: 100px; height: 40px; background: url(../img/blockquote-1.png) center no-repeat; display: block; margin: 0 auto 30px auto; }

blockquote.blockquote-2 { font-size: 20px; font-family: Merriweather, sans-serif; font-style: italic; color: #333333; line-height: 1.75; margin-bottom: 60px; padding-left: 120px; padding-right: 30px; position: relative; text-align: left; }

blockquote.blockquote-2:before { content: ''; width: 60px; height: 100px; background: url(../img/blockquote-2.png) center no-repeat; display: block; margin: -50px 0 0 0; position: absolute; left: 30px; top: 50%; }

blockquote.blockquote-3 { font-size: 24px; font-family: Merriweather, sans-serif; font-style: italic; color: #333333; line-height: 1.75; margin-bottom: 60px; padding-left: 40px; position: relative; text-align: left; border-left: 4px solid #5cae4a; }

blockquote.blockquote-3 a { display: block; line-height: 1; color: #333333; text-transform: uppercase; font-weight: bold; font-size: 14px; font-family: "Lato", sans-serif; margin: 30px 0 0 0; font-style: normal; }

blockquote.blockquote-3 span { display: block; margin: 0; line-height: 1; font-size: 14px; color: #666666; font-weight: 300; }

blockquote.blockquote-4 { font-size: 16px; font-family: Merriweather, sans-serif; font-style: italic; color: #fff; line-height: 1.75; margin-bottom: 60px; padding: 40px 50px 40px 140px; position: relative; text-align: left; border-left: 4px solid #5cae4a; background: #3f5c91; }

blockquote.blockquote-4:before { content: ''; width: 35px; height: 22px; background: url(../img/blockquote-3.png) center no-repeat; position: absolute; top: 45px; left: 65px; }

blockquote.blockquote-4 a { display: block; line-height: 1; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; font-family: "Lato", sans-serif; margin: 0; font-style: normal; }

blockquote.blockquote-4 span { display: block; margin: 0 0 30px; line-height: 1; font-size: 14px; color: #fff; font-weight: 300; }

.blockquote-box { text-align: right; margin-bottom: 20px; }

.blockquote-box.white-box blockquote { background: url(../img/icons/quotes-green.png) 40px 40px no-repeat; background-color: #fff; background-size: 25px 20px; }

.blockquote-box.white-box blockquote:after { border-left-color: #fff; }

.blockquote-box.white-box .wrap-author .avatar { border: 5px solid #fff; }

.blockquote-box blockquote { text-align: left; padding: 40px 20px 40px 80px; font-family: Karla, sans-serif; color: #333333; font-style: italic; line-height: 28px; position: relative; margin-bottom: 30px; background: url(../img/icons/quotes-green.png) 40px 40px no-repeat; background-color: #f6f6f6; background-size: 25px 20px; }

.blockquote-box blockquote:after { content: ""; border: 20px solid transparent; border-left-color: #f6f6f6; display: block; position: absolute; top: 100%; right: 30px; margin-top: -20px; }

.blockquote-box .wrap-author { display: inline-block; text-align: left; }

.blockquote-box .wrap-author .avatar { overflow: hidden; width: 60px; height: 60px; border: 5px solid #f6f6f6; border-radius: 50%; background: #fff; }

.blockquote-box .wrap-author .author { padding-left: 10px; }

.blockquote-box .wrap-author .author a { display: block; font-family: Lato, sans-serif; color: #237ac6; font-size: 12px; font-weight: 700; text-transform: uppercase; }

.blockquote-box .wrap-author .author span { font-family: Karla, sans-serif; color: #777777; font-size: 13px; font-style: italic; text-align: left; }

.content-title { position: relative; display: inline-block; vertical-align: middle; text-transform: uppercase; padding: 25px 10px 25px 25px; border-left: 10px solid #5cae4a; margin-bottom: 35px; }

.content-title:before { content: ""; width: 130px; height: 10px; background: #5cae4a; display: block; position: absolute; top: 0; left: 0; }

.content-title:after { content: ""; width: 230px; height: 10px; background: #5cae4a; position: absolute; bottom: 0; left: 0; }

.content-title span { display: block; line-height: 60px; }

.content-title .top { font-family: Raleway, sans-serif; color: #3f5c91; font-size: 46px; font-weight: 700; }

.content-title .bottom { font-family: Raleway, sans-serif; color: #333333; font-size: 46px; font-weight: 700; }

.contnet-under-title { font-family: Lato, sans-serif; color: #333333; font-size: 30px; font-weight: 700; margin-bottom: 35px; text-transform: uppercase; }

.green { color: #5cae4a; }

.green + .tooltip .tooltip-inner { background: #5cae4a; color: #fff; text-transform: uppercase; border-radius: 0; }

.green + .tooltip .tooltip-arrow { border-top-color: #5cae4a; }

.blue { color: #3f5c91; }

.blue + .tooltip .tooltip-inner { background: #3f5c91; color: #fff; text-transform: uppercase; border-radius: 0; }

.blue + .tooltip .tooltip-arrow { border-top-color: #3f5c91; }

.grey { color: #aaaaaa; }

.dark { position: relative; }

.dark.dark-strong:after { background: #0b0f12; opacity: 0.9; }

.dark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #191919; opacity: 0.72; z-index: 1; }

.blue-dark { position: relative; }

.blue-dark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #3f5c91; opacity: 0.95; z-index: 1; }

.blue-dark.solid:after { opacity: 1; }

.green-dark { position: relative; }

.green-dark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #5cae4a; opacity: 0.95; z-index: 1; }

.dark-content { position: relative; z-index: 2; }

.light-title { font-size: 30px; margin-bottom: 30px; font-weight: 100; font-family: 'Open Sans', sans-serif; color: #777777; }

ul.list, ol.list { margin-bottom: 30px; }

ul.list.list-round-check.blue-list li:before, ol.list.list-round-check.blue-list li:before { color: #3f5c91; }

ul.list.list-round-check li:before, ol.list.list-round-check li:before { font-family: FontAwesome; content: "\f05d"; color: #111; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-caret-right li:before, ol.list.list-caret-right li:before { font-family: FontAwesome; content: "\f0da"; color: #5cae4a; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-check li:before, ol.list.list-check li:before { font-family: FontAwesome; content: "\f00c"; color: #3f5c91; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-check li.disable:before, ol.list.list-check li.disable:before { content: "\f00d"; color: #5cae4a; }

ul.list.list-pointer-right li:before, ol.list.list-pointer-right li:before { font-family: FontAwesome; content: "\f0a4"; color: #5cae4a; margin-right: 20px; display: inline-block; vertical-align: middle; }

ul.list.list-dash li:before, ol.list.list-dash li:before { content: ""; width: 20px; margin-right: 20px; display: inline-block; vertical-align: middle; border-bottom: 2px solid #ccc; }

ul.list li, ol.list li { line-height: 30px; color: #333333; font-size: 15px; text-align: left; }

ul.list-counter, ol.list-counter { counter-reset: item; }

ul.list-counter li, ol.list-counter li { line-height: 30px; color: #333333; font-size: 15px; text-align: left; }

ul.list-counter li:before, ol.list-counter li:before { content: counter(item) ". "; counter-increment: item; margin-right: 20px; display: inline-block; vertical-align: middle; color: #5cae4a; }

ul.list-counter.list-counter-circle li:before, ol.list-counter.list-counter-circle li:before { content: counter(item); color: #fff; background: #111; border-radius: 50%; line-height: 20px; width: 20px; text-align: center; }

.table thead tr th { text-transform: uppercase; font-family: Lato, sans-serif; color: #333333; font-size: 14px; font-weight: 900; text-align: left; line-height: 30px; padding: 12px 15px; border: none; border-bottom: 4px solid #3f5c91; }

.table thead tr th:first-child { text-indent: 7px; }

.table tbody tr td { font-family: Karla, sans-serif; color: #333333; font-size: 15px; font-weight: 400; line-height: 25px; text-align: left; border: none; border-bottom: 1px solid #eeeeee; padding: 10px 15px; }

.table.table-lined-headers thead tr th { position: relative; }

.table.table-lined-headers thead tr th:after { content: ''; width: 20px; height: 2px; background: #cccccc; display: block; }

.table.table-warning thead tr th { border-bottom: 4px solid #5cae4a; }

.table.table-dark-header thead tr th { background: #f5f5f5; border-top: 1px solid #eeeeee; }

.half-effect { position: relative; overflow: hidden; }

.half-effect:after { content: ""; position: absolute; top: -100%; right: -53%; bottom: -100%; width: 100%; background: rgba(0, 0, 0, 0.1); -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }

.half-effect-reverse { position: relative; overflow: hidden; }

.half-effect-reverse:after { content: ""; position: absolute; top: -100%; left: -53%; bottom: -100%; width: 100%; background: rgba(0, 0, 0, 0.1); -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }

.half-color { position: relative; }

.half-color:before { content: ""; position: absolute; top: 0; bottom: 0; z-index: 0; width: 50%; }

.half-color.right-color:before { right: 0; }

.half-color.left-color:before { left: 0; }

.half-color.blue-color:before { background: #3f5c91; }

.blue-col { background: #3f5c91; }

@media (max-width: 991px) { .content-title span { line-height: 42px; }
  .content-title .top { font-size: 36px; }
  .content-title .bottom { font-size: 36px; }
  .contnet-under-title { font-size: 22px; } }

/****** DEMO PAGE ******/
.top-demo { padding: 100px 0; background: url(../img/sections/home-section-1.jpg) top center no-repeat; background-size: cover; border-bottom: 5px solid #5cae4a; }

.top-demo .top-part img { margin-bottom: 50px; }

.demopage-preview { padding: 100px 0; }

.demopage-preview > div { padding-bottom: 70px; }

.demopage-preview_item { background-image: url("../img/demo/mac.png"); display: block; height: 314px; margin: 0 auto; padding: 17px 18px 85px 16px; width: 370px; }

.demopage-preview_item + h3 { font-size: 16px; line-height: 120%; font-weight: bold; color: #666; padding: 53px 0 29px; text-align: center; }

.demopage-preview_inner { float: left; height: 100%; overflow: hidden; position: relative; width: 100%; }

.demopage-preview_inner img { left: 0; position: absolute; top: 0; -webkit-transition: all 4s ease 0s; transition: all 4s ease 0s; width: 100%; }

.demopage-footer { background-color: #333; padding: 46px 0; text-align: center; }

.demopage-footer span { color: #fff; font-size: 14px; font-weight: normal; text-align: center; }

/*MEDIA*/
@media (max-width: 1330px) { .section-why-choose-us .why-choose-us-image { margin-left: -50px; } }