@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');


@import url('https://fonts.googleapis.com/css?family=Lato');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a. abbr, acronym, addresss big, cite, code,
small, strike,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strong, sub, sup, tt var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, lable, legend, table,
caption, tbody, tfoot, thread, tr, th, td {outline:none !important; }

img{
	vertical-align:top;
	opacity=1;
	filter:alpha(opacity=100);
	border:0;
	max-width:100%;
	
	}
	
ul, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0 !important;
	
	}
	
li{

	list-style:none;
	
	}
	
body{
	overflow-x:hidden;
	padding:0;
	margin:0;
	font-family:"Google Sans", sans-serif !important;
	font-size:13px;
	line-height:20px;
	color:#666666;
	background-color:#FFF;
	/*position:relative;*/
}

html{
	font-size:100%;
  overflow-x:hidden;
}

::selection{
	background-color:#FF6600;
	color:#FFF;

}



:-moz-selection{
	background-color:#FF6600;
	color:#FFF;
}

a{
	color:#666;
	text-decoration:none;
	transition: all 0.2s ease-in-out;
	-webkit-transtion: all 0.2s ease-in-out;
	}
a:hover{
	color:#FF6600;
	}
p{
	margin:0 0 20px;
	padding:0;
	}
	
.clear{
	clear:both;
	height:0;
	font-size:0;
	
	}
	
	
h1{
	margin:0 0 18px;
	color:#FFF;
	font-family: "Google Sans";
	text-shadow: -6px 12px 1px rgba(0, 0, 0, 0.05);
	font-size:102px;
	line-height:102px;
	font-weight:normal;
	text-transform:none;
	
	}
	
h2{
	text-decoration:none;
	font-size:66px;
	color:#FFFFFF;
	line-height:60px;
	font-family:"Google Sans", sans-serif;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: -3px 6px 3px rgba(0, 0, 0, 0.1);
	
	}
	
h3{
	text-decoration:none;
	
	}
	
	
	
	
/*----preloader--------------*/

.no-js #loader{ display:none;}
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.wrp-preldr{ position:fixed; background:#FFF; top:0; right:0; bottom:0; left:0; opacity:1; transition:all 1s ease-out; -webkit-transition:all 1s ease-out; -o-transition:all 1s ease-out; -moz-transition:all 1s ease-out; z-index:25000; width:100%; height:100%; margin:0 auto; text-align:center; }

.pre-main{
	position: absolute;
	width: 70px;
	height: 24px;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -35px;
	text-align: center;
	display: block;
	background:url(../titusimpex-images/Preloader_2.gif) center center no-repeat;
}

.pre-main > div{ width:18px; height:18px; background:#333; border-radius:100%; display:inline-block; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation-fill-mode: both; -webkit-animation-fill-mode: both;}

.pre-main .loader-1{ animation-delay:-0.32s; -webkit-animation-delay:-0.32s;}
.pre-main .loader-2{ animation-delay:-0.16s; -webkit-animation-delay:-0.16s;}

@keyframes bouncedelay{
	0%, 80%, 100%{ transform:scale(0,0);}
	40%{transform:scale(1,1)}
	
}
@-webkit-keyframes bouncedelay{
	0%, 80%, 100%{ transform:scale(0,0);}
	40%{transform:scale(1,1)}
	
}
	
	
	
/*----top----*/	

#top{ margin:0 auto; padding:0; height:104px; text-align:center; position: fixed; z-index:10000; width:100%; background: url(../titusimpex-images/menu_bg.png); }	
/*.top{
	position: fixed;
	z-index:1000;
	height:104px;
	margin:0 auto;
	padding:0;
	background: url(../titusimpex-images/menu_bg.png);
	}*/


.news-sldr{ width:400px; height:auto; position:absolute; right:20px; top:120px; z-index:9000; background:url(../titusimpex-images/transimg_oilgas.png) repeat; border-radius:10px; border:1px solid #FF6600;}
.newsttl-bar{  color:#FF6600; font-size:18px; display:block; text-align:center; padding:8px 0; border-radius:10px 10px 0 0;}
.news-more a{ padding:8px 12px; color:#FFF; background-color:#FF6600; font-size:14px; border-radius:4px;}
.news-more a:hover{ color:#000; background-color:#FFF; text-decoration:none;}


.swiper-container { width: 100%; height: 100%;}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-button-next, .swiper-button-prev{ display:none;}

.swiper-pagination-bullet{ border:2px solid #868686; width:12px !important; height:12px !important; background:none;}
.swiper-pagination-bullet-active{ background-color:#FF6600 !important; border:none;}
	

.caption{font-size: 24px;
  font-weight: 300;
  color: #fff;text-align: center; width: 100%;
  text-transform: uppercase;}
.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 20px !important;
}


.coir-products-home_banner, .homehero-banner-slider__half {width: 50%; position: relative; float: left;
  background-size: cover; height: 100vh; /*padding-bottom: 6.6vmax;*/ text-align: center;}
  .coir-products-home_banner{ background:url(../coir-images/mainbanner__coirproducts_image.jpg) no-repeat;  /*padding-top: 16vmax;*/ background-size: cover;}
  .coir-products-home_banner{display: flex; align-items: center;}
  .coir-products-home_banner .caption{ margin-top: 110px;}

  .heroscreens_content{min-height: 164px;}
	
.homehero-banner-slider {
  overflow: hidden;
  position: relative;  
}

/* .homehero-banner-slider__half {width: 50%; float: left;} */

.homehero-banner-slider .caption {
  position: absolute;
  top: 50%;
  margin-top: 150px;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  z-index: 15;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  padding: 0 3%;
}

.homehero-banner-slider .caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 20px !important;
}

.caption .btn-start {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding:14px 40px;
  border: 1px solid #6e6d6c;
  border-radius: 4px;
  margin-top: 40px;
}

.caption .btn-start:hover {
  color: #fff
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  background-repeat: no-repeat;
  background-size: cover;
  height: 2037px;
}

.homehero-banner-slider__half .carousel-inner .item {/*padding-top: 16vmax !important;*/ height: 100vh !important;}
.homehero-banner-slider__half .bluedtbdge{display:block; position: relative; top: 0; margin: 0 auto; width:386px; height:258px; background:url(../titusimpex-images/banner_badge.png) no-repeat; 	}
.homehero-banner-slider__half .caption{position: relative; top: 0; margin: 0; text-align: center; margin-top: 110px;}

.carousel-fade .carousel-inner .item:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.3);
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.homehero-banner-slider__half .carousel-inner>.active, .homehero-banner-slider__half .carousel-inner>.next, .homehero-banner-slider__half .carousel-inner>.prev{display: flex; align-items: center;}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.left-control, .right-control {
  position: absolute;
  top: 56%;
  height: 51px;
  width: 51px;
  line-height: 48px;
  border-radius: 50%;
  border:1px solid #fff;  
  z-index: 20;
  font-size: 24px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.left-control {
  left: -51px
} 

.right-control {
  right: -51px;
}

.left-control:hover, 
.right-control:hover {
  color: #fff;
}

.homehero-banner-slider:hover .left-control {
  left:30px
} 

.homehero-banner-slider:hover .right-control {
  right:30px
}

.homehero-banner-slider .fa-angle-down {
  position: absolute;
  left: 50%;
  bottom: 50px;
  color: #fff;
  display: inline-block;
  width: 24px;
  margin-left: -12px;
  font-size: 24px;
  line-height: 24px;
  z-index: 999;
  -webkit-animation: bounce 3000ms infinite;
  animation: bounce 3000ms infinite;
}	
	
	
	
.container{
	text-align:center;
	
	}
	
.container-fluid{ margin:0 !important; padding:0 !important;}
	
#logo{width:195px; float:left;}
	
#logo a{
	display:block;
	background:url(../titusimpex-images/logoa.png) no-repeat;
	margin-bottom:0px;/*-104px;*/
	text-align:center;
	height:90px;
	margin-top:4px;
	}
	
#navmenu{
	float:right;
	margin:0;
	padding:0;
	width:76%;
	text-align: right;
	}	
	
#navmenu ul li{
	position:relative;
	display:inline-block;
	/*margin:0 38px;
	overflow:hidden;*/
	text-align:center;
	float:left;
	}
#navmenu ul li a{
	display:block;
	padding:0 20px;
	text-decoration:none !important;
	font-size:14px;
	color:#313131;
	line-height:104px;
	}
#navmenu ul li a:hover, #navmenu ul li.active a{
	color:#FFF;
	text-decoration:none;
	background-color:#FF6600;
	}
	
#navmenu ul ul{ position:absolute; top:1200px; left:0; z-index:10000; background-color:#FFF; padding:5px 0 5px 0px; width:180px; height: 0; opacity:0; -webkit-transition:all 0.3s ease-out;
transition: all 0.3s ease-out; border-radius:2%; -webkit-box-shadow: -4px 11px 25px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -4px 11px 25px 0px rgba(0,0,0,0.2);
box-shadow: -4px 11px 25px 0px rgba(0,0,0,0.2);}
	
/*#navmenu ul ul{ width:220px;  float:left; margin-right:20px; }*/	
#navmenu ul ul li{ padding:0; color:#373737; width:100%; display:block; float:left; text-align:left; border-bottom:1px solid #E8E8E8;}
#navmenu ul ul li:last-child{border-bottom:none;}
/*#navmenu ul ul ul li:before{ content:url(../titusimpex-images/bullt.png) no-repeat;}*/
#navmenu ul ul li a{ line-height:18px; color:#373737; text-align:left; padding:0 0 0 30px; transition: all 0.2s ease-in-out;	-webkit-transtion: all 0.2s ease-in-out;}
#navmenu ul ul li a:before{ content:url(../titusimpex-images/bullt.png) no-repeat;}
#navmenu ul ul li a:hover{ color:#FFF; text-decoration:underline; padding:0 0 0 50px;}
#navmenu ul li:hover ul{ display:block; opacity:1; top:auto; height: auto;}	
	
	
#banner{ margin:0 auto; padding:0; background:url(../titusimpex-images/banner_img.jpg) no-repeat; height:960px; position:relative; background-position:0px -20px, center;}
	
.bluedtbdge{display:block; position:absolute; width:386px; height:258px; background:url(../titusimpex-images/banner_badge.png) no-repeat; top:50%; left:50%; margin-top:-330px; /*margin-left:-193px;*/ left:0; right:0; margin-left:auto; margin-right:auto; text-align:center; font-family:"Google Sans", sans-serif; font-size:36px; color:#888888; font-weight:normal;	}

.ban_cntnt{ position:relative; z-index:900; /*height:104px;*/margin:0px;/*-104px;*/ padding:0; text-align:center; }
.bannercontnt{/*position:absolute; top:600px; left:30px;*/ margin:0 auto; padding-top:570px; text-align:center; }


#forAll_sec{ margin:0 auto; padding:0; background:#FFF;/* height:542px;*/ position:relative; padding-top:120px; margin-bottom:80px;}


#wware{ margin:0 auto; background-color:#FFF; position:relative; padding-top:30px; margin-bottom:150px;}
.wware-txt{background:url(../titusimpex-images/world_map1.png) #FF6600 center center no-repeat;  padding-top:50px; height:400px; margin-top:10px;}



/*-------portfolio----------*/

#portfolio{ background:#FFF;/* height:542px;*/ position:relative; padding-top:50px; height: auto; margin-bottom:70px;}

.more_btn{ display: inline-block; margin:0;}	
.more_btn a{ padding:4px 10px; display:block; font-family: "Google Sans", sans-serif; font-size:14px; color:#FFF; font-weight:normal; text-decoration: underline;}
.more_btn a:hover{ background-color:#FFFFFF; color:#373737;}

/*.more_btn{ display: inline-block; margin:0; border:#FFF 2px solid;}	
.more_btn a{ padding:10px; display:block; font-family: "Google Sans", sans-serif; font-size:30px; color:#FFF; font-weight:normal; text-decoration:none;}
.more_btn a:hover{ background-color:#FFFFFF; color:#373737;}*/



#portfolio_block{padding:20px 0 20px 0;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 10px;}

.portfolio_item{position:relative; background:#FFF; float:left;overflow:hidden;}
.portfolio_item .hover_img{ overflow:hidden;}
.portfolio_item .hover_img img{ opacity:1;width: 100%; filter:alpha(opacity=100);
	-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;
	}
	
.portfolio_item:hover .hover_img img{
	transform:translateX(25%); 	-webkit-transform:translateX(25%); 	-moz-transform:translateX(25%); -ms-transform:translateX(25%);
}
.portfolio_item .description{
	position:absolute;
	background:#FF6600;
	top:0;
	left:0;
	height:100%/*356px*/;
	width:0px;
	padding:0;
	opacity:0;
	-webkit-transition: width 0.6s, opacity 0.3s; /* For Safari 3.1 to 6.0 */
    transition: width 0.6s, opacity 0.3s;
}

.portfolio_item.coirP_item .description{ background:#39b166 !important;}

.portfolio_item:hover .description {
	opacity:1;
	width:150px;

}
.portfolio_item:hover .description_in {
	opacity:1;

}



.portfolio_item .description_in{
	padding:70px 5px 10px 5px;
	color:#FFFFFF;
	opacity:0;
	text-align:center;
	-webkit-transition: width 0.6s, opacity 1s; /* For Safari 3.1 to 6.0 */
    transition: width 0.6s, opacity 1s;

}






.portfolio_item{
	-webkit-transition-style: perspective 3d;
	-moz-transition-style: perspective 3d;
	transition-style:perspective 3d;
}


.center{ margin-left:auto; margin-right:auto; text-align:center; position:relative;}

.moreBtn{
	display: inline-block;
	width:200px;
	height:20px;
	background-color:#FF6600;
	text-align:center;
	padding:30px 55px;
	text-decoration:none;
	margin:0;
	font-family:"Google Sans", sans-serif; font-size:18px; color:#FFF; letter-spacing:4px; font-weight:normal; text-decoration:none;
	}

.moreBtn:hover{background: #666666; color:#FFFFFF;}


/*-------portfolio----------*/



/*-------teams----------*/


#teams{background:#EAEAEA;/* height:542px;*/ position:relative; margin-top:30px; padding-top:90px; padding-bottom:90px;}

#team_memb{ border-bottom:#FF6600 1px solid; list-style:none; text-align:left; }
#team_memb li{ display:inline-block; margin-right:14px; padding:25px 25px 12px 0px;}
#team_memb li a{ display:block; font-size:18px; color:#000;}
#team_memb li a.selected, #team_memb li a:hover{ color:#FF6600;}

.tabs{ margin:0 auto; padding:0;  position:relative; padding-top:50px; margin-bottom:80px; border-bottom:#FF6600 1 solid;}
.tabs input{ position:absolute; width:240px; height:40px; left:0; top:0; z-index:1000; opacity:1; }
.tabs input#tab-2{ left:240px;}
.tabs input#tab-3{ left:480px;}

.tabs label {
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 240px;
	color: #385c5b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

#memb_info{ position:relative; padding:20px 0 20px 0;}

#memb_info div{ position: relative; top:0px; left:0px; z-index:1; opacity:1;/*height:700px; width:1120px;  -webkit-transition:all lenear 0.3s; -moz-transition:all lenear 0.3s; -o-transition:all lenear 0.3s; -ms-transition:all lenear 0.3s; transition:all lenear 0.3s;*/}

.membInfoImg{ text-align:center;}
.membInfoCntnt{  padding:60px 0px 0 50px;}

.SclBkMrkIco{ list-style:none; display:block; text-align:left; width:80%; float:left; height:auto;}
.SclBkMrkIco li{ float:left; display:block;}
.SclBkMrkIco li a{ display:block; line-height:32px;}

.bkmrks01, .bkmrks02, .bkmrks03, .bkmrks04, .bkmrks05, .bkmrks06{width:34px; height:32px; overflow:hidden; float:left; display:block;background:url(../titusimpex-images/Bkmrks.jpg) no-repeat;}
.bkmrks01{ background-position: 0px 0px, center; /* position:absolute;left:0px; top:0px;*/}
.bkmrks02{background-position: -30px 0px, center;/* position:absolute; left:-30px; top:0px;*/ }
.bkmrks03{ background-position: -64px 0px, center;/* position:absolute; left:-64px; top:0px;*/}
.bkmrks04{ background-position: -104px 0px, center; /* position:absolute;left:-104px; top:0px;*/}
.bkmrks05{ background-position: -144px 0px, center; /* position:absolute;left:-144px; top:0px;*/}
.bkmrks06{ background-position: -180px 0px, center; /* position:absolute;left:-180px; top:0px;*/}

.SclBkMrkIco li a:hover{}



.conctnw{ width:250px;}
/*-------teams----------*/


/*-------model----------*/

#modelImg{ margin:0 auto; padding:0; background:url(../titusimpex-images/Model_img.jpg) no-repeat; position:relative; height:528px;}

#modelTxt{ position:relative; overflow:hidden; padding:220px 0 50px 0;}
/*-------model----------*/




/*-------works----------*/

#works{ background:#FFF;/* height:542px;*/ position:relative; padding-top:40px; padding-bottom:30px; margin-bottom:60px;}

#worksImgs{ padding:0; list-style:none; border:0; margin-top:10px !important;display: grid;
  grid-template-columns: repeat(3, 1fr);}
#worksImgs li{ display:inline-block; float:left; text-align:center;}

.worksImgsTtl{ text-align:center; margin-top:20px;}




.imags{ position:relative; overflow:hidden; display:block;
	}
	
.imags img{
	/*-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all 1s ease-in-out;*/
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	}
	
.imags:hover img{
	/*-webkit-transform: scale(2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	-webkit-transform: scale(1.1);*/
	-webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	}


.imagsdescription{
	position:absolute;
	background:#FF6600;
	bottom:0px;
	left:0px;
	height:0px/*356px*/;
	width:100%;
	padding:0;
	opacity:0;
	-webkit-transition: height 0.3s, opacity 0.3s; /* For Safari 3.1 to 6.0 */
    transition: height 0.3s, opacity 0.3s;
}
.imags:hover .imagsdescription{
	opacity:0.95;
	height:200px;

}


.imagsdescription_in{
	padding:40px 0px 0px 0px;
	color:#FFFFFF;

}


.lrn_moreBtn{
	display: inline-block;
	text-decoration: underline;
	margin:0;
	font-family:"Google Sans", sans-serif; font-size:16px; color:#FF6600; font-weight:normal; text-decoration:none;
	-webkit-font-smoothing:antialiased;	
	}
	
.lrn_moreBtn a{
	text-decoration: underline;
	font-family:"Google Sans", sans-serif; font-size:16px; color:#FF6600; font-weight:normal; text-decoration:none;
	-webkit-font-smoothing:antialiased;	
	}


.lrn_moreBtn a:hover{color:#373737;}



/*-------works----------*/






/*-------clients----------*/

#clients{ position:relative; padding-top:70px; padding-bottom:30px; margin-bottom:90px;}

.clntLst{ list-style:none; margin:0 auto; margin-top:10px !important;    display: grid;
  grid-template-columns: repeat(7, 1fr);}
.clntLst li{ padding:0; margin:0 3px 10px 3px; float:left; text-align:center; display:block; transition: all 0.2s ease-in-out; -webkit-transtion: all 0.2s ease-in-out; border-radius:20px; overflow:hidden; position:relative;}
.clntLst li:first-child, .clntLst li:nth-child(8){ margin-left:9px;}
.clntLst li{border-radius:20px; overflow:hidden;}
.clntLst li img{}
.clntLst-cntntbg{background-color:#000; opacity:0.6; z-index:90; height:50px; bottom:0;}
.clntLst-cntnttxt{z-index:100;color:#FFF; bottom:10px;}
.clntLst-cntntbg, .clntLst-cntnttxt{ position: absolute; width:100%; left:0;}
	
.clntLst li a:hover img{ }
.clntLst li a:hover .clntLst li{ border-radius:20px; overflow:hidden;}

/*-------in touch----------*/

#intouch{ position:relative; padding-top:50px; padding-bottom:0px;}

#gtintchImg{ background:url(../titusimpex-images/gtintchimg.jpg) no-repeat; position:relative; height:376px; margin-top:10px !important; margin-bottom:90px;}

#gtintchTxt{ position:relative; overflow:hidden; padding:120px 0 50px 0;}

.gtintchLst{ margin:0 auto; padding-top:130px; text-align:left;}
.gtintchLst ul{ list-style:none;}
.gtintchLst ul li{float:left; text-align:center; display:block; width:25%;}
.gtintchLst ul li:nth-second-child {padding: 0px 100px 0 100px;}


/*-------in touch----------*/

/*-------contact form----------*/

#cntactFrm{ margin:0 auto; padding:0; position:relative; height: auto; padding-top:70px;}

form, fieldset, input, textarea {
	padding: 0; border: 0; outline: none;
}
.contact_form{ margin:0 auto; text-align:center;}
label { float:left; text-align:right; color:#848585; font-size:16px; font-family:"Google Sans", sans-serif;}

fieldset{ margin-top:50px; text-align:center;}
input, textarea{ width:480px; height:45px; padding:5px 20px 0px 20px; margin:0 0 15px 0 !important; background-color:#FFFFFF; border:#D5D5D5 1px solid; border-radius:3px; -moz-border-radius:3px; -webkit-borderradius:3px;
font-family:"Google Sans", sans-serif; font-size:16px; color:#848585; float:left; }

input[type=email]{ margin-left:50px !important;}
/*input[type=text]{ margin-left:50px !important;}*/

textarea{ height:120px; width:1060px;}

input[type=submit]{width:250px; height:65px; background-color:#FF6600; color:#FFF; float:left; padding:20px 55px; cursor:pointer; border:none; font-family:"Google Sans", sans-serif; font-size:18px; color:#FFF; letter-spacing:4px; font-weight:normal; text-decoration:none;}


input[type=submit]:hover{background: #666666; color:#FFFFFF;}

input::-webkit-input-placeholder{ color:#848585;}
input::-moz-input-placeholder{ color:#848585;}
	
input:focus, textarea:focus {
	background: #FFF;
	border:1px solid #FF6600;
}

#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}

#contactus .error
{
   font-family: "Google Sans", sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#fg_crdiv
{
   font-family : "Google Sans", sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}


#response{display:none; position:absolute; width:500px; height:250px; background-color:#FFF; top:50%;
left:50%; text-align:center; margin-left:-200px; border-radius:12px; -webkit-box-shadow: 0px 10px 37px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 37px 1px rgba(0,0,0,0.2);
box-shadow: 0px 10px 37px 1px rgba(0,0,0,0.2); padding:45px 15px; text-align:center;}


/*-------General styles----------*/

.tutus_main_buttons{color:#FFF;  padding:14px 40px; cursor:pointer; border:none; font-size:18px; letter-spacing:0.5px; font-weight:normal; text-decoration:none;
  transition: all 0.2s ease-in-out;
	-webkit-transtion: all 0.2s ease-in-out;}
.tutus__buttons_orange{background-color:#FF6600; border: 1px solid #FF6600;}
.tutus__buttons_orange:hover{background:none; border: 1px solid #FF6600; color: #FF6600; text-decoration: none;}

.m0-auto{margin: 0 auto;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}

.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}


.exploremore_button {
  display: inline-flex;
  align-items: center;
  padding: 8px 15px;
  position: relative;
  cursor: pointer;
  /* button */
  /* bg button */
}
.exploremore_button .exploremore_button_link {
  font-family: "Google Sans", sans-serif;
  background-color: transparent;
  font-size: 24px;
  letter-spacing: 0.5px;
  color: #FFF;
  position: relative;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: 0;
  padding-left: 20px;
  left: 0;
  line-height: auto;
  overflow: hidden;
  /*line*/
  /*arrow*/
}
.exploremore_button .exploremore_button_link:before {
  content: "";
  background-color: #FFF;
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.exploremore_button .exploremore_button_link:after {
  content: "";
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  background-color: transparent;
  position: absolute;
  border: solid 3px #FFF;
  border-left: 0;
  border-bottom: 0;
  top: calc(50% - 8px);
  border-radius: 2px;
  transform: translateX(-42px) rotate(45deg);
  transition: all 0.3s 0.2s ease-in-out;
}
/* .exploremore_button:before {
  content: "";
  background-color: white;
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0px;
  border-radius: 3px;
  transition: all 0.4s 0.3s ease-in-out;
}
.exploremore_button:hover:before {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0px;
} */
.exploremore_button:hover .exploremore_button_link {
  padding-left: 50px;
}
.exploremore_button:hover .exploremore_button_link:before {
  left: 15px;
  transform: rotate(90deg);
}
.exploremore_button:hover .exploremore_button_link:after {
  transform: translate(-33px) rotate(45deg);
}



/*-------------stockist page ------*/


#stock-banner{ background:url(../titusimpex-images/stockist_Bimg.jpg) center center no-repeat; height:820px; position:relative; background-position:0px 80px, center;}	
.stockbadge{display:block; position:absolute; width:298px; height:296px; background:url(../titusimpex-images/stockistbadge.png) no-repeat; top:50%; left:50%; margin-top:-200px; margin-left:-150px; text-align:center; font-family:"Google Sans", sans-serif; font-size:36px; color:#888888; font-weight:normal;}

.stock-banCntnt{ width:100%; background:url(../titusimpex-images/transimg.png) repeat; position:absolute; bottom:140px; padding:30px 0 30px 0; color:#FFF; text-align:center;}

.timeline{ position:relative; background:#FFF; padding-top:50px; z-index:5;}
.timeline>ul>li{ position:relative; z-index:6;}
.timeline:before{ content:""; position:absolute; left:0; top:0; right:0; margin-left:auto; margin-right:auto; height:100%; width:1px; background-color:#d2d5d5; z-index:7;}

.timeline-spot{ content:""; position:absolute; width:20px; height:20px; left:0; right:0; top:13%; margin:auto; border-radius:100%; border:2px solid #cbcbcb; background-color:#FFFFFF; z-index:20;}

.st-item{-webkit-box-shadow: 0px 10px 37px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 37px 1px rgba(0,0,0,0.2);
box-shadow: 0px 10px 37px 1px rgba(0,0,0,0.2); padding:4%; margin:1% 1.2% 60px 1.2%; border-radius:20px;}
.st-img{ border-radius:20px; overflow:hidden; }

.st-contnt{padding:4%; text-align:left;}
.tielineli-bg{ background:#f5f5f5;}



/*-------oil and gas page----------*/
#oilgas-banner{ background:url(../titusimpex-images/oilgasBan_img.jpg) center center no-repeat; height:585px; position:relative; background-position:0px 80px, center;}

.oil-banCntnt{ width:50%; height:55%; left:50%; margin-left:-25%;
  /* background:url(../titusimpex-images/transimg_oilgas.png) repeat; */
  background: rgb(0 0 0 / 80%);
  position:absolute; bottom:0px; padding:40px; color:#FFF; text-align:center;}	
.oilgas-icon{ position:absolute; left:2%; top:-65px;}

.oil-banCntnt h3:after{top:90px;}

.oil-banCntnt h3:after, #bus-advisory h3:after, .os-after h3:after, .sp-after h3:after, .rnwbl-banCntnt h3:after, #rp-prjcts .rpttl:after, #rp-prodcts .rpttl:after, .mp-after h3:after, .manpwr-after h3:after, #mp-advisory h3:after{ content:""; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; width:194px; height:4px; background-color:#ff6600;}


/*-------Renewables page----------*/
#rnweble-banner{ background:url(../titusimpex-images/renewable_ban.jpg) center center no-repeat; height:585px; position:relative; background-position:0px 80px, center;}

.rnwbl-banCntnt{ width:60%; height:45%; left:0; right:0; margin-left:auto; margin-right:auto; background:url(../titusimpex-images/transimg_oilgas.png) repeat; position:absolute; bottom:-30px; padding:40px; color:#FFF; text-align:center;}	
.rnwblban-icon{ position:absolute; left:2%; top:-65px;}
.rnwblbanimg{ position:absolute; right:4%; top:25%;}

.rnwbl-banCntnt h3:after{top:90px;}

#rp-prjcts{ background-color:#f6f6f6; padding:60px 0px;}
#rp-prjcts .rpttl:after{top:140px;}

#rp-prjcts ul li{ display:block; text-align:left; padding:3% 0 3% 10%;}
#rp-prjcts ul li:before{ opacity:0.6; left:40px !important;}


#rp-prodcts{ background-color:#FF6600; padding:60px 0px;}
#rp-prodcts .rpttl:after{top:220px; background-color:#FFF !important;}

#rp-prodcts ul li{ display:block; text-align:left; padding:4% 0 4% 0;}

.bordr-rg{ border-right:1px solid rgba(0,0,0,0.2);}
.bordr-r{ border-right:1px solid rgba(255,255,255,0.3);}






/*-------business advisory page----------*/
#bus-advisory{ background-color:#FFF; padding:70px 0px 20px 0px;}
#bus-advisory h3:after{top:160px;}

.bsnssttl:after{content:""; background-image:url(../titusimpex-images/undrttil_line.png); position:absolute; left:3%; width:288px; height:10px;}

.bsnssttl:after{top:75px;}
.ba-ttl-ico{ position:relative; margin-top:20%;}

#our-servcs, #manpwr-suply{ background-color:#f6f6f6; padding:20px 0px;}

.os-after h3:after, .sp-after h3:after{top:180px;}
.os-ttl-ico{ position:relative; margin-top:2%;}

#our-servcs ul li:before, #manpwr-suply ul li:before{ content:""; background-image:url(../titusimpex-images/oslist_arrow.png); position:absolute; left:70px; margin-top:6px; width:14px; height:10px;}

#our-servcs ul li:before{left:70px;}

#our-servcs ul li, #manpwr-suply ul li{ display:block; text-align:left; padding:1% 0 1% 3%;}


/*-------manpower page----------*/
#mp-advisory{ background-color:#FFF; padding:70px 0px 20px 0px;}
#mp-advisory h3:after{top:160px;}
#manpwr-banner{ background:url(../titusimpex-images/manpwrBan_img.jpg) center center no-repeat; height:585px; position:relative; background-position:center 80px, center;}
.manpwr-banCntnt{ width:50%; height:50%; left:0; right:0; margin-left: auto; margin-right:auto; background:url(../titusimpex-images/transimg_oilgas.png) repeat; position:absolute; bottom:0px; padding:40px; color:#FFF; text-align:center;}

.manpwr-after h3:after{top:50px;}
.mp-after h3:after{top:160px;}

#manpwr-suply ul li:before{left:150px;}



/*-------join----------*/
#join{ margin:0 auto; padding:0; background:#373737; margin-top:80px; padding-top:20px; padding-bottom:30px;}

.SclBkMrks{ list-style:none; margin:0 auto; text-align:center; margin-top:30px; width:350px; margin-bottom:50px;}
.SclBkMrks li{ float:left; display:block;}
.SclBkMrks li a{ display:block; line-height:50px; padding:25px 30px;}
.SclBkMrks li a:hover{ -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);}

.sbkmrks01, .sbkmrks02, .sbkmrks03, .sbkmrks04, .sbkmrks05{width:60px; height:50px; overflow:hidden; display:block; background:url(../titusimpex-images/sclBkmrk.jpg) no-repeat;}
.sbkmrks01{ background-position: 0px -5px, center;}
.sbkmrks02{background-position: -48px -5px, center;}
.sbkmrks03{ background-position: -106px -5px, center;}
.sbkmrks04{ background-position: -165px -5px, center;}
.sbkmrks05{ background-position: -230px -5px, center;}

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(70, 70, 70, 1);
}



/*#footer{ margin:0 auto; width:960px; text-align:center; margin-top:15px;}
#footer ul{ list-style:none;}
#footer ul li{ display: inline-block; padding:6px 15px; text-align:center;}
#footer ul li a{ display:block; line-height:20px; padding:6px 15px; font-size:16px; color:#BBB; font-weight:normal;}
#footer ul li a:hover{ color:#FFF; background-color:#FF6600;}
.dline {
	padding:0;
	margin:0;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background: url(../titusimpex-images/linebg.jpg) repeat;
}*/

.fotrimg{ background:#151515 url(../titusimpex-images/footr_img.jpg) center bottom no-repeat; height: auto;}
.footr-ul li{ text-align:left; padding:4px 0px; position:relative; color:#e3e3e3;}
.footr-ul li a{ display:block; color:#e3e3e3;}
.footr-ul li a:hover{ color:#ff6600; text-decoration:none;}

.footr-ul span:after{ content:""; position:absolute; left:0; margin-left:auto; margin-right:auto; width:80px; height:2px; background-color:#ff6600; top:30px;}

.pwrlik a{ color:#919191; text-decoration:underline;}
.pwrlik a:hover{ color:#FF6600;}


/*-------join----------*/
.dspl-blck{ display:block;}
.algn-left{ text-align:left;}
.algn-right{ text-align:right;}
.v-align{ vertical-align:middle;}

.width-10{ width:10% !important;}

.float-left{ float:left;}

.txt-bold{ font-weight:bold;}
.allcaps{ text-transform:uppercase;}

.blk-txt18{  font-size:18px; line-height:22px; font-weight:normal; color:#505c62;}
.blk-txt36{ font-size:36px; color:#373737; line-height:36px; text-align:left;}

.margin-top8p{ margin-top:8px !important;}
.margin-top5{ margin-top:5% !important;}
.margin-top3{ margin-top:3% !important;}
.margin-top8{ margin-top:8% !important;}

.margin-bot6{ margin-bottom:6% !important;}

.marginlft-pf{ margin-left:11px !important;}
.marginlft-10{ margin-left:4.4% !important;}
.marginleft-14{ margin-left:14% !important;}
.marginleft-20{ margin-left:20% !important;}

.margin-bot3{ margin-bottom:3% !important;}

.padding-6{ padding:6% !important;}
.padding-3{ padding:3% !important;}
.padding-top4{ padding-top:4% !important;}
.padding-top12{ padding-top:12% !important;}
.padding-top20{ padding-top:20% !important;}
.padding-bot4{ padding-bottom:4% !important;}

.padding-topbot2{ padding:2% 0 !important;}
.padding-topbot10p{ padding:10px 0 !important;}

.padding-left3{ padding-left:3% !important;}
.padding-left12{ padding-left:12% !important;}
.padding-left20{ padding-left:20% !important;}
.padding-lr5{ padding-left:5% !important; padding-right:5% !important;}

.bgclr-grey{ background-color:#373737;}

.brdrbot-1px{ border-bottom:1px solid #FF6600;}
.brdrright-1{ border-right:1px solid #a7a7a7;}



.headTit72{ font-weight:normal; font-size:60px; color:#373737; line-height:60px; text-align:center;}
.headTit72wht{ font-weight:normal; font-size:72px; color:#FFF; line-height:90px; text-align:center;}
.headTit72 span{ color:#FF6600;}
.headTit48{ font-weight:normal; font-size:48px; color:#373737; line-height:48px; text-align:center;}


.grytxt-36{ font-size:36px; color:#373737; line-height:36px;}

.grytxt-18{  font-size:18px; line-height:18px; font-weight:normal; color:#a7a7a7;}
.grytxt-16{  font-size:16px; line-height:24px; font-weight:normal; color:#696969;}

.grytxt-14{  font-size:14px; line-height:18px; font-weight:normal; color: #999;}

.grytxt-12{  font-size:12px; line-height:12px; font-weight:normal; color:#919191;}

.whttxt-16{ font-size:16px; color:#FFFFFF; line-height:18px;}
.whttxt-18{ font-size:18px; color:#FFFFFF; line-height:18px;}
.whttxt-36{ font-size:36px; color:#FFFFFF; line-height:36px;}
.whttxt-48{ font-size:48px; color:#FFF; line-height:48px;}

.orngtxt-48{ font-size:48px; color:#FF6600; line-height:48px;}
.orngtxt-12{ font-size:12px; color:#FF6600; line-height:16px;}

.whtTxt18{ font-size:16px; line-height:24px; font-weight:normal; color:#FFF; text-align:center;}
.whtcntnt12{ font-size:12px; font-weight:normal; color:#FFF; text-align: center;}
.whtTxt16{ font-size:16px; line-height:22px; font-weight:normal; color:#FFF; text-align: center;}
.whtTxt24{ font-size:24px; color:#FFF; line-height:36px;}
.whtcntnt24{ font-size:24px; color:#FFF; line-height:36px; font-weight: normal;}

.gryTxt14{  font-size:14px; color:#BBB; line-height:18px;}
.gryTxt16{ font-weight:normal; font-size:16px; line-height:22px;  color:#373737; text-align:left;}
.grymmbTxt16{ font-size:16px; line-height:22px; font-weight:normal; color:#373737; text-align: justify;}
.gryTxt18{  font-size:18px; line-height:18px; font-weight:normal; color:#505c62; text-align:center;}
.clntTxt16{ text-align:center; font-size:16px; line-height:22px; font-weight:normal; color:#373737;}
.gryTxt36{ font-size:36px; color:#373737; line-height:36px; text-align:left;}
.gryTxt82{ font-size:82px; color:#373737; line-height:82px; text-align:left;}

.orngTxt{ font-size:80px; color:#FF6600; line-height:90px; text-align:left;}


.whtcntnt12, .whtTxt18, .whtTxt16, .gryTxt14, .gryTxt16, .clntTxt16, .grymmbTxt16{ font-family: "Google Sans", sans-serif;}
.whtTxt24, .orngTxt, .gryTxt24{ font-family:"Google Sans";}
.gryTxt36, .gryTxt82, .headTit72, .headTit72wht, .headTit48, .blk-txt36, .whttxt-48, .grytxt-36, .whttxt-36, .whttxt-18{ font-family:"Google Sans"; }
.whtcntnt24{font-family: "Google Sans";}

.gryTxt24{ font-size:24px; color:#373737; line-height:24px;}

.lato-font{font-family: "Google Sans", sans-serif;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding:0;
	width:100%;
    margin:20px 0 20px 0;
}







#topBtn a{
	position: fixed;
	display:block;
	width:60px;
	height:25px;
	right:10px;
	top:500px;	
	padding-top:6px;	
	/*border:#FFFFFF 1px solid;*/
	text-align:center;
	z-index:1200;
	background:rgba(255, 255, 255, 0.1);
	border-radius:30px;
	font-family: "Google Sans", sans-serif; font-size:14px; color:#000; text-decoration:none;
	
}

/*#topBtn a{font-family: "Google Sans", sans-serif; font-size:18px; color:#000; text-decoration:none;}*/
#topBtn a:hover{ color:#FFF; text-decoration:underline;}






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

#banner{ background-position: -120px 0px, center;}
.worksImgsTtl{ width:100%;}
.worksImgsTtl .gryTxt24 {font-size: 18px;}
.imags:hover .imagsdescription{	height:120px; }


}

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

  .homehero-banner-slider .caption h1, .caption h1 { font-size: 48px;}
  
}


/* @media screen and (max-height: 900px) {
  .coir-products-home_banner{padding-top: 18vmax !important;}
  .homehero-banner-slider__half .carousel-inner .item{padding-top: 18vmax !important;}
}

@media screen and (max-height: 860px) {
  .coir-products-home_banner{padding-top: 17vmax !important;}
  .homehero-banner-slider__half .carousel-inner .item{padding-top: 17vmax !important;}
} */

@media screen and (max-height: 768px) {
  /* .coir-products-home_banner{padding-top: 17vmax !important;}
  .homehero-banner-slider__half .carousel-inner .item{padding-top: 17vmax !important;} */
  .coirproducts_mainbdge img{width: 200px; height: 200px;}
  .homehero-banner-slider__half .bluedtbdge{width:auto; height:200px; background-size: auto 200px; background-position: center;}
}

/* @media screen and (max-height: 700px) {
  .coir-products-home_banner{padding-top: 14vmax !important;}
  .homehero-banner-slider__half .carousel-inner .item{padding-top: 14vmax !important;}
}
@media screen and (max-height: 650px) {
  .coir-products-home_banner{padding-top: 10vmax !important;}
  .homehero-banner-slider__half .carousel-inner .item{padding-top: 10vmax !important;}
} */

@media screen and (max-height: 760px) {
  .membInfoImg img{ width:auto; height:380px;}

}

@media screen and (max-height: 650px) {
.membInfoImg img{ width:auto; height:350px;}
}

@media screen and (max-width:1440px) {
.coir-products-home_banner .caption, .homehero-banner-slider__half .caption{ margin-top: 120px;}
}

@media screen and (min-width: 1366px) and (max-width:1440px) {


#navmenu{width:74%;}	
	
#navmenu ul li a{padding:0 22px;}

#banner{ background-position: -250px 50px, center !important; background:url(../titusimpex-images/banner_imgn.jpg) no-repeat; height:768px;}

.bannercontnt{ padding-top:500px;}

.imags{ width:449px;}
.imags img{ width:449px; height:280px;}
.worksImgsTtl{ width:100%;}

#portfolio{ padding-top:30px; margin-bottom:80px;}
.marginlft-pf{ margin-left:10px;}
.portfolio_item img{ width:214px; height:auto;}

.worksImgsTtl{ margin-top:20px;}

.imags:hover .imagsdescription{	height:100px; }

#teams{  margin-top:30px; padding-top:45px; padding-bottom:90px;}
#memb_info{ padding:20px 0 20px 0;}

#clients{ padding-top:40px; padding-bottom:40px;}
.clntLst{ margin-top:20px;}
.clntLst-cntntbg{height:40px;}
.clntLst-cntnttxt{bottom:8px;}
.clntLst li img{background-size:100% 100%; width:185px; height:169px;}
.clntLst li{ margin:0 3px 10px 3px;}
.clntLst li:first-child, .clntLst li:nth-child(8){ margin-left:9px;}

#intouch{ padding-top:60px; padding-bottom:0px;}
#gtintchImg{ height:300px; margin-top:50px}


.oil-banCntnt{ width:74%; left:50%; margin-left:-37%;}
#oilgas-banner{  background-position:50% 80px, center;}

.manpwr-banCntnt{ width:74%; left:50%; margin-left:-37%;}
#manpwr-banner{  background-position:center 80px, center;}



.gryTxt24{ font-size:24px;}




}

@media screen and (max-width: 1366px) {
  .homehero-banner-slider .caption h1, .caption h1 { font-size: 40px;}
  .coir-products-home_banner .caption, .homehero-banner-slider__half .caption{ margin-top: 140px;}
}

@media screen and (min-width: 1280px) and (max-width:1365px) {

#banner{ background-position: -400px 0px, center;}

.portfolio_item img{ width:196px; height:auto;}

.imags img{ width:420px; height:262px;}
.worksImgsTtl{ padding:10px;}

.imags:hover .imagsdescription{	height:120px; }
.clntLst li img{background-size:100% 100%; width:173px; height: auto;}

#oilgas-banner{ background-position:-320px 80px, center;}
.oil-banCntnt{ width:80%; height:50%; left:0; right:0; margin-left: auto; margin-right:auto; bottom:0px; padding:40px;}

.manpwr-banCntnt{ width:80%; height:50%; bottom:0px; }
.rnwbl-banCntnt{ width:86%; bottom:0px;}

}

@media screen and (max-width: 1280px) {
  .homehero-banner-slider .caption h1, .caption h1 { font-size: 39px;}
  .coir-products-home_banner .caption, .homehero-banner-slider__half .caption{ margin-top: 160px;}
  .clntLst .whtTxt16{font-size: 14px;line-height: 16px;}
}

@media screen and (max-width: 1170px) {
  #navmenu ul li a{padding: 0 16px;}
}


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

#logo{margin-left:10px;}

#navmenu{width:74%;}	
#navmenu ul li a{padding:0 14px;}

#banner{ background-position: -600px 0px, center;}

.news-sldr{ display:none;}

.gryTxt36, .gryTxt82, .orngTxt, .gryTxt16{ padding:0px 50px 0 50px; }

#portfolio_block{grid-template-columns: repeat(4, 1fr);}

#filter{ padding:40px 40px 0 0px;}
#filter li{ margin-right:10px;}
#filter li a{ padding:6px 12px 6px 12px;}

.portfolio_item img{ width:156px; height:auto;}
/*.portfolio_item .hover_img img{ width:316px; height:316px;}*/

.clntLst li img{background-size:100% 100%; width:138px; height: auto;}

.membInfoCntnt{ padding:30px 0px 0 0px;}	
.teamTtl{ width:90%; padding-left:5%;}


#modelTxt{padding:220px 60px 50px 60px; }
.gtintchLst{ padding-top:50px;}
.gtintchLst ul li{float:left; width:50%; margin-top:30px;}

/* Oil and gas */
#oilgas-banner{ background-position:-420px 80px, center;}
.oil-banCntnt{ width:92%; height:50%; left:0; right:0; margin-left: auto; margin-right:auto; bottom:0px; padding:40px;}
#our-servcs ul li:before, #manpwr-suply ul li:before{ content:""; background-image:url(../titusimpex-images/oslist_arrow.png); position:absolute; left:40px;}

#bus-advisory{ padding:40px 0px 20px 0px;}
#bus-advisory h3:after{top:180px;}

.manpwr-banCntnt{ width:80%; height:50%; bottom:0px; }
.mp-after h3:after{top:145px;}
.rnwbl-banCntnt{ width:86%; bottom:0px;}


fieldset{ padding-left:25px;}
input{ width:400px;}
textarea{width:890px;}
.marginleft-20{ margin-left:4% !important;}

}


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


#logo{margin-left:300px;}

.news-sldr{ display:none;}

#portfolio_block{grid-template-columns: repeat(3, 1fr);}


fieldset{ padding-left:25px;}
input{ width:380px;}
textarea{width:600px;}

input[type=email]{ margin-left:0px !important;}
input[type=text]{ margin-left:0px !important;}

#response{width:100%; height: auto; margin-left:-50%; margin-top:35%;}


#stock-banner{ height:760px; background-position:50% 0%;}
.stock-banCntnt{ bottom:180px;  padding:20px 0 20px 0;}
.stockbadge{margin-top:-230px; margin-left:-150px;}
.timeline:before{ left:18px; top:0; right:100%;}

.st-item{margin:10% 1.2% 30px 1.2%;}
.timeline-spot{ left:8px; right:100%; top:3%;}

.manpwr-banCntnt{ width:80%; height:50%; bottom:0px; }

.orngTxt{ font-size:60px; line-height:60px;}
.whtcntnt24{ font-size:18px; line-height:20px; }
.blk-txt36{ font-size:24px; line-height:24px;}

}





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

  .coir-products-home_banner, .homehero-banner-slider__half{width: 100%; float: none;}
  .coir-products-home_banner, .homehero-banner-slider__half .carousel-inner .item{height: 80vh; /*padding-top: 20vmax !important;*/}

  /* .homehero-banner-slider__half.carousel-fade .carousel-inner .item{height: 70vh !important; } */
  

#logo{margin-left:250px;}

h2{ font-size:48px; line-height:48px;}

#banner{ background-position: -500px 0px, center;}
.news-sldr{ display:none;}

#filter li{ display:inline-block; margin-right:7px; border:#373737 1px solid;}
#filter li a{ display:block; font-size:16px; color:#373737;padding:6px 8px 6px 8px;}

#portfolio_block{grid-template-columns: repeat(2, 1fr);padding:60px 0 60px 0px;}

#worksImgs {grid-template-columns: repeat(1, 1fr);}
#worksImgs li{margin-bottom: 50px;}#worksImgs li:last-child{margin-bottom: 0px;}
.clntLst li img{width:100%;}

.clntLst{ display: grid; grid-template-columns: repeat(2, 1fr);}
.membInfoCntnt{ padding:30px 0px 0 0px;}
.gryTxt36{ font-size:26px; color:#373737; line-height:30px;}
.gryTxt16{ padding:0px 0px 0 50px; }

fieldset{ padding-left:25px;}
input{ width:340px;}
textarea{width:770px;}

#oilgas-banner{ background-position:-320px 80px, center;}
.oil-banCntnt{ width:92%; height:50%; left:0; right:0; margin-left: auto; margin-right:auto; bottom:0px; padding:40px;}

#bus-advisory{ padding:40px 0px 20px 0px;}
#bus-advisory h3:after{top:180px;}

#mp-advisory{ padding:40px 0px 20px 0px;}

.ba-ttl-ico{ margin-top:1%;}

#our-servcs ul li:before{left:30px;}

.manpwr-banCntnt{ width:90%; height:54%; bottom:0px; }
.mp-after h3:after{top:135px;}

.rnwbl-banCntnt{ width:100%; height:50%; left:50%; margin-left:-50%; bottom:0px; padding:45px 20px;}
#rp-prjcts .rpttl:after{top:150px;}

#rp-prjcts{ padding:20px 0px;}
#rp-prjcts ul li, #rp-prodcts ul li{ padding:0;}
.rnwblbanimg{ display:none;}



.marginlft-pf{ margin-left:0px !important;}
.margin-top8{ margin-top:8% !important;}

.sm-marginT-10{ margin-top:10%;}
.marginleft-14{ margin-left:12% !important;}

.padding-top20{ padding-top:5% !important;}
.padding-top4{ padding-top:4% !important; padding-bottom:2%;}

.sm-margin-top10{ margin-top:10% !important;}
.sm-margin-top15{ margin-top:15% !important;}
.xs-bordr-tg{ border-top:1px solid rgba(0,0,0,0.2);}
.bordr-rg{ border-right:none;}
.marginleft-20{ margin-left:6% !important;}


}




@media only screen and (min-width : 213px) and (max-width : 560px){

#logo{margin-left:70px; width:310px;}

#banner{ background:url(../titusimpex-images/banner_img01a.jpg) no-repeat; height:560px;}
.bluedtbdge{margin-top:-270px; background-size:100% 100%; width:280px; height:187px;}
.bannercontnt{ padding-top:500px;}
.homehero-banner-slider .caption h1{ font-size: 36px;}
.homehero-banner-slider .caption{ font-size: 18px; margin-top: 50px;}

.left-control, .right-control { top: 50%;}

.news-sldr{ display:none;}
/*.news-sldr{ width:80%; height:auto; left:0; right:0; margin-left:auto; margin-right:auto;}*/
	
.bannercontnt{	padding-top:335px;}
h1{font-size:48px; line-height:72px; margin:0 0 2px;}
h2{ font-size:36px; line-height:36px;}

#forAll_sec{ padding-top:30px; margin-bottom:30px;}


#wware{ padding-top:30px;  margin-bottom:30px;}
.wware-txt{background:url(../titusimpex-images/world_map_m.png) #FF6600 center center no-repeat;  padding-top:40px; padding-bottom:20px; height: auto;}


.whtTxt18{ font-size:16px; line-height:22px; font-family:"Google Sans", sans-serif;}

	
#portfolio{ padding-top:30px; margin-bottom:20px; height: auto;}
#portfolio_block{ padding:0; text-align:center; margin:0 auto;}
.portfolio_item{ float:none;}

#works{padding-top:20px; padding-bottom:10px; margin-bottom:10px;}
.imags{ width:100%;}
.imags img{ width:100%; height: auto;}
.worksImgsTtl{ width:100%; padding:30px 0;}

.imags:hover .imagsdescription{	height:100px; }

#teams{ margin-top:10px; padding-top:10px; padding-bottom:20px;}
#memb_info{ padding:20px 20px 20px 20px;}
.membInfoImg{ width:100%; height:100%; margin-bottom:20px;}
.membInfoImg img{ width:250px; height:250px;}
.membInfoCntnt{ float:left; height:100%; width:100%; padding:0px;}

#clients{ padding-top:20px; padding-bottom:10px; margin-bottom:20px;}
.clntLst{ margin-top:20px;}
.clntLst-cntntbg{height:40px;}
.clntLst-cntnttxt{bottom:8px;}
.clntLst li img{background-size:100% 100%; width:100%; height: auto;}
.clntLst li:first-child, .clntLst li:nth-child(8){ margin-left:2%;}

.moreBtn{ width:200px;	padding:30px 30px;}

#intouch{ padding-top:40px;}
#gtintchImg{ background:url(../titusimpex-images/gtintchimg01.jpg) no-repeat; height: auto; margin-top:30px; margin-bottom:20px;}

.gtintchLst{ padding:30px 20px 0 20px;}
.gtintchLst ul li{width:100%; padding-top:20px;}
.gtintchLst ul li:nth-second-child {padding: 0px 0px 0 0px;}

#cntactFrm{ height: auto; padding-top:30px;}

#contactus fieldset#antispam{ width:100%; text-align:center; } 

fieldset{  margin-top:20px;}
input{ width:90%;}
textarea{width:90%; height:120px;}
fieldset{ margin-top:50px; text-align:center;}
input, textarea{ padding:5px 5px 0px 5px; float:left; }
input[type=email], input[type=text], input, textarea{ margin-left:0px;}

#join{ margin-top:50px; padding-top:30px; padding-bottom:30px;}
/*#footer{ width:100%; padding-bottom:20px;}
#footer ul li{ float: inherit; border-bottom: #666666 1px solid;}
#footer ul li a{ padding:6px 10px;}*/

.footr-ul span:after{ left:0; width:90%;}
.fotrimg{ background:#0a0a0a url(../titusimpex-images/footr_img_m.jpg) center bottom no-repeat; height: auto;}

#topBtn a{ top:300px;}

#oilgas-banner{ background:url(../titusimpex-images/oilgasBanM_img.jpg) center center no-repeat; height:650px; background-position:60px 80px, center;}

.oil-banCntnt{ width:100%; height:65%; left:50%; margin-left:-50%; bottom:-50px; padding:50px 20px 20px 10px;}
#oilgas-banner{  background-position:50% 80px, center;}
.oil-banCntnt h3:after{top:100px;}
.oilgas-icon{ left:0; right:0; top:-85px;}
#bus-advisory h3:after{top:200px;}

.os-after h3:after{top:150px;}
.sp-after h3:after{top:190px;}
#our-servcs ul li:before{ left:10px; opacity:0.7;}
#our-servcs ul li{ padding:1% 0 1% 1%;}

#manpwr-banner{ background:url(../titusimpex-images/manpwrBanM_img.jpg) center center no-repeat; height:800px; background-position:-100px 80px, center;}
.manpwr-banCntnt{ width:100%; height:56%; left:50%; margin-left:-50%; bottom:-30px; padding:50px 20px 20px 10px;}
.mp-after h3:after{top:130px;}
#manpwr-suply ul li:before{left:50px;}

#rnweble-banner{ background:url(../titusimpex-images/renewable_mban.jpg) center center no-repeat; height:700px; background-position:-70px 80px, center;}
.rnwbl-banCntnt{ width:100%; height:48%; left:50%; margin-left:-50%; bottom:0px; padding:45px 20px;}	
.rnwblban-icon{ position:absolute; left:35%; top:-90px;}
.rnwblbanimg{ display:none;}

#rp-prjcts, #rp-prodcts{ padding:10px 0px;}
#rp-prjcts ul li, #rp-prodcts ul li{ padding:2% 0 2% 0;}
#rp-prodcts .rpttl:after{top:200px;}

.bordr-rg{ border-right:none;}
.bordr-r{ border-right:none;}
.brdrright-1{ border-right:none;}

.xs-brdrrbot-1{ border-bottom:1px solid #a7a7a7;}
.xs-bordr-tg{ border-top:1px solid rgba(0,0,0,0.2);}
.xs-bordr-t{ border-top:1px solid rgba(255,255,255,0.3);}

.xs-ba-ttl-ico{ margin-bottom:50px;}

.marginlft-pf{ margin-left:0;}
.marginleft-14{ margin-left:10% !important;}
.marginleft-20{ margin-left:12% !important;}

.padding-left20{ padding-left:8% !important;}
.padding-top20{ padding-top:0%;}
.xs-padding-8{ padding:0% 8% 8% 8%;}
.xs-margin-top6{ margin-top:6% !important;}
.xs-margin-6{ margin-bottom:6%;}
.xs-margin-10{ margin-bottom:10%;}
.sm-marginT-10{ margin-top:0%;}
.xs-padng-lr{ padding:0 4% 0 4%;}
.xs-padng-left3{ padding-left:3% !important;}

.xs-align-centr{ text-align:center !important;}



.headTit72, .headTit72wht{ font-size:34px; line-height:34px;}
.headTit48{ font-size:32px;}

.orgTxt36{ font-size:18px; line-height:20px;}
.whtTxt36{ font-size:18px; line-height:20px;}
/*.gryTxt36{ padding-top:30px;}*/



.grytxt-16{  font-size:16px; line-height:22px;}

.orngTxt, .gryTxt36, .gryTxt82{ font-size:24px; line-height:24px; font-family:"Google Sans", sans-serif; padding:0px 20px 0 20px;}
.gryTxt16{ font-size:14px; line-height:16px; padding:10px 20px 0px 20px; text-align:justify; }

.gryTxt24, .conctnw{ font-size:24px; color:#373737; line-height:18px; width:100%;}

.whtTxt48{font-size:36px; color:#FFF; line-height:36px;}

}











#page {
  padding: 0;
  background: #FFFFFF;
}

#content {
  clear: both;
  padding-top: 0;
}

nav a {
  color: #FFF;
}

nav ul li{}
nav ul li a{ display:block; padding:4px 0 4px 20px;}
nav ul li a:hover{ color:#FF6600; background-color:#FFF; padding:4px 0 4px 30px; text-decoration:none;}

/* Important stuff */

ul.menu {
display:none;
  padding: 10px 0 0 0px;
  margin-top:15px !important;
  width: 100%;
}
  
ul.menu li {
    list-style-type: none;
    display: block;
    float: left;
    background: #777;
    margin: 0;
    padding: 2em 0;
    -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box; /* Fixes Firefox bug */
	  box-sizing: border-box;
    width: 20%;
    text-align: center;
}
    
ul.menu li:hover {
      background: #888;
    }

a.open-panel, a.close-panel {
  display: none;
}

/*@media only screen and (max-width: 55em)*/ 

@media only screen 
and (min-width : 214px) 
and (max-width : 960px){

#navmenu{display:none !important;}


  
  #content {
    padding-top: 10px;
  }
  
 /* Move nav off screen, setup transitions */
 nav {
 display:block;
    width: 70%;
    position: absolute;
    left: -70%;
    top: 0;
    height: 100%;
    background: #777;
  }
  
  /* Display nav items vertically */
  ul.menu {
  display:block;
    border-top: 1px solid #888;
    
    li {
      float: none;
      width: 100%;
      text-align: left;
      padding: 2em 1em;
      box-sizing: border-box;
      border-bottom: 1px solid #888;
    }
  }
  
  /* Reveal open/close buttons */
  a.open-panel, a.close-panel {
    display: inline;
  }
  
  .open-panel {
    position: relative;
    top: .5em;
    left: 1em;
  }
  .close-panel {
    position: relative;
    top: .5em;
    left: 1em;
  }

  .openNav #page {
    left: 0;
    -webkit-transform: translate3d(70%, 0, 0);
    -moz-transform: translate3d(70%, 0, 0);
    -ms-transform: translate3d(70%, 0, 0);
    -o-transform: translate3d(70%, 0, 0);
    transform: translate3d(70%, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
  }
  
  /* When the panel is closed, transition the page back to the left */
  #page {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
  }
}