@charset "utf-8";

/* CSS Document */

body{ margin:0px; padding:0px; font-size:13px; font-family: 'Open Sans', sans-serif; color:#5b5b5b; overflow-x:hidden; line-height:20px;}

.clear{ clear:both;} p{ margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px;}

.rightleft{ padding:0 15%;}

a:hover{ color:#ffbb0f;}

a{ outline:none; text-decoration:none; color:#134b95;}

*{ margin:0px; padding:0px;}

.padd-top{ padding-top:70px !important; margin-top:0px;}

.text-uppercase{ text-transform:uppercase; color:#051143; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px 40px 25px 40px; font-size:28px; font-weight:normal;}

.text-center {text-align: center;}

.text-justify {text-align: justify;}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {

	display:block;

	max-width:100%;

	height:auto

}

img{ max-width:100%;}

.img-thumbnail {

	display:inline-block;

	max-width:100%;

	height:auto;

	padding:8px;

	line-height:1.42857143;

	background-color:#eee;

	border:0px solid #ddd;

	border-radius:0px;

	-webkit-transition:all .2s ease-in-out;

	-o-transition:all .2s ease-in-out;

	transition:all .2s ease-in-out

}

.img-thumbnail2 {

	display:inline-block;

	max-width:100%;

	height:350px;

	padding:8px;

	line-height:1.42857143;

	background-color:#fff;

	border:1px solid #ddd;

	border-radius:0px;

	-webkit-transition:all .2s ease-in-out;

	-o-transition:all .2s ease-in-out;

	transition:all .2s ease-in-out

}

.height{ height:50px; width:100%; float:left;}

.col-sm-3 {

	width:31%; float:left;

}

.col-sm-4 {

	width:27%; float:right;

}

.col-sm-8 {

	width:67%; float:left; padding-right:3%;

}





.row { margin:0px; padding:0px;}

.loginicon{ background:url(../images/loginicon.png) no-repeat 12px 2px;}

.singup{ background:url(../images/usericon.png) no-repeat 12px 3px;}

.login{ width:200px; float:right;}

.login ul{ list-style:none; margin-top:10px;}

.login li{ float:left; padding:0 5px;}

.login a{ padding-left:30px; font-size:13px; color:#333;}

.login a:hover{ color:#373D7F; transition:all ease 0.2s; text-decoration:underline;}

img{ border:none; text-decoration:none;}

.header{ width:100%; height:100px; background-color:#fff; padding:0px 0 5px 0px;}

.container{ width:1000px; margin:0 auto; padding:0 63px}

.logo{ width:230px;float:left; position:absolute; z-index:99;}

.mainnav{ width:800px; float:right;}

.navigation{margin-top:0px;}

.banner{ /*background:url(../images/img2.jpg) no-repeat center; padding:200px 0px 200px 0px;*/ background-size:cover; /*border-bottom:6px solid #FFE23E;*/ margin-top:0px;}

.connetmiddle{ width:100%;padding:50px 0 0 0px; float:left;}

.paddtop{padding-top:8px;}

.design-consaltancy{ width:360px; float:left; /*padding-right:50px;*/}

.design-consaltancy:nth-child(3){ padding-right:0px;}

.design-consaltancy h3{ background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";margin-bottom: 25px;padding: 10px 0 0 20px;text-transform: uppercase;

}

.clientspeak{ float:right; width:270px; margin-top:0px;}

.clientspeak .h4{ background: url("../images/arrow-icon.jpg") no-repeat scroll 0 28px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";

padding: 20px 0px 10px 20px;text-transform: uppercase; margin:0px;} 

.scroll_bg{background:url(../images/bottom-img.jpg) #fbedd0 no-repeat bottom; width:230px; padding:20px 20px 10px 20px; font-style:italic; color:#5b5b5b; height:140px;}

.scrollbg{ color:#5b5b5b;}

.scrollbg p{ color:#5b5b5b; text-align:justify;}

.scrollbg strong{ margin-top:5px; display:block; font-style:normal; color:#051143;}

.scrollbg strong span{ font-weight:normal; color:#051143;}

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

.fullleftbox{ width:730px; float:left;}

.h6{float:left; margin-top:0px; width:100%;}

.h6:after {

    border-bottom: 1px solid #d6d7d9;

    border-top: 1px solid #d6d7d9;

    content: "";

    display: block;

    float: right;

    height: 5px;

    margin-top: 12px;

    width:33%;

}

.design-consaltancy h4{ background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";margin-bottom: 25px;padding: 10px 0 0 20px;

text-transform: uppercase;

}

.design-consaltancy h5{ background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";margin-bottom: 25px;padding: 10px 0 0 20px;

text-transform: uppercase;}

.design-consaltancy h5:after{border-top:1px solid #d6d7d9; border-bottom:1px solid #d6d7d9; height:5px; content: ""; display:block; width:27%; float:right; margin-top:12px;}

.design-consaltancy h4:after{border-top:1px solid #d6d7d9; border-bottom:1px solid #d6d7d9; height:5px; content: ""; display:block; width:61%; float:right; margin-top:12px;}

.design-consaltancy h2 span{color:#f2d13e;}

.design-consaltancy p{ float:left; padding:5px 0 0 0px; display:block; width:330px; text-align:justify; color:#5b5b5b;}

.icon{ width:60px; height:60px; float:left;}

.icon img:hover{ transition:all 0.5s ease 0s;opacity: 0.7;}

.button2{ width:360px; float:left; padding:0px 0 0 0px;}

.btn1 {background: linear-gradient(to bottom, #f5da4a 0%, #f1ce3a 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);border: medium none;box-shadow: none;color: #ffffff;display: inline-block;font: 300 13px 'Open Sans';height:35px;margin: 0;padding: 0px 0px 0 15px;text-decoration: none !important;text-shadow: none;text-transform: uppercase; line-height:32px; float:left;

}



.boxheading{float:left; width:308px; height:50px;}

.boxheading2{float:left; width:330px; height:50px;}

.btnmore{ width:103px; float:left; position:relative;}

.btn1:hover{ background:#474F57; transition:all 0.5s ease 0s;}

.btn1:hover em{ background:#F1CE3A; transition:all 0.5s ease;}

.btn1 em {background:#474F57;height: inherit; margin-left:10px;padding:0px;text-align: center; float:right;width:31px;}

.h4 {color: #f2d13e;font: 300 36px/37px 'Open Sans';margin: 0 0 19px; font-weight:normal;text-transform: uppercase;}

.h5 {color: #6f6f6f;font: 300 20px/19px 'Open Sans';margin: 0 0 10px; font-weight:normal;text-transform: uppercase;}

.middlepart{ width:100%; float:left; padding:30px 0 0 0px;}

.leftbox1{float:left; padding:45px 30px 0 0px; width:700px;}

.leftbox1 h2 {background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";padding: 10px 0 0 20px;text-transform: uppercase; margin-bottom:25px;}

.leftbox1 h2:after{border-top:1px solid #d6d7d9; border-bottom:1px solid #d6d7d9; height:5px; content: ""; display:block; width:82%; float:right; margin-top:12px;}



.leftbox{ width:830px; float:left;}

.leftbox h2{ color:#474F57;font: 300 21px/38px 'Open Sans'; font-weight:normal; padding:10px 0 0 0px; text-transform:uppercase;}

.leftbox p{ text-align:justify; font-size:13px; padding-top:10px; line-height:19px;color: #727272;}

.solarpower{ width:830px; float:left; padding-top:20px;}

.solarpower p{ text-align:justify; font-size:13px; line-height:24px;color: #727272;}

/********************rightbox**************/

.rightbox{ width:270px; float:right;  padding:0px 0 0 0px;}

.servicelist{ width:270px; float:right;}

.servicelist ul{ list-style:none;}

.servicelist li{ /*background:url(../images/list_arrow.png) no-repeat 0 5px; padding-left:30px; border-bottom:1px solid #e1e1e1;*/

border:1px solid #eee; padding:6px; margin-top:5px; width:252px; float:right;}

/*.servicelist li.img1{ background:url(../images/commentimg.jpg) no-repeat; border:1px solid #f6f6f6; padding:5px;}

.servicelist li.img2{ background:url(../images/commentimg2.jpg) no-repeat left; padding-left:110px; height:58px;}

.servicelist li.img3{ background:url(../images/commentimg3.jpg) no-repeat left; padding-left:110px; height:58px;}

.servicelist li.img4{ background:url(../images/commentimg4.jpg) no-repeat left; padding-left:110px; height:58px;}

.servicelist li.img5{ background:url(../images/commentimg5.jpg) no-repeat left; padding-left:110px; height:58px;}*/

.margintop{}

.servicelist a{ color:#134b95; text-decoration:none; line-height:16px; font-size:13px;}

.servicelist a:hover{ color:#ffbb0f;}

.vticker{ margin-top:18px;}

.paleft{ padding-right:10px; margin:0px; display:inline-block; width:90px; height:66px;}

.servicelist p{ display:inline-block; width:150px; margin:0px; padding:0px;}

.servicelist span{ font-size:11px;}

.servicelist strong{ font-weight:normal; font-size:11px; text-transform:capitalize; color:gray; display:block; line-height:13px;}

.servicelist a:hover{ text-decoration:none;}

.servicelist h2{ color:#474F57; font: 300 17px/30px 'Open Sans'; font-weight:normal; padding:10px 0 0 20px; text-transform:uppercase;

background:url(../images/arrow-icon.jpg) no-repeat 0px 18px; color:#0d0e42;}

.form{ width:180px; float:right;}

.form h2{ color:#474F57; font: 300 19px/29px 'Open Sans'; font-weight:normal; padding:4px 0 0 0px; text-transform:uppercase;}



#contact-form input, #contact-form textarea {background: #fbfbfb;border: 1px solid #fbfbfb;border-radius: 0;box-shadow: none;box-sizing: border-box;float: left; 

font: 12px/18px 'Open Sans', sans-serif;height:23px;margin: 0;outline: medium none;padding: 4px 15px 4px 14px;resize: none; width:180px; margin-bottom:10px; color:#bfbfbf;}

.input{background:#fbfbfb;border: 1px solid #fbfbfb;border-radius: 0;box-shadow: none;box-sizing: border-box;color: #fff;float: left;

font: 14px/18px Arial,Helvetica,sans-serif;height:33px;margin: 0;outline: medium none;padding: 4px 15px 4px 14px;resize: none; width:350px; margin-bottom:10px;

}

.textarea{

    background: none repeat scroll 0 0 #fbfbfb;

    border: 1px solid #fbfbfb;

    border-radius: 0; padding:5px 5px;

    box-shadow: none;

    box-sizing: border-box;

    color: #fff;

    float: left;

    font: 14px/18px Arial,Helvetica,sans-serif;

    margin: 0;

    outline: medium none;

    resize: none;

}

::-webkit-input-placeholder {

   color: #313131;

}



:-moz-placeholder { /* Firefox 18- */

   color: black;  

}

.submit2{background: linear-gradient(to bottom, #f5da4a 0%, #f1ce3a 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0); color:#fff; font:300 13px/13px 'Open Sans';text-align:center; border:none; text-transform:uppercase; margin:0px 0 0 0px; height:30px; padding:0px 10px;}

#contact-form input[type="button"]{/*background: linear-gradient(to bottom, #f5da4a 0%, #f1ce3a 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/ color:#fff; font:300 13px/13px 'Open Sans';text-align:center; border:none; text-transform:uppercase; margin:0px 0 0 0px; height:30px; cursor:pointer; border:1px solid #ffbb0f; background: transparent;}

#contact-form input[type="button"]:hover{ background:#ffbb0f; color:rgba(255,255,255,1); transition:all 0.5s ease; color:#000;}*/

#contact-form{}

#contact-form input:focus{color:#bfbfbf; transition:all 0.1s ease 0s;}

.footer{ width:100%; float:left; background:#363839; padding:30px 0px 0px; border-top:5px solid #ffbb0f;}

.footer p{ line-height:90px; color:#bfbfbf; /*text-shadow:1px 0 1px #333;*/ font-size:11px;}

.footer-right{ float:left; width:250px; padding-left:10px; padding-bottom:10px;}

.footer-left{ float:left; width:350px;}

.footer-left strong{ font-size:13px; color:#F3D543; font-weight:normal;}

.footer-left img:hover{ transition:all 0.1s ease 0s;}

.footermiddle{width:480px; float:left;}

.footermiddle a{ color:#bfbfbf; /*text-shadow:1px 0 1px #333333;*/ font-size:12px; line-height:20px;}

.footermiddle strong{ font-size:14px; color:#ffbb0f; font-weight:normal; padding-bottom:5px; display:block;}

.footer-right strong{ font-size:14px; color:#ffbb0f; font-weight:normal; padding-bottom:5px; display:block;}

.footer-right address{color:#bfbfbf; font-size:12px;}

.footermiddle a:hover{ color:#ffbb0f; /*transition:all 0.5s ease-in 0s;*/}

.leftpadd{ float:left; padding:0px 70px 0 0px; list-style:none;}

.footer .coyright{ width:100%; height:30px; /*background:#4f575f;*/ float:left; margin:25px 0 0 0px;}

.footer .coyright span{color:#bfbfbf; text-shadow:1px 0 1px #333; font-size:11px; padding:0px 10px; line-height:30px;}

.coyright a{color:#98a0a8; text-shadow:1px 0 1px #333; font-size:11px; padding:0px 10px; line-height:30px;}

.coyright a:hover{ color:#fff;}

.boxdesign{ position:relative; padding-left:10px; padding-right:10px; min-height:1px;}

.boxdesign{ float:left;}

.boxdesign strong a{ color: #000439;display: block;font-size:18px;line-height:19px;margin-top: 46px;text-align: center;text-transform: uppercase; font-weight:normal;}

.boxdesign{ width:200px; background:#f6f6f6; margin-right:20px; margin-top:20px; padding-bottom:10px;}

.boxdesign:hover{ transition:all 0.5s ease; background:#f6f6f6;}

.boxdesign p{ text-align:center; margin-top:15px; color:#5b5b5b; padding:5px;}



.cricle:hover{ background:#ffbb0f; transition:all 0.5s ease; cursor:pointer;}

.cricle2:hover{ background:#ffbb0f; transition:all 0.5s ease; cursor:pointer;}

.cricle3:hover{ background:#ffbb0f; transition:all 0.5s ease; cursor:pointer;}

.cricle4:hover{ background:#ffbb0f; transition:all 0.5s ease; cursor:pointer;}



.cricle{ background:#051143; border-radius:100px; position:absolute; left:80px; top:-30px; padding:17px 20px;}

.cricle2{ background:#051143; border-radius:100px; position:absolute; left:80px; top:-30px; padding:17px 24px;}

.cricle3{ background:#051143; border-radius:100px; position:absolute; left:80px; top:-30px; padding:18px 17px;}

.cricle4{ background:#051143; border-radius:100px; position:absolute; left:80px; top:-30px; padding:17px 18px;}



.boxdesign:nth-child(3){ margin-right:0px;}

.designebox{ margin-top:30px; float:left; padding-top:10px;}

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

/*********************slider-css*******************************/

div.bgcarousel{ /* CSS for main carousel container */

background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */

width:100%; background-size:cover;

height:400px;

}

div.bgcarousel img{ background-size:cover; max-width:100%;}

img.navbutton{ /* CSS for the nav buttons */

margin:0px;

background:rgba(0,0,0,0.5); padding:5px;

}

img.navbutton:hover{ background:rgba(0,4,65,0.5); transition:all 0.5s ease;}

div.slide{ /* CSS for each image's DIV container within main container */

background-color: black;

background-position: center center; /* center image within carousel */

background-repeat: no-repeat;

background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */

color: black;

}



div.selectedslide{ /* CSS for currently selected slide */



}



div.slide div.desc{ /* DIV that contains the textual description inside .slide */

position: absolute;

color: #383336;

left:110px;

top: 80px; /*background:rgba(0,0,0,0.5);*/

width:600px; border-radius:2px; font-weight:bold;

padding: 10px; font-size:32px; letter-spacing:-1px;

/*text-shadow: 0 -1px 1px #8a8a8a;  CSS3 text shadow */

z-index:5;

}

div.slide div.desc strong{font-size:16px; display:block; margin:15px 0 0 0px; font-weight:500; color:#353831;font-family:Verdana, Geneva, sans-serif; line-height:24px;}

div.slide div.desc a.span{ color:#fff; background:#134b95; font-size:14px; padding:7px 20px; font-weight:normal;  border-radius:3px; margin-top:20px; display:block; text-align:center;font-family:Verdana, Geneva, sans-serif; margin-left:3px; display:inline-block;}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */



}



div.slide div.desc h2{

font-size:150%;

margin:0;

}



div.slide div.desc a{

color:yellow;

text-decoration:none;

background:#FFE23E;

}

/**************************About--us--*****************************/

.bullet{ list-style:none;}

.bullet li{ background:url(../images/icon.png) no-repeat left center; padding-left:25px; line-height:32px; display:block;}

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

ul.bullet2 li { background:url(../images/check.png) no-repeat 0 7px; text-align:left; padding-left:12px; margin-top:0px; /*border-bottom:1px solid rgba(5,19,68,0.1);*/}

.aboutbanner{background:url(../images/about.jpg) no-repeat center; Padding:0px; background-size:cover; height:200px;}

.aboutbanner h1{ font:600 34px/300px 'Open Sans'; color:rgba(255,255,255,1); text-shadow: rgb(67, 74, 82) 0px 3px 1px;}

.heading-style1 span {

    border-bottom: 1px solid #F3A601;

    display: inline-block; font-size:22px;

    padding: 0 10px 10px 0;

}

.about-heading{ padding:15px 0 0 0px; float:left;}

.inp1 {

    background:#fff;

    border: 1px solid #dcdcdc;

    font-size: 12px;

    margin-bottom: 4px;

    padding: 4px 8px;

    width: 240px;

    font-family: 'Open Sans', sans-serif; color:#5b5b5b;

}

.textarea1 {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #dcdcdc;font-family: 'Open Sans', sans-serif;

    color: #5b5b5b;

    font-size: 12px;

    height: 50px;

    padding: 5px 8px;

    width: 240px;

}

.but1 {

    background-color: #ffbb0f;

	text-transform:uppercase;

    color: #fff;

    cursor: pointer;

    font-size: 13px; border:none;

    font-weight: 500;

    margin-top: 5px;

    padding: 8px;

    text-align: center;

    width: 260px;

}

.but1:hover{background-color: #0d0e42; color:#FFF;}

#text h1 {

    color: #14285a;

    font-size: 18px;

    font-weight: 400;

    line-height: 22px;

    padding-bottom: 6px;

    padding-top: 10px;

}

.frmcol {

    float: left;

    width: 290px;

}

#text {

    color: #424242;

}

.h11 {

    color: #373D7F !important;

    font-size: 22px !important;

    margin: 0 !important;

}

.notoppadding {

    padding-top: 0 !important;

}

#text p {

    font-size: 14px;

    line-height:20px;

    margin-bottom: 18px;

}

.maintitle {

    color: #14285a;

    font-size: 36px;

    font-weight: 400;

    line-height: 38px;

    margin-bottom: 24px;

    padding-bottom: 4px;

}

.mail {

    color:#373D7F;

    text-decoration: none;

}





/**********************Marqueeee**************/





.slider-wrap {

position: relative;

width:1000px; float:right;

}

/*.slider {

position: relative;

width:900px;

margin: auto;

}

.slider img{ width:90px; height:65px;}

.slider ul {

margin: 0;

padding: 0;

}

.slider ul li {

list-style: none;

text-align: center; width:100px; height:65px; border:1px solid #e0e0e0; margin-left:10px;

}*/

/*ul li span {

display: inline-block;

vertical-align: middle;

width: 100px;

height: 100px;

background: black;

}

*/

.h2 {background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";padding: 10px 0 0 20px;text-transform: uppercase; margin-bottom:25px;}

.h2:after{border-top:1px solid #d6d7d9; border-bottom:1px solid #d6d7d9; height:5px; content: ""; display:block; width:88%; float:right; margin-top:12px;}



.slider-arrow {

position: absolute;

top: 10px;

width: 20px;

height: 20px;

color: #fff;

text-align: center;

text-decoration: none;

border-radius: 50%;

}

.sa-left {

left:10px; top:20px;

}

.sa-right {

right:10px;top:20px;

}





/**************marquee-css-end*********/

.borde{ border:5px solid #d7d7d7;}



/**--------------ABOUT US-----------**/

.bannerabout{ background:url(../images/aboutbanner.jpg) no-repeat; padding:50px 0px; width:100%; background-size:cover;}

.floatleft{ float:left;}

.floatright{ float:right; padding-left:30px; width:700px;}

.aboutbox{ float:right;}

.abouheading{ padding-left:30px;}

.abouheading h2:after {

border-bottom: 1px solid #d6d7d9;border-top: 1px solid #d6d7d9;content: "";display: block;float: right;height: 5px;margin-top: 12px;width: 85%;

}

.abouheading h2 {

background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";padding: 10px 0 0 20px; text-transform: uppercase;

}

.imgbox{padding:20px 0px 0 0px; float:right;}

.aboutright{ width:310px; float:left;}

.aboutleft{ width:690px; float:right;}

.imgbox-inner{padding:10px 10px 10px 10px; width:200px; float:left; }



.imgbox-inner p{ text-align:left;}

.imgbox-inner:hover{ box-shadow:rgba(102,102,102,0.0) 0px 0px 1px 2px; background:#fbedd0; transition:all ease 0.5s;}

.imgbox-inner figure{ background:#eeeeee; padding:8px;}

.imgbox-inner figure img{ width:185px; height:160px;}

.imgbox-inner figcaption{ font-size:13px;color:#0d0e42; font-family:"Open Sans", sans-serif;  font-weight:bold; text-transform:none; padding:5px 0px 0 0;}

.imgbox-inner em{ padding-bottom:5px; font-style:normal;padding:0px 0px 5px 0; display:block; color:#0d0e42; font-size:12px;}

.leftbox3{ float:left;}

.leftbox3 h2{ color:#0d0e42;font: 20px/25px "Open Sans"; font-weight:normal; text-transform:uppercase;}

.rightbox3{color: #aaa;

    float: right;

    font-size: 11px;} a.padd{ color: #aaa; font-weight:normal;}

a.padd:hover{ color:#ffbb0f; transition:all 0.5s ease;}



/***------------Design------Consaltancy---------***/

.services{ float:left; padding-top:40px;}

.h3 {background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";margin-bottom: 25px;padding: 10px 0 0 20px;text-transform: uppercase;

}

.h3:after {

    border-bottom: 1px solid #d6d7d9;

    border-top: 1px solid #d6d7d9;

    content: "";

    display: block;

    float: right;

    height: 5px;

    margin-top: 12px;

    width: 85%;

}

.boxdesign2{ position:relative; padding-left:5px; padding-right:5px; min-height:1px;}

.boxdesign2{ float:left;}

.boxdesign2{ width:182px; background:#f6f6f6; margin-right:10px; margin-top:20px; padding-bottom:10px;}

.boxdesign2 strong a {color: #000439;display: block;font-size: 15px;font-weight: normal;line-height: 19px;margin-top: 46px;text-align: center;text-transform: uppercase;}

/*.boxdesign2:hover{ transition:all 0.5s ease; background:#f6f6f6;}*/

.boxdesign2 p{ text-align:center; margin-top:15px; padding:4px; color:#5b5b5b;}

.boxdesign2:last-child{margin-right:0px;}



.criclesrvices:hover{ background:#ffbb0f; transition:all 0.5s ease;}

.criclesrvices2:hover{ background:#ffbb0f; transition:all 0.5s ease;}

.criclesrvices3:hover{ background:#ffbb0f; transition:all 0.5s ease;}

.criclesrvices4:hover{ background:#ffbb0f; transition:all 0.5s ease;}



.criclesrvices{ background:#051143; border-radius:100px; position:absolute; left:63px; top:-30px; padding:17px 20px;}

.criclesrvices2{ background:#051143; border-radius:100px; position:absolute; left:63px; top:-30px; padding:17px 24px;}

.criclesrvices3{ background:#051143; border-radius:100px; position:absolute; left:63px; top:-30px; padding:18px 17px;}

.criclesrvices4{ background:#051143; border-radius:100px; position:absolute; left:63px; top:-30px; padding:17px 18px;}

.servicescenter{ font-size:17px; line-height:25px; padding-bottom:55px;}



.srviceimg{ padding-left:20px; float:left; margin:30px 0px 0 0px;}

.srvicetext{ padding-right:40px; float:right; margin:30px 0px 100px 0 ; width:580px; text-align:justify;}

ul.box-left{ float:left; width:320px; padding:0px 20px 0 0px; list-style:none;}

ul.box-left:last-child{ padding-right:0px;}

.padd-right{ padding-right:20px; padding-bottom:10px;}

ul.check{list-style:none;}

ul.check li { background:url(../images/check.png) no-repeat 0 8px; padding-left:14px;}

ul.check strong{ margin-bottom:6px; display:block;}

.staticmain{ margin-bottom:40px; float:left; margin-top:20px;}

.siteanltic{ float:left; width:32.33%; padding:0 5px; }

.siteanltic strong{margin-bottom:14px; color:#0d0e42; font-weight:bold; font-family:"Open Sans", sans-serif; font-size:16px; border-bottom:solid 1px #dddddd; padding-bottom:12px; width:94%; display:block;}

.siteanltic2 strong{margin-bottom:6px; display:block;}

.siteanltic2{ float:right; width:50%;}

.siteanltic3{ float:left; width:59%;}

.siteanltic3 strong{margin-bottom:14px; color:#0d0e42; font-weight:bold; font-family:"Open Sans", sans-serif; font-size:16px; border-bottom:solid 1px #dddddd; padding-bottom:12px; width:94%; display:block;}

.siteanltic4 strong{margin-bottom:14px; color:#0d0e42; font-weight:bold; font-family:"Open Sans", sans-serif; font-size:16px; border-bottom:solid 1px #dddddd; padding-bottom:12px; width:94%; display:block;}

.siteanltic4{ float:right; width:40%;}

.siteanltic5{width:32%; float:left; padding:0px 10px; position:relative; min-height:1px;}

.siteanltic5:first-child{ padding-left:0px;}

.siteanltic5:last-child{ padding-right:0px;}

.write{ font-weight: normal; font-family:'Open Sans', sans-serif; color:#5b5b5b; padding-bottom:10px; margin-top:0px;}



/**********Contact******us**************/

.contactus{ width:100%; float:left; padding-top:30px;}

.brder{ border:10px solid #eee; margin-right:30px; margin-bottom:20px;}

.solarcalculator{ border:1px solid #eee; margin-top:15px; margin-bottom:10px; padding:8px 8px;}

.solarcalculator a{ padding:0px 0px; font:17px/30px "open sans"; color:#0d0e42; text-transform:uppercase;}

.solarcalculator a:hover{ color:#ffbb0f;}

.map{ background:#FFF; border:1px solid #eee; padding:7px; height:auto; max-width:99%;}

.mapbox{ float:left;}

.mapbox h2{

background: url("../images/arrow-icon.jpg") no-repeat scroll 0 23px rgba(0, 0, 0, 0);

color: #0d0e42;

font: 17px/30px "Open Sans";

padding:14px 0 10px 20px;

text-transform: uppercase;}

.morenews{}

.morenews a{color:#343b64; font-size:12px; padding-right:15px; text-align:right; display:block; padding:5px 0 0 0px;}

.morenews a:hover{color:#ffbb0f;}

.strong{margin-bottom:14px; color:#0d0e42; font-weight:bold; font-family:"Open Sans", sans-serif; font-size:16px; border-bottom:solid 1px #dddddd; padding-bottom:12px;

display:block; text-align:left; margin-top:10px;}

.margintop40{ margin-top:40px;}

.linkcolor{ color:#bfbfbf;}

.linkcolor2{ color:#5b5b5b;}

/*popup-form*/

.inputbox{ border:1px solid #dcdcdc; background:rgba(255,255,255,1); color:#5b5b5b; border-radius:1px; font-size:13px; padding:6px 10px; width:93%;

/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/ margin-bottom:7px;}

.inputbox2{ border:1px solid #dcdcdc; background:rgba(255,255,255,1); color:#5b5b5b; border-radius:1px; font-size:13px; padding:6px 10px; width:100%;

/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/ margin-bottom:7px;}

.btn3 {background-color: #ffbb0f;border: medium none;color: #fff;cursor: pointer;font-size: 13px;font-weight: 500;margin-top: 5px;padding:8px;text-align: center;

text-transform: uppercase;width:100%;

}

.btn3:hover {

    background-color: #0d0e42;

    color: #fff;

}



@media (max-width:768px)

{

.mainnav{ display:none;}	

.logo{ width:230px;position:absolute;top:0px;}

.boxdesign2{ margin-top:40px;}

.h3{ margin-bottom:0px;}

.staticmain{ margin:0px;}

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

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

.text-justify{ padding-left:0px;}

}

@media (max-width:768px)

{

.container{ padding:0px; width:97%;}

}

@media (max-width:768px)

{

.fullleftbox{ width:100%; float:none; margin:0 auto; padding:0px 20px;}

.design-consaltancy{ width:350px; float:left; /*padding-right:50px;*/}

}

@media (max-width:768px)

{

.rightbox{ width:95%; padding:0 20px;}

.solarcalculator{ border:1px solid #eee; margin-top:15px; margin-bottom:10px; padding:5px 5px;}

.servicelist{display:block;}

.morenews{ display:block; position:relative; top:405px;left:-265px;}

.morenews a{color:#343b64; font-size:12px; padding-right:15px; text-align:right; padding:5px 0 0 0px; display:block;}

.h2 {background: url("../images/arrow-icon.jpg") no-repeat scroll 0 17px rgba(0, 0, 0, 0);color: #0d0e42;font: 17px/30px "Open Sans";padding: 10px 0 0 20px;

text-transform: uppercase; margin-bottom:25px; margin-left:20px;}

.h2:after{border-top:1px solid #d6d7d9; border-bottom:1px solid #d6d7d9; height:5px; content: ""; display:block; width:84%; float:right; margin-top:12px;}

.slider-wrap {float:left;position: relative;width:95%; left:4%;}

.footermiddle{width:44%; display:block; padding-left:7px;}

.leftpadd {float: left;list-style: outside none none;padding: 0 20px 0 0;}

.footer-right{ width:auto;}

}

@media (max-width:767px)

{

.container{ width:97%; float:left; padding:0px;}

.boxheading{ width:100%;}

.design-consaltancy{ width:100%; float:left; /*padding-right:50px;*/}

.design-consaltancy p{ width:94%;}

.h6:after{ border:none;}

.design-consaltancy h5:after{ border:none;}

.leftbox1 h2:after{ display:none;}

.boxdesign{display:block; width:auto; margin-top:40px; /*margin-right:0px; margin-right:0px;*/}

.designebox{ width:100%; margin-top:0px; padding-top:0px;}

.boxdesign:nth-child(3){ display:block;}

.leftbox1 {padding: 45px 0px 0 0;width:100%;}

.leftbox1 h2:after{ border:none;}

.cricle{ left:43%;}

.cricle2{ left:43%;}

.cricle3{ left:43%;}

.cricle4{ left:43%;}

.rightbox{ padding:0px;}

.servicelist{ float:left;}

.height{ height:auto;}

.footer .coyright{ height:auto; padding-left:20px; margin:0px; width:96%;}

.footer .coyright span{ line-height:10px; padding:0px;}

.footermiddle{width:auto; display:block; padding-left:20px;}

.footer-right{ padding-left:20px; margin-top:10px;}

.clientspeak{ float:left;}

div.bgcarousel{ 

width:100%; background-size:cover; height:auto; padding:100px 0px; background:none; margin:0px;}

div.slide{ position:absolute; top:0px;}

div.slide div.desc{ top:10px; left:0px; font-size:19px; width:auto;}

img.navbutton{ display:none;}

div.slide div.desc a.span{ margin-top:10px;}

.button2{ width:100%;}

.button2{ width:100%; float:left; padding:0px 0 0 0px;}

}

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

  .table-responsive {

    width: 100%;

    margin-bottom: 15px;

    overflow-x: auto;

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

  }

  .table-responsive > .table {

    margin-bottom: 0;

  }

  .table-responsive > .table > thead > tr > th,

  .table-responsive > .table > tbody > tr > th,

  .table-responsive > .table > tfoot > tr > th,

  .table-responsive > .table > thead > tr > td,

  .table-responsive > .table > tbody > tr > td,

  .table-responsive > .table > tfoot > tr > td {

    white-space: nowrap;

  }

  .table-responsive > .table-bordered {

    border: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,

  .table-responsive > .table-bordered > tbody > tr > th:first-child,

  .table-responsive > .table-bordered > tfoot > tr > th:first-child,

  .table-responsive > .table-bordered > thead > tr > td:first-child,

  .table-responsive > .table-bordered > tbody > tr > td:first-child,

  .table-responsive > .table-bordered > tfoot > tr > td:first-child {

    border-left: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,

  .table-responsive > .table-bordered > tbody > tr > th:last-child,

  .table-responsive > .table-bordered > tfoot > tr > th:last-child,

  .table-responsive > .table-bordered > thead > tr > td:last-child,

  .table-responsive > .table-bordered > tbody > tr > td:last-child,

  .table-responsive > .table-bordered > tfoot > tr > td:last-child {

    border-right: 0;

  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,

  .table-responsive > .table-bordered > tfoot > tr:last-child > th,

  .table-responsive > .table-bordered > tbody > tr:last-child > td,

  .table-responsive > .table-bordered > tfoot > tr:last-child > td {

    border-bottom: 0;

  }

}



/*****************Aboutus***************/

@media (max-width:768px)

{

.bannerabout{ background:url(../images/aboutbanner.jpg) no-repeat; padding:50px 0px;background-size:cover;}

.aboutleft{ width:100%;}

.aboutright{ width:100%; margin-left:10px;}

.imgbox{ float:left;}

.abouheading{ padding-left:10px;}

.h2{ margin-left:0px;}

}

/**************training************/

@media (max-width:768px)

{

.siteanltic5{ width:100%; padding-left:2%;}

.siteanltic5:first-child{ padding-left:2%;}

.h3:after{ display:none;}

}

/**********Contact Us***********/

@media (max-width:768px)

{

.col-sm-8{ width:97%;}

.col-sm-4{ width:100%; margin-top:20px;}

}

/************Design*****Consultancy*******/

@media (max-width:768px)

{

	.text-uppercase{ line-height:30px;}

	.siteanltic{ width:98%; padding-left:2%; margin-top:10px;}

	/************Project--Management*******/

	.siteanltic3{ width:100%; padding-left:2%;}

	.siteanltic4{ width:98%;padding-left:2%; margin-top:10px;}

	

}

@media (max-width:667px)

{

.slider-wrap{ display:none;}

.h2{ display:none;}	

}

@media (max-width:320px)

{

.morenews{ display:block; position:relative; top:0;left:-210px;}

.abouheading h2:after{ display:none;}

.cricle{ left:40%;}

.cricle2{ left:40%;}

.cricle3{ left:40%;}

.cricle4{ left:40%;}

}

@media (max-width:360px)

{

.morenews{ display:block; position:relative; top:0;left:-210px;}

.abouheading h2:after{ display:none;}

.fullleftbox{ padding-left:5px;}

.services{ padding-left:10px;}

.boxdesign2{ width:98%; margin-bottom:20px;}

.criclesrvices{ left:40%;}

.criclesrvices2{ left:40%;}

.criclesrvices3{ left:40%;}

.criclesrvices4{ left:40%;}

.imgbox-inner{ width:auto;}

.imgbox-inner figure{ background:none; padding:0px;}

.imgbox-inner figure img{ border:6px solid #eee;}

.contactus{ margin-left:5%; width:90%;}

.frmcol{ float:none; margin-left: 10px;}

.design-consaltancy p {width: 95%;padding: 0 8px;}

.boxdesign{display:block; width:auto; margin-top:40px; margin-right:0px; margin-right:0px;}

.cricle{ left:40%;}

.cricle2{ left:40%;}

.cricle3{ left:40%;}

.cricle4{ left:40%;}

.col-sm-3{ width:80%;}

.portfolio-items > .padright{ padding-right:0px;}

.portfolio-items{ padding-left:25px;}

.leftpadd{ margin-top:10px;}

}

@media (max-width:480px)

{

.boxdesign{display:block; width:auto; margin-top:40px;}

/*.cricle{ left:43%;}

.cricle2{ left:43%;}

.cricle3{ left:43%;}

.cricle4{ left:43%;}*/

.abouheading h2:after{ display:none; border-bottom:none; border-top:none;}

}



/**************************Social Icons*************************************/

.social-icons {

  color: #FFFFFF; margin-top:10px;

}

.social-icons a i {

  font-size: 15px;

  background:#666;

 /* height: 40px;*/

  padding:10px;

  width: 10px;

  color: #fff;

  border-radius:2px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.social-icons .fa-facebook {

  padding: 6px 8px 6px 10px;

  

}

.social-icons .fa-facebook:hover {

  background:#445c8b;

}

.social-icons .fa-twitter {

  padding: 6px 10px 6px 8px;

  

}

.social-icons .fa-twitter:hover {

  background:#8dd7f6;

 

}

.social-icons .fa-linkedin {

 padding: 6px 10px 6px 8px;

  

}

.social-icons .fa-linkedin:hover {

  background:#006DC0

}

.social-icons .fa-google-plus {

  padding: 6px 10px 6px 8px;

  

}

 .social-icons .fa-google-plus:hover {

  background:#D13D2F

}



 .social-icons .fa-pinterest:hover {

  background:#f20607

}



 .social-icons .fa-dribbble:hover {

   background:#f26798

}





 .social-icons .fa-youtube:hover {

  background:#D13D2F

}



.social-icons .fa-tumblr:hover{

	background:#304e6c

}







.social-icons .fa-flickr:hover {

  background:#dd0574

}



/*homepage-popupform*/

#overlay_form{position:fixed;padding: 10px; background: #FFF; width: auto; height:auto; z-index:200;}

#pop{display: block; text-align: center; padding: 6px; text-decoration: none; margin: 0 auto; z-index:100;}

.background_overlay { position:fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:99; background:#000; opacity: 0.9; }

.close{position: absolute; right: 0px; top: 0px;}



@media (max-width:360px)

{

#overlay_form{position:fixed;padding: 10px; background: #FFF; width:75%; height:auto; z-index:200; margin-right:10px;}

.inputbox{ width:91%;}

}