/*-----------------------------------------------------------------------------------
Theme Name: Epoxy Dallas
Theme URI:Website Url 
Description:Theme Name is a Wordpress Theme with a multitude of amazing CMS features.
Author: Pugsoftonline.com
Author URI: pugsoftonline.com
Tags:Bootstrap, Custom Menu, Responsive, Html5, 

---------------------------------- Stylesheet Guide ---------------------------------

01. Global Styles

02. Text Selection Background Color		

03. Background Color		

04. Font Family

05. Layout
	1. General Layout
	2. Content Area
	3. Full Content Area
	4. Single Content Area

06. Top Container	

07. Navigation
	1. General Links
	2. Custom Buttons

08. Banner Container

09. Services

10. Content Heading

11. Content
	1. Defaults Template
	2. Full Width Template
	3. 404 Error Page

12. Input, Textarea 		

13. Light Box Gallery

14. Blog --- In Future

15. Table

16. Other Classes

17. Sidebar

18. Footer

19. 404 Error Page

20. Asides

21. Gallery Setting

22. Attachment Pages

23. Images

24. Blog Navigation

25. Comments

26. Widgets

27. Responsive Design


/*----------------------------*/
/* 01. Global Styles
/*----------------------------*/

body,
input,
textarea 
{
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

/*-----------------------------------------*/
/* 02. Text Selection Background Color
/*-----------------------------------------*/

::-moz-selection 
{ 
   background: #062c00; 
   color: #fff; 
}
::selection 
{ 
  background: #062c00; 
  color: #fff; 
}

a:focus
{
 outline:none !important;
}

ul{margin:0 0 20px; padding:0 0 0 18px;}


img{ height:auto;}


/*--Body Section--*/
body { background:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:25px; color:#606060; font-weight:400;}
.container{ max-width:1020px;}
/*--General Classes--*/

.colleftnone{ padding-left:0;}
.colrightnone{ padding-right:0;}



.login.form{ background:#ccc !important; }



/*--Heading--*/
h1, h2, h3, h4, h5, h6 { color:#364b58; margin:0 0 20px;  padding:0; font-weight:400;  text-transform:uppercase; white-space:normal; font-family: 'Oswald', sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#364b58;  text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {  color:#000;  text-decoration:none;}
h1 {font-size:28px; line-height:40px; margin-bottom:25px;}
h1:after{ background:#fe8a33; height:1px; content:""; display:block; width:120px; margin:10px auto 0;}
h2 {font-size:24px; line-height:32px;}
h3 {font-size:20px; line-height:20px;}
h4 {font-size:16px; line-height:18px; margin-bottom:10px;}
h5 {font-size:14px; line-height:16px;}
h6 {font-size:12px; line-height:14px;}

/*--Pad Classes--*/
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}

/*--Button Section--*/
.btn-lightblue{ background:#0cb4ea; border-radius:0; padding:8px 18px 9px; font-size:17px; color:#fff !important; text-transform:uppercase;}
.btn-pink{ background:#e3337b; padding:12px 30px 13px; font-size:17px; color:#fff; cursor:inherit;}
.btn-pink:hover{ color:#fff;}

img.alignright, img.alignleft, img.aligncenter{max-width:100%;}

img.alignright{float:right; margin-left:25px; margin-top:10px;}
img.alignleft{float:left; margin-right:25px; margin-top:10px;}
img.aligncenter{margin:0 auto; display:block;}

.listnone{ list-style:none;}
.fontsize1 {font-size:17px; font-weight:400; color:#1b1b1b; line-height:26px; padding-top:20px;}
.listbullet{ margin:0; padding:0; list-style:none;}
.listbullet li:before{ content:"\e011"; font-family:'Glyphicons Halflings'; font-size:14px; color:#222; padding:0 12px 0 0;}

.backtop{ background:#fd8833; border-radius:3px; display:inline-block; padding:2px 12px; margin:12px 0 0; font-size:13px; color:#fff; font-weight:600; text-transform:uppercase; text-decoration:none;}
.backtop:hover{ color:#fff; text-decoration:none;}
ul.centerimg{ margin:20px auto; padding:0; list-style:none; text-align:center; width:75%;}
ul.centerimg li{ display:inline-block; float:none; margin:0 10px;}

/*--Header Section--*/
header{ }
.topheader{ background: #3b3b3b; background: -moz-linear-gradient(top,  #3b3b3b 0%, #181818 100%); background: -webkit-linear-gradient(top,  #3b3b3b 0%,#181818 100%); background: linear-gradient(to bottom,  #3b3b3b 0%,#181818 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#181818',GradientType=0 ); 
padding:10px 0 20px;}
.logo{ padding-top:20px;}
.phone{ font-size:18px; color:#f0f0f0; font-weight:400; text-align:right; font-family: 'Oswald', sans-serif;}
.phone i{ color:#fd8833; margin-right:8px; }
.phone img{ margin-right:5px;}
.phone a{ color:#fff; text-decoration:none;}
.phone a span{ color:#fd8833;}
#topnavigation{ background:#fd8833; height:48px; border-radius:4px; padding:0 15px; margin-top:12px; font-family: 'Oswald', sans-serif; }
#topnavigation .menu {clear: both;  margin: 0 auto;}
#topnavigation .menu, #topnavigation .menu ul {display: block;list-style-type: none; margin:0 auto; padding:0; float:right;}
#topnavigation .menu li { display:inline-block;  float:left;  position: relative;  z-index: 5; margin-left:1px; text-transform:uppercase; }
#topnavigation .menu li:first-child{ margin-left:0;}
#topnavigation .menu li:hover {white-space: normal;  z-index: 10000;}
#topnavigation .menu li li{float: none;}
#topnavigation .menu ul {left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; }
#topnavigation .menu li:hover > ul{  top: 100%;  visibility: visible;}
#topnavigation .menu li li:hover > ul {  left: 100%;  top: 0;}
#topnavigation .menu:after, #topnavigation .menu ul:after {clear: both; content: '.'; display: block;  height: 0;  overflow: hidden;  visibility: hidden;}
#topnavigation .menu, #topnavigation .menu ul { min-height: 0;}
#topnavigation .menu ul{  margin: 0;  padding:31px 0 0 0 !important;}
#topnavigation .menu ul ul{ padding-top:0 !important;} 
#topnavigation .menu ul li a:hover, #topnavigation .menu li li a:hover { color: #484848; text-decoration: none;}
#topnavigation .menu ul{  padding-top:0;  min-width: 15em;  width: auto;}
#topnavigation .menu a { height:48px; line-height:46px; margin:0; padding:0 13px; font-size:14px; color:#fff; font-weight:400; display: block; position:relative; text-decoration:none;}
#topnavigation .menu a:hover{ background:#324855; color:#fff;}
#topnavigation .menu .current_page_item a, #topnavigation .menu .current-menu-item a {background:#324855; color:#fff;}
#topnavigation .menu li li {  color: #444444;  filter: none;  margin: 0;  width: auto;  border:none;  padding:0 0;  float:left;  width:100%;  text-align:left; }
#topnavigation .menu li li a {background:#e7e7e8; color: #000 !important; font-size: 14px; font-weight:normal; height: auto; line-height: 20px; padding:7px 12px 7px 15px; margin:0 0 0 0;
 text-shadow: none; white-space: nowrap; text-transform:none; border-bottom:1px solid #a0a1a3; border-left:none; border-radius:0 !important; }
#topnavigation .menu li li a:hover { background:#2b426d;  color: #fff !important;}
#topnavigation .menu li .current_page_item a, #topnavigation .menu li .current-menu-item a { color:#fff !important; background:#2b426d !important;}
#topnavigation .menu li li li a {  background:#e7e7e8 !important;  color: #000 !important;}
#topnavigation .menu li li li a:hover {  background:#2b426d !important;  color: #fff !important; }
#topnavigation .menu li li .current_page_item a, #topnavigation .menu li li .current-menu-item a { color:#fff; background:#2b426d !important;}
#topnavigation .menu ul > li + li {  border-top: 0;}
#topnavigation .menu li li:hover > ul {  left: 100%;  top: 0;}
#topnavigation .menu > li:first-child > a {  border-left: none;}
#topnavigation .menu a#responsive_menu_button {  display: none;}
#topnavigation .main-nav #responsive_current_menu_item {  display: none;}

/*--Banner Section--*/
.banner{ background:url(images/banner-bg.jpg) top center no-repeat; background-size:cover; padding:30px 0;}
.banner h3{ color:#fff; margin-bottom:15px;}
.banner p{ margin-bottom:0;}
.banner .wpcf7-form .form-control{ border-radius:3px; height:38px; font-size:13px;}
.banner .wpcf7-form .form-control:focus{ border:1px solid #fd8833;}
.banner .wpcf7-form textarea.form-control{ height:85px;}
.animation, .enquiryform{ min-height:378px; background:#fff; padding:8px;}
.animation { border-top-left-radius:8px; border-bottom-left-radius:8px; padding-right:4px;}
.animation .cycloneslider-template-standard { margin-bottom: 0;}
.animation .cycloneslider-template-standard .cycloneslider-pager { bottom:18px;}
.animation .cycloneslider-template-standard .cycloneslider-pager span { background:#fff; border: 1px solid #222222; border-radius: 60px;
  box-shadow: none; height: 15px; width: 15px; margin:0 2px;}
.animation .cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active { background-color:#fd8833; 
border: 1px solid #fff;}
.enquiryform { border-top-right-radius:8px; border-bottom-right-radius:8px; padding-left:4px;}
.enquiryform .widget-container{ background:url(images/form-bg.jpg) no-repeat; padding:20px 25px; position:relative;}
.enquiryform .wpcf7-not-valid-tip{ display:none;}
.enquiryform .wpcf7-not-valid{ border:1px  dashed #f00 !important; }
.enquiryform .wpcf7-form .wpcf7-validation-errors {  margin: 0 0 !important;  position: absolute;  bottom:-56px;  left:0;  right:0;  background: #ffff00; border:none; font-size:13px; line-height:18px; padding:10px 12px;}
.enquiryform .wpcf7-form .wpcf7-mail-sent-ok{  margin: 0 0 !important;  position: absolute;  bottom:-53px;  left:0;  right:0;  background: #398f14; border:none; font-size:13px; color:#fff; line-height:18px; padding:12px 12px;}

/*--Content Section--*/
.contentbg{ min-height:380px; background:#fff; border-radius:10px; box-shadow:0 0 5px #e0e0e0; padding:40px 40px 0; position:relative;}
.contentbg img{ position:absolute; right:20px; bottom:0;}
.contentbg .btn-pink{ position:absolute; left:0; right:0; bottom:-24px; text-align:center; margin:0 auto; display:inline-block; width:45%;}
.home #content{ background:none; box-shadow:none; padding:0;}
#content{ font-size:14px; line-height:24px; color:#272727; font-weight:400;}
#content p{ margin-bottom:22px;}

/*--Page Classes--*/
#content .tribe-events-button{ background:#ff3399;}
#content .tribe-events-event-meta dd {line-height:30px !important;}
.addressarea{ color:#ff3399; margin-right:8px;}

/*--Contact Form Section--*/
.wpcf7-form .form-control{ height:38px; border-radius:2px; box-shadow:none; border:1px solid #ddd; margin-bottom:10px; box-shadow:none;}
.wpcf7-form .form-control:focus{ border:1px solid #fd8833;}
.wpcf7-form textarea.form-control{ height:150px; margin-bottom:15px;}
.wpcf7-form input[type="submit"]{ height:40px; background:#334753; color:#fff; border:none; font-size:14px; font-weight:600; text-transform:uppercase; padding:0 15px; 
transition:all ease 0.5s}
.wpcf7-form input[type="submit"]:hover{ background:#fd8833;}
.wpcf7-form br{ display:none;}
.wpcf7-form div.wpcf7-response-output {  margin:15px 0 0;  padding:10px;}
.wpcf7-form .wpcf7-not-valid-tip{ display:none;}
.wpcf7-form .wpcf7-not-valid{ border:1px  dashed #f00 !important; }

/*--Sidebar Section--*/
.sidebar{ font-size:14px; color:#606060; clear:both;}
.sidebar h3{ background:#fd8833; padding:12px 18px; color:#fff; margin-bottom:20px;}
.sidebar a{ color:#e1eaef; text-decoration:none;}
.sidebar a:hover{ color:#fff; text-decoration:none;}
.sidebar .widget-container{ background:#334854; padding:0 0 10px; margin-bottom:20px;}
.sidebar ul{ padding:0 20px 0; list-style:none;}
.sidebar ul li{ margin:0 0 14px; padding:0 0 10px; line-height:18px; border-bottom:1px dotted #5f727d; transition:all ease 0.6s;}
.sidebar ul li:hover{ padding-left:8px;}
.sidebar ul li:last-child{ margin-bottom:0;}

/*--Single Blog Section--*/
.overlay{ background:rgba(0, 0, 0, 0.5); height:100%}
.blogsection{ float:left; width:100%;}
.blogsection h2 {background: #fd8833; color:#fff; font-size:20px; padding:6px 18px; margin:0 0 0;}
.blogsection h2 a{ color:#fff;}
#content .blogsection p{ margin-bottom:20px; line-height:23px;}
.blogsection .blogimage {float:left; background:#eee; position:relative; padding:15px 18px 22px;}
.blogsection .blogimage img{ float:left; width:180px; height:160px; margin:5px 15px 0 0; transition:all ease 0.5s;}
.blogsection .blogimage img:hover{ opacity:0.5;}
.blogsection .blogimage.fullimg img{ width:100%; height:auto;}
.blogsection .blogimage.fullimg img:hover{ opacity:1;}
.more-link{ background:#000; border-radius:3px; padding:5px 10px; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none !important; transition:all ease 0.5s;}
.more-link:hover{ background:#fd8833; color:#fff; }


/*--Category Section--*/
.catbg{background:#eee; position:relative; padding:15px 18px 22px;}

/*--Category Description--*/
#content .archive-meta{ background:#fd8833; padding:8px 15px; margin-bottom:20px; color:#fff;}
#content .archive-meta p{ margin-bottom:0;}


/*--Blog Post Meta--*/
ul.postmeta{ float:left; width:100%; margin:0 0 15px 0; padding:0 0 8px 0; list-style-type:none; border-bottom:1px solid #c6c6c6;}
ul.postmeta li{ float:left; width:auto; padding:0; margin:0 30px 0 0; color:#000; text-transform:uppercase; font-size:12px;}
ul.postmeta li a{ color:#000; text-decoration:none;}
ul.postmeta li a:hover{ color:#242424; text-decoration:none;}
ul.postmeta li i{ margin:0 5px 0 0;}

/*--Home Latest Articles--*/
.latestarticle .widget:first-child{ margin-bottom:10px !important;}
.postthumb{ margin-bottom:25px;}
.postthumb img{ max-width:100%; transition:all ease 0.5s; min-height:220px;}
.postthumb img:hover{ opacity:0.8;}
.posttitle h2{ font-size:22px; text-transform:none;}
.postexcerpt{ line-height:24px; margin-bottom:20px;}
.posttime{ border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; padding:7px 2px; font-size:12px;}
.posttime span{ margin-right:15px;}

/*--Gallery Page--*/

#content .ngg-galleryoverview { text-align: center;}
#content .ngg-gallery-thumbnail-box {  display: inline-block;  float: none;}
#content .ngg-gallery-thumbnail { float:none;}


/*--Post Slider--*/
.post-content-left{ width:50%; top:0;}

/*--Footer Section--*/
footer{ background:#334854; padding:30px 0 0; font-size:13px; line-height:22px; color:#e1eaef; font-weight:400;}
footer h4{ font-size:15px; line-height:24px; color:#fff; font-weight:600; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}
footer ul{ margin:0; padding:0; list-style:none;}
footer ul li{ margin:0 0 8px; padding:0;}
footer a{ color:#e1eaef; text-decoration:none !important;}
footer a:hover{ color:#fff;}
footer .widget-container{ margin-bottom:30px;}
.secondfooter{ border-left:1px solid #5f727d; padding:0 0 0 15px;}
.thirdfooter{ padding-left:60px;}

/* ------------------------------------------ */
/*  Responsive
/* ------------------------------------------ */ 

@media (max-width: 1200px) 
{
#topnavigation .menu a { padding:0 15px;}
}

@media (max-width: 991px) 
{
.topheader{ position:relative; padding-top:0; padding-bottom:30px;}
.phone .widget_text { position: absolute;  top: -35px;  right: 15px;}
#topnavigation{ margin-top:30px;}
#topnavigation .menu, #topnavigation .menu ul {float:none;}
#topnavigation .menu a { padding:0 20px;}

.animation, .enquiryform{ min-height:inherit;}
.animation { border-radius:8px; padding-right:8px; margin-bottom:30px;}
.enquiryform { border-radius:8px; padding-left:8px;}

.enquiryform .wpcf7-form .wpcf7-validation-errors {bottom:-46px;}
.enquiryform .wpcf7-form .wpcf7-mail-sent-ok{bottom:-43px;}


.colleftnone{ padding-left:15px;}
.colrightnone{ padding-right:15px;}
.enquiryform .widget-container{ background-size:cover;}
.thirdfooter{ padding-left:0;}
}

@media (max-width: 768px) 
{
.logo img {  max-width: 55% !important;}
.latestarticle{ text-align:center;}
.latestarticle .col-md-4{ margin-bottom:30px;}
.latestarticle .col-md-4:last-child{ margin-bottom:0;}
.postthumb img{ margin:0 auto; display:block;}
footer{ text-align:center;}
.secondfooter{ border:none;}
footer .smw_left{ text-align:center;}
}

@media (max-width: 650px)
{
.logo{ padding-bottom:20px; text-align:center;}
.logo img{ margin:0 auto; display:block;  max-width:100% !important;}
.phone .widget_text { position:static; text-align:center}
#topnavigation{ padding:0;}
#topnavigation .menu li{float:left; display:block;}
.js #topnavigation .sub-header-menu {display: none;}	
.js #topnavigation .main-nav {position: relative; background:none; clear: both;	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);	margin: 0 auto;
height:50px; line-height:50px;}	
.js #topnavigation .main-nav .menu {display:none; position:absolute; width:100%; top:48px; z-index:1000;} 	
.js #topnavigation .main-nav .menu ul{ margin-top:1px;}	
.js #topnavigation .main-nav .menu li {	float:none; background:#f9f9f9;border:none; padding:0; margin:0;}	
.js #topnavigation .main-nav .menu li a { color:#444; font-size:13px; font-weight:normal; height: 50px; line-height:50px; padding:0 15px; margin:0; border:none; border-bottom:1px solid #e7e7e7; text-shadow: none; text-align: left; cursor: pointer;}	
.js #topnavigation .main-nav .menu li.current_page_item, .js #topnavigation .menu .current_page_item a, .js #topnavigation .menu .current-menu-item a { background-color: #ebebeb !important;
background-image:none; }		
.js #topnavigation .main-nav .menu li li:hover { background: none!important; color:#444444 !important;}	
.js #topnavigation .main-nav .menu li li a { position:relative; padding:0 10px 0 30px; background: none!important; color:#444444 !important; font-size:14px;}	
.js #topnavigation .main-nav .menu li li li a { position: relative; padding: 0 10px 0 40px;}
.js #topnavigation .main-nav .menu li a:hover, .js #topnavigation .main-nav .menu li li a:hover { background-image:none; filter:none; background-color:#ebebeb!important;
background-image:none;}	
.js #topnavigation .main-nav .menu li li a::before { content: '\2013'; position:absolute; top:0; left:20px;}	
.js #topnavigation .main-nav .menu li li li a::before { content: '\2013'; position: absolute; top:0; left:20px;}	
.js #topnavigation .main-nav .menu li li li a::after { content: '\2013'; position: absolute; top:0; left:30px;}	
.js #topnavigation .main-nav .menu li ul { position: static; visibility: visible; background-color: #fff;}
.js #topnavigation .main-nav .menu ul { min-width: 0;}	
.js #topnavigation .menu ul{ padding:0;	}
.js #topnavigation .main-nav #responsive_current_menu_item { display:block; color:#fff; font-weight:700; ursor:pointer;font-size:0px;
background:url(images/menu.png) 18px center no-repeat;}	
.js #topnavigation .main-nav a#responsive_menu_button { position:absolute; display:block; top:0; left:100%; height:35px; width:23px; margin-left:-35px; 
background: url('images/select-icons.png') 0 12px no-repeat; cursor: pointer;}	
.js #topnavigation .main-nav a#responsive_menu_button.responsive-toggle-open { background: url('images/select-icons.png') 0 -39px no-repeat;}
}

@media (max-width: 480px) 
{
.enquiryform .wpcf7-form .wpcf7-validation-errors {bottom:-64px;}
.enquiryform .wpcf7-form .wpcf7-mail-sent-ok{bottom:-61px;}
.photogallery .amazingcarousel-prev { margin-left:-50px !important;}
.photogallery .amazingcarousel-next { margin-right:-50px !important;}
.blogsection .blogimage{ text-align:center; padding-bottom:30px;}
.blogsection .blogimage img{ float:none; display:block; margin:0 auto 20px;}
ul.postmeta{ float:none; text-align:center;}
ul.postmeta li{ float:none; display:inline-block; margin:0 4px;}
}

@media (max-width: 360px) 
{
ul.postmeta li{ font-size:11px;}

}