/*
---------------------------------------
	Dmaterial Style Guide Version 1.1
---------------------------------------
* 	Primary Color : #E73E52
* 	Secondary Color : #87B93E
* 	Highlighted Text (Title) Color & Fonts : #4D4D4D, Nexa Light and Bold
* 	Body Text Color & Fonts : #737373, Roboto Family

---------------------------------------
	Elements Covered
---------------------------------------
* 	Typography
* 	Buttons
* 	Form Elements and theme
* 	Icons
---------------------------------------
*/

/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);  */
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v11/eFRpvGLEW31oiexbYNx7Y_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v11/GtRkRNTnri0g82CjKnEB0Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(googleFonts/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(googleFonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(googleFonts/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html { height:100%;}
body{font-family: 'Lato', sans-serif; color:#333; font-size:16px; line-height:1.4; font-weight:300;}

/*======= Typography =======*/

/* Font Size */
h1{font-size:24px; line-height:1.4; text-transform:uppercase;}
h2{font-size:24px; line-height:1.4;}
h3{font-size:20px;}
h4{font-size:30px;}
h5{font-size:24px; font-weight:300;}


/* Color & Weight style */
h1, h2{font-weight:700;}
h2{font-weight:700;}
h3{font-weight:300; text-transform:uppercase;}
h4, .h4{ text-transform:uppercase; font-weight:300;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong{ font-weight:700;}

/* Other Element Style */
em{font-style:italic; font-weight:300;}
.lead{font-size:20px; color:rgba(77,77,77,0.87); margin-bottom:24px;line-height:1.8;}
strong, b{font-weight:700;}
label{font-weight:normal;}
/*a{ color:#fff; text-decoration:none; outline:none;}*/
a:hover, a:focus, a:active{color:#e2a52f;text-decoration:none;}

/*======= Input Field =======*/
.paper-input .form-control{border-color:rgba(0,0,0,0.14);}
.bar{background-color:#4d4d4d;}

/* Input Field & Selectbox Inverse Theme */
form.theme-inverse .bar,
form.theme-inverse .paper-input.has-error .form-control:invalid ~ .bar,
form.theme-inverse .dc-radio *:checked + span.dc-radio-label::after{background-color: #ffffff;}
form.theme-inverse .floating-label label{color:rgba(255,255,255,0.54);}
form.theme-inverse .paper-input.has-error .form-control:invalid{border-color:rgba(255,255,255,0.54);color:#fff;}
form.theme-inverse .has-error.floating-label.floating-label-completed label, form.theme-inverse .radio, form.theme-inverse .checkbox{color:#fff;}
form.theme-inverse .select2-container--default .select2-selection--single .select2-selection__rendered, form.theme-inverse .paper-input .form-control{color:#fff;border-color:rgba(255,255,255,0.54)}

/*======= Error Input =======*/
form.theme-inverse .paper-input.has-error .form-control:invalid{color:#ff2020;border-color:#ff2020}
form.theme-inverse .paper-input.has-error .form-control:invalid ~ .bar{background-color:#ff2020;}
form.theme-inverse .has-error.floating-label.floating-label-completed label{color:#ff2020; opacity:0.64;}
form.theme-inverse .paper-input.has-error .form-control:invalid ~ .has-error-text{font-size:14px;color:#ff2020;opacity:0.87}
form.theme-inverse .paper-input.has-error .form-control ~ .bar{background-color:#ff2020;}
form.theme-inverse .paper-input.has-error .form-control{color:#ff2020; border-color:#ff2020;}
form.theme-inverse .paper-input.has-error .form-control:invalid ~ .has-error-text{color:#ff2020;}
form.theme-inverse .paper-input.has-error label{color:#ff2020;}

/*======= Button =======*/
/* theme style */
.btn{ font-family: 'Roboto', sans-serif; font-weight:500; border-radius:50px; padding-left:30px; padding-right:30px;}

/* Primary Button */
.btn-primary{background-color:#e2a52f;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus{background-color:#d79922; color:#fff;}

/* Secondary Button */
.btn-secondary{background-color:#87b93e;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{background-color:#5c930c; color:#fff;}

/* Default Button */
.btn-default{ background-color:#163567; border:1px solid #163567; color:#fff;}
.btn-default:hover, .btn-default:focus, .btn-default:active{background-color:#102649; border-color:#102649; color:#fff; }

.btn-lg, .btn-group-lg > .btn{padding: 12px 22px; font-size:16px; }

/* Button Ripple Background */
.btn .ink{background-color:#fff !important;}

/*======= Radio & Checkbox =======*/
/* Radio & Checkbox Custom */
span.radio, span.checkbox{display:inline-block;}
.radio label, .checkbox label{padding:0 24px 0 0}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left:0;}
.dc-radio > span.dc-radio-label{margin-right:4px;}

/* Radio & Checkbox Theme */
/* Normal */
.dc-radio > span.dc-radio-label::before, .dc-checkbox [type="checkbox"]:not(:checked) + .dc-checkbox-label::before{border-color:rgba(0,0,0,0.34);}

/* Checked */
.dc-radio *:checked + span.dc-radio-label::after{background-color:#fff;}
.dc-checkbox [type="checkbox"]:checked + .dc-checkbox-label::before, .dc-radio *:checked + span.dc-radio-label::before{background-color:#163567; border-color:#163567;}

/* Radio & Checkbox Inverse Theme */
/* Normal */
form.theme-inverse .dc-radio > span.dc-radio-label::before, form.theme-inverse .dc-checkbox [type="checkbox"]:not(:checked) + .dc-checkbox-label::before{border-color:rgba(255,255,255,0.34);}

/* Checked */
form.theme-inverse .dc-checkbox [type="checkbox"]:checked + .dc-checkbox-label::before, form.theme-inverse .dc-radio *:checked + span.dc-radio-label::before{background-color:#87b93e;border-color:#87b93e;}

@media screen and (max-width: 1366px){
	h1{font-size:28px; line-height:1.4;}
	h2{font-size:28px; line-height:1.4;}
	h3{font-size:20px;}
	h4{font-size:24px;}
	h5{font-size:18px;}
}
@media screen and (max-width: 767px)  {
	.btn-lg, .btn-group-lg > .btn{ padding: 10px 30px;}
}