@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

.body{   
	background:#F00;
	padding:0px;
	margin:0px;
	font-family:'Roboto', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	overflow-x: hidden !important;
}
p {
    line-height: 1.75 !important;
	color:#707070;
}
.btn {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-read-more {
	font-family:'Roboto', sans-serif;
    font-weight: 600;
	font-size:16px;
    text-transform:capitalize;
    color:#fff !important;
    border: 1px solid #2388c5;
    border-radius:0px !important;
    background-color:#2387c5;
	padding:16px !important;
	margin:30px 0 0px 0;
	width:100%;
}
.btn-read-more:hover,
.btn-read-more:focus {
    color: #fff !important;
    border: 1px solid #2388c5;
    background-color:transparent;
    outline: 0;
}
.btn-slider {
	font-family:'Roboto', sans-serif;
    font-weight: 600;
	font-size:16px;
    text-transform:capitalize;
    color:#fff !important;
    border: 1px solid #ff8a00;
    background-color:#ff8a00;
	padding:14px 52px !important;
	margin:30px 0 0px 0;
}
.btn-slider:hover,
.btn-slider:focus {
    color: #fff !important;
    border: 1px solid #e97e01;
    background-color:#e97e01;
    outline: 0;
}
.img-center{
	margin: 0 auto !important;
	display:block;
}
.clear{
	clear:both
}
.padding60{
	padding:60px !important;
}

h2{
    font-family: 'Roboto Slab', serif !important;
	font-size:48px !important;
	font-weight:300;
	text-transform:uppercase;
	text-align:center;
	margin:0;
}
h3{
    font-family: 'Roboto Slab', serif !important;
	font-size:24px !important;
	font-weight:300;
	text-transform:uppercase;
	margin:0;
}
h5{
	font-family:'Roboto', sans-serif !important;
	font-size:24px !important;
	font-weight:300;
	text-transform:uppercase;
	margin:0;
}
.padding-t-b30{
	padding:30px 0;
}
/*******************Header**********************/

header {
  padding:82px 0 0 0px;
}/*
.banner{
	height:720px;
}*/

.carousel.fade {
     opacity: 1;
}
.carousel.fade .item {
    transition: opacity ease-out .7s;
    left: 0;
    opacity: 0; /* hide all slides */
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}
.carousel.fade .item:first-child {
    top: auto;
    opacity: 1; /* show first slide */
    position: relative;
}
.carousel.fade .item.active {
    opacity: 1;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 30%;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;

}
.carousel-caption h1{	
    font-family: 'Roboto Slab', serif !important;
	font-size:56px !important;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
    color:#fff;
	margin:0 0 30px 0;
}
.carousel-caption p{
	color:#e7e7e7;
	font-size:18px;
}
video{
	width:100%;
	height:100%;
}
.bg-white{
	background-color:#FFF !important;
	border-bottom:#e6e6e6 1px solid;
}
.navbar-dark .navbar-nav .nav-link {
    color:#022c47 !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #2486c7 !important;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #2486c7 !important;
}

/* change the brand and text color */
.navbar-dark .navbar-brand,
.navbar-dark .navbar-text {
    color:#000 !important;
	background:url(../images/logo.png) no-repeat;
	width:118px;
	height:65px;
	text-indent:-9999px;
    /*padding: 0.8rem 1rem;*/
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

/*.dropdown-menu a{
	color:#FFF;
}*/
.dropdown-menu {
    position: absolute;
    top:96%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #575858;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0rem;
	min-width:250px !important;
}
.navbar-custom .navbar-nav .dropdown-menu .nav-link {
    color:#F00;
    padding:6px 15px;
	text-transform:uppercase;
}
/* change the color of active or hovered links */
.navbar-custom .dropdown-menu .nav-item.active .nav-link,
.navbar-custom .dropdown-menu .nav-item:hover .nav-link {
    color:#0F0 !important;
}
.padding-top100{
	padding-top:100px;
}
.about-section{
	background:#eeeee9 url(../images/about-bg.jpg) no-repeat center top;
	padding:150px 0 0 0;
}
.about-section h2{
	color:#022c47;
	padding:0 0 10px  0;
	text-align:left;
}
/************Leadership Section*************/
.leadership-section{
	padding:100px 0 0 0;
	background:#eeeee9;
	border-bottom:#F00 10px solid;
}
.leadership-section ul{
	padding:0px;
	margin:0;
}
.leadership-section h2{
	color:#01253b;
	font-weight:300;
	text-align:left;
	padding:0 0 20px 0;
}
.misson-visson{
	background:f5f5f5;
	padding-top:88px;
	padding-bottom:140px;
}
.padding-top50{
	padding-top:50px;
}
/***********************Infrastructure**********/
.infrastructure{
	background:#e2e2e2;
	margin:0px;
	padding:0px;
}
.infrastructure h2{
	color:#022c47;
	padding:50px 0;
	margin:0;
	background:#eeefea;
}
.infrastructure span{
	font-weight:700;
	color:#022c47;
	font-size:18px;
}
.left-img-bg h6{
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	color:#acb0c9;
	text-align:center;
	margin:0px;
	padding:20px 0;
	text-transform:uppercase;
}
.padding-left-50{
	padding-left:50px !important;
}
.padding-top-50{
	padding-top:50px;
}
.padding-bottom-50{
	padding-bottom:50px;
}
/***********************WHY TUBID**********/
.why-tubid{
	background:#042b48;
}
.why-tubid h2{
	color:#fff;
	padding:50px 0;
}
/************Specalised Extrusion***********/
.history{
	background:#03123d;
	padding:10px 0 0px 0;
}
.history h2{
	color:#fff;
	padding:50px 0;
}
/************Specalised Extrusion***********/
.specialised{
	background:#fff;
	padding-bottom:50px;
}
.specialised h2{
	color:#000;
	padding:50px 0;
}
/************Product Section*************/
.product{
	background:url(../images/product-bg.png) no-repeat fixed;
	/*padding-bottom:50px;*/
}
.product-bg{
	background:#042b48;
}
.product h2{
	color:#FFF;
	padding:50px 0;
}
.product h4 {
    font-family: 'Roboto Slab', serif;
    font-size: 46px;
    text-transform: uppercase;
    font-weight: 400;
    color: #022c47;
    margin:0px 0 20px 0;
    padding:0px 0 0px 0;
}
.process-box{
}
/************ Global *************/
.global{
	background:#4a85a4;
	position:relative;
}
.global h2{
	color:#FFF;
	padding:50px 0;
}
/************Product Why*************/
.why-section{
	background:#021442;
	position:relative;
}
.why-top h2{
	color:#FFF;
	padding:40px 0 40px 0;
}
.why-top{
	background:url(../images/why-top-bg.jpg) no-repeat center center;
	padding:0px 30px 30px 30px;
}
.why-top-img{
	background:#f9f9f9;
	padding:0px 0 0px 0;
}
.leadership{
	background:#03123d;
	color:#FFF !important;
}
.leadership p{
	color:#FFF !important;
}
.leadership ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.leadership ul li{
	padding:0px 15px 40px 15px;
	color:#FFF !important;
	text-align:center;
}
.leadership h2{
	color:#FFF;
	padding:100px 0 50px 0;
}
.leadership h5{
	font-size:24px;
	text-transform:uppercase;
	font-weight:400;
	color:#2490d3;
	margin:0px;
	padding:15px 0 0px 0;
}
/************Initiatives*************/
.initiatives-section{
	background:#eeeee9;
	padding:55px 0 70px 0;
}
.padding-right50{
	padding-right:50px !important;
}
.initiatives-section h2{
	color:#022c47;
	padding:0px 0 50px 0;
}
.initiatives-section h4{
    font-family: 'Roboto Slab', serif;
	font-size:46px;
	text-transform:uppercase;
	font-weight:400;
	color:#022c47;
	margin:0px;
	padding:0px 0 20px 0;
}

/******************Contact *********************/
.bg-contact{
	background:#021442;
}
.contact-section{
	background:#021442;
	padding-top:40px;
	padding-bottom:40px;
}
.contact-bg{
	background:url(../images/contact-bg.jpg) no-repeat -280px 0;
	padding:50px 0;
}
.contact-left{
	background:#2486c7;
	padding:50px 15px 50px 50px;
}
.contact-left h3{
	color:#FFF;
	font-size:48px !important;
	font-weight:300;
	padding-bottom:30px;
}
.contact-left ul{
	list-style-type:none;
	padding:0px;
}
.contact-left ul li{
	padding:10px 0px !important;
	color:#fff;
	font-size:18px;
}
.contact-left ul li i{
	padding:0px 10px;
	color:#FFF;
	font-size:22px;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #1560a3 !important;
	font-size:18px !important;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
    background-color:transparent !important;
    background-clip: padding-box;
    border-bottom: 1px solid #2388c5 !important;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-radius:0 !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
	border-color:#000;
}
.form-control::-moz-placeholder {
  color: #1560a3 !important;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:18px;
}
.form-control:-ms-input-placeholder {
  color: #1560a3;
  font-size:18px;
}
.form-control::-webkit-input-placeholder {
  color: #1560a3;
  font-size:18px;
}
/***************Footer***************/
footer{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#FFF;
	background:#010c26;
	padding:30px 0 10px 0;
}
footer a{
	color:#FFF;
}
footer a:hover{
	color:#0070b3;
	text-decoration:none;
}
.{
	

    font-family: 'Roboto', sans-serif;

    font-family: 'Roboto Slab', serif;


}


/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
	float:right;
}
ul.social-network li {
	display: inline;
	margin: 0 1px;
}
/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover{
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}
.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 30px;
	height: 30px;
	font-size:15px;
}
.social-circle li i {
	margin:0;
	line-height:30px;
	text-align: center;
}
.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-network a.icoInstagram:hover {
	background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.social-network a.icoYoutube:hover{
	background-color: #dd4b39;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.social-network a {
 background-color: #333333;   
}


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;/*
    background: rgb(0, 0, 0);*/
    background: rgb(37, 141, 204);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background:#0070b3;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}