/*
Theme Name: w3products
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: w3products

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.
*/
@charset "UTF-8";
@font-face {
    font-family: 'RopaSans-Regular';
    src: url('assets/fonts/RopaSans-Regular.ttf'),
  url('assets/fonts/RopaSans-Regular.ttf') ;
    font-weight: normal;
    font-style: normal;
  }
  body {
      overflow: hidden;
      width: 100%;
      height: 100%;
      font-family: 'RopaSans-Regular' !important;
      color: #000000 !important;
      font-weight: 400;
      background: #3e4744 !important;
  }
  a:hover{
      text-decoration: none;
  }
  .hide-menu{ background: #000000 !important;}

.header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background: none;
    color: #59471B !important;
}
.header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none;
    color: #59471B !important;
}
.header .navbar-nav a {
    color: #fff !important;
    font-size: 19px;
    font-weight: 400;
    font-family: 'RopaSans-Regular';
    padding-top: 29px;
    padding-bottom: 2px;
}
.header .navbar-nav li a:hover {
    color: #59471B !important;
}
.header  .navbar-default{background:none; border:none;}
.header {z-index: 999;
background: #9F9788E6;
border-radius: 0;
height: 90px;}

.display-home{display:none;}
.main-header{
    position: fixed;
    z-index: 100;
    background-color: #9F9788E6;
    height: 90px;
    width: 100%;
}
.logo{
    width: 235px;
}
.anchors {
    font-family: 'RopaSans-Regular';
  }
  .anchors ul {
    list-style: none;
    padding-top: 10px;
  }
  .anchors ul li {
    float: left;
    list-style: none;
    padding: inherit;
  }
  .anchors ul li a {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    font-family: 'RopaSans-Regular';
  }
  .anchors ul li a:hover {
      text-decoration: none;
     color: #ccc;
  }
.folow li {
    padding-top: 2px;
    float: left;
    padding-left: 14px;
list-style: none;
}
.folow a {
    background-color: #175394;
    padding: 11px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    color: #fff;
}
.home1 p {
   padding: 0 182px;

font-size: 22px;

margin-bottom: 40px;
}
.home1 {
    width: 80%;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    margin-top: 12%;
}
.title{
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
    line-height: 60px;
    color: #5A481C;
    font-size: 24px;
	text-align: left;
width: 100%;
}
.bg-home{
    background-image: url('assets/images/bg-home.jpg');
    background-repeat: round;
}
.bg-design-print{
    background-image: url('assets/images/bg-design-print.jpg');
    background-repeat: round;
}
.bg-web-design-seo{
    background-image: url('assets/images/bg-website-seo.jpg');
    background-repeat: round;
}
.bg-multimedia-video{
    background-image: url('assets/images/bg-multimedia-video.jpg');
    background-repeat: round;
}
.bg-why-w3{
    background-image: url('assets/images/bg-why_w3-productions.jpg');
    background-repeat: round;
}
.bg-contact-us{
    background-image: url('assets/images/bg-contact-us.jpg');
    background-repeat: round;
}
.inner-container{
    background-color: #ffffffb3;
    border-radius: 30px;
    padding: 20px;
    height: inherit;
	
}
.box-background1{
    background-color: #ffffffb3;
    border-radius: 30px;
    padding: 20px;
  float: left;
margin-top:80px;
width: 100%;
	
}
.why-w3{
    padding-top: 20px;
    color: #494e4e;
    border-bottom: 1px solid #494e4e;
}
.why-w3 .title{
    padding-top: 20px;
}
.why-w3 .title div{
    float: left;
}

.why-w3 .title h2{
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-family: 'RopaSans-Regular';
    padding-bottom: 20px;
    border-bottom: 1px solid #494e4e;
}
.why-w3 .features div{
    background-color: #94a6a2;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    color: #fff;
    float: left;
}
.why-w3 .clients div{
    text-align: center;
    padding: 10px;
    float: left;
}
.from-group-apply {

    clear: both;
    margin-bottom: 15px !important;
    float: left;
    width: 100%;

}
.new-background-li:after{background: #000000; opacity: 0.55 !important;}
.new-background-li {
    background-color: #7c8f8e !important;
}
.design {
    font-size: 24px !important;
    color: #5A481C !important;
}
.design1 {
    margin-bottom: 27px !important;
   margin-top: 30px !important;
    font-size: 26px;
    border-bottom: 1px solid #494e4e;
    color: #494e4e !important;
    width: 44%;
	margin: 0 auto;
}
.li-box li {
    background-color: #94a6a2;
    float: left;
    width: 16.66666667%;
    color: #000;
    margin-bottom: 20px;
    margin-left: 20px;
	list-style:none;
}
.li-box li a {
    text-align: center;
    font-size: 20px;
    width: 100%;
    float: left;
    padding: 10px;
    color: #fff;
}
.li-box1 li {
    float: left;
    width: 19.667%;
	list-style:none;
}
.form-group .col-sm-offset-3.col-sm-9{float:left; margin-left: 25%;}
.from-group-apply .control-label{
    text-align: left;
    color: #404546;
    font-weight: normal;
    font-size: 18px;
    border-radius: 0px;
    border-color: #e9edec;
    box-shadow: none;
}
.address-section{
    font-size: 15px;
    color: #404546;
}
.btn-background {
font-size: 20px !important;
    width: 100%;

}
.address-section p{
	font-size: 20px;
    line-height: 24px;
}
.address-section h3 {
    margin-top: 0px;
    margin-bottom: 7px;
}
.btn-background{background:#5b461d !important; color:#fff !important; border-radius:0px !important; }

.padding-home h1{font-size: 16px !important;}
.padding-home p{padding:0px !important;}

#responsive-menu-button {
    display: none !important;
}
.padding-home {
    margin-top: 19px !important;
  
}
.padding-home h1{margin-top:21px; font-size:20px !important;}
#home .inner-container{background: no-repeat;}
.padding-home .col-lg-2.col-xs-12{float:left; text-align: center;}
.padding-home p{display:none;}
.padding-home .col-lg-1{float:left;}
#home .inner-container p {
  padding: 0 160px;
font-size: 23px;
width: 80%;
margin: 0 auto;
    margin-top: 0px;
text-align: center;
margin-top: 144px;
}
.new-from-group .control-label {
    text-align: left;
    color: #404546 !important;
    font-weight: normal !important;
    font-size: 18px !important;
}
.design {
    font-size: 24px !important;
    color: #5A481C !important;
}
.margin-pera p {
    text-align: left;
    color: #000;
	font-size:18px;
}
.margin-pera h3 {
    text-align: left;
    color: #000;
		font-size:22px;
}
.scroll-down, .mobile .scroll-down{font-size: 24px; float: left;
    margin-top: 37px;
    width: 100%; text-align: center;}
    .scroll-down a {
        color: #ffffff;
    }
    .scroll-down a:hover {
        color: #fff;
        text-decoration: none;
    }
    .scroll-down a i {
        font-size: 36px !important;
        color: #a82f98;
        margin-top: 0px;
       
    }
button#responsive-menu-button{background: #5a481c !important; 
width: 40px !important;
height: 40px !important;}
.responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus
{background: #ad208e !important;}


.li-box li a{font-size:22px;}
.control-label.col-sm-3.float-left {
    margin-top: 15px !important;
}
.address-section {
    margin-top: 24px;
}
.wpcf7-textarea{height: calc(6.25rem + 2px) !important;}
.clearboth {
    clear: both;
}
input[type="text"], input[type="tel"], input[type="email"] {
    font-size: 22px;
    height: 50px;
  }
  textarea {
    font-size: 22px !important;
  }

  /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.sum-bt{margin-left:34% !important;}
	.form-horizontal .control-label{text-align: left; padding-top: 0px;}
	.address-section h3{float:left; width:100%;}
	.address-section p{float:left; width:100%;}
	.address-section {margin-top:20px; float: left;
width: 100%;}
	.padding-home h1{font-size: 13px !important;}
	.col-lg-1.none-dis {
    display: none;
}
	#home p {

    margin-top: 32px !important;

}
	.padding-mon {
    padding: 0px !important;
}
	.navbar-nav {
    text-align: right;
}
	.folow a {
    width: 30px;
    padding: 5px;
    height: 30px;
}
	.navbar-toggle{ margin-right: -88px !important; 
	background-color:#5a481c !important;border: none !important; margin-top: -55px ; margin-right: 0px;}	
.header .navbar-nav a{padding-top: 14px;}	

.logo {

    width: 66%;

}.display-home2 {
    display: none;
}
#navbarCollapse {
margin-top: 12px;
    width: 100%;
    background-color: #9F9788E6;

}	
.padding-mon{padding:0px;}
.display-home {
    display: block;
}
.display-home2 {
    display: none;
}
#navbarCollapse {
margin-top: 12px;
    width: 100%;
    background-color: #9F9788E6;

}
.form-group {
    margin-bottom:4px !important;
}
.li-box li{width: 46.667%;margin-bottom: 3px;

margin-left: 3px;}
.design1 {
    width: 100%;
    font-size: 12px;
	float: left;
	margin-bottom: 15px !important;
margin-top: 15px;
}
	
.display-h2{display:none;}
.form-control{height: 20px;}
#comment{height:30px;}
.h-sty-1{margin-top:0px;}
.content-12 br{display:none;}
.content-12 p{font-size:12px;}
.h-sty-1{margin-bottom: 10px ; font-size: 15px !important;}
.new-from-group .control-label{font-size: 12px !important;}
.li-box li a{font-size: 12px;}
.box-background{margin-top: 37%;}
.box-background1{margin-top: 28%;}
.padding-home img{width: 30%;}
.padding-home h1{margin-top: 2px;}
.home1 p{padding: 0px; font-size: 13px; margin-bottom: 20px;}
.home1{width: 100%; margin-top: 37%;}
	
	
	
	
	
	#responsive-menu-button {
    display: block !important;
}
.main-header{margin-top: 0px; height: 104px;}
.folow li{margin-top: -12px !important;float: right;}
.anchors{ display: none;}
#responsive-menu-search-box {
    display: none;
}
#home .inner-container p {
    padding: 0;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    text-align: center;
    margin-top: 134px;
}
	main{
    /* display: none !important; */
}
}

@media only screen and (min-width: 981px) { }
@media only screen and (min-width: 768px) and (max-width:980px) { 
	

	
	.anchors{ display: none;}
#responsive-menu-search-box {
    display: none;
}}
@media only screen and (max-width: 991px) {#responsive-menu-button {
    display: block !important;
}
.body-content.pg-container {
    height: auto !important;
    float: left;
    width: 100%;
}
.pg-page{height: auto !important;
float: left;
width: 100% !important;}
.main-header{margin-top: 0px; height: 104px;}
.folow li{margin-top:0px !important;float: right; width: 17%;}
.anchors{ display: none;}
#responsive-menu-search-box {
    display: none;
}
	img {
    max-width: 100%;
    height: auto;
}
#home .inner-container p {
    padding: 0;
    font-size: 20px;
    width: 100%;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    text-align: center;
    margin-top: 134px;
}}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
.col-sm-2.display-home {
    display: none;
}
.col-sm-2.display-home2 {
    display: block;
}
#navbarCollapse{background:none;}
.header .navbar-nav a {

    padding-top: 14px;
    font-size: 10px;

}
.padding-home img {

    width: auto;

}
.alignnone.size-full {

    max-width: 100%;

}
.inner-container.zoomInOut {
    height: auto;
margin-top: 60px;
float: left;
width: 100% !important;}
.box-background1 {

    margin-top: 10%;

}
#home p {

 
    width: 75%;
    margin: 0 auto;
        margin-top: 0px;
    font-size: 18px;

}
.logo {
  margin-top:9px;
    width: 100%;

}
.folow a {

    width: 25px;
    padding: 3px;
    height: 25px;
    margin-top: 22px;

}
.header{height: auto;}
.folow li{width: 50%;}
.navbar-nav > li {

    margin-top: 19px;


}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
.col-sm-2.display-home {
    display: none;
}
.col-sm-2.display-home2 {
    display: block;
}
#navbarCollapse{background:none;}
.header .navbar-nav a {

    padding-top: 14px;
    font-size: 10px;

}
.padding-home img {

    width: auto;

}
.alignnone.size-full {

    max-width: 100%;

}
.inner-container.zoomInOut {
    height: auto;
    padding-top: 54px;
}
.box-background1 {

    margin-top: 10%;

}
#home p {

 
    width: 75%;
    margin: 0 auto;
        margin-top: 0px;
    font-size: 18px;

}
.logo {
  margin-top:9px;
    width: 100%;

}
.folow a {

    width: 25px;
    padding: 3px;
    height: 25px;
    margin-top: 22px;

}
.header{height: auto;}
.folow li{width: 50%;}
.home1 {
 
    margin-top: 17%;
}
.navbar-nav > li {

    margin-top: 19px;


}
}
@media only screen and (max-width:767px)
{	 
	.body-content.pg-container {
    height: auto !important;
    float: left;
    width: 100%;
}
	.display-home {

    position: absolute !important;
    top: 7px;
    right: 72px;
    width: 100%;

}
	.pg-page{height: auto !important;
float: left;
width: 100% !important;}
	.sum-bt{margin-left:34% !important;}
	.form-horizontal .control-label{text-align: left; padding-top: 0px;}
	.address-section h3{float:left; width:100%;}
	.address-section p{float:left; width:100%;}
	.address-section {margin-top:20px; float: left;
width: 100%;}
	.padding-home h1{font-size: 13px !important;}
	.col-lg-1.none-dis {
    display: none;
}
	#home p {

    margin-top: 32px !important;

}
	.padding-mon {
    padding: 0px !important;
}
	.navbar-nav {
    text-align: right;
}
	.folow a {
    width: 30px;
    padding: 5px;
    height: 30px;
}
	.navbar-toggle{ margin-right: -88px !important; background-color:#5a481c !important;border: none !important; margin-top: -55px; margin-right: 0px;}	
.header .navbar-nav a{padding-top: 14px;}	

.logo {

    width: 66%;

}.display-home2 {
    display: none;
}
#navbarCollapse {
margin-top: 12px;
    width: 100%;
    background-color: #9F9788E6;

}	
.padding-mon{padding:0px;}
.display-home {
    display: block;
}
.display-home2 {
    display: none;
}
#navbarCollapse {
margin-top: 12px;
    width: 100%;
    background-color: #9F9788E6;

}
.form-group {
    margin-bottom:4px !important;
}
.li-box li{width: 46.667%;margin-bottom: 3px;

margin-left: 3px;}
.design1 {
    width: 100%;
    font-size: 12px;
	float: left;
	margin-bottom: 15px !important;
margin-top: 15px;
}
	
.display-h2{display:none;}
.form-control{height: 20px;}
#comment{height:30px;}
.h-sty-1{margin-top:0px;}
.content-12 br{display:none;}
.content-12 p{font-size:12px;}
.h-sty-1{margin-bottom: 10px ; font-size: 15px !important;}
.new-from-group .control-label{font-size: 12px !important;}
.li-box li a{font-size: 12px;}
.box-background{margin-top: 37%;}
.box-background1{margin-top: 28%;}
.padding-home img{width: 30%;}
.padding-home h1{margin-top: 2px;}
.home1 p{padding: 0px; font-size: 13px; margin-bottom: 20px;}
.home1{width: 100%; margin-top: 37%;}
	
	
	
	
	
	#responsive-menu-button {
    display: block !important;
}
.main-header{margin-top: 0px; height: 104px;}
.folow li{margin-top: -12px !important;float: right;}
.anchors{ display: none;}
#responsive-menu-search-box {
    display: none;
}
#home .inner-container p {
    padding: 0;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    text-align: center;
    margin-top: 134px;
}
	/* main{
    display: none !important;
} */
	}
@media only screen and (max-width: 600px) {
	 
	.folow i {

		margin-top: 0px !important;}
}
@media only screen and (max-width: 375px) {
	
	.navbar-toggle {
	
    position: absolute !important;
    top:-3px !important;
    right: 97px !important;
}}
@media only screen and (max-width: 450px) {
	 
	
	.navbar-toggle {
    position: absolute !important;
    top:-3px !important;
    right: 97px !important;
}
	.navbar-toggle{margin-top:-39px !important}
	.folow li{margin-top: -26px;}
}
@media only screen and (max-width:740px ){
	.home1 {
    width: 80%;
    margin-top: 35%;
}
.navbar-toggle {
    position: absolute  !important;
    top: -55px;
    right: 108px;
}
.folow li{width: 5%;}
	.padding-home img {
    width: auto;
}
#home p {
   
    font-size: 16px;
}
.box-background1 {
    margin-top: 38%;
}
.inner-container{float: left;
width: 100% !important; margin-top: 15px; height: auto;}
}
@media only screen and (max-width:480px ){.inner-container{float: left;
width: 100% !important; margin-top: 64px; height: auto;}
.navbar-toggle {

    position: absolute !important;
    top: -50px;
 right: 112px;

}
.folow li{width: 13%;}
}
@media (max-width: 1300px) {}
@media (max-width: 1024px) {
	.folow a{width: 25px;
height: 25px; padding: 3px;}
	.home1 p{padding:0px;}
	.logo {
    width: 138px;
}
	.li-box li a {
    font-size: 11px !important;
} .header .navbar-nav a {
    font-size: 12px !important;
    padding: 10px 8px !important;
} .design1{width:100%; float:left;} .anchors ul li a{font-size: 11px;}}

#example3_122 .desc-in-bg{padding: 34px !important; font-size: 16px !important;}