body {padding:0; margin:0 auto; max-width:100%; width:100%;}

pre, code {-webkit-overflow-scrolling: touch;}

.wrapper {text-align:center; }

.header {/*position:absolute;*/ width:100%; top:0; left:0; background:#fff;}
.header img {max-width:97%; height:auto; display:block; margin:0 auto; }
.header h1 {padding:15px 0 0 0; margin:0; font:normal 28px/30px 'allerregular', arial, sans-serif; color:#fff;}
.header h1 span {display:inline-block; background:#fff; color:#c00; width:28px; text-align:center; margin:0 2px; font:normal 28px/30px 'latoblack', arial, sans-serif;}
.header p {padding:0; margin:0; font:normal 15px/20px 'allerregular', arial, sans-serif; color:#fff; text-transform:uppercase;}

.mobile_header { display:none; /*max-width:300px;*/ width:100%; top:0; bottom:0; padding:0; margin:0;}
.mobile_header img {display:block; /*max-width:300px;*/ width:100%; margin:0 auto; padding:0;}

/*--- Janurary 2019 new code---*/
.info {max-width:55%; width:100%; padding:10px 10px 20px 10px; display:inline-block; vertical-align:top; text-align:left;}

.info-large {max-width:70%; margin:0 auto; padding:0; display:inline-block; vertical-align:top;}
.info-large h1 {padding:0; margin:0; font:bold 2em 'allerbold', arial, sans-serif; color:#000; text-align:center;}
.info-large h1 a {color:#c00; text-decoration:none;}
.info-large h2 {padding:0.7em ; margin:0; font:bold 2.3em 'allerbold', arial, sans-serif; color:#000; text-align:center;}
.info-large h2 a {color:#c00; text-decoration:none;}
.info-large h3 {padding:0.7em ; margin:0; font:bold 2em 'allerbold', arial, sans-serif; color:#aaa; text-align:center;}
.info-large h3 a {color:#c00; text-decoration:none;}
.info-large p {padding:0.4em 1em 0.4em 1em; margin:0; font:1.3em 'allerregular', arial, sans-serif; color:#000; text-align:justify; line-height:1.7em;}

/*---- sliding banner 2019 ---*/

.slide-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.slide-content{margin-left:auto;margin-right:auto;max-width:100%;}
.slide-section{margin-top:0px!important;margin-bottom:0px!important;}

/*----- end banner ---*/
.clear2::after{content: ""; visibility: hidden; display: block; height: 0; clear: both;}


/* --- End January 2019 ---*/

/*--- info change ---*/
.info h3.smartphone {padding:0; margin:30px 0; font:normal 20px/25px 'allerregular', arial, sans-serif; color:#c00; display:none;}
.info .list_left::after{content: "";  visibility: hidden;  display: block;  height: 0;  clear: right;}
.info .list_right::after{content: "";  visibility: hidden;  display: block;  height: 0;  clear: both;}

.info .list_right ul { list-style:none; max-width:40%; width:99%; padding:0; margin:0 5px 0 10px ;text-align:left; float:right;/*--jan 2019 border:2px solid #ff0000;*/}
.info .list_right ul li {padding:0; margin:0; font:1em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; line-height:1.5em;}

.info .details_list ul {list-style:none; max-width:740px; width:99%; padding:0 8px 0 0; margin:0 5px 0 5px ;text-align:left;}
.info .details_list ul li {padding:0; margin:0; font:1em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; list-style:none; line-height:1.5em;}
.info .details_list ul li img{padding-bottom:1px; margin:0;}
.info .details_list ul a:hover{ text-decoration:none; color:#9A1D23;}
.info .details_list ul a:link{ text-decoration:none; color:#000066;}

.info .list_left ul { list-style:none; max-width:45%; width:99%; padding:0; margin:0 5px 0 10px ;text-align:left; float:left;/*--jan 2019 border:2px solid #ff0000;*/  }
.info .list_left ul li {padding:0; margin:2px 0 0 10px; font:1em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; line-height:1.5em;}
.info .list_left p {font:1em 'allerregular', arial, sans-serif; padding:20px 0 4px 20px; margin:0; text-align:left; line-height:1.2em;}

/*january 2019 changes--*/

.list_left ul { list-style:none; max-width:350px; width:99%; padding:0; margin:0 5px 0 10px ;text-align:left; float:left; }
.list_left ul li {padding:0; margin:2px 0 0 10px; font:1em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; line-height:1.5em;}
.list_left p {font:1em 'allerregular', arial, sans-serif; padding:20px 0 4px 20px; margin:0; text-align:left; line-height:1.5em;}

/*--- End January 2019 changes --*/


.info h2 {padding:0; margin:0; font:bold 20px/35px 'allerbold', arial, sans-serif; color:#000; text-align:center;}
.info h2 a {color:#c00; text-decoration:none;}

.info .head{max-width:100%; width:98%; height:auto; padding:7px; margin:8px 0 0 0;/*display:inline-block; vertical-align:top;*/ text-align:center; background:#9A1D23; border-radius:8px;}

.info .head h2 {padding:2px; margin:0; font:1.5em 'allerbold', arial, sans-serif; color:#fff;}
.info .head h2 a {color:#c00; text-decoration:none;}

.info .box700{max-width:700px; width:99%; margin:0; padding:0; background:#CC9900; border:3px solid #000;}
.info .box700 img {max-width:700px; border:2px solid #ddd; border-radius:8px;}

/*--------------- PAYPAL -----------*/

.info .easy_border {max-width:95%; width:740px; border-radius:8px; margin:4px 20px 10px 0; padding:10px; border:3px solid #ccc;}
.info .easy_border .img {max-width:80%; width:200px; padding:0; margin:0 auto;}

.info .easy_border h3 {padding:0; margin:0 auto; font:1.8em 'allerbold', arial, sans-serif; color:#000; text-align:center; font-weight:bold; line-height:3em;}
.info .easy_border h3 a {color:#c00; text-decoration:none;}
.info .easy_border p {padding:0 5px 0 6px; margin:0; font:1.2em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; line-height:175%; }
.info .easy_select {padding:4px; margin:0; font:1.2em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; border-radius:8px; background:#199EDB; }


.info .paypal_box {width:110px; height:auto; padding:40px; background:#ccc; border-radius:8px; margin:0 auto; border:1px solid #199EDB;}
.info .paypal_box td {padding:0 5px 0 6px; margin:0; font:1.2em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; line-height:175%; }
.info .paypal_box td img { padding:0; margin:0 auto; width:120px; height:53px;}
.info .p_simple {padding:0 5px 0 6px; margin:0; font:1.2em 'allerregular', arial, sans-serif; color:#000; text-decoration:none; line-height:175%; }

/*--- End Paypal ---*/

.info .bigpic {max-width:450px; width:99%; display:inline; padding:0; margin:0; border:2px solid #000; background:#fff;border-radius:8px;}
.info .bigpic img {max-width:450px; border:2px solid #ddd; border-radius:8px; margin:0; padding:10px;}

.info .bigpic ul {display:inline-block; list-style:none; padding:4px 0 0 8px;;margin:0; background:#fff;float:left;}
.info .bigpic ul {*display:inline;}
.info .bigpic li {width:90%; font:1.2em 'allerregular',arial, sans-serif;color:#666; padding:10px 5px 0 5px; padding:0; text-align:center; background:#fff;border-radius:5px 5px 5px 5px;}

.info .smallpic {max-width:150px; width:99%; display:inline; padding:0; margin:0; border:2px solid #000; background:#fff;}
.info .smallpic img {max-width:150px; border:2px solid #ddd; border-radius:8px; margin:0; padding:10px;}

.info .smallpic ul {display:inline-block; list-style:none; padding:4px 0 0 8px;;margin:0; background:#fff;float:left;}
.info .smallpic ul {*display:inline;}
.info .smallpic li {width:90%; font:normal 18px/20px 'allerregular',arial, sans-serif;color:#666; padding:10px 5px 0 5px; padding:0; text-align:center; background:#fff;border-radius:5px 5px 5px 5px;}

.info .box150 {max-width:100%; width:100%; display:inline; padding:0; margin:0; height:auto;}
/*--- main image in list---*/
.info .box150 img {max-width:100%; width:99.6%; margin:auto; /*padding:3px;*/ border:2px solid #808080; border-radius:8px; display:inline;  /* display: block;margin-left: auto; margin-right: auto; padding:0; position:relative;*/}

.info .box150 ul {max-width:100%; width:100%; ;display :inline-block; list-style:none; padding:0; margin:0; background:#fff;}
/*.info .box150 ul {*display:inline;}*/

.info .box150 li {width:99%; font:normal 12px/20px 'allerregular',arial, sans-serif; color:#666; padding:0; margin:0; text-align:left; }
.info .box150 li a { text-decoration:none; color:#040707;}
.info .box150 li a:hover { text-decoration:none; color:#9a1d23;}

/*--- main box condo details ---*/
.info .box150_right{max-width:98.6%; width:100%; /*display:inline; padding:0 ; margin:0 auto;*/  /*float:right;*/ border:2px solid #585858;background:#fff; border-radius:8px; margin-bottom:5px;}
/*---*/
.info .box150_right p{padding:0 0 5px 5px; margin:2px 0 0 0; font:1.2em 'allerregular', arial, sans-serif; color:#040707; text-align:left; line-height:1.3em; }
.info .box150_right p a { text-decoration:none; color:#040707;}
.info .box150_right p a:hover { text-decoration:underline; color:#9a1d23; font-weight:bold;}

.info .bigbox::after{ content: ""; visibility: hidden; display: block;  height: 0; clear: both;}

/*--- main box frame display here ---*/
.info .bigbox {max-width:98%; width:100%; height:100%; padding:5px; display:inline-block; vertical-align:top; text-align:left; border:2px solid #000; border-radius:8px;
 margin-top: 7px; margin-bottom:5px; }
 /*-------------------------------*/
 
.info .bigbox .img {border-radius:8px; padding:0; margin:0 auto; max-width:100%; width:100%;}
/*---end main frame ---*/

.info .bigbox h2 {max-width:99%; width:100%; padding:0; margin:0; font:1.4em 'allerregular', arial, sans-serif; color:#fff; text-align:center; background:#9A1D23; border-radius:8px 8px 0 0; line-height:1.6em;}
.info .bigbox h4 {padding:0; margin:2px 0 0 0; font:1em 'allerregular', arial, sans-serif; color:#2F4F4F; text-align:left; line-height:3em;}
.info .bigbox h4 a{ text-decoration:none; color:#040707;}
.info .bigbox h4 a:hover{ text-decoration:none; color:#9a1d23; font-weight:bold;}

.info .bigbox3::after{ content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.info .bigbox3 {max-width :100%; width:100%; border-radius:8px; margin:0; padding:0 0 10px 2px; display:block;}
.info .bigbox3 .img { border-radius:8px; padding:0; margin:0 auto; max-width:100%; width:740px;}
.info .bigbox3 h2 {padding:0; margin:2px 0 0 0; font:normal 22px/30px 'allerregular', arial, sans-serif; color:#000; text-align:center;}
.info .bigbox3 h4 {padding:0; margin:2px 0 0 0; font:normal 12px/30px 'allerregular', arial, sans-serif; color:#2F4F4F; text-align:left;}
.info .bigbox3 h4 a:hover{ text-decoration:none; color:#3E0C0E;}

.info .bigbox2 {max-width:98%; width:99%; height:580px; padding:5px; display:inline-block; vertical-align:top; background:#fff; border-radius:8px; border:2px solid #ccc; margin-top:7px;}
.info .bigbox2 .img { border-radius:8px; padding:0; margin:0 auto; max-width:100%; width:740px;}
.info .bigbox2 h2 {padding:0; margin:10px 0 0 0; font:normal 22px/30px 'allerregular', arial, sans-serif; color:#000; text-align:center;}
.info .bigbox2 h4 {padding:0; margin:10px 0 0 0; font:normal 22px/30px 'allerregular', arial, sans-serif; color:#2F4F4F; text-align:center;}
.info .bigbox2 p {padding:0; margin:10px 0 0 0; font:normal 18px/20px 'allerregular', arial, sans-serif; color:#040707; text-align:center;}

.info .box450{max-width:450px; display:inline; padding:15px 5px 5px 0; margin:0; border:2px solid #ccc;}
.info .box450 img {max-width:250px; border:2px solid #ddd; border-radius:8px;}

.demos .info h2 a {color:#e23b2d;}
.menus .info h2 a {color:#ea851d;}
.opacity .info h2 a {color:#9e6ba9;}
.explorer .info h2 a {color:#8b37aa;}
.mozilla .info h2 a {color:#1672bb;}
.layouts .info h2 a {color:#ffc20f;}
.boxes .info h2 a {color:#7cb447;}

.info h3 {padding:0 0 0 12px; margin:20px 0 0 0; font:bold 1.6em 'allerregular', arial, sans-serif; color:#000; line-height:1.4em;}
.info h3.information {color:#069;}
.info h3.code {color:#c66;}
.info h3.stylesheet {color:#399;}
.info h3.copyright {color:#375;}
.info h3.javascript {color:#069;}
.info h3.tandc {color:#c66;}

.info h4 {padding:0; margin:0; font:bold 1.4em 20px/25px 'allerregular', arial, sans-serif; color:#000;}
.info h5 {padding:0; margin:0; font:bold 1.2em 'allerregular', arial, sans-serif; color:#000;}
.info h5.date {color:#069;}

.info p {padding:5px 0 0 12px; margin:0; font:1em 'allerregular', arial, sans-serif; color:#333; line-height:1.5em;}

.info p a.link,
.info p a.link:visited {color:#c00;}

/*--- End info change ---*/

/*--- Change RightCol January 2019 from id to class---*/

/*--- main box holder---*/
.rightCol {max-width:88%; width:100%; display:inline-block; vertical-align:top; text-align:center; padding:10px; border-radius:8px; border:1px solid #ddd; background:#eee; margin:0 auto; margin-top:7px;}
/*----------------------*/
/*.rightCol {*display:inline;}*/

.rightCol h3 {padding:0; margin:0 -20px 10px -20px; font:1.5em 'allerregular', arial, sans-serif; color:#fff; background:#000; background:rgba(0,0,0,0.6); padding:10px 10px; border-radius:5px 5px 0 0; text-align:center;}
.rightCol h3 span {display:inline-block; background:#fff; color:#000; width:23px; text-align:center; margin:0 2px; font:normal 22px/25px 'allerbold', arial, sans-serif;}

.rightCol p { max-width:230px; width:99%; padding:5px 0; margin:0; font:1.1em 'allerbold', arial, sans-serif; color:#fff;}
/*---search bar outline---*/
.rightCol .box300 {max-width:86%; width:100%; /*width change here*/padding:0 20px 20px 20px; margin:10px 0; text-align:justify; border-radius:5px; display:inline-block;}
.rightCol .box300.col1 {background:#9A1D23;}
.rightCol .box300.col2 {background:#ea851d;}
.rightCol .box300.col3 {background:#babbbf;}
.rightCol .box300.col4 {background:#9e6ba9;}
.rightCol .box300.col5 {background:#329cd2;}

/*.rightCol .box300 {*display:inline;}*/
.rightCol .box300 ul {padding:0; margin:0; list-style:none;}
.rightCol .box300 ul li a {padding:0; margin:0; font:normal 14px/25px 'allerregular', arial, sans-serif; color:#000; text-decoration:none;}
.rightCol .box300.col5 ul li a,
.rightCol .box300.col5 ul li a:visited {color:#fff;} 

.rightCol .cse-branding-logo {max-width :100%; width:100%; padding:0; margin:0;}
.rightCol .cse-branding-logo p {max-width :100%; width:100%; padding:5px; margin:0 5px 0 0; font:1.2em 'allerregular',arial,sans-serif; color:#333; text-align:left; line-height:1.7em;}
.rightCol .cse-branding-logo a {text-decoration:none; color:#fff;}
.rightCol .cse-branding-logo a:link{text-decoration:none; color:#666;}
.rightCol .cse-branding-logo a:hover{text-decoration:none; color:#9A1D23;}


/*--- End RightCol---*/

@media only screen and (max-width:430px) { 
body {background-color:#fff;}
.header {display:block; margin:0 auto; max-width:97%; width:100%; padding:0;}
.info {max-width:95%; width:100%; padding:0 2px 0 0}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}

}

/*-----apple iphone sizes ----------*/

@media only screen and (max-width:470px) { 
body {background-color:#fff; }
.header {max-width:100%; width:100%; padding:0; display:block; margin:0 auto;}
.info {max-width:91%; width:100%; padding:0 7px 0 0; margin:0 auto;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}

/*----- end apple iphone -----------*/

@media only screen and (min-width:480px) and (max-width:500px) { 
body {background-color:#fff;}
.header {max-width:100%; width:100%; padding:0; display:block; margin:0 auto;}
.info {max-width:91%; width:100%; padding:0 6px 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}

}

@media only screen and (min-width:480px) and (max-width:570px) { 
body {background-color:#fff;}
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:90.6%; width:100%; padding:0 4px 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}

@media only screen and (min-width:570px) and (max-width:640px) { 
body {background-color:#fff;}
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:90.6%; width:100%; padding:0 4px 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}


@media only screen and (min-width:640px) and (max-width:730px) { 
body {background-color:#fff;}
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:90.4%; width:100%; padding:0 4px 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}

@media only screen and (min-width:690px) and (max-width:760px) { 
body {background-color:#fff;}
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:90.4%; width:100%; padding:0 1px 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}


@media only screen and (min-width:760px) and (max-width:840px) { 
body {background-color:#fff; /*background-color:#ff00ff;*/}
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:90.4%; width:100%; padding:0 1px 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}

}


@media only screen and (min-width:840px) and (max-width:940px) { 
body {background-color:#fff; }
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:90.4%; width:100%; padding:0 1px 0 0;}
.rightCol{max-width:85.6%; width:100%; padding:40px 20px;}
.rightCol h3{ max-width:100%; width:100%; margin:0 0 10px 0; padding: 7px 0 10px 0;font:normal 26px/32px 'allerregular', arial, sans-serif;}
.rightCol .box300 {max-width:45%; width:99%; padding:0 ; margin:0 auto; margin-bottom:20px; margin-right:10px; margin-left:20px; display:inline-block; vertical-align:top; float:left;}
.rightCol .box300 form {padding:5px 5px 15px 20px;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}

@media only screen and (min-width:940px) and (max-width:1020px) { 
body {background-color:#fff; }
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:90.4%; width:100%; padding:0 1px 0 0;}
.rightCol{max-width:85.6%; width:100%; padding:40px 20px;}
.rightCol h3{ max-width:100%; width:100%; margin:0 0 10px 0; padding: 7px 0 10px 0;font:normal 26px/32px 'allerregular', arial, sans-serif;}
.rightCol .box300 {max-width:45%; width:99%; padding:0 ; margin:0 auto; margin-bottom:20px; margin-right:10px; margin-left:20px; display:inline-block; vertical-align:top; float:left;}
.rightCol .box300 form {padding:5px 5px 15px 20px;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}

}


@media only screen and (min-width:1020px) and (max-width:1100px) { 
body {background-color:#fff;}
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:58%; width:100%; padding:0 1% 0 0;}
.rightCol{max-width:28%; width:100%; padding:7px 10px; margin:7px 0 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}

@media only screen and (min-width:1100px){ 
body {background-color:#fff;}
.header {max-width:100%; width:98%; padding:0; display:block; margin:0 auto;}
.info {max-width:58%; width:100%; padding:0 1% 0 0;}
.rightCol{max-width:28%; width:100%; padding:7px 7px; margin:7px 0 0 0;}
.info-large {max-width:91%; width:100%; padding:0 6px 0 0;}
}


.m_banner_hide{
	display:none;
}

.m_banner_show{
	display:block;
}