/* 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;}

ul.mpbox.col3>li:nth-child(4n),ul.mpbox.col2>li:nth-child(3n),ul.mpbox.col4>li:nth-child(5n),ul.mpbox.col5>li:nth-child(6n){ clear:left; }

.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;}

.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;line-height:1;
	-moz-border-radius: 25px;-khtml-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;}

.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 ul{ margin-bottom:20px;}

.mp-services .mp-inner li{ list-style:inside square; border-bottom:1px dotted rgba(153,153,153,.3); padding:5px 0; width:auto !important;}

.mp-services .mp-inner li:last-child{ border:none;}

.mpbox.modern li.mp-services i.main, .mpbox.modern img{ left:0;}

.mpbox.modern li.mp-services .mp-inner {padding-left: 80px;}




/* boxed */
.mpbox.modern.boxed li.mp-services .mp-inner {
    padding-left: 110px;
    padding-top: 40px;
}

.mpbox.modern.boxed li.mp-services i.main, .mpbox.modern.boxed img{ left:35px; top:40px;}





/* 4. info
********************************************************************************************
********************************************************************************************/

.mm-info{ position:relative; overflow:hidden; width:100%; margin:0 0 80px 0; padding:0 20px;}

.ml-block-ml_2_3_column_block .mm-info{padding:0 0;}

.info-content{ overflow:hidden; padding:55px 80px; width:50%; margin:0 20%;}

.ml-block-ml_2_3_column_block .info-content{ padding:25px 30px;}

.mm-info.has-post-thumbnail .info-content{  margin:0 0; position:absolute; bottom:0; right:20px;}

.ml-block-ml_2_3_column_block .mm-info.has-post-thumbnail .info-content{ right:0;}

.mm-info.has-post-thumbnail img{ float:left;}

.mm-info.has-post-thumbnail:nth-child(even) .info-content{ right:auto; left:20px;}

.ml-block-ml_2_3_column_block .mm-info.has-post-thumbnail:nth-child(even) .info-content{ left:0;}

.mm-info.has-post-thumbnail:nth-child(even) img{ float:right;}

.mm-info h3{ margin:0 0 80px 0; position:relative;}

/* narow column */

.ml-block-ml_3_column_block .mm-info { margin: 0 0 2px 0;}

.ml-block-ml_3_column_block .mm-info .info-content{width:100%; margin:0 0; }

.ml-block-ml_3_column_block .mm-info.has-post-thumbnail .info-content{ position:relative; left:auto !important; right:auto; bottom:auto; width:100% !important; margin:0 0 !important; float:none;padding:25px 30px;}

.ml-block-ml_3_column_block .mm-info.has-post-thumbnail img{ float:none; width:100%;}


/* 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:455px;
	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;}


	
}