@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('diy_font-webfont.woff2') format('woff2'),
         url('diy_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	padding:0;
	margin:0;
	font-family: Arial, sans-serif, sans-serif;
	font-size:18px;
	color:#fffd5f ;
	background-color:#00adb4 !important;
    line-height:26px;
    letter-spacing:1.25px;
}

a { text-decoration:underline;
	color:#fffd5f; }

a:hover { text-decoration:none;
	color:#fffd5f; }

.headlineText{text-transform:uppercase !important; font-weight:700;}
.subhead{}
.logoImg{border:none}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden; }

h1{font-size:36px;font-weight:700;}
h4{font-size:16px;
   font-weight:700;
   color:#fff;
}
label {font-size:14px;}
.proDetails,.proDetails1,.proDetails2,.proDetails3 {font-size:18px;color:#fff;}
a.proURL, a.proURL:hover {color:#fff;}
.proNA {color:#767676;}
.container {padding:0}
.bottomborder {border-bottom: 1px solid #ccc}
.bottomborder-sp {border-bottom: 1px solid #ccc;padding-bottom:20px}
.form-control {height:40px; text-transform:uppercase !important;}
.results-txt {text-transform:uppercase;font-size:14px;font-weight:700;color:#fffd5f;}
.bottomborder-cd {border-bottom: 1px solid #ccc}

/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/

.postcontent { width: 860px; }
.postcontent.bothsidebar { width: 580px; }
.sidebar { width: 240px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 32.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 24.2%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
	position: relative;
	padding: 0 60px;
	width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	display: block;
	position: relative;
	margin-right: 1%;
	margin-bottom: 50px;
	float: left;
}

.postcontent,
.sidebar { margin-right: 40px; }

.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
	margin-right: 0 !important;
	clear: right;
}
/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/


#content {
	position: relative;
	overflow: hidden;
	background-color: #00adb4;
}

#content p { line-height: 1.8; }

.content-wrap {
	position: relative;
	padding: 0;
}

#content .container { position: relative; }

.grid-container {
	position: relative;
	overflow: hidden;
}

body:not(.device-touch) .grid-container {
	-webkit-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
}

.allmargin { margin: 50px !important; }
.leftmargin { margin-left: 50px !important; }
.rightmargin { margin-right: 50px !important; }
.topmargin { margin-top: 50px !important; }
.bottommargin { margin-bottom: 50px !important; }
.clear-bottommargin { margin-bottom: -50px !important; }
.allmargin-sm { margin: 20px !important; }
.leftmargin-sm { margin-left: 20px !important; }
.rightmargin-sm { margin-right: 20px !important; }
.topmargin-sm { margin-top: 10px !important; }
.bottommargin-sm { margin-bottom: 10px !important; }
.clear-bottommargin-sm { margin-bottom: -30px !important; }
.allmargin-lg { margin: 80px !important; }
.leftmargin-lg { margin-left: 80px !important; }
.rightmargin-lg { margin-right: 80px !important; }
.topmargin-lg { margin-top: 80px !important; }
.bottommargin-lg { margin-bottom: 80px !important; }
.clear-bottommargin-lg { margin-bottom: -80px !important; }
.nomargin {margin: 0 !important; }
.noleftmargin { margin-left: 0 !important; }
.norightmargin { margin-right: 0 !important; }
.notopmargin { margin-top: 0 !important; }
.nobottommargin { margin-bottom: 0 !important; }
.header-stick { margin-top: -50px !important; }
.content-wrap .header-stick { margin-top: -80px !important; }
.footer-stick { margin-bottom: -50px !important; }
.content-wrap .footer-stick { margin-bottom: -80px !important; }
.noborder { border: none !important; }
.noleftborder { border-left: none !important; }
.norightborder { border-right: none !important; }
.notopborder { border-top: none !important; }
.nobottomborder { border-bottom: none !important; }
.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }
.col-padding { padding: 60px; }
.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }
.noabsolute { position: relative !important; }
.noshadow { box-shadow: none !important; }
.hidden { display: none !important; }
.nothidden { display: block !important; }
.paddingTop {padding-top:50px !important}

.inline-block {
	float: none !important;
	display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/


.button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 22px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #1ABC9C;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body:not(.device-touch) .button {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.button-dark { background-color: #444; }

.button-light {
	background-color: #EEE;
	color: #333;
	text-shadow: none !important;
}

.button:hover {
	background-color: #444;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-dark:hover { background-color: #1ABC9C; }

.button.button-mini {
	padding: 0 14px;
	font-size: 11px;
	height: 28px;
	line-height: 28px;
}

.button.button-small {
	padding: 0 17px;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
}

.button.button-large {
	padding: 0 26px;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
}

.button.button-xlarge {
	padding: 0 32px;
	font-size: 18px;
	letter-spacing: 2px;
	height: 52px;
	line-height: 52px;
}

.button.button-desc {
	text-align: left;
	padding: 24px 34px;
	font-size: 22px;
	height: auto;
	line-height: 1;
	font-family: 'Raleway', sans-serif;
}

.button.button-desc span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	font-family: 'Crete Round', serif;
	font-style: italic;
	text-transform: none;
}

.button i {
	position: relative;
	top: 1px;
	line-height: 1;
	margin-right: 5px;
	width: 16px;
	text-align: center;
}

.button.tright i { margin: 0 0 0 5px; }

.button-mini i { margin-right: 3px; }

.button-mini.tright i { margin: 0 0 0 3px; }

.button-small i { margin-right: 4px; }

.button-small.tright i { margin: 0 0 0 4px; }

.button-xlarge i {
	top: 2px;
	margin-right: 8px;
}

.button-xlarge.tright i { margin: 0 0 0 8px; }

.button.button-desc i {
	top: 1px;
	font-size: 48px;
	width: 48px;
	text-align: center;
	margin-right: 12px;
}

.button.button-desc.tright i { margin: 0 0 0 12px; }

.button.button-desc div { display: inline-block; }

.button.button-rounded { border-radius: 3px; }


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
	border: 2px solid #444;
	background-color: transparent;
	color: #333;
	line-height: 36px;
	font-weight: 600;
	text-shadow: none;
}

.button.button-border-thin {
	border-width: 1px;
	line-height: 38px;
}

.button.button-border.button-mini { line-height: 24px; }

.button.button-border.button-small { line-height: 30px; }

.button.button-border.button-large { line-height: 42px; }

.button.button-border.button-xlarge { line-height: 48px; }

.button.button-border-thin.button-mini { line-height: 26px; }

.button.button-border-thin.button-small { line-height: 32px; }

.button.button-border-thin.button-large { line-height: 44px; }

.button.button-border-thin.button-xlarge { line-height: 50px; }

.button.button-border.button-desc { line-height: 1; }

.button.button-border:not(.button-fill):hover {
	background-color: #444;
	color: #FFF;
	border-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-border.button-light {
	border-color: #EEE;
	color: #EEE;
}

.button.button-border.button-light:hover {
	background-color: #EEE;
	color: #333;
	text-shadow: none;
}


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-3d {
	border-radius: 3px;
	border-bottom: 3px solid rgba(0,0,0,0.15);
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.button.button-3d:hover {
	background-color: #1ABC9C !important;
	opacity: 0.9;
}

.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {
	text-shadow: none;
	color: #333;
}

.button-black { background-color: #000000; }
.button-3d.button-black:hover { background-color: #cc0000 !important; }

.button-custom { background-color: #000;color:#fff}
.button-3d.button-custom:hover { background-color: #fffd5f !important; color:#000; }

.error {
	color: red;
	font-style: italic;
	font-size:12px;
}
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url('../images/error_bar.png') 50% 50% repeat; color: #fff; }

input.error { border: 1px dotted red; font-size:16px; }
textarea.error { border: 1px dotted red; }

@media only screen and (max-width: 567px) {
    .proDetails:before {
        content: 'Provider: ';
        font-size: 11px;
        display: block;
        font-weight: normal;
        margin-bottom:-8px; }

        .proDetails1:before {
            content: 'Available: ';
            font-size: 11px;
            display: block;
            font-weight: normal;
            margin-bottom:-8px;}

        .proDetails2:before {
            content: 'Channel: ';
            font-size: 11px;
            display: block;
            font-weight: normal;
            margin-bottom:-8px; }

        .proDetails3:before {
            content: 'Take Action: ';
            font-size: 11px;
            display: block;
            font-weight: normal;
            margin-bottom:-8px;}

        .divider {border-bottom:#ccc solid 1px; margin:10px 0;}
        .bottomborder-sp {border-bottom: none;padding-bottom:5px;}
    .channel-results-th {display: none;}
    .topmargin-sm { margin-top: 1px !important; }
}