/* ==========================================================================
   1. IMPORT GOOGLE FONTS
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700|Open+Sans");
/* ==========================================================================
   2. GENERAL
   ========================================================================== */
body {  font-family: 'Open Sans', sans-serif;  color: #546E7A;  font-size: 14px;  font-weight: 400;  background: #fff;  overflow-x: hidden;  margin:0;}
html {  overflow-x: hidden;}
p {
  font-size: 14px;
  color: #546E7A;
  line-height: 26px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0;
}

a:hover, a:focus {
  color: #F97794;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
 

a {
  color: #F97794;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #263238;
}

ul {
  margin: 0;
  padding: 0;
}



ul li {
  list-style: none;
}

a:hover,
a:focus {  text-decoration: none;  outline: none;}
.clb { clear:both; }

/* Page Style */
@media only screen and (min-width:280px) and (max-width:767px){
	.hom-min { margin:0 auto;}
	.rgt-pan { width:100%; background-color:#124477; }
	.rgt-pan img { width:90%; margin:5px 5%; }
	.rgt-pan h1 { width:100%; margin:0 auto; text-align:center; color:#FFF; font-size:26px; padding:20px 0 20px;}
	.lft-pan { width:100%; background-color:#FFF;}
	.log-top { background-color:#f2f2f2;}
	.fot-cop { background-color:#c22127; padding:5px 0; text-align:center; color:#FFF; font-size:12px; width:100%; position:absolute; bottom:0; }
	.log-ins { width:90%; margin:30px 5%}
	.log-out { width:100%; border:0px solid #000; background-color:#fff;border-radius:10px;}
	.wel-txt { text-align:center; padding:10px 0;}
	.pls-lgo { text-align:center; padding:0 0 30px; color:#3271da; font-size:24px; font-weight:bold; }
	.sig-btn { background-color:#1671da; color:#FFF; font-size:16px; padding:10px 55px; border:none;}
	.fom-pad { padding:20px 0 30px; text-align:center}
	.inp-pad { padding:0 20px 10px; color:#000; font-size:16px}
	.sig-inp { width:100%; height:25px;}
	.sig-pad { padding:0 20px 10px; }
	.for-lnk { float:left; padding:5px 0; font-size:14px;}
	.acc-lnk { float:right; padding:5px 0; font-size:14px;}
	.log-btm  a{ color:#1671da; text-decoration:none; font-size:14px;}
	.inp-red { padding:0 20px 10px; color:red; font-size:12px}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.hom-min { margin:0 auto;}
	.rgt-pan { width:100%; background-color:#124477; }
	.rgt-pan img { width:90%; margin:5px 5%; }
	.rgt-pan h1 { width:100%; margin:0 auto; text-align:center; color:#FFF; font-size:26px; padding:20px 0 20px;}
	.lft-pan { width:100%; background-color:#FFF;}
	.log-top { background-color:#f2f2f2;}
	.fot-cop { background-color:#c22127; padding:5px 0; text-align:center; color:#FFF; font-size:12px; width:100%; position:absolute; bottom:0; }
	.log-ins { width:340px; margin:30px auto}
	.log-out { width:100%; border:0px solid #000; background-color:#fff;border-radius:10px;}
	.wel-txt { text-align:center; padding:10px 0;}
	.pls-lgo { text-align:center; padding:0 0 30px; color:#3271da; font-size:24px; font-weight:bold; }
	.sig-btn { background-color:#1671da; color:#FFF; font-size:16px; padding:10px 55px; border:none;}
	.fom-pad { padding:20px 0 30px; text-align:center}
	.inp-pad { padding:0 20px 10px; color:#000; font-size:16px}
	.sig-inp { width:100%; height:25px;}
	.sig-pad { padding:0 20px 10px; }
	.for-lnk { float:left; padding:5px 0; font-size:14px;}
	.acc-lnk { float:right; padding:5px 0; font-size:14px;}
	.log-btm  a{ color:#1671da; text-decoration:none; font-size:14px;}
	.inp-red { padding:0 20px 10px; color:red; font-size:12px}
}
@media only screen and (min-width:1024px) and (max-width:1279px){
	.hom-min {  margin:0 auto;}
	.rgt-pan { float:left; width:20%; background-color:#124477; height:calc(100vh - 28px);}
	.rgt-pan img { width:96%; margin:5px 2%; }
	.rgt-pan h1 { width:92%; margin:4% auto; text-align:center; color:#FFF; font-size:26px; padding-top:200px;}
	.lft-pan { float:left; width:79%; background-color:#FFF; height:calc(100vh - 28px);}
	.log-top { background-color:#f2f2f2;}
	.fot-cop { background-color:#c22127; padding:5px 0; text-align:center; color:#FFF; font-size:12px; width:100%; clear:both }
	.log-ins { width:414px; margin:140px auto 0}
	.log-out { width:414px; border:0px solid #000; background-color:#fff;border-radius:10px;}
	.wel-txt { text-align:center; padding:10px 0;}
	.pls-lgo { text-align:center; padding:0 0 30px; color:#3271da; font-size:24px; font-weight:bold; }
	.sig-btn { background-color:#1671da; color:#FFF; font-size:16px; padding:10px 55px; border:none;}
	.fom-pad { padding:20px 0 30px; text-align:center}
	.inp-pad { padding:0 20px 10px; color:#000; font-size:16px}
	.sig-inp { width:100%; height:25px;}
	.sig-pad { padding:0 20px 10px; }
	.for-lnk { float:left; padding:5px 0; font-size:14px;}
	.acc-lnk { float:right; padding:5px 0; font-size:14px;}
	.log-btm  a{ color:#1671da; text-decoration:none; font-size:16px;}
	.inp-red { padding:0 20px 10px; color:red; font-size:12px}
}
@media only screen and (min-width:1280px) and (max-width:1599px){
	.hom-min { margin:0 auto;}
	.rgt-pan { float:left; width:35%; background-color:#124477; height:calc(100vh - 28px);}
	.rgt-pan img { width:96%; margin:5px 2%; }
	.rgt-pan h1 { width:350px; margin:0 auto; text-align:center; color:#FFF; font-size:26px; padding-top:200px;}
	.lft-pan { float:left; width:65%; background-color:#FFF; height:calc(100vh - 28px);}
	.log-top { background-color:#f2f2f2;}
	.fot-cop { background-color:#c22127; padding:5px 0; text-align:center; color:#FFF; font-size:12px; width:100%; clear:both }
	.log-ins { width:414px; margin:140px auto 0}
	.log-out { width:414px; border:0px solid #000; background-color:#fff;border-radius:10px;}
	.wel-txt { text-align:center; padding:10px 0;}
	.pls-lgo { text-align:center; padding:0 0 30px; color:#3271da; font-size:24px; font-weight:bold; }
	.sig-btn { background-color:#1671da; color:#FFF; font-size:16px; padding:10px 55px; border:none;}
	.fom-pad { padding:20px 0 30px; text-align:center}
	.inp-pad { padding:0 20px 10px; color:#000; font-size:16px}
	.sig-inp { width:100%; height:25px;}
	.sig-pad { padding:0 20px 10px; }
	.for-lnk { float:left; padding:5px 0; font-size:14px;}
	.acc-lnk { float:right; padding:5px 0; font-size:14px;}
	.log-btm  a{ color:#1671da; text-decoration:none; font-size:16px;}
	.inp-red { padding:0 20px 10px; color:red; font-size:12px}
}
@media only screen and (min-width:1600px) and (max-width:1919px){
	.hom-min { margin:0 auto;}
	.rgt-pan { float:left; width:25%; background-color:#124477; height:calc(100vh - 28px);}
	.rgt-pan img { width:96%; margin:5px 2%; }
	.rgt-pan h1 { width:350px; margin:0 auto; text-align:center; color:#FFF; font-size:26px; padding-top:200px;}
	.lft-pan { float:left; width:75%; background-color:#FFF; height:calc(100vh - 28px);}
	.log-top { background-color:#f2f2f2;}
	.fot-cop { background-color:#c22127; padding:5px 0; text-align:center; color:#FFF; font-size:12px; width:100%; clear:both }
	.log-ins { width:414px; margin:140px auto 0}
	.log-out { width:414px; border:0px solid #000; background-color:#fff;border-radius:10px;}
	.wel-txt { text-align:center; padding:10px 0;}
	.pls-lgo { text-align:center; padding:0 0 30px; color:#3271da; font-size:24px; font-weight:bold; }
	.sig-btn { background-color:#1671da; color:#FFF; font-size:16px; padding:10px 55px; border:none;}
	.fom-pad { padding:20px 0 30px; text-align:center}
	.inp-pad { padding:0 20px 10px; color:#000; font-size:16px}
	.sig-inp { width:100%; height:25px;}
	.sig-pad { padding:0 20px 10px; }
	.for-lnk { float:left; padding:5px 0; font-size:14px;}
	.acc-lnk { float:right; padding:5px 0; font-size:14px;}
	.log-btm  a{ color:#1671da; text-decoration:none; font-size:16px;}
	.inp-red { padding:0 20px 10px; color:red; font-size:12px}
}
@media only screen and (min-width:1920px) {
	.hom-min {margin:0 auto;}
	.rgt-pan { float:left; width:25%; background-color:#124477; height:calc(100vh - 28px);}
	.rgt-pan img { width:96%; margin:5px 2%; }
	.rgt-pan h1 { width:350px; margin:0 auto; text-align:center; color:#FFF; font-size:26px; padding-top:200px;}
	.lft-pan { float:left; width:75%; background-color:#FFF; height:calc(100vh - 28px);}
	.log-top { background-color:#f2f2f2;}
	.fot-cop { background-color:#c22127; padding:5px 0; text-align:center; color:#FFF; font-size:12px; width:100%; clear:both }
	.log-ins { width:414px; margin:140px auto 0}
	.log-out { width:414px; border:0px solid #000; background-color:#fff;border-radius:10px;}
	.wel-txt { text-align:center; padding:10px 0;}
	.pls-lgo { text-align:center; padding:0 0 30px; color:#3271da; font-size:24px; font-weight:bold; }
	.sig-btn { background-color:#1671da; color:#FFF; font-size:16px; padding:10px 55px; border:none;}
	.fom-pad { padding:20px 0 30px; text-align:center}
	.inp-pad { padding:0 20px 10px; color:#000; font-size:16px}
	.sig-inp { width:100%; height:25px;}
	.sig-pad { padding:0 20px 10px; }
	.for-lnk { float:left; padding:5px 0; font-size:14px;}
	.acc-lnk { float:right; padding:5px 0; font-size:14px;}
	.log-btm  a{ color:#1671da; text-decoration:none; font-size:16px;}
	.inp-red { padding:0 20px 10px; color:red; font-size:12px}
}