@charset "utf-8";
/* CSS Document */

.process-holder {margin: 0 1% 2% 1%; min-height: 250px; position: relative;  background-color:#ddd; overflow: hidden; }
.process-image {background-size:100% 100%; background-repeat: no-repeat; background-size: cover; height: 250px; }
.dark-blue {background-color:#183442;}
.light-blue {background-color:#667882;}
.green {background-color:#2a6230; }
.gray {background-color:#7c7c7c;}
.border-dark-blue {border:5px solid #183442;}
.border-light-blue {border:5px solid #667882;}
.border-yellow {border:5px solid #dfba24;}
.border-gray {border:5px solid #7c7c7c;}

.meeting {background-image:url("../images/PNGS/meeting.png"); }
.criminal {background-image:url("../images/PNGS/criminal.png"); }
.calendar {background-image:url("../images/PNGS/calenadar.png"); }
.build {background-image:url("../images/PNGS/build.png"); }
.review {background-image:url("../images/PNGS/review.png"); }
.prepare {background-image:url("../images/PNGS/prepare.png"); }
.forward {background-image:url("../images/PNGS/forward.png"); }
.switch {background-image:url("../images/PNGS/switch.png"); }


.signing {background-image:url("../images/process/signing.png"); }
.consult {background-image:url("../images/process/free-consultation.png"); }
.filing {background-image: url("../images/process/filing.png")}
.automatic {background-image: url("../images/process/automatic.png")}
.temporary {background-image: url("../images/process/temporary.png")}
.custody {background-image: url("../images/process/custody.png")}
.negotiation {background-image: url("../images/process/negotiation.png")}
.court {background-image: url("../images/process/court.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)}
.process-texts-wrap-no-number {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 {  font-family: 'Open Sans', sans-serif;
 color:#102834; border-bottom: 1px solid #aaa; font-size:2.1em; margin: 0!important; }
p.process-paragraph {font-size:15pt!important;      margin: 2% 2% 0 0; line-height: 1.25;}

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


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


@media only screen and (max-width: 820px) {
	.process-texts-wrap-no-number {}
	.process-holder {height: 475px;}
	.process-image {height: 475px;}
		.process-texts-wrap {width:66%;}
	h6.process-title {font-size:2.5em;}
	.process-image {background-size:100%;}
	h6.process-number {   
    top: 13%;
    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/meeting-m.png"); }
.calendar {background-image:url("../images/PNGS/calenadar-m.png"); }
	.build {background-image:url("../images/PNGS/build-m.png"); }
	.review {background-image:url("../images/PNGS/review-m.png"); }
	.prepare {background-image:url("../images/PNGS/prepare-m.png"); }
	.forward {background-image:url("../images/PNGS/forward-m.png"); }
	.switch {background-image:url("../images/PNGS/switch-m.png"); }
	
	
.criminal {background-image: url("../images/PNGS/criminal-m.png")}
.consult {background-image: url("../images/process/free-consultation-m.png")}
.filing {background-image: url("../images/process/filing-m.png")}
.automatic {background-image: url("../images/process/automatic-m.png")}
.temporary {background-image: url("../images/process/temporary-m.png")}
.custody {background-image: url("../images/process/custody-m.png")}
.negotiation {background-image: url("../images/process/negotiation-m.png")}
.court {background-image: url("../images/process/court-m.png")}	
.signing {background-image: url("../images/process/signing-m.png")}	
	}


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

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


@media only screen and (max-width: 520px) {
	h6.process-title {font-size:2.7em;  }
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:2em; }
h6.process-number { font-size: 2.4em; padding: 0% 4% 0% 4%!important;
	}}



.accordion {
	
  background-color: #667882;
  color: #fff;
  cursor: pointer;
  padding: 18px;
     width: 98%;
    border: 1px solid #183442;
    text-align: left;
    outline: none;
    font-size: 15pt;
    transition: 0.4s;
    margin: 0 1% 1% 1%;
}

.active, .accordion:hover {
  background-color: #183442; 
}

.panel {
  padding: 18px;
  display: none;
  background-color: white;
  overflow: hidden;
	width: 98%;
    margin: 0 1% 2% 1%;
}