@import url("css/wordpress.css");
@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");

/* 


font-size: 13px;
font-size: 0.8125rem;

font-size: 16px;
font-size: 1rem;

font-size: 19px;
font-size: 1.1875rem;

font-size: 23px;
font-size: 1.4375rem;

font-size: 28px;
font-size: 1.75rem;

font-size: 33px;
font-size: 2.0625rem;

font-size: 40px;
font-size: 2.5rem;
		
		
		--------------
		

font-size: 1px;	font-size: 0.0625rem;		font-size: 2px;	font-size: 0.125rem;		font-size: 3px;	font-size: 0.1875rem;		font-size: 4px;	font-size: 0.25rem;

font-size: 5px;	font-size: 0.3125rem;		font-size: 6px;	font-size: 0.375rem;		font-size: 7px;	font-size: 0.4375rem;		font-size: 8px;	font-size: 0.50rem;

font-size: 9px;	font-size: 0.5625rem;		font-size: 10px; font-size: 0.625rem;		font-size: 11px; font-size: 0.6875rem;		font-size: 12px; font-size: 0.75rem;

font-size: 13px; font-size: 0.8125rem;		font-size: 14px; font-size: 0.875rem;		font-size: 15px; font-size: 0.9375rem;		font-size: 16px; font-size: 1rem;

font-size: 18px; font-size: 1.125rem;		font-size: 20px; font-size: 1.25rem;		font-size: 22px; font-size: 1.375rem;		font-size: 24px; font-size: 1.50rem;

font-size: 26px; font-size: 1.625rem;		font-size: 28px; font-size: 1.75rem;		font-size: 30px; font-size: 1.875rem;		font-size: 32px; font-size: 2rem;



	
font-family: 'Cookie', cursive;

font-family: 'Open Sans', sans-serif;

Color code - Yellow - #ffda39 , maroon - #b51818 , light green text #42b291   

*/
html { font-size:100%;}
body { background: #fafafa; font-family: 'Open Sans', sans-serif; color:#333333; line-height: 22px;}

*, *::after, *::before {   box-sizing: border-box;}
*::after, *::before {   box-sizing: border-box;}
.container { clear:both; width:100%; max-width:1140px;}

.navbar-brand { height:auto; margin:0px; padding:0px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left:0px;}

@media screen and ( max-width:767px)  { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left:10px;}  }

.img-thumbnail {  background-color: #ffffff;  border: 1px solid #f6f6f6;  border-radius: 0;  box-shadow: 0 0 10px #cccccc;  padding:9px;}
.carousel-control.left, .carousel-control.right { background:none; }
.carousel-control.left img, .carousel-control.right img { position:relative; margin-top:62%; max-width:45%; }

img { max-width:100%; height:auto;}
p{ margin-bottom:15px; color:#333; font-size:15px; font-size: 0.9375rem; font-family: 'Open Sans', sans-serif; font-style:normal; line-height:normal;}

a:link { color:none;}
a, a:link, a:focus, a:hover { outline:none;}
a:hover {  color:inherit;}
a:focus, a:hover { text-decoration: none;}
.text-bold   { font-weight:600;}
.text-bold-2 { font-weight:700;}
.text-bold-3 { font-weight:800;}
.text-upp { text-transform:uppercase;}

.form-control, label { color:#252525; font-size:14px; font-size: 0.875rem; font-weight:100; font-family: 'Open Sans', sans-serif;  }
.form-control { background:#fff; height:44px; padding: 10px 12px; resize:none; color:#000; font-size:14px; font-size: 0.875rem; font-family: 'Open Sans', sans-serif; font-style:italic; text-decoration:none; 
	border-color:#eee;}

.has-error .form-control {  border-color: #ff0000; background:#fde5e5;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.form-control::-webkit-input-placeholder { color:#cccccc; }
.form-control::-moz-placeholder { color:#cccccc; } /* firefox 19+ */
.form-control:-ms-input-placeholder { color:#cccccc; } /* ie */
.form-control:-moz-placeholder { color:#cccccc; }

select {  -moz-appearance: none;  -webkit-appearance: none;  appearance: none; background:#fff url(../images/arrow-down-1.png) no-repeat 98% center; }
select.form-control { background:#fff url(../images/arrow-down-1.png) no-repeat 95% center;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color:#424242; font-family: 'Open Sans', sans-serif; }
h1, .h1 {	font-size:34px; font-size:2rem; font-weight:bold;}
h2, .h2 {	font-size:30px; font-size: 1.875rem;}
h3, .h3 {	font-size:26px;	font-size: 1.625rem;}
h4, .h4 {	font-size:22px;	font-size: 1.375rem;}
h5, .h5 {	font-size:18px;	font-size: 1.125rem;}

.form-control { font-size:14px; font-size: 0.875rem; color:#000; font-family: 'Open Sans', sans-serif; font-style:normal; height:36px; padding:5px; background:#fff; border-radius:0px;}
.form-control:focus { border-color: #f2f2f2; box-shadow: 0 1px 1px rgba(242,242,242, 0.075) inset, 0 0 8px rgba(242,242,242, 0.6);}

.fa-2 {  font-size: 2rem;}
.fa-3 {  font-size: 2.5rem;}
.fa-4 {  font-size: 3rem;}
.fa-5 {  font-size: 4.5rem;}
.fa-6 {  font-size: 5rem;}
.fa-7 {  font-size: 5.5rem;}

.list-style-blue, .list-style-blue ul { clear:both; list-style:none; margin:10px auto; padding:0px; color:#001839; font-size:16px; font-size:1rem; font-family: 'Open Sans', sans-serif;}
.list-style-blue a:link, .list-style-blue a:visited, .list-style-blue ul a, .list-style-blue ul a:visited {  color:#001839;  }
.list-style-blue li { list-style:none; margin:10px auto; padding:5px; position:relative; }
.list-style-blue li:before {content: "\f105"; font-size:20px; font-size: 1.25rem; font-family:FontAwesome; color:#001839; position:absolute; left:0px; }
.list-style-blue li li:before { content: "\f101"; font-size:16px; font-size: 1rem; }
.list-style-blue > li { padding:0px 10px 0px 15px;}
.list-style-blue > li li { margin-left:5px; padding:0px 10px 0px 15px; font-size:13px;}


.list-style-new, .list-style-new ul { clear:both; list-style:none; margin:10px auto; padding:0px; color:#001839; font-size:16px; font-size: 1rem; font-family: 'Open Sans', sans-serif; }
.list-style-new li { list-style:none; margin:10px auto; padding:5px 5px 5px 20px; position:relative; }
.list-style-new li:before { content: "\f138"; font-size:14px; font-size: 0.875rem; font-family:FontAwesome; color:#001839; position:absolute; left:0px; }
.list-style-new li li:before { content: "\f138"; font-size:12px; font-size: 0.75rem; }
.list-style-new > li { padding:0px 10px 0px 20px;}
.list-style-new > li li { margin-left:5px; padding:0px 10px 0px 15px; font-size:13px; font-size: 0.8125rem;}

.list-style-new.square li:before { content: ""; width:6px; height:6px; top:8px; }
.list-style-new.square li li:before { content: ""; width:5px; height:5px; left:2px; }


.list-style-new.lightblue, 	.list-style-new.lightblue a, 	.list-style-new.lightblue a:visited, .list-style-new.lightblue li, .list-style-new.lightblue li:before { color:#7fabe3; }
.list-style-new.blue,		.list-style-new.blue a, 		.list-style-new.blue a:visited, 	.list-style-new.blue li, .list-style-new.blue li:before { color:#001839; }
.list-style-new.red, 		.list-style-new.red a, 			.list-style-new.red a:visited, 		.list-style-new.red li, .list-style-new.red li:before { color:#ee2e24; }
.list-style-new.yellow,		.list-style-new.yellow a, 		.list-style-new.yellow a:visited, 	.list-style-new.yellow li, .list-style-new.yellow li:before { color:#f0ad4e; }
.list-style-new.green,		.list-style-new.green a, 		.list-style-new.green a:visited, 	.list-style-new.green li, .list-style-new.green li:before { color:#5cb85c; }
.list-style-new.white, 		.list-style-new.white a, 		.list-style-new.white a:visited, 	.list-style-new.white li, .list-style-new.white li:before { color:#fff; }

.list-style-new.square.lightblue li:before { background:#7fabe3;}
.list-style-new.square.lightblue li li:before { background:#7fabe3;}

.link-red,          .link-red a:link,           .link-red a:hover,          .link-red a:focus,      .link-red a:visited     { color:#ee2e24;}
.link-gray,         .link-gray a:link,          .link-gray a:hover,         .link-gray a:focus,     .link-gray a:visited    { color:#424242;}
.link-white,        .link-white a:link,         .link-white a:hover,        .link-white a:focus,    .link-white a:visited   { color:#fff;}
.link-blue,         .link-blue a:link,          .link-blue a:hover,         .link-blue a:focus,     .link-blue a:visited    { color:#001939;}
.link-black,        .link-black a:link,         .link-black a:hover,        .link-black a:focus,    .link-black a:visited    { color:#424242;}
.link-lightblue,    .link-lightblue a:link,     .link-lightblue a:hover,    .link-lightblue a:focus,.link-lightblue a:visited { color:#0b4795;}


.btn-red, .btn-black, .btn-blue, .btn-lightblue, .btn-lightblue, .btn-yellow, .btn-gray { background: #ef443d; border-color: #ef443d;  color: #ffffff; 
	font-family: 'Open Sans', sans-serif; font-size: 15px;  font-size: 0.9375rem; font-weight: 100;  height: auto;  line-height: normal;
  	overflow: hidden;  padding: 10px 20px 9px;  position: relative;  text-transform: uppercase;}

.btn-red, .btn-red:link, .btn-red:visited 		{ background: #ef443d; border-color: #ef443d; color:#fff; }
.btn-red:hover{ background: #f9544d; border-color: #f9544d;  color:#fff;}

.btn-black, .btn-black:link, .btn-black:visited 		{ background: #000000; border-color: #000000; color:#fff; }
.btn-black:hover{ background: #333; border-color: #333;  color:#fff;}

.btn-blue, .btn-blue:link, .btn-blue:visited 		{ background: #001939; border-color: #001939; color:#fff; }
.btn-blue:hover { background: #112d50; border-color: #112d50; color:#fff;}

.btn-lightblue, .btn-lightblue:link, .btn-lightblue  { background: #7fabe3; border-color: #7fabe3; color:#fff;}
.btn-lightblue:hover  { background: #accef8; border-color: #accef8; color:#fff;}

.btn-yellow, .btn-yellow:link, .btn-yellow:visited 	{ background: #f0ad4e; border-color: #f0ad4e; color:#333; }
.btn-yellow:hover 	{ background: #fabd66; border-color: #fabd66; }

.btn-gray, .btn-gray:link, .btn-gray:visited	 	{ background: #434343; border-color: #434343; color:#fff;}
.btn-gray:hover	 	{ background: #5c5b5b; border-color: #5c5b5b; color:#fff;}

.btn-orange, .btn-orange:link, .btn-orange:visited 		{ background: #ff6600; border-color: #ff6600; color:#fff; }
.btn-orange:hover { background: #fc7e2a; border-color: #fc7e2a; color:#fff;}

.btn-yellow, .btn-yellow:link, .btn-yellow:visited 		{ background: #ffca00; border-color: #ffca00; color:#fff; }
.btn-yellow:hover { background: #fed744; border-color: #fed744; color:#fff;}

.btn-green, .btn-green:link, .btn-green:visited 		{ background: #8db600; border-color: #8db600; color:#fff; }
.btn-green:hover { background: #abd127; border-color: #abd127; color:#fff;}


.btn.btn-sm { font-size: 13px!important; font-size: 0.8125rem; line-height: 1.5;  padding: 5px 10px !important;}
.btn.btn-lg {  font-size: 18px!important; font-size: 1.125rem; line-height: 1.33333;  padding: 10px 16px!important;}

.mleft-0 { margin-left:0px;}
.mright-0 { margin-right:0px;}
.margintop-0 { margin-top:0px;}
.marginbottom-0 { margin-bottom:0px;}
.margin-0 { margin:0px;}
.divider1 {	height:5px;		clear:both;}
.divider2 {	height:10px;	clear:both;}
.divider3 {	height:15px;	clear:both;}
.divider4 {	height:20px;	clear:both;}
.divider5 {	height:25px;	clear:both;}
.divider6 {	height:30px;	clear:both;}
.divider7 {	height:40px;	clear:both;}
.divider8 {	height:50px;	clear:both;}
.divider9 {	height:60px;	clear:both;}

[class^="siteicon-"],
[class*=" siteicon-"] { width:25px; height:25px; display:inline-block; background:url(../images/siteicon.png) no-repeat 0px 0px; }

.siteicon-map {  width:45px; height:45px; background-position:0px 2px; }

.siteicon-call-1 {  width:45px; height:45px; background-position:-69px 2px; }
.siteicon-call-white-1 {  width:45px; height:45px; background-position:-196px 2px; }

.siteicon-best 		{  width:65px; height:65px; background-position:2px -57px; }
.siteicon-money 	{  width:65px; height:65px; background-position:-67px -50px; }
.siteicon-warranty	{  width:65px; height:65px; background-position:-136px -57px; }

/* +++++++++++++++++++++++++++++++++++  End Common Style here +++++++++++++++++++ */
.header-top-container ul, .header-top-container li  { list-style:none; padding:0px; margin:0px; }
.header-top-container { clear:both; float:left; padding:25px 0px; margin:0px 0px 0px; width:100%; position:relative; z-index:9999; border-bottom:solid 1px #eee; background:rgba(255,255,255,0.7); }
.header-top-container.fixtop {  position:fixed; }
.header-top-container .container { position:relative;}

.header-top-container .link-menutop, .header-top-container .link-searchtop  { float:left; margin-top:10px; font-size:24px; font-size: 1.50rem; color:#333;}
.header-top-container .link-searchtop { float:right;}

.menu-top { position:absolute; display:none; top:38px; left:15px; clear:both; float:left; margin:0px; padding:0px; list-style:none;}
.menu-top li { clear:both; float:left; padding:5px 10px; margin:0px 0px 0px; width:150px; background:#fff; border:solid 1px #eee; border-width:0px 1px 1px; }
.menu-top a, .menu-top a:visited { color:#333;}

.search-top-con { text-align:right;}
.search-top { display:none; position:absolute; top:39px; right:0px; left:0px;}
.search-top .form-group { float:left; width:80%;}
.search-top .btn { float:left; width:20%; background:#fff;}
.search-top input, .search-top .btn { border-radius:0px; padding:5px 10px;  line-height:normal; height:40px;  }

.top-logo-con { float:none; clear:none; margin:-10px auto 0px; display:table; }
.top-logo-con .site-title { margin:0 auto 0; float:none; width:auto; max-width:100%; line-height:50px; font-family: 'Cookie', cursive; font-size:72px; font-size:4rem; letter-spacing:0.05em; color:#7bb936; }
.top-logo-con .site-title .logo { display:table; margin:auto;}
.top-logo-con .site-title, .top-logo-con .site-title a, .top-logo-con .site-title a:visited { color:#7bb936; }
.top-logo-con .site-title:hover, .top-logo-con .site-title a:hover { text-decoration:none;}
.top-logo-con .site-description { display: block; margin-top: 10px; text-align: center;}
.banner-top  { clear:both; float:left; width:100%;}
.home-banner { clear:both; float:left; width:100%;}
.home-banner .item .banner-image { min-height:200px; max-width:200%;}
 
.banner-top .item:before { content:""; position:absolute;  left:10px; top:10px; right:10px; bottom:10px; border:dashed 1px #fff;}
.subpage-banner { text-align:center; }
.subpage-banner img { text-align:center; max-height:500px; width:auto; max-width:100%;}
.header-con { clear:both; float:left; margin-bottom:0px; width:100%; text-align:center; font-family: 'Cookie', cursive;}
.carousel-caption { text-shadow:none;  }
.carousel-caption .title { padding:10px; margin:0px; width:100%; display:block; background:rgba(1,42,149,0.4);  background:rgba(212,56,117,0.6);  color:#fff;}
.carousel-caption .text  { padding:10px; margin:0px; width:100%; display:block;	background:rgba(71,63,114,0.4); background:rgba(222,212,200,0.6);  color:#333;}

.carousel-indicators .active, .carousel-indicators li { height:12px; width:12px;  margin:0px 2px; border:solid 1px #f63d4f;}
.carousel-indicators .active { background:#f63d4f; border:solid 1px #f63d4f;}
.carousel-indicators {  bottom:5px;}

#main-content, .content-area { float:left; margin:auto; width:70%;}
.site-content, .site-main .widecolumn {  margin-left:0px;}
#secondary { float:right; margin:auto; padding:0px 0px 0px 20px; width:30%; position:relative;}
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { margin: 0 auto;  max-width: 100%;}
#secondary .widget { padding:0px 15px 15px; margin:0px 0px 20px; line-height:normal; background:#fff; border:0px;}
#secondary .widget:last-child { padding-bottom:0px; margin-bottom:0px;}
.widget-title, .widget-title a {  color:#fff;}
.widget a {  color: #444;}
#secondary .widget .widget-title { padding:10px 15px 10px; margin:0px -15px 10px; border-bottom:solid 1px #eee; font-size:18px; font-size: 1.125rem; background:#7bb936;}
#secondary .widget li { clear:both; padding:10px 0px 10px; border-bottom:solid 1px #eee;}
#secondary .widget li:last-child { border-bottom:0px; padding-bottom:0px;}

.entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration:none; color:#7bb936;}
.entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover { text-decoration:underline; color:#d43875;}

.gototop, .gototop:visited { display:none; position:fixed; right:3%; bottom:10%; color:#03a7f2; font-size:24px; font-size: 1.50rem; z-index:99999;}
.gototop:before {  content: "Top";  font-size: 12px; font-size: 0.75rem;  position: absolute;  text-align: left; text-transform: uppercase;  top: 30px;  width: 100px;}
.gototop.show { display:block;}

.site-footer { clear:both;}

@media screen and ( max-width:1920px) {}
@media screen and ( max-width:1780px) {}
@media screen and ( max-width:1680px) {}
@media screen and ( max-width:1600px) {}
@media screen and ( max-width:1580px) {}
@media screen and ( max-width:1500px) {}
@media screen and ( max-width:1440px) {}
@media screen and ( max-width:1366px) {}

@media screen and ( max-width:1280px) {}
@media screen and ( max-width:1200px) {}
@media screen and ( max-width:1080px) {}
@media screen and ( max-width:1050px) {}
@media screen and ( max-width:1024px) {
	
/*	h1, .h1 {	font-size: 26px; font-size: 1.625rem; }
	h2, .h2 {	font-size: 22px; font-size: 1.375rem;}
	h3, .h3 {	font-size: 20px; font-size: 1.25rem; }
	h4, .h4 {	font-size: 18px; font-size: 1.125rem;}
	h5, .h5 {	font-size: 16px; font-size: 1rem;}*/
	body, html { font-size:90%;}
	.site-main {  margin-bottom:1.5em;}
	.header-top-container { margin-bottom:0px; padding:15px 0px;}
	.header-con .site-title {  margin:auto;}
	.banner-top .carousel-caption .title {  }
}
@media screen and ( max-width:980px)  {
	.top-logo-con .site-title {  font-size:2rem; }
	.top-logo-con .site-description { padding:0px; margin:5px auto 0px; }
	#main-content, .content-area, #secondary { clear:both; float:left; padding:20px; margin:0px auto; width:100%; }
	.site-main > article { padding:0px 0px 15px;  margin-bottom:1em; border-bottom:dotted 1px #ccc;}
}
@media screen and ( max-width:900px)  {}
@media screen and ( max-width:800px)  {}
@media screen and ( max-width:770px)  {}
@media screen and ( max-width:667px)  {
	body, html { font-size:75%;}
	p, .text { font-size: 16px; font-size: 1rem;}
}
@media screen and ( max-width:600px)  {
	.banner-top .carousel-indicators { display:none; }
	.banner-top .carousel-control { top:40%; bottom:auto;}
	.banner-top .carousel-caption { margin:auto; padding:0px; position:relative; left:0px; bottom:auto; right:0px;}
}
@media screen and ( max-width:568px)  {}
@media screen and ( max-width:480px)  {}
@media screen and ( max-width:414px)  {}
@media screen and ( max-width:384px)  {}
@media screen and ( max-width:375px)  {}