ikan Uploader :
Directory : /var/www/html/www.shardaevents.com/assests/css/
Upload File : |
| Current File : /var/www/html/www.shardaevents.com/assests/css/events_common_style.css |
/* ==========================================================================
Global Settings
========================================================================== */
/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* Body settings, change it as required
*/
body { font-family: 'Montserrat', sans-serif; font-size: 1em; line-height: 1.4; overflow-x:hidden; background:#f2f7ff; font-weight:normal; }
body.non-scroll { overflow:hidden; }
/*
* Headings
*/
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; color:#374a5e; font-weight:bold; color:rgba(0,0,0,0.7); text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:20px; }
h1 { font-size:64px; line-height:78px;}
h2 { font-size:36px; line-height:44px;}
h3 { font-size:32px; line-height:39px;}
h4 { font-size:24px; line-height:29px;}
h5 { font-size:16px; line-height:20px; color:rgba(0,0,0,0.7); font-weight:600; }
h6 { font-size:14px; line-height:16px; }
p { font-size:13px; color:rgba(0,0,0,0.7); line-height:22px; margin-bottom:16px; font-weight:500; }
p a { color:#00bfe7;}
p a:hover, p a:focus { color:#00bfe7;}
/*
* Links
*/
a { color: #00bfe7; text-decoration: none; line-height: inherit; transition: all 0.3s ease 0s; }
a:hover { /*color: #2795b6;*/ color: #00bfe7; text-decoration:none; }
a:focus { color: #00bfe7; outline: none; }
p a, p a:visited { line-height: inherit; }
/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #c2c2c2; margin:16px 0; padding: 0; position:relative; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}
/*
* Remove default fieldset styles.
*/
fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/*
* Iframe
*/
iframe[name="google_conversion_frame"]{ display:none;}
/*
* Pre
*/
pre { font-size:14px; color:#000; line-height:20px; font-family:'Fira Mono', Arial, Helvetica, sans-serif; font-weight:normal; border-radius: 3px; background-color: #f7f7f7; padding:16px; border:1px solid #dadada; white-space:pre-wrap; margin-bottom:16px;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image Alignment
*/
img.alignleft { float:left; margin:0 10px 10px 0; display: inline;}
img.alignright { float:right; margin:0 0px 10px 10px; display: inline;}
img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* overflow method for clearing floats
*/
.floatbox { overflow:hidden; }
/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height:1px; line-height:1px; }
/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: rgba(0,0,0,0.7); padding: 0.2em 0; }
/*
* Fonts
*/
/* ==========================================================================
Layout
========================================================================== */
.header-home { padding:10px 0; display:block; width:100%; background:#fff; position:sticky; top:0; z-index:3; }
.header-home .logo { float:left; width:15%; margin-right:5%; }
.header-home .header-right { float:right; padding:0px 0 0 0; width:15%; }
.header-home .header-right a { padding:0px 40px; line-height:50px; float:right; text-transform:uppercase; color:#fff; margin:0 0 0 10px; font-size:16px; text-transform:uppercase; background:#0292DA; border-radius:5px; border:0; }
.header-searchbar { float:left; margin:0px 0 0 0px; position:relative; width:60%; }
.header-searchbar input { width:100%; line-height:50px; padding:0 20px; background:#fff; border-radius:0; border: 1px solid #DADADA; }
.header-searchbar .dropdown-menu { width:100%; left:0 !important; margin:0; padding:0; }
.header-searchbar .dropdown-menu li a { font-size:14px; padding:10px; background:#fdfdfd; line-height:20px; transition:ease all 0.2s; white-space:break-spaces; }
.header-searchbar .dropdown-menu li:nth-child(even) a { background:#fff; }
.header-searchbar .dropdown-menu li a:hover { background:#fafafa; }
.header-searchbar .dropdown-menu li a strong { color:#0292DA; font-weight:600; }
/* Container ---------------------- */
#container-wrap { min-width:320px; left:0; position:relative;transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow-x:hidden; }
#container-wrap.activeMenu { left:-260px;}
/* Header ---------------------- */
#header { background:#fff; padding:20px 0px; height:90px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; }
/* Main-navigation ---------------------- */
#main-navigation { text-align:center; }
/* Banner ---------------------- */
#banner { height:310px; padding-top:110px; text-align:center; background:url(../imgs/slider.jpg) no-repeat; background-size:cover; }
/* Content ---------------------- */
#content { background:#fff; min-height:600px; }
#content.colored { background:#f2f7ff; }
/* Sidebar ---------------------- */
#sidebar { float:left; position:fixed; left:0px; top:0px; width:20%; background:#002855; padding:25px 0px 25px 25px; min-height:800px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
/*background:url(../imgs/left-banner.png) no-repeat; background-size:cover; ---------------------- */
/* Main ---------------------- */
#main { float:left; width:80%; margin-left:20%;}
/* Footer ---------------------- */
#footer { background:#fff; padding:30px 0px; }
/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */
/*--- Modal --- */
.modal .modal-dialog.col-lg { width:1170px; }
.modal .modal-header { border-bottom:0; padding:25px 25px 2px 25px; }
.modal .modal-header p { margin-bottom:0;}
.modal .modal-footer { padding:16px; border:0;}
.modal-sm { width:336px;}
.modal .modal-footer .btn { min-width:120px; margin-left:14px;}
.modal .modal-footer .btn:first-child { margin-left:0;}
.modal button.close { font-size:36px; line-height:36px; color:#000; opacity:1; }
.modal button.close:hover, .modal button.close:focus { opacity:1; }
.modal .modal-content { border:0; border-radius:0px; box-shadow:none; }
.modal-backdrop {background-color: rgba(0, 0, 0, 0.9);}
.modal-backdrop.in {opacity:1;}
.modal .modal-body { padding:25px; padding-top:0px; }
.modal .modal-body h2 .icon { margin-right:18px; }
/*---Form1 --- */
.form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;}
.form1 ul li { margin-bottom:25px;}
.form1 ul li:last-child { margin-bottom:0;}
.form1 .required {color:#ff0000;}
.form1 .form-control { border-radius:3px; font-size:14px; box-shadow:none; line-height:20px; color:rgba(0,0,0,0.8); font-weight:500; }
.form1 .form-control, .form1 input[type="text"], .form1 input[type="password"],.form1 input[type="email"] { height:40px; border:1px solid rgba(0,0,0,0.15); box-shadow:none; }
/*.form1 input[type="email"] { text-transform:lowercase; }*/
.form1 .forgot-password { float:right; font-size:13px;}
.form1 .error_msg { color: #f54b5e; display:block; font-size:12px; position: relative; line-height:18px; margin-top:4px; }
.form1 .info_msg {color: rgba(0,0,0,0.7); display:block; font-size:12px; position: relative; line-height:16px; padding-top:4px;}
.form1 textarea.form-control { resize:none; height:64px; border:1px solid #dadada !important; padding:11px 12px;}
.form1 .has-error textarea.form-control { border:1px solid #d54343 !important;}
.form1 .has-error input[type="text"], .form1 .has-error input[type="password"], .form1 .has-error input[type="email"] { border:1px solid #d54343;}
.form1 .clear-row { clear:left;}
.newsletter-form .has-error { border:1px solid #d54343 !important;}
.form1 label { font-size:11px; color:rgba(0,0,0,0.7); display:block; font-weight:500; text-transform:uppercase; }
.form1 label.left-label { margin-bottom:0; padding-top:8px;}
.form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;}
.form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;}
.form1 .radio-input label { font-size:14px; color:#000; margin:0; cursor:pointer; }
.form1 .radio-input label a { color:#eb494f;}
.form1 .radio-input input[type=radio]:checked + label:before { background:url(../imgs/sprite.png) -272px -215px no-repeat; }
.form1 .radio-input input[type=radio] { display: none; }
.form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:1px; background:url(../imgs/sprite.png) 0px -82px no-repeat; }
.form1 .radio-input input[type=radio]:checked + label:before {background:url(../imgs/sprite.png) 0px -60px no-repeat; }
.form1 .checkbox-input { position:relative; display:inline-block; padding-left:24px; }
.form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;}
.form1 .checkbox-input.checkbox-block { display:block; margin-bottom:16px; text-transform:capitalize;}
.form1 .checkbox-input.checkbox-block label { font-weight:normal;}
.form1 .checkbox-input label { font-size:14px; margin:0; line-height:19px;cursor:pointer; }
.form1 .checkbox-input input[type=checkbox] { display: none; }
.form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:1px; background:url(../imgs/sprite.png) 0px -13px no-repeat; }
.form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(../imgs/sprite.png) 0px -37px no-repeat; }
.form1 .select { position:relative; display:block; border:1px solid rgba(0,0,0,0.15); border-radius:3px; min-height:26px; height:auto; width:100%;}
.form1 .select select { width:100%; border:0; background: #fff; padding:0 26px 0 5px; height:26px; font-size:11px; color:rgba(0,0,0,0.8); position:relative; border-radius:5px; font-weight:500; }
.form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.form1 .select select::-ms-expand{ display:none;}
.form1 .select:before { font-family:"Font-Awesome"; content:"\f0d7"; position:absolute; right:10px; top:3px; z-index:1; pointer-events:none; font-weight:bold; color:rgba(0,0,0,0.5); }
.form-horizontal .control-label { padding-top:8px;}
.form-horizontal .control-label.two-lines { padding-top:0;}
.form1 .varification-field .reg-captcha { float:left;}
.form1 .varification-field .form-control { width:100px; text-align:center; height:39px; padding-left:10px !important; float:left; margin-right:6px;}
.modal .form1 .varification-field .form-control { width:90px;}
.form1 .varification-field .reg-frm-rfrs, .form1 .varification-field .captcha-rfrs { float:left; background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0; float: left; height: 40px; margin:-1px 0 0 8px; width: 40px;}
.form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;}
.form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active { background-position: 0 -80px;}
.form1 .varification-field #imgCaptcha { float:left;}
.form1 .varification-field.has-error { padding-bottom:18px; position:relative;}
.form1 .varification-field.has-error .error_msg { position:absolute; left:0; bottom:0;}
.form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:22px;}
.form1 .chosen-container-multi .chosen-choices { border:0; border-radius:4px; padding:6px 6px 5px; background:#fff;}
.form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:1px solid #ccc; width:12px; height:12px;}
.form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {color: #999; content: "x"; display: block; font-size: 11px; left:2px; position: absolute; top:-3px;}
.form1 .chosen-container-multi .chosen-choices li.search-choice { padding:2px 20px 4px 5px;}
.chosen-container .chosen-results li { font-size:12px;}
.form1 ul li.has-tooltip { position:relative;}
.form-tooltip { position:absolute; width:300px; background:#fff; right:-338px; padding-left:32px; z-index:100; display:none; top:0;}
.form-tooltip h3, .form-tooltip h5 { margin-bottom:4px;}
.form-tooltip ul {list-style:outside !important; padding-left:24px !important;}
.form-tooltip ul li { margin-bottom:8px !important;}
.form-tooltip p { margin-bottom:8px;}
.form-tooltip:before { width:16px; height:28px; background:url("../imgs/sprite.png") -159px -339px no-repeat; display:block; position:absolute; left:-17px; top:5px; content:"";}
.form-page .form1 .col-sm-9 .radio-input.radio-inline { padding-right:0;}
.form1 .characters-limit, .form1 textarea.characters-limit { padding-right:60px;}
.form1 .btn-group { display:block;}
.form1 .btn-group .select-option { display:block; float:left; width:97px; margin-right:20px; }
.form1 .btn-group .select-option input[type="radio"] { visibility:hidden; position:absolute;}
.form1 .btn-group .select-option label { display:block; cursor:pointer; margin:0; background:#ffffff; border: 1px solid #e9e9e9; line-height:50px; font-size:14px; color:rgba(0,0,0,0.5); padding:0 7px; border-radius:5px; text-align:center;}
.form1 .btn-group .select-option.active label { cursor:pointer; border-color:#00bfe7; background:#00bfe7; color:#fff; }
/*--- Has-error --- */
.has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039 !important;}
.has-error .form1 textarea.form-control {border-color:#f65039 !important;}
/*--- Post --- */
.post { color:#000; font-size:14px; line-height:20px; }
.inner-post { padding-left:14px;}
.post ul, .post ol { padding:0px; margin-left:20px; }
.post li { margin-bottom:10px; color:#000; font-size:13px; line-height:20px; padding-left:16px; font-weight:500; }
.post .recent-grad ul li { float:left; width:50%; padding-right:15px; }
.students-placement { padding:15px; border:2px dashed #00bfe7; border-radius:6px; }
.students-placement p { font-size:18px; line-height:30px; margin:0px; color:#00bfe7; font-weight:normal; }
.students-placement p br { display:none; }
/*--- Tooltip --- */
.tooltip{font-size:13px;line-height:22px; font-weight:500; color:#000; }.tooltip.in { filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#ff9c00; padding:6px 18px; color:#000; }.tooltip.top .tooltip-arrow{border-top-color:#ff9c00}.tooltip.top-left .tooltip-arrow{border-top-color:#ff9c00}.tooltip.top-right .tooltip-arrow{border-top-color:#ff9c00}.tooltip.right .tooltip-arrow{border-right-color:#ff9c00}.tooltip.left .tooltip-arrow{border-left-color:#ff9c00}.tooltip.bottom .tooltip-arrow{border-bottom-color:#ff9c00}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#ff9c00}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#ff9c00}
.tooltip.top { margin-top:0;}
.tooltip.top .tooltip-arrow { margin-left:-8px;border-width:8px 8px 0; bottom:0px;}
.tooltip.right .tooltip-arrow { margin-top:-8px; border-width:8px 8px 8px 0; left:-3px;}
/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.7 !important;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.7 !important;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.7 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.7 !important;}
/* Container Wrap ---------------------- */
#container-wrap.activeSideMenu #main { width:100%; }
/* Header ---------------------- */
#header .logo img { max-width:135px; }
#header .button4 { float:right; margin-top:3px; }
#header.fixed { position:fixed; left:0px; top:0px; width:100%; z-index:1000; padding:10px 0px; height:70px; border-bottom:1px solid #e5e5e5; }
#header.fixed .logo img { max-width:120px; }
/* Main-navigation ---------------------- */
#main-navigation { transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#main-navigation ul { margin:0px; padding:0px; list-style-type:none; }
#main-navigation ul li { display:inline-block; }
#main-navigation ul li a { font-weight:bold; font-size:14px; line-height:48px; color:#000; display:inline-block; padding:0px 15px; }
#main-navigation ul li:hover a,#main-navigation ul li.active a { color:#ed027b; }
#main-navigation .menu-btn { display:none; background:#fff; border:0; position:absolute; left:-60px; top:28px; }
#header.fixed #main-navigation .menu-btn { top:20px; }
#main-navigation .menu-btn span.line { display:block; height:3px; width:25px; position:relative; margin:4px 0; background:#231f20;transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.slider-content { position:absolute; top:100px; width:100%; left:0;}
.slider-inners { position:relative; }
/* Banner ---------------------- */
#banner .logo { margin-bottom:20px; }
.login-heading { font-size:32px; line-height:38px; margin-bottom:10px; font-weight:bold; color:#fff; text-transform:uppercase; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
#home-banner { background:#fafafa; background-size:cover; position:relative; }
#home-banner img{width:100%;}
/*#home-banner:before { content:""; position:absolute ;left:0px; top:0px; display:block; width:100%; height:100%; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index:3; }
#home-banner:after { content:""; position:absolute ; left:0px; top:0px; display:block; width:100%; height:100%; background: linear-gradient(180deg, #ED027B 0%, #FC654C 100%); z-index:3; opacity:0.8; }*/
#home-banner .container-fluid { position:relative; z-index:10; }
#home-banner .inner-content { padding:0px 0px 0 0; text-align:center; }
#home-banner .inner-content h2 { font-size:54px; line-height:64px; margin-bottom:45px; color:#fff; text-transform:uppercase; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
#home-banner .inner-content h2 span { display:block; font-weight:normal; padding-top:24px; }
#home-banner .inner-content .button1 { min-width:160px; margin-bottom:30px; }
#home-banner .inner-content p { font-size:18px; line-height:22px; }
#home-banner .inner-content p a { text-decoration:underline; }
/* Sidebar ---------------------- */
#sidebar .logo { margin-bottom:55px; padding-right:25px; }
#sidebar .logo img { max-width:140px; }
#sidebar .menu-btn { background:none; border:0; position:fixed; right:15px; top:28px; display:none; }
#sidebar .menu-btn span.line { display:block; height:3px; width:25px; position:relative; margin:2px 0; background:#231f20;transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
/* Login ---------------------- */
#login { width:570px; background:#fff; margin:0px auto; padding:30px 45px; position:relative; top:-70px; }
#login { border:0; }
#login label { font-size:14px; }
#login .alert-l { font-size:12px; margin:5px 0 0 0; }
#login textarea:focus,
#login input:focus { outline: 0;}
/* Question */
#login .form-group { margin:0 0 30px 0; }
#login input.question,
#login textarea.question { font-size: 48px; font-weight: 300; border-radius: 2px; margin: 0; border: none; width: 100%; border-bottom:1px solid #ededed; background: rgba(0, 0, 0, 0);transition: padding-top 0.2s ease, margin-top 0.2s ease;overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */}
/* Underline and Placeholder */
#login input { display: block; position: relative; white-space: nowrap; padding: 0; margin: 0; border:0; border-bottom: 1px solid #ccc; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; border-radius:0; }
#login input:focus { width: 100%; outline:0; box-shadow:none !important; }
#login input:after { content:""; height:1px; width:10%; background:#ff0000; position:absolute; bottom:0; left:0; display:block; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; }
#login input:focus:after { width:100%; }
#login input.question:focus,
#login input.question:valid {padding-top: 35px;}
#login textarea.question:valid,
#login textarea.question:focus { margin-top: 35px;}
#login input.question:invalid,
#login textarea.question:invalid {box-shadow: none;}
#login input.question + label > span,
#login textarea.question + label > span { font-weight: 300; margin: 0; position: absolute; color: #8F8F8F; font-size: 48px; top: -66px; left: 0px; z-index: -1; -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;}
#login input.question:valid ~ input[type="submit"], #login textarea.question:valid ~ input[type="submit"] { -webkit-animation: appear 1s forwards; animation: appear 1s forwards;}
#login input.question:invalid ~ input[type="submit"], #login textarea.question:invalid ~ input[type="submit"] { display: none;}
@-webkit-keyframes appear {
100% { opacity: 1; }}
@keyframes appear {
100% {opacity: 1; }}
#login .button1 { font-weight:normal; font-size:14px; text-transform:uppercase; border:0; border-radius:5px; padding:12px 0; display:block; margin:0px auto; background:#ED027B; width:130px; }
#login .button1:hover { background:#212121; }
/* Side Navigation ---------------------- */
.side-navigation { padding-left:15px; }
.side-navigation .more-btn { display:block; text-align:right; text-decoration:none; color:#fff; font-size:13px; }
.side-navigation ul { margin:0px; padding:0px; list-style-type:none; }
.side-navigation ul li { border-bottom: 1px dashed rgba(218,218,218,0.3); margin-bottom:10px; position:relative; }
.side-navigation ul li a { display:block; color:rgba(255,255,255,0.7); padding-bottom:10px; font-size:14px; }
.side-navigation ul li.active a { color:rgba(255,255,255,1); }
.side-navigation ul li.active:after { content:""; position:absolute; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; right:-25px; top:5px; z-index:100; }
/*--- Accordion1 --- */
.accordion1 .card { border-radius:0px; background:none; border:none; margin-bottom:35px; padding-right:25px; }
.accordion1 .card .card-header { background:none; padding:0px; border:none; }
.accordion1 .card .card-header .btn-link { display:block; color:#fff; font-size:14px; line-height:19px; font-weight:bold; text-decoration:none; position:relative; width:100%; text-align:left; padding:0px 15px 20px 0px; }
.accordion1 .card .card-header .btn-link:before { float: right; font-family:"Font-Awesome"; content:"\f068"; }
.accordion1 .card .card-header .btn-link.collapsed:before { float: right; content:"\f067"; }
.accordion1 .card .card-body { padding:0px; }
/*--- Page Head --- */
#page-head { background:#e7ebfb; padding:15px 15px 15px 30px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); position:relative; z-index:10; }
#page-head .inner .back-btn { float:left; display:inline-block; color:#000; }
#page-head h5,#page-head h6 { margin:0px; }
#page-head h6 .fas { margin-right:8px; }
#page-head h6 small { font-weight:bold; }
#page-head .inner .inner-head { margin-left:30px; }
#page-head h5 { font-size:10px; min-height:38px;}
/*--- Secondary Header --- */
.secondary-header { background:#f2f7ff; }
.secondary-header .title { float:left; margin-right:30px; padding:18px 30px; min-width:165px; position:relative; background:#e7ebfb; }
.secondary-header .title .fas { margin-right:15px; }
.secondary-header .title h6 { margin:0px; font-size:12px; }
.secondary-header .title:after { content:""; position:absolute; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #f2f7ff; right:-0px; top:50%; margin-top:-10px; }
/*--- Inner Content --- */
#inner-content { padding:0px 0 0 0; }
/*--- Section --- */
section.section { padding:50px 0px; }
section.section h2,section.section h4,section.section p { color:#fff; margin:0; }
#join-paperless { padding:30px 0; }
/*--- Dashboard --- */
.dashboard { padding:70px 30px 50px 30px; }
.dashboard .box { padding:20px; text-align:center; margin-bottom:30px; border: 1px solid #dadada; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); transition: all 0.2s ease-out;}
.dashboard .box > a { display:block; }
.dashboard .box .icon { display:block; margin-bottom:15px; height:70px; }
.dashboard .box .icon img { filter: grayscale(100%); transition: all 0.2s ease-out; max-width:66px; max-height:70px; }
.dashboard .box h6 { font-weight:500; color:rgba(0,0,0,0.7); margin:0px; }
.dashboard .box:hover,.dashboard .box.active { border-color:#ed027b; }
.dashboard .box:hover .icon img,.dashboard .box.active .icon img { filter: grayscale(0%); }
.dashboard .welcome { padding:20px; text-align:center; }
.dashboard .welcome h2 { color:#ed027b; }
.dashboard .welcome h2 small { display:block; font-weight:normal; font-size:28px; color:#dadada; }
/*--- Tabs1 --- */
.tabs1 .nav-tabs { margin-bottom:0px; border:none; }
.tabs1 .nav-tabs li { border:none; }
.tabs1 .nav-tabs li a { margin:0px; border:none; border-bottom:3px solid #f2f7ff; font-size:14px; line-height:19px; font-weight:bold; padding:15px 45px; color:rgba(0,0,0,0.7); }
.tabs1 .nav-tabs .nav-item.show .nav-link, .tabs1 .nav-tabs .nav-link.active { border:none; background:none; }
.tabs1 .nav-tabs li:hover a { border:none;}
.tabs1 .nav-tabs li .nav-link.active { border-bottom:3px solid #ed027b; }
/*--- Tabs2 --- */
.tabs2 .nav-tabs { border:none; text-align:center; display:block; width:352px; margin:0px auto 0px auto; background:#fff; }
.tabs2 .nav-tabs li { float:left; min-width:176px; }
.tabs2 .nav-tabs li a { margin:0px; border:none; color:#000;}
.tabs2 .nav-tabs li a.active { background:#091736; color:#fff;}
.tabs2 .nav-tabs .nav-item.show .nav-link, .tabs2 .nav-tabs .nav-link.active { border:none;}
.tabs2 .nav-tabs li:hover a { border:none;}
.tabs2 .tab-content { padding-top:50px;}
/*--- Btn-file --- */
.btn-file .button3 { z-index:10; pointer-events:none; background:#e7ebfb; cursor:pointer; position:absolute; left:0; top:0; color:rgba(0,0,0,0.7); border-color:rgba(0,0,0,0.15); border-radius:3px; }
.btn-file input[type=file] { position: absolute; top:2px; left:44px; height:34px; font-size:13px; text-align: left; outline: none; cursor: inherit; display: block; background:none;}
.btn-file { position: relative; display:block; height:37px; margin-top:0;}
/*--- Table1 --- */
.table1 { width:100%; }
.table1 tr td { padding:25px; font-size: 14px; font-weight: 500; border-bottom:1px dashed rgba(0,0,0,0.15); background:#e7ebfb; }
.table1 tr td a { color:#000; }
.table1 tr td:first-child { max-width:60%; }
.table1 tr td:last-child { padding-right:0px; }
.table1 tr td.no-padding { padding:0px; position:relative; border:none; }
.table1 tr td .action-lnk { float:right; text-align:center; display:inline-block; padding-right:10px; border-right:1px solid #dadada; margin-right:10px; font-size:12px; }
.table1 tr td .action-lnk p { margin:0px; font-size:10px; line-height:14px; font-weight:bold; }
.table1 tr td .action-lnk .fas,.table1 tr td .action-lnk .far { margin-bottom:8px; color:#00bfe7; }
.table1 tr td .action-lnk:first-child { margin-right:0px; border:none; }
.table1 tr td h6 { margin-bottom:8px; font-size:11px; line-height:14px; color:#00bfe7; }
.table1 tr td h5 { margin-bottom:0px; font-size:14px; line-height:18px; }
.table1 .table1 tr td { background:#f2f7ff; padding:10px 10px }
.table1 .table1 tr td:first-child { max-width:50%; padding-left:30px; }
.table1 .table1 tr td:last-child { min-width:450px; }
.table1 .table1 tr td h5 { font-size:12px; font-weight:500; }
.table1 .table1 tr td h6 { color:rgba(0,0,0,0.7); }
.table1 tr td.no-padding .table1 tr:first-child td:before { content:""; position:absolute ; left:0px; top:0px; display:block; width:100%; height:1px; background: #f2f7ff; z-index:3; }
.table3 tr:first-child { background:#002855; }
.table3 tr:first-child td { color:#fff; background:#002855 !important; }
.table3 td { border:1px solid #dadada; background:#fff !important; padding:7px !important; }
.scrolling-table1 { padding:0 !important }
/*--- Scrolling Table --- */
.main-for-table { overflow-x:auto; display:block; height:69vh; margin-top:31vh; }
.main-for-table1 { overflow-x:auto; display:block; height:82vh; margin-top:18vh; }
.scrolling-table { }
.scrolling-table table { min-width:600px; }
.table-data .textnamme { float:right; margin:7px 0 0 10px ; padding:5px; font-size:11px; }
.table-data .textnamme input { margin:0; padding:0 0px; font-size:11px; }
.table-format-header { position:fixed; z-index:1; padding: 0 20% 0 0; width:100%; top:0; }
.table-header { top:104px; padding:0 20px 0px 20px; background:#fff; border-bottom:1px solid #dadada; }
.scrolling-table { padding:20px 20px 20px 20px; }
/*--- Table2 --- */
.table2 { width:100%; }
.table2 tr th { background:#002855; color:#fff; font-size:11px; line-height:14px; padding:4px 8px; font-weight:bold; border:1px solid rgba(0,0,0,0.15); text-align:center; }
.table2 tr td { padding:6px; font-size: 12px; font-weight: 500; color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.15); text-align:center; }
.table2 tr td a .fa-file-pdf { color:rgba(239,0,0,0.7); }
.table2 tr td a .fa-edit { color:rgba(0,191,231,0.7); }
.table2 tr td a .fa-trash-alt { color:#d73232; margin-left:8px; }
.table2 tr td:last-child { min-width:75px; }
.table2 tr th span {font-size:11px !important; line-height:14px; }
.table-data .header p { margin-bottom:4px; font-size:12px; line-height:15px; color:rgba(0,0,0,0.69); }
.table-data .header p a { color:rgba(0,0,0,0.69); text-decoration:underline; }
.table-data .header .export-btn { box-shadow:none; padding:0px 0px 8px 10px; color:#ed027b; line-height:1; text-transform:uppercase; font-size:12px; font-weight:500;}
/*--- Box Default1 --- */
.box-default1 { background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;}
.box-default1.padding { padding:16px;}
.box-default1 .content-wrapper { border-bottom:1px solid #e0e0e0; padding:12px; }
.box-default1 .content-wrapper:last-child { border:none; }
/*--- List1 --- */
.list1 { margin:0; padding:0; margin-left:20px; }
.list1 li { margin-bottom:15px; padding-left:16px; font-size:13px; line-height:18px; font-weight:500;}
.list1 li a { color:#000; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; }
/*--- Button1 --- */
.button1 { border-radius:3px; background: #3498db; border:3px solid #3498db; border-radius:30px; color:#fff; font-size:16px; padding:10px 30px; font-weight:500; transition: all 0.3s ease 0s; outline:none; box-shadow:none; }
.button1:hover,.button1:focus, .button1:active { color:#fff; box-shadow:none;}
/*--- Button2 --- */
.button2 { border-radius:3px; background: #00c1a1; color:#fff; border:0; font-size:14px; line-height:18px; padding:5px 20px; font-weight:500; transition: all 0.3s ease 0s; outline:none; min-width:120px; box-shadow:none; }
.button2:hover,.button2:focus, .button2:active { color:#fff; box-shadow:none;}
/*--- Button3 --- */
.button3 { border-radius:3px; background: #fff; border:3px solid #3498db; border-radius:30px; color:#000; font-size:12px; line-height:18px; padding:10px 20px; font-weight:500; transition: all 0.3s ease 0s; outline:none; min-width:120px; box-shadow:none; }
.button3:hover,.button3:focus, .button3:active { color:rgba(0,0,0,0.5); box-shadow:none;}
/*--- Button4 --- */
.button4 { border-radius:3px; background:none; color:#ed027b; border:1px solid #ed027b; font-size:12px; line-height:18px; padding:10px 20px; font-weight:500; transition: all 0.3s ease 0s; outline:none; min-width:120px; box-shadow:none; }
.button4:hover,.button4:focus, .button4:active { color:#fff; box-shadow:none; background:#ed027b;}
/*--- Filter --- */
#filter { padding:12px 0px; }
#filter .row { margin:0px -5px; }
#filter .row .col-sm-12 { padding:0px 5px; }
/*--- Add Form --- */
.add-form { width:570px; margin:0px auto; padding-top:25px; }
/*--- About --- */
#about { text-align:center; background:#f2f7ff; }
#about p { font-size:16px; line-height:25px; font-weight:normal; }
#about .featured { margin-top:30px; padding-top:30px; border-top: 1px solid rgba(0,0,0,0.15); text-align:left; }
#about .featured h4 { font-size:22px; line-height:27px;}
#about .featured p { font-size:14px; line-height:24px; font-weight:500; min-height:96px; }
#about .featured .button4 { min-width:170px; }
#about .featured .button4 .fas { float:right; }
/*--- Services --- */
#services { background: linear-gradient(180deg, #ED027B 0%, #FC654C 100%); text-align:center; }
#services h2,#services p { color:#fff; }
#services p { font-size:18px; line-height:36px; font-weight:normal; }
#services .shape1 { width:983px; height:429px; border: 1px dashed rgba(255,255,255,0.5); position:relative; margin:150px auto 90px auto; border-radius:52%; }
#services .shape2 { width:577px; height:251px; border: 1px dashed rgba(255,255,255,0.5); position:absolute; border-radius:52%; left:203px; top:89px; }
#services .shape1 ul { margin:0px; padding:0px; list-style-type:none; }
#services .shape1 ul li { width:170px; height:170px; background:#fff; border:1px solid rgba(0,0,0,0.15); display:table; padding:15px; position:absolute; }
#services .shape1 ul li:first-child { background:#ed027b; border:none; left:402px; top:125px; }
#services .shape1 ul li .inner { display:table-cell; vertical-align:middle; }
#services .shape1 ul li .inner figure { margin-bottom:8px; }
#services .shape1 ul li .inner p { margin:0px; color:rgba(0,0,0,0.7); font-size:14px; line-height:18px; font-weight:500; }
#services .shape1 ul li:first-child figure { padding-bottom:16px; border-bottom: 1px solid rgba(255,255,255,0.29); margin-bottom:16px; }
#services .shape1 ul li:first-child p { font-size:20px; line-height:24px; font-weight:normal; color:#fff }
#services .shape1 ul li:nth-child(2) { left:402px; top:-112px; }
#services .shape1 ul li:nth-child(3) { left:632px; top:22px; }
#services .shape1 ul li:nth-child(4) { left:862px; top:124px; padding-bottom:0px; vertical-align:bottom; }
#services .shape1 ul li:nth-child(4) P { margin-bottom:8px; }
#services .shape1 ul li:nth-child(4) figure { margin-bottom:0px; }
#services .shape1 ul li:nth-child(5) { left:632px; top:252px; }
#services .shape1 ul li:nth-child(6) { left:402px; top:355px; }
#services .shape1 ul li:nth-child(7) { left:172px; top:252px; }
#services .shape1 ul li:nth-child(8) { left:-57px; top:147px; }
#services .shape1 ul li:nth-child(9) { left:172px; top:22px; }
/*--- Pricing --- */
#pricing { background:#f2f7ff; }
#pricing h2 { text-align:center; }
#pricing p.cite { margin-bottom:40px; }
#pricing p { font-size:18px; line-height:36px; font-weight:normal; text-align:center; }
#pricing .pricing-box { background: linear-gradient(180deg, #ED027B 0%, #FC654C 100%); padding:30px; }
#pricing .pricing-box .button1 { display:block; text-transform:uppercase; }
#pricing .pricing-box h3 { font-size:30px; line-height:37px; margin-bottom:12px; }
#pricing .pricing-box ul { padding:0px 0px 30px 25px; margin:0px 0px 30px 0px; border-bottom: 1px solid rgba(255,255,255,0.3); min-height:130px; }
#pricing .pricing-box ul li { padding-left:10px; font-size:14px; line-height:18px; margin-bottom:15px;}
#pricing .pricing-box p { font-size:14px; line-height:18px; margin-bottom:20px; }
#pricing .pricing-box h3,#pricing .pricing-box p,#pricing .pricing-box ul li { color:#fff; text-align:left; }
#pricing .pricing-box .price p { font-size:30px; line-height:36px; font-weight:500; margin-bottom:30px; }
#pricing .pricing-box .price p span { font-size:18px; line-height:21px; }
#pricing .pricing-box.deluxe ul { border-bottom: 1px solid rgba(0,0,0,0.15);}
#pricing .pricing-box.deluxe { background:#fff; }
#pricing .pricing-box.deluxe h3,#pricing .pricing-box.deluxe p,#pricing .pricing-box.deluxe ul li { color:rgba(0,0,0,0.7); }
/*--- Faq --- */
#faq h2 { text-align:center; color:#333; }
/*#faq .cite { text-align:center; font-size:18px; line-height:36px; }
*/#faq p { font-weight:normal; font-size:14px; line-height:26px; margin-bottom:40px; color:#777; padding:20px 100px 0; text-align:center; }
#faq .faq-question .icon { float:left; text-align:center; width:15px; height:15px; display:inline-block; background:#92b5fa; border-radius:50%; margin-top:7px; }
#faq .faq-question .icon .fas { font-size:20px; color:#fff; line-height:36px; }
#faq .faq-question .detail { margin-left:50px; }
#faq .faq-question .detail p {min-height:104px; }
#faq .faq-question h4 { margin-bottom:10px; }
#faq .faq-question:last-child p { margin-bottom:0px;}
/*--- Join Paperless --- */
#join-paperless { background:#e7ebfb; text-align:center; border-top:2px solid #dadada; }
#join-paperless h2 { font-size:52px; line-height:63px; margin-bottom:40px; font-weight:normal; color:rgba(255,255,255,0.7); }
#join-paperless .button1 { min-width:180px; }
#join-paperless p { float:left; font-size:16px; color: rgba(0,0,0,0.49); line-height:40px; }
#join-paperless span { float:right; font-size:16px; color: rgba(0,0,0,0.49); line-height:40px; }
#join-paperless span img { width:100px; }
/*--- Sociable --- */
.sociable a { display:inline-block; width:50px; height:50px; text-align:center; margin-right:10px; }
.sociable a:last-child { margin-right:0px; }
.sociable a .fab { line-height:50px; font-size:20px; color:rgba(255,255,255,0.7); }
.sociable a.facebook { background:#1d4b99; }
.sociable a.twitter { background:#1d9deb; }
.sociable a.linkedin { background:#0270ae; }
.rendered-form .form-group { margin-bottom:20px !important; }
.rendered-form .form-control { font-size:13px !important; }
.stage-wrap { border:1px solid #c5c5c5; border-radius:6px; }
.export-modal .close { position:absolute; right:15px; top:26px; }
.export-modal h4 { margin-bottom:10px; }
.export-modal .button1 {color:#fff !important; float:right; cursor:pointer; }
.export-modal .block { display:block; margin-bottom:6px; }
.export-modal .block input { margin-right:10px; }
/* Footer ---------------------- */
#footer h6 { font-size:13px; line-height:16px; color:rgba(0,0,0,0.5); text-transform:uppercase; }
/*#footer .inner { border-right: 1px solid rgba(0,0,0,0.15); min-height:340px; }*/
#footer .inner.nav-section { padding:0px 30px; }
#footer .inner.contact-section { padding-left:25px; border:none; }
/*#footer .logo { margin-bottom:140px; }*/
#footer .logo { width:135px; margin:0 auto; text-align:left; }
#footer .logo img { max-width:135px; }
#footer .footer-navigation ul { color:rgba(0,0,0,0.15); }
#footer .footer-navigation ul li { margin-bottom:15px; padding-left:5px; }
#footer .footer-navigation ul li a { font-size:15px; line-height:21px; color:rgba(0,0,0,0.7); font-weight:500; }
#footer .contact .fa,#footer .contact .far { float:left; font-size:15px; }
#footer .contact .detail { margin-left:30px;}
#footer .contact .detail p { font-size:15px; }
#footer .contact .detail p a { color:rgba(0,0,0,0.7); }
#footer .contact address { padding-top:10px; }
#footer .contact address h5 { margin-bottom:4px; }
/* ==========================================================================
Responsive Settings
========================================================================== */
.approve-select-check { padding:10px 0px 5px; }
.approve-select-check span { font-size:11px; margin:0 10px 0 0; }
.approve-select-check button { padding:0px 10px; font-size:11px; background:none; border:0; color:#000; border-left:1px solid #dadada; }
.approve-select-check button:hover { color:#ed027b; }
.approve-select-check .btton-d { color:#f00 }
.chart-stake .detail { background:#fff; border:1px solid #dadada; margin:0 0 10px 0; display:inline-block; width:100%; }
.chart-stake .detail p { width:60px; height:60px; color:#fff; float:left; margin:0 10px 0 0; line-height:60px; font-size:20px; text-align:center; }
.chart-stake .detail p.Total { background:#fc654c; }
.chart-stake .detail p.Approved {background:#00caa4; }
.chart-stake .detail p.Pending {background:#f8ab3e; }
.chart-stake .detail h6 { float:left; line-height:60px; margin:0; }
.advance-filters span{ width:180px !important; float:left; }
.advance-filters small{ float:left; padding:4px 10px 0 0; }
/*--- Accordion1 --- */
.accordion1 .panel { background:none; border:none;}
.accordion1 .panel-body { padding:15px 15px; background:#fff; border:none; }
.accordion1 .panel-body .table2 { margin-bottom:16px; }
.accordion1 .panel-title { line-height:22px; font-size:16px; font-weight:400; }
.accordion1 .panel-title.big { font-size:18px; }
.accordion1 .panel-heading { padding:0px; border:none; margin-bottom:4px; }
.accordion1 .panel-heading .accordion-toggle { color:#000; text-decoration:none; padding:10px 30px 10px 0px; position:relative; display:block; text-decoration:none;}
.accordion1 .panel-heading .accordion-toggle:after { content: "-"; position:absolute; left:0px; top:0px; font-size:22px; color:#000; font-weight:bold; background:#92b5fa; width:60px; text-align:center; }
.accordion1 .panel-heading .accordion-toggle.collapsed:after {content: "+"; }
.accordion1 .panel { border:none; border-radius:0px; box-shadow:none; margin:0px; padding:10px 0px; }
.accordion1 .panel-heading + .panel-collapse > .panel-body, .accordion1 .panel-heading + .panel-collapse > .list-group { border:none; }
.accordion.accordion1 .panel { padding:0px; margin:0px; }
.accordion.accordion1.non-border .panel { border-bottom:none; }
.accordion.accordion1.non-border { margin-bottom:0px; }
.accordion.accordion1 .panel-heading .accordion-toggle { padding:0px 30px 0px 80px; line-height:60px; color:#000; }
.accordion.accordion1.campus .panel-heading .accordion-toggle.collapsed { color:#000;}
.accordion.accordion1.campus .panel-heading .accordion-toggle { color:#000;}
.accordion.accordion1.international .panel-heading .accordion-toggle { color:#58cf00;}
.md-accordion .card .card-header { border: 1px solid #dadada; margin:10px 0 0px 0; position:relative; }
.md-accordion .card .card-header .join-btn { position:absolute; top:7px; right:10px; padding:7px; color:#fff; font-size:14px; animation:blinkingText 1.2s infinite; }
.blinking{
animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText {
0%{ color: #fff; }
50%{ color: #000; }
100%{ color: #fff; }
}
.md-accordion .card .card-header a { padding: 15px; display:block; background: #3498db; color:#fff; font-size:18px; font-weight:500; }
.md-accordion .card .card-header .collapsed { background: #FAFAFA; color:#000; }
.md-accordion .card .card-header h5 { margin:0; padding:0; }
.md-accordion .card .card-header .collapsed .fa { float:right; transform:rotate(0); color:#000; }
.md-accordion .card .card-header .fa { float:right; transform:rotate(180deg); color:#fff; }
.md-accordion .card {
overflow: visible;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.card-body {
padding-top:0px;
padding-bottom:0px;
border-radius: 0 !important; padding: 20px;
border: 1px solid #dadada;
font-size: 16px;
}
.card-body table tr:first-child { font-weight:bold; text-transform:uppercase; }
.md-accordion .collapse { overflow:hidden; margin:0px 0 0 0; }
.heading-welcome { display:inline-block; width:100%; margin:0 0 40px 0; border-bottom:1px solid rgba(255,255,255,0.3); position:relative; z-index:1; }
.heading-welcome h2 { float:left; padding:12px 40px 0 0 !important; margin:0; }
.welcome-tabs { display:block; text-align:center; float:left; border-bottom:0; }
.welcome-tabs li { float:left; display: block; }
.welcome-tabs li a { color:rgba(255,255,255,0.8); padding:20px 0px; font-size:16px; border:0; margin:0 30px 0 0; display:block; }
.welcome-tabs li a:hover , .welcome-tabs li.active a, .welcome-tabs li.activea:focus { color:#fff !important; background:none !important; border:0 !important; border-bottom:2px solid #fff !important; }
#welcome-sec { background:#3498db; padding:70px 0; }
#welcome-sec .image { }
#welcome-sec h2 { color:#fff; font-size:28px; display:block; text-align:left; padding:0; }
#welcome-sec p { color:#fff; font-size:14px; padding:0; margin:0; }
#welcome-sec button { border:0; background:0; text-decoration:underline; font-size:12px; color:#fff; font-size:14px; padding:0; margin:10px 0 20px 0; position:relative; z-index:4; }
#welcome-sec button:focus { outline:0; }
#welcome-sec b { font-size:20px; }
#welcome-sec .inner { position:relative; }
#welcome-sec .inner .span { position: absolute; display:none;
font-size: 200px;
top: 0;
left: 0;
color: rgba(255,255,255,0.3);
font-family:Verdana, Geneva, sans-serif
line-height: 100px; }
.morecontent span {
display: none;
}
.morecontent a {color: #fff; display:block; line-height:22px;
font-size: 14px;
padding: 0;
margin: 5px 0 0 0; text-decoration:underline; }
.comment { color: #fff;line-height:22px;
font-size: 15px;
padding: 0;
margin: 0;
}
#welcome-services { padding:70px 0; background:#fff; }
#welcome-services h2 { font-size:28px; display:block; text-align:center; }
#welcome-services ul { list-style:none; margin:0; padding:0; text-align:center; }
#welcome-services ul li { display:inline-block; width:300px; height:200px; background:#fff; margin:10px; box-shadow:0 0 23px #eee; -moz-transition:ease all 0.2s; -webkit-transition:ease all 0.2s; transition:ease all 0.2s; }
#welcome-services ul li a { font-size:20px; line-height:200px; display:block; color:#212121; -moz-transition:ease all 0.2s; -webkit-transition:ease all 0.2s; transition:ease all 0.2s; }
#welcome-services ul li:hover { background:#fc654c; -moz-transition:ease all 0.2s; -webkit-transition:ease all 0.2s; transition:ease all 0.2s; }
#welcome-services ul li:hover a { color:#fff; }
.home-feeds { padding:70px 0; }
.event-tab-btn { overflow:hidden; border-radius:5px; margin:0 0 50px 0; }
.event-tab-btn ul { list-style:none; padding:0; margin:0; }
.event-tab-btn ul li { width:50%; float:left; }
.event-tab-btn ul li a { border: 1px solid #DADADA; background:#fff; line-height:48px; display:block; text-align:center; font-size:16px; color: rgba(0,0,0,0.5); }
.event-tab-btn ul li.active a ,.event-tab-btn ul li a:hover { color:#fff; border:1px solid #0292DA; background:#0292DA; }
.eventfeed-heading { display:block; }
.eventfeed-heading strong { font-size:18px; color: #333333; display:block; font-weight:normal; }
.eventfeed { margin:15px 0 35px 0; box-sizing: border-box; border: 1px solid #DADADA; padding:15px; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 1px 10px rgba(0,0,0,0.1); }
.eventfeed .dates { box-sizing: border-box; height: 70px; width: 10%; border: 1px solid #0292DA; border-radius: 5px; float:left; text-align:center; overflow:hidden; }
.eventfeed .dates strong { display:block; font-size:16px; line-height:28px; }
.eventfeed .dates small { font-size:10px; display:block; line-height:20px; }
.eventfeed .dates span { background:#0292DA; font-size:11px; display:block; line-height:20px; padding:0px 10px; color:#fff; }
.eventfeed .infofeed { float:right; width:88%; }
.eventfeed .infofeed h2 { font-size:18px; color:#333; padding:0 0 5px 0; margin:0; line-height:26px; }
.eventfeed .infofeed h2 a { font-size:18px; color:#333; padding:0 0 0px 0; margin:0; transition:ease all 0.2s;}
.eventfeed .infofeed h2 a:hover { color:#0090DD; }
.eventfeed .infofeed small { font-size:12px; display:block; line-height:20px; color:rgba(51,51,51,0.7); padding:0 0 10px 0; }
.eventfeed .infofeed img { width:100%; }
.eventfeed .infofeed p { font-size:15px; display:block; line-height:24px; color:rgba(51,51,51,0.7); padding:10px 0 10px 0; margin:0; }
.eventfeed .infofeed p a { color:#0090DD; display:block; }
.eventfeed .infofeed .all-btns { padding:10px 0 0 0; display:inline-block; width:100%; }
.eventfeed .infofeed .all-btns .leftbtn { width:58%; float:left; }
.eventfeed .infofeed .all-btns .leftbtn p { font-size:14px; display:block; line-height:24px; color:rgba(51,51,51,0.7); padding:0 0 0px 0; margin:0; }
.eventfeed .infofeed .all-btns .leftbtn p i { color:#0292DA; }
.eventfeed .infofeed .all-btns .rightbtn { float:right; width:40%; }
.eventfeed .infofeed .all-btns .rightbtn button ,.eventfeed .infofeed .all-btns .rightbtn a { padding: 13px 30px; float:right; color: #fff; margin: 0 0 0 10px; font-size: 14px; text-transform: uppercase; background: #0292DA; border-radius: 5px; border: 0; transition:ease all 0.2s; }
.eventfeed .infofeed .all-btns .rightbtn button i,.eventfeed .infofeed .all-btns .rightbtn a i { margin:0 0 0 20px; }
.eventfeed .infofeed .all-btns .rightbtn button:hover,.eventfeed .infofeed .all-btns .rightbtn a:hover { background:#212121; }
.eventfeed-bottom { display:block; padding:15px 10px 5px 10px; border-top:1px solid #dadada; margin:15px 0 0 0; font-size:11px; color: rgba(51,51,51,0.7); }
.eventfeed-bottom p { margin:0;}
.home-side-ad { margin:38px 0 30px 0; border:1px solid #d8d8d8; }
.homeside-post { margin:0px 0 30px 0; padding:15px; display:block; box-sizing: border-box; border: 1px solid #DADADA; border-radius: 5px; background-color: #FFFFFF; }
.homeside-post h4 { color: rgba(0,0,0,0.49); font-size:16px; text-transform:uppercase; margin:0 0 10px 0; }
.homeside-post .side-post-in { list-style:none; margin:0; padding:0; height:250px; overflow-y:scroll; }
.homeside-post .side-post-in ul { list-style:none; padding:0; margin:0; }
.homeside-post .side-post-in ul li { display:block; }
.homeside-post .side-post-in ul li a { color: rgba(0,0,0,0.49); font-size:14px; display:block; padding:5px 25px 10px 0; position:relative; }
.homeside-post .side-post-in ul li a:hover { color:#000; }
.homeside-post .side-post-in ul li a strong { font-size:15px; line-height:18px; font-weight:500; float:right; position:absolute; top:8px; right:8px; }
.scrollbar::-webkit-scrollbar { width: 10px;}
/* Track */
.scrollbar::-webkit-scrollbar-track { background: #F2F7FF; border:1px solid #E7EBFB; border-radius:10px; }
/* Handle */
.scrollbar::-webkit-scrollbar-thumb {background: #E7EBFB; border-radius:10px; }
/* Handle on hover */
scrollbar::-webkit-scrollbar-thumb:hover { background: #555; }
/*event detail page start */
.eventdetail { margin:0px 0 35px 0; box-sizing: border-box; border: 1px solid #DADADA; padding:15px; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 1px 10px rgba(0,0,0,0.1); }
.eventdetail .dates { box-sizing: border-box; height: 70px; width: 10%; border: 1px solid #0292DA; border-radius: 5px; float:left; text-align:center; overflow:hidden; }
.eventdetail .dates strong { display:block; font-size:16px; line-height:28px; }
.eventdetail .dates small { font-size:10px; display:block; line-height:20px; }
.eventdetail .dates span { background:#0292DA; font-size:11px; display:block; line-height:20px; padding:0px 10px; color:#fff; }
.eventdetail-bottom { display:block; padding:15px 10px 5px 10px; border-top:1px solid #dadada; margin:15px 0 0 0; font-size:11px; color: rgba(51,51,51,0.7); }
.eventdetail-bottom p { margin:0; padding:2px 0; font-size:11px; }
.eventdetail .infofeed { float:none; width:100%; }
.eventdetail .infofeed .heading {}
.eventdetail .infofeed .heading .icon { float:right; background:#0292DA; margin:0 0 0 10px; text-align:center; width:32px; height:32px; line-height:32px; color:#fff; border-radius:30px; }
.eventdetail .infofeed .heading .icon:hover { background:#313131; }
.eventdetail .infofeed h2 { font-size:18px; color:#333; padding:0 0 5px 0; margin:0; line-height:26px; width:85%; float:left; }
.eventdetail .infofeed h2 a { font-size:18px; color:#333; padding:0 0 0px 0; margin:0; transition:ease all 0.2s;}
.eventdetail .infofeed h2 a:hover { color:#0090DD; }
.eventdetail .tag-social { padding:5px 0 0 0px; float:left; width:73%; }
.eventdetail .tag-social ul { list-style:none; margin:0; padding:0; }
.eventdetail .tag-social li { float:left; margin:0 0px 0px 5px; padding:0 0 5px 0; }
.eventdetail .tag-social li a { height:32px; padding:0 20px; color:#0292DA; font-size:11px; float:left; background:none; border-radius:32px; border:1px solid #0292DA; text-align:center; line-height:32px; transition:ease all 0.2s; }
.eventdetail .tag-social li a:hover { color:#fff; background:#0292DA; }
.eventdetail .sociable { padding:5px 0 0 0px; float:right; width:25%; }
.eventdetail .sociable ul { list-style:none; margin:0; padding:0; float:right; }
.eventdetail .sociable li { float:left; margin:0 0px 0px 5px;}
.eventdetail .sociable li a { width:32px; height:32px; float:left; background:none; border-radius:32px; border:1px solid #0292DA; text-align:center; line-height:32px; transition:ease all 0.2s; }
.eventdetail .sociable li:first-child { height:32px; float:left; background:none; border-radius:32px; border:1px solid #0292DA; text-align:center; line-height:32px; transition:ease all 0.2s; }
.eventdetail .sociable li iframe { padding:8px 0 0 11px; }
.eventdetail .sociable li a i { color:#0292DA; }
.eventdetail .sociable li a:hover { background:#0292DA; }
.eventdetail .sociable li a:hover i { color:#fff; }
.event-table { padding:15px 0 15px 0; }
.event-table table { width:100%; border:1px solid #dadada; }
.event-table table tr { background:#fff; }
.event-table table tr td { padding:10px; font-size:14px; border:1px solid #dadada; }
.event-table table tr td span { display:block; padding:8px 0 0px 0; }
.event-table table tr td span i { font-size:16px; }
.eventdetail .images { width:100%; margin:0px 0 30px 0; }
.eventdetail .images img { width:100%; }
.contacnt-nav { margin:0 0 15px 0; background:#E7EBFB; display:block; position:relative; height:63px; }
.contacnt-nav:after { content:""; background:#E7EBFB; position:absolute; left:-15px; height:63px; width:15px; top:0; display:block; }
.contacnt-nav:before { content:""; background:#E7EBFB; position:absolute; right:-15px; height:63px; width:15px; top:0; display:block; }
.contacnt-nav ul { list-style:none; margin:0; padding:0; }
.contacnt-nav ul li { float:left; }
.contacnt-nav ul li a { font-size:14px; font-weight:bold; padding:20px 30px; margin:0 30px 0 0; display:block; float:left; color:#000; border-bottom:4px solid #E7EBFB; }
.contacnt-nav ul li a:hover, .contacnt-nav ul li.active a {border-bottom:4px solid #0292DA; }
#contant-bar { }
#contant-bar.stickyee { position: fixed; top: 0px; z-index:1; }
/* #contant-bar.stickyee + .main-content conntent { padding-top: 70px; }
*/
.eventdetail .conntent { display:block; margin:0 0 30px 0; }
.eventdetail .conntent h4 { font-size:20px; position:relative; padding:0 0 15px 0; margin:0; display:inline-block; }
.eventdetail .conntent h4:after { content:""; position:absolute; top:14px; right:-70px; width:60px; height:3px; background:#DADADA; }
.eventdetail .conntent p { font-size:15px; line-height:22px; color:#333; margin:0; padding:0; }
.eventdetail .conntent ul { list-style:disc; }
.eventdetail .conntent ul li { font-size:15px; line-height:28px; color:#333; }
.eventdetail .infofeed small { font-size:12px; display:block; line-height:20px; color:rgba(51,51,51,0.7); padding:0 0 10px 0; }
.eventdetail .infofeed img { width:100%; }
.eventdetail .infofeed p { font-size:15px; display:block; line-height:24px; color:rgba(51,51,51,0.7); padding:10px 0 10px 0; margin:0; }
.eventdetail .infofeed p a { color:#0090DD; display:block; }
/*event detail page end */
#bar-fixed { width:255px;}
#bar-fixed.stickIt { position: fixed; top: 0px;}
.side-post { margin:0px 0 30px 0; padding:10px; display:block; box-sizing: border-box; border: 1px solid #DADADA; border-radius: 5px; background-color: #FFFFFF; }
.side-post h4 { color: rgba(0,0,0,0.49); font-size:16px; text-transform:uppercase; margin:0 0 10px 0; }
.side-post .side-post-in { list-style:none; margin:0; padding:0 10px 0 0; height:250px; overflow-y:scroll; }
.side-post .side-post-in strong { color:#000; font-size:13px; line-height:18px; transition:ease all 0.3s; }
.side-post .side-post-in hr { border:0; border-bottom:1px dashed #979797; height:1px; display:block; margin:4px 0; padding:0;}
.side-post .side-post-in p { color: rgba(51,51,51,0.7); font-size:13px; margin:0; padding:0; line-height:18px; word-wrap: break-word; /* IE 5.5-7 */
white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
white-space: pre-wrap; /* current browsers */}
.side-post .side-post-in a { padding:0 0 10px 0; display:inline-block; width:100%; }
.side-post .side-post-in a:hover strong { color:#0090DD; }
.bookevent { margin:0px 0 0px 0; padding:10px; display:block; box-sizing: border-box; border: 1px solid #DADADA; border-radius: 5px; background-color: #FFFFFF; }
.bookevent h4 { color: rgba(0,0,0,0.49); font-size:16px; text-transform:uppercase; }
.bookevent ul { list-style:none; margin:0; padding:0; }
.bookevent ul li { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #dadada; }
.bookevent ul li strong { color:#000; font-size:13px; text-transform:uppercase; }
.bookevent ul li p { color: rgba(51,51,51,0.7); font-size:13px; margin:0; padding:0; }
.bookevent .book-now { width:50%; float:left; text-align:left; font-size:11px; color:#0292DA; margin:7px 0 0 0; }
.bookevent .book-now i { float:left; width:32px; height:32px; line-height:32px; font-size:18px; border-radius:30px; color:#fff; background:#0292DA; text-align:center; margin:0 5px 0 0; }
.bookevent .book-now:hover { color:#333; }
.bookevent .book-now:hover i { background:#333; }
.inner-breadcrmb { padding:20px 0; }
.inner-breadcrmb ul { list-style:none; margin:0; padding:0; }
.inner-breadcrmb ul li { float:left; padding:0 20px 0 0; font-size:12px; color: rgba(0,0,0,0.5); }
.inner-breadcrmb ul li a { font-size:12px; color: rgba(0,0,0,0.5); position:relative; }
.inner-breadcrmb ul li a:after { content:""; position:absolute; top:3px; right:-12px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:5px solid rgba(0,0,0,0.5); }
.inner-breadcrmb ul li a:hover { color: #0090DD; }
.detail-feeds { padding:0 0 70px 0; }
.detail-feeds .side-ad { margin:0 0 30px 0; }
.related-post { margin:60px 0 0 0; }
.related-post .headings { display:block; padding:0 0 0px 0; margin:0; text-align:center; }
.related-post .headings h4 { font-size:32px; color:#000; margin:0 0 20px 0; display:inline-block; }
.related-info { width:90%; margin:0px auto; display:block; padding:10px; }
.related-info .slick-prev, .related-info .slick-next { cursor:pointer; width:70px; height:70px; background:#fff; border-radius:40px; border:1px solid #dadada; font-size:0; line-height:65px; text-align:center; }
.related-info .slick-prev { position:absolute; bottom:45%; left:-50px; z-index:1; }
.related-info .slick-next { position:absolute; bottom:45%; right:-50px; z-index:1; }
.related-info .slick-prev:before { content:"\e605"; font-size:20px; font-family: 'simple-line-icons'; }
.related-info .slick-next:before { content:"\e606"; font-size:20px; font-family: 'simple-line-icons'; }
.arrowslider .slick-prev, .arrowslider .slick-next { cursor:pointer; width:70px; height:70px; background:rgba(255,255,255,0.5); border-radius:5px; border:1px solid #dadada; font-size:0; line-height:65px; text-align:center; }
.arrowslider .slick-prev { position:absolute; bottom:45%; left:40px; z-index:1; }
.arrowslider .slick-next { position:absolute; bottom:45%; right:40px; z-index:1; }
.arrowslider .slick-prev:before { content:"\e605"; font-size:20px; font-family: 'simple-line-icons'; }
.arrowslider .slick-next:before { content:"\e606"; font-size:20px; font-family: 'simple-line-icons'; }
.arrowslider.slick-prev:focus ,.arrowslider .slick-next:focus { outline:none; }
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
@media (max-width:1200px) {
/* About ---------------------- */
#about .featured h4 { height:54px; overflow:hidden; }
#about .featured p { height:96px; overflow:hidden; }
#services .shape1 ul li:nth-child(8) { left:-10px;}
#services .shape1 ul li:nth-child(4) { left:814px;}
/* Join Paperless ---------------------- */
#join-paperless h2 { font-size:46px; }
/* Footer ---------------------- */
#footer .inner.nav-section { padding:0px; }
}
@media (max-width:992px) {
/* Main Navigation ---------------------- */
#main-navigation ul li a { padding:0px 8px; font-size:13px; }
#main-navigation ul li:first-child a { padding-left:0px; }
#main-navigation ul li:last-child a { padding-right:0px; }
/* Home Banner ---------------------- */
#home-banner { height:250px; }
#home-banner img { width:300%; max-width:300%; }
#home-banner .inner-content { padding:50px 0px; }
.slider-content { top:25px; }
/* Services ---------------------- */
#services .shape1 { width:768px; height:600px; }
#services .shape2 { width:50%; }
#services .shape1 ul { text-align:center; }
#services .shape1 ul li { position:static; min-height:190px; float:left; margin-bottom:4px; margin-right:4px; }
#services .shape1 ul li:nth-child(4) { padding-bottom:15px; vertical-align:middle;}
#services .shape1 { margin:20px 0px 0px 0px; }
/* Join Paperless ---------------------- */
#join-paperless h2 { font-size:32px; line-height:45px; }
/* Sidebar ---------------------- */
#sidebar { width:250px; left:-250px; position:fixed; z-index:1000; top:0px; height:100%; }
#sidebar .menu-btn { display:block; }
#sidebar .inner { height:600px; overflow:auto; }
#container-wrap.activeSideMenu #sidebar { left:0px; }
#main { width:100%; margin:0px;}
}
@media (min-width:767px) {#main-navigation .menu-btn { display:none !important;}}
@media (max-width:767px) {
#home-banner { height:230px; overflow:hidden; }
#home-banner img { width:300%; max-width:300%; }
#home-banner .inner-content { padding:50px 0px; }
.slider-content { top:14px; }
/* Header ---------------------- */
#header.fixed #main-navigation > ul { top:70px; }
#main-navigation { border-left:1px solid #dadada; padding-top:25px; }
#main-navigation .menu-btn { display:block;}
#main-navigation { position: absolute; width: 260px; right: -260px; top: 0; position: fixed;background:#fff; height: 100%; text-align: left; padding: 0px; }
#container-wrap.activeMenu #main-navigation { right:0;}
#container-wrap.activeMenu #main-navigation .menu-btn span.line:nth-child(2n) { opacity:0;}
#container-wrap.activeMenu #main-navigation .menu-btn span.line:first-child { -ms-transform: rotate(38deg); -webkit-transform: rotate(38deg); transform: rotate(38deg); top:8px; }
#container-wrap.activeMenu #main-navigation .menu-btn span.line:last-child { -ms-transform: rotate(-38deg); -webkit-transform: rotate(-38deg); transform: rotate(-38deg); bottom:6px; }
#main-navigation ul li { display:block; }
#main-navigation ul li a { display:block; text-align:center; }
#header .button4 { font-size:12px; min-width:90px; padding:6px 16px; }
#home-banner .inner-content h2 { font-size:24px; line-height:30px;}
#about .featured .col-md-4 { margin-bottom:20px; }
#about .featured .col-md-4:last-child { margin-bottom:0px; }
#about .featured h4,#about .featured p { height:auto;}
section.section,#footer { padding:25px 0px; }
section.section h2 { font-size:28px; line-height:36px; }
#services .shape1 ul { width:1000px;}
/*--- Mobile scroll --- */
.mobile-scroll { overflow-x:scroll; }
#services .shape1 {width:auto; height:auto; }
#pricing .pricing-box.economy { margin-bottom:20px; }
.tabs2 .tab-content { padding-top:20px; }
.tabs2 .nav-tabs { width:280px;}
.tabs2 .nav-tabs li { min-width:140px;}
#faq p,#faq .faq-question:last-child p { margin-bottom:20px; }
#join-paperless h2 { font-size:18px; line-height:28px;}
#footer .inner { border:none; min-height:auto; }
#login { width:100%;}
#footer .logo,#footer .sociable,.footer-navigation { margin-bottom:40px;}
#banner { padding-top:40px; }
#content { min-height:400px; }
.secondary-header .title { float:none; margin-right:0px; padding:15px 30px; }
.secondary-header .title:after { display:none; }
#filter .select,#filter .form-control { margin-bottom:10px;}
#page-head .inner .inner-head { margin-bottom:15px; }
.add-form { width:100%; }
.scrolling-table { overflow-x:scroll; }
.scrolling-table table { width:800px; }
#page-head h5, #page-head h6 { margin-bottom:8px; }
#page-head .text-right { text-align:left !important;}
#page-head .button1 { font-size:12px; }
#page-head,.secondary-header .title,#inner-content { padding-left:15px; padding-right:15px; }
.tabs1 .nav-tabs li a { padding:15px 18px; }
.header-home { position:static; }
.header-home .logo { width:50%; float:left; display:block; }
.header-home .logo img { width:190px; }
.header-searchbar { margin:15px 0 2px 0px; width:100%; position:relative; clear:both; }
.header-searchbar input { width:100%; line-height:34px; font-size:12px; padding:0 10px; }
.header-right { position:absolute; top:0; right:10px; }
.header-home .header-right a { padding:0px 30px; line-height:40px; font-size:14px; }
.eventfeed-bottom { display:none; }
.home-feeds { padding:30px 0; }
.event-tab-btn { margin:0 0 20px 0; }
.home-side-ad { margin:0 0 30px 0; }
.eventfeed .dates { float:none; width:100%; height:auto; display:inline-block; }
.eventfeed .dates strong { float:left; font-size:12px; padding:0 40px; line-height:24px; }
.eventfeed .dates small { float:left; font-size:12px; padding:0 0px; line-height:24px; }
.eventfeed .dates span { float:right; font-size:12px; padding:0 30px; line-height:24px; }
.eventfeed .infofeed { float:none; width:100%; }
.eventfeed .infofeed h2 { padding:5px 0 5px 0; }
.eventfeed .infofeed .all-btns .leftbtn { float:none; width:100%; }
.eventfeed .infofeed .all-btns .rightbtn { float:none; width:100%; }
.eventfeed .infofeed .all-btns .rightbtn button, .eventfeed .infofeed .all-btns .rightbtn a { width:100%; margin:15px 0 0 0; text-align:center; }
.homeside-post .side-post-in ul li a { font-size:12px; }
#join-paperless span { float:none; width:100%; text-align:center; }
.contacnt-nav { display:none; }
#bar-fixed { width:100%; }
.inner-breadcrmb { padding:20px 0 0 0; }
.eventdetail .tag-social { float:none; display:inline-block; width:100%; }
.eventdetail .tag-social li a { padding:0 10px; }
.eventdetail .sociable { float:none; display:inline-block; width:100%; }
.eventdetail .sociable ul { float:left; }
.eventdetail .infofeed h2 { width:75%; font-size:16px; }
.eventdetail .infofeed .heading .icon { margin:0 0 0 5px; }
.related-info .slick-prev, .related-info .slick-next { width:50px; height:50px; line-height:45px; }
.related-info .slick-prev { left:-35px; }
.related-info .slick-next { right:-35px; }
}
/*pagination */
.pagination { margin: 0 0 40px 0;}
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2;color: #ed027b; background-color: #eee; border-color: #ddd;}
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination>li { display: inline;}
.pagination>li>a { color: #ed027b;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #ed027b; border-color: #ed027b;}
.has-error{ border:1px solid #F88379 !important; }
.pagination-1 { display: flex; padding-left: 0; margin:0 0px 0; }
.pagination-1 a { margin:0 3px 0 0; text-align:center;display: inline-block; padding:0 12px ; font-size:14px; height:40px; line-height:40px; color:#333; background:#fafafa; border:1px solid #dadada;border-radius: 4px; }
.pagination-1 strong {margin:0 3px 0 0; text-align:center; display: inline-block; padding:0 12px ; font-size:14px; height:40px; line-height:40px; color:#fff; background:#0292DA; border:1px solid #0292DA; border-radius: 4px;}
.new-eventfeed { padding:0 0 10px 0; border:0; box-shadow:none; margin:0 0 10px 0; border-bottom:1px solid #dadada; border-radius:0; }
.new-eventfeed .infofeed { width:100% !important; float:left !important; }
.new-eventfeed .infofeed h2 { font-size:15px; line-height:20px; }
.new-eventfeed .infofeed h2 a { font-size:15px; line-height:20px; }
.dotslider2 .slick-dots { bottom:35px; }
.dotslider2 .slick-dots li { padding:0; background:none; width:auto; margin:0 5px; }
.dotslider2 .slick-dots li button { margin:0; border:1px solid #dadada; background:#fff; width:10px; height:10px; border-radius:10px; }
.dotslider2 .slick-dots li.slick-active button { background:#0292DA;border:1px solid #0292DA; }
.dotslider2 .slick-arrow { display:none !important;}
/* ==========================================================================
Simple Line Icons
========================================================================== */
@font-face {
font-family: 'simple-line-icons';
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-user,.icon-people,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-login,.icon-logout,.icon-emotsmile,.icon-phone,.icon-call-end,.icon-call-in,.icon-call-out,.icon-map,.icon-location-pin,.icon-direction,.icon-directions,.icon-compass,.icon-layers,.icon-menu,.icon-list,.icon-options-vertical,.icon-options,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-arrow-up-circle,.icon-arrow-left-circle,.icon-arrow-right-circle,.icon-arrow-down-circle,.icon-check,.icon-clock,.icon-plus,.icon-minus,.icon-close,.icon-event,.icon-exclamation,.icon-organization,.icon-trophy,.icon-screen-smartphone,.icon-screen-desktop,.icon-plane,.icon-notebook,.icon-mustache,.icon-mouse,.icon-magnet,.icon-energy,.icon-disc,.icon-cursor,.icon-cursor-move,.icon-crop,.icon-chemistry,.icon-speedometer,.icon-shield,.icon-screen-tablet,.icon-magic-wand,.icon-hourglass,.icon-graduation,.icon-ghost,.icon-game-controller,.icon-fire,.icon-eyeglass,.icon-envelope-open,.icon-envelope-letter,.icon-bell,.icon-badge,.icon-anchor,.icon-wallet,.icon-vector,.icon-speech,.icon-puzzle,.icon-printer,.icon-present,.icon-playlist,.icon-pin,.icon-picture,.icon-handbag,.icon-globe-alt,.icon-globe,.icon-folder-alt,.icon-folder,.icon-film,.icon-feed,.icon-drop,.icon-drawer,.icon-docs,.icon-doc,.icon-diamond,.icon-cup,.icon-calculator,.icon-bubbles,.icon-briefcase,.icon-book-open,.icon-basket-loaded,.icon-basket,.icon-bag,.icon-action-undo,.icon-action-redo,.icon-wrench,.icon-umbrella,.icon-trash,.icon-tag,.icon-support,.icon-frame,.icon-size-fullscreen,.icon-size-actual,.icon-shuffle,.icon-share-alt,.icon-share,.icon-rocket,.icon-question,.icon-pie-chart,.icon-pencil,.icon-note,.icon-loop,.icon-home,.icon-grid,.icon-graph,.icon-microphone,.icon-music-tone-alt,.icon-music-tone,.icon-earphones-alt,.icon-earphones,.icon-equalizer,.icon-like,.icon-dislike,.icon-control-start,.icon-control-rewind,.icon-control-play,.icon-control-pause,.icon-control-forward,.icon-control-end,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-calendar,.icon-bulb,.icon-chart,.icon-ban,.icon-bubble,.icon-camrecorder,.icon-camera,.icon-cloud-download,.icon-cloud-upload,.icon-envelope,.icon-eye,.icon-flag,.icon-heart,.icon-info,.icon-key,.icon-link,.icon-lock,.icon-lock-open,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-paper-clip,.icon-paper-plane,.icon-power,.icon-refresh,.icon-reload,.icon-settings,.icon-star,.icon-symbol-female,.icon-symbol-male,.icon-target,.icon-credit-card,.icon-paypal,.icon-social-tumblr,.icon-social-twitter,.icon-social-facebook,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-github,.icon-social-google,.icon-social-reddit,.icon-social-skype,.icon-social-dribbble,.icon-social-behance,.icon-social-foursqare,.icon-social-soundcloud,.icon-social-spotify,.icon-social-stumbleupon,.icon-social-youtube,.icon-social-dropbox,.icon-social-vkontakte,.icon-social-steam{font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e005"}.icon-people:before{content:"\e001"}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-login:before{content:"\e066"}.icon-logout:before{content:"\e065"}.icon-emotsmile:before{content:"\e021"}.icon-phone:before{content:"\e600"}.icon-call-end:before{content:"\e048"}.icon-call-in:before{content:"\e047"}.icon-call-out:before{content:"\e046"}.icon-map:before{content:"\e033"}.icon-location-pin:before{content:"\e096"}.icon-direction:before{content:"\e042"}.icon-directions:before{content:"\e041"}.icon-compass:before{content:"\e045"}.icon-layers:before{content:"\e034"}.icon-menu:before{content:"\e601"}.icon-list:before{content:"\e067"}.icon-options-vertical:before{content:"\e602"}.icon-options:before{content:"\e603"}.icon-arrow-down:before{content:"\e604"}.icon-arrow-left:before{content:"\e605"}.icon-arrow-right:before{content:"\e606"}.icon-arrow-up:before{content:"\e607"}.icon-arrow-up-circle:before{content:"\e078"}.icon-arrow-left-circle:before{content:"\e07a"}.icon-arrow-right-circle:before{content:"\e079"}.icon-arrow-down-circle:before{content:"\e07b"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-plus:before{content:"\e095"}.icon-minus:before{content:"\e615"}.icon-close:before{content:"\e082"}.icon-event:before{content:"\e619"}.icon-exclamation:before{content:"\e617"}.icon-organization:before{content:"\e616"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-mustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-disc:before{content:"\e022"}.icon-cursor:before{content:"\e06e"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-chemistry:before{content:"\e026"}.icon-speedometer:before{content:"\e007"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglass:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-folder-alt:before{content:"\e039"}.icon-folder:before{content:"\e089"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-doc:before{content:"\e085"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-frame:before{content:"\e038"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-like:before{content:"\e068"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}
/*!
Kontol Shell Bypass