@charset "utf-8";

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular.eot');
    src: url('../fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular.woff2') format('woff2'),
         url('../fonts/montserrat-regular.woff') format('woff'),
         url('../fonts/montserrat-regular.ttf') format('truetype'),
         url('../fonts/montserrat-regular.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold.eot');
    src: url('../fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold.woff2') format('woff2'),
         url('../fonts/montserrat-bold.woff') format('woff'),
         url('../fonts/montserrat-bold.ttf') format('truetype'),
         url('../fonts/montserrat-bold.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.top-fixed {margin-top:85px;}
@media (min-width:320px) and (max-width:736px){
	.top-fixed {margin-top:70px;}
}
/*body {background:#eeeeee; font-family: 'montserratregular', Arial, serif; font-size: 16px;}*/
body {background:#eeeeee; font-family: 'montserratregular', Arial, serif; font-size: 12px;}/*change on 14-10-2020*/
h1, h2, h3, h4, h5, h6 {font-family: 'montserratbold', Arial, serif; font-weight: normal;}


.navbar-default {
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	border-bottom:none;
	background:#fff;
}
.navbar-nav > li > a {padding-top:30px; padding-bottom:30px;}
.dropdown-menu > li.sub-nav > a {margin-left:15px !important; color:#666;}
.nav-right {margin-left:105px;}
.caret-down {text-align:center; background:url(../images/arrow-down.png) center no-repeat; height:10px; margin-top:10px; display:block;}
.navbar-default .navbar-nav > .active .caret-down {background:url(../images/active-arrow-down.png) center no-repeat;}
.navbar-default .navbar-nav > .active .ablue {background:url(../images/arrow-blue.png) center no-repeat;}
.navbar-brand {background:url(../images/fixto-logo1.png) no-repeat; background-size:contain; width:180px; height:60px; margin:20px 0;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color:#373286; color:#fff;}


@media (min-width:320px) and (max-width:736px){
	.navbar-nav > li > a {padding-top:15px; padding-bottom:15px;}
	.navbar-brand {width:129px; height:50px; margin:10px;}
	.navbar-nav > li > a {padding-top:15px; padding-bottom:15px;}
	.nav-right {margin-left:0; margin-right:15px;}

	.caret-down {width:14px; display:inline-block; margin-left:5px;}
}

@media (min-width:768px) and (max-width:1024px){
	.nav > li > a {font-size:14px;}
	.nav-right {margin-left:0; float:right;}
	.cart {display:none;}

}

.modolar-container {padding:50px 0;}
.modular-col {background:#fff; padding:10px 10px 20px; text-align:center;}
.modular-col h3 {margin-bottom:20px; font-size:22px;}
.modular-img {margin:40px 0;}
.modular-img img {max-width:100%;}


.btn-yellow {
	background-color: #ffc926;
    border-color: #ffc926;
    color: #3d388a;
	font-family: 'montserratbold', Arial, serif;
}

.btn-yellow:hover {
	background-color: #ecba22;
    border-color: #ecba22;
    color: #3d388a;
}

.product-container {background: #000000; color:#fff; padding: 40px 0 0;}
.product-container h2 {margin:0 0 20px;}
.product-container h4 {font-size:16px; text-transform:uppercase; color: #ffc926;}
.product-col {margin-bottom: 40px;}
.product-col a {text-decoration:none;}

.about-container {padding: 95px 0;}
.about-container h2 {margin:0 0 20px; font-size: 32px; color:#3d388a;}
.about-container p {font-size: 16px; line-height: 29px;}

.video-container {background: #000000; padding:50px 0; position:relative;}
.video-container .flickity-page-dots .dot {background:#bbbbbb; margin:0 1.5px; opacity:1; width: 13px; height: 13px;}
.video-container .flickity-page-dots .dot.is-selected {background:#3d388a; opacity:1;}
.video-container .flickity-prev-next-button {width: 123px; height: 123px; background: rgba(0,0,0,0.4); z-index:9;}
.video-container .flickity-prev-next-button:hover {background: rgba(0,0,0,0.6);}
.video-container .flickity-prev-next-button .arrow {fill:#fff;}
.video-container .flickity-prev-next-button.previous {left:11%;}
.video-container .flickity-prev-next-button.next {right:11%;}
.gallery-cell {margin:0 20px; width: 644px; height: 400px;}



.left-overlay, .right-overlay {width:330px; height:500px; position:absolute;	top:0; z-index:1;}
	
.left-overlay {	 
	left:0; 	
	background:rgba(0,0,0,0.8); 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+2,000000+100&1+37,0.5+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 2%, rgba(0,0,0,1) 37%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 2%,rgba(0,0,0,1) 37%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,1) 2%,rgba(0,0,0,1) 37%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */

}

.right-overlay {
	right:0; 	
	background:rgba(0,0,0,0.8); 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+98&0.5+0,1+63 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 63%, rgba(0,0,0,1) 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 63%,rgba(0,0,0,1) 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 63%,rgba(0,0,0,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

@media (min-width:320px) and (max-width:980px){
	.left-overlay, .right-overlay {display:none;}
	.video-container .flickity-prev-next-button {width: 32px; height: 32px;}
}
@media (min-width:320px) and (max-width:375px){
	.gallery-cell {width: 80%; height: 160px;}	
}

@media (min-width:414px) and (max-width:736px){
	.gallery-cell {width: 80%; height: 273px;}
}

@media (min-width:768px) and (max-width:1024px){
	.gallery-cell {width: 600px; height: 373px;}
	.video-container .flickity-prev-next-button {width: 50px; height: 50px;}
}

@media (min-width:1024px) and (max-width:1200px){
	.left-overlay, .right-overlay {width:180px; height:470px;}
	.video-container .flickity-prev-next-button {width: 50px; height: 50px;}

}
@media (min-width:1280px) and (max-width:1300px) {
	.left-overlay, .right-overlay {width:300px;}
}
@media (min-width:1920px){
	.left-overlay, .right-overlay {width:600px;}
}

.logo-container {padding:85px 0;}
.logo-container h2 {margin: 0 0 20px; font-size: 24px; color: #333333;}
#logoSlider h5 {text-align:center; color: #666666; font-family: 'montserratregular', Arial, serif; font-size:16px;}

.footer {background: #000000; color:#fff; padding:20px 0; margin-top:100px;}
.footer a, .footer h4 {color:#ffc926;}
.footer h4 img[alt="Call"] {margin:15px 20px 15px 0;}
.footer h4 img[alt="Email"] {margin-right:5px;}
.list {margin:0; padding:0; list-style:none;}
.list li {background:url(../images/arrow-yellow.png) left no-repeat; color:#ffc926; padding:12px 0 12px 15px;}
.list li a {color:#ffc926;}
.social-row {margin-top:20px;}
.social-row a {display:inline-block; margin-right:15px;}

.copy-row {margin:15px 0;}
.copy-row p {font-size: 12px;}
.copy-row p a {color:#ffc926; font-family: 'montserratbold', Arial, serif;}
.copy-row p:last-child {margin-top:25px;}

.cart {float:right; width:120px; background:#ffc926; border-radius:5px; margin-top:16px; padding-bottom: 10px;}
.cart h5 {text-align:center; margin-bottom:5px;}
.cart a {display:block; text-decoration:none;}
.cart a img {margin-left:15px;}
.cart a span {font-size: 24px; font-family: 'montserratbold', Arial, serif; line-height: 24px; color:#3d388a;}

@media (min-width:320px) and (max-width:640px){
	.cart {float:none; margin-top:0; margin-bottom:10px; padding-top: 5px; width:100%; display:block;}
	.cart a {text-align:center;}
}

.header-main {background:url(../images/header-img.jpg) center top no-repeat; height:366px; padding:50px 0;}
.contact-header {background:url(../images/header-contact.jpg) center top no-repeat;}
.header-product {background:url(../images/fixto_welding_table_d28.png) center top no-repeat;}/*header-product.png*/
.bc {background: #ffc926; border-radius:0; display:inline-block; padding:5px 13px; font-size:14px; text-transform:uppercase;}
.bc {color:#373285;}
.bc a {color:#666666;}
.breadcrumb > li + li::before {color:#fff;}

.head {color:#fff; text-align:right; margin-top:55px;}
.head h2 {font-size: 32px; font-family: 'montserratbold', Arial, serif; margin-bottom:0;}
.head h5 {font-size: 16px; margin:0; font-weight:normal;}

.header-product .head {color:#333;}

.color-grey {color:#666666;}
.color-grey p {margin-bottom:45px;}

.about-col h2 {font-size: 32px; font-family: 'montserratbold', Arial, serif; margin-left:25px;}
.about-col p {background:#fff; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding:25px;}

.fixed-50 .container {padding:0 50px;}
.about-fix .about-container {padding:20px 0;}
.about-fix .logo-container {padding-top:20px;}

@media (min-width:320px) and (max-width:736px){
	.header-main {height:150px; background-size: cover; padding:15px 0;}
	.fixed-50 .container {padding:0 15px;}
	.head {margin-top:0;}
	.head h2 {font-size: 22px; margin-top: 0; }
	.about-container h2 {font-size: 22px;}
	
	.color-grey p {font-size: 14px;}
	
	.bc {font-size:12px;}
}

@media (min-width:667px) and (max-width:736px){
	.header-main {height:200px; background-size: cover; padding:15px 0;}
	.head {margin-top: 20px;}
}

.product-info, .event-box, .product-details {
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.075);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.075); 
	background: #FFFFFF;
	min-height:200px;
	padding: 30px;
	margin-bottom: 60px;
}
.product-info h3 {color:#2b2b2b; margin-top: 0;}
.product-info p {margin-bottom:35px;}
.product-info ul {list-style:none; padding-left:20px;}
.product-info ul li a {color:#3d388a;}
.product-info ul li {margin-bottom:15px;}
.g-head {margin-bottom:15px;}

.product-details {margin-bottom: 10px;}
.product-details h5, .product-details h6 {color:#333; font-size:16px;}
.product-details h3 {color:#333; margin-top:0;}
.product-details ul {padding-left:10px;}
.product-details ul li {margin-bottom:12px; color:#666;}
.product-details h6 {margin-bottom:0; color:#666;}
.product-details .modal-p {line-height:16px; font-size:14px; }
.product-details .btn, .action-btn .btn {padding:15px 20px; margin:20px 24px 0;}
.action-btn .btn {margin:15px 24px 45px;}
@media (min-width:320px) and (max-width:640px){
	.action-btn .btn {margin:15px 0 15px;}
}
.btn-white {
	background-color: #ffffff;
    border-color: #3d388a;
	border-width:2px;
    color: #3d388a;
	font-family: 'montserratbold', Arial, serif;
}

.btn-white:hover {
	background-color: #eeeeee;
    border-color: #3d388a;
	color: #3d388a;
}

.product-details .table > thead > tr > th {background: #393186; color:#ffffff; padding:15px 20px; border:none;}
.product-details .table > tbody > tr > td {color:#333333; padding:15px 20px; border:none;}
.product-details .table > tbody > tr:nth-child(odd) > td {background: #d7d6e6;}
.product-details .table > tbody > tr:nth-child(even) > td {background: #eeeeee;}


.event-container {padding: 25px 0 85px;}
.event-box {padding:10px; margin-bottom: 30px; text-align:center; color:#666666; }
.event-box h5 {font-size: 16px; color:#333333; margin-bottom:0; height:40px; line-height:35px; display:inline-block;}
.event-box h5 span { display:inline-block; vertical-align:bottom; line-height:18px;}
.event-box p {margin-bottom: 10px; line-height:16px; font-size: 14px !important; font-weight:normal;}
.event-box p.child-1 {margin-bottom: 15px;}
.event-box p.child-2 {margin-bottom: 3px;}
.event-box p:last-child { font-family: 'montserratbold', Arial, serif;}


.contact-container {padding:30px 0; background:#ffffff;}
.contact-container h2 {margin:0 0 70px; font-size: 24px; color:#333333; text-align:center;}
.cont-title {font-size: 24px !important; color:#333333 !important; text-align:center;}

.address {background:url(../images/location.png) top left no-repeat; padding-left:40px; margin-left:30px; color:#666666;}
.address p {margin-bottom:25px;}
.phone {background:url(../images/call.png) top left no-repeat;}
.email {background:url(../images/email.png) top left no-repeat;}
.email a {color:#666666;}

.enquiry-form {padding:40px 0;}
.enquiry-form h4 {margin:0 0 35px; font-size: 24px; color:#333333;}
.enquiry-form label {color:#666666; font-weight:normal; margin-left:10px;}
.enquiry-form .form-control {border:2px solid #dedede; height:48px;}
.enquiry-form textarea.form-control {height:135px;}
.enquiry-form .btn {padding:15px 56px; margin-top:30px;}

@media (min-width:320px) and (max-width:1024px){
	.contact-container h2 {margin-bottom:20px; }
	.google-map {margin-bottom:20px;}
	.address {margin-left:0;}
}

.box-shadow {-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.075); box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.075); background-color: #ffffff;}
.my-fixto {padding: 30px; margin:30px 0 100px;}
.my-fixto .action-btn .btn {margin:15px 0 0;}

.by-line {border-bottom:1px solid #999999; padding:20px 0;}
.by-line input.form-control {width:40px;}
.product-head {color:#333333; font-family: 'montserratbold', Arial, serif; border-bottom:1px solid #999999; padding-bottom: 5px;}
.thumb, .head-title {float:left;}
.thumb {display:table-cell; vertical-align:middle; text-align:center; height:77px; width:77px; border: 1px solid #3b3188;}
.head-title {margin-left: -85px; margin-top:8px; padding-left:100px; width:100%;}
.head-title a {color:#666666;}
.mt-8 {margin-top:8px;}
.no-margin {margin:0;}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
  border-top:5px solid #3a3182;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  padding-top:0;
  background:#ededed;
}

.yamm-content ul {margin:0; padding:0; list-style:none;}
.yamm-content ul li {border-bottom:1px dotted #b2b2b2;}
.yamm-content ul li:last-child {border-bottom:none;}
.yamm-content ul li a {color:#333; text-decoration:none; padding:10px 0 10px 7px; display:block;}
.yamm-content ul li:hover a {background:#dddddd;}
.yamm-content h5 {font-size:16px;}
.yamm-content p {font-size:12px; color:#666; }
.bord-right {border-right:1px dotted #b2b2b2;}

.product-img {background-color:#eeeeee; padding:10px;}
.img-responsive {display:inline-block;}


.sbl {border-left:1px dotted #b2b2b2;}
.login-box {margin-right:80px;}
.login-box .btn-link {color:#666;}
.reg-box {margin:0 50px 0 50px;}
.reg-box span {color:#ff5d51;}

@media (min-width:320px) and (max-width:980px){
	.login-box {margin:0;}
	.reg-box {margin:0;}
}

@media (min-width:980px) and (max-width:1000px){
	.login-box {margin-right:20px;}
	.reg-box {margin:0 0 0 20px;}
}

.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{
  padding-right: 0;
  padding-left: 0;
}

.product-wrapper {margin-bottom:80px;}
.product-block {padding:15px; text-align:center; margin-bottom:10px; border-radius:5px;}
.product-block img {padding:10px;} 
.product-block a {color:#666666; text-decoration:none;}
h2.head-title-1 {font-size:24px; color:#333;}

.example-product .product-block h5 {font-size:11px; font-family:"montserratregular", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:20px; margin-top:0;}
.example-product .product-block {margin-bottom:30px;}

.clamp-set {background:#fff;}
.clamp-set .table {font-size:12px; width:70%; margin:0 auto;}
.clamp-set .table > thead > tr > th {background:#ffcb00; color:#000; font-family:"montserratregular", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; border-bottom:1px solid #ccc;}
.clamp-set .table a {color:#3a8fc5;}