/* Theme Name:  elementor
 Theme URI:    awebco.com
 Description:  AWEBCO - Responsive Theme
 Author:       AWEBCO
 Author URI:   https://www.awebco.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         AWEBCO
*/


/* Normalize
================================================== */

* {box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* Responsive Grid System
================================================== */
.col{display:block;float:left;margin:0% 0 0% 0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col:after,.clr:after,.group:after,#comments#respond:after{content:"";display:block;height:0;clear:both;visibility:hidden;zoom:1}.one-half,.one-third,.one-fourth,.one-fifth{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0;padding:0 0}.one-half{width:50%}.one-third{width:33.3%}.one-fourth{width:25%}.one-fifth{width:20%}.one-sixth{width:16.5%}.span_1_of_4{width:20%}.span_3_of_4{width:75%}.span_1_of_5{width:20%}.span_1_of_6{width:16.5%}.span_2_of_6{width:33.3%}.span_2_of_4 { width:60%;}


/* Body & Main
================================================== */

body { background:#eeeeee url('') top center no-repeat; nowhitespace: afterproperty; color: #222; overflow-x:hidden }

body a { color: #0099ff; text-decoration:none;}

body a:hover { color: #336699; }

.wrapper { max-width:1280px; margin: 0 auto; }


/* Headers (H1 - H6)
================================================== */

h1, h2, h3, h4, h5, h6 {margin: 0px 0 25px; color:#111;  }

h1 { font-size:2.5em; margin: 0 0; }
h2 { font-size: 1.5em;  }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.pages h1 { background:#000 url('https://ddtrashservice.com/wp-content/uploads/2017/10/tasky_pattern.png'); color:#fff; padding: 50px 0; text-align:center; text-transform: uppercase; text-shadow:-2px -2px 0 #000 }

/* ALERT
================================================== */
.alert { padding: 15px 0; background:#cc0000; color:#fff; text-align:center; font-size: 15px; display:none  }
.alert a { color:yellow; text-decoration:underline }

/* Top Bar
================================================== */
#topbar { background:#000; position:relative; padding: 8px 0; margin: 0px auto; color:#999; border-bottom: 3px double #fff  }
#topbar li { display:inline-block; margin-left: 25px; }
#topbar li a { color:#ccc; text-transform:uppercase; font-size: 1em !important }
#topbar li a:hover, #topbar li a:hover i { color:yellow; }
#topbar i { color:#999; margin-right: 4px;  }


/* Header
================================================== */
header { background:#fff; position:relative; padding: 0px 0; margin: 0px auto;  z-index:999; display:block; width:100%; }
.logo img { width:100%; height: auto; }



/*  Menu - Primary
================================================== */
.menu { margin: 0 0 }
.menu li { margin-left: -5px; }
.menu li li, .menu li li li { margin-left:0px; }

nav { margin: 15px 0 0 0; display:block; }

nav ul {
	text-align: left;
	display: inline;
	margin: 0px 0;
	list-style: none;
}
nav ul li {
	font: bold 18px 'Roboto';
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
nav ul li a {
	padding: 15px 20px;
	display:inline-block;
	text-transform:uppercase;
	color:#333;
}
nav ul li:last-child a,
nav ul li:nth-child(4) a{
	border: 0 
}
nav ul li:hover,
nav ul li a:hover {
	color:#000;
	background:#ddd
}



nav .cta { background:#fcd200; color:#000 !important; border-radius:.25em !Important; margin-right:15px; border:0 }
nav li.cta a:hover { background:#dcbc1d !important; border-radius:.25em !Important }

.paybill { background:green; color:#fff !important; border-radius:5px !important; margin-left: 15px; border:0 }
.paybill a { color:#fff !important }
.paybill a:hover {background:green !important; border-radius:5px !important;}
.paybill i { margin-right: 10px }

/* 2nd Level 
=================================================== */

nav ul li ul {
	padding: 0;
	display:block;
 	position: absolute;
	top: 86px;
	width: 250px;
	left: 0%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
}
nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}
nav ul li ul li { 
	display: block; 
	color: #fff;
	border:0;
	font-size:.8em;
}
nav ul li ul li a { 
	display:block; 
	background: #ccc; 
	border-right:0;
	border-bottom:1px solid #999; 
	padding:15px 25px; 
	font-weight:100;
}
nav ul li ul li a:hover { 
	background: #eee; 
}



/* 3rd Level 
=================================================== */

nav ul li ul li ul{
	padding: 0;
 	position: absolute;
	top: 0px;
	width: 200px;
	left: 250px;
	display: none !Important;
	opacity: 0;
	visibility: hidden;
	z-index:9999
}
nav ul li ul li ul li{
	display: block; 
	color: #fff;
	border:0;
	font-size:.8em;
}
nav ul li ul li ul li a{ display:block; background: #eee; border-bottom:1px solid #333; padding:15px 25px; font-weight:100;  }
nav ul li ul li ul li a:hover { background: #ddd; }
nav ul li ul li:hover ul {
	display: block !Important;
	opacity: 1;
	visibility: visible;
}


/* Commons
================================================== */

.clr  { clear:both }
p { margin: 0 0 20px 0; }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { border: 1px solid #ccc; clear: both; display:block; margin: 50px 0; background:transparent; }
a { outline: 0; text-decoration: none;}
.disabled { display:none !important}
.phone, .pay, .sign-up { display:none }
table { width:100%;}
.breadcrumb {background:#333; border-top: 1px solid #666; color:#999; padding:10px 0; text-align:center; }
.breadcrumb a { color:#999 }
.absolute { position: absolute;}
.relative { position: relative; }
.dark, .dark p, .dark h1, .dark h2 { color:#111 !Important; }
.light, .light p, .light h1, .light h2 { color:#fff !important }

.panel-grid,
.panel-grid-cell { padding: 0 0 !important; margin: 0 0 !important; overflow:hidden }

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

.floatleft { float: left }
.floatright { float: right }

.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

.wp-caption { max-width: 100% !important }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100%; }
.wp-caption { border: 1px solid #EFEFEF; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }


.content { min-height: 300px; }

fieldset { border:0 }

/* Tags & Post Navigation
=================================================== */
.tags { 
	padding: 10px 0;
	display:block;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size: 12px; 
	margin: 25px 0; 
}
.tags a { color:#999; }

.post-navigation { margin:25px 0; display:block; }
.post-navigation a { 
	padding: 15px;
	background: #64ca64; 
	display:inline-block;
	border-radius:.25em;
	color:#fff;
	font-size: 14px;
	text-align:left;
	text-align:center;
}

.post-navigation a:hover { 
	background:#36ef62;
	color:#fff; 
	text-decoration:none;
}


/* Forms
================================================== */
form { }
form input[type="text"],
form input[type="password"],
form textarea,
form select { 
	font-size: 14px;
	padding: 9px !Important;
	border:1px solid #999;
	border-radius: .25em;
	background:#eee
}

form input[type="text"]:hover,
form textarea:hover,
form select:hover,
form input[type="text"]:focus,
form textarea:focus,
form select:focus { 
	background:#fffcdf;
	border-color:#bcb25d;
}

#gform_1 label { display:none }

.gform_wrapper h2.gsection_title { font-size: 1.5em !important; font-weight: bold !important; color:#cc0000; text-transform:uppercase }

#gform_2 select option { font-size: 16px !important; border-bottom:1px dotted #999 !important }

form label { margin-bottom: 15px !important; }

#billing_information { padding:0; margin: 0 }


/* Buttons
================================================== */

.button { background:green; color: #fff; padding: 15px 45px; border-radius: .25em; border:0; display:inline-block; margin: 25px 0; }
.button:hover { background:#42b02d; color:#fff; text-decoration:none;}

.gform_previous_button { background:#333; }

.bdisable { display:none !important }
.pleasewait { color:red; font-size:22px; font-weight:bold; display:none; text-align: center; text-transform:uppercase; margin-top: 25px; animation: flash 2s ease infinite; }
.showme {display:block;}



/* UL, OL, LI
================================================== */
li { list-style-type:none  }


/* Images
================================================== */
.page-thumb img,
.post-thumb img {
	width:100%;
	height: auto;
}



/* Footer 
=================================================== */

footer { padding: 50px 0; background:#000; color:#ccc; }

footer a { color:#ccc}

footer .heading-title { font-size: 16px; color:#eee; margin-bottom: 25px; font-weight: 900 }

footer .menu li { margin-left: 15px;  list-style:disc; color:#306632; border-bottom:1px solid #333 }
footer .menu li a{ color:#ccc; display:block; padding: 10px 10px 10px 0; }
footer .menu li a:hover{ color:yellow; background:linear-gradient(to right, #000,#333) }

footer ul ul, footer .menu i { display:none !important }

footer .col { padding-right: 25px; }

footer form label { display:none !important }

footer form .button { background:#2d632f; padding: 5px 10px; color:#ccc; margin-top:-25px !important;  }

footer form input[type="text"],
footer form textarea { border: 2px solid #333; background:#333; color:#ccc}

footer form input[type="text"]:focus,
footer form textarea:focus { background:#666; border: 2px solid #b4fb7b; color:#fff }

footer i { color:#306632;  }


/* Copyright
=================================================== */
#copyright { background:#000; font-size:.8em; color:#ccc;  }
#copyright .wrapper { border-top:1px solid #333; padding: 15px 0;  }
#copyright a { color:#ccc }
#copyright img { width: 150px; height: auto }
#copyright i { font-size: 2em; margin-right: 20px; }
#copyright i:hover { color:yellow; animation: pulse 1s ease }

.gfield_creditcard_warning_message { display:none !important }



/* Payment Form
=================================================== */
.pay-bill { background:#345e2e; }
#frmpayonline { max-width: 700px; background:#fff; padding: 0px 50px 50px; border:1px solid #ccc; margin: 0px auto 00px  }
#frmpayonline { max-width: 800px;  } 
#frmpayonline hr { margin: 25px 0; border:0; border-bottom: 3px dotted #ccc;  }
#frmpayonline h2 { background:#000; font-size: 1.5em; padding:15px; color:#fff; margin-top: 35px; margin-bottom: 25px; text-transform:uppercase;  }
#frmpayonline input{ width:95%; display:block; margin-bottom: 15px; }
#frmpayonline label { font-weight:bold; display:block;  }
#frmpayonline label span { margin-left: 5px; }
#frmpayonline p { font-style:italic; font-size: 13px;  }

#frmpayonline .one-half  { padding: 0 0px 0 0; width:49%;  }
#frmpayonline .one-fourth { padding: 0 15px 0 0; }

#frmpayonline input[type="submit"] { background:#cc0000; width: 100%; margin:25px auto; float:right; display:block; color:#fff; padding: 20px; border-radius: .5em; border: 0; text-transform: uppercase; font-weight:bold }
#frmpayonline input[type="submit"]:hover { background:red }

#frmpayonline input[type="checkbox"], #frmpayonline input[type="radio"] {width: 25px; float:left }

form input[type=text]#x_amount { padding-left: 50px !important; background:#eee url('https://ddtrashservice.com/wp-content/uploads/2018/11/dollarsign1.jpg') left center no-repeat !important;}




/* Error Page
=================================================== */

.errorpage { text-align:center; padding: 100px 0  }



/* Laptop 
============================================= */
@media only screen and (max-width : 1601px) {
	.wrapper { max-width:1280px; margin: 0 auto; }
}


/* Tablet Landscape - Ipad 9.7" 
============================================= */
@media only screen and (max-width : 1024px) {
	.meteor-slides .slide-content { font-size: 4em; top: 25%;}
}


/* Tablet - Portrait - Ipad 9.7" 
============================================= */
@media only screen and (max-width : 768px) {

	body { font-size: .75em; }
	h1,h2,h3,h4,h5 { font-size: 1.5rem; text-align:center }
	body p { text-align:center }

	.wrapper .col{ width: 50%; display:inline-block; }

	header { text-align:center; padding:10px 0; background:#fff; z-index: 0 }
	header img { width:75% !important; margin: 0 auto; display:block;  }

	.pages h1 { padding: 30px 0 }

	footer { padding: 25px 50px 0 50px !important; font-size: 1.25em }
	footer li { list-style:none !important; margin:0 0 !important; }
	footer li a{ border-bottom: 1px solid #333; padding: 10px 0; display:block }
	footer, footer p { text-align:center !important; }
	footer .col { padding: 15px 0}

	footer .col:nth-child(2), footer .col:nth-child(4) { display:none !important}

	#copyright .textright, #copyright { text-align:center !important }

	#wprmenu_bar {z-index:5 !important;  }
	.phone, .pay, .sign-up { color:#fff !Important; background:#990000; font-size: 1.5em !Important; display:inline-block; z-index: 9999 !important; position: fixed; top: -4px; padding: 7px 25px 3px 25px !important; right:0px; z-index:9999 !important; text-align:center  }
	.sign-up { right:80px; background:transparent  }
	.pay { right:150px;  background:transparent;   }

	.phone span, .pay span, .sign-up span { display:block; font-size: 11px; position: relative; top:-2px;  }

	#topbar,
	nav,
	.meteor-nav,
	#meteor-buttons,
	header i,
	footer .col:nth-child(1),
	.dashicons,
	#wprmenu_menu_ul i { display:none !important }

	#frmpayonline .col { width:100% !important; }
	form label { font-size: 1rem; text-align:left !important  }

	#frmpayonline input[type="submit"] { width: 100%;float:none; }

}

/* Mobile Landscape - Iphone 6 
============================================= */
@media only screen and (max-width : 667px) {
	.col { display:block; width:100% !important }
	.slide-content { font-size: 3.5em !Important }
}

/* Mobile Portrait - Iphone 6 
============================================= */
@media only screen and (max-width : 375px) {
	.slide-content {  font-size: 2em !Important }
}