@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
	background-color:	#FFF;
	font-family: 		'Open Sans', sans-serif;
	font-size: 			16px;
	font-style:			normal;
	margin: 			0px;
	color:				#26C0E3;
	width:100%;
	}
#header { background-color: #fff; text-align:center; border: 0px; padding: 40px 0 35px 0; margin: 0 auto; width: 100%; overflow:hidden; }
#header svg	{ max-width:150px !important; }
#header img 	{ float:right; margin-top:25px; }



a:link 	  { text-decoration:none; color: #26C0E3; margin: 0px; }
a:visited { text-decoration:none; color:#26C0E3; margin:0px 0px 0px 0px; 	}
a:hover   { text-decoration:none; color:#2C4299; margin:0px 0px 0px 0px; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; transition: all 0.2s ease-out;}
a:active  { text-decoration:none; color:#2C4299; margin:0px 0px 0px 0px; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; transition: all 0.2s ease-out;}

ul{ list-style-type:square;}
span.reverse { unicode-bidi: bidi-override; direction: rtl; }


#container { background:#FFF url(../images/bck2.jpg) top center; background-size: cover; background-attachment: fixed; border:0px; padding:0; margin:0 auto; width:100%; overflow:hidden }

#title    { text-align:center; margin:0 auto; width:100%;  display:inline-block; background-color:#FFF; }
#title h1 { font-family: 'Open Sans', sans-serif; font-size: 46px; font-weight: 400; color: #2C4299; padding-top:0px; padding-bottom:30px; }
#title span { font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: 400; color: #26C0E3; padding:0 10px 0 10px;}




#whatwedo1 	  { text-align:center; padding:40px 20px 60px 20px; margin:0 auto; width:100%; background: transparent\9; background:rgba(0, 0, 0, 0.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff)"; zoom: 1; filter:none; display:inline-block;}
#whatwedo1 h2 { font-family: 'Open Sans', sans-serif; font-size: 50px; color: #FFFFFF; text-align:center; font-weight: 700; letter-spacing:-2px; padding:0px 0 0px 0px; }
#whatwedo1 h3 { font-family: 'Open Sans', sans-serif; font-size: 26px; color: #FFFFFF; text-align:center; font-weight: 400; letter-spacing:0px; padding:0px 0 40px 0px; }
#whatwedo1 span { font-family: 'Open Sans', sans-serif; font-size: 21px; font-weight: 400; color: #2C4299; padding:0 10px 0 10px;}
#whatwedo2 	  { margin:0 auto; max-width: 1000px; font-size: 18px; }
#whatwedo2 p  { font-family: 'Open Sans', sans-serif; color: #FFFFFF; text-align:left; font-weight: 300; line-height:24px; text-shadow: 1px 1px 1px #999; padding-bottom:15px; }

#digital1 	 { text-align:left; margin:0 auto; display: inline-block; line-height:24px; color:#2C4299; font-size:19px; padding:0 20px 0 20px; }
#digital1 ul { padding-left:20px; list-style:none; }
#digital1 li { margin-bottom:10px; }
#digital1 li:before { font-family: 'FontAwesome'; content: '\f046'; margin:0 5px 0 -15px; }

#digital2 	 { text-align:left; margin:0 auto; display: inline-block; line-height:24px; color:#2C4299; font-size:19px; padding:0 20px 0 20px; }
#digital2 ul { padding-left:20px; list-style:none; }
#digital2 li { margin-bottom:10px; }
#digital2 li:before { font-family: 'FontAwesome'; content: '\f046'; margin:0 5px 0 -15px; }






#content1 { text-align:center; padding:40px 0 60px 0; margin:0 auto; width:100%; background-color:#FFF; background:rgb(255, 255, 255); background: transparent\9; background:rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff)"; zoom: 1; filter:none; display:inline-block;}
#content1 h2 { font-family: 'Open Sans', sans-serif; font-size: 50px; padding:0px 0 30px 0px; font-weight: 700; color: #2C4299; text-align:center; letter-spacing:-2px;  }
#details1 { text-align:left; margin:0 auto; max-width: 500px; line-height:24px; color:#2C4299; font-size:17px; }

#content2 { text-align:center; padding:40px 0 60px 0; margin:0 auto; width:100%; background-color:#26C0E3; background:rgb(38, 192, 227); background: transparent\9; background:rgba(38, 192, 227, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c26C0E3,endColorstr=#4c26C0E3); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c26C0E3, endColorstr=#4c26C0E3)"; zoom: 1; filter:none; display:inline-block;}
#content2 h2 { font-family: 'Open Sans', sans-serif; font-size: 50px; padding:0px 0 30px 0px; font-weight: 700; color: #FFFFFF; text-align:center; letter-spacing:-2px; }

#print1 { text-align:left; margin:0 auto; display: inline-block; line-height:24px; color:#FFF; font-size:19px; padding:0 20px 0 20px; }
#print1 ul { list-style:none; }
#print1 li { margin-bottom:10px; }
#print1 li:before { font-family: 'FontAwesome'; content: '\f046'; margin:0 5px 0 -15px; }

#print2 { text-align:left; margin:0 auto; display: inline-block; line-height:24px; color:#FFF; font-size:19px; padding:0 20px 0 20px; }
#print2 ul { list-style:none; }
#print2 li { margin-bottom:10px; }
#print2 li:before { font-family: 'FontAwesome'; content: '\f046'; margin:0 5px 0 -15px; }




#content3    { text-align:center; padding:40px 0 60px 0; margin:0px auto 0 auto; width:100%; background-color:#ffffff;}
#content3 h2 { font-family: 'Open Sans', sans-serif; font-size: 50px; padding:0px 0 20px 0px; font-weight: 700; color: #26C0E3; text-align:center; letter-spacing:-2px;  }
#details3    { text-align:center; margin:0 auto; max-width: 500px; line-height:24px; color:#26C0E3; font-size:19px; }

#content4 	 { text-align:center; padding:40px 0 60px 0; margin:0 auto; width:100%; background-color:#EEEF1D; background:rgb(238, 239, 29); background: transparent\9; background:rgba(238, 239, 29, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cEEEF1D,endColorstr=#4cEEEF1D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cEEEF1D, endColorstr=#4cEEEF1D)"; zoom: 1; filter:none; display:inline-block; margin-bottom:-5px; }
#content4 h2 { font-family: 'Open Sans', sans-serif; font-size: 50px; padding:0px 0 20px 0px; font-weight: 700; color: #2C4299; text-align:center; letter-spacing:-2px; }
#details4    { text-align:center; margin:0 auto 40px auto; max-width: 800px; line-height:24px; color:#2C4299; font-size:19px; }

#content5	 { padding:0px 0 35px 0; text-align:center; padding-top:20px; margin:0 auto; width:100%; background-color:#FFF; }
#content5 h6 { padding:0px 0 0 0; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; color: #2C4299; text-align:center; }
#details5	 { padding:30px 0 0px 0; text-align:center; margin:0 auto; width: 600px; line-height:24px; color:#26C0E3; }





@media (max-width: 1060px) {
#digital1, #digital2 { width:80%; padding:0 }
}
@media (max-width: 800px) {
#print1, #print2 { width:80%; padding:0 }
}
@media (max-width: 660px) {
#container { background:#FFF url(../images/bck1.jpg) top center; background-size: 100% 100%; }
#title h1 {font-size: 30px;  padding-top:10px; padding-bottom:10px; }
#title { background-color: #26C0E3;}
#whatwedo1 h2, #content1 h2, #content2 h2, #content3 h2, #content4 h2  { font-size: 32px;}
#whatwedo1 h3 { font-size: 19px;}
#details1, #whatwedo2, #digital1, #digital2, #print1, #print2, #details4 { font-size:15px; }
#digital1, #digital2, #print1, #print2 { width:70%; }
}

@media (max-width: 520px) {
#header {width:90%;}
#header svg	{ max-width:200px !important; padding-right:20px; }
#header img { float:none; margin:0; }
#title h1 {font-size: 21px;  padding-top:10px; padding-bottom:10px; }
#content1 h2, #content2 h2, #content3 h2, #content4 h2  { font-size: 28px;}
#details1, #details2,  #details3, #details4, #details5 { width: 97%;}
#details1, #whatwedo2, #details2, #details3, #details4, #content4  { font-size:14px; }
#digital1, #digital2, #print1, #print2 { width:96%; }

#whatwedo1 h3 { font-size: 16px;}
#whatwedo1 span { font-size: 15px; padding:0 0px 0 0px;}
}



#strip2 {
	background-color: 	#FFF;
	background-image:url(../images/bck1.png);
	height:				3px;
	text-align:			center;
	margin-left:		auto; 
	margin-right:		auto;
	width: 				100%;
	}


/**** GET LOST SKYPE! ****/
span.skype_pnh_container {display:none !important;} 
span.skype_pnh_print_container {display:inline !important;} 

	
	
/*  FORM 
--------------------------------------------------------------------------------------*/
form td	 { margin:0px; font:normal 12px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; }	
.f1		 { font:normal 14px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; color:#00b4db; background-color:#FFF; width:200px; padding:6px; margin-bottom:3px; border:1px #D7D7D7 solid; }
.f2		 { font:normal 14px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; color:#00b4db; background-color:#FFF; width:300px; padding:6px; margin-bottom:3px; border:1px #D7D7D7 solid; height:121px; }
.f3		 { font:bold 14px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; color:#00b4db; background-color:#FFF; width:139px; padding:6px; margin-bottom:3px; border:1px #D7D7D7 solid; }

.b1		 { font:bold 16px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; width:120px; height:32px; border:0; color:#999; cursor:pointer; margin-top:30px; margin-bottom:0; }
.b1:hover{ font:bold 16px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; width:120px; height:32px; border:0; color:#FFF; cursor:pointer; margin-top:30px; margin-bottom:0; }

form 	 { font:normal 16px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; color:#515151; margin-top:20px; margin-bottom:40px;}
.fcont1  { width:330px; float:left; color:#515151; margin-top:20px; text-align:right; border:0; margin-left:40px;}
.fcont2  { width:350px; float:right; color:#515151; margin-top:20px; text-align:left; border:0;}
.fcont3  { width:330px; float:left; color:#515151; margin-top:20px; text-align:left; border:0; margin-left:40px;}
.fcont4  { width:310px; float:right; color:#515151; margin-top:20px; text-align:right; border:0; margin-right:36px;}
label  	 { font:normal 15px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; color:#2C4299; float:left; border:0; padding-top:1px; padding-bottom:0px;}


.categ li	{ list-style-type:none; margin-left:-35px; margin-top:-10px; margin-bottom:15px; }
.catoptions { font:normal 14px 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif; color:#00b4db; float:right; text-align:left; width:221px; margin:0; padding:0;}
fieldset 	{ border:0; margin:0; padding:0;}

#captchaDiv { display: none !important; }


*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.success { font-size:20px; padding: 1em; margin-bottom: 20px; color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.error { font-size:20px; padding: 1em; margin-bottom: 20px; color: #b94a48; background-color: #f2dede; border: 1px solid rgba(185, 74, 72, 0.3); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

form#contact-form .form-group label { text-align: left !important; display: block; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}