@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/poppins/Poppins-Regular.ttf"); }
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/poppins/Poppins-SemiBold.ttf"); }
  @font-face {
  font-family: "cour";
  src: url("../fonts/cour.ttf"); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: "Poppins-Regular";
  color: #033E3E;
  font-size: 13px;
  margin: auto; 
  }

fieldset {
  font-size: 13px;	
  margin: 10px;
  border: 0px solid #033E3E;
  border-radius: 8px;
  box-shadow: 0 0 10px #666;
  padding-top: 25px;
  padding-bottom: 20px;
  background-color:#ffffff;
  padding-left: 10px;
  padding-right: 10px;
 }  
legend {
  padding: 2px 4px;
  font-weight: bolder;
    /* For better legibility against the box-shadow */
}
fieldset > legend {
  float: left;
  margin-top: -20px;
  }
fieldset > legend + * {
  clear: both;
}

input, textarea, select, button {
  font-family: "Poppins-Regular";
  color: #033E3E;
  font-size: 12px; }

p, h1, h2, h3, h4, h5, h6, ul {
  margin: 0; }

img {
  max-width: 100%; }

ul {
  padding-left: 0;
  margin-bottom: 0; }

li {
	text-align: left;	
}
      form {
      width: 100%;
      padding: 20px;
      border-radius: 1px;
      background: #fff;
      box-shadow: 0 0 30px 0 #F68B1F; 
      }

  .item:hover p, .question:hover p, .question label:hover, input:hover::placeholder {
      color: #033E3E;
      }
      .item input:hover, .item select:hover {
      border: 1px solid transparent;
      box-shadow: 0 0 5px 0 #99A3A4;
      color: #99A3A4;
      }
      .item {
      position: relative;
      margin: 10px 0;
	  vertical-align: left;
      }
	  .question{
		  padding-top: 5px;
		  padding-bottom: 5px;
		  width: auto;
	  }
      .question input {
      width: auto;
      margin: 0;
      }
      .question input, .question span {
      vertical-align: middle;
      }
      .question label {
      display: inline-block;
      margin: 5px 20px 15px 0;
      }

.wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center; 
  width: auto;
  margin: auto;
 }

.inner {
  width: auto;	
  box-shadow: 0 0 0 0 #000; 
  padding: 20px;
  background: #fff;
  max-width: auto;
  margin: auto;
  display: flex; 
  border-radius:5px;
  }
  .inner .image-holder {
    width: 100%;
    height: 100%;
	border-radius: 6px;
    
    padding: 20px;
	border: 1px #34495E solid;
	}
  .inner form {
    width: 100%;
    padding-top: 36px;
    padding-left: 45px;
    padding-right: 45px; }
  .inner h3 {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Poppins-SemiBold";
    text-align: center;
    margin-bottom: 28px; }

.form-group {
  display: flex; }
  .form-group input {
    width: 50%; }
    .form-group input:first-child {
      margin-right: 25px; }

.form-wrapper {
  position: relative; }
  .form-wrapper i {
    position: absolute;
    bottom: 9px;
    right: 0; }

.form-control {
  border: 1px solid #333;
  border-top: none;
  border-right: none;
  border-left: none;
  display: block;
  width: 100%;
  height: 30px;
  padding: 0;
  margin-bottom: 25px; }
  .form-control::-webkit-input-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Poppins-Regular"; }
  .form-control::-moz-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Poppins-Regular"; }
  .form-control:-ms-input-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Poppins-Regular"; }
  .form-control:-moz-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Poppins-Regular"; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding-left: 20px; }
  select option[value=""][disabled] {
    display: none; }
	
a {
  color: #85929E;
}
a:visited {
  color: #F4D03F;
}
a:hover {
  color: #ffffff;
}  
button {
  border: none;
  width: 150px;
  height: 35px;
  margin: auto;
  margin-top: 1px;
  cursor: pointer;
  display: flex;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #033E3E;
  font-size: 12px;
  color: #fff;
  vertical-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  button i {
    margin-left: 10px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  button:hover i, button:focus i, button:active i {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@media (max-width: 1199px) {
  .wrapper {
    background-position: right center; } }
@media (max-width: 991px) {
  .inner form {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px; } }
@media (max-width: 767px) {
  .inner {
    display: block; }
    .inner .image-holder {
      width: 100%; }
    .inner form {
      width: 100%;
      padding: 40px 0 30px; }

  button {
    margin-top: 1px; }
	}
	body {
	background-color: #ffffff;
	background-repeat: repeat;
	float: center;
	}
	img {
	max-width: 100% ;
}
input, select, button, textarea {
	max-width: 100% ;
}
meter, progress, output {
	max-width: 100% ;
}
tr {
	line-height: 14px;
}
td {
  color: #34495E;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #17202A;
  background-color: #D6DBDF;
  font-size: 12px;
  height: 14px;
  }
th {
  padding: 15px;
  text-align: left;
  background-color: #CCCCCC;
  color: #34495E;
  font-size: 12px;
  border-radius:10px;
  -moz-border-radius:10px;
  }
div#tswheader {
	color: #17202A;
	background-color: #FFFFFF;
	font-size: 12px;
	}
div#tswsidecol {
	float: left;
	width: 18% ;
	color: #17202A;
	font-size: 12px;
	
}
div#tswcontent {
	float: right ;
	width: 80% ;
	color: #ffffff;
	font-size: 12px;
	
}
a {
	color: #17202A;
}
@media only screen and (max-width: 629px) {
	div#tswsidecol {
		float: none ;
		width: 100% ;
		position: static;
		font-size: 80px;
		
	}
	div#tswcontent {
		float: none ;
		width: 100% ;
		position: static;
	}
@media only screen and (min-width: 600px) {
div#tswsidecol {
		float: none ;
		width: 20% ;
		position: static;
		
	}
	div#tswcontent {
		float: center ;
		width: 80% ;
		position: static;	
	
}
div#tswcontproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswcontainer {
	color: #17202A;
	background-color: #D7DBDD;
	border-radius: 20px;
	width: 100% ;
}
div#tswsideproper, div#tswothersideproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}