/* CSS Document */

#template_3_outer *{box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0}

body #template_3_outer {font-family: 'Open Sans', sans-serif;}

#template_3_outer .template-showcase{width:725px; margin:auto}

/*.template-outer{ width:100%; float:left}*/

#template_3_outer .template-base{width:100%; float:left; padding:0 20px 50px 20px; text-align:center; margin:25px 0}

#template_3_outer .template-base h1{ font-size:23px; font-weight:bold; color:#444444; margin:40px 0 0px 0}

#template_3_outer .template-base h4{ color:#797979; font-size:16px; font-weight:400; padding-bottom:30px}

#template_3_outer .action-div{ width:100%; float:left;}

#template_3_outer .action-div .arrows{ width:25%; float:left; margin-top:-70px;}

#template_3_outer .action-div .arrows:first-child{ padding-right:0%; text-align:right;}

#template_3_outer .action-div .arrows:last-child{ padding-left:0%; text-align:left; }

#template_3_outer .action-div .arrows img{ max-width:100%; margin:0 !important}

#template_3_outer .action-div .action-btn{ float:left; width:50%; text-align:center}

#template_3_outer .action-div input[type="image"]{ max-width:100%; margin-top:78px; margin-top:0px;}

#template_3_outer .action-div input[type="image"]:hover{ opacity:0.8}

#template_3_outer .action-div .right-arrow img{-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}

/* Template 1 Style */

#template_3_outer .template-1.template-base{ width:100%; float:left; padding:0 20px 50px 20px;
	/*Temprary Style*/
	border:#dcdcdc solid thin;
	border-radius:5px;
	-webkit-border-radius:5px;
	background:url(../images/templat-lock-patrn.jpg) left top repeat;	
}

/* Template 2 Style */

#template_3_outer .template-2.template-base{
	/*Temprary Style*/
	background:white;
	border:#afaeae dashed 2px;
	border-radius:5px;
	-webkit-border-radius:5px;
}

#template_3_outer .template-2.template-base h4{ padding:0;}

#template_3_outer  .template-2.template-base img{ margin:20px 0}

#template_3_outer .template-2.template-base .arrows{ margin-top:-70px}


/* Template 3 Style */

#template_3_outer .template-3.template-base{
	padding-left:0;
	padding-right:0;
	padding-bottom: 15px;
	/*Temprary Style*/
	background:white;
	border:#dcdcdc solid 5px;
	border-radius:3px;
	-webkit-border-radius:3px;
}

#template_3_outer .template-3.template-base h1{ background:#46b8b1; color:#FFF; margin-top:0; text-transform:none; font-weight:bold !important; font-size:28px !important; padding:15px 0 !important;}

#template_3_outer .template-3.template-base h4{ padding:0; margin-bottom:5px;}

#template_3_outer .template-3.template-base img{ margin:20px 0}

#template_3_outer .template-3.template-base .arrows{ margin-top:0px}


/* Template 4 Style */

#template_3_outer .template-4.template-base{
	padding-left:0;
	padding-right:0;
	/*Temprary Style*/
	background:url(../images/template-4-bg.png) left center no-repeat;
	background-size:cover;
	border-radius:10px;
	-webkit-border-radius:10px;
	padding: 20px;
	font-family: 'Merriweather', serif;
}

#template_3_outer .template-4-base{background:#f1f1f1; float:left; width:100%; padding:30px;
	border-radius:10px;
	-webkit-border-radius:10px;}

#template_3_outer .template-4.template-base h1{color:#000; margin:0 14% 25px; font-size:26px; border-bottom:#bcbcbc solid thin; padding-bottom:15px}

#template_3_outer .template-4.template-base .action-div{ margin-top:25px}


#template_3_outer .facebook-button-style {box-sizing: border-box;position: relative;display: inline-block;margin: 0;padding: 6px 10px;border: none;text-align: left;line-height: 42px;white-space: nowrap;border-radius: 4px;font-size: 16px;color: #FFF;background: rgb(84,125,204);background: -moz-linear-gradient(top,  rgba(84,125,204,1) 0%, rgba(69,109,194,1) 50%, rgba(43,87,178,1) 100%);background: -webkit-linear-gradient(top,  rgba(84,125,204,1) 0%,rgba(69,109,194,1) 50%,rgba(43,87,178,1) 100%);background: linear-gradient(to bottom,  rgba(84,125,204,1) 0%,rgba(69,109,194,1) 50%,rgba(43,87,178,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547dcc', endColorstr='#2b57b2',GradientType=0 );text-shadow: 0 -1px 0 #354C8C;cursor: pointer;box-shadow: 0 3px 0px 0px rgb(21, 60, 142);width: 100%;text-align: center;overflow: hidden;}

#template_3_outer .facebook-button-style i.fa {font-size: 22px;display: inline-block;vertical-align: middle;width: 30px;text-align: center;}

#template_3_outer .facebook-button-style > span {display: inline-block;vertical-align: middle;margin: 0;padding: 0 20px;border-left: 1px solid rgba(0,0,0,0.2);border-right: none;}

#template_3_outer .facebook-button-style.facebook-with-lock > span {border-right: 1px solid rgba(0,0,0,0.2);}

#template_3_outer .facebook-button-style:hover {opacity: 1; text-decoration: none;}


#template_3_outer .facebook-button-style.facebook-with-lock {line-height: 31px;border-radius: 7px;font-size: 14px;}

#template_3_outer .facebook-button-style.facebook-with-lock i.fa {font-size: 18px;}

#template_3_outer .facebook-button-style.facebook-with-lock {box-shadow: none;text-decoration: none;}

#template_3_outer .template-3.template-base h4 {display: inline-block;width: 100%;margin: 20px 0 15px !important;padding: 0;vertical-align: middle;}

.thrv_wrapper .share-unlock-lead-outer div , .thrv_wrapper .share-unlock-lead-outer * , 
.share-unlock-lead-outer , .share-unlock-lead-outer * {-webkit-box-sizing: border-box;box-sizing: border-box;}

#template_3_outer .template-3 .action-div {text-align: center;}

#template_3_outer .template-3 .action-div .action-btn {display: inline-block;max-width: calc(100% - 240px);padding: 0 15px;float: none;vertical-align: top;}

#template_3_outer .template-3 .action-div .arrows {width: 115px;display: inline-block;float: none;vertical-align: top;}

#template_3_outer .template-3 .action-div {float: none;display: inline-block;width: 100%;vertical-align: middle;}



@media (max-width:725px){
	
	#template_3_outer .template-showcase{width:100%;}
	#template_3_outer .action-div .arrows img{ visibility:hidden}

	#template_3_outer .template-3 .action-div .arrows {display: none;}

	#template_3_outer .template-3 .action-div .action-btn {max-width: 100%;}

}

@media (max-width:479px){
	
	
	
}
