/*------------------------------------------------------------------
Project:	 RETTIC
Version: 	1.0
Assigned to:	Alximicus
Primary use:	RETTIC
-------------------------------------------------------------------*/
/* 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: 'Karla', sans-serif; color: #333333; overflow-x: hidden; }

* { outline: none !important; }

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

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

.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; }

.invertX { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

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; }

h1 { font-size: 44px; font-family: Lato, sans-serif; margin: 0 0 0.5em; font-weight: 400; }

h2 { font-size: 36px; font-family: Lato, sans-serif; margin: 0 0 0.5em; font-weight: 400; }

h3 { font-size: 28px; font-family: Lato, sans-serif; margin: 0 0 0.5em; font-weight: 400; }

h4 { font-size: 20px; font-family: Lato, sans-serif; margin: 0 0 0.5em; font-weight: 400; }

h5 { font-size: 18px; font-family: Lato, sans-serif; margin: 0 0 0.5em; font-weight: 400; }

h6 { font-size: 16px; font-family: Lato, sans-serif; margin: 0 0 0.5em; font-weight: 400; }

h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold { font-weight: bold; }
h1.with-underline.under-orange:after, h2.with-underline.under-orange:after, h3.with-underline.under-orange:after, h4.with-underline.under-orange:after, h5.with-underline.under-orange:after, h6.with-underline.under-orange:after { border-color: #ed912a; }
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: #088cdc; }
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: 1px solid #088cdc; margin-top: 20px; margin-bottom: 0.5em; }

.bold { font-weight: bold; }

a.orange:hover { color: #ed912a; }
a:hover { text-decoration: none; }

p { font-size: 15px; line-height: 28px; margin-bottom: 0.5em; }
p span.hightlited-blue, p span.hightlited-orange { padding: 0 5px; color: #fff; }
p span.hightlited-blue { background: #088cdc; }
p span.hightlited-orange { background: #ed912a; }
p span.hightlited-dotted { border: 1px dotted #777777; color: #088cdc; 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.orange-first-letter { background: #ed912a; color: #fff; }

blockquote { display: block; }
blockquote.blockquote-free { padding: 15px 0 15px 70px; font-size: 26px; color: #333; font-family: 'Merriweather', serif; font-style: italic; line-height: 36px; margin-bottom: 60px; }
blockquote.blockquote-free .author { font-size: 14px; font-weight: bold; font-family: Lato, sans-serif; color: #ed912a; text-transform: uppercase; font-style: normal; }
blockquote.blockquote-free.orange-blockquote { background: url(../img/icons/quotes-orange.png) top left no-repeat; }
blockquote.blockquote-box { padding: 35px 15px 35px 90px; font-size: 17px; color: #000000; font-family: 'Karla', serif; font-style: italic; line-height: 28px; margin-bottom: 60px; background: #f6f6f6; border-left: 5px solid #ed912a; }
blockquote.blockquote-box.text-left { text-align: left; }
blockquote.blockquote-box.blue-blockquote { background: url(../img/icons/quotes-blue.png) 35px 30px no-repeat; background-color: #f6f6f6; }
blockquote.blockquote-box.white-blockquote { background-color: #fff; }
blockquote.blockquote-full { padding: 50px 25px 50px 135px; font-size: 16px; color: #fff; font-family: 'Karla', serif; font-weight: bold; line-height: 30px; margin-bottom: 60px; background-color: #237ac6; }
blockquote.blockquote-full.blue-blockquote { background: url(../img/icons/quotes-orange-circle.png) 34px 59px no-repeat; background-color: #237ac6; }

.blockquote-box { text-align: right; margin-bottom: 20px; }
.blockquote-box.white-box blockquote { background: url(../img/icons/quotes-orange.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-orange.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; }

.btn { font-family: Karla, sans-serif; font-size: 15px; font-weight: 400; padding: 10px 25px; line-height: 30px; border-radius: 3px; text-transform: uppercase; box-shadow: none !important; }
.btn .fa { font-size: 14px; padding-left: 10px; }
.btn .icon-envelope { line-height: 30px; display: inline-block; vertical-align: bottom; margin-right: 10px; }
.btn.btn-sm { padding: 5px 15px; font-size: 13px; }
.btn.btn-lg { padding: 15px 35px; font-size: 18px; }
.btn.btn-checkbox { padding: 0; line-height: 30px; color: #555555; font-family: Lato, sans-serif; text-transform: none; margin-right: 10px; }
.btn.btn-checkbox.active:before { font-family: FontAwesome; content: "\f00c"; color: #555; }
.btn.btn-checkbox.checkbox-blue:before { background: #088cdc; border-color: #088cdc; color: #fff; }
.btn.btn-checkbox.checkbox-orange:before { background: #ed912a; border-color: #ed912a; color: #fff; }
.btn.btn-checkbox:before { content: ""; width: 22px; height: 22px; border: 1px solid #cccccc; background: #fff; display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; line-height: 20px; text-align: center; }
.btn.btn-radio { padding: 0; line-height: 30px; color: #555555; font-family: Lato, sans-serif; text-transform: none; margin-right: 10px; }
.btn.btn-radio.active:before { font-family: FontAwesome; content: "\f111"; color: #555; }
.btn.btn-radio.radio-blue:before { background: #088cdc; border-color: #088cdc; color: #fff; }
.btn.btn-radio.radio-white:before { border: 1px solid #ccc; background: #fff; color: #088cdc; }
.btn.btn-radio:before { content: ""; width: 18px; height: 18px; border: 1px solid #cccccc; background: #fff; display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; line-height: 16px; text-align: center; border-radius: 50%; font-size: 10px; }
.btn.btn-primary { background: #237ac6; border: 1px solid #237ac6 !important; color: #fff; }
.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover { background: #1664A9; }
.btn.btn-white-orange { color: #333; background: #fff; border: 1px solid #ddd; }
.btn.btn-white-orange.orange { color: #ed912a; }
.btn.btn-white-orange.orange i { color: #088cdc; }
.btn.btn-white-orange:active, .btn.btn-white-orange:focus, .btn.btn-white-orange:hover { background: #ed912a; border: 1px solid #ed912a !important; color: #fff; }
.btn.btn-white-orange:active i, .btn.btn-white-orange:focus i, .btn.btn-white-orange:hover i { color: #fff; }
.btn.btn-white-orange:active.no-border, .btn.btn-white-orange:focus.no-border, .btn.btn-white-orange:hover.no-border { border: none !important; }
.btn.btn-white-orange.no-border { border: none !important; }
.btn.btn-warning { background: #ed912a; border: 1px solid #ed912a !important; color: #fff; }
.btn.btn-warning:active, .btn.btn-warning:focus, .btn.btn-warning:hover { background: #DF831D; }
.btn.btn-default { background: #f6f6f6; border: 2px solid #eeeeee !important; color: #555555; }
.btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover { background: #EFEFEF; }
.btn.btn-default.btn-default-bordered { border: 2px solid #cccccc !important; }
.btn.btn-transparent { background: none; border: none; box-shadow: none; }
.btn.btn-transparent.orange i { color: #237ac6; }
.btn.btn-transparent.orange:hover { color: #ed912a; }

.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: #ed912a; }
.form-group.has-feedback .form-control { padding-right: 45px; }

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

.form-control { background: none; box-shadow: none !important; outline: none; border: none; border-bottom: 1px solid #dddddd; border-radius: 0; border-radius: none; padding-left: 0; height: 40px; color: #999; font-family: Karla, sans-serif; color: #aaaaaa; font-size: 15px; font-weight: 400; }
.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;*/ }

.orange { color: #ed912a; }
.orange + .tooltip .tooltip-inner { background: #ed912a; color: #fff; text-transform: uppercase; border-radius: 0; }
.orange + .tooltip .tooltip-arrow { border-top-color: #ed912a; }

.blue { color: #088cdc; }
.blue + .tooltip .tooltip-inner { background: #088cdc; color: #fff; text-transform: uppercase; border-radius: 0; }
.blue + .tooltip .tooltip-arrow { border-top-color: #088cdc; }

.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: #237ac6; opacity: 0.95; z-index: 1; }
.blue-dark.solid:after { opacity: 1; }

.orange-dark { position: relative; }
.orange-dark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #ed912a; 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.orange-list li:before, ol.list.list-round-check.orange-list li:before { color: #ed912a; }
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: #237ac6; 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: #088cdc; 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: #ed912a; }
ul.list.list-angle-right li:before, ol.list.list-angle-right li:before { font-family: FontAwesome; content: "\f105"; color: #ed912a; margin-right: 20px; display: inline-block; vertical-align: middle; }
ul.list.list-square li:before, ol.list.list-square li:before { font-family: FontAwesome; content: "\f096"; color: #088cdc; margin-right: 20px; display: inline-block; vertical-align: middle; }
ul.list.list-arrow-right li:before, ol.list.list-arrow-right li:before { font-family: FontAwesome; content: "\f178"; color: #088cdc; margin-right: 20px; display: inline-block; vertical-align: middle; }
ul.list.list-circle li:before, ol.list.list-circle li:before { font-family: FontAwesome; content: "\f111"; color: #ed912a; font-size: 10px; margin-right: 20px; display: inline-block; vertical-align: middle; }
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: #ed912a; }
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 { /*&.table-primary {*/ border: 1px solid #eeeeee; /*}*/ }
.table thead tr th { font-weight: bold; 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-bottom: 4px solid #237ac6; }
.table thead tr th:first-child { text-align: center; }
.table tbody tr td { font-family: Karla, sans-serif; color: #333333; font-size: 15px; font-weight: 400; line-height: 25px; text-align: left; border-bottom: 1px solid #eeeeee; padding: 10px 15px; }
.table tbody tr td:first-child { text-align: center; }
.table.table-warning thead tr th { border-bottom: 4px solid #ed912a; }
.table.table-mixed thead tr th { background: #237ac6; color: #fff; border-left: none; border-right: none; border-bottom: 4px solid #ed912a; }
.table.table-mixed tbody tr td { border-color: #eeeeee; }

.top-arrow-effect { position: relative; }
.top-arrow-effect:before { content: ""; display: block; pointer-events: none; height: 10px; width: 100%; position: absolute; left: 0; top: 0; right: 0; background: linear-gradient(to top, #f6f6f6, #ececec); background: -webkit-linear-gradient(to top, #f6f6f6, #ececec); background: -moz-linear-gradient(to top, #f6f6f6, #ececec); }
.top-arrow-effect:after { content: ""; position: absolute; top: 0; left: 50%; border: 20px solid transparent; border-left-width: 30px; border-right-width: 30px; border-top-color: #fff; margin-left: -30px; }

.bulge-bottom-container { margin-top: -90px; position: relative; bottom: -90px; }

.bulge-top-container { margin-bottom: -70px; position: relative; top: -70px; }

.counter-item .count { font-family: Karla, sans-serif; color: #333333; font-size: 52px; font-weight: 700; margin-bottom: 5px; }
.counter-item .counter-title { font-family: Karla, sans-serif; color: #555555; font-size: 14px; font-weight: 400; text-transform: uppercase; }
.counter-item .counter-title:after { content: ""; display: block; border-top: 1px solid #237ac6; width: 40px; margin-top: 20px; }

.sep-element { border-bottom: 1px solid #237ac6; width: 100px; display: inline-block; position: relative; margin: 0 auto; }
.sep-element:after { content: ""; background-color: #ffffff; border: 1px solid #237ac6; width: 10px; height: 11px; display: block; position: absolute; top: 0; left: 50%; margin-left: -5px; margin-top: -5px; }

.section-heading { text-align: center; padding: 80px 0 50px; }
.section-heading.white-heading .section-subtitle { color: rgba(170, 170, 170, 0.8); }
.section-heading.white-heading .section-title { color: #ffffff; }
.section-heading.white-heading .sep-element { border-color: #fff; }
.section-heading.white-heading .sep-element:after { border-color: #fff; background: #2f3849; }
.section-heading .section-subtitle { font-family: Karla, sans-serif; color: rgba(170, 170, 170, 0.8); font-size: 20px; font-weight: 400; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 4px; }
.section-heading .section-title { font-family: Lato, sans-serif; text-transform: lowercase; color: #333333; font-size: 44px; font-weight: 400; margin-bottom: 30px; letter-spacing: 4px; }



/******** FOOTER *********/
/* .footer { background: url(../img/sections/footer-section.png) top center/cover no-repeat #191919; padding: 20px 0 100px; } */
.footer { background-color: #0b0f12; }
.footer.contact-footer { padding: 100px 0 20px; }
.footer .footer-text { margin-bottom: 60px; color: #fefefe; }
.footer .footer-logo { margin-bottom: 20px; }
.footer .list-social { margin-bottom: 20px; }
.footer .list-social ul li { display: inline-block; vertical-align: middle; }
.footer .list-social ul li a { font-size: 16px; color: rgba(170, 170, 170, 0.8); padding: 0 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }
.footer .list-social ul li a:hover { color: #fff; }
.footer .copyright { font-family: Karla; color: #7e848e; font-size: 12px; }
.footer .form-control { border-color: #444444; }

.coming-soon-footer { padding: 60px 0; border-top: 1px solid #eeeeee; position: relative; color: #7e848e; text-transform: uppercase; }
.coming-soon-footer .footer-logo { margin-bottom: 20px; }
.coming-soon-footer .list-social { margin-bottom: 20px; }
.coming-soon-footer .list-social ul li { display: inline-block; vertical-align: middle; }
.coming-soon-footer .list-social ul li a { font-size: 16px; color: rgba(170, 170, 170, 0.8); padding: 0 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }
.coming-soon-footer .list-social ul li a:hover { color: #fff; }
.coming-soon-footer .copyright { font-family: Karla; color: #7e848e; font-size: 12px; }
.coming-soon-footer:before { content: ""; background-color: #ffffff; border: 1px solid #eeeeee; width: 10px; height: 11px; display: block; position: absolute; top: 0; left: 50%; margin-left: -5px; margin-top: -5px; }

/******** SIDEBAR ********/
.sidebar-widget { margin-bottom: 40px; }
.sidebar-widget .widget-heading { font-family: Lato, sans-serif; color: #333333; font-size: 14px; font-weight: 900; text-transform: uppercase; margin-bottom: 25px; }
.sidebar-widget .widget-heading:after { content: ""; display: block; width: 60px; max-width: 100%; border-bottom: 1px solid #ddd; margin-top: 15px; margin-bottom: 0.5em; }
.sidebar-widget.widget-categories .categories-list ul li.active a, .sidebar-widget.widget-categories .categories-list ul li:hover a { color: #237ac6; }
.sidebar-widget.widget-categories .categories-list ul li.active a i, .sidebar-widget.widget-categories .categories-list ul li:hover a i { color: #ed912a; }
.sidebar-widget.widget-categories .categories-list ul li a { color: #333333; font-size: 15px; line-height: 26px; text-align: left; display: block; padding: 12px 0; border-bottom: 1px solid #eeeeee; }
.sidebar-widget.widget-categories .categories-list ul li a i { color: #237ac6; margin-right: 10px; }
.sidebar-widget.widget-recents-posts .posts-list .list-item { padding: 20px 0; margin: 0; border-bottom: 1px solid #eeeeee; }
.sidebar-widget.widget-recents-posts .posts-list .list-item img { width: 70px; max-height: 70px; }
.sidebar-widget.widget-recents-posts .posts-list .list-item .media-left { padding-right: 20px; }
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-title { color: #333333; font-size: 15px; font-weight: 700; line-height: 22px; text-align: left; margin-bottom: 10px; display: block; }
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a { color: #237ac6; font-size: 12px; margin-right: 10px; }
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a span { color: #ddd; }
.sidebar-widget.widget-tags .btn { margin-bottom: 5px; text-transform: capitalize; }

/*********  SECTIONS **********/
/* Top section */
.header-section { padding: 180px 0 100px; text-align: center; border-bottom: 6px solid #088cdc; }
.header-section h2 { color: #fff; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); }
.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.portfolio-single-header { background: url(../img/sections/section-6.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-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; }

.section-header-slider .vertical-slider { text-align: center; width: 100%; max-width: 100% !important; position: relative; /*        .slider-item { position: relative; overflow: hidden; .slide-img { position: absolute; top: 0; left: 0; right: 0; min-width: 100%; width: auto;  min-height: 100%; } .slide-content { padding-top: 320px; padding-bottom: 280px; &.right-slide-content { text-align: left; } .above-title { font-family: Lato, sans-serif; color: #ffffff; font-size: 30px; font-weight: 300; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); text-transform: uppercase; letter-spacing: 6px; margin-bottom: 5px; } h1 { font-family: Lato, sans-serif; color: #ffffff; font-size: 50px; font-weight: 700; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); text-transform: uppercase; } p { font-family: Karla, sans-serif; color: #ffffff; font-size: 18px;  font-weight: 400; line-height: 26px; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); margin-bottom: 30px; } .slider-buttons  { .btn { color: #fff; margin: 0 4px; min-width: 145px; margin-bottom: 10px; margin-left: 0; &:first-child { margin-left: 0; } &:hover, &:focus, &.active { color: #fff; background: $orange; border-color: $orange !important; } } } .watch-video { i { font-size: 30px; display: inline-block; color: #ed912a; margin-bottom: 15px; } span { display: block; text-transform: uppercase; font-family: Karla, sans-serif; color: #ffffff; font-size: 15px;  font-weight: 700; font-style: italic; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); } } } }*/ }
.section-header-slider .vertical-slider .sp-buttons { position: absolute; right: 30px; top: 50%; width: auto; 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: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.section-header-slider .vertical-slider .sp-buttons .sp-button { display: block; width: 10px; height: 10px; margin-bottom: 5px; border-radius: 50%; border: 1px solid #666668; }
.section-header-slider .vertical-slider .sp-buttons .sp-button:hover, .section-header-slider .vertical-slider .sp-buttons .sp-button.sp-selected-button { background: #088cdc; border-color: #088cdc; }
.section-header-slider .vertical-slider .sp-layer { position: relative; }
.section-header-slider .vertical-slider .sp-mask { height: 800px !important; width: 100% !important; background: #333; }
.section-header-slider .vertical-slider .slide-item { width: 100%; text-align: center; z-index: 5; position: absolute; height: 800px !important; width: 100% !important; }
.section-header-slider .vertical-slider .slide-item .slider-title { font-size: 12px; text-transform: uppercase; color: #dddddd; font-family: 'Raleway', sans-serif; font-weight: bold; margin-bottom: 40px; }
.section-header-slider .vertical-slider .slide-item .slider-title i { margin: 0 5px 0 8px; font-size: 24px; color: #ed912a; text-shadow: #393a39 2px 0px, #393a39 2px 2px,  #393a39 0px 2px, #393a39 -2px 2px, #393a39 -2px 0px,  #393a39 -2px -2px, #393a39 0px -2px, #393a39 2px -2px, #393a39 0 0 3px, #393a39 0 0 3px,  #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px,  #393a39 0 0 3px,  #393a39 0 0 3px; }
.section-header-slider .vertical-slider .slide-item p { color: #fff; }
.section-header-slider .vertical-slider .slide-item .slide-image { background: #000; height: 800px; overflow: hidden; }
.section-header-slider .vertical-slider .slide-item .slide-image img { width: auto; min-width: 100%; }
.section-header-slider .vertical-slider .slide-item .time { color: #999999; font-size: 13px; font-family: 'Playfair Display', serif; font-style: italic; margin-bottom: 30px; display: inline-block; vertical-align: middle; }
.section-header-slider .vertical-slider .slide-item .slide-content { padding: 250px 15px 0; position: absolute; top: 0; left: 0; right: 0; padding-top: 320px; padding-bottom: 280px; }
.section-header-slider .vertical-slider .slide-item .slide-content.right-slide-content { text-align: left; }
.section-header-slider .vertical-slider .slide-item .slide-content .above-title { font-family: Lato, sans-serif; color: #ffffff; font-size: 30px; font-weight: 300; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); text-transform: uppercase; letter-spacing: 6px; margin-bottom: 5px; }
.section-header-slider .vertical-slider .slide-item .slide-content h1 { font-family: Lato, sans-serif; color: #ffffff; font-size: 50px; font-weight: 700; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); text-transform: uppercase; }
.section-header-slider .vertical-slider .slide-item .slide-content p { font-family: Karla, sans-serif; color: #ffffff; font-size: 18px; font-weight: 400; line-height: 26px; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); margin-bottom: 30px; }
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn { color: #fff; margin: 0 4px; min-width: 145px; margin-bottom: 10px; margin-left: 0; }
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:first-child { margin-left: 0; }
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:hover, .section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:focus, .section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn.active { color: #fff; background: #ed912a; border-color: #ed912a !important; }
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video { text-decoration: none !important; }
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video i { font-size: 30px; display: inline-block; color: #ed912a; margin-bottom: 15px; }
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video span { display: block; text-transform: uppercase; font-family: Karla, sans-serif; color: #ffffff; font-size: 15px; font-weight: 700; font-style: italic; text-decoration: none !important; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); }
.section-header-slider .vertical-slider .owl-dots { position: absolute; right: 30px; top: 50%; 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: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.section-header-slider .vertical-slider .owl-dots .owl-dot { display: block; width: 10px; height: 10px; margin-bottom: 5px; border-radius: 50%; border: 1px solid #666668; }
.section-header-slider .vertical-slider .owl-dots .owl-dot:hover, .section-header-slider .vertical-slider .owl-dots .owl-dot.active { background: #088cdc; border-color: #088cdc; }

.section-intro { background: url(../img/sections/section-3.jpeg) center no-repeat; background-size: cover; }
.section-intro .iphone { margin-top: -60px; margin-bottom: -60px; }
.section-intro .arrow { padding-top: 155px; margin-bottom: 30px; }
.section-intro .intro-title { font-family: Lato, sans-serif; color: #ffffff; font-size: 60px; font-weight: 700; padding-left: 60px; text-transform: uppercase; }
.section-intro .intro-text { font-family: Karla,sans-serif; color: #ffffff; font-size: 28px; font-weight: 400; line-height: 42px; padding-top: 75px; text-align: left; margin-bottom: 40px; }
.section-intro .under-intro-text { font-family: Karla,sans-serif; color: #ffffff; font-size: 28px; font-weight: 700; text-align: left; }

.section-intro-2 { padding: 60px 0; border-bottom: 1px solid #ebebeb; }
.section-intro-2 .counters { padding-top: 70px; }
.section-intro-2 p { margin-bottom: 32px; }

.section-services-2 { background: url(../img/sections/section-4.jpeg) top center no-repeat; background-size: cover; background-attachment: fixed; }

/* .service-features-section { background: url(../img/sections/section-5.jpg) center no-repeat; background-size: cover; padding-bottom: 80px; position: relative; } */
.service-features-section:before { content: ""; border-left: 1px solid #4590cf; position: absolute; display: block; top: 55px; bottom: 145px; left: 50%; z-index: 2; }
.service-features-section .pages a { display: inline-block; vertical-align: middle; margin: 0 5px; opacity: 0.7; text-decoration: none; }
.service-features-section .pages a:hover { opacity: 1; }
.service-features-section .pages a i { font-size: 16px; color: #fff; }

.section-gallery { padding-top: 80px; }

.section-error-404 { text-align: center; padding: 220px 0 0 0; margin-bottom: 30px; }
.section-error-404 .logo-container { background: #f6f6f6; padding: 0 15px; }
.section-error-404 .logo-container .text-404 { width: 378px; height: 164px; background: url(../img/404.png) center no-repeat; background-size: contain; margin: 0 auto -30px; position: relative; top: -70px; max-width: 100%; }
.section-error-404 .logo-container h5 { letter-spacing: 7px; margin-bottom: 75px; }
.section-error-404 .logo-container p { font-size: 20px; margin-bottom: 100px; }
.section-error-404 .logo-container p strong { font-weight: bold; }
.section-error-404 .gohome-container { background: #237ac6; padding: 35px 0; margin-top: -35px; }

.section-coming-soon { padding: 140px 0 120px; background: url(../img/sections/section-2.jpg) top center no-repeat; background-size: cover; text-align: center; }
.section-coming-soon .big-logo { margin-bottom: 35px; }
.section-coming-soon.section-contact-2 { background: url(../img/sections/section-2.jpg) top center no-repeat; background-size: cover; }
.section-coming-soon h5 { color: #ffffff; font-size: 26px; font-weight: 400; line-height: 26px; letter-spacing: 7px; text-transform: uppercase; margin-bottom: 80px; }
.section-coming-soon .wrap-email-form { padding-top: 60px; }

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

.section-contact { padding: 120px 0; background: #f6f6f6; }

.section-socials { padding: 90px 0; }
.section-socials h4 { margin-bottom: 35px; letter-spacing: 4px; }

.blog-content-section { padding: 80px 0 100px; }

.map-section { padding: 70px 0; background: url(../img/sections/map-section.jpeg) top center/cover no-repeat; }
.map-section a { color: #ffffff; font-size: 16px; text-align: center; text-transform: uppercase; letter-spacing: 3px; display: block; text-decoration: none; }

.seo-div a { color: whitesmoke; }

.section-purchase { background: url(../img/sections/section-7.jpg) top center/cover no-repeat; padding: 60px 0; color: #fff; }
.section-purchase h3 { font-size: 26px; margin: 0; }
.section-purchase .btn.btn-default { color: #fff; }
.section-purchase .btn.btn-default:hover { color: #333; }
.section-purchase .logo-block { text-transform: uppercase; border-right: 1px solid #f5c083; padding: 10px 30px; }

.section-who-we-are .text-container .col-md-6 { margin-bottom: 30px; }
.section-who-we-are .who-we-are-image { padding-top: 60px; text-align: center; }
.section-who-we-are .who-we-are-image img { max-width: 100%; }
.section-who-we-are .who-we-are-collage { padding-top: 60px; text-align: center; position: relative; min-height: 700px; margin-bottom: -100px; }
.section-who-we-are .who-we-are-collage img { max-width: 100%; }
.section-who-we-are .who-we-are-collage .collage-item { position: absolute; }
.section-who-we-are .who-we-are-collage .collage-item.item-brac { top: 57%; right: 20%; }
.section-who-we-are .who-we-are-collage .collage-item.item-camera { top: 51%; left: 15%; }
.section-who-we-are .who-we-are-collage .collage-item.item-clips { top: 28%; left: 5%; }
.section-who-we-are .who-we-are-collage .collage-item.item-headphones { top: 25%; right: 0%; }
.section-who-we-are .who-we-are-collage .collage-item.item-keyboard { top: 48%; right: 42%; }
.section-who-we-are .who-we-are-collage .collage-item.item-mouse { top: 48%; right: 32%; }
.section-who-we-are .who-we-are-collage .collage-item.item-pen { top: 39%; right: 26%; }

.section-skills .feature-section { background: url(../img/sections/section-8.jpg) top center/cover no-repeat; background-attachment: fixed; padding: 120px 0 70px; }
.section-skills .feature-section .wrap-feature-content { position: relative; }
.section-skills .feature-section .wrap-feature-content > img { width: 100%; }
.section-skills .feature-section .wrap-feature-content .feature-content { position: absolute; top: 0; left: 0; right: 0; bottom: 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-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; }
.section-skills .feature-section .wrap-feature-content .feature-content img { display: block; margin: 0 auto 20px; }
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text { text-align: center; font-family: Lato; color: #ffffff; font-size: 24px; font-weight: 700; line-height: 26px; }
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text span { display: block; font-family: Lato; color: #cccccc; font-size: 20px; font-weight: 400; line-height: 26px; }
.section-skills .feature-section .section-heading { padding-top: 100px; }
.section-skills .skills-section .skills-features-section { padding: 70px 15px; background: url(../img/sections/section-9.jpg) bottom center/cover no-repeat; position: relative; color: #fff; }
.section-skills .skills-section .skills-features-section:before { content: ""; border-left: 1px solid #4590cf; position: absolute; display: block; top: 55px; bottom: 55px; left: 50%; z-index: 2; }

.section-trust-us { padding: 120px 0 120px; position: relative; }
.section-trust-us .trus-image { width: 50%; position: absolute; right: 50%; top: 30px; bottom: 30px; 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; }
.section-trust-us .trus-image img { max-width: 100%; max-height: 100%; }
.section-trust-us .section-heading { padding-top: 40px; text-align: left; }
.section-trust-us .section-heading .section-title { margin-bottom: 7px; }

.section-blog { background: url(../img/sections/section-10.jpg) top center/cover no-repeat; background-attachment: fixed; }
.section-blog .blog-list-container { padding: 55px 15px 35px; bottom: -80px; }

.section-feedbacks { padding-top: 80px; }
.section-feedbacks .feedbacks-container { background: #f6f6f6; padding: 100px 0 100px; }
.section-feedbacks .feedbacks-container .feedbacks-carousel .wrap-author { margin-right: 30px; }
.section-feedbacks .feedbacks-container .feedbacks-carousel .owl-dots { text-align: center; }
.section-feedbacks .feedbacks-container .feedbacks-carousel .owl-dots .owl-dot { display: inline-block; vertical-align: middle; width: 11px; height: 11px; border-radius: 50%; border: 1px solid #cecece; margin: 0 4px; }
.section-feedbacks .feedbacks-container .feedbacks-carousel .owl-dots .owl-dot.active, .section-feedbacks .feedbacks-container .feedbacks-carousel .owl-dots .owl-dot:hover { border-color: #088cdc; background: #088cdc; }
.section-feedbacks .feedbacks-container .carousel-item { margin: 0 15px; }

.section-brands { padding: 90px 0; background: #fff; text-align: center; border-bottom: 1px solid #ebebeb; }
.section-brands .brand-item { display: inline-block; vertical-align: middle; padding: 10px 30px; }

.section-price { padding-bottom: 90px; }
.section-price .list-prices { padding: 40px 0 0 0; }

.big-map-section .big-map { height: 600px; max-height: 70vh; }

.contact-form-section { padding: 60px 0; background: #F9F9F9; }
.contact-form-section .top-info { margin-bottom: 15px; }
.contact-form-section .bottom-info i, .contact-form-section .bottom-info p, .contact-form-section .bottom-info label { margin: 0; display: inline-block; vertical-align: middle; }
.contact-form-section .bottom-info i { margin-right: 5px; color: #088cdc; }
.contact-form-section .bottom-info label { margin-right: 15px; font-weight: bold; min-width: 70px; }
@media (max-width: 991px) { .contact-form-section .reply-form { margin-bottom: 30px; } }

.portfolio-list-section { padding: 0 0 130px 0; }
.portfolio-list-section .list-works { padding-top: 30px; }
.portfolio-list-section .list-works.mini-list-works { margin-bottom: 50px; }
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img { height: 250px; max-width: 100%; }

.portfolio-related-projects-section { padding-top: 60px; padding-bottom: 130px; }
.portfolio-related-projects-section .list-works { padding-top: 30px; }

.portfolio-single-section { padding-bottom: 70px; padding-top: 40px; border-bottom: 1px solid #eeeeee; }
.portfolio-single-section .work-heading { position: relative; margin-bottom: 40px; padding-right: 75px; }
.portfolio-single-section .work-heading .category { font-size: 12px; color: #999999; font-family: 'Karla', sans-serif; margin-bottom: 5px; }
.portfolio-single-section .work-heading .views .icon { font-size: 16px; color: #666666; margin-right: 5px; vertical-align: middle; display: inline-block; }
.portfolio-single-section .work-heading .views span:not(.icon) { font-size: 12px; color: #999999; vertical-align: middle; display: inline-block; font-family: 'Karla', sans-serif; }
.portfolio-single-section .work-heading .controls { position: absolute; right: 0; top: 0; }
.portfolio-single-section .work-heading .controls ul li { display: inline-block; vertical-align: middle; margin: 0 5px; }
.portfolio-single-section .work-heading .controls ul li a { line-height: 24px; }
.portfolio-single-section .work-heading .controls ul li a:hover .fa { color: #ed912a; }
.portfolio-single-section .work-heading .controls ul li a .fa { font-size: 24px; color: #cccccc; line-height: 24px; }
.portfolio-single-section .work-heading .controls ul li a .fa.fa-th { font-size: 16px; line-height: 24px; }
.portfolio-single-section .work-image { margin-bottom: 60px; }
.portfolio-single-section .work-image .image { text-align: center; position: relative; }
.portfolio-single-section .work-image .image img { max-width: 100%; width: 100%; }
.portfolio-single-section .work-image .image .controls { position: absolute; bottom: 30px; right: 30px; }
.portfolio-single-section .work-image .image .controls .big-view a { display: block; width: 40px; height: 40px; border-radius: 50%; background: #ed912a; color: #fff; text-align: center; line-height: 44px; text-decoration: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.portfolio-single-section .work-image .image .controls .big-view a:hover { background: #d27712; }
.portfolio-single-section .work-image .image .controls .big-view a span { color: #fff; font-size: 16px; line-height: 40px; }
.portfolio-single-section .work-body { margin-bottom: 15px; }
.portfolio-single-section .work-body .work-body-left, .portfolio-single-section .work-body .work-body-right { margin-bottom: 30px; }
.portfolio-single-section .work-body .summary-list { padding-top: 30px; }
.portfolio-single-section .work-body .summary-list .col-md-12 { padding: 15px; border-bottom: 1px solid #eeeeee; }
.portfolio-single-section .work-body .summary-list .col-md-12:first-child { padding-top: 0; }
.portfolio-single-section .work-body .summary-list .type-info { color: #2a2d32; font-size: 12px; line-height: 24px; font-weight: bold; text-transform: uppercase; }
.portfolio-single-section .work-body .summary-list .type-info i { min-width: 20px; font-size: 14px; color: #666666; display: inline-block; vertical-align: baseline; }
.portfolio-single-section .work-body .summary-list .info { color: #666666; font-family: 'Karla', sans-serif; }
.portfolio-single-section .work-body .summary-list .info .list-socials li { display: inline-block; vertical-align: middle; padding: 0 3px; }
.portfolio-single-section .work-body .summary-list .info .list-socials li a { color: #7e848e; }

/************************/
/*        MODULES       */
/******** LOADER ********/
#page-preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #545454; 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: #ed912a; -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); } }
/******** 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: #edb82a; }
.alert.alert-danger { background: #ed5c2a; }
.alert.alert-success { background: #4fcd24; }
.alert.alert-info { background: #237ac6; }
.alert.alert-default-2 { background: #7323c6; }
.alert span { margin-right: 20px; font-size: 16px; color: #fff; }
.alert.alert-dismissable { position: relative; padding: 30px 60px 30px 120px; background: #fff; 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: #ccc; 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: #ffecb7; border: none; }
.alert.alert-dismissable.alert-warning .alert-icon, .alert.alert-dismissable.alert-warning .close .fa { color: #edb82a; }
.alert.alert-dismissable.alert-danger { background: #fcccd1; border: none; }
.alert.alert-dismissable.alert-danger .alert-icon, .alert.alert-dismissable.alert-danger .close .fa { color: #ed5c2a; }
.alert.alert-dismissable.alert-success { background: #c0f4af; border: none; }
.alert.alert-dismissable.alert-success .alert-icon, .alert.alert-dismissable.alert-success .close .fa { color: #4fcd24; }

/******** PROGRESS ********/
.progress { border: 1px solid #eeeeee; border-radius: 0; background: #fff; box-shadow: none; }
.progress.bordered.progress-primary { border: 2px solid #237ac6; }
.progress.bordered.progress-warning { border: 2px solid #ed912a; }
.progress.progress-primary .progress-bar { background-color: #237ac6; }
.progress.progress-warning .progress-bar { background-color: #ed912a; }
.progress.progress-danger .progress-bar { background-color: #ed5c2a; }
.progress.progress-custom .progress-bar { background-color: #7323c6; }
.progress.progress-custom-2 .progress-bar { background-color: #c924ab; }
.progress.progress-success .progress-bar { background-color: #4fcd24; }
.progress .progress-bar { box-shadow: none; }

/******** SERVICE TABS ********/
.wrap-services-tabs .wrap-tabs { text-align: center; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs { border: none; text-align: center; font-size: 0; margin-bottom: 55px; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li { float: none; display: inline-block; vertical-align: middle; font-size: 1em; border: none !important; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:last-child a { border: none; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a { padding-top: 20px; padding-bottom: 5px; text-align: center; border: none; background: none; border-right: 1px solid #f0f0f0; padding-left: 40px; padding-right: 40px; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons { display: block; height: 42px; width: 100%; margin-bottom: 25px; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-support { height: 41px; background: url(../img/icons/tabs/support.png) top center no-repeat; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-responsive { background: url(../img/icons/tabs/responsive.png) top center no-repeat; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-analytics { background: url(../img/icons/tabs/analytics.png) top center no-repeat; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-customizable { background: url(../img/icons/tabs/customizable.png) top center no-repeat; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-multipurpose { background: url(../img/icons/tabs/multipurpose.png) top center no-repeat; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a span { font-family: Karla, sans-serif; color: #555555; font-size: 13px; font-weight: 400; text-transform: uppercase; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a, .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a { background: none; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a .icons, .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a .icons { background-position: bottom center; }
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a span, .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a span { color: #ed912a; }

.wrap-tabs-content { background: #f6f6f6; padding: 90px 0; }
.wrap-tabs-content img { max-width: 100%; }
.wrap-tabs-content .tab-pane h5, .wrap-tabs-content .tab-pane p, .wrap-tabs-content .tab-pane ul { margin-bottom: 30px; }
.wrap-tabs-content .tab-pane .designations .last-year { font-family: Karla, sans-serif; color: #999999; font-size: 13px; font-weight: 700; text-align: left; float: left; margin-right: 30px; text-transform: uppercase; }
.wrap-tabs-content .tab-pane .designations .last-year span { display: inline-block; vertical-align: middle; margin-right: 10px; background-color: #237ac6; width: 15px; height: 10px; }
.wrap-tabs-content .tab-pane .designations .this-year { font-family: Karla, sans-serif; color: #999999; font-size: 13px; font-weight: 700; text-align: left; float: left; margin-right: 30px; text-transform: uppercase; }
.wrap-tabs-content .tab-pane .designations .this-year span { display: inline-block; vertical-align: middle; margin-right: 10px; background-color: #cccccc; width: 15px; height: 10px; }

/******** SERVICE ITEM ********/
.service-item { padding-top: 60px; padding-bottom: 60px; }
.service-item.border-bottom { border-bottom: 1px solid #4590cf; }
.service-item.right-text-item { text-align: right; }
.service-item.right-text-item .item-heading > .icon { margin-right: 0; margin-left: 15px; }
.service-item.right-text-item .item-heading .title { position: relative; margin-bottom: 16px; }
.service-item.right-text-item .item-heading .title:after { position: absolute; right: 0; }
.service-item.right-text-item .item-body p { text-align: right; }
.service-item .item-heading { margin-bottom: 30px; }
.service-item .item-heading > .icon { display: inline-block; vertical-align: middle; margin-right: 15px; }
.service-item .item-heading > .icon span { font-size: 44px; color: #fff; }
.service-item .item-heading .title { display: inline-block; vertical-align: middle; font-family: Lato, sans-serif; color: #ffffff; font-size: 18px; font-weight: 400; text-align: left; }
.service-item .item-heading .title:after { width: 40px; content: ""; display: block; border-bottom: 1px solid #92c0e4; margin-top: 15px; }
.service-item .item-body p { margin: 0; color: #b7deff; line-height: 28px; text-align: left; }

/******** COUNTERS ********/
.counters .counter-item { margin-bottom: 15px; display: inline-block; vertical-align: middle; padding: 0 30px 0; }
.counters .counter-item:last-child .top-counter:after { display: none; }
.counters .counter-item .top-counter { border-radius: 50%; width: 115px; height: 115px; text-align: center; border: 1px solid #fff; margin-bottom: 30px; position: relative; }
.counters .counter-item .top-counter:after { content: ":"; font-size: 48px; font-weight: bold; color: #fff; display: block; position: absolute; top: 50%; line-height: 40px; margin-top: -25px; left: 133%; margin-left: -10px; }
.counters .counter-item .top-counter span { line-height: 115px; color: #fff; font-size: 48px; font-weight: bold; }
.counters .counter-item .bottom-counter { position: relative; color: #ffffff; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.counters .counter-item .bottom-counter:after { content: ""; width: 40px; border-top: 1px solid #fff; margin: 25px auto 0; display: block; }

/******** SOCIAL LIST ********/
.social-list { display: inline-block; font-size: 0; }
.social-list.round-social-list li { margin: 0 4px 8px; }
.social-list.round-social-list li a { margin: 0; border-radius: 50%; border-color: #cdcdcd; color: #999999; }
.social-list.round-social-list li a:hover { border-color: #088cdc; background: #088cdc; }
.social-list li { display: inline-block; vertical-align: middle; font-size: 15px; }
.social-list li a { display: block; line-height: 48px; width: 48px; height: 48px; border: 1px solid #cccccc; margin-right: -1px; margin-top: -1px; color: #ccc; }
.social-list li a:hover { background: #088cdc; border-color: #088cdc; color: #fff; }

/******** PAGINATION ********/
.pagination.text-center { text-align: center; width: 100%; }
.pagination ul li { display: inline-block; vertical-align: middle; margin: 0 5px 5px; }
.pagination ul li.active span { color: #fff; line-height: 30px; text-align: center; width: 36px; height: 36px; font-size: 14px; display: inline-block; background: #eeeeee; border: 3px solid #eeeeee; }
.pagination ul li a { line-height: 30px; width: 36px; height: 36px; text-align: center; color: #555555; font-size: 14px; display: inline-block; border: 3px solid #eeeeee; text-decoration: none; }
.pagination.orange-pagination ul li a:hover { color: #ed912a; }
.pagination.orange-pagination ul li.active span { background: #ed912a; border: 3px solid #ed912a; }
.pagination.blue-pagination ul li a:hover { color: #237ac6; }
.pagination.blue-pagination ul li.active span { background: #237ac6; border: 3px solid #237ac6; }

/******** NAV TABS ********/
.nav.nav-tabs.theme-tab { border: none; text-align: center; font-size: 0; }
.nav.nav-tabs.theme-tab li { border: none; background: none; float: none; display: inline-block; vertical-align: middle; margin: 0 4px; font-size: 14px; }
.nav.nav-tabs.theme-tab li:hover a, .nav.nav-tabs.theme-tab li.active a { border-color: #ed912a; color: #fff; }
.nav.nav-tabs.theme-tab li a { padding: 20px 65px; line-height: 1; margin: 0; background: none; border: none; border-bottom: 3px solid #555555; color: rgba(170, 170, 170, 0.8); font-size: 13px; font-weight: 700; text-transform: uppercase; }

.tab-content.theme-tab-content { padding: 70px 0 140px; }

/******** Groups btns ********/
.btn-group .btn.btn-transparent { color: #ffffff; font-size: 12px; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0; line-height: 35px; padding: 0 15px; }
.btn-group .btn.btn-transparent .fa { padding: 0; }
.btn-group .btn.btn-transparent:hover { background: #ed912a; color: #fff; border-color: #ed912a; }

/******** Contact item ********/
.contact-item .dotted-line { position: absolute; top: 0; right: -51%; overflow: hidden; width: 100%; }
.contact-item .dotted-line:after { font-size: 30px; line-height: 100px; content: '\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022'; letter-spacing: 14px; color: #555555; font-size: 20px; }
.contact-item h5 { margin-top: 27px; color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.contact-item p { color: #cccccc; font-size: 14px; font-weight: 400; line-height: 28px; }
.contact-item .striped-icon-xlarge { font-size: 36px; font-weight: 700; line-height: 100px; position: relative; width: 100px; height: 100px; margin: auto; text-align: center; color: #fff; border-radius: 50%; background: rgba(35, 122, 198, 0.4); }
.contact-item .striped-icon-xlarge:after { position: absolute; z-index: 0; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ''; border-radius: 50%; background: content-box #237ac6; }
.contact-item .striped-icon-xlarge span { vertical-align: middle; position: relative; z-index: 1; }

/******** Blog item ********/
.wrap-blog-post { margin-bottom: 40px; }
.wrap-blog-post.wrap-wide-blog-post { background: #f6f6f6; }
.wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date { right: auto; left: 40px; }
.wrap-blog-post .wrap-image { position: relative; min-height: 50px; }
.wrap-blog-post .wrap-image img { min-width: 100%; }
.wrap-blog-post .wrap-image .post-date { color: #ffffff; font-size: 12px; font-weight: 700; background: #237ac6; display: inline-block; position: absolute; bottom: 40px; right: 40px; padding: 19px 20px; }
.wrap-blog-post .post-description { background: #f6f6f6; padding: 45px 40px 0 40px; line-height: 25px; }
.wrap-blog-post .post-description .author { color: #aaaaaa; font-size: 12px; text-transform: uppercase; margin-right: 10px; }
.wrap-blog-post .post-description .author a { color: #237ac6; }
.wrap-blog-post .post-description a { color: #237ac6; }
.wrap-blog-post .post-description a span { color: rgba(170, 170, 170, 0.8); }
.wrap-blog-post .post-body { background: #f6f6f6; padding: 0 40px 45px 40px; }
.wrap-blog-post .post-body p { margin: 15px 0 25px; }

.list-blog-item { max-width: 290px; margin: 0 auto 20px; }
.list-blog-item .blog-image { margin-bottom: 35px; }
.list-blog-item .blog-image img { max-width: 100%; }
.list-blog-item .tags { margin-bottom: 10px; }
.list-blog-item .tags span { color: #ed912a; font-size: 12px; text-transform: uppercase; font-weight: 700; }
.list-blog-item .blog-description p { font-family: Lato, sans-serif; color: #ffffff; font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 25px; }
.list-blog-item .blog-description p:after { content: ""; display: block; background-color: rgba(255, 255, 255, 0.5); width: 40px; height: 1px; margin-top: 25px; }
.list-blog-item .blog-description .read-more { color: #fff; opacity: 0.8; }
.list-blog-item .blog-description .read-more:hover { opacity: 1; }

/******** Blog single item ********/
.blog-post { background: #f6f6f6; margin-bottom: 100px; }
.blog-post .post-image { position: relative; min-height: 50px; }
.blog-post .post-image img { min-width: 100%; }
.blog-post .post-image .post-date { color: #ffffff; font-size: 12px; font-weight: 700; background: #237ac6; display: inline-block; position: absolute; bottom: 40px; left: 40px; padding: 19px 20px; }
.blog-post .post-description { padding: 45px 40px 5px 40px; line-height: 25px; }
.blog-post .post-description .author { color: #aaaaaa; font-size: 12px; text-transform: uppercase; margin-right: 10px; }
.blog-post .post-description .author a { color: #237ac6; }
.blog-post .post-description a { color: #237ac6; }
.blog-post .post-description a span { color: rgba(170, 170, 170, 0.8); }
.blog-post .post-body { padding: 0 40px 45px 40px; }
.blog-post .post-body p { margin-bottom: 20px; }
.blog-post .post-body img.pull-right { margin: 0 0 10px 15px; }
.blog-post .post-body img.pull-left { margin: 0 15px 10px 0; }

/******** Blog item footer********/
.post-footer { position: relative; padding: 35px; background: #237ac6; margin-left: 50px; margin-right: 50px; bottom: -52px; margin-bottom: 52px; margin-top: -52px; }

/******** Comments ********/
.blog-comments { margin-bottom: 40px; }
.blog-comments h4 { margin-bottom: 40px; }
.blog-comments .comment-item { background-color: #f6f6f6; padding: 25px; margin-bottom: 30px; }
.blog-comments .comment-item .media-left { padding-right: 25px; }
.blog-comments .comment-item .media-left img { max-width: 120px; }
.blog-comments .comment-item .comment-item-heading { margin-bottom: 10px; }
.blog-comments .comment-item .comment-item-heading .author { font-family: Lato, sans-serif; color: #237ac6; font-size: 14px; font-weight: 700; line-height: 25px; }
.blog-comments .comment-item .comment-item-heading .date { color: rgba(170, 170, 170, 0.8); font-size: 14px; font-style: italic; text-transform: uppercase; }
.blog-comments .comment-item .comment-body p { line-height: 24px; }

/******** Gallery controls ********/
.gallery-controls { text-align: center; margin-bottom: 40px; }
.gallery-controls .btn-group a { color: #555555; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.gallery-controls .btn-group a i { opacity: 0; display: block; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translate(0, -10px); transform: translate(0, -10px); padding: 0; margin: auto; font-size: 22px; }
.gallery-controls .btn-group a:hover, .gallery-controls .btn-group a.active { color: #ed912a; }
.gallery-controls .btn-group a:hover i, .gallery-controls .btn-group a.active i { color: #ed912a; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

/******** Gallery item ********/
.gallery-item { position: relative; width: 25%; }
.gallery-item img { vertical-align: middle; width: 100%; }
.gallery-item figcaption { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.gallery-item figcaption .description { text-align: center; }
.gallery-item figcaption .description a span { font-size: 22px; color: #ed912a; margin-bottom: 20px; }
.gallery-item figcaption .description span { display: block; color: #ffffff; font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.gallery-item figcaption .description span + span { color: #cccccc; font-size: 13px; }
.gallery-item:hover figcaption { opacity: 1; }

/******** Feature item ********/
.feature-item { margin-bottom: 30px; }
.feature-item h5 { color: #ffffff; font-size: 20px; font-weight: 300; }
.feature-item h5 span { font-family: Karla, sans-serif; color: #ed912a; font-size: 18px; font-weight: 700; margin-right: 10px; }
.feature-item p { color: rgba(170, 170, 170, 0.8); font-size: 15px; line-height: 24px; }
.feature-item.right-feature-item { text-align: left; }
.feature-item.right-feature-item h5 span { margin-left: 10px; margin-right: 0; }
.feature-item.right-feature-item.feature-divider .feature-divider-item { margin-left: 0; }
.feature-item.feature-divider { padding: 66px 0; }
.feature-item.feature-divider .feature-divider-item { width: 125px; height: 2px; background: #777777; position: relative; margin-left: auto; }
.feature-item.feature-divider .feature-divider-item:before { content: ""; width: 5px; height: 5px; background: #777777; border-radius: 50%; position: absolute; left: 0; top: -1px; }
.feature-item.feature-divider .feature-divider-item:after { content: ""; width: 5px; height: 5px; background: #777777; border-radius: 50%; position: absolute; right: 0; top: -1px; }

/******** Skill item ********/
.skill-item { margin-bottom: 50px; }
.skill-item:last-child { margin-bottom: 0; }
.skill-item .skill-label { font-family: Lato, sans-serif; color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.skill-item .skill-label span { margin-right: 15px; }
.skill-item .skill-line { height: 3px; width: 100%; background: #519ad4; position: relative; }
.skill-item .skill-line span { display: block; height: 3px; position: absolute; left: 0; top: 0; bottom: 0; background: #fff; }
.skill-item .skill-count { color: #7cb0e4; font-size: 22px; line-height: 10px; }

/******** Accordion ********/
.panel-alt-two { position: relative; border: 0; border: none; box-shadow: none; }
.panel-alt-two::after { content: ""; position: absolute; top: 25px; bottom: 25px; left: 25px; width: 2px; background: #eeeeee; }
.panel-alt-two:before { content: ""; position: absolute; width: 8px; height: 8px; bottom: 25px; left: 22px; border-radius: 50%; background: #eeeeee; }
.panel-alt-two .panel-heading { padding-left: 70px; }
.panel-alt-two .panel-body { padding-left: 70px; padding-top: 0; }
.panel-alt-two .panel-body p { color: #555555; }
.panel-alt-two .panel-heading { border: 0; padding-bottom: 25px; background: none; }
.panel-alt-two .panel-heading .panel-title { position: relative; font-weight: 700; }
.panel-alt-two .panel-heading .panel-title a { color: #2b2e33; font-weight: normal; text-decoration: none; }
.panel-alt-two .panel-heading .panel-title a b { font-weight: bold; }
.panel-alt-two .panel-heading .panel-title a:after { content: ""; width: 40px; border-top: 1px solid #ddd; display: block; margin-top: 15px; }
.panel-alt-two .panel-heading .panel-title a:hover { color: #237ac6; }
.panel-alt-two .panel-heading a:hover .accordion-icon { background: rgba(221, 221, 221, 0.3); }
.panel-alt-two .panel-heading.active a { color: #237ac6; }
.panel-alt-two .panel-heading.active .accordion-icon { background: rgba(221, 221, 221, 0.5); }
.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon { color: white; background: #237ac6; }

.accordion-icon { position: absolute; top: -18px; left: -72px; background: transparent; border-radius: 50%; width: 56px; height: 56px; line-height: 50px; padding: 3px; z-index: 3; }
.accordion-icon .stacked-icon { height: 100%; background: white; border: 2px solid #e8e9ed; border-radius: 50%; color: #cacddb; font-size: 18px; text-align: center; display: block; }

/******** Team slider ********/
.wrap-team-slider { padding: 0 15px; background: #f6f6f6; }
.wrap-team-slider .wrap-user-images { font-size: 0; margin-right: -15px; }
.wrap-team-slider .team-slider { /*width: auto;*/ padding-left: 15px; }
.wrap-team-slider .team-slider:after { content: ""; display: table; clear: both; height: 0; }
.wrap-team-slider .team-slider .sp-slides-container { padding-left: calc((100vw - 1200px) / 2); width: 50%; float: left; padding-right: 15px; }
.wrap-team-slider .team-slider .sp-slides-container .sp-mask { width: 100% !important; }
.wrap-team-slider .team-slider .sp-slides-container .sp-mask .sp-slides .sp-slide { width: 100% !important; }
.wrap-team-slider .team-slider .sp-thumbnails-container { width: 50% !important; float: left; margin: 0; }
@media (min-width: 768px) { .wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images { width: 100% !important; } }
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container { margin: 0; font-size: 14px; display: inline-block; vertical-align: top; width: 33.3% !important; position: relative; height: auto !important; }
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container img { max-width: 100%; width: 100%; vertical-align: middle; }
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container:hover .image-overlay { opacity: 1; }
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); 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; transition: all 0.3s ease-out; opacity: 0; }
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li { display: inline-block; vertical-align: middle; color: #cccccc; margin: 0 5px; }
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li a { color: #ccc; }
.wrap-team-slider .team-slider .team-slide .person-description { padding-top: 70px; }
.wrap-team-slider .team-slider .team-slide .person-description h5 { color: #237ac6; font-size: 18px; font-weight: 900; text-transform: uppercase; }
.wrap-team-slider .team-slider .team-slide .person-description .under-name { color: #ed912a; font-size: 14px; font-style: italic; margin-bottom: 35px; text-transform: uppercase; }
.wrap-team-slider .team-slider .team-slide .person-description .under-name:after { content: ""; margin-top: 25px; display: block; width: 40px; border-top: 1px solid #237ac6; }

/******** Responsive-features-list ********/
.responsive-features-list { font-size: 0; }
.responsive-features-list .list-item { display: inline-block; vertical-align: middle; width: 50%; font-size: 14px; margin-bottom: 30px; }
.responsive-features-list .list-item .icon { height: 56px; width: 56px; background: #fff; line-height: 56px; text-align: center; margin-right: 10px; }
.responsive-features-list .list-item .icon span { color: #ed912a; font-size: 20px; line-height: 56px; }
.responsive-features-list .list-item > span { color: #333333; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; }

/******** Plan item ********/
.plan-item { text-align: center; margin: 0 auto 30px; max-width: 340px; }
.plan-item .item-heading { height: 162px; background: #088cdc; padding-top: 40px; padding-bottom: 50px; }
.plan-item .item-heading.blue-heading { position: relative; }
.plan-item .item-heading.blue-heading:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #237ac6; opacity: 0.9; z-index: 1; }
.plan-item .item-heading.orange-heading { position: relative; }
.plan-item .item-heading.orange-heading:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #ed912a; opacity: 0.9; z-index: 1; }
.plan-item .item-heading.price-1 { background: url(../../img/sections/price-section-1.jpeg) top center no-repeat; background-size: cover; }
.plan-item .item-heading.price-2 { background: url(../../img/sections/price-section-2.jpeg) top center no-repeat; background-size: cover; }
.plan-item .item-heading.price-3 { background: url(../../img/sections/price-section-3.jpeg) top center no-repeat; background-size: cover; }
.plan-item .item-heading h4 { color: #ffffff; font-size: 20px; font-weight: 900; text-transform: uppercase; position: relative; z-index: 2; margin-bottom: 5px; }
.plan-item .item-heading span { color: #ffffff; position: relative; z-index: 2; }
.plan-item .item-body { border: 2px solid #eeeeee; border-top: none; padding: 0 50px 30px; }
.plan-item .item-body .price-count { top: -55px; margin: 0 auto -45px; border-radius: 50%; background-color: #ffffff; text-align: center; line-height: 100px; width: 110px; height: 110px; position: relative; z-index: 3; border: 5px solid #f6f6f6; box-shadow: 0 0 0 2px #eeeeee inset; }
.plan-item .item-body .price-count span { color: #333333; font-size: 40px; font-weight: 700; }
.plan-item .item-body .price-count span i { font-size: 30px; }
.plan-item .item-body .price-type { color: #555555; position: relative; margin-bottom: 35px; text-transform: uppercase; }
.plan-item .item-body .price-type:after { content: ""; display: block; background-color: #237ac6; width: 40px; height: 1px; margin: 10px auto; }
.plan-item .item-body ul { margin-bottom: 20px; }
.plan-item .item-body ul li { padding: 10px 0; line-height: 30px; border-bottom: 1px solid #eeeeee; color: #555555; font-size: 15px; }
.plan-item .item-body ul li:last-child { border-bottom: none; }

/******** Portfolio item ********/
.portfolio-item { margin: 0 0 30px 0; }
.portfolio-item .portfolio-image { position: relative; cursor: pointer; overflow: hidden; }
.portfolio-item .portfolio-image:hover > a::after, .portfolio-item .portfolio-image:hover .portfolio-item-body { opacity: 1; }
.portfolio-item .portfolio-image > a { display: block; position: relative; }
.portfolio-item .portfolio-image > a:after { content: ""; background: rgba(0, 0, 0, 0.8); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.portfolio-item .portfolio-image img { width: auto; height: 350px; vertical-align: middle; min-width: 100%; }
.portfolio-item .portfolio-image .portfolio-item-body { position: absolute; z-index: 3; bottom: 35px; left: 35px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; }
.portfolio-item .portfolio-image .portfolio-item-body.center-body { top: 50%; margin-top: -20px; left: 0; right: 0; text-align: center; }
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li { display: inline-block; vertical-align: middle; margin: 0 5px; }
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a { display: block; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; text-align: center; text-decoration: none; color: #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a:hover { background: #ed912a; border-color: #ed912a; }
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a span { font-size: 16px; line-height: 40px; }
.portfolio-item .portfolio-image .portfolio-item-body .name { color: #fff; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; }
.portfolio-item .portfolio-image .portfolio-item-body .name:before { margin-bottom: 15px; content: ""; width: 12px; height: 12px; border: 2px solid #ed912a; border-radius: 50%; display: block; }
.portfolio-item .portfolio-image .portfolio-item-body .under-name { color: #fff; font-size: 12px; font-family: 'Karla', sans-serif; font-weight: normal; }
.portfolio-item .portfolio-item-footer { padding-top: 25px; position: relative; padding-bottom: 25px; border-bottom: 1px solid #eff2f7; }
.portfolio-item .portfolio-item-footer .name { font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 5px; font-weight: bold; }
.portfolio-item .portfolio-item-footer .under-name { color: #999999; font-size: 12px; font-family: 'Karla', sans-serif; }
.portfolio-item .portfolio-item-footer .views { position: absolute; line-height: 20px; top: 50%; margin-top: -10px; right: 0; }
.portfolio-item .portfolio-item-footer .views .icon { font-size: 16px; color: #666666; margin-right: 5px; vertical-align: middle; display: inline-block; }
.portfolio-item .portfolio-item-footer .views span:not(.icon) { font-size: 12px; color: #999999; vertical-align: middle; display: inline-block; font-family: 'Karla', sans-serif; }

/******** Plan item ********/
.wrap-contact-form input[type="text"], .wrap-contact-form input[type="email"], .wrap-contact-form input[type="phone"], .wrap-contact-form input[type="password"], .wrap-contact-form textarea { color: #fff; }
.wrap-contact-form input[type="text"]:-moz-placeholder, .wrap-contact-form input[type="email"]:-moz-placeholder, .wrap-contact-form input[type="phone"]:-moz-placeholder, .wrap-contact-form input[type="password"]:-moz-placeholder, .wrap-contact-form textarea:-moz-placeholder { color: #fff; opacity: 1; }
.wrap-contact-form input[type="text"]::-moz-placeholder, .wrap-contact-form input[type="email"]::-moz-placeholder, .wrap-contact-form input[type="phone"]::-moz-placeholder, .wrap-contact-form input[type="password"]::-moz-placeholder, .wrap-contact-form textarea::-moz-placeholder { color: #fff; opacity: 1; }
.wrap-contact-form input[type="text"]:-ms-input-placeholder, .wrap-contact-form input[type="email"]:-ms-input-placeholder, .wrap-contact-form input[type="phone"]:-ms-input-placeholder, .wrap-contact-form input[type="password"]:-ms-input-placeholder, .wrap-contact-form textarea:-ms-input-placeholder { color: #fff; }
.wrap-contact-form input[type="text"]::-webkit-input-placeholder, .wrap-contact-form input[type="email"]::-webkit-input-placeholder, .wrap-contact-form input[type="phone"]::-webkit-input-placeholder, .wrap-contact-form input[type="password"]::-webkit-input-placeholder, .wrap-contact-form textarea::-webkit-input-placeholder { color: #fff; }

/****** DEMO PAGE ******/
.top-demo { padding: 90px 0 110px; background: url(../img/sections/section-11.jpg) top center no-repeat; background-size: cover; border-bottom: 3px solid #088cdc; overflow: hidden; position: relative; }
.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 { text-align: center; font-size: 16px; line-height: 120%; color: #666; padding: 53px 0 29px; text-align: center; font-weight: normal; }

.demopage-preview_inner { float: left; height: 100%; overflow: hidden; position: relative; width: 100%; }

.demopage-preview_inner img { left: 0; position: absolute; top: 0; 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; }

.hero-module { position: absolute; top: 0; left: 0; width: 100%; height: 700px; overflow: hidden; }

.hero-module video { width: 100%; height: auto; }

.hero-module:after { content: ''; display: inline-block; width: 100%; height: 100%; left: 0; position: absolute; top: 0; background: rgba(0, 0, 0, 0.7); }

#header { position: relative; }

#header .container { position: relative; z-index: 77; }

/*MEDIA*/
@media (max-width: 1199px) { .header .navbar .navbar-nav li a { font-size: 12px; padding: 0 8px; }
  .portfolio-item .portfolio-image img { height: 295px; }
  .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img { height: 212px; }
  .section-intro .arrow { padding-top: 70px; }
  .section-intro .intro-title { padding-left: 0; }
  .section-intro .intro-text { padding-top: 25px; margin-bottom: 25px; }
  .section-intro .under-intro-text { margin-bottom: 20px; }
  .section-intro .iphone img { max-width: 100%; }
  .feature-item.feature-divider { padding: 10px 0; }
  .wrap-team-slider .team-slider { padding-left: 0; }
  .wrap-team-slider .team-slider .sp-slides-container { padding-left: 15px; }
  .section-who-we-are .who-we-are-collage .collage-item.item-headphones { right: -9%; }
  .section-who-we-are .who-we-are-collage .collage-item.item-clips { left: -3%; }
  .section-who-we-are .who-we-are-collage .collage-item.item-keyboard { top: 44%; right: 36%; } }
@media (max-width: 991px) { .header .navbar .navbar-nav li a { padding: 0 4px; margin: 0 0px; font-size: 11px; }
  .portfolio-item .portfolio-image .portfolio-item-body { bottom: 15px; left: 15px; }
  .portfolio-item .portfolio-image img { height: 220px; }
  .counters .counter-item .top-counter { width: 90px; height: 90px; }
  .counters .counter-item .top-counter span { font-size: 36px; line-height: 90px; }
  .section-intro-2 .counters { padding-top: 0; }
  .section-intro-2 .counters .counter-item { padding: 0; }
  .wrap-services-tabs .wrap-tabs .nav.nav-tabs li a { padding-left: 15px; padding-right: 15px; }
  .section-skills .feature-section .wrap-feature-content { display: none !important; }
  .feature-item { display: inline-block; width: 49%; vertical-align: top; text-align: left !important; }
  .feature-item.feature-divider { display: none; }
  .wrap-team-slider .team-slider .team-slide .person-description { margin-bottom: 30px; }
  .wrap-team-slider .team-slider .sp-slides-container { float: none; width: 100%; }
  .wrap-team-slider .team-slider .sp-thumbnails-container { width: 100% !important; float: none; }
  .section-trust-us .trus-image { display: none !important; } }
@media (max-width: 767px) { .header .navbar.navbar-default { position: static !important; }
  .wrap-fixed-menu { display: none !important; }
  .header .navbar-brand { padding-top: 7px; }
  .portfolio-item .portfolio-image { height: 220px; }
  .portfolio-item .portfolio-image img { height: auto; min-height: 100%; min-width: 100%; max-width: 100%; }
  .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image { height: 250px; }
  .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img { height: auto; min-height: 100%; min-width: 100%; max-width: 100%; }
  .header .navbar.navbar-default { background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #E4E4E4; padding-top: 20px; padding-bottom: 19px; }
  .header .navbar.navbar-default .navbar-nav li { padding: 0; }
  .header .navbar.navbar-default .navbar-nav li a { color: #333; }
  .header .navbar.navbar-default .normal-logo { display: none; }
  .header .navbar.navbar-default .scroll-logo { display: inline-block !important; }
  .wrap-inside-nav { position: static; padding: 0; }
  .wrap-inside-nav .inside-col { padding: 15px 0; border-right: none; border-bottom: 1px solid #26282d; }
  .wrap-inside-nav .inside-col .inside-nav li { float: left; width: 49%; }
  .wrap-inside-nav .inside-col .inside-nav li a { font-size: 12px; padding-left: 20px; }
  .header .navbar .main-menu > li.hidden-menu-item { position: static; right: 0; }
  .header .right-nav-block { float: none !important; }
  .header .right-nav-block .navbar-collapse { margin-top: 55px; border: none; box-shadow: none; }
  .header .right-nav-block .navbar-collapse .navbar-nav { display: block; }
  .header .right-nav-block .navbar-collapse .navbar-nav.social-nav li { display: inline-block; }
  .header .right-nav-block .navbar-collapse .navbar-nav.social-nav li a { padding: 0 15px; }
  .header .navbar .navbar-nav li a { padding: 0 15px; margin-bottom: 5px; }
  .wrap-blog-post .post-description { padding: 15px 15px 0 15px; }
  .wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date { left: 15px; bottom: 15px; }
  .wrap-blog-post .wrap-image .post-date { right: 15px; bottom: 15px; }
  .wrap-blog-post .post-body { padding: 0 15px 15px 15px; }
  .counters .counter-item { width: 48%; margin-bottom: 30px; }
  .counters .counter-item .top-counter { margin-left: auto; margin-right: auto; }
  .counters .counter-item .top-counter:after { display: none; }
  .section-coming-soon { padding: 40px 0; }
  .footer { padding-bottom: 30px; }
  .footer .tab-content.theme-tab-content { padding: 30px 0 40px; }
  blockquote.blockquote-box { padding: 35px 15px 35px 15px; }
  blockquote.blockquote-box.blue-blockquote { background-position: 15px 5px; }
  blockquote.blockquote-full.blue-blockquote { padding: 60px 15px 50px 15px; background-position: 15px 15px; background-size: 40px 40px; }
  .blog-post .post-body { padding-left: 15px; padding-right: 15px; }
  .post-footer { margin-left: 15px; margin-right: 15px; }
  .blog-comments .comment-item { padding: 15px; }
  .blog-comments .comment-item .media-left img { width: 50px; }
  .blog-comments .comment-item .comment-item-heading .btn { margin-top: 10px; }
  .counters .counter-item { width: 100%; }
  .service-item { padding: 15px 0; border: none !important; text-align: left !important; }
  .service-item .item-body p { text-align: left !important; }
  .service-item.right-text-item .item-heading > .icon { float: left; margin-left: 0; margin-right: 15px; }
  .service-item.right-text-item .item-heading .title:after { right: auto; left: 0; }
  .service-features-section:before { display: none; }
  .gallery-item { width: 50%; }
  .section-purchase .logo-block { text-align: left; padding: 10px 15px; }
  .section-purchase .col-md-2.text-right { text-align: left !important; }
  .skill-item:last-child { margin-bottom: 50px; }
  .section-skills .skills-section .skills-features-section:before { display: none; }
  .section-trust-us { padding: 60px 0; }
  .section-intro { padding: 30px 0; }
  .section-header-slider .vertical-slider .slide-item .slide-content { padding-top: 170px; padding-bottom: 170px; padding-left: 15px; padding-right: 15px; }
  .section-header-slider .vertical-slider .slide-item .slide-content .above-title { font-size: 22px; }
  .section-header-slider .vertical-slider .slide-item .slide-content h1 { font-size: 38px; }
  .section-header-slider .vertical-slider .slide-item .slide-content p { font-size: 16px; }
  .section-header-slider .vertical-slider .sp-mask { height: 600px !important; }
  .section-header-slider .vertical-slider .slide-item { height: 600px !important; }
  .wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container { min-width: 200px; } }
@media (max-width: 500px) { .list-works .col-xs-6 { width: 100%; float: none; }
  .list-works .portfolio-item .portfolio-image { height: auto; }
  .list-works .portfolio-item .portfolio-image img { width: 100%; }
  .list-works.mini-list-works .portfolio-item .portfolio-image { height: auto; }
  .list-works.mini-list-works .portfolio-item .portfolio-image img { width: 100%; } }

  .popup-overlay {
    /*Hides pop-up when there is no "active" class*/
    /* visibility: hidden; */
    display: none;
    position: absolute;
    background: #ffffff;
    border: 3px solid #666666;
    width: 80%;
    height: 250px;
    left: 10%;
    z-index: 999;
    padding: 10px;
  }
  
  .popup-overlay.active {
    /*displays pop-up when "active" class is present*/
    visibility: visible;
    text-align: center;
  }

  .popup-scroll-container {
    overflow: scroll;
    height: 220px;
  }
  
  .popup-content {
    /*Hides pop-up content when there is no "active" class */
    /* visibility: hidden; */
    display: none;
  }
  
  .popup-content.active {
    /*Shows pop-up content when "active" class is present */
    visibility: visible;
  }