/*  

Theme Name: Built Theme

Theme URI: https://suhailulaslam.com

Description: A WordPress theme frame work developed by Suhailul Aslam KC (fb/suhailul.aslam)

Version: 3.0

Author: Suhailul Aslam KC

Author URI:  https://suhailulaslam.com

*/



/*

Improved browser CSS feature

-------------------------------------

Example: .ie8 .sidebar li{width:85px}



•ie - Internet Explorer (All versions)

•ie8 - Internet Explorer 8.x

•ie7 - Internet Explorer 7.x

•ie6 - Internet Explorer 6.x

•gecko - Mozilla, Firefox (all versions), Camino

•ff3 - Firefox 3

•developer-the_code_viber - (SAKC)

•ff3_5 - Firefox 3.5 new

•opera - Opera (All versions)

•opera8 - Opera 8.x

•opera9 - Opera 9.x

•opera10 - Opera 10.x

•webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome

•safari3 - Safari 3.x

•chrome - Google Chrome

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: baseline;

	background: transparent;

	font-family: 'Roboto', sans-serif;



}

 img{

 	max-width: 100%;

 }

 a:focus , input:focus , button:focus , textarea:focus {

	outline: none;

}

a, a:hover, input, input:hover, button, button:hover {

    transition-duration: 0.4s;

}



.content-on {

    min-height: 769px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background-size: cover;

    background-position: center;

    padding-top: 240px;

}

.header-out {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 4;

    padding: 35px 0px;

}

.headsocials a {

    color: white;

    display: inline-block;

    font-size: 20px;

    margin-right: 25px;

}

.phoneout {

    text-align: right;

}



.phoneout a {

   font-family: 'Oswald', sans-serif;

   color: white;

   font-size: 15px;

}

.phoneout a:hover  , .headsocials a:hover {

    color: #a28864;

    text-decoration: none;

}



.logoout {

	text-align: center;

}

.header-out .row {

    align-items: center;

}

ul#menu-main-menu {

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-top: 33px;

}

ul#menu-main-menu li a {

	 font-family: 'Oswald', sans-serif;

   color: white;

   font-size: 15px;

   text-transform: uppercase;

}

ul#menu-main-menu li a::before {

        margin-right: 10px;

    content: '[';

        display: inline-block;

    opacity: 0;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;

    -moz-transition: -moz-transform 0.3s, opacity 0.2s;

    transition: transform 0.3s, opacity 0.2s;

    -webkit-transform: translateX(20px);

    -moz-transform: translateX(20px);

    transform: translateX(20px);

    transition-duration: 0.4s;

}

ul#menu-main-menu li a::after {

        margin-left: 10px;

    content: ']';

      display: inline-block;

    opacity: 0;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;

    -moz-transition: -moz-transform 0.3s, opacity 0.2s;

    transition: transform 0.3s, opacity 0.2s;

        -webkit-transform: translateX(-20px);

    -moz-transform: translateX(-20px);

    transform: translateX(-20px);

    transition-duration: 0.4s;

}

ul#menu-main-menu li a:hover::after{

    opacity: 1;

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    transform: translateX(0px);

}

ul#menu-main-menu li a:hover::before{

    opacity: 1;

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    transform: translateX(0px);

}

ul#menu-main-menu li a:hover {

    text-decoration: none;

}

ul#menu-main-menu li {

	margin: 0px 30px;

}

.content-on h2 {

    color: white;

    font-size: 53px;

    line-height: 57px;

    font-weight: 800;

    text-transform: uppercase;

    width: 527px;

    margin: 0 auto;

    max-width: 100%;

}

.buttons   {

   

    font-family: 'Oswald', sans-serif;

    font-size: 16px;

    line-height: 29px;

    display: inline-block;

    margin-top: 30px;

    padding-right: 37px;

    background-repeat: no-repeat;

    background-position: 99%;

    background-size: 27px;

    letter-spacing: 1px;

}

.buttons:hover{

    text-decoration: none;

     color: black;

}

.whitebutton {

	 color: white;

    background-image: url(images/buttonrightarrow.png);

}

.brownbutton {

	color: #9a7d54;

	background-image: url(images/brwonbuttonbg.png);

}

.home-about {

    padding: 80px 0px 100px;

}

.home-about h2 {

    font-size: 36px;

    line-height: 44px;

    font-weight: 700;

    margin-bottom: 30px;

    width: 390px;

    max-width: 100%;

}



p {

	color: #888888;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;



}

.home-about p {

    margin-bottom: 25px;

    width: 90%;

}

.home-service h5 {

    color: #9a9a9a;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.servicein {

    margin-bottom: 80px;

    position: relative;

}



.servicein  a {

     position: absolute;

     bottom: 0px;

     left: 0px;

     padding: 40px 20px;

     font-size: 19px;

     color: #000000;

      font-family: 'Oswald', sans-serif;

      font-weight: 700;

      background-color: white;

      text-transform: uppercase;

}

.servicein  a:hover{

    text-decoration: none;

    color: #9a7d54;

}

.home-service h2 {

    font-size: 36px;

    line-height: 44px;

    font-weight: 700;

    

    margin-bottom: 50px;

}

.home-service .row .col-md-6:last-child {

    padding-left: 101px;

}

.home-projects {

    padding: 60px 0px 80px;

    background-image: url(images/brownbg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 387px;

}

.home-projects h2 {

    text-align: center;

    font-size: 41px;

    color: white;

    font-weight: 800;

    text-transform: uppercase;

    margin-bottom: 50px;

}

.projects-on {

    min-height: 465px;

    background-size: cover;

    background-position: center;

    padding: 50px 132px;

    display: flex;

    align-items: center;

}

.projects-on h4 {

    font-size: 23px;

    color: white;

    font-weight: 800;

}

.projects-on p {

    color: white;

    margin-top: 10px;

    width: 320px;

    max-width: 100%;

}
.project-dtails h3 {
    font-size: 22px;
    color: black;
    margin-bottom: 10px;
}
.project-dtails ul li {
    color: #888888;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}
.project-dtails.servicedetails p {
    font-size: 18px;
    line-height: 30px;
}

#projects.owl-carousel .owl-nav button {

    position: absolute;

    top: 200px;

    width: 53px;

    height: 53px;

    background-color: #000000a8;

    margin: 0px;

    color: white;

    font-size: 27px;

    line-height: 17px;

}

#projects.owl-carousel .owl-nav button:hover{

      background-color: #000000;

}



#projects.owl-carousel .owl-nav button.owl-next{

right: 0px;

} 



#projects.owl-carousel .owl-nav button.owl-prev{

left: 0px;

}

.bottom-home {

    background-image: url(images/bottomhomebg.jpg);

    padding: 80px;

    background-size: cover;

    background-position: center;

}

.bottom-home h3 {

    color: black;

    font-size: 40px;

    font-weight: 700;

}

.footer-main {

    padding: 85px 0px;

    text-align: center;

} 
.project-dtails ul {
    padding-left: 15px;
    margin-bottom: 20px;
}

.footer-main h4 {

    font-size: 18px;

    color: black;

    text-align: left;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 22px;

}

.footer-main p {

    text-align: left;

    color: black;

}

.footer-main  .textwidget.custom-html-widget a {

    color: black;

    font-size: 16px;

    display: block;

    text-align: left;

}

.footer-main  .textwidget.custom-html-widget a:first-child{

    color: #a28864;

    font-size: 19px;

    margin-bottom: 5px;

}

.footer-main  .textwidget.custom-html-widget a:hover {

    text-decoration: none;

      color: #a28864;

}

.footer-main img {

    width: 84px;

}



.copyright {

    text-align: center;

    padding-bottom: 50px;

    font-size: 15px;

    color: black;

    font-weight: 300;

}

.copyright span {

color: #a28864;

}



.page-banner {

    min-height: 468px;

    padding-top: 200px;

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

    background-size: cover;

}

.page-banner h1 {

    color: white;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 34px;

    margin-top: 30px;

}



.about-main {

    padding: 80px 0px;

}

.about-main h5 {

    color: #9a9a9a;

    font-size: 20px;

    font-weight: 700;

}

.about-main p{

margin-bottom: 25px;

}

.about-main h2 {

    font-size: 36px;

    font-weight: 700;

    margin-top: 15px;

    margin-bottom: 25px;

    width: 90%;

}

.featurin {
    padding: 40px 20px;
    box-shadow: 3px 3px 18px -14px #918b8b;
}

.featurin h4{

color: black;

    font-weight: 700;

    font-size: 24px;

    margin: 13px 0px 20px;

}

.featurin p {

    width: 90%;

}

.about-bottom {

    padding-top: 80px;

}

.aboutbottomin {

    min-height: 426px;

    text-align: center;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

}

.aboutbottomin h3 {

    color: white;

    font-size: 36px;

    font-weight: 700;

}

.sidebar-contact {

    position: fixed;

    top: 50%;

    right: -350px;

    transform: translateY(-50%);

    width: 350px;

    height: auto;

    z-index: 999;

    padding: 40px;

    background: #fff;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);

    box-sizing: border-box;

    transition: 0.5s;

}

a.toggle {

    position: absolute;

    height: auto;

    cursor: pointer;

    -webkit-transform: rotateZ(-90deg);

    transform-origin: 0 100%;

    top: 47%;

    left: 1px;

    background: #a28864;

    color: #fff !important;

    border: none;

    outline: none;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 300;

    padding: 17px 30px;

    white-space: nowrap;

    font-family: 'Oswald', sans-serif;

    letter-spacing: 1px;

}

.sidebar-contact.active {

    right: 0;

}

.sidebar-contact h2 {

    font-size: 22px;

    margin-bottom: 5px;

    font-weight: 800;

}

.scroll input {

    width: 100%;

    border: 1px solid black;

    margin-top: 12px;

    padding: 4px;

    font-size: 13px;

}

.scroll  label {

    font-size: 15px;

    color: black;

    margin-top: 12px;

    margin-bottom: -8px;

}

.scroll   input.wpcf7-submit {

background-color: #a28864;

border:0px;

color: white;

font-size: 16px;

}

.service-main {

    padding: 80px 0px 70px;

}

.service-main h2 {

    font-size: 36px;

    font-weight: 800;

}



.servitemin {

    padding: 60px 25px 60px 30px;

    box-shadow: 10px 10px 35px -8px #d9d8d8;

    margin-bottom: 30px;

    background-color: white;

}



.servitemin  h4{

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 20px;

}



 .serviceseond .row {

    margin: 0px;

    padding: 0px 17px;

    margin-top: -95px;

}

.contact-main {

    padding-top: 80px;

}

.contact-main h5 {

    color: #9a9a9a;

    font-weight: 700;

    font-size: 20px;

    text-transform: uppercase;

    margin-bottom: 10px;

}

.contact-main  h2{

   

    font-weight: 700;

    font-size: 36px;

  

    margin-bottom: 25px;

}



.contact-main input {

    border: 0px;

    border-bottom: 1px solid;

    width: 100%;

    padding: 8px 0px;

}

.contact-main  textarea{

    border: 0px;

    border-bottom: 1px solid;

    width: 100%;

    padding: 8px 0px;

    max-height: 130px;

    resize: none;

}



.contact-main .row .row {

    margin-bottom: 36px;

}

.contact-main  input.wpcf7-form-control.wpcf7-submit.buttons.brownbutton {

width: auto;

background-color: transparent;

border:0px;

padding-right: 38px;

}

.contactdet p  {

    font-size: 19px;

    line-height: 32px;

    margin-bottom: 30px;

}



.contactdet p strong {

    color: black;

    display: block;

    font-weight: 700;

    margin-bottom: -30px;

}

.contactdet a , .contactdet a:hover{

    color: #888888;

    text-decoration: none;

}

.projects-main {

    padding-top: 35px;

}

.project-in {

    margin-top: 110px;

    padding: 65px 0px 60px;

    background-size: auto 100%;

    background-repeat: no-repeat;

    background-position: left;

}

.servicebox {

    padding: 80px 60px;

    background-color: #9a7d55;

    width: 552px;

    float: right;

}

 

.servicebox p {

    color: white;

}

.servicebox h4 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 30px;

    color: white;

    width: 80%;

}

.project-in:nth-child(even) {

     background-position: right;

}



.project-in:nth-child(even) .servicebox {

     float: none;

}





.projects-main .wp-pagenavi {

    padding-top: 70px;

    text-align: center;

}

.projects-main .wp-pagenavi span , .projects-main .wp-pagenavi a {

    border:1px solid #dbe0e4;

    margin: 0px;

    color: #a28864;

    padding: 15px;

    font-size: 15px;

}

.projects-main .wp-pagenavi a:hover, .projects-main .wp-pagenavi span.current {

background-color: #dbe0e4;

 

border:1px solid #dbe0e4;

}

.singeleprojtop {

    padding: 80px 0px 60px;

}

.singeleprojtop .owl-theme .owl-dots .owl-dot.active span, .singeleprojtop .owl-theme .owl-dots .owl-dot:hover span {

    background: #9a7d55;

    margin: 5px;

}

.singeleprojtop .owl-theme .owl-dots {

    margin-top: 30px !important;

}



.project-dtails h2 {

    font-size: 36px;

    margin-bottom: 28px;

    font-weight: 700;

    color: black;

}

.project-dtails p{

  

    margin-bottom: 20px;

     

}





.project-dtails .col-md-4 {

    border-left: 1px solid #cccccc;

}

.prod-info {

    padding-top: 30px;

    padding-left: 20px;

}

.prod-info h6 {

    color: black;

    font-weight: 700;

    margin-bottom: 4px;

    font-size: 19px;

}

.prod-info p {

    

    margin-bottom: 30px;

    font-size: 19px;

}

.singeleprojtop img {

    height: 465px;

    object-fit: cover;

}



















/*==============================Responisve Styles===================================*/

/*==============================Responisve Styles===================================*/

/*==============================Responisve Styles===================================*/



 @media only screen and (max-width: 1200px) { 

    .home-service .row .col-md-6:last-child {

        padding-left: 15px;

    }

    }







     @media only screen and (max-width: 991px) { 

        .singeleprojtop img {

    height: 350px;

    

}

        .servicebox h4 {

    font-size: 28px;

   

    margin-bottom: 20px;

    

    width: 100%;

}

        .servicebox {

    padding: 30px 36px;

    

    width: 400px;

   

}

        .project-in {

            margin-top: 50px;

        }

   .header-out {

   

    padding: 20px 0px;

}

ul#menu-main-menu li {

    margin: 0px 15px;

}

.header-out img {

    height: 100px;

}

.content-on h2 {

    

    font-size: 45px;

    line-height: 54px;

     

}

.content-on {

    min-height: 600px;

     

    padding-top: 150px;

}

.home-about h2 , .home-service h2 , .home-projects h2 , .bottom-home h3 , .about-main h2 , .aboutbottomin h3 , 

.service-main h2 , .contact-main h2 , .project-dtails h2{

    font-size: 32px;

    line-height: 37px;

    

}

.servicein a {

    padding: 20px;

    }

.projects-on {

    min-height: 420px;

    

    padding: 20px 69px;

   

}

.bottom-home {

   

    padding: 50px;

     

}

.footer-main {

    padding: 75px 0px 30px;

    

}

.featurin {

    padding: 40px 20px;

     

}

}





   @media only screen and (max-width: 767px) { 
    .project-dtails ul li {
    
    font-size: 16px;
    line-height: 25px;
}
.project-dtails.servicedetails p {
     font-size: 16px;
    line-height: 25px;
}

    .servicebox {

    padding: 20px 20px;

    float: none;

    max-width: 100%;

}

    .project-in:nth-child(even) {

        background-position: top;

    }

    .project-in {

     margin-top: 30px;

    padding: 240px 0px 0px;

    background-size: 100% auto;

    

    background-position: top;

}

    .contact-main {

    padding-top: 50px;

}

.contactdet {

    padding-top: 30px;

}

.phoneout , .headsocials {

    display: none;

   }



.logoout {

    text-align: left;

}

.page-banner {

    min-height: 350px;

    padding-top: 100px;

     

}

.about-main {

    padding: 50px 0px;

}

.about-main img {

    margin-bottom: 25px;

}

.home-about h2, .home-service h2, .home-projects h2, .bottom-home h3, .about-main h2, .aboutbottomin h3 ,

 .service-main h2 , .contact-main h2 , .project-dtails h2{

    font-size: 30px;

    line-height: 34px;

}

.aboutbottomin {

    padding: 20px;

    min-height: 350px;

}

.footer-main .row .col-md-4 {

    margin-bottom: 25px;

}

.footer-main h4 {

    

    margin-bottom: 10px;

}

.content-on h2 {

    font-size: 36px;

    line-height: 46px;

}

.content-on {

    min-height: 430px;

    padding-top: 150px;

}

.home-about {

    padding: 50px 0px;

}

.home-about img {

    margin-top: 20px;

}

.buttons {

    margin-top: 15px;

}

.home-service .row {

    flex-direction: column-reverse;

}

.home-service h2 , .home-projects h2 {

    margin-bottom: 25px;

}

.servicein {

    margin-bottom: 30px;

     

}

.home-service .buttons {

    margin-bottom: 25px;

}

.bottomhomeout .buttons {

    margin-bottom: 20px;

}

.service-main h2 {

   

    margin-bottom: 20px;

}

.service-main {

    padding: 50px 0px;

}

.serviceseond .row {

    

    padding: 0px;

    margin-top: 10px;

}

.servitemin {

    margin-bottom: 15px;

    padding: 40px 20px 40px 30px;

}

.about-bottom {

    padding-top: 50px;

}

.contact-main .row .row {

    margin-bottom: 0px;

}

.contact-main .row .row > div {

    margin-bottom: 20px;

}

.singeleprojtop {

    padding: 50px 0px;

}

.singeleprojtop img {

    height: 200px;

}

.prod-info {

    padding: 0px;

}

.page-banner h1 {

   

    font-size: 30px;

    margin-top: 20px;

}

}