:root{
    --black-color:    #000000;                     /** var(--black-color) **/
    --white-color:    #ffffff;                     /** var(--white-color) **/
    --primary-color:  #d9463f;                     /** var(--primary-color) **/
    --secondary-color:#444444;                     /** var(--secondary-color) **/
    --dark-color:     #221f20;                     /** var(--dark-color) **/
    --title-color:    #333c42;                     /** var(--title-color) **/
    --text-color:     #656d78;                     /** var(--text-color) **/
    --bdr-color:      #eeeeee;                     /** var(--bdr-color) **/
    --primary-font:   "IBM Plex Sans", sans-serif; /** var(--primary-font) **/
}

/* ===== RESET ================================================== */
main, abbr, acronym, address, applet, article, aside, audio,blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:1.6; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:normal; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins{text-decoration:none;} abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;} table{border-collapse:collapse; border-spacing:0;} 
hr{display:block; height:1px; max-width:100%; border:0; border-top:1px solid #adadad; margin:30px 0; padding:0;} input, select{vertical-align:middle; margin:0;} ol, ul, li{list-style:none;}
html{-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; -webkit-tap-highlight-color:rgba(255,255,255,0);}
html, body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;}
.bold, strong, b{font-family:var(--primary-font) !important;}
strong em{font-weight:bold;}

/* ===== GLOBAL ================================================== */
body{padding:0; margin:0; font-weight:400; font-family:var(--primary-font); font-size:1rem; line-height:1.6; color: var(--black-color);background: var(--white-color);background-size:auto;  overflow-x:hidden; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
:focus{text-decoration:none; outline:none !important;}
.nectar-color-accent-color, body a, label span, body [class^="icon-"].icon-default-style, .blog-recent[data-style*="classic_enhanced"] .post-meta a:hover i, .masonry.classic_enhanced .post .post-meta a:hover i, .post .post-header h2 a, .post .post-header a:hover, .post .post-header a:focus, #single-below-header a:hover, #single-below-header a:focus, .comment-list .pingback .comment-body > a:hover, [data-style="list_featured_first_row"] .meta-category a, [data-style="list_featured_first_row"] .meta-category a, .nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"] .icon-default-style, div[data-style="minimal"] .toggle:hover h3 a, div[data-style="minimal"] .toggle.open h3 a, #footer-outer #copyright li a i:hover, .ascend .comment-list .reply a, body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, body.material #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, body.material #footer-outer .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, #top nav .sf-menu .current_page_item > a .sf-sub-indicator i, #top nav .sf-menu .current_page_ancestor > a .sf-sub-indicator i, .sf-menu > .current_page_ancestor > a > .sf-sub-indicator i, .material .widget .tagcloud a, #single-below-header a:hover [class^="icon-"], .wpcf7-form .wpcf7-not-valid-tip, #header-outer .nectar-menu-label,
a{text-decoration:none; color:var(--primary-color); outline:none; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
a:hover{text-decoration:none; color: var(--secondary-color);}
a:focus{outline:0; outline: none;}

/* Ul Li & Ol Li CSS */
ul, ol {margin:0; padding:0;}
ul ul, ol ol, ul ol, ol ul{margin-top:15px;}
ul li, ol li {margin:0; padding:0; font-size:16px; color:var(--text-color); font-weight:400; line-height:22px;}
li a {color:var(--secondary-color);}
.entry-content ul, .entry-content ol {display:inline-block; padding:0; margin:0 0 16px;}
.entry-content ul li {list-style: none; position:relative; padding:0 0 0 20px; margin:0 0 8px;}
.entry-content ul li:before{content: "\39"; font-family:'ElegantIcons'; position:absolute; left:0;top:0;}
.entry-content ul li li {list-style:disc;}
.entry-content ol li {list-style-type:decimal; list-style-image:none; line-height:24px; margin:8px 0; list-style-position:inside;}
.entry-content ol li + li,
.entry-content ul li + li {margin-top: 10px;}
.entry-content ul ul, .entry-content ol ul {display: block;list-style: none;}
.entry-content ul ul li, .entry-content ol ul li{list-style:none;}
.entry-content blockquote {background:rgb(237 28 36 / 10%);border-left: 4px solid var(--primary-color);padding: 15px 30px; margin-bottom:15px;} 
.entry-content blockquote p{margin:0;}
.entry-content blockquote p + p{margin-top:20px;}


h1, h2, h3, h4, h5, h6 {color:var(--title-color); line-height:normal; font-weight:400; font-family:var(--primary-font) !important; position:relative; letter-spacing:0; margin:0 0 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:var(--dark-color);}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:var(--primary-color);}
h1 {font-size:36px; line-height:40px; margin:0 0 20px;}
h2 {font-size:36px; line-height:40px; margin:0 0 15px;}
h3 {font-size:28px; line-height:32px;}
h4 {font-size:24px; line-height:24px;}
h5 {font-size:20px; line-height:22px; margin:0 0 10px;}
h6 {font-size:18px; line-height:18px; margin:0 0 10px;}
h2 strong {color:var(--primary-color);}

p {font-size:16px; line-height:22px; font-weight:400;color:var(--text-color); letter-spacing:0; font-family:var(--primary-font); margin:0 0 24px;}
body p a{color:var(--secondary-color);}
p a:hover{color:var(--primary-color);}
hr {border:none; margin:20px 0; background:#ddd; height:1px; width:100%; clear:both;}
blockquote:after, li:after {content:""; display:block; clear:both;}
blockquote {font-size:16px; margin:0; padding:0;}
p:last-child {margin: 0;}
img {max-width:100%; height:auto; border:none; outline:none;}
strong{font-weight:bold;}

/*table structure*/
table, .entry-content table  {border:1px solid #e2e5e9;}
table th, table td {background:var(--white-color); border:none; border-bottom:1px solid #e2e5e9; text-align:left; font-size:14px; line-height:20px; color:#6d6e71; font-weight:400; padding:10px 10px;}
table th {color:var(--white-color); font-size:13px; white-space:nowrap; font-weight:500; background:var(--primary-color); border:none;}
table tr:nth-child(odd) td {background:#f5f7fa;}

.container, .post-area.standard-minimal.full-width-content .post .inner-wrap{max-width:1110px; width:100%; margin:0 auto !important; padding: 0 !important;}
img.alignleft{float:left; border:1px solid var(--bdr-color); padding:10px; margin:0 20px 20px 0;}
img.alignright {float:right; border:1px solid var(--bdr-color); padding:10px; margin:0 0 20px 30px;}
img.alignnone, img.aligncenter {margin:0 0 20px;}
iframe.alignleft {float:left; margin:0 30px 20px 0;}
iframe.alignright {float:right;margin:0 0 20px 30px;}

/*Form Input Field*/
input, textarea, select {background:var(--white-color); border:1px solid #dfdfdf; width:100%; padding:4px 10px; margin:0; font-size:16px; color:var(--black-color); font-weight:400;line-height:normal; letter-spacing:0.025em; font-family:'IBM Plex Sans', sans-serif, Arial; height:40px; outline:none; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;}
input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;}
textarea {height:auto; padding:15px 15px;}
.select-box {display:block; width:100%; height:42px; background:var(--white-color); border:1px solid #dfdfdf; line-height:40px; position:relative; cursor:pointer; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.select-box:after {position:absolute; content:"\e757"; right:15px; font-family:'ElegantIcons'; font-size:16px; line-height:40px; top:50%; z-index:1; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); transform:translate(0,-50%);}
.select-box select {display:block; width:100%; height:100%; line-height:normal; padding:0 40px 0 15px; background:transparent; border:none; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none; position:relative; z-index:2; cursor:pointer;}
.select-box select option {display:block; background:#f5f7f8; color:var(--black-color); padding:10px 15px;}
input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;}
input#addressSubmit {-webkit-appearance:none !important ; }
input[type="radio"], input[type="checkbox"] {-webkit-appearance:normal;}

.checkbox, .radiobox {display:inline-block; position:relative; padding-left:26px; text-align:left;}
.checkbox input, .radiobox input {position:absolute; opacity:0; left:0; top:0;}
.radiobox .checkmark {position:absolute;top:0;left:0;height:15px;width:15px;background-color:var(--white-color); border:1px solid #333; border-radius:50%;}
.radiobox:hover input ~ .checkmark {background-color:var(--white-color);}
.radiobox input:checked ~ .checkmark {background-color:var(--primary-color); border-color:var(--primary-color);}
.radiobox input:checked ~ .checkmark:after {display:block;}
.checkbox {font-size:14px; color:#888; line-height:20px; cursor:pointer;}
.checkbox.check {padding:0; width:18px; height:18px;}
.checkbox .checkmark {position:absolute;top:0;left:0;height:18px;width:18px;background-color:var(--white-color); border:1px solid #ccc;}
.checkbox:hover input ~ .checkmark {background-color:var(--white-color);}
.checkbox input:checked ~ .checkmark {background-color:var(--primary-color);}
.checkbox .checkmark:after {display:block; content:"\f00c"; font-family:'ElegantIcons'; position:absolute; left:0; right:0; top:0; text-align:center; font-size:10px; color:var(--white-color); line-height:16px; opacity:0;}
.checkbox input:checked ~ .checkmark:after {opacity:1;}

.pagination-prev-next-btns a,
.hero-section .swiper-slide .content .buttons a.primary-color,
.button, .btn {display:inline-block; padding:0 32px; background:none; border:1px solid var(--primary-color); color:var(--primary-color); font-size:13px; font-weight:400; text-transform:uppercase; cursor:pointer; letter-spacing:0.1em; text-align:center; position:relative; min-width:160px; height:40px; line-height:40px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.pagination-prev-next-btns a:before,
.hero-section .swiper-slide .content .buttons a.primary-color:before,
.button:before, .btn:before {display:block; content:""; background:var(--white-color); position:absolute; width:0; height:0; left:50%; right:50%; top:50%; bottom:50%; opacity:0.05; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; z-index:0; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.pagination-prev-next-btns a:hover:before, .pagination-prev-next-btns a:focus:before, .pagination-prev-next-btns a:active:before,
.hero-section .swiper-slide .content .buttons a.primary-color:hover:before, .hero-section .swiper-slide .content .buttons a.primary-color:active:before, .hero-section .swiper-slide .content .buttons a.primary-color:focus:before,
.button:hover:before, .button:focus:before, .btn:hover:before, .btn:focus:before {width:auto; height:auto; left:-1px; right:-1px; top:-1px; bottom:-1px;}
.pagination-prev-next-btns a:hover, .pagination-prev-next-btns a:focus, .pagination-prev-next-btns a:active,
.hero-section .swiper-slide .content .buttons a.primary-color:hover, .hero-section .swiper-slide .content .buttons a.primary-color:focus, .hero-section .swiper-slide .content .buttons a.primary-color:active,
.button:hover, .button.alt:hover, .btn:hover,
.button:focus, .button.alt:focus, .btn:focus {background:var(--primary-color); border-color:var(--primary-color); color:var(--white-color); text-decoration:none;}
.button i, .btn i {margin:0 4px 0 0;}

/*.max-container {width:100%; max-width:1320px; margin:0 auto;}*/
.col-2 {float:left; width:50%;}
.col-3 {float:left; width:33.3%;}
.col-4 {float:left; width:25%;}
.hide {display:none;}
.center{text-align:center;}

/* ===== Header ============= */
.container-wrap, .project-title {background-color: #f8f8f8;position: relative;z-index: 10;margin-top: 0;padding-top:0 !important;padding-bottom:0 !important;}
#header-space{height: 138px !important;transition: all 0.4s ease;}
#header-outer{top:0;left:0;right:0; position: fixed !important; box-shadow:none !important;background: none !important; transition: all 0.4s ease;}
#header-outer .container{max-width:1320px;}
#top {transition: all 0.4s ease !important;padding:22px 0 0; position: relative;background:var(--white-color);}
.header-right-top {display: -webkit-flex;display: flex;align-items: center;margin-bottom:20px;transition: all 0.4s ease;}
#top .col.span_9.col_last {position: relative;flex-flow: wrap;padding-right:220px;justify-content:flex-end;transition: all 0.4s ease;}
#top .col.span_9.col_last ul.buttons.sf-menu {position: absolute;right: 0;top: 0;}
#top .col.span_9.col_last ul.buttons.sf-menu .nectar-header-text-content{padding:0;}
#top .col.span_9.col_last ul.buttons.sf-menu .nectar-header-text-content img{margin:-3px 0 0 0;max-width:170px;display: block;width:100%;transition: all 0.4s ease;}
#header-outer #social-in-menu{line-height:1;}
#header-outer #social-in-menu a{width:30px;height:32px;}
#header-outer #social-in-menu i{transform: none !important;font-family: 'ElegantIcons' !important;font-size: 30px;line-height: 34px;color: var(--text-color);transition: all 0.4s ease;}
#header-outer #social-in-menu i:after{display:none !important;}
#header-outer #social-in-menu i.fa-facebook:before{content:"\e0aa";}
#header-outer #social-in-menu a:hover i,
#header-outer #social-in-menu a:focus i{color: var(--primary-color);}
.header-phone {font-size:20px; color:var(--primary-color); line-height:34px; margin-right:20px;}
.header-phone p {font-size:20px; line-height:30px; color:var(--primary-color); letter-spacing:0; margin:0;}
.header-phone em {display:inline-block; vertical-align:middle; font-style:normal; font-weight:700; font-family:var(--primary-font);}
.header-phone a {display:inline-block; vertical-align:middle; color:var(--dark-color); font-weight:700; font-family:var(--primary-font);}
.header-phone .icon_phone {display:inline-block; vertical-align:middle; width:23px; height:24px; font-size:0; position:relative; top:-2px; margin:0 6px;}
#header-outer[data-format="default"] #social-in-menu {margin: 0;}
#header-outer #logo, #header-outer .logo-spacing {margin:0 !important;}
#top nav >ul >li{margin:0 5px;padding-bottom:22px;}
#top nav >ul >li >a{display: block;color: var(--dark-color);font-size: 15px;font-weight: 400;font-family: var(--primary-font);line-height: 20px;text-transform: uppercase;letter-spacing: 0.025em;position: static;z-index: 2;padding: 12px 10px;height: 40px;}
#top nav >ul >li >a:after {display: block;content: "";border: solid transparent;height: 0;width: 0;pointer-events: none;border-color: rgba(217, 70, 63, 0);border-bottom-color: var(--primary-color);border-width: 5px;position: absolute;left: 0;right: 0;bottom: 2px;margin: 0 auto;opacity: 0;}
#top nav >ul >li >a:before {display: block;content: "";background: var(--primary-color);height: 2px;position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.header-top-inner .nectar-header-text-content {padding: 0 !important;}
#header-outer[data-lhe="default"] #top nav > ul > li > a:hover, #header-outer[data-lhe="default"] #top nav .sf-menu > .sfHover:not(#social-in-menu) > a, #header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a, #header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_ancestor > a, #header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-ancestor > a, #header-outer[data-lhe="default"] #top nav > ul > .button_bordered > a:hover, #header-outer[data-lhe="default"] #top nav > .sf-menu > .button_bordered.sfHover > a,
#header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a,
#header-outer[data-lhe="default"] #top nav .sf-menu > .menu-item-over > a,
#top nav >ul >li.current-menu-item>a{color: var(--primary-color) !important;}
#header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_item > a{color:var(--primary-color) !important;}
#top nav >ul >li.current_page_item>a:after, #top nav >ul >li.current-menu-parent>a:after,
#top nav >ul >li>a:hover:before, #top nav >ul >li.current-menu-item>a:before, #top nav >ul >li.current_page_item>a:before, #top nav >ul >li.current-menu-parent>a:before {opacity: 1;}
#top nav >ul >li >a .sf-sub-indicator i{transition: all 0.4s ease;}
#top nav >ul >li:hover >a .sf-sub-indicator i,
#top nav >ul >li:focus >a .sf-sub-indicator i{transform:rotate(-180deg);}
#top nav >ul >li ul.sub-menu {border-top: 2px solid var(--primary-color) !important;min-width: 210px;letter-spacing: 0.05em;padding: 0;margin: -2px 0 0;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) !important;-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1) !important;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) !important;}
#top nav >ul >li ul.sub-menu li {display: block;position: relative;}
#top nav >ul >li ul.sub-menu li + li {border-top: 1px solid rgba(0, 0, 0, 0.08);}
#top nav >ul >li ul.sub-menu li a {display: block;color: var(--dark-color) !important;font-size: 15px !important;line-height: normal !important;font-weight: 400;padding: 10px 15px !important;background: none !important;transition: all 0.4s ease;}
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul li:hover > a,
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a,
#top nav >ul >li ul.sub-menu li a:hover, #top nav >ul >li ul.sub-menu li a:focus{color: var(--primary-color) !important;background:none !important}
#top nav >ul >li.nav-btn>a {display: block;font-size: 13px;font-weight: 400;text-transform: uppercase;letter-spacing: 0.1em;text-align: center;background: var(--white-color);border: 1px solid var(--primary-color);color: var(--primary-color);padding: 0 20px;min-width: 220px;height: 40px;line-height: 38px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;transition: all 0.4s ease;margin-left:30px;}
#top nav >ul >li.nav-btn>a span{transition: all 0.4s ease;}
#top nav >ul >li.nav-btn>a:after,
#top nav >ul >li.nav-btn>a:before{display:none !important;}
#top nav >ul >li.nav-btn>a:hover,
#top nav >ul >li.nav-btn>a:focus{background:var(--primary-color);color:var(--white-color) !important;}
#top nav >ul >li.nav-btn>a:hover span,
#top nav >ul >li.nav-btn>a:focus span{color:var(--white-color) !important;}

#header-outer #logo img{height: 85px;margin-top:-12px;}
#header-outer.small-nav #logo img {height: 64px;margin-top:-20px;}
#header-outer.small-nav #header-space{height: 138px !important;}
#header-outer.small-nav #top .col.span_9.col_last ul.buttons.sf-menu .nectar-header-text-content img{max-width:100px;}
#header-outer.small-nav #top .col.span_9.col_last {padding-right:120px;}
#header-outer.small-nav .header-right-top{margin-top:-50px;opacity:0;}

/** Hero Section Start **/
.hero-section .swiper-slide .content h2.ns-heading-el {font-size:42px; line-height:52px; font-weight:700; color:var(--white-color) !important; text-align:left !important; letter-spacing:0; margin:0 0 15px;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.hero-section .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content{padding:0;max-width:490px;width:100%;}
.hero-section .swiper-slide .content .buttons {margin-top: 0;padding: 0;}
.hero-section .swiper-slide .content .buttons .button{border:0;}
.hero-section .swiper-slide .content .buttons a.primary-color{color: var(--white-color);}
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev, .hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next{width: auto;}
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i, .hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i {width: auto;}
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i{left:80px;}
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i{right:80px;}

/** Home Section 1 Start **/
.home-section1 {position: relative;z-index: 1;padding: 100px 0 !important;}
.home-section1 .col.span_12.dark.left .row-bg:before{display: none !important;}
.home-section1 .row-bg-wrap .row-bg:before {background:var(--primary-color);right:0;top:0;bottom:0;content: "";position: absolute;width:49.4%;
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 25% 100%, 0 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 25% 100%, 0 100%);}
.home-section1 h2 {margin-bottom: 25px;}
.home-section1 .vc_col-sm-8.left {width: 60%;padding-right:105px;}
.home-section1 .vc_col-sm-8.left p strong{font-weight:normal; color:var(--dark-color);}
.home-section1 .vc_col-sm-8.left .btn {margin-top: 20px;}
.home-section1 .vc_col-sm-4.right {width: 40%;margin: 0;}
.home-section1 .vc_col-sm-4.right img{display:block; width:100%;}

/** Home Section 2 Start **/
.home-section2 .row-bg.using-image {background-position: top center !important;}
.home-section2 .center p {font-size: 18px;}
.services-section {padding-top: 20px !important;}
.services-section .col.span_12.left .wpb_wrapper {margin: 0 -15px;}
.services-section .nectar-fancy-ul {width: 33.33%;float: left;padding:15px; text-align:center;margin:0;}
.service-img {width: 100%;height: 200px;display: block; background:var(--black-color); overflow:hidden;}
.service-img img{display:block; width:100%; height:100%; object-position:center; object-fit:cover; opacity:0.9;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.services-section p{margin:0; padding:0;}
.services-section h6 {font-size: 18px;font-weight: bold;text-transform: uppercase;background: var(--white-color);margin: 0;letter-spacing: 0.05em;padding: 16px 0;border-bottom: 2px solid var(--primary-color);-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.services-section h6 a{color: var(--dark-color);}
.services-section .nectar-fancy-ul:hover h6{background:var(--primary-color);}
.services-section .nectar-fancy-ul:hover h6 a{color:var(--white-color);}
.services-section .nectar-fancy-ul:hover .service-img img{opacity:0.8; transform:scale(1.1);}
.services-section .btn-box {background: #db4f48;height: 252px;padding:20px;}
.btn-box-inner{position: relative; height:100%;}
.services-section .btn-box .btn{position: absolute;padding:84px 0; width:100%; border:2px solid var(--white-color);  font-size:20px; font-weight:bold; letter-spacing:0; left:0;top:0; height:100%; color:var(--white-color); -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.services-section .btn-box:hover .btn{background:var(--white-color); color:#db4f48;}

/** Footer Start **/
#footer-outer{background:var(--dark-color);}
#footer-outer .container{max-width:1320px;}
#footer-outer #footer-widgets .row {padding:100px 0;margin:0 -15px;}
#footer-outer #footer-widgets .row>div{margin:0;padding:0 15px;}
#footer-outer .widget > h4 {color: var(--white-color);margin-bottom: 34px;font-size: 20px;letter-spacing: 0;text-transform: uppercase;font-weight: bold;}
#footer-outer .widget h5 {color: var(--white-color);letter-spacing: 0.025em;font-size: 18px;font-weight: normal;margin-bottom: 5px;}
#footer-outer p a, #footer-outer p {color: #bbc4ca;line-height: 22px;font-size: 16px;letter-spacing: 0;}
.f-phone-main {margin-top: 30px;}
.f-phone-main h4 a {color: #bbc4ca;}
.f-phone-main p {color: var(--primary-color);margin: 0;padding: 0;}
.f-phone-main p a {text-decoration: underline;}
.copyright,
#footer-outer #footer-widgets .row>div:nth-child(1) {width: 28.2%;}
.poweredby,
#footer-outer #footer-widgets .row>div:nth-child(2) {width: 56.6%;}
#footer-outer #footer-widgets .row>div:nth-child(3){width: 15.2%;}
#footer-outer img{margin:0;}
#footer-outer .widget {margin-bottom: 0;}
.social-icons {margin-top: 40px;}
.social-icons a {font-size: 36px;display: inline-block;vertical-align: middle;line-height: 34px;color: var(--text-color) !important;}
.social-icons a:hover, .footer .social-icons a:focus{color: var(--primary-color);}

.copyright-border-top {display: -webkit-flex;display: flex;flex-wrap: wrap;margin:0 -15px;position: relative;}
.copyright-border-top>div{padding:0 15px;}
#footer-outer #copyright {padding:16px 0;background-color:#333333;position: relative;}
#footer-outer #copyright p,
#footer-outer #copyright p a{font-size: 15px;}
#footer-outer #copyright .copyright a {color: var(--primary-color);}
.copyright-border-top .poweredby a img {display: inline-block;margin-left: 4px !important;}
#footer-outer #to-top {display: -webkit-flex;display:-webkit-flex; align-items: center;justify-content: center; position: absolute;right: 15px;top:-16px;text-align: center;background: var(--dark-color);color: var(--primary-color) !important;width: 65px;height: 60px;text-align: center;cursor: pointer;z-index: 90;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;transform: none !important;border-radius:0;}
#footer-outer #to-top i{font-size: 30px !important;}
#footer-outer #to-top:hover {color: var(--dark-color) !important;background: var(--primary-color);}
.with_frm_style {margin-bottom: -20px;}
.with_frm_style textarea,
.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{border-top:0 !important;border-left:0 !important;border-right:0 !important;padding:4px;box-shadow:none !important;background:none !important;height:34px;}
.with_frm_style textarea{resize: none;height:90px;}
.with_frm_style .frm_form_field.form-field button.frm_button_submit{height: 40px;min-width: 120px;line-height: 32px;font-size: 13px;letter-spacing: 0.1em;box-shadow:none;}
.frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{color:var(--primary-color) !important}
.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container{gap:0 20px;}

/** Internal Page Start **/
.page-header-bg-image:before {display:block; content:""; background:var(--black-color); position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.5;z-index:1;}
#page-header-bg .span_6{margin:0;}
#page-header-bg .span_6 h1{margin:0;}
#page-header-bg .subheader {font-size: 24px;}

/** Services Details Page**/
.service-sidebar {border:1px dashed #ccc; padding:20px;}
.service-sidebar h4 {margin:20px 0;}
.service-sidebar h4 a{color: var(--primary-color);}
.service-sidebar img {margin:0 auto;}
.pic-list {background: var(--white-color);padding: 20px !important;margin: 40px 0 0; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);}
.pic-list a {display:inline-block; vertical-align:middle;}
.pic-list img {display:inline-block; vertical-align:middle; margin:5px !important;}
.service-sidebar video {width: 100%;height: 180px;margin: 0 0 20px;}

/** Gallery Page Start **/
.gallery-wrapper .portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg{background:var(--title-color) !important;}
.gallery-wrapper .portfolio-items .col .work-item {margin:0;}
.gallery-wrapper .portfolio-items .col .work-item {height:180px;}
.gallery-wrapper .portfolio-items .col .work-item> img {display:block; width:100%;height:100%;object-fit:cover;object-position:center center;}
body .gallery-wrapper .portfolio-items .col {margin-bottom:0px !important;}

.single-post #page-header-wrap #single-below-header,
.single-post #page-header-wrap #single-meta {display:none;}

/** Blog Details Page **/
.py-100{padding-top:100px !important;padding-bottom:100px !important;}
.inner-container{max-width:950px; width:100%; padding:0 15px; margin:0 auto;}
.blog-section .uppercase.recent-posts-title{display:none;}
.blog-section .row {margin:0;}
.blog-section .posts-container{margin:-15px;display:-webkit-flex;display: flex;flex-wrap: wrap;}
.blog-section .posts-container>article {width: 50%;padding: 15px;margin: 0 !important;}
.blog-section .featured_image{padding-right:95px;}
.blog-section .featured_image a {display: block;height: 400px; background:var(--black-color); overflow:hidden;}
.blog-section .featured_image a img{width:100% !important; height:100%; object-fit:cover; object-position:center; opacity:0.9; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.blog-section .post-con {position: absolute;top: 50%;background:rgba(242,244,246,0.95);max-width: 255px;padding: 40px 30px !important;right:15px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);}
.date-main {margin-bottom:25px;}
.blog-section .date-main i {width: 42px;height: 42px;margin-right:15px; background: var(--primary-color);text-align: center;line-height: 42px;color: var(--white-color);font-size: 16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;}
.date-main .date {font-size: 14px;color: var(--primary-color);text-transform: uppercase;letter-spacing: 0.1em;line-height: normal;}
.post-con .post-header1 h3 {font-size: 20px;color: #161616;font-weight: normal;line-height: normal;letter-spacing: 0;}
.post-con .post-header1 h3 a{color: var(--primary-color) !important;}
.post-con .post-header1 h3 a:hover, .post-con .post-header1 h3 a:focus{color: var(--primary-color) !important;}
.post-con .excerpt, .post-con .excerpt p {font-size: 15px;color: var(--text-color);line-height: normal;letter-spacing: 0;}
.post-con .more-link, .excerpt a {font-size: 13px;text-transform: uppercase;display: block;color: var(--dark-color);letter-spacing: 0.1em;text-decoration: underline;margin:20px 0 0;cursor: pointer;}
.post-con .more-link:hover, .excerpt a:hover{color:var(--primary-color);}
.blog-section .content-inner{padding:0;}

/** Pagination  **/
nav#pagination {border-top:1px solid var(--bdr-color); padding:20px 0 0; margin:48px 0 0; text-align:center; clear:both;height: auto;}
nav#pagination ul{display:-webkit-flex;display: flex;align-items: center;justify-content: center;gap:4px;flex-wrap: wrap;}
nav#pagination .page-numbers li {display:inline-block; vertical-align:middle;}
nav#pagination .page-numbers li span, nav#pagination .page-numbers li a.page-numbers {display:block; width:40px; height:40px; border:1px solid #ccc; font-size:14px; line-height:40px; color:#333; position:relative;padding:0 !important;}
nav#pagination .page-numbers li span, nav#pagination .page-numbers li a.page-numbers:hover {background:var(--primary-color) !important; border-color:var(--primary-color); color:var(--white-color) !important;}
#pagination span.page-numbers.current{border-color: var(--primary-color);}
nav#pagination .page-numbers li span.dots {background:none; border-color:transparent; color:#333;}
nav#pagination h2.screen-reader-text {display:none;}
nav#pagination ul li a.prev.page-numbers,
nav#pagination ul li a.next.page-numbers {padding:0 16px !important;width: auto;}

/** Post Details Page Start **/
.post-details-section{padding-bottom:48px !important;}
body.single-post[data-bg-header=true] .container-wrap {padding-top: 0 !important;}
body.single .heading-title {border-bottom:0px solid var(--bdr-color); padding:40px 0 0; margin:0 0 30px;}
.row .col.section-title.blog-title, .row .col.section-title.project-title {margin-bottom: 0;}
body .row .col.section-title h2 {font-weight: 400; font-size: 32px;line-height: 40px;max-width:100%;}
body.single #single-below-header {font-size:11px; line-height:18px; color:#aab2bd; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; border-top:1px solid #d8dce3; border-bottom:1px solid #d8dce3; padding:10px 0; margin:25px 0 0;}
body.single #single-below-header span {font-size:12px; color:#aab2bd; border-color:#aab2bd; text-transform:uppercase;}
.detail-post-area .post-featured-img {display:block; width:100%; height:380px; overflow:hidden; margin:0 0 20px;}
.detail-post-area .post-featured-img img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.detail-post-area article.post .content-inner {margin:0 0 40px;padding:0;border-bottom:none;}
.detail-post-area article {width:100%; clear:both; padding:0; margin:0 0 20px;}
#page-header-bg .section-title {text-align:center;}
body.single #single-below-header span a{color: var(--primary-color);}
.pagination-prev-next-btns{border-top:1px solid var(--bdr-color);padding-top:20px;margin-top:30px; display:-webkit-flex;display: flex;align-items: center;justify-content: space-between;gap:10px;}

/*======================================================================
=============================:: MEDIA CSS ::============================
=======================================================================*/
@media screen and (max-width:1330px) {
#footer-outer .container,
#header-outer .container{padding:0 15px !important;}
#top .col.span_9.col_last{padding-right:180px;}
#top nav >ul >li{margin:0;}
#top nav >ul >li.nav-btn>a{margin-left:0;}

/** Hero Section Start **/
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i{left:20px;}
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i{right:20px;}
}

/* iPad 1024px View */
@media screen and (max-width:1200px) {
h1, h2 {font-size:32px; line-height:36px;}
h3 {font-size:26px; line-height:30px;}
body .container {padding: 0 15px !important;}

#header-space{height:93px !important;}
#top{padding:12px 0;}
#header-outer.small-nav #logo img,
#header-outer #logo img {height: 69px;margin-top: 0;}
.header-right-top{margin:0 10px 0 0;}
.header-phone{margin-right:8px;}
.header-phone a {display: block;font-size: 0;line-height: normal;text-align: center;width: 30px;height: 30px;background: var(--text-color);color: var(--white-color);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.header-phone em {display: none;}
.header-phone .icon_phone {display: block;background: none;font-size: 14px;line-height: 30px;width: 100%;height: auto;margin: 0;top: 0;}
.header-phone a:hover {background: var(--primary-color);color: var(--white-color);}
#header-outer.small-nav #top .col.span_9.col_last,
#top .col.span_9.col_last {padding-right: 134px;}
#top .col.span_9.col_last ul.buttons.sf-menu li.nectar-header-text-content-wrap {padding: 0;}
#header-outer.small-nav #top .col.span_9.col_last ul.buttons.sf-menu .nectar-header-text-content img,
#top .col.span_9.col_last ul.buttons.sf-menu .nectar-header-text-content img{max-width:114px;margin:0;}
#header-outer:not([data-format="centered-menu-bottom-bar"]) #top .span_9 {flex-direction: row;}
.slide-out-widget-area-toggle.mobile-icon a>span {height: 30px;width: 30px;border-radius: 100%;border: 1px solid var(--primary-color);}
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button:after{background:var(--primary-color) !important;width:14px !important;}
.slide-out-widget-area-toggle .lines:before {top: 5px;}
.slide-out-widget-area-toggle .lines:after {top: -5px;}
body.original #header-outer[data-has-menu=true] .lines-button {top: 13px;left: 7px;}
#header-outer[data-has-buttons="no"] #top .span_9 > .nectar-mobile-only {margin-right: 0;}

#header-outer #header-space,
#header-outer.small-nav #header-space{height:93px !important;}
#header-outer.small-nav .header-right-top{margin-top:0;opacity:1;}
#slide-out-widget-area .widget_text.widget.widget_custom_html,
#slide-out-widget-area ul.off-canvas-social-links.mobile-only{display: none !important;}

.off-canvas-menu-container {padding-top: 50px;}
#slide-out-widget-area .inner .off-canvas-menu-container li.current-page-parent>a,
#slide-out-widget-area .inner .off-canvas-menu-container li.current_page_item>a{opacity:1 !important;}
#slide-out-widget-area .inner .off-canvas-menu-container li>a{font-family: var(--primary-font) !important;}
#slide-out-widget-area .inner .off-canvas-menu-container li.nav-btn>a {margin-top:30px; display: block;font-size: 13px;font-weight: 400;text-transform: uppercase;letter-spacing: 0.1em;text-align: center;border: 1px solid var(--white-color);color: var(--white-color);padding: 0 20px;min-width: 220px;height: 40px;line-height: 38px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;transition: all 0.4s ease;opacity:1;}
#slide-out-widget-area .inner .off-canvas-menu-container li.nav-btn>a span{transition: all 0.4s ease;}
#slide-out-widget-area .inner .off-canvas-menu-container li.nav-btn>a:after,
#slide-out-widget-area .inner .off-canvas-menu-container li.nav-btn>a:before{display:none !important;}
#slide-out-widget-area .inner .off-canvas-menu-container li.nav-btn>a:hover,
#slide-out-widget-area .inner .off-canvas-menu-container li.nav-btn>a:focus{background:var(--white-color);color:var(--primary-color) !important;}
#slide-out-widget-area .ocm-dropdown-arrow i{color: var(--white-color);}

/** Hero Section Start **/
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i{left:15px;}
.hero-section .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i{right:15px;}
.hero-section .swiper-slide .content h2.ns-heading-el {font-size:32px; line-height:42px;}
.hero-section .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content{padding:0 80px !important;max-width:540px;top:50% !important;transform: translate(0,-50%);}
.hero-section .nectar-slider-wrap,
.hero-section .swiper-container,
.hero-section .swiper-wrapper,
.hero-section .swiper-slide{height:400px !important;}

/** Home Section 1 Start **/
.home-section1 {padding:80px 0 !important;}
.home-section1 .vc_col-sm-8.left{padding-right:48px;}
.home-section1 .row-bg-wrap .row-bg:before{width:52.4%;}

/** Footer Start **/
.copyright,
#footer-outer #footer-widgets .row>div:nth-child(1) {width: 34%;}
.poweredby,
#footer-outer #footer-widgets .row>div:nth-child(2) {width: 48%;}
#footer-outer #footer-widgets .row>div:nth-child(3){width: 18%;}


}

@media screen and (max-width:999px) {
h1 {font-size:24px !important; line-height:normal; margin:0 0 20px;} 
h2{font-size:26px; line-height:normal;}
h3 {font-size:24px; line-height:normal;}
p {margin:0 0 15px;}
.button:before, .btn:before {display:none;}

#header-space{height:92px !important;display: block;}
body #header-outer {padding: 0;}
body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {height: 68px !important;}
#header-outer.small-nav #top .col.span_9.col_last, #top .col.span_9.col_last {padding-right: 0;}
body #header-outer #top .col nav>.sf-menu.buttons,
body #header-outer #top .col nav{display:block !important;padding:0;}
#slide-out-widget-area .nectar-header-text-content,
body #header-outer #top .col nav>.sf-menu{display:none !important;}
.header-right-top {margin: 0;}
#header-outer #social-in-menu i.fa-facebook {width: 32px;}
body #header-outer #top .col nav>.sf-menu.buttons{margin-left:10px !important;}

/** Home Section 1 Start **/
.home-section1 {padding:60px 0 !important;}
.home-section1 h2 {margin-bottom: 15px;}
.home-section1 .vc_col-sm-8.left .btn {margin-top: 0;}

/** Home Section 2 Start **/
.services-section .nectar-fancy-ul{width:50%;}

/** Footer Start **/
#footer-outer #footer-widgets .row {padding:50px 0;}
#footer-outer .widget > h4 {margin-bottom: 15px;}
#footer-outer #footer-widgets .row>div:nth-child(1) {width: 30%;}
#footer-outer #footer-widgets .row>div:nth-child(2) {width: 50%;}
#footer-outer #footer-widgets .row>div:nth-child(3){width: 20%;}
.copyright, .poweredby{width:50%;}

/** Internal Page Start **/
#page-header-bg .subheader {font-size: 22px;}

/** Blog Details Page **/
.py-100{padding-top:60px !important;padding-bottom:60px !important;}
.detail-post-area .post-featured-img {height:auto;}

}

/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px) {
body {-webkit-text-size-adjust:none;}
h3 {font-size:20px !important; line-height:normal !important;}
h4 {font-size:20px !important;}
p {margin:0 0 15px;}
img.alignleft, img.alignright, iframe.alignleft, iframe.alignright {float:none; margin:0 0 15px 0; display:block;}
iframe.alignleft, iframe.alignright {width:100%;}

body #header-outer #top .col nav>.sf-menu.buttons{display: none !important;}
#slide-out-widget-area .nectar-header-text-content{display: block !important;order:4;}
#slide-out-widget-area .inner-wrap>.inner {display: -webkit-flex;display: flex;flex-wrap: wrap;}

/** Hero Section Start **/
.hero-section .nectar-slider-wrap,
.hero-section .swiper-container,
.hero-section .swiper-wrapper,
.hero-section .swiper-slide{height:300px !important;}
.hero-section .swiper-slide .content h2.ns-heading-el {font-size:28px; line-height:34px;}
.hero-section .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content{padding:0 40px !important;max-width:420px;top:50% !important;transform: translate(0,-50%);}

/** Home Section 1 Start **/
.home-section1 {padding:48px 0 !important;}
.home-section1 .row-bg-wrap .row-bg:before {display:none;}
.home-section1 .vc_col-sm-8.left {width:100%;padding-right:1%;}
.home-section1 .vc_col-sm-4.right {width:100%;}

/** Home Section 2 Start **/
.section2 h2 {margin-bottom: 10px !important;}
.section2 .center p {font-size: 16px;}
.services-section .nectar-fancy-ul{width:100%;}
.services-section h6{font-size:16px;}
.services-section {padding-top: 0 !important;}

/** Footer Start **/
#footer-outer #footer-widgets .row {padding:30px 0;}
#footer-outer .widget > h4 {margin-bottom: 10px;}
#footer-outer #footer-widgets .row>div:nth-child(1), #footer-outer #footer-widgets .row>div:nth-child(2), #footer-outer #footer-widgets .row>div:nth-child(3), .copyright, .poweredby{width:100%;}
#footer-outer #footer-widgets .row>div + div{margin-top:30px;}
.social-icons {margin-top: 15px;}
#footer-outer #to-top {width: 40px;height: 40px;top: 5px;border-radius: 50%;}
#footer-outer #to-top i{line-height: 28px;font-size: 20px !important;}

/** Internal Page Start **/
#page-header-bg .subheader {font-size: 20px;}

/** Blog Details Page **/
.py-100{padding-top:48px !important;padding-bottom:48px !important;}
.blog-section .posts-container>article {width:100%;}
body .row .col.section-title h2 {font-size: 26px;line-height: 36px;}
.pagination-prev-next-btns a{min-width:140px;}

}

@media screen and (max-width:479px) {
h1{font-size:40px;}
h2{font-size:28px;}
h3{font-size:26px;}
h4{font-size:22px;}

/** Blog Details Page **/
.blog-section .featured_image {padding-right: 60px;}
.blog-section .featured_image a {height: 360px;}

}