/* 1. CSS Resets & Clearfix
********************************************************************************************
********************************************************************************************/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.clearfix{ display: inline-block;}  

html[xmlns] .clearfix { display: block;}  

* html .clearfix{ height: 1%;}  

.clearfix {display: block}  

.tranz,
img.attachment-service-thumb,
img.attachment-testi-thumb,
li.mp-staff img{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

.mp-wrap{ margin:20px 0 0 0;}

.mp-wrap h1,
.mp-wrap h2,
.mp-wrap h3,
.mp-wrap h4,
.mp-wrap h5,
.mp-wrap h6,
.mp-wrap p,
.mp-wrap span{ margin:0 0 ; padding:0 0 ;}

.mp-wrap img{
	border:none;
	background:none;
	max-width:100% !important;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none ;
}

.mp-rad,
i.main,
a.mp-more,
ul.mp-staff-social li a{/*-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;*/}


/* 2. General
********************************************************************************************
********************************************************************************************/

.mp-wrap{ overflow:hidden; width:calc(100% + 40px);margin:0 -20px; display:block;}

.ml-block-ml_3_column_block .mp-wrap,
.ml-block-ml_2_3_column_block .mp-wrap{ width:calc(100% + 80px); margin:0 -40px;}

ul.mpbox { overflow:hidden; width:100%; display:block;/*background:#000;*/ z-index:1; position:relative;}

.entry ul.mpbox{ margin:0 0 20px 0 !important; padding:0 0;}

.mp-wrap ul.mpbox>li{ overflow:hidden; position:relative; float:left !important; display:block; margin:0 0 40px 0; padding:0 20px; /*background:#900; */}

ul.mpbox li .mp-inner{ margin:0 0 0 0; position:relative;}

/* columns */

ul.mpbox>li{width:33.33%;}

ul.mpbox.col1>li{width:100%;}

ul.mpbox.col2>li{width:50%;}

ul.mpbox.col4>li{width:25%;}

ul.mpbox.col5>li{width:20%;}

ul.mpbox.col6>li{width:16.66%;}


/* boxed columns */

.boxed li .mp-inner{ background:#f9f9f9;  padding:20px 25px; overflow:hidden;}


ul.mpbox.col5 li p,
ul.mpbox.col6 li p{ font-size:90% !important;}



/* 3. Services
********************************************************************************************
********************************************************************************************/

.mp-services h3{ margin-bottom:20px;}

.mp-services p{ margin-top:18px;}

.mp-service-media { text-align:center;}

.mp-service-media img{ float:none; display:block; margin:0 auto;border-top:4px solid rgba(0,0,0,0.1); border-bottom:4px solid rgba(0,0,0,0.1)}

.mp-services i.main{ float:left; display:block; margin:5px 20px 10px 0; font-size:26px; line-height:26px; padding:10px 0; text-align:center; height:46px; width:46px;}

.modern .mp-services i.main{ float:none;margin:5px 20px 25px 0;}

.mp-services .with-icon p{ padding-left:65px;}

a.mp-more{ margin:15px 0 0 0; padding:5px 6px; float:right; display:block; font-size:80%; line-height:1;}

.mp-services .mp-inner li{ list-style:inside circle; border-bottom:1px dashed rgba(153,153,153,.3); padding:5px 0;}


/* boxed */
.boxed li .mp-inner .mp-service-media{ width:calc(100% + 50px); margin:0 -25px; }





/* 4. staff
********************************************************************************************
********************************************************************************************/

li.mc-staff img{ float:left; margin:0 30px 15px 0; width:30%;}

ul.mpbox.col4>li img{ margin:0 0 20px 0; width:100%;}

.staff-inner{ border-bottom:2px solid #eee; padding-bottom:15px;}

li.mc-staff h3{ margin:0 0 10px 0;}

li.mc-staff p {margin:0 0 5px 0;line-height:1.9;}

.staff-meta p,
.mc-staff-social li{}

.staff-content  p{ margin:0 0 15px 0; opacity:.7}

.mc-staff-social { margin:0 0 0 0 !important; overflow:hidden;}

.mc-staff-social li{ float:left; margin:0 20px 0 0;}

.mc-staff-social li i{ margin-right:8px;}



/* 6. tooltips
********************************************************************************************
********************************************************************************************/	


div.tooltip {
	display:none;
	position:absolute;
	text-align:center;
	line-height:normal;
	z-index:100000;
	opacity:1;
	background:#333;
	color:#eee;
	-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
}

div.tooltip p {
	padding:10px 15px;
	line-height:1.4 !important;
	border-radius:2px;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-shadow:none;
	max-width:250px;
	text-transform:capitalize;
	position:relative;
}
div.tooltip p:after {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #333;
    bottom: -8px;
    content: "";
    position: absolute;
    left:50%;
	margin-left:-10px;
}




/* X. MOBILE SCREENS
********************************************************************************************
********************************************************************************************/


@media screen and (max-width: 1030px) {

.boxed li .mp-inner{ padding:20px;}

ul.mpbox.col6 li{width:28.75%;}

}


@media screen and (max-width: 770px) {
	
ul.mpbox.modern .testi-content {font-size: 100%;}
ul.mpbox.modern .testi-content p {line-height: 1.9 !important;}
	
ul.mpbox.clients .testi-meta{ padding:25px 0 !important;}
ul.mpbox.clients .testi-meta h4{ font-size:13px !important;}

.mpbox.modern.boxed img.attachment-service-thumb {left: -60px; max-width:50px !important;}

.mp-testimonials .testi-inner { margin: 0 0 0 25px;}

img.attachment-testi-thumb {width: 50px;}

ul.mpbox.simple .staff-meta {
    bottom: 20px;
    padding: 20px 20px;
}

ul.mpbox.simple ul.mp-staff-social{ display:none;}
	
}

@media screen and (max-width: 740px) {
	
ul.mpbox {
    width: 100%;
}	
	

.mp-wrap ul.mpbox>li,
ul.mpbox.col1>li,
ul.mpbox.col2>li,
ul.mpbox.col4>li,
ul.mpbox.col5>li,
ul.mpbox.col6>li{
	width:100%;
	max-width:345px;
	float:none !important;
	clear:both;
	margin:0 auto 40px auto !important;
}	


ul.mpbox.modern .testi-content { padding: 25px 35px 80px 35px;}

ul.mpbox.modern .testi-content::after{ display:none;}

ul.mpbox.modern .testi-meta h4, ul.mpbox.modern .testi-meta p{ font-size:13px !important; line-height:1.4 !important;}


	
}