body {
	background: #eaf7fe url('../images/home-bg.png');
	background-size: cover;
	background-attachment: fixed;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px; 
	font-weight: 300;
	color: #808285;
	overflow-x: hidden;
}
.actionWrap,
 nav,
section  {
	visibility: hidden;
}
.pace-done .actionWrap,
.pace-done nav,
.pace-done section  {
	visibility: visible;
}
a{
	color: #99cc00;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	-webkit-transition: color 1s ease-out;
	-moz-transition: color 1s ease-out;
	-o-transition: color 1s ease-out;
	transition: color 1s ease-out;
}
a:hover,
a:focus {
	text-decoration: none;
	outline: 0 auto -webkit-focus-ring-color; 
    outline-offset: 0; 
}
a:hover{
	color: #0066cc
}
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	position: relative;
}
h2 {
    font-weight: 500;
    font-size: 36px;
    margin: 0 0 5px 0;
    color: #0066cc;
    text-transform: uppercase;
}
h3 {
    font-weight: 400;
    text-transform: uppercase;	
}
.graeyTitle {
	color: #A5A7AA
}
.directionRight:before {
	content: '';
	position: absolute;
	height: 180px;
	width: 1px;
	border-left: 2px dashed  #A5A7AA;
	top: -180px;
	left: 10px;
}
.directionRight span {
	display: inline-block;
	width: 200px;
	height: 1px;
	border-top: 2px dashed  #A5A7AA;
	vertical-align: middle;	
}
.directionRight span .fa-angle-double-right {
    float: right;
    margin-top: -21px;
    margin-right: -21px;
    color: #A5A7AA
}

.directionLeft:before {
	content: '';
	position: absolute;
	height: 180px;
	width: 1px;
	border-left: 2px dashed  #A5A7AA;
	top: -160px;
	right: 0;
}
.directionLeft span {
	display: inline-block;
	float: right;
	margin-top: 23px;
	width: 200px;
	height: 1px;
	border-top: 2px dashed  #A5A7AA;
	vertical-align: middle;	
}
.directionLeft span .fa-angle-double-left {
    float: left;
    margin-top: -21px;
    margin-left: -21px;
    color: #A5A7AA
}
.marRight100 {
	margin-right: 100px;
}

.marBot30 {
	margin-bottom: 30px;
}


.actionWrap {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 20000
}
.bandLink2 {
	position: absolute;
	top: 100px;
	right: 0
}

.bandLink3 {
	position: absolute;
	top: 200px;
	right: 0
}
.testiLink {
	background-color: #0066cc;
	display: block;
	top: 50%;
	right: -66px;
	padding: 0 10px;
	border-radius: 5px 5px 0 0;
	font-size: 20px;
	color: #fff;
	position: fixed;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg); /* Standard syntax */
}
.testiLink:hover {
	background-color:#99cc00
}
.navbar-brand {
    width: 115px;
    height: 124px;
    top: 10px;
    left: 10px;
    position: fixed;
    overflow: hidden;
    z-index: 5000;
    padding: 0;
    margin: 0 !important
}
.mainNav {
	padding: 10px 0;
	margin: 0; 
    position: fixed;
    left: 0;
    top: 50%;
    font-weight: 700;
    font-size: 22px;
    line-height: 20px;
    z-index: 1000;
    margin-top: -161px;
	list-style-type: none;
    z-index: 100;
    background-color: #0066cc;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;    
	font-family: 'Oswald', sans-serif;
}
.mainNav li {
    margin-bottom: 15px;
    position: relative;
    float: none;
}
.mainNav li a {
	color: #fff;
	padding: 10px;
	display: block;
}
.mainNav > li > a {
	background-color: #0066cc;
	position: relative;
	z-index: 1000
}
.mainNav li a span {
	display: block;
	font-weight: 300
}
.mainNav>li>a:focus, .mainNav>li>a:hover,.mainNav>li.active>a {
	color: #99cc00;
	background: none;
}
.mainNav .dropdown-menu {
	opacity: 0;
	z-index: 999;
	display: block;
	border: 0; 
	left: -70px;
	top: 10px;
	min-width: 120px;
	margin:0;
	padding: 0;
	background: transparent;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
    box-shadow: 0 0 0 rgba(0,0,0,.175); 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.nav li.dropdown:hover .dropdown-menu {
	left: 100%;
    opacity: 1;
}
.mainNav .dropdown-menu li {
	margin: 0 
}
.mainNav .dropdown-menu li a {
	padding: 0 10px;
	color: #0066cc;
	font-weight: 300;
}
.mainNav .dropdown-menu>li>a:focus,
.mainNav .dropdown-menu>.active>a:focus {
	background: transparent;
}
.mainNav .dropdown-menu>.active>a,  
.mainNav .dropdown-menu>.active>a:hover, 
.mainNav .dropdown-menu>li>a:hover {
	background: transparent;
	color: #99cc00;
}

.rightMenu {
	position: fixed;
	right: 120px;
	top: 10px;
	list-style-type: none;
}
.rightMenu li {
	float: left;
}
.rightMenu>li>a:focus,
.rightMenu li a {
	border: 1px solid #0066cc;
	width: 32px;
	height: 32px;
	display: block;
	background: #0066cc;
	border-radius: 16px;
	margin-right: 10px;
	text-align: center;
	line-height: 32px;
	color: #fff;
	font-size: 20px;
	padding: 0;

}
.rightMenu li a .fa {
 	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
 }
.rightMenu span {
	display: none
}

.rightMenu>li>a:hover {
	background: transparent;
	color: #000
}
.rightMenu a:hover .fa {
	color: #000;
    transform: rotate(360deg);
}

.rightMenu li.textMenu a {
	width: auto;
	padding: 0 10px;
	font-size: 14px;
}
.homeWrap {
	/*background: url('../images/home-bg.png');
	background-size: cover*/
	padding-bottom: 0;
	padding-top: 50px;
}
.homeWrap h1 {
	font-weight: 500;
	margin: 0;
	color: #0066cc;
	font-size: 30px;
}
.uploadDrawingsBtn {
	display: inline-block;
}
.uploadDrawingsBtn:hover h1 {
	color: #2e3192
}
.homeWrap h2 {
	font-weight: 500;
	font-size: 24px;
	padding-left: 50px;
	margin:0 0 5px 0;
	color: #666666;
}
.homeWrap h3 { 
	font-weight: 500;
	margin: 0 0 10px 0;
	color: #99cc00;
}
.homeWrap a p {
	font-family: 'Oswald', sans-serif;
	color: #808285;
	margin-bottom: 5px;
	line-height: 16px;
}
.homeWrap a span {
	font-family: 'Oswald', sans-serif;
	color: #99cc00;
	font-size: 16px;
}
.homeGrid {
	width: 70%;
	margin: auto;
	position: relative;
}
.homeGrid .icon {
	position: absolute;
	height: 40px;
	width: 40px;
	left: 0;
	top: 0;
	display: block;
	background: url('../images/icon-ac.png') no-repeat;
	background-size: 40px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.homeGrid .icon-efinance {
	background: url('../images/e-finance.png') no-repeat;
	background-size: 40px auto
}
.homeGrid .icon-epayment {
	background: url('../images/e-payment.png') no-repeat;
	background-size: 40px auto
}
.homeGrid .icon-digitalCooling {
	background: url('../images/digital-cooling.png') no-repeat;
	background-size: 68px auto;
	width: 68px;
	height: 52px;
}
.homeGrid .icon-solarAir {
	background: url('../images/solar-air.png') no-repeat;
	background-size: 120px auto;
	width: 120px;
	height: 52px;
}
.homeGrid .icon-rewards {
	background: url('../images/rewards.png') no-repeat;
	background-size: 40px auto;
	margin-top: -5px;
}
.homeGrid .icon-eservice {
	background: url('../images/eservice.png') no-repeat;
	background-size: 40px auto;
	margin-top: -5px;
}
.homeGrid .icon-installation {
	background: url('../images/installation.png') no-repeat;
	background-size: 40px auto;
	margin-top: -5px;
}
.homeGrid:hover .icon {
	top: -5%;
}
.digitalCoolingWrap h2 {
	padding-left: 80px;
}
.solarAirconditioningWrap h2 {
	padding-left: 120px;
}
.solarAirconditioningWrap p {
	margin-right: -97px;
}
.solarAirconditioningWrap .modal-body p {
	margin-right: 0
}
.homeGrid:hover h2 {
	color: #0066cc;
}
.homeGrid:hover p {
	color: #000;
}
.homeGrid:hover span {
	color: #000;
}
.leftGrid {
	margin: 0;
	margin-top: 40px
}
.rightGrid {
	margin: 0;
	float: right;
	margin-top: 40px
}
.topGrid {
	margin-top: 80px;
}
.bottomGrid {
	margin-top: 40px;
}
.homeAnimation {
	border-bottom: 1px solid #000;
	position: relative;
	margin-top: 80px
}
.homeAnimation ul {
	padding: 0;
	margin: 0 0 0 360px;
	list-style-type: none
}
.homeAnimation li {
	float: left;
	position: relative;
	padding: 0 35px 40px 0;
	font-family: 'Oswald', sans-serif;
}

.graphic1 {
    position: absolute;
    left: 20px;
    bottom: 10px;
}
.graphic1-link {
    position: absolute;
    bottom: -3px;
    left: 78px;
}
.homeAnimation:hover .graphic1 {
    animation-direction: alternate;
    animation: graphic1 5s infinite;
}
@keyframes graphic1 {
    0%   {left: 20px;}
    50%  {left: 10px;}
    50%  {left: 30px;}
    100% {left: 20px;}
}
.homeAnimation:hover .graphic1-link {
    animation-direction: alternate;
    animation: graphic1-link 5s infinite;
}
@keyframes graphic1-link {
    0%   {left: 78px;}
    50%  {left: 68px;}
    50%  {left: 88px;}
    100% {left: 78px;}
}


.graphic2 {
    position: absolute;
    left: 190px;
    bottom: 0;
}
.graphic2-link {
    position: absolute;
    bottom: -1px;
    left: 164px;
}
.homeAnimation:hover .graphic2 {
    animation-direction: alternate;
    animation: graphic2 5s infinite;
}
@keyframes graphic2 {
    0%   {left: 190px;}
    50%  {left: 200px;}
    50%  {left: 180px;}
    100% {left: 190px;}
}
.homeAnimation:hover .graphic2-link {
    animation-direction: alternate;
    animation: graphic2-link 5s infinite;
}
@keyframes graphic2-link {
    0%   {left: 164px;}
    50%  {left: 174;}
    50%  {left: 154px;}
    100% {left: 164px;}
}




.graphic3 {
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.graphic3-link {
    position: absolute;
    bottom: -3px;
    right: 79px;
}
.homeAnimation:hover .graphic3 {
    animation-direction: alternate;
    animation: graphic3 5s infinite;
}
@keyframes graphic3 {
    0%   {right: 20px;}
    50%  {right: 10px;}
    50%  {right: 30px;}
    100% {right: 20px;}
}
.homeAnimation:hover .graphic3-link {
    animation-direction: alternate;
    animation: graphic3-link 5s infinite;
}
@keyframes graphic3-link {
    0%   {right: 79px;}
    50%  {right: 69px;}
    50%  {right: 89px;}
    100% {right: 79px;}
}






.homeAnimation .count {
	color: #2e3192;
	font-weight: 700;
	font-size: 75px;
	vertical-align: top;
	line-height: 55px;
}
.countText2 {
	font-weight: 500;
	position: absolute;
	bottom: 15px
}
.countNo {
	display: inline-block;
	width: 42px;
	/*text-align: right;*/
}
.countNo1000 {
	width: 162px;
}

.countText {
	text-align: right;
	width: 76px;
	position: absolute;
	font-weight: 600;
	right: -10px;
    top: 26px;
    font-size: 18px;
	transform: rotate(270deg);
}

#fly-it {
    position: absolute;
	left: -350px;
	width: 200px;
	height: 200px;
	background: url('../images/air-icon-big.png') no-repeat;
	top: 24px;
}


/*About*/
p.font26 {
    font-size: 26px;
    font-family: 'Oswald', sans-serif;
}
.readMoreLink {
	float: right;
	margin: 0 60px 0 0 ;
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}
.visionWrap {
	position: relative;
	padding: 0 60px
}
.visionWrap .fa {
	position: absolute;
	font-size: 50px;
}
.visionWrap .fa-quote-left {
	top: 0;
	left: 0;
}
.visionWrap .fa-quote-right {
	bottom: 0;
	right: 0;
}
.mrgTop70 {
	margin-top: 70px;
}
.aboutwrap ul {
	font-size: 20px;
}


/*Work*/
.workWrap {
	border: 2px solid #99cc00;
}

.tab-content {
	background: #fff;
	margin: 20px 30px;
	border: 1px solid #d2d2d2;
}
.tab-pane {
	height: 500px;
	padding: 30px;
	overflow-y: auto;
}
.workTabs {
	list-style-type: none;
	margin: 20px 0 0 30px;
	padding: 0;
}
.workTabs li {
	float: left;
	margin-right: 18px;
}
.workTabs li a {
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	padding: 5px;
	color: #0066cc
}
.workTabs li.active a {
	color:  #99cc00
}

.workContent ul {
	padding: 0;
	margin: 0;
	list-style-type: none; 
}
.workContent li {
	float: left;
	width: 20%;
}
.workContent li a {
	overflow: hidden;
	margin: 5px;
	display: block;
}

.workContent li img {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.workContent li:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}





.serviceWrap {
	color: #004b96;
	background: url('../images/ecool-bg.png') center top no-repeat;
	padding-top: 120px;
}
.serviceWrap .col-sm-6 p {
	padding: 0 80px 0 40px;
}
.serviceWrap ul {
	padding-left: 20px;
}

.teamWrap img {
	padding-right: 60px;
}

#section31 {
	padding-bottom: 0
}
.teamWrap {
	padding-top: 0;
	padding-bottom: 0;
}
.teamWrap .container{
	background: url('../images/member.png') 50px top no-repeat;
	padding-bottom: 150px;
}
.teamWrap .name {
	font-size: 15px;
	font-weight: 400;
    font-family: 'Oswald', sans-serif;
    color: #0066cc;
    text-transform: uppercase;
    margin-top: 10px;
}
.memberImgActive,
.teamWrap .col-sm-3:hover .memberImg {
	display: none;
}
.teamWrap .col-sm-3:hover .memberImgActive {
	display: block;
}


.contactUsWrap {
	padding: 0;
}
.contactUsWrap .container{
	background: url('../images/contact1.png') left bottom no-repeat;
	padding: 100px 0 0 0;
	margin-bottom: 100px;
}
.contactUsWrap h2,
.contactUsWrap .row {
	margin-left: 40px;
}

.map {
	margin-top: 40px;
}

.downloadsWrap {
	padding: 0;
}
.downloadsWrap .container {
	background: url('../images/contact11.png') left top no-repeat;
	padding: 50px 0 50px 0;
}
.downloadsWrap h2,
.downloadsWrap .row {
	margin-left: 40px;
}

.optimimSpaceWrap {
	padding-top : 0; 
}
.optimimSpaceWrap .directionRight:before {
	display: none
}





button.close, .fancybox-close {
	right: -31px;
	top: 0;
	position: absolute;
	color: #fff;
	background: #000;
	padding: 5px 7px;
	filter: alpha(opacity=100);
    opacity: 1;
    text-shadow: 0 0 0 #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    width: 31px;
    height: 31px;
}
button.close .fa, .fancybox-close .fa {
   	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.close:focus, .close:hover, .fancybox-close:focus, .fancybox-close:hover {
	color: #fff;
}
button.close:hover .fa, .fancybox-close:hover .fa{
	transform: rotate(360deg);
}
.modal-content {
	border-radius: 0;
}
.modal-title {
	color: #0066cc;
}
.modal {
  text-align: center;
  padding: 0!important;
}
.modal.fade {
	opacity:1;
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	transform: translate(0);
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-title {
	text-transform: uppercase;
}

section {
	padding:100px 0;
	position: relative;
}
.aboutwrap {
	padding-bottom: 0
}

.galleryWrap {
	padding-top: 0;
}
.galleryWrap .row {
	margin-top: 30px;
}
.galleryInner {
	position: relative;
	margin-top: 50px;
}

.galleryInner a{
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;		
}
.galleryInner a:before{
	content: "";
	width: 200%;
	height: 200%;
	position: absolute;
	top: -200%;
	left: -225%;	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	
}
.galleryInner a:hover:before{
	top: 200%;
	-webkit-transition: all 0.6s ease-out;
	   -moz-transition: all 0.6s ease-out; 
	     -o-transition: all 0.6s ease-out; 
	        transition: all 0.6s ease-out;	
	left: 200%;
}
.galleryInner a:hover,.galleryInner a:active{
  -webkit-transform: scale(1.6);  
     -moz-transform: scale(1.6);  
      -ms-transform: scale(1.6); 
       -o-transform: scale(1.6);
          transform: scale(1.6);  
}
.galleryInner a:hover{
  z-index:7000	
}
.galleryInner a {
	position:absolute;
	display:block;
}
.galleryInner img {
	width: 100%;
} 
.thumb01 {
    width: 143px;
    left: 108px;
    top: 0;
}
.thumb02 {
    width: 187px;
    left: 250px;
    top: 0;
}
.thumb03 {
    width: 140px;
    left: 438px;
    top: 0;
}
.thumb04 {
    width: 208px;
    left: 579px;
    top: 0;
}
.thumb05 {
    width: 133px;
    left: 789px;
    top: 51px;
}
.thumb06 {
    width: 109px;
    left: 0;
    top: 141px;
}
.thumb07 {
    width: 141px;
    left: 109px;
    top: 141px;
}
.thumb08 {
    width: 187px;
    left: 250px;
    top: 102px;
}
.thumb09 {
    width: 219px;
    left: 578px;
    top: 139px;
}
.thumb10 {
    width: 146px;
    left: 794px;
    top: 139px;
}
.thumb11 {
    width: 222px;
    left: 28px;
    top: 232px;
}
.thumb12 {
    width: 104px;
    left: 250px;
    top: 204px;
}
.thumb13 {
    width: 225px;
    left: 354px;
    top: 204px;
}
.thumb14 {
    width: 105px;
    left: 579px;
    top: 249px;
}
.thumb15 {
    width: 177px;
    left: 684px;
    top: 249px;
}
.thumb16 {
    width: 80px;
    left: 28px;
    top: 345px;
}
.thumb17 {
    width: 246px;
    left: 108px;
    top: 345px;
}
.thumb18 {
    width: 226px;
    left: 353px;
    top: 302px;
}
.thumb19 {
    width: 210px;
    left: 579px;
    top: 362px;
}




.downloadsWrap .row {
	margin-top: 60px;
}
blockquote {
	border-left: 5px solid #99cc00;
}
.ecoolText span {
	color: #0066cc;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
}
.table-bordered >tbody>tr>th,
.table-bordered >tbody>tr>td {
	width: 25%;
	vertical-align: middle;
	color: #000;
}
.table-bordered >thead>tr>th{
	vertical-align: middle;
}
.table-bordered .calValue {
	font-weight: bold;
	color: #0066cc
}
.table-bordered tr:nth-child(even){background-color: #f2f2f2}

.table-bordered th {
    background-color: #0066cc;
    color: white;
}
.table-bordered th.rowTitle {
    background-color: #669900;
    color: white;
}
.table-bordered .form-control {
    height: 24px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px 8px;
}
#solarPowerPopup .table-bordered >tbody>tr>th {
	width: 30%;
}
#solarPowerPopup .table-bordered >tbody>tr>td {
	width: 17.5%;
}


.design1 {
	position: absolute;
	width: 574px;
    right: 0;
    top: -86px;
    transform: rotate(0deg);
}
.design1Animation {
    animation: design1Animation 2s 1;
    transform: rotate(0);
}
@keyframes design1Animation {
	0% { transform: rotate(-180deg); }
	100% {transform:rotate(0deg); }
}
.design2 {
    width: 247px;
    position: absolute;
    left: 146px;
    top: 72px;
	transform: scale(0);
	transform: rotate(180deg); 
}
.design2Animation {
	animation: design2Animation 2s 1;
    transform: scale(1);
}




.brandWrap .col-md-6 {
	margin-top: -150px;
}
.brandConnet {
	position: relative
}
.brandConnet:before {
	content: '';
    position: absolute;
    display: block;
    width: 350px;
    height: 224px;
    background: url(../images/why-us-img.png);
	left: -326px;
    bottom: -128px;
}


.brandConnet1 {
	margin-top: -111px;
	text-align: center;
	margin-right: -78px;
}
.brandConnet1 img{
	display: inline-block;
}


.brandWrap1 img {
	margin-left: -50px;
}

.brandListWrap {
	margin-top: 60px;
	position: relative;
}

.brandListWrap:after {
    content: '';
    position: absolute;
    display: block;
    width: 668px;
    height: 30px;
    background: url(../images/brand-bottom.png);
    left: 220px;
    bottom: -142px;
}

.tBrand {
	width: 80%;
	margin-top: 20px;
}


#slideshow { 
    position: relative; 
    height: 226px; 
}

#slideshow > div { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
}

@keyframes design2Animation {
	0% { transform: scale(0) rotate(180deg); }
	100% {transform:scale(1) rotate(0deg); }
}


.err, .wpcf7-not-valid-tip {
	font-size: 11px !important;
}

.control-label {
	font-weight: 600
}
.iframeWrap {
	border: 0;
	height: 510px;
	width: 100%;
}
.networkImg {
	max-width: 640px;
	margin: -100px 0 0 -230px;
}

.solarImg {
    max-width: 540px;
    margin: 0 0 0 -230px;
}


.productWrap h2 {
	margin-left: 55px;
}
.productWrap .row {
	margin-top: 30px;
	margin-left: 40px;
}
.productWrap {
	padding: 0; 

}
.productWrap .container {
	background: url('../images/contact.png') left top no-repeat;
	padding: 130px 0 100px;
}

.free-joint-img {
	max-width: 600px;
	width: 100%
}

.pName {
	font-size: 15px;
	font-weight: 400;
    font-family: 'Oswald', sans-serif;
    color: #0066cc;
    text-transform: uppercase;
    margin-top: 10px;
}

@media screen and (min-width: 768px){
	ul.nav li.dropdown:hover .dropdown-menu{
		display:block
	}
}

@media (min-width: 1200px) {
	.container {
	    width: 970px;
	}
}
@media (min-width: 992px){
	#solarPowerPopup .modal-dialog {
	    width: 700px;
	}
}


@media screen and (max-width: 767px){
	.navbar {
		height: 60px;
	}
	.topGrid,
	.homeGrid {
		width: auto; 
		margin: 0 
	}
	.homeWrap {
		padding-top: 75px;
	}
	.homeWrap .col-md-4 {
		margin: 0 0 30px 0;
		overflow: hidden;
	}
	.solarAirconditioningWrap p {
		margin-right: 0
	}
	.navbar-brand {
		height: 50px;
		top: 5px;
	}
	.navbar-brand>img {
		height: 100%;
	}
	#fly-it {
		display: none
	}
	.galleryInner a {
		position: relative;
		float: left;
		height: 100px;
		width: 33.3333%;
		left: auto;
		top: auto;
	}
	.galleryInner a img {
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden; 
	}

	.homeAnimation ul {
		margin: 0;
		height: 350px;
	}
	.actionWrap, .bandLink2, .bandLink3 {
		display: none;

	}
	.brandWrap .col-md-6 {
		margin: 0;
	}
	.brandWrap1 img {
		margin: 0 0 30px 0; 
	}
	.brandConnet1 {
		margin-top: 0;
		margin-right: 0;
	}
	.tBrand {
		margin-top: 30px;
		text-align: center;
	}
	.tBrand .img-responsive{
		display: inline-block;
	}
	section {
		padding-top: 0
	}
	.design1 {
		position: static;
		width: 320px;
		margin: auto
	}
	.design2 {
	    width: 95px;
	    left: 141px;
	    top: 110px;
	}
	.directionLeft:before,
	.directionLeft:after,
	.directionLeft span,
	.directionRight:before,
	.directionRight:after,
	.directionRight span  {
		display: none
	}
	.marRight100 {
		margin: 0
	}
	.workContent li {
		width: 50%
	}
	.tab-pane {
		padding: 10px; 
	}
	.tab-content {
		margin-right: 10px;
		margin-left: 10px;
	}
	.workTabs {
		margin-left: 10px;
	}
	.teamWrap img {
		padding: 0 
	}
	.galleryInnerBG {
		display: none
	}
	
	.productWrap .row {
		margin: 0 
	}
	.productWrap .col-sm-3 {
		margin-bottom: 30px;
	}
	.brandListWrap:after {
      	width: 1px;
		height: 1pxpx;

		left:0 ;
		bottom:0;
	}
	.networkImg {
		max-width: 100%;
		margin: 0;
	}

}