/* 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.service-thumb,
img.testi-thumb,
li.mp-staff img{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

.mp-wrap{ margin:15px 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  !important; padding:0 0 !important ; line-height:1.8 !important;}

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


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

.mp-wrap{ overflow:hidden; width:100%; display:block;}

ul.mpbox { overflow:hidden; width:105%; display:block;/*background:#000;*/}

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

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

/* columns */

ul.mpbox li{width:28.75%;}

ul.mpbox.col1 li{width:95.2%;}

ul.mpbox.col2 li{width:45.3%;}

ul.mpbox.col4 li{width:20.4%;}

ul.mpbox.col5 li{width:15.4%;}


/* boxed columns */

.boxed li .mp-inner{ background:#f9f9f9;  padding:40px;}


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



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

li.mp-services i.main{ display:block; overflow:hidden; text-align:center; padding:13px 12px; float:left; font-size:24px; width:50px; height:50px; position:absolute; top:0; left:0;}

li.mp-services:hover i.main{ padding:15px 14px; float:left; font-size:20px;}

img.service-thumb{ display:block; float:left; overflow:hidden; width:50px;position:absolute; top:0; left:0;max-width:50px !important;}

li.mp-services:hover img.service-thumb{ opacity:.9;}

li.mp-services h3{ clear:none; overflow:hidden; padding:8px 0 5px 80px !important; margin:0 0 0 0; min-height:70px; line-height:1.1 !important; position:relative;}

li.mp-services p{ margin:0 0 5px 0 !important; opacity:.7;}

a.mp-more { text-decoration:none; padding:7px 8px; line-height:1; margin:10px 0 0 0; display:inline-block; font-size:11px; position:absolute; right:0; bottom:0; opacity:0;}

li.mp-services:hover a.mp-more{ opacity:1;}


/* classic layout */

.mpbox.classic li.mp-services{ text-align:center;}

.mpbox.classic li.mp-services i.main{ float:none; margin:0 auto 30px auto; position:relative; top:auto; left:auto;}

.mpbox.classic img.service-thumb{ float:none; margin:0 auto 25px auto; position:relative; top:auto; left:auto;}

.mpbox.classic li.mp-services h3{ padding:15px 0 15px 0 !important;min-height:0;}


/* modern layout */

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

.mpbox.modern li.mp-services i.main,
.mpbox.modern img{ position:absolute; top:10px; left:0px}

.mpbox.modern img{top:5px;}

.mpbox.modern li.mp-services h3{ padding:5px 0 15px 0 !important;min-height:0;}


/* modern boxed layout */

.mpbox.modern li.mp-services h3{overflow:visible;}

.mpbox.modern.boxed li.mp-services .mp-inner{ padding-left:130px; padding-top:40px; overflow:visible;}

.mpbox.modern li.mp-services i.main,
.mpbox.modern img{ position:absolute; top:5px; left:-80px}





/* 4. testimonials
********************************************************************************************
********************************************************************************************/


/* 5. staff
********************************************************************************************
********************************************************************************************/




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



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


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

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

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

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

li.mp-services h3 {min-height: 55px;padding: 8px 0 5px 65px !important;}

.mpbox.modern li.mp-services i.main, .mpbox.modern img.service-thumb{ left:-60px;}

li.mp-services i.main {
    font-size: 20px;
    height: 45px;
    padding: 12px;
    width: 45px;
}

li.mp-services:hover i.main{ padding:12px; font-size:20px;}

img.service-thumb{ max-width:45px !important;}

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.8 !important;}
	
ul.mpbox.clients .testi-meta{ padding:25px 0 !important;}
ul.mpbox.clients .testi-meta h4{ font-size:13px !important;}
	
}

@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% !important;
	max-width:320px;
	float:none !important;
	clear:both;
	margin:0 auto 40px auto !important;
}	

.mpbox li.mp-staff img{ float:none; margin:0 auto 20px auto;}

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

ul.mpbox.modern .mp-testimonials .mp-inner {padding: 0 0 60px;}

ul.mpbox.modern .testi-meta {max-width: 180px;padding: 0 10px 0 0;}


ul.mpbox.modern .testi-meta h4, ul.mpbox.modern .testi-meta p{ font-size:13px !important; line-height:1.4 !important;}
	
ul.mpbox.modern .testi-content {
    padding: 30px 25px 110px 55px;
}	
	
ul.mpbox.modern .testi-content::after{
    font-size: 20px;
    left: 25px;
    top: 25px;
}
	
}