@charset "utf-8";
/* CSS Document */
.attorney-profile {float:right; width:24%; padding:0.5%; margin: 0 0 1% 1%;}
.process-holder {margin: 0 1% 2% 1%; height: 260px; position: relative;  background-color:#ddd; overflow: hidden; }
.process-image {background-size:cover; background-repeat: no-repeat; position: absolute; width:100%; height: 260px; }
.dark-blue {    background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);}
.light-blue {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#999999+0,444444+100 */
background: rgb(153,153,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(153,153,153,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#444444',GradientType=0 ); /* IE6-9 */}

img.bottom-icon {width: 100px; margin: 10px 0 0 0; }

.captcha-wrap {
    margin: 2% auto 2% auto;
    display: block;
    max-width: 336px;
}

.border-dark-blue {border:5px solid #a60311;}
.border-light-blue {border:5px solid #555;}

.meeting {background-image:url("../images/PNGS/filing.png"); }
.calendar {background-image:url("../images/PNGS/gavel.png"); }
.build {background-image:url("../images/PNGS/discovery.png"); }
.review {background-image:url("../images/PNGS/custody.png"); }
.prepare {background-image:url("../images/PNGS/negotiation.png"); }
.forward {background-image:url("../images/PNGS/trial.png"); }
.switch {background-image:url("../images/PNGS/switch.png"); }

.process-texts-wrap {width:74%; position: absolute; right: 3%; top:10%; padding: 2% 2% 4% 2%;  background-color: rgba(255,255,255,0.82)}
h6.process-number {    position: absolute;
    top: 9%;
    left: 3%;
    color: #fff!important;
    padding: 2% 4% 2% 4%!important;
    border: 5px solid;
    border-radius: 43px;
    font-size: 2.5em;}
h6.process-title {text-transform: uppercase;  color:#102834; border-bottom: 1px solid #aaa; font-size:2.3em; margin: 0!important; }
p.process-paragraph {font-size:15pt!important; line-height: 1.25;}

@media only screen and (max-width: 1020px) {
	.process-texts-wrap {width:72%;}
	.process-holder {height: 255px;}
	.process-image {height: 255px;}
}


@media only screen and (max-width: 920px) {
	.process-holder {min-height: 255px;}
	.process-image {height: 255px;}
}


@media only screen and (max-width: 820px) {
	
	.process-holder {min-height: 400px;}
	.process-image {min-height: 400px;}
		.process-texts-wrap {width:66%;}
	.process-image {background-size:100%;}
	h6.process-number {   
    top: 9%;
    left: 7%;
    padding: 1% 4% 1% 4%!important;
    border-radius: 50px;
    font-size: 3.5em;}
	
	p.process-paragraph {font-size:17pt!important;}
	
	.meeting {background-image:url("../images/PNGS/filing-m.png"); }
.calendar {background-image:url("../images/PNGS/gavel-m.png"); }
	.build {background-image:url("../images/PNGS/discovery-m.png"); }
	.review {background-image:url("../images/PNGS/custody-m.png"); }
	.prepare {background-image:url("../images/PNGS/negotiation-m.png"); }
	.forward {background-image:url("../images/PNGS/trial-m.png"); }
	.switch {background-image:url("../images/PNGS/switch-m.png"); }
	
	}


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

	.process-texts-wrap {width: 90%; background-color: rgba(255,255,255,0.00); top:4%;}	
	h6.process-title {font-size:2.6em; text-shadow: 1px 1px 5px #000; margin-left: 25%!important; color: #fff;} 
	p.process-paragraph {margin-top:8%!important; background-color:rgba(255,255,255,0.74); padding:4%;  }
h6.process-number { font-size: 3em;}
}


@media only screen and (max-width: 520px) {
	h6.process-title {font-size:2.9em;  margin-left: 28%!important;}
h6.process-number { font-size: 2.7em; padding: 0% 4% 0% 4%!important;
	}}


@media only screen and (max-width: 420px) {
	h6.process-title {font-size:2.4em;  margin-left: 28%!important;}
h6.process-number { font-size: 2.4em; padding: 0% 4% 0% 4%!important;
	}}