@charset "utf-8";
/* CSS Document */

header { border-bottom:#eee 1px solid; }
#headerContainer { display:block; padding: 15px 0; height:109px;}
.logobox{ text-align:left; position:relative}
.site-logo { display: inline-block; }
.logobox span{ border-left: 1px solid #ccc;color:#d52b1e ;display:inline-block;font-size:16px;padding-left: 12px;margin-left:10px; vertical-align:middle; }
.poweredlogo{text-align:right; }
.carousel-inner { min-height:380px;}
.carousel-inner .slide1{background-color:#fafbfc; display:block; height: 380px; width: 100%; position:relative; text-align:center}
.carousel-inner .slide2{background-color:#f1eee8; display:block; height: 380px; width: 100%; position:relative; text-align:center}
.carousel-inner .slide3{background-color:#cecfd3; display:block; height: 380px; width: 100%; position:relative; text-align:center}
.carousel-inner .slide1 img, .carousel-inner .slide2 img, .carousel-inner .slide3 img{background:none; border: medium none; margin: 0 auto;  padding: 0;}

.carousel-indicators li{border: 1px solid #000;}
.carousel-indicators .active{background-color:#000;}


.bluetop{background-color:#1a2e4f; padding:20px 0; color:#fff;  }
.bluetop h2{font-size:34px; margin-bottom:20px; line-height:46px; text-transform:uppercase; }
.row-fluid{ width:100%; padding:50px 0; }
.row-fluid.gray{ background-color:#f3f3f3;}
.row-fluid h3{ padding:0; margin:0 0 20px; font-weight:500; font-size:36px; position:relative; text-align:center; text-transform:uppercase;font-weight: bold;}
.row-fluid h3:after{content:""; display:block; height:4px; width:50px; background:#d52b1e ; clear:both; margin:2px auto 0;}
.servicebox{padding: 0 20px 20px;}
.servicebox h4{font-size:26px; color:#1a2e4f; position:relative; padding-top:93px;    font-weight: bold;}
.servicebox h4:before{ content:""; position:absolute; display:block; height:83px; background:url(../img/service-icons.png) no-repeat 0 0; width:66px; top:0; left: 42%;}
.servicebox.box2 h4:before{background-position:-91px 0;}
.servicebox.box3 h4:before{background-position:-181px 0;}

.servicebox.ps h4 { padding-top:0; padding:20px 0 20px 85px;}
.servicebox.ps h4:before { left:0; top:-5px; }
.servicebox.ps.one h4:before { background-position:-260px 0; top:-15px; }
.servicebox.ps.two h4:before { background-position:-336px 0; }
.servicebox.ps p { text-align:left; margin:20px 0 10px; font-weight:600; }
.servicebox.ps ul { padding-left:30px; }
.servicebox.ps ul li { text-align:left; margin-bottom:10px; list-style:none; position:relative; }
.servicebox.ps ul li:before { position:absolute; content:"\e013"; display:block; color:#d52b1e ; font:normal 13px 'Glyphicons Halflings'; left:-22px; top:5px;   }

.ctacontainer{}
.ctacontainer p{ font-size:16px; font-weight:600; margin-bottom:0;}
.ctacontainer a{    background: #d52b1e none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 6px 0 #b22509;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    padding: 12px 40px 12px 40px;
    position: relative;
    transition: all 0.1s ease 0s;
    text-transform: uppercase;
    margin: 20px auto 0;
	text-decoration:none; }
/*	.ctacontainer a:before{ content:"\e093"; font-family: 'Glyphicons Halflings'; font-size:30px; display:inline-block; margin-right:10px}*/
.ctacontainer a:hover{background: #e55146 none repeat scroll 0 0; text-decoration:none}

.submitbutton{}
.submitbutton p{ font-size:16px; font-weight:600; margin-bottom:0;}
.submitbutton input[type='submit']{background: #d52b1e  none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 6px 0 #8c1a3a;
    color: #fff;
    display: inline-block;   
    font-size:30px; font-weight:500;
    line-height: 30px;
    padding: 12px 40px;
    position: relative;
    transition: all 0.1s ease 0s; text-transform:uppercase; margin:20px auto 0 ; border:none;}
.submitbutton input[type='submit']:hover{background: #b22509 none repeat scroll 0 0; text-decoration:none}

#stepscontainer1{position:relative;}
#stepscontainer1 .brdbk{ display:block; position:absolute; z-index:0; border:2px dashed #1a2e4f; border-radius:4px; border-left:0; right:0; width:90%; height:142px; top:130px;}
#stepscontainer1 span { display: block; background:url(../../university-of-can-tho/img/step-bg.png) no-repeat 0 0; width:131px; height:119px; font-weight:bold; line-height:109px; margin:0 auto; color:#1a2e4f }
#stepscontainer1 p {font-weight: 600;}
#stepscontainer1 .stepf{ float:right;}

#stepscontainer2{position:relative;}
#stepscontainer2 .brdbk{ display:none}
#stepscontainer2 span { background:url(../../university-of-can-tho/img/step-bg.png) no-repeat 0 0;  color: #1a2e4f;
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 89px;
    line-height: 69px;
    margin: 0;
    width: 81px; background-size:100%}
#stepscontainer2 p {  float: left;
    font-weight: 600;
    margin-top: 25px;
    text-align: left;
    width: 70%;}
#stepscontainer2 .stepf{ float:right;}
#stepscontainer2 .step8 {font-size: 33px;line-height: 70px;}

#stepscontainer1 .step8 {background:url(../../university-of-can-tho/img/accepted.jpg) no-repeat 0 0; }
.marb30{margin-bottom:30px;}
.marb20{margin-bottom:20px;}

.step-box { padding-left:35px; position:relative; }
.step-box .step { position:absolute; top:0; left:0; font-size:30px; font-weight:600; color:#1a2e4f; border-bottom:#d52b1e  4px solid; padding-bottom:3px;  }
.step-box h4 { font-size:22px; font-weight:600; color:#1a2e4f; }


.formcontainer{margin-top:50px; border:1px solid #dddddd; padding:28px; border-radius:6px;}
.formsubscribe{    text-align: center;    margin-top: 10px;}
.formsubscribe a{ color: #0000FF; text-decoration:underline;}
.formsubscribe a:hover{ color: #d52b1e;}
.formsubscribe input[type="text"], .formsubscribe input[type="email"]{ padding:10px; border:1px solid #dddddd; border-radius:2px; width:100%; margin-bottom:10px}


#mc_embed_signup div.mce_inline_error {
    background-color: #ffbaba !important;
    color: #d83039 !important;
    font-weight: normal !important;
}
.bottom-mailchimp div.mce_inline_error {
    border-radius: 4px;
    font-size: 12px;
    margin-top: 5px !important;
}
#mce-success-response { 
	background-color: #c9f1d5 !important;
    color: #127731 !important;
    font-weight: normal !important;
	padding:2px 5px; border-radius:5px;
}


.yellow-btn {
    display: block;
    padding:8px 25px;
    background-color: #ffd013;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 4px 0 #be9800;
    color: #000;
    cursor: pointer;
    font-size: 18px;
    text-align: center; vertical-align:top
}
.yellow-btn:hover {
    background: #ffc513 none repeat scroll 0 0;
    color: #000 !important;
    text-decoration: none !important;
}

footer{width:100%; background-color:#202020; color:#999999; padding:20px 0; font-size:12px; line-height:20px;}
footer a{color:#999999; text-decoration:underline}
footer a:hover{color:#fff;}



@media (min-width:320px) and (max-width:470px){
#stepscontainer1{display:none;}
#stepscontainer2{display:block;}
#stepscontainer2 p {  float: left;
    font-weight: 600;
    margin-top: 25px;
    text-align: left;
    width: 65%;}
	#stepscontainer2 .brdbk{display:none;}
}
@media (min-width:480px) and (max-width:580px){
#stepscontainer1{display:none;}
#stepscontainer2{display:block;}
.carousel-inner .slide1,.carousel-inner .slide2{ background-position:-10% 0; }
	.carousel-inner .slide1 .slide-text,.carousel-inner .slide2 .slide-text{  font-size: 20px;right: 0; width: 460px;}
	.yellow-btn{font-size:15px;}
	#stepscontainer2 p {
    float: left;
    font-weight: 600;
    margin-top: 15px;
    text-align: left;
    width: 70%;
}
}
@media (min-width:580px) and (max-width:768px){
#stepscontainer1{display:none;}
#stepscontainer2{display:block;}
.carousel-inner .slide1,.carousel-inner .slide2{ background-position:45% 0}
	.carousel-inner .slide1 .slide-text,.carousel-inner .slide2 .slide-text{  font-size: 28px;right: 0; width: 460px;}
	.yellow-btn{font-size:15px;}
.carousel-inner .slide1 .slide-text, .carousel-inner .slide2 .slide-text	{ right:0%;}

}
@media (min-width:768px) and (max-width:992px){
#stepscontainer1{display:none;}
#stepscontainer2{display:block;}
.carousel-inner .slide1,.carousel-inner .slide2{ background-position:45% 0}
	.carousel-inner .slide1 .slide-text,.carousel-inner .slide2 .slide-text{  font-size: 28px;right: 0; width: 460px;}
	.yellow-btn{font-size:15px;}
.carousel-inner .slide1 .slide-text, .carousel-inner .slide2 .slide-text	{ right:0% !important;}
	
}
@media (min-width:992px) and (max-width:1050px){
	#stepscontainer1{display:block;}
#stepscontainer2{display:none;}
	.carousel-inner .slide1,.carousel-inner .slide2{ background-position:58% 0}
	.carousel-inner .slide1 .slide-text,.carousel-inner .slide2 .slide-text{right:0px;}
	.yellow-btn{font-size:15px;}
}

@media (min-width:1075px){
		#stepscontainer1{display:block;}
#stepscontainer2{display:none;}
	.carousel-inner .slide1,.carousel-inner .slide2{ background-position:58% 0}
	.carousel-inner .slide1 .slide-text,.carousel-inner .slide2 .slide-text{right:20%;}
	.yellow-btn{font-size:15px;}
	}
	
.highlightblue {
  background-color: #E8F5FD;
  border: solid 1px #D5E4F9;
  padding: 5px;
}

.form-horizontal #quoteform .head { background:#cfeef8 url(../img/liner-trans-bg.png) 0 0 repeat; }
.form-horizontal #quoteform .head label { font-size:25px; font-weight:normal; line-height:50px; }
.text-red { color:#bb335c; }
.text-high-red { color:#F00; }
.text-red-high { color:#bb335c; font-weight:600; }

.form-horizontal #quoteform input[type="submit"],
.form-horizontal #quoteform input[type="submit"]:hover {
    color: #f5d4dd;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.form-horizontal #quoteform input[type="submit"] {
   background: #d52b1e  none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 6px 0 #8c1a3a;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    padding: 12px 40px;
    position: relative;
    transition: all 0.1s ease 0s;
    text-transform: uppercase;
    margin: 20px auto 0;
	border:none;
}
.pri-perword {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-decoration: line-through;
}
.main-price {
    padding: 10px;
    font-size: 23px;
    font-weight: 600;
    color: #d52b1e ;
}
.main-perword {
    font-size: 14px;
    font-weight: 600;
    color: #d52b1e ;
}
.ctacontainer a span {
    background-image: url(../img/discount-lable.png);
    background-repeat: no-repeat;
    display: block;
    width: 70px;
    height: 82px;
    position: absolute;
    right: 9px;
    top: -9px;
}
body .container {    clear: both;    padding: 0 15px!important;    max-width: 100%;}
body .padL0 {    padding-left: 0  !important; }
body div#question {    float: left;}
.servicebox.ps {    min-height: 520px;    position: relative;    margin-bottom: 40px;}
.servicebox.ps .ctacontainer {    color: #fff;    display: block;    position: absolute;    bottom: 0;    width: 100%;}

#form-iframe{ overflow: hidden;    width: 1000px;    margin: 20px auto 0;}

.code-txt {    margin-bottom: 10px;}
.code-txt span{    font-size: 20px;    font-weight: bold;    color: #d52b1e;}
.ps-head{display: inline-block;}
.ps-disc{display: inline-block;vertical-align: bottom;margin: 0 0 10px 0;}
.org-color {    color: #ffb10f;    font-weight: bold;    font-size: 24px;}

.ulatus-blk .servicebox.ps h4{    margin-bottom: 30px;   }
.color-red{    color: #d52b1e;    font-weight: bold !important;}