html {overflow-y: scroll;}
body {margin: 0px; padding: 0px; background: #eee;}
body ,div ,td {font-family: Arial , sans-serif; font-weight: 300; font-size: 14px; color: #060606;}
p {margin: 8px 0px 8px 0px;}

#site_mobile {display: none;}


.pink {color: #eb5697;}

#overlay {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 100; background: rgba(0,0,0,0.7);}
#overlay_content {
background: #fbf6ef;
position: relative;
top: 50px;
margin: 0 auto 0 auto; /* add negative left margin for half the width to center the div */
cursor: default;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

#overlay_quote {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 100; background: rgba(0,0,0,0.7);}
#overlay_quote_content {
position: relative;
top: 110px;
margin: 0 auto 0 auto; /* add negative left margin for half the width to center the div */
border: 0px;
}

#site {margin: 10px 0px 0px 0px; width: 1050px; min-height: 500px; margin-left:auto; margin-right:auto; background: #fbf6ef;}

#header {height: 110px; font-family: 'Libre Franklin', sans-serif;}

.circle_team_header {
    border: 5px solid #eb5697;
    width:80px;
    height:80px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

.circle_team_header_selected {
    border: 5px solid #000;
    width:80px;
    height:80px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

#logo {}

#footer {height: 67px; background: url('../images/footer3_bg.jpg');}

.cursive {font-family: 'Nothing You Could Do', cursive;}
.cursive_title {font-family: 'Nothing You Could Do', cursive; font-size: 32px;}
.cursive_byline {float: right; margin-top: 4px;font-family: 'Nothing You Could Do', cursive; font-size: 18px;}

.page_title {font-size: 18px; background: #eb5697; color: #fff; padding: 6px 0px 6px 10px;}
.page_section_title {font-family: 'Nothing You Could Do', cursive; margin: 10px 0px 4px 12px; font-size: 22px;}

.pull_quote {
	background: #ffc8e0;

	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.quotebox {background: #ffc8e0; cursor: pointer; cursor: hand;}
.quotebox_over {background: #f99fc6; cursor: pointer; cursor: hand;}

.hollon_pq {margin: 16px 0px 0px 0px ;width: 450px;}

.dj_mix_list {
	background: url(../images/play_ico_16.png) no-repeat 0px 0px transparent;
   list-style-type: none;
   margin: 2px 0px 0px 0px;
   padding: 1px 0px 4px 22px;
   vertical-align: middle;
 }

 .addon_line {margin: 0px auto; width: 640px; height: 2px; background: #eb5697; margin-bottom: 8px; opacity: 0.65;}

/*Responsive settings*/
@media only screen and (max-width: 600px) {


}

/*Common Styles*/
.rel {position: relative;}
.abs {position: absolute;}

label, .link, .hand {cursor: pointer; cursor: hand;}
a:link, a:visited {color: #000; text-decoration: none;}
i {color: #eb5697; font-weight: bold;}

.link_dotted {cursor: pointer; cursor: hand; text-decoration: none; border-bottom: 1px dotted;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}

.text_small {font-size: 12px;}
.text_tiny {font-size: 10px;}
.text_gray ,.text_grey {color: #666;}
.text_white {color: #fff;}
.text_big ,.text_large {font-size: 14px;}

strong ,.bold {font-weight: bold;}
.italic ,.italics {font-style: italic;}
.strike {text-decoration: line-through;}

form {margin: 0px; padding: 0px;}
.label_top {padding: 12px 8px 4px 2px; font-size: 14px; color: #666;}
.label_left {vertical-align: middle; padding: 0px 8px 0px 0px; font-size: 14px; color: #666;}
.label_left_top {vertical-align: top; padding: 2px 8px 0px 0px; font-size: 14px; color: #666;}
.label_radio {vertical-align: middle; padding: 0px 0px 0px 0px; font-size: 13px;}
.label_checkbox {vertical-align: middle; padding: 0px 0px 0px 2px; font-size: 16px; color: #666;}
.complete_link {padding: 7px 0px 0px 0px;}

.time_button {margin-bottom: 5px; ;width: 26px; height: 26px; line-height: 24px; text-align: center; border: 1px solid #eb5697; cursor: pointer; cursor: hand;}

.navtop_button {height: 26px; font-size: 12px; line-height: 27px; background: #eb5697; color: #fff;}
.navtop_button_over {height: 26px; font-size: 12px; line-height: 27px; background: #000; color: #fff;}

.mobile_nav_button {margin: 0px auto; height: 42px; width: 350px; font-size: 22px; line-height: 42px; text-align: center; background: #eb5697; color: #fff;}

.edit_over {color: #f9e437;}
.edit_none {color: #fff;}

.ico_calendar {margin: 2px 0px 0px 0px;}

.bullet li {margin-top: 10px; font-size:  15px;}

.textbox {padding: 6px; font-size: 17px; border: 1px solid #eb5697;}
.textbox_small_text {padding: 3px; font-size: 14px;}
	.name {width: 170px;}
	.name_supershort {width: 80px;}
	.name_short {width: 130px;}
	.name_med {width: 190px;}
	.name_long {width: 300px;}
	.name_extralong {width: 360px;}
	.server_name {width: 110px;}
	.amount, .SAPassword {width: 90px;}
	.date {width: 88px;}
	.date_select {font-size: 13px; width: 132px;}
	.time {width: 80px;}
	.time_box {width: 106px;}
	.city {width: 156px;}
	.state {width: 34px;}
	.zip {width: 55px;}
	.ssn_last_4 {width: 38px;}
	.single_char {width: 16px;}
	.number {text-align: right; padding-right: 10px;}
	.email {width: 230px;}
	.ssn_full {width: 94px;}
	.phone {width: 160px;}
	.dollar {width: 80px; text-align: right; padding-right: 10px;}
	.with_button {width: 286px;}
	
	.comments {width: 360px; height: 280px;}

/* Green button start */
.button {background: #009903; color: #fff; padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand;}

.button {
 background: #b6e026; /* Old browsers */
 background: -moz-linear-gradient(top, #b6e026 0%, #89bf24 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e026), color-stop(100%,#89bf24)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* IE10+ */
 background: linear-gradient(top, #b6e026 0%,#89bf24 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#89bf24',GradientType=0 ); /* IE6-9 */
 border: 1px solid #89bf24;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 text-align: center;
 color: #FFFFFF;
 font-size: 12px; 
 text-decoration:none;
 
    font-size:15px;
    white-space:nowrap;
    color:#fff;
    text-shadow:0 1px 0 #a0f7ae;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
/* Green button end */

/* Pink button start */
.button_pink {background: #c706c0; color: #fff; padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand;}

.button_pink {
 background: #eb5697; /* Old browsers */
 background: -moz-linear-gradient(top, #eb5697 0%, #ce4e86 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb5697), color-stop(100%,#ce4e86)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #eb5697 0%,#ce4e86 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #eb5697 0%,#ce4e86 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #eb5697 0%,#ce4e86 100%); /* IE10+ */
 background: linear-gradient(top, #eb5697 0%,#ce4e86 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de26e0', endColorstr='#ce4e86',GradientType=0 ); /* IE6-9 */
 border: 1px solid #ce4e86;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 text-align: center;
 color: #FFFFFF;
 font-size: 12px; 
 text-decoration:none;
 
    font-size:15px;
    white-space:nowrap;
    color:#fff;
    text-shadow:0 1px 0 #f6a0f7;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
/* Pink button end */

.site_corners {
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
 	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
 	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.round_corners_3 ,.time_button {
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
 	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
 	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
 	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.round_corners_5 {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.round_corners_5_top {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
}

.round_corners_5_btm {
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.packages_box {
	text-align:  center;
	border: solid 3px #eb5697;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.packages_box p {margin: 0px 0px 8px 0px; font-size: 14px; color: #666; font-weight: bold;}

.spin {
  animation-name: spin;
  animation-duration: 20000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}