@import url("https://fonts.googleapis.com/css?family=Comfortaa:400,700,300|Quattrocento");

/*--------------------------GLOBAL------------------------*/
html {height: 100%;}
body {max-height:100%;margin:0!important;font-family: "Comfortaa", Helvetica, Arial, sans-serif;}
body::after{ content:''; display:block; height:100px;}
a { color: #f6f6f6; transition: .4s ease;}
a:hover {color:#f15829; text-decoration: none;}
.title h2{text-align: center; font-family: 'Anton', sans-serif;font-size: 40px;color:#343434;margin: 20px 0 30px 0;letter-spacing: 12px;}
.title h2 span{color:#f15829;}
.DarkBG{background: rgba(0, 0, 0, 0.8);height: 100%; margin: 0;}
.brief{padding: 50px;line-height: 25px;font-size: 18px;}
.btn-0{font-size:16px; position:relative; color:#f15829;font-weight:600; padding:15px;border: 3px solid #f15829;transition: .4s ease; 
	cursor: pointer; justify-content: center;margin-bottom:20px;}
.btn-1{width:200px;background:#eee;}
.btn-2{width: 250px;background:transparent;}
.btn-1:hover,.btn-2:hover{background:#f15829 !important;color:#fff !important;}
.img-title {font-family: 'Anton', sans-serif; color:#fff; font-size: 100px; text-align: right; padding-right: 5rem;margin-top: 150px;
	letter-spacing: 5px;text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);}
.paragraph{padding: 50px;} .paragraph p {padding: 10px;line-height: 25px;font-size: 18px;}
.capital{text-transform: uppercase; font-size: 14px}
.intro {padding-top: 250px;padding-bottom: 250px;overflow: hidden;position: relative;width: 100%;background-attachment: fixed;
    background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-repeat:no-repeat;background-position:top center;}
.Aboutus-header{background-image: url("../img/2.jpg"); height: 600px;}
.Products-header {width: 100%;margin: 0 0 0 0;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;
    background-repeat: no-repeat; background-position: top center;height: 600px;}
.Projects-header {background-image: url("../img/s10.jpg");height: 600px;;}
.Contacts-header {background-image: url("../img/s6.jpg");height: 600px;}
.Products-header {background-image: url("../img/s10.jpg");height: 600px;}
.Projects-header-1 {background-image: url("../img/25.png");height: 600px;}
.Projects-header-2 {background-image: url("../img/26.jpg");height: 600px;}
.QC-header {background-image: url("../img/s8.jpg");height: 600px;}

.Footer {height: 1px;background-color: #ddd;color:#121212 ;right: 0;bottom: 0 !important;left: 0; text-align: left;
	padding: 1rem 1rem 0 1rem;font-size: 12px;text-transform: uppercase; margin-top: 10%;}
.Footer-Content{padding-top: 10px;background-color: #ddd;}
.footer-about img{width: 120px;	margin-top: -10px;}
.footer-about p{text-align: left;line-height: 20px;	padding: 10px 0 40px 0;	max-width: 350px;}
.Footer-Content ul li h3{color: #f15829;font-weight:bolder;}
.Footer-Content ul li{display: block;padding: 0 10px 5px 10px;letter-spacing: 3px;}
.Footer-Content a {line-height: 25px;display: block;color: #121212 !important;transition: 0.2s;font-weight:lighter;}
.Footer-Content a:hover {text-decoration: none;color: #f15829 !important;cursor: pointer;}
.icons img{width: auto; max-width:120px; padding:10px; margin-bottom: 10px; }
.copy { text-align: center !important; padding-bottom: 15px; text-transform: capitalize;font-size: 10px;}
/*-------------------------------------START MAIN PAGE CSS----------------------------------------*/
/*----------------START MAIN PAGE SLIDER----------------*/
.fnc-slider {overflow: hidden;box-sizing: border-box;position: relative;height: 600px;}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {box-sizing: border-box;}
.fnc-slider__slides {position: relative;height: 600px;transition: -webkit-transform 1s 0.6666666667s;transition: transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;}
.fnc-slider .m--blend-dark .fnc-slide__inner {background-color: #8a8a8a;}
.fnc-slider .m--navbg-dark {background-color: #8a8a8a;}
.fnc-slider .m--blend-green .fnc-slide__inner {background-color: #8a8a8a;}
.fnc-slider .m--navbg-green {background-color: #8a8a8a;}
.fnc-slider .m--blend-red .fnc-slide__inner {background-color: #8a8a8a;}
.fnc-slider .m--navbg-red {background-color: #8a8a8a;}
.fnc-slide{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.fnc-slide.m--before-sliding { z-index: 2 !important; -webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.fnc-slide.m--active-slide {z-index: 1; transition: -webkit-transform 1s 0.6666666667s ease-in-out;
	transition: transform 1s 0.6666666667s ease-in-out;transition: transform 1s 0.6666666667s ease-in-out,
		-webkit-transform 1s 0.6666666667s ease-in-out;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.fnc-slide__inner {position: relative;height:100%;background-size:cover;background-position: center top;-webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);}
.m--before-sliding .fnc-slide__inner {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.m--active-slide .fnc-slide__inner{transition:-webkit-transform 1s 0.6666666667s ease-in-out;transition: transform 1s 0.6666666667s ease-in-out;
  transition:transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;-webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);}
.fnc-slide__content {z-index: 2;position: absolute;left: 55%;top: 65%;}
.fnc-slide__heading { margin-bottom: 10px;text-transform: uppercase;}
.fnc-slide__heading-line{overflow:hidden;position:relative;padding-right:20px;font-size:70px;color:#fff;word-spacing:10px;
	text-shadow:5px 0px 10px rgba(0, 0, 0, 0.9);}
.fnc-slide__heading-line:nth-child(2) {padding-left: 30px;}
.m--before-sliding .fnc-slide__heading-line {-webkit-transform: translateY(100%);transform: translateY(100%);}
.m--active-slide .fnc-slide__heading-line{transition:-webkit-transform 1.5s 1s;transition:transform 1.5s 1s;
	transition:transform 1.5s 1s, -webkit-transform 1.5s 1s; -webkit-transform: translateY(0);transform: translateY(0);}
.m--previous-slide .fnc-slide__heading-line {transition: -webkit-transform 1.5s;transition: transform 1.5s;transition: transform 1.5s, -webkit-transform 1.5s; -webkit-transform: translateY(-100%);transform: translateY(-100%);}
.fnc-slide__heading-line span {display: block;}
.m--before-sliding .fnc-slide__heading-line span { -webkit-transform: translateY(-100%);transform: translateY(-100%);}
.m--active-slide .fnc-slide__heading-line span {transition: -webkit-transform 1.5s 1s;transition: transform 1.5s 1s;
	transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;-webkit-transform: translateY(0);transform: translateY(0);}
.m--previous-slide .fnc-slide__heading-line span {transition: -webkit-transform 1.5s;transition: transform 1.5s;
	transition: transform 1.5s, -webkit-transform 1.5s; -webkit-transform: translateY(100%);transform: translateY(100%);}
.fnc-nav {z-index: -5;position: absolute;right: 0; bottom: 0;}
.fnc-nav__bgs { z-index: -1; overflow: hidden;position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.fnc-nav__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.fnc-nav__bg.m--nav-bg-before {  z-index: 2 !important; -webkit-transform: translateX(100%);transform: translateX(100%);}
.fnc-nav__bg.m--active-nav-bg { z-index: 1; transition: -webkit-transform 1s 0.6666666667s;transition: transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s; -webkit-transform: translateX(0);transform: translateX(0);}
.fnc-nav__controls {font-size: 0;}
.fnc-nav__control {overflow: hidden;position: relative;display: inline-block;vertical-align: top;width: 100px;height: 50px;font-size: 14px;
  color: #fff;text-transform: uppercase;background: transparent;border: none;outline: none;cursor: pointer;transition: background-color 0.5s;}
.fnc-nav__control.m--active-control {background: #1F2833;}
.fnc-nav__control-progress {position: absolute;left: 0;bottom: 0; width: 100%;height: 2px;background: #fff; -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%; -webkit-transform: scaleX(0);transform: scaleX(0);transition-timing-function: linear !important;}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {-webkit-transform: scaleX(1);transform: scaleX(1);}
.m--prev-control .fnc-nav__control-progress{-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform 0.5s !important; transition: transform 0.5s !important;transition: transform 0.5s, -webkit-transform 0.5s !important;}
.m--reset-progress .fnc-nav__control-progress {-webkit-transform: scaleX(0);transform: scaleX(0);transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;transition: transform 0s 0s, -webkit-transform 0s 0s !important;}
.demo-cont {overflow: hidden;position: relative; height: 600px;-webkit-perspective: 1500px;perspective: 1500px;background: #000;}
.example-slider {z-index: 2;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.7s;
  transition: transform 0.7s;transition: transform 0.7s, -webkit-transform 0.7s;}

/*--.example-slider .fnc-slide-1 .fnc-slide__inner {background-image: url("../img/26.jpg");}--*/
.example-slider .fnc-slide-1 .fnc-slide__inner {background-image: url("../img/slider/12.jpg");}
.example-slider .fnc-slide-2 .fnc-slide__inner {background-image: url("../img/slider/9.jpg");}
.example-slider .fnc-slide-3 .fnc-slide__inner {background-image: url("../img/slider/8.jpg");}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background: rgba(255, 255, 255, 0.1);}
.example-slider .fnc-slide-4 .fnc-slide__inner {background-image: url("../img/slider/3.jpg");}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background: rgba(0, 0, 0, 0.2);}
.example-slider .fnc-slide-5 .fnc-slide__inner {background-image: url("../img/slider/11.jpg");}
.example-slider .fnc-slide-5 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  	background: rgba(255, 255, 255, 0.1);}
.example-slider .fnc-slide-6 .fnc-slide__inner {background-image: url("../img/slider/10.jpg");}
.example-slider .fnc-slide-6 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background: rgba(255, 255, 255, 0.1);}
.example-slider .fnc-slide-7 .fnc-slide__inner {background-image: url("../img/slider/4.jpg");}
.example-slider .fnc-slide-7 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  	background: rgba(255, 255, 255, 0.1);}
.example-slider .fnc-slide-8 .fnc-slide__inner {background-image: url("../img/slider/13.jpg");}
.example-slider .fnc-slide-8 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  	background: rgba(255, 255, 255, 0.1);}
.example-slider .fnc-slide-9 .fnc-slide__inner {background-image: url("../img/slider/7.jpg");}
.example-slider .fnc-slide-9 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  	background: rgba(255, 255, 255, 0.1);}
.example-slider .fnc-slide-10 .fnc-slide__inner {background-image: url("../img/slider/6.jpg");}
.example-slider .fnc-slide-10 .fnc-slide__inner:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  	background: rgba(255, 255, 255, 0.1);}

.example-slider .fnc-slide__heading,.example-slider .fnc-slide__action-btn,.example-slider .fnc-nav__control {
	font-family: 'Anton', sans-serif;letter-spacing: 5px;}
.example-slider .fnc-slide__heading .smltitle {font-size: 30px;text-transform:none;font-family: "Comfortaa", Helvetica, Arial, sans-serif;
	margin:10px;word-spacing: -0.5px;letter-spacing: -0.5px;font-weight: 200;text-shadow: 2px 0px 5px rgba(0, 0, 0, 0.9);}
 @media (max-width:300px) {.fnc-slide__content {display: none !important;}}
/*---------------END MAIN PAGE SLIDER-----------------*/

/*--------------START MAIN PAGE PRODUCTS--------------*/
.index-Products{width: 100%;height: auto;background: #eee;margin: 2% 0 5% 0; text-align: center;}
.index-Products .left{background: url("../img/1aa.jpg");overflow: hidden; position: relative;background-attachment: fixed;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-repeat: no-repeat;background-position:right;}
.index-Products .right p{font-size: 18px;line-height: 24px;padding: 10px 50px; text-align: left; margin-bottom: 30px;}
/*--------------END MAIN PAGE PRODUCTS---------------*/

/*----------------START Clients Slider---------------*/
@-webkit-keyframes scroll {
	0% { -webkit-transform: translateX(0);transform: translateX(0);}
  100% {-webkit-transform: translateX(calc(-250px * 7));transform: translateX(calc(-250px * 7)); }}
@keyframes scroll {0% {-webkit-transform: translateX(0);transform: translateX(0);}
  100% {-webkit-transform: translateX(calc(-250px * 7));transform: translateX(calc(-250px * 7)); }}
.slider2 {background: white;height: 180px;margin: auto;overflow: hidden;position: relative;width: 80%;}
.slider2::before, .slider2::after {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);content: ""; height: 180px; position: absolute; width: 150px; z-index: 2;}
.slider2::after {right: 0; top: 0; -webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.slider2::before{left: 0;  top: 0;}
.slider2 .slide-track{-webkit-animation: scroll 40s linear infinite; animation: scroll 40s linear infinite;display: flex;width: calc(250px * 14);}
.slider2 .slide2 { height: 150px; width: 230px;margin: 0 15px; 0 15px;}
/*------------------END Clients Slider----------------*/

/*-----------------START MAIN PAGE QC-----------------*/
.index-QC{margin: 5% 0; width:100%;height:auto;background:url("../img/222.jpg");overflow:hidden;position:relative;background-attachment:fixed;padding:50px;
    background-size: cover;-moz-background-size: cover; -webkit-background-size: cover;background-repeat: no-repeat;background-position:right;}
.index-QC .text p{color:#fff;line-height:40px;text-transform:uppercase;font-size:16px;letter-spacing:4px;text-align:center;padding: 50px 80px; font-family: "Comfortaa", Helvetica, Arial, sans-serif;font-weight: 600;	}

/*-----------------END MAIN PAGE QC------------------*/

/*-------------------------------------END MAIN PAGE CSS----------------------------------------*/

/*-----------------------------START PRODUCTS & PROJECTS PAGE CSS-------------------------------*/

.card-img {width: 100%;border-radius: 0.25rem; height: auto; }
body [class*="container"] .row:not(:last-child) {margin-bottom: 3.125rem; }
@media (max-width: 767.98px) {body > section, body > footer {padding: 3.125rem 0; }
  body [class*="container"] .row:not(:last-child) {margin-bottom: 2.08333rem; } }
.nav {display: inline-block; position: relative; }
.nav .nav-link { -webkit-transition: all 0.2s; -moz-transition: all 0.2s;transition: all 0.2s;-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;transition-delay: 0s;position: relative;display: inline-block;color:#999;z-index:5;font-size:14px;font-weight:400;
    text-transform: uppercase;letter-spacing: 0.05em; }
.nav .lavalamp-object {display: none;z-index: 1; }
.nav-switch {display: inline-block;border: 1px solid #e5e5e5;border-radius: 22.5px;overflow: hidden; }
.nav-switch .lavalamp-object {display: block;position: absolute;background: #e5e5e5;border-radius: 10rem; }
.nav-switch .nav-link{padding:15px 40px;line-height:15px;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;z-index:5;
	cursor:pointer;}
.nav-switch .nav-link.active, .nav-switch .nav-link:hover {color: #f15829; }
.tab-content {position: relative; }
.tab-content .tab-pane {-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;width: 100%;display: block; }
.tab-content .tab-pane:not(.active) {visibility: hidden;position: absolute;top: 0;animation: fadeOutBottom .25s ease forwards;
	-webkit-animation: fadeOutBottom .25s ease forwards; }
.tab-content .tab-pane.active {top: 0;position: relative;z-index: 90;animation: fadeInTop .5s ease forwards;
	-webkit-animation: fadeInTop .5s ease forwards; }

@keyframes fadeOutBottom {
  from {opacity: 1; -webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);-webkit-transform: scale(1);
    -moz-transform: scale(1);transform: scale(1); }
  to {opacity: 0;-webkit-transform: translate(0, 10%);-moz-transform: translate(0, 10%);transform: translate(0, 10%);
	  -webkit-transform: scale(0.8);-moz-transform: scale(0.8);transform: scale(0.8);-webkit-font-smoothing: antialiased; } }
@-webkit-keyframes fadeOutBottom {
  from {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0); }
  to {opacity: 0;-webkit-transform: translate(0, 10%);-moz-transform: translate(0, 10%);transform: translate(0, 10%);
	  -webkit-font-smoothing: antialiased; } }
@keyframes fadeInTop {
  from {opacity: 0;-webkit-transform: translate(0, 10%);-moz-transform: translate(0, 10%);transform: translate(0, 10%); }
  to {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);
	  -webkit-font-smoothing: antialiased; } }

@-webkit-keyframes fadeInTop {
  from {opacity: 0;-webkit-transform: translate(0, 10%); -moz-transform: translate(0, 10%);transform: translate(0, 10%); }
  to {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);
	  -webkit-font-smoothing: antialiased; } }
.Prod-card{border-radius: 20px;height: auto;margin: 10px 0 10px 0;}
.Prod-card img{height: 350px;}
.Prod-card h2{padding: 0 10px 0 10px;font-family: 'Anton', sans-serif;margin: 10px 0 10px 0;letter-spacing: 1px;color:#f15829;
	text-align: center;font-size: 20px;}
.Prod-card p{font-size: 14px; text-align: left;  line-height: 20px; padding:10px 0 10px 50px;}
.Prod-card span{font-weight: 600;text-align: left;line-height: 20px;padding-left: 50px;}
.read-more, .read-less {cursor: pointer;color: #f15829;font-size: 14px;float: left;text-align: left;}

.wrapper {display: flex;flex-flow: row wrap;justify-content: center;}
.card {width: 420px; height: 340px; margin: 1em; perspective: 1500px;}
.Projcard {width: 420px;height: 240px !important; margin: 1em; perspective: 1500px;}
.card .content { position: relative; width: 100%; height: 100%; }
.more { display: none;}
.front,.back { position: absolute;top: 0;left: 0;width: 100%;height: 100%;backface-visibility: hidden;border-radius: 6px;}
.front .inner,.back .inner {height: 100%;display: grid;padding: 1.5em;line-height: 18px;}
.front {background-color: #fff;background-size: cover;background-position: center center;}
.front:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;border-radius: 6px;
	backface-visibility: hidden;}
.front .inner {grid-template-rows: 5fr 1fr 1fr 2fr 1fr;justify-items: center;}
.front h2 {grid-row: 2;margin-bottom: 0.3em;text-transform: uppercase;letter-spacing: 3px;color: #fff;font-weight: 500;
	text-shadow: 2px 2px 2px #000;}
.back {transform: rotateY(180deg);background-color: #fff;border: 2px solid #f0f0f0;}
.back .inner{grid-template-rows:1fr 2fr 1fr 2fr 14fr 1fr 1fr;grid-template-columns:repeat(4,auto);grid-column-gap: 0.8em;justify-items:center;}
.back .description {grid-row: 5;grid-column: 1/-1;font-size: 0.76em;border-radius: 5px;line-height: 1.4em;overflow: auto;color: #343434;
  padding-right: 10px;width: 230px;}
.back .description h2 {font-weight: 600; font-size: 12px;margin-bottom: 10px;}
.back .location,.back .price {color: #343434; grid-row: 1;font-size: 12px;}
.back .description span {color: #e7612c; font-size: 14px; padding-right: 15px;}
.back .location {grid-column: 1/3;justify-self: left;}
.back .button { grid-column: 1/-1; justify-self: center;}
.description {width: 300px;	text-align: center;}
.description h3 {text-transform: uppercase;Color: #f15829;font-size: 16px;line-height: 20px;}
.description h2 {Color: #f15829;font-size: 14px;line-height: 25px;}
.description span{Color: #343434;font-size: 12px;}

/*-----------------------------END PRODUCTS & PROJECTS PAGE CSS-------------------------------*/

/*---------------------------------------START QC PAGE CSS------------------------------------*/

.QC-Policies {height: auto;background: url("../img/QC4.jpg");overflow: hidden;position: relative;background-attachment: fixed;
	background-size: cover; -moz-background-size: cover;-webkit-background-size: cover;background-repeat: no-repeat;background-position:right;margin: 0;}
.QC-Policies h2 {color:#fff;}
.QC-Policies p{	color: #fff;line-height: 30px;text-transform: uppercase;font-size: 14px;letter-spacing: 4px;text-align: left;padding: 20px;
    font-family: "Comfortaa", Helvetica, Arial, sans-serif;	font-weight: 600;}

.tabs { display: block; display: -webkit-flex; display: -moz-flex;display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
margin: 10rem 10rem 0 10rem; overflow: hidden;line-height: 30px; }
.tabs [class^="tab"] label span,.tabs [class*=" tab"] label span{color:#232323;}
.tabs [class^="tab"] label,.tabs [class*=" tab"] label {height:120px;font-family: 'Anton', sans-serif; color: #f15829;cursor: pointer;
display: block;font-size: 1.8em; font-weight: 600; line-height: 1em; padding: 2rem 0; text-align: center;letter-spacing: 5px; }
.tabs [class^="tab"] [type="radio"],.tabs [class*=" tab"] [type="radio"] {border-bottom: 1px solid rgba(241, 88, 41, 0.5);cursor: pointer;
-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;width: 100%;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {background: #000 !important;border-bottom: 3px solid #f15829;}
.tabs [class^="tab"] [type="radio"]:checked,.tabs [class*=" tab"] [type="radio"]:checked {border-bottom: 3px solid #f15829;}
.tabs [class^="tab"] [type="radio"]:checked + div,.tabs [class*=" tab"] [type="radio"]:checked + div {opacity: 1; }
.tabs [class^="tab"] [type="radio"] + div,.tabs [class*=" tab"] [type="radio"] + div {display: block;opacity: 0;padding: 2rem 4rem;width: 90%;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.tabs .tab-2 {width: 50%; }
.tabs .tab-2 [type="radio"] + div {width: 200%;margin-left: 200%; }
.tabs .tab-2 [type="radio"]:checked + div {margin-left: 0; }
.tabs .tab-2:last-child [type="radio"] + div {margin-left: 100%;}
.tabs .tab-2:last-child [type="radio"]:checked + div {margin-left: -100%;}

.certificates {	width: 100%;height: auto;background: url("../img/14.jpg");overflow: hidden;position: relative;background-attachment: fixed;
    background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-repeat: no-repeat;background-position:right;
	margin: 5% 0 2% 0; text-align:center;}
.certificates a { text-align:center; color: #fff !important;  padding-bottom: 10px; font-weight:300;transition: .4s ease;cursor: pointer;}
.certificates a:hover {color:#f15829 !important}
.certificates img {padding: 2rem 0.5rem 1rem 0.5rem;}
.certificates .right-content{padding: 50px 10px 50px 10px;}
.certificates .right-content h2 {color:#fff;}
/*----------------------------------------END QC PAGE CSS-------------------------------------*/
.contact-title{font-size: 20px;color:#f15829;margin: 5% 0; text-align: left;}