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

*{ padding:0; margin:0; list-style:none; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
:focus{ outline:0 none; }
a:focus{ outline:0 none; }
a img{ border:none; }
a { text-decoration: none!important;}
/* TAP HIGHLIGHT MOBILE */
img, a, input, textarea, select{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }

/* FOR IOS */
input, textarea, select{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:none }
input[type="checkbox"]{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:checkbox !important; }
input[type="radio"]{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:radio !important; }

/* SELECTION COLOR */
::-moz-selection{ background-color: #000; color: #fff; }
::selection{ background-color: #000; color: #fff; }

/* PLACEHOLDER OPACITY */
input[type="text"]::-webkit-input-placeholder{ opacity:1; color:#8d8d8d }
input[type="text"]::-moz-placeholder{ opacity:1; color:#8d8d8d }
input[type="text"]::-ms-input-placeholder{ opacity:1; color:#8d8d8d }
input[type="email"]::-webkit-input-placeholder{ opacity:1; color:#8d8d8d }
input[type="email"]::-moz-placeholder{ opacity:1; color:#8d8d8d }
input[type="email"]::-ms-input-placeholder{ opacity:1; color:#8d8d8d }
input[type="password"]::-webkit-input-placeholder{ opacity:1; color:#8d8d8d }
input[type="password"]::-moz-placeholder{ opacity:1; color:#8d8d8d }
input[type="password"]::-ms-input-placeholder{ opacity:1; color:#8d8d8d }
textarea::-webkit-input-placeholder{ opacity:1; color:#8d8d8d }
textarea::-moz-placeholder{ opacity:1; color:#8d8d8d }
textarea::-ms-input-placeholder{ opacity:1; color:#8d8d8d }

@font-face {
    font-family: robotoregular;
    src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: robotolight;
    src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
    font-family: robotobold;
    src: url(../fonts/Roboto-Bold.ttf);
}

/* WRAPPER */
#wrapper{ width: 100%;}

#wrapper .header{ background: #fff; width: 100%; min-height: 152px; line-height: 115px; margin: 0; border-bottom: 1px solid #dddddd;}
#wrapper .header .logo{	margin-top: 15px;}
#wrapper h3{ margin-top:40px; color: #000; font-family: robotoregular; font-size: 36px;}
#wrapper h3 .part1{ color: #13588c;} #wrapper h3 .part2{ color: #cc413f;}

#wrapper .main{ background: #14588d; width: 100%; min-height: 704px; margin:0;}
#wrapper .main .block{ max-width: 360px; width: 100%; /* min-height: 389px; */ min-height: 410px; background: #d14141; margin-top: 170px;}
#wrapper .main .block .logo{ max-width: 360px; width: 100%; min-height: 109px; line-height: 100px; background: #fff; border: 5px solid #d14141; text-align: center;}
#wrapper .main .block .logo img{ max-width: 102px; width: 100%; }

#wrapper .main .form-group{ margin: 30px; color: #ffffff; font-family: robotoregular; font-size: 16px;}
#wrapper .main .form-group .form-control{ max-width: 293px; width: 100%; margin: 0 auto; border-radius: 0; border: 2px solid #c9c9c9; background: #fff; margin-left: -1px;}
#wrapper .main .btn{ width: 125px; height: 43px;  margin: 0 auto; display: block; border-radius: 0; background: #14588d; color: #fff; font-family: robotobold; font-size: 18px;}
#wrapper .main .btn:hover{ background: #2b4278;}

#wrapper .footer{ width: 100%; min-height: 45px; line-height: 45px; background: #cd4140; margin: 0 auto; color: #fff; font-family: robotolight; font-size: 18px;}

#wrapper .section{ width: 100%; margin: 0; border-top: 1px solid #dddddd;}
#wrapper .section h3{ color: #121212; font-family: robotoregular; font-size: 60px;}
#wrapper .section h2{ margin-top: 28px; margin-bottom: 38px;}
#wrapper .section p{ color: #101010; font-family: robotoregular; font-size: 18px;}
#wrapper .section .link{ color: #13588c;}
#wrapper .section .link:hover{ color: #2b4278;}
#wrapper .section .buttons .btn{ width: 228px; height: 48px; line-height: 35px; border-radius: 0; background: #14588d; border-right: 1px solid #9ebad0; margin: 25px 20px 90px 20px; color: #fff; font-family: robotoregular; font-size: 18px;}
#wrapper .section .buttons .btn:hover{ background: #2b4278;}
#wrapper .header .logOut ul{ float: right; margin-right: 130px;}
#wrapper .header .logOut ul li{ float: left; margin-left: 30px;}
#wrapper .header .logOut ul li a{ display: block; font-family: robotoregular; font-size: 18px; color :#252525;}
#wrapper .header .logOut ul li a:hover{ color: #14588d;}

#wrapper .formPage .heading{ width: 100%; margin-left: 0px; min-height: 38px; line-height: 38px; background: #14588d; position: relative;}
#wrapper .formPage .heading .icon{ background: #cd4140; width: 41px; height: 39px; text-align: center; position: absolute; color:#fff;  font-size: 24px;}
#wrapper .formPage .heading .text{ margin-left: 55px; font-size: 17px; color: #fff; font: robotoregular;}

#wrapper .link{ }
#wrapper .pagination li{ float: left; margin-right: 45px;}
#wrapper .pagination li a{ display: inline-block; min-width: 161px;  min-height: 161px; width: 100%; border-radius: 50%; background: #14588d; color: #fff; font-family: robotobold; font-size: 30px; padding-top: 40px;}
#wrapper .pagination li a.active{ background: #cd4140;}
#wrapper .pagination li a:hover{  background: #e66f6e;}

#wrapper .formPage .form-group .name{ width: 100%; margin-top: 15px;}
#wrapper .formPage .form-group input[type="text"]{ background:transparent; width:100%; min-height: 37px; border:none; color:#666; border: 1px solid #c9c9c9; padding-left: 18px;}
#wrapper .formPage .form-group input[type="date"]{ background:transparent; width:100%; min-height: 37px; border:none; color:#666; border: 1px solid #c9c9c9; padding-left: 18px;}
#wrapper .formPage .form-group select{ background: url(../images/caret.png) right center no-repeat; background-position: 98%;  width:100%; min-height: 37px; border:none; border-radius: 0; color:#666; border: 1px solid #c9c9c9; padding-left: 18px; font: robotoregular; font-size: 14px; -webkit-appearance: none; -moz-appearance: none;}

#wrapper .formPage .form-group textarea{ background:transparent; width:100%; min-height: 37px; border:none; border-radius: 0; color:#666; border: 1px solid #c9c9c9; padding-left: 18px; resize: none;}
#wrapper .formPage .form-group input[type="checkbox"]{ display:none}
#wrapper .formPage input[type="checkbox"] + label { margin:0; color:#fff; font:400 13px/19px 'robotoregular', Arial, Helvetica, sans-serif; cursor:pointer; display:inline; padding:10px 0 }
#wrapper .formPage input[type="checkbox"] + label span{ display:inline-block; width:25px; height:25px; margin:0px 10px 0 0; vertical-align:middle; background:url(../images/checkbox_2.png) 0 0 no-repeat; cursor:pointer; }
#wrapper .formPage input[type="checkbox"]:checked + label span{ background:url(../images/checkbox_2.png) 0 -25px no-repeat; }


#wrapper .formPage input[type="radio"]{ display:none }
#wrapper .formPage input[type="radio"] + label { margin:0; color:#fff; font:400 13px/19px 'robotoregular', Arial, Helvetica, sans-serif; cursor:pointer; display:inline; padding:10px 0 }
#wrapper .formPage input[type="radio"] + label span{ display:inline-block; width:19px; height:19px; margin:0px 10px 0 0; vertical-align:middle; background:url(../images/checkbox_1.png) 0 0 no-repeat; cursor:pointer; }
#wrapper .formPage input[type="radio"]:checked + label span{ background:url(../images/checkbox_1.png) 0 -19px no-repeat; }


#wrapper .formPage .form-group .btn{ width: 191px; height: 48px; background: #14588d; color: #fff; font-family: robotobold; font-size: 18px; border-radius: 0; line-height: 35px; margin: 15px 0;}
#wrapper .formPage .form-group .btn:hover{ background: #2b4278;}

#wrapper .formPage .form-group .table{ display: block; overflow-x: auto;}
#wrapper .formPage .form-group .table th{ text-align: center; background: #eeeeee; min-width: 64px; width: 100%;}
#wrapper .formPage .form-group .table td{ text-align: center;}
#wrapper .formPage .form-group .table #first{ text-align: center; max-width: 245px; width: 100%;}

#wrapper .formPage .form-group .addMore{ font-family: robotoregular; font-size: 16px; color: #2c2c2c;}

#wrapper .formPage .form-group  .line{ width: 100%; }
#wrapper .formPage .form-group  .line .part{ width: 20%; display: inline-block;  height: 16px; margin-right: -4px; padding: 0; text-align: center; margin-bottom: 7px; margin-top: 7px;}
#wrapper .formPage .line input[type="radio"]{ display:none }
#wrapper .formPage .line input[type="radio"] + label { margin:0; color:#fff; font:400 13px/19px 'robotoregular', Arial, Helvetica, sans-serif; cursor:pointer; display:inline; padding:10px 0; }
#wrapper .formPage .line input[type="radio"] + label span{ display:inline-block; width:25px; height:25px; margin:0px 10px 0 0; vertical-align:middle; background:url(../images/checkbox_4.png) 0 0 no-repeat; cursor:pointer; }
#wrapper .formPage .line input[type="radio"]:checked + label span{ background:url(../images/checkbox_4.png) 0 -30px no-repeat; margin-top: -6px; margin-left: 10px;}
#wrapper .formPage .radioSlide{ margin: 5px 0 7px 0;}


p.login-box-msg { color: #ffffff; padding-top: 10px; font-weight: 700; text-align: center; font-family: robotoregular; font-size: 16px; }


@media screen and (max-width: 767px) {
#wrapper .header .logOut ul{ width: 350px; width: 100%; margin: 0 auto; line-height: 55px; text-align: center; margin-top: 25px; margin-bottom: 25px;}
#wrapper .section h3{ font-size: 55px;}
#wrapper .section .buttons .btn{ margin: 15px 10px 50px 10px; color: #fff; font-family: robotoregular; font-size: 18px;}
#wrapper .pagination li a{ min-width: 50px;  min-height: 50px; width: 100%;  padding:0; font-size: 5px;}
#wrapper .pagination li{ margin: 0;}
#wrapper .formPage .form-group .btn{ float: none; margin: 15px auto; text-align: center; display: block;}
}
@media screen and (max-width: 991px) {
		#wrapper h3{ margin: 25px auto; text-align: center; }
		#wrapper .header .logOut ul{ float: none; margin-right: 0 auto;}
		#wrapper .header .logOut ul li{ float: left;}
		#wrapper .pagination li a{ min-width: 70px;  min-height: 70px; width: 100%;  padding-top: 15px; font-size: 15px;}
	}