/*-----------------------------------------------------------------font-css-----------------------------------------------------------------------------------------------*/





@font-face {
    font-family: 'hpsimplified265';
    src: url('../fonts/hpsimplified265.eot');
    src: url('../fonts/hpsimplified265.eot') format('embedded-opentype'),
         url('../fonts/hpsimplified265.woff2') format('woff2'),
         url('../fonts/hpsimplified265.woff') format('woff'),
         url('../fonts/hpsimplified265.ttf') format('truetype'),
         url('../fonts/hpsimplified265.svg#hpsimplified265') format('svg');
}


@font-face {
    font-family: 'RageItalic';
    src: url('../fonts/RageItalic.eot');
    src: url('../fonts/RageItalic.eot') format('embedded-opentype'),
         url('../fonts/RageItalic.woff2') format('woff2'),
         url('../fonts/RageItalic.woff') format('woff'),
         url('../fonts/RageItalic.ttf') format('truetype'),
         url('../fonts/RageItalic.svg#RageItalic') format('svg');
}

/*--------------------------------------------------------------------universal-css------------------------------------------------------------------------------------------*/

*::-moz-selection {
    background: #ff3c00 none repeat scroll 0 0;
    color: #fff;
}
body {
    background:#fff;
    color: #555555;
    font-family: 'hpsimplified265';
    font-size: 14px;
    line-height: 26px;
}
h1, h2, h3, h4, h5, h6 {
    color: #333;
}
h1 {
    color: #fff;
    font-size: 40px;
    line-height: 1; 
}
h2 {
    color: #555555;
    font-size: 40px;
   
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 0;
	
}
h3 {
    color: #444444;
    font-size: 20px;
   
    line-height: 1;
}
h4 {
    color: #019cd2;
    font-size: 22px;
   
    line-height: 1;
    margin-bottom: 20px;
}
h5 {
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
.btn {
    border: 0 none;
    border-radius: 0;
}
.btn.btn-primary:hover {
    background-color: #017fb5;
}
a {
    text-decoration: none;
    transition: all 300ms ease 0s;
}
a:focus, a:hover {
    outline: medium none;
    text-decoration: none;
}
p {
    color: #6e6d6d;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
	
}

/*-------------------------------------header start------------------------------*/

header{ background:#d0eef8; width:100%; float:left; padding:8px 0;}
.logopart{ float:left; width:30%;}
.right-profpart{ float:right; margin-top:5px;}
.prof-img{ width:50px; height:50px; float:left; border-radius:100%; margin-right:20px;}
.prof-img img{ width:100%; border-radius:100%; height:100%; }
.right-profpart p{ color:#676665; font-size:17px; overflow:hidden; line-height:21px; padding-top:3px; margin-bottom:0;}
.right-profpart p a{ color:#333332;}

.main-body{ width:100%; float:left; padding:40px 0;}
.middle-body{
	background:#fff; width:100%; float:left;
	/*width:100%;
	background-size:cover;
	height:100vh;
	display: flex;
    text-align: center;
    align-items: center;*/

}
.uppercollegeintro{ width:100%; float:left; border-bottom:1px solid #c7c6c4; padding-bottom:20px;}
.uppercollegeintro ul{ margin:0; padding:0;}
.uppercollegeintro ul li{ float:left; margin-left:73px; font-size:18px; color:#7e8587; list-style:none;}
.uppercollegeintro ul li:first-child{ margin-left:0;}
.uppercollegeintro ul li span{ color:#0d6d91;}
.changes-div{ width:100%; float:left; padding-bottom:60px;}
.changes-div p{ font-size:17px; padding-top:30px; color:#605e59; line-height:24px; margin:0;}
.question-part{ width:100%; float:left; margin-top:35px;}
.question-part h3{ color:#333332; font-size:19px; margin-top:0;}
.question-part .error{ color:#f0032f; font-weight:normal; font-size:16px; padding-left:35px;}
.listitem-check{
	float:left; line-height:18px; width:20%; margin-top:15px;
	
}

.listitem-check input[type=radio]{
	opacity: 0;
	float:left;
	width:18px;
	height:18px;
	position:relative;
	z-index:1;
	margin-right:5px;
}

.listitem-check input[type='radio']+label {
    background: url("../images/redio-unselect.png") 0 0 no-repeat;
	padding-left:37px;
	float:left;
	margin-left:-24px;
	font-size: 17px;
    color: #333332;
	font-weight:normal;
 }

.listitem-check input[type='radio']:checked+label {
    background: url("../images/redio-select.png") 0 0 no-repeat;
}

.next-button{background: #d49102 none repeat scroll 0 0; border-bottom:5px solid #b17a03;
    color: #fff;
    float: left;
    font-size: 17px;
    padding: 4px 22px 4px 100px;
    text-transform: uppercase; border-left:none; border-top:none; border-right:none; margin-top:30px;}

.next-button:hover{ background:#c2890d;}

.next-submit{background: #d49102 none repeat scroll 0 0; border-bottom:5px solid #b17a03;
    color: #fff;
    float: left;
    font-size: 17px;
    padding: 4px 22px 4px 100px;
    text-transform: uppercase; border-left:none; border-top:none; border-right:none; margin-top:30px;}

.next-submit:hover{ background:#c2890d;}

.feed-submit{background: #d49102 none repeat scroll 0 0; border-bottom:5px solid #b17a03;
    color: #fff;
    float: left;
    font-size: 17px;
    padding: 4px 15px 4px 15px;
    text-transform: uppercase; border-left:none; border-top:none; border-right:none; margin-top:30px;}	
	
.feed-submit:hover{background:#c2890d;}	

.feedbacktexr{ width:100%; float:left; margin-top:10px;}
.feedbacktexr textarea{ width:100%; border-bottom:1px solid #c7c6c4; padding:10px 6px; border-top:none; border-left:none; border-right:none; resize:none; height:49px; font-size:17px; color:#333332;}

.left-thankupart{ width:60%; float:left; margin-top:30px;}
.upperthankyoupart{ width:100%; float:left; text-align:center;}
.selectimg{ display:inline-block;}
.selectimg h3{ font-family: 'RageItalic'; color:#91200a; font-size:53px;}
.selectimg p{ color:#6e6766; font-size:17px; text-transform:uppercase; line-height:25px; padding-top:15px;}
.lowerthankintro{ width:100%; float:left; margin-top:45px;}
.lowerthankintro h4{ color:#292626; font-size:19px; text-transform:uppercase;}
.lowerthankintro span{ width:100%; float:left; margin-top:4px; color:#292626; font-size:17px;}

.rightthankyoupart{ width:40%; text-align:center; float:right; margin-top:35px;}
.rightthankyoupart img{ display:inline-block;}
.welcome-text{ width:80%; float:left; border-bottom:2px solid #d5dcde; margin-bottom:10px;}
.welcome-text h2{ color:#8a8e90; font-size:21px; line-height:30px;}
.welcome-text h2 span{ color:#2e94b9;}
.form-part{ width:100%; float:left; padding-bottom:40px;}
.leftinputpart{ float: left;
   position: relative;
    width: 36%; min-height:70px; margin-top:15px; }
	
.innermaininput{ width:100%; float:left; border-bottom:2px solid #d5dcde;}
.leftlabel{font-size:14px; color:#7e8587; font-weight:normal; width:33%; float:left; text-transform:uppercase;}	
.innermaininput span{ width:66%; float:left;}
.innermaininput span input[type=text]{ border-left:1px solid #ccc; outline:none; width:100%; color:#7e8587; font-size:13px; border-top:none; border-right:none; border-bottom:none; padding:0 6px;}

.innermaininput span input[type=password]{ border-left:1px solid #ccc; outline:none; width:100%; color:#7e8587; font-size:13px; border-top:none; border-right:none; border-bottom:none; padding:0 6px;}

.innermaininput span select{width:100%; color:#7e8587; -webkit-appearance: none;  
	-moz-appearance: none; 
	background:#fff url(../images/arrow.png) no-repeat 98%; padding:5px 6px; border-left:1px solid #ccc; outline:none; border-top:none; border-right:none; border-bottom:none;}

.rightinputpart{float: left;
    position: relative;
    width: 36%; margin-left:92px; min-height:70px; margin-top:15px;}

/*.leftinputpart input[type=text]{ width:100%; color:#7e8587; border:1px solid #d5dcde; padding:5px 6px; height:37px; outline:none; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #d5dcde; font-size:14px;}
.leftinputpart select{width:100%; color:#7e8587; border:1px solid #d5dcde; -webkit-appearance: none;  
	-moz-appearance: none; 
	background:#fff url(../images/arrow.png) no-repeat 98%; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #d5dcde; padding:5px 6px; height:37px;}
.rightinputpart{float: left;
    position: relative;
    width: 36%; margin-left:92px; min-height:50px; margin-top:15px;}

.rightinputpart select{width:100%; color:#7e8587; border:1px solid #d5dcde; -webkit-appearance: none;  
	-moz-appearance: none; 
	background:#fff url(../images/arrow.png) no-repeat 98%; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #d5dcde; padding:5px 6px; height:37px;}	
.rightinputpart input[type=text]{ width:100%; color:#7e8587; border:1px solid #d5dcde; padding:5px 6px; height:37px; outline:none; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #d5dcde; font-size:14px;}*/	
.browsebutton{ border-bottom:2px solid #d5dcde;}
.browsebutton input[type=text]{font-size:14px; color:#7e8587;}
.appointinputdrop{ background:none!important; box-shadow:none!important; padding-left:0!important;}
.btn-file { position: relative; overflow: hidden; padding:2px 10px; font-size:14px; background:#c9d2d5; color:#7e8587;}
.btn-file:hover{ background:#f5580b!important;}
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; }

footer{ width:100%; background: url("../images/footerbg.png") 0 0 repeat-x; height:58px; float:left; position:fixed; bottom:0px; z-index:99;}

.boat-img{ position:absolute; right:-70px; top:-171px;}
.rightinputpart ul{ border:none!important; width:100%!important;}
.rightinputpart ul li{ width:100%!important;}
/*.rightinputpart ul li input[type=text]{ width:100%!important; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #d5dcde;}*/
.leftinputpart ul{ border:none!important; width:100%!important;}
.leftinputpart ul li{ width:100%!important;}
/*.leftinputpart ul li input[type=text]{ width:100%!important; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #d5dcde;}*/
.token-input-input-token-facebook input[type=text]{ border-left:none; border-right:none; border-bottom:2px solid #d5dcde;}
.token-input-delete-token-facebook{ width:auto!important; float:right!important;}
.rightinputpart .error{ font-weight:normal; color:#e90000;}
.leftinputpart .error{ font-weight:normal; color:#e90000;}
.leftinputlabel{border-bottom:2px solid #d5dcde; width:100%; float:left;}
li.token-input-token-facebook p{ font-size:13px!important; display: block!important;
    overflow: hidden;
    padding-right: 15px!important;
    text-overflow: ellipsis;
    white-space: nowrap;}

li.token-input-token-facebook span {
    float: right;
    margin-top: -26px;
    position: relative;
	width: auto;
}

.token-input-highlighted-token-facebook {           
   z-index: 11001 !important;
}

.token-input-list-facebook tester { z-index:999; height:100px; overflow:auto;}
a.logbut{ padding:4px 40px; background:#fff; border-radius:30px; color:#000; font-size:17px; margin-top:8px; float:left;}
a.logbut:hover{ background:#baca34; color:#fff;}


@media only screen and (max-width: 1200px) {
.listitem-check{ width:34%;}
.uppercollegeintro ul li{ font-size:15px; margin-left:15px;}
.logopart{ width:52%;}
footer{ position:inherit;}
.leftinputpart{ width:45%;}
.rightinputpart{ width:45%; margin-left:40px;}
.leftlabel{ width:41%;}
.innermaininput span{ width:58%;}
.boat-img{ right:0;}
}

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

.uppercollegeintro ul li{ width:100%; float:left; margin-left:0; font-size:22px;}
.listitem-check{ width:50%;}
.uppercollegeintro ul li{ line-height:33px;}
.left-thankupart{ width:100%;}
.rightthankyoupart{ width:100%;}

.boat-img{ display:none;}
.leftinputpart{ width:100%;}
.rightinputpart{ width:100%; margin-left:0;}
}


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

.right-profpart{ width:100%; margin-top:30px;}
.logopart{ width:auto;}

}

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

.uppercollegeintro ul li{ font-size:14px;}
.listitem-check{ width:100%;}
.lowerthankintro{ text-align:center;}
.lowerthankintro span{ line-height:30px;}
.leftlabel{ width:100%;}
.innermaininput span{ width:100%;}



}