/*
Theme Name: AM 2018
Author: Bludelta Limited
Author URI:http://www.bludelta.com
*/

/*------------------------ Reset ---------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*------------------------ End Reset ---------------------------------*/

@font-face {
	font-family: 'Century Gothic';
	/* src: url('fonts/8671.ttf'); */
}

@font-face {
	font-family: 'Century Gohic';
	/* src: url('fonts/8650.ttf'); */
}

body{ font: 14px 'Century Gothic',sans-serif; color: #333333; vertical-align: top; text-align: center; background: #ffffff; }

a{ color: #0e5dac; text-decoration: underline; }
a:hover{ text-decoration: none; }
a img{ border: none; }
strong{ font-weight: bold; font-family: sans-serif; }

body .alignleft{ float: left; margin-right: 10px; margin-bottom: 10px; }
body .alignright{ float: right; margin-left: 10px; margin-left: 10px; }
body .aligncenter{ margin: 0px auto; text-align: center; }
body #quickcontact{ position: fixed; left: 0px; top: 195px; }
body #quickcontact a{ position: relative; left: -3px; }
body #quickcontact a:hover{ position: relative; left: 0px; }



.wrapper{ width: 1100px; margin: 0px auto; position: relative; }


/* nav */

#nav{ height: 40px; background: #0E5DAC; }
#nav1{ position: absolute; top: 10px; left: 0px; }
#nav li { float: left; margin-right: 10px; }
#nav li+li { border-left: 1px solid #699BCE; padding-left: 10px; }
#nav a{ color:#fff; text-decoration:none; }







/* header */

#header{ height: 125px; border-bottom: 1px solid #ccc; }
#logo{ position: absolute; top: 20px; left: 0px; }

#call{ position: absolute; top: 30px; right: 0px; text-align: right; }
#call p{ font-size: 24px; color: #0E5DAC; }
#call p.big{ font-size: 34px; color: #0E5DAC; font-weight: bold; }







/* content */

#content{ padding: 40px; line-height: 1.5; text-align: left; }
#content h1{ font-size: 28px; color: #0e5dac; margin-bottom: 20px; }
#content h2{ font-size: 24px; color: #0e5dac; margin-bottom: 10px; }
#content h3{ font-size: 20px; color: #0e5dac; margin-bottom: 10px; }
#content h4{ font-size: 24px; color: #0e5dac; margin-bottom: 10px; }

#content p{ margin-bottom: 10px; }
#content ul{ margin: 15px; }
#content ul li{ list-style-type: disc; margin-bottom: 5px; }
#content ul.highlight li{ list-style-position:inside; background: rgba(14, 93, 172,0.7); padding-left: 10px; color:#FFFFFF;  }

#content ul.homepage_bullets{ margin: 0px 0px 0px 10px; font-size: 18px; }
#content ul.homepage_bullets li{ list-style-type: none; font: 16px 'Swis721',sans-serif; margin-bottom: 20px; padding-left: 30px; background: url('images/arrow.png') left 3px no-repeat; }


.green_btn{ float: left; padding: 5px 20px; background: #00cc00; color: #fff; font-size: 18px; border-radius: 20px; text-decoration: none; font-weight: bold; }
.green_btn:hover{ background: #00ff00; text-decoration: underline; }




#content #leftcol{ float: left; width: 750px; text-align: left; padding: 0px 0px 10px 0px; }
#content .field{ width: 300px; border: 1px solid #ccc; padding: 2px; }
#content  textarea{ width: 300px; border: 1px solid #ccc; padding: 2px; }

#content #leftcol #compensationcalculator{ position: relative; width: 680px; height: 500px; }
#content #leftcol .award{ width: 150px; display: none; border: 2px solid #0E5DAC; padding: 10px; }
#content #leftcol .award p{ margin: 0px 0px 3px 0px; padding: 0px;}
#content #leftcol h3{ font-size: 12px; margin: 0px; padding: 0px; }
#content #leftcol #compensationcalculator #compensationcalculator_center{ position: absolute; left: 225px; }
#content #leftcol #compensationcalculator #compensationcalculator_left{ position: absolute; left: 0px; }
#content #leftcol #compensationcalculator #compensationcalculator_right{ position: absolute; left: 500px; }


#content #bestbuy{ width:100%; border-radius: 10px; }
#content #bestbuy th{ vertical-align: top; padding: 0px 0px 5px 0px; font-weight: bold; text-align: center; background: #dedede; }
#content #bestbuy td{ vertical-align: middle; padding: 10px 0px; text-align: center; }
#content #bestbuy img{ border: 1px solid #ccc; }
#content #bestbuy a img{ border: none; }
#content #bestbuy .row1 td{ background: #e8e8e8; }
#content #bestbuy .row2 td{ background: #f7f7f7; }


#content #rightcol{ float: right; width: 250px; min-height: 450px; text-align: left; padding: 0px 0px 10px 40px; background: url('images/sep.png') left top no-repeat; }
#content #rightcol .block{ margin-bottom: 20px; }


#whyus{ margin-bottom: 20px; padding: 20px; background: #e6e6e7; border-radius: 10px; }
#whyus li{ margin-bottom: 20px; font-size: 14px; }







#content #rightcol #reviewsbox{ width: 205px; border: 1px solid #dddddd; margin-bottom: 10px;  }
#content #rightcol #reviewsbox_header{ height: 115px; position: relative; }
#content #rightcol #reviewsbox_header #reviewsbox_title{ font-size: 20px; color: #444444; font-weight: bold; position: absolute; top: 10px; left: 60px; }
#content #rightcol #reviewsbox_header #reviewsbox_stars{ position: absolute; top: 35px; left: 45px; }
#content #rightcol #reviewsbox_header #reviewsbox_description{ text-align: center; position: absolute; top: 70px; left: 10px; width: 185px; }

#content #rightcol #reviewsbox_content{ height: 200px; background: #F3F3F3; position: relative; }

#content #rightcol #reviewsbox_content #reviewsbox_title2{ font-size: 14px; color: #444444; font-weight: bold; position: absolute; top: 7px; left: 6px; }

#content #rightcol #reviewsbox_content #reviewsbox_list{ width: 185px; height: 137px; padding: 5px; position: absolute; top: 30px; left: 6px; background: #fff; overflow: auto; font-size: 11px; }
#content #rightcol #reviewsbox_content #reviewsbox_list .reviewsbox_review{ margin-bottom: 20px; }
#content #rightcol #reviewsbox_content #reviewsbox_list .reviewsbox_review p{ margin-bottom: 5px; text-align: justify; }
#content #rightcol #reviewsbox_content #reviewsbox_list .reviewsbox_review strong{ font-weight: bold; text-align: left; }
#content #rightcol #reviewsbox_content #reviewsbox_list .reviewsbox_review em{ text-align: left; }
#content #rightcol #reviewsbox_content #reviewsbox_list .reviewsbox_review a{ color: #F5B036; }



#content #rightcol #recentarticles{ list-style-type: none; margin: 0px; padding: 0px; }
#content #rightcol #recentarticles .srp-widget-singlepost{ padding-bottom: 50px; }
#content #rightcol #recentarticles .srp-post-title{ font-size: 12px; margin: 0px; padding: 0px; }
#content #rightcol #recentarticles .srp-post-title a{ text-decoration: none; color: #000000; }
#content #rightcol #recentarticles .srp-widget-stringbreak-link{ display: block; }

#content #rightcol h3 a{ text-decoration: none; color: #000000; }






/* footer */

#footer{ height: 240px; width: 100%; background: #8BA3BD; }
#footerwrapper{ height: 240px; width: 961px; margin: 0px auto; }

#footerwrapper .block{ float: left; width: 280px; height: 210px; padding: 10px; overflow: hidden; text-align: left; margin-right: 10px; }
#footerwrapper .block h5{ font-size: 18px; margin: 0px 0px 10px 0px; color: #ffffff; }
#footerwrapper .block ul{ padding: 0px; margin: 0px; list-style-type: none; }
#footerwrapper .block li{ padding: 7px 0px 7px 20px; background: url('images/arrow.png') left no-repeat; width: 225px; border-bottom: 1px solid #808080; }
#footerwrapper .block li.menu-item-49{ border-bottom: none; }
#footerwrapper .block ul.nolines li{ border-bottom: none; }
#footerwrapper .block a{ color: #ffffff; text-decoration: none; }

#footerwrapper .block li.social{ padding: 0px; background: none; width: 50px; height: 50px; border: none; float: left; overflow: hidden; margin: 10px 10px 0px 0px; }

#footerwrapper .block img{ border: 1px solid #fff; }
#footerwrapper .block .feature{ font-size: 16px; margin-top: 10px; }


/* copyright */

#copyright{ width: 100%; background: #0E5DAC; }
#copyrightwrapper{ width: 961px; margin: 0px auto; position: relative; padding: 5px 0px; }
#copyrightwrapper p{ color: #ffffff; margin: 0px 0px 10px 0px; padding: 0px; text-align: center; }








/* homepage */

.hp_block{ margin-bottom: 20px; padding: 20px; }
.hp_block:nth-child(odd){ background: #e6e6e7; }
.hp_block:nth-child(even){ background: #d6e1ea; }



/* banner */

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 1100px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
	display: none;
}

/* Next & previous buttons */
.prev{
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 0;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 34px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	text-decoration: none;
}

/* Position the "next button" to the right */
.next{
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 34px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	text-decoration: none;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(14,93, 172, 0.8);
}



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}








/* apply online */

#miniform{ width: 265px; margin: 0px; z-index: 2;  }
#miniform p{ margin-bottom: 5px; }
#miniform .field{ border: 1px solid #666; padding: 5px; width: 500px; border-radius: 10px; box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; }
#miniform .field2{ border: 1px solid #666; padding: 5px; width: 500px; border-radius: 10px; box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; }
#miniform .field3{ border: 1px solid #666; display: inline-block; padding: 5px; width: 200px; border-radius: 10px; box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; }
#miniform .field4{ border: 1px solid #666; padding: 5px; width: 50px; border-radius: 10px; box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; }
#miniform .field5{ border: 1px solid #666; padding: 5px; width: 90px; border-radius: 10px; box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.22) inset; }
#miniform .white{ color: #ffffff; }
#homepage #miniform #loan_submit{ background: #00cc00; color: #fff; font-size: 18px; width: 150px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 10px; border: 0px; }
#homepage #miniform #loan_submit:hover{ background: #00ff00; color: #fff; font-size: 18px; width: 150px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 10px; border: 0px; }














/* blog */

.pin {
	float: left;
	width: 300px;
	margin: 0px 30px 30px 0px;
	
	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.pin img {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.blogarticle{ font-size: 18px; line-height: 1.6; text-align: justify; }
.blogarticle p{ margin-bottom: 20px; }
.blogarticle ul{ margin: 20px; }
.blogarticle ul li{ list-style-type: disc; margin-bottom: 3px; }
.blogarticle img{ border: 3px solid black; }

/*

.pin{
	float: left;
	width: 25%;
	margin: 0px 10px 10px 0px;
		
	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	
}

*/


/*mobile */

@media screen and (max-width: 640px){
	
	img{ max-width: 100%; height:auto; }
	
	
	
	.wrapper{ width: 100%; overflow: hidden; }
	
	#nav{ display: none; }
	
	
	
	#header{ height: auto; }
	#logo{ position: static; margin: 10px 0px; }

	#call{ position: static; text-align: center; margin-bottom: 10px; }
	#call p{ font-size: 24px; color: #0E5DAC; }
	#call p.big{ font-size: 34px; color: #0E5DAC; font-weight: bold; }
	

	/* Slideshow container */
	.slideshow-container {
	  width: 100%;
	}
	
	#content #leftcol{ float: none; width: 100%; }
	#content #rightcol{ display: none; }
	
	
	/* apply online */

	#miniform{ width: 100%;  }
	#miniform p{ margin-bottom: 5px; }
	#miniform .field{ width: 100%; }
	#miniform .field2{ width: 100%; }
	#homepage #miniform #loan_submit{ padding: 40px; }
	
	
	/* footer */

	#footer{ height: auto; width: 100%; }
	#footerwrapper{ height: auto; width: 100%; }

	#footerwrapper .block{ float: none; width: 100%; height: auto; padding: 10px; margin-right: 0px; }
	#footerwrapper .block h5{ font-size: 18px; margin: 0px 0px 10px 0px; color: #ffffff; }
	#footerwrapper .block ul{ padding: 0px; margin: 0px; list-style-type: none; }
	#footerwrapper .block li{ padding: 7px 0px 7px 20px; background: url('images/arrow.png') left no-repeat; width: 225px; border-bottom: 1px solid #808080; }
	#footerwrapper .block li.menu-item-49{ border-bottom: none; }
	#footerwrapper .block ul.nolines li{ border-bottom: none; }
	#footerwrapper .block a{ color: #ffffff; text-decoration: none; }

	#footerwrapper .block li.social{ padding: 0px; background: none; width: 50px; height: 50px; border: none; float: left; overflow: hidden; margin: 10px 10px 0px 0px; }

	#footerwrapper .block img{ border: 1px solid #fff; }
	#footerwrapper .block .feature{ font-size: 16px; margin-top: 10px; }


	/* copyright */

	#copyright{ width: 100%; background: #0E5DAC; padding: 10px; }
	#copyrightwrapper{ width: 100%; margin: 0px auto; position: relative; padding: 5px 0px; }
	#copyrightwrapper p{ color: #ffffff; margin: 0px 0px 10px 0px; padding: 0px; text-align: center; }
	
	
	
}