/*npmix.com - comunicação & tecnologia - criação e desenvolvimento - serviços */

body
    {    
     
        background-color: #e5e5e5;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
 #logo {
	  padding:0;
	  margin:0;
	  margin-top:0px;
	  
  }
#teste { background-color: #000;}
	/* start container */
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
/* end page container */
/* start preloader */
.preloader
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        /*justify-content: center;*/
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-rotating-plane.sk-spinner 
    {
         width: 40px;
        height: 40px;
        background-color: #28a7e9;
         margin: 0 auto;
        -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
                animation: sk-rotatePlane 1.2s infinite ease-in-out;
     }

@-webkit-keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */
/* start navigation */
.navbar-default .dropdown-menu>li>a:hover,.navbar-default .dropdown-menu>.active>a,.navbar-default .dropdown-menu>.active>a:hover{
	background-color:#272727
}
.navbar-default
    {
        background: #171515;
        border: none;
        box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
        margin: 0!important;
    }
.navbar-default .navbar-brand
    {
        color: #28a7e9;
        font-size: 30px;
        font-weight: bold;
        height: 70px;
        line-height: 35px;
    }
.navbar-default .nav li a
    {
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        height: 70px;
        line-height: 40px;
    }
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus,
.navbar-default .nav li a.current
    {
        color: #ff0000;
    }

.navbar-default .navbar-toggle
    {
        border: none;
        padding-top: 20px;
    }
.navbar-default .navbar-toggle .icon-bar
    {
        background: #fff;
        border-color: red;
    }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent }
/* end navigation */

#dorodape { 
             margin: 0px;
            width: 100%;
			color: #FFF;
			height: auto;
            background: url('../imagens/back_rodap.jpg') no-repeat;
            background-attachment: fixed;
            background-size: cover;
			text-align: center;
}
#dorodape  p { font-size: 18px;
               margin-bottom: 30px;
}
#dorodape h2 { margin: 0px;
               padding-top: 50px;
			   color: #fff;
			
}
/*start rodape2*/
#dorodape2 { 
            margin: 0px;
            width: 100%;
			color: #FFF;
			height: auto;
            background: url('../imagens/back_paisagismo_back.jpg') no-repeat;
            background-attachment: fixed;
            background-size: cover;
			text-align: center;
}
#dorodape2  p { font-size: 18px;
               margin-bottom: 30px;
}
#dorodape2 h2 { margin: 0px;
               padding-top: 50px;
			   color: #fff;
}
.text-justify {
	text-align:justify
}			
}
/*end rodape2*/
/* start bkg */
 #cop { 
       padding: 15px;
       width: 100%;
	   color: #ccc;
	   background-color: #272727;
}
#cop a { text-decoration: none; }

#bkg {      margin-top: 20px;
            margin-bottom: 30px;
            padding: 20px;
            width: 100%;
			height: auto;
			color: #fff;
            background: url('../images/includes/back-notes.jpg') no-repeat;
            background-attachment: fixed;
            background-size: cover;
			text-align: center;
}
#catlat { 
 
         width: 100%;
         
          
}
#bkg  p { font-size: 18px;
              
}
#bkg h2 ,h3 { margin-bottom:  10px;
              padding: 10px 10px 10px 10px; 
			  color: #fff;
              text-align: center;
			   
			
}
#bkg h3 { margin: 0px;
               padding: 10px 10px 10px 10px; 
			   color: #fff;
			   background-color: #ff0000;

}

/*end bkg */
#rodap { width: 100%;
         height: auto;
}
#slidepro { 
            margin: 0px;
            width: 100%;
			color: #FFF;
			height: auto;
            background: url('../images/backslide.jpg') no-repeat;
            background-attachment: fixed;
            background-size: cover;
			text-align: center;
    
}
#slidepro p {padding: 50px 0; }
.overlay { width: 100%;
           height:auto;
       
           background: rgba(0, 0, 0, 0.5);

    }  
#bgco { padding-bottom: 40px;
        width: 100%;
        height: auto;
        background-color: #E5E5E5;
}
/* start home slider*/
#home { padding-top: 0; 
        width: 100%;
		height: auto:
}
.slides,.flex-control-nav,.flex-direction-nav{margin:0; padding:0; list-style:none;}
.flexslider{margin:0 0 60px; background:#fff; position:relative; zoom:1;}
.flexslider {
	margin: 0 0 60px;
	background: #fff;
	padding: 0;
	position: relative;
	zoom: 1;
	background-color: #F3ECE8;
	overflow: hidden;
	margin: 0;
}
.flexslider .slides {
	padding: 0;
	zoom: 1;
}
.flexslider .slides img {
	width: 100%;
	min-width: 648px;
	min-height: 270px;
	display: block;
}
.flexslider .slides > li {
	display: none;  
	padding: 0;
	position: relative;
	-webkit-backface-visibility: hidden;
}
.flexslider img {
	position: relative;
	width: 100%;
}
.slider-caption {
	color:white;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	z-index: 7;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.templatemo-slider-btn
{
	background: #ffa400;
	border-radius: 25;
	border: 2px solid ;
	color: #FFFFFF;
	font-weight: bold;
	margin: 40px 0 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	height: 45px;
	width: 120px;
	padding: 10px 10px 10px 10px;
}
.templatemo-slider-btn:hover,
.templatemo-slider-btn:focus {
	background: #fff;
	color: #ffa400;
	border: 2px solid;
}
/* end home slider*/
/* start  npmix footer */
footer
{
	border-top: 1px solid #404040;
	background: #202020;
	color: #ccc;
	padding: 30px 0 30px 0;

}
footer ul li  {
    list-style: none;    
    padding: 5px 0 5px 0 ;    
    margin: 0;
    font-size: 14px;
    line-height: 18px;
	text-align: left;
	}
	
 footer  a { color: #ccc;}
         a:focus,a:hover { 
	     color:#FF0000;
         text-decoration: none;
}
.social_icon a
{
	border: 1px solid #FFF;
	border-radius: 50%;
	color: #FFF;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	margin: 0 4px 24px 6px;
}
.social_icon a:hover
{
	border-color: transparent;
	background: #606060;
}
#cop { padding: 15px;
       width: 100%;
	   color: #ccc;
	   background-color: #272727;
}
#cop a { text-decoration: none; 
}
.rico_icon {
 padding-left: 25%;
 padding-right: 25%;
}

/* end npmix footer */

#bka { width 100%;
       color: #fff;
       height: auto;
	   background: url('../images/handy-somos.jpg') no-repeat;
       background-attachment: fixed;
       background-size: cover;
	   border-bottom: 0px solid #ddd;
	   
}
#bka a {  color: #333;}
         a:focus,a:hover { 
	     color:#00CCCC;
         text-decoration: none;}
	
#bka h1 { 
	   font-size: 70px;
       padding-top: 250px;
       text-align: center;
	   
}
#bka img {
          padding: 150px 0 100px 0;
		
       
	  
}
#formcont { width 100%;
       
       color: transparent;
       height:auto;
	   
	   
}
#tree { width 100%;
       height: 300px;
	   background: url('../images/arte-produtos.jpg') no-repeat;
       background-attachment: fixed;
       background-size: cover;
}
#transp { 
         padding-top:50px;
         width: 100%;
         height: auto;
		 background: url('../images/back_chip.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;				
}
#point { margin-top: 0px;
        text-align: center;
		color: #fff;
}
#point h1 { color: #FFF; !important;
           font-size: 40px;
           text-align: center;
           margin-top: 30px;
           margin-bottom: 50px;

}
#transpi { 
         padding-top:50px;
         width: 100%;
         height: 400px;
		 background: url('../images/img-back-cat-service.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
         color: #fff;
}
#transpi h1 { Color: #fff; 
           font-size: 40px;
           text-align: center;
           margin-top: 30px;
           margin-bottom: 50px;
           
           
}
/*--------start transpp---------*/
#transpp { 
         padding-top:50px;
         width: 100%;
         height: 400px;
		 background: url('../images/back12.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
         color: #fff;
}
#transpp h1 { Color: #fff; 
           font-size: 40px;
           text-align: center;
           margin-top: 30px;
           margin-bottom: 50px;
          text-shadow: 0 1px 2px rgba(0,0,0,.6);
           
           
}
/*-----------end transpp---------*/
/*--------start transpp---------*/
#final { 
         padding-top:50px;
         width: 100%;
         height: auto;
		 background: url('../images/Arte-Backk.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
         color: #fff;
}
#final h1 { Color: #fff; 
           font-size: 40px;
           text-align: center;
           margin-top: 30px;
           margin-bottom: 150px;
           
           
}
/*-----------end final---------*/
#btx { text-align: center;}
#backcom { padding-top: 40px;
         width: 100%;
         height: 250px;
		 background: url('../images/quem-somos2.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;

}
.larg{  width: 100%;
     height: 400px;
}

           
#backi { padding-top: 40px ;
         padding-bottom: 40px;
         padding-left:15px;
         width: 100%;
         height: auto;
		 background: url('../images/back-p.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
         align-items: center;
}
#backi p { padding: 20 15 20 15 px;
           font-size: 19px;
           text-align:center;
}
#backi p { padding: 20 15 20 15 px;
           font-size: 19px;
           text-align:justify;
}


#backc { padding-top: 0px;
         margin-top: 0px;
         width: 100%;
         height: auto;
		 background: url('../images/back-.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
}
#backc p { padding: 20 15 20 15 px;
           font-size: 19px;
           text-align:center;
}
#backp p { padding: 20 15 20 15 px;
           font-size: 19px;
           text-align:justify;
}
#banner { padding-top: 0px;
          width: 100%;
          height: auto;
    z-index: -1
}
#call { text-align: center;}
#pad { padding-top: 30px; 
}
#backprod { padding-top: 50px;
         width: 100%;
         height: 200px;
		 background: url('../images/bgpeop.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
}

.titulo {   
            background: rgba(0,0,0, 0.3);
            color: #ccc;
            text-align: center;
            padding: 15px 15px 15px 15px;
            color: #ccc;
			line-height: 20px;
            max-width:  100%;
            height: 80px;
   }
.titulo h2 { padding-bottom: 30px;
             margin: 0px;
     }

#divcenter { 
            background: rgba(255,255,255,0.5);
            color: #ccc;
            text-align: center;
            padding: 15px 15px 35px 15px;
            color: #ccc;
			line-height: 20px;
            max-width:  100%;
			
		
}
#divcenter li {list-style: disc;   
    padding: 5px 0 5px 0 ;    
    margin: 0;
    color: #009999;
    font-size: 18px;
    line-height: 0px;
	text-align: left;
   margin-bottom: 0px;
}
#divcenter
h3 {   color: #FFF; 
    margin: 0px 0px 15px 0px;
background: linear-gradient(to left, #6600CC, #18a3b1);}

#bxcenter { 
            background: rgba(255,255,255,0.5);
            color: #ccc;
            text-align: center;
            padding: 15px 15px 15px 15px;
            color: #ccc;
			line-height: 20px;
            max-width:  100%;		
}

#construction { width: 100%;
                height: auto;
}
#fiel { padding-top: 20px;
       align: hight;
}
#bio {  padding: 15px;
        align: left;
        text-align: left;
	   
}
#bio p { align: left;
       text-align: left;
	   text-size: 12px;
}
.xiss { width: 100%;
       text-align: center;  
       color: #666;
}
.text-caption {right:20%;
		    left:20%;
		    padding-bottom:30px
	        position:absolute;
	        right:35%;
	        bottom:20px;
	        left:15%;
	        z-index:10;
	        padding-top:20px;
	        padding-bottom:20px;
	        color:#fff;
	        text-align:center;
	        text-shadow:0 1px 2px rgba(0,0,0,.6)
}
#divcenter h1 { padding: 10px;
               font-size: 1.7em;
               color: #fff;
               background-color: #0CC;
}
#divcenter p { font-size: 18px;
               text-align: justify;
               padding: 0px;
               color: #777;
               font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.52857; color: #333333;
}
.texto-ajuste { padding: 20px;
                margin: 20px;
               
 }
#quem {  background: rgba(0,0,0,0.7);
        text-align: justify;
        font-size: 16px;
		line-height: 5px;
		word-spacing: 3px;
		padding: 40px;
		margin-bottom: 30px;
		border: 1px solid; color: #333;
}
#bkfund { width 100%;
       color: #fff;
       height: auto;
	   background: url('../images/back-1000.jpg') no-repeat;
       background-attachment: fixed;
       background-size: cover;
	   border-bottom: 0px solid #ddd;
	   
}
#carro  h1 { padding: 3px;
             color: #fff;
             font-size: 45px;
             background-color: rgba(0,0,0,0.7)
}
#car  h1{ color: #fff;
          font-size: 30px;
}
#topt { width 100%;
        height: 120px;
         padding-top: 20px;
         width: 100%;
         background-color:	#cc0000;		
}
#topt h1 { padding: 0px 0 50px;
               font-size: 2.5em;
               color: #fff;
			   text-align: center;
              
}
#topt p { margin-top: 10px;
        text-align: justify;
}
#bg-overlayy { background: url(../images/overlay-pixel.png) repeat;
           height: 100%;
           left: 0;
           position: fixed;
           top: 200px;
           width: 100%;
           z-index: -2;
}
#comunic { width: 100%;
          height: 150px;
		  background-color: #BB0916;
}
.bg_video{  padding-top: 0px;
			position: fixed; 
			right: 0; 
			bottom: 0;
			min-width: 100%; 
			min-height: 100%;
			width: auto; 
			height: auto; 
			z-index: -1000;
			background: url(images/torre.jpg) no-repeat;
			background-size: cover; 
		}		  
		
		/* inicio-cadastro2*/
		
#cadastro2
{   padding-top: 60px;
    width: 100%;
    height: auto;
	background: url('../images/back-contact.jpg') no-repeat;
    background-attachment:fixed;
    background-size: cover;
	color: #fff;
    z-index: 20000;
}
#cadastro2 h2 { font-weight: 400; }
#cadastro2 .text-center p { padding: 5px 10px 10px 10px; background: rgba( 0,0,0,0.5 );margin: 20px 0 15px 0;font-size: 18px;}
#cadastro2 h2, #cadastro2 h3 { padding: 20px 0 10px 0; color: #ff0000;margin: 20px 0 0 0;}
#cadastro2 .form-control
{
	background: transparent;
	border: 1px solid #444;
	border-radius: 0px;
	color: #FFF;
	margin: 0 0 5px 0;
}
#cadastro2 input { height: 40px; }
#cadastro2 .form-control:focus
{
	background: #202020;
	border-color: transparent;
	box-shadow: none;
}
#cadastro2 input[type="submit"]
{   padding: 0 30px 0;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 2px;
	width: 180px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#cadastro2 input[type="submit"]:hover
{
	background: #ff0000;
	border-color: transparent;
	color: #FFF;
}
#cadastro2 .address
{
	padding: 20px;
	padding-top: 0;
	margin: 0;
}
#cadastro2 .fa
{
	color: #ffa400;
	font-size: 20px;
	padding: 6px 10px 6px 0;
}
/* fim-cadastro2 */
#cadastra
{   padding-top: 20px;
    width: 100%;
    height: auto;
	background-color: #ececff;
	color: #fff;
    z-index: 20000;
}
#cadastra h2 { font-weight: 400; }
#cadastra .text-center p { padding: 5px 10px 10px 10px; background-color: #333;margin: 20px 0 15px 0;font-size: 18px; color: #fff;}
#cadastra h2, #cadastra h3 { padding: 20px 0 10px 0; color: #333;margin: 20px 0 0 0;}
#cadastra .form-control
{
	background: transparent;
	border: 1px solid #444;
	border-radius: 0px;
	color: #333;
	margin: 0 0 5px 0;
}
#cadastra input { height: 40px; }
#cadastra .form-control:focus
{
	background: #ccc;
	border-color: transparent;
	box-shadow: none;
}
#cadastra input[type="submit"]
{   padding: 0 30px 0;
	color: #333;
	font-weight: 600;
	letter-spacing: 2px;
	width: 180px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#cadastra input[type="submit"]:hover
{
	background: #ff0000;
	border-color: transparent;
	color: #FFF;
}
#cadastra .address
{
	padding: 20px;
	padding-top: 0;
	margin: 0;
}
#cadastra .fa
{
	color: #ffa400;
	font-size: 20px;
	padding: 6px 10px 6px 0;
}
/* fim-cadastra */
#bgcom { padding: 0px 0 70px 0;
         width: 100%;
         height: auto;
		 background: url('../images/bk-comunica.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
		 
}
#bkgprod { padding-bottom: 50px;
	      background-color: #202020;
		 width: 100%;
         height: auto;
		 background: url('../images/bkg-prod.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
         
}

.cap{
	right:50%;
	left:20%;
	position:absolute;
	bottom:40px;
	z-index:20;
	color:#fff;
	text-align:center;
	font-size: 1.2 em;
	line-height: 10px;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.cap .btn {
	text-shadow:none
	padding-top: 20px;
}
.cap h1 {padding: 20px 0 0 0;
}
#bkgcat {
	     padding: 20px;
		 margin: 0 0 30px 0;
		 background: rgba( 0,0,0,0.9 );
		 font-size: 18px;
		 line-height: 22px;
}
#bkgcat h2 { margin-top: 1px;
}
# gifanima { margin-bottom: 30px;
         padding-bottom: 20px;
}
#banercat { margin-top: 0px;
}
#cadastre
{   
    width: 100%;
    height: auto;
	background: url('../images/back-notes.jpg') no-repeat;
    background-attachment:fixed;
    background-size: cover;
	color: #fff;
    z-index: 20000;
}

#cadastre h2 { font-weight: 400; }
#cadastre .text-center p { padding: 5px 10px 10px 30px; background: rgba( 0,0,0,0.10 );margin: 20px 0 15px 20px;font-size: 18px;}
#cadastre h2, #cadastro2 h3 { padding: 20px 0 10px 0; color: #ff0000; margin: 20px 0 0 0; background-color: #000;}
#cadastre .form-control
{
	background: transparent;
	border: 2px solid #444;
	border-radius: 0px;
	color: #FFF;
	margin: 0 0 5px 0;
}
#cadastre input { height: 40px; }
#cadastre .form-control:focus
{
	background: #555;
	border-color: transparent;
	box-shadow: none;
}
#cadastre input[type="submit"]
{   padding: 0 30px 0;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 2px;
	width: 180px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#cadastre input[type="submit"]:hover
{
	background: #ff0000;
	border-color: transparent;
	color: #FFF;
}
#cadastre .address
{
	padding: 20px;
	padding-top: 0;
	margin: 0;
}
#cadastre .fa
{
	color: #ffa400;
	font-size: 20px;
	padding: 6px 10px 6px 0;
}
/* fim-cadastro2 */
#backfolio { width: 100%;
            background: rbga( 0,0,0,0.8 );
			background-color: #efefef;
			padding: 15px 30px 0px 30px;
			border-radius: 10px;
}
#myweb { padding-top: 40px;
         width: 100%;
         height: 300px;
		 background: url('../images/back-form.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
}
#mywebb { padding-top: 40px;
         width: 100%;
         height: 300px;
		 background: url('../images/serve-webb.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
}
#myw{ padding-top: 40px;
         width: 100%;
         height: 300px;
		 background: url('../images/banner-assessoria-tec.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
}
#mywebbe { padding-top: 100px;
         width: 100%;
         height: auto;
		 background: url('../images/marketing-digital-para-empresas.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
		 max-height: 400px;
}
#mywebbe h1 {  margin: 40px 0 40px 0;
              padding: 50px 0 90px 0;
              text-align: center;
              color: #fff;
              font-size: 40px;
              font-weight: 800;
			  text-shadow: 0 2px 4px rgba(0,0,0,.6);
    
}
#mywebbi { padding-top: 20px;
         width: 100%;
         height: auto;
		 background: url('../images/marketing-digital-para-empresas.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
		 max-height: 400px;
}
#mywebbi h1 {  margin: 40px 0 40px 0;
              padding: 40px 0 60px 0;
              text-align: center;
              color: #fff;
              font-size: 40px;
			  text-shadow: 0 2px 4px rgba(0,0,0,.6);
    
}
#mywebx { padding-top: 40px;
         width: 100%;
         height: 300px;
		 background: url('../images/code-font-notebook.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
}
#mywebex {padding-top: -150%; 
         width: 100%;
         height: 300px;
		 background: url('../images/backslidee.jpg') no-repeat;
         background-attachment: fixed;
         background-size: cover;
       
}
#backtec {width: 100%;
         height: auto;
		 background: url('../images/.png') no-repeat;
         background-attachment: fixed;
         background-size: cover;
}
	
.space { margin-top: 10px;
         width: 100%;
         height:100px;
		 background-color: #transparent;
}
#rgbform   p { background-color: #fff;
             margin:15px;
			 padding:15px;
			 color: #999;
			 font-size: 16px;
		
 }
#rgbform   h2{ background-color: #fff;
            margin:15px 0 0 0;
			padding:15px;
			color: #333;
 }
.form-controll { 
                 display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#fff;
	background-color:#ff0000;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}		  
.form-controll:hover {
	border-color:#66afe9;
	background-color: #000;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
#overl { width: 100%;
         height: auto;
         text-align: center;
		 color: #fff;
       
}
#overl h1 { padding-top: 0px; 
           color: #FFF;
            margin-bottom: 0px;
}