/* CSS Document */
body {
margin:0px;
padding:0px;
background-color:#ffffff;
font: normal 16px 'Montserrat', sans-serif !important;
}

::-moz-selection {
    color: #FFFFFF;
    background: #dcaa00;
}

::selection {
    color: #FFFFFF;
    background: #dcaa00;
}

a {
text-decoration:none !important;
}

header {
width: 100%;
background-color:#ffffff;
}

#headertop {
width:100%;
height:30px;
margin:0px auto;
background-color:#f5f5f5;
font: normal 12px 'Montserrat', sans-serif !important;
border-bottom:1px solid #e0dede;
overflow:hidden;
}

#headertopin {
width:1290px;
height:auto;
margin:0px auto;
line-height:30px;
}

#headertopinleft {
float:left;
text-align:left;
padding-left:2px;
overflow:hidden;
}

#headertopinright {
float:right;
text-align:right;
}

#headertop .fa-phone-square, .fa-whatsapp, .fa-envelope, .fa-instagram, .fa-facebook, .fa-pinterest, .fa-linkedin, .fa-google-plus, .fa-twitter, .fa-youtube{
color:#dcaa00;
}

#headertop a{
color:#333333;
text-decoration:none;
}

#headermid {
width:100%;
height:auto;
margin:0px auto;
padding-top:5px;
border-bottom:2px solid #dcaa00;
}

#headermidin {
width:1320px;
height:auto;
margin:0px auto;
}

			.container-fluid {
				background-color:#ffffff !important;
			}
			 
			.carousel-inner > .item > img,
			  .carousel-inner > .item > a > img {
				  width: 100%;
				  margin: auto;
			  }
			  
			.navbar{
				border:0px !important;
			 	background-color:#ffffff !important;
				}
			  
			.navbar img{
				padding-top:15px !important;
				}
				
			.navbar-collapse, .navbar-header{
				background-color:#ffffff;
				}
				
			.navbar-nav li a {
				color: #333333 !important;
				font-weight:bold;
				font: normal 14.5px 'Montserrat', sans-serif !important;
				}
				
			.navbar-nav li a:hover {
				color:#dcaa00 !important;
				}
				
			.dropdown-menu li a {
				color: #333333 !important;
				}
				
			.nav {
				padding-top:18px !important;
				}
				
				.container-fluid small {
				padding:1px 4px 1px 4px;
				color:#FFFFFF;
				background-color:#dcaa00;
				}

			#topnavbttn {
			background-color:#dcaa00;
			border:#cb9d02 solid 1px;
			}

			#topnavbttn:hover{
			background-color:#cb9d02;
			}

			#topnavbttn a{
			color:#FFFFFF !important;
			}
			.dropdown:hover .dropdown-menu {
				display: block;
			}
			.dropdown-menu {
				margin-top: 0px;
			}
			
			.caret-right {
				border-bottom: 4px solid transparent;
				border-top: 4px solid transparent;
				border-left: 4px solid;
				display: inline-block;
				height: 0;
				margin-left:8px;
				width: 0;
			}

#pagestarts {
width: 100%;
height:auto;
margin:0px auto;
text-align:center;
padding:60px 0px 60px 0px;
overflow:hidden;
background:#333333;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(145,109,75,.2), rgba(145,109,75,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(145,109,75,.2), rgba(145,109,75,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(145,109,75,.2), rgba(145,109,75,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(145,109,75,.2), rgba(145,109,75,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
}

#sliderbody {
width: 100% !important;
}

#slidertext {
width: 100%;
margin-top:30px;
font-size:26px;
color:#dcaa00;
margin:0px auto;
}

#slidertext h2{
padding:0px !important;
margin:0px !important;
font-size:26px !important;
}

#abtcubiscan {
width: 85%;
padding:30px 0px 15px 0px;
font-size:18px;
color:#dcaa00;
margin:0px auto;
}

#pagestarts img{
padding:15px 0px 15px 0px;
}

#sliderbttn {
width:250px;
margin:0px auto;
background-color:#dcaa00;
border:#cb9d02 solid 1px;
overflow:hidden;
padding:12px;
margin-top:35px;
}

#sliderbttn a{
color:#FFFFFF;
font-size:20px;
text-decoration:none;
}

#sliderbttn:hover{
background-color:#cb9d02;
}

#homeproducts {
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
margin:40px 0px 40px 0px;
padding-bottom:40px;
background-color:#f0f0f0;
text-align:center;
}

#homeproducts h4{
font-size:25px;
padding-top:40px;
}

#homeproducts hr{
border: 0;
width: 5%;
background-color: #dcaa00;
height: 2px;
}

.filter-section {
	padding-top:0px;
}


.filter-container {
    text-align:center;
    padding:20px;
}


ul.filter > li > a {
    color:#1D70B7;
    font-size:20px;
    line-height:40px;
}

ul.filter > li > a:hover,ul.filter > li > a:focus {
    text-decoration:none;
    color:#ea1f24;
    outline:none;
}

ul.filter > li.active a {
    color:#111111;
}

ul.filter > li span {
    color:#dddddd;
    font-size:20px;
    display:inline-block;
    margin:0 5px
}

.filter-section .filter-container .filter > li {
    padding:0;
    margin:0
}

.portfolio {
width:100%;
height: auto;
overflow:hidden;
}

.portfolioeach {
width:100%;
height: auto;
margin:0px auto;
overflow:hidden;
margin-bottom:35px;
border:1px #e0e0e0 solid;
background-color:#ffffff;
}

.portfolioeach:hover {
border:1px #cb9d02 solid;
}

.portfolioeach img{
width:100%;
height: auto;
padding:5px;
}

#portfolioname {
width:100%;
height: 40px;
line-height: 40px;
margin:0px auto;
overflow:hidden;
padding-left:8px;
color:#ffffff;
background-color:#dcaa00;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.probttn {
    background: transparent !important;
    border: none !important;
}

.VW{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}.VW iframe{position:absolute;top:0;left:5;width:100%;height:96%;}

#subscribe {
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
padding:30px 0px 30px 0px;
background-color:#000000;
border-top:1px solid #e0dede;
background-image:url(https://www.cubiscan.ae/images/cubiscan-warehouse.jpg);
}

.subscribebox {
height:auto;
color:#333333;
background-color:#ffffff;
padding:25px;
overflow:hidden;
line-height:23px;
margin-bottom:15px;
}

.subscribebox h3{
color:#dcaa00;
}

.subscribebttn1 {
text-align:center;
float:left;
color:#FFFFFF;
font-size:16px;
padding:15px;
background-color:#dcaa00;
border:0px !important;
}

#semifooterfulid {
width:100%;
color:#FFFFFF;
background-color:#333333;
text-align:left;
overflow:hidden;
font-size:14px;
line-height:21px;
}

#semifooter {
width:1320px;
height:auto;
margin:0px auto;
overflow:hidden;
padding:25px 0px 25px 0px;
}

#semifooter img{
padding:2px;
border:1px solid #666666;
border-radius: 6px;
}

#socialfoot {
margin:19px 0px 19px 0px;
font-size:16px;
}

#socialfoot .fa-instagram, .fa-facebook-square, .fa-rss-square, .fa-pinterest-square, .fa-linkedin-square, .fa-google-plus-square, .fa-twitter-square, .fa-youtube-square{
color:#ffffff;
}

footer {
width:100%;
height:auto;
overflow:hidden;
background-color:#221f20;
color:#dcaa00;
}

#footerin {
width:1320px;
height:auto;
margin:0px auto;
padding:25px 0px 15px 10px;
text-align:left;
}

#footerin {
width:1320px;
height:auto;
margin:0px auto;
margin-bottom:15px;
padding:15px 0px 15px 0px;
text-align:left;
}

#footerin a{
color:#dcaa00;
text-decoration:none;
font-size:14px;
line-height:21px;
}

#footerin a:hover{
color:#ffffff;
}

.footercopy{
text-align:left;
margin:0px 0px 5px 0px;
}

.footerlinks{
text-align:right;
margin:0px 0px 5px 0px;
}

footer h5{
color:#dcaa00;
}

/* Home End*/

#breadcrumbtop {
width:100%;
height:50px;
margin:0px auto;
background-color:#f5f5f5;
border-bottom:1px solid #e0dede;
border-top:1px solid #e0dede;
overflow:hidden;
padding:5px 15px 0px 0px;
text-align:right;
margin-top:-2px;
font-size:12px;
margin-bottom:-5px !important;
}

#breadcrumbtop .active{
color:#dcaa00;
}

#breadcrumbtop a:hover{
color:#dcaa00;
}

#products { /* Products Page */
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
color:#dcaa00;
background-color:#ffffff;
text-align:center;
padding-bottom:40px;
margin:5px 0px 40px 0px;
}

#products a{
text-decoration:none;
}

#products h4, h1{
font-size:25px;
padding-top:18px;
}

#products h1{
font-size:25px;
padding-top:0px;
}

#products p{
font-size:14px;
color:#333333;
}

#products hr {
border: 0;
width: 5%;
background-color: #dcaa00;
height: 2px;
}

 /* Products Page End*/

/* Product view Start*/

.nav-pills > li > a:hover {
color:#ffffff;
background-color:#0177d7 !important;
}

.VWW{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}.VWW iframe{position:absolute;top:0;left:5;width:100%;height:90%;}

.atco {
width:100%;
height:auto;
border:1px solid #dadada;
padding:10px;
overflow:hidden;
background-color:#f8f7f6;
margin-bottom:35px;
}

.atco:hover{
background-color:#eaeaea;
}

.fa-phone-square, .fa-whatsapp, .fa-envelope {
color:#dcaa00;
}

#form {
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
font-size:13px;
line-height:23px;
}

#form input, select{
width:98%;
padding:1.6%;
height:42px;
margin:2.5px;
background-color:#fafafa;
border: 1px solid #e1dfdf;
}

#form select{ 
padding:1.6%;
height:45px;
margin:2.5px;
background-color:#fafafa;
border: 1px solid #e1dfdf;
}

#form textarea{
width:99%;
padding:1.6%;
height:42px;
margin:2.5px;
background-color:#fafafa;
border: 1px solid #e1dfdf;
}

#form .btn{
width:auto;
height:auto;
padding:10px;
border-radius: 0px;
background-color:#dcaa00 !important;
}

#totalcal {
width:100%;
font-size:15px;
padding-top:13px;
text-align:right;
}

.enqform {
padding:0px !important;
margin-top:10px !important;
margin:0 auto;
overflow:hidden;
color:#333333;
}

label {
width:75% !important;
text-align:left;
height:20px !important;
}

.checkbox-circle {
width:16px !important;
margin-top: -9px !important;
float:left !important;
}

/* Product view End*/

#www{
width:95%;
margin:0 auto;
margin-top:45px;
}

#sitemap{
text-align:left;
font-size:15px;
line-height:35px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 20px;
    display:none;
	padding:5px 10px 5px 10px !important;
    }


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

#headertopin {
width:98%;
}

#headermidin {
width:98%;
}

#homeabout, .homebrands h4{
font-size:16px;
} 

.subscribebox{
font-size:14px;
}

#semifooter {
width:100%;
}

#footerin {
width:100%;
}

label {
width:90% !important;
}

}

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

		.navbar-nav li a {
			font-size:13px !important;
			}


.subscribebox, #semifooterfulid, #footerin a{
font-size:13px;
}

label {
width:99% !important;
font-size:12px !important;
}


#www img{
width:100%;
}

}

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

.navbar-toggle {
margin-top:25px !important;
}


.subscribebox, #footerin a{
font-size:14px;
}

.footercopy, .footerlinks{
text-align:center;
padding-bottom:6px;
}

#breadcrumbtop {
height:75px;
padding:10px 5px 0px 0px;
margin-top:0;
line-height:20px;
}

/* Products Page */

.atco {
text-align:center;
margin-bottom:25px;
}

/* Product view End*/

label {
width:85% !important;
font-size:13px !important;
}

}

@media screen and (max-width: 640px){
#headertop {
height:auto;
}

#headertopinleft {
width:100%;
height:30px;
margin:0px auto;
text-align:center;
}

#headertopinright {
width:100%;
height:auto;
margin:0px auto;
text-align:center;
}	

		
#pagestarts {
padding:20px 0px 30px 0px;
}

#slidertext {
margin-top:10px;
}

#abtcubiscan {
width: 95%;
padding:20px 0px 10px 0px;
}

#pagestarts img{
padding:5px 0px 5px 0px;
}

#sliderbttn {
margin-top:15px;
}

}

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

#pagestarts img{
width:100%;
}

.subscribebox {
height:auto;
}

}

@media screen and (max-width: 360px){
label {
width:95% !important;
font-size:12px !important;
}

}