/*
 * Theme Name: Romangie
 * Theme URI: https://themes.tobscore.com/romangie/
 * Version: 1.1.1
 * Author: Tobias Kerst
 * Author URI: https://www.tobscore.com/visitenkarte/
 * Tags:  red, custom-menu, fluid-layout, full-width-template, light, one-column, two-columns, right-sidebar, left-sidebar, sticky-post, threaded-comments, translation-ready, white, post-formats
 * License: GPL 3.0
 * License URI: https://www.gnu.org/licenses/gpl.html
 * Description: Romangie is a responsive WordPress theme. It is kept as simple as possible, so your visitors will be focusing on the content and uses Twitter Bootstrap, so your website will look great on all devices. It also supports all the wordpress post formats, so you can include videos, music, chat logs, quotes and all the other great stuff that comes with WordPress.
The Update also brings multi language support, which already includes German. You can simply translate it in your language and I'd be glad to include your translation into the theme.
 * */


/**************************************
RESET
**************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
	padding: 0;
	margin: 0;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

@font-face {
	font-family: 'ElegantIcons';
	src:url('https://1ff11f.claudeassets.com/20250823164733im_/https://roofingestimator.org/wp-content/themes/romangie/fonts/ElegantIcons.eot');
	src:url('https://bab267.claudeassets.com/20250823164733im_/https://roofingestimator.org/wp-content/themes/romangie/fonts/ElegantIcons.eot#iefix') format('embedded-opentype'),
		url('https://76e983.claudeassets.com/20250823164733im_/https://roofingestimator.org/wp-content/themes/romangie/fonts/ElegantIcons.woff') format('woff'),
		url('https://2d3257.claudeassets.com/20250823164733im_/https://roofingestimator.org/wp-content/themes/romangie/fonts/ElegantIcons.ttf') format('truetype'),
		url('https://b55321.claudeassets.com/20250823164733im_/https://roofingestimator.org/wp-content/themes/romangie/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/**************************************
STYLING
**************************************/

nav {
	display: block;
	padding: 0;
	margin: 0;
}

a {
	color: #c11e27;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #c11e27;
}


.container {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px #888;
}

.header {
	padding-bottom: 10px;
}

.site-branding {
    text-align: center;
    margin: 11px 11px 25px;
    font-weight: normal;
}

.site-branding h1, .site-branding h2 {
    font-weight: normal;
    
}

#site-title a {
    color: #c11e27;
        font-size: 40px;
    padding: 5px 20px;
    border-bottom: 1px solid #ddd;
}

#site-description {
    color: #888;
    font-size: 16px;
    margin-top: 17px;
   
}

.navi-wrap {
	font-size: 15px;
	text-align: center;
	border-top: 3px double #ddd;
}

/** Menu */
.navi-wrap ul {
	list-style: none;
	padding: 0;
}

.navi-wrap li {
	display: inline-block;
	position: relative;
}

.navi-wrap ul li {
	border-bottom: 1px solid #ddd;
}

.navi-wrap li a {
	color: #c11e27;
	display: block;
	line-height: 2.8em;
	padding: 0 1em;
	text-decoration: none;
}

.navi-wrap ul ul {
	background: #fff;
	border: solid 1px #ddd;
	border-bottom-color: #bbb;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2.8em;
	left: 0;
	text-align: left;
	z-index: 9999;
}

.navi-wrap ul ul ul {
	left: 100%;
	top: -1px;
}

.navi-wrap ul ul a {
	background: #fff;
	color: #b12930;
	line-height: 1.5em;
	padding: .5em .5em .5em 1em;
	width: 12em;
	height: auto;
	text-transform: none;
}

.navi-wrap li:hover > a,
.navi-wrap ul ul :hover > a,
.navi-wrap .current-menu-item > a,
.navi-wrap .current-menu-ancestor > a,
.navi-wrap .current_page_item > a,
.navi-wrap .current_page_ancestor > a {
	color: #000;
}
.navi-wrap ul ul a:hover {
	background: #f3f3f3;
}
.navi-wrap ul li:hover > ul {
	display: block;
}

.menu-item {
	margin: 0 -2px;
}

.navi-wrap:first-child {
    margin: 0 100px;
}

/** General Styling of Elements */

.indexpage .post-roll {
	margin-bottom: 80px;
}

.page-title {
	text-align: center;
	font-size: 24px;
	font-weight: 300;
}

#title_archives {
	margin: 20px 0 40px 20px;
}
/** Styling of Meta Element */

.info {
	margin-top: 3px;
}

.footer .info {
	margin-top: 10px;
}

.meta {
	text-align: right;
}

.metaicon {
	font-size: 40px;
	margin-top: -8px;
	color: #444;
}

.info-icon {
	display: inline;
	margin-right: 6px;
	color: #b12930;
	font-size: 13px;
}

.metaline {
	margin: 5px 0 15px;
}

.info p, .info li, .info a, .info div, .comment-author {
	font-size: 14px !important;
	text-decoration: none !important;
	line-height: 23px !important;
}

.meta-item {
	margin-top: 10px;
}

.commentlist .meta-item {
	margin: 10px 0 0 !important;
}

.info li {
	list-style: none !important;
}

/* Content Styling */

.content, .page {
	word-wrap: break-word;
}

.content h2 a:hover {
	text-decoration: underline;
}

.content p, .content li, .content pre, .comment-content p, .comment-content li, .comment-content pre {
	font-size: 15px;
	line-height: 1.5em;
	color: #444;
}

.comment .alert {
	padding: 5px 15px;
}

.entry p, .comment-content p, .entry blockquote, .comment-content blockquote {
    margin: 0 0 22px;
}

.entry embed, .entry iframe, .mejs-container {
	max-width: 100%;
}

img.wp-post-image {
    width: 100%;
    margin-bottom: 20px;
}

.entry img {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.sticky {

}

.gallery-caption {

}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.mejs-container {
    width: 400px !important;
    margin-bottom: 22px;
}

.comments-area .children {
	margin: 0;
	border-left: 2px solid #b12930;
}

.comments-area .children .comment {
	padding-left: 20px;
}

.comments-area .children .depth-2 {
	background: #fcfcfc;
}

.comments-area .children .depth-3 {
	background: #f9f9f9;
}

.comments-area .children .depth-4 {
	background: #f6f6f6;
}

.comments-area .children .depth-5 {
	background: #f4f4f4;
}

.comments-area .children .depth-6 {
	background: #f2f2f2;
}

.comments-area .children .depth-7 {
	background: #f0f0f0;
}

.comments-area .children .depth-8 {
	background: #ededed;
}

.comments-area .children .depth-9 {
	background: #ebebeb;
}

.comments-area .children .depth-10 {
	background: #e9e9e9;
}
.comments-area .children .depth-11 {
	background: #e7e7e7;
}

.bypostauthor {
	background: #fbfbfb;
}

#respond {
    margin-top: 70px;
}

.comment .info p {
	margin: 0;
}

.commentlist li, .comment {
	list-style: none;
}

.new-comment, .pingback {
	padding-top: 15px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #eee;
    margin-right: 20px;
	margin-left: 0;
}

.comment-content {
	margin-top: 20px;
}

.entry-title, .entry-title a{
	font-weight: 100;
	font-size: 35px;
        font-family: "droid sans", sans-serif;
        margin-bottom:20px;
}

.entry {
	margin-top: 26px;
}

.entry h2, .comment-content h2, .entry h1, .comment-content h1 {
	margin: 30px 0 10px;
}

.entry h2, .comment-content h2 {
	font-weight: normal;
        font-size:23px;
        font-family: "museo sans", sans-serif;
        font-weight:400;
        color:#333;
        margin-bottom:5px;
        margin-top:45px;
}

.entry h3, .entry h4, .entry h5, .entry h6, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
	font-weight: normal;
        font-size:18px;
        font-family: "museo sans", sans-serif;
        font-weight:200;
        color:#737373;
}

.entry h4, .entry h5, .entry h6, .comment-content h4.comment-content h5, .comment-content h6{
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.entry ul, .comment-content ul {
	list-style: square;
}

.entry ul, .entry ol, .comment-content ul, .comment-content ol {
	margin: 0 0 1.7em 3em;
}

.entry ul ul, .entry ol ol, .entry ul ol, .entry ol ul, .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul {
	margin-bottom: 0;
}

.entry table, .comment-content table {
	margin: 0 0 1.5em;
	width: 100%;
}

.entry td , .entry th, .comment-content td, .comment-content th {
	padding: 5px;
}

.entry td, .comment-content td {
    border-bottom: 1px solid #ddd;
}

.entry table, .comment-content table {
    border-top: 1px solid #ddd;
}

.entry pre, .comment-content pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	margin: 2em 0;
	padding: 1em 2em;
}

.entry blockquote, .comment-content blockquote {
	margin: 2em 1em;
	padding: 0.6em 2em;
	position: relative;
	line-height: 1.5em;
	border-style: none;
}

.entry blockquote p, .comment-content blockquote p {
	font-size: 16px;
}

.entry blockquote:before, .comment-content blockquote:before {
	content: '{';
	color: #b12930;
	font-size: 500%;
	position: absolute;
	font-family: Georgia, serif;
	top: 40%;
	left: -0.3em;
}

.entry blockquote p, .comment-content blockquote p {
	line-height: 1.7em;
}

.entry .alignnone {
    max-width: 100%;
    height: auto;
}

.entry img.alignleft, .entry .wp-caption.alignleft {
    margin: 5px 20px 5px -10px;
}

.entry img.alignright, .entry .wp-caption.alignright {
    margin: 5px -10px 5px 20px;
}

.entry .wp-caption-text {
    font-size: 15px;
    font-style: italic;
    margin: 5px 0 22px;
}

.gallery .wp-caption-text {
	margin-bottom: 0;
}

.gallery .gallery-item {
	margin-bottom: 20px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.entry ins, .comment-content ins {
	background: #fff9c0;
	text-decoration: none;
}

.entry dd, .comment-content dd {
	margin: 0 1.165em 1.165em;
}

.format-chat p {
	margin: 0 0 10px;
	padding: 4px 2px;
}
.format-chat p:nth-child(even) {
	background: #fbfbfb;
}

.comments-title {
	margin-top: 70px;
    margin-bottom: 30px !important;
	text-align: center;
	font-size: 22px !important;
}

.nocomments {
	text-align: center;
}

#reply-title {
	display: none;
}

code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

/** Sidebar Styling */
.sidebar h4 ,.sidebar label, .sidebar caption, .comments-title {
	color: #444;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.widget {
	margin-top: 1em;
	margin-bottom: 2em;
}

.primary-sidebar .widget {
	margin-top: 0;
}

.children li a {
	padding-left: 3px;
}

.children li ul li a {
	padding-left: 20px;
}

.sidebar li {
	border-top: 1px solid #aaa;
	padding:4px 0 4px 5px;
}

.sidebar li a {
	line-height: 2em;
	display: inline-block;
}

.sidebar input[type="text"] {
	width: 100%;
}

 .comments input, .wp-caption {
 	max-width: 100%;
 }

.search-form .search-submit {
    display: none;
}

.search-field {
    width: 100%;
}

/** Footer */

.footer {
	background: #333;
	margin-top: 50px;
	border-top: 1px solid #ddd;
    color: #bebebe;
    font-size: 15px;
    text-shadow: 1px 1px #111;
}

.footer .info h2, .footer .info h3, .footer .info h4, .footer .info h5, .footer .info h6, .footer .info p , .footer .info caption {
	color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
} 

.footer #wp-calendar tbody td a {
	color: #FF3D3D;
}

.siteinfo {
	background: #0e0e0e;
	padding: 20px 0;
	border-top: 1px solid #000;
	text-align: center;
    text-shadow: 1px 1px #111;
}

.footer a, .siteinfo a {
    color: #FF3D3D;
}

.siteinfo p, .footer td, .footer th {
	font-size: 13px;
	color: #aaa;
}

/** Widgets */
#wp-calendar {
	margin: 0 auto;
	padding: 0.5em;
	width: 95%;
	color: #666;
	font-size: 0.8em;
}

#wp-calendar thead th {
	font-weight: bold;
	padding: 0 2px 10px;
}

#wp-calendar tbody td {
	padding: 4px 2px;
}

#wp-calendar tbody td a {
	font-weight: bold;
	color: #b12930;
}

.textwidget p {
	margin-top: 20px;
}

/** Comment Styling */

.form-control {
	width: 400px;
}

.required {
	color: #b12930;
}

.comment-notes {
	font-size: 13px !important;
	color: #666 !important;
	margin: 20px 0 30px !important;
}

.comment-form p {
	margin-bottom: 10px;
}

.comment-form {
	margin-bottom: 50px;
}

input[type="submit"] {
	background: #b12930;
	border: 2px solid #ac2025;
	color: #fff;
	text-decoration: none;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

input[type="submit"]:hover {
	background: #c43D3D;
}

input[type="password"], input[type="text"], input[type="search"] {
	font-size: 17px;
	line-height: 1.428571429;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	margin-right: 20px;
	padding: 4px 12px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/** Pagination Styling */

.page-links a , .more-link, .comments .navigation a {
	border: 1px solid #bbb;
	border-radius: 6px;
	font-size: 14px;
	background: #f9f9f9;
	padding: 10px 20px;
	display: inline-block;
}

.page-links-title {
	font-weight: bold;
}

.more-link {
	padding: 3px 15px;
	margin-top: 10px;
}

.more-link .glyphicon {
	margin-left: 8px;
}

.excerpt-link {
	margin-top: 2px;
	margin-left: 10px;
}

.page-links a, .comments .navigation a {
	padding: 4px 8px;
	height: 28px;
	text-align: center;
	border-radius: 4px;
	margin: 20px 2px 0;
}

.comments .navigation a {
	margin: 20px;
}

.page-links-title {
	margin-right: 15px;
}

.page-links > span {
	padding-right: 8px;
}

.pagenav .prev-posts {
	text-align: right;
}

#error_message {
	 text-align: center;
}

.form-control{
	width:250px
}

@media screen and (max-width: 1200px) {
	.form-control{
		width:360px
	}
}

@media screen and (max-width: 500px) {
	.form-control{
		width:200px
	}
}


body{
	  font-family: inherit !important;
}
.calculations{
	display:none;
}

.content, .page{
	background:src('https://www.sidingestimator.org/wp-content/uploads/2015/03/background.png');

}
.qoute{
	display:none;
}
.form-horizontal .form-group{
	  margin-right: 10px;
  	  margin-left: 10px;
}
.qoute .form-control{
	width:200px;
}
.talk_to{
	width: 200px;  background: rgb(231, 0, 0);color: #FFFFFF;border: 1px solid #FFF;font-weight: bolder;
}

@media screen and (max-width: 500px) {
	.qoute .form-control,.talk_to{
		width:160px;
	}
	.talk_to{
		  font-size: 13px;
	}
}

.btn-success:hover{
	  background:#a00606!important;
}

.btn-info:hover{
	  background: rgb(207, 2, 2) !important;
}

.wpcf7-form {
	background:c8d7e3; 
	border:2px solid #0c88e8; 
	border-radius:7px; 
	width:445px;
	padding: 10px 20px; 
	margin-bottom:10px; 
        float:left;
}
 
.wpcf7-form input,
	#wpcf7-f235-p1277-o2 .wpcf7-form textarea{ 
	background:#d8edfd; 
	border:1px solid #0c88e8; 
	border-radius:7px;
	width:300px;
    margin: 4px 0 8px 0;
    padding: 5px 7px;
	color: #4f4f4f;
    font-size: 14px;
    vertical-align: middle;
}
 
.wpcf7-form p { 
	color:#4f2a0f; 
	margin-top:10px; 
	margin-bottom:10px; 
}
 
.wpcf7-form .wpcf7-submit { 
	background:#029c1f;
	border-radius:7px;
        border:none !important;	
	cursor:pointer; 
	width:100px;
	margin:7px 0;
	padding: 5px 15px;
	color:#fff; 
}
.wpcf7-form input:hover[type="submit"] { 
    background:#02c627; 
    cursor:pointer; 
    color:#fff; 
}


/* custom style */
.zip-bubble {
    border: 1px solid #D2D2D2;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    display: block;
    background: #fff;
}

.lead-box {
    display: block;
    height: 140px;
    width: 100%;
    max-width: 958px;
    background: #FFF;
    border-radius: 7px;
    border: 1px solid #D2D2D2;
    margin: 0px auto;
    margin-bottom: 10px;
}

.l1 {
    background: #284E77;
    font-size: 30px;
    line-height: 1.2;
    padding: 7px 20px;
}
h2 span {
    display: block;
    width: auto;
    float: left;
    clear: left;
    color: #FFF;
}

h2 .l2 {
    background: #1A8EC7;
    font-size: 18px;
    padding: 7px 15px 7px 20px;
    margin-bottom: 20px;
}
.l2 {
    display: block;
    line-height: 1.3;
    width: auto;
    float: left;
    clear: left;
}

.zip_box {
    height: 50px;
    width: 140px;
    border: 1px solid grey;
    border-radius: 5px;
    font-size: 17px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding-left: 10px;
    text-align: center;
    background: #f9f9f9;
}

.find-zip {
    margin: 1px 0px 0px -10px;
    border: 0px solid #808080;
    height: 50px;
    font-size: 24px !important;
    font-weight: 800;
    vertical-align: middle;
    background: #F79934 !important;
    padding: 5px 15px !important;
    box-shadow: none !important;
    width: 170px;
    border: 0px !important;
    border-radius: 5px !important;
    color: #fff !important;
}


.find-zip:hover{
	  background:#00ba12!important;
}


/*------------------------
----- Old Form Style ------
------------------------*/


body{
  overflow-x: hidden;
}

.side{
  width:36%; float:left; margin-top:10px;
}
.strt{
  font-size: 20px; margin-left:-140px;
}
.zip-2{
    border-bottom: 1px #ddd solid; 
}



@media screen and (min-width: 701px) and (max-width: 992px){
  .l1{
    font-size: 20px;
  }
  .l2{
    font-size: 15px;
  }
  .strt{
  font-size: 15px;
  margin-left: 30px;
  margin-bottom: 20px;
  position: relative;
  top: -25px;
  }
  .zip_box{
    height: 50px;
    width: 200px;
  }
  .find-zip {
    height: 45px;
    margin-left: 20px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 543px) and (max-width: 700px){
  .side{
    width: 60%;
  }
  .l1{
    font-size: 20px;
  }
  .l2{
    font-size: 14px !important;
  }
  .arrow, .yoo{
    visibility: hidden;
  }
  .strt{
  font-size: 15px;
  margin-left: 30px;
  margin-bottom: 20px;
  position: relative;
  top: -25px;
  }
  .zip_box{
    height: 40px;
    width: 200px;
    margin-top: 10px;
    float: left;
  }
  .find-zip {
    height: 40px;
    margin-left: 5px;
    margin-top: 10px;
    float: left;
  }
  .cont{
    margin-top:20px;
  }
}


@media screen and (min-width: 485px) and (max-width: 543px){
  .side{
    width: 60%;
  }
  .l1{
    font-size: 18px;
  }
  .l2{
    font-size: 14px !important;
  }
  .arrow, .yoo{
    visibility: hidden;
  }
  .strt{
  font-size: 15px;
  margin-left: 30px;
  margin-bottom: 20px;
  position: relative;
  top: -25px;
  }
  .zip_box{
    height: 40px;
    width: 200px;
    margin-top: 100px;
    float: left;
    position: relative;
    top: -80px;
  }
  .find-zip {
    height: 40px;
    float: left;
    position:absolute;
    top: 100px;
    left: 290px;
  }
  .cont{
    float: left;
  }
  .lead-box{
    padding-bottom: 150px;
  }
}
  

@media screen and (min-width: 485px) and (max-width: 543px){
  .side{
    width: 60%;
  }
  .l1{
    font-size: 18px;
  }
  .l2{
    font-size: 14px !important;
  }
  .arrow, .yoo{
    visibility: hidden;
  }
  .strt{
  font-size: 15px;
  margin-left: 30px;
  margin-bottom: 20px;
  position: relative;
  top: -25px;
  }
  .zip_box{
    height: 40px;
    width: 200px;
    margin-top: 100px;
    float: left;
    position: relative;
    top: -80px;
  }
  .find-zip {
    height: 40px;
    float: left;
    position:absolute;
    top: 100px;
    left: 290px;
  }
  .cont{
    float: left;
  }
  .lead-box{
    padding-bottom: 150px;
  }
}

@media screen and (min-width: 0px) and (max-width: 484px){
  .side{
    width: 60%;
  }
  .l1{
    font-size: 18px;
  }
  .l2{
    font-size: 14px !important;
  }
  .arrow, .yoo{
    visibility: hidden;
  }
  .strt{
  font-size: 15px;
  margin-left: 30px;
  margin-bottom: 20px;
  position: relative;
  top: -25px;
  }
  .zip_box{
    height: 40px;
    width: 200px;
    margin-top: 100px;
    float: left;
    position: absolute;
    top: 40px;
    left: 30px;
  }
  .find-zip {
    height: 40px;
    float: left;
    position:absolute;
    top: 190px;
    left: 50px;
  }
  .cont{
    float: left;
  }
  .lead-box{
    padding-bottom: 230px;
  }
}

/*------------------------
----- /Old Form Style ----
------------------------*/

/*------------------------
----- New Form Style ------
------------------------*/

.nf{
  height: 180px;
  width: 350px;
  float: right;
  padding:15px;
  margin-top: 40px;
  background-color: #dcedfe;
  border: 1px solid #007FFF  !important;
    border-radius: 7px !important;
  margin-left:10px;
  
}

.ll1{
  color: #285377;
  font-weight: bold;
  font-size: 30px;
}
.ll2{
  color: #5685d2;
  font-size: 20px;
}
.frmcont{
  margin-top: 20px;
}

.newForm{
  text-align: center;
  width: 130px;
  display: inline;

}
.newBtn{
  border-radius: 100px !important;
  width: 150px !important;
  height: 45px;
  background-color: #007FFF !important;
  border: none !important;
  outline: none !important;
  font-size:18px;
}
.newBtn:hover{
  background-color: #0091FF !important;
}
@media screen and (min-width: 0px) and (max-width: 488px){
  .nf{
    float: left!important;
    margin-top: 0;
  }
}



/*------------------------
----- /New Form Style ------
------------------------*/
}
/*
     FILE ARCHIVED ON 22:12:12 Jul 18, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:01:13 Jun 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.53
  exclusion.robots: 0.045
  exclusion.robots.policy: 0.034
  esindex: 0.01
  cdx.remote: 12.911
  LoadShardBlock: 89.73 (3)
  PetaboxLoader3.datanode: 69.172 (5)
  PetaboxLoader3.resolve: 141.873 (2)
  load_resource: 193.252
  loaddict: 52.005
*/