*{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    list-style: none;
	box-sizing: border-box;
}
html, body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  
	min-width: 960px !important;
	width: 100%;
	height: 100% !important;
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    background-color: #ffffff;
}
body{
	overflow-y: hidden;
	overflow-x: hidden;
}
.body-main-class{
	overflow-y: scroll;
	overflow-x: auto;
}
#wrapper{
	width: 100%;
	min-height: 100%;
	height: auto !important;
	
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	visibility: hidden;
}
img{
	border: 0;
}
a{
	outline: none;
}
p,ul,ol,li,h2,h3{ 
	margin:0;
	padding:0;
}
ol,ul{
	list-style:none;
}
form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.displayNone{
	display: none;
}
.zeroOpacity{
	opacity: 0;
}
.pointerMouse{
	cursor: pointer;
}
.absolutePos{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
}
.floatLeft{
	float: left;
	text-align: left;
}
.floatRight{
	float: right;
	text-align: right;
}
.clearRow{
	clear: both;	
	height: 0px;
	font-size: 0px;
}
input[type=text]::-ms-clear{
    display: none;
}

/* stellar css - starts */
.stellarDivContainer {
	background: fixed no-repeat;	
}
/* stellar css - ends */

#dp_swf_engine{
	display: none;
}
#homeSect{
	height: 600px;
	position: relative;
}
#homeSectMain{
	min-width: 2000px !important;
	position: relative;
	margin: 0 auto;
}
#homeSectInner{
	width: 2000px !important;
	height: 600px;
	position: relative;
	margin: 0 auto;
	
	background: url('../../images/ideal-homepage.jpg') 0px 0px no-repeat;
}
#homeSectLogoContainer{
	width: 100% !important;
	height: 400px !important;
	position: absolute;
	top: 0px;
	left: 0px;
}

#homepageAnim{
	width: 100% !important;
	height: 600px !important;
	
	position: absolute;
	top: 0px;
	left: 0px;
}
#homepageAnimInner{
	width: 2000px !important;
	height: 600px;
	position: relative;
	top: 0px;
	margin: 0 auto;
}
.homepageAnimInnerClass{
	width: 2000px !important;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#homeSectLogo{
	width: 944px !important;
	height: 400px !important;
	margin: 0 auto;
}
#homeSectText{
	width: 1000px !important;
	margin: 0 auto;
	text-align: center;
	
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	padding-top: 30px;
}

#homeSectText h1{
	font-size: 44px;
	text-shadow: 0 0 7px rgba(0,0,0,.8);

}
#homeSectText h1 span{
	color: #a3e34a;
}
#homeSectText h2{
	padding-top: 20px;
	font-size: 24px;
	text-shadow:0 0 4px rgba(0,0,0,.8);
}

#header{
	width: 100%;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	height: 62px;
	border: 1px solid #c2c2c2;
	width: 100%;
	z-index: 100;
}
.hamburger{
  background:none;
  position:absolute;
  top:-5px;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
  display: none;
  padding-bottom: 0;
}
.cross{
  background:none;
  position:absolute;
  top:-5px;
  right:0;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
  display: none;
  padding-bottom: 0;
}
#menu{
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	height: 62px;
	max-width: 100%;
}
.menuLogoContainer{
	padding-top: 13px;
}
.socialMediaDivClass{
	position: relative;
	top: 15px;
	left: 0px;
}
.socialMediaSep{
	width: 5px;
}
.socialMediaDivClassBottom{
	position: relative;
	top: 0px;
	left: 0px;
}
#menu nav{
	text-decoration: none;
	font-size: 17px;
	font-family: 'Oxygen', sans-serif;
	padding-top: 18px;
}
#menu nav a{
	position: relative;
	display: inline-block;
	
	text-decoration: none;
	font-size: 17px;
	font-family: 'Oxygen', sans-serif;
}
#menu nav.cl-effect-21 a.menuSelected{
	color: #8dc63f;
}
#menu nav.cl-effect-21 a.menuSelected::before,
#menu nav.cl-effect-21 a.menuSelected::after{
	color: #8dc63f;
	position: absolute;
	left: 25%;
	width: 50%;
	height: 1px;
	background: #8dc63f;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	content: '';
	opacity: 1;
}
/* Effect 21: borders slight translate */
.cl-effect-21 a {
	margin-right: 35px;
	color: #8a8a8a;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after{
	position: absolute;
	left: 25%;
	width: 50%;
	height: 1px;
	background: #8dc63f;
	margin-top: -6px;
	margin-bottom: -7px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #8dc63f;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* Effect 21: borders slight translate */

#aboutusSect{
	width: 100%;
	height: 800px;
	position: relative;
}
#aboutusSectInner{
	width: 1100px;
	max-width: 100%;
	height: 800px;
	margin: 0 auto;
	
	position: relative;
}
#aboutusSectInner2{
	width: 1100px;
	max-width: 100%;
	height: 800px;
	padding: 0 20px;
	
	position: absolute;
}
#aboutusSectInner3{
	width: 960px;
	max-width: 100%;
	height: 800px;
	margin: 0 auto;
	position: relative;
	
	background-color: transparent;
}
#aboutusSectInner4{
	width: 960px;
	max-width: 100%;
	padding-top: 100px;
}
#aboutusSectInnerMenu{
	width: 360px;
}
#aboutusSectInnerSect{
	width: calc(100% - 360px);
	position: relative;
	top: 12px;
	left: 0px;
}
#aboutusSectInnerSect p{
	text-decoration: none;
    color: #58585a;
    font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	line-height: 25px;
}

#aboutusSectInnerSect span{
	padding-top: 20px;
	display: block;
	width: 600px;
}
#aboutusSectInnerSect b{
	font-weight: 700;
}

#aboutusSectInnerMenu_1{
	text-decoration: none;
	padding-top: 60px;
	width: 130px;
	border-bottom: 2px solid #58585a;
}
#aboutusSectInnerMenu_1.selected{
	border-bottom: 2px solid #8dc63f;
}
#aboutusSectInnerMenu_1.selected_main{
	border-bottom: 2px solid #8dc63f;
}
#aboutusSectInnerMenu_1 a:link, #aboutusSectInnerMenu_1 a:visited, #aboutusSectInnerMenu_1 a:active{
	text-decoration: none;
    color: #58585a;
    font-family: 'Oxygen', sans-serif;
	font-size: 20px;
	height: 50px;
	display: block;
}
#aboutusSectInnerMenu_1 a:hover{
	text-decoration: none;
    color: #8dc63f;
}

#aboutusSectInnerMenu_1.selected a:link{
    color: #8dc63f;
}
#aboutusSectInnerMenu_1.selected_main a:link{
    color: #8dc63f;
}

#aboutusSectInnerMenu_2{
	padding-top: 30px;
	width: 130px;
	text-decoration: none;
	border-bottom: 2px solid #58585a;
}
#aboutusSectInnerMenu_2.selected{
	border-bottom: 2px solid #8dc63f;
}
#aboutusSectInnerMenu_2.selected_main{
	border-bottom: 2px solid #8dc63f;
}

#aboutusSectInnerMenu_2 a:link, #aboutusSectInnerMenu_2 a:visited, #aboutusSectInnerMenu_2 a:active{
	text-decoration: none;
    color: #58585a;
    font-family: 'Oxygen', sans-serif;
	font-size: 20px;
	height: 50px;
	display: block;
	width: 220px;
}
#aboutusSectInnerMenu_2 a:hover{
	text-decoration: none;
    color: #8dc63f;
}

#aboutusSectInnerMenu_2.selected a:link{
    color: #8dc63f;
}
#aboutusSectInnerMenu_2.selected_main a:link{
    color: #8dc63f;
}

#aboutusSectInnerMenu h1{
	color: #58585a;
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: bold;
	width: auto;
	display: block;
}
#aboutusSectInnerMenu p{
	color: #58585a;
	font-family: 'Oxygen', sans-serif;
	font-size: 20px;
	width: auto;
	display: block;
}
#aboutusSectInnerMenu span{
	border-bottom: 2px solid #58585a;
	display: block;
	width: 330px;
	height: 25px;
}
#aboutusSectInnerBg1{
	width: 1582px;
	height: 800px;

	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../../images/about-us-bg.png) transparent top left no-repeat;
}
#aboutusSectInnerBg2{
	width: 1582px;
	height: 800px;

	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../../images/about-us-bg2.png) transparent top left no-repeat;
}
#productsSect{
	width: 100%;
	min-height: 250px;
}
#productsSectBoltContainer{
	position: relative;
	width: 1090px;
	margin: 0 auto;
	height: 0px !important;
}
#productsSectBoltLeft{
	position: absolute;
	top: 110px;
	left: -240px;
	width: 240px;
}
#productsSectBoltRight{
	position: absolute;
	top: -90px;
	right: -123px;
	width: 123px;
}
#productsSectTop{
	max-width: 2000px;
	height: 250px;
	margin: 0 auto;
	text-align: center;
	background: url(../../images/ideal-products.jpg) transparent top center no-repeat;
}
#productsSectTop p{
	padding-top: 90px;
	color: #58585a;
	font-family: 'Oxygen', sans-serif;
	font-size: 56px;
	font-weight: 700;
}
#productsSectTop p span{
	color: #8dc63f;
}
#productsSectInner{
	max-width: 2000px;
	margin: 0 auto;
	min-height: 1034px !important;
	background: url(../../images/products-bg.gif) #f7f7f7 0px 0px no-repeat;
}

#powerPlantsSect{
	max-width: 2000px;
	height: 802px;
	margin: 0 auto;
	background: url(../../images/powerplants.jpg) transparent top center no-repeat;
}
#powerPlantsSectInner{
	width: 960px !important;	
	margin: 0 auto;
	text-align: center;
	padding-top: 60px;
}
#powerPlantsSectInner h1{
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
	font-size: 55px;
	font-weight: 700;
}
#powerPlantsSectInner h1 span{
	color: #8dc63f;
}
#powerPlantsSectInner p{
	padding-top: 60px;
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
}
#servicesSect{
	max-width: 2000px;
	height: 1018px;
	margin: 0 auto;
	background: url(../../images/services.jpg) transparent top center no-repeat;
}
#servicesSectInner{
	width: 960px !important;	
	margin: 0 auto;
	position: relative;
}
#servicesSectLight{
	width: 485px;
	height: 482px;
	position: absolute;
	top: 10px;
	right: -485px;
}
#servicesPart1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 435px;
	color: #58585a;
}
#servicesPart1 h1{
	height: 50px;
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #58585a;
	border-bottom: 2px solid #58585a;
	width: 335px;
}
#servicesPart1 h1.selected{
	color: #8dc63f;
	border-bottom: 2px solid #8dc63f;
}
#servicesPart1 p{
	padding-top: 20px;
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	color: #58585a;
	line-height: 25px;
	display: none;
}

#servicesPart2{
	position: absolute;
	top: 0px;
	left: 550px;
	width: 425px;
	color: #58585a;
}
#servicesPart2 h1{
	height: 50px;
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #58585a;
	border-bottom: 2px solid #58585a;
	width: 335px;
}
#servicesPart2 h1.selected{
	color: #8dc63f;
	border-bottom: 2px solid #8dc63f;
}
#servicesPart2 p{
	padding-top: 20px;
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	color: #58585a;
	line-height: 25px;
	display: none;
}

#servicesPart3{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	color: #58585a;
}
#servicesPart3 h1{
	height: 65px;
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #58585a;
	border-bottom: 2px solid #58585a;
	width: 335px;
	line-height: 20px;
}
#servicesPart3 h1.selected{
	color: #8dc63f;
	border-bottom: 2px solid #8dc63f;
}
#servicesPart3 p{
	padding-top: 20px;
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	color: #58585a;
	line-height: 25px;
	display: none;
}
#servicesPart3 span{
	width: 960px;
	font-size: 17px;
	color: #58585a;
	font-weight: bold;
	display: none;
}
.servicesPart3Sep{
	height: 50px;
}
.servicesPart3Class{
	width: 230px;
}
.servicesPart3ClassLast{
	width: 270px;
}
.servicesPart3Sep2{
	height: 20px;
}
.servicesPart3Sep3{
	height: 40px;
}
.more{
	position: relative;
	top: 0px;
	left: 300px;
}
.less{
	position: relative;
	top: 0px;
	left: 300px;
}






/* MEDIA */
#main_wrapper2{width: 966px; margin: 0 auto; padding-top: 100px; min-height: 684px !important;}
#menu_wrapper2{width: 232px; float: left;}
#content_wrapper2{width: 734px; float: left; padding-top: 100px;}
#menu_wrapper2 h2{font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; color: #58585a; }
#menu_wrapper2 h3{font-family: 'Oxygen', sans-serif; font-weight: 300; font-size: 20px; text-transform: uppercase; color: #58585a; margin-bottom: 65px; padding-bottom: 35px; background: url("../../images/gray_line.gif") 0 bottom no-repeat;}
#menu_wrapper2 nav{width: 232px; display: block;}
#menu_wrapper2 nav ul li{width: 232px; margin-bottom: 35px;}
#menu_wrapper2 nav ul li a{ display: block; width: 200px; padding-bottom: 35px; font-family: 'Oxygen', sans-serif; font-size: 18px;text-transform: uppercase; color: #58585a;background: url("../../images/gray_line.gif") 0 bottom no-repeat; text-decoration: none;}
#menu_wrapper2 nav ul li a:hover,#menu_wrapper2 nav ul li a.mediaon{ color: #8dc63f;background: url("../../images/green_line.gif") 0 bottom no-repeat;}
/* MEDIA */


/* CONTACT US */
#contactSect{
	max-width: 2000px;
	height: 570px;
	margin: 0 auto;
	background: url(../../images/contact-map.jpg) transparent top center no-repeat;
}
#contactSectInner{
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
}
#contactSectLine{
	width: 85px;
	border-bottom: 4px solid #8dc63f;
	display: none;
}
.contactSectSep{
	height: 40px;
}
.contactSectSep2{
	height: 50px;
}
#contactSectInner h1{
	font-family: 'Oxygen', sans-serif;
	font-size: 38px;
	color: #ffffff;
	font-weight: 300;
	display: none;
}
#contactSectInner h2{
	font-family: 'Oxygen', sans-serif;
	font-size: 30px;
	color: #ffffff;
	font-weight: 300;
	display: none;
}
#contactSectInfo{
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	color: #ffffff;
	font-weight: 300;
	display: none;
}
#contactSectInfo a:link, #contactSectInfo a:visited, #contactSectInfo a:active{
	text-decoration: underline;
    color: #ffffff;
    font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: 300;
}
#contactSectInfo a:hover{
	text-decoration: none;
    color: #ffffff;
    font-weight: 300;
}
#contactSectLink{
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	color: #ffffff;
	display: none;
}
#contactSectLink a:link, #contactSectLink a:visited, #contactSectLink a:active{
    color: #ffffff;
    font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	background-color: #8dc63f;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
#contactSectLink a:hover{
	text-decoration: none;
    color: #8dc63f;
    background-color: #ffffff;
}
/* CONTACT US */

/* WRITE US */
#writeUsSect{
	max-width: 2000px;
	height: 560px;
	margin: 0 auto;
	background: #202020;
}
#writeUsSectInner{
	width: 960px;
	margin: 0 auto;
	padding-top: 70px;
}
.writeUsSectInner-1{
	padding-top: 0px;
	font-family: 'Oxygen', sans-serif;
	font-size: 23px;
	font-weight: 300;
	color: #ffffff;
	width: 480px;
}
.writeUsSectInner-1 span{
	border-top: 4px solid #8dc63f;
	display: block;
	width: 85px;
	height: 40px;
}
.writeUsSectInner-1 h4{
	font-family: 'Oxygen', sans-serif;
	font-size: 23px;
	font-weight: 300;
	color: #ffffff;
}
.writeUsSectInner-1 textarea[name=message]{
	font-family: 'Oxygen', sans-serif;
	width: 400px;
	height: 224px;
	resize: none;
	font-size: 35px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: 300;
	color: #ffffff;
	background: url('../../images/textarea-bg.jpg') #202020 top left no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow-y: hidden;
}
.writeUsSectInner-2{
	width: 480px;
	padding-top: 45px;
}
.contactUsErrorMsg{
	color: #ff0000;
}
.contactUsSendingData{
	color: #ffffff;
}
.contactUsSuccessMsg{
	color: #8DC63F;
}
#contactUsMsgDiv{
	font-family: 'Oxygen', sans-serif;
    font-size: 22px;
    text-decoration: none;
    color: #ffffff;
    padding-bottom: 10px;
    width: 480px;
    display: block;
    font-weight: 300;
}
.writeUsSectInner-2 label{
	font-family: 'Oxygen', sans-serif;
    font-size: 22px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 300;
    padding-top: 2px;
    display: block;
}
.contactUsFormInputContainer{
	width: 100%;
	border-bottom: 2px solid #8DC63F;
	height: 40px;
	margin-bottom: 0px;
	display: block;
}
#contactForm input[name=name]{
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #ffffff;
	width: 360px;
	padding: 3px;
	border-left: 2px solid #8DC63F;
	background-color: #202020;
}
#contactForm input[name=email]{
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #ffffff;
	width: 360px;
	padding: 3px;
	border-left: 2px solid #8DC63F;
	background-color: #202020;
}
#contactForm input[name=subject]{
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #ffffff;
	width: 360px;
	padding: 3px;
	border-left: 2px solid #8DC63F;
	background-color: #202020;
}
/* WRITE US */

/* FOOTER */
#footerSect{
	max-width: 2000px;
	height: 200px;
	margin: 0 auto;
	text-align: center;
	background: url('../../images/ideal-footer.jpg') transparent center center no-repeat;
	background-size: cover;
	background-position: center center !important;
}
#footerSectInner{
	width: 960px;
	margin: 0 auto;
}
.footerSectInner-1{
	padding-top: 60px;
}
.footerSectInner-1 span{
	font-family: 'Oxygen', sans-serif;
	font-size: 35px;
	color: #ffffff;
	height: 60px;
	border-bottom: 4px solid #8dc63f;
	display: block;
}
.footerSectInner-1 #managedBy{
	float: right;
	padding-top: 25px;
	display: block;
}
.footerSectInner-1 #footerText{
	padding-top: 15px;
	font-family: 'Oxygen', sans-serif;
	font-size: 17px;
	color: #ffffff;
	display: block;
}
.footerSectInner-2{
	padding-top: 60px;
	padding-left: 15px;
}
.footerSectInner-3{
	padding-top: 200px;
}
/* FOOTER */

.mobileOnly
{
	display: none !important;
	border-bottom: none!important;
	height: auto!important;
	margin-bottom: inherit !important;
	font-size: 25px;
}

/* --- CONTENT --- */
#main_wrapper{width: 966px; margin: 0 auto; padding: 0 20px; padding-top: 100px;}
#menu_wrapper{width: 232px; float: left;}
#content_wrapper{width: 690px; float: left; padding-top: 90px;}
#content_wrapper_content{width: 734px; display: block;}
#menu_wrapper h2{font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; color: #58585a;}
#menu_wrapper h3{font-family: 'Oxygen', sans-serif; font-weight: 300; font-size: 20px; text-transform: uppercase; color: #58585a; margin-bottom: 65px; padding-bottom: 35px; background: url("../../images/gray_line.gif") 0 bottom no-repeat;}
#menu_wrapper nav{width: 232px; display: block;}
#menu_wrapper nav ul li{width: 232px; margin-bottom: 35px;}
#menu_wrapper nav ul li a{ display: block; width: 200px; padding-bottom: 35px; font-family: 'Oxygen', sans-serif; font-size: 18px;text-transform: uppercase; color: #58585a;background: url("../../images/gray_line.gif") 0 bottom no-repeat; text-decoration: none;}
#menu_wrapper nav ul li a:hover,#menu_wrapper nav ul li a.prodon{ color: #8dc63f;background: url("../../images/green_line.gif") 0 bottom no-repeat;}
.info{font-family: 'Oxygen', sans-serif; font-size: 15px; color: #58585a; line-height: 28px; height: 170px; overflow: hidden; position: relative; top: 0px; left: 0px;}
.info_inner{position: absolute; top: 0px; left: 0px; width: 999999px;}
.info p{width: 350px; float: left;}
.info p.info_inner_second{margin-left: 35px;}

/* --- TABS STYLES --- */
.tab { display: inline-block; zoom:1; *display:inline; padding: 0 45px; background: url("../../images/tabs_sep.gif") right 50% no-repeat;}
.tab.first{padding-left:0;}
.tab.last{padding-right:0; background: none;}
.tab a { font-family: 'Oxygen', sans-serif; color: #58585a; font-size: 16px; line-height: 2em; display: block; text-decoration: none; }
.tab a:hover { color: #8dc63f; }
.tab.active { top: 1px; border-color: #666; }
.tab a.active {color: #8dc63f; }
.tab-container .panel-container {padding-top: 20px; }
.panel-container { margin-bottom: 10px; }
/* --- TABS STYLES || END --- */

.items_wrapper{ width: 734px;}
.g-recaptcha{display: inline-block;}
.cap-cnt{text-align: right;}
.items_wrapper ul li{width: 220px; height: 220px; float: left; margin-right: 20px; margin-bottom: 20px; overflow: hidden;}
.items_wrapper ul li.last{/*width: 230px; height: 230px; float: left; margin-right: 0px; margin-bottom: 22px; overflow: hidden;*/}
#contactUsSubmit{display: flex; justify-content: flex-end;}
.w-btn{background-color:#8DC63F; width: 100px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; cursor: pointer;}
.items_wrapper ul li a{display: block; width: 218px; height: 218px; position: relative; border: 1px solid #c5c5c5; overflow: hidden;}
.items_wrapper ul li a:hover{border: 1px solid #8dc63f;}
.items_wrapper ul li a img{position: absolute; left: 0; top: 0;}
.items_wrapper ul li a .itemhover{width: 228px; min-height: 73px; background: #8dc63f; color: #fff; text-align: center; font-size: 17px; font-family: 'Oxygen', sans-serif; position: absolute; left: 0; bottom: -91px;}
.items_wrapper ul li a .itemhover p{padding-top: 0px; padding-bottom: 0px; display: block;}
.items_wrapper ul li a .itemhover strong{font-family: 'Oxygen', sans-serif;}
.items_wrapper ul li a .itemhover .moreProd{display: block; width: 95px; height: 27px; line-height: 27px; background: #fff; font-size: 13px; color: #8dc63f; margin: 10px auto 0 auto;}
.moreBtn{ width: 45px; margin: 0 auto; height: 45px; display: none; margin-bottom: 20px;}
.moreBtn2{ width: 45px; margin: 0 auto; height: 45px; margin-bottom: 20px;}
.moreBtnSep{height: 35px;}
.more_btnInner{position: relative; top: 0px; left: 45px;}

.noDataClass{
	font-family: 'Oxygen', sans-serif;
    font-size: 18px;
    text-decoration: none;
    color:  #ff0000;
    text-align: center;
}
.noDataClassProd{
	font-family: 'Oxygen', sans-serif;
    font-size: 18px;
    text-decoration: none;
    color:  #ff0000 ;
    text-align: center;
    padding-top: 50px;
}

.productsElementsInnerLoading2{
	padding-top: 200px;
}
.productsElementsInnerLoading{
	width: 734px;
}
.productsElementsInnerLoading table{
	width: 732px;
	padding-bottom: 20px;
}
.productsListSep{
	height: 12px;
	clear: both;
}
.productsListSep2{
	height: 12px;
	clear: both;
}
.productsListSep3{
	height: 50px;
	clear: both;
}
.productsListSepMain{
	clear: both;
	height: 0px;
	font-size: 0px;
}
.productListClass{
	font-family: 'Oxygen', sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #58585a;
}


.mediaElementsInnerLoading2{
	padding-top: 150px;
}
.mediaElementsInnerLoading{
	width: 734px;
}
.mediaElementsInnerLoading table{
	width: 732px;
	padding-bottom: 20px;
}
.mediaListSep{
	height: 12px;
	clear: both;
}
.mediaListSep2{
	height: 12px;
	clear: both;
}
.mediaListSep3{
	height: 50px;
	clear: both;
}
.mediaListSepMain{
	clear: both;
	height: 0px;
	font-size: 0px;
}
.mediaListClass{
	font-family: 'Oxygen', sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #58585a;
}


/* DOT BUTTONS */
.dotstyle ul {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dotstyle li {
	position: relative;
	display: block;
	float: left;
	margin: 0 2px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #cbcbcb;
	background-color: rgba(203, 203, 203, 0.5);
	text-indent: -999em;
	cursor: pointer;
	position: absolute;
	text-decoration: none;
}

.dotstyle li a:focus {
	outline: none;
}

	.dotstyle-fall li::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	background-color: #8DC63F;
	border-radius: 50%;
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
	transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}

.dotstyle-fall li a {
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}

.dotstyle-fall li:hover a,
.dotstyle-fall li a:focus,
.dotstyle-fall li.current a {
	background-color: #cbcbcb;
}

.dotstyle-fall li.current::after {
	opacity: 1;
	visibility: visible;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.dotstyle-fall li.current a {
	opacity: 0;
	-webkit-transform: translateY(200%);
	transform: translateY(200%);
}
/* DOT BUTTONS */


.prettyPhotoTitleClass{
	font-family: 'Oxygen', sans-serif;
    font-size: 17px;
    text-decoration: none;
    color: #8dc63f;
    font-weight: 700;
}
.prettyPhotoTitleClass2{
	font-family: 'Oxygen', sans-serif;
    font-size: 13px;
    text-decoration: none;
    color: #8dc63f;
    font-weight: 400;
}
.prettyPhotoDescClass{
	font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #141414;
    font-weight: 400;
}
.form-sec{display: flex; padding-bottom: 10px;}
.form-lab{width: 150px; padding-right: 20px;}
.form-input{width: calc(100% - 150px);}
.img-bck{padding-bottom: 100%; height: 100%; background-size: cover !important; background-position: center center !important;}
.writeUsSectInner-1 textarea[name="message"]{
	height: 270px;
	
	line-height: 1;
	background-image: repeating-linear-gradient(
	to top,
	#8DC63F 0px,
	#8DC63F 2px,
	#202020 0px,
	#202020 45px
  );}
  .txt-cnt{position: relative; margin-top: 10px;}
  .wrt-in2{padding-top: 0; margin-top: -100px;}
  .txt-cnt::after{position: absolute; width: 2px; height: 34px; content: ''; background-color:#8DC63F; top: 0; left: 0;}
@media all and (max-width: 991px){
	html, body{min-width: 0 !important;}
	#menu nav a{font-size: 16px;}
	.cl-effect-21 a{margin-right: 25px;}
	#aboutusSectInnerMenu{width: 270px; padding-right: 20px;}
	#aboutusSectInnerSect{width: calc(100% - 270px);}
	#aboutusSectInnerMenu span{width: 100%;}
	#content_wrapper_content,.productsElementsInnerLoading{width: 100%;}
	.tab{padding: 0 20px;}
	#main_wrapper{width: 100%;}
	#content_wrapper2,#content_wrapper{width: calc(100% - 232px);}
	.info_inner{width: 100%;}
	.info p{width: calc(50% - 10px);}
	.info p.info_inner_second{margin-left: 20px;}
	.items_wrapper{max-width: 100%;}
	.items_wrapper ul li{width: 33%; height: 200px; margin: 0; padding: 0; padding-bottom: 20px; padding-right: 20px;}
	.items_wrapper ul li a{width: calc(100% - 2px); height: calc(100% - 2px);}
	.items_wrapper ul li a img{width: 100%; height: auto;}
	.items_wrapper ul li a .itemhover{width: 100%;}
	#servicesSect{padding: 0 20px;}
	#servicesSectInner{width: 100% !important;}
	#servicesSectLight{right: 0;}
	#servicesPart2,#servicesPart1{width: 320px;}
	#contactUsMsgDiv,#writeUsSectInner,#main_wrapper2,#servicesPart3{width: 100%;}
	#main_wrapper2{padding: 0 20px; padding-right: 0; padding-top: 100px;}
	#main_wrapper{padding-right: 0;}
	#writeUsSect,#contactSectInner{padding:0 20px; padding-top: 0px; max-width: 100%;}
	.writeUsSectInner-1{width: calc(50% - 20px); padding-right: 20px;}
	.writeUsSectInner-2{width: calc(50% - 20px); padding-left: 20px;}
	.writeUsSectInner-2 label{font-size: 18px;}
	.form-lab{width: 100px;}
	#menu{width: 100%;}
	.form-input {width: calc(100% - 100px);}
	#footerSect{padding: 0 20px;}
	#powerPlantsSectInner{width: 100% !important;}
	#aboutusSectInnerMenu_2 a:link, #aboutusSectInnerMenu_2 a:visited, #aboutusSectInnerMenu_2 a:active{font-size: 18px;}
	
}
@media all and (max-width:800px) {
	.menuLogoContainer{display: none;}
	#menu_wrapper2,#menu_wrapper{width: 200px;}
	#content_wrapper2, #content_wrapper{width: calc(100% - 200px);}
	.mediaElementsInnerLoading{width: 100%;}
	.tab a{font-size: 14px;}
	#menu_wrapper nav ul li a{font-size: 16px;}
	.writeUsSectInner-1 textarea[name="message"]{width: 100%;}
	.cap-lab{display: none;}
	.cap-input{width: 100%; text-align: right;}
	.cap-cnt{width: auto; display: inline-block;}
	.items_wrapper ul li{padding-right: 10px;}
	#servicesPart2{left: 400px;}

}
@media all and (max-width: 769px) {
    html, body {
        min-width: inherit !important;
    }
    #homeSect 
    {
    	height: auto;
    }
    #homeSectMain
    {
    	min-width: inherit !important;
    	left:inherit !important;
    	width: 100% !important;
		height: 220px;
    }
	#main_wrapper2{padding-left: 10px; padding-right: 10px;}
    #homepageAnimInner, #homepageAnim
    {
    	width: 100% !important;
    	height: auto;
    }
    .homepageAnimInnerClass{
		width: 100% !important;
		height: 200px;
		background-size: cover !important;
	}
    #homeSectInner
    {
    	display: none;
    }
     .menuLogoContainer, .socialMediaDivClass, .socialMediaSep
    {
    	display: none;
    }

    #homeSectLogoContainer
    {
    	height: auto !important;
    	position: relative !important;
    	width: 100%;
    }
	.footerSectInner-2{padding-top: 30px;}
    #homeSectLogo
    {
    	width:100% !important;
    	height: auto !important;
    }
    #homeSectLogo img
    {
    	width: 100%;
    }
	.writeUsSectInner-1 span{display: none;}
	.writeUsSectInner-1 h4,.writeUsSectInner-2 label{font-size: 18px;}
	.writeUsSectInner-2 label{padding-bottom: 10px;}
	.form-sec{padding-bottom: 20px;}
	.form-lab{width: auto;}
	#contactForm input[name="name"],#contactForm input[name="email"],#contactForm input[name="subject"]{width: 100%;}
	.form-input{width: 100%;}
	.form-lab label{text-align: left;}
	.wrt-in2{margin-top: 0; padding-top: 20px !important;}
	.form-sec{display: block;}
    #homeSectText
    {
    	display: none;
    }
    #header
    {
    	height: auto;
    	padding-bottom: 40px;
    }
    #menu
    {
    	height: auto;
    	width: 100%;
		
    }
	.footerSectInner-1 span{font-size: 25px;}
	#productsSectTop p{font-size: 45px;}
	#productsSectTop{height: auto;}
	#productsSectInner{padding-right: 10px;}
	.items_wrapper ul li{padding-right: 0;}
	#menu_wrapper2 nav ul li a{font-size: 14px; padding-bottom: 10px;}
	.footerSectInner-1 span{height: 35px;}
	.socialMediaDivClassBottom a{margin-left: 10px;}
	#contactSectInner h1{font-size: 25px;}
	#contactSectInfo a:link, #contactSectInfo a:visited, #contactSectInfo a:active,#contactSectInfo{font-size: 15px;}
	#header{left: 10px !important; width: calc(100% - 20px);}
	.hamburger{top: -7px;}
	.twitterBot img,.facebookBot img{width: 50px; height: auto;}
    #header .floatRight
    {
    	float:none;

    	text-align: center;
    }
    #menu nav
    {
    	padding-bottom: 18px;
    }

	.hamburger
	{
		display: block;
	}
    #menu nav a
    {
    	width: 100%;
    	display: inline-block;
    }
    .cl-effect-21 a::before, .cl-effect-21 a::after
    {
    	margin-top: inherit;
    	margin-bottom: inherit;
    }
    #aboutusSect
    {
    	height: auto !important;
    	margin-bottom: 80px;
    }
    #aboutusSectInner
    {
    	height: auto;
    	width:100%;
    }
    #aboutusSectInnerBg1, #aboutusSectInnerBg2
    {
    	display: none;
    }
    #aboutusSectInner2
    {
    	position: relative;
    	display: block;
    	height: auto;
    	width: 100%;
		padding: 0 20px;
    	padding-left: 10px;
    }
    #aboutusSectInner3
    {
    	width: 100%;
    	height: auto;
    }
    #aboutusSectInner4 {
	    padding-top: 0;
	    text-align: center;
	    width: 100%;
	}
	#aboutusSectInner4 .floatLeft
	{
		float: none;
		text-align: left;
	}
	#aboutusSectInnerMenu
	{
		width: 100%;
		margin-top: 10px;
	}
	#aboutusSectInnerMenu p, #aboutusSectInnerMenu h1
	{
		display: inline-block;
	}
	#aboutusSectInnerMenu_0 {
	    text-align: left;
	    width: 100%;
	}
	#aboutusSectInnerMenu_1 {
	    
	    display: inline-block;
	    padding-top: inherit;
	    text-decoration: none;
	    width: 48%;
	}
	#aboutusSectInnerMenu_2 {
	    border-bottom: 2px solid #58585a;
	    display: inline-block;
	    padding-top: inherit;
	    text-decoration: none;
	    width: 48%;
	}
	#aboutusSectInnerSect
	{
		width: 100%;
	}
	#aboutusSectInnerSect_1
	{
		display: block;
	    position: relative;
	    text-align: left;
	    width: 90%;
	}
	 #aboutusSectInnerSect_2
	 {
	 	position: relative;
	    text-align: left;
	    width: 90%;
	 }
	
	#aboutusSectInnerSect_1_1, #aboutusSectInnerSect_2_1,#aboutusSectInnerSect_1_2
	{
		position: relative;
    	width: 100%;
	}
	#aboutusSectInnerMenu span {
	    border-bottom: 2px solid #58585a;
	    display: block;
	    height: 25px;
	    margin-bottom: 40px;
	}
	#aboutusSectInnerSect span
	{
		width: 100%;
	}
	.more, .less
	{
		left:50%;
	}
	.more img, .less img
	{
		right:inherit;
	}
	.mobileOnly
	{
		display: inline !important;
	}
	#productsSectBoltContainer
	{
		display: none;	
	}
	#productsSectTop
	{
		max-width: 100%;
		padding-bottom: 0;
	}
	#productsSectTop p
	{
		padding-bottom: 40px;
		padding-top: 40px;
	}
	#productsSectInner
	{
		padding-left: 10px;
	}
	#main_wrapper
	{
	    margin: 0 auto;
		padding: 0;
	    padding-top: 50px;
	    width: 100%;
	}
	#content_wrapper 
	{
	    float: none;
	    padding-top: 0;
	    width: 100%;
	}

	#content_wrapper_content 
	{
	    display: block;
	    width: 100%;
	}
	.productsElementsInnerLoading
	{
		width: inherit;
	}
	.tab
	{
		background:none;
		padding-left: 0 !important;
		display: inline !important; 
	}
	.info
	{
		height: auto;
	}

	#items_info .floatRight
	{
		display: none;
	}

	#contactSect
	{
		background-position:50% 0 !important;
	}


	#powerPlantsSect
	{
		height: auto;
		padding: 0 20px;
		padding-bottom: 40px;
		max-width: 100%;
		width: 100%;
		background-position: 50% top !important;
	}

	#powerPlantsSectInner
	{
		width: 100% !important;
		max-width: 100%;
	}

	#contactSectInner
	{
		padding-left: 10px;
		width:100% !important;
	}
	#writeUsSect
	{
		max-width: inherit;
		height: auto;
		padding-bottom: 20px;
	}
	#writeUsSectInner
	{
		padding-left: 10px;
		width:100% !important;
	}
	.writeUsSectInner-2
	{
		padding-top: inherit;
		float:none;
		display: inline-block;
	}
	.contactUsFormInputContainer
	{
		margin-bottom: 0px;
	}
	.writeUsSectInner-2 td
	{
		display: flex;
		width: 100%;
	}
	.writeUsSectInner-1
	{
		padding-top: 0px;
	}
	
	#footerSect
	{
		background-position: 50% 0 !important;
	}

	#footerSectInner
	{
		width: 100% !important;
		padding-left: 10px;
	}
	.footerSectInner-2
	{
		float: right !important;
		padding-left: 0;
		padding-right: 15px;
	}
	.footerSectInner-3 {
	    bottom: 0;
	    margin-top: 60px;
	    position: absolute;
	    right: 10px;
	}

	#mediaSect 
	{
	    padding-left: 0px;
	    width: 100%;
	    height: auto;
	    display: block;
	}
	.writeUsSectInner-2, .writeUsSectInner-1{width: 100%; float: none; padding: 0;}
	#main_wrapper2 
	{
	    margin: 0 auto;
	    min-height: auto !important;
	    padding-top: 50px;
	    width: 100% !important;
	}
	#menu_wrapper2
	{
		float:none;
		width: 100% !important;
	}
	#menu_wrapper2 h3, #menu_wrapper2 h2
	{
		display: inline-block;
		background:none;
	}
	#menu_wrapper2 h3
	{
		margin-bottom:35px;
		padding-bottom: 0;
	}
	
	#menu_wrapper2 nav 
	{
	    display: block;
	    width: 100%;
	}
	#menu_wrapper2 nav ul li
	{
		display: inline-block;
		width: 30%;
		margin-bottom:0;
	}



	#menu_wrapper
	{
		float:none;
		width: 100% !important;
	}
	#menu_wrapper h3, #menu_wrapper h2
	{
		display: inline-block;
		background:none;
	}
	#menu_wrapper h3
	{
		margin-bottom:35px;
		padding-bottom: 0;
	}
	
	#menu_wrapper nav 
	{
	    display: block;
	    width: 100%;
	}
	#menu_wrapper nav ul li
	{
		display: inline-block;
		width: 48%;
		margin-bottom:30px;
	}
	#content_wrapper2
	{
		float: none;
		width: 100% !important;
		padding-top: 20px;
	}
	.mediaElementsInnerLoading, .items_wrapper
	{
		width:100%;
	}
	.items_wrapper ul li
	{
		float:none;
		display:inline-block;
		width: 100%;
		height: auto;
	}
	.info_inner{position: initial;}
	.items_wrapper .last
	{
		float:none !important;
		display:inline-block;
		width: auto;
		margin-right: 22px !important;
	}
	#menu_wrapper2 nav ul li a:hover, #menu_wrapper2 nav ul li a.mediaon
	{
		background-size: 100% 2px;
	}
	#menu_wrapper2 nav ul li a
	{
		background-size: 100% 2px;
		width: 100%;
		padding-bottom:18px;
	}

	#menu_wrapper nav ul li a:hover, #menu_wrapper nav ul li a.prodon
	{
		background-size: 100% 2px;
	}
	#menu_wrapper nav ul li a
	{
		background-size: 100% 2px;
		width: 100%;
		padding-bottom:18px;
	}
	div.pp_default .pp_expand
	{
		display: none !important;
	} 
	#pp_full_res_container td:first-child
	{
		display: flex;
		width: 100% !important;
	}
	#pp_full_res 
	{
	    display: block;
	    line-height: 1;
	    margin: 0 auto;
	}
	#pp_full_res > img
	{
		width: 100% !important;
		height: auto !important;
	}
	#pp_full_res_close
	{
		position: absolute;
		top:0;
		right: -44px;
	}
	#servicesSect
	{
		background: none;
		padding-left:10px;
		height: auto;
	}


	#servicesSectInner {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    width: 100%;
	    max-width: 100%;
	}
	#servicesSectLight
	{
		display: none;
	}
	#servicesPart1
	{
		margin-top: 40px;
		padding-top: 40px;
		position: relative;
		width: 100%;
		display: block;
		top:0 !important;
	}
	#servicesPart2, #servicesPart3
	{

		margin-top: 40px;
		left: 0;
		position: relative;
		width: 100%;
		display: block;
		top:0 !important;
	}
	#servicesPart3 span
	{
		width: 100% !important;
	}
	.floatLeft.servicesPart3Class
	{
		float: none;
	}
	.desktopOnly
	{
		display: none;
	}
}



@media all and (max-width: 440px) {

	.aboutusSectInnerMenu
	{
		width:100% !important;
		text-align: left;
	}
	.aboutusSectInnerMenu:last-child
	{
		margin-top: 20px;
	}
	#aboutusSectInnerMenu span
	{
		border: none;
		width: 100%;
		margin-bottom: inherit;
	}
	#menu_wrapper2 nav ul li 
	{
	    display: inline-block;
	    margin-bottom: 10px;
	    width: 100%;
	}
	#menu_wrapper nav ul li 
	{
	    display: inline-block;
	    margin-bottom: 10px;
	    width: 100%;
	}
	.items_wrapper > ul
	{
		text-align: center;
	}
	.twitterBot img, .facebookBot img{width: 30px;}
	.info p{width: 100%; float: none;}
	.info p.info_inner_second{margin: 0;}
	#powerPlantsSectInner p
	{
		padding-right: 5px;
		padding-left: 5px;
	}
	.footerSectInner-3
	{
		padding-right: 15px;
		padding-top: 40px;
		margin-top: 0;
		position: relative;
	}
}
