@charset "utf-8";
/* CSS Document */



/********************************************************/
/********************************************************/
/* Media Clouds LLC / +972 2 2964544                      //
//                                                        //
// Design: Ahmad Fattouh (afattouh@media-clouds.com)      //
//														  //
// Development: Wissam Fattouh (wfattouh@media-clouds.com)//
// 														  //
/********************************************************/
/********************************************************/

/*-------------------------------------------------
				 HTML RESETS + TEXT ELEMENTS
---------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;

 }
 


@font-face {
    font-family: 'karla';
    src: url('font/karla-bold.eot');
    src: url('font/karla-bold.eot?#iefix') format('embedded-opentype'),
         url('font/karla-bold.woff') format('woff'),
         url('font/karla-bold.ttf') format('truetype'),
         url('font/karla-bold.svg#karlabold') format('svg');
    font-weight:bold;
    font-style: normal;
}

@font-face {
    font-family: 'open sans';
    src: url('font/opensans-regular.eot');
    src: url('font/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular.woff') format('woff'),
         url('font/opensans-regular.ttf') format('truetype'),
         url('font/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open sans';
    src: url('font/opensans-bold.eot');
    src: url('font/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold.woff') format('woff'),
         url('font/opensans-bold.ttf') format('truetype'),
         url('font/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
 body {				
	 margin:0 auto;
	 padding:0;
	 background-color:#fff;
	 font-size:18px;
	 width:100%;
	 font-family:"open Sans", arial, sans-serif;
	 color:#181e2a;
}
li {list-style-type:none;}
table {
	border-collapse:collapse;
	border-spacing:0;
}

textarea,input {font-family: Arial, sans-serif; font-size:14px;color:#181e2a; padding:2px; border:1px solid #181e2a;}
textarea:focus, input:focus{outline:none; }
textarea{resize:none;}

a { display:block; text-decoration:none; height:100%; color:#d81929;}
a img{ border:none;}
h1{
	font-size:18px;
	font-weight:bold;
	font-family:karla, Arial, sans-serif;
}

.clear{
	clear:both;
}
.fixed{
	position:fixed;
	top:0;
}
/*-------------------------------------------------
				 WEB PAGE ELEMENTS
---------------------------------------------------*/
.bx-wrapper .bx-viewport {
	
	box-shadow:none !important;
    border:none !important;
    left: -5px;
    background:none !important;
}
.bx-wrapper .bx-prev {
left: -75px !important;
}
.bx-wrapper .bx-next{
	right: -50px !important;
}
.bx-wrapper .bx-pager{
	display:none;
	
}
.bxslider li img {
	height:200px;
	
}
.side-menu, .side-expand{
	width:332px;
	top:140px;
	margin-left:-342px;
	position:fixed;
	border-radius: 0 4px 4px 0; 
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border:4px solid #d81929;
	float:left;
	display:block;
	z-index:1000;
	background: #f9fcf7;
	background: -moz-radial-gradient(center, ellipse cover,  #f9fcf7 0%, #f5f9f0 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0));
	background: -webkit-radial-gradient(center, ellipse cover,  #f9fcf7 0%,#f5f9f0 100%);
	background: -o-radial-gradient(center, ellipse cover,  #f9fcf7 0%,#f5f9f0 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #f9fcf7 0%,#f5f9f0 100%);
	background: radial-gradient(ellipse at center,  #f9fcf7 0%,#f5f9f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 );
	-webkit-box-shadow: 1px 0 5px 0 rgba(0,0,0,.7);
	box-shadow: 1px 0 5px 0 rgba(0,0,0,.7);
}
.getquote h4{
	font-size:14px;
	font-family:"open Sans", arial, sans-serif;
	color:#d81929;
}
.side-expand{
	margin-left:-4px;
}
.side-button,.button-hover,.button-expand{
	display:block;
	background:#84c159;
	color:#fff;
	position:fixed;
	top:265px;
	margin-left:-10px;
	float:left;
	z-index:10000;
	 height:90px;
     width:45px;
     border-radius: 0 90px 90px 0;
     -moz-border-radius: 0 90px 90px 0;
     -webkit-border-radius:  0 90px 90px 0;
     background:#d81929;
	 -webkit-box-shadow: 1px 0 5px 0 rgba(0,0,0,.7);
box-shadow: 1px 0 5px 0 rgba(0,0,0,.7);
background:url(images/icons/getquote.png) no-repeat center;
background-color:#d81929;

}

.side-button img{
	display:inline-block;
	float:right;
	margin: 32px 7px 0 0;
}
.side-button:hover{
	background:url(images/icons/getquote-h.png) no-repeat center;
	background-color:#d81929;
}
.button-hover{
	margin-left:332px;
	background:url(images/icons/getquote-h.png) no-repeat center;

}
.button-hover img{
	display:inline-block;
	float:right;
	margin: 0 6px 0 0;
}
.button-expand{
	margin-left:334px;
	background:url(images/icons/getquote-h.png) no-repeat center;
	background-color:#d81929;
}

.getquote{
	font-size:20px;
	padding:10px 20px;

}

.getquote p{font-size:10px!important;}
.getquote input{
	height:16px;
	width:200px;
	margin-top:20px;
	border-color:#6d6e71;
}
.getquote input:focus{
	border:1px solid #d81929; 
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ACACAC !important; 
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ACACAC !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ACACAC !important;
	opacity:1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ACACAC !important;
}
.getquote textarea{
	width:290px;
	height:92px;
	padding:5px;
	line-height:14px;
	margin-top:20px;
	margin-bottom:5px;
	border-color:#6d6e71;
}
.getquote textarea:focus{
	border:1px solid #d81929; 
}
.submit-btn{
	width:100px !important;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	min-height:32px;
	margin-left:96px;
	margin-right:100;
	font-size:16px;
	font-weight:bold;
	color:#f1f1f1;
	cursor:pointer;
	border:none;
	background:#6d6e71;
	-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.submit-btn:hover{
	color:#fff;
	background:#d81929;
}

.logo{
	display:block;
	margin:0 auto;
	margin-top:100px;
}
.header{
	position:fixed;
	z-index:15;
	height:90px;
	width:100%;
	background-color: rgba(255, 255, 255, .8);
	color: rgba(255, 255, 255, .5);	
	margin:0 auto;
	text-align:center;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .4);
    box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .4);

}
#inner{
	position:relative;
}
.header-content{
	width:1060px;
	height:90px;
	margin:0 auto;
	overflow:hidden;
	
}
.head-logo{
	float:left;
	width:112px;
}
.head-logo img{
	margin-top:10px;
}
.menu{
	float:right;
	height:90px;
}

.menu li{
	float:left;
}
.menu li:nth-child(even){
	width:10px;
	height:77px;
	background:url(images/dot.png) no-repeat 1px 41px;
}
.menu li a{
	display:block;
	height:44px;
	font-size:16px;
	font-weight:bold;
	line-height:44px;
	margin-top:23px;
	color:#6d6e71;
}
.menu li a.wide{
	width:150px;
}
.menu li a.narr{
	width:107px;
}
.menu li a.wide:hover, #selected-wide{
	background:url(images/hover-menu.png) no-repeat center;
	color:#fff;
}
.menu li a.narr:hover, #selected-narr{
	background:url(images/hover-Smenu.png) no-repeat center;	
	color:#fff;
}
.banner{
	position:relative;
	width:100%;
	min-height:640px;
	height:100vh;
	overflow:hidden;
	background:url(images/home-img.jpg) fixed center no-repeat;
	background-size:cover;
	-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);
	box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);
	border-bottom:1px solid #585858;
	z-index:1;
}

.content{
	display:block;
	height:auto;
	width:1070px;
	margin:0 auto;
	padding:20px 0;
	position:relative;
}

.banner h1{
	color:#d71829;
	margin-top:260px;
	font-size:38px;
	width:100%;
	font-weight:bold;
	text-align:center;
	display:block;
}
.section1, .inner-sec{
	width:100%;
	padding-top:100px;
	background:url(images/backgrounds/arrow-sep2.png) no-repeat center bottom;
}
.inner-sec p{
	padding:20px 60px 10px 60px;
	float:left;
	text-align:justify;
	line-height:30px;
}
.section1 .content{
	min-height:450px;
}
.section1 img{
	float:left;
	left:0px;
	margin-top:-20px;
	position:absolute;
}
.text{
	position:relative;
	width:700px;
	/*float:left;*/
	/*margin-left:400px;*/
	margin-left: 37%;
}
.text p{
		color:#494b52;
	font-size:18px;
	line-height:30px;
	margin-bottom:30px;
}
.title, .title2, h2.title{
	color:#d81929;
	font-size:28px;
	font-weight:bold;
	text-indent:20px;
}
h2.title{
	font-family:karla, Arial, sans-serif;
}
.mini-title, .mini-title2{
	color:#6d6e71;
	font-size:20px;
	font-weight:normal;
	margin-bottom:30px;
	text-indent:20px;
}
.title2{
color:#fff;
text-align:center;
}
.mini-title2{
color:#dadada;
text-align:center;
}
.r-more{
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	width:130px;
	height:35px;
	text-align:center;
	line-height:35px;
    background:url(images/buttons/r-more.png) no-repeat;
}

.section2{
	padding:100px 0 0px 0;
	background:url(images/backgrounds/bg2.png) ;
}
.section2 .content{
	height:auto;
	text-align:center;
	color:#494b52;
	font-size:18px;
	padding-bottom:10px;
	line-height:30px;
}
.section2  .title{
	text-indent:0px;
	margin-bottom:30px;
}
.section2 img{
	margin-top:50px;
	width: 100%;
}
.section2 .r-more{
	display:block;
	margin:0 auto;
	margin-top:30px;
}
.section3{
	height:665px;
	padding-top:50px;
	background:url(images/backgrounds/bg3.png) repeat-x;
	background-position:bottom;
	background-color:#fff;
}
.section3 .title{

	text-align:center;
	text-indent:0px;
	margin-top:50px;
}
.section3 .r-more{
	display:block;
	margin:0 auto;
	margin-top:55px;
	position:absolute;
	right:-120px;
}
.ser-container{
	position:relative;
	float:left;
	width:100%;
	margin-top:150px;
	z-index:10;
}
.service{
	float:left;
	height:auto;
	width:auto;
	margin:0 95px 0 0;
}
#no-margin-right{
	margin:0 0 0 0;
}
.ser1{
	display:block;
	width:76px;
	height:258px;
	background:url(images/backgrounds/service1.png) no-repeat center;
}
.ser1:hover{
	background:url(images/backgrounds/service1-h.png) no-repeat center;
}
.ser2{
	display:block;
	width:85px;
	height:258px;
	background:url(images/backgrounds/service2.png) no-repeat center;
}
.ser2:hover{
	background:url(images/backgrounds/service2-h.png) no-repeat ;	
}
.ser3{
	display:block;
	width:111px;
	height:258px;
	background:url(images/backgrounds/service3.png) no-repeat center;
}
.ser3:hover{
	background:url(images/backgrounds/service3-h.png) no-repeat center;
}
.ser4{
	display:block;
	width:138px;
	height:258px;
	background:url(images/backgrounds/service4.png) no-repeat center;
}
.ser4:hover{
	background:url(images/backgrounds/service4-h.png) no-repeat;
}
.ser5{
	display:block;
	width:101px;
	height:258px;
	background:url(images/backgrounds/service5.png) no-repeat center;
}
.ser5:hover{
	background:url(images/backgrounds/service5-h.png) no-repeat ;
}
.ser6{
	display:block;
	width:82px;
	height:258px;
	background:url(images/backgrounds/service6.png) no-repeat center;
}
.ser6:hover{
	background:url(images/backgrounds/service6-h.png) no-repeat ;
}
.shadows{
	position:relative;
	float:left;
	margin-top:-30px;
	z-index:1;
}

.service span{
	color:#d82132;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	margin-top:275px;
	margin-left:22px;
	max-width:150px;
	min-width:80px;
	text-align:center;
}
.service a:hover span{
	color:#d82132;
}

.ser2-span{
	width:120px;
	margin-left:-10px!important;
}
.ser3-span{
	width:100px;
	margin-left:10px!important;
}
.ser4-span{
margin-left:12px!important;
}
.ser5-span{
	margin-left:29px!important;
}
.ser6-span{
	margin-left:25px!important;
}
.ser-slogan{
	position:absolute;
	width:330px;
	height:60px;
	background:url(images/backgrounds/serv-slogan-bg.png) no-repeat;
	margin:70px 0 0 370px;
	text-align:center;
	font-weight:bold;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}
.bulbs{
	position:relative;
	margin-top:-20px;
}
.lights{
	position:relative;
	margin-top:-12px;
	display:none;
}
.ser-slogan span{
	position:absolute;
	width:100%;
    font-size:16px;
    color:#fff;
	display:none;
	top:0;
	left:0px;
	line-height:60px;
}

.section4{
	padding:100px 0 0px 0;
	height:750px;
	background-position:bottom;
	/*background:url(file:///E|/design-elements/web-backgrounds/brushed/brushed_@2X.png);	*/
	background:url(images/backgrounds/section4.png) repeat;
	background-color:#fff;
	-webkit-box-shadow:inset 0 2px 6px 0 rgba(0,0,0,.2);
box-shadow:inset 0 2px 6px 0 rgba(0,0,0,.2);
}
.section4 .title, .section5 .title{
	width:100%;
	margin-top:20px;
	text-align:center;
}
.section4 .content{
	height:625px;
	background:url(images/backgrounds/w-samples-bg.png) no-repeat bottom;
}
.section4 .content a:hover{
	background:url(images/work-samples/sample-h.png) center no-repeat;
}
.section4 .content span{
	 position:absolute;
        color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 161px;
	line-height: 20px;
	margin-top: 80px;
	text-align: center;
	display: none;
}
.section4 .content a:hover span{
	display:block;
}
.section4 .r-more{
	float:right;
	position:absolute;
	top:600px;
	right:0px;
}
.section4 .r-more:hover{
	color:#fff!important;
	background:url(images/buttons/r-more.png) no-repeat!important;
}
.sample1,.sample2,.sample3,.sample4,.sample5,.sample6,.sample7,.sample8{
	display:block;
	width:161px;
	height:156px;
}

.sample1{
		margin:31px 0 0 63px;
		background:url(images/work-samples/sample1.png)
}
.sample2{
	margin:-68px 0 0 315px;
		background:url(images/work-samples/sample2.png)
}
.sample3{
	margin:37px 0 0 146px;
		background:url(images/work-samples/sample3.png)
}
.sample4{
	margin:-135px 0 0 446px;
		background:url(images/work-samples/sample4.png)
}
.sample5{
	margin:-262px 0 0 679px;
		background:url(images/work-samples/sample5.png)
}
.sample6{
	margin:-355px 0 0 845px;
		background:url(images/work-samples/sample6.png)
}
.sample7{
	margin:293px 0 0 661px;
		background:url(images/work-samples/sample7.png)
}
.sample8{
	margin:-581px 0 0 497px;
		background:url(images/work-samples/sample8.png)
}
.seperator{
	display:block;
	width:558px;
	margin:0 auto;
	margin-top:7px;
	
}
.contact{
	width:100%;
	height:auto;
	padding:30px 0 40px 0;
	-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);
	box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);
	background:url(images/backgrounds/contact-bg.png) no-repeat top;
	background-size:cover;
	z-index:10;
	text-align:center!important;
}
.contact .title{
	display:block;
	width:100%;
	color:#828282;
	text-align:center;
	text-indent:0px;
	text-shadow: 1px 1px 0 #7a0811;
}
.contact .content p {
	text-align:center!important;
	color:#000;
}
.content p{
	text-align:left;
	color:#000;
}
.social{
	width:225px;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
.fb{
	display:inline-block;
	margin-right:20px;
	height:35px;
	width:35px;
	background:url(images/buttons/facebook.png);
}
.fb:hover{
	background:url(images/buttons/facebook-h.png);
}
.inst{
	display:inline-block;
	margin-right:20px;
	height:35px;
	width:35px;
	background:url(images/icons/instagram.png);
}
.inst:hover{
	background:url(images/icons/instagram-h.png);
}
.tw{
	display:inline-block;
	height:35px;
	width:35px;
	background:url(images/buttons/twitter.png);
}
.tw:hover{
	background:url(images/buttons/twitter-h.png);
}
.li{
	display:inline-block;
	height:35px;
	width:35px;
    margin-right:20px;
	background:url(images/buttons/linkedin.png);
}
.li:hover{
	background:url(images/buttons/linkedin-h.png);
}
.footer{
	width:100%;
	height:auto;
	padding:20px 0px 20px 0px;
	background:url(images/backgrounds/footer-bg.png);
	background-size:cover;
	float:left;
	-webkit-box-shadow:inset 0 -1px 3px 0 rgba(0,0,0,.3);
	box-shadow:inset 0 -1px 3px 0 rgba(0,0,0,.3);
	z-index:10;
}
.footer h3{
	color:#2b2b2b;
	font-size:14px;
	margin-bottom:10px;
}
.footer ul{
	display:inline-block;
	float:left;
	margin-top:0;
	margin-left:300px;
}
.footer ul:nth-child(2){
	margin-left:200px;
}
.footer ul:last-child{
	margin-top:29px;
	margin-left:100px;
}
.footer a{
	color:#ACACAC;
	font-size:14px;
}
.footer a:hover{
	color:#d81929;
}
.footer li{
	margin-bottom:10px;
}
.legal-notice{
	float:left;
	line-height:40px;
	font-size:12px;
	font-weight:bold;
	width:100%;
	text-align:center;
	height:40px;
	color:#ACACAC;
	border-top:1px solid #000;
	background:#080c0f;
}
.section5{
/*background: rgb(255,255,255);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );*/

border-top:4px solid #CDCDCD;
}
.section5 .content{
	padding-top:100px;
}
.section5 .title{
	text-indent:0px;
	margin-bottom:50px;
}


.inner-sec{
	padding-top:30px;
	background:none;
}
#who-we-are{
	padding:40px 0px;
}
#what-we-do{
	background:url(images/backgrounds/wwd-bg.png);
}

.big-title .title2, .big-title .mini-title2{
	width:100%;
	text-indent:0;
	margin:0;
	text-align:center;
}
.big-title .title2{
	font-size:28px;
	font-family:"open Sans", arial, sans-serif;
	font-weight:bold;
}
#who-we-are img{
	display:block;
	margin:0 auto;	
}
.icon{
	display:block;
	float:left;
	min-height:100px;
	width:130px;
	margin:20px 20px 30px 0;
}
.icon-text{
	display:block;
	font-size:14px;
	margin-top:10px;
	font-family:karla, Arial, sans-serif;
	width:100%;
	font-weight:bold;
	text-align:center;
	float:left;
}
.samples{
	position:relative;
	background:url(images/backgrounds/section4.png);
}
#sample1,#sample2,#sample3,#sample4,#sample5,#sample6,#sample7,#sample8{
	padding:40px 0;
	float:right;
}

.sample-text{
	margin-top:40px;
	float:left;
	width:470px;
}

.sample-text li:nth-child(odd){
	display:block;
	width:107px;
	height:44px;
	background:url(images/hover-Smenu.png);
	background-size:cover;
	color:#fff;
	line-height:44px;
	text-align:center;
	font-weight:bold;
}
.sample-text li:nth-child(even){
	display:inline-block;
	width:350px;
	height:44px;
	color:#6d6e71;
	line-height:44px;
	padding-left:100px;
	font-weight:bold;
}
.sample-text li:last-child{
	display:inline-block;
	width:350px;
	margin-top:10px;
	min-height:44px;
	height:auto;
	color:#6d6e71;
	line-height:24px;
	word-wrap:break-word;
	padding-left:100px;
	font-weight:bold;
}
.sample-img{
	float:left;
	display:block;
	width:600px;
	height:auto;
	background:#2b2b2b;
	   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    box-shadow: 0px 0px 5px rgba(0,0,0,.8);
}
#sample2,#sample4,#sample6,#sample8{
	background:url(images/backgrounds/samples-bg.png);
	color:#D6D6D6;
}
#sample2 .sample-text li:nth-child(even),#sample4 .sample-text li:nth-child(even),
#sample6 .sample-text li:nth-child(even),#sample8 .sample-text li:nth-child(even)
{
	color:#D6D6D6;
}
.text-right{
	position:relative;
	width:700px;
	float:left;
	margin-top:20px;
	margin-left:250px;
}

.text-right p{
	color:#494b52;
	font-size:18px;
	line-height:30px;
	padding:20px 0 0 0px;
	margin-bottom:30px;
}
.text-center, .text-quotation, .text-center2{
	float:left;
	margin-left:7.5%;
	margin-top:40px;
	margin-bottom:20px;
	position:relative;
	width:85%;
	text-align:center;
}
.text-center p, .text-quotation p{
	color:#494b52;
	font-size:18px;
	line-height:30px;
	padding:0;
	text-align:center;
}

.text-center2 p{
	text-align:justify;
}
.text-left{
	display:block;
	width:51.5%;
	height:auto;
	float:left;
	padding:20px 0;
	line-height:30px;
}
.text-left p{
	color:#494b52;
	font-size:18px;
	line-height:30px;
	padding:0;
	text-align:justify;
}
.text-quotation{color:#6d6e71; text-align:center;}
.text-center .mini-title, .text-center .title, .text-quotation .mini-title{
	color:#d81929;
	text-indent:0;
}
.img-left{
	float:left;
	left:0px;
	position:absolute;
}
.services-menu{
	height:40px;
	display:block;
	margin:0 auto;
	line-height:40px;
	text-align:center;
	background:#d81929;
}
.services-menu li{
	color:#fff;
	display:inline-block;
	margin-right:20px;
}
.services-menu li:last-child{
	margin-right:0px;
}
.services-menu li a{
	font-weight:bold;
	height:35px;
	font-size:14px;
	color:#f5f5f5;
}
.services-menu li a:hover, .services-menu li a.selected{
	border-bottom:2px solid #fff;
	color:#fff;
}
.services{
	background:url(images/backgrounds/who-we-are.html);
	-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);
box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);
}
.artwork-icons{
	display:block;
	width:716px;
	margin:0 auto;
	margin-top:30px;
	height:100px;
	background:url(images/icons/icons-bg.png) no-repeat right;
}
.artwork-icons img{
	margin-right:100px;
}
.artwork-icons img:last-child{
	margin-right:0px;
}
.quotation{
	display:inline-block;
	height:40px;
	margin-right:20px;
	width:30px;
	background:url(images/icons/quotation.png) no-repeat center;
}
.quotation2{
	display:inline-block;
	margin-left:20px;
	position:absolute;
	height:40px;
	width:30px;
	background:url(images/icons/quotation2.png) no-repeat center;
}
.name{
	padding:20px 0;
	float:right;
	color:#9d9ea2;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
#no-padding{
	padding-top:0px;
}
.no-margin{
	margin-top:0!important;
}
.bgImage-right{
	position:absolute;
	width:auto;
	height:auto;
	right:0;
	top:40px;
}
.bgImage-right2{
	position:absolute;
	width:auto;
	height:auto;
	top:125px;
	right:110px;
}
.bgImage-center{
	position:relative;
	width:auto;
	height:auto;
	margin:0 auto;
	margin-bottom:40px;
}
.social-services{
	display:block;
	margin:0 auto;
}
.social-services li{
	display:block;
	text-align:left;
	margin-bottom:10px;
}
.dot{
	display:inline-block;
	background:url(images/dot.png) no-repeat center;
	width:8px;
	height:17px;
	margin-right:40px;
}
/*-------------------------------------------------
				 Samples Slider
---------------------------------------------------*/

.gallery{
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	width:600px;
	overflow:hidden;
}

.slides{
	height:300px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:600px;
	overflow:hidden;
}

.slide{
	float:left;
}

.slides-menu{
	height:80px;
	background:#191919;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
}

.slides-menu ul{
	margin:0px;
	padding:0px;
	margin-left:70px;
	
}

.slides-menu li{
	width:120px;
	display:inline-block;
	list-style:none;
	height:60px;
	margin-right:20px;
	margin-top:10px;
	overflow:hidden;
}

.slides-menu li.inact:hover{
	outline:2px solid #d81929;
		-moz-box-shadow:0 0 3px #d81929;
	-webkit-box-shadow:0 0 3px #d81929;
	box-shadow:0 0 3px #d81929;
}

.slides-menu li.act,li.act:hover{
	outline:2px solid #d81929;
		-moz-box-shadow:0 0 3px #d81929;
	-webkit-box-shadow:0 0 3px #d81929;
	box-shadow:0 0 3px #d81929;
}

.slides-menu li.act a{
	cursor:default;
}

.slides-menu .fbar{
	width:2px;
}

.slides-menu li a{
	display:block;
	height:60px;
}

.slides-menu li a img{
	border:none;
}


/* The styles below are only necessary for the demo page */
#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:920px;
	position:relative;
}
.download, .download2{
    padding-left:45px;
	background:url(images/buttons/download.png) left top no-repeat;
	float:right;
    margin-top:50px;
	color:#d81929;
	font-size:18px;
	height:35px;
	line-height:35px;
	font-weight:bold;
}
.download2{
    color:#ffffff;
}
.download:hover, .download2:hover{
	color:#d71829;
}
.bgImage-center2{
    position:relative;
	width:auto;
	height:auto;
	margin:0 auto;
	margin-bottom:40px;
    margin-top:40px;
}
.inner-header{
    padding-top:30px;
	height:90px;
	position:relative;
	background:url(images/backgrounds/header.png) center;
}
.blog-btn a{
	position: relative;
    display: block;
    color: #fff;
    font-size: 14px;
    background: #D71829;
    font-weight: bold;
    width: 170px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.7);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30%;
    line-height: 29px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.blog-btn a:hover{
	background:#db303f;
}
.blog-btn img{
	display:block;
    margin: 0 auto;
    padding-top: 10px;
}
@media screen and (max-width: 1070px) {
	.header-content{
		width:980px;
	}
	.service{
		margin: 0 7% 0 0;
	}
	.shadows{
		width:100%;
	}
	.shadows img{
		width:100%;
	}
	.text{
		width:595px;
	}
	.content{
		width:100%;
	}
	.content p{
		display:block;
		width:90%;
		font-size:1em!important;
		margin:0 auto;
		margin-bottom:30px;
	}
	.sample1{
	    margin: 31px 0 0 2%;
	}
	.sample2{
	    margin: -68px 0 0 28%;
	}
	.sample3{
	    margin: 37px 0 0 10%;
	}
	.sample4{
		margin: -135px 0 0 41%;
	}
	.sample5{
	    margin: -262px 0 0 65%;
	}
	.sample6{
	    margin: -355px 0 0 82%;
	}
	.sample7{
	    margin: 293px 0 0 63%;
	}
	.sample8{
	    margin: -581px 0 0 46%;
	}
	.bgImage-right2{
		display:block;
		position:relative;
		top:0;
		right:0px;
		width:250px;
		margin:0 auto;
	}
	.icon{
		margin-right:8px;
	}
}