@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Montserrat:300,400,500,600,700|Droid+Serif&subset=latin");
 @import "../assets/css/bootstrap.min.css";
 @import "../assets/css/animate.css";
 @import "../assets/css/fontello.css";
 @import "../assets/css/font-awesome.min.css";
 @import "../assets/css/owl.carousel.css";
 @import "../assets/css/cubeportfolio.min.css";
 @import "../assets/css/magnific-popup.css";
 @import "../assets/css/flexslider.css";
 @import "../assets/css/vegas.css";
 @import "../includes/rev-slider/css/settings.css";
 @import "../includes/rev-slider/css/layers.css";
 @import "../includes/rev-slider/css/navigation.css";
 @import "../assets/css/shortcodes.css";
 /* Reset Browsers
-------------------------------------------------------------- */

 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;
     outline: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
     font-family: inherit;
     font-size: 100%;
     font-style: inherit;
     font-weight: inherit;
 }

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

 html {
     font-size: 62.5%;
     overflow-y: scroll;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
 }

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

 body {
     background: #fff;
     line-height: 1;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 nav,
 section {
     display: block
 }

 ol,
 ul {
     list-style: none
 }

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

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

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

 blockquote,
 q {
     quotes: none
 }

 a:focus {
     outline: none
 }

 a:hover,
 a:active {
     outline: 0
 }

 a img {
     border: 0
 }

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

 select {
     max-width: 100%
 }

 /* General
-------------------------------------------------------------- */

 body,
 button,
 input,
 select,
 textarea {
     font-family: "Open Sans", sans-serif;
     color: #333;
     font-size: 14px;
     line-height: 1.875;
     background-color: #fff;
     overflow-x: hidden;
     overflow-y: auto;
 }

 img {
     height: auto;
     max-width: 100%;
     vertical-align: middle;
     -ms-interpolation-mode: bicubic
 }

 p {
     margin: 0 0 20px;
 }

 strong,
 b {
     font-weight: bold;
 }

 dfn,
 cite,
 em,
 i,
 blockquote {
     font-style: italic;
 }

 blockquote {
     border: 2px solid #228dd8;
     font-style: italic;
     padding: 35px 30px;
 }

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

 blockquote>p:last-child {
     margin-bottom: 0;
 }

 blockquote .small {
     display: inline-block;
 }

 blockquote em,
 blockquote i {
     font-style: normal;
 }

 abbr,
 acronym {
     border-bottom: 1px dotted #d1d1d1;
     cursor: help;
 }

 mark,
 ins {
     text-decoration: none;
 }

 sup,
 sub {
     font-size: 75%;
     height: 0;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 sup {
     top: -6px;
 }

 sub {
     bottom: -3px;
 }

 small {
     font-size: 75%;
 }

 big {
     font-size: 125%;
 }

 address {
     font-style: italic;
     margin: 0 0 20px;
 }

 code,
 kbd,
 tt,
 var,
 samp,
 pre {
     font-family: Inconsolata, monospace;
     -webkit-hyphens: none;
     -moz-hyphens: none;
     hyphens: none;
     background: #f9f9f9;
     border: 1px solid #e1e1e1;
     border-radius: 0;
     height: auto;
     margin: 0 0 20px;
     overflow-x: auto;
     padding: 20px;
 }

 /* Elements
-------------------------------------------------------------- */

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

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

 hr {
     background-color: #f6f6f6;
     border: 0;
     height: 1px;
     margin-bottom: 20px;
 }

 /* List */

 ul,
 ol {
     padding: 0;
     margin: 0 0 20px 35px;
 }

 ul {
     list-style: disc;
 }

 ol {
     list-style: decimal;
 }

 li>ul,
 li>ol {
     margin-bottom: 0;
 }

 ul li,
 ol li {
     line-height: 1.86em;
     padding: 0.26em 0;
 }

 ul.list-unstyled {
     margin-left: 0;
     list-style: none;
 }

 .list-fixed-icon .fa {
     display: inline-block;
     width: 1.2em;
     text-align: right;
     padding-right: 1.4em;
 }

 dl {
     margin: 0 0 30px;
 }

 dt {
     font-weight: bold;
 }

 dd {
     margin: 0 0 30px;
 }

 del {
     filter: alpha(opacity=80);
     opacity: 0.8;
 }

 /* Table */

 table,
 th,
 td {
     border: 1px solid #eaeaea;
 }

 table {
     border-collapse: separate;
     border-spacing: 0;
     border-width: 1px 0 0 1px;
     margin: 0 0 30px;
     table-layout: fixed;
    
 }

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

 th {
     border-width: 0 1px 1px 0;
     font-weight: bold;
 }

 td {
     border-width: 0 1px 1px 0;
 }

 th,
 td {
     padding: 5px 15px;
 }

 /* Media */

 embed,
 iframe,
 object,
 video {
     margin-bottom: 20px;
     max-width: 100%;
     vertical-align: middle;
 }

 p>embed,
 p>iframe,
 p>object,
 p>video {
     margin-bottom: 0;
 }

 /* Accessibility - Text meant only for screen readers */

 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
 }

 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
 }

 /* Forms
-------------------------------------------------------------- */
 /* Fixes */

 button,
 input {
     line-height: normal;
 }

 button,
 input,
 select,
 textarea {
     font-size: 100%;
     line-height: inherit;
     margin: 0;
     vertical-align: baseline;
 }

 input,
 textarea {
     font-size: 1em;
     max-width: 100%;
     background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
     /* Removing the inner shadow on iOS inputs */
 }

 textarea {
     overflow: auto;
     /* Removes default vertical scrollbar in IE6/7/8/9 */
     vertical-align: top;
     /* Improves readability and alignment in all browsers */
 }

 input[type="checkbox"] {
     display: inline;
 }

 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     line-height: 1;
     cursor: pointer;
     -webkit-appearance: button;
     border: 0;
 }

 input[type="checkbox"],
 input[type="radio"] {
     padding: 0;
     /* Addresses excess padding in IE8/9 */
 }

 input[type="search"] {
     -webkit-appearance: textfield;
     /* Addresses appearance set to searchfield in S5, Chrome */
 }

 input[type="search"]::-webkit-search-decoration {
     /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
     -webkit-appearance: none;
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
     /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
 }

 /* Remove chrome yellow autofill */

 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset
 }

 /* Reset search styling */

 input[type="search"] {
     outline: 0
 }

 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
     display: none
 }

 /* Input normal */

 select,
 textarea,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="date"],
 input[type="month"],
 input[type="time"],
 input[type="week"],
 input[type="number"],
 input[type="email"],
 input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"] {
     color: #777;
     border: 1px solid #eaeaea;
     padding: 11px 19px;
     line-height: inherit;
     width: 100%;
     background-color: transparent;
     margin-bottom: 30px;
     border-radius: 0;
     height: auto;
     -webkit-appearance: none;
     text-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: border ease .238s;
     -moz-transition: border ease .238s;
     transition: border ease .238s;
 }

 /* For Contact Form 7 */

 .wpcf7-form select,
 .wpcf7-form textarea,
 .wpcf7-form input {
     margin-bottom: 0;
 }

 /* Input focus */

 textarea:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="time"]:focus,
 input[type="week"]:focus,
 input[type="number"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus {
     border-color: #a1a1a1;
     outline: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
 }

 /* Button */

 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
     /* background-color: #228dd8; */
     color: #fff;
     padding: 1.285em 2.642em;
     display: inline-block;
     -webkit-appearance: none;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 /* Button hover + focus */

 button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
 button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
     outline: 0;
     background-color: #4b4b4b;
     color: #fff;
 }

 /* Placeholder color */

 ::-webkit-input-placeholder {
     color: #c1c1c1;
 }

 :-moz-placeholder {
     color: #c1c1c1;
 }

 ::-moz-placeholder {
     color: #c1c1c1;
     opacity: 1;
     /* Since FF19 lowers the opacity of the placeholder by default */
 }

 :-ms-input-placeholder {
     color: #c1c1c1;
 }

 /* Links */

 a {
     color: #228dd8;
     outline: 0;
     text-decoration: none;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 a:hover,
 a:focus,
 a:active {
     outline: 0;
     color: #4b4b4b;
     text-decoration: none
 }

 /* Typography
-------------------------------------------------------------- */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Montserrat", sans-serif;
     color: #228dd8;
     line-height: 1.5;
     margin: 0 0 12px;
     font-weight: 500;
     text-rendering: optimizeLegibility;
 }

 h1 {
     font-size: 2.142em;
 }

 /* 30px */

 h2 {
     font-size: 1.758em;
 }

 /* 25px */

 h3 {
     font-size: 1.571em;
 }

 /* 22px */

 h4 {
     font-size: 1.428em;
 }

 /* 20px */

 h5 {
     font-size: 1.285em;
 }

 /* 18px */

 h6 {
     font-size: 1.071em;
 }

 /* 15px */

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: inherit
 }

 h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover,
 h5 a:hover,
 h6 a:hover {
     text-decoration: none
 }

 .text-accent-color {
     color: #228dd8 !important;
 }

 .text-white {
     color: #fff !important;
 }

 .text-grey {
     color: #ccc !important;
 }

 .text-heading-color {
     color: #4b4b4b !important;
 }

 .text-muted {
     color: #aaa !important;
 }

 .text-primary {
     color: #3c7fb9 !important;
 }

 .text-success {
     color: #51a351 !important;
 }

 .text-info {
     color: #56b5ce !important;
 }

 .text-warning {
     color: #dfa048 !important;
 }

 .text-danger {
     color: #cb4d49 !important;
 }

 p.dropcap-contrast span.first-letter {
     font-size: 24px;
     float: left;
     color: white;
     background-color: #228dd8;
     text-align: center;
     vertical-align: middle;
     margin: 5px 10px 0 0;
     line-height: 60px;
     width: 60px;
     height: 60px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }

 p.dropcap span.first-letter {
     font-size: 55px;
     float: left;
     color: #228dd8;
     text-align: left;
     line-height: 45px;
     margin-right: 18px;
     width: 45px;
     height: 45px;
 }

 .construction-icons>span {
     font-size: 30px;
 }

 /* Extra classes
-------------------------------------------------------------- */

 .line-height-normal {
     line-height: normal;
 }

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

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

 .margin-bottom-0 {
     margin-bottom: 0px;
 }

 .margin-bottom-5 {
     margin-bottom: 5px;
 }

 .margin-bottom-10 {
     margin-bottom: 10px;
 }

 .margin-bottom-15 {
     margin-bottom: 15px;
     font-size: 22px;
     font-weight: 700;
 }

 .margin-bottom-20 {
     margin-bottom: 20px;
 }

 .margin-bottom-25 {
     margin-bottom: 25px;
 }

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

 .margin-bottom-35 {
     margin-bottom: 35px;
 }

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

 .margin-bottom-45 {
     margin-bottom: 45px;
 }

 .margin-bottom-50 {
     margin-bottom: 50px;
 }

 .margin-bottom-55 {
     margin-bottom: 55px;
 }

 .margin-bottom-60 {
     margin-bottom: 60px;
 }

 .margin-bottom-65 {
     margin-bottom: 65px;
 }

 .margin-bottom-70 {
     margin-bottom: 70px;
 }

 .margin-bottom-75 {
     margin-bottom: 75px;
 }

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

 .margin-bottom-85 {
     margin-bottom: 85px;
 }

 .margin-bottom-90 {
     margin-bottom: 90px;
 }

 .margin-bottom-95 {
     margin-bottom: 95px;
 }

 .margin-bottom-100 {
     margin-bottom: 100px;
 }

 .margin-top-0 {
     margin-top: 0px;
 }

 .margin-top-5 {
     margin-top: 5px;
 }

 .margin-top-10 {
     margin-top: 10px;
 }

 .margin-top-15 {
     margin-top: 15px;
 }

 .margin-top-20 {
     margin-top: 20px;
 }

 .margin-top-25 {
     margin-top: 25px;
 }

 .margin-top-30 {
     margin-top: 30px;
 }

 .margin-top-35 {
     margin-top: 35px;
 }

 .margin-top-40 {
     margin-top: 40px;
 }

 .margin-top-45 {
     margin-top: 45px;
 }

 .margin-top-50 {
     margin-top: 50px;
 }

 .margin-top-55 {
     margin-top: 55px;
 }

 .margin-top-60 {
     margin-top: 60px;
 }

 .margin-top-65 {
     margin-top: 65px;
 }

 .margin-top-70 {
     margin-top: 70px;
 }

 .margin-top-75 {
     margin-top: 75px;
 }

 .margin-top-80 {
     margin-top: 80px;
 }

 .margin-top-85 {
     margin-top: 85px;
 }

 .margin-top-90 {
     margin-top: 90px;
 }

 .margin-top-95 {
     margin-top: 95px;
 }

 .margin-top-100 {
     margin-top: 100px;
 }

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

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

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

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

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

 .letter-spacing-1px {
     letter-spacing: 1px;
 }

 .letter-spacing-2px {
     letter-spacing: 2px;
 }

 .letter-spacing-3px {
     letter-spacing: 3px;
 }

 .letter-spacing-4px {
     letter-spacing: 4px;
 }

 .letter-spacing-5px {
     letter-spacing: 5px;
 }

 .letter-spacing-6px {
     letter-spacing: 6px;
 }

 .letter-spacing-7px {
     letter-spacing: 7px;
 }

 .letter-spacing-8px {
     letter-spacing: 8px;
 }

 .font-family-body {
     font-family: 'Open Sans', sans-serif !important;
 }

 .font-family-heading {
     font-family: 'Montserrat', serif !important;
 }

 .font-family-extend {
     font-family: 'Droid Serif', serif !important;
 }

 .font-size-13 {
     font-size: 13px;
 }

 .font-size-14 {
     font-size: 14px;
 }

 .font-size-15 {
     font-size: 15px;
 }

 .font-size-16 {
     font-size: 16px;
 }

 .font-size-17 {
     font-size: 17px;
 }

 .font-size-18 {
     font-size: 18px;
 }

 .font-size-19 {
     font-size: 19px;
 }

 .font-size-20 {
     font-size: 20px;
 }

 .font-size-21 {
     font-size: 21px;
 }

 .font-size-22 {
     font-size: 22px;
 }

 .font-size-23 {
     font-size: 23px;
 }

 .font-size-24 {
     font-size: 24px;
 }

 .font-size-25 {
     font-size: 25px;
 }

 .font-size-26 {
     font-size: 26px;
 }

 .font-size-27 {
     font-size: 27px;
 }

 .font-size-28 {
     font-size: 28px;
 }

 .font-size-29 {
     font-size: 29px;
 }

 .font-size-30 {
     font-size: 30px;
 }

 .font-size-35 {
     font-size: 35px;
 }

 .font-size-40 {
     font-size: 40px;
 }

 .font-size-45 {
     font-size: 45px;
 }

 .font-size-50 {
     font-size: 50px;
 }

 .font-size-55 {
     font-size: 55px;
 }

 .font-size-60 {
     font-size: 60px;
 }

 .font-size-70 {
     font-size: 70px;
 }

 .font-size-80 {
     font-size: 80px;
 }

 .font-size-90 {
     font-size: 90px;
 }

 .font-size-100 {
     font-size: 100px;
 }

 .text-shadow {
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important;
 }

 .parallax {
     width: 100%;
     background-position: 50% 0;
 }

 /* Clearfix */

 .clearfix {
     *zoom: 1;
 }

 .clearfix:before,
 .clearfix:after,
 .wprt-container:before,
 .wprt-container:after {
     clear: both;
     display: table;
     line-height: 0;
     content: "";
 }

 .clearfix:after,
 .wprt-container:after {
     clear: both;
 }

 /* Layout
-------------------------------------------------------------- */

 .wprt-container {
     width: 1170px;
     margin: 0 auto;
     max-width: 90%;
 }

 #page {
     background: #fff;
 }

 #main-content {
     padding: 80px 0;
 }

 /* Inner Content */

 #inner-content,
 #inner-sidebar {
     position: relative;
     z-index: 1;
 }

 #inner-content:after,
 #inner-sidebar:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-style: solid;
     border-width: 0;
     z-index: -1;
 }

 /* Sidebar Right (default) */

 #site-content {
     float: left;
     width: 70.95%
 }

 #sidebar {
     float: right;
     width: 25.64%
 }

 /* Sidebar Left */

 .sidebar-left #site-content {
     float: right;
 }

 .sidebar-left #sidebar {
     float: left;
 }

 /* No Sidebar */

 .no-sidebar #site-content {
     width: 100% !important;
     max-width: none !important;
     float: none !important;
 }

 /* Hero Slideshow
-------------------------------------------------------------- */

 #hero-section {
     position: relative;
 }

 #hero-section .hero-content {
     position: relative;
     z-index: 20;
     text-align: center;
 }

 #hero-section .hero-title {
     overflow: hidden;
     height: 80px;
     vertical-align: baseline;
 }

 #hero-section .hero-title h1 {
     font-size: 80px;
     color: #fff;
     height: 80px;
     line-height: 80px;
     margin: 0;
     font-weight: bold;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
     -webkit-transition: margin-top 0.4s ease-in-out;
     -moz-transition: margin-top 0.4s ease-in-out;
     transition: margin-top 0.4s ease-in-out;
 }

 #hero-section .typed-cursor {
     opacity: 1;
     -webkit-animation: blink 0.7s infinite;
     -moz-animation: blink 0.7s infinite;
     animation: blink 0.7s infinite;
 }

 @keyframes blink {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-webkit-keyframes blink {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-moz-keyframes blink {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 #hero-section .hero-text {
     font-size: 20px;
     width: 100%;
     color: #fff;
     margin: 10px 0 40px;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
 }

 #hero-section .hero-text>p {
     padding: 0 15px;
     max-width: 600px;
     margin: 0 auto;
 }

 #hero-section .arrow {
     position: absolute;
     bottom: 10px;
     left: 50%;
     margin-left: -20px;
     width: 40px;
     height: 40px;
     z-index: 999;
     animation: bounce 2.5s infinite;
     -webkit-animation: bounce 2.5s infinite;
     -moz-animation: bounce 2.5s infinite;
 }

 #hero-section .arrow:after {
     content: "\f107";
     font-family: "FontAwesome";
     font-size: 24px;
     color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: center;
 }

 #hero-section .arrow:hover:after {
     color: #228dd8;
 }

 #hero-section .arrow-2 {
     display: inline-block;
     width: 50px;
     height: 150px;
     font-size: 34px;
     animation: bounce 2.5s infinite;
     -webkit-animation: bounce 2.5s infinite;
     -moz-animation: bounce 2.5s infinite;
 }

 #hero-section .arrow-2:hover,
 #hero-section .arrow-2:focus {
     color: #fff;
 }

 /* Top Bar
-------------------------------------------------------------- */

 #top-bar {
     font-size: 0.928em;
     position: relative;
     z-index: 1;
 }

 #top-bar:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #006494;
     z-index: -1;
 }

 #top-bar,
 #top-bar a {
     color: #fff;
 }

 #top-bar-inner {
     padding-top: 10px;
     padding-bottom: 10px;
 }

 #top-bar .top-bar-inner-wrap {
     display: table;
     overflow: hidden;
     width: 100%;
 }

 #top-bar .top-bar-content {
     display: table-cell;
     margin: 0;
     text-align: left;
     vertical-align: middle;
     width: 45%;
 }

 #top-bar .top-bar-socials {
     display: table-cell;
     text-align: right;
     vertical-align: middle;
     width: 25%;
 }

 #top-bar .top-bar-socials .texts {
     padding-right: 5px;
 }

 /* Override for header 5 */

 .header-style-5 #top-bar:after {
     background-color: #000;
     filter: alpha(opacity=20);
     opacity: 0.2;
     border-width: 0 0 1px 0;
     border-style: solid;
     border-color: #515151;
 }

 /* Top Bar Socials */

 #top-bar .top-bar-socials .icons a {
     position: relative;
     z-index: 1;
     font-size: 16px;
     color: #fff;
     width: 24px;
     height: 24px;
     line-height: 24px;
     margin: 0 0 0 8px;
     text-align: center;
     display: inline-block;
 }

 #top-bar .top-bar-socials .icons a:hover {
     color: #4b4b4b;
 }

 #top-bar .top-bar-socials .icons a:last-child {
     margin-right: 0;
 }

 #top-bar .top-bar-socials .icons a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid transparent;
     background-color: transparent;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }

 /* Top Bar Content */

 #top-bar .top-bar-content i.fa-phone-square {
     margin-right: 12px;
     color: #fff;
     font-size: 14px
 }

 #top-bar .top-bar-content i.fa-envelope {
     margin-right: 12px;
     margin-left: 24px;
     color: #fff;
     font-size: 16px
 }

 #top-bar .top-bar-content i.fa-clock-o {
     margin-right: 12px;
     margin-left: 24px;
     color: #fff;
     font-size: 14px
 }

 /* Top Bar Menu */

 .top-bar-menu {
     margin: 0;
     list-style: none;
     margin-right: 20px;
 }

 .top-bar-menu li {
     margin-right: 20px
 }

 .top-bar-menu li li {
     display: none !important;
     /* hide dropdowns on top menu */
 }

 .top-bar-menu li:last-child {
     margin-right: 0
 }

 .top-bar-menu,
 .top-bar-menu li {
     display: inline-block;
 }

 .top-bar-menu li a {
     color: #4b4b4b;
     display: inline-block;
 }

 /* Top Bar Style 2 */

 #top-bar.style-2 .top-bar-menu {
     float: right;
     margin: 0 0 0 25px;
 }

 #top-bar.style-2 .top-bar-content {
     text-align: right;
 }

 #top-bar.style-2 .top-bar-socials {
     text-align: left;
 }

 #top-bar.style-2 .top-bar-socials .icons a:first-child {
     margin-left: 0;
 }

 /* Header
-------------------------------------------------------------- */

 #site-header {
     position: relative;
     background-color: #fff;
 }

 #site-header-inner {
     position: relative;
     padding-top: 25px;
     padding-bottom: 25px;
     height: 100%;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 #site-logo {
     float: left;
 }

 #site-logo .site-logo-text {
     color: #4b4b4b;
     font-size: 22px;
     line-height: 34px;
     font-weight: 700;
 }

 #site-logo .site-logo-text:hover {
     color: #228dd8;
 }

 .menu-has-search #site-header.style-1 #main-nav,
 .menu-has-search #site-header.style-5 #main-nav {
     right: 50px;
 }

 .menu-has-cart #site-header.style-1 #main-nav,
 .menu-has-cart #site-header.style-5 #main-nav {
     right: 60px;
 }

 .menu-has-search.menu-has-cart #site-header.style-1 #main-nav,
 .menu-has-search.menu-has-cart #site-header.style-5 #main-nav {
     right: 0;
 }

 .menu-has-search.menu-has-cart #site-header.style-1 #header-search,
 .menu-has-search.menu-has-cart #site-header.style-5 #header-search {
     right: 66px;
 }

 /* Header Styles */

 #site-header.style-1 #main-nav,
 #site-header.style-5 #main-nav {
     position: absolute;
     right: -3px;
     top: 50%;
     z-index: 10;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 #site-header.style-1 #main-nav>ul>li>a,
 #site-header.style-5 #main-nav>ul>li>a {
     height: 50px;
     line-height: 50px;
 }

 #site-header.style-1 .header-search-icon,
 #site-header.style-5 .header-search-icon {
     display: block;
     height: 50px;
     line-height: 50px;
     color: #4b4b4b;
     font-size: 16px;
 }

 #site-header.style-1 .header-search-icon:hover,
 #site-header.style-5 .header-search-icon:hover {
     color: #228dd8;
 }

 #site-header.style-1 .header-search-form,
 #site-header.style-5 .header-search-form {
     top: 4px;
 }

 /* Header Search */

 #site-header #header-search {
     position: absolute;
     right: 15px;
     top: 50%;
     z-index: 10;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 #site-header .header-search-form {
     position: absolute;
     right: 30px;
     top: -6px;
     width: 210px;
     display: none;
 }

 #site-header .header-search-field {
     margin: 0;
     padding-top: 5px;
     padding-bottom: 5px;
     background-color: #fff;
 }

 #site-header .header-search-submit {
     position: absolute;
     right: 0;
     top: 0;
     filter: alpha(opacity=0);
     opacity: 0;
     visibility: hidden;
     display: none;
 }

 #site-header .header-search-form.show {
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible;
 }

 #site-header .header-search-form header-search-field {
     width: 273px;
     height: 43px;
 }

 /* Mini Cart */

 .nav-top-cart-wrapper {
     position: absolute;
     right: 15px;
     top: 50%;
     z-index: 100;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .nav-cart-trigger {
     display: block;
     height: 50px;
     line-height: 48px;
     color: #4b4b4b;
     font-size: 16px;
 }

 .nav-cart-trigger:hover {
     color: #228dd8;
 }

 .nav-cart-trigger .cart-icon {
     position: relative;
     padding-right: 16px;
 }

 .shopping-cart-items-count {
     position: absolute;
     right: 0;
     top: 0;
     width: 15px;
     height: 15px;
     line-height: 17px;
     font-size: 11px;
     background-color: #228dd8;
     color: #fff;
     display: block;
     border-radius: 50%;
     text-align: center;
 }

 .nav-top-cart-wrapper .nav-shop-cart {
     width: 305px;
     position: absolute;
     right: 0;
     top: 100%;
     z-index: 99999;
     background-color: #fff;
     border: 1px solid #f8f8f8;
     padding: 20px;
     box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
     filter: alpha(opacity=0);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
     transform: translateY(5px);
 }

 .nav-top-cart-wrapper:hover .nav-shop-cart {
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     transform: translateY(0px);
 }

 .nav-top-cart-wrapper .nav-shop-cart ul {
     list-style: none;
     margin: 0;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li {
     display: inline-block;
     position: relative;
     width: 100%;
     border-top: 1px solid #eaeaea;
     padding: 15px;
     padding-left: 0;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li.empty {
     padding: 0;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a {
     color: #4b4b4b;
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
     font-size: 1.071em;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a:hover {
     color: #228dd8;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a.remove {
     font-size: 16px;
     color: #d82e2e;
     position: absolute;
     right: 0;
     top: 25px;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a.remove:hover {
     color: #4b4b4b;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li:first-child a.remove {
     top: 10px;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a img {
     float: left;
     width: 50px;
     margin-left: 0;
     margin-right: 13px;
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li .quantity {
     display: block;
     line-height: 16px;
 }

 .nav-top-cart-wrapper .nav-shop-cart .total {
     border-top: 1px solid #eaeaea;
     padding-top: 10px;
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons:before,
 .nav-top-cart-wrapper .nav-shop-cart .buttons:after {
     content: "";
     display: table;
     clear: both;
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons {
     margin: 0;
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons a {
     float: left;
     text-transform: uppercase;
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons a.checkout {
     float: right;
 }

 /* Navigation */

 #main-nav {
     display: block;
 }

 #main-nav ul {
     margin: 0;
 }

 #main-nav ul li {
     position: relative;
     list-style: none;
     padding-top: 0;
     padding-bottom: 0;
 }

 #main-nav>ul>li {
     float: left;
     padding: 0 18px;
 }

 #main-nav>ul>li:first-child {
     padding-left: 0;
 }

 #main-nav>ul>li>a {
     display: block;
     font-family: "Montserrat", sans-serif;
     font-size: 14px;
     font-weight: 500;
     color: #4b4b4b;
     text-transform: uppercase;
 }

 #main-nav>ul>li>a:hover,
 #main-nav>ul>li.current-menu-item>a {
     color: #228dd8;
 }

 #main-nav>ul>li.menu-item-has-children>a {
     position: relative;
     padding-right: 15px;
 }

 #main-nav>ul>li.menu-item-has-children>a:after {
     content: "\f107";
     font-family: "FontAwesome";
     position: absolute;
     right: 0;
     top: 0;
     filter: alpha(opacity=75);
     opacity: 0.75
 }

 /* Re-style for header 5 (float) */

 .header-style-5 #site-header {
     background-color: transparent !important;
 }

 .header-style-5 #site-header-wrap {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     background-color: transparent;
     z-index: 999;
 }

 #site-header.style-5:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #000;
     filter: alpha(opacity=20);
     opacity: 0.2;
     z-index: -1;
 }

 #site-header.style-5 #main-nav>ul>li>a {
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
 }

 #site-header.style-5 #main-nav>ul>li.current-menu-item>a,
 #site-header.style-5 #main-nav>ul>li>a:hover {
     color: #228dd8;
 }

 #site-header.style-5 .mobile-button:before,
 #site-header.style-5 .mobile-button:after,
 #site-header.style-5 .mobile-button span {
     background-color: #fff;
 }

 #site-header.style-5 .nav-cart-trigger {
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
 }

 #site-header.style-5 .nav-cart-trigger:hover {
     color: #228dd8;
 }

 #site-header.style-5 .header-search-icon {
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
 }

 #site-header.style-5 .header-search-icon:hover {
     color: #228dd8;
 }

 /* Header sticky */

 #site-header.is-sticky {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 999999;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 #site-header.is-sticky:after {
     filter: alpha(opacity=80);
     opacity: 0.8;
 }

 #site-header.is-sticky #site-header-inner {
     padding-top: 18px;
     padding-bottom: 18px;
 }

 /* Sub Menu */

 #main-nav .sub-menu {
     position: absolute;
     left: 0;
     top: 100%;
     width: 220px;
     filter: alpha(opacity=0);
     opacity: 0;
     visibility: hidden;
     z-index: 9999;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
     transform: translateY(3px);
     -webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 7px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 7px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 7px rgba(0, 0, 0, 0.2);
 }

 #main-nav>ul>li:first-child>.sub-menu {
     left: -18px;
 }

 #main-nav .sub-menu li a {
     display: block;
     background-color: #fff;
     color: #4b4b4b;
     font-weight: 500;
     font-size: 0.928em;
     font-family: "Montserrat", sans-serif;
     text-transform: uppercase;
     border-top: 1px solid #eaeaea;
     padding: 10px 19px;
     line-height: 24px;
 }

 #main-nav .sub-menu li:first-child a {
     border-top: 0;
 }

 #main-nav .sub-menu li a:hover {
     color: #228dd8;
 }

 #main-nav li:hover>.sub-menu {
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
     transform: translateX(0px);
 }

 /* Mobile Navigation */

 #main-nav-mobi {
     display: block;
     margin: 0 auto;
     width: 100%;
     position: absolute;
     left: 0;
     top: 100%;
     z-index: 99999;
     background-color: #262626;
 }

 #main-nav-mobi ul {
     display: block;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #main-nav-mobi ul li {
     margin: 0;
     position: relative;
     text-align: center;
     cursor: pointer;
     border-top: 1px solid #333;
     padding-top: 0;
     padding-bottom: 0;
 }

 #main-nav-mobi ul>li>a {
     font-weight: 500;
     color: #777;
     display: inline-block;
     font-family: "Montserrat", sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     line-height: 50px;
     text-decoration: none;
 }

 #main-nav-mobi ul>li>a:hover {
     color: #228dd8;
 }

 #main-nav-mobi .menu-item-has-children .arrow {
     cursor: pointer;
     display: inline-block;
     font-family: "FontAwesome";
     font-size: 20px;
     line-height: 50px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     width: 50px;
 }

 #main-nav-mobi .menu-item-has-children .arrow:before {
     content: "\f105";
     color: #aaa;
 }

 #main-nav-mobi .menu-item-has-children .arrow.active:before {
     content: "\f107";
 }

 #main-nav-mobi ul ul li {
     background-color: #292929;
 }

 #main-nav-mobi ul ul ul li {
     background-color: #323232;
 }

 /* Mobile Menu Button */

 .mobile-button {
     display: none;
     float: right;
     position: relative;
     background: transparent;
     cursor: pointer;
     margin-top: 8px;
     width: 26px;
     height: 16px;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 .mobile-button:before,
 .mobile-button:after,
 .mobile-button span {
     background-color: #222;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 .mobile-button:before,
 .mobile-button:after {
     content: '';
     position: absolute;
     top: 0;
     height: 3px;
     width: 100%;
     left: 0;
     top: 50%;
     -webkit-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
 }

 .mobile-button span {
     position: absolute;
     width: 100%;
     height: 3px;
     left: 0;
     top: 50%;
     overflow: hidden;
     text-indent: 200%;
 }

 .mobile-button:before {
     -webkit-transform: translate3d(0, -7px, 0);
     -moz-transform: translate3d(0, -7px, 0);
     transform: translate3d(0, -7px, 0);
 }

 .mobile-button:after {
     -webkit-transform: translate3d(0, 7px, 0);
     -moz-transform: translate3d(0, 7px, 0);
     transform: translate3d(0, 7px, 0);
 }

 .mobile-button.active span {
     opacity: 0;
 }

 .mobile-button.active:before {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     -moz-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
 }

 .mobile-button.active:after {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     -moz-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
 }

 /* Featured Title
-------------------------------------------------------------- */

 #featured-title {
     background: #f8f8f8;
     border-style: solid;
     background-image: url(../architect-civil-contractor/alig-banner-1.jpg);
     background-position: top;
 }

 #featured-title .featured-title-inner-wrap {
     padding: 52px 0;
     display: table;
     overflow: hidden;
     width: 100%;
     height: 300px;
 }

 #featured-title .featured-title-heading-wrap {
     display: table-cell;
     margin: 0;
     text-align: left;
     vertical-align: middle;
     width: 65%;
 }

 #featured-title #breadcrumbs {
     font-size: 0.928em;
     display: table-cell;
     text-align: right;
     vertical-align: middle;
     width: 35%;
 }

 #featured-title .featured-title-heading {
     z-index: 1;
     position: relative;
     display: inline-block;
     font-size: 30px;
     margin: 0;
     color: #ffff;
     font-weight: 700;
 }

 #featured-title .featured-title-heading.has-shadow {
     text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px
 }

 #featured-title .featured-title-heading:after,
 #featured-title #breadcrumbs .breadcrumbs-inner:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border-style: solid;
     border-width: 0px;
 }

 #featured-title #breadcrumbs .breadcrumbs-inner {
     z-index: 1;
     position: relative;
     display: inline-block;
 }

 #featured-title #breadcrumbs a {
     color: #228dd8;
 }

 #featured-title #breadcrumbs a:hover {
     color: #4b4b4b;
 }

 #featured-title #breadcrumbs .sep {
     padding: 0 4px;
 }

 /* Featured Title other styles */

 #featured-title.featured-title-right .featured-title-heading-wrap {
     text-align: right;
 }

 #featured-title.featured-title-right #breadcrumbs {
     text-align: left;
 }

 #featured-title.featured-title-centered1 .featured-title-inner-wrap,
 #featured-title.featured-title-centered2 .featured-title-inner-wrap {
     display: block;
 }

 #featured-title.featured-title-centered1 .featured-title-heading-wrap,
 #featured-title.featured-title-centered2 .featured-title-heading-wrap {
     display: block;
     width: 100%;
     text-align: center;
 }

 #featured-title.featured-title-centered1 #breadcrumbs {
     display: block;
     width: 100%;
     text-align: center;
     margin-top: 5px;
 }

 #featured-title.featured-title-centered2 #breadcrumbs {
     display: block;
     width: 100%;
     text-align: center;
     margin-bottom: 5px;
 }

 #featured-title.featured-title-centered2 .featured-title-heading-wrap {
     margin-top: 5px;
 }

 #featured-title.featured-title-centered1 .featured-title-heading-wrap {
     margin-bottom: 5px;
 }

 /* Overrdie for Front-Page and Pages
-------------------------------------------------------------- */

 body.front-page #main-content,
 body.page #main-content {
     padding-top: 0;
     padding-bottom: 0;
 }

 /* Blog Post
-------------------------------------------------------------- */

 .hentry {
     margin-top: 60px;
 }

 .hentry:first-child {
     margin-top: 0;
 }

 .hentry .post-content-wrap,
 .hentry .post-content-single-wrap {
     border: 1px solid transparent;
 }

 /* Post media */

 .post-media {
     margin-bottom: 25px;
     position: relative;
 }

 .hentry .post-media img {
     width: 100%;
     height: auto;
 }

 .hentry .post-media iframe {
     margin-bottom: 0;
 }

 /* Post title */

 .hentry .post-title {
     font-size: 1.785em;
     margin-bottom: 20px;
 }

 .hentry .post-title-inner {
     z-index: 1;
     position: relative;
     display: inline-block;
 }

 .hentry .post-title-inner:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
     border: 1px solid transparent;
 }

 .hentry .post-title-inner:after {
     content: "";
     position: absolute;
     left: 0;
     top: 100%;
     width: 0;
     height: 0;
     background-color: transparent;
 }

 .hentry .post-title a:hover {
     color: #228dd8;
 }

 /* Post meta */

 .hentry .post-meta {
     padding: 7px 12px;
     background-color: #f8f8f8;
     color: #777;
     font-size: 0.928em;
     margin-bottom: 22px;
 }

 .hentry .post-meta a {
     color: #9e9e9e;
 }

 .hentry .post-meta a:hover {
     color: #228dd8;
 }

 .hentry .post-meta .item {
     display: inline-block;
     margin-left: 18px;
     border: 1px solid transparent;
 }

 .hentry .post-meta .item:first-child {
     margin-left: 0;
 }

 .hentry .post-meta .item .inner {
     position: relative;
     padding-left: 20px;
 }

 .hentry .post-meta .item .inner:before {
     content: "";
     font-family: "FontAwesome";
     font-size: 13px;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0);
 }

 .hentry .post-meta .item.post-by-author .inner:before {
     content: "\f017";
 }

 .hentry .post-meta .item.post-date .inner:before {
     content: "\f007";
 }

 .hentry .post-meta .item.post-comment .inner:before {
     content: "\f27a";
 }

 .hentry .post-meta .item.post-meta-categories .inner:before {
     content: "\f02b";
 }

 .hentry .post-meta .post-categories {
     color: #228dd8;
 }

 .hentry .post-meta .post-categories span,
 .hentry .post-meta .post-categories:before {
     color: #777;
 }

 /* Post meta style 2 */

 .hentry .post-meta.style-2 .item .inner:before {
     content: "/";
     font-size: 10px;
     font-family: "Open Sans", sans-serif;
 }

 .hentry .post-meta.style-2 .item,
 .hentry .post-meta.style-3 .item,
 .hentry .post-meta.style-4 .item {
     margin-left: 7px;
 }

 .hentry .post-meta.style-2 .item .inner,
 .hentry .post-meta.style-3 .item .inner,
 .hentry .post-meta.style-4 .item .inner {
     padding-left: 13px;
 }

 .hentry .post-meta.style-2 .item:first-child .inner,
 .hentry .post-meta.style-3 .item:first-child .inner,
 .hentry .post-meta.style-4 .item:first-child .inner {
     padding-left: 0;
 }

 .hentry .post-meta.style-2 .item:first-child .inner:before,
 .hentry .post-meta.style-3 .item:first-child .inner:before,
 .hentry .post-meta.style-4 .item:first-child .inner:before {
     display: none;
 }

 /* Post meta style 3 */

 .hentry .post-meta.style-3 .item .inner:before {
     content: "\f111";
     font-size: 4px;
     line-height: 4px;
     padding-top: 2px;
 }

 /* Post meta style 4 */

 .hentry .post-meta.style-4 .item .inner:before {
     content: "\f0c8";
     font-size: 4px;
     line-height: 4px;
     padding-top: 2px;
 }

 /* Post share */

 .hentry .post-meta-share-icon {
     display: inline-block;
     font-size: 0;
 }

 .hentry .post-meta-share-text {
     display: inline-block;
     line-height: 30px;
 }

 .hentry .post-share a {
     position: relative;
     z-index: 1;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     display: inline-block;
     color: #777;
     font-size: 12px;
     cursor: pointer;
     margin: 0 0 4px 8px;
 }

 .hentry .post-share a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color: #f8f8f8;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 .hentry .post-share a:hover:after {
     background-color: #228dd8;
     border-color: #228dd8;
 }

 .hentry .post-share a:hover {
     color: #fff;
 }

 /* Post excerpt */

 .hentry .post-excerpt {
     position: relative;
     z-index: 1;
     margin-bottom: 22px;
 }

 .hentry .post-excerpt:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color: transparent;
     border: 1px solid transparent;
 }

 .hentry .post-excerpt p:last-child {
     margin-bottom: 0;
 }

 /* Post read more */

 .hentry .post-read-more {
     display: table;
     width: 100%;
     border: 1px solid transparent;
 }

 .hentry .post-link {
     display: table-cell;
     vertical-align: middle;
     text-align: left;
     width: 50%;
 }

 .hentry .post-link-share {
     display: table-cell;
     vertical-align: middle;
     width: 50%;
     text-align: right;
 }

 .hentry .post-link a {
     z-index: 1;
     position: relative;
     display: inline-block;
     color: #fff;
     text-transform: uppercase;
     font-weight: 500;
     font-family: "Montserrat", sans-serif;
     padding: 0.65em 2.5em;
     -webkit-transition: all ease .238s !important;
     -moz-transition: all ease .238s !important;
     transition: all ease .238s !important;
 }

 .hentry .post-link a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid transparent;
     background-color: #228dd8;
     -webkit-transition: all ease .238s !important;
     -moz-transition: all ease .238s !important;
     transition: all ease .238s !important;
 }

 .hentry .post-link a:hover:before {
     background-color: #4b4b4b;
 }

 /* Blog single
-------------------------------------------------------------- */

 .post-content-single-wrap .post-media {
     margin-bottom: 20px;
 }

 .post-content-single-wrap .post-link-share {
     display: block;
     text-align: left;
     width: 100%;
     margin-top: 48px;
 }

 /* Author */

 .hentry .post-author {
     border-style: solid;
 }

 .hentry .post-author {
     background-color: #4b4b4b;
     border: 1px solid transparent;
     color: #fefefe;
     padding: 30px;
     overflow: hidden;
     margin-top: 70px;
 }

 .hentry .post-author .author-avatar {
     width: 85px;
     float: left;
     margin-right: 30px;
 }

 .hentry .post-author .author-avatar a {
     width: 85px;
     height: auto;
     display: inline-block;
 }

 .hentry .post-author .author-avatar a img {
     width: 100%;
     height: auto;
 }

 .hentry .post-author .name {
     font-size: 1.285em;
     margin: -3px 0 8px;
     color: #fff;
 }

 .hentry .post-author .author-desc>p {
     margin: 0;
     font-size: 0.857em;
     line-height: 1.6;
     overflow: hidden;
 }

 /* Tags */

 .hentry .post-tags {
     margin-top: 25px;
 }

 .hentry .post-tags a {
     display: inline-block;
     background-color: #228dd8;
     padding: 2px 10px;
     color: #fff;
     font-size: 0.857em;
     margin-left: 3px;
     margin-bottom: 3px;
 }

 .hentry .post-tags a:hover {
     background-color: #4b4b4b;
     color: #fff;
 }

 /* Comments */

 .comments-area {
     margin-top: 65px;
 }

 .comments-area .comments-title,
 .comments-area .comment-reply-title {
     font-size: 1.428em;
     margin-bottom: 30px;
     position: relative;
     text-transform: uppercase;
 }

 /* Comment List */

 .comment-list {
     list-style: none;
     margin: 0;
 }

 .comment-list>li {
     padding-top: 40px;
     border-top: 1px solid #eaeaea;
 }

 .comment-list>li:first-child {
     padding-top: 0;
     border-top: 0;
 }

 .comment-list .children {
     list-style: none;
     margin: 0;
 }

 .comment-list .children>li {
     padding: 0 0 0 110px;
 }

 .comment-list article {
     position: relative;
     margin-bottom: 30px;
 }

 .comment-list article+.comment-respond {
     margin-bottom: 50px;
 }

 .comment-list article .gravatar {
     width: 80px;
     float: left;
     margin-right: 30px;
     overflow: hidden;
 }

 .comment-list article .gravatar img {
     width: 100%;
     height: auto;
 }

 .comment-list .comment-meta {
     margin: -3px 0 0;
 }

 .comment-author {
     font-size: 1.142em;
     margin-bottom: 8px;
     display: inline-block;
     font-style: normal;
     text-transform: uppercase;
 }

 .comment-author a {
     color: #585252;
 }

 .comment-time {
     margin-left: 10px;
     font-size: 0.857em;
 }

 .comment-reply a {
     color: #228dd8;
     text-transform: uppercase;
     display: inline-block;
     margin-left: 10px;
     font-size: 0.857em;
 }

 .comment-text {
     overflow: hidden;
     line-height: 1.857em
 }

 .comment-text>p:last-child {
     margin-bottom: 0;
 }

 .comment-edit-link {
     position: absolute;
     right: 0;
     top: 0;
 }

 .comment-author a:hover,
 .comment-reply a:hover {
     color: #4b4b4b;
 }

 /* Comment Form */

 .comment-respond {
     position: relative;
     margin-top: 27px;
 }

 .name-wrap,
 .email-wrap {
     width: 48%;
     float: left;
 }

 .email-wrap {
     float: right;
 }

 .comment-respond .form-submit {
     clear: both;
     text-align: center;
     margin-bottom: 0;
 }

 .comment-respond #comment-reply {
     text-transform: uppercase;
 }

 /* Widgets
-------------------------------------------------------------- */

 #sidebar .widget,
 #footer-widgets .widget {
     position: relative;
     z-index: 1;
     margin-top: 50px;
     color: #777;
 }

 #sidebar .widget:before,
 #footer-widgets .widget:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid transparent;
     background-color: transparent;
 }

 #sidebar .widget:first-child,
 #footer-widgets .widget:first-child {
     margin: 0;
 }

 #sidebar .widget ul,
 #footer-widgets .widget ul {
     margin: 0;
     list-style: none;
 }

 #sidebar .widget ul li,
 #footer-widgets .widget ul li {
     border-top: 1px solid #eaeaea;
     padding: 13px 0;
 }

 #sidebar .widget>ul li:first-child,
 #footer-widgets .widget>ul li:first-child {
     padding-top: 0;
 }

 #sidebar .widget ul:not(.children)>li:first-child,
 #footer-widgets .widget ul:not(.children)>li:first-child {
     border: 0;
 }

 #sidebar .widget ul li a,
 #sidebar .widget.widget_calendar #next a,
 #sidebar .widget.widget_calendar #prev a,
 #footer-widgets .widget ul li a,
 #footer-widgets .widget.widget_calendar #next a,
 #footer-widgets .widget.widget_calendar #prev a {
     color: #4b4b4b;
 }

 #sidebar .widget ul li a:hover,
 #footer-widgets .widget ul li a:hover {
     color: #228dd8;
 }

 #sidebar .widget.widget_recent_comments .comment-author-link,
 #sidebar .widget.widget_recent_entries .post-date,
 #sidebar .widget.widget_recent_news .entry-date,
 #footer-widgets .widget.widget_recent_comments .comment-author-link,
 #footer-widgets .widget.widget_recent_entries .post-date,
 #footer-widgets .widget.widget_recent_news .entry-date {
     display: block;
 }

 /* Title Widget */

 #sidebar .widget .widget-title,
 #footer-widgets .widget .widget-title {
     font-size: 1.428em;
     margin-bottom: 25px;
     z-index: 1;
     position: relative;
 }

 #sidebar .widget .widget-title>span,
 #footer-widgets .widget .widget-title>span {
     display: block;
     position: relative;
 }

 #sidebar .widget .widget-title>span:before,
 #footer-widgets .widget .widget-title>span:before {
     background-color: transparent;
     border: 1px solid transparent;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 #sidebar.style-1 .widget .widget-title>span:after,
 #sidebar.style-2 .widget .widget-title>span:after,
 #footer-widgets.style-1 .widget .widget-title>span:after,
 #footer-widgets.style-2 .widget .widget-title>span:after {
     width: 0;
     height: 1px;
     background-color: #585252;
     content: "";
     position: absolute;
     left: 0;
     top: 100%;
     z-index: -2;
 }

 /* Title Widget style 2 */

 #sidebar.style-2 .widget .widget-title,
 #footer-widgets.style-2 .widget .widget-title {
     text-align: center;
 }

 #sidebar.style-2 .widget .widget-title>span:after,
 #footer-widgets.style-2 .widget .widget-title>span:after {
     left: 50%;
     -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
     transform: translate3d(-50%, 0, 0);
 }

 /* Widget Search */

 #sidebar .widget.widget_search .search-form,
 #footer-widgets .widget.widget_search .search-form {
     position: relative;
 }

 #sidebar .widget.widget_search .search-form .search-field,
 #footer-widgets .widget.widget_search .search-form .search-field {
     padding-left: 17px;
     padding-right: 48px;
     margin-bottom: 10px;
 }

 #sidebar .widget.widget_search .search-form .search-submit,
 #footer-widgets .widget.widget_search .search-form .search-submit {
     position: absolute;
     right: 18px;
     top: 14px;
     width: 24px;
     height: 24px;
     text-align: center;
     text-indent: 9999px;
     background-color: transparent;
     padding: 0;
     border: 0;
     overflow: hidden;
 }

 #sidebar .widget.widget_search .search-form .search-submit:before,
 #footer-widgets .widget.widget_search .search-form .search-submit:before {
     content: "\f002";
     font-family: "FontAwesome";
     font-size: 18px;
     color: #228dd8;
     position: absolute;
     left: 2px;
     top: 2px;
     width: 100%;
     text-align: center;
     text-indent: 0;
     font-weight: normal;
     -webkit-transition: color ease .238s;
     -moz-transition: color ease .238s;
     transition: color ease .238s;
 }

 #sidebar .widget.widget_search .search-form .search-submit:hover:before,
 #footer-widgets .widget.widget_search .search-form .search-submit:hover:before {
     color: #228dd8;
 }

 /* Widget Search style 2 */

 #sidebar .widget.widget_search .search-form.style-2 .search-field {
     padding-left: 48px;
     padding-right: 17px;
 }

 #sidebar .widget.widget_search .search-form.style-2 .search-submit {
     right: auto;
     left: 15px;
 }

 /* Widget Search style 3 */

 #sidebar .widget.widget_search .search-form.style-3 .search-submit:before {
     display: none;
 }

 #sidebar .widget.widget_search .search-form.style-3 .search-field {
     padding-left: 17px;
     padding-right: 17px;
 }

 /* Widget Socials */

 #sidebar .widget.widget_socials .socials a,
 #footer-widgets .widget.widget_socials .socials a {
     position: relative;
     display: inline-block;
     width: 35px;
     height: 35px;
     color: #777;
     line-height: 35px;
     text-align: center;
     margin-right: 6px;
     margin-bottom: 6px;
     z-index: 1;
 }

 #sidebar .widget.widget_socials .socials a:before,
 #footer-widgets .widget.widget_socials .socials a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid #eaeaea;
     background-color: transparent;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 #sidebar .widget.widget_socials .socials a:hover:before,
 #footer-widgets .widget.widget_socials .socials a:hover:before {
     background-color: #228dd8;
     border-color: #228dd8;
 }

 #sidebar .widget.widget_socials .socials a:hover,
 #footer-widgets .widget.widget_socials .socials a:hover {
     color: #fff;
 }

 /* Categories & Archive Widget */

 .widget.widget_categories ul li:before,
 .widget.widget_categories ul li:after,
 .widget.widget_archive ul li:before,
 .widget.widget_archive ul li:after {
     content: "";
     clear: both;
     display: table;
 }

 .widget.widget_categories ul li,
 .widget.widget_archive ul li {
     position: relative;
     text-align: right;
 }

 .widget.widget_categories ul li a,
 .widget.widget_archive ul li a {
     float: left;
 }

 /* Custom Menu widget */

 #sidebar .widget.widget_nav_menu ul.sub-menu {
     display: none;
 }

 #sidebar .widget.widget_nav_menu .menu>li {
     border: 0;
     background-color: #f8f8f8;
     padding-left: 28px;
     padding-right: 28px;
     margin-bottom: 5px;
 }

 #sidebar .widget.widget_nav_menu .menu>li>a {
     color: #4b4b4b;
     position: relative;
     font-size: 14px;
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
 }

 #sidebar .widget.widget_nav_menu .menu>li>a:hover {
     color: #228dd8;
 }

 #sidebar .widget.widget_nav_menu .menu>li.current_page_item {
     background-color: #228dd8;
     color: #fff;
     position: relative;
 }

 #sidebar .widget.widget_nav_menu .menu>li.current_page_item a {
     color: #fff;
 }

 #sidebar .widget.widget_nav_menu .menu>li.current_page_item:after {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     border-width: 5px;
     border-style: solid;
     border-color: transparent #fff transparent transparent;
     -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0);
 }

 /* Widget Recent News  */

 #sidebar .widget.widget_recent_news ul li,
 #footer-widgets .widget.widget_recent_news ul li {
     padding: 0;
     border: 0;
     padding-top: 18px;
     margin-top: 18px;
     border-top: 1px solid #eaeaea;
 }

 #sidebar .widget.widget_recent_news ul li:first-child,
 #footer-widgets .widget.widget_recent_news ul li:first-child {
     padding-top: 0;
     margin-top: 0;
 }

 #sidebar .widget.widget_recent_news .recent-news .thumb,
 #footer-widgets .widget.widget_recent_news .recent-news .thumb {
     width: 70px;
     float: left;
     margin: 0 17px 0 0;
 }

 #sidebar .widget.widget_recent_news .recent-news .thumb img,
 #footer-widgets .widget.widget_recent_news .recent-news .thumb img {
     width: 100%;
     height: auto;
 }

 #sidebar .widget.widget_recent_news h3,
 #footer-widgets .widget.widget_recent_news h3 {
     font-size: 1.071em;
     margin: 0 0 3px;
 }

 #sidebar .widget.widget_recent_news h3 a {
     color: #4b4b4b;
 }

 #footer-widgets .widget.widget_recent_news h3 a {
     color: #777;
 }

 #sidebar .widget.widget_recent_news .recent-news .texts,
 #footer-widgets .widget.widget_recent_news .recent-news .texts {
     overflow: hidden;
 }

 #sidebar .widget.widget_recent_news .post-date,
 #footer-widgets .widget.widget_recent_news .post-date {
     font-size: 0.928em;
     color: #979797;
 }

 /* Instagram & Flickr widget */

 .widget.widget_instagram .instagram-wrap,
 .widget.widget_flickr .flickr-wrap {
     margin: 0 -0.5px;
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image {
     padding: 0 0.5px !important;
     margin: 0 0 1px 0 !important;
     width: 33.333%;
     float: left;
     height: auto !important;
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image img,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image img {
     width: 100%;
     height: auto;
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image a,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image a {
     position: relative;
     display: block;
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image a:after,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: transparent;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image a:hover:after,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image a:hover:after {
     background: #228dd8 url(assets/img/icon-plus.html) no-repeat center center;
 }

 /* 2 columns */

 .widget.widget_instagram .instagram-wrap.col2 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.col2 .flickr_badge_image {
     width: 50%;
 }

 /* 4 columns */

 .widget.widget_instagram .instagram-wrap.col4 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.col4 .flickr_badge_image {
     width: 25%;
 }

 /* Gutter 0 */

 .widget.widget_instagram .instagram-wrap.g0,
 .widget.widget_flickr .flickr-wrap.g0 {
     margin: 0;
 }

 .widget.widget_instagram .instagram-wrap.g0 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g0 .flickr_badge_image {
     padding: 0 !important;
     margin: 0 !important;
 }

 /* Gutter 5 */

 .widget.widget_instagram .instagram-wrap.g5,
 .widget.widget_flickr .flickr-wrap.g5 {
     margin: 0 -2.5px;
 }

 .widget.widget_instagram .instagram-wrap.g5 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g5 .flickr_badge_image {
     padding: 0 2.5px !important;
     margin: 0 0 5px 0 !important;
 }

 /* Gutter 10 */

 .widget.widget_instagram .instagram-wrap.g10,
 .widget.widget_flickr .flickr-wrap.g10 {
     margin: 0 -5px;
 }

 .widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g10 .flickr_badge_image {
     padding: 0 5px !important;
     margin: 0 0 10px 0 !important;
 }

 /* Gutter 15 */

 .widget.widget_instagram .instagram-wrap.g15,
 .widget.widget_flickr .flickr-wrap.g15 {
     margin: 0 -7.5px;
 }

 .widget.widget_instagram .instagram-wrap.g15 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g15 .flickr_badge_image {
     padding: 0 7.5px !important;
     margin: 0 0 15px 0 !important;
 }

 /* Widget Tags */

 #sidebar .widget.widget_tag_cloud .tagcloud:before,
 #sidebar .widget.widget_tag_cloud .tagcloud:after,
 #footer-widgets .widget.widget_tag_cloud .tagcloud:before,
 #footer-widgets .widget.widget_tag_cloud .tagcloud:after {
     display: table;
     clear: both;
     content: "";
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a {
     position: relative;
     float: left;
     color: #777;
     padding: 5px 12px;
     margin: 0 10px 10px 0;
     z-index: 1;
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a:after,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color: #f8f8f8;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a:hover:after,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover:after {
     background-color: #228dd8;
     border-color: #228dd8;
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a:hover,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover {
     color: #fff;
 }

 /* Widget Twitter */

 #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item {
     padding-bottom: 15px;
     margin-bottom: 15px;
     padding-left: 32px;
     border-bottom: 1px solid #eaeaea;
 }

 #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item:last-child,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item:last-child {
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0;
 }

 #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item:before,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item:before {
     content: "\f099";
     font-family: "FontAwesome";
     color: #228dd8;
     font-size: 16px;
     line-height: normal;
     position: absolute;
     left: 0;
     top: 6px;
 }

 #sidebar .widget.widget_twitter .tweets-slider.grid .tweet-icon,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .tweet-icon {
     display: none;
 }

 #sidebar .widget.widget_twitter .tweet-intents,
 #footer-widgets .widget.widget_twitter .tweet-intents {
     padding: 7px 0;
 }

 #sidebar .widget.widget_twitter .tweet-intents span,
 #footer-widgets .widget.widget_twitter .tweet-intents span {
     padding-left: 12px;
 }

 #sidebar .widget.widget_twitter .tweet-intents span:first-child,
 #footer-widgets .widget.widget_twitter .tweet-intents span:first-child {
     padding-left: 0;
 }

 #sidebar .widget.widget_twitter .tweet-intents a,
 #footer-widgets .widget.widget_twitter .tweet-intents a {
     font-weight: 700;
     color: #585252;
 }

 #sidebar .widget.widget_twitter .tweet-intents a:hover,
 #footer-widgets .widget.widget_twitter .tweet-intents a:hover {
     color: #228dd8;
 }

 #sidebar .widget.widget_twitter .timestamp a,
 #footer-widgets .widget.widget_twitter .timestamp a {
     font-size: 0.857em;
     color: #777;
 }

 #sidebar .widget.widget_twitter .tweets-slider.slider,
 #footer-widgets .widget.widget_twitter .tweets-slider.slider {
     text-align: center;
     padding-bottom: 42px;
 }

 #sidebar .widget.widget_twitter .tweets-slider.slider .tweet-icon,
 #footer-widgets .widget.widget_twitter .tweets-slider.slider .tweet-icon {
     font-size: 24px;
     color: #228dd8;
 }

 #sidebar .widget.widget_twitter .cbp-nav-pagination,
 #footer-widgets .widget.widget_twitter .cbp-nav-pagination {
     bottom: -50px;
 }

 /* Widget Links */

 #sidebar .widget.widget_links ul li,
 #footer-widgets .widget.widget_links ul li {
     border: 0;
     padding: 7px 0;
 }

 #sidebar .widget.widget_links ul li:first-child,
 #footer-widgets .widget.widget_links ul li:first-child {
     padding-top: 0;
 }

 #sidebar .widget.widget_links ul.col2 li,
 #footer-widgets .widget.widget_links ul.col2 li {
     width: 50%;
     float: left;
     padding: 0 0 12px;
 }

 #sidebar .widget.widget_links ul li a,
 #footer-widgets .widget.widget_links ul li a {
     position: relative;
     display: inline-block;
     padding-left: 25px;
     font-size: 14px;
 }

 #sidebar .widget.widget_links ul li.style-3 a,
 #footer-widgets .widget.widget_links ul li.style-3 a,
 #sidebar .widget.widget_links ul li.style-4 a,
 #footer-widgets .widget.widget_links ul li.style-4 a,
 #sidebar .widget.widget_links ul li.style-5 a,
 #footer-widgets .widget.widget_links ul li.style-5 a,
 #sidebar .widget.widget_links ul li.style-6 a,
 #footer-widgets .widget.widget_links ul li.style-6 a {
     position: relative;
     display: inline-block;
     padding-left: 25px;
 }

 #sidebar .widget.widget_links ul li a:before,
 #footer-widgets .widget.widget_links ul li a:before {
     content: "\f105";
     font-family: "FontAwesome";
     font-size: 14px;
     position: absolute;
     left: 0;
     top: 0;
 }

 /* Widget Links Arrows */

 #sidebar .widget.widget_links ul li.style-2 a:before,
 #footer-widgets .widget.widget_links ul li.style-2 a:before {
     content: "\f101";
 }

 #sidebar .widget.widget_links ul li.style-3 a:before,
 #footer-widgets .widget.widget_links ul li.style-3 a:before {
     content: "\f00c";
 }

 #sidebar .widget.widget_links ul li.style-4 a:before,
 #footer-widgets .widget.widget_links ul li.style-4 a:before {
     content: "\f138";
 }

 #sidebar .widget.widget_links ul li.style-5 a:before,
 #footer-widgets .widget.widget_links ul li.style-5 a:before {
     content: "\f14a";
 }

 #sidebar .widget.widget_links ul li.style-6 a:before,
 #footer-widgets .widget.widget_links ul li.style-6 a:before {
     content: "\f058";
 }

 /* Widget Information */

 #sidebar .widget.widget.widget_information ul li,
 #footer-widgets .widget.widget.widget_information ul li {
     position: relative;
     padding: 0 0 0 30px;
     border: 0;
     margin-bottom: 5px;
 }

 #sidebar .widget.widget.widget_information ul li:before,
 #footer-widgets .widget.widget_information ul li:before {
     content: "\f015";
     font-family: "FontAwesome";
     color: #228dd8;
     font-size: 14px;
     position: absolute;
     left: 0;
     top: 1px;
 }

 #sidebar .widget.widget.widget_information ul li.phone:before,
 #footer-widgets .widget.widget_information ul li.phone:before {
     content: "\f095";
 }

 #sidebar .widget.widget.widget_information ul li.email:before,
 #footer-widgets .widget.widget_information ul li.email:before {
     content: "\f0e0";
 }

 /* Widget Information Style 2 */

 #sidebar .widget.widget.widget_information ul.style-2 li,
 #footer-widgets .widget.widget.widget_information ul.style-2 li {
     position: relative;
     padding: 0;
     border: 0;
     margin-bottom: 5px;
 }

 #sidebar .widget.widget.widget_information ul.style-2 li:before,
 #footer-widgets .widget.widget_information ul.style-2 li:before {
     display: none;
 }

 #sidebar .widget.widget.widget_information ul.style-2 .hl,
 #footer-widgets .widget.widget.widget_information ul.style-2 .hl {
     font-weight: bold;
     width: 20%;
     float: left;
 }

 #sidebar .widget.widget.widget_information ul.style-2 .text,
 #footer-widgets .widget.widget.widget_information ul.style-2 .text {
     width: 80%;
     float: left;
 }

 #sidebar .widget.widget.widget_information ul.style-2,
 #footer-widgets .widget.widget_information ul.style-2 {
     position: relative;
     padding-bottom: 20px;
 }

 #sidebar .widget.widget.widget_information ul.style-2:after,
 #footer-widgets .widget.widget_information ul.style-2:after {
     width: 193px;
     height: 95px;
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     background: url(assets/img/map-small.webp) no-repeat center center;
 }

 /* Re-style Widgets for footer */

 #footer-widgets .widget {
     margin-top: 0;
     color: #fff;
 }

 #sidebar .widget ul li a,
 #sidebar .widget.widget_calendar #next a,
 #sidebar .widget.widget_calendar #prev a,
 #footer-widgets .widget ul li a,
 #footer-widgets .widget.widget_calendar #next a,
 #footer-widgets .widget.widget_calendar #prev a {
     color: #fff;
 }

 #footer-widgets .widget .widget-title {
     margin-bottom: 36px;
     color: #fff;
 }

 #footer-widgets .widget .widget-title>span {
     padding-bottom: 12px;
 }

 #footer-widgets.style-1 .widget .widget-title>span:after,
 #footer-widgets.style-2 .widget .widget-title>span:after {
     width: 60px;
     height: 3px;
     background-color: #228dd8;
 }

 #footer-widgets.style-3 .widget .widget-title {
     padding-bottom: 30px;
 }

 #footer-widgets .widget ul li,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item,
 #footer-widgets .widget.widget_search .search-form .search-field,
 #footer-widgets .widget.widget_recent_news ul li,
 #footer-widgets .widget.widget_calendar table,
 #footer-widgets .widget.widget_calendar th,
 #footer-widgets .widget.widget_calendar td {
     border-color: #2d2b2b;
 }

 #footer-widgets .widget.widget_links ul li a:before {
     color: #fff;
 }

 #footer-widgets .widget.widget_twitter .tweet-intents {
     display: none;
 }

 #footer-widgets .widget.widget_twitter .timestamp a {
     color: #228dd8;
 }

 #footer-widgets .widget.widget_twitter .timestamp a:hover {
     color: #585252;
 }

 #footer-widgets .widget.widget_recent_news h3 a {
     color: #979797;
 }

 #footer-widgets .widget.widget_tag_cloud .tagcloud a {
     margin: 0 6px 6px 0;
     padding: 4px 13px;
     color: #626262;
 }

 #footer-widgets .widget.widget_tag_cloud .tagcloud a:after {
     border-color: #4b4b4b;
     background-color: #4b4b4b
 }

 #footer-widgets .widget.widget_socials .socials a {
     position: relative;
     display: inline-block;
     width: 38px;
     height: 38px;
     color: #fff;
     line-height: 38px;
     text-align: center;
     margin-right: 3px;
     margin-bottom: 10px;
     z-index: 1;
 }

 #footer-widgets .widget.widget_socials .socials a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid #333;
     background-color: #222;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 /* Footer
-------------------------------------------------------------- */

 #footer {
     background-color: #1a1a1a;
     padding: 70px 0 60px;
     position: relative;
     z-index: 1;
     border-style: solid;
 }

 /* Bottom Bar
-------------------------------------------------------------- */

 #bottom {
     font-size: 0.857em;
     background-color: #006494;
     padding: 19px 0;
     color: #fff;
     font-family: "Montserrat", sans-serif;
 }

 #bottom a:hover {
     color: #fff;
 }

 #bottom .bottom-bar-inner-wrap {
     display: table;
     overflow: hidden;
     width: 100%;
 }

 #bottom .bottom-bar-content {
     display: table-cell;
     margin: 0;
     text-align: left;
     vertical-align: middle;
     width: 50%;
 }

 #bottom .bottom-bar-menu {
     display: table-cell;
     text-align: right;
     vertical-align: middle;
     width: 50%;
 }

 #bottom.style-1 .bottom-bar-menu li:last-child a {
     padding-right: 0;
 }

 /* Bottom Style 2 */

 #bottom.style-2 .bottom-bar-content {
     text-align: right;
 }

 #bottom.style-2 .bottom-bar-menu {
     text-align: left;
 }

 #bottom.style-2 .bottom-bar-menu li:first-child a {
     padding-left: 0;
 }

 /* Bottom Style 3 */

 #bottom.style-3 .bottom-bar-inner-wrap,
 #bottom.style-3 .bottom-bar-menu,
 #bottom.style-3 .bottom-bar-content {
     display: block;
     width: 100%;
     text-align: center;
 }

 /* Bottom Navigation */

 #bottom ul.bottom-nav {
     list-style: none;
     margin: 0;
 }

 #bottom ul.bottom-nav>li {
     display: inline-block;
 }

 #bottom ul.bottom-nav>li>a {
     display: block;
     color: #666;
     padding: 0 10px;
     position: relative;
 }

 #bottom ul.bottom-nav>li>a:hover {
     color: #228dd8;
 }

 #bottom ul.bottom-nav ul ul {
     display: none;
 }

 /* Pagination & Arrows
-------------------------------------------------------------- */

 .wprt-pagination {
     margin: 50px 0 0;
     text-align: center;
 }

 .wprt-pagination ul,
 .woocommerce-pagination>.page-numbers {
     margin: 0;
 }

 .wprt-pagination ul li,
 .woocommerce-pagination .page-numbers li {
     display: inline-block;
     padding: 0;
     margin-right: 10px;
 }

 .wprt-pagination ul li .page-numbers,
 .woocommerce-pagination .page-numbers li .page-numbers {
     display: inline-block;
     line-height: 40px;
     width: 40px;
     height: 40px;
     text-align: center;
     background-color: #228dd8;
     color: #fff;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 .wprt-pagination ul li a.page-numbers:hover,
 .woocommerce-pagination .page-numbers li .page-numbers:hover {
     background-color: #4b4b4b;
 }

 .wprt-pagination ul li .page-numbers.current,
 .woocommerce-pagination .page-numbers li .current {
     opacity: 0.7
 }

 .woocommerce-pagination {
     margin-top: 0;
     clear: both;
     text-align: center;
 }

 /* Scroll Top Button
-------------------------------------------------------------- */

 #scroll-top {
     position: fixed !important;
     right: 25px;
     bottom: -50px;
     display: block;
     line-height: 38px;
     text-align: center;
     width: 40px;
     height: 40px;
     visibility: hidden;
     filter: alpha(opacity=0);
     opacity: 0;
     z-index: 9999;
     cursor: pointer;
     z-index: 1;
     overflow: hidden;
 }

 #scroll-top:after {
     content: "\f106";
     font-family: "FontAwesome";
     color: #fff;
     font-size: 20px;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 #scroll-top:before {
     border-radius: 3px;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #228dd8;
     z-index: -1;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
 }

 #scroll-top:hover:before {
     background-color: #585252;
 }

 #scroll-top:hover:after {
     color: #fff;
 }

 #scroll-top.show {
     bottom: 40px;
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible;
 }

 /* Media Queries
-------------------------------------------------------------- */

 @media only screen and (min-width: 1930px) {
     .container-2 {
         display: none;
     }

     .container-1 {
         width: 100%;
     }

     .parallax {
         background-size: cover;
     }
 }

 @media only screen and (min-width: 1200px) {
     .container-2 {
         display: none;
     }

     .container-1 {
         width: 100%;
     }

     .container {
         width: 1200px;
     }
 }

 @media only screen and (max-width: 1200px) {
     .container-2 {
         display: none;
     }
 }

 @media only screen and (max-width: 991px) {
     .container-1 {
         display: none;
     }

     .container-2 {
         display: block;
     }

     .font-size-25 {
         font-size: 18px;
     }

     .font-size-30 {
         font-size: 20px;
     }

     .font-size-35 {
         font-size: 26px;
     }

     .font-size-40 {
         font-size: 28px;
     }

     .font-size-45 {
         font-size: 30px;
     }

     .font-size-50 {
         font-size: 26px;
     }

     .font-size-55 {
         font-size: 30px;
     }

     .font-size-60 {
         font-size: 35px;
     }

     .font-size-70 {
         font-size: 40px;
     }

     .font-size-80 {
         font-size: 45px;
     }

     .font-size-90 {
         font-size: 50px;
     }

     .font-size-100 {
         font-size: 55px;
     }

     #hero-section .hero-text {
         font-size: 16px;
         margin-top: 0;
     }

     #site-header .mobile-button {
         display: block;
     }

     .text-left-mobile {
         text-align: left !important;
     }

     .text-center-mobile {
         text-align: center !important;
     }

     #main-nav,
     #site-header #header-search,
     .nav-top-cart-wrapper,
     .site-navigation-wrap,
     #header-aside,
     #sidebar {
         display: none;
     }

     #site-content,
     #sidebar {
         width: 100% !important;
         max-width: none !important;
         float: none;
     }

     #inner-content {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     #main-content {
         padding: 50px 0;
     }

     #site-header #site-header-inner,
     #site-header.style-2 #site-header-inner,
     #site-header.style-3 #site-header-inner,
     #site-header.style-4 #site-header-inner {
         padding-top: 28px;
         padding-bottom: 28px;
     }

     #site-header.style-2 #site-logo {
         margin-top: 0;
     }

     #site-header.style-4 #site-logo {
         text-align: left;
         float: left;
     }

     .hentry {
         margin-top: 40px;
     }

     .hentry .post-title {
         font-size: 1.428em;
     }

     .hentry .post-link a {
         padding: 0.425em 1.75em;
         font-size: 0.928em;
     }

     .comment-respond #comment-reply {
         padding: 1.08em 1.75em;
         font-size: 0.928em;
     }

     #footer-widgets .widget .widget-title {
         font-size: 1.142em;
         margin-bottom: 28px;
     }
 }

 @media only screen and (max-width: 767px) {

     #site-header #site-header-inner,
     #site-header.style-2 #site-header-inner,
     #site-header.style-3 #site-header-inner,
     #site-header.style-4 #site-header-inner {
         padding-top: 20px;
         padding-bottom: 20px;
     }

     #featured-title .featured-title-inner-wrap {
         padding: 30px 0;
     }

     #featured-title .featured-title-heading {
         font-size: 24px;
     }

     .hentry .post-author {
         text-align: center;
     }

     .hentry .post-author .author-avatar {
         float: none;
         margin: 0 auto 20px;
     }

     .hentry .post-read-more,
     .hentry .post-link,
     .hentry .post-link-share {
         display: block;
         width: 100%;
         float: none;
         text-align: left;
     }

     .hentry .post-link {
         margin-bottom: 10px;
     }

     .hentry .post-link-share {
         margin-top: 20px;
     }

     .wprt-pagination {
         margin-top: 30px;
     }

     .comments-area {
         margin-top: 40px;
     }

     .comment-respond {
         margin-top: 0;
     }

     .comments-area .comments-title,
     .comments-area .comment-reply-title {
         margin-bottom: 20px;
     }

     .comment-list article .gravatar {
         width: 50px;
         float: none;
         margin: 0 0 17px;
     }

     .comment-list .children>li {
         padding-left: 35px;
     }

     .name-wrap,
     .email-wrap {
         width: 100%;
         float: none;
     }

     .name-wrap input,
     .email-wrap input,
     .message-wrap textarea {
         margin-bottom: 20px;
     }

     .woocommerce-page .content-woocommerce .woocommerce-result-count {
         display: none;
     }

     .woocommerce-page .content-woocommerce .products {
         padding-top: 20px;
     }

     .woocommerce-page.shop-col-3 .content-woocommerce .products li,
     .woocommerce-page.shop-col-4 .content-woocommerce .products li,
     .woocommerce-page.shop-col-5 .content-woocommerce .products li {
         width: 100%;
         margin-bottom: 30px;
     }

     .woocommerce-page .shop_table.cart .product-remove {
         width: 20px;
     }

     .woocommerce-page .shop_table.cart .product-thumbnail {
         width: 50px;
     }

     .woocommerce-page .shop_table.cart .cart_item .product-thumbnail img {
         width: 30px;
     }

     .woocommerce-page .shop_table.cart .product-name {
         width: 120px;
     }

     .woocommerce-page .shop_table.cart .coupon {
         display: none;
     }

     .woocommerce-page .cart_totals {
         width: 100%;
         float: none;
     }

     .woocommerce-page .cart_totals .wc-proceed-to-checkout a {
         padding: 7px 0;
     }

     #footer {
         padding: 50px 0 10px;
     }

     #footer-widgets [class^="col-md-"] .widget:last-child {
         margin-bottom: 30px;
     }

     #bottom .bottom-bar-content,
     #bottom .bottom-bar-menu {
         width: 100%;
         display: block;
         text-align: center;
         padding: 5px 0;
     }

     #about-matter {
         padding: 30px 0 30px !important;
     }
 }

 @media only screen and (max-width: 479px) {

     #site-header #site-header-inner,
     #site-header.style-2 #site-header-inner,
     #site-header.style-3 #site-header-inner,
     #site-header.style-4 #site-header-inner {
         padding-top: 12px;
         padding-bottom: 12px;
     }
 }

 /* Retina Devices
-------------------------------------------------------------- */

 @media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (min--moz-device-pixel-ratio: 2),
 only screen and (-moz-min-device-pixel-ratio: 2),
 only screen and (-o-min-device-pixel-ratio: 2/1),
 only screen and (min-device-pixel-ratio: 2),
 only screen and (min-resolution: 192dpi),
 only screen and (min-resolution: 2dppx) {
     .wprt-testimonials .customer:after {
         background: url(../architect-civil-contractor/5-stars%402x.webp) no-repeat center center;
         background-size: 97px 15px;
     }
 }

 #top-bar .top-bar-content i.fa-whatsapp {
     margin-right: 12px;
     margin-left: 24px;
     color: #fff;
     font-size: 16px;
 }

 #about-matter {
     padding: 80px 0 0px;
 }

 .inner-banner p {
     text-align: center;
     font-size: 16px;
 }

 section.services {
     background: #f2f2f2;
 }

 .btn-center {
     margin: 5p;
     display: block;
     text-align: center;
 }

 .circle p {
     background: #000;
     width: 10px;
     height: 10px;
     border-radius: 50%;
 }

 #top-bar .top-bar-socials i.fa-envelope {
     margin-right: 12px;
     margin-left: 24px;
     color: #fff;
     font-size: 13px;
 }

 .about-us {
     padding: 80px 0 !important;
 }

 .hover-1:hover {
     background: #cceefe;
     padding: 20px 20px;
 }

 .hover-1:hover .icon-wrap {
     left: 25px;
     top: 20px;
     position: absolute;
 }

 ul .style-2 .sub-menu-2 li {
     font-size: 11px;
     display: block;
     width: 100% !important;
     margin-left: 10px;
 }

 ul .style-2 .sub-menu-2 {
     margin-top: 15px !important;
 }

 ul .style-2 .sub-menu-2 li a:before {
     content: "\f105";
     font-family: "FontAwesome";
     font-size: 14px;
     position: absolute;
     left: 0;
     top: 0;
 }

 .img-team {
     overflow: hidden;
     margin: auto;
     text-align: center;
 }

 .img-team img {
     width: 50%;
     border-bottom: 10px solid #228dd8;
     border-radius: 15%;
 }

 .border-head {
     border: 2px solid #228dd8;
     width: 40px;
     margin: auto;
     margin-bottom: 10px;
 }

 .team-box p {
     width: 70%;
     text-align: center;
     margin: auto;
 }

 .team-box {
     width: 300px;
     height: 300px;
     margin: auto;
     border: 2px solid #006494;
     border-radius: 50%;
     background-color: #F7F7F7;
 }

 .wprt-contact-form-1 {
     padding-bottom: 50px;
 }

 .thumb-gallery {
     margin-bottom: 20px;
 }

 .team-box2 {
     padding-top: 74px;
 }

 /* .container-1{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	
	
}
.container-1 img{
	width: 100%;

} */

 #index1-chose {
     padding: 50px 0;
 }

 #index1-chose .chose_box {
     border: 1px solid rgba(0, 0, 0, 0.1);
     display: block;
     padding: 35px 15px 15px;
     width: 100%;
     margin-bottom: 25px;
     background: #fff;
     transition: all 0.5s ease 0s;
     border-radius: 5px;
 }

 #index1-chose .chose_box i {
     background: #228dd8;
 }

 #index1-chose .chose_box i {
     border-radius: 5px;
     color: #fff;
     display: block;
     font-size: 25px;
     height: 50px;
     line-height: 50px;
     margin: auto;
     text-align: center;
     transition: all 0.5s ease 0s;
     width: 50px;
 }

 .chose_box h4 {
     margin-top: 30px;
 }

 #index1-chose .chose_box>p {
     line-height: 32px;
     padding: 0 15px;
 }

 #index1-chose .chose_box:hover {
     transition: all 0.5s ease 0s;
     background-color: #228dd8;
 }

 #index1-chose .chose_box:hover p,
 #index1-chose .chose_box:hover h4 {
     color: #fff;
 }

 #index1-chose .chose_box:hover i {
     background: #fff;
     color: #228dd8;
     transition: all 0.5s ease 0s;
 }

 .index1-heading h2 {
     padding-bottom: 30px;
 }

 section {
     padding: 90px 0;
 }

 .m0 {
     margin: 0;
 }

 .mt5 {
     margin-top: 5px;
 }

 .mt10 {
     margin-top: 10px;
 }

 .mt15 {
     margin-top: 15px;
 }

 .mt20 {
     margin-top: 20px;
 }

 .mt25 {
     margin-top: 25px;
 }

 .mt3 {
     margin-top: 30px;
 }

 .mt35 {
     margin-top: 35px;
 }

 .mt40 {
     margin-top: 40px;
 }

 .mt45 {
     margin-top: 45px;
 }

 .mt50 {
     margin-top: 50px;
 }

 .mt50 {
     margin-top: 50px;
 }

 .mt60 {
     margin-top: 60px;
 }

 .mt65 {
     margin-top: 65px;
 }

 .mt70 {
     margin-top: 70px;
 }

 .mt75 {
     margin-top: 75px;
 }

 .mt80 {
     margin-top: 80px;
 }

 .mt85 {
     margin-top: 85px;
 }

 .mt90 {
     margin-top: 90px;
 }

 .mt95 {
     margin-top: 95px;
 }

 .mt100 {
     margin-top: 100px;
 }

 .mb5 {
     margin-bottom: 5px;
 }

 .mb10 {
     margin-bottom: 10px;
 }

 .mb15 {
     margin-bottom: 15px;
 }

 .mb20 {
     margin-bottom: 20px;
 }

 .mb25 {
     margin-bottom: 25px;
 }

 .mb30 {
     margin-bottom: 30px;
 }

 .mb35 {
     margin-bottom: 35px;
 }

 .mb40 {
     margin-bottom: 40px;
 }

 .mb45 {
     margin-bottom: 45px;
 }

 .mb50 {
     margin-bottom: 50px;
 }

 .mb55 {
     margin-bottom: 55px;
 }

 .mb60 {
     margin-bottom: 60px;
 }

 .mb65 {
     margin-bottom: 65px;
 }

 .mb70 {
     margin-bottom: 70px;
 }

 .mb75 {
     margin-bottom: 75px;
 }

 .mb80 {
     margin-bottom: 80px;
 }

 .mb85 {
     margin-bottom: 85px;
 }

 .mb90 {
     margin-bottom: 90px;
 }

 .mb95 {
     margin-bottom: 95px;
 }

 .mb100 {
     margin-bottom: 100px;
 }

 .p0 {
     padding: 0;
 }

 .pt5 {
     padding-top: 5px;
 }

 .pt10 {
     padding-top: 10px;
 }

 .pt15 {
     padding-top: 15px;
 }

 .pt20 {
     padding-top: 20px;
 }

 .pt25 {
     padding-top: 25px;
 }

 .pt30 {
     padding-top: 30px;
 }

 .pt35 {
     padding-top: 35px;
 }

 .pt40 {
     padding-top: 40px;
 }

 .pt45 {
     padding-top: 45px;
 }

 .pt50 {
     padding-top: 50px;
 }

 .pt55 {
     padding-top: 55px;
 }

 .pt60 {
     padding-top: 60px;
 }

 .pt65 {
     padding-top: 65px;
 }

 .pt70 {
     padding-top: 70px;
 }

 .pt75 {
     padding-top: 75px;
 }

 .pt80 {
     padding-top: 80px;
 }

 .pt85 {
     padding-top: 85px;
 }

 .pt90 {
     padding-top: 90px;
 }

 .pt95 {
     padding-top: 95px;
 }

 .pt100 {
     padding-top: 100px;
 }

 .pb5 {
     padding-bottom: 5px;
 }

 .pb10 {
     padding-bottom: 10px;
 }

 .pb15 {
     padding-bottom: 15px;
 }

 .pb20 {
     padding-bottom: 20px;
 }

 .pb25 {
     padding-bottom: 25px;
 }

 .pb30 {
     padding-bottom: 30px;
 }

 .pb35 {
     padding-bottom: 35px;
 }

 .pb40 {
     padding-bottom: 40px;
 }

 .pb45 {
     padding-bottom: 45px;
 }

 .pb50 {
     padding-bottom: 50px;
 }

 .pb55 {
     padding-bottom: 55px;
 }

 .pb60 {
     padding-bottom: 60px;
 }

 .pb65 {
     padding-bottom: 65px;
 }

 .pb70 {
     padding-bottom: 70px;
 }

 .pb75 {
     padding-bottom: 75px;
 }

 .pb80 {
     padding-bottom: 80px;
 }

 .pb85 {
     padding-bottom: 85px;
 }

 .pb90 {
     padding-bottom: 90px;
 }

 .pb95 {
     padding-bottom: 95px;
 }

 .pb100 {
     padding-bottom: 100px;
 }

 .mt150 {
     margin-top: 150px;
 }

 .btn-light {
     padding: 16px 36px;
     border-radius: 5px;
     display: inline-block;
     font-size: 12px;
     text-transform: uppercase;
     position: relative;
     z-index: 1;
     overflow: hidden;
     transition: color 1000ms ease 0s, background-color 1500ms ease 0s !important;
     color: #fff;
 }

 .btn-dark:hover {
     color: #fff;
     transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
 }

 .btn-light:hover {
     background: #0a0a0a;
     color: #fff;
     transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
 }

 .btn-dark {
     border: 1px solid transparent;
     padding: 15px 36px;
     border-radius: 5px;
     display: inline-block;
     font-size: 12px;
     text-transform: uppercase;
     position: 0;
     overflow: hidden;
     transition: color 1000ms ease 0s, background-color 1500ms ease 0s !important;
     background: #0a0a0a;
     color: #fff;
 }

 .btn-whitw {
     border: 1px solid transparent;
     padding: 15px 36px;
     border-radius: 5px;
     display: inline-block;
     font-size: 12px;
     text-transform: uppercase;
     position: 0;
     overflow: hidden;
     transition: color 1000ms ease 0s, background-color 1500ms ease 0s !important;
     background: #fff;
     color: #0a0a0a;
 }

 .btn-whitw:hover {
     background: #0a0a0a;
     color: #fff;
     transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
 }

 .form_button {
     border: medium none;
     height: 48px;
     text-align: center;
     width: 150px;
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
 }

 .form_button:hover {
     background: #fff;
     color: #222222;
 }

 .ageent_overlay {
     background-color: #FFF;
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }

 .ageent_overlay img {
     height: 100%;
     width: 100%;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }

 .ageent_overlay:hover .view-caption {
     opacity: 1;
     background-color: rgba(0, 0, 0, 0.8);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 .ageent_overlay:hover .view-caption:hover a {
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 .ageent_overlay .view-caption {
     background-color: rgba(0, 0, 0, 0);
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     text-align: center;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     -moz-transform: scale(0.5);
     -o-transform: scale(0.5);
     -ms-transform: scale(0.5);
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
 }

 .ageent_overlay .view-caption h4 {
     color: #fff;
     font-size: 18px;
     font-weight: normal;
     margin-bottom: 15px;
     margin-top: 5px;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     -moz-transform: scale(0.4);
     -o-transform: scale(0.4);
     -ms-transform: scale(0.4);
     -webkit-transform: scale(0.4);
     transform: scale(0.4);
 }

 .ageent_overlay .view-caption a {
     border: medium none;
     border-radius: 4px;
     bottom: 55%;
     color: #111;
     display: inline-block;
     font-size: 25px;
     line-height: 18px;
     padding: 15px;
     position: relative;
     top: 45%;
     transform: scale(0.4);
     transition: all 0.5s ease 0s;
     background: #fff;
     cursor: pointer;
 }

 .swiper {
     width: 100%;
     height: 100%;
 }

 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .single-effect {
     border: 1px solid #afafaf;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 }

 .single-effect h3 {
     padding: 20px 20px 0px 20px;
     margin-bottom: 0px;
 }

 .single-effect p {
     text-align: center;
     padding: 30px 30px 10px 30px;
     font-size: 16px;
 }

 .projects-section {
     background: url(/img/home-2.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-attachment: fixed;
     background-size: cover;
     padding: 8px 0 0 0
 }

 .boder2 h2:before {
     width: 60px;
     height: 3px;
     background: #fff !important;
     content: "";
     position: absolute;
     bottom: 0;
     margin: 0 auto;
     left: 0;
     right: 0
 }

 .img-hover-div {
     position: relative;
     width: 100%;
     height: 100%
 }

 .img-hover {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     right: 0;
     transition: all 0.5s ease 0s;
     top: 0;
     bottom: 0;
     background: rgba(25, 47, 115, 0.8);
     opacity: 0;
     padding: 35% 0 0 0;
     cursor: pointer
 }

 .img-hover-div:hover .img-hover {
     opacity: 1
 }

 .img-text h4 {
     color: #fff;
     font-size: 30px;
 }

 .img-text p {
     color: #fff;
     font-size: 13px;
     font-weight: 300;
     letter-spacing: 1px
 }

 .img-hover a {
     background: #fff;
     width: 45px;
     height: 45px;
     margin: 0 10px;
     color: #2c2c2c;
     display: inline-block;
     line-height: 45px;
     border-radius: 100%;
 }

 .heading h2 span {
     color: #228dd8;
 }

 .heading h2 {
     color: #002e5b;
     font-weight: 800;
     font-size: 35px;
     position: relative;
     padding: 0 0 14px 0;
 }

 .view-button a {
     text-decoration: none;
     background-color: #228dd8;
     color: white;
     padding: 0.65em 2.5em;
     font-size: 16px;
     border-radius: 2px;
 }

 .bottom-nav a {
     color: #fff !important;
 }

 /* Background Color */

 .grey-bg {
     background: #F8F9FA;
 }

 .white-bg {
     background: #fff !important;
 }

 .black-bg {
     background: #222;
 }

 .theme-bg {
     background: #006494;
 }

 .primary-bg {
     background: #222;
 }

 .green-bg {
     background: #28b05f;
 }

 .yellow-bg {
     background: #faa41c;
 }

 .blue-bg {
     background: #020d26;
 }

 /* Color */

 .white-color {
     color: #fff;
 }

 .black-color {
     color: #222;
 }

 .theme-color {
     color: #222;
 }

 .primary-color {
     color: #222;
 }

 .z-index {
     z-index: 9;
 }

 /* black overlay */

 [data-overlay] {
     position: relative;
 }

 [data-overlay]::before {
     background: #000 none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1;
 }

 [data-overlay="3"]::before {
     opacity: 0.3;
 }

 [data-overlay="4"]::before {
     opacity: 0.4;
 }

 [data-overlay="5"]::before {
     opacity: 0.5;
 }

 [data-overlay="6"]::before {
     opacity: 0.6;
 }

 [data-overlay="7"]::before {
     opacity: 0.7;
 }

 [data-overlay="8"]::before {
     opacity: 0.8;
 }

 [data-overlay="9"]::before {
     opacity: 0.9;
 }

 /* 8. Portfolio */

 .portfolio-menu {
     line-height: 1;
 }

 .portfolio-wrapper {
     position: relative;
     overflow: hidden;
 }

 .portfolio-wrapper:hover .portfolio-thumb::before,
 .portfolio-wrapper:hover .portfolio-thumb::after,
 .portfolio-wrapper:hover .view i {
     opacity: .8;
 }

 .portfolio-wrapper:hover .portfolio-content {
     transform: translateY(0);
 }

 .portfolio-thumb {
     position: relative;
     overflow: hidden;
 }

 .portfolio-thumb img {
     transition: .3s;
 }

 .portfolio-thumb img {}

 .portfolio-wrapper:hover .portfolio-thumb img {
     transform: rotate(3deg) scale(1.1);
 }

 .portfolio-thumb::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background: #000;
     opacity: 0;
     transition: .3s;
     z-index: 9
 }

 .portfolio-thumb::after {
     content: "";
     position: absolute;
     left: 10px;
     right: 10px;
     top: 10px;
     bottom: 10px;
     border: 2px solid #006494;
     opacity: 0;
     transition: .5s;
     z-index: 99;
 }

 .view i {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 9999;
     font-size: 24px;
     transform: translateY(-50%);
     color: #006494;
     transition: .3s;
     opacity: 0;
 }

 .portfolio-content {
     position: absolute;
     bottom: 30px;
     left: 30px;
     transition: .3s ease;
     z-index: 9;
     color: #fff;
     transform: translateY(160%);
     z-index: 999
 }

 .portfolio-content h5 {
     color: #fff;
     transition: .3s;
 }

 .portfolio-content h5:hover a {
     color: #006494;
 }

 .portfolio-menu>button:hover,
 .portfolio-menu>button.active {
     color: #006494;
 }

 .project-details-title h3 {
     font-weight: 700;
     margin-bottom: 25px;
 }

 .project-details-title li {
     margin-bottom: 15px;
 }

 .project-details-title li b {
     text-transform: uppercase;
     color: #777;
 }

 .project-details-title li span {
     display: block;
     color: #777;
     margin-top: 5px;
 }

 .project-desc h3 {
     font-weight: 700;
     margin-bottom: 18px;
 }

 .project-desc p {
     margin: 0;
     letter-spacing: .8px;
 }

 .related-project-title.section-title p {
     padding: 0;
     width: 60%;
     margin: 0 auto 60px;
 }

 .portfolio-menu button {
     padding: 1.285em .642em;
     border: 0;
     background: none;
     color: #000;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
 }

 .portfolio-menu {
     line-height: 1;
 }

 .mb-55 {
     margin-bottom: 40px;
 }

 .mt-15 {
    margin-bottom: 15px;
}

 .read-btn {
     margin: 20px 0px;

 }

 .read-btn .more {
     display: inline-block;
     font-size: 16px;
     padding: 2px 15px;

     background-color: #228dd8;
     border: 2px solid #228dd8;
     border-radius: 2px;
     color: #fff;
 }

 .proj-section {
     padding: 100px 0px;
 }

 .choice p {
     text-align: justify;
     margin-bottom: 10px;
 }

 .choice {
     padding: 0 22px;
 }

 .section-space--top--10 {
     margin-top: 10px;
     padding: 0px 5px;
 }

 
 .mt-20{
    margin-top: 20px;
 }
 .display-flex{
    display: flex;
 }

 .margin-top-40{
    margin-top: 40px;
 }

 

 .margin-top-bottom{
    margin-bottom: 30px;
    margin-right: 30px;
 }

 .padding-left{
    padding-left: 15px;
 }

 .container-1{
    display: flex !important;
    justify-content: center !important;
}

@media only screen and (max-width:530px) {
    .container-1 {
        display: none !important;
    }
}
.sss{
background: #228dd8

}