/*----------------------------PAGE CSS----------------------------*/

/* Cabin - From Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700&subset=latin,latin-ext);
@import url("http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic");
@import url(http://fonts.googleapis.com/css?family=News+Cycle&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&subset=latin,latin-ext);
@import url('teklif.css');
@import url('naxisproject-a.css');

/*font-family: 'Raleway', sans-serif;--font-family: 'Source Sans Pro', sans-serif;*/

body {margin:0; padding:0; border:0; background-color:#424242; 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;}
img{border:0;}
header,section,footer{width:100%; min-width:1200px; float:left;}header{ background:url(../images/topback.jpg) no-repeat center 100%;} header,footer{ background-color:#242425;}section{ background-color:#fff;}

section {width:100%; min-width:1200px;}
.header-main{width:1080px; height:119px; margin-left:auto; margin-right:auto;  position:relative; }
.header-p1{width:100%; height:80px; float:left; background:url(../images/logo.png) no-repeat 0 15px;}
.header-p2{width:100%; float:left;}
.page-n1{width:1080px; margin-left:auto; margin-right:auto;  position:relative;}
.wm{float:left; width:55%; height:310px; background:url(../images/wm.jpg) no-repeat 0 10px;}


.navigation { display:block; font-family: 'Cabin', sans-serif; font-weight:400; font-style:normal; color:#fff; font-size:1.2em;}
.navigation ul{ list-style:none; display:block;}
.navigation ul li {list-style:none; display:block; float:left; width:16%; line-height:40px; height:40px; text-align:center;}
.current{ background-color:#f04f24;}
.navigation a{ color:#fff; text-decoration:none;}
.navigation li:hover, li:hover a{color:#2a2a2a;
transition-property: background, color;
transition-duration: .1s;
transition-timing-function: ease-out;
-webkit-transition-property: background, color;
-webkit-transition-duration: .1s;
-moz-transition-property: background, color;
-moz-transition-duration: .1s;
-ms-transition-property: background, color;
-ms-transition-duration: .1s;
-o-transition-property: background, color;
-o-transition-duration: .1s;
} 
  
.navigation li:hover{background-color:#f04f24; color:#2a2a2a;   transition-property: background, color;
transition-duration: 1s;
transition-timing-function: ease-out;
-webkit-transition-property: background, color;
-webkit-transition-duration: 1s;
-moz-transition-property: background, color;
-moz-transition-duration: 1s;
-ms-transition-property: background, color;
-ms-transition-duration: 1s;
-o-transition-property: background, color;
-o-transition-duration: 1s;
} 

.quote  { position: relative; width: 1080px; height:100%; max-width: 1080px; margin: 0 auto; z-index: 100; height:100%;}
.quote-x1{position: relative; float: left; width: 350px; height:100%;}
.quote-x2{position:absolute;  width: 100%; height: 100%; background-color: #222; vertical-align : bottom; opacity:0.5;}
.sl-slider-wrapper {
	width: 800px;
	height: 340px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {background: #ddd;}
.sl-slide-vertical .sl-slide-inner {background: #ccc;}






.popbox {display: none;position: absolute; z-index: 99999; width: 130px; padding: 5px; text-align:center; background: #fff; color: #f15a22; border: 1px solid #ccc; margin: 0px; -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); -webkit-border-radius: 100px; -moz-border-radius: 100px;	border-radius: 100px; font-family: 'Cabin', sans-serif; font-weight:400; font-style:normal; font-size:.8em;
}



.lg-d { display:block; list-style:none;}
.lg-d li{width:18px; height:18px; display:block; float:left; margin:5px; border:0; background:url(../images/icon.png) no-repeat;}

.lg-d li#xd1{position:absolute; left:240px; top:70px;}
.lg-d li#xd2{position:absolute; left:280px; top:65px;}
.lg-d li#xd3{position:absolute; left:280px; top:50px;}
.lg-d li#xd4{position:absolute; left:320px; top:80px;}
.lg-d li#xd5{position:absolute; left:230px; top:50px;}
.lg-d li#xd6{position:absolute; left:320px; top:80px;}
.lg-d li#xd7{position:absolute; left:280px; top:180px;}
.lg-d li#xd8{position:absolute; left:430px; top:50px;}
.lg-d li#xd9{position:absolute; left:60px; top:100px;}
.lg-d li#xd10{position:absolute; left:320px; top:100px;}
.lg-d li#xd11{position:absolute; left:330px; top:90px;}
.lg-d li#xd12{position:absolute; left:290px; top:120px;}
.lg-d li#xd13{position:absolute; left:310px; top:140px;}


footer .footerdiv { margin-left:auto; margin-right:auto; width:1080px;}
footer .footerdivsec { margin-left:auto; margin-right:auto; width:1080px; font-family: 'Source Sans Pro', sans-serif; font-size:.75em; color:#ccc; padding-bottom:80px;}
footer .footerdivsec img { float:right; margin:3px 0 0 3px;}

footer .ft-m { float:left; font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-style:normal; color:#ccc; font-size:12px; margin:15px 20px 0 0 ; }
footer .ft-m ul { margin:0; padding:0; display:block; list-style:none;}
footer .ft-m ul li { margin:0; padding:0; display:block;  list-style:none;}
footer .ft-m ul li ul li { margin:0; padding:0; display:block;  font-size:11px; list-style:none;}
footer .ft-m ul li ul li  a{font-size:11px; color:#ccc; text-decoration:none; }
footer .ft-m a { text-decoration:none; color:#ccc;}
footer .ft-m a:hover { color:#f37021;}


.news-x1{float:left; text-align:right; height:120px; width:37%;  background:url(../images/iconblack.jpg) top right no-repeat;}
.topic{font-family: 'Cabin', sans-serif; font-weight:400; color:#f04f24; font-style:normal; font-size:.8em; padding-right:10px;}

.footer-pt1{width:60%; float:left;}
.footer-pt2{width:36%; float:left; text-align:right;}



.scroll-img {float:right;  width: 290px;  height: 100px;  overflow: hidden; font-family: 'Source Sans Pro', sans-serif; font-weight:400; text-align:justify; font-style:normal; color:#ccc; font-size:12px;}
.scroll-img  a{ font-family: 'Source Sans Pro', sans-serif; font-weight:400; text-align:justify; font-style:normal; color:#f04f24; font-size:11px; text-decoration:none;}
.scroll-img  a:hover{ font-family: 'Source Sans Pro', sans-serif; font-weight:400; text-align:justify; font-style:normal; color:#f04f24; font-size:11px; text-decoration:none;}
.scroll-img ul {  width: 290px; height: 100px;  margin: 0;  padding:0;  float:left;}
.scroll-img ul li { display:block; padding:10px;float:left;  height: 100px; list-style:none;}
#scroll-d4.scroll-img ul{  width: 1500px;}
#scroll-d4.scroll-img ul li{  width: 290px;}
#scroll-d4.scroll-img ul li a{ color:#f04f24; }


.ftr-2{ background-color:#424242;}
.ftr-2 a{color:inherit; text-decoration:none;}
.ftr-2 #diff{color:#f37021;}
.ftr-2 #diff-2{color:#f8f8f8; font-weight:700;}
.ftr-2 #diff-size-1{font-size:1.8em;}
.ftr-2 #diff-size-2{font-size:2.5em;}


/*border:1px solid white;*/

.sidemenu{float:left; width:41%; margin-top:15px;}
.sidemenu div {width:360px; height:80px; margin:7px; float:right; background-color:#039;}
.sidemenu div.img-div{width:160px; height:80px;  float:left; margin:0px; background-color:#03ccc9; }
.sidemenu div.img-div.img-pos-1{background:url(../images/mix.png) no-repeat 0 0;}
.sidemenu div.img-div.img-pos-2{background:url(../images/mix.png) no-repeat 0 -85px;}
.sidemenu div.img-div.img-pos-3{background:url(../images/mix.png) no-repeat 0 -171px;}
.sidemenu div.img-btn{width:200px; height:80px;  float:left; margin:0px; padding-top:15px; background-color:#424242;}
.sidemenu div.img-btn a{text-decoration:none; font-family: 'Source Sans Pro', sans-serif; font-weight:400; text-align:right; font-style:normal; color:#fff; font-size:16px;}
.sidemenu div.img-btn a span{float:right; padding:12px;}
.sidemenu div.img-btn a img{padding:10px;float:right; border:0;}
.sidemenu div.img-btn a:hover img{padding:10px;float:right;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform:rotate(90deg); transition-duration: .2s; transition-timing-function: ease-out; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s;}

.lang { margin:5px; float:right; margin: 20px 40px 0 0;  }
.lang a{margin:2px;}

.inside-opt{padding:20px 0;}
.menu-inside{float:left; width:20%; height:90%; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:1em;}
.page-inside{float:left; width:75%; text-align:justify; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:.9em;}
.page-inside3{float:left; width:95%; text-align:justify; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:.9em;}
.page-inside2{ text-align:justify; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:.9em;}

.pi-border{border-left:1px solid #999; padding-left:5px; margin-bottom:50px;}

.menu-inside ul li{ list-style:none; width:100%}
.menu-inside a {text-decoration:none; color:#666; display:block; width:100%;}
.menu-inside a:hover {text-decoration:none; color:#fff;}
.menu-inside li:hover {display:block; background-color:#f04f24; width:100%;
			-webkit-transition: background 0.5s linear;
			-moz-transition: background 0.5s linear;
			-o-transition: background 0.5s linear;
			transition: background 0.5s linear; }
			a:hover {
 cursor:pointer;
}
.page-inside img {border:3px solid #000;}

/******240,79,36*********contact*********/

form button {background: #222;border: none;color: #fff;padding: 0.7em 1.2em;-webkit-transition: ease-in .4s;-moz-transition: ease-in .4s;-o-transition: ease-in .4s;-ms-transition: ease-in .4s;transition: ease-in .4s;}
form button:hover {	background: #f04f24;color: #000;}
.form-control::-webkit-input-placeholder{color:#999}.form-control{display:block;width:100%;height:24px;padding:6px 12px;font-size:12px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#f04f24;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(240,79,36,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(240,79,36,0.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto;resize: none; }.form-group{ float:left; width:100%;margin-bottom:10px;}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}
.col-1{ width:35%; float:left; position:relative; padding:0 15px 0 15px;}
.col-2{ width:55%; position:relative; padding:0 15px 0 15px;}
.col-3{ width:100%; position:relative; padding:0 15px 0 15px;}
#map {height: 425px; width:100%; float:left;}
.sideform{width:60%; float:left; margin-bottom:40px;}
.page-n1 h2 {font-family: 'Source Sans Pro', sans-serif; font-weight:700; font-style:normal; color:#f04f24; font-size:18px; line-height:30px; padding-left:12px;}
.page-n1 form{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-style:normal; color:#f04f24; font-size:14px;}
.form-deg{padding-top:20px; width:100%; }
address{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-style:normal; color:#333; font-size:1em; margin:10px 0;}

input[placeholder] {
   font-size: 12px; /* IE only */ 

}


#visible{display:block;}
#hide{display:none;}

.products {}
.products img{float:left;}
.products #conp { float:left; font-size:1.2em;}
.why2{ background:url(../images/why.jpg) no-repeat left top; opacity:.8;}
.why{ background:url(../images/why.jpg) no-repeat left top; margin-right:145px; width:350px; height:350px; float:left;}
.page-n1 h5{font-size:1.3em; font-family: 'Source Sans Pro', sans-serif; line-height:1px; color:#555;}
.page-n1 .icc1{padding:30px 0 0px 0;}
.whyus{float:left; width:45%; margin:4px; border-bottom:dotted 1px #CCC;}

.icon-x{width:90px; height:90px; float:left; margin-right:10px;}
.icon-x#ic1{background:url(../images/icons.png) no-repeat -5px 0;}
.icon-x#ic2{background:url(../images/icons.png) no-repeat -105px 0;}
.icon-x#ic3{background:url(../images/icons.png) no-repeat -205px 0;}
.icon-x#ic4{background:url(../images/icons.png) no-repeat -305px 0;}
.icon-x#ic5{background:url(../images/icons.png) no-repeat -5px -190px;}
.icon-x#ic6{background:url(../images/icons.png) no-repeat -105px -190px;}
.icon-x#ic7{background:url(../images/icons.png) no-repeat -205px -190px;}
.icon-x#ic8{background:url(../images/icons.png) no-repeat -5px -95px;} /*energy*/
.icon-x#ic9{background:url(../images/icons.png) no-repeat -105px -95px;}
.icon-x#ic10{background:url(../images/icons.png) no-repeat -205px -95px;}
.icon-x#ic11{background:url(../images/icons.png) no-repeat -305px -95px;}
.icon-x#ic12{background:url(../images/icons.png) no-repeat -5px -280px;}
.icon-x#ic13{background:url(../images/icons.png) no-repeat -105px -280px;}
.icon-x#ic14{background:url(../images/icons.png) no-repeat -205px -280px;}

#ar-image img{float:left; margin:20px 20px 10px 0;}


.checkbox input[type=checkbox] {  
    display: none;
}  
.checkbox label:before {  
    border-radius: 3px; background-color:#00C width:200px; height:150px;
}  
.checkbox input[type=checkbox]:checked + label:before {  
    content: "\2713";  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px;  width:200px; height:150px;
}  

.spanh4{font-family: 'Source Sans Pro', sans-serif; font-size:1.3em; color:#f04f24; margin-left:7%; font-weight:400;}


.docs { width:165px; height:150px; float:left; margin:10px 15px; }
.docs  hr{background-color:#ccc; height:1px; border:none; margin-bottom:5px;}
.docs span{display:block; font-family: 'Source Sans Pro', sans-serif; font-size:.8em; color:#333; margin-left:7%; font-weight:400; text-decoration:none; text-align:center;}

.docs .dc-1{ width:140px; margin-top:85px; float:left; }
.docs .dc-1 a{display:block; font-family: 'Source Sans Pro', sans-serif; font-size:.8em; color:#333; margin-left:7%; font-weight:400; text-decoration:none; text-align:center;}
.docs .dc-1 span{ width:20px; height:20px; display:block; background:url(../images/mail_find.png) no-repeat top center;  display:block; float:left; margin-top:10%; }