/*
Theme Name: nsw
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

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.
*/



@font-face {
    font-family: yantramanav;
    src: url(./fonts/Yantramanav/Yantramanav-Regular.ttf);
}
span.id-color
{
    font-family: 'yantramanav';
}
header .info
{
    background: #242424;
    height: 40px;
    padding: 6px 0 10px 0;
}
h1.big
{
    font-size: 108px;
}

div#service {
    padding: 15px 0px;
}
div.margin-right {
    margin-right: 15px;
    background-color: white;
    display: inline-block;
    padding: 17px;
    min-height :212px;
}
div.margin-left {
    margin-left: 15px;
    margin-right: 15px;
    background-color: white;
    display: inline-block;
    padding: 17px;
    min-height :212px;
}
footer
{
    padding: 40px 0 0 0 !important;
}
div#footer-logo {
    padding: 44px 0px;
}
.tiny-border{
	margin: 10px auto;
	width: 75px;
}
.tiny-border-left {
    height: 2px;
    background: #333;
    width: 50px;
    margin-top: 18px;
    display: block;
    background-color:#f5862c;
}
section#section-portfolio-service{
    background-color: #f1f1f1;
    padding-bottom: 50px !important;
}
.feature-box-small-icon .text {
    padding-left: 60px;
    margin-top: -35px;
   min-height:140px;
}
.feature-box-small-icon h3 {font-size: 20px;font-weight:500;}
.feature-box-small-icon p {font-size: 15px; margin-top: 20px; }
p#color {
    padding-bottom: 40px;
    color: #f37f20;
}
p#top-bar {
    color: #f8b379; 
    font-size: 15px;
    margin-bottom: 0px;
    letter-spacing: 9px;
    margin-top: 15px;
}
h1#top-head{
	font-weight: 700;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
    margin-top: -3px;
    color: #ffffff;
    margin-bottom: 15px;
}
#mainmenu a{
    font-weight: 200;
	font-size: 15px;
    color: #dcdcdc !important;

}

p#view_works{
border: 1px solid #875124;
    color: #fff;
    background: #875124;
    text-align: center;
    margin: 0 auto;
    padding: 11px 0px;
    font-size: 14px;
    max-width: 185px;
    }

.de-gallery .project-name{color: #ffffff; margin-top: -35px; margin-bottom: 24px;font-size: 19px;text-transform: capitalize;
    font-weight: 200;}
span#phn-icon{
    padding: 0 8px;
}
a#view_all {color: #f37f20; border-color: #f37f20; margin: -4px auto; font-weight: 400; padding: 13px 35px;}

a#view_all:hover {
    border-color: #fff;
    color: #fff;
}
#section-features{

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.pb80 {
    padding-bottom: 50px;
}
address span{
        padding: 5px 0 10px 0;
        margin-bottom: 11px;

}
section#nav_menu-3 {
    padding: 0px;
    background: #222222 !important;
}
section#nav_menu-4 {
    padding: 0px;
    background: #222222 !important;
}
@media only screen and (min-width:992px)
{
div#footer-logo img {
    height: auto;
    display: block;
    margin-left: 20px;
    margin-top: -40px;
}
.logo-small {
    margin-bottom: 0;
    margin-top: 4px;
}

 }
 ul#menu-main-menu li a:hover {
    color: #f4852b !important;
}
#content
{
    padding: 68px 0 0px 0;
}
ul#menu-main-menu li a:hover
{
    background-color: transparent;
}
#mainmenu ul li:hover > a {
    background-color: transparent;
   
}
/*contact form */
div.wpcf7-validation-errors
{
    /* display: none !important; */
       border: none;
       color: red;
}
.wpcf7-response-output {
    display: block !important;
}
div.wpcf7-mail-sent-ok {
    border: none;
    color: green;
    font-size: 19px;
    margin-left: -6px;
    position: absolute;
    margin-top: -50px;
    top: -50px;
}
div.wpcf7 {
 
    position: relative;
}
div.wpcf7-response-output
{
    margin: 0;
}

input[type="text"].contact-us,input[type="email"].contact-us ,input[type="tel"].contact-us   {
    width: 100%;
    padding: 9px 10px;
    border:1px solid #c0c0c0;
    color : #333;
}
textarea.contact-us
{
    width: 100%;
    height: 171px;
    padding: 13px 10px;
    border:1px solid #c0c0c0;
    color : #333;
}
input#text-info {
    border: none;
    pointer-events: none;
    color: #666666;
    padding: 0px;
}
input#send-button.contact-us {
    background: #f37f20;
    border: 1px solid #f37f20;
    color: #fff;
    padding: 12px 20px;
    float: right;
    margin-bottom: 60px;
    margin-top: 10px;
}
input#send-button.contact-us:hover {
    background: #333;
    border: 1px solid #333;
}
span.wpcf7-not-valid-tip {
    margin-bottom: -22px;
}
a#serv_btn:hover {
    border: 2px solid #333 !important;
}
a#serv_btn {
    background-color: #f37f20 !important;
    border: 2px solid #f37f20;
    color: #fff;
    font-size: 15px;
    padding: 15px 35px;
    font-weight: 400;
    margin-bottom: 15px;
}
section#section-about div.row-fluid.table {
    padding-bottom: 50px;
}
section#section-about div.row-fluid.table img {
    width: 100%;
    height: auto;
}
section#section-portfolio-contact {
    margin-top: -100px;
    margin-bottom: 50px;
}
div#service-contact {
    padding: 15px 0px;
}
p#contact-page {
    margin-bottom: 0px;
    margin-top: 20px;
    color: #f37f20;
    font-size: 15px;
}
section#section-portfolio-gallery {
    margin-top: -50px;
    margin-bottom: 25px;
}
section#section-portfolio-gallery #filters li a {
    font-size: 15px;
    font-weight: 400 !important;
}
div.work-details {
    margin-top: -100px;
}
div.work-details-gallery {
    margin-bottom: 60px;
}
blockquote
{
    padding: 20px 14px;
    background: #f0f0f0;
}
blockquote#top-quote {
    background-color: #f0f0f0;
    font-size: 19px;
    font-style: italic;
}
div.work-service-gallery {
    margin-top: -100px;
}
div.work-service-gallery-bottom {
    margin-bottom: 60px;
    margin-top: 25px;
}
li.seps {
    color: #f5862c;
}
.work-service-gallery ul#services-list li a
{
    padding: 15px 5px 15px 10px;
    font-size: 14px;
    font-weight: 500;
}
.widget-get-touch td {
    
    padding-bottom: 12px;
    color: #666666;
}
.widget-get-touch th
{
    color: #f5862c;
    padding-right: 12px;
    padding-bottom: 12px;
    font-weight: 400;
}
.about-info {
    padding: 60px 0 30px 0;
}
section#section-portfolio-home {
    margin-top: 15px;
 margin-bottom: 35px;
}
div#service_content p
{
    color: #666666;
}


.padding_space {
    padding: 0px 20px;
    margin-top: -100px;
}
div#about_info_style li {
    list-style-type: none;
    margin: 3px 0 3px -30px;
}
div#about_info_style li:before {
    content: url(./images/icon/tick1.png);
    margin-right: 10px;
}
div.about-info p.intro
{
    font-size: 14.9px;
    line-height: 2;
    color: #666666;
}
.de_light #services-list li:hover a
{
    color: #ffffff;
}
.de_light #services-list li a
{
    color: #666666;
}
#services-list .current-menu-item a{
    color:#fff !important;
    background-color: #333333;
}
#services-list .current-menu-item a:after {
    content: '>';
    float: right;
    margin: 0 5px;
    color: #f4852b;
}
#menu-main-menu .current-menu-item a
{
    color: #f4852b !important;
    font-weight: 400;
}
a.btn-slider{
    font-size: 15px;
    font-weight: 100;
}
h2, .h2_title {
    font-size: 30px;

}
body.de_light {
    color: #999999;
}
h4, .h4 {
    font-size: 20px;
}
#service h4{ color: #666666; }
#service h4 a{ color: #666666;text-decoration: none; }
#service h4 a:hover { color: #f37f20; }
#service p { font-size: 14px; color: #666666; }
h2.text-center{color: #333333;}

.col-md-8.text-center p {font-size: 15px;color: #666666;}
.de_light span.overlay { background: #0a0e10;}
.set_features {  margin: 60px 0px;}
h3.mt10 { font-size: 25px; color: #000000; }

.call-to-action a.btn.btn-line-black.btn-fx {
    font-size: 15px;
    padding: 14px 40px;
    font-weight: 400;
}
.widget.widget-address strong {
    color: #f5862c;
    font-weight: 300;
}
.widget.widget-address span, .widget.widget-address a {
    color: #ffffff;
}
#subheader h1{ font-size: 30px; }
#subheader .crumb li{ font-size: 14px; }
#subheader .small-border-deco{margin-top: 15px;}

div#about_info_style p,div#about_info_style li {font-size: 15px;color: #666666;}

#service h4#set 
{
    color: #333333;
    margin-top: -12px;
    margin-bottom: 25px;
    margin-left: -10px;
}
#service img#sets
{
    margin-top: 10px;
}
#service p#note
{
    margin-left: -10px;
    font-size: 15px;
}
div#service_benefits
{
    margin-top: 15px;
    margin-bottom: 50px;
}
div#service_benefits li {
    font-size: 15.8px;
    color: #666666;
    line-height: 2.4;
    font-weight: 300;

}
div#service_benefits strong {
    font-size: 19.5px;
    color: #333333;
    line-height: 1.5;
    font-weight: 500;

}
div#service_benefits p {
    margin-top: 25px;
}

div#service_benefits strong a{
        color: #f37f20;
    }
div#service_benefits h3,div#service_benefits h2,div#service_benefits h1 {
    color: #666666;
    font-size: 19px;
    font-weight:400;
}
.work-service-gallery-bottom h3 {
    font-size: 25px;
    color: #333333;
    font-weight: 400;
}
.work-service-gallery-bottom span.project-name {
    color: #f37f20;
    padding: 20px 0;
}
.work-service-gallery-bottom .de_light span.overlay {
    background: #151c29;
}

@media screen and (min-width: 481px) and (max-width: 1120px) { 
    p#view_works
    {
    text-align: center;
    margin: 0px 50px;
    padding: 0px 0px;
    }
    #p_name
    {
        font-size: 15px;
    }


}

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

h3#explore{ text-align: left; }
a#view_all{ float: right; margin-top: 10px; }
.about-info{ padding: 40px 0 0px 0;}
 
}

@media only screen and (max-width:700px)
{
#recent_img{ width: 100%; }
}

@media only screen and (min-width:992px)
{
#pics { width: 260px; min-height: 177px !important; }
#recent_img{ width: 360px; }
#picf{ min-height: 228px !important; }
#over{height: 228px !important;}
}


#pics img{
    width: 100%;
    height: 100% !important;
}
#picf img{
    width: 100%;
    height: 100% !important;
}
#picf{height:130px;}


div#service_benefits li:before {
    content: '>';
    padding: 0 14px;
    color: #f37f20;
    font-weight: 600;
}
div#service_benefits li {
    list-style-type: none;
}

div#service_content li:before {
    content: '>';
    padding: 0 10px;
    color: #f37f20;
    font-weight: 600;
}
div#service_content li {
    list-style-type: none;
}

div#service_content strong {
    color: #333333;
    font-size: 14px;
}
div#service_content a
{
    color: #f37f20;
}

section#back_to_work {
    margin-bottom: 30px !important;
    padding: 10px;
}
footer .widget_recent_post li a {
    color: #ffffff;
    font-weight: 100;
}
footer .widget_recent_post li:hover a {
    color: #ffffff;
}
section#back_to_work a#back {
    color: #3b3b3b;
    font-size: 15px;
}
img#recent_img {
    max-height: 210px;
}
img.mfp-img {
    max-height: 800px !important;
}
@media only screen and (max-width:768px)
{
h1.big { font-size: 50px; }
span.bg-overlay{width: 100%;}
span.center-xy{left: 260px;}
div.work-details-gallery {  margin-bottom: -100px; }
div#backward { margin-bottom: 2px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) 
{ 
h1.big { font-size: 78px; }
.metaslider .caption{margin-top:-20px;}
}

@media only screen and (max-width:400px)
{
    div#about_info_style { margin-top: 120px;}
    .pic-services img { width:100%; }
     div#footer-logo img.logo-small {margin-left: 15px; }
}


section#section-hero-2-home {
    padding: 0 !important;
    margin-top: -6.5%;
}
.metaslider .caption-wrap{
    top: 40%;
    background: none !important;
    opacity: 1 !important;
}

@media screen and (max-width: 529px)
{
   #section-features{background-size:cover !important;}
    section#section-hero-2-home{ margin-top: -22.5%;}
    .metaslider .caption-wrap { top: 8%; }
   .metaslider .caption{padding:0;}
    h1.big { font-size: 28px; }
    a.btn-slider {font-size: 7px;}
    a.btn-slider {padding: 10px 19px 10px 20px;}
    p#top-bar {font-size: 10px;}
    div.margin-right{margin-left: 15px;}
    footer#colophon { padding: 0; }
    #filters a{margin-right: 0 !important;}

    div#service-contact { padding: 0px 15px; }

    input[type="text"].contact-us,input[type="email"].contact-us ,input[type="tel"].contact-us   {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 38px;
    border: 1px solid gray;
    padding: 0 10px;
    }
    textarea.contact-us
    {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 100px;
    border: 1px solid gray;
    padding: 0 10px;
    }
    div#service_benefits li { margin-left: -35px; display:inline-flex; width:100%;}
    div#service { padding: 0px 20px; }
    section#back_to_work{margin-top: 60px;margin-bottom: 15px;}
}

@media only screen and (max-width: 600px) and (orientation: landscape)
{
    footer{padding: 0 !important;}
    div.margin-right{ padding-left: 20px;}
    div.margin-left { margin-left: 0px; }
    div#service { padding: 0px 0px; }
    #filters li:last-child a {margin-right: 40px;}
    .img-responsive{width: 100%;}
    section#back_to_work{margin-top: 70px;}

}

@media screen and (min-width: 530px) and (max-width: 770px)
{
    section#section-hero-2-home{ margin-top: -14%;}
    .metaslider .caption-wrap {top: 20%;}
    #filters li:last-child a{margin-right: 40px;}

    
}
@media screen and (min-width: 771px) and (max-width: 992px)
{
    section#section-hero-2-home{ margin-top: -10.6%;}
    .metaslider .caption-wrap {top: 30%;}
    section#section-about h2 { margin-top: 20px; }
}

h2#abt {
    margin-top: 97px;
}
.de_light h1
{
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    margin-top: -3px;
    color: #ffffff;
    margin-bottom: 15px;
}
.pf_full_width img
{
    float: right;
}
footer section {
    padding: 0px 0 80px 0;
}
section.widget {
    background-color: #222222;
}
img.custom-logo {
    margin-top: 14px;
}

ul.sub-menu {
    background-color: #23282d;
}
button.dropdown-toggle {
    display: none;
}
#mainmenu li ul {
    width: 210px;
    height: auto;
    position: absolute;
    top: 80px !important;
    left: 0px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
}
#menu-main-menu .current-menu-item ul li a
{
    color: #fff !important;
}
#menu-main-menu .current-menu-item ul li:hover a
{
    color: #f4852b !important;
}
li.first-submenu a {
    line-height: 22px !important;
}
ul.sub-menu li a {
    font-size: 14px !important;
}
span#gal_proj_name {
    margin-top: 0px;
}
div#service-top-head {
    margin-top: -60px;
}
a#go_home {
    background: #f48020;
    color: #fff;
    padding: 10px 30px;
}
a#go_home:hover {
    background: #333;
    text-decoration: none;
}
section#header404{
    background:url(./images/404_bg.jpg);
}
div.wpcf7 .ajax-loader
{
    margin: 25px 25px 25px 25px;
    background-image: url(./images/opc-ajax-loader.gif);
}
header.smaller #mainmenu a{padding-top: 22px; }
header.de_header_2.smaller { height: 83px; }

div#service_content li {
    color: #666666;
    margin-left:-20px;
    display:inline-flex;
    width:100%;
}
@media screen and (min-width: 991px) and (max-width: 1124px) { 
.feature-box-small-icon p{ min-height: 75px;}
div.margin-left {min-height: 260px; }
div.margin-right { min-height: 260px; }
#service .col-md-8.col-xs-12 {margin-left: 30px;}
#service .col-md-3.col-xs-12 img {margin-top: 20px; }
 }

@media screen and (min-width:530px) and (max-width: 991px) {
div.margin-right {
    margin-right: 0px;
    min-height: 208px;
    max-width: 100%;
    width: 100%;
}
div.margin-left {
    margin-left: 0px;
    margin-right: 0px;
    min-height: 208px;
    width: 100%;
}


}
@media screen and (min-width:991px) and (max-width: 1199px) {
.de_light h1{
font-size:80px !important;
}
div.margin-right{padding:20px 0;min-height:240px;}
div.margin-left{padding:20px 0;min-height:240px;}
}
@media screen and (max-width:768px)
{
div.margin-right{margin: 0 auto;text-align: center;}
div.margin-left{margin: 0 auto;text-align: center;}
#service h4 {text-align: center;}
#service span.tiny-border-left { width: 100%;}
#service p {text-align: center;}
div#centerlise { text-align: center; }
div#service_content img { width: 100%; height: auto;}
div#service_content td img {width: 90%;}
}


div#copyright-left p {
    color: #fff;
}
div#copyright-right p{
    color: #fff;
}
.margin-left span.tiny-border-left {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin-left span.tiny-border-right{
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin-left img {
    margin-top: 25px;
    margin-left: -2px;
}
.margin-right img {
    margin-top: 25px;
    margin-left: -2px;
}
.margin-left h4 { margin-top: 25px;}
.margin-right h4 { margin-top: 25px;}

div#service_content h3 strong {
    font-size: 19px;
}
div#service_content h3 {
    margin-bottom: 20px;
    margin-top: 25px;
}
div#service_content td strong {
    margin: 10px;
}
div#service_content table {
    border: 1px solid #333;
    border-color: #dcdcdc;
}