/********shares*******/
.float-shares-box{width:50px;height:48px;position:fixed;right:0px;bottom:140px;cursor:pointer;z-index:900;font-size:12px;line-height:20px;_position:absolute;}
.float-shares-box .show{background:#197bc7 url(../images/share-icon.png) no-repeat; display: none;width: 50px;height:48px;background-size: 70%;background-position: 50%;}
.float-shares-box{bottom:126px;}
.float-shares-box .list{position:absolute;bottom:46px;left:-6px;width:60px;transition:300ms;}
.float-shares-box.current .list{left:-45px;}
.float-shares-box .list span{width:52px;height:52px;display:block;background:url(../images/icon-share.png) 0px 0px no-repeat;margin-bottom:10px;}
.float-shares-box .list span:hover{opacity:0.9;-webkit-opacity:0.9;-moz-opacity:0.9;}
.float-shares-box .list span.twitter{background-position:0px -58px;}
.float-shares-box .list span.google{background-position:0px -113px;}
/************shares**************/

/*
/* ---- HTML RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { display: block; }
body { font-size:100%; line-height: 1; color:#828282}
body {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:normal;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }

/* ---- Clearfixes ---- */
.clear{ clear:both}
/*************************/
.patterns{background:url(../images/patterns.png) center top !important; padding-bottom:20px !important;}

.slider{
/*background: url(../images/opacity.png) 0 153.5% repeat-x, #aee29a;*/
background:#1d0c1d;
width: 100%;
padding: 0 !important;
}

.slider a{color:#ffbe08;}
.slider a:hover{color:#FFF;}

.row0 {
background:#c66;
width: 100%;
padding:2px 0;
}


.row1 {
background:#FFF;
width: 100%;
padding:0px 0;
border-bottom: solid 1px #dce8ed;
}


.row2 {
background:#fff;
width: 100%;
padding:10px 0;
}


.row3 {
background:#fac960;
width: 100%;
padding:20px 0;
}



.row4 {
background:#f6f9fa;
width: 100%;
padding:0;
}



.row5 {
background:#fff;
width: 100%;
padding:15px 0;
}



.row6 {
background:#f6f9fa;
width: 100%;
padding:20px 0;
border-bottom: solid 2px #dce8ed;
}

.htag{ font-size:30px; font-style:10px; line-height:0px; color:black;}

.htag-new{ font-size:25px; font-style:10px; line-height:0px; color:black;}

.row7 {
background:#fff;
width: 100%;
padding:10px 0;
}


.row8 {
background:#fac960;
width: 100%;
padding:10px 0;
}


.row9 {
background:#fac960;
width: 100%;
padding:10px 0;
}


.row10 {
background:#2d3339;
width: 100%;
padding:5px 0 15px 0;
min-height:120px;
color:#8c989e !important;
font-size:13px;
}

.row11 {
background:#FFF;
width: 100%;
padding:10px 0;
}


.row12 {
background:#FFF;
width: 100%;
padding:0;
}


.row15{background:#5B2F4F; color:#FFF !important;}
.row15 a{ color:#FFF}
.row15 h1{color:#FFF}

	.font-24{font-size:24px;}

.mobile-img-div{
overflow-x: hidden;
overflow-y: hidden;
min-height:250px;
position: relative;
}

.mobile-img {
	position:absolute;
	bottom:-75px;
}




/********/
.div-image {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 30px 20px 0px;
border: 4px solid #936;
background:#936 ;
border-radius: 90px;
/*box-shadow: rgba(0, 0, 0, 0.49) 0px 0px 3px 0px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;*/
}

.div-image-square {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/file.png) center no-repeat;
}
.div-image-square-win {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-recover-windows.png) center no-repeat;
}
.div-image-square-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-recover-mac.png) center no-repeat;
}
.div-image-square-and {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-recover-android.png) center no-repeat;
}
.div-image-square-avi {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-avi.png) center no-repeat;
}
.div-image-square-avi-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-avi-mac.png) center no-repeat;
}
.div-image-square-psd {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-psd.png) center no-repeat;
}
.div-image-square-psd-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-psd-mac.png) center no-repeat;
}
.div-image-square-mov {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-mov.png) center no-repeat;
}
.div-image-square-mov-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-mov-mac.png) center no-repeat;
}
.div-image-square-ost-pst {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-convert-ost-to-pst.png) center no-repeat;
}
.div-image-square-pst {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-pst-file.png) center no-repeat;
}
.div-image-square-ppt {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-ppt.png) center no-repeat;
}
.div-image-square-doc {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 60px 0px;
background:url(../images/yuptools-fix-doc.png) center no-repeat;
}
.div-image-square-rar {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-rar.png) center no-repeat;
}
.div-image-square-zip {
float:left;
display: block;
width:120px;
height:120px;
margin:15px 10px 20px 0px;
background:url(../images/yuptools-fix-zip.png) center no-repeat;
}


.div-box:hover {
background-color: #fff;
-webkit-transition: background-color 1200ms ease;
-o-transition: background-color 1200ms ease;
transition: background-color 1200ms ease;
}



.mainsoft{padding:20px 30px 30px 20px; background:#E2C5C5; color:#333;}
.mainsoft h2{ color:#FFF}
.mainsoft a{color:#000;}
.mainsoft a:hover{color:#666;}


/****************/
.positions{ position:relative;}
.span01{ padding:45px 10px 10px 10px; background:#81b92d url(../images/and.png)20px 60px no-repeat}
.span02{ padding:45px 10px 10px 10px; background:#34c2d0 url(../images/and.png)20px 60px no-repeat}
.span03{ padding:45px 10px 10px 10px; background:#d7a83e url(../images/and.png)20px 60px no-repeat}
.span04{ padding:45px 10px 10px 10px; background:#708ce5 url(../images/and.png)20px 60px no-repeat}


.span-title-01{background:#5e950b;}
.span-title-02{background:#20a3b0;}
.span-title-03{background:#ae8220;}
.span-title-04{background:#546cba;}

.span-title-font{position:absolute; width:100%; padding:10px; font-size:18px; color:#FFF; left:0; top:0; /*left:0; top:0;*/}

.span-title-font2{
	position:absolute;
	width:188px;
	padding:10px;
	font-size:18px;
	color:#FFF;
	left:0;
	top:0; /*left:0; top:0;*/
	height: 171px;
}

/**************/

.othersoft{padding:15px 30px 30px 20px; background:#936; color:#FFF; min-height:250px;}
.othersoft h2{ color:#FFF}
.othersoft a{ color:#ffbe08;}
.othersoft a:hover{color:#FFF;}

/*--- Custom Services----*/
    .Popular-services h2 a{ font-weight:600 }
	.Popular-services { position:relative; padding-left:140px; min-height:150px; }
	.Popular-services span {text-align:center; position:absolute; left:0; top:15%; margin:0; padding:0; }
	.Popular-services .icon-name { background:#936  url(../images/cleaner.png) center top no-repeat; }
	.Popular-services .icon-name-win { background:#936  url(../images/yuptools-recover-windows.png) center top no-repeat; background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-mac { background:#936  url(../images/yuptools-recover-mac.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-and { background:#936  url(../images/yuptools-recover-android.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-mov { background:#936  url(../images/yuptools-fix-mov.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-mov-mac { background:#936  url(../images/yuptools-fix-mov-mac.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-avi { background:#936  url(../images/yuptools-fix-avi.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-avi-mac { background:#936  url(../images/yuptools-fix-avi-mac.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-psd { background:#936  url(../images/yuptools-fix-psd.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-psd-mac { background:#936  url(../images/yuptools-fix-psd-mac.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-pst { background:#936  url(../images/yuptools-fix-pst-file.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-ppt { background:#936  url(../images/yuptools-fix-ppt.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-doc { background:#936  url(../images/yuptools-fix-doc.png) center top no-repeat; background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-zip { background:#936  url(../images/yuptools-fix-zip.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-rar { background:#936  url(../images/yuptools-fix-rar.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	.Popular-services .icon-name-ost-pst { background:#936  url(../images/yuptools-convert-ost-to-pst.png) center top no-repeat;  background-position:50%; background-size: 60%;}
	
/********************/

#ulstyle ul li {
	font-size-adjust:inherit;
	margin-left:0px;
	line-height:20px;
}
#ulstyle li {
	margin:0;
	padding:5px 0 0 70px !important;
 list-style-image:url(../images/arrow.png);
}


#ulstyle li a {
	color:#fff;
	text-decoration: none;
}



/*Back to top button */
#back-top {
	position: fixed;
	bottom: 2px;
	right:2%;
}
#back-top a {
	width:70px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
#back-top span {
	width:70px;
	height:70px;
	display: block;
	margin-bottom: 7px;
	background:#c99 url(../images/up-arrow.png) no-repeat center center;
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	border-radius:70px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
/*Back to top button */




/* ---- breadcrumbs ---- */

ul.breadcrumbs {
	display:block;
	padding:6px 10px 7px 0px;
	overflow:hidden;
	margin-left:0;
}

ul.breadcrumbs li {
	margin:0;
	padding:0 12px 0 0;
	float:left;
	list-style:none;
	color:#000;
}

ul.breadcrumbs li a,
ul.breadcrumbs li span {
	font-size:15px;
	font-size:1.1 rem;
	padding-left:12px;
}

ul.breadcrumbs li:first-child a,
ul.breadcrumbs li:first-child span { padding-left:0 }

ul.breadcrumbs li:before {
	content:">>";
	color:#000;
}

ul.breadcrumbs li:first-child:before { content:" " }
ul.breadcrumbs li.current {
	cursor:default;
	color:#999;
}

ul.breadcrumbs li.current-sub {
	cursor:default;
	color:#999;
}

ul.breadcrumbs li.current-buy {
	cursor:default;
	color:#999;
}

ul.breadcrumbs li.current-download {
	cursor:default;
	color:#999;
}

ul.breadcrumbs li.current a {
	cursor:default;
	color:#FFF;
}

ul.breadcrumbs li:hover a,
ul.breadcrumbs li a:focus { text-decoration:underline; color:#999; }

ul.breadcrumbs li.current:hover a,
ul.breadcrumbs li.current a:focus { text-decoration:none }

ul.breadcrumbs li.unavailable a { color:#5B2F4F; }

ul.breadcrumbs li.unavailable:hover a,
ul.breadcrumbs li.unavailable a:focus {
	text-decoration:none;
	color:#5B2F4F;
	cursor:default
}

/* ---- breadcrumbs ---- */

/* ---- GRID Layout ---- */
*{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.grid{margin:0 auto; max-width:1200px; width:100%;} /* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
/*.g1140{margin:0 auto; max-width:1140px; width:100%;}
.g1024{margin:0 auto; max-width:1024px; width:100%;}
.g960{margin:0 auto; max-width:960px; width:100%;}*/
.c1{width:8.333333333333332%;}
.c2{width:16.666666666666664%;}
.c3{width:25%;}
.c4{width:33.33333333333333%;}
.c5{width:41.66666666666667%;}
.c6{width:50%;}
.c7{width:58.333333333333336%;}
.c8{width:66.66666666666666%;}
.c9{width:75%;}
.c10{width:83.33333333333334%;}
.c11{width:91.66666666666666%;}
.c12{width:100%; min-height:1px; float:left; /*position:relative;*/}
.c1-5{width:20%;}/* This column can be used as a one fifth of the row */
.c1-8{width:12.5%;}/* This column can be used as a one eigth of the row */ 
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c1-5,.c1-8 {min-height:1px; float:left; padding-left:10px; padding-right:10px; /*position:relative;*/ }
.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
	padding-left: 0;/* position:relative;*/
}
.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
	padding-right: 0; /*position:relative;*/
}

/* ---- Alignments ---- */
.centered{float: none; margin: auto;}
.left {float: left;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.space-top {margin-top: 20px;}
.space-bot {margin-bottom: 20px;}
.space-htop {margin-top: 10px;}
.space-hbot {margin-bottom: 10px;}

/* ---- Typography ---- */
h1, h2, h3, h4, h5, h6 { 
	font-weight: none; 
	font-style: normal; 
	color: #333333;
	text-rendering: optimizeLegibility; 
	line-height: 1.1; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 80%; color: #333333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration:none; }
h1 {font-size: 36px; line-height: 48px;}
h2 {font-size: 21px; }
h3 {font-size: 28px; line-height: 36px;}
h4 {font-size: 12px; }
h5 {font-size: 21px; line-height: 27px;}
h6 {font-size: 18px; line-height: 27px;}

.black a {color: #000; text-decoration: none; line-height: inherit; }
.black a:hover {color: #c66;}

a {color:#936; text-decoration: none; line-height:24px; }
a:hover {color:#936; }
a:focus {color:#CCC; outline: none; }

p { line-height: 24px;}
p span {color: #46aae3; }
p a, p a:visited {line-height: 24px; }

blockquote, blockquote p{color: #6F6F6F; font-size: 14px; line-height: 24px; }
blockquote{border-left: 1px solid #DDDDDD; padding: 0 10px; margin-bottom: 10px;}
blockquote cite{color: #555555; display: block; font-size: 12px;}
blockquote cite:before{content: "- ";}

sub, sup {font-size: 60%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 70%; line-height: inherit; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 20px 0 20px; height: 0; }

/* ---- Lists ---- */
ul, ol, dl { 
	margin-bottom: 8px;
	margin-left:20px;
	list-style-position: outside; 
	/*text-indent: 5px;*/ 
	color: #333333;
	line-height:24px;
}
ul li ul, ul li ol { margin-left: 15px; margin-bottom: 0; }
ul.square {list-style-type: square;}
ul.circle {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.no-bullet { list-style: none; }
ul.square li ul, ul.circle li ul, ul.disc li ul, ul.no-bullet li ul {margin-left: 15px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }
dl dt{font-size:16px; line-height: 24px;}
dl dd{margin-left: 15px;}

/*****************************************Filter Box************************************************************/

.span1 { font-size:13px;}

.span1 p{ line-height:22px;}

.span1 h3{ font-size:18px; }

.span1 h3 a{ font-weight:600 }

.span2 {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/win-boxleft.png) center no-repeat;

}
.span2-win {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-recover-windows.png) center no-repeat;

}
.span2-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-recover-mac.png) center no-repeat;

}
.span2-and {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-recover-android.png) center no-repeat;

}
.span2-mov-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60%;
background:#936  url(../images/yuptools-fix-mov-mac.png) center no-repeat;

}
.span2-mov {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-mov.png) center no-repeat;

}
.span2-avi {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-avi.png) center no-repeat;


}
.span2-avi-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-avi-mac.png) center no-repeat;

}
.span2-psd {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60%;
background:#936  url(../images/yuptools-fix-psd.png) center no-repeat;

}
.span2-psd-mac {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-psd-mac.png) center no-repeat;

}
.span2-zip {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-zip.png) center no-repeat;
}
.span2-rar {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-rar.png) center no-repeat;

}
.span2-pst {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-pst-file.png) center no-repeat;
}
.span2-ppt {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-ppt.png) center no-repeat;
}
.span2-doc {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-fix-doc.png) center no-repeat;
}
.span2-ost-pst {
float:left;
display: block;
width:120px;
height:120px;
margin:20px 10px 55px 5px;
border-radius: 90px;
background-position: 50%;
background-size: 60% !important;
background:#936  url(../images/yuptools-convert-ost-to-pst.png) center no-repeat;
}


/*******************************************************************************************************/

.thumbnail img{ width:100% !important; min-height:20%;}


.thumbnail {
	border:1px solid #ddd;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);
	box-shadow:0 1px 3px rgba(0,0,0,0.055);
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	margin-bottom:10px;
	padding:5px 8px;
}
.thumbnail:hover {
	outline:2px solid #c66;
	-webkit-box-shadow:0 1px 4px rgba(83,166,43,0.25);
	-moz-box-shadow:0 1px 4px rgba(83,166,43,0.25);
	box-shadow:0 1px 4px rgba(83,166,43,0.25);
}
/*******************************************************************************************************/
.paddTB20 { padding-bottom:20px; padding-top:20px;}

.marB10{ margin-bottom:10px}
.marB15{ margin-bottom:15px}
.marB20{ margin-bottom:20px}

.marT20{ margin-top:20px}




.buttonaling{padding-left:150px;}





/****************************************Support*********************************************************/


/*******************************************************************************************************/













/* Media query for 960 Screens - sets nested grids to 100% */
@media only screen and (max-width:960px){
	/*.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12,.row .row .c1-5,.row .row .c1-8{width:100%;margin-bottom:20px;margin-left:0px;margin-right:0px; }
	.row .row > div:last-child{margin-bottom:0 !important}*/
}

/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	body{font-size:90%}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-8{width:100%;margin-right:0;margin-left:0;margin-bottom:10px; padding:0 2px;}
	.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
		padding-left: 2px; position:relative;
	}
	.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
		padding-right: 2px; position:relative;
	}
	

.grid{ padding:0 2px; } 
.hide{ display:none;}
.mobile-text-center{ text-align:center !important;}

#back-top {
	bottom:0px;
	left:85%;}
	
#back-top a {
	width:40px;
}

#back-top span {
	width:40px;
	height:40px;
	background: #c99 url(../images/up-arrow-device.png) no-repeat center center;

}

.marginbottom{ margin-bottom:0px;}

.mobile-img { width:100%; }


}






/*--------------Tablet (Portrait)*/


 @media only screen and (min-width:769px) and (max-width:1024px) {
.grid{margin:0 auto; max-width:960px; width:95%; color:#666;}


 }


/*--------------Mobile (Portrait)*/

 /* Note: Design for a width of 320px */

 @media only screen and (max-width: 767px) {
  {color:#666;}

 }


/*--------------Mobile (Landscape)*/

 /* Note: Design for a width of 480px */

 @media only screen and (min-width: 480px) and (max-width: 767px) {
  body{font-size:90%; color:#666; }
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-8{width:100%;margin-right:0;margin-left:0;margin-bottom:10px; padding:0 2px;}
	.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
		padding-left: 2px; position:relative;
	}
	.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
		padding-right: 2px; position:relative;
	}
	

 h1 { margin:0 5px; }
	
	.mixinside {
    padding: 5px 10px !important;
	}
	
	.large, .large:hover {
    font-size: 100%  !important;
	}

	.my-button span{ display:none !important;}
	
.div-image{ width:60px; height:60px;}
.Popular-services{ padding-left:70px !important;}
.buttonaling{ padding-left: 70px  !important;}
.Popular-services span{ top:0 !important;}

.marB15{ margin-bottom:35px; padding-bottom:20px;}
 }
	
	@media only screen and (max-width: 479px) {
		 body{font-size:90%; color:#666; }
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-8{width:100%;margin-right:0;margin-left:0;margin-bottom:10px; padding:0 2px;}
	.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
		padding-left: 2px; position:relative;
	}
	.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
		padding-right: 2px; position:relative;
	}
	
	#Grid .mix { width:100% !important;}
	
		.mixinside {
    padding: 5px 10px !important;
	}
	
	.large, .large:hover {
    font-size: 100%  !important;
	    padding: 5px 10px !important;
	}

	.my-button span{ display:none !important;}
	
.div-image{ width:60px; height:60px;}
.Popular-services{ padding-left:70px !important;}
.buttonaling{ padding-left: 70px  !important;}
.Popular-services span{ top:0 !important;}

.marB15{ margin-bottom:35px; padding-bottom:20px;}
	}
	
 .cbah { 
	font-weight: none; 
	font-style: normal; 
	color: #333333;
	text-rendering: optimizeLegibility; 
	line-height: 1.1; 
	margin-bottom: 10px; 
	margin-top: 10px; 
 }
 
 .cbah {font-size: 36px; line-height: 48px;}
 
 .cbaha { 
	font-weight: none; 
	font-style: normal; 
	color: #333333;
	text-rendering: optimizeLegibility; 
	line-height: 1.1; 
	margin-bottom: 10px; 
	margin-top: 10px; 
 }
 
 .cbaha {font-size: 21px; }
 
  .cbahb { 
	font-weight: none; 
	font-style: normal; 
	color: #333333;
	text-rendering: optimizeLegibility; 
	line-height: 1.1; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}

  .cbahb {font-size: 28px; line-height: 36px;}