/*!
Theme Name: Sunland Energy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: se-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

se-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

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

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#000; font-size:16px;   font-family: "Figtree", sans-serif;   font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap;}

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2;font-weight:700; font-family: inherit;}
.h1, h1 {font-size:40px; margin-bottom: 20px;}
.h2, h2 {font-size:35px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:22px; margin-bottom: 17px;}
.h5, h5 {font-size:20px; margin-bottom: 15px;}
.h6, h6 {font-size:18px; margin-bottom: 10px;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#000; font-size:16px; font-weight:400; line-height:1.6;  margin-bottom:15px; }
p:last-child { margin-bottom:0; }

ul, 
ol{ margin: 0;padding: 0;margin-left: 17px;}
ul li, 
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 18px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input, 
textarea, 
button {     font-family: "Figtree", sans-serif;
}
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #919194; padding:14px 20px; color:#000; font-size:20px;font-weight: 400; width: 100%; border-radius: 4px; -webkit-border-radius: 4px; background-color: #F7F7F7;   font-family: "Figtree", sans-serif;
 font-weight: 400; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #2765CF;box-shadow: 0px 3px 20px #2765CF80; -webkit-box-shadow: 0px 3px 20px #2765CF80; background-color: #fff;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; padding: 0 15px; height: 60px; display: inline-block; vertical-align: top; font-size: 16px; font-family: "Figtree", sans-serif; font-weight: 400; line-height: 1.52857143; text-align: center; border: none; box-shadow: 0px 0px 20px #2765CF40; -webkit-box-shadow: 0px 0px 20px #2765CF40; border-radius: 6px; -webkit-border-radius: 6px; color: #fff; background-color: #2765CF; width: 100%; transition: background-color 0.3s ease 0s, color 0.3s ease 0s;    text-transform: uppercase !important; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #092E6E; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

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

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #AAAAAA; }
:-moz-placeholder { opacity: 1 !important; color: #AAAAAA; }
::-moz-placeholder { opacity: 1 !important; color: #AAAAAA; }
:-ms-input-placeholder { opacity: 1 !important; color: #AAAAAA; }

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

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 12px 69px;font-size: 18px; font-family: "Figtree", sans-serif; font-weight: 400; line-height: 1.52857143; text-align: center; border: 3px solid #2765CF; border-radius: 0px; color: #fff; background-color: #2765CF; border-radius: 6px;}
.btn:hover,
.btn:focus { color: #fff; background-color: #092E6E; border-color: #092E6E;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1166px;}

/*---- header ----*/
.main-header { width:100%; height:auto; padding: 0; position: fixed; top:0px; z-index: 999; background-color: #fff;}
.main-header .logo{ position: relative; display: inline-block; vertical-align: top; }
#header.fixed{ /*position: fixed; left: 0; top: 0;*/  /*-webkit-animation:slide-down 0.7s;animation:slide-down 0.7s; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);*/  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}

@media(min-width:1271px) {
	div#wrapper {    padding-top: 143px !important;}
}

@media (min-width:1200px) and (max-width:1270px) { 	
	div#wrapper {    padding-top: 143px !important;}
}
@media (min-width:1024px) and (max-width:1199px) {	
div#wrapper {    padding-top: 127px !important;}
}

@media(max-width:1023px) {	
div#wrapper {    padding-top: 14px !important;}
}


/*@-webkit-keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {opacity: 0.9;-webkit-transform: translateY(0);transform: translateY(0);} }
@keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {opacity: 0.9;-webkit-transform: translateY(0);transform: translateY(0);} }
*/

.phone-call{ display: none; }
.main-header .col-md-8{ text-align: right; }
.main-header .head_top{ background-color:#F6F6F6; display: inline-block; vertical-align: top; position: relative; padding: 7px 20px 7px 20px;}
.main-header .head_top:before{ content: ''; position: absolute; left: -20px; top: 0; width: 40px; height: 100%; display: block; background: #F6F6F6; transform: skew(30deg); -webkit-transform: skew(30deg); z-index: -1; }
.main-header .head_top .menu-top-nav-container{ display: inline-block; vertical-align: middle; }
.main-header .head_top .menu{ margin: 0; padding: 0; }
.main-header .head_top .menu li{ margin: 0; padding: 0 10px; list-style:none; display: inline-block; vertical-align: top; }
.main-header .head_top .menu li a{color: #333333; font-size: 18px;   font-family: "Figtree", sans-serif;
 font-weight: 400;}
.main-header .head_top .menu li a:hover{ text-decoration: none; color: #FF7400;}
.main-header .head_phone{ font-size: 28px; color: #FF7400; line-height: 1.3; text-align: right; display: inline-block; vertical-align: middle; padding-left: 40px; text-align: left; background: url(assets/svg/ioc_phone1.svg) left center no-repeat; margin-left:30px; font-family: "Figtree", sans-serif; font-weight: 400;}
.main-header .head_phone span{ display: block; font-size: 22px; color: #000000; font-family: 'CircularStdBlack'; font-weight: 400;}
.main-header .head_phone:hover{ text-decoration: none; color: #2765CF;}
/*.main-header:after{ content: ''; position: absolute; right: 0; top: 0; width: 50%; height: 50px; display: block; background: #F6F6F6; z-index: -1;}*/

/*!
Theme Name: Sunland Energy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: se-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

se-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

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

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#000; font-size:16px;   font-family: "Figtree", sans-serif;   font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap;}

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2;font-weight:700; font-family: inherit;}
.h1, h1 {font-size:40px; margin-bottom: 20px;}
.h2, h2 {font-size:35px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:22px; margin-bottom: 17px;}
.h5, h5 {font-size:20px; margin-bottom: 15px;}
.h6, h6 {font-size:18px; margin-bottom: 10px;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#000; font-size:16px; font-weight:400; line-height:1.6;  margin-bottom:15px; }
p:last-child { margin-bottom:0; }

ul, 
ol{ margin: 0;padding: 0;margin-left: 17px;}
ul li, 
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 18px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input, 
textarea, 
button {     font-family: "Figtree", sans-serif;
}
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #919194; padding:14px 20px; color:#000; font-size:20px;font-weight: 400; width: 100%; border-radius: 4px; -webkit-border-radius: 4px; background-color: #F7F7F7;   font-family: "Figtree", sans-serif;
 font-weight: 400; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #2765CF;box-shadow: 0px 3px 20px #2765CF80; -webkit-box-shadow: 0px 3px 20px #2765CF80; background-color: #fff;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; padding: 0 15px; height: 60px; display: inline-block; vertical-align: top; font-size: 16px; font-family: "Figtree", sans-serif; font-weight: 400; line-height: 1.52857143; text-align: center; border: none; box-shadow: 0px 0px 20px #2765CF40; -webkit-box-shadow: 0px 0px 20px #2765CF40; border-radius: 6px; -webkit-border-radius: 6px; color: #fff; background-color: #2765CF; width: 100%; transition: background-color 0.3s ease 0s, color 0.3s ease 0s;    text-transform: uppercase !important; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #092E6E; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

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

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #AAAAAA; }
:-moz-placeholder { opacity: 1 !important; color: #AAAAAA; }
::-moz-placeholder { opacity: 1 !important; color: #AAAAAA; }
:-ms-input-placeholder { opacity: 1 !important; color: #AAAAAA; }

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

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 12px 69px;font-size: 18px; font-family: "Figtree", sans-serif; font-weight: 400; line-height: 1.52857143; text-align: center; border: 3px solid #2765CF; border-radius: 0px; color: #fff; background-color: #2765CF; border-radius: 6px;}
.btn:hover,
.btn:focus { color: #fff; background-color: #092E6E; border-color: #092E6E;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1166px;}

/*---- header ----*/
.main-header { width:100%; height:auto; padding: 0; position: fixed; top:0px; z-index: 999; background-color: #fff;}
.main-header .logo{ position: relative; display: inline-block; vertical-align: top; }
#header.fixed{ /*position: fixed; left: 0; top: 0;*/  /*-webkit-animation:slide-down 0.7s;animation:slide-down 0.7s; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);*/  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}

@media(min-width:1271px) {
	div#wrapper {    padding-top: 143px !important;}
}

@media (min-width:1200px) and (max-width:1270px) { 	
	div#wrapper {    padding-top: 143px !important;}
}
@media (min-width:1024px) and (max-width:1199px) {	
div#wrapper {    padding-top: 127px !important;}
}

@media(max-width:1023px) {	
div#wrapper {    padding-top: 14px !important;}
}


/*@-webkit-keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {opacity: 0.9;-webkit-transform: translateY(0);transform: translateY(0);} }
@keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {opacity: 0.9;-webkit-transform: translateY(0);transform: translateY(0);} }
*/

.phone-call{ display: none; }
.main-header .col-md-8{ text-align: right; }
.main-header .head_top{ background-color:#F6F6F6; display: inline-block; vertical-align: top; position: relative; padding: 7px 20px 7px 20px;}
.main-header .head_top:before{ content: ''; position: absolute; left: -20px; top: 0; width: 40px; height: 100%; display: block; background: #F6F6F6; transform: skew(30deg); -webkit-transform: skew(30deg); z-index: -1; }
.main-header .head_top .menu-top-nav-container{ display: inline-block; vertical-align: middle; }
.main-header .head_top .menu{ margin: 0; padding: 0; }
.main-header .head_top .menu li{ margin: 0; padding: 0 10px; list-style:none; display: inline-block; vertical-align: top; }
.main-header .head_top .menu li a{color: #333333; font-size: 18px;   font-family: "Figtree", sans-serif;
 font-weight: 400;}
.main-header .head_top .menu li a:hover{ text-decoration: none; color: #FF7400;}
.main-header .head_phone{ font-size: 28px; color: #FF7400; line-height: 1.3; text-align: right; display: inline-block; vertical-align: middle; padding-left: 40px; text-align: left; background: url(assets/svg/ioc_phone1.svg) left center no-repeat; margin-left:30px; font-family: "Figtree", sans-serif; font-weight: 400;}
.main-header .head_phone span{ display: block; font-size: 22px; color: #000000; font-family: 'CircularStdBlack'; font-weight: 400;}
.main-header .btn {    font-size: 18px;    padding: 14px 35px 13px;    margin-left: 20px;    line-height: 1;    height: 45px;    text-transform: uppercase;    border: none !important;    background: #fa6e13; font-weight: 600;}

.navigation .menu-main-menu-container { margin: 11px 0 0; }


/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent; box-shadow: none; -webkit-box-shadow: none; position: fixed; top: 12px; right: 20px; z-index: 1000;}
.hamburger:not(.close){/* position: fixed;top: 20px;right: 20px;z-index: 1000; */}
.hamburger:hover, 
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 21px;height: 3px;background-color: #919194;display: block;margin: 4px auto; border-radius:2px; -webkit-border-radius:2px;}
.hamburger:hover{cursor: pointer;}
/* .hamburger.close{padding: 10px;} */
.hamburger.close .wrap{ position: relative;width: 21px;height: 25px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: -100%;left: 0;width:100%;height: 100%;transition: all 0.3s ease-in-out;z-index: 999; padding-top: 59px;}
#mobilenav.is-open #menu{top: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 2.25rem;height: 2.25rem;position: absolute;top: 5px;right: 5px;cursor: pointer;}
#mobilenav .caret:before{left: 0.5rem; -webkit-transform: rotate(45deg); transform: rotate(45deg);} 
#mobilenav .caret:after{right: 0.5rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
/* #mobilenav .caret:not(.trigger-caret){pointer-events: none;} */
#mobilenav .caret:before,
#mobilenav .caret:after{ content: ''; top: 1rem; position: absolute; width: 0.75rem; height: 0.1rem; background-color: #2765CF; display: inline-block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
/* #mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;} */
#mobilenav .is-open > .caret:before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#mobilenav .is-open > .caret:after{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
#mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #333333;/* background: #068bcc; */border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-family: "Figtree", sans-serif; font-weight: 400;}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { text-decoration: none;color: #2765CF;background: #fff;   font-family: "Figtree", sans-serif;
 font-weight: 400;}
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: #F7F7F7;z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 80px);overflow-y: auto;padding-bottom: 60px;}
#menu .menu-top-nav-container:nth-child(1) ul li a{}

/* nav */
.navigation { width:100%; height:auto; padding:20px 0;}
.navigation ul{ padding: 0; margin: 0; list-style: none; }
.navigation ul li{ padding: 0; margin: 0; list-style: none; display: inline-block; vertical-align: middle; text-align: left;}
.navigation ul li a { display: block; font-size: 18px; color: #333333; padding: 0 14px;   font-family: "Figtree", sans-serif;
 font-weight: 400;}
.navigation ul li a:hover{ text-decoration: none; color: #2765CF;}
.navigation .menu-main-menu-container{ display: inline-block;vertical-align: middle; }
.navigation ul li.getfree_btn{ margin-left: 10px; }
.navigation ul li.getfree_btn > a{background: #2765CF; box-shadow: 0px 0px 10px #2765CF80; -webkit-box-shadow: 0px 0px 10px #2765CF80; border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 18px; font-family: "Figtree", sans-serif; font-weight: 400; padding:15px 48px;}
.navigation ul li.getfree_btn > a:hover{background-color: #092E6E;}

.navigation ul li:hover .sub-menu{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible; pointer-events: auto; top: 100%;}
.navigation ul li{ position: relative; }
.navigation ul li.current_page_item > a, .navigation ul li.current-page-ancestor > a{ color: #2765CF; }
.navigation ul li > a:after{content: '';position: absolute; width: 100%;height: 40px;left: 0;bottom: -40px;}
.navigation ul li .sub-menu{ position: absolute; left: 0; top: 90%; min-width: 250px; background: #fff; z-index: 99; padding:20px 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; visibility: hidden; pointer-events: none; box-shadow: 0px 0px 10px #00000029; -webkit-box-shadow: 0px 0px 10px #00000029; margin: 25px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 6px; -webkit-border-radius: 6px;}
.navigation ul li .sub-menu:before{ content: ''; position: absolute; left: 60px; top: -19px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #ffffff transparent; z-index: 1; }
.navigation ul li .sub-menu:after{ content: ''; position: absolute; left: 60px; top: -20px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #00000029 transparent; }
.navigation ul li .sub-menu li{ padding: 0; margin: 0; display: block;}
.navigation ul li .sub-menu li:first-child{ border-top:none; }
.navigation ul li .sub-menu li a{ padding: 8px 17px; border-radius: 0; -webkit-border-radius: 0; color: #333333; background: none; text-transform: none;  }
.navigation ul li .sub-menu li.current-menu-item, .navigation ul li .sub-menu li:hover{ color: #2765CF;}
.navigation ul li .sub-menu li.current-menu-item a, .navigation ul li .sub-menu li:hover a{ color: #2765CF; }



/*---- footer ----*/
.main-footer { width:100%; height:auto; background:#F7F7F7; line-height: normal;}
.main-footer .footer_upper{ padding: 40px 0 15px; }
.main-footer .footer_upper .container{ position: relative; }
.main-footer .footer_upper h2{ font-size: 18px; color: #092E6E; font-family: "Figtree", sans-serif; font-weight: 400; margin: 0 0 5px; padding: 0;}
.main-footer .footer_upper ul{ margin: 0 0 15px; padding: 0; }
.main-footer .footer_upper ul li{ margin: 0 10px 5px 0; padding: 0; list-style: none; display: inline-block; vertical-align: top;}
.main-footer .footer_upper ul li a{color: #919194; font-size: 18px;   font-family: "Figtree", sans-serif;
 font-weight: 400; display: block;}
.main-footer .footer_upper ul li a:hover{ text-decoration: none; color: #000; }
.main-footer .footer_lower{ padding: 30px 0;}
.main-footer .footer_lower ul{ margin: 0; padding: 0; }
.main-footer .footer_lower ul li{ margin: 0 10px 5px 0; padding: 0; list-style: none; display: inline-block; vertical-align: top;}
.main-footer .footer_lower ul li a{color: #919194; font-size: 18px;   font-family: "Figtree", sans-serif;
 font-weight: 400; display: block;}
.main-footer .footer_lower ul li a:hover{ text-decoration: none; color: #000; }
.main-footer .footer_lower p{color: #919194; font-size: 18px;  font-family: "Figtree", sans-serif;
 font-weight: 400; display: inline-block; vertical-align: top; text-align: left; line-height: 1.3;}
.main-footer .footer_lower .col-md-6 + .col-md-6{ text-align: right; padding: 0; }
.main-footer .footer_mid{ padding: 5px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.main-footer .footer_mid .social-icons a{ display: inline-block; vertical-align: top; width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; }
.main-footer .footer_mid .social-icons a.facebook{ background-image:url(assets/svg/ioc_facebook.svg); }
.main-footer .footer_mid .social-icons a.facebook:hover{ background-image:url(assets/svg/ioc_facebook_hover.svg); }
.main-footer .footer_mid .col-md-6 + .col-md-6{ text-align: right; }
.main-footer .footer_mid .footer_phone{ font-size: 28px; color: #FF7400; line-height: 1.2; text-align: right; display: inline-block; vertical-align: middle; padding-left: 45px; text-align: left; background: url(assets/svg/ioc_phone.svg) left center no-repeat; margin-left: 10px; font-family: 'CircularStdBlack'; font-weight: 400;}
.main-footer .footer_mid .footer_phone span{ display: block; font-size: 18px; color: #000000; font-family: "Figtree", sans-serif; font-weight: 400;}
.main-footer .footer_mid .footer_phone:hover{ text-decoration: none; color: #2765CF;}

/*--------- home page ------------*/
/* banner part */
.home_banner{ position: relative; overflow:hidden; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 20px 0; z-index: 1;}
.home_banner:after{ content: ''; position: absolute; left: 0; top: 0; background: #FF7400; box-shadow: 0px 0px 99px #FF7400E6; -webkit-box-shadow: 0px 0px 99px #FF7400E6; opacity: 0.79; top: -750px; left: -20vw; width: 71.66666666666667vw;height: 1280px; z-index: -1; border-radius: 50%; -webkit-border-radius: 50%;}
.home_banner .container{ position: relative; }
.home_banner .home_banner_blk{ display: inline-block; vertical-align: top; text-align: left; background-color: #fff; box-shadow: 0px 0px 40px #00000040; -webkit-box-shadow: 0px 0px 40px #00000040; border-radius: 10px; max-width: 450px; width: 100%; padding: 30px 25px;}

.home_banner .home_banner_blk a{ color:#2765CF;}

.home_banner .home_banner_blk h1{color: #000; font-size: 36px; font-family: 'CircularStdBlack'; font-weight: 400; margin: 0 0 10px;}
.home_banner .home_banner_blk p{color: #000; font-size: 18px;   font-family: "Figtree", sans-serif;
 font-weight: 400; line-height: 1.4; margin:0 0 5px; }
.home_banner .home_banner_blk .price{ font-size: 80px; color: #FF7400; font-family: "Figtree", sans-serif; font-weight: 400; line-height: 1;}
.home_banner .home_banner_blk .price i{ font-style: normal; font-size: 40%; vertical-align: top; padding-top: 8px; display: inline-block;}
.home_banner .home_banner_blk .btn{ background-color: #2765CF;box-shadow: 0px 3px 20px #2765CF80; -webkit-box-shadow: 0px 3px 20px #2765CF80; border-radius: 6px; display: block; height: 60px; font-size: 16px; color: #fff; font-family: "Figtree", sans-serif; text-transform: none; line-height: 60px; padding: 0; margin:30px 0 0; border:none;    text-transform: uppercase; }
.home_banner .home_banner_blk .btn:hover{ background-color: #092E6E; }
.home_banner .home_banner_blk ul{ margin: 15px 0 0 0; padding: 0; }
.home_banner .home_banner_blk ul li{ margin: 0 0 12px; padding: 0 0 0 30px;  font-size: 18px; color: #505050; list-style: none; background: url(assets/svg/ioc_tick.svg) 0 0 no-repeat; font-family: "Figtree", sans-serif; font-weight: 400; line-height: 1.10; background-size: 18px;}
.home_banner .banner_logo{ position: absolute; right: 15px; bottom: 0; z-index: 1; }

div#page {    width: 100%;}
section.hero-banner {    width: 100%;    overflow: hidden; margin-top: 100px;}
.hero-banner img{ width: 100%;  }

/* Custom Arrow Buttons */
.custom-prev, .custom-next {  position: absolute;  top: 50%;  transform: translateY(-50%);  z-index: 10;
  background: #ffffffcc;  border: none;  width: 48px;  height: 48px;
  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  transition: .3s;}
.custom-prev:hover, .custom-next:hover {  background: #fff;}
/* left arrow */
.custom-prev { left: 20px; }
/* right arrow */
.custom-next { right: 20px; }
/* Remove default arrows */
.slick-prev, .slick-next {  display: none !important;}



.about-block { padding: 60px 0; }
.about-block .row { align-items: center; }
.about-block h3 { font-size: 22px; font-weight: 600; }
.about-block h3 span { padding-right: 50px; position: relative; }
.about-block h3 span:after { content: ''; position: absolute; right: -10px; bottom: 5px; background-color: #fa6e13; width: 50px; height: 2px; }
.about-block h2 { font-size: 35px; line-height: 1.3; font-weight: 700; }
.about-block  .about-img .count-tag {    background: #FA6E13;    color: #fff;    padding: 30px 0 30px 30px;    position: absolute;    bottom: 40px;    left: 0;    width: 260px; border-radius: 6px;}

.about-block  .about-img .count-tag h3 {    font-size: 45px;    font-weight: 600;    margin: 0; color: #fff;}
.about-block  .about-img .count-tag h3 span {    font-size: 18px;    line-height: 26px;    display: block;    font-weight: 500;}
.about-block .padd_c  { padding-right: 55px; }

.solar-panels {  background: #1B2E51; padding: 60px 0;}
.inverters-sec  {  background: #f2f2f2; padding: 60px 0;}

.solar-panels h3 { font-size: 22px; font-weight: 600; color: #fff; }
.solar-panels h3 span { padding-right: 50px; position: relative; }
.solar-panels h3 span:after { content: ''; position: absolute; right: -10px; bottom: 5px; background-color: #fa6e13; width: 50px; height: 2px; }
.solar-panels h2 { font-size: 35px; line-height: 1.3; font-weight: 700; color: #fff; }  
.inverters-sec h3, .inverters-sec h2{ color: #000; }
.inverters-sec .pro-img {    height: 333px;}
.inverters-sec .pro-img img { width: 100%; height: 100%; object-fit: cover; }
.solar-panels ul.slick-dots {    display: flex !important;    margin: 0;}

.product_slider { padding-top: 20px; padding-bottom:20px; }
.product_slider  .con-p {    background: #fff;    margin: 0 10px; overflow: hidden; border-radius: 8px;}
.product_slider article {    padding: 18px;}
.product_slider img { width: 100%; }
.product_slider h4 { font-size: 16px; text-transform: uppercase; min-height: 50px; }
.product_slider article a {    background: #fa6e13;    width: 100%;    display: block;    padding: 10px 0;    text-align: center;    border-radius: 5px;    color: #fff;    text-transform: uppercase;    font-weight: 600;    text-decoration: none !important;}

.product_slider ul { margin:0px; padding:0px; }
.product_slider ul li { list-style: none; }
.product_slider  { margin-bottom:30px; }
.product_slider ul.slick-dots {    padding-top: 20px;    display: table;    margin: auto;}

.slick-dots button {    width: 20px;    height: 20px;    padding: 0;    overflow: hidden;    text-indent: 80px;    margin: 0 3px;    background: #cbcbcb;    line-height: 1 !important;    border-radius: 80px;}
.slick-dots li.slick-active button {     background: #fa6e13; }
.product_slider ul.slick-dots {    padding-top: 35px;    margin: auto;    justify-content: center;}

footer {    padding: 40px 0;    background: #F4F4F2;    font-weight: normal;}
.footer-link a {    color: #666;    font-size: 16px;    margin-left: 15px;}

.contact-us {    padding: 60px 0;    background: #1b2e51;}
.contact-us h2 { color: #fff; margin-bottom: 25px; }
.contact-us h2 span { display: block; font-size: 22px; color: #fff; font-weight: 300; display: block; padding-top: 7px; }
.contact-us span.wpcf7-form-control-wrap {    display: block;    margin: 11px 0 7px;}
.contact-us .wpcf7-submit {    background: #fa6e13 !important;}
.contact-us span.img_fo {    width: 74%;    display: block;    float: right;}

.footer-link {    text-align: right;}
.email-d {    color: #fff;    font-size: 20px;    font-weight: 600;}
.email-d i { margin-right: 10px; }

#obligationModal { display: none; }
#obligationModal {    max-width: 830px;    padding: 0 15px; overflow: hidden; border-radius: 12px;}
#obligationModal span.popup-img {    display: block;    margin-right: -15px;}
#obligationModal .form_dv {    padding: 40px 15px;}
#obligationModal input[type="text"], #obligationModal input[type="email"], #obligationModal input[type="tel"]{  }
#obligationModal .row {    row-gap: 18px;}
#obligationModal span.popup-img {    height: 100%;}
#obligationModal span.popup-img img { width: 100%; height: 100%; object-fit: cover; }


.wpcf7-response-output {
    background: #fff;
    text-align: center;
}