@charset "utf-8";

/*******************************************************************************
							Subscribe Field Box
*******************************************************************************/

.subscribe-box{width:100%;margin-top:20px}.subscribe-box input{font-size:12px;font-weight:400;width:135px;height:35px;padding:0px 15px;color:#8a8a8a;background-color:#353535;border:none;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.subscribe-box .first-name{float:left;margin-right:12px}.subscribe-box .your-email{width:100%;margin-top:12px}.subscribe-box .subscribe-button{width:135;font-family:'Roboto', sans-serif;font-size:14px;font-weight:500;color:#ffffff;text-align:center;float:right;background-color:#f68a5e;margin-top:20px;padding:0px 20px;border:none;border-radius:5px;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.subscribe-box .subscribe-button:hover{background-color:#e38057}


/*******************************************************************************
						Subscribe placeholder color
*******************************************************************************/
.subscribe-box .placeholder{color:#8a8a8a}.subscribe-box input::-webkit-input-placeholder{color:#8a8a8a}.subscribe-box input:-moz-placeholder{color:#cccccc}.subscribe-box input::-moz-placeholder{color:#cccccc}

/*******************************************************************************
								Leave a Comment
*******************************************************************************/
.comment-fieldbox{margin-top:25px}.comment-fieldbox input,.comment-fieldbox select{font-family:'Roboto', sans-serif;font-size:12px;font-weight:400;width:370px;height:35px;padding:0px 20px;color:#9a9a9a;background-color:#f3f3f3;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.comment-fieldbox .input-email,.comment-fieldbox .input-subject{margin-top:20px}.comment-fieldbox textarea{font-family:'Roboto', sans-serif;font-size:12px;font-weight:400;width:370px;height:220px;margin-top:20px;padding:10px 20px;color:#9a9a9a;background-color:#f3f3f3;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.comment-active{margin-top:10px;overflow:hidden}.comment-active span{float:left;line-height:20px}.comment-active .submit-button{width:auto;height:40px;font-family:'Roboto', sans-serif;font-size:14px;font-weight:700;color:#ffffff;text-align:center;float:right;background-color:#f68a5e;margin-top:5px;border-radius:5px;cursor:pointer;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.comment-active .submit-button:hover{background-color:#e38057}

/*******************************************************************************
						Leave a comment placeholder color
*******************************************************************************/

.comment-fieldbox .placeholder{color:#9e9e9e}.comment-fieldbox input::-webkit-input-placeholder,.comment-fieldbox textarea::-webkit-input-placeholder{color:#9e9e9e}.comment-fieldbox input:-moz-placeholder,.comment-fieldbox textarea:-moz-placeholder{color:#4e4e4e}.comment-fieldbox input::-moz-placeholder,.comment-fieldbox textarea::-moz-placeholder{color:#4e4e4e}
/* ===== End ===== */

/*******************************************************************************
						----- DARK VERSION STYLE -----
*******************************************************************************/

/*******************************************************************************
								Leave a Comment
*******************************************************************************/
.input-name{margin-top:5px !important;margin-bottom:5px !important;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border:0px solid #000000}.input-email{margin-top:5px !important;margin-bottom:5px !important;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border:0px solid #000000}.input-textarea{margin-top:5px !important;margin-bottom:5px !important;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border:0px solid #000000}.dark .comment-fieldbox input,.comment-fieldbox select{color:#fff;background-color:#8C6049}.dark .comment-fieldbox textarea{color:#fff;background-color:#8C6049}.dark .comment-active .submit-button{color:#ffffff;background-color:#69321F;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.dark .comment-active .submit-button:hover{background-color:#e38057}
/*******************************************************************************
						Leave a comment placeholder color
*******************************************************************************/
.dark .comment-fieldbox .placeholder{color:#bbbbbb}.dark .comment-fieldbox input::-webkit-input-placeholder,.dark .comment-fieldbox textarea::-webkit-input-placeholder{color:#bbbbbb}.dark .comment-fieldbox input:-moz-placeholder,.dark .comment-fieldbox textarea:-moz-placeholder{color:#ffffff}.dark .comment-fieldbox input::-moz-placeholder,.dark .comment-fieldbox textarea::-moz-placeholder{color:#ffffff}

/*******************************************************************************
					Design for a width of 768px to 984px
*******************************************************************************/

@media only screen and (max-width:984px){.comment-fieldbox input{width:70%}}

/*******************************************************************************
					Design for a width of 480px to 539px
*******************************************************************************/
@media only screen and (max-width:539px){.comment-fieldbox input {width: 100%;}}

/*******************************************************************************
					Design for a width of 320px to 479px
*******************************************************************************/
@media only screen and (max-width:479px){.comment-active .submit-button {float: left;margin-top: 15px;}}