/*
Theme Name: Tapasam
Theme URI: http://tapasam.com/
Description: Official website of Tapasam
Version: 1.0
Author: Riosis
Author URI: www.riosis.com
License: GNU General Public License, v2 (or newer)
*/
@import url(css/fonts.css);
@import url(css/animate.css);
@import url(css/component.css);
.malayalam, .malayalam a, .malayalam p { font-family: 'rachanaregular' !important; }

/*=========================================================== Global Styles =========================================================== */
html, body { height: 100%; }

body { padding: 0px ; margin: 0px ; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; position: relative; overflow-y: scroll; overflow-x: hidden; left: 0; -ms-touch-action: pan-y; }

.clearFixer { height: 0px !important; line-height: 0px !important; clear: both !important; padding: 0px !important; margin: 0px !important; }

/*=========================================================== Typography Styles =========================================================== */
/*--- Colors --- */
.grey1-text { color: #111111 !important; text-decoration: none; }

.grey2-text { color: #222222 !important; text-decoration: none; }

.grey3-text { color: #333333 !important; text-decoration: none; }

.grey4-text { color: #444444 !important; text-decoration: none; }

.grey5-text { color: #555555 !important; text-decoration: none; }

.grey6-text { color: #666666 !important; text-decoration: none; }

.grey7-text { color: #777777 !important; text-decoration: none; }

.grey8-text { color: #888888 !important; text-decoration: none; }

.grey9-text { color: #999999 !important; text-decoration: none; }

.red-text, .red-text a, .red-text p { color: red !important; }

.black-text, .black-text a, .black-text p { color: black !important; }

.white-text, .white-text a, .white-text p { color: white !important; }

.brown-text, .brown-text a, .brown-text p { color: #581201 !important; }
.brown-text:hover, .brown-text a:hover, .brown-text p:hover { color: #3f0c00; }

.yellow-text, .yellow-text a, .yellow-text p { color: #dec578 !important; }
.yellow-text:hover, .yellow-text a:hover, .yellow-text p:hover { color: #b99c43; }

.yellow-dark-text, .yellow-dark-text a, .yellow-dark-text p { color: #9d812e !important; }
.yellow-dark-text:hover, .yellow-dark-text a:hover, .yellow-dark-text p:hover { color: #6c581a; }

.rose-text, .rose--text a, .rose-text p { color: #fba796 !important; }
.rose-text:hover, .rose--text a:hover, .rose-text p:hover { color: #fba796; }

/*--- Sizes --- */
.font10, .font10 p { font-size: 10px !important; }

.font11, .font11 p { font-size: 11px !important; }

.font12, .font12 p { font-size: 12px !important; }

.font13, .font13 p { font-size: 13px !important; }

.font14, .font14 p { font-size: 14px !important; }

.font15, .font15 p { font-size: 15px !important; }

.font16, .font16 p { font-size: 16px !important; }

.font17, .font17 p { font-size: 17px !important; }

.font18, .font18 p { font-size: 18px !important; }

.font19, .font19 p { font-size: 19px !important; }

.font20, .font20 p { font-size: 20px !important; }

.font21, .font21 p { font-size: 21px !important; }

.font22, .font22 p { font-size: 22px !important; }

.font23, .font23 p { font-size: 23px !important; }

.font24, .font24 p { font-size: 24px !important; }

.font25, .font25 p { font-size: 25px !important; }

.font26, .font26 p { font-size: 26px !important; }

.font27, .font27 p { font-size: 27px !important; }

.font28, .font28 p { font-size: 28px !important; }

.font29, .font29 p { font-size: 29px !important; }

.font30, .font30 p { font-size: 30px !important; }

/*--- Cases --- */
.lowercaser { text-transform: lowercase !important; }

.uppercaser { text-transform: uppercase !important; }

.capitalizer { text-transform: capitalize !important; }

/*--- Alignments --- */
.left-aligned-text, .left-aligned-text p { text-align: left !important; }

.right-aligned-text, .right-aligned-text p { text-align: right !important; }

.justify-aligned-text, .justify-aligned-text p { text-align: justify !important; }

.center-aligned-text, .center-aligned-text p { text-align: center !important; }

/*--- Decorations --- */
.have-underline { text-decoration: underline !important; }

.have-overline { text-decoration: overline !important; }

.have-line-through { text-decoration: line-through !important; }

.no-decoration { text-decoration: none !important; }

/*--- fonts --- */
.arial { font-family: Arial, Helvetica, sans-serif !important; }

.roboto { font-family: "robotoregular" !important; }

/*=========================================================== Common Styles =========================================================== */
/*--- Floats --- */
.left-floater { float: left !important; }

.right-floater { float: right !important; }

.no-floater { float: none !important; }

.image-left { float: left !important; }

.image-left2, .alignleft { float: left !important; margin: 0 20px 10px 0; }

.image-right { float: right !important; }

.valigner { vertical-align: middle; margin: 0px 10px 0px 0px; }

.valigner0 { vertical-align: middle; }

.divider { width: 100%; height: 10px !important; line-height: 0px !important; border-top: #dddddd solid 1px; display: block; padding: 0px !important; margin: 0px 0px 10px 0px; }

.dotted-divider { width: 100%; height: 10px !important; line-height: 0px !important; border-top: #cccccc dotted 1px; display: block; padding: 0px !important; margin: 0px 0px 10px 0px; }

.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.capitalize { text-transform: capitalize; }

.clearFix:before, .clearFix:after { content: " "; display: table; }

.clearFix:after { clear: both; }

/*=========================================================== Space limiting Styles =========================================================== */
.no-margin { margin: 0px !important; }

.no-marginR { margin-right: 0px !important; }

.no-marginB { margin-bottom: 0px !important; }

.tight-bottom { margin-bottom: 3px !important; }

.low-bottom { margin-bottom: 10px !important; }

.medium-bottom { margin-bottom: 15px !important; }

.average-bottom { margin-bottom: 25px !important; }

.high-bottom { margin-bottom: 30px !important; }

.no-padding { padding: 0px !important; }

.no-height { height: 0px !important; }

.line22 { line-height: 22px !important; }

.line20 { line-height: 20px !important; }

.line12 { line-height: 12px !important; }

.line-normal { line-height: normal !important; }

.social-aligner { border-collapse: collapse; }
.social-aligner td { text-align: left; vertical-align: top; }

.hidden-display { display: none; }

.no-border { border: none !important; }

.placeholder-full-color ::-webkit-input-placeholder { opacity: 1; }
.placeholder-full-color :-moz-placeholder { opacity: 1; }
.placeholder-full-color ::-moz-placeholder { opacity: 1; }
.placeholder-full-color :-ms-input-placeholder { opacity: 1; }

.center-aligned-text { text-align: center; }

/*=========================================================== Form Styles =========================================================== */
.text-fields { width: 300px; padding: 6px 10px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; font-size: 14px; font-size: 0.93333em; color: #666666; border: #888 solid 1px; font-family: "robotoregular"; }
@media only screen and (max-width: 640px) { .text-fields { width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; } }

.full-text-fields { padding: 6px 10px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; font-family: "robotoregular"; font-size: 14px; font-size: 0.93333em; width: 100%; color: #666666; border: #888 solid 1px; }

.select-fields { padding: 5px 10px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; font-family: "robotoregular"; font-size: 14px; font-size: 0.93333em; color: #666666; border: #888 solid 1px; }

.full-select-fields { padding: 5px 10px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; font-family: "robotoregular"; font-size: 14px; font-size: 0.93333em; color: #666666; border: #888 solid 1px; width: 100%; }

.flat-buttons { display: inline-block; padding: 10px 18px; -webkit-border-radius: 6px ; -moz-border-radius: 6px ; border-radius: 6px ; font-family: "robotoregular"; font-size: 14px; line-height: 14px; color: white !important; clear: both; outline: none; border: none; cursor: pointer; text-decoration: none; text-align: center; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
.flat-buttons:hover { color: white; }
@media only screen and (max-width: 320px) { .flat-buttons { width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; text-align: center; } }

.large-button { padding: 10px 18px; font-size: 17px; line-height: 18px; }

a.flat-buttons { line-height: 20px; vertical-align: middle; }

.brown-button { background-color: #581201; }

.yellow-button { background-color: #dec578; color: #222222 !important; }
.yellow-button:hover { background-color: #b39a4d; }

.grey-button { background-color: #aaaaaa; }

.wpcf7-not-valid-tip { display: none !important; }

.wpcf7-not-valid { border: #b71a2b solid 1px !important; }

/*=========================================================== Container Styles =========================================================== */
#main { width: 100%; height: auto; padding: 0px ; margin: 0px ; float: left; }

.container { width: 980px; height: auto; margin: 0px auto; position: relative; }
@media only screen and (max-width: 1024px) { .container { width: 95%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; } }
@media only screen and (max-width: 768px) { .container { width: 90%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; } }

.wrapper { width: 100%; height: auto; float: left; position: relative; }

/*=========================================================== Common Styles =========================================================== */
h1 { font-family: "roboto_condensedlight"; font-size: 33px; color: #444444; margin: 0px 0px 30px 0px; }
h1.malayalam { font-size: 24px !important; }

h2 { font-family: "roboto_condensedlight"; font-size: 30px; color: #444444; margin: 0px 0px 30px 0px; padding: 0 0 10px 0; }
h2.malayalam { font-size: 22px !important; }
h2 a { color: #444444; }

h3 { font-family: "roboto_condensedlight"; font-size: 26px; line-height: 28px; color: #444444; margin: 0px 0px 20px 0px; }
h3.malayalam { font-size: 21px !important; }
h3 a { color: #444444; }

h4 { font-family: "roboto_condensedlight"; font-size: 24px; color: #444444; margin: 0px 0px 20px 0px; }
h4.malayalam { font-size: 20px !important; }
h4 a { color: #444444; }

h5 { font-family: "roboto_condensedlight"; font-size: 22px; color: #444444; margin: 0px 0px 20px 0px; }
h5.malayalam { font-size: 19px !important; }
h5 a { color: #444444; }

h6 { font-family: "roboto_condensedlight"; font-size: 19px; color: #444444; margin: 0px 0px 20px 0px; }
h6.malayalam { font-size: 18px !important; }
h6 a { color: #444444; }

p { color: #444; font-size: 15px; font-family: "robotoregular"; line-height: 25px; margin-bottom: 17px; }
p.malayalam { font-size: 17px !important; line-height: 22px !important; }
p span.malayalam { font-size: 17px !important; line-height: 22px !important; }
@media only screen and (max-width: 640px) { p { line-height: 20px !important; } }
p a { color: #581201; }
p a:hover { color: #380b00; }

.malayalam p { font-size: 17px !important; line-height: 22px !important; }

.fluid-strips, .white-strip, .brown-strip, .yellow-strip, .rose-strip, .grey-strip { width: 100%; height: auto; float: left; padding: 40px 0px; position: relative; }

.white-strip { background-color: white; }

.brown-strip { background-color: #581201; }

.yellow-strip { background-color: #dec578; }

.rose-strip { background-color: #fba796; }

.grey-strip { background-color: #f5f5f5; }

.only-in-mobile-and-tablet { display: none; }
@media only screen and (max-width: 768px) { .only-in-mobile-and-tablet { display: block; } }

@media only screen and (max-width: 640px) { .only-in-desktop-and-tablet { display: none; } }

.only-in-mobile { display: none; }
@media only screen and (max-width: 480px) { .only-in-mobile { display: block; } }

.only-in-phablet { display: none; }
@media only screen and (max-width: 640px) { .only-in-phablet { display: block; } }

.only-in-tablet { display: none; }
@media only screen and (min-width: 640px) and (max-width: 768px) { .only-in-tablet { display: block; } }

.only-in-desktop { display: block; }
@media only screen and (max-width: 768px) { .only-in-desktop { display: none; } }

.full-mobile-img { max-width: 100%; }
@media only screen and (max-width: 640px) { .full-mobile-img { width: 100%; margin-right: 0px; } }

input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; bottom: 1px; margin-left: 0px; }

input[type=radio] { bottom: 2px; }

.error { border: #ef5151 solid 1px !important; }

.error-message { background: none repeat scroll 0 0 padding-box #ffdddc; border: 1px solid #ef5151; color: #8a1f11; padding: 8px; font-size: 0.93333em; width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; -webkit-border-radius: 6px ; -moz-border-radius: 6px ; border-radius: 6px ; float: left; margin: 10px 0 0 0; text-align: center; font-family: "robotoregular"; }

.success-message { background: none repeat scroll 0 0 padding-box #c7fbc2; border: 1px solid #6abd5c; color: #397626; padding: 8px; font-size: 0.93333em; width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; -webkit-border-radius: 6px ; -moz-border-radius: 6px ; border-radius: 6px ; float: left; margin: 10px 0 0 0; text-align: center; font-family: "robotoregular"; }

/*=========================================================== Header Styles =========================================================== */
#home-banner-row { width: 100%; height: auto; float: left; background: url(images/banner-back.jpg) repeat top left; }
#home-banner-row .banner-back-overlay { width: 100%; height: auto; float: left; padding-bottom: 12px; background: url(images/banner-back-overlay.jpg) repeat-x bottom center; }
@media only screen and (max-width: 768px) { #home-banner-row .banner-back-overlay { padding-bottom: 40px; } }

.mobile-menu { display: none; width: 52px; height: 40px; float: right; top: 40px; right: 0; z-index: 999; position: absolute; }
@media only screen and (max-width: 980px) { .mobile-menu { display: none; } }
@media only screen and (max-width: 480px) { .mobile-menu { top: 12px; } }

@media only screen and (max-width: 980px) { .mobile-menu { display: block; } }
.mobile-menu img { width: 100%; }

.mobile-menu-dropdown { width: 100%; float: left; display: none; padding: 30px 0; position: absolute; top: 0; left: 0px; background-color: #240700; z-index: 500; height: 100%; }

.mobile-menu-dropdown ul { padding: 0; margin: 0; list-style-type: none; }

.mobile-menu-dropdown ul li { display: block; font-size: 20px; font-family: "roboto_condensedlight"; }

.mobile-menu-dropdown ul li a { color: #FFF; padding: 10px; display: block; }

.mobile-menu-dropdown ul li a:hover { background-color: #dec578; color: #9C1C06; }

.mobile-menu-dropdown ul li ul li { font-size: 16px; }

@media only screen and (max-width: 980px) { .desktop-navigation { display: none; } }

.login-strip { padding-top: 4px; }

#header { width: 100%; height: 120px; float: left; position: relative; background: url(images/header-back.png) repeat-x left 32px; margin-bottom: 50px; }
@media only screen and (max-width: 480px) { #header { margin-bottom: 25px; } }
#header .col1 { width: 30%; float: left; padding: 22px 0 0 0; }
@media only screen and (max-width: 320px) { #header .col1 { padding: 30px 0 0 0; } }
@media only screen and (max-width: 480px) { #header .col1 { width: 100%; }
  #header .col1 img { max-width: 100%; } }
#header .col2 { width: 70%; float: left; text-align: right; }
#header .col2 ul { padding: 0px; margin: 13px 0 0 0; list-style-type: none; float: right; position: relative; }
#header .col2 ul li { display: block; float: left; font-family: "roboto_condensedlight"; font-size: 18px; margin: 0 0 0 23px; }
#header .col2 ul li.active { color: #FFF; }
#header .col2 ul li a { color: #fbd8d2; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
#header .col2 ul li a:hover { color: #FFF; }
#header .col2 ul li ul { float: none; display: none; position: absolute; margin: 0; top: 25px; padding: 15px 0; }
#header .col2 ul li ul li { float: none; margin: 0; padding: 5px; background: url(images/header-back.png) repeat; }
#header .col2 ul li ul li a { padding: 0 8px; }

.col3 { width: 50%; float: left; }
@media only screen and (max-width: 640px) { .col3 { width: 100%; margin-bottom: 20px; } }
.col3 .tapasam { margin-bottom: 40px; }
.col3 .tapasam img { display: block; margin-bottom: 15px; }
.col3 .tapasam h3 { font-family: "roboto_condensedlight"; color: #dec578; font-size: 20px; margin-bottom: 10px; }
.col3 .announcements h2 { color: #fff; font-family: "robotoregular"; font-size: 18px; }
.col3 .announcements h2 a { color: #fff; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
.col3 .announcements h2 a:hover { color: #dec578; }
.col3 .announcements p { color: #fba796; }
.col3 .announcement-column { border-bottom: dashed 1px #fba796; padding: 16px 0; }
.col3 .announcement-column:last-child { border-bottom: 0; }

.col4 { width: 30%; float: right; }
@media only screen and (max-width: 640px) { .col4 { width: 100%; } }
.col4 p { color: #fba796; }

.post-date { background-color: #dec578; padding: 8px; text-align: center; width: 42px; float: left; margin-right: 10px; }
.post-date h5 { font-family: "roboto_condensedbold"; color: #9c1c02; font-size: 28px; line-height: 26px; }
.post-date h6 { font-family: "roboto_condensedbold"; color: #000000; font-size: 16px; text-transform: uppercase; line-height: 20px; }

/*=========================================================== Homepage Styles =========================================================== */
#home-content-area { background-color: #fff; width: 100%; height: auto; float: left; }
#home-content-area h2 { font-family: "roboto_condensedlight"; font-size: 30px; margin-bottom: 15px; color: #581201; }
#home-content-area h2 a { color: #444444; }
#home-content-area p { color: #444444; font-size: 14px; font-family: "robotoregular"; line-height: 22px; margin-bottom: 15px; }
@media only screen and (max-width: 640px) { #home-content-area p { line-height: 20px !important; } }
#home-content-area p a { color: #581201; }

.home-abstarct { margin: 28px auto; }
.home-abstarct img { margin: 0 auto; text-align: center; max-width: 100%; height: auto; display: block; }

#home-listing-row { width: 100%; height: auto; float: left; margin-bottom: 20px; }
@media only screen and (max-width: 640px) { #home-listing-row { padding-left: 10px; } }
@media only screen and (max-width: 320px) { #home-listing-row { padding-left: 0; } }
#home-listing-row .columns { width: 13.5%; margin-right: 6px; float: left; }
@media only screen and (max-width: 980px) { #home-listing-row .columns { margin-bottom: 10px; width: 24%; } }
@media only screen and (max-width: 640px) { #home-listing-row .columns { width: 32%; } }
@media only screen and (max-width: 480px) { #home-listing-row .columns { width: 47%; } }
@media only screen and (max-width: 320px) { #home-listing-row .columns { width: 100%; } }
#home-listing-row .columns:last-child { margin-right: 0; }
#home-listing-row .columns img { max-width: 100%; height: auto; width: 100%; }
#home-listing-row .columns h4.title { background-color: #dec578; text-align: center; font-family: "robotoregular"; font-size: 14px; color: #000000; padding: 10px 0; width: 100%; }
#home-listing-row .columns h4.title a { color: #000000; }
#home-listing-row .columns h4.title a:hover { color: #581201; }

.about-column { float: left; width: 58%; padding: 30px 0; }
@media only screen and (max-width: 640px) { .about-column { width: 100%; } }

.contact-column { float: right; width: 36%; padding: 30px 0; }
@media only screen and (max-width: 640px) { .contact-column { width: 100%; } }

/*=========================================================== Inner page Styles =========================================================== */
#inner-banner-row { width: 100%; height: auto; float: left; background: url(images/inner-banner-back.jpg) repeat top left; }
#inner-banner-row .banner-back-overlay { width: 100%; height: 240px; float: left; background: url(images/inner-banner-back-overlay.jpg) no-repeat bottom right; }

#inner-content-area { background-color: #fff; }

.bredcrumbs { width: 100%; display: block; }
.bredcrumbs ul { margin: 0; padding: 0; margin-bottom: 30px; }
.bredcrumbs ul li { list-style: none; float: left; font-size: 14px; color: #240700; font-family: "roboto_condensedlight"; padding: 0 2px; }
.bredcrumbs ul li.active a { color: #240700; }
.bredcrumbs ul li a { color: #9c1c02; }

.main-column { padding: 40px 0; width: 68%; float: left; }
@media only screen and (max-width: 768px) { .main-column { width: 100%; padding: 20px 0; } }
.main-column p { line-height: 24px; font-size: 14px; color: #444444; margin-bottom: 15px; }
.main-column h1, .main-column h2, .main-column h3, .main-column h4, .main-column h5, .main-column h6 { font-family: "roboto_condensedlight"; color: #444444; margin-bottom: 20px; }
.main-column h1 { font-size: 30px; color: #581201; }
.main-column h2 { font-size: 26px; color: #581201; }
.main-column h3 { font-size: 21px; color: #581201; }
.main-column h4 { font-size: 20px; }
.main-column h5 { font-size: 18px; }
.main-column h6 { font-size: 16px; }
.main-column img { max-width: 100%; height: auto; }
.main-column blockquote { line-height: 24px; font-size: 14px; color: #444; font-style: italic; border-left: 7px solid #cccccc; padding-left: 26px; margin: 20px 0; font-family: "robotoregular"; }
.main-column blockquote p { font-size: 14px; }
.main-column blockquote.malayalam p { font-size: 16px !important; }
.main-column address { font-family: "robotoregular"; font-size: 15px; font-style: italic; color: #444444; margin: 10px 0; line-height: 20px; }
.main-column pre { background-color: #e0e0e0; font-family: "robotoregular"; padding: 20px; }

ol.order-list { list-style-type: none; padding: 0; margin: 10px 0; counter-reset: li-counter; }
ol.order-list li { position: relative; margin-bottom: 14px; padding-left: 30px; color: #444; list-style: none; font-size: 14px; font-family: "robotoregular"; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; }
ol.order-list li a { color: #444; }
ol.order-list li a:hover { color: #581201; }
ol.order-list li:before { position: absolute; top: 0; left: 0; width: 16px; height: 16px; font-size: 10px; line-height: 16px; text-align: center; color: #444; border: 1px solid #581201; border-radius: 50%; content: counter(li-counter); counter-increment: li-counter; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; }
ol.order-list li:hover:before { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }

ul.unorder-list { list-style-type: none; padding: 0; margin: 10px 0; counter-reset: li-counter; }
ul.unorder-list li { position: relative; margin-bottom: 14px; padding-left: 30px; color: #444; list-style: none; font-size: 14px; font-family: "robotoregular"; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; }
ul.unorder-list li a { color: #444; }
ul.unorder-list li a:hover { color: #581201; }
ul.unorder-list li:before { position: absolute; top: 0; left: 0; width: 16px; height: 16px; font-size: 0; line-height: 16px; background: url(images/list.png) left no-repeat; text-align: center; color: #444; border-radius: 50%; content: counter(li-counter); counter-increment: li-counter; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; }
ul.unorder-list li:hover:before { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }

table { border: 1px solid #e8debd; max-width: 100%; width: 100%; }
table tr:nth-child(odd) { background-color: #fff; }
table tr:nth-child(odd):hover { background-color: #fff; }
table tr:nth-child(even) { background-color: #fbf5e2; }
table tr:nth-child(even):hover { background-color: #fbf5e2; }
table th, table td { padding: 8px 10px; font-family: "robotoregular"; color: #202020; }
table th a, table td a { color: #202020; }
table th a:hover, table td a:hover { color: #202020; }
table th { border-bottom: 2px solid #e8debd; font-size: 14px; text-align: left; font-weight: normal; background-color: #f3e5b9; color: #581201; }
table td { border-bottom: 1px solid #e8debd; font-size: 14px; }

table.no-border { border-bottom: 0; }
table.no-border tr:nth-child(odd) { background: none; }
table.no-border tr:nth-child(odd):hover { background: none; }
table.no-border tr:nth-child(even) { background: none; }
table.no-border tr:nth-child(even):hover { background: none; }
table.no-border th { border-bottom: 0; background: none; }
table.no-border td { border-bottom: 0; }

/*=========================================================== Archive page Styles =========================================================== */
#archive-column-container .archive-column { border-bottom: 1px dashed #bbbbbb; padding: 20px 0; }
#archive-column-container .archive-column h3 { color: #581201; font-size: 22px; }
#archive-column-container .archive-column h3 a { color: #581201; }
#archive-column-container .archive-column img { float: left; width: 90px; margin-right: 16px; height: 80px; margin-top: 8px; }
@media only screen and (max-width: 480px) { #archive-column-container .archive-column img { float: none; margin-bottom: 10px; } }

.archive-office-bearers { padding: 10px 0; text-align: center; width: 33%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; padding: 5px; float: left; }
.archive-office-bearers h3 { color: #581201; font-size: 22px; }
.archive-office-bearers img { margin-bottom: 10px; border: solid 5px #444; }
.archive-office-bearers img.round { -webkit-border-radius: 50% 50% ; -moz-border-radius: 50% 50% ; border-radius: 50% 50% ; }

.archive-journal { border-bottom: 1px dashed #bbbbbb; padding: 20px 0; }
.archive-journal h3 { color: #581201; font-size: 22px; }
.archive-journal h3 a { color: #581201; }
.archive-journal img { float: left; margin-right: 16px; }
@media only screen and (max-width: 480px) { .archive-journal img { float: none; margin-bottom: 10px; } }

.related-posts { float: left; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; padding: 5px 5px 15px 5px; width: 50%; }
@media only screen and (max-width: 480px) { .related-posts { width: 100%; } }
.related-posts h3 { color: #581201; font-size: 20px; }
.related-posts h3 a { color: #581201; }
.related-posts img { float: left; margin-right: 16px; }
@media only screen and (max-width: 480px) { .related-posts img { float: none; margin-bottom: 10px; } }

.archive-publication { width: 30%; float: left; margin: 1%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; padding: 5px; }
@media only screen and (max-width: 480px) { .archive-publication { width: 100%; } }
.archive-publication img { margin-bottom: 10px; }
.archive-publication h3 { font-size: 16px; line-height: 18px; color: #581201; font-family: "robotoregular"; margin-bottom: 0; }
.archive-publication h3.malayalam { font-size: 15px !important; }
.archive-publication span { font-family: "robotoregular"; font-size: 13px; text-transform: uppercase; }
.archive-publication span i { text-transform: lowercase; }

#tile-container { padding: 20px 0; }

#tiles { list-style-type: none; position: relative; margin: 0; }
#tiles li { width: 207px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; background-color: #ffffff; border: 1px dashed #dedede; display: none; cursor: pointer; padding: 3px; margin: 5px 0; }
#tiles li img { display: block; min-height: 302px; }

.book-title { background-color: #dec578; text-align: center; padding: 10px; }
.book-title h5 { font-size: 16px; line-height: 20px; color: #9C1C02; font-family: "roboto_condensedlight"; margin-bottom: 2px; }
.book-title h6 { font-size: 11px; text-transform: uppercase; font-family: "robotoregular"; color: #000; margin-bottom: 0; }

#inner-content-area .book-title h5.malayalam { font-size: 17px !important; line-height: 18px !important; }

#inner-content-area .book-title h6.malayalam { font-size: 14px !important; line-height: 16px !important; }

.price { background-color: #581201; /*@include background-opacity(#191919, 0.85);*/ color: #fff; -webkit-border-radius: 50% 50% ; -moz-border-radius: 50% 50% ; border-radius: 50% 50% ; font-size: 13px; font-family: "robotoregular"; position: absolute; top: 20px; right: 4px; padding: 10px; text-align: center; }

#tiles ali:nth-child(3n) { height: 175px; }

#tiles ali:nth-child(4n-3) { padding-bottom: 30px; }

#tiles ali:nth-child(5n) { height: 250px; }

/*=========================================================== Single page Styles =========================================================== */
.single-column { padding: 20px 0; }
.single-column h3 { color: #581201; font-size: 23px; line-height: 30px; }
.single-column h3 a { color: #581201; }
.single-column img { margin-bottom: 15px; }

.publication-single { padding: 20px 0; }
.publication-single h3 { color: #581201; font-size: 30px; line-height: 38px; }
.publication-single h3 a { color: #581201; }
.publication-single img { margin-bottom: 15px; float: left; margin-right: 14px; }
@media only screen and (max-width: 480px) { .publication-single img { width: 100%; } }

/*=========================================================== Contact page Styles =========================================================== */
.contact-form { width: 45%; float: left; padding: 30px 0; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
@media only screen and (max-width: 640px) { .contact-form { width: 100%; } }

.contact-address { width: 50%; float: right; padding: 30px 0; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
@media only screen and (max-width: 640px) { .contact-address { width: 100%; } }

.details-column { width: 50%; float: right; padding: 30px 0; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
@media only screen and (max-width: 480px) { .details-column { width: 100%; } }

.subscribe-details { width: 50%; float: left; padding: 30px 0; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
@media only screen and (max-width: 480px) { .subscribe-details { width: 100%; } }

.round1 { height: 38px; line-height: 38px; margin: 0 auto; padding: 0 10px; text-align: center; width: 20px; background-color: #f1e3b7; color: #222222; -webkit-border-radius: 50% 50% ; -moz-border-radius: 50% 50% ; border-radius: 50% 50% ; font-size: 11px; font-family: "robotoregular"; }

.social-sharing { margin: 15px 0; }
.social-sharing div { width: 65px !important; float: left !important; margin-right: 4px !important; }
.social-sharing .fb-share { width: 88px !important; }
.social-sharing .fb-like { width: 125px; float: left; margin-right: 4px; }
.social-sharing .twitter-share-button { width: 78px !important; float: left !important; margin-right: 4px; }

/*=========================================================== Sidebar Styles =========================================================== */
.sidebar { width: 26%; padding: 40px 0; float: right; }
@media only screen and (max-width: 768px) { .sidebar { width: 100%; padding: 5px 0; } }
.sidebar img { max-width: 100%; height: auto; }
.sidebar .announcement-column { border-bottom: 1px dashed #581201; padding-bottom: 10px; margin-bottom: 10px; }
.sidebar .announcement-column h2 { font-family: "robotoregular"; color: #581201; line-height: 20px; font-size: 15px; }
.sidebar .announcement-column h2.malayalam { font-size: 15px !important; }
.sidebar .announcement-column h2 a { color: #581201; }
.sidebar .announcement-column h2 a:hover { color: #6f1300; }
.sidebar .announcement-column p { line-height: 22px; font-size: 12px; margin: 0; }

/*=========================================================== Footer Styles =========================================================== */
#footer { background-color: #222222; width: 100%; height: auto; padding: 28px 0; float: left; }
#footer .footer-columns { width: 34%; float: left; margin-right: 5%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
@media only screen and (min-width: 640px) and (max-width: 768px) { #footer .footer-columns { width: 35%; }
  #footer .footer-columns:last-child { width: 20% !important; } }
@media only screen and (max-width: 640px) { #footer .footer-columns { margin-right: 0; width: 100%; margin-bottom: 25px; } }
#footer .footer-columns:last-child { width: 22%; margin-right: 0; padding-right: 0; }
@media only screen and (max-width: 640px) { #footer .footer-columns:last-child { width: 100%; } }
#footer .footer-columns h2 { color: #dec578; font-family: "roboto_condensedlight"; font-size: 22px; margin-bottom: 20px; }
#footer .footer-columns p { color: #bbbbbb; font-family: "robotoregular"; font-size: 14px; }
#footer .footer-columns p a { color: #bbbbbb; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
#footer .footer-columns p a:hover { color: #dec578; }
#footer .footer-columns ul { margin: 0; padding: 0; }
#footer .footer-columns ul li { list-style: none; color: #bbbbbb; font-family: "robotoregular"; line-height: 28px; font-size: 14px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
#footer .footer-columns ul li a { color: #bbbbbb; }
#footer .footer-columns ul li a:hover { color: #dec578; }

ul.social-icons { list-style: none; padding: 0; margin: 0; display: inline-block; }
ul.social-icons li { float: left; margin-right: 5px; }
ul.social-icons li :nth-child(1) { margin-left: 0; }
ul.social-icons li a { width: 38px; height: 38px; display: block; background: url("images/social-media-icons.png") no-repeat; text-indent: -9999px; }
ul.social-icons li.facebook a { background-position: 0 0; }
ul.social-icons li.facebook a:hover { background-position: 0 -38px; }
ul.social-icons li.twitter a { background-position: -38px 0; }
ul.social-icons li.twitter a:hover { background-position: -38px -38px; }
ul.social-icons li.googleplus a { background-position: -76px 0; }
ul.social-icons li.googleplus a:hover { background-position: -76px -38px; }
ul.social-icons li.linkedin a { background-position: -114px 0; }
ul.social-icons li.linkedin a:hover { background-position: -114px -38px; }
ul.social-icons li.youtube a { background-position: -266px 0; }
ul.social-icons li.youtube a:hover { background-position: -266px -38px; }
ul.social-icons li.rss a { background-position: -342px 0; }
ul.social-icons li.rss a:hover { background-position: -342px -38px; }

#copyright-row { width: 100%; height: auto; float: left; padding: 28px 0; background-color: #0e0e0e; text-align: center; color: #FFF; font-family: "robotoregular"; }
#copyright-row p { color: #fff; }

/* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section { padding: 0px ; margin: 0px ; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; }

section { overflow: hidden; }

input[type='text'], input[type='email'], textarea, input[type='submit'], select { margin: 0px; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

nav ul { list-style: none; }

a img { border: 0; }

html, body { font-size: 100.01%; }

body { font-size: 15px; color: #666666; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111111; }

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

p { margin: 0 0 0.5em; }

p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, a:hover { color: black; }

a { color: #000099; text-decoration: none; }

blockquote { margin: 1.5em; color: #666666; font-style: italic; }

strong { font-weight: 700; }

em, dfn { font-style: italic; }

dfn { font-weight: 700; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #555555; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; }

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em; }

dl dt { font-weight: 700; }

dd { margin-left: 1.5em; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

nav ul, header ul { list-style-type: none; }

.view { width: 100%; height: 100%; position: relative; text-align: center; cursor: default; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; overflow: hidden; }

.view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; right: 0; }

.view img { position: relative; margin-bottom: 0 !important; display: block; }
@media only screen and (max-width: 640px) { .view img { width: 100% !important; } }

.view a.info { background: url(images/link.png) center no-repeat; display: inline-block; text-decoration: none; padding: 0; text-indent: -9999px; width: 20px; height: 20px; }

.second-effect .mask { opacity: 0; overflow: visible; border: 0px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out; }

.second-effect a.info { position: relative; top: -56px; left: -40px; opacity: 0; transform: scale(0, 0); transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; }
@media only screen and (max-width: 768px) { .second-effect a.info { top: -40px; left: -34px; } }
@media only screen and (max-width: 320px) { .second-effect a.info { top: -15px; left: 0; } }

.second-effect:hover .mask { opacity: 1; border: 100px solid rgba(60, 10, 0, 0.8); }
@media only screen and (max-width: 320px) { .second-effect:hover .mask { border: 120px solid rgba(0, 0, 0, 0.7); } }

.second-effect:hover a.info { opacity: 1; transform: scale(1, 1); transition-delay: 0.3s; }

.animated { visibility: hidden; }

.visible { visibility: visible; }

.scrollToTop { width: 92px; height: 26px; padding: 10px; text-align: center; background: whiteSmoke; font-weight: bold; color: #8F8F8F; text-decoration: none; position: fixed; bottom: 50px; right: 0; display: none; background: url(images/back-to-top.png) center no-repeat; font-size: 12px; z-index: 999; }

.scrollToTop:hover { text-decoration: none; color: #8F8F8F; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.effects .img { position: relative; overflow: hidden; }

.effects .img:last-child { margin-right: 0; }

.effects .img img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; }

.overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.5s; }

a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #581201; cursor: pointer; }

a.close-overlay.hidden { display: none; }

a.expand { display: block; position: absolute; z-index: 100; width: 100%; height: 60px; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 30px; border-radius: 30px; padding-top: 120px; }

.effect-1 .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 0; }

.effect-1 .overlay a.expand { left: 0; right: 0; bottom: 40%; margin: 0 auto -30px auto; }

.effect-1 .img.hover .overlay { height: 100%; }

 /*==================== 
	Validation Styles 
==================*/
div.wpcf7-validation-errors { float: left; position: relative; background: #f2dede !important; color: #b94a48 !important; padding: 8px 15px !important; margin: 0 !important; width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; font-size: 13px; font-family: "robotoregular"; border: 1px solid #eed3d7 !important; }

div.wpcf7-mail-sent-ok { border: 0 !important; background: #beeab6 !important; color: #152701 !important; max-width: 300px; font-size: 14px; position: relative; border: 1px solid #6db95f !important; padding: 8px 15px !important; margin: 0 !important; width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }

.formError .formErrorContent { left: -336px; top: 86px; position: absolute !important; border: 0 !important; background: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; color: #b60315 !important; padding: 0 !important; }

div.wpcf7-mail-sent-ok { border: 0 !important; background: #beeab6 !important; color: #152701 !important; padding: 10px 15px !important; max-width: 300px; font-size: 13px; }

.div.wpcf7-response-output { max-width: 320px; -webkit-border-radius: 4px ; -moz-border-radius: 4px ; border-radius: 4px ; display: none !important; }

span.wpcf7-not-valid-tip { color: #940000 !important; font-size: 16px !important; display: none !important; }

.wpcf7-not-valid { border: 1px solid #B71B2B !important; }

.mobile-home { width: 62px; display: inline-block; margin-right: 12px; }
.mobile-home img { float: left; }
@media only screen and (max-width: 980px) { .mobile-home { display: none; } }

.mobile-contact { width: 96px; display: inline-block; }
.mobile-contact img { float: left; }
@media only screen and (max-width: 980px) { .mobile-contact { display: none; } }

.malayalam-name .og-details h3, .malayalam-designation .og-details h6, .malayalam-designation .office-bearers p { font-family: 'rachanaregular' !important; }

.malayalam-name .og-details h3 { font-size: 24px !important; line-height: 25px; }

.malayalam-designation .og-details h6 { font-size: 16px !important; }




.fullwidth{
  padding: 40px 0;
  width: 100%;
  float: left;

}
.inn-main-img img{
  /* float:none; */
  width: 209px;
  margin-bottom: 15px;
}

.tabbed-area .tab-head{
  
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;


}
.tabbed-area .tab-head li{


}
.tabbed-area .tab-head li a{
  display: block;
  padding: 12px 16px;
  background-color: #581201;
  color: #ffffff;
  
  border-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 8px;
 
}

.tabbed-area .tab-head li.active a{
 
  border-bottom: 0;
background-color: #270800;
color: #fff;

}


.tabbed-area .tab-content{
  display: none;
}
.tabbed-area .tab-content.active{
  display: block;
}

.tab-inside-section{
  padding: 40px 0;
}

.tab-inside-section h4{
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}

.inner-custom p{
  text-align: justify;
}

.tabbed-area{
  margin-top: 10px;
}

.img-icon{
  height: 40px;
  float: left;
}

.dowload-item h6{
  font-weight: 700;
}

.dowload-item {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.267);
}

.dowload-item  a:hover h6{
  color: rgb(175, 0, 0);
}

.download-sec{
  margin-bottom: 15px;
}
.subscription-form{
  margin-top: 26px;
}
.rrow{
  margin-left: -7px;
  margin-right: -7px;
}
.subscription-form .col-6{
  padding: 0px 7px ;
  width: calc(50% - 14px);
  float: left;
}
.subscription-form .col-12{
  float: left;
  padding: 0px 7px ;
  width: calc(100% - 14px);
}

@media screen and (max-width:640px){
  .subscription-form .col-6, .subscription-form .col-12{
    width: 100%;
    padding: 0px;
  }
  .wpcf7 .wpcf7-recaptcha iframe {
    width: 100% !important;
  }
}
@media screen and (max-height: 325px){
  #rc-imageselect {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}




.full-text-fields{
  border-radius: 5px;
  border-color: rgb(146, 146, 146);
}


.rrow > p{
  margin-bottom: 15px;
}

.section-part{

margin-bottom: 23px;
}

.section-part h4{
  margin-bottom: 10px;
}
.fullwidth h1{
  font-size: 30px;
}

.ttop-section{
  margin-bottom: 25px;
}
.ttop-section p{
line-height: 25px;
}


.inn-main-img img{
 
}

div.wpcf7-mail-sent-ok{
  float: left;
  width: 100%;
}


@media screen and (max-width:1022px){
  .tabbed-area .tab-head li a{
   margin-bottom: 15px;
  }
  .tabbed-area .tab-head li{
    width: 33.3%;
  }
}

@media screen and (max-width:768px){
  .tabbed-area .tab-head li{
    width: 49%;
  }
}
@media screen and (max-width:500px){
  .tabbed-area .tab-head li{
    width: 100%;
  }
}

.rio-captcha {
    float: left;
  width: 100%;
margin-bottom: 15px;
}

.ab-slider{
width: 300px;
float: left;
margin-right: 23px;
}

@media screen and (max-width:768px){
  .ab-slider{
    width: 100%;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 45px !important;
}
}




.ab-item {
  width: 100%;
}



.ab-slider a{
  display: block;
}
.ab-slider a img{
  width: 100%;
}

.slick-dots li button:before{
font-size: 11px !important;
}
.slick-dots{
  bottom: -17px;
}











h1 {
  font-family: "roboto_condensedlight";
  font-size: 30px;
  margin-bottom: 15px;
  color: #581201;
}
h2 {
  font-family: "roboto_condensedlight";
  font-size: 26px;
  margin-bottom: 15px;
  color: #581201;
}
h3 {
  font-family: "roboto_condensedlight";
  font-size: 24px;
  margin-bottom: 15px;
  color: #581201;
}
h4 {
  font-family: "roboto_condensedlight";
  font-size: 22px;
  margin-bottom: 15px;
  color: #581201;
}
h5 {
  font-family: "roboto_condensedlight";
  font-size: 20px;
  margin-bottom: 15px;
  color: #581201;
}
h6 {
  font-family: "roboto_condensedlight";
  font-size: 18px;
  margin-bottom: 15px;
  color: #581201;
}
p {
  color: #444444;
  font-size: 14px;
  font-family: "robotoregular";
  line-height: 22px;
  margin-bottom: 15px;
  display: block;
  margin: 0 0 20px 0;
  word-break: normal;
  -webkit-text-size-adjust: none;
}
a {
  font-size: 14px;
  text-decoration: none;
  color: #581201;
  font-family: "roboto_condensedlight";
}
ol {
  counter-reset: ordered;
  list-style-type: none;
  padding: 0;
  margin: 0 0 30px 0;
}
ol li {
  margin-bottom: 20px;
  color: #444444;
  font-size: 18px;
  font-family: roboto_condensedlight;
  padding-left: 30px;
  position: relative;
}
ol li::before {

    border: 1px solid #444444;
    border-radius: 50%;
    color: #444444;
    font-size: 11px;
    padding: 2px 6px;
    content: counter(ordered);
    counter-increment: ordered;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}
ul {
  padding: 0;
  margin: 0 0 30px 0;
  list-style-type: none;
}
 ul li {
  margin-bottom: 20px;
  color: #444444;
  font-size: 18px;
  font-family: roboto_condensedlight;
  
  position: relative;
}
/*ul li::before {
  content: "\00BB";
  font-family: "remixicon";
  font-weight: 600;
  color: #444444; 
  font-size: 16px;
  display: inline-block;
  position: absolute; 
  top: -4px;
  left: 0;
}*/
.form-field {
  margin: 0 0 10px 0;
}
.form-field input {
  width: 100%;
}
.form-field select {
  width: 100%;
  padding: 2px;
  color: #666;
  background-color: #66666614;
}
.form-field textarea {
  width: 100%;
}
.submit-button .brown-button {
  background-color: #581201;
  padding: 10px 18px;
  border-radius: 6px;
  font-family: "robotoregular";
  font-size: 14px;
  line-height: 14px;
  color: white;
  outline: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}