/*
Theme Name: Mega Construction
Theme URI: https://www.themesglance.com/themes/free-construction-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Mega Construction WordPress themes are designed specially to showcase all the real estate solutions and services such as quality construction, property dealers, real estate agents, real estate brokers, repair, architecture, renovation etc. to the targeted audiences. From catering the basic to advanced requirements of builders and contractors, Mega Construction WordPress theme is capable enough to make website professional and attractive over a click. The theme is well-equipped with all the functions and functionalities and it allows handling properties, agents, and agencies effectively. Themes by Themesglance.com are simple and adaptable. Due to optimized codes, it has faster page load time; it is responsive and absolutely user-friendly and flexible to streamline the construction website in an appropriate way. From creating a portfolio, showcasing projects and services to publishing the most recent news and blog; this stunning and interactive theme allows to do it all. This multipurpose, mobile-friendly theme is SEO friendly and gives authority to share content over the social media platforms in easiest possible ways. Although the theme has been designed especially for architects and construction professional it works absolutely amazing for other business websites too. Demo: https://www.themesglance.com/mega-construction-pro/
Version: 0.2.7
License: GNU General Public License
License URI: license.txt
Text Domain: mega-construction
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, featured-images, footer-widgets, full-width-template, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, news

Mega Construction WordPress Theme has been created by Themesglance(themesglance.com), 2017.
Mega Construction WordPress Theme is released under the Terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	font-size: 16px;
	color:#797979;
	font-family: 'Poppins', sans-serif;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	padding:10px 0;
}

p{
	margin:0 0 15px;
	padding:0;
	font-size:15px;
	line-height:normal;
	font-weight:normal;
}

a{
	text-decoration:none;
	color:#fff;
}

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

a:focus,
a:hover{
	text-decoration:none !important;
}

a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}

ul{
	margin:0 0 0 15px;
	padding:0;
}

:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

select{
  width:100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  clear:both;
}

.clear{
	clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.center{
	text-align:center;
	margin-bottom:40px;
}
.main-wrap-box{
	margin:0 auto;
	padding:20px 0 20px;
}
.wp-caption{
	margin:0;
	padding:0;
	font-size:13px;
	max-width:100%;
}
.wp-caption-text{
	margin:0;
	padding:0;
}
.screen-reader-text {
	position: absolute;
	top:-9999em;
	left:-9999em;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
	margin:0;
	padding:0;
}
.gallery-caption{
	margin:0;
	padding:0;
}
.alignleft,
 img.alignleft {
 	display: inline;
	float: left;
	margin-right:20px;
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	border:1px solid #bbb;
	padding:5px;
}
.alignright,
 img.alignright {
	display: inline;
	float: right;
	border:1px solid #bbb;
	padding:5px;
	margin-bottom:10px;
	margin-left:25px;
}
.aligncenter,
 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	border:1px solid #bbb;
	padding:5px;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
#respond{
	clear:both;
}
.toggle{
 	display:none;
}
.bypostauthor{
	margin:0;
	padding:0;
}
small{
	font-size:14px !important;
}

a.small-button{
	background:#3890cb;
	padding:5px 30px;
	border-radius:3px;
	color:#fff;
	display:table;
	margin:0 auto;
}
a.small-button:hover{
	color:#fff;
	background:#0c5f96;
}

input[type="text"],
input[type="email"],
input[type="phno"],
 textarea{
	border:1px solid #bcbcbc;
	width:100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
textarea{
	height:111px;
}

input[type="submit"] {
	border: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 7px 35px;
    background: #fec200;
    font-weight: bold;
    color: #01477f;
    border-radius: 3px;
    width: 100%;
}
input[type="submit"]:hover{
    background: #0d4d78;
    color: #fff;
}
table,
th,
td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th,
td {
	padding: 0.4375em;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
	font-size: 15px;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
    font-weight: 900;
    margin-bottom: 1em;
    color: #fff;
    font-size: 20px;
}

a.rsswidget {
    color: #fff;
}

.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
.widget th,
.widget td {
	padding: 0em;
}

span.page-links-title {
	clear: both;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    font-weight: bold;
    padding: 15px;
}
span.page-number {
    padding: 10px 15px;
}

span.page-number,span.page-links-title{
	display: block;
    float: left;
    margin: 2px 2px 2px 0;
	text-decoration: none;
    width: auto;
    color: #fff;
    font-weight: bold;
    background: #01477f;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fec200;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

}
.hvr-sweep-to-right:hover,
 .hvr-sweep-to-right:focus,
 .hvr-sweep-to-right:active {
	  color: #000;
}
.hvr-sweep-to-right:hover:before,
 .hvr-sweep-to-right:focus:before,
 .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* ---------Buttons--------- */
a.button-all{
	border:2px solid #000;
	color:#000;
	padding:8px 50px;
	margin:20px 0 0 0;
	font-weight:bold;
}

a.button{
	border: 2px solid #01477f ;
	background:#01477f;
    color: #fff;
    font-size: 16px;
    margin: 20px 0 0;
    padding: 7px 30px;
    text-transform: uppercase;
	font-weight:bold;
}
	
/* ---------HEADER--------- */
.page-template-custom-front-page .header-nav #header {
  display: block;
}
.page-template-custom-front-page #header {
  display: none;
}
.menu-sec {
    z-index: 999;
    width: 100%;  
    border-bottom: 1px solid #e4e4e4;
}
.social-media {
    position: absolute;
    top: 50%;
    z-index: 999;
    right: 10em;
    transform: translateY(50%);
    display: inline-grid;
}
.social-media i {
    font-size: 15px;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 50%;
    margin-top: 10px;
}
.social-media i:hover {
    background: #fff;
    color: #01477f;
}
.social-media i.fab.fa-facebook-f {
    padding: 10px 14px;
}
.social-media i.fab.fa-instagram,
.social-media i.fab.fa-twitter  {
    padding: 10px 12px;
}
.social-media i.fab.fa-youtube {
    padding: 10px 11px;
}
.social-media i.fab.fa-pinterest-p {
    padding: 10px 13px;
}
#header.fixed{
	position:fixed !important;
	top:0 !important;
	margin:0;
	padding:15px 0;
	z-index:99999999;
	background-color:#ffffff;
	opacity:inherit;
}
.page-template-custom-front-page .logo {
    position: absolute;
    z-index: 999;
    text-align: center;
    display: block;
    width: 100%;
    transform: translate(-50%);
    top: 50%;
    left: 50%;
    border: none;
    max-width: 500px;
    margin: 0 auto;
}s
.page-template-custom-front-page .logo a{
	color:#fff;
}
.page-template-custom-front-page .logo p{
	font-size:12px;
	color: #fff;
}
.logo h1 a{
	color: #fec200;
}
.logo h1{
	text-transform:uppercase;
	padding:0;
	margin-bottom:8px;
	font-size:30px;
	font-weight:bold;
	margin-top: 0;
	text-align:center;
}
.logo {
	border-bottom: 1px solid #e4e4e4;
	padding: 5px;
}
.logo p{
	font-size:12px;
	text-align: center;
}
#header {
    z-index: 999;
    width: 100%;
    height: auto;
}
#header .header-top {    
    color: #fff;
    padding: 10px 0;
}
.buttonbox a{
	background:#3890cb;
	color:#fff;
	padding:8px 15px;
	display:block;
	margin:27px 0 0 0;
	border-radius:5px;
	text-align:center;
}
.buttonbox a:hover{
	background:#000;
	color:#fff;
}
#header .nav{
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
#header .nav ul {
	float:right;
	margin:0;
	padding:0;
	font-weight:400;
	font-size:14px;
	text-transform: uppercase;
	font-weight:bold;
}
#header .nav ul li{
	display:inline-block;
	margin:0;
	position:relative;
}
#header .nav ul li a{
	color:#ffffff;
	padding:10px;
	display:block;
	font-weight: 500;
}
#header .nav ul li a:hover, 
#header .nav ul li.current_page_item a {
    color: #01477f;
    background: #fec200;
}
.search-field{
    width: 100%;
    padding: 4%;
    margin: 0 3%;
}
form.search-form {
    text-align: center;
}
input[type="search"] {
    border: solid 1px #bbb;
    padding: 10px 25px 10px 10px;
    color: #000;
}
#contact-us i {
    color: #fec200;
    font-size: 30px;
}
#contact-us {
    background: #01477f;
    padding: 15px 0;
}
#contact-us p {
    color: #fff;
    font-size: 12px;
    margin-bottom: 4px;
}
#contact-us .phone {
    border-left: 1px solid #1b5a8c;
    border-right: 1px solid #1b5a8c;
    padding-left: 12px;
}
.contactbtn a {
    color: #01477f;
    background: #fec200;
    padding: 12px 25px;
    font-weight: 800;
    letter-spacing: 0;
    font-size: 14px;
}
.contactbtn {
    text-align: center;
    margin: 10px 0;
}
/* ---------blog--------- */
.blog-sec {
    margin-bottom: 4%;
}
.blog-sec h3 {
	margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #242424;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
}
.blog-sec h3 a {
    color: #01477f;
}
.box-image img {
    width: 100%;
}
.mainimage img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.5;
}
.entry-gallery img:hover {
    -webkit-transform: none !important;
    transform: none !important;
    opacity: unset !important;
}

.blog-sec p {
    color: #797979;
    font-size: 16px;
}
h1.page-title,
h1.search-title {
    background: #01477f;
    margin-bottom: 3%;
    color: #fff;
    text-align: center;
}
/*-----------------Search pop up----------------*/
.serach_inner input.search-field {
   width: 100%;
   padding: 10px;
}
.serach_inner label{
	width: 78%;
	float: left;
}
.search-box i {
    color: #000;
    margin: 10px 0;
    padding: 10px;
    border-left: 1px solid #bbb;
}
.search-box {
   text-align: center;
}
.serach_outer {
 position: fixed;
 width: 100%;
 height: 100%;
 background: #000;
 overflow: hidden;
 transition: 0.5s;
 z-index: 999;
 top: 0;
 left: 0;
 background-color: rgb(0,0,0);
 background-color: rgba(0,0,0, 0.8);
 display: none;
}
.serach_inner {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
}
.closepop {
 position: absolute;
 top: 20%;
 transform: translateY(-50%);
 width: 100%;
 right: 0;
 text-align: right;
 margin-right: 28px;
}
.serach_outer i {
 font-size: 24px;
 padding: 4px 0 0 0;
 color: #bbb;
 cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach_inner form.search-form {
 display: table;
 border: 1px solid #bababf;
 padding: 14px 20px;
 border-radius: 0;
 background: #ffffff;
 margin: 0 auto;
 max-width: 700px;
 width: 100%;
 border-radius: 30px;
}
.serach-page input.search-field {
   border: 1px solid #ccc;
   padding: 9px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
 border: none;
 padding: 4px 0;
 width: 95%;
}
.social-media .dashicons{
 margin: 0 6px;
 padding: 0;
}
.menubar .social-media a:hover{
 color:#3890cb;
}
i.fas.fa-headphones {
 color: #ffffff;
 font-size: 25px;
 cursor: pointer;
 border-right: 2px solid #ffffff;
 padding: 5px 8px;
 padding: 3px 8px 11px 6px;
}
.consultation a {
 border: 2px solid #fff;
 padding: 8px 7px;
 padding-left: 0;
}
.consultation {
   background-size: cover;
   background-repeat: no-repeat;
}
.consultation span {
 padding: 0 3px;
 text-align: center;
 font-size: 14px;
 text-transform: uppercase;
 color: #fff;
}
ul.search-consult {
 float: right;
 padding: 10px 0;
}
ul.search-consult li:nth-child(1) {
 list-style: none;
 display: inline;
}
ul.search-consult li:nth-child(2) {
 list-style: none;
 display: inline;
}
/* About us */
.about {
    padding: 4% 0;
    background: #fff;
}
.about h3 {
	background: url(./images/tower1.png) no-repeat right;
    font-weight: bold;
    font-size: 25px;
    text-align: right;
    padding-top: 40px;
    padding-right: 2.5em;
    margin: 0;
    color: #01477f;
}
.abt-image img {
    width: 100%;
    box-shadow: 5px 5px 10px 0 #bbb;
}
.about p {
    font-size: 13px;
    color: #fff;
    line-height: 1.8;
    margin: 10px 0;
}
.textbox {
    background: #01477f;
    position: relative;
    right: 8em;
    top: 35px;
    padding: 20px 30px;
    width: 130%;
}
.textbox h4 {
    padding: 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.textbox a {
    color: #fec200;
    font-size: 12px;
    font-weight: 700;
}
.textbox a i {
    font-size: 15px;
    padding: 10px ;
}

/* Homepage */
.post-info {
    padding: 1% 0;    
    font-size: 16px;
}
.post-info i {
    color: #fec200;
}
.post-info span {
    margin-left: 1%;
    margin-right: 1%;
    color: #000;
}
.blogbtn a {
    color: #fff;
    background: #01477f;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
}
.blogbtn {
    margin-top: 3%;
}
.mainimage img {
    width: 100%;    
}
.mainimage{
	overflow: hidden;
}
.innerlightbox {
    padding-top: 4%;
}
#blog_post small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
#blog_post .small-button{
	margin-top:30px;
}
#blog_post .page-box,.postbox{
	color:rgba(74, 69, 69, 0.75);
	padding:15px;
	margin: 0 0 4% 0;
	box-shadow: 0 0 15px 3px #bbb;
}
#blog_post .page-box p{
	font-size:15px;
	margin:0;
	line-height: 25px;
}
#blog_post .box-image{
	margin:0;
}

#blog_post .services-box{
	margin:40px 0 20px 0;
}
img.alignnone.wp-image-755.size-large {
    width: 100%;	
}
/* Headings */
section h2{
	font-weight:bold;
	text-align:center;
	margin:0 0 12px;
	padding:0;
	text-transform:uppercase;
}
section h3{
	font-weight:bold;
	text-align:center;
	margin:30px 0 0 0;
	text-transform:uppercase;
}
section h4{
	color:#000;
	font-weight:bold;
}
section h5{
	color:#3890cb;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}

/* Woocommerce */
.woocommerce span.posted_in{
	color: #000;
}
.woocommerce-privacy-policy-text a{
  color: #000;
}
.woocommerce main#maincontent {
  margin-top: 20px;
}
.woocommerce span.onsale{
	background: #01477f;
	padding: 0;
}
.products li {
    border: solid 1px #dcdcdc;
    padding: 10px !important;
    width: 29% !important;
    text-align: center;
    margin: 11px !important;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
    color: #000;
    font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background: #01477f;
	color: #fff;
	border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background: #000;
	color: #fff;
}
.woocommerce .quantity .qty {
    width: 5em;
    padding: 5px;
    border-radius: 0;
    border: solid 1px #000;
    color: #000;
}
.col-1,.col-2 {
    max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: #01477f;
    padding: 12px;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #fff;
}
span.posted_in{
    display: block;
}
span.woocommerce-input-wrapper,
.woocommerce label {
 width: 100%;
}
.woocommerce-MyAccount-content p a {
    color: #797979;
}
.woocommerce .woocommerce-ordering select {
    padding: 8px;
}
.woocommerce td.product-name a{
	color: #01477f;
}

/* Footer Section */
.footerinner {
    width: 100%;
}
.footerinner .widget {
    padding: 10% 0;
}
#footer{
	background: url('./images/footer-bg.jpg');
	text-align:center;
	color:#fff;
	padding:0;
	text-align:left;
    clear:both;
}
#footer h3 {
    text-align: left;
    font-size: 26px;
    color: #fff;
    font-weight: 600;
}
#footer p {
    font-size: 15px;
    margin: 0;
    font-weight: 500;
}

#footer .news-form{
	margin-top:24px;
}

#footer input[type="text"]{width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
    width:35%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#fec200;
	margin:0;
	color: #fff;
    font-size: 15px;
}
#footer .search-field {
    width: 59%;
    padding: 10px 5px;
}
#footer label {
    display: inline;
}
#footer form.search-form{
	text-align: left;
}
#footer .copyright{
	text-align:center;
}
.copyright a {
    color: #01477f;
}
.inner{
    color: #01477f;
    background: #fec200;
    padding: 15px;
}
.footerinner ul {
    margin: 0;
}
.footerinner ul li {
    list-style: none;
    padding: 6px 0;
    font-size: 10px;
}
.footerinner ul li a {
    color: #fff;
    font-size: 13px;
}
.footerinner ul li a:hover{
    color: #fec200;
}
#sidebar select,.footerinner select {
    padding: 10px;
    color: #000;
}
.textwidget {
    padding: 15px;
}
 .footerinner .tagcloud a{
 	background: #eeeeee;
    color: #000;
    font-size: 15px !important;
    padding: 5px 18px;
    margin: 0 0 5px;
    display: inline-block;
}   
/* --------- Bradcrumbs --------- */
.bradcrumbs a {
    background: #01477f;
    color: #fff;
    padding: 5px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}
.bradcrumbs a:hover{
	background:#999999;
}
.bradcrumbs span{
	background:#dddddd;
	color:#000;
	padding:5px 15px;
}

/* Comments BOX */
#comments{
	margin-top:40px;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:40px 0 0 0;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
	padding:12px 10px;
	font-size:18px;
	margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
	/*background:#01477f !important ;*/
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	border:none;
}

#comments a.comment-reply-link{
	color:#000;
	background:#cecece;
	padding:5px 15px;
}
#comments a.comment-reply-link:hover{
	background:#01477f;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol.children li{
	list-style: none;
}
#wrapper #comments ol li{
	background:none;
	margin: 0 0 20px;
	padding: 20px;
	background:#eee;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	float:right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-metadata{
	width:90%;
	float:left;
}
#comments .comment-content{
	width:90%;
	float:left;
	margin-left:7%;
}
#comments p {
	width:90%;
	float:none;
}

/* --------- SLIDER--------- */
.page-template #slider{
  display: block;
}
#slider{
  display: none;
}
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
background: transparent;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider{ 
  max-width:100%;
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .inner_carousel h2 a {
  font-weight: bolder;
  color: #fff;
  padding:0px;
  font-size: 35px;
}
#slider .inner_carousel h2{
  padding: 0px;
}
#slider .inner_carousel p{
	font-size: 14px;
	font-weight: normal;
	padding: 0 30px;
}
#slider .inner_carousel {
  color: #fff;
}
#slider .carousel-caption{
  padding-bottom:0px !important;
}
.carousel-caption{
	bottom: 30%;
	left: 20%;
    right: 20%;
}

/* slider end */

/* Sidebar */
#sidebar {
    border-left: 1px solid #e4e4e4;
    padding-left: 15px;
}
#sidebar form{
 	display: table;
	width: 100%;
	border: solid 1px #01477f;
}
#sidebar h3 {
    margin: 0 0 5px;
    text-align: left;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    color: #01477f;
}
#sidebar h3::before {
    content: "";
    width: auto;
    height: 2px;
    background: #01477f;
    display: block;
    position: relative;
    top: 26px;
    left: 0;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
	text-align: center;
}
#sidebar label{
	width:70%;
	float:left;
	margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
    background: #fec200;
    border: none;
    color: #01477f;
    padding: 10px 0;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    float: left;
    margin: 0;
    border-radius: 0;
}
#sidebar aside,
#wrapper {
    margin-bottom: 30px;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li {
    padding: 8px 0;
    border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
    font-size: 13px;
    color: #242424;    
    font-weight: bold;
}
#sidebar ul li a:hover{
	color:#01477f;
}
#sidebar .tagcloud a{
	background:#eeeeee;
	color:#000;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
}
#sidebar .tagcloud a:hover{
	background:#01477f;
	color: #fff;
}

/* Page */
iframe {
    width: 100%;
}
.entry-audio audio {
    width: 100%;
}
.title-box{
	background-repeat:no-repeat;
	background-size:100% 100%;
	color:#fff;
	text-transform:uppercase;
	padding:75px 0;
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
	background-color: #01477f;
}
.single .title-box{
	background-size:100% auto;
}

#wrapper {
    padding: 15px;
}
#wrapper h1 {
    background: #01477f;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    color: #fff;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	margin:35px 0;
	clear:both;
}
#wrapper h2{
	font-size:40px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h3{
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}

/*------404 not found-------*/
.read-moresec {
    margin-bottom: 10px;
}

/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
} 
.pagination span,
.pagination a {
	display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:10px 15px;
    text-decoration:none;
    width:auto;
    color:#242424;
    border: 1px solid #d4d4d4;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
} 
.pagination a:hover{
	color:#000;
    background: #fec200;
} 
.pagination .current {
    padding: 10px 15px;
    color: #fff;
    background: #01477f;
    border: 1px solid #d4d4d4;
}

/* ------------Navigation Links------------*/
.nav-next, .nav-previous {
    float: left;
    width: 50%;
}
span.meta-nav {
    clear: both;
    font-size: 18px;
    color: #000;
}
span.post-title {
    font-size: 20px;
    margin: 4%;
    font-weight: 400;
    line-height: 26px;
}

/* Media Css*/
@media screen and (max-width: 720px) and (min-width: 320px){
	.page-template-custom-front-page .logo {
	    position: static;
	    transform: none;
	}
	.page-template-custom-front-page .logo p{
		color: #000
	}
	#contact-us{
		text-align: center;
	}
	#contact-us .phone{
		border: none;
		padding: 0;
		margin: 10px 0;
	}
	.contactbtn{
		margin-top: 20px;
	}
	.textbox{
		position: static;
		right: 0;
		top: 0
	}
	#slider .inner_carousel h2,
	#slider .inner_carousel p{
		display: none;
	}
	ol.children {
	    margin: 0 !important;
	}
	ol.children img {
	    width: 30px;
	    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
	#wrapper h2 {
	    font-size: 30px !important;
	}
	 #header .nav ul li.current_page_item a{
	 	background: #222;
	 }
}
@media screen and (min-width:720px){	
	#header .nav ul li ul{
	 	display:none;
		z-index:2;
		font-weight:normal;
		margin-top:12px;
	}
	#header .nav ul li:hover > ul{
	 	display:block;
		background:#fec200;
		width:200px;
		position:absolute;
		top:50px;
		left:0;
		text-align:left;
		padding:3px;
		z-index:99;
	}
	#header .nav ul li:hover > ul li{
		display:block;
	}
	#header .nav ul li:hover > ul li a:hover {
	    background: #01477f;
	    color: #fec200;
	}
	#header .nav ul li:hover > ul li a{
		padding:10px;
		color:#01477f;
		font-weight: 500;
	}
	#header .nav ul li:hover ul li ul{
	 	display:none;
	}
	#header .nav ul li:hover ul li:hover > ul{
	 	display:block;
		position:absolute;
		left:200px;
		top:-5px;
	}
	#header .nav ul.sub-menu{
		margin-top:10px;
	}
	#header .nav ul li a{
		color:#333;
		padding:20px 10px;
		display:block;
	}
	.products li {
    	width: 44%;
	}
}
@media screen and (max-width:768px){	
	.products li {
    	width: 44% !important;
	}
}
@media screen and (max-width: 320px){
	.products li {
	    width: 42% !important;
	}
}
@media screen and (max-width:720px) {	
	.toggle{
 		display:block;
	}
	.toggle a{
		width:100%;
		color:#fff;
		background:url('images/mobile_nav_right.png') no-repeat right center #01477f;
		padding:10px 120px;
		font-size:16px;
	}
	.toggle a:hover{
		color:#fff;
	}
	.toggle a.active{
		color:#fff;
	}
	.nav{
	 	display:none;
	}
	#header .nav{
		float:none;
		margin:0;
		position:absolute;
		z-index:999;
		overflow-x:hidden;
		width: 100%;
		left: 0;
	}
	#header .nav ul{
		width:100%;
		float:none !important;
		margin-top:0;
		background-color:#222222;
	}
	#header .nav ul li{
		border-top:1px #303030 solid;
		display:block;
		float:none;
		text-align:left;
	}
	.nav ul li a{
		padding:5px 10px;
		display:block;
		color:#ffffff !important;
	}
	.nav ul li a:hover{
		color:#ff8a00;
	}
	.nav ul li ul,
	 .nav ul li ul ul{
		display:block !important;
	}
	.nav ul li ul li a:before{
		content:"\00BB \00a0";
	}
	.nav ul li ul li a{
		padding-left:20px !important;
	}
	.nav ul li ul li ul li a{
		padding-left:30px !important;
	}

}
@media screen and (max-width: 1199px) {	
	.textbox{
		position: static;
		right: 0;
		top: 0;
		width:100%;
	}
}
@media screen and (min-width: 720px) and (max-width: 768px){
	#slider .carousel-caption{
		bottom: 15%;
		top: 55%;
		right: 15%;
		left: 15%;
	}
	#slider .inner_carousel p{
		padding: 0;
	}
	.contactbtn a{
		padding: 12px 18px;
	}
	#contact-us{
		text-align: center;
	}
	.widget_calendar td, .widget_calendar th{
		font-size: 12px;
	}
}