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

@viewport {
  width: device-width;
}


.containerTrade{ height:1020px; text-align:center; position: relative;}

#trade_ban{ margin:0 auto; padding:0; text-align:center; height:1020px; background-color:#333333;  overflow:hidden;}
.wrldMap{ width:762px; height:381px; position:absolute; top:344px; left:0; right:0; margin:0 auto; display:block; z-index:10; opacity:0;}
.tradeBadge{  position:absolute; top:340px; left:0; right:0; display:block; z-index:20; }
.tradeBadge img{opacity:0; width:400px; height:330px;}

.TdPnt_LT{ width:113px; height:202px; position:absolute; top:240px; left:340px; display:block; z-index:30; opacity:0;}
.TdPnt_RT{ width:112px; height:202px; position:absolute; top:240px; right:340px; display:block; z-index:30; opacity:0;}
.TdPnt_RD{ width:116px; height:203px; position:absolute; bottom:190px; right:180px; display:block; z-index:30; opacity:0;}
.TdPnt_LD{ width:113px; height:203px; position:absolute; bottom:190px; left:180px; display:block; z-index:30; opacity:0;}
.TdPnt_MD{ width:81px; height:172px; position:absolute; bottom:150px; left:543px; display:block; z-index:30; opacity:0;}

.TdPnt_LTxt{ width:0px; top:226px; left:95px; }
.TdPnt_RTxt{ width:0px; top:226px; right:95px;}
.TdPnt_LDtxt{ width:0px; bottom:219px; left:80px;}
.TdPnt_RDtxt{ width:0px; bottom:219px; right:110px;}
.TdPnt_MDtxt{ width:0px; bottom:149px; left:470px;}

.TdPnt_LTxt, .TdPnt_RTxt, .TdPnt_RDtxt, .TdPnt_LDtxt, .TdPnt_MDtxt { height:25px; position:absolute; display:block; z-index:35; background-color:#FF6600; border-radius:20px; -moz-border-radius:20px; -webkit-borderradius:20px; font-family: 'proxima_novaregular'; font-size:20px; color:#FFF; z-index:40;  opacity:0;}

.mapPnt, .mapPnt01, .mapPnt02, .mapPnt03, .mapPnt04, .mapPnt05, .mapPnt06, .mapPnt07{ width:22px; height:22px; position:absolute; display:block; z-index:15; opacity:0;} 
.mapPnt{ top:420px; left:200px;}
.mapPnt01{ top:460px; left:316px;}
.mapPnt02{ top:630px; left:390px;}
.mapPnt03{ top:370px; left:426px;}
.mapPnt04{ top:450px; right:370px;}
.mapPnt05{ top:630px; right:300px;}
.mapPnt06{ top:410px; right:240px;}
.mapPnt07{ bottom:340px; right:220px;}  


#qual_serv{ height: auto; background:#ff6600 url(../titusimpex-images/trServ_bg.jpg) repeat; padding:50px 0 50px 0 !important;} 
.satifBadge{ background:url(../titusimpex-images/satisfction_badge.png) top center no-repeat; height:285px; text-align:center;} 

#indtrd{ margin:0 auto; padding:0; background:#FFF; height: auto; padding:80px 0 0 0;}

.trade_list{ width:1050px; margin:0 auto; text-align:left; padding:0 0 0 70px; height:auto;}
.trd_no{ width:46px; height:46px; background:url(../titusimpex-images/indTrd_bullet.png) top left no-repeat; padding:10px 0 0px 0px; float:left; color:#FFFFFF; text-align:center; font-size:20px;}
.trade_listTxt{ font-weight:normal; font-size:24px; color:#373737; line-height:30px; float:left;  padding:10px 0 0px 10px;}


.tradeBadge img{ animation-name:doorFrame; -moz-animation-name:doorFrame; -webkit-animation-name:doorFrame; animation-delay:0s; -moz-animation-delay:0s; -webkit-animation-delay:0s; animation-duration:1.5s; -moz-animation-duration:1.5s; -webkit-animation-duration:1.5s;}


.tradeBadge img{

animation-timing-function:cubic-bezier(.2,1,.7,0.1);

animation-iteration-count:1;
animation-direction:alternate;
animation-play-state:running;
animation-fill-mode: forwards;

    /* Firefox: */


-moz-animation-timing-function:cubic-bezier(.2,1,.9,-0.5);

-moz-animation-iteration-count:1;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
-moz-animation-fill-mode: forwards;

/* Safari and Chrome: */


-webkit-animation-timing-function:cubic-bezier(.2,1,.9,-0.5);

-webkit-animation-iteration-count:1;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
-webkit-animation-fill-mode: forwards;

 -webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;   

}

/*-----doorFrame-----*/
@keyframes doorFrame {
0%   {
opacity:0;
-webkit-transform:  scale(0);
-moz-transform:  scale(0);
-o-transform:  scale(0)}

100% {
opacity:1;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0)}}

@-moz-keyframes doorFrame /* Firefox */
{0%   {
opacity:0;
-moz-transform:  scale(0)}

100% {
opacity:1;
-moz-transform:  scale(1.0)}}

@-webkit-keyframes doorFrame{ /* Safari and Chrome */

0%   {
opacity:0;
-webkit-transform:  scale(0)}

100% {
opacity:1;
-webkit-transform:  scale(1.0)}}

/*-----doorFrame-----*/





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

#trade_ban{ height:820px;}
.wrldMap{ top:244px;}
.tradeBadge{top:240px;}

.TdPnt_LT{ top:190px;}
.TdPnt_RT{ top:190px;}
.TdPnt_RD{ bottom:320px;}
.TdPnt_LD{ bottom:320px;}
.TdPnt_MD{ bottom:250px;}

.TdPnt_LTxt{ top:176px;}
.TdPnt_RTxt{ top:176px;}
.TdPnt_LDtxt{ bottom:349px;}
.TdPnt_RDtxt{ bottom:349px;}
.TdPnt_MDtxt{ bottom:279px;}

.mapPnt{ top:320px;}
.mapPnt01{ top:360px;}
.mapPnt02{ top:530px;}
.mapPnt03{ top:270px;}
.mapPnt04{ top:350px;}
.mapPnt05{ top:530px;}
.mapPnt06{ top:310px;}
.mapPnt07{ bottom:440px;}

}

@media screen and (max-width: 1024px){
	.TdPnt_MD{left:0px; right:0; margin-left:auto; margin-right:auto;}
	.TdPnt_MDtxt{  left:0px; right:0; margin-left:auto; margin-right:auto;}
}


@media screen and (max-width: 768px){
.TdPnt_LT{left:250px;}
.TdPnt_RT{ right:250px;}
.TdPnt_RD{ right:120px;}
.TdPnt_LD{ left:120px;}
.TdPnt_MD{left:0px; right:0; margin-left:auto; margin-right:auto;}
	
.TdPnt_LTxt{ width:0px; top:226px; left:35px; }
.TdPnt_RTxt{ width:0px; top:226px; right:35px;}
.TdPnt_LDtxt{ width:0px; bottom:219px; left:40px;}
.TdPnt_RDtxt{ width:0px; bottom:219px; right:40px;}
.TdPnt_MDtxt{ width:0px; bottom:149px; left:0px; right:0; margin-left:auto; margin-right:auto;}
}

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


.whtcntnt24{ padding:0 20px 0 20px; font-size:20px; line-height:24px; text-align:left;}

#qual_serv{ height: auto;}
.trade_list{ width:100%; padding:0;}
.trd_no{ padding:10px 0 0px 0px; float:none; margin-left:20px;}
.trade_listTxt{ font-size:20px; line-height:24px; float:none;  padding:0 20px 0 20px;}


#trade_ban{ height:700px;}
.wrldMap{ width:400px; height:150px; top:200px;}

.tradeBadge{top:180px; }

.tradeBadge img{ width:280px; height:231px;}

.TdPnt_LT, .TdPnt_RT, .TdPnt_RD, .TdPnt_LD, .TdPnt_MD{ display:none}

.TdPnt_LTxt, .TdPnt_RTxt, .TdPnt_LDtxt, .TdPnt_RDtxt, .TdPnt_MDtxt{ left:0; right:0; margin-left:auto; margin-right:auto;}

.TdPnt_LTxt{ top:440px;}
.TdPnt_RTxt{ top:480px;}
.TdPnt_LDtxt{ top:520px;}
.TdPnt_RDtxt{ top:560px;}
.TdPnt_MDtxt{ top:600px;}

.mapPnt{ top:210px; left:80px;}
.mapPnt01{ top:280px; left:196px;}
.mapPnt02{ top:270px; left:170px;}
.mapPnt03{ top:370px; left:126px;}
.mapPnt04{ top:350px; right:120px;}
.mapPnt05{ top:280px; right:70px;}
.mapPnt06{ top:310px; right:80px;}
.mapPnt07{ bottom:340px; right:100px;} 

.TdPnt_LTxt, .TdPnt_RTxt, .TdPnt_RDtxt, .TdPnt_LDtxt, .TdPnt_MDtxt { font-family: Arial, Helvetica, sans-serif; font-size:18px; padding-left:0;}

}