body {
  overflow-x: hidden;
  font-family: 'Lato', sans-serif; background-color:#FFF; color:#000;}
 
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px grey; 
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    background-color:#FF7112; 
    border-radius: 50px;

}

::-webkit-scrollbar-thumb:hover {
    background:#000;
	
}
  
#roqstore-frame { margin-top:-60px; width:100%; height:100vh; background-color:#FFF;}
@media (max-width: 992px) {#roqstore-frame { margin-top:-60px; width:100%; height:100vh; background-color:#FFF;}}


@media (max-width: 992px) {.pc{display:none;}}
@media (min-width: 992px) {.pc{display:block;}}

@media (max-width: 992px) {.mobile{display:block;}}
@media (min-width: 992px) {.mobile{display:none;}}  
 
::-moz-selection {
  background: transparent;
  text-shadow: none;
  color:#FFF; }

::selection {
  background: transparent;
  text-shadow: none;
  color:#FFF; }

img::selection {
  background: transparent;
  color:#FFF; }

img::-moz-selection {
  background: transparent;
  color:#FFF; }



.font-blue {color:#FF7112;}
.font-yellon {color:#FF7112;}


.bg-yellon {background-color:#FF7112;}

.shadow{box-shadow: 0 8px 25px rgba(0,0,0,0.5);}

.shadow-contatos{box-shadow: 0 8px 25px rgba(0,0,0,0.5);}
@media (max-width: 992px) {.shadow-contatos{box-shadow:none;}}

.border-radius{border-radius:20px;}


.margin-corre{ position:relative; z-index:200; margin-top:-10%;}
@media (max-width: 992px) {.margin-corre{ position:relative; z-index:200; margin-top:0px;}}


  
@media (max-width: 992px) {
.shadow-nav{-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);}	} 
  
#mainNav {
     background-color:#FFF; 
	 text-align:center; text-transform:uppercase;
  }
  #mainNav .navbar-toggler {
    font-size: 30px;
    right: 0;
    padding: 20px 10px ;
    text-transform:  ;
    color:#000;
    border: 0;
    background-color:#FFF;
    font-family: 'Lato', sans-serif;	
	 }
  #mainNav .navbar-brand {
    color:;
	background-color: transparent;
    font-family: 'Lato', sans-serif;
	  }
    #mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
      color:#000;}
  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: 12px ;
    font-weight: 700;
    padding: 20px 10px ;
    letter-spacing:-0.3px ;
    color:#000;  
	background-color:#FFF;
	border-bottom:4px solid #FFF; 
   font-family: 'Lato', sans-serif;
   -webkit-transition: all 0.9s;
      -moz-transition: all 0.9s;
      transition: all 0.9s;
	  	   		
	}
	
	#mainNav .navbar-nav .nav-item .nav-link,{ 
	background-color:#FFF;
		
	}
	
     #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
	background-color: #FFF;
    color: #000;
	border-bottom:4px solid #FF7112;
	-webkit-transition: all 0.9s;
      -moz-transition: all 0.9s;
      transition: all 0.9s; 		
		
		}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 20px;
    padding-bottom:;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color: transparent;}
    #mainNav .navbar-brand {
      font-size: 10px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
    #mainNav .navbar-nav .nav-item .nav-link {
      padding:  15px 10px  !important; color:#000; background-color:transparent;}
    #mainNav.navbar-shrink {
      padding-top: 0;
      padding-bottom: 0;
      background-color:#FFF;
	  color:#000 !important;
	  -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);}		  
	  
	   }
      #mainNav.navbar-shrink .navbar-brand {
        font-size: 10px;
        padding:; } }		

.color-r{color:#6C6C6C;}
		
.buttom {
  z-index:1;
  position: absolute;
   top: 100%;
    left: 100%;
    transform: translate(-100%, -100%);
  display: table;
  width: 100%;
  height: auto;
  color:#FFF;
}


.slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  

.border-left{border-left:1px #FFF solid;}

.red{color:#FFFF00}

.btn-div{ position: relative;  
         cursor:pointer;
		-webkit-transition: all 0.9s;
      -moz-transition: all 0.9s;
      transition: all 0.9s;}
	  
.btn-div a{color:#000 !important;}	  

.btn-div:hover{ 
     z-index:100;             
	   -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn-div a:hover {color:#000 !important;}



.font-title{font-size:46px; letter-spacing:-4px;}
@media (max-width: 992px) {.font-title{font-size:30px; letter-spacing:-2px;}}

.font-big{  border-radius:50%; font-size:86px; padding:10px 42px; background-color:#FF7112; color:#FFF; text-align:center;}
@media (max-width: 992px) {.font-big{font-size:60px;  padding:1px 24px;}}


.bg-color-1{background-color:#010101; color:#FFF;}


.li{list-style-image: url(../img/icon-li.png);  font-size:20px;  letter-spacing:-1px; margin-left:-10px;}

.li-2{list-style-image: url(../img/icon-li-2.png);  font-size:16px;  letter-spacing:-0.3px; margin-left:-10px; font-weight:300;}

.bg-blue{ background-color:#FF7112; color:#FFF;}
.bg-blue-img{ background-image:url(../img/bg.png); background-size:cover; background-position:center center; color:#FFF;}


.bgs-sections{
	background-attachment:fixed;  background-repeat:no-repeat; background-position: top center; color:#FFF; background-size:cover;}
	
@media (max-width: 992px) {

.bgs-sections{
	background-attachment:scroll;  background-repeat:no-repeat; background-position: top center; color:#FFF; background-size:cover;}	
	
}
	
.bg-contatos{
	background-attachment:scroll;
	background-image:url(../img/bg-contatos.png);
	background-position:center center;
	background-repeat:no-repeat;}	
	
@media (max-width: 992px) {
	
.bg-contatos{
	background-attachment:scroll;
	background-image: none;
	background-position:center center;
	background-repeat:no-repeat;}	
	
}



.black-white-mobile{color:#000}
@media (max-width: 992px) {.black-white-mobile{color:#FFF}}

.bg-black{background-color:#000; color:#FFF;}
.black{ color:#000; }	
.fix{ 
position:fixed; 
bottom:0; right:0;  
z-index:999; 
margin-right:0px; 
padding:10px;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s; }
.fix:hover{ transform: rotate(50deg);}

 
.fix-2{ position:fixed;  z-index:999; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; } 
@media (max-width: 800px){.fix-2{ position:fixed;  z-index:999; top:160px; left: none; right:0; transform:  } }
.mini{ font-size:14px; letter-spacing:0px; font-weight:300;}
.mini-2{ font-size:17px; line-height:22px; letter-spacing:0px; font-weight:300; }
.bal{ width:170px; height:170px; background-color:#000; color:#FFF; padding:20px; border-radius:50%; font-size:14px; }
.b-left{ border-left: 1px solid #FFF;}
.white{color:#FFF;}
.intro{ padding:40px; max-width:100%;}

.force-left{margin-left:-3%; margin-top:4%; margin-bottom:140px; border-bottom-right-radius:50px;}
@media (max-width:992px){ .force-left{margin-left:0; margin-top:0;} }
 
hr{ border: 4px solid #FF7112; max-width:100px; border-radius:50px;}

.back-color{ background-color: #CCC; padding:1px 20px 1px 20px;}


a {
  color:#FFF;}
  a:hover {
     text-decoration:none; color:#CCC}	
.size{ text-align:center;}
.text-primary {
  color:  #FFF !important; }
  
.padding-font{padding: 2px 6px; background-color:#FF7112; color:#FFF !important;}
  
p{letter-spacing:-1px; font-size:20px;}

b{font-weight:900 !important;}  
  
h1,
h2,
h3{
  font-weight: 700;
  font-family: 'Poppins', helvetica; letter-spacing:-2px}

h4,
h5,
h6{
  font-weight: 700;
  font-family: 'Poppins', helvetica; letter-spacing:-1px}
  

  

section {
  padding: 90px 0; }
  section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px; }
  section h3.section-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Lato', sans-serif; }
@media (min-width: 768px) {
  section {
    padding: 100px 0; } }

.btn {
  font-family: 'Lato', sans-serif; 
  font-weight: 700; }

.btn-xl {
  font-size: 18px;
  padding: 20px 40px; }
  


.btn-primary {
  width:180px;
  text-align:center;
  background-color:#F7A01E;
  border-color:#F7A01E; 
  border-radius:50px;
  
  padding:6px 20px 10px 20px;
  color:#FFF;
  
  }
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color:#FF7112!important;
    border-color:#FF7112!important;
    color: #FFF; }
  .btn-primary:active, .btn-primary:focus {	  
	  -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    	 !important; }
		
.btn-primary-2 {	
  width:;
  font-size:12px;
  text-align:center;
  text-transform:uppercase;
  font-weight:300;
  background-color:#0E3D77;
  border-color: #0E3D77;
  margin-top: ;
  margin-bottom: 20px;
  padding:10px;
  color:#FFF;
  }
  .btn-primary-2:active, .btn-primary-2:focus, .btn-primary-2:hover {
    background-color: #107DAC!important;
    border-color:#107DAC !important;
    color:#FFF; }
  .btn-primary-2:active, .btn-primary-2:focus {
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.5);	!important; }	
	
.btn-primary-3 {
 
  background-color:#0E3D77;
  border-color:#0E3D77;
  margin-top:5px;
  padding:10px;
  color:#FFF;
  font-size:16px;  
  }
  .btn-primary-3:active, .btn-primary-3:focus, .btn-primary-3:hover {
    background-color:#000!important;
    border-color:#000!important;
    color: white; }
  .btn-primary-3:active, .btn-primary:focus {
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.5);	 !important; }	

  .btn-primary-marcas {
    background-color:#FFF!important;
    border-color:#FFF!important;
	border-radius:1%;
    color:#F00;
	margin-top:20px; 
 
   -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.5)!important; 
  }
 

		

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pulse:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
 
}

@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}





	

.main-timeline5{overflow:hidden;position:relative}
.main-timeline5 .timeline{position:relative;margin-top:-16%}
.main-timeline5 .timeline:first-child{margin-top:0}
.main-timeline5 .timeline-icon,.main-timeline5 .year{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.main-timeline5 .timeline:after,.main-timeline5 .timeline:before{content:"";display:block;width:100%;clear:both}
.main-timeline5 .timeline:before{content:"";width:100%;height:100%;position:absolute;top:0;right:0;z-index:2}
.main-timeline5 .timeline-icon{width:311px;height:311px;border-radius:50%;border:25px solid transparent;border-top-color:#000;border-right-color:#000;z-index:1;transform:rotate(45deg)}
.main-timeline5 .year{display:block;width:110px;height:110px;line-height:110px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.4);font-size:60px;font-weight:700;color:#000;text-align:center;transform:rotate(-45deg)}
.main-timeline5 .timeline-content{width:35%; min-height:364px; float:right;background:#000;padding:30px 20px;margin:50px 0;z-index:1;position:relative; border-radius:20px;}
.main-timeline5 .timeline-content:before{content:"";width:20%;height:2px;background:#000;position:absolute;top:50%;left:-20%;z-index:-1;transform:translateY(-50%)}
.main-timeline5 .title{font-size:27px;font-weight:700;color:#fff;margin:0 0 10px}
.main-timeline5 .description{font-family: 'Lato', sans-serif; font-weight:400; font-size:16px;color:#fff;line-height:20px;margin:0; letter-spacing:0px;}
.main-timeline5 .timeline:nth-child(2n):before{}
.main-timeline5 .timeline:nth-child(2n) .timeline-icon{transform:rotate(-135deg);border-top-color:#FF7112;border-right-color:#FF7112;}
.main-timeline5 .timeline:nth-child(2n) .year{transform:rotate(135deg);color:#FF7112}
.main-timeline5 .timeline:nth-child(2n) .timeline-content{float:left}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{left:auto;right:-20%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content,.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{background:#FF7112}
.main-timeline5 .timeline:nth-child(3n) .timeline-icon{border-top-color:#000;border-right-color:#000}
.main-timeline5 .timeline:nth-child(3n) .year{color:#000}
.main-timeline5 .timeline:nth-child(3n) .timeline-content,.main-timeline5 .timeline:nth-child(3n) .timeline-content:before{background:#000}
.main-timeline5 .timeline:nth-child(4n) .timeline-icon{border-top-color:#FF7112;border-right-color:#FF7112}
.main-timeline5 .timeline:nth-child(4n) .year{color:#FF7112}
.main-timeline5 .timeline:nth-child(4n) .timeline-content,.main-timeline5 .timeline:nth-child(4n) .timeline-content:before{background:#FF7112}
@media only screen and (max-width:1199px){.main-timeline5 .timeline{margin-top:-103px}
.main-timeline5 .timeline-content:before{left:-18%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{right:-18%}
}
@media only screen and (max-width:992px){	
.main-timeline5 .timeline-icon{width:140px;height:140px;border-radius:50%;border:5px solid transparent;border:#000;z-index:1;transform:rotate(45deg)}		
.main-timeline5 .timeline{margin-top:0;overflow:hidden}
.main-timeline5 .timeline:before,.main-timeline5 .timeline:nth-child(2n):before{box-shadow:none}
.main-timeline5 .timeline-icon,.main-timeline5 .timeline:nth-child(2n) .timeline-icon{ margin-top:30px;margin-bottom:10px;position:relative;transform:rotate(135deg)}
.main-timeline5 .timeline:nth-child(2n) .year,.main-timeline5 .year{transform:rotate(-135deg)}
.main-timeline5 .timeline-content,.main-timeline5 .timeline:nth-child(2n) .timeline-content{width:100%;float:none;text-align:center;padding:25px 20px;margin:0 auto}
.main-timeline5 .timeline-content:before,.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{width:2px;height:25px;position:absolute;top:-22px;left:50%;z-index:-1;transform:translate(-50%,0)}
}



.form-orcamento {
      background: #FFF;
      padding: 30px 25px;
      border-radius: 20px;
      box-shadow: 0 8px 25px rgba(0,0,0,0.5);
      max-width: 420px;
      width: 100%;
    }
    
    .form-label {
      display: block;
      font-weight: 600;
      margin-bottom: 6px;
      color: #000;
    }

    .required {
      color: #FF7112;
      margin-left: 2px;
    }

    .form-input,
    .form-select,
    .form-textarea {
      width: 100%;
      padding: 12px 14px;
      margin-bottom: 20px;
      border-radius: 10px;
      border: 1.5px solid #FF7112;
      background-color: #FFF;
      color: #000;
      font-size: 1rem;
      transition: border-color 0.3s ease;
      resize: vertical;
    }

    .form-input::placeholder,
    .form-textarea::placeholder {
      color: #777;
    }

    .form-input:focus,
    .form-select:focus,
    .form-textarea:focus {
      outline: none;
      border-color: #FF7112;
      background-color: #FFF;
    }

    .btn-submit {
      width: 100%;
      padding: 14px 0;
      background-color: #FF7112;
      border: none;
      border-radius: 50px;
      font-weight: 700;
      font-size: 1.1rem;
      color: #FFF;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .btn-submit:hover {
      background-color: #189D0E;
    }

    
    @media (max-width: 480px) {
      .form-orcamento {
        padding: 20px 15px;
      }
    }