.web_box_shadow { 
padding:1em; 
text-align:left; 
font-size:1.0em; 
line-height:1.4em; 
box-shadow:inset 0 0 20px rgba(0,0,0,.1)
}
.padding_box_shadow { 
padding:5px 0 20px;
}
.padding_box_shadow div.web_down_shadow { 
border-radius:5px;
}
.web_down_shadow {
margin-top:20px;
position:relative;
background:#fff;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.web_down_shadow:before,.web_down_shadow:after {
content:"";
position:absolute;
z-index:-2;
bottom:17px;
left:10px;
width:50%;
height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.web_down_shadow:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);}
.box_top_c {
   margin:-20px 0 40px 0; 
   background-color:#DFDFDF;
   padding:30px 10px;   
}
h7{
text-align:center; 
font-family:inherit;
font-weight:bold;
line-height:20px;
color:inherit;
text-rendering:optimizelegibility; 
font-size:17.5px;
}
.box_top_d{
   margin:30px 0;
   background-color:#303030;
   padding:30px 10px;
}
.box_top_d_down{
   margin:30px 0;
   background-color:#303030;
   padding:30px 10px;
}
.box_top_d_down h1,.box_top_d_down h2,.box_top_d_down h3,.box_top_d_down h4,.box_top_d_down h5,.box_top_d_down h6,.box_top_d_down h7,.box_top_d h3{
color:#FFFFFF;
}
.box_border_background {
border-color:#D7D7D7;
background-color:#F3F3F3;
}
.padding{
padding:8px;
}
.padding-img{
padding:0 0 8px 0;
}
.view_image {
   height: 200px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.view_image .mask, .view .content {
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view_image img {
   display: block;
   position: relative;
}

.view_image a.info {
   background:url(img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}

.effect_image .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.effect_image a.info {
   position:relative;
   top:-10px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.effect_image:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}

.effect_image:hover a.info {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}
.aswed {
background-color:#006633;
margin:0 0 0 0;
}
.margin_top_50 {
margin-top:-50px;
}
/*social-icons*/
.social-icons {
  display: inline-block;
  margin-left:-5px;
}
.social-icons li {
  display: inline-block;
  margin-left: 3px;
}
.social-icons li a {
  display: block;
}
.social-icons li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


.h2-title h2{
    	padding-left:15px;
		color:#666666;
}
.about-wb li{
    margin: -8px 0; /* not needed, just to add space between the li's */
    list-style: none;
    padding: 2px 0px 2px 35px;
    line-height: 20px; /* Might have to play with this value a bit */
}
.about-wb-div{
	margin:0 -30px 0 -53px;
	background-color:#595959;
	border:2px solid;
	border-radius:25px;
    /*background: url('../img/bullet-no.png') no-repeat left center;*/
	color:#FFFFFF;
	height:48px;
	font-weight: bold;
	font-size:20px;
    padding: 0px 20px 0px 19px;
	float:left;
    line-height: 48px;
}
.about-wb-div-min{
	margin:0 -30px 0 -53px;
    background: url('../img/bullet-arrow.png') no-repeat left center;
	background-color:#595959;
	border:0px;
	border-radius:25px;
	color:#FFFFFF;
	height:23px;
	font-weight: bold;
	font-size:15px;
    padding: 0px 12px 0px 12px;
	float:left;
    line-height: 22px;
}
.about-wb-text-min{
	margin-left:-16px;
	padding-bottom:5px;
	color: #666666;
}
.about-wb-text{
	margin-left:4px;
	padding-bottom:5px;
	color: #666666;
}
.listwb li {
    height: 19px;
    margin: -8px 0; /* not needed, just to add space between the li's */
    background: url('../img/arrow_blue_right.png') no-repeat left center;
    list-style: none;
    padding: 2px 5px 2px 35px;
    line-height: 20px; /* Might have to play with this value a bit */
}
.listwb hr {
    width:90%;
	

}
.blog-archive{
	max-width:330px;
	float:left;
	padding-left:50px;
	margin-bottom:30px;
	
}
.blog-archive h2{
    	margin-left:10px;
		color:#666666;
}
.blog-img {
float:left;
padding:10px;
width:300px;
height:200px;
}

.about-img {
padding:0px;
width: auto;
height:auto;
}
h8 {
font-family:"Segoe UI";
font-size:20px;
}
h9 {
color:#CC0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
}
h10 {
color:#5b5b5b;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
}
h11 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.black-bg {
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
}

}
/*-----------------listgall------------------*/
.padbot1 {
	padding-bottom: 16px;
}
.listgall {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	overflow: hidden;
	padding-top: 4px;
}
.listgall li {
	position: relative;
	margin: 0 0 28px;
}
.listgall li figure a > img {
	width: 100%;
	border: 1px solid #d1d1d1;
}
.listgall li figure a {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
}
.listgall li figure a span {
	box-sizing: border-box;
	padding: 11px 0 0 14px;
	text-align: left;
	bottom: 0;
	right: -100%;
	width: 557px;
	height: 51px;
	position: absolute;
	background: url(../img1/patterncarusel2.png);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.listgall li figure a span strong {
	display: block;
	text-transform: uppercase;
	color: #fc4349;
	font-family: 'Ubuntu', sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
}
.listgall li figure a span em {
	position: relative;
	top: -4px;
	color: #FFF;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
}
.listgall li figure a span img {
	position: absolute;
	top: 10px;
	margin-top: 0;
	right: 8px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.listgall li figure a:hover span {
	bottom: 0;
	right: 0;
	position: absolute;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
/*--------------------list-blog----------------------*/

/*Portfolio Images*/

@media (max-width: 480px) {
.boxgrid {
	width: 320px;
    height: 210px;
}
}
@media (min-width:481px) and (max-width:520px) {
.boxgrid {
	width: 415px;
    height: 275px;
}
}
@media (min-width:521px) and (max-width:767px) {
.boxgrid {
	width: 213px;
    height: 140px;
}
}
@media (min-width:768px) and (max-width:979px) {
.boxgrid {
	width: 342px;
    height: 225px;
}
}
@media (min-width:980px) and (max-width:1199px) {
.boxgrid {
	width: 292px;
    height: 192px;
}
}
@media (min-width: 1200px) {
.boxgrid {
	width: 271px;
    height: 175px;
}
}

.boxgrid{
    float:left;
    background:#161613;
    border: solid 0px #8399AF;
    overflow: hidden;
    position: relative;
    margin:10px;
}
.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }	
 .captionfull .boxcaption {
    top: 260;
    left: 0;
}
.caption .boxcaption {
    top: 220;
    left: 0;
}

/*--------------------Google Map----------------------*/


@media (max-width: 480px) {
.map {
	width: 320px;
    height: 250px;
}
.map iframe {
    height: 250px;
}
}
@media (min-width:481px) and (max-width:520px) {
.map {
	width: 500px;
    height: 400px;
}
.map iframe {
    height: 400px;
}
}
@media (min-width:521px) and (max-width:767px) {
.map {
	width: 740px;
    height: 350px;
}
.map iframe {
    height: 350px;
}
}
@media (min-width:768px) and (max-width:979px) {
.map {
	width: 950px;
    height: 450px;
}
.map iframe {
    height: 450px;
}
}
@media (min-width:980px) and (max-width:1199px) {
.map {
	width: 980px;
    height: 400px;
}
.map iframe {
    height: 400px;
}
}
@media (min-width: 1200px) {
.map {
	width: 1100px;
    height: 500px;
	margin-bottom: -40px;
}
.map iframe {
    height: 500px;
	margin-bottom: -40px;
}
}

.map {
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
}
.map iframe {
	width: 100%;
	height: 453px;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	border: 1px solid #d1d1d1;
}

/*--------------------END Google Map----------------------*/

/*------------contact form------------*/
.mbot3 {
	display: block;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	color: #9a9da2;
	margin-bottom: 2px;
}
#contact-form .coll-1, #contact-form .coll-2, #contact-form .coll-3 {
	margin-right: 7px;
	margin-bottom: 24px;
	width: 198px;
	display: inline-block;
}
#contact-form .coll-3 {
	margin-right: 0;
}
.coll-message {
	position: relative;
}
#contact-form {
	margin-top: 0;
	position: relative;
}
#contact-form label {
	position: relative;
	/*!*/

  display: block;
}
#contact-form span {
	display: block;
}
#contact-form ._placeholder {
	width: 100%!important;
	position: absolute;
	/*!*/

  left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: text;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	color: #9a9da2;
	padding: 5px 10px 5px 10px;
	border-radius: 0;
	display: block;
}
#contact-form ._placeholder.focused {
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	color: #9a9da2;
	opacity: .4;
	filter: alpha(opacity=40);
	box-shadow: none;
	padding: 5px 10px 5px 10px;
	width: 100%;
}
#contact-form ._placeholder.hidden {
	display: none;
}
#contact-form input, #contact-form textarea {
	outline: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	color: #9a9da2;
	width: 95%;
	height: 34px;
	border-radius: 0;
	padding: 5px 10px 5px 10px;
	border: 1px solid #e4e1e3;
	background: #FFF;
}
#contact-form textarea {
	height: 164px;
	resize: none;
	margin: 0 0 32px;
	overflow: hidden;
}
.top1 {
	top: 20px !important;
}
.req {
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	color: #9a9da2;
	position: relative;
	display: inline-block;
	margin-left: 20px;
	top: -14px;
}
#contact-form > label {
	margin-bottom: 0;
}
#contact-form .error-message, #contact-form .empty-message {
	height: 0;
	overflow: hidden;
	font: 10px/20px Arial;
	-webkit-transition: 0.3s ease-in height;
	transition: 0.3s ease-in height;
	position: absolute;
	right: 80px;
	top: 40px;
	color:#CC0000;
}
#contact-form .invalid .error-message, #contact-form .empty .empty-message {
	height: 20px;
}
#contact-form .success-message {
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	color: #9a9da2;
	position: absolute;
	overflow: hidden;
	height: 0;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 0;
	background: #FFF;
	z-index: 10;
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.7s linear;
	transition: all 0.7s linear;
	padding: 0;
}
#contact-form.success .success-message {
	height: 60px;
	padding: 20px 0;
	border: 1px solid #e4e1e3;
	-webkit-transition: all 0.7s linear;
	transition: all 0.7s linear;
}
/*----END CONTACT FORM----*/
/*---Back to top---*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:42px;
	height:42px;
	border:none;
	text-indent:100%;
	background:url(../img/gotop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/gotop.png) no-repeat left -42px;
	width:42px;
	height:42px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*--Categories--*/
.rounded-ol{
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	/**list-style: decimal;  Keep using default numbering for IE6/7 */
	padding: 0;
	margin-bottom: 4em;
}

.rounded-ol ol{
	margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.rounded-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #ddd;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;	
}

.rounded-list a:hover{
	background: #eee;
}

/*.rounded-list a:hover:before{
    transform: rotate(360deg);	
}*/

.rounded-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background:#6A6A6A;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	color:#FFFFFF;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}

/*--END Categories--*/