/*
Theme Name: Construction Realestate
Theme URI: https://www.buywptemplates.com/themes/free-construction-real-estate-wordpress-theme/
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: The exclusive Construction Realestate WordPress Theme offers you instant answers for your online activities that are related to your building industry. This is an ideal solution for real estate agents, real estate brokers, builders, woodworkers, contractors, inventors, interior designers, architects, plumbers, painters, or anybody who is interested in building construction business websites. Though it mainly occupies the construction area, it can be used for multiple businesses such as education, news, corporate, blog, photography, food, personal, holiday, portfolio, entertainment, repair, renovation, roofing business, construction landing page, etc. This theme has been crafted carefully keeping in mind the latest web design standards. It offers a dynamic customizer with multiple theme options, to bring out the design of your website as per your wants. This minimal WordPress theme is built on Bootstrap that makes it highly responsive and cross-browser compatible. Being a mobile-friendly theme, it gives a cutting-edge performance on every screen size. It has secure and clean codes that are in accordance with WordPress web standards. To match the style of your business, it offers eye-catching buttons, beautiful images, sliders, banners, contact form, and a lot more under the hood. With social media integration, it powers your online presence. Its SEO friendly nature will make your website reach the top search results. Take advantage of ample of features, functionalities, and an advanced set of customization options to create your own professional real estate business site. Reap the benefits of this free, flexible, and robust WordPress theme now! View full demo here: https://www.buywptemplates.com/construction-realestate-wordpress-theme/
Version: 0.3.5
License: GNU General Public License
License URI: license.txt
Text Domain: construction-realestate
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, news, portfolio

Construction Realestate WordPress Theme incorporates code from VW Restaurant Lite WordPress Theme, Copyright 2016 VW Themes
Construction Realestate WordPress Theme is distributed under the terms of the GNU GPL
*/

*{ 
  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: 15px;
  color:#000;
  font-family: 'Lato';
}
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:0 0 15px;
}
p{ 
  margin:0;
  padding:0;
}
a{ 
  text-decoration:none;
  color:#30a2e1;
}
a:hover{ 
  text-decoration:none;
  color:#666;
}
ul,
ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #d6d6d4;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
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;
}
select{
  width:100%;
}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.main-wrapper{
  margin:20px auto;
  padding:0;
  min-height: 550px;
}
.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;
}
.sticky{ 
  margin:0;
  padding:0;
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,
img.alignright { 
  display: inline;
  float: right;
}
.aligncenter,
img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.main-container ol{
  list-style-position:outside;
  margin-left:20px;
}
.main-container ol li{
  margin:5px 0;
}
.menus {
  background: #221857;
}
.toggleMenu{
  display:none;
}
.bypostauthor{ 
  margin:0;
  padding:0;
}
section{ 
  padding:34px 0;
  position:relative;
  max-width:1400px;
  margin:0 auto;
}
h2.section-title {
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%;
  margin:auto;
  padding:0;
  position:relative;
}
.nivo-caption {
  top:25%!important;
}
#slider .slide-cap{ 
  position:relative;
  margin:auto;
  width:90%;
  margin-right:auto;
  margin-left:auto;top:25%;
}
#slider .slide-cap h3 {
  font: 700 80px;
  text-transform: uppercase;
  background: url('images/border.png') no-repeat center bottom;
  padding-bottom: 50px;
  font-size: 38px;
}
#slider .slide-cap p {
  color: #fff;
  font-weight: bold;
  padding: 0 10%;
}
.main-slide {
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.47);
  width: 50%;
  padding: 10px 0 20px;
}
.slide-button a {
  background: #30a2e1;
  color: #fff;
  font-size: 20px;
  padding: 10px 15px;
}
.slide-button {
  margin: 20px;
}
/*blog section*/
.attachment img,
.entry-video iframe {
    width: 100%;
} 
a.r_button {
  background: rgba(158, 158, 158, 0.38);
  padding: 0.5em 2em;
  color: #000;
  font-weight: bold;
}

/*--------------header-------------*/
.socialbox {
  float: right;
}
#header .socialbox i {
  margin: 0 7px;
  color: #fff;
}
.contact {
  margin: 2% 0;
  font-size: 15px;
  color: #000;
}
.contact p {
  margin-bottom: 0;
}
#header .socialbox i:hover {
  color: #30a2e1;
}
#header .top_headbar {
  padding: 10px 65px 10px 65px;
  font-size: 16px; 
  width: 100%;  
  margin: 0 auto;
  background:url('images/header-bar.png') no-repeat;
}
.logo a:hover {
  text-decoration: none;
}
#header .logo{
  margin:0;
  padding:10px 0;
}
#header .logo h1 a{
  padding:0;
  margin-bottom:0;
  font-size:45px;
  margin-top: 0;
  color: #333333;
}
#header .logo p{ 
  font-size:12px;
  color: #999;
}
#header .header-top{
  background:#000;
  color:#aaaaaa
}
.toggle{
  display:none;
}
.header{
  z-index:999;
  width:100%;
  height:auto;
}
.header .nav{ 
  margin:0;
  padding:0;
  text-align:left;
}
#header .nav ul { 
  text-align: center;
  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: #fff;
  padding: 10px;  
  font-size: 15px;
  display: block;
  text-align: left;
  text-transform: none;
  letter-spacing: 2px;
  font-weight: normal;
}
#header .nav ul li a:hover{
  color: #435061;
  text-decoration: none;
}
#header .nav ul.sub-menu li{
  display: inline;
}
#header .nav ul.children li {
    display: inline;
}

/* --------- Homepage --------- */
#about h3::before {
  background:url('images/squareicon.png') no-repeat;
}
#about h3::after {
  background:url('images/squareicon.png') no-repeat;
}
section { 
  width:100%;
  margin:0 auto;
  position:relative;
  background-color:#ffffff;
}
.section-title {
  text-align: left;
  padding: 10px 0px;
  border-bottom: solid 1px #ccc;
}
.blog-section {
  padding:0;
}
.blog-section .section-title a {
  color: #435061;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 3px;
}
.blog-section .section-title a:hover{
  text-decoration:none;
}
.blog-section .new-text p{
  font-size: 16px;
  color: #727272;
  margin: 10px 0;
  line-height:23px;
}
.inner-service {
  border: 1px solid #bbb;
  margin-bottom: 3%;
  padding: 15px;
  box-shadow: 8px 8px 10px 0px #bbb;
}
.blog-section .about-us{
  padding: 10px;
  margin-top:20px;
}
.blog-section  .about-us a{
  border: 1px solid #000;
  padding:8px 20px;
  color: #000;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 19px;
}
.blog-section .button{
  margin: 0 18%;
  display: inline-block;
}

/* Breadcrumb */

.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
  line-height: 37px;
}
.bradcrumbs a:hover{
  background:#ffd34e;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}

/*-------------------------------- 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: #30a2e1;
  -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: #fff;
  font-weight: bold;
}
.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);
}

/* --------- Blog Page ------- */
.metabox{
  color:#000;
  padding:15px 0;
  clear:both;
}
.metabox .entry-date{
  background:url('images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}

/* 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;
  clear:both;
}
#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:rgba(158, 158, 158, 0.38) !important ;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left: 0px;
  color: #000;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#3890cb;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#content_box #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
#content_box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
.comment-respond{
  clear:both;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}
#comments p {
  width:90%;
  float:left;
}

/*--------------- Sidebar -----------------*/
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3{
  margin:0 0 10px;
  font-size:20px;
  color:#5d5f5e;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar select {
  padding: 10px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:solid 1px #bbb; 
  font-size:15px; 
  color:#000;width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"] {
  background: #bbb;
  border: none;
  color: #fff;
  padding: 11px 20px;
  font-size: 15px;
  margin: 0;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{
  margin:5px 10px;
  background:url('images/bullets-sidebar.png') no-repeat 0px 8px;
  padding-left:20px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  line-height: 32px;
  padding: 0 0 0 2%;
}
#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:#5d5f5e;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  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: 0.5384615385em;
}
#sidebar form.search-form {
  display: table;
  padding: 0px 10px;
  border-radius: 20px;
  background: #ffffff;
}

/* Page */
.date-box{
	background:url(images/calender.png) no-repeat 1px 3px;
	padding:0 0 0 25px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 15px 0;
}
.cat-box{
	background:url(images/cat-icon.png) no-repeat 1px 3px;
	padding:0 0 0 25px;
	font-style:italic;
	font-weight:bold;
	margin:15px 0 30px 0;
}
#content_box p{
  line-height: 25px;
  font-size: 16px;
  margin:20px 0;
}
#content_box hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:35px 0;
  clear:both;
}
#content_box h1{
  font-size:51px;
}
#content_box h2{
  font-size:32px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}
#content_box h3{
  font-size:36px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}
#content_box h4{
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#333;
  margin:0 0 25px;
}
#content_box  h6{
  font-size:18px;
}
#content_box  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
#content_box ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
#content_box ul li{
  list-style-type: circle;
  padding:0 0 0 4px;
  margin:0 0 20px 0;
  line-height:25px;
}
#content_box ul li ul li{
  list-style-type: circle;
}
#content_box ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
#content_box ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
#content_box ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
#content_box  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
.read-moresec{
  margin:2% 0;
}
a.button {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: bold;
}

/*copyright css*/
.copyright-wrapper { 
  position:relative;
  padding:20px 0;
  background-color:#221857;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding:20px 0;
}
.copyright-wrapper p,
.copyright-wrapper a {
  color: #fff;
  margin:0; 
}
.footer-wp {
  background: #435061;
}
.footer-wp .rssSummary,
.footer-wp ul li,
.footer-wp p{
  color: #fff;
}
.footer-wp h3 {
  text-align: left;
  font-size: 30px;
  margin: 0 0 24px 0;
  border-bottom: 2px solid #30a2e1;
  padding: 0 0 12px 0;
  font-family: 'Lato';
  letter-spacing: 2px;
  font-weight: bold;
  color: #30a2e1;
}
.footer-wp input[type="search"]{
  width:100%;
  padding:8px 5%;
  float:left;
}
.footer-wp input[type="submit"] {
  padding: 10px 12px;
  float: right;
  border: none;
  background: #333;
  border-radius: 0;
  margin: 0;
  font-size: 12px;
}
.footer-wp  td#prev a {
    color: #fff;
}
.footer-wp caption {
  font-weight: bold;
  color: #fff;
  font-size: 25px;
  text-align: center;
  font-family: 'Alex Brush', cursive;
  letter-spacing: 2px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp td {
  padding: 10px;
  color: #fff;
}
.footer-wp th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  color: #fff;
  font-size: 17px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
  font-family: 'Lato', sans-serif;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 5% 0;
}
.footer-wp .tagcloud a {
  color: #fff;
  font-family: 'Lato', sans-serif;
}

/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:15px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  padding: 12px 16px;
  display: block;
  float: left;
  margin: 0 3px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #435061;
  -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;
  border-radius: 12px;
  font-weight: bold;
} 
.pagination a:hover{
  color:#000;
  background: rgba(158, 158, 158, 0.38);
}
.pagination .current{
  background: rgba(158, 158, 158, 0.38);
  color: #000;
  font-weight:bold;
}
#content_box .pagination ul{
  margin:0;
  clear:both;
}
#content_box .pagination ul li{
  margin:0;
}

/* ------ Contact Form ------ */
.wpcf7{ 
  margin:0;
  padding:0;
  color:#222222;
}
.wpcf7 form{ 
  margin:0;
  padding:0;
}
.wpcf7 form span.last{ 
  float:none !important;
}
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="date"],
.wpcf7 form select, .leftdiv input[type="text"],
.leftdiv input [type="url"],
.leftdiv input[type="email"],
.leftdiv input[type="tel"],
.wpcf7 form textarea,
.rightdiv textarea{ 
  width:94%;
  background-color:#f8f8f8;
  border:1px solid #e6e5e5;
  padding:10px;
  margin-top:15px;
  color:#777777;
}
.wpcf7 form textarea, .rightdiv textarea{
  height:132px;
}
.wpcf7 form input[type="checkbox"],
.wpcf7 form input[type="radio"],
.wpcf7 form input[type="file"]{ 
  margin-top:10px;
  padding:0;
}
span.wpcf7-list-item{ 
  margin:0 15px 0 0 !important;
}
.wpcf7 form input[type="submit"],
#contact input[type="submit"],
#contactform_main input[type='submit']{
  margin:25px 0 0 0;
  padding:5px 20px;
  border:none;
  color:#ffffff;
  border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  cursor:pointer;
  background-color:#221857;
}
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,
.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,
.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title, h1.page-title {
  padding: 10px;
  font-size: 25px;
  text-transform: uppercase;
  color: #333;
  border: solid 1px #bbb;
  text-align: center;
  font-weight: bold;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
form.search-form{
  margin-bottom:0px;
}
input.search-field,
.post-password-form input[type=password]{
  border:1px #eee solid;
  padding:4px;
}
input.search-submit,
.post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6{
  margin-top:15px;
}

.blog-post-repeat{ 
  border-bottom:1px solid #cccccc;
  margin-bottom:40px;
}
.wpcf7-form p{ 
  color:#222222;
}

/*---static --*/
#blog_sec {
    margin-top: 3%;
}
.box-image img {
    width: 100%;
}
#about h3 {
  color: #30a2e1;
  font-family: Lato;
  letter-spacing: 2px;
  border-bottom: solid 3px #bbb;
  display: table;
  margin: 0 auto;
  padding-bottom: 1%;
}
.mainbox p {
  text-align: center;
  font-family: Lato;
  font-size: 16px;
  color: #525151;
}

/*responsive menu*/
@media screen and (max-width:720px) {
  #header .top_headbar{
    background: #435061;
  }
  .contact {
    text-align: center;
  }
  .toggle{
    display:block;
  }
  .toggle a{
    width:100%;
    color:#000;
    background:url('images/mobile_nav_right.png') no-repeat right center #30a2e1;
    padding:10px 10px;
   font-size:16px;
  }
  .nav{
    display:none;
  }
  .header .nav{
    float:none;
    margin:0;
    position:absolute;
    z-index:999;
    overflow-x:hidden;
    top: 88px;
    width: 100%;
    left: 0;
    right: 0;
  }
  .header .nav ul{ 
    width:100%;
    float:none !important;
    margin-top:20px;
    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;
  }  
  .header .nav ul li{
    width:100%!important;
  }
  .header .logo{
    text-align:center;
  }
  .pagination{
    float:none;
  }
  .blog-section .button {
    margin: 0 auto;
    display: block;
    width: 34%;
  }
  .home .inner-service{
    margin: 20px 0 0 0;
    min-height: auto;
  }
}
@media screen and (min-width:720px){
  .header .nav ul li ul{
    display:none;
    z-index:2;
    font-weight:normal;
    margin: 5% 0 0 0;
  }
  .header .nav ul li:hover > ul{
    display:block;
    background:#222222;
    width:200px;
    position:absolute;
    top:41px;
    left:0;
    text-align:left;
    padding:10px 0;
    z-index:99;
  }
  .header .nav ul li:hover > ul li{ 
    display:block;
  }
  .header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px;
    color:#ffffff;
  }
  .header .nav ul li:hover ul li ul{
    display:none;
  }

  .header .nav ul li:hover ul li:hover > ul{
    display:block;
    position:absolute;
    left:100px;
    top:-30px;
  }
  
  .header .nav ul.sub-menu{
    margin-top:6px;
  }

  .header .nav ul.sub-menu li a:hover{
    background:#bbb;
    color:#fff;
  }
  .header .nav ul {
    margin:0;
  }
  .header .nav ul li a{ 
    color:#fff;
    padding:14px 15px;
    display:block;
  }
}
@media screen and (min-width: 1000px) {
  #header #header-inner .nav ul li ul li{
    display:block;
    position:relative;
    float:none;
  }
  #header #header-inner .nav ul li ul li a{
    color:#000;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px #313131 solid;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .blog-section .new-line {
    padding-bottom: 5px;
    font-size: 26px;
    width: 60%;
    font-style: oblique;
  }
  #sidebar {
    clear: both;
  }
}