/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

a {outline:none !important;}
html{scroll-behavior: smooth !important;}

.testimonial { margin:30px 0!important;}



header .dotted-back-img { background-image: url(../../../images/win-bg.png);position: absolute;
right: 0;
width: calc(100% / 3);
height: 127px;
z-index: 12;
background-repeat:repeat-x;
top: 0;}
h1 { font-family: 'Open Sans', sans-serif; font-weight:500;}

div.wpcf7-mail-sent-ok {
    border: 2px solid #fff;
    padding: 10px;
    color: #fff;
	font-family: 'Open Sans', sans-serif;
}

.footer-end span a {color: #333 !important;}

#banner-slider.owl-theme .owl-dots .owl-dot {display:block;}
#banner-slider.owl-theme .owl-dots .owl-dot.active span{width:48px;}
#banner-slider.owl-theme .owl-dots .owl-dot:hover span{width:48px;}
#banner-slider.owl-theme .owl-dots .owl-dot span {width:27px; height:1px; background:#fff; border-radius:0;margin:0 0 6px; transition-duration:0.5s;}
#banner-slider.owl-theme .owl-dots {position: relative; width: 1190px;  bottom: 157px;  left: 0; text-align: left;
margin: 0 auto;}

div.wpcf7-validation-errors {
    padding: 10px;
    color: #fff;
	font-family: 'Open Sans', sans-serif;}

.experience-area .right-cust img { margin-right:20px;}
.left-cust .wpcf7-submit  { padding: 22px; color: #000; background: #fff; border:none; font-weight:600; text-transform:uppercase; width:180px; margin-top:10px;}

/* Uber navigation start */
.ubermenu-skin-black-white-2{background:transparent !IMPORTANT;box-shadow:none !IMPORTANT;border:none !important;}
.ubermenu-main{border: none !IMPORTANT;}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{background: none !important;}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target{border: none !IMPORTANT;box-shadow:none !IMPORTANT;}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target:hover{
color:#fff !important;background:transparent !important;}
.ubermenu .ubermenu-target-text{

color: #505050 !important;
font-family: 'Montserrat', sans-serif!important;
font-size: 22px !important;
border-radius: 22px !important;
padding: 10px 6px !important;
text-transform: uppercase !important;
margin: 10px 22px 0px 0px !important;
line-height: 1.8 !important;
outline: none !important;
text-transform: uppercase !important;
text-decoration: none !important;font-weight: 400 !important;}
.ubermenu .ubermenu-target-text:hover {
    text-decoration: none !important;
    background-color: #636468 !important;
    border-radius: 30px !important;
    color: #fff !important;
    transition-duration: .5s !important;
}
.ubermenu .ubermenu-target-text.active{
  background-color: #636468 !important;
  border-radius: 30px !important;
  padding: 10px 27px !important;
  color: #ffffff !important;
}
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle{padding: 0 !important;}
.ubermenu-responsive-default.ubermenu{
    display: block !important;
    float: none;margin:12px 0 0 0;
}
.ubermenu-responsive-default.ubermenu {
    display: block !important;
    margin: 0px 0 0 0px;
}

/* Uber navigation start */


.res-slider{display: none;}


/* Project css start */

header .logo {position: relative;z-index: 9; float:left; width:40%;}

p { font-size: 16px;  font-family: 'Open Sans', sans-serif; }

body { padding: 0!important; margin: 0; }
.container { width:1190px; margin:0px auto; padding: 0!important; }
  
.slider {background-image: url(../../../images/slider.png);width: 100%;/*height: 775px;*/padding-bottom: 20px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.header { position: absolute; width: 100%; padding: 30px 0;}
.no-div {color: #fff;position: relative;background-image: url(../../../images/no-bgimg.png);background-repeat: no-repeat;background-size: cover;background-position: center;height: 29px;width: 48px;margin-top: 80px;}
.no-div h2{position: relative;top:50px;}

.logo { float: left; width: 50%; }
.right-header { float: right; width: 30%;  font-family: 'Open Sans', sans-serif; font-size:30px; color: #fff; font-weight: bold; text-align: right;position: relative;}
.right-header p { font-size: 40px; }
.right-header p a{color: #fff;position: relative;z-index: 9999;}
/*.right-header:before{content: '';background-image: url(../../../images/cont-bg.png);background-repeat: no-repeat;background-position: center;background-size: cover;height: 116px;width: 409px;left: 0;top: -20px;position: absolute;z-index: 9;}*/
.right-header img {float: left;margin-top: 16px;margin-left: 60px;position: relative;z-index: 999;}

.scroll-class {margin-top: 60px;color: #fff;text-align: center;}
.scroll-class img{width: auto!important;margin: 0 auto;}
.scroll-class p span{display: block;margin-top: 5px;}
.scroll-class p{color: #fff;font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: 300;text-transform: uppercase;}

.slider-content{position: relative;}
/*.slider-content:before{content: '';background-image: url(../../../images/win-bg.png);background-repeat: no-repeat;background-position: center;background-size: cover;height: 446px;width: 513px;left: 0;top: 160px;position: absolute;}*/
.slider-dotted-img {background-image: url(../../../images/win-bg.png);background-repeat: repeat-x;height: 446px;width: 30%;left: 0;top: 160px;position: absolute;z-index:8}
.slider-content h1 { font-size: 40px; color: #fff; padding-top: 300px; line-height: 1.3;position: relative;}

.slider-content:after{content: 'AJP Construction LTD';position: absolute;right: -80px;font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 400;color: #fff;transform: rotate(90deg);}

.btn-same{background: #000;border: 1px solid #000;color: #fff;padding: 20px 40px;font-family: 'Open Sans', sans-serif; font-size:14px;text-transform: uppercase;border-radius: 0!important;}
.btn-contact img{width: auto!important;float: right;margin-top: 5px;}
.btn-contact{background: transparent;border: none;margin-left: 375px;position: relative;}
.btn-img {margin-left: 20px;transition-duration: 0.5s;}
.btn-contact:hover{color: #fff!important;}
.btn-contact:hover .btn-img,
.btn-enq:hover .btn-img{transform: translateX(5px);}
/*.btn-img{float: right;}*/
.btn-enq{padding: 20px 30px!important;float: right;position: absolute; bottom:30px; right:40px;}
.btn-enq:hover{color: #fff!important;}
.btn.btn-same.btn-enq.btn-gal {position: absolute;right: -120px;z-index: 99999;bottom: 40px;}

.btn.btn-same.btn-enq.btn-gal img{width: auto!important;float: right;}

#banner-slider .owl-nav{margin-top: -77px;float: right;position: absolute; left:81%}
#banner-slider .owl-nav button.owl-prev{background: #fff!important;padding: 10px 35px !important;border-radius: 0;margin: 0 0;transition-duration: 0.5s!important;}
#banner-slider .owl-nav button.owl-next{background: #000!important;padding: 10px 35px !important;border-radius: 0;margin: 0 0;transition-duration: 0.5s!important;}

#banner-slider .owl-nav button.owl-prev span{font-size: 40px!important;transition-duration: 0.5s!important;}
#banner-slider .owl-nav button.owl-next span{font-size: 40px!important;color: #fff!important;transition-duration: 0.5s!important;}

#banner-slider .owl-nav button.owl-prev span:hover{color: #333!important;}
#banner-slider .owl-nav button.owl-next:hover{background: #262626 !important;}
#banner-slider .owl-nav button.owl-prev:hover{color: #333!important;background: #a4a0a0 !important;}


#gal-slider .owl-nav{margin-top: -180px;float: left;margin-right: 0px;position: absolute;margin-left: 9%;}
#gal-slider .owl-nav button.owl-prev{background: #000!important;padding: 10px 35px !important;border-radius: 0;margin: 0 0;transition-duration: 0.5s!important;}
#gal-slider .owl-nav button.owl-next{background: #f2f2f2!important;padding: 10px 35px !important;border-radius: 0;margin: 0 0;transition-duration: 0.5s!important;}

#gal-slider .owl-nav button.owl-prev span{font-size: 40px!important;transition-duration: 0.5s!important;color: #fff!important}
#gal-slider .owl-nav button.owl-next span{font-size: 40px!important;color: #000!important;transition-duration: 0.5s!important;}

#gal-slider .owl-nav button.owl-prev span:hover{color: #333!important;}
#gal-slider .owl-nav button.owl-next span:hover{color: #fff!important}
#gal-slider .owl-nav button.owl-next:hover{background: #d5d2d2 !important;color: #fff!important}
#gal-slider .owl-nav button.owl-prev:hover{color: #333!important;background: #a4a0a0 !important;}




.left-area { background-color: #f2f2f2; width: 60%; float: left;}
.right-area { float: right; width: 40%; } 
.left-area .left-content { width: 714px; float: right; padding: 80px 0; }
.left-area .left-content .left-content-inner { width: 431px; float: left; }
.left-area .left-content .left-content-inner p { text-align: justify; font-size:16px; font-family: 'Open Sans', sans-serif;  }
.right-area .right-content { /*width: 476px; float: left;*/ padding: 60px 0; position: absolute; margin: 50px 0 0 -195px; }

.icons .icon-box { float: left; width: 33%; text-align: center; padding-top: 20px;}
.icons .icon-box .img img { height: 40px; }
.icons .icon-box h5 { font-size: 16px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 700; }

.gallery-area { padding-bottom: 160px; }
.gallery-area .left-area { background: none; position: relative;}
.gallery-area .left-content-inner span { text-transform: capitalize; font-weight: bold; font-size:18px; padding:16px 0; display:block; }
.gallery-area .left-content-inner p  { padding: 20px 0  0 50px; }
.gallery-area .right-area .gal-right { background: url(../../../images/gallery-right.png) no-repeat; width: inherit; background-size: cover; position: absolute; right: 0; height: 500px; z-index: 10000; }
.gallery-area .right-area .right-content img { height: 370px; margin-top: 140px;}
/*
.gal-right h4{color: #fff;font-size: 18px;font-family: 'Open Sans', sans-serif;text-transform: capitalize;position: relative;margin-top: 340px;margin-left: 75px;}
.gal-right h4:after{content: '';position: absolute;bottom: -15px;left: 55px;background: #fff;width: 140px;height: 1px;}
*/

.experience-area .supplier-area { margin-top:35px;}
.experience-area p { font-weight:700;}

.process-area .col-lg-6 { padding-left:0;}
.process-area .process-right { padding-left:90px!important}
.process-area .process-right {padding: 45px 80px;}
.process-area .container { padding-bottom: 90px!important; border-bottom:1px solid #ccc; }

.pro-img{position: relative;}
.btn-pro{position: absolute;bottom: -25px;right: -50px;margin-right: 0;float: none;}

.experience-area { padding-bottom: 60px; }
.experience-area .left-cust { text-align: center; }
.experience-area .left-cust h1 { font-size: 220px; font-weight:900; font-family: 'Open Sans', sans-serif; font-weight: 900; margin-bottom: 0; }
.experience-area .left-cust h5 { font-size: 30px; color: #b2b2b2; padding: 0; margin: 0;}
.experience-area .right-cust { padding: 80px 0 0 0; }
.experience-area .right-cust p { font-weight: 600; text-transform:uppercase }

.footer-top .f-left { float: left; width: 60%; background-color: #f2f2f2; position: absolute; margin-top: 110px; }
.footer-top .f-left .f-left-inner { width: 714px; float: right; padding: 30px 0;}
.footer-top .f-left .f-left-inner h1 { font-size: 50px;  font-family: 'Open Sans', sans-serif; font-weight: 700; padding:30px 0;}
.footer-top .f-right { float: right; width: 40%; background: url(../../../images/footer-top.png) no-repeat; background-size: cover; }
.footer-top .f-right .f-right-inner { width: 476px; float: left; padding-top: 30px; }
.footer-top .f-right .f-right-inner p { font-weight: 700; padding: 20px 40px;font-size: 22px;}
.footer-top .f-right .f-right-inner h1 { font-size: 40px; padding-left: 150px; font-weight: 800; padding-bottom: 30px;position: relative;margin-top: 50px;}


.footer-main { background: #000; padding: 100px 0 10px; }
.footer-main h5 { font-size: 16px; color: #fff; text-transform: uppercase; margin-bottom: 30px; }
.footer-main input { list-style-type: none; width: 100%; background: #000; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #333; padding: 10px; margin-bottom: 20px; color: #fff; }
.footer-main textarea { list-style-type: none; width: 100%; background: #000; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #333; padding: 10px; margin-bottom: 0px; color: #fff; height:70px; }
.footer-main .left-cust { padding: 20px 80px 20px 0px; }

.footer-main .left-cust button { padding: 22px; color: #000; background: #fff; border:none; font-weight:600; text-transform:uppercase;}
.footer-main .right-cust { padding: 25px 0 0 30px; }
.footer-main .right-cust .social { padding-top: 40px; }


.footer-main .box-f { width: 40%; float: left; padding-right: 30px; }
.footer-main .box-f p { color: #fff; font-size:14px; }
.footer-main .icon { padding: 35px; text-align: center; background: #191919; width: 95px; float: left; margin-right: 10px; }

.footer-end { padding: 20px 0; }
.footer-end span { font-size: 15px;  font-family: 'Open Sans', sans-serif;}
.footer-end .left { padding-right: 50px; }
.footer-end .right { float: right; }

.btn.btn-same.btn-enq.btn-f {float: none;position: absolute;left: -70px;bottom: 20px;}

.social .icon .fa{color: #fff;}

@media only screen and (min-width: 1539px) {
.home-body #gal-slider .owl-nav { margin-left:20%!important;}
}	
@media only screen and (max-width:1538) {
	#gal-slider .owl-nav { margin-left:14%;}
}

@media only screen and (min-width: 1400px) {
	header .dotted-back-img { width:37%;}
	#banner-slider .owl-nav { left:76%;}
	#gal-slider .owl-nav { margin-left:14%!important;}
}

@media only screen and (max-width: 992px) {
  body{overflow-x: hidden;}
.container{width:100%;}
header .logo{margin-left: 20px;}
.right-header{width: 40%;}
.right-header p a{margin-right: 30px;}
.slider-content h1{margin-left: 30px;}
.no-div{margin-left: 30px;}
.left-area .left-content{width: 574px;}
.right-area .right-content img{width: 100%;}
.right-area .right-content .btn-enq img{width: auto;}
.pro-img {width: 100%;}
.process-area .container{padding-bottom: 50px !important;}
.footer-top .f-left .f-left-inner{width: 544px;}
.footer-top .f-right .f-right-inner{width: 100%;}
.footer-top .f-right .f-right-inner h1{font-size: 30px;}
.footer-main .left-cust{padding: 20px 50px 20px 40px}
.footer-end .left{padding-left: 50px;}
.footer-end .right{padding-right: 50px;}
.footer-top .f-right .f-right-inner p{width: 400px;}



}
@media only screen and (max-width: 960px) {
.container{width:100%;}
	
	.gallery-area .left-content-inner p {padding:0}
	#gal-slider .owl-nav { display:block; position:inherit; margin:20px auto; float:none;}
	.gallery-area { padding:0}
	.process-area .process-right { padding:0 20px!important;}
	.experience-area .right-cust { padding:20px; text-align:center;}

.experience-area .right-cust img{width: 32%;}
.btn-img{width: auto;}
.footer-main .box-f{text-align: center;}
.footer-main .right-cust .social{text-align: center;}
.footer-main .icon{width: 15%;float: none;margin: 20px auto;}
.footer-main .left-cust button{margin: 0 auto;display: block;}



}

@media only screen and (max-width: 768px) {
.container{width:100%;}
.right-header p a{font-size: 25px;}
.slider-content h1{font-size: 30px;}
.btn-contact{margin-left: 275px;}
.left-area{width: 100%;float: none;text-align: center;}
.right-area{float: none;width: 100%;text-align: center;}
.right-area .right-content{padding: 0px 0;margin: 0 0 0 0px;position: unset;}
.left-area .left-content{width: 100%;float: none;}
.left-area .left-content .left-content-inner{float: none;width: 100%;}
.left-area .left-content .left-content-inner p{width: 80%;margin: 0 auto;}
.commercial-area .icons{margin-top: 20px;}
.right-area .right-content img{width: 70%;margin-top: 40px;}
.btn-enq{padding: 20px 30px !important;float: none;margin-right: 0;margin-top: 0;position: relative;display: block;margin: 20px auto; left:auto; right:auto; bottom:auto}
.btn-enq img{margin-top: 0!important;}
.btn.btn-same.btn-enq.btn-gal{position: unset;}
.gallery-area .right-area .gal-right{background-size: contain;height: 380px;}
.btn-pro{bottom: 0;right: 0;}
.process-area .process-right{padding: 0px 10px;}
.experience-area .left-cust h1{font-size: 140px;}
.experience-area{padding-bottom: 30px;}
.footer-top .f-left{float: none;width: 100%;margin-top: 40px;position: unset;}
.footer-top .f-left .f-left-inner {width: 100%;float: none;text-align: center;}
.footer-top .f-right{float: none;width: 100%;background: none;}
.footer-top .f-right .f-right-inner{float: none;}
.footer-top .f-right .f-right-inner h1{padding-left: 0;text-align: center;}
.btn.btn-same.btn-enq.btn-f{position: unset;}
.footer-top .f-right .f-right-inner p{width: 100%;}
.footer-main h5{text-align: center;}
.footer-main .box-f{width: 50%;padding-right: 0;margin: 0 auto;display: block;}
.footer-end .left {padding-left: 5px;padding-right: 0;}
.footer-end .right{padding-right: 0;}
.right-header::before{display: none;}
.footer-end span{font-size: 12px;}





}
@media only screen and (max-width: 620px) {
	.footer-main .left-cust { padding:30px!important; text-align:center!important;}
.container{width:100%;}
.right-header p a{font-size: 20px;}
.res-slider{display: block;}
#banner-slider{display: none;}
.no-div{display: none;}
.right-header img{display: none;}
.experience-area .right-cust p{text-align: center;}
.experience-area .right-cust img {width: 28%;margin: 0 10px;}
	.slider-content:before{display:none;}

}
@media only screen and (max-width: 450px) {
.container{width:100%;}
.footer-main .right-cust {
    padding: 25px 0 0 0px;
}
.right-header{width: 100%;float: none;text-align: center;}
.logo img {text-align: center;margin: 0 auto;display: block;width: 100%;}
header .logo{margin-left: 0;float: none;width: 50%;margin: 0 auto;display: block;text-align: center;}
.right-header p a{margin-right: 0;}
.slider-content h1{margin-left: 14px;padding-top: 160px;font-size: 20px;}
.btn-contact{margin-left: 0;}
.footer-end .left{padding-left: 0px;padding-right: 0;width: 100%;text-align: center;margin: 0 auto;display: block;}
.footer-end .right{padding-left: 0px;padding-right: 0;width: 100%;text-align: center;margin: 0 auto;display: block;}


}
@media only screen and (max-width: 320px) {
.container{width:100%;}


}
/* Project css ends */


@media screen and (max-width:50000px) and (min-width: 992px){

header.stick {position:fixed; width:100%; top:0; transition-duration:0.7s; z-index:999;}
header.stick.sticky {position:fixed; top: 68px;}

.logo {transition-duration:0.7s;width:100%;}
header.stick.sticky .black .logo {width: 171px; margin-top: 40px;} 


}


@media screen and (max-width:619px) and (min-width: 1px){
	
	.slider-content h1 {padding-left:15px; margin-left:0;width: 90%;}
	.slider-content:after {right:65px;}
	.left-area .left-content {padding:20px 0;}
	.left-area .left-content .left-content-inner p {text-align:center; width:100%; padding:0 15px;}
	.icons .icon-box h5 {font-size:12px;}
	.process-area {text-align:center;}
	
}





/**** Blockquote Section ****/
.blockquote-sec {
  padding: 100px 0;
}
.blockquote-sec .blockquote-holder {
  max-width: 75%;
  margin: 0 auto;
  float:none;
}
.blockquote-holder figure {
  margin-bottom: 40px;
}
.blockquote-holder blockquote {
  font-size: 24px;
  line-height: 1.3;
  max-width: 90%;
  color: #000;
  margin-bottom: 30px;
}
.blockquote-holder span {
  display: block;
  text-align: right;
  font-size: 16px;
  color: #819b18;
  max-width: 90%;
  padding-right: 25px;
}