@charset "utf-8";

/* CSS Document */

/*Awesome fonts*/

@font-face
        {
            font-family:'nafees';
            src: url('nafees.ttf');
        }

*	 {margin:0px;padding:0px;text-decoration:none; outline:none;}



.slide_caption { }



.error{ border:1px solid #F00 !important; background:#F9C0C0;}

.success-msg{background:#E9F7DD;border: 1px solid #ABD0A8;color: #589051; margin-bottom: 30px;max-width: 1129px;padding: 11px 16px; display:none;}

del{ text-decoration:line-through; color:#ccc}

input, textarea {font-family: Arial, Helvetica, sans-serif;font-size:18px;}



section{ padding:80px 0;}

.gray-bg{background-color: #FBFBFB;}

.border{border-bottom: 1px solid #E3E3E3;}

.tables .overlay, .our-clients .overlay {background: url("../images/white.png") repeat scroll 0 0;height: 100%;left: 0;position: absolute; top: 0;width: 100%;}

.no-padding-bottom{ padding-bottom:0}



#wrapper{ overflow-x:hidden;}



/* colors */

.red{ color:#e21e25}

.purple{ color:#08864A}

.green{ color:#bed431}

.blue{ color:#5ecae6}

.yellow{ color:#f6c715}

.pink{ color:#f11aa8}

.orange{ color:#fe4419}



.back-to-top{ background:#cecece;border-radius: 6px; bottom: 20px; color: #FFFFFF; display: block; font-size: 40px;  height: 50px;line-height: 42px; position: fixed;right: 20px;text-align: center; width: 50px;z-index: 50; display:none;}

.back-to-top:hover, .back-to-top:focus{ color:#fff;}



.fixed-header .navbar-default{ position:fixed; left:0; top:0; width:100%; z-index:50; border-bottom: 1px solid #208D53;}

.fixed-header .parallax-main-banner{ top: 65px;}

.fixed-header .parallax-inner-banner{ top: 0px;}







/*parallax banner*/

.parallax-main-banner{/* height:700px*/;background: url("../images/parallax-banner.jpg") repeat;background-attachment:fixed; background-size:100%;padding: 14% 0 0;text-align: center;position:relative;}

.parallax-main-banner h1 {  font-family: 'BebasRegular';

  border: 0 none;

  color: #FFFFFF;

  display: inline-block;

  font-size: 63px;

  padding: 0 20px;

  line-height: 67px;

  margin-bottom: 0;

  text-transform: uppercase;

  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);}

.parallax-main-banner h2 {    font-family: 'BebasRegular'; border: 0 none; font-size: 44px;color: #F8A632;display: inline-block;line-height: 70px;padding:0 20px;margin-top:0;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);}

.parallax-main-banner > #heading {padding-top: 6%;}







/*parallax inner banner*/

.parallax-inner-banner{ height:250px;background: url("../images/bg.png") #f99c1c repeat; background-size:contain;text-align: center;position:relative;}

.parallax-inner-banner h1 {    font-family: 'BebasRegular';border: 0 none; color: #1E8D53; display: inline-block;font-size: 74px;padding:0 20px;line-height: 80px;margin-bottom: 0;text-transform: uppercase;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);}

.parallax-inner-banner h2 {   letter-spacing: 8px;   font-family: 'BebasRegular'; border: 0 none; font-size: 44px;color: #444;display: inline-block;line-height:normal;padding:0 20px;margin-top: 51px;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);}

.parallax-inner-banner > #heading {padding-top: 6%;}

.parallax-inner-banner .overlay {background: url("../images/white.png") repeat scroll 0 0;height: 100%;left: 0;position: absolute; top: 0;width: 100%;}





.tabs-btn{bottom: 0; color: #FFFFFF;  left: 0;  min-height: 139px; background:url("../images/white.png"); position: absolute;   text-align: center;  width: 100%;}

.tabs-btn ul li{ float: left; line-height: 180px; width: 20%;height: 139px; position:relative;}

.tabs-btn ul li a.active:after{position: absolute;bottom: -28px;left: 50%;margin-left: -17px;content: ' ';height: 0px;width: 0px;border: 14px solid transparent;}

.tabs-btn ul li a{ display:block;height: 139px; overflow:hidden;}

.tabs-btn ul li a i{color: #FFFFFF;font-size: 72px;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.tabs-btn ul li:hover{ line-height:20px;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.tabs-btn ul li:hover a i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg); font-size:30px;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease; margin-bottom: 10px;margin-top: 20px;}

.tabs-btn ul li p{line-height: 17px; display:none; color:#fff;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.tabs-btn ul li p span{ display:block; font-size:15px; font-weight:bold; padding-bottom: 6px;font-family: 'BebasRegular'; font-weight:400;}

.tabs-btn ul li:hover p{ display:block; font-size:13px;}











/* .tabs-btn colors 

/*.tabs-btn.green ul li:nth-child(1){ background:#eea314}



.tabs-btn.green ul li:nth-child(2){ background:#e77302}



.tabs-btn.green ul li:nth-child(3){ background:#e26008}



.tabs-btn.green ul li:nth-child(4){ background:#eaa90d}



.tabs-btn.green ul li:nth-child(5){ background:#e87502}*/







/* .tabs-btn colors */

.tabs-btn.green ul li:nth-child(1){ background:#d4bc02}

/*.tabs-btn.green ul li:nth-child(1) a.active:after{border-top-color:#0BAFA8;}*/

.tabs-btn.green ul li:nth-child(2){ background:#95ab00}

/*.tabs-btn.green ul li:nth-child(2) a.active:after{border-top-color:#1AA0AC;}*/

.tabs-btn.green ul li:nth-child(3){ background:#67a133}

/*.tabs-btn.green ul li:nth-child(3) a.active:after{border-top-color:#0093AF;}*/

.tabs-btn.green ul li:nth-child(4){ background:#499e39}

/*.tabs-btn.green ul li:nth-child(4) a.active:after{border-top-color:#0099B3;}*/

.tabs-btn.green ul li:nth-child(5){ background:#038235}

/*.tabs-btn.green ul li:nth-child(5) a.active:after{border-top-color:#0093AF;}*/



.cyan {color:#08864A;text-shadow: 1px 1px rgba(255,255,255,0.8);}

/*experience*/

.experience-content{ max-width:890px; margin:0 auto 50px;}

.experience p{ line-height:30px;}







/* services section */

.services-sec{ text-align:center;min-height: 410px;margin-top: 30px;}

.services-sec .container{ position:relative;}

.services-sec .tab1, .services-sec .tab2, .services-sec .tab3, .services-sec .tab4, .services-sec .tab5{ position:absolute; left:0; top:0; width:100%;}







.services-sec span.yellow i{ background:#f6c815; box-shadow:0 0 0px 2px #f6c815; -moz-box-shadow:0 0 0px 2px #f6c815; -webkit-box-shadow:0 0 0px 2px #f6c815;}

.services-sec span.green i{ background:#BED431; box-shadow:0 0 0px 2px #BED431; -moz-box-shadow:0 0 0px 2px #BED431; -webkit-box-shadow:0 0 0px 2px #BED431;}

.services-sec span.red i{ background:#e21e25; box-shadow:0 0 0px 2px #e21e25; -moz-box-shadow:0 0 0px 2px #e21e25; -webkit-box-shadow:0 0 0px 2px #e21e25;}

.services-sec span.blue i{ background:#60cae8; box-shadow:0 0 0px 2px #60cae8; -moz-box-shadow:0 0 0px 2px #60cae8; -webkit-box-shadow:0 0 0px 2px #60cae8;}

.services-sec span.purple i{ background:#7251A2; box-shadow:0 0 0px 2px #7251A2; -moz-box-shadow:0 0 0px 2px #7251A2; -webkit-box-shadow:0 0 0px 2px #7251A2;}





.service-sec span{ border-left: none;display: block;color: #60cae8;min-height: 129px;}

.service-sec i{ width:0; height:0; display:inline-block; overflow:hidden; border:2px solid #fff; color:#fff;line-height: 97px; font-size:40px; margin:70px 0 0;-moz-transition: all 2000ms ease;-ms-transition: all 2000ms ease;-webkit-transition: all 2000ms ease;-o-transition: all 2000ms ease;transition: all 2000ms ease;}



.service-sec:hover i, .service-sec:hover i.open{margin:20px 0 10px;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.service-sec i.open{width:99px; height:99px;margin:30px 0 0;-moz-transition: all 1000ms ease;-webkit-transition: all 1000ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;}

.service-sec h3{ background:url(../images/service-sec-shadow.png) no-repeat center 0; padding-top:30px; font-weight:400; border:0; text-transform:uppercase; margin: 10px 0 15px; color:#393939;font-family: 'Open Sans',sans-serif;}

.service-sec p{ margin-bottom:0;line-height:24px;}

#tab2, #tab3, #tab4, #tab5 { display:none;}















/* piecharts */

.piecharts{ text-align:center; padding:65px 0; background:url(../images/skills-bg.jpg); position: relative; background-attachment:fixed; background-size:cover;}

.piecharts h2{ border:0;line-height: 40px;margin-bottom: 20px; position:relative; z-index:1;}

.piecharts p{ margin:0}

.piecharts .overlay {background: url("../images/white.png") repeat scroll 0 0;height: 100%;left: 0;position: absolute; top: 0;width: 100%;}

.piecharts .container {position: relative;z-index: 5;}













/* services tri sec */

.tri-sec{ padding:0 0 30px 0}

.tri-sec i{ font-size:50px;}

.tri-sec p {padding: 0 20px;}

.tri-sec.last{ padding:0}

.tri-sec.last p{ margin:0}











/*CREATIVE TEAM section start here*/

.team{}

.team-image-sec{ position:relative;margin-bottom:25px; overflow:hidden; height:318px;}

.team-image-sec ul{ left: 0; margin: 0; z-index:6;  position: absolute;text-align: center;  top: -100%; width: 100%; margin-top:-21px;}

.team-image-sec ul li{ display: inline-block;margin-left: 2px;}

.team-image-sec ul li a{ display:block; width:42px; height:42px; background:#fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.team-image-sec ul li a i{ font-size: 20px;line-height: 44px;}

.team-detail-sec h3{ line-height: 28px; margin:0; padding:0 0 10px 0; border:0}

.team-detail-sec h3 span{ color: #4C4C4C;font-family: 'Open Sans',sans-serif;font-size: 16px;font-style: italic;font-weight: 300;padding-top: 4px;}

.team-detail-sec p{ margin-bottom:0}

.team-image-sec .img-overlay{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; display:none;}

.team-image-sec ul li a:hover{ background:#333;}

.team-image-sec ul li a:hover i{ color:#fff}

.team-image-sec:hover .img-overlay{ display:block;}

.team-image-sec:hover ul, .team-image-sec ul{-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.team-image-sec, .team-image-sec img{-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease; width:100%}

.team-image-sec:hover img{max-width: 200%;width: 120%;margin-left: -30px;margin-top: -30px; -moz-transition: all 600ms ease;-webkit-transition: all 600ms ease;-ms-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 6s00ms ease;}

.team-image-sec:hover ul{ top:50%;}

.team.bg{ background:#f5f5f5; margin:0}

.team.bg h1{ background:none}

.team.bg .team-detail-sec{ padding-bottom:50px;}

.team .col-md-4:nth-child(1) .team-image-sec .img-overlay, .entry .overlay{ background:rgba(226, 30, 37, 0.83);}

.team .col-md-4:nth-child(2) .team-image-sec .img-overlay, .entry .overlay{ background:rgba(190, 212, 49, 0.89);}

.team .col-md-4:nth-child(3) .team-image-sec .img-overlay, .entry .overlay{ background:rgba(96, 202, 232, 0.83);}

.team .col-md-4:nth-child(1) .team-image-sec li a{ color:#e21e25;}

.team .col-md-4:nth-child(2) .team-image-sec li a{ color:#bed431;}

.team .col-md-4:nth-child(3) .team-image-sec li a{ color:#60cae8;}









/* parallax tables */

.tables{background:url(../images/table-bg.jpg); position: relative; background-attachment:fixed; background-size:cover; margin:20px 0 0; padding:80px 0 60px}

/* tables */

.table {border-bottom: 4px solid #E8E8E8;background:#FFFFFF;width: 100%;}

.table-heading { background: none repeat scroll 0 0 #F8F8F8; display: block; font-size: 24px;  font-weight: 700;  padding: 20px 39px; text-transform: uppercase;}

.table .price { font-size: 14px; padding: 20px 20px 20px 50px;  position: relative;margin:0;display: inline-block;}

.table .price span {font-weight: bold;}

.table .price span strong {font-size: 46px;}

.table .price .currency { font-size: 18px; left: 40px;position: absolute;top: 16px;}

.table ul { background: none repeat scroll 0 0 #F8F8F8; padding: 0 10px;margin-bottom: 0;}

.table ul li {border-top: 1px solid #E8E8E8;padding: 12px 29px;}

.table ul li:first-child { border-top: 0 !important;}

.table a.btn { display: block;margin: 17px auto;max-width: 160px;}







/* table colors */



/*yellow*/

.table.yellow-table{ border-bottom: 4px solid #f6c815; color:#fff}

.table.yellow-table .price{ color:#f6c815}

.table.yellow-table .table-heading, .table.yellow-table ul {background: #f6c815;}

.table.yellow-table ul li{ border-top:1px solid #d8ad07;}







/*Blue*/

.table.green-table{ border-bottom: 4px solid #bed431; color:#fff}

.table.green-table .price{ color:#bed431}

.table.green-table .table-heading, .table.green-table ul {background: #bed431;}

.table.green-table ul li{ border-top:1px solid #9cb211;}





/*Blue*/

.table.blue-table{ border-bottom: 4px solid #09A0AD; color:#fff}

.table.blue-table .price{ color:#09A0AD}

.table.blue-table .table-heading, .table.blue-table ul {background: #09A0AD;}

.table.blue-table ul li{ border-top:1px solid #08828c;}





/*red*/

.table.red-table{ border-bottom: 4px solid #e21e25; color:#fff}

.table.red-table .price{ color:#e21e25}

.table.red-table .table-heading, .table.red-table ul {background: #e21e25;}

.table.red-table ul li{ border-top:1px solid #c6131a;}















#filters {

	margin:10px 0 50px 0;

	text-align: center;

	display: block;

	float: none;

	z-index: 2;

	position: relative;

}

#filters ul {

	margin: 0;

	list-style: none;

	padding: 0;

}

#filters ul li {

	display: inline-block;

}

#filters ul li a {

	display: block;

	float: left;

	padding: 2px 5px;

	color: inherit;

	font-weight: bold;

}

#filters ul li a h3 {

	font-size: 14px;

	text-transform:uppercase;

	padding:12px 21px;

	border: 1px solid transparent;

	margin:0;

	font-family: 'Open Sans',sans-serif;

}

#filters ul li a:hover h3, #filters ul li a.active h3 {

	color: #7251a2;

	border: 1px solid;

}



#portfolio-items-wrap {

	position: relative;

	padding: 0;

	width: 100%;

	margin: 0 auto;

	display: block;

}

#portfolio-items-wrap .portfolio-item {

	margin: 0;

	overflow: hidden;

	line-height: 0;

	width: 19.992% !important;

	padding: 0;

}

.portfolio-item.current {

	/*box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);*/

	z-index: 101;

}

.portfolio-item {

	padding: 0;

	position: relative;

	overflow: hidden;

}

.portfolio {

	overflow: hidden;

	display: block;

	position: relative;

	  border: 1px solid #E4E4E4;

}

.portfolio img {

	width: 100%;

	height: auto;

}

.portfolio .portfolio-overlay {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	display: block;

	z-index: 4;

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

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

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

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

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

	transition: all 0.3s ease-in-out;

	background: #FFD600;

}

.portfolio > a, .portfolio > a:hover {

	color: #ffffff;

}

.portfolio-item .portfolio > a:hover > .portfolio-overlay {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

.portfolio > a img {

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

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

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

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

	transition: all 0.3s ease-in-out;

}

.portfolio > a:hover img {

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

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

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

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

	transition: all 0.3s ease-in-out;

}

.portfolio .thumb-info {

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

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

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

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

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

	transition: all 0.3s ease-in-out;

}

.portfolio a:hover .portfolio-overlay .thumb-info {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

.portfolio-overlay .thumb-info i {

	top: 58%;

	font-size: 50px;

}

.portfolio-overlay .thumb-info h3 {

	top: 38%;

	font-size: 30px;

}

.portfolio-overlay .thumb-info p {

	top: 50%;

	font-size: 13px;

}

.portfolio-overlay .thumb-info h3 {

	color: #ffffff;

	width: 100%;

	position: absolute;

	text-align: center;

}

.portfolio-overlay .thumb-info p {

	color: #ffffff;

	width: 100%;

	position: absolute;

	text-align: center;

	font-weight: bold;

}

.portfolio-overlay .thumb-info i {

	color: #ffffff;

	width: 100%;

	position: absolute;

	text-align: center;

	display: block;

}



.isotope, .isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity;

}



.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}

/* hover colors */

.img-overlay{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:.8; display:none;}

.portfolio-item:hover .img-overlay{ display:block;}

.portfolio-item:nth-child(1) .img-overlay{background:#1E8B50}

.portfolio-item:nth-child(2) .img-overlay{background:#F8A632}

.portfolio-item:nth-child(3) .img-overlay{background:#1E8B50}

.portfolio-item:nth-child(4) .img-overlay{background:#F8A632}

.portfolio-item:nth-child(5) .img-overlay{background:#1E8B50}

.portfolio-item:nth-child(6) .img-overlay{background:#F8A632}

.portfolio-item:nth-child(7) .img-overlay{background:#1E8B50}

.portfolio-item:nth-child(8) .img-overlay{background:#F8A632}

.portfolio-item i{/*border: 3px solid #FFFFFF;border-radius: 6px;*/ color: #000; display: block; font-size: 22px; width:100%;/* left: 31%;*/ line-height: 40px; /*margin-left:-50px;*/ margin-top: -23px;position: absolute;text-align: center; top: -46px;/* width: 46px; */z-index: 8;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.portfolio-item i.fa-link{ left: auto;margin-right: -50px;right: 50%;}

.portfolio-item:hover i{ top:50%;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.portfolio-item i:hover{ border-color:#dfdfdf; color:#dfdfdf;}





/* best sellers */

.products{}

.products .product{ float:left; margin:13px 2.6% 20px 0; position:relative;}

.products .product:nth-child(4n+4){ margin-right:0}

.product-thumb{ position:relative;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease; overflow:hidden;margin-bottom:20px;}

.product-thumb a{ display:block;}

.product-thumb a span.overlay{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:.8; z-index:5; display:none;}

.product-thumb:hover a span.overlay{ display:block;}

.product-thumb img{ display:block;}

.product-thumb i{ border: 3px solid #FFFFFF;border-radius: 6px;color: #FFFFFF;font-size: 22px;height: 46px;left: 50%;line-height: 40px;margin-left: -23px;margin-top: -23px;position: absolute;text-align: center;top: -46px;width: 46px;z-index: 8; display:block; -moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.product-thumb:hover i{ top:50%;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.product .sale{ width:57px; height:57px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; position:absolute; right:-7px; top:-20px; border:3px solid #fff; text-align:center; font-size:16px; color:#fff; font-weight:300;line-height: 48px; z-index:15}

.product-desc h4, .product-desc h4 a{ font-size:22px; color:#393939; padding:0; border:0; font-weight:400; margin-bottom:5px;}

.product-desc h4 .price, .product-desc h4 a .price{ float:right; font-size:23px; font-weight:700; padding:0}

.product-desc p{ font-weight:300; color:#4c4c4c;}



/* colors */

.product.green .sale{ background:#bed431;}

.product.green .price{ color:#bed431;}

.product.green .product-thumb a span.overlay{ background:#bed431;}



.product.blue .sale{ background:#5ecae6;}

.product.blue .price{ color:#5ecae6;}

.product.blue .product-thumb a span.overlay{ background:#5ecae6;}



.product.red .sale{ background:#e11e24;}

.product.red .price{ color:#e11e24;}

.product.red .product-thumb a span.overlay{ background:#e11e24;}



.product.purple .sale{ background:#7251a2;}

.product.purple .price{ color:#7251a2;}

.product.purple .product-thumb a span.overlay{ background:#7251a2;}



.product.yellow .sale{ background:#f6c715;}

.product.yellow .price{ color:#f6c715;}

.product.yellow .product-thumb a span.overlay{ background:#f6c715;}

















/* our clients */

.our-clients{background: url("../images/clients-bg.jpg") repeat;background-attachment:fixed; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;position:relative;}

.our-clients h1{ margin-bottom:50px; border:0; padding-left:0}

.testimonial{ border-radius: 2px; font-size: 20px; font-style: italic; margin:0 auto 0 auto;width: 100%;padding: 60px 88px;position: relative;}

.testimonial p{ line-height:28px; margin-bottom:0}

.testimonial .fa-quote-left, .testimonial .fa-quote-right{ font-size:41px; color:#ebebeb; position:absolute;}

.testimonial .fa-quote-left{ top:40px; left:28px;}

.testimonial .fa-quote-right{ bottom:40px; right:28px;}







/* contact us */



.contact-us{ }

.contact-us .form{min-height:380px;}

.contact-us input[type=text]{ margin-bottom:9px;}

.contact-us label{ float:left;}

.contact-us .btn{ margin-right:0.8%; border:0;}

.message label{ width:9.8%;}

.message textarea{ width:89.3%; margin-bottom:13px;}

.map{ margin:40px 0 0;}

.map iframe{ border:0; width:100%; height:470px;}

.map-title{ background:#1F8D54; text-align:center;}

.map-title h4{ font-size:32px; color:#fff; margin:0;}

.map-title h4 span{ background: #FFFFFF;display: inline-block;font-size: 40px; height: 65px;line-height: 63px;padding: 0;width: 57px; margin:0 0 0 35px; cursor:pointer; opacity:.9;}

.map-title i{ background:#fff;}

.message input[type="submit"]:hover, .message input[type="submit"]:focus{ color:#000}









/*shop detail*/

.shop-detail h2{ margin:15px 0;}

.shop-detail .row{ margin:15px 0 0 -42px;}

.rating {direction: rtl;text-align: left;unicode-bidi: bidi-override;}

.rating > span {cursor: pointer;display: inline-block;font-size: 20px;margin-right: 3px;position: relative;width: 0.8em;}

.rating > span:before, .rating > span ~ span:before {color: #646464;content: "★";}

.rating > span:hover:before, .rating > span:hover ~ span:before {color: #5ECAE6;content: "★";}

.customer-reviews p { float: left;font-weight: 300; margin: 0;}

.customer-reviews .rating { float: right;}

.customer-reviews .rating > span:hover:before, .customer-reviews .rating > span:hover ~ span:before {color: #BED431;}

.price { color: #BED431; font-size: 23px;font-weight: 600;}

.price del {margin-right: 7px;}

.item-counter {background: #F7F7F7;border: 1px solid #F4F4F4;float: left;height: 47px;margin-right: 17px;width: 98px;}

.item-counter span {cursor: pointer; height: 47px; line-height: 37px;text-align: center;width: 27px;}

.item-counter input.items-total { background: #FFFFFF; border: 0 none; cursor: default;  display: inline-block; height: 45px;  line-height: 41px;margin: 0; padding: 0;text-align: center;width: 42px;}

.item-category {float: left; padding-left: 17px;padding-top: 10px;}

.product-detail-cat span {color: #BED431;}







/*cart*/

.cart-list {border: 1px solid #e7e7e7;height: auto; padding: 0;width: 100%;background:#fbfbfb;}

.cart-bar {color: #393939;line-height: 40px;text-align: center;width: 100%;border-bottom: 1px solid #E7E7E7;}

.cart-product-heading, .cart-product {border-right: 1px solid #E7E7E7;float: left;font-size: 18px;text-transform: uppercase;width: 61%;}

.cart-price-heading, .cart-quantity-heading, .cart-total-heading, .cart-price, .cart-quantity, .cart-total {float: left;text-transform:uppercase;font-size: 18px;width: 11.6279%;border-right: 1px solid #E7E7E7;}

.cart-bar-list {height: 128px;line-height: 128px;text-align: center;width: 100%;}

.cart-product {border-right: 1px solid #D8D8D8;height: 128px;line-height: 128px;padding-top: 10px;text-align: left;}

.cart-product img {display: block;margin: 0 10px;}

.cart-product h4 {color: #4C4C4C;font-size: 14px;padding-top: 42px;text-transform: none;}

.cart-price, .cart-quantity, .cart-total, .product-remove2 {border-right: 1px solid #D8D8D8;font-size: 24px;height: 128px;}

.cart-price .amount, .cart-total .amount {color: #4C4C4C;font-size: 14px;}

.cart-quantity .item-counter {display: inline-flex;float: none;margin: 0 auto;}

.product-remove2 span {cursor: pointer;color: #E21E25;}

.cart-buttons {border-top: 1px solid #D8D8D8;padding: 10px 0 0;}

.cart-shipping {padding: 15px;}

.cart-shipping h4 {font-size:24px; padding:0;}

.cart-shipping .selector {border: 1px solid #E7E7E7;height: auto;margin-bottom: 10px;padding: 7px 12px;background:#fff;width: 100% !important;}

.cart-shipping .selector select{height: 37px;}

.cart-shipping .selector span{color:#acacac; width:100% !important;}

.cart-shipping input[type="text"] {border: 1px solid #E4E4E4;margin-right: 0;padding: 10px 12px; width: 100%;font-size:13px;color:#656565;}

.cart-total-amount {padding: 0;}

.cart-total-amount label {font-size: 14px;font-weight: 400;padding: 13px 0; margin:0; width: auto;}

.order-total {border-bottom: 1px solid #F4F4F4;border-top: 1px solid #F4F4F4;}

.order-total label{font-weight:600;}

.order-total .price{color:#7251a2;}

.cart-total-amount .price {font-weight: bold;}

.cart-quantity .items-total, .cart-quantity #pluss-item, .cart-quantity #less-item{ font-size:14px; color:#4c4c4c;}

.cart-quantity #pluss-item, .cart-quantity #less-item{ line-height:46px; font-size:16px;}

.coupon-card input[type="text"]{ margin:0 5px 0 14px; border:1px solid #e7e7e7;padding: 13px 12px; float:left; font-size:13px; color:#a0a0a0; font-style:italic; width: 40%;}

.cart-shipping .btn-red{ width:100%; margin:15px 0 0;}

.checkout{margin: 20px 0 0 -60px !important;}



.cart-bar-list .item-counter{ margin-top:40px;}

.product-remove2{ border-right:0;}





.coupon-card input[type="submit"]{ border:0;border-bottom: 4px solid #08828C;}

.cart-shipping input[type="submit"]{ border:0;border-bottom: 4px solid #C6131A;}









/* footer */

footer{ padding:46px 0; text-align:center;}

.social{  display: inline-block;}

.social li{float: left;text-align: center;}

.social li a{ display:block; width:46px; height:46px; border:2px solid #e4e4e4; text-align:center; color:#646464; font-size:22px; border-radius:100%; line-height:40px;}

.social li .fa { padding-top:10px;}

.social li:nth-child(1) a:hover{ color:#324987;border:2px solid #324987;}

.social li:nth-child(2) a:hover{ color:#20baf3;border:2px solid #20baf3;}

.social li:nth-child(3) a:hover{ color:#494949;border:2px solid #494949;}

.social li:nth-child(4) a:hover{ color:#ed0a7d;border:2px solid #ed0a7d;}

.social li:nth-child(5) a:hover{ color:#bd0b14;border:2px solid #bd0b14;}







.copyright{ font-size:13px; padding:5px 0 0; margin:0}









/*------------------------- browsers hack ------------------------*/



@media screen and (-webkit-min-device-pixel-ratio:0)

{ 

    .piecharts, .tables, .our-clients{ background-attachment:scroll}

}







/*------------------------- ANIMATION CSS ------------------------*/



.experience .row div.experience-content, .experience .row div.devices, .services-sec .tab1 .row .col-md-4, .tri-secs .col-md-6, .team .row .col-md-4, .tables .row .col-md-3, .products .product, #portfolio-items-wrap, .our-clients .flipInY, .contact-us .form{ opacity:0;}

.experience .row div.experience-content.animated, .experience .row div.devices.animated, .services-sec .row .col-md-4.animated, .tri-secs .col-md-6.animated, .team .row .col-md-4.animated, .tables .row .col-md-3.animated, .products .product.animated, #portfolio-items-wrap.animated, .our-clients .flipInY.animated, .contact-us .form.animated{ opacity:1;}









/*------------------------- Color Shitcher ------------------------*/

.switcher{position:fixed; right:-3px; top:50%; z-index:55; text-align:center; margin-top:-25px;}

.switcher a{ display: block;font-size: 28px; height: 51px; line-height: 49px; width: 50px; color:#ccc; background:#222222; color:#fff;border-radius: 4px;}

.switcher a:hover{ color:#fff; background:#F6C815}

.switcher a.light{background:#F6C815;}

.switcher a.light:hover{background:#4f4f4f;}









.fancy {background:url('../images/portfolio/bg.jpg');padding: 18px;}

.fancy ul {}

.fancy ul { list-style: square; color:#0099B3;margin-left: 20px;}

.fancy ul li span{  color:#000}

.fancy  h2 ,.fancy  h3 { font-weight:100; color:#0099B3;font-family: open sans,sans-serif;}

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

/*	Menu

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







.main-menu-section > div {

	position: relative;

}



.site-navigation ul {

	list-style: none;

	font-size: 14px;

	margin: 0;

}



.site-navigation ul li {

	position: relative;

	float:left;

	

}









.site-navigation li a {

	display: block;

	padding:22px 13px;;

	color: #666;

	font-size: 14px;

	text-decoration: none;

	  font-family: 'BebasRegular';

	text-transform:uppercase;

}



.site-navigation li a:hover ,.site-navigation li a.active {

	color: #F8A532;

}



.site-navigation ul.sub-menu {

	display: none;

	position: absolute;

	top: 60px;

	left: 0;

	width: auto;

	min-width: 200px;

	z-index: 99999 !important;

	padding:0px;

	background: #ffffff;

} 



.site-navigation li:hover > ul.sub-menu {

	display: block;



}



.site-navigation ul.sub-menu li {

	width: 100%;

	border-left: 5px solid #fff;

}



.site-navigation ul.sub-menu li a{padding:10px 12px;;}

.site-navigation ul.sub-menu li:first-child {

	border-top: 1px solid #ddd;

}



.site-navigation ul.sub-menu li:hover {

	background: #fafafa;

}



.site-navigation ul.sub-menu ul.sub-menu {

	left: 200px;

	top: 0;

}



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

/*	Mean Menu

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



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

/*	hide the link until viewport size is reached

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



a.meanmenu-reveal {

	display: none;

	left: 0!important;

	right: auto!important;

}



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

/*	when under viewport size, .mean-container is added to body

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



.mean-container .mean-bar {

	position: relative;

	min-height: 42px;

	z-index: 80;

}



.mean-container a.meanmenu-reveal {

	width: 22px;

	height: 22px;

	padding: 13px 13px 11px 13px;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

	color: #0093D0;

	text-decoration: none;

	font-size: 16px;

	text-indent: -9999em;

	line-height: 22px;

	font-size: 1px;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 700;

}



.mean-container a.meanmenu-reveal span {

	display: block;

	background: #a0a0a0;

	height: 3px;

	margin-top: 3px;

}



.mean-container a.meanmenu-reveal:after { content:'Menu'; font-size:14px;   font-family: 'BebasRegular';  letter-spacing: 11px;   position: relative; bottom: 17px; left:50px;}

.mean-container a.meanmenu-reveal.meanclose:after { content:'Menu'; font-size:14px;   font-family: 'BebasRegular';  letter-spacing: 11px; position: relative; bottom: 0px; left:30px;}

.mean-container .mean-nav {

	width: 100%;

	padding-top: 50px;

	overflow: hidden;

}



.mean-container .mean-nav ul {

	padding: 0;

	margin: 0;

	width: 100%;

	list-style-type: none;

}



.mean-container .mean-nav ul li {

	position: relative;

	float: left;

	width: 100%;

}



.mean-container .mean-nav ul li a {

	display: block;

	float: left;

	width: 100%;

	padding: 14px 20px;

	margin: 0;

	font-size: 14px;

	color: #a0a0a0;

	border-top: 1px solid #bfc6cd;

	text-decoration: none;

	text-transform: uppercase;

}



.mean-container .mean-nav ul li li a {

	width: 100%;

	padding: 14px 40px;

	border-top: 1px solid #bfc6cd;

	visibility: visible;

}



.mean-container .mean-nav ul li.mean-last a {

	border-bottom: none;

	margin-bottom: 0;

}



.mean-container .mean-nav ul li li li a {

	width: 100%;

	padding: 14px 60px;

}



.mean-container .mean-nav ul li li li li a {

	width: 100%;

	padding: 14px 80px;

}



.mean-container .mean-nav ul li li li li li a {

	width: 50%;

	padding: 14px 100px;

}



.mean-container .mean-nav ul li a:hover {

	background: #fafafa;

	color: #0093D0;

}



.mean-container .mean-nav ul li a.mean-expand {

	margin-top: 1px;

	width: 25px;

	height: 25px;

	padding: 12px !important;

	text-align: center;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 2;

	font-weight: 700;

	background: none;

	border: none;

}



.mean-container .mean-nav ul li a.mean-expand:hover {

	background: #0093D0;

	color: #ffffff;

}



.mean-container .mean-push {

	float: left;

	width: 100%;

	padding: 0;

	margin: 0;

	clear: both;

}



.mean-container .search-form {

	right: 20px;

}



.mean-nav .wrapper {

	width: 100%;

	padding: 0;

	margin: 0;

}



.mean-container .mean-bar {

	margin: 0 20px;

}



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

/*	Fix for box sizing on Foundation Framework etc.

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



.mean-container .mean-bar, .mean-container .mean-bar * {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.mean-remove { display: none !important; }

 .site-navigation > ul > li:nth-child(1) > a{ border-top:4px solid #f36c29;}

  .site-navigation > ul > li:nth-child(2) > a{ border-top:4px solid #faa327;}

  .site-navigation > ul > li:nth-child(3) > a{ border-top:4px solid #d96227;}

  .site-navigation > ul > li:nth-child(4) > a{ border-top:4px solid #e4b300;}

  .site-navigation > ul > li:nth-child(5) > a{ border-top:4px solid #eb5024;}

  .site-navigation > ul > li:nth-child(6) > a{ border-top:4px solid #f36c29;}

  .site-navigation > ul > li:nth-child(7) > a{ border-top:4px solid #faa327;}

  .site-navigation > ul > li:nth-child(8) > a{ border-top:4px solid #d96227;}

  .site-navigation > ul > li:nth-child(9) > a{ border-top:4px solid #e4b300;}

  .site-navigation > ul > li:nth-child(10) > a{ border-top:4px solid #ff6e46;}

  

  .site-navigation > ul > li:nth-child(1) > a:hover, .site-navigation > ul > li:nth-child(1).active > a{ color:#f36c29}

  .site-navigation > ul > li:nth-child(2) > a:hover, .site-navigation > ul > li:nth-child(2).active > a{ color:#faa327}

  .site-navigation > ul > li:nth-child(3) > a:hover, .site-navigation > ul > li:nth-child(3).active > a{ color:#d96227}

  .site-navigation > ul > li:nth-child(4) > a:hover, .site-navigation > ul > li:nth-child(4).active > a{ color:#e4b300}

  .site-navigation > ul > li:nth-child(5) > a:hover, .site-navigation > ul > li:nth-child(5).active > a{ color:#eb5024}

  .site-navigation > ul > li:nth-child(6) > a:hover, .site-navigation > ul > li:nth-child(6).active > a{ color:#f36c29}

  .site-navigation > ul > li:nth-child(7) > a:hover, .site-navigation > ul > li:nth-child(7).active > a{ color:#faa327}

  .site-navigation > ul > li:nth-child(8) > a:hover, .site-navigation > ul > li:nth-child(8).active > a{ color:#d96227}

  .site-navigation > ul > li:nth-child(7) > a:hover, .site-navigation > ul > li:nth-child(7).active > a{ color:#e4b300}

  .site-navigation > ul > li:nth-child(8) > a:hover, .site-navigation > ul > li:nth-child(8).active > a{ color:#ff6e46}

 .site-navigation > ul > li:nth-child(9) > a:hover, .site-navigation > ul > li:nth-child(9).active > a{ color:#e4b300}

  .site-navigation > ul > li:nth-child(10) > a:hover, .site-navigation > ul > li:nth-child(10).active > a{ color:#ff6e46}

  

  .site-navigation > ul > li:nth-child(1) ul.sub-menu li a:hover { color:#f36c29}

 .site-navigation > ul > li:nth-child(2) ul.sub-menu li a:hover  {	color:#faa327;}

 .site-navigation > ul > li:nth-child(3) ul.sub-menu li a:hover{	color:#d96227;}

 .site-navigation > ul > li:nth-child(4) ul.sub-menu li a:hover{	color:#e4b300;}

 .site-navigation > ul > li:nth-child(5) ul.sub-menu li a:hover{	color:#eb5024;}

 .site-navigation > ul > li:nth-child(6) ul.sub-menu li a:hover{	color:#f36c29;}

 .site-navigation > ul > li:nth-child(7) ul.sub-menu li a:hover {	color:#faa327;}

 .site-navigation > ul > li:nth-child(8) ul.sub-menu li a:hover{	color:#ff6e46;}

 .site-navigation > ul > li:nth-child(9) ul.sub-menu li a:hover{	color:#e4b300;}

 .site-navigation > ul > li:nth-child(10) ul.sub-menu li a:hover {color:#ff6e46;}

 

 

 

  .site-navigation > ul > li:nth-child(1) ul.sub-menu li:hover{ color:#f36c29}

 .site-navigation > ul > li:nth-child(2) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #faa327;}

 .site-navigation > ul > li:nth-child(3) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #d96227;}

 .site-navigation > ul > li:nth-child(4) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #e4b300;}

 .site-navigation > ul > li:nth-child(5) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #eb5024;}

 .site-navigation > ul > li:nth-child(6) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #f36c29;}

 .site-navigation > ul > li:nth-child(7) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #faa327;}

 .site-navigation > ul > li:nth-child(8) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #ff6e46;}

 .site-navigation > ul > li:nth-child(9) ul.sub-menu li:hover {	width: 100%;border-left: 5px solid #e4b300;}

 .site-navigation > ul > li:nth-child(10) ul.sub-menu li:hover {width: 100%;border-left: 5px solid #ff6e46;}

 

 

 .pro_home { background:#1E8B50;} 

.pro_home_2 { background:#F8A632;}

 

 .pro_home , .pro_home_2 {overflow: hidden; position:relative;  border: 1px solid #E4E4E4;}

.pro_home img, .pro_home a , .pro_home_2 img, .pro_home_2 a {font-size:70px;width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease;}

.pro_home:hover img , .pro_home_2:hover img {opacity: 0.3;}

.pro_home a , .pro_home_2 a{ font-size:24px !important; position:absolute;top: 35%; left:0px; text-align:center; color:#fff; z-index:1;  font-weight: 500; opacity:0; height:100%;}

.pro_home:hover a , .pro_home_2:hover a{font-size:55px; text-decoration:none; color:#000;top: 40%; opacity:1;}





  @media (min-width: 480px){

.piecharts .col-lg-2 {

    width: 19.961997%;

  padding: 0;

}

  }

 section.content { padding:0;}

 .features { }

 .features li { line-height:30px; font-weight:300; background:url(../images/bullet.png) scroll left no-repeat;  background-size: 7px;

  padding: 0px 20px; }

 @media (min-width: 1166px){

#portfolio-items-wrap .portfolio-item {

  width: 19.952% !important;

	 }

}









.lang{position: absolute;
    right: 55px;
    width: 92px;
    top: 8px;}