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

@viewport {
  width: device-width;
}
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

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:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:373737;
	background-color:#FFF;
	/*position:relative;*/
}

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

::selection{
	background-color:#39b166;
	color:#FFF;

}



:-moz-selection{
	background-color:#39b166;
	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:#39b166;
	}
p{
	margin:0 0 20px;
	padding:0;
	}
	
.clear{
	clear:both;
	height:0;
	font-size:0;
	
	}
	
	
h1{
	margin:0 0 18px;
	color:#FFF;
	font-family: 'BebasRegular';
	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:'florencesans_blackregular' Arial, Helvetica, 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;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 48px;
	
	}

  h4{
    text-decoration:none;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 20px;
    
    }
		
	
/*----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(../coir-images/coirproducts_loader.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); }	

.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 #39b166;}
.newsttl-bar{  color:#39b166; 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:#39b166; 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:#39b166 !important; border:none;}
	

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

/* .coir-products-home_banner{width: 50%; position: relative; float: left; background:url(../coir-images/mainbanner__coirproducts_image.jpg) no-repeat;
  background-size: cover; height: 100vh; padding-top: 19vmax; padding-bottom: 6.6vmax; text-align: center;} */
	
	
.homehero-banner-slider {
  overflow: hidden;
  position: relative;  
}

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

.homehero-banner-slider .caption {
  position: absolute;
  top: 44%;
  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;
  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;
}

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

.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.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;
	}

  .coirproducts__mainmenu ul li{float: right !important;}

#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:#39b166;
	}
	
#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:259px; height:259px; background:url(../coir-images/mainbanner_coir_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:'florencesans_blackregular' Arial, Helvetica, 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; }


.coirproducts_whoweare{ 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) #39b166 center center no-repeat;  padding-top:50px; height:400px; margin-top:10px;}


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


.bottomline__dash{display: inline-block; position: relative;}
.bottomline__dash::after{position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 110%; background: #39b166; height: 4px; width: 120px;}
.bottomline__dash_full::after{width: 100%;}
.bottomline__dash_left::after{position: absolute; content: ""; left: 0; top: 110%; background: #39b166; height: 4px; width: 120px;}
.bottomline__dash_w::after{background: #FFF;}


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

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

#team_memb{ border-bottom:#39b166 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:#39b166;}

.tabs{ margin:0 auto; padding:0;  position:relative; padding-top:50px; margin-bottom:80px; border-bottom:#39b166 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;*/}





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

/*-------facilities----------*/
.coirproducts_facilities{display: block; background: #FFF;}


/*-------quality----------*/
.coirproducts_quality{ background:url(../coir-images/quality_products.jpg) no-repeat;  background-size:cover; position:relative; margin:50px 0px 0px 0px; color: #FFF; text-align: left; padding: 6% 0;}
.coirproducts_quality_row{display: flex; align-items: center;}


/*-------cocos----------*/
.coirproducts_cocos{display: block; background: #39b166; color: #FFF; padding: 3% 0;}



/*-------coir products----------*/
.coirproducts_products{display: block; background: #FFF;  padding: 6% 0;}

.coir--products_wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-gap: 40px;
  align-items: stretch;
}

.coir--products_wrap > article {
  background: #f0f0f0;
  border-radius: 12px;
  max-height: 300px;
  overflow: hidden;
  text-align: left;
  transition: all 0.2s ease-in-out;
	-webkit-transtion: all 0.2s ease-in-out;
}

.coir--products_wrap > article img {
  max-width: 100%;
  margin-top: 20%;
  transition: all 0.2s ease-in-out;
	-webkit-transtion: all 0.2s ease-in-out;
}

.coir--products_wrap .coir--products_text {
  padding:24px;
  padding-top: 70px;
  transition: all 0.2s ease-in-out;
	-webkit-transtion: all 0.2s ease-in-out;
}
.coir--products_wrap .coir--products_text h4{text-transform: uppercase;}

.coir--products_wrap > article:hover {background: #39b166; color: #FFF;}
.coir--products_wrap > article:hover .coir--products_text{ padding:40px 24px; color: #FFF;}
.coir--products_wrap > article:hover img{margin-top: 1%;}


/*-------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----------*/

.coir_contactform{ margin:0 auto; padding:0; position:relative; height: auto; padding-bottom: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:Arial, Helvetica, 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:Arial, Helvetica, 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:#39b166; color:#FFF; float:left; padding:20px 55px; cursor:pointer; border:none; font-family:Arial, Helvetica, 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:2px solid #39b166;
}

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

#contactus .error
{
   font-family: Verdana, Arial, 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 : Arial, 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:#39b166; border: 1px solid #39b166;}
.tutus__buttons_orange:hover{background:none; border: 1px solid #39b166; color: #39b166; text-decoration: none;}

.plr-n{padding-left: 0 !important; padding-right: 0 !important;}

.pt-6{padding-top: 6%;}
.pt-40{padding-top: 40%;}
.contentleftpadding_4{padding-left: 4% !important;}

.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;}
.mb-50{margin-bottom: 50px !important;}

.d-flex{display: flex; align-items: center;}

.d-flex_xsblock{display: flex; align-items: center;}


.coirproducts_fotrimg{ background:#151515 url(../coir-images/coirproducts__footer_img.jpg) center center 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:#39b166; text-decoration:none;}

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

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

.footer_logo_wrap{background: #FFF; height: 100%; padding: 8% 0;}

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

.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 #39b166;}
.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:#39b166;}
.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:#39b166; line-height:48px;}
.orngtxt-12{ font-size:12px; color:#39b166; 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:18px; 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:24px; letter-spacing: 0.1px;  color:#373737; text-align:left;}
.grymmbTxt16{ font-size:16px; line-height:18px; 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:18px; 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:#39b166; line-height:90px; text-align:left;}

.whtcntnt12, .whtTxt18, .whtTxt16, .gryTxt14, .gryTxt16, .clntTxt16, .grymmbTxt16{ font-family: Arial, Helvetica, sans-serif;}
.whtTxt24, .orngTxt, .gryTxt24{ font-family:'proxima_novaregular';}
.gryTxt36, .gryTxt82, .headTit72, .headTit72wht, .headTit48, .blk-txt36, .whttxt-48, .grytxt-36, .whttxt-36, .whttxt-18{ font-family:'lane_-_narrowregular'; }
.whtcntnt24{font-family: 'proxima_novaregular';}

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

.lato-font{font-family: 'Lato', 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: Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none;
	
}

/*#topBtn a{font-family: Arial, Helvetica, 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;}
.imags img{ width:554px; height:346px;}
.worksImgsTtl{ width:100%;}

.imags:hover .imagsdescription{	height: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;}


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



.gryTxt24{ font-size:24px;}


}



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

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

}


@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; }



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;}


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

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

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

}


/*-------fonts----------*/

@font-face {
    font-family: 'AlexandriaFLFRegular';
    src: url('../titusimpex-styles/fonts/alexandriaflf-webfont.eot');
    src: url('../titusimpex-styles/fonts/alexandriaflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../titusimpex-styles/fonts/alexandriaflf-webfont.woff') format('woff'),
         url('../titusimpex-styles/fonts/alexandriaflf-webfont.ttf') format('truetype'),
         url('../titusimpex-styles/fonts/alexandriaflf-webfont.svg#AlexandriaFLFRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'code_lightregular';
    src: url('../titusimpex-styles/fonts/code_light.eot');
    src: url('../titusimpex-styles/fonts/code_light.eot?#iefix') format('embedded-opentype'),
         url('../titusimpex-styles/fonts/code_light.woff') format('woff'),
         url('../titusimpex-styles/fonts/code_light.ttf') format('truetype'),
         url('../titusimpex-styles/fonts/code_light.svg#code_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}


@font-face {
    font-family: 'JustOldFashionRegular';
    src: url('../titusimpex-styles/fonts/JustOldFashion-webfont.eot');
    src: url('../titusimpex-styles/fonts/JustOldFashion-webfont.eot?#iefix') format('embedded-opentype'),
         url('../titusimpex-styles/fonts/JustOldFashion-webfont.woff') format('woff'),
         url('../titusimpex-styles/fonts/JustOldFashion-webfont.ttf') format('truetype'),
         url('../titusimpex-styles/fonts/JustOldFashion-webfont.svg#JustOldFashionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../titusimpex-styles/fonts/League_Gothic-webfont.eot');
    src: url('../titusimpex-styles/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../titusimpex-styles/fonts/League_Gothic-webfont.woff') format('woff'),
         url('../titusimpex-styles/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../titusimpex-styles/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasRegular';
    src: url('../titusimpex-styles/fonts/BEBAS___-webfont.eot');
    src: url('../titusimpex-styles/fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../titusimpex-styles/fonts/BEBAS___-webfont.woff') format('woff'),
         url('../titusimpex-styles/fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../titusimpex-styles/fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'florencesans_blackregular';
    src: url('../titusimpex-styles/fonts/florsn33.eot');
    src: url('../titusimpex-styles/fonts/florsn33.eot?#iefix') format('embedded-opentype'),
         url('../titusimpex-styles/fonts/florsn33.woff') format('woff'),
         url('../titusimpex-styles/fonts/florsn33.ttf') format('truetype'),
         url('../titusimpex-styles/fonts/florsn33.svg#florencesans_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('../titusimpex-styles/fonts/lanenar_.eot');
    src: url('../titusimpex-styles/fonts/lanenar_.eot?#iefix') format('embedded-opentype'),
         url('../titusimpex-styles/fonts/lanenar_.woff') format('woff'),
         url('../titusimpex-styles/fonts/lanenar_.ttf') format('truetype'),
         url('../titusimpex-styles/fonts/lanenar_.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

#logo{margin-left:250px;}

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

.homehero-banner-slider .caption h1 { margin-top: 80px !important;}

.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;}

.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;}

.d-flex_xsblock{display: block;}

.coir--products_wrap > article img{width: 100%; margin-top: 2%;}
.contentleftpadding_4{padding-top: 10%;}
.coirproducts_quality_row{display: block;}
.coir--products_wrap .coir--products_text { padding-top: 40px;}

.coirproducts_cocos, .coirproducts_quality, .coirproducts_whoweare, .coirproducts_products, .footer_logo_wrap{padding: 16% 0;}


}


@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; }
.bannercontnt{ padding-top:500px;}
.homehero-banner-slider .caption h1{ font-size: 36px;}
.homehero-banner-slider .caption{ font-size: 18px; margin-top: 50px;}

.homehero-banner-slider .carousel-inner .item{background-size: cover; background-position: center;}

.left-control, .right-control { top: 50%;}
	
.bannercontnt{	padding-top:335px;}
h1{font-size:48px; line-height:72px; margin:0 0 2px;}
h2{ font-size:36px; line-height:36px;}

.coirproducts_whoweare{ padding-top:30px; margin-bottom:30px;}

.whtTxt18{ font-size:16px; line-height:22px; font-family:Arial, Helvetica, sans-serif;}
	
#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;}

.coir_contactform{ 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;}

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

.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;}

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

.orngTxt, .gryTxt36, .gryTxt82{ font-size:24px; line-height:24px; font-family:Arial, Helvetica, sans-serif; padding:0px 20px 0 20px;}
.gryTxt16{ font-size:14px; line-height:20px; 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 a{ display:block; padding:4px 0 4px 20px;}
nav ul li a:hover{ color:#39b166; 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;
  }
    
    ul.menu 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;
  }
}