/*
Theme Name: Mega Construction Pro
Theme URI:  https://www.themesglance.com/themes/premium-construction-wordpress-theme/
Author: Themes Glance
Author URI:  http://www.themesglance.com/
Description: Our premium Construction WordPress theme has all the features, functionalities and necessary plug-ins. You customize or tweak it the way you want and our theme will still perform smoothly. It is loaded with features like social media shareable, Google fonts, retina ready. Our premium Construction theme is fully documented with responsive design and cross-browser compatibility. Our full-time support is what makes us reliable. Not just that our regular updates will ensure smooth working of your site. Though you have to spend money to buy it but our theme is worth the investment. Our quality defines us and that is why we have a pool of happy customers. Buy it and see your business reaching a new peak of success.
Version: 1.1
License: GNU General Public License
License URI:license.txt
Text Domain: mega-construction-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Mega Construction Pro WordPress Theme has been created by Themes Glance(themesglance.com), 2018.
Mega Construction Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
margin:0; 
padding:0; 
outline:none;
}
html body{
margin:0; 
padding:0; 
-ms-word-wrap:break-word; 
word-wrap:break-word; 
background-color:#fff; 
position:relative; 
font-size: 14px;
font-family: 'Poppins';
color:#5b5b5b; 
}
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;
line-height: 1.4;
font-family: 'Poppins';
letter-spacing: 1px;
color:#5b5b5b;
}
p{
margin:0 0 15px; 
padding:0;
font-size:14px;
font-weight:normal;
}
p, ul li a{
font-family: 'Poppins';
letter-spacing: 0px;
}
body a{
text-decoration:none; 
color:#fec200;
}
a:hover{
text-decoration:none; 
color:#666;
}
a:focus,a:hover{
text-decoration:none !important;
}
ul,ol{ 
margin:0 0 0 15px; 
padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
blockquote {
font-size: 18px;
font-style: italic;
width: 450px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -15px;
color: #7a7a7a;
}
blockquote:after {
content: "\f10e";
position: absolute;
font-size: 19px;
font-weight: 900;
right: 0;
font-family: "Font Awesome 5 Free";
color: #7a7a7a;
bottom: 0;
}
figure.aligncenter {
border: 1px solid #bbb;
padding: 5px;
}
.alignwide img.wp-image-1029 {
border: 1px solid #bbb;
padding: 5px;
}
.wp-block-image img.wp-image-907 {
border: 1px solid #bbb;
padding: 5px;
}
.alignfull img.wp-image-1029 {
border: 1px solid #bbb;
padding: 5px;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}
small{
font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
border:1px solid #424648;
font-size:16px;
padding:10px 10px; 
margin:0 0 0px 0;
height:auto;
width: 100%;
background: transparent;
}
section{
background-size: cover;
background-repeat: no-repeat;
}
select{
width: 100%;
padding: 6px;
}
input[type="submit"] {
padding: 10px 8px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
border: none;
background-color: #fec200;
}
input[type="submit"]:hover{
cursor: pointer;
}

.wp-caption{
margin:0;
padding:0;
font-size:13px;
max-width:100%;
}
.wp-caption-text{
margin:0;
padding:0;
}
.gallery-caption{
margin:0;
padding:0;
}
.bypostauthor{
margin:0;
padding:0;
}
.hovereffect a {
border: 1px solid #333;
padding: 10px;
color: #333333;
font-weight: bold;
}
.carousel-inner{
margin: 0;
}
.screen-reader-text {
position: absolute;
top:-9999em;
left:-9999em;
}
.sticky{ 
margin:0; 
padding:0; 
background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
display: inline; 
float: left; 
margin-right:20px; 
margin-top:4px; 
margin-bottom:10px; 
padding:0;
border:1px solid #bbb; 
padding:5px;
}
.middle-content img.alignleft.size-thumbnail.wp-image-827 {
float: none;
}
.middle-content img.alignnone.wp-image-907 {
border: 1px solid grey;
padding: 5px;
}
#attachment_907 img.wp-image-907 {
padding: 5px;
border: 1px solid grey;
}
#attachment_906 img.size-full.wp-image-906 {
border: 1px solid grey;
padding: 5px;
}
.content_boxes td {
text-align: center;
border: 1px solid;
}
.alignright, img.alignright { 
display: inline; 
float: right; 
border:1px solid #bbb; 
padding:5px; 
margin-bottom:10px;
border:1px solid #bbb; 
margin-left:25px;
padding:5px;
}
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;
}
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;
}
/*-------------------------- Calendar widget --------------------------*/
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%;
}
.widget.widget_calendar table {
margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
border: 1px solid #fff;
}
.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;
}
#wp-calendar td {
padding: 0;
}
.content_boxes th {
border: 1px solid;
text-align: center;
}
.middle-content td {
border: 1px solid;
text-align: center;
}
.middle-content th {
text-align: center;
border: 1px solid;
}
/*-------------------- 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;
-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:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
border: 2px solid #3890cb ; 
background:#3890cb;
color: #fff;
font-size: 16px;
margin: 20px 0 0;
padding: 7px 30px;
text-transform: uppercase; 
font-weight:bold;
}
/* --------------------------HOME SLIDER---------------------------- */
#homeslider .carousel-indicators li {
position:relative;
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;
max-width:10px;
height:10px;
border-radius:50%;
margin-right:3px;
margin-left:3px;
text-indent:-999px;
cursor:pointer;
background-color:rgba(255,255,255,.5)
}
#homeslider .carousel-indicators li::before {
position:absolute;
top:-10px;left:0;
display:inline-block;
width:100%;
height:10px;
content:"";
}
#homeslider .carousel-indicators li::after {
position:absolute;
bottom:-10px;
left:0;
display:inline-block;
width:100%;
height:10px;
content:"";
}
#homeslider .carousel-indicators .active {
background-color:#fff;
}
#homeslider{ 
max-width:100%; 
margin:auto; 
padding:0; 
position:relative;
}

#homeslider h3{
text-transform: Capitalize;
color: #ffffff;
font-size: 40px;
line-height: 51px;
font-weight: 900;
}
#homeslider p{ 
color:#ffffff; 
font-weight:700; 
margin:15px 0 15px 0; 
line-height:20px; 
border-radius:0 0 5px 5px; 
font:14px;
}
#homeslider .slide_img{
width: 100%;
}
#homeslider p.price {
font-size: 22px !important;
}
#homeslider .carousel-caption.d-none.d-md-block {
max-width: 900px;
margin: 0 auto;
}
#homeslider .btn-primary {
color: #ffffff;
background: transparent;
border-radius: 0px;
color: #ffffff;
border: 1px solid #ffffff;
text-transform: uppercase;
margin-top: 20px;
}
#homeslider .carousel-caption {
top: 50%;
transform: translateY(-50%); 
bottom: inherit;
text-align: left;
}
#homeslider .inner_carousel {
text-align: center;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
display: block !important;
}
#homeslider ol.carousel-indicators {
position: absolute !important;
display: block;
right: 0;
top: 39% !important;
left: inherit;
transform: translateY(-50%);
}
#homeslider ol.carousel-indicators li {
max-width: 10px;
padding: 1px;
color: #333333;
border-radius: 50%;
margin: 5px;
}
/* --------------------------HEADER---------------------------- */
#header p {
color: #fff !important;
margin-bottom: 0px;
}
#header {
background-color: #01477f;
}
#header .small_media {
border-right: 2px solid #929292;
margin-bottom: 25px;
}
#header .small_media:last-child {
border-right: none;
padding: 0 !important;
}
.contact_details {
padding: 25px 0 10px;
}
#topbar {
border-top: 10px solid #435061;
}
.contact_details p {
color: #ffffff;
font-size: 15px;
margin: 0 !important;
}
p.hi_bold {
color: #fec200;
}
p.hi_normal {
color: #757575;
}
.menubar {
background: #ffffff;
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
.neseted-inner {
top: 0;
position: absolute;
}
.socialbox a {
color: #ffffff;
border-radius: 50%;
margin-right: 7px;
margin-bottom: 15px;
border: solid 1px #fff;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
}
.socialbox a:hover{
background-color: #fec200;
}
.socialbox a i {
font-size: 18px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.socialbox i.fa.fa-unlock, .socialbox i.fa.fa-user{
margin-right: 7px;
color: #fec200;
}
.continnerbox {
background-size: 100% 100%;
color: #fff;
border-top: 40px solid #435061;
border-left: 60px solid transparent;
}
.address i {
vertical-align: middle;
font-size: 36px;
margin-right: 5px;
color: #fec200;
padding: 0px 6px;
margin-top: 3px;
}
#header .logo{
margin:0; 
padding: 10px 0; 
}
#header .logo h1{ 
font-weight:700; 
padding:0; 
margin-bottom:8px; 
font-size:30px; 
font-weight:bold; 
margin-top: 0; 
text-align:left;
}
#header .logo a.custom-logo-link{ 
color:#000000;
}
#header .logo p{ 
color: #757575;
margin-bottom: 0;
font-size: 14px;
}
#header .top-contact{
padding:12px 0; 
font-size:15px;
}
.menubar .social-media{
padding:12px 0; 
text-align:center;
}
.search-box span {
padding: 0px 0px;
line-height: 45px;
margin-right: 0px;
float: right;
}
.search-box span i{
color: #111111;
font-size: 14px;
cursor: pointer;
}
.serach_outer i{
font-size: 24px;
padding: 4px 0 0 0;
color: #bbb;
}
a.special_offer {
margin-bottom: 10px;
display: block;
text-align: center;
background-color: #fec200;
color: #01477f;
font-size: 18px;
font-weight: bolder;
border: solid 1px #fec200;
padding: 8px;
}
a.special_offer:hover {
background-color: #01477f;
color: #fec200;
border: solid 1px #fec200;
}
/*-----------------Search pop up----------------*/
.serach_outer {
position: fixed;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
transition: 0.5s;
z-index: 99;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(1,71,127,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;
background: transparent;
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;
}
ul.search-consult {
padding: 10px 0;
}
ul.search-consult li {
list-style: none;
}

/*----------------Menu bar-----------*/
.menubar.scrolled{
background: rgba(0,0,0,0.08);
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
min-height: 70px;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
}
@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
.menubar.scrolled{
min-height: 60px;
background-color: #01477f;
z-index: 999999;
}
.menubar.scrolled .main-navigation a {
color: #ffffff;
}
.menubar.scrolled .main-navigation a:hover {
color: #01477f;
}
.menubar.scrolled .search-box span i {
color: #ffffff;
}
.menubar.scrolled .search-consult {
display: none;
}
.main-navigation .menu{
float: right;
}

ul.list_nav {
margin: 0 auto;
text-align: center;
display: block;
}
.main-navigation ul{
list-style: none;
margin: 0;
padding-left: 5px;

}

.main-navigation li a:hover{
background-color: #fec200;
color: #01477f;
}

.main-navigation li{
position: relative;
display: inline-block;
float: left;
line-height: 65px;
}
.main-navigation a{
display: block;
text-decoration: none;
text-transform: none;
color: #111111;
padding: 0 15px;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
position: relative;
text-transform: uppercase;

}
.main-navigation ul ul{
display: none;
position: absolute;
left: 0;
top: 100% ;
background: #01477f;
min-width: 215px;
z-index: 9999;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.main-navigation ul ul ul{
left: 100%;
top: 0;
}
.main-navigation ul ul a{
text-transform: none;
font-weight: 400;
color: #ffffff;
padding: 8px 10px;
font-size: 14px;
line-height: 1.5;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
float: none;
display: block;
text-align: left;
border-bottom: 1px solid #cccccc;
}
.main-navigation .menu > ul > li.highlight{
background-color: #fec200;
}

.main-navigation .menu > ul > li.highlight:hover{
background: transparent;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
float: none;
}
.main-navigation ul ul li:last-child{
border-bottom: 0;
}
.main-navigation ul li:hover > ul{
display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
background-color: #fec200;
color: #01477f;
padding: 0 10px;
transition: 0.3s;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
height: 2px;
}

.menu > ul > li.exoplanet-search:after{
background: transparent !important;
}

.main-navigation ul ul li:hover > a{
color: #000;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
margin: 0 0 15px;
overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
float: left;
width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
float: right;
text-align: right;
width: auto;
}
/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
content: '';
position: absolute;
right: 0;
margin-top: -2px;
height: 0;
width: 0;
border-top-color: #e1e1e1;
}

.sf-arrows ul .sf-with-ul:after{
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color: #333;
}
.toggle-nav, a.closebtn{
display: none;
}

/*----------------------  index ---------------------------*/
.post-section {
padding: 20px 0;
}
.postwrapper-box{
border: 2px solid #eeeeee;
}
.cat-box {
background: url(assets/images/cat-icon.png) no-repeat 1px 3px;
padding: 0 0 0 25px;
font-style: italic;
font-weight: bold;
margin: 15px 0 30px 0;
}
.date-box {
background: url(assets/images/date.png) no-repeat 1px 3px;
padding: 0 0 0 25px;
font-style: italic;
font-weight: bold;
margin: 0 0 15px 0;
}
/*---------------------- About section ------------------------*/
span.heightlight_color {
color: #fec200;
}
.about_img img {
width: 100%;
}
#about .about-heading {  
text-align: right;
}
#about .about-heading h2 {
font-size: 26px;
color: #01477f;
}
.about-editor {
width: 500px;
position: absolute;
bottom: 20px;
padding: 20px;
background-color: #01477f;
right: 0;
}
.about-editor h3 {
color: #ffffff;
padding: 0;
margin: 0;
}
.about-editor p {
color: #ffffff;
}
section .dis_more {
color: #333;
margin-top: 21px;
border-radius: unset;
border-color: #333;
padding: 10px 23px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.inner_sec {
padding: 40px 0;
}
#about {
background-color: #eaeaea;
}
.why_para{
text-align: left;
}
.about-heading p {
margin: -15px;
}
/*-------------------Why choose Us------------------------ */
.counter_wrapper {
margin: 10px 0;
text-align: center;
}
span.count {
color: #fff;
font-weight: bold;
font-size: 60px;
}
.number {
margin-bottom: 17px;
}
.services-para p {
color: #fff;
font-weight: normal;
font-size: 21px;
}
.why_choose_us h4, .why_choose_us p{
color: #fff;
}
.whychoose_us, #our_services {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.whychoose_us h2 {
font-size: 29px !important;
padding: 0 25px;
}
.whychoose_us h6 {
visibility: hidden;
}
.why_choose_us {
padding: 10px 0;
}
.whychoose_us::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

.whychoose_us::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}

.whychoose_us::-webkit-scrollbar-thumb
{
background-color: #fec200;
}
/*------------------------- Heading with Icon -----------------------------*/
.heading-content h2 img {
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.heading-content h3 img {
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/*------------------------- Our Services -----------------------------*/
#our_services .heading-content h2 {
color: #ffffff;
}
#our_services .heading-content p {
font-size: 14px;
color: #ffffff;
font-weight: 400;
line-height: 24px;
}
.services_inner {
background: #ffffff;
margin: 15px 0;
}
.services_inner {
padding: 35px 25px;
}
.services_inner:hover {
background-color: #fec200;
}
#our_services .services-box h4{
font-size: 18px;
color: #01477f;
font-weight: bold;
padding-bottom: 15px;
}
.services-box p{
font-size: 14px;
color: #01477f;
font-weight: 400;
}
.services-icon {
margin-top: -70px;
}
.services-icon img {
margin-bottom: 10px;
}
.services_inner:hover .services-icon img {
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.our_services_outer {
margin-bottom: 25px;
}
/*------------------------- Services Shortcode -----------------------------*/
.services_innersc {
background-color: #01477f;
margin: 15px 0;
}
.services_innersc {
padding: 35px 25px;
}
.services_innersc:hover {
background-color: #fec200;
}
.services-boxsc h4{
font-size: 18px;
color: #ffffff;
font-weight: bold;
padding-bottom: 15px;
}
.services-boxsc p{
font-size: 14px;
color: #ffffff;
font-weight: 400;
}
.services-iconsc {
margin-top: -70px;
}
.services-iconsc img {
margin-bottom: 10px;
}
.services_innersc:hover .services-iconsc img {
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.our_services_outersc {
margin-bottom: 25px;
}
#our_services h5.text-center {
color: #ffffff;
}
/*------------------------- project Area -----------------------------*/
#project h2 {
color: #01477f;
}
.about-inner .nav-pills .nav-link.active{
background-color: inherit;
border-radius: 0;
border-top: solid 2px #fec200;
color: #111111;
}
.nav{
margin: 0
}
li.nav-item {
margin-right: 7px;
}
li.nav-item a{
color: #111111;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
border-top: solid 2px #ffffff;
letter-spacing: 1px;
}
#project .projects-img {
width: 180px;
position: absolute;
left: 48%;
z-index: 999;
top: 50%;
transform: translateY(-50%);
}
#project .projects-img img {
border-radius: 50%;
border: 7px solid #01477f;
}
#project .projects-content {
background-color: #01477f;
padding: 40px 20px 40px 95px;
}
#project .projects-content a {
color: #ffffff;
}
#project .projects-content:hover {
background-color: #fec200;
}
#project .projects-content:hover h3 {
color: #01477f;
}
#project .projects-content:hover p {
color: #01477f;
}
#project .projects-content:hover a {
color: #01477f;
}
#project .projects-content h3 {
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
padding: 0 0 15px;
margin: 0;
}
#project .projects-content p {
color: #ffffff;
padding: 0 0 15px;
}
.project-box {
margin-bottom: 30px;
}
.projects_box .image-box img {
width: 100%;
}
/*------------------------- Gallery -----------------------------*/
.gallery-box-outer {
max-width: 400px;
width: 100%;
margin: 0 auto;
text-align: center;
border: solid 1px #ffffff;
padding: 15px;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
z-index: 1;
top: 81%;
}
.gallery-box {
background-color: #ffffff;
padding: 15px;
}
.gallery-box h3 {
color: #01477f;
margin: 0;
font-weight: bold;
font-size: 24px;

}
.gallery-box h5 {
}
.gallery-box a {
color: #01477f;
font-weight: bold;
}
#my_gallery {
padding: 40px 0;
}
#my_gallery h2 {
text-align: center;
text-transform: uppercase;
color: #22272b;
padding: 0 0 10px;
margin: 0;
font-size: 36px;
}
#my_gallery h5 {
text-align: center;
color: #22272b;
font-size: 15px;
font-weight: normal;
}
#gallery-1 .gallery-item {
float: none;
margin-top: 10px;
text-align: center;
width: 0%;
}
/* Image Hover */
.view {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view .mask,
.view .content { 
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
width:100%;
}
.second-effect .mask {
opacity: 0;
overflow:visible;
border:0px solid rgba(0,0,0,0.7);
box-sizing:border-box;
transition: all 0.4s ease-in-out;
}
.second-effect:hover .mask {
opacity: 1;
}
.second-effect:hover a.info {
opacity:1;
transform:scale(1,1);
transition-delay:0.3s;
}
#gallery p{
text-align:center;
font-size: 35px;
}
.single-post .gallery-image img {
height: 150px;
}
.gallery-image img{
width:100%;
}
.gallery_img{
width: 100%;
height: 100%;
}
#TB_ajaxContent{
padding: 1% !important;
width:auto !important; 
height:auto !important;
}
#TB_ajaxWindowTitle{
text-align:center;
color: #001e44;
text-transform: capitalize;
}
/* gallery */
.gallery-image {
height: 100%;
padding: 15px;
}
.view img {
display: block;
position: relative;
width:100%;
}
.bwt_img {
height: 100%;
width: 100%;
}
.view a.info {
background: url('assets/images/link.png') center no-repeat;
display: inline-block;
text-decoration: none;
padding: 0;
text-indent: -9999px;
width: 40px;
height: 40px;
top: 43%;
transform: translate(-50%);
border-radius: 50%;
}
.second-effect a.info {
position:relative;
opacity:0;
transform:scale(0,0);
transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
outline:none;
}
.second-effect:hover .mask {
opacity: 1;
background: rgba(1,71,127,0.7);
}
.second-effect:hover a.info {
opacity:1;
transform:scale(1,1);
transition-delay:0.3s;
}
#TB_window {
position: fixed;
background-color: #fff;
z-index: 100050;
visibility: hidden;
text-align: left;
top: 50%;
left: 50%;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
transform: translate(-50%,-50%);
margin: 0 !important;
}
/*------------------------- Our Records -----------------------------*/
#our_records {
padding: 50px 0;
background-size: 100% 100%;
}
#our_records .counter-icon {
width: 150px;
height: 150px;
border-radius: 50%;
margin: 0 auto;
}
#our_records h4 {
font-size: 34px;
color: #ffffff;
font-weight: bold;
}
#our_records p {
font-size: 14px;
color: #ffffff;
}
/*------------------------- Why Choose us -----------------------------*/
#why-choose-us .inner_sec {
padding: 0;
}
#why-choose-us .why-choose-box {
max-width: 560px;
width: 100%;
float: right;
margin-right: 15px;
}
#why-choose-us h3 {
font-size: 24px;
font-weight: bold;
color: #01477f;
}
#why-choose-us h4 {
font-size: 18px;
font-weight: bold;
color: #01477f;
}
#why-choose-us a {
font-weight: bold;
color: #01477f;
}
#why-choose-us a:hover {
font-weight: bold;
color: #fec200;
}
/*------------------------- Testimonials -----------------------------*/
.testimonial_box img {
width: 100px !important;
border-radius: 50%;
}
#testimonials .owl-carousel .owl-item img{
width: 100px !important;
}
#testimonials button.owl-prev {
position: absolute;
left: 0;
background: #333333;
border: none;
padding: 10px;
}
#testimonials button.owl-next {
position: absolute;
right: 0;
background: #333333;
border: none;
padding: 10px;
}
#testimonials button.owl-next i, #testimonials button.owl-prev i{
color: #ffffff;
}
.testimonial_box {
border: 1px solid #fec200;
padding: 10px;
}
#testimonials .projects-img {
width: 160px;
position: absolute;
left: 40%;
z-index: 999;
top: 50%;
transform: translateY(-50%);
}
#testimonials .projects-img img {
border-radius: 50%;
border: 7px solid #01477f;
}
#testimonials .projects-content {
background-color: #ffffff;
padding: 40px 20px 40px 80px;
}
#testimonials .projects-content a {
color: #ffffff;
}
#testimonials .projects-content:hover {
background-color: #fec200;
}
#testimonials .projects-content:hover h3 {
color: #01477f;
}
#testimonials .projects-content:hover p {
color: #01477f;
}
#testimonials .projects-content:hover a {
color: #01477f;
}
#testimonials .projects-content h3 {
color: #01477f;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
padding: 0;
margin: 0;
}
#testimonials h5 {
font-size: 12px;
color: #01477f;
font-weight: bold;
font-style: italic;
padding: 0;
}
#testimonials .projects-content p {
color: #01477f;
padding: 0 0 15px;
}
#testimonials .project-box {
margin-bottom: 30px;
}
#testimonials h4 {
color: #fff;
}
/*------------------------- Ourstaff -----------------------------*/
#faq ol, .shortcode_faq ol {
counter-reset:li;
}
#faq ol > li, .shortcode_faq ol > li{
position:relative; 
list-style:none;
background-color: #01477f;
margin: 0 25px 0 5px;
border-radius: 43px 0 0 40px;
}
#faq ol > li:before, .shortcode_faq ol > li:before {
content:counter(li);
counter-increment:li; 
position:absolute;
top:0;
left:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width: 50px;
height: 50px;
color:#01477f;
background:#ffffff;
border: solid 2px #fec200;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
padding: 10px 0 0;
border-radius: 50%;
}
#faq li ol, #faq li ul, .shortcode_faq ul, .shortcode_faq ol {
margin-top:6px;
}
#faq ol ol li:last-child, .shortcode_faq ol ol li:last-child {
margin-bottom:0;
}
/*------------- Faq section -----------------*/
#accordion .panel {
border-radius: 0;
border: 0;
margin-top: 0px;
}
#accordion a {
display: block;
padding: 15px 15px;
text-decoration: none;
text-align: left;
font-size: 14px;
margin-left: 45px;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
background-color: transparent;
color: white;
transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
color: white;
}
#accordion .panel-heading {
padding: 0;
border-radius: 0px;
text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
color: white;
background-color: transparent;
transition: all 0.2s ease-in;
text-align: left;
font-size: 14px;
margin-left: 45px;
}
#accordion a i {
margin-right: 8px;
}
h4.panel-title {
padding: 0;
}
.panel-body {
padding: 0 8px;
}
#accordion p {
color: #ffffff;
padding: 0 15px 2px;
}
#faq ol > li:hover{
background-color: #fec200;
}

/*------------------------- Skills -----------------------------*/
.progress-bar {
color: #fff;
background-color: #01477f;
}
.progresstitle h6 {
padding: 0 0 5px;
}
#myProgress {
padding-bottom: 15px;
}
/*------------------------- Latest Post -----------------------------*/
.row.m-0.border_box {
padding: 3px 0 10px;
}
.border_box i {
color: #fff;
margin-right: 10px;
}
.border_box {
color: #ffffff;
font-size: 12px;
}
.hvrbox,
.hvrbox * {
box-sizing: border-box;
}
.hvrbox {
position: relative;
display: block;
overflow: hidden;
max-width: 100%;
height: auto;
margin: 15px;
}
.hvrbox img {
max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
display: block;
}
.hvrbox .hvrbox-layer_top {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(1,71,127,0.99);
color: #fff;
padding: 15px;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
opacity: 1;
}
.hvrbox .hvrbox-text {
font-size: 18px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding: 25px;
}
.hvrbox .hvrbox-text_mobile {
font-size: 15px;
border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
border-top: 1px solid rgba(179, 179, 179, 0.7);
margin-top: 5px;
padding-top: 2px;
display: none;
}
.hvrbox.active .hvrbox-text_mobile {
display: block;
}
h4.box-posts-title{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
h4.box-posts-title span {
background-color: rgba(1, 71, 127, 0.7);
color: #fff;
font-size: 20px;
font-weight: 300;
margin: 0;
padding: 15px;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
width: 100%;
display: block;
}
.postouter_box{
position: relative;
}
h4.latest_post_name a {
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
h4.latest_post_name a:hover {
color: #fec200;
}

/*-------------Video/Client -----------------*/
#video_clients {
background-color: #fec200;
}
#video {
background-color: #111111;
padding: 15px 15px 10px;
}
/*------------- Client -----------------*/
.client_inner {
max-width: 670px;
width: 100%;
}
.client_inner img {
border: solid 1px #01477f;
height: 100px;
padding: 15px;
}
section#our_clients{
background-color:#fec200;
}
/*------------- Newsletter section -----------------*/
#newsletter h2 {
color: #01477f;
}
#newsletter .news-heading-image img {
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
position: relative;
z-index: -1;
}
.news_content {
display: inline;
}
.news_content input.wpcf7-form-control.wpcf7-submit {
width: 25%;
margin-top: 20px;
}
.news_content input[type="submit"] {
padding: 10px 8px;
font-weight: bold;
color: #01477f;
text-transform: uppercase;
border: none;
background-color: #fec200;
font-size: 16px;
}
.news_content input[type="submit"]:hover {
padding: 10px 8px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
border: none;
background-color: #01477f;
}
.news_content input {
color: #111111;
height: 47px;
border-top: 1px solid #424648;
border-bottom: 1px solid #424648;
border-left: none;
border-right: none;
}
.news_content input[type="text"] {
border-top: 1px solid #424648;
border-bottom: 1px solid #424648;
border-left: none;
border-right: none;
}
.news_content label {
display: block;
max-width: 700px;
width: 100%;
}
.news_content span {
display: block;
max-width: 700px;
width: 100%;
margin: 0px auto 0;
}
/*------------- Single Agnet -----------------*/
.attorney_desc_box {
padding: 10px;
border: 1px solid #ccc;
}
.attorney_feature-box{
text-align: left;
}
#attorney_prop {
margin: 20px 0;
}
#attorney_prop .about-socialbox i {
background: #333;
color: #ffffff;
padding: 10px;
}
#attorney_prop .about-socialbox {
margin: 10px 0;
}
span.post-title {
padding-left: 10px;
}
/*------------- Latest post -----------------*/
.latestpost_box h6{
font-weight: bold;
}
.latestpost_box {
margin: 0 20px;
padding: 20px 8px;

background: #ffffff;
}
.pad-above{
position: relative;
top: -5em;
}
.bigpost-img {
position: relative;
}
.latestpost_box {
margin: 0 20px;
padding: 20px 8px;
}
.post-content {
font-size: 16px;
color: #333;
}
.post-button {
margin-top: 25px;
}
.widget_recent_entries ul li:before{
content: '' !important;
}
.latestpost_box i {
font-size: 20px;
margin-right: 10px;
color: #444;
}
.post_thumb {
position: relative;
overflow:hidden;
}
.latestpost_box span {
color: #444;
}
.dayscounts span.main-box {
width: 100%;
max-width: 100%;
float: left;
border-radius: 44px;
background: #fff;
}
.dayscount a:hover {
color: #fff;
background: #8abb30;
}
.dayscount a {
color: #a8a7a7;
border-radius: 44px;
color: #a8a7a7;
background: #fff;
width:100%;
float: left;
}
.post_thumb img {
width: 100%;
}
.post_thumb:hover img {
width: 100%;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.post-button a {
background: #333;
padding: 15px 15px;
color: #ffffff;
font-size: 16px;
font-weight: bold;
}
/*------------------------- Testimonials -----------------------------*/
#testimonials h2 {
color: #ffffff;
}
#testimonials .heading-content p.subtitle {
color: #ffffff;
}
#testimonials h3, .testimonial-shortcode h3 {
color: #01477f;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin: 0;
}
.images-box p, .name_desig span {
color: #fff;
}
#testimonials ol.carousel-indicators {
width: 100%;
}
.testimonials-icon img {
border-radius: 50%;
height: 160px;
width: 160px;
border: solid 7px #01477f;
}
.testimonials_inner {
background: #ffffff;
margin: 15px 0;
}
.testimonials_inner:hover .testimonials-icon img{
border-color: #fec200;
}
.testimonials_inner {
padding: 35px 25px;
}
.testimonials_inner:hover {
background-color: #fec200;
}
.testimonials-box h5{
font-size: 12px;
color: #01477f;
font-weight: bold;
font-style: italic;
padding: 10px 0;
}
.testimonials-box p{
font-size: 14px;
color: #01477f;
font-weight: 400;
}
.testimonials-icon {
margin-top: -80px;
}
.testimonials-icon img {
margin-bottom: 10px;
}
.our_services_outer {
margin-bottom: 25px;
}
/*------------------------- Testimonials Shortcode -----------------------------*/
.testi_qoute {
border: 1px solid #ccc;
width: 100%;
padding: 10px;
}
.image-box.testimonial-box {
text-align: center;
}
.testimonialwrapper-box {
margin: 20px 0;
}
.testimonial_content blockquote {
font-size: 15px;
}
.testimonial_content {
margin: 5px 0;
}
span.testi-designation, .testi_name {
font-size: 14px;
}
span.testi-designation {
font-size: 14px;
margin-left: 10px;
}
span.testi-designation:before{
content:'/';
margin-right: 5px;
}
/*------------------------- Partners -----------------------------*/
.partners-logo {
text-align: center;
margin: 10px 0;
}
#our_clients {
padding: 25px 0;
}
#our_clients h2 {
color: #ffffff;
}
#our_clients p {
color: #ffffff;
}
#our_clients .owl-dots {
display: block;
visibility: visible;
}
#our_clients .owl-nav {
display: none;
}
#our_clients .owl-dots {
text-align: center;
padding: 5px 0;
}
#our_clients button.owl-dot {
width: 12px;
height: 12px;
margin: 2px;
background-color: #EAEAEA;
border: none;
}
#our_clients button.owl-dot.active {
background-color: #01477f;
}
#our_clients button:focus {
outline: inherit !important;
}
/*-------------------------Recent Property -----------------------------*/
#properties .heading-content {
max-width: 800px;
width: 100%;
margin: 0 auto;
}
#properties .heading-content h2 {
color: #ffffff;
}
#properties .heading-content p {
color: #ffffff;
}
.properties_box {
background-color: #ffffff;
padding: 15px;
margin-top: 25px;
}
.properties_box:hover {
background-color: #fec200;
}
.properties_box h3 {
margin: 0;
}
.properties_box h3 a {
color: #01477f;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}
.properties_box p {
color: #01477f;
}
.properties_box .price {
font-size: 20px;
font-weight: bold;
color: #01477f;
}
.properties_box .prop_status {
font-size: 16px;
font-weight: bold;
color: #111111;
padding-top: 5px;
}
.properties_box .yearbuilt i {
color: #01477f;
margin-right: 10px;
}
.properties_box .yearbuilt {
font-size: 16px;
font-weight: normal;
color: #111111;
margin: 15px 0 0;
}
.properties_box .prop_details {
text-align: left;
border-top: 1px solid #01477f;
margin: 15px 0;
}
.properties_box .prop_details i {
display: block;
font-size: 30px;
}
#properties h5.text-center{
color:white;
}
/*-------------------------Single Property Page -----------------------------*/
.prop_more_details {
margin: 20px 0;
}
.feature-box img {
width: 100%;
margin-bottom: 15px;
}
.feature-box {
position: relative;
}
.feature-box .carousel-control-prev-icon, .feature-box .carousel-control-next-icon{
background-image: none;
}
.feature-box i{
border: 1px solid #ffffff;
padding: 0 12px;
}
.feature-box .carousel-control-next, .feature-box .carousel-control-prev{
opacity: 1;
}
.meta-content {
width: 100%;
float: left;
display: block;
padding: 10px;
border: 1px solid #ccc;
margin-top: 10px;
}
span.Address {
font-size: 15px;
}
span.Address i {
margin-right: 5px;
}
.comp_price {
margin-left: 11px;
color: #bbb;
}
.prop-bx {
padding: 4px 0px;
text-align: left;
}
.fetaures {
width: 100%;
float: left;
margin: 20px 0;
}
.row.feature_row {
margin: 0;
}
.feature_row i, span.Address i {
font-size: 13px;
margin-right: 9px;
color: #01477f;
}
.property_desc {
width: 100%;
display: block;
float: left;
}
.property_desc h4 {
color: #01477f;
font-weight: bold;
}
/*------------------------- Testimonial Shortcode --------------------------*/
.testimonial-shortcode .testimonials_inner {
border: solid 2px #01477f;
}
.our_testimonials_outer.testimonial-shortcode {
margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
border: solid 2px #fec200;
}
h1.staf-testimonial_title {
font-size: 24px;
font-weight: bold;
}
/*------------------------- Headings --------------------------*/
section h2{
font-weight:bold; 
margin: 0 auto;
padding:0;
margin-bottom: 20px;
}
section h3{
margin:30px 0 0 0;
}
section h4{
color:#000; 
font-size:20px;
}
section h5{
color:#333; 
font-weight:bold;
margin:0 0 10px 0; 
padding:0;
}
.innerbox{
background-size:100% 100%;
padding:4.5em 0;
}

/*------------------ Contact Section -----------------*/
.contac_form input[type="submit"] {
margin-top: 0;
float: none;
margin-bottom: 20px;
}
.contac_form label{
width: 100%;
}
h3.contact-page {
margin-left: 3%;
font-weight: bold;
color: #18304c;
border-bottom: solid 4px #d3da36;
display: table;
margin-bottom: 4%;
}
.contac_form input[type='text'], .contac_form input[type='email'], .contac_form input[type='url'], .contac_form input[type='password'], .contac_form input[type='search'], .contac_form input[type='number'], .contac_form input[type='tel'], .contac_form input[type='range'], .contac_form input[type='date'], .contac_form input[type='month'], .contac_form input[type='week'], .contac_form input[type='time'], .contac_form input[type='datetime'], .contac_form input[type='datetime-local'], .contac_form input[type='color'], .contac_form select, .contac_form textarea, .contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
width: 100%;
background-color: #ffffff;
border-color: #ccc;
color: #2f3357;
border-radius: 0px;
box-shadow: none;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
border: 1px solid #bcbcbc;
font-size: 16px;
padding: 10px 10px;
height: auto;
}
.contact-box .wpcf7 textarea {
width: 97%;
}
.contac_form.col-md-12 {
margin-top: 20px;
}
/*---------------- Footer Section ----------------------*/
#footer_box {
padding-bottom: 25px;
}
div#footer {
background-size: cover;
}
.footer-top {
margin-bottom: 30px;
}
.footer-top-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#footer form.search-form{
border: none;
background: transparent;
padding: 0;
}
#footer form.search-form input{
float: none;
border: 1px solid;
margin: 0 2px;
}
#footer input, #footer textarea{
background-color: transparent;
border: none;
border-bottom: 1px solid #ffffff;
color: #ffffff;
}
#footer p.post-date {
color: #ffffff;
font-size: 11px !important;
}
.copyright {
background-color: #fec200;
}
.copyright p {
font-size: 14px;
color: #01477f;
margin-bottom: 0;
}
.copyright a {
color: #01477f;
font-weight: bold;
}
.socialbox {
top: 50%;
}
.main_sociobox {
padding: 20px 0;
}
#footer{ 
text-align:center;
color:#fff;
padding:40px 0 0 0px;
text-align:left;
}
.footer_hide{
display:none;
}
.container #blog-right-sidebar h3,
#footer h3{
color:#fec200;
text-align:left;
font-size:24px;
padding:0 0 17px 0;
}
#footer .copyright p{
font-size:14px;
text-align:center;
color:#ffffff;
}
#footer .copyright a {
color: #fff;
cursor: pointer;
}
#footer input{
padding:8px 0; 
float:left;
margin:5px 0;
border-radius:0px;
}
#footer input[type="submit"] {
padding: 8px 10px;
background: transparent;
border-radius: 5px;
color: #ffffff;
border-left: 1px solid #fec200;
border-right: 1px solid #fec200;
border-bottom: 3px solid #fec200;
text-transform: uppercase;
}
#footer .copyright{
text-align:center; 
border-top:1px solid #337ab7;
margin:30px 0 0 0;
padding-top:40px;
}
#footer ul {
margin: 0;
}
#footer ul li{
list-style:none;
margin:0 0 5px 0;
text-align:left;
}
#footer ul li a{
color:#ffffff;
}
#footer p{
font-size:14px;
margin: 0;
line-height: 20px;
}
.widget_recent_entries img {
width: 100px;
}
#footer_box .socialbox {
    padding-top: 30px;
}
/* --------- search Page ------- */
.postbox h6 {
font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
width: 100%;
border: none;
}
#full-width-blog .postbox h3{
font-weight:normal;
font-size:35px;
text-align: center;
margin:15px 0 20px;
}
.postbox h3{
font-weight:normal;
font-size:35px;
text-align: center;
margin:15px 0 0 0;
}
.blogimg-full img{
width: 100%;
}
.read-more-icon{
text-align: center;
margin: -55px 0 0 0;
z-index: 999;
}
.read-more-icon a:hover{
opacity: 0.9;
}
.continue-read a {
color: rgba(19, 10, 138, 0.6);
font-weight: bold;
text-align: center;
margin: 0 auto;
border: solid 1px #bbb;
padding: 10px 20px 10px 20px;
border-radius: 6px; 
display: block; 
background: #fff;
}
.continue-read a:hover{
background: #18304c;
color:#fff;
}
.continue-read {
margin: -22px auto 0 auto;
display: table;
}
.metabox img {
border-radius: 50%;
margin-left: 30%;
}
.postbox {
margin-bottom: 39px;
border: none;
border-radius: 6px;
padding: 0px;
}
.postbox h2{
margin:0 0 5px; 
font-weight:bold;
}
a.post-readmore {
font-size: 18px;
border-bottom: 1px solid;
}
a.post-readmore i {
margin-left: 8px !important;
font-size: 18px;
border-bottom: 1px solid #ffffff;
padding-bottom: 2px;
}
.widget_recent_entries li {
margin: 10px;
}
.postbox  a.blogbutton {
background:none;
color:#fff;
font-size:12px; 
font-weight:bold; 
color:#fff; 
padding:6px 25px;
border:1px solid #000; 
color:#000; 
font-size:18px;
text-transform:uppercase;
margin:25px 0 0 0;
display:table;
}
.blogbutton-small{
background:none;
font-size:12px; 
font-weight:bold; 
padding:6px 25px;
border:1px solid #000; 
color:#000; 
font-size:14px;
text-transform:uppercase;
margin:14px 0 0 0;
display:table;
}
.metabox {
color: #000;
padding: 5px 0;
clear: both;
margin: 10px 0;
border-top: 1px solid #fec200;
border-bottom: 1px solid #fec200;
}
.metabox .entry-date{
background:url('assets/images/date.png') no-repeat;
padding: 0 0 0 20px;
margin:0 13px 0 0;
}
.metabox .entry-author{
background:url('assets/images/author.png') no-repeat;
padding: 0 0 0 20px;
margin:0 20px 0 0;
}
.metabox .entry-comments{
background:url('assets/images/comments.png') no-repeat;
padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
width: 100%;
float: left;
margin-bottom: 17px;
}
#sidebar span.comment-author-link {
margin-left: 14px;
}
.post-featured img {
width: 100%;
}
/* --------- Inner Pages --------- */
.more_info a {
background: #333;
color: #ffffff;
padding: 10px;
border-radius: 20px;
}
.more_info {
margin: 20px 0;
}
.more_info a:hover {
background: #ffffff;
color: #333333;
}
ol.carousel-indicators {
position: static !important
}
ol.carousel-indicators li {
max-width: 10px;
padding: 5px;
color: #333333;
border-radius: 50%;
}
/* -------------- CONTACT Page --------------- */
section#contact-box{
padding:0;
margin:0;
}
.contact-info {
font-size: 14px;
line-height: 26px;
padding: 0;
width: 100%;
}
.inner-cont {
border: 1px solid #01477f;
padding: 20px 0;
}
.contact-email i, .contact-address i, .contact-phone i {
text-align: center;
font-size: 38px;
background-color: transparent;
padding: 7px 17px;
border-radius: 50%;
color: #01477f;
margin-right: 1%;
width: 60px;
margin: 0 auto;
}
.contact-address p, .contact-email p, .contact-phone p, .contact-address span, .contact-email span, .contact-phone span{
color: #01477f;
}
.contact-info .head{
color:#000;
}
.contact-address,
.contact-email,
.contact-phone{
margin-bottom: 2%;
}
.contact-info textarea {
height: 130px;
}
/* ----------------------- POST---------------------- */
#blog{
padding-top:0;
margin-top:0;
}
.blog-post h5{
text-transform:uppercase;
color: #000;
}
.blog-icon i {
font-size: 20px;
background: #bbb;
border-radius: 50%;
padding: 10px 14px 12px 15px;
color: #fff;
margin-right: 1%;
}
.blog-icon i:hover {
background: #d3da36;
color: #fff;
}
.blog-icon i.fa-google-plus {
padding: 12px 10px 12px 11px
}
aside#search-3 {
padding: 0 !important;
}
.feature-image-box img{
width:100%;
}
.feature-image-box img a:hover{
opacity:0.8;
}
.post-singlepage {
border: solid 1px #bbb;
box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
padding:15px 0;
}
.bradcrumbs a{
background:#f1f1f1; 
color:#000;
padding:5px 15px;
margin-right:5px;
}
.bradcrumbs a:hover{
background-color:#fec200;
}
.bradcrumbs span{
background:#dddddd; 
color:#000;
padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
float: left;
width: 100%;
margin-top: 10px;
}
#comments h2.comments-title{
font-size:20px; 
font-weight:bold;
}
#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;
}
#comments input[type="submit"].submit {
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
margin-top: 20px;
color: #ffffff;
border-left: 1px solid #fec200;
border-right: 1px solid #fec200;
border-bottom: 3px solid #fec200;
text-transform: uppercase;
border-top: none;
}
#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;
}
#comments .reply{
float:right;
}
#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:100%;
}
#comments th {
text-align: center;
border: 1px solid;
}
#comments td {
text-align: center;
border: 1px solid;
}
#comments .comment-author{  
margin-bottom: 1em;
}
#comments h2#reply-title {
display: inline-table;
}
#comments .comment-author.vcard img {
padding: 2px;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
width: 100%;
}
#sidebar .textwidget label {
width: 100%;
float: left;
margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
background: #333;
border: none;
color: #ffffff;
padding: 14px 0;
font-size: 15px;
margin: 0;
}
#sidebar form{
display: table;
width: 100%;
border: 1px solid #bbb;
}
#sidebar h3 {
margin: 0 0 10px;
font-size: 20px;
color: #fec200;
}
#sidebar h3:after{
content: "";
display: block;
width: 32px;
height: 3px;
background: #d6d6d4;
margin-top: 7px;
}
.widget_categories select {
width: 100%;
padding: 6px;
}
#sidebar input[type="search"] {
background:transparent;
padding:10px 10px; 
border:none; 
font-size:15px; 
color:#000;width:100%;
}
#sidebar label{
width:71%;
float:left;
margin-bottom:0;
}
#sidebar input[type="submit"]{
background:transparent; 
border:none; 
color:#000000;
padding:14px 0;
font-size:10px; 
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{ 
line-height: 32px;
background: url('./assets/images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{ 
color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
background:#eeeeee; 
color:#000; 
font-size:15px !important;
padding:5px 18px;
margin:0 0 5px; 
display:inline-block;
}
#sidebar #archives-2 ul li a, #sidebar #categories-2 ul li a, #sidebar #meta-2 ul li a {
margin-left: 14px;
}
#sidebar .tagcloud a:hover{
background:#3890cb;
}
#sidebar .widget_recent_entries ul li{ 
background: none;
}
/*------------- Page -----------------*/
.title-box{
color:#fff;
text-transform:uppercase;  
font-weight:bold;
text-align:center;
margin-bottom:25px;
}
.title-box img{
width:100%;
}
.title-box h1 {
font-weight: bold;
text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
font-size: 34px;
}
.above_title {
position: absolute;
right: 0;
left: 0;
margin-top: 10%;
}
.read-moresec{
margin:2% 0;
}
.middle-content {
padding-bottom: 20px;
}
/*---------------- Pagination ----------------*/
.navigation {
font-size:14px; 
font-weight:bold;
margin: 10px 0;
}

.navigation a {
padding: 0;
}
.navigation span, .navigation a {
display: block;
float: left;
padding: 10px 15px 0 15;
margin-bottom: 10px;
color: #5b5b5b;
-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;
font-weight: normal;
}
.navigation span.meta-nav {
font-weight: bold;
}
.navigation .current{
background: #333333; 
color:#ffffff;
font-weight:normal;
}
.content_page .navigation {
letter-spacing: 0px;
}

/* ------------- Category --------------------*/
.category-page h4{
text-align: left !important;
}
ul.post-categories {
list-style: none;
margin: 0;
}
ul.post-categories a {
color: #333333;
}
.content_boxes {
padding: 0;
border: none;
}
.post_ctg span {
float: left;
margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
content: "";
display: block;
width: 60px;
height: 3px;
background: #d6d6d4;
margin-top: 7px;
}
.share_icon i {
padding: 10px 10px 10px 10px;
margin: 0 0;
color: #ffffff;
background-color: #333333;
border-radius: 50%;
width: 30px;
margin: 0 4px;
text-align: center;
height: 30px;
}
.services_inner h4, .services_inner .short_text {
color: #ffffff;
}
.view-more {
width: 100%;
margin: 0 auto;
text-align: center;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
width: auto !important;
margin: 0 auto;
}
button.owl-prev, button.owl-next {
background: #ffffff;
border: 1px solid #000;
padding: 6px 9px;
}
.owl-dots {
display: none;
}
.owl-nav {
margin: 12px auto;
display: table;
}
button.owl-next.disabled, button.owl-prev.disabled {
background: #bbb;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
margin-right: 20px;
}
.woocommerce .quantity input{
padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .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-color: #fec200;
border-radius: 0;
padding: 10px 14px;
color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
color: #fec200;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
background: #ffffff;
color: #333333;
border: 1px solid #fec200;
}
#contentwoocom {
padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
text-align: center;
}
.woocommerce ul.products li.product .price{
text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
text-align: center;
margin: 0 auto;
display: table;
margin-bottom: 20px;
}
li.product {
border: 1px solid #ddd;
padding-bottom: 17px;
}
.woocommerce span.onsale{
background-color: #fec200;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
max-width: 100%;
}
input#password, input#reg_password {
padding: 10px;
}
.woocommerce div.product form.cart .variations select{
background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
width: 100%;
max-width: 100%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
max-width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
max-width: 100%;
}
/*-------------- media section ---------------*/
@media screen and (max-width:480px) {  
	ul.nav.nav-pills.nav-justified {
	display: block;
	}
	.whychoose_us h2 {
	font-size: 24px !important;
	padding: 0 15px;
	}
	.search-box span {
	padding: 7px;
	}
	.consultation a {
	padding: 6px 4px;
	}
	.consultation span {
	font-size: 10px;
	}
	.consultation i.fas.fa-headphones {
	padding: 0px 8px 8px 6px;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 100% !important;
	}
	.site-logo h1 {
	font-size: 25px;
	}
	.news_content input.wpcf7-form-control.wpcf7-submit {
	width: 38%;
	}
}
@media screen and (min-width:767px) { 
	#homeslider ol.carousel-indicators{
	top: 60%;
	}
	.properties_box {
	height: 641px;
	}
}
@media screen and (max-width:767px) { 
	#slider .carousel-caption.d-none.d-md-block {
	display: block !important;
	}
	#slider h2.font-weight-bold {
	display: none;
	}
	#slider p.font-weight-bold {
	display: none;
	}
	#our-services .page-box{
	margin-bottom:0.5em;
	margin-top:20px;
	}
	.testimonialwrapper-box{
	margin-bottom: 50px;
	}
	#header .logo a.custom-logo-link{
	position: static;
	}
	.mid-content {
	position: static;
	top: 0;
	transform: unset;
	}
	.consultation {
	margin: 9px 0;
	}
	.copyright p {
	margin-bottom: 15px;
	}
	.socialbox {
	text-align: center;
	}
	.top-bar-left{
	width: 70%;
	}
	.top-bar-right{
	width: 30%;
	}
	.top-bar-left i.top-email{
	padding: 8px 5px 8px 0;
	}
	.top-bar-left i.top-tel{
	padding: 8px 5px 8px 15px;
	margin: 0;
	}
	.top-bar-right li.top-login{
	margin: 0 10px 0 0;
	background: transparent;
	}
	.top-bar-right i.top-login{
	margin: 0 5px 0 0;
	padding: 8px;
	background: transparent;
	}
	.top-bar-right .fa-angle-right{
	display: none;
	}
	.top-bar-right li.top-login .top-login-text{
	display: none;
	}
	.top-bar-right li.top-cart{
	margin: 0;
	}
	.top-bar-right li.top-cart a{
	padding-right: 5px;
	}
	.top-bar-right i.top-cart{
	margin: 0 5px 0 0;
	padding: 8px;
	}
	.top-bar-right li.top-cart .woocommerce-Price-amount{
	display: none;
	}
	.site-title{
	font-size: 34px;
	}
	.site-description{
	font-size: 14px;
	}
	.main-header{
	margin-bottom: 25px;
	}
	.header-title{
	padding: 30px 0;
	}
	.main-title{
	font-size: 30px;
	}
	#masthead{
	min-height: 60px;
	}
	#masthead #site-branding img,
	#masthead.scrolled #site-branding img{
	max-height: 40px;
	width: auto;
	}
	.slide-cta{
	float: none;
	width: 100%;
	padding: 15px 0 0 0;
	text-align: center;
	}
	#home-slider-section .bx-wrapper .bx-controls-direction a{
	display: none;
	}
	.slide-button-left,
	.slide-button-right{
	padding: 7px 25px 7px 25px;
	min-width: 160px;
	font-size: 16px;
	}
	#slider p {
	display: none;
	}

	.featured-section-title{
	margin-bottom: 30px;
	}

	.featured-section-title:before{
	width: 100%;
	left: 0;
	}

	.featured-section-title span{
	font-size: 20px;
	padding: 0 20px;
	}

	.featured-post-wrap,
	.featured-post{
	display: block; 
	background: none;
	}

	.featured-post{
	background: #f9f9f9;
	margin-bottom: 16px;
	}

	.featured-post:last-child{
	margin-bottom: 0
	}

	.about-sec,
	.about-image{
	width: auto;
	float: none;
	}

	.about-sec{
	margin-bottom: 40px;
	}

	.about-image{
	max-width: 400px;
	margin: 0 auto;
	}

	#cta-section .cta-left{
	width: 100%;
	float: none;
	text-align: center;
	}
	#cta-section .cta-left p{
	max-width: 100%;
	}
	#cta-section .cta-left .leadin{
	font-size: 26px;
	}

	#cta-section .cta-right{
	width: 100%;
	float: none;
	text-align: center;
	padding: 40px 0 0 0;
	}
	.footer{
	width: 47%;
	}
	.footer:nth-child(3){
	clear: both;
	}
	.footer:nth-child(3),
	.footer:nth-child(4){
	margin-top: 25px;
	}
	.site-info{
	float: none;
	width: 100%;
	text-align: center;
	}
	#footer-menu ul {
	float: none;
	width: 100%;
	text-align: center;
	margin-top: 15px;
	}
	#primary{
	width: auto !important;
	float: none !important;
	margin-bottom: 25px;
	}
	#secondary{
	width: auto;
	float: none !important;
	}

	.woocommerce div.product div.images .flex-control-thumbs{
	margin: 10px 0 0 0;
	}
	.dis_more {
	margin: 20px 0;
	}
	.counter_wrapper {
	margin: 10px 0;
	}
	.counter_wrapper img {
	margin-bottom: 15px;
	}
	.pl-0 {
	padding-left: 15px !important;
	}
	.why_para {
	text-align: center;
	}
	.whychoose_us h2 {
	text-align: center;
	}
	.services_inner {
	text-align: center;
	}
	#our_services p {
	padding-top: 15px;
	}
	.innermenubox {
	position: static;
	}
	.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 textarea{
	width: 100% !important;
	}
	.row.how_inner, .row.key_inner, .row.news_inner, .row.client_inner{
	margin: 0;
	}
	.footer-top-text {
	position: static;
	top: 0;
	transform: inherit;
	text-align: center;
	}
	.footer-top-text p {
	margin-top: 15px;
	}
	.socialbox {
	position: static;
	top: 0;
	transform: inherit;
	margin: 15px 0;
	}
	.footer-logo {
	text-align: center;
	margin-bottom: 25px;
	}
	#footer_box .socialbox {
	    padding-top: 15px;
	}
}
@media screen and (max-width:576px) {
	.site-logo img {
	width: 100px;
	}  
	blockquote{
	width: 100%;
	}
	#project {
	padding-bottom: 40px;
	}
	.media-small {
	padding-left: 10px !important;
	}
	.small_media {
	padding: 10px 0;
	}
	#header .logo {
	margin: 0;
	padding: 0 30px;
	}
	.copyright p{
	text-align: center !important;
	padding: 5px 0;
	}
	.prop_desc {
	display: none;
	}
	#slider p{
	margin: 0 0 9px 0;
	}
	#slider h5{
	font-size: 16px;
	}
	#slider a i{
	padding: 1px;
	}
	section h2{
	font-size: 22px;
	}
	.outer_post_box, .testi_qoute, .postbox, #sidebar {
	margin-left: auto;
	margin-right: auto;
	}
	.top-icon{
	top: -1%;
	}
	.above_title {
	margin-top: 2%;
	}
	.consultation {
	margin: 6px 0;
	}
	#header .logo h1 {
	text-align: center;
	}
	#header .logo p {
	text-align: center;
	}
	.serach_inner input.search-field {
	width: 85%;
	}
	.project-editor img{
	display: block;
	text-align: center;
	float: none;
	}
	.contact_details {
	padding: 0 15px;
	}
	#header .small_media:last-child {
	margin: 0;
	}
	#header .small_media {
	border-right: inherit;
	margin-bottom: 15px;
	}
}
@media screen and (max-width:767px) {
	#slider .carousel-caption.d-none.d-md-block {
	display: none !important;
	}
	.row.bg-media {
	text-align: right;
	}
	.main-navigation li,
	#masthead.scrolled .main-navigation li{
	display: block;
	line-height: 1.5 !important;
	}
	.sf-arrows .sf-with-ul{
	padding-right: 0;
	}
	.menu > ul > li > a{
	padding: 10px 0;
	}
	.main-navigation ul ul{
	position: static;
	width: 100%;
	box-shadow: none;
	}
	.contact-info {
	margin: 0 !important;
	}
	.search-box{
	float: none;
	}  
	.aboutbg{
	top: 0;
	}
	.continnerbox{
	border-left: 25px solid transparent;
	}
	#project .projects-img {
	width: 180px;
	position: relative;
	z-index: 999;
	top: 100%;
	transform: translate(-50%, -50%);
	left: 50%;
	}
	#project .projects-content {
	background-color: #01477f;
	padding: 100px 20px 20px;
	text-align: center;
	}
	.project-box {
	margin-bottom: -30px;
	}
	#testimonials .projects-img {
	width: 180px;
	position: relative;
	z-index: 999;
	top: 70%;
	transform: translate(-50%, -50%);
	left: 50%;
	}
	.our_testimonials_outer {
	margin: 40px 0 0;
	}
	#testimonials .projects-content {
	margin-bottom: 40px;
	}
	#testimonials .project-box {
	margin-bottom: -30px;
	}
	.gallery-box-outer {
	position: relative;
	top: 0;
	transform: inherit;
	left: 0;
	z-index: 1;
	}
}
@media screen and (max-width:991px) {
	.search-box{
	float: none;
	}
	.aboutbg{
	top: 0;
	}
	.search-box form.search-form{
	margin: 0 auto;
	}
	.social-box .social-media {
	padding-top: 21px;
	}
	#footer input[type="submit"] {
	padding: 9px 3%;
	}
	small {
	font-size: 13px !important;
	}
}
@media screen and (max-width: 991px){
	.about-editor {
	width: 100%;
	position: static;
	bottom: inherit;
	padding: 20px;
	background-color: #01477f;
	right: inherit;
	}
	.about-heading p{
	margin: 0px;
	}
	.about_img img {
	width: 100%;
	margin-bottom: 25px;
	}
	.site-logo img {
	width: 100px;
	}
	#homeslider h3 {
	text-transform: Capitalize;
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 900;
	padding: 0;
	margin: 15px 0 0;
	display: block;
	}
}
@media screen and (max-width: 1024px){
	.main-navigation .current_page_item > a{
		padding: 5px;
	    background-color: #fec200;
	}
	.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 9999999;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	}
	.main-navigation li{
	line-height: 1.5;
	}
	.main-navigation ul ul {
	position: static;
	}
	.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	}
	.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	display: block;
	color: #ffffff;
	}
	.sidenav #site-navigation {
	width: 100%;
	}
	.toggle-nav {
	display: none;
	position: relative;
	float: left;
	right: 15px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	margin: 15px auto;
	right: 0;
	text-align: right;
	right: 0;
	margin-right: 0;
	}
	.toggle-nav i {
	font-size: 29px;
	color: #000000;
	}
	.main-navigation ul ul{
	background-color: transparent;
	}
	.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
	border-bottom: none;
	}
	iframe {
	width: 100%;
	height: auto;
	}
	.toggle-nav{
	display: block;
	}
	.innermenubox {
	position: static;
	}
	.main-navigation .menu{
	float: none;
	text-align: center;
	}
	.main-navigation ul ul li,
	#masthead.scrolled .main-navigation ul ul li{
	display: block;
	}
	.main-navigation .menu > ul > li.highlight{
	background: transparent !important;
	}
	.menu > ul > li:hover:before, 
	.menu > ul > li.current_page_item:before, 
	.menu > ul > li.current-menu-item:before{
	display: none;
	}
	.sf-arrows .sf-with-ul:after{
	border-top-color: #333;
	}
	.toggle i.fa.fa-bars,.toggle i.fa.fa-times {
	float: right;
	color: #fff;
	}
	.menubar .nav ul{ 
	width:100%;
	margin-top:0; 
	}
	.menubar .nav ul li,
	.menubar.scrolled .main-navigation li{
	border-top:1px #303030 solid; 
	display:block;
	text-align:left;
	float:none;
	width: 100%;
	padding: 5px;
	}
	.nav ul li a{
	padding:5px 10px; 
	display:block; 
	color:#ffffff;
	text-align: left;
	}
	.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;
	}
	#site-branding{
	width: 80%;
	width: calc(100% - 60px);
	float: left;
	}
	.free_consultation {
	font-size: 12px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.no-pad {
	padding: 0;
	}
}
@media screen and (max-width: 1200px){
	.site-logo img {
	width: 100px;
	}
	#homeslider h3 {
	text-transform: Capitalize;
	color: #ffffff;
	font-size: 30px;
	line-height: 40px;
	font-weight: 900;
	padding: 0;
	margin: 15px 0 0;
	display: block;
	}
	.why-choose-box {
	padding: 0 15px 25px;
	}
}
.home .page-logo {
display: none;
}
.scrolled .page-logo {
display: none;
}