/*------------------------------------------------------------------
Project:	 Profitable Rooms
Version: 	1.0

-------------------------------------------------------------------*/
/* 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 !important; }

* { outline: none !important; }

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

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

.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: 21px;font-family: Lato, sans-serif;margin: 0 0 0.5em;font-weight: 400;line-height: 32px;}

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: #0c508d; }
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: #0c508d; }
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: #0c508d; }
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: #0c508d; 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: #0c508d; 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 #0c508d; }
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: 7px 16px;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: #0c508d; border-color: #0c508d; 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: #0c508d; }
.btn.btn-white-orange.orange i { color: #088cdc; }
.btn.btn-white-orange:active, .btn.btn-white-orange:focus, .btn.btn-white-orange:hover { background: #0c508d; border: 1px solid #0c508d !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: #0c508d; border: 1px solid #0c508d !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;color: #fff;border: 1px solid #fff;margin-top: 0px;}
.btn.btn-transparent.orange i {color: #fff;}
.btn.btn-transparent.orange:hover {color: #0c508d;background: #fff;border: 1px solid #0c508d;}
.btn.btn-transparent.orange i:hover {
    color: #0c508d;
}
.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: #0c508d; }
.form-group.has-feedback .form-control { padding-right: 45px; }

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

.form-control {background: none;box-shadow: none !important;outline: none;border: none;border-bottom: 1px solid #fff;border-radius: 0;border-radius: none;padding-left: 0;height: 40px;color: #999;font-family: Karla, sans-serif;color: #fff;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: #0c508d; }
.orange + .tooltip .tooltip-inner { background: #0c508d; color: #fff; text-transform: uppercase; border-radius: 0; }
.orange + .tooltip .tooltip-arrow { border-top-color: #0c508d; }

.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; }
.navbar-brand>img {
    display: block;
    /* width: 164px; */
}
.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: #0c508d;/* 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: #0c508d; }
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: #0c508d; }
ul.list.list-angle-right li:before, ol.list.list-angle-right li:before { font-family: FontAwesome; content: "\f105"; color: #0c508d; 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: #0c508d; 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: #0c508d; }
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 #0c508d; }
.table.table-mixed thead tr th { background: #237ac6; color: #fff; border-left: none; border-right: none; border-bottom: 4px solid #0c508d; }
.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: 40px 0 10px;}
.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: uppercase;color: #333333;font-size: 44px;font-weight: 400;margin-bottom: 10px;letter-spacing: 4px;}

/************************/
/*        LAYOUT        */
/******** HEADER *********/
/*****************/
/***** HEADER ****/
/*****************/
.header .navbar-brand {padding: 6px 0 6px 15px;height: auto;}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling, .header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing {background: rgba(255, 255, 255, 1);border-bottom: 1px solid #E4E4E4;padding-top: 5px;padding-bottom: 4px;}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .navbar-nav li a, .header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .navbar-nav li a { color: #333; }
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .normal-logo, .header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .normal-logo { display: none; }
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .scroll-logo, .header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .scroll-logo { display: inline-block; }
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .toggle-menu-button .toggle-menu-button-icon span, .header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .toggle-menu-button .toggle-menu-button-icon span { background: #333 !important; }
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing { background: #fff; }
.header .navbar {background: none;border: none;padding-top: 10px;padding-bottom: 10px;margin-bottom: 0;background: #fff;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.15);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: #23527c;float: right;padding: 0 5px;top: 31px;position: relative;font-size: 31px;}
.header .navbar .toggle-button.collapsed { color: #999; }
.header .navbar .toggle-button.collapsed:hover { color: #333; }
.header .navbar .scroll-logo { display: none; }
.header .navbar .navbar-nav.social-nav li a { padding: 0 5px; }
.header .navbar .navbar-nav > li {position: relative;padding-top: 15px;padding-bottom: 15px;}
.header .navbar .navbar-nav > li.no-hover a { border: none !important; cursor: default; }
.header .navbar .navbar-nav > li.active, .header .navbar .navbar-nav > li:hover { background: none; border: none; }
.header .navbar .navbar-nav > li.active > a, .header .navbar .navbar-nav > li:hover > a { background: none; border: 1px solid #959899; }
.header .navbar .navbar-nav > li > a {font-size: 13px;text-transform: uppercase;color: #000;font-weight: bold;line-height: 31px;border-radius: 5px;border: 1px solid transparent;transition: color 0.3s ease-out;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;padding: 0 10px;margin: 0 1px;}
.header .navbar .navbar-nav > li > a:hover {color: #000;}
.header .navbar .navbar-nav > li > a .fa-bars { margin-right: 10px; }
.header .navbar .main-menu > li { position: relative; right: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header .navbar .main-menu > li.hidden-menu-item { right: -1500px; right: -100vw; }
.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); -moz-transform: rotate(45deg); -o-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); -moz-transform: rotate(-45deg); -o-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: 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: calc(50% - 2px); top: 11px; }
.header .navbar .toggle-menu-button .toggle-menu-button-icon { width: 22px; height: 17px; display: inline-block; vertical-align: middle; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-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); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-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: 0px; }
.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: 12px; }

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

.wrap-inside-nav {position: absolute;left: -800px;top: 60px;display: none;min-width: 1200px;text-align: left;border-top: 2px solid  #0c508d;background: #0c508d;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.wrap-inside-nav:before{
    content: "\a ";
    display: block;
    margin: -12px 0 0 828px!important;
    text-align: left;
    margin-left: 160px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0c508d;
    position: fixed;
    z-index: 100;
}
.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; */padding: 10px 0;}
.wrap-inside-nav .inside-col .inside-nav li a {display: block;/* padding-left: 20px; */color: #fff !important;font-size: 14px;text-decoration: none;font-weight: bold;line-height: 14px;}
.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: #088cdc !important;/* border-bottom: 1px solid #fff; */}
.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: #fff !important;background-color: transparent;}

.wrap-fixed-menu { display: none; position: fixed; background: #333; top: 73px; 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 { display: inline-block; vertical-align: middle; font-size: 14px; text-align: center; width: 50%; height: 50%; position: relative; display: table-cell; vertical-align: middle; color: #fff; background: #333; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; text-decoration: none; }
.wrap-fixed-menu .menu-item.contact-info { /*text-align: left;*/ 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; }

/******** FOOTER *********/
.footer {background: url(../img/sections/footer-section.png) top center/cover no-repeat #0c508d;padding: 20px 0 100px;}
.footer.contact-footer { padding: 100px 0 20px; }
.footer .footer-text { margin-bottom: 60px; color: #fefefe; }
.footer .footer-logo { margin-bottom: 20px; }
.subfooter .list-social {margin-bottom: 20px;float: right;}
.subfooter .list-social ul li { display: inline-block; vertical-align: middle; }
.subfooter .list-social ul li a {font-size: 23px;color: #fff;padding: 5px 10px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;border: 1px solid #fff;}
.subfooter .list-social ul li a:hover {color: #0c508d;border: 1px solid #0c508d;}
.subfooter .copyright {font-family: Karla;color: #fff;font-size: 14px;display: inline-block;}
.footer .form-control {border-color: #fff;}

.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: #0c508d; }
.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: #0c508d; 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: #0c508d; 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: 100%;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: #0c508d; border-color: #0c508d !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: #0c508d; 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.jpg) 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.jpg) 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.jpg) 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; }

.section-purchase {background: #0c508d;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: 30px 0 30px;}
.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: 45px 0 30px;position: relative; background-image: url("../img/sections/prod.png"); background-position: center -4%; background-repeat: no-repeat;}
.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: 30px 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: #0c508d; }
.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: #0c508d; 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: #0c508d; -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 #0c508d; }
.progress.progress-primary .progress-bar { background-color: #237ac6; }
.progress.progress-warning .progress-bar { background-color: #0c508d; }
.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: #0c508d; }

.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: #0c508d; }
.pagination.orange-pagination ul li.active span { background: #0c508d; border: 3px solid #0c508d; }
.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: #0c508d; color: #fff; font-size: 15px;}
.nav.nav-tabs.theme-tab li a {padding: 20px 65px;line-height: 1;margin: 0;background: none;border: none;border-bottom: 3px solid #fff;color: #fff;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: #0c508d; color: #fff; border-color: #0c508d; }

/******** 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: #fff;font-size: 20px;}
.contact-item h5 { margin-top: 27px; color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.contact-item p {color: #fff;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; }

/******** Knowledge centre  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: #0c508d; 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; }

/******** Knowledge centre  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; }

/******** Knowledge centre  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: #0c508d; }
.gallery-controls .btn-group a:hover i, .gallery-controls .btn-group a.active i { color: #0c508d; 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: #0c508d; 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: #0c508d; 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: normal;}
.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: #0c508d; 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: #0c508d; 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: 67px;background: #52cdec !important;padding-top: 25px;padding-bottom: 25px;shadow: 1px solid #ddd;}
.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: #0c508d; opacity: 0.9; z-index: 1; }
.plan-item .item-heading.price-1 {background: green;background-size: cover;}
.plan-item .item-heading.price-2 { background: url(../../img/sections/price-section-2.jpg) top center no-repeat; background-size: cover; }
.plan-item .item-heading.price-3 { background: url(../../img/sections/price-section-3.jpg) 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 48px 30px;background: #fff;height: 225px;}
.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: #0c508d; border-color: #0c508d; }
.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 #0c508d; 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: 12px;}
  .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: 0px 10px 0 10px;}
  .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: 10px;border: none;box-shadow: none;width: 100%;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
  .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: 20px 0;}
  .section-intro { padding: 30px 0; }
  .section-header-slider .vertical-slider .slide-item .slide-content {padding-top: 80px;padding-bottom: 144px;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: 250px !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%; } }
.bg{
	
margin-bottom: -70px;
	
position: relative;
	
top: -70px;
	
background: #00bfff;
	
position: relative;
	
color: #fff;
	
padding: 70px 15px;
	
z-index: 2;
}
.section-title {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 10px;
}
.email-para p {
    font-size: 16px;
    text-align: justify;
    padding-top: 0px;
}
.sub-head {
    padding-left: 5px;
    text-indent: 0px;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 300;
    text-transform: capitalize!important;
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding-bottom: 10px;
}
.logo-block img {
    width: 100%;
}
.small-links {
    float: right;
    clear: both;
}
.small-links a {
    color: #237ac6;
    margin: 0px 11px;
    display: inline-block;
    font-size: 14px;
}
.active-hover a {
    background: #0c508d;
    color: #fff !important;
    text-align: center;
    padding: 8px 0px !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    letter-spacing: 2px;
    font-size: 15px !important;
    line-height: 15px !important;
    width: 200px;
}
.active-hover a:hover {
    background: #0c508d !important;
    color: #fff !important;
}
.active-hover a:focus {
    background: #0c508d !important;
    color: #fff !important;
    
}
.skills-section.skills {
    padding-top: 10px;
}
.section-services {
    /* padding: 30px 0; */
}
.check-box-contain p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.05em;
    display: block;
    padding: 0px 0 10px;
}

.check-box-contain {
    padding: 15px 0;
}
input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    width: 14px;
    height: 14px;
}
label.checkbox-inline {
    color: #fff;
    margin-left: 0 !important;
    margin-right: 10px;
    margin-bottom: 15px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  /*color: #fff !important;*/
}
::-moz-placeholder { /* Firefox 19+ */
  /*color: #fff !important;*/
}
:-ms-input-placeholder { /* IE 10+ */
   /* color: #fff !important;*/
}
:-moz-placeholder { /* Firefox 18- */
    /*color: #fff !important;*/
}
.subfooter {
    padding: 30px 0;
    background: url(../img/sections/footer-section.png) top center/cover no-repeat #191919;
}
.footer-menu-link ul li {
    display: inline-block;
    padding: 0 12px;
}
.footer-menu-link ul li a {
    color: #fff;
    font-size: 14px;
}
.item-footer {
    border-top: none;
    padding: 10px 48px 10px;
    background: #fff;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    line-height: 18px;
}
.btn-read-more{
    background: #fff;
    border: none;
    box-shadow: none;
    color: #0c508d;
    border: 1px solid #0c508d;
    margin-top: 20px;
}
.btn-read-more:hover{
    border: 1px solid #EFEFEF;
    background: #EFEFEF;
}
.section-link{
	
    background: #626262;
    padding: 60px 0;
    color: #fff;	
}
.section-link h3 {
    text-transform: uppercase;
    font-size: 24px;
}
.phone {
    display: inline-block;
    float: left;
    padding-left: 50px;
    font-size: 30px;
    background-image: url('../img/mobile.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 40px;
	color:#fff;
}
.whatsa {
    display: inline-block;
    float: left;
    padding-left: 50px;
    font-size: 30px;
    background-image: url('../img/whats-n.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 40px;
	color:#fff;
}
.whatsa a{
  
	color:#fff;
}
.email {
    display: inline-block;
    float: left;
    padding-left: 50px;
    font-size: 30px;
    background-image: url('../img/email.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 40px;
	
}
.email a{
  
	color:#fff;
}
.foot-link h5 {text-transform: uppercase;font-size: 17px;font-weight: 600;color: #fff;}

.foot-link ul li a {
    color: #fff;
    display: inline-block;
    padding-bottom: 6px;
}
.footer-menu-link {
    display: inline-block;
    padding-left: 15px;
}
hr{
	
	border-top: 1px solid #777;
   
}
.btn-read-slider {
    background: #0c508d;
    border: none;
    box-shadow: none;
    color: #fff;
    border: 1px solid #0c508d;
    margin-top: 20px;
}
.btn-read-slider:hover {
        border: 1px solid #EFEFEF;
    background: #EFEFEF;
}
.section-pad {
    padding: 30px 0;
}
.email-section-heading {
    padding-left: 30px;
}

#accordion-one {
    padding-left: 30px;
}

.mega-dropdown {
  position: static !important;
}


.mega-dropdown-menu {
    padding: 0px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px auto;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
.dropdown-menu {
    position: absolute;
    top: 66%;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0 !important;
    margin: 2px 0 0 !important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.container.bg-menu {
    border-top: 2px solid #0c508d;
    background: #0c508d;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding:20px 10px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.bg-menu ul li a {
    display: block;
    /* padding-left: 20px; */
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    line-height: 16px;
}
.bg-menu ul li  {
    padding:10px 0;
}

@media only screen and (max-width: 768px) {
	ul.nav.nav-tabs li a span {
    display: block;
}
.img-responsive {display: block;}
    .section-header-slider .vertical-slider .slide-item .slide-content h1 {
    font-size: 30px;
}

.phone {
    margin-bottom: 20px;
	    background-size: 22px;
		font-size:20px
}
.email {
 margin-bottom: 20px;
 background-size: 22px;
		font-size:20px
}
.subfooter .list-social {
   
    float: left;
	clear: both;
}
.footer-menu-link ul li {
    display: block;
    padding: 5px 0px;
}
.footer-menu-link {
    display: block;
    padding-left: 0;
    margin-top: 20px;
}
.section-purchase h3 {
    font-size: 21px;
    margin: 0;
    text-align: center;
}
.text-left {
    text-align: center;
}
.btn {
   
    font-size: 14px;
    
    padding: 7px 10px;
    line-height: 20px;
    
}
.wrap-tabs-content .tab-pane h5, .wrap-tabs-content .tab-pane p, .wrap-tabs-content .tab-pane ul {
   
    margin-top: 20px;
}

.arrow img {
    display: none;
}
.small-links {
    float: none;
    clear: both;
    text-align: center;
    display: none;
}
.vcenter {
    display: block;
    padding-top: 0px;
}
.subfooter .list-social ul li a {
    font-size: 20px;
    
}
.foot-link h5 {
   
    padding: 10px 0;
}
.section-heading .section-title {

    font-size: 28px;
   line-height:32px;
}
.section-heading .section-subtitle {
    font-size: 18px;
    line-height: 24px;
}
.btn.btn-transparent {
   
    margin-top: 20px;
}
.header-section {
    padding: 60px 0 60px;
    text-align: center;
    border-bottom: 6px solid #088cdc;
}
.header-section h2 {
   
    font-size: 28px;
}
.counters .counter-item {
    
    text-align: center;
}
.counter-item .counter-title:after {
    
    margin: 20px auto;
}
.animateme.scrollme {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}
.responsive-features-list .list-item .icon {
    text-align: center; 
    margin: 0 auto;
    padding: 0;
}
.responsive-features-list .list-item > span {
    
    text-align: center;
}
.section-intro-2 {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.email-section-heading {
  
    padding-top: 20px;
}
.section-title {
    
    padding-bottom: 20px;
}


.dropdown-menu {
    position: relative;
    top: 80%;
    
}
.navbar-nav .open .dropdown-menu {
  
    display: block !important;
}
li.hide-nav {
    display:block !important;
}
.section-trust-us .trus-image {
    display: block !important;
}
.section-trust-us .trus-image {
    width: 100%;
    position: relative;
    right: 0;
    
}
}
li.hide-nav {
    display: none;
}
.section-btn {
    background: #626262;
    padding: 60px 0;
    color: #fff;
}
.icon-support::before {
    content: "";
}
select{
   
    color:#fff!important;
    background:#0c508d !important;
	
}
span.glyphicon.glyphicon-chevron-down.pull-right {
    top: 9px;
    left: 5px;
}
.section-btn h4 {
    text-align: center;
    font-size: 24px;
    padding: 20px 0;
}
a.source {
    text-align: center;
    display: block;
    background: transparent;
    width: 200px;
    margin: auto;
    padding: 12px;
    color: #fff;
    border: 1px solid #fff;
}
a.source:hover {  
    background: #0c508d; 
    color: #fff;
    border: 1px solid #0c508d;
}
ul.list.list-round-check.orange-list li {
    display: table;
}
ul.list.list-round-check.orange-list li:before{

    display: table-cell;
   
    padding: 10px;
    padding-top: 0;
}
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	

}
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
	
	
.section-header-slider .vertical-slider .sp-mask {
    height: 515px !important;
    width: 100% !important;
    background: #333;
}	
	
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: block!important;
}
ul.main-menu.nav.navbar-nav.clearfix.navbar-with-inside.vcenter {
    width: 730px;

    margin-top: -1px;
    border: none;
    box-shadow: none;
   
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.header .navbar .navbar-nav li a {
    padding: 0 10px;
    margin: 0 0px;
    font-size: 12px;
}
li.active-hover {
    padding-left: 10px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 500px;
	overflow-y:scroll !important;
}
.container {
    width: 726px;
}
.dropdown-menu {
    position: relative;
    top: 80%;
    overflow-y: scroll;
   
}
ul.nav.nav-tabs li a span {
    display: block;
}
.navbar-nav {
 
    margin: 0 0 0 15px;
}	
.section-brands .brand-item {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 10px;
    float: Left;
}
.brand-item img {
    width: 116px;
}
.vcenter {
    display: block;

}
.header-section {
    padding: 180px 0 100px;
    text-align: center;
    border-bottom: 6px solid #088cdc;
}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
	
	.navbar-collapse.collapse {
    display: block !important;
}
.navbar-nav > li {
    float: left !important;
}
.navbar-collapse {
    border-top: none !important;
   
}
.open > .dropdown-menu {
    display: block !important;
}
.dropdown-menu {
   
    top: 68%;
    
}
ul.nav.nav-tabs li a span {
    display: block;
}
.section-brands .brand-item {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 10px;
    float: Left;
}
.brand-item img {
    width: 100%;
}

.vcenter {
    display: block;

}
.section-header-slider .vertical-slider .sp-mask {
    height: 697px !important;
    
}
body{ overflow-x: hidden !important;}

.navbar-nav {
    float: none !important;
    margin-top: 14.5px;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation : portrait) {
li.hide-nav {
    display: block;
}	
	
.section-header-slider .vertical-slider .sp-mask {
    height: 515px !important;
    width: 100% !important;
    background: #333;
}	
	
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: block!important;
}
ul.main-menu.nav.navbar-nav.clearfix.navbar-with-inside.vcenter {
    width: 730px;

    margin-top: -1px;
    border: none;
    box-shadow: none;
   
   
}
.header .navbar .navbar-nav li a {
    padding: 0 10px;
    margin: 0 0px;
    font-size: 12px;
}
li.active-hover {
    padding-left: 10px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 500px;
	overflow-y:scroll !important;
}
.container {
    width: 726px;
}
.dropdown-menu {
    position: relative;
    top: 80%;
    overflow-y: scroll;
    display: block;
}
.open>.dropdown-menu {
    display: block !important;
}
ul.nav.nav-tabs li a span {
    display: block;
}
.navbar-nav {
 
    margin: 0 0 0 15px;
}	
.section-brands .brand-item {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 10px;
    float: Left;
}
.brand-item img {
    width: 116px;
}
.vcenter {
    display: block;

}
.header-section {
    padding: 180px 0 100px;
    text-align: center;
    border-bottom: 6px solid #088cdc;
}
.small-links {
    float: none;
    clear: both;
    text-align: center;
    display: none;
}
.arrow img {
    max-width: 100%;
}
.plan-item .item-body {
  
    padding: 0 10px 10px;
    background: #fff;
    height: 225px;
}
.plan-item .item-heading {
    height: 80px;
    
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation : landscape) {
	
	.navbar-collapse.collapse {
    display: block !important;
}
.navbar-nav > li {
    float: left !important;
}
.navbar-collapse {
    border-top: none !important;
   
}
.open > .dropdown-menu {
    display: block !important;
}
.dropdown-menu {
   
    top: 68%;
    
}
ul.nav.nav-tabs li a span {
    display: block;
}
.section-brands .brand-item {
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* padding: 10px 10px; */
    /* float: Left; */
}
.brand-item img {
    width: 100%;
}

.vcenter {
    display: block;

}
.section-header-slider .vertical-slider .sp-mask {
    height: 697px !important;
    
}
body{ overflow-x: hidden !important;}

.navbar-nav {
    float: none !important;
    margin-top: 14.5px;
}
}



.inner-section { padding: 120px 0 0px; text-align: center; border-bottom: 0px solid #088cdc; color:#1f5180;}
.ms-bg { background: url(../img/sections/bg-lp2.jpg) top center no-repeat; background-size: cover; }
 .ms-bg from::-moz-placeholder{color:#144576 ;}
.ms-bg input::-webkit-input-placeholder{
    color:#144576;
}
.ms-bg input:-moz-placeholder {
    color:#144576;
}
.dms{padding:0px 5px 0px; color:#144576;   text-align:center; font-family: 'Open Sans', sans-serif;}
.dms h1{ font-size:40px; color:#144576; line-height:42px; padding:10px 0px 0px; font-weight:900; font-family: 'Conv_Ogonek Heavy';}
.dms p{ padding:0px 0px 0px; font-size:17px;color:#144576; font-family: 'Open Sans', sans-serif;}
.dms h2{ font-size:60px; font-family: 'Conv_Ogonek Heavy'; color:#144576; padding:0px 0px ;line-height:40px; font-weight:700; text-align:center;}
.dms h3{ font-size:60px; font-family: 'Conv_Ogonek Heavy'; color:#1fb6ea; padding:0px 0px ; line-height:40px; font-weight:700; text-align:center;}
.dms h4{ font-size:20px; font-family: 'Open Sans', sans-serif; color:#1fb6ea; padding:0px 0px 0px;line-height:36px; font-weight:600;  text-align:center;}
.dms h4 span { font-size:22px; font-family: 'Open Sans', sans-serif; color:#144576; padding:80px 0px 0px;line-height:36px; font-weight:600;  text-align:center;}
.ms-bg1 { background: url(../img/sections/bg2.jpg) top center no-repeat; background-size: cover; }
.ms-bg2 { background: url(../img/sections/bg-lp3.jpg) top center no-repeat; background-size: cover; }
.ms-bg3 { background: url(../img/sections/bg-lp4.jpg) top center no-repeat; background-size: cover; }
.frd{ margin:10px 0px 0px;  position:relative;}
.frds{ background:none; width:100%; border-bottom:solid 2px #1f5180; padding:0px 10px 10px; height:50px; color:#052e56 ; font-size:16px; border-left:solid 2px #1f5180; border-right:solid 2px #1f5180; border-radius:5px; border-top:solid 2px #1f5180;}
.frdst { position:absolute; right:10px; top:10px;}
.dmss{ padding:20px 0px 20px; font-size:14px;color:#144576; font-family: 'Open Sans', sans-serif;}
.buts{ width:70%; margin:0px auto; margin:25px 0px 80px; text-align:center; font-size:18px; font-weight:700; text-align:center; height:40px; line-height:40px; padding:0px; border:0px; border-radius:0px; background:#1fb7eb; color:#fff;}
.dmsst{ padding:0px 0px 20px; font-size:16px;color:#144576; font-family: 'Open Sans', sans-serif; font-weight:500;}
.butsg{ width:100%; margin:0px auto; margin:25px 0px 150px; text-align:center; font-size:18px; font-weight:700; text-align:center; height:40px; line-height:40px; padding:0px; border:0px; border-radius:0px; background:#1fb7eb; color:#fff;}

@media screen and (max-width: 767px) {
.ms-bg{ background-image:none;}
.ms-bg1{ background-image:none;}
.ms-bg2{ background-image:none;}
.ms-bg3{ background-image:none;}

}
.open > .dropdown-menu {
    display: block !important;
}