header .container .intro-text .ecommerce img{
float:left !important;
padding: 50px 0px 0px 0px;
box-sizing:
}

.fontThaisans{
font-family: thaisans_neueregular;
}

.textHilight{
color: #bbbdbf;
text-shadow: 1px 1px 0px #000;
}

.textBlack{
color:#000;
}

.textHilight2{
color:#8e9398;
text-shadow: 1px 1px 0px #000;
}
.clear {
    clear: both;
}


#services{
    background: url("/userfiles2/skin/ran4u-org/iStock_76500751_XXLARGE.jpg");
	background-position-y: -100px;
	background-size: 1300px;
    padding-bottom: 50px;
}


.icon{
	margin-top:50px;
	margin-bottom:20px;
}

.ulLeft{
    text-align: left;
	list-style-type:none;
}

ul.ulLeft li {
    background: url("/userfiles2/directUpload/skin/ran4u_org/img/etc/peopleIcon.png") no-repeat;
    padding-left: 22px;
    text-shadow: 1px 1px 1px gray;
    background-size: 15px;
	background-position-y: 3px;
}


.borderRadius{
	border-radius: 13px;
    background-color: rgba(255,255,255,0.9);
    border: 1px solid #DCDCDC;
	padding:10px;
	min-height:374px;
}

.fontWebHover{
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: italic;
	text-transform: lowercase;
}

h4.fontThaisans.fontSizeWww{
	font-size:16px !important;
	font-weight:normal;
}

.contact-info{
	list-style-type: none;
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
    position: relative;
    text-align: left;
}

.contact-content .contact-info li {
    font-size: 1.8em;
}

.contact-content .contact-info li a{
    color:#000;
	text-decoration:none;
}

ul.contact-info li:first-child {
    border-top: none;
    padding-top: 1px;
}

ul.contact-info li {
    border-top:1px solid #948f8f;
    line-height: 19px;
    padding: 15px 0;
}

@media (max-width:768px) {

	#slide{
	display:none;
	}
	
	/*
	#slide .example-animation .imgSlide1{
		width:60%;
	}
	
	#slide .example-animation .imgSlide{
		width:60%;
	}
	
	#slide .example-animation .imgSlideEcommerceList{
		width:40%;
	}
	*/
}

/*------Table price-------*/

.tableDetailBox table.tableDetail tbody tr td {
       /* border: 1px solid #dedede;*/
		border: 1px solid rgba(230, 155, 104, 0.13);
        padding:10px;
        background-color: rgba(255, 255, 255, 0.62);
		
}
.tableDetailBox table.tableDetail td.setDetail img.week {
	float:left;
	margin-right: 20px;
	}

	
	.tableDetailBox table.tableDetail td.setDetail img.correct-icon {
width:45px;
    
}
.tableDetailBox table.tableDetail td.setDetail div.details img.target-icon {

    width:30px;
}

.tableDetailBox table.tableDetail tbody  tr.head td.setbg{

   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,d0d0d0+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #d0d0d0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#d0d0d0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#d0d0d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
    font-size: 16px;
	
}
.tableDetailBox table.tableDetail tbody  tr.head td.setbg b{
color: #FF6700;
    background: -webkit-linear-gradient(#FF8400, #F00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tableDetailBox table.tableDetail{
box-shadow:1px 1px 9px grey;
}



/* 2015-11-13: phone navbar */
a.navbar-link.contact-phone {
   color: #F67B26;
   font-size: 1.4em;
}

span.contact-phone.seperate {
   color: #333;
   font-size: 1.6em;
   margin: 0 0.5em;
}

 #imageDetail {
    width: 972px;
    height: 1002px;
    position: relative;
	margin:0 auto;
		margin-top:5px;
}
#imageDetail img{
width:100%;
}
@media (max-width: 768px) {

  #workflow .workflow-part1{
    border-bottom: 1px dashed #717A88;
  
  }
  }
@media (min-width: 768px) {

   .navbar-text.navbar-left.navbar-contact {    
       /*clear: left;*/
   }
   
   #imageDetail {
    width: 972px;
    height: 1002px;
    position: relative;
	margin:0 auto;
		margin-top:5px;
}
#imageDetail img{
width:100%;
}
}
@media (max-width: 480px){
 #imageDetail {
    width: 366px;
    height:377px;
    position: relative;
	margin:0 auto;
		margin-top:5px;
}
#imageDetail img{
width:100%;
}

}

@media (max-width: 320px){
  #workflow .workflow-part1{
    border-bottom: 1px dashed #717A88;
  
  }
 #imageDetail {
    width: 290px;
    height: 299px;
    position: relative;
	margin:0 auto;
	margin-top:5px;
}
#imageDetail img{
width:100%;
}

}

@media (min-width: 992px) {
  #workflow .workflow-part1{
    border-right: 1px dashed #717A88;
  
  }
   .navbar-text.navbar-left.navbar-contact {    
       clear: none;
   }
}

.navbar-text.navbar-left.navbar-contact {
   margin-right: 0;
   margin-left: 0;
   margin-top: 10px;
   margin-bottom: 10px;
}


#package {

   /*   background: url("/userfiles2/directUpload/skin/ran4u_org/img/etc/bg4.jpg");
    background-position-y: -100px;
  //background-size: cover;*/
   background: url("/userfiles2/directUpload/skin/newran4u_36793/etc/package-bg.jpg")top center fixed;
     background-position-y: -143px;
    background-size: 107%;
    /* background-position-x: -350px; */
}

div.tableDetailBox
{
padding:30px 0px;

}


#askForm {
background-image: url(../img/map-image.png);
    background-size: cover;
    background-position: 0 -289px;
    background-color: #636060;
    padding-bottom: 20px;
}

section h2.section-heading,section h3.section-subheading{
	color: #fff;
}

/* link ?????????? ? result modal */
ul.list-inline.result-contact a {
    color: #F37926;
}

.btn-orange {
    border-color: #F37926;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #F37926;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    border-color: #f6bf01;
    color: #fff;
    background-color: #fec503;
}
@media (min-width: 768px) {

	/* result modal */
	.portfolio-modal .modal-content h2 {
	    font-size: 2em;
	}
	

  
}
/********************** workflow section *************************/
/*
section#workflow {
    padding: 40px 0px;
    background: url("/userfiles2/directUpload/skin/ran4u_org/img/bgWorkflow.jpg");
    background-position-y: 0px;
    background-size: cover;
    padding-bottom: 50px;
}*/
section#workflow {
    padding: 40px 0px;
    background: #e8f3f5  url(/userfiles2/directUpload/skin/newran4u_36793/etc/bg2.png) bottom center no-repeat;
    padding-bottom: 50px;
   /* background-size: 100% 100%;*/
}
section#workflow  .container {
     background: rgba(247, 247, 247, 0.93);
    padding: 30px 0px;
    border-radius: 20px;
    border: 1px solid #C3C3C3;
    box-shadow: 1px 1px 11px #5A5757;
	    z-index: 3;
    position: relative;

}
/*
section#workflow:before {
    content: "";
    background: linear-gradient(17deg, rgb(0, 37, 104) 20%,rgba(0, 153, 255, 0.58) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    opacity: 0.3;
    -ms-filter: -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}*/
section#workflow{
    position:relative;
    overflow:hidden;
}

section#workflow .container.WhyRan4u {
    margin-top: 25px;
    background: rgba(247, 247, 247, 0);
    padding: 30px 0px;
    border-radius: 20px;
    border: 1px solid rgba(195, 195, 195, 0);
    box-shadow: 1px 1px 11px rgba(90, 87, 87, 0);
}

.why-part1 {
       background: rgba(247, 247, 247, 0.93);
    padding: 30px 50px;
    border-radius: 20px;
    border: 1px solid #C3C3C3;
    box-shadow: 1px 1px 11px #5A5757;
	 -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
	
}

.why-part1:hover{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff8c00+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff6100+100 */
background: rgb(255,175,75); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,175,75,1) 0%, rgba(255,97,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,175,75,1) 0%,rgba(255,97,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,175,75,1) 0%,rgba(255,97,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff6100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}




.why-part2 {
       background: rgba(247, 247, 247, 0.93);
    padding: 30px 69px;
    border-radius: 20px;
    border: 1px solid #C3C3C3;
    box-shadow: 1px 1px 11px #5A5757;
   /* margin: 0px 0px 0px 50px;*/
    min-height: 350px;
	 -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
}

.why-part2:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+0,00a2e2+100 */
background: rgb(73,192,240); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(73,192,240,1) 0%, rgba(0,162,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(73,192,240,1) 0%,rgba(0,162,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(73,192,240,1) 0%,rgba(0,162,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#00a2e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.why-part2 h1{
margin-top:15px;
}
.why-part2 ul ,.why-part1 ul {
    color: #1e6fd7;
}
.why-part1 ul li p, .why-part2 ul li p {
    font-size: 18px;
    color: #000;
}
.why-part1 h2,.why-part2 h1{
color: #2e3748;
    font-size: 30px;
    text-shadow: 1px 3px 1px #d1d8dc;
}

.why-part2 h1 span{
color: #ff5400;
}
/*------------------Part1----------------------------*/




#workflow  .circle > p, #workflow  .circle > h1 {

    font-size:25px;
}

  #workflow .circle h1{
      text-transform: capitalize;
  
  }
    #workflow h1.price{
    text-align:center;
	    line-height: 1.6;
		color: #FF6700;
    background: -webkit-linear-gradient(#FF3B00, #F17A00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  }

   #workflow .workflow-part1 .circle1{
   float:left;
   }
      #workflow .workflow-part1 .circle2{
   float:right;
   }
 #workflow .workflow-part1 .circle1, #workflow .workflow-part1 .circle2{

 position:relative;
 }
 
#workflow .workflow-part3  h1 {
    color: #00ABFF;
    background: -webkit-linear-gradient(#002F9A, #001971);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }
  #workflow .workflow-part1 .circle1 h1, #workflow .workflow-part1 .circle2 h1{
  position:absolute;
    color: #00ABFF;
    background: -webkit-linear-gradient(#002280, #001971);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
 
  
  #workflow .workflow-part3 {
      margin: 40px 0px 0px 0px;
    /* padding-left: 145px; */
    text-align: center;
}
   #workflow .workflow-part3 ul{
       color: #FF5400;
   padding-top:15px;
   display: inline-block;
    /* width: 80%; */
    margin: 0 auto;
    text-align: left;
   }
   
   #workflow .workflow-part3 ul li {
    background: url(/userfiles2/directUpload/skin/ran4u_org/img/etc/iconRight.png) no-repeat;
    padding-left: 53px;
    text-shadow: 1px 1px 1px grey;
    list-style-type: none;
    background-size: 45px;
    background-position-y: 7px;
}
   #workflow .workflow-part3 ul li p{
    font-size: 19px;
    line-height: 2.5;
	color:#000;
   
   }
   
    @media (min-width: 992px){

	   #workflow .workflow-part1{
    border-right: 1px dashed #717A88;
  
  }  
   .workflow-part1.col-md-7 {
  padding:0px 30px;
}
}
   @media (min-width: 1200px){
   
     #workflow .workflow-part1{
    border-right: 1px dashed #717A88;
  
  }  
.workflow-part1.col-md-7 {
  padding:0px 80px;
}

}
/*------------------Part2----------------------------*/
#workflow  .workflow-part2-s{
display:block;
}
#workflow  .workflow-part2-s .flowarrow{
    display: block;
    margin-left: auto;
    margin-right: auto;
width:50px;
}
#workflow  .workflow-part2-s h1{
font-size:24px;
text-align:center;
    margin: 45px 116px;
}
#workflow  .workflow-part2-s p{
      font-size: 20px;
    text-align: center;
    padding: 3% 2% 2% 2%;
    width: 300px;
    margin: 12px auto;

    display: block;
    border-radius: 20px;
  border: 3px solid #DEDEDE;
   background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    color: #FF3D00;
}


#workflow  .workflow-part2{
display:block;
}
#workflow  .workflow-part2  img.flowarrow{
display: block;
    /* margin-left: auto; */
    /* margin-right: auto; */
    width: 20px;
    float: left;
    transform: rotate(-90deg);
     margin: 70px 24px 0px 24px;
}
#workflow  .workflow-part2 h1{
font-size:24px;
text-align:center;
    margin: 45px 116px;
}
#workflow  .workflow-part2 p{
     font-size: 15px;
    text-align: center;
    padding: 3% 2% 2% 2%;
    /*width: 176px;*/
	    height: 135px;
    margin: 12px auto;
    display: block;
    border-radius: 20px;
    border: 3px solid #DEDEDE;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    color: #444444;
    float: left;

}

@media only screen and (max-width: 903px) {
	#contactFooter > div > div > div.col-md-8 > div{

    margin:0 auto;
}
#contactFooter > div > div > div.col-md-8 > div:nth-child(1) > img{
	margin-left:35%;
	
}
	.contact-info{
		text-align:center;
	}
  #workflow .workflow-part1{
    border-bottom: 1px dashed #717A88;
  
  }}
@media only screen and (min-width: 350px) {

/*------------------Part1----------------------------*/
  #workflow  .col {  display: inline-block;
    position: relative;
    width: 28%;
    margin: 4% 0px 7% 3%;
    padding: 0;
    background-color: transparent;
    border-top: none;
}

#workflow  .circle {
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #F0F0F0;
    color: #646464;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    display: block;
    padding: 5px;
    border: 5px solid #D0D0D0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    box-shadow: 0px 0px 13px #C7C7C7;
}
#workflow  .circle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -2%;
}
#workflow  .col .spacer {
    position: relative;
    padding-top: 100%;
}
#workflow .circle > p,#workflow  .circle > h1,#workflow  .circle > .wrapcontent {
    display: inline-block;
    vertical-align: middle;
    font-size:12px;
}
#workflow .circle:hover {
    background-color: maroon;
    border: 5px solid #4d0000;
    color: #fff;
}

  .col-10{
  width: 100%;
  }
  .col-2 {width: 100%;}
  
/*------------------Part2----------------------------*/

#workflow  .workflow-part2-s .flowarrow{
width:20px;
}
#workflow  .workflow-part2 .flowarrow{
width:20px;
}

#workflow  .workflow-part2-s{
display:block;
}

#workflow  .workflow-part2{
display:none;
}
}





@media only screen and (max-width: 320px){
/*------------------Part1----------------------------*/
#workflow  .circle1 h1 {
    font-size: 1.2em;
    line-height: 1em;
	
}
}

@media only screen and (min-width: 320px){
/*------------------Part2----------------------------*/

#workflow  .workflow-part2-s .flowarrow{
width:38px;
}
#workflow  .workflow-part2 .flowarrow{
width:38px;
}


#workflow  .workflow-part2-s{
display:block;
}

#workflow .workflow-part2-s h1 {
    font-size: 24px;
    text-align: center;
    margin: 45px 0px;
}
#workflow .workflow-part2 h1 {
    font-size: 24px;
    text-align: center;
    margin: 45px 0px;
}

#workflow  .workflow-part2{
display:none;
}
}

@media only screen and (min-width: 320px) and (max-width: 450px){
/*------------------Part1----------------------------*/
#workflow .workflow-part1 .circle1{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow-110.png");
 width:110px;
  height:136px;

  }
  
  
    #workflow .workflow-part1 .circle2{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow2-110.png");
    width:110px;
  height:136px;
  }
  
  
  #workflow .circle1 h1{
       top: 14px;
    left: 23px;
    font-size: 20px;
    text-align: center;
}

  #workflow .circle2 h1{
       top: 14px;
    left: 16px;
    font-size: 20px;
    text-align: center;
}
  
}

@media only screen and (min-width:450px) and (max-width:490px){
#workflow .workflow-part1 .circle1{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow-150.png");
 width:150px;
  height:185px;

  }
  
  
    #workflow .workflow-part1 .circle2{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow2-150.png");
   width:150px;
  height:185px;
  }
  
#workflow .circle1 h1,#workflow .circle2 h1{
     top: 38px;
    left: 20px;
    font-size: 27px;
	
}

}
@media only screen and (min-width: 490px) and (max-width: 600px){
#workflow .workflow-part1 .circle1{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow-180.png");
  width:180px;
  height:223px;

  }
  
  
    #workflow .workflow-part1 .circle2{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow2-180.png");
   width:180px;
  height:223px;
  }
  
#workflow .circle1 h1,#workflow .circle2 h1{
 top: 38px;
    left: 34px;
    font-size: 30px;
}

}
@media only screen and (min-width: 600px){
/*------------------Part1----------------------------*/
 #workflow .workflow-part1 .circle1{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow.png");
  width:203px;
  height:251px;
  }
  
  
    #workflow .workflow-part1 .circle2{
  background:url("/userfiles2/directUpload/skin/ran4u_org/img/bgBoxArrow2.png");
  width:203px;
  height:251px;
  }
  
#workflow .circle1 h1{
    top: 38px;
    left: 43px;
	font-size: 36px;
	text-align:center;
}

#workflow .circle2 h1{
    top: 38px;
    left: 33px;
	font-size: 36px;
	text-align:center;
}

}
@media only screen and (min-width: 768px){
/*------------------Part1----------------------------*/
 


#workflow  .col {
     display: inline-block;
    position: relative;
    width: 35%;
    /*margin: 4% -1px 7% 8%;*/
    padding: 0;
    background-color: transparent;
    border-top: none;
    /* height: 10%; */
}
 .col-1 {width: 100%;}
.col-2 {width: 100%;}
.col-3 {width: 100%}
.col-4  {width: 100%;}
.col-5  {width: 100%;}
.col-6  {width: 100%;}
.col-7  {width: 100%;}
.col-8  {width: 100%;}
.col-9  {width: 100%;}
.col-10  {width: 100%;}
.col-11  {width: 100%;}
.col-12 {width: 100%;}

/*------------------Part2----------------------------*/

#workflow  .workflow-part2-s .flowarrow{
width:50px;
}

#workflow  .workflow-part2-s{
display:block;
}

#workflow  .workflow-part2{
display:none;
}
}


@media only screen and (min-width: 1300px){
/*------------------Part2----------------------------*/
.WorkflowWrapper{
width:1170px;
margin:0 auto;
}

#workflow  .workflow-part2-s{
display:none;
}


#workflow  .workflow-part2{
display:block;
}
 .col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}


#menuFooter ul {
    /* list-style-type: none; */
    text-align: left;
}

#menuFooter {
    background-color: gray;
    /* margin: 10px; */
	
    /* margin: 10px; */
    background-size: 100%;
}

@media (min-width: 992px) { 
	#menuFooter {
		background: url(/userfiles2/directUpload/skin/ran4u_org/img/footerbg.jpg) no-repeat top center;
	}
	
}



section#menuFooter .menuList {
    margin: 10px 0;
}

section#menuFooter .menuList ul li {
color:#f37926


}
section#menuFooter .menuList ul li a{
   font-weight: normal;
   display:block;
   /* min-height:25px; */
   text-shadow:1px 1px 1px #000000; 
   font-size: 16px;
   /* font-family: DBAdmanXLi; */
   line-height: 25px;
   text-decoration:none;
   transition:all .5s;
  
       color: #fec503;
}

section#menuFooter .menuList ul li a:hover{
	 color:#f79d25;
	
}


/*************Update*****************/
section#highQuality {
	background:#fff;
	height: auto;
}
section#directCall{
background: url('/userfiles2/directUpload/skin/ran4u_org/img/etc/bg-directCall1.jpg');
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    background-position: -390px 0px;
	    background-size: cover;
}
section#directCall img{ display:none;}

section#directCall h1{
    color: #fff;
    line-height: 40px;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000000;
    letter-spacing: -1px;
    margin-top: 77px;
	font-size:25px;
	margin-bottom:30px;
    }
@media only screen and (min-width:992px){
	section#directCall {
    background-style:no-repeat;
    height: 370px;

}
section#highQuality {
 background: #fff url('/userfiles2/directUpload/skin/ran4u_org/img/etc/bg-highQuality.jpg') no-repeat;
 background-position: -93px -53px;
 height: 485px;
 background-size: 1120px;
 position:relative;
 /* background-size: cover; */
 /* background-position: -6px; */
}
section#directCall img{ display:block;}
section#directCall h1{
	    font-size: 36px;
		 line-height: 55px;
}
}

/*directCall*/



section#directCall h1 a {color:#ffea00;text-shadow: 1px 1px 6px #000000;}


/*<<<<highQuality>>>*/

section#highQuality h1 {
    color: #3c3c3c;
    line-height: 38px;
    font-weight: normal;
    /* text-shadow: 1px 1px 6px #353333; */
    letter-spacing: -1px;
    margin-top: 115px;
    font-size: 25px;
    margin-bottom: 50px;
    position:relative;
    z-index: 8;
    }
    section#highQuality h1 span{font-size:35px;color: #dc3f3f;}

section#highQuality h1 a {
    color: #ff9b00;
}

section#highQuality:before{
        content: "";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        /* background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */ /* Chrome10-25,Safari5.1-6 */
        /* background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 77%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        pointer-events: none;
        position: absolute;
        z-index: 2;
}

section#highQuality:after{
    background: -moz-linear-gradient(left, rgba(105,201,186,0) 0%, rgba(105,201,186,0) 25%, rgba(216, 216, 216, 0.65) 100%);
    background: -webkit-linear-gradient(left, rgba(105,201,186,0) 0%, rgba(105,201,186,0) 25%, rgba(216, 216, 216, 0.65) 100%);
    background: linear-gradient(to right, rgba(105,201,186,0) 0%,rgba(105,201,186,0) 25%,rgba(232, 232, 232, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    z-index: 2;
}


/*Corptrac***/

section#corptracMonitoring .container div h1{font-size: 20px;text-align: center;line-height: 150%;text-shadow: black 1px 1px 1px;margin-top: 20px;margin-bottom: 20px;color: #ffffff;}
section#corptracMonitoring .container div h1 a {
   /* color: #ffea00; */
   color: #ffea00;
   text-shadow: 1px 1px 3px #000000;
}
section#corptracMonitoring .intro-corptrac {background: #c1c1c1 url(/userfiles2/directUpload/skin/ran4u_org/img/etc/bg-corptracMonitoring.jpg);padding: 50px 0px;position:relative;}

h1.highlight{
    background: #f46d2b;
    padding: 19px 30px;
    border-radius: 50px;
    margin: 0px;
}
section#corptracMonitoring .container div p{
color:#fff;
    
}
.intro-corptrac{
	overflow:hidden;
	
}
.intro-corptrac:before {
        content: "";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        /* background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */ /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgb(148, 41, 0) 77%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        pointer-events: none;
        position: absolute;
        z-index: 2;
}
section#corptracMonitoring .intro-corptrac .container{
    position:relative;
    z-index:5

}