/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */
/*
 * @file
 * global.base
 *
 * - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/
 * - Gutter widths, see $gutter-width in _custom.scss
 * - Default container alignment.
 * - Flexible images and media declarations.
 * - Copies of the SCSS mixins for reference, which includes an improved
 *   element-invisible and focusable styles.
 */
/* =============================================================================
    HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}

/* =============================================================================
    Base
   ========================================================================== */
/*
 * If you are using the themes Responsive JS feature (media_queries.js) do not
 * set a font-family on the html element, use body.
 *
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  height: 100%;
  overflow-y: scroll;
}

/*
 * 1 . Addresses margins handled incorrectly in IE6/7
 */
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility\9;
  /* Only IE, can mess with Android */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
button,
input,
select,
textarea {
  font-family: "Open Sans",sans-serif;
}

/* =============================================================================
    Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}

/* =============================================================================
    Typography
   ========================================================================== */
/*
 * Headings
 *
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
 */
b,
strong {
  font-weight: 700;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 0 0 1.5em;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
    Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* =============================================================================
    Embedded content
   ========================================================================== */
/*
 * 1. Remove border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  /* border: 0; */
  /* Drupal core already does this, uncomment if you need it */
  -ms-interpolation-mode: bicubic;
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
    Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}

/* =============================================================================
    Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 *    Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  vertical-align: top;
}

/* =============================================================================
    Tables
   ========================================================================== */
/*
 * 1. Remove most spacing between table cells
 */
table {
  border: 1px solid;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: inherit;
  font: 100%;
}

/* =============================================================================
    Gutters
   ========================================================================== */
/*
 * If gutters are set in theme settings they will override these values,
 * see Extensions > Modify Output > Design
 * $gutter-width is set in _base.scss
 */
 

#main-content,
.block-inner,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
.block-panels-mini > .block-title,
.rendered-by-ds .panel-display .region-inner,
div.messages {
  margin-left: 10px;
  margin-right: 10px;
}



/*
 * Panel pages need negative margin equal to the gutter width applied to #content,
 * this is taken care of in theme settings as per above for normal gutters
 */
#content .panel-display,
#content .panel-flexible {
  margin-left: -10px;
  margin-right: -10px;
}

/* =============================================================================
    Flexible Media and Cross browser improvements
   ========================================================================== */
/*
 * - This can cause issues in table cells where no width is set on the column,
 *   only in some versions of webkit and IE 7/8.
 * - declaring the width attribute on image elements and using max-width causes
 *   the "dissappering images" bug in IE8.
 * - Mapping services such as Google Maps may break also, see below for fixes.
 */
img {
  height: auto;
  -ms-interpolation-mode: bicubic;
}

/* Ethan Marcotte - http://front.ie/l8rJaA */
embed,
object,
video {
  max-width: 100%;
}

/* Disable flexiblity for IE8 and below */
.lt-ie9 img,
.lt-ie9 object,
.lt-ie9 embed,
.lt-ie9 video {
  max-width: none;
}

/* Override max-width 100% for map displays */
#map img,
.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img,
#locationmap_map img,
.geofieldMap img,
.views_horizontal_slider img,
.geolocation-map img,
.geolocation-views-map img {
  max-width: none !important;
}

/* =============================================================================
    Misc helpers, Accessibility classes etc
   ========================================================================== */
/* Prevent overflowing content */
header[role=banner],
.content-inner,
.nav,
.region-sidebar-first,
.region-sidebar-second,
.region-secondary-content,
.region-tertiary-content,
.region-footer {
  overflow: visible;
  word-wrap: break-word;
}

/**
 * General classes for hiding content. These are all included as SASS mixins.
 * @SEE: sass/_custom.scss
 */
/**
 * Image replacement
 * Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
 * Additional helpers from http://html5boilerplate.com/docs/css/
 */
.ir {
  /* Kellum Method */
  display: block !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* Remove the default border from elements like button */
  border: 0;
  /* Crush the text down to take up no space */
  font: 0/0 a;
  /* Remove any text shadows */
  text-shadow: none;
  /* Hide any residual text in Safari 4 and any mobile devices that may need it */
  color: transparent;
  /* Hide the default background color on elements like button */
  background-color: transparent;
}

/* More robust element-invisible and element-focuable classes */
.element-invisible {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  width: auto;
}

/* Shift content offscreen, can be usefull when you reall need to do this */
.offscreen {
  position: absolute;
  top: -99999em;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: 0;
}

/* Hide content from all users */
.element-hidden {
  display: none;
}

.custom-contact-webform input,
.custom-contact-webform  textarea {
  max-width: 100% !important;
}

.views-field-view-node {
	border-radius: 4px;
	background: -webkit-linear-gradient(90deg, #0099ba 0%, #0099ba 48%, #0daed1 50%, #0daed1 100%);
	background: -moz-linear-gradient(90deg, #0099ba 0%, #0099ba 48%, #0daed1 50%, #0daed1 100%);
	background: -o-linear-gradient(90deg, #0099ba 0%, #0099ba 48%, #0daed1 50%, #0daed1 100%);
	background: -ms-linear-gradient(90deg, #0099ba 0%, #0099ba 48%, #0daed1 50%, #0daed1 100%);
	background: linear-gradient(0deg, #0099ba 0%, #0099ba 48%, #0daed1 50%, #0daed1 100%);
}

.readmore-btn,
.views-field-view-node {
	height: 28px;
	width: 90px;
}


/* Common styles  BEGIN */
html, body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  min-width: 320px;
  height: auto;
}
html {
  background: #fff;
}

body {
  overflow: hidden;
}

input[type=text],
input[type=password],
input[type=email] {
  padding: 5px;
  font-size: 0.85em;
  height: 30px;
  box-sizing: border-box;
}

textarea {
  padding: 5px;
  font-size: 0.85em;
  resize: vertical;
}


table {
    margin-bottom: 1.4em;
    width: 100%;
}

table, th, td {
    vertical-align: top;
}

th {
    border-bottom: 5px solid #ffd782;
    padding-right: 1em;
    text-align: left;
    background: #238db1;
    color: #fff;
    padding: 5px;
    font-weight: 600 !important;
    font-size: 15px;
}

tr.odd {
    background-color: #e1e1e136;
    border-bottom: none;
    padding: 0.1em 0.6em;
}

tr.even {
    background-color: rgba(131, 173, 187, 0.11);
    border-bottom: none;
    padding: 0.1em 0.6em;
}

table, td {
  border: none;
  border-collapse: initial;
}

th, td, caption {
    padding: 8px 10px 8px 20px;
    text-align: left;
    font-weight: normal;
    float: none !important;
    font-size: 14px;
}

ul,
ul.primary {
  padding: 0;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
  color: black;
}

a:active {
  text-decoration: none;
  color: #FF9000;
}

a:hover {
  text-decoration: underline;
  color: #0000FF;
}

li a.active {
    color: #FF9000;;
}

h2 {
  font-size: 20px;
}
.comments-amount:hover {
  color: #000;
}
.author-datetime a:visited {
  color: #3d666f;
}
.author-datetime a:hover {
  color: black;
}
textarea {
  box-sizing: border-box;
}
input, textarea {
  border-radius: 3px;
  border: 1px solid #D9D9D9;
}
.field-content:before,
.columns:before,
.clearfix:before,
#content:before,
.breadcrumb:before,
.block-title:before,
.view-header:before,
.view-portfolio-page:before,
.contact-columns:before,
.node-blog:before,
nav:before {
  content: " ";
  display: table;
}
.field-content:after,
.columns:after,
.clearfix:after,
#content:after,
.breadcrumb:after,
.block-title:after,
.view-header:after,
.view-portfolio-page:after,
.contact-columns:after,
.node-blog:before,
nav:after {
  content: " ";
  display: table;
  clear: both;
}
#logo a,
#logo img {
  display: block;
  width: 240px;
  margin-top: 5px;
}
.form-actions .form-submit {
  margin-right: 15px;
}
.form-actions .form-submit:last-child {
  margin-right: 0;
}
.form-actions #edit-preview {
  margin-right: 15px;
}
#main-content {
  margin: 0 5px;
}
#columns {
  margin: 0 10px;
  height: auto !important;
  clear: both !important;
  position: relative;
}

.region.region-highlighted {
    margin-top: 20px;
}

.page-user .user-picture {
  float: none;
}
body {
  background: #eee;
}


#page {
  background: #fff;
  box-shadow: 0px 4px 10px 0.00px rgba(0, 0, 0, 0.3);
}
#page-title {
  margin: 0.83em 0;
}
.front #page-title,
.custom-contact #page-title {
  display: none;
}
p {
  font-family: "Open Sans", sans-serif;
  color: #262626;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 1em;
  margin-top: 1em;
}
#columns #block-views-front-carousel-block .views-field-nothing span.field-content a,
.columns-front-page strong + p,
body h2,
body #page header.node-header h1.node-title a,
#page-title,
.view-blog-page-view .views-field-title a,
footer h1 {
  margin: 0 0 20px;
  font-family: "Open Sans", sans-serif;
  color:  #0f96b3;
  font-size: 24px;
  font-weight: 400;
  line-height: 22px;
  clear: both;
}
#columns #block-views-front-carousel-block .views-field-nothing span.field-content a,
body #page header.node-header h1.node-title a,
.view-blog-page-view .views-field-title a {
  height: auto;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
}
#columns #block-views-front-carousel-block .views-field-nothing span.field-content a:hover,
body #page header.node-header h1.node-title a:hover,
.view-blog-page-view .views-field-title a:hover {
  color: #0ac7f0;
}
.region-header .block-content a, #block-system-user-menu .block-inner ul.menu li a {
  font-family: "Open Sans", sans-serif;
  color:  #777777;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  height: 12px;
}
.region-header .block-content a:hover, #block-system-user-menu .block-inner ul.menu li a:hover {
  color: #000000;
}
#block-system-user-menu {
  float: right;
  margin-bottom: -20px;
}

#block-system-user-menu h2 {
  display: none;
}

#block-system-user-menu .block-inner ul.menu li {
  list-style: none;
  float: left;
}


.views-field-view-node a,
.custom-contact-webform input[type=submit],
#user-login-form input[type=submit],
#comment-form input[type=submit],
.node-readmore a, button, input[type="button"], input[type="reset"], input[type="submit"] {
    margin: 0px;
    background: #ff3366;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 5px 30px;
} 
    
.views-field-view-node a:hover,
.custom-contact-webform input[type=submit]:hover,
#user-login-form input[type=submit]:hover,
#comment-form input[type=submit]:hover,
.node-readmore a:hover {
  background: #00838f;
  border-color: #065f67;
  color: #fff;
}

.views-field-view-node .field-content {
  float: right;
  display: block;
  border-radius: 3px;
  overflow: hidden;
}

.views-field-view-node a {
  display: block;
}

.custom-contact-webform input[type=submit] {
  padding: 6px 12px;
  border: none;
}

.block-superfish .menu-toggle a,
#primary-menu-bar a,
#block-system-main-menu .menu a,
.views-field-view-node a,
.custom-contact-webform input[type=submit],
#user-login-form input[type=submit],
#comment-form input[type=submit],
.node-readmore a,
#block-block-3 .content a,
#block-views-partners-carousel-block .owl-item .views-field-field-image .field-content a,
.region-footer .block-superfish .sf-style-default.sf-menu li a,
#block-views-recent-blog-posts-block .view .field-content a,
footer + .block .content .footer-line a,
#columns #block-views-front-carousel-block .views-field-nothing span.field-content a,
body #page header.node-header h1.node-title a,
.view-blog-page-view .views-field-title a,
#block-views-recent-articles-block .views-field-title .field-content a,
#block-views-recent-blog-posts-block img,
.owl-controls .owl-page span,
.block-superfish ul#superfish-1 form input[type=submit],
header #edit-actions input, header #block-search-form input[type=submit],
.pager a,
#menu.responsive-menu-block a,
#menu.responsive-menu-block input,
#menu .toggle-sub {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* Common styles END */

/* Testimonials */
#block-views-testimonials-block {
  margin: 30px 0 60px;
  position: relative;
}

#block-views-testimonials-block .view {
  padding-top: 30px;
  background-color:  #e5f2f5;
  padding-bottom: 20px;
  border: 1px solid #b8d7de;
  border-radius: 3px;
  padding-left: 45px;
}

#block-views-testimonials-block:after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: 10%;
  display: block;
  width: 0;
  background: url(../images/testimonials_bottom_bg.png);
  width: 19px;
  height: 16px;
}

#block-views-testimonials-block .views-row {
  padding: 0 40px;
  padding-left: 65px;
  background: url(../images/testimonials_quotes.png) no-repeat;
}

#block-views-testimonials-block .field-content p,
#block-views-testimonials-block .field-content {
  color:  #3d666f;
  font-style: italic;
}

#block-views-testimonials-block .views-field-body {
  font-size: 13px;
}

#block-views-testimonials-block .views-field-field-author {
  font-size: 14px;
  text-align: right;
}

/* Recent articles section */

#block-views-recent-articles-block .views-field-title .field-content a {
  font-family: "Open Sans", sans-serif;
  color:  #0daed1;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  height: 21px;
}

#block-views-recent-articles-block .views-field-title .field-content a:hover {
  color: #0ac7f0;
}

#block-views-recent-articles-block .views-field-field-image {
  margin-bottom: 20px;
}

#block-views-recent-articles-block .views-field-body {
  margin-bottom: 10px;
}

#block-views-recent-articles-block .views-field-body p {
  margin: 0;
}

#block-views-recent-articles-block img {
  border-radius: 6px;
  display: block;
}

#block-views-recent-articles-block .views-row {
  position: relative;
}

#block-views-recent-articles-block .views-row .views-field-view-node {
  position: absolute;
  right: 0;
  bottom: 0;
}


#block-block-1 .content,
#block-block-2 .content,
.region-footer .sf-main-menu {
  width: 210px;
}


#block-block-2 .content li a {
  padding-left: 40px;
}

.sf-menu.sf-style-default {
  margin-bottom: 0;
}

footer + .block {
  background-color:  #0f0f0f;
  box-shadow: 0px -1px 0px 0.00px #000000;
  margin-bottom: 0px;
  width: 100%;
}

footer + .block .block-inner {
  margin: 0;
}

footer + .block .content {
  padding: 10px 0;
}

footer + .block .content .footer-line a {
  color: #fbfbfb;
}

footer + .block .content #footer-dash {
  padding: 0 3px;
  border-left: 1px solid #777777;
  height: 10px;
  display: inline-block;
  margin-left: 6px;
}

footer + .block span,
#block-views-recent-blog-posts-block {
  color: #fbfbfb;
}

#block-views-recent-blog-posts-block .view,
#block-block-1 .content {
  padding-top: 10px;
}

#block-views-recent-blog-posts-block .views-row {
  min-height: 70px;
  margin-bottom: 15px;
}

#block-views-recent-blog-posts-block .views-field-field-image {
  float: left;
  padding-right: 12px;
}

#block-views-recent-blog-posts-block .views-field-created {
  line-height: 18px;
  font-size: 12px;
}

#block-views-recent-blog-posts-block .views-field-title {
  line-height: 18px;
  font-size: 13px;
}

#block-views-recent-blog-posts-block .view .field-content:before,
#block-views-recent-blog-posts-block .view .field-content:after {
  content: none;
}

#block-views-recent-blog-posts-block img {
  border: 5px solid #0f0f0f;
  border-radius: 8px;
}

#block-views-recent-blog-posts-block img:hover {
  border-color: #525252;
}

#block-block-2 .content ul li a {
  line-height: 40px;
  padding: 7px 0px 7px 40px;
}

#fb a:hover {
  background: url(../images/fb.png) 0px -34px no-repeat;
}

#linkedin a:hover {
  background: url(../images/linkedin.png) 0px -34px no-repeat;
}

#google a:hover {
  background: url(../images/google.png) 0px -34px no-repeat;
}

#twitter a:hover {
  background: url(../images/twitter.png) 0px -34px no-repeat;
}

#fb a {
  background: url(../images/fb.png) 0px 0px no-repeat;
}

#linkedin a {
  background: url(../images/linkedin.png) 0px 0px no-repeat;
}

#google a {
  background: url(../images/google.png) 0px 0px no-repeat;
}

#twitter a {
  background: url(../images/twitter.png) 0px 0px no-repeat;
}

.copyright {
  font-size: 12px;
}

footer + .block .block-inner {
  margin: 0 30px;
}

/* Header */

#user-login a {
  padding-left: 18px;
  background: url(../images/login_icon.png)0 50% no-repeat;
  margin: 0;
}

#block-block-3 ul #user-login {
  padding-right: 0;
}

.logged-in #user-login {
  display: none;
}

#block-block-3 ul li {
  float: left;
  padding-right: 20px;
}

#block-block-3 #email-icon a {
  background: url(../images/email_icon.png) 0 50% no-repeat;
  padding-left: 23px;
}

#block-block-3 #phone-icon a {
  background: url(../images/phone_icon.png) 0 50% no-repeat;
  padding-left: 18px;
}

.username-wrapper,
.username-wrapper span,
.post-time-node {
  color: #3d666f;
}

.username-wrapper {
  padding-left: 16px;
  padding-right: 2px;
  background: url(../images/user_icon.png) no-repeat;
  background-position-y: center;
  border-right: 1px solid #c6d0d1;
  margin-right: 6px;
}

.post-time-node {
  padding-right: 2px;
  padding-left: 18px;
  background: url(../images/time_icon.png) no-repeat;
  background-position-y: center;
  border-right: 1px solid #c6d0d1;
  margin-right: 6px;
}

.comments-amount {
  color: #3d666f;
  padding-left: 18px;
  background: url(../images/comment_icon.png) no-repeat;
  background-position-y: center;
}


.block-search .container-inline {
  position: relative;
  display: inline-block;
}

#block-search-form .form-type-textfield input {
  width: 250px;
  height: 30px;
  border: none;
  background: #ecf3f4;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  margin-left: 20px;
}

#block-search-form .form-actions {
  position: absolute;
  right: 0;
  top: 4px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 42px;
}

#block-search-form #edit-actions input,
#block-search-form input[type=submit] {
  font-size: 0px;
  height: 30px;
  width: 40px;
  background: url(../images/search.png) no-repeat;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0.7;
  display: block;
}

#block-search-form #edit-actions input:hover,
#block-search-form input[type=submit]:hover {
  opacity: 1;
}

#block-block-3 ul {
  margin: 0;
}

#block-block-3 .content ul {
  margin: 0;
}


/* Blog Left Sidebar */
#main-content{
  padding-top: 10px;
  padding-bottom: 10px;
}

#block-views-archive-block a,
#block-views-categories-block a,
#block-views-comments-recent-block a {
  color: #262626;
  font-size: 13px;
  font-weight: 400;
}

#block-views-archive-block a,
#block-views-categories-block a {
  line-height: 24px;
}

#block-views-comments-recent-block a {
  line-height: 18px;
}
/* Page Contacts */

body.contact #block-system-main {
  float: right;
  width: 460px;
}

body.contact #page-title {
  display: none;
}

body.contact #page-wrapper #content-column .content-inner {
  margin-bottom: 0;
  min-height: 0;
}

label,
#block-user-login ul li a {
  color:#262626;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.region-footer .block-superfish .sf-menu a {
  list-style: none;
  margin: 0;
  padding: 0;
}

#block-user-login ul li a {
  text-decoration: underline;
}

#block-user-login ul li {
  margin-left: 0;
}

#edit-submitted-message {
  font-size: 0.85em;
  padding:0 5px;
}

#edit-submitted-message {
  padding-top: 3px;
}

.custom-contact-webform input[type=text] {
  height: 25px;
  box-sizing: border-box;
  padding: 0 5px;
}

.custom-contact .node.clearfix .contact-column {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin: 20px 0;
}

.custom-contact .node.clearfix h2 {
  clear: both;
}

.custom-contact .node.clearfix .contact-column {
  color:  #262626;
  font-weight: 400;
  width: 230px;
}

.custom-contact .node.clearfix .contact-column ul li a {
  color: inherit;
}

.custom-contact .node.clearfix .contact-column strong {
  color:  #3d666f;
  font-style: italic;
}

#main-content-header {
  margin: 0;
}

.contact .iframe-wrapper {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.contact .iframe-wrapper iframe {
  display: block;
}

.contact #block-system-main .contact-column strong {
  color: #3d666f;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}

.contact #block-system-main .contact-columns {
  margin-bottom: 50px;
}

.contact #block-system-main .contact-column ul {
  margin-top: 0;
}

.contact #content {
  padding-bottom: 50px;
}

/* Owl Carousel Partners */

.owl-theme .owl-controls {
  margin-top: 20px;
}

#block-views-partners-carousel-block {
  margin: 20px 0;
}

#block-views-partners-carousel-block .owl-item img {
  width: 100%;
  height: auto;
}

#block-views-partners-carousel-block .owl-item .views-field-field-image {
  padding: 0 20px;
}

#block-views-partners-carousel-block .owl-wrapper-outer {
  margin: 0 -10px;
}

#block-views-partners-carousel-block .owl-theme .owl-controls .owl-buttons div {
 padding: 7px 6px;
}

#block-views-partners-carousel-block .owl-theme .owl-controls .owl-buttons {
  position: absolute;
  top: -50px;
  left: 47.5%;
  width: 5%;
}


#block-views-partners-carousel-block .owl-theme .owl-controls .owl-buttons div.owl-prev {
  background: url(../images/carousel_arrs.png);
}

#block-views-partners-carousel-block .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
  background: url(../images/carousel_arrs.png) 0px 15px;
}

#block-views-partners-carousel-block .owl-theme .owl-controls .owl-buttons div.owl-next {
  background: url(../images/carousel_arrs.png) -8px 0px;
}

#block-views-partners-carousel-block .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
  background: url(../images/carousel_arrs.png) -8px 15px;
}

#block-views-partners-carousel-block h2 {
  padding: 20px 0px 20px 50px;
  background: url('../images/icon_star.png') no-repeat;
  background-position-y: center;
  font-size: 20px;
  margin-bottom: 10px;
}

#owl-carousel-block17 img {
  border: 8px solid #ecf3f4;
  border-radius: 8px;
  width: 184px;
  height: 94px;
}

#owl-carousel-block17 img:hover {
  border-color: #0daed1;
}

.owl-theme .owl-controls .owl-buttons div {
  opacity: 1;
}

#block-views-partners-carousel-block .owl-item .views-field-field-image .field-content a {
  border: 6px solid #ecf3f4;
  border-radius: 6px;
}

#block-views-partners-carousel-block .owl-item .views-field-field-image .field-content a:hover {
  border-color: #d7d7d7;
}

#block-views-partners-carousel-block .owl-item .views-field-field-image a,
#block-views-partners-carousel-block .owl-item .views-field-field-image img {
  display: block;
}

.owl-carousel-block {
  z-index: 0;
}

#block-views-front-carousel-block .owl-controls .owl-page {
  margin-right: 2.5px;
  margin-left: 2.5px;
}

#block-views-front-carousel-block .owl-controls .owl-page span {
  position: relative;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background: transparent;
  border: 1px solid #ffffff;
  opacity: 1;
}
#block-views-front-carousel-block .owl-controls .owl-page span:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 26px;
  height: 26px;
  border: 5px solid #d0d9db;
  border: 5px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}
/* 3 column under slideshow on front page */

.columns-front-page {
  padding-top: 50px;
}

.columns-front-page .column p {
  margin-bottom: 10px;
}

.columns-front-page div.column {
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
  box-sizing: border-box;
}

.columns-front-page div.column ul {
  padding-left: 50px;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}

.columns-front-page div.column ul li,
#block-views-archive-block .content ul li,
#block-views-categories-block .views-row {
  height: 19px;
  margin: 5px 0;
  list-style: none;
  line-height: 1.3;
  font-size: 13px;
  font-weight: 400;
}

.columns-front-page div.column ul li {
  height: auto;
}

.columns-front-page div.column ul li a,
#block-views-archive-block .content ul li a,
#block-views-categories-block .views-row span.field-content a {
  background: url('../images/list-style.png') 0 4px no-repeat;
  padding-left: 14px;
  display: inline-block;
}

.columns-front-page div.column ul li a:hover,
#block-views-archive-block .content ul li a:hover,
#block-views-categories-block .views-row span.field-content a:hover {
  text-decoration: underline;
}

.columns-front-page div.column ul li a {
  color: #262626;
}

.columns-front-page strong {
  background-position-y: center;
  display: block;
}

#ben-col-1 {
 background: url('../images/icon_paper.png') no-repeat;
}

#ben-col-2 {
 background: url('../images/icon_star.png') no-repeat;
}

#ben-col-3 {
 background: url('../images/icon_mobile.png') no-repeat;
}


/* RECENT COMMENTS BLOCK */

#block-comment-recent .block-inner {
  padding: 0;
}

#block-views-comments-recent-block .views-row,
#block-comment-recent .content li,
#block-node-recent tr {
  padding-left: 22px;
  position: relative;
  margin: 8px 0;
}

#block-views-comments-recent-block .views-field-subject,
#block-views-comments-recent-block .views-field-timestamp,
#block-comment-recent .content a,
#block-comment-recent span,
#block-node-recent .node-title,
#block-node-recent .node-author {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 18px;
  display: inline;
}

#block-views-comments-recent-block .views-field-subject,
#block-comment-recent .content a,
#block-node-recent .node-title {
  color: #262626;
  font-weight: 400;
}

#block-views-comments-recent-block .views-field-subject:before,
#block-comment-recent .content li a:before,
#block-node-recent .node-title:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0px;
  top: 7px;
  background: url(../images/comment_icon.png) no-repeat;
  display: block;
}

#block-views-comments-recent-block .views-field-timestamp,
#block-comment-recent span,
#block-node-recent .node-author {
  color: #3d666f;
  display: inline;
}

/* RECENT CONTENT */
#block-node-recent .block-inner {
  padding: 0;
}
#block-node-recent table {
  width: 100%;
}
#block-node-recent tr {
  display: block;
  border: none;
  background: none;
  margin: 0 0 15px;
}

#block-node-recent .title-author,
#block-node-recent .node-title,
#block-node-recent .node-author {
  display: block;
}

#block-node-recent .title-author {
  margin-bottom: 5px;
}

#block-node-recent .edit,
#block-node-recent .delete {
  display: inline-block;
  margin-right: 5px;
}

.not-logged-in #block-node-recent .edit,
.not-logged-in #block-node-recent .delete {
  display: none;
}

/* BLOG ENTRY STYLING */
#block-system-main .node,
#page-title {
  margin-top: 20px;
}

#main-content-header + #content #block-system-main .node,
.region-breadcrumb + #columns #page-title {
  margin-top: 0;
}

#block-system-main .views-field-field-image {
  border-radius: 8px;
}

.region-sidebar-first section + section,
.region-sidebar-second section + section,
.region-sidebar-first .block + .block,
.region-sidebar-second .block + .block {
  /* border-top: 1px solid #c6d0d1;*/
}

.region-sidebar-first section .block-inner,
.region-sidebar-second section .block-inner {
  margin: 0;
  padding-bottom: 20px;
}

#block-views-recent-portfolio-items-block .views-field-field-image img {
  border-radius: 5px;
}

#block-views-recent-portfolio-items-block .views-row + .views-row {
  padding-top: 15px;
}


#block-user-login input[type=text],
#block-user-login input[type=password] {
  height: 25px;
  padding: 0 5px;
  box-sizing: border-box;
}

/* Slideshow Styling */

#columns #block-views-front-carousel-block .views-field-nothing span.field-content p {
  color: #fff;
  margin: 0;
  line-height: 1.5;
}

#columns #block-views-front-carousel-block {
  margin: 0px;
}

#block-views-front-carousel-block .owl-controls .owl-buttons {
  display: none;
}

#block-views-front-carousel-block .views-field-nothing {
  position: absolute;
  bottom: 30px;
  right: 30px;
  padding: 25px 40px;
  background-color: rgba(0, 0, 0, 0.55);
  width: 40%;
}

#block-views-front-carousel-block .owl-controls {
  text-align: left;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

#block-views-front-carousel-block .owl-wrapper .views-field-field-image img {
  display: block;
}

#page-wrapper #content-column .content-inner {
  margin-bottom: 40px;
}

.page-node-140 #page-title {
  display: block;
}

input {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: #999 !important; /* цвет текста */
    color: #999 !important; /* цвет текста */
}


#user-login-form #edit-submit {
  float: right;
}

.view-blog-page-view {
  margin-bottom: 20px;
}

.view-blog-page-view .views-row {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c6d0d1;
}

.view-blog-page-view .views-row-last {
  border-bottom: none;
}

.view-blog-page-view .field-type-image img {
  border-radius: 10px;
}

/*BLOG PAGER STYLING */

.pager a {
  display: inline-block;
}

#block-user-login ul li a:hover {
  color: gray;
}

.item-list-pager ul.pager li {
  padding: 0;
  margin: 0 0 0 2px;
  font-size: 13px;
  display: inline-block;
  width: auto !important;
}

.item-list-pager ul.pager li.pager-next,
.item-list-pager ul.pager li.pager-last
{
  margin: 0 0 0 10px;
}

.item-list-pager ul.pager li.pager-first,
.item-list-pager ul.pager li.pager-previous
{
  margin: 0 10px 0 0;
}

.item-list-pager ul.pager li a,
.item-list-pager ul.pager li.pager-current {
  vertical-align: top;
  padding: 3px 9px;
}

.item-list-pager ul.pager li.pager-current {
  padding-top: 5px;
}

.item-list-pager ul.pager li a {
    color: #fff;
    line-height: 20px;
    background: #ff3366;
}

.item-list-pager ul.pager li a:hover {
    color: #fff;
    background: #3383bb;
}

.item-list-pager ul.pager li a:before {
    color: #fff;
}

#tasks ul.action-links a {
  color: black;
}

.author-datetime,
.author-datetime span,
.author-datetime a {
  font-family: "Open Sans", sans-serif;
  color:  #3d666f;
  font-size: 13px; /* Приближение из-за подстановки шрифтов */
  font-style: italic;
  margin-bottom: 10px;
}


header.node-header {
  margin-left: 0;
  margin-bottom: 0;
}

header.node-header h1 {
  font-size: initial;
  margin: 7px 0;
}

.node-title {
  margin: 0;
}

article.node > footer .user-picture {
  display: none;

}

.comment, #comments .comment-title {
  padding-top: 20px;
  border-top: 1px solid #daebed;
  margin-top: 19px;
}

.comment .user-picture {
  float: left;
  padding-right: 20px;
}

.comment .author-datetime {
  margin-bottom: 8px;
}

#comments .indented {
  margin-left: 20px;
}

#comments > article:nth-of-type(1) {
  border: none;
  margin-top: 0;
  padding-top: 0;
}

#comments .comment .field-name-comment-body p {
  margin-left: 100px;
}

#comments nav {
  clear: left;
  float: right;
}

#comments nav a {
  color: black;
  font-weight: 600;
  font-size: 12px;
}

#comments nav a:hover {
  color: rgb(155, 155, 155);
}

#comments span[datatype="xsd:dateTime"] {
  padding-left: 6px;
  border-left: 1px solid #c6d0d1;
  margin-left: 8px;
  color: #3d666f;
}

.comment ul.links li:first-child {
  padding-left: 0;
}

ul.inline .node-readmore {
  padding: 0;
}

.node > nav {
  float: right;
}

.page-portfolio .item-list ul.pager {
  margin: 20px 0 60px 0;
  padding: 0;
}

.page-portfolio #block-system-main .view-header > p,
.view-portfolio-categories {
  display: inline-block;
}

#comment-body-add-more-wrapper fieldset.filter-wrapper.form-wrapper,
#comment-body-add-more-wrapper .grippie,
#comment-form .description {
  display: none;
}

#comment-body-add-more-wrapper textarea {
  resize: none;
}


/* tabs styling */

#tasks ul.tabs li a {
  color: #3d666f;
}

#comment-form input[type=text] {
  width: 100%;
}

body #page header.node-header h1.node-title a:hover {
  color: #0B768D;
}

#block-views-archive-block .content ul li a:hover ,
#block-views-categories-block .views-row span.field-content a:hover {
  color: #A2A2A2;
}

/* Portfolio Page Styling */

.page-portfolio #page-title {
  display: none;
}

.page-portfolio .view.view-id-portfolio_page .views-row img {
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.page-portfolio .view.view-id-portfolio_page .view-content {
  margin-right: -3%;
}

.page-portfolio .view.view-id-portfolio_page .view-header + .view-content .views-row {
  float: left;
  margin: 0 2% 2% 0;
  display: inline-block;
}


#main-content .field-name-field-image {
  margin: 0.8em 0 1.4em;
}

#main-content .node-promoted .field-name-field-image img {
  border-radius: 6px;
}

#main-content .node-promoted .field-name-field-image {
  line-height: 0;
}

/* Portfolio Categories Links Styling */

#portfolio-categories {
  text-align: right;
}

#portfolio-categories li {
  display: inline;
}

.view-portfolio-page .view-header {
  text-align: right;
}

.view-portfolio-categories .views-row .field-content a.active {
  color:  #3d666f;
  font-size: 13px;
  font-style: italic;
}

.page-portfolio #block-system-main .view-header > p a:hover {
  color:  #3d666f;
}

.view-portfolio-categories .views-row .field-content a:hover {
  color:  #3d666f;
}

.view.view-id-portfolio_page .view-header .view-portfolio-categories,
.page-portfolio #block-system-main .view-header > p {
  height: 22px;
  margin: 0;
  margin-right: 1%;
  padding-bottom: 20px;
  vertical-align: middle;
}
.view.view-id-portfolio_page .view-header .view-portfolio-categories .view-content {
  margin-right: 0;
  display: inline-block;
}

.view-portfolio-categories .views-row .field-content a {
  color:  #262626;
  font-size: 13px;
}

.view-portfolio-categories .views-row {
  display: inline;
  float: left;
}

.view.view-id-portfolio_page .view-content {
  clear: left;
}

.view-portfolio-categories .views-row {
  padding: 0 9px;
  border-left: 1px solid #c6d0d1;
}

.view-portfolio-categories .views-row.views-row-last {
  padding-right: 0;
}

#owl-carousel-block19 .owl-item {
  position: relative;
  width: 100%;
}

/* Breadcrumbs styling */
.breadcrumb {
  padding: 0;
}

#block-delta-blocks-breadcrumb{
  margin: 0px 2%;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb {
  margin: 30px 0 10px;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb li {
  float: left;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb li a {
  font-family: "Open Sans", sans-serif;
  color:  #262626;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  padding-right: 5px;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb li a:hover {
  color: gray;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb li:after {
  content: ">";
  padding-right: 5px;
  text-decoration: none;
  color: #262626;
  font-size: 13px;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb li.last:after {
  content: none;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb li.first a:before {
  content: none;
}

#block-delta-blocks-breadcrumb .content ul.breadcrumb li.last a {
  text-decoration: none;
}

.node-portfolio-project img {
  border-radius: 15px;
}

/*---- LAVEG ----*/

footer a,
footer p,
footer span {
	color: #dcdcdc;
}

#search-block-form {
  z-index: 1;
}

.columns-front-page strong + p {
  padding-left: 50px;
}

.columns-front-page strong {
  position: absolute;
  top: -7px;
  left: 0%;
  height: 36px;
  width: 36px;
}

.columns-front-page .column {
  position: relative;
}

#superfish-1-select {
  display: none;
}

.page-taxonomy #block-system-main .node {
  margin-bottom: 50px;
}

#block-system-navigation {
  clear: both;
}


/************* Quiz CSS ********/
.node-quiz {
    border-radius: 4px;
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 20px 20px 0;
    margin: 10px 0 20px !important;
}

.node-quiz ul{
   margin: 0;
}


.node-quiz p{
   font-size: 13px !important; 
   line-height: 20px;
}

.node-quiz a  {
    color: #054b81;
}

.node-quiz .field.field-name-body.field-type-text-with-summary, table#quiz-view-table, .node-quiz .field-name-field-category{
    padding: 0 !important;
}


.node-quiz .field-name-field-category a{
    font-size: 30px;
}

#quiz-view-table{
    width: 100%;
}

#quiz-view-table td {
    padding: 0px 3px 0px 3px;
    margin: 0px;
    line-height: 110%;
    font-size: 14px;
    height: 35px;
    /*width: 100%;*/
    border: 1px dotted #ccc;
    vertical-align: middle;
}

#quiz-start-quiz-button-form{
    text-align: center;
    display: none;
 }


#quiz-start-quiz-button-form input, .form-submit {
    margin: 0px;
    background: #054b81;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 10px 30px;
}


.answering-form{
    border-radius: 4px;
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 0 20px 20px;
    margin: 0 13px 30px;
    clear: both;
}

.answering-form .form-type-radio{
    text-align: center;
}

.answering-form td {
    padding: 0px 3px 0px 3px;
    margin: 0px;
    font-size: 13px;
    border: 1px dotted #ccc;
    vertical-align: middle;
    line-height: 30px;
}

#quiz_progress, #quiz_score_possible, #quiz_score_percent {
    background: #054b81;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
    padding: 0px 15px;
    color: #ffffff;
    margin: 0 10px;
    border: 1px solid #ccc;
}


.online-test-quiz .field-name-body p{
    font-size: 18px;
    padding: 10px 15px 10px;
    margin: 10px 0px 5px;
    color: #e72617;
}


#quiz_summary p{
    font-size: 18px;
    padding: 10px 15px 10px;
    margin: 10px 0px 5px;
    color: #3eab06;
}

.answering-form table td p{
    margin: 5px 0 0 5px;
    font-size: 14px;
    padding: 0px;
    margin: 10px 0px 5px;
    color: #054b81;
}

 
.quiz-report table td p, .quiz-report p{
    margin: 3px 0 !important;
    font-size: 14px;
    padding: 0px;
    margin: 10px 0px 5px;
    color: #054b81;
}

div.quiz-report .dd {
    margin: 10px 5px 40px !important;
}


.answering-form label{
    clear: both;
    font-size: 14px;
}


span.certificate-link{
    float: left;
    border: 1px dotted #666;
    border-radius: 4px;
    background: #5bd040;
    clear: both;
    text-align: center;
    width: 100%;
}

span.certificate-link a{
    background: url(img/download-pdf.png) no-repeat;
    padding: 12px 10px 10px 50px;
    font-size: 20px;
    color: #ffffff;
    line-height: 37px;
}

#quiz-report-form, #user-register-form, #user-login, #user-pass{
    border-radius: 4px;
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 10px 20px 60px;
    clear: both;
}

select#edit-user-roles, input#edit-captcha-response{
    height: 30px;
    width: 20%;
}


div.quiz-report .dt div.quiz-report-score-container {
    float: right;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 15px;
    border: none;
    margin: 10px;
    color: #d20f0f;
    width: 100px;
    height: 20px;
    line-height: 20px;
}

 .quiz-report{
    border: 1px dotted #666;
    border-radius: 4px;
}

div.quiz-report thead th{
    background: none;
}

#quiz-report-form .question_type_name {
    font-style: italic;
    display: none;
}

div#start-quiz-container {
    width: 100%;
    display: table;
    margin: 0 0 20px;
}


.start-quiz-left, .start-quiz-right {
    width: 320px;
    float: left;
    margin-bottom: 20px;
}  

.start-quiz-left ul{
    margin-top: 20px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    font-style: italic;
    color: #981612;
    margin-left: 85px !important;
    clear: both;
}   

.start-quiz-right ul{
    margin-top: 20px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    font-style: italic;
    color: #981612;
    margin-left: 55px !important;
    clear: both;
}   



/******* Tab CSS **********/
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
    background: #238db1;
    font-size: 14px;
}


.ui-tabs .ui-tabs-nav li a {
    color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: #FEA22C;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 0;
    background: none;
}

h2.scrollMidsection {
    float: right;
    margin: 0 20px;
    background: rgba(204,204,204,0.21);
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 18px;
    color: #00f;
    cursor: pointer;
}

h2.scrollMidsection a.toBottom, .node .field-type-taxonomy-term-reference a {
    cursor: pointer;
}

.node .field-type-taxonomy-term-reference{
    font-size: 18px;
}



/************* Custom CSS ***********************/
ul li.leaf, .view-cbse-class-menu ul li {
    list-style:none;
}


#block-blog-recent ul, .view-cbse-class-menu ul{
    margin-left: 20px;
}

#block-menu-menu-utility-menu-top{
    margin-top: 4px;
}


#block-menu-menu-utility-menu-top ul li{
    float: left;
    margin: 0;
    margin-left: 20px;
    list-style: none;
    color: #fff;
    background: #42a5f5;
    padding: 5px 10px 5px 18px;
    border-radius: 2px;
}

#block-menu-menu-utility-menu-top li a {
    padding-right: 8px;
    color: #fff;
}


.view-vg-child-online-test td, .view-new-home-page-child-terms td, .cbse-downloads td{
    font-size: 14px;
    width: 155px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
}


.cbse-downloads ul li{
    float: left;
    padding: 5px 0 10px 20px;
    background: url(images/icons/arrow-list1.gif) 0px 10px no-repeat;
    width: 220px;
    margin-left: -8px;
}


.global-list-icon, .global-list-icon1{
    border-radius: 4px;
    margin: 10px 0;
    width: 100%;
}

.global-list-icon ul, .global-list-icon1 ul{
    margin: 0;
}


.global-list-icon1 ul li{
    float: left;
    width: 47%;
    margin-bottom: 10px;
    padding-left: 20px;
}

.global-list-icon1 ul li:before{
    content: "\f0a9";
    font-family: 'FontAwesome';
    color: #f36;
    float: left;
    margin-right: 10px;
}

.view-vg-child-online-test td a:before, 
.view-new-home-page-child-terms td a:before, 
.cbse-downloads td a:before{
    content: "\f0a9";
    font-family: 'FontAwesome';
    padding: 5px;
    color: #f36;
}


.responsive-table{
    width: 100%;
    overflow: auto;
}

.views-table a{
    color: #0000ff;
}

.view-recent-blog-posts{
    margin-bottom: 20px !important; 
    min-height: 450px !important;
    clear: both !important;
    margin-top: 20px !important;
}

.view-recent-blog-posts li, .view-id-vg_recent_content li {
    border-radius: 4px;
    background: url(images/icons/double-arrow1.gif) 0 10px no-repeat;
    border-bottom: dotted 1px #ccc;
    line-height: 30px;
    content: no-open-quote;
    padding-left: 20px !important;
    margin-left: 0 !important;
}

.fb-social-like {
    margin-bottom: 20px;
}

/*
.block-simplenews {
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #5a6d7d;
    color: #fff;
}

.block-simplenews h2, .block-simplenews label {
    color: #ffffff;
    font-size: 17px;
}
*/

#header{
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    border-color: #eee;
    margin: 0 auto;
}


.container {
    position: relative;
    overflow: hidden;
}

dl, menu, ol, ul {
    margin: 1em 0 0 1.5em;
}

select#edit-field-year-value {
    margin-top: 10px;
    height: 30px;
}


.view.view-iframelogin {
    padding: 10px 20px 30px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}

.view.view-iframelogin a {
    background: #ff3366;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
}

.view.view-iframelogin a:hover {
    color: #f8f8f8;
}

.node-blog{
    margin-bottom: 40px;
}

#admin-menu, #admin-menu .dropdown{
    z-index: 9999 !important;
}

#fancy_login_login_box{
   z-index: 99999 !important;
}


#branding{
    margin: 0 0 5px !important;
    float: left;
}

.node-content ul {
    margin-left: 0;
}

ul.social-share {
    width: 100%;
    margin: 5px 0;
    background: rgba(236, 234, 236, 0.23);
    height: 36px;
    border: 1px solid rgba(204, 204, 204, 0.43);
    clear: both;
}

ul.social-share li{
    float: right;
    list-style: none;
    list-style-image: none;
    padding-top: 2px;
}

ul.social-share img{
    border-radius: 3px;
}

ul.social-share li.last{
    vertical-align: middle;
    margin-top: 4px;
}

.study-facebook-like{
    margin-top: 20px;
    height: 75px;
    display: block;
    clear: both;
}

h2.related-heading{
    font-size: 28px;
    color: #355f94;
    font-weight: 600;
}

section.field-name-field-year, section.field-name-field-vote{
 margin-top: 5px;
}

section.field-name-field-year h2, section.field-name-field-vote h2{
    font-size: 14px;
    color: #666;
}

p.scroll-down {
    float: right;
    margin: 10px;
    /*padding: 6px 10px;*/
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
}


/*---------- orp wrapper tabs-------- */
#orp_wrapper #tasks .tabs{
	height:30px;
	    margin: 0;
		border-bottom: 1px solid #ECF3F4;
}

#orp_wrapper #tasks .secondary{
	padding: 0;
    margin: 10px 0 !important;
}

#orp_wrapper #tasks .secondary li{
	border-right:none !important;
}


#orp_wrapper #tasks .secondary li a{
	font-size: 13px !important;
    font-weight: 600;
}


#orp_wrapper #content h3{
    color: #0daed1;
    padding: 10px 0;
}


#orp_wrapper .student-profile h2{
    font-size:14px;
	min-width: 140px;
}

#orp_wrapper #tasks .tabs li{
	height:30px;
}


#orp_wrapper #tasks .tabs li a{
   background: #ECF3F4;
    padding: 0px 30px 0px 25px;
    height: 30px;
    line-height: 30px;
	font-size: 15px;
    float: left;
    border: none;
    margin: 0 5px 0 0;
    border-radius: 4px 4px 0 0;
}

#orp_wrapper #tasks .tabs li a:hover{
background:#d0e0e2;
}
#orp_wrapper #tasks .tabs li.active a{
    background: #42A5F5;
    color: #fff;
}

#orp_wrapper #content .form-item input{
	height:30px;
	border: 1px solid #ccc;
	font-size: 14px;
    font-weight: 300;
    color: #000000;
}

#orp_wrapper #content .form-item .form-submit{
    float: right;
    height: 33px;
    line-height: 15px;
    font-weight: normal;
    font-size: 14px;
}

#orp_wrapper #content .form-item select{
    height: 30px;
    width: 55%;
    background: #fff;
}


#orp_wrapper #content .field-name-field-name
{
	padding-top:10px;
}

#user-profile-form #edit-fboauth
{
	display:none;
}

#fancy_login_user_login_block_wrapper form div .social_login{
	position: absolute;
    margin-top: 0 !important;
    height: 80px;
    overflow: hidden;
    width: 210px;
    left: 35PX;
}


#fancy_login_user_login_block_wrapper form div .form-item-name{
	margin-top: 90px;
	float: left;
    width: 100%;
	border-top: 1px solid #ccc;
    padding-top: 10px;
}
 #fancy_login_user_login_block_wrapper form input{
	 box-sizing: content-box !important;
	 width: 94% !important;
    padding: 5px 3% !important;
 }
 #fancy_login_dim_screen{
	 z-index:9999 !important;
 }
 #fancy_login_user_login_block_wrapper form .form-submit{
    height: 30px !important;
}
 #fancy_login_login_box{
	     border-width: 1px !important;
		 border-radius:0px !important;
 }
 
#fancy_login_close_button {
    background: transparent !important;
    border: none !important;
}

#fancy_login_login_box {
   
    width: 250px !important;
	    
}

.social_login > iframe
{
	display:none;
}

.captcha .description
{
    display:none;
}

.page-not-found {
    width: 100%;
    margin: 0 auto;
}

.page-not-found img{
    width: 100%;
    height: 500px;
}


span.hierarchical-select-item-separator {
    font-size: 30px;
}

span.lineage-item {
    font-size: 20px;
}

span.lineage-item a {
    margin-right: 5px;
    color: #0daed1;
}

span.lineage-item.lineage-item-level-1, span.lineage-item.lineage-item-level-2{
    margin-left: 5px;
}

.item-list.item-list-pager {
    border: 1px dotted #95c8f1;
    display: block;
    height: 30px;
    /*padding: 5px 0 2px;*/
    clear: both;
    margin-bottom: 30px;
}


.views-field-field-footer-info p{
    display: block;
    width: 100%;
    clear: both;
}

#breadcrumb-wrapper {
    background: linear-gradient(45deg, #ecf6ff 0%, #f1f1f1 100%);
    padding: 4px;
    border-left: 4px solid #e82119;
    min-height: 30px;
}

#breadcrumb-wrapper ol {
    padding:0;
    margin:0;
}

#breadcrumb-wrapper li {
    float: left;
    padding: 0 5px 0px 0px;;
}

#breadcrumb-wrapper li a{
    font-weight: 500;
    color: #1c5cab;
    font-size: 13px !important;
}

#breadcrumb-wrapper li a:hover{
    color: #e62117;
}

nav.breadcrumb-wrapper{
    margin-left: 0;
    margin-right: 0;
}


#breadcrumb-wrapper .bread-left{
    float: left;
    padding: 0;
    line-height: 20px;
}

/*
#breadcrumb-wrapper li.crumb-first{
    padding: 0 5px 3px 0px;;
}*/


#breadcrumb-wrapper .bread-right{
    /*float: left;*/
    padding: 0;
    line-height: 18px;
}


#breadcrumb-wrapper .row{
    padding: 0 !important;
}

#breadcrumb-wrapper .view-breadcrumb-for-categories-views a{
    font-weight: 600;
    color: #1c5cab;
    font-size: 13px;
}


#breadcrumb-wrapper .hierarchical-select-item-separator {
    font-size: 16px;
}

#breadcrumb-wrapper .lineage-item {
    font-size: 13px;
}

#breadcrumb-wrapper span.custom-breadcrumbs-none {
    font-size: 13px;
}

#breadcrumb-wrapper li.crumb.crumb-last {
    font-size: 13px;
    /*margin-top: 2px;*/
}

span.study-goback{
   float: right;
}

span.study-goback input[type="button"]{
    margin: 10px 0px;
    background: #17a2b8;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 5px 15px;
}

.node-webform  {
    padding: 10px 20px;
    margin: 20px 0;
    background: rgba(236, 234, 236, 0.23);
    border: 1px solid rgba(204, 204, 204, 0.43);
}

.webform-client-form input[type=text], input[type=email]{
    height: 28px;
}


.webform-client-form input[type=submit] {
    font-size: 12px;
    text-align: center;
    padding: 5px 15px;
}

.webform-client-form .form-actions{
    text-align: center;
}

.webform-client-form .form-file {
    width: 89%;
}


 .field-name-field-tags{
  display: none;  
}

#node-tag {
    margin: 15px 0;
}

#node-tag .field-name-field-tags{
  display: inline; 
}


#node-tag .field-name-field-tags h2.field-label{
    font-size: 12px;
    font-weight: 600;
    margin: 4px 5px 0 5px;
    padding: 0px 5px 0px;
    float: left;
    background: #000;
    color: #eee;
    text-transform: uppercase;
}

#node-tag .field-name-field-tags ul{
    margin: 0;
}


#node-tag .field-name-field-tags ul li {
    display: block;
    margin: 3px 5px 5px 0;
    border: 1px solid #eaeaea;
    padding: 1px 5px;
    font-size: 11px;
    float: left;
    line-height: 20px;
}
    


#node-tag .field-name-field-tags ul li:hover {
    background: #42a5f5;
    color: #fff;
}

#node-tag .field-name-field-tags ul li a:hover {
    color: #fff;
}


.view-tags-study ul li{
    margin: 0 20px 0 0;
    border-bottom: 1px dotted #ccc;
}

.view-tags-study p{
    margin: 10px 0 0;
}

.global-read-more{
    margin: 0 0 10px;
    background: #054b81;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 5px 10px;
    float: right;
}

.global-read-more:hover{
    color: #fff;
}

#responsive-managed-custom-ads{
    display: block;
    clear: both;
    margin: 0 auto;
}

.box-container{
    display: block;
    clear: both;
    /*margin: 0 auto;*/
    width: 100%;
}

.view-category-footer-information{
    display: block;
    clear: both;
    padding: 10px 0;    
}

/*********** Admin Menu CSS ***********/

#admin-menu, #admin-menu .dropdown{
    z-index: 9999 !important;
    background: #3f79ab;
    font-size: 14px;
}

#admin-menu .dropdown a, #admin-menu .dropdown li > span {
    border-right: 1px solid #323232;
    display: block;
    padding: 4px 15px;
}

#admin-menu a, #admin-menu li > span {
    background: #2a6598;
    border: none;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}

#admin-menu .dropdown a, #admin-menu .dropdown li > span {
    border-right: 1px solid #e1e8a8;
    display: block;
    padding: 4px 15px;
}


.field-name-field-youtube-video.field-type-youtube.field-label-hidden.view-mode-full {
    text-align: center;
    background: #e2e2e2;
    border: 1px solid #ccc;
    padding: 10px;
}




/* CSS for Login/Register and profile module */

fieldset#edit-mimemail,
.password-strength,
.tabledrag-toggle-weight-wrapper,
.password-suggestions.description,
.resizable-textarea .grippie,
.field-name-field-teaching-experience,
.form-item-profile-tutor-profile-field-teaching-experience-und-0-value label{
    display: none !important;
}

.page-user-edit-tutor-profile label {
    font-weight: 600;
    color: #000;
    text-align: left;
    height: 22px;
}

.page-user-edit-tutor-profile input {
    height: 37px !important;
    color: #000;
    line-height: 37px;
    padding: 0 10px !important;
    border: 1px solid #a9a9a9 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;

}

.page-user-edit-tutor-profile select {
    height: 37px !important;
    background: 0 0;
    padding: 0 10px;
    border-radius: 4px;
    color: #878787;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #a9a9a9;
    font-weight: 300;
    color: #000000;
}

.page-user-edit-tutor-profile textarea {
    padding: 8px 10px !important;
    border: 1px solid #a9a9a9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
}


.page-user-edit-tutor-profile .field-widget-text-textfield,
.page-user-edit-tutor-profile .field-widget-options-select{
    width: 315px;
    float: left;
}


.page-user-edit-tutor-profile .field-widget-cshs .select-wrapper{
    margin-right: 0;
    margin-bottom: 10px;
    clear: both;
    width: 315px;
}
 
.page-user-edit-tutor-profile .field-widget-cshs select{
    width: 94% !important;
}


.page-user-edit-tutor-profile .field-widget-text-textfield input,
.page-user-edit-tutor-profile .field-widget-options-select select,
.page-user-edit-tutor-profile .field-widget-taxonomy-hs select{
    width: 100% !important;
    float: left;
}

.page-user-edit-tutor-profile .field-widget-text-textarea{
    clear: both !important;
    display: block !important;
    padding-top: 5px !important;
}


.page-user-edit-tutor-profile .field-widget-options-select,
.page-user-edit-tutor-profile .field-widget-text-textfield,
.page-user-edit-tutor-profile .field-widget-text-textarea{
    margin-bottom: 10px;
}


.page-user-edit-tutor-profile .field-widget-cshs{
    clear: both;
}


.page-user-edit-tutor-profile .field-name-field-name{
    padding-top: 0 !important;
}

.page-user-edit-tutor-profile .image-widget-data {
    float: none;
}

.page-user-edit-tutor-profile .field-name-field-user-image input{
    width: 70%;
    background: #fdf7e2;
    line-height: 23px;
    padding: 5px 0px 0px 10px !important;
    margin-bottom: 10px;
    margin-right: 10px;
}

.simplecrop-widget .original-image {
    width: 100%px;
    float: left;
}

.simplecrop-widget .cropped-image {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
}

.simplecrop-widget .cropped-image img{
    border: 1px solid #000 !important;
}


.page-user-edit-tutor-profile .error{
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ff0000 !important;
    border: none;
    background: none !important;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 1px solid red !important;
}

.page-user-edit-tutor-profile .form-actions{
     margin-bottom: 0 !important;
}

input#edit-profile-tutor-profile-field-user-image-und-0-upload-button,
.page-user-edit-tutor-profile .form-item .form-submit{
    width: 90px !important;
    background: #fe563f;
    margin: 0;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 0 !important;
    float: none !important;
}


.multipage-button {
    float: none;
}

.multipage-controls-list{
    margin: 2em 1em;
    height: 36px;
}

.multipage-controls-list #edit-actions,
.multipage-controls-list input[type=button].multipage-link-next{
    float: right;
    margin-top: 0;
}

.multipage-controls-list input#edit-submit,
.multipage-controls-list input[type=button]{
    width: 125px;
    background: #0099ba;  
    text-shadow: none;
    border-radius: 4px;
    text-transform: uppercase;
    color: #ffffff;
}

.multipage-controls-list input#edit-submit:hover,
.multipage-controls-list input[type=button]:hover{
    background-image: none;
    background: #fe563f;
    color: #ffffff;
}

.page-user-edit-tutor-profile .hierarchical-select .selects{
    width: 100% !important;
}

.page-user-edit-tutor-profile .hierarchical-select select{
    width: 49% !important;
    margin-top: 22px;
}


.page-user-edit-tutor-profile .form-type-checkbox{
    width: 211px;
    float: left;
}

.page-user-edit-tutor-profile .form-type-checkbox label{
    font-weight: 500;
}

.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9330,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9331,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9332,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9333,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9334,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9335,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9336,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9337,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9338,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9339,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9340,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9341{
    display: block;
    width: 100%;
    border-bottom: 5px solid #3383bb;
}

.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9330 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9331 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9332 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9333 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9334 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9335 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9336 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9337 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9338 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9339 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9340 input,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9341 input,
.grippie{
    display: none;
}


.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9330 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9331 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9332 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9333 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9334 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9335 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9336 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9337 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9338 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9339 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9340 label,
.page-user-edit-tutor-profile .form-item-profile-tutor-profile-field-classes-and-subjects-und-9341 label{
    font-size: 24px;
}


.page-user-edit-tutor-profile .form-type-checkbox input[type=checkbox]{
    width: 30px;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
}

.page-user-edit-tutor-profile .horizontal-tabs{
    border: none;
}


.page-user-edit-tutor-profile .horizontal-tabs-panes{
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 10px 0 60px;
    clear: both;
    margin-top: -5px;
}


.page-user-edit-tutor-profile .content-inner,
.page-tutor-profile .content-inner{
    margin: 0 auto 28px !important;
}

.page-tutor-profile .region-sidebar-first{
    box-shadow: none !important;
    display: none !important;
}


.horizontal-tabs-list {
    background-color: rgba(200, 200, 200, 0.2);
}


.horizontal-tabs ul.horizontal-tabs-list li{
    box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.09), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(255, 152, 0, 0.2);
    text-align: center;
    border: none;
    width: 100%;
}


.li.horizontal-tab-button{
    text-align: center;
    padding: 12px;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
    top: -4px;
    left: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500;
}

.horizontal-tabs ul.horizontal-tabs-list li.selected{
    background: #0099ba !important;
    color: #ffffff;
    height: 35px;
}

.horizontal-tabs ul.horizontal-tabs-list .selected strong {
    color: #ffffff;
}

.horizontal-tabs ul.horizontal-tabs-list li a:hover {
    outline: none;
    background-color: #fe563f;
}
    
.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a {
    padding: 0.5em;
}

.field-type-markup p{
    font-size: 16px;
    margin-bottom: 0;
    line-height: 0;
    color: #f7250b;
}

#user-register-form fieldset {
    margin: 0 2px;
    padding: 0;
    border: none;
}


.horizontal-tabs .form-item, .horizontal-tabs .form-actions{
    margin: 5px;
    padding: 5px; 
}


/***** User Info Block Start *****/
.header-userinfo .dropdown{
    position: relative;
    display: inline-block;
    float: right;
    z-index: 9999999;
    margin: 5px 0;
    cursor: pointer;
    line-height: 50px;
}


.header-userinfo .dropdown-content{
    display: none;
    position: absolute;
    right: 0;
    top: 52px;
    border-top: 2px solid #0f96b3;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.header-userinfo .dropdown-content a {
    color: #183962;
    padding: 5px 16px 18px;
    text-decoration: none;
    display: block;
    margin: 0 10px 0;
    border-bottom: #ccc 1px dotted;
    font-size: 13px !important;
    line-height: 18px;
    height: 30px;
}

.header-userinfo .dropdown-content a:hover{
    color: #e62117 !important;
}

.header-userinfo .dropdown:hover .dropdown-content {
    display: block;
}


.header-userinfo .dropdown .profileimage {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    border: 5px solid #e2e2e2;
    float: left;
}

.header-userinfo .dropdown .profileimage img{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 2px;
}

.header-userinfo .dropdown .profilename {
    float: left;
    margin-right: 4px;
    background: url(../images/drop-down-arrow.png) 40px 30px no-repeat;
}


/***** User Info Block End *****/


/***** Tutor Profile Start *****/
.profile-card {
    width: 100%;
    margin: -15px auto 0;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.profile-card p{
    padding: 0 20px;
}

.profile-card .profile-bg{
    background: #42a1c5;
    height: 200px;
    margin-bottom: 85px;
}

.profile-card .profile-exp {
    font-size: 15px;
    font-weight: 700;
    color: #666;
}

.profile-card1{
    text-align: center;
    padding: 20px;
    margin-top: 30px;
}

.profile-card2{
    padding: 20px;
    margin-top: 30px;
}

.profile-card3{
    text-align: center;
    padding: 20px;
    margin-top: 30px;
}

.profile-card, 
.profile-card1, 
.profile-card2, 
.profile-card3{
    width: 100%;
    box-shadow: rgba(137, 173, 255, 0.35) -10px 10px 35px 5px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

.profile-card:hover,
.profile-card1:hover,
.profile-card2:hover,
.profile-card3:hover{
    box-shadow: 0 10px 55px 5px rgba(255, 193, 7, 0.7);
    transform: translateY(-0.8rem);
    cursor: pointer;
}


.profile-card2 li{
    width: 48%;
    padding: 6px 20px !important;
    float: left;
    background: #f5f5f5;
    border: 1px solid #d4cdcd;
    margin: 4px 7px !important;
    font-size: 14px !important;
    font-weight: 600;
}

.profile-card1 h2, .profile-card2 h2, .profile-card3 h2{
    text-align: center;
    border-bottom: 1px #42a1c5 dotted;
    padding: 5px 10px 15px;
    margin: 0 20px !important;
    font-size: 25px !important;
}    
    
.profile-card img {
    box-shadow: 0 4px 8px 0 rgba(245, 235, 235, 0.2);
    width: 200px !important;
    height: 200px;
    border-radius: 50%;
    margin-top: 63px;
    border: 3px solid #fff;
}

.profile-card img:hover{
    background: none;
}


.profile-sec {
    width: 31%;
    padding: 10px;
    float: left;
    font-weight: 600;
    color: #000;
    font-size: 13px;
}

.profile-card3 .profile-sec{
    width: 47%;
}

span.data-value {
    font-size: 15px;
    color: #547e8e;
}

.user-profile .my-profile h3{
    display: none !important;
}

a.green-text{
    color: #069b06 !important;
}


/*** Tutor Registration Landing Page ***/

.signup_holder {
    padding: 0 0 30px 0;
    margin: 0;
    display: block;
}


.signup_title_holder {
    margin: 0 0 20px 0;
    padding: 0 0 10px;
    display: block;
    border-bottom: 1px dotted #0099ba;
    overflow: hidden;
    font-size: 35px;
    font-weight: 300;
    text-align: center;
}

.signup_holder_inner_small {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.signup_holder_inner_small h2 {
     font-size: 30px;
    margin: 20px;
}

.signup_holder_inner_small ul {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

.signup_holder_inner_small ul li:first-child {
    padding-left: 0px;
}
.signup_holder_inner_small ul li {
    margin: 0;
    list-style: none;
}

.signup_holder_inner_small ul li a {
    text-decoration: none;
}

.signup_holder_inner_small ul li a.green_btn {
    background: #3383bb;
    display: block;
    width: 252px;
    height: 50px;
    margin: 9px auto 0px;
    line-height: 45px;
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    text-decoration: none;
    border-radius: 4px;
}

.signup_holder_inner_small ul li a.green_btn:hover {
    background: rgb(251, 13, 13);
}

.signup_holder_inner_small ul li a.learn_more {
    background: #ffffff;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #c4371b;
    font-weight: 400;
    text-decoration: none;
    display: block;
}

.signup_holder_inner_small ul li a.learn_more:hover {
      color: #3383bb;
}

.member_account, .member_assistance {
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 25px;
    font-weight: 300;
}

.member_account a, .member_assistance a {
    font-weight: 500;
    padding: 0 0 0 10px;
    color: #EF6548;
    text-decoration: none;
}

.member_account a:hover, .member_assistance a:hover {
    font-weight: 500;
    padding: 0 0 0 10px;
    color: #3383bb;
    text-decoration: none;
}

.border {
    background: #dadada;
    height: 1px;
    width: 100%;
    margin: 30px 0 0 0;
}

.page-node-238750 #breadcrumb-wrapper, .page-tutor-profile #breadcrumb-wrapper{
    display: none;
}


.page-tutor-profile #page-title {
    margin-top: 0px !important;
    margin-bottom: 32px !important;
    text-align: center !important;
}

.profile-search{ width:31%; padding:15px 15px; border: 1px #dddddd solid; margin: 20px 5px 20px 15px; float: left;}
.profile-circle{ width:90px; height:90px; float:left;}
.profile-circle img{ border: solid 5px #dedede; height:100%; width:100%; border-radius:100%; object-fit:cover;}
.profile-text{ width:60%; float:right;}
.profile-text .fullnameheading{padding: 0 !important; padding: 0 !important; font-size: 16px; font-weight: 600;}
.profile-text p{min-height: 60px; margin-bottom: 0; }

.profile-viewmore {
    font: 400 13px/30px 'Lato', sans-serif;
    padding: 0 18px;
    background: #3383bb;
    display: inline-block;
    color: #fff;
    margin: 10px 0 0;
}

.profile-viewmore:hover{
    text-decoration: underline;
    color: #ffffff !important;
}

.view-tutor-search-results .view-filters{
    padding: 10px 0;
    border-bottom: 1px dotted #ef211e;
    border-top: 3px dotted #ef211e;
}

.view-tutor-search-results .view-filters select,
.view-tutor-search-results .view-filters input{
    padding: 6px;
    margin-top: 2px;
    width: 270px;
    height: 35px !important;
    margin: 0 auto;
}

.view-tutor-search-results .view-filters label{
    color: #183962;
}

.page-tutor-search-results .region.region-highlighted{
    margin-top: 0;
}

#views-exposed-form-tutor-search-results-page-1 .views-widget-filter-field_classes_and_subjects_tid,
#views-exposed-form-tutor-search-results-page-1 .views-widget-filter-field_select_your_city_tid,
#views-exposed-form-tutor-search-results-page-1 .views-widget-filter-field_pin_code_value{
    background: #ecf3f4;
    padding: 10px 10px 15px !important;
    border: 1px solid #fff;
    border-radius: 4px;
}


.view-tutor-search-results .select-wrapper{
    margin: 0 10px;
}

.view-tutor-search-results .views-exposed-form .views-exposed-widget {
    float: none;
    text-align: center;
}

.view-tutor-search-results .views-exposed-form .form-submit{
    margin: 0;
    width: 180px;
}

.view-tutor-search-results .view-empty {
    background: #ecf3f4;
    padding: 15px;
    margin-top: 10px;
    border: 2px solid #ed211e;
}

.tutor-search-container .imp-links{
    margin-bottom: 20px;
}

.tutor-search-container .imp-links a{
    font-size: 15px;
    font-weight: 600;
}

.tutor-search-container .imp-links img{
    border: 1px solid rgba(204, 204, 204, 0.43);
    border-radius: 10px;
    margin-right: 2px;
    padding: 3px;
    background: rgba(236, 234, 236, 0.23);
    display: inline !important;
}


.study-related-content {
    margin-top: 20px;
}

.view-similarterms .item-list.item-list-pager,
fieldset#edit-profile-tutor-profile-field-profile-headlines-und-0-format,
.not-front .about-info{
    display: none !important;
}


/*Bootstrap CSS*/

/**** Footer Style ***/

#footer {
  background-color: #00838f;
  box-shadow: 0px -8px 0px 0.00px #c6d0d1;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

#footer .region-inner {
  padding: 25px 0 50px;
  margin: 0 20px;
}

#footer .region-footer {
  margin: 0 10px;
}

#footer .block {
    margin: 0;
    width: 300px;
    float: left;
}

#footer a{
    color: #fff;
    font-size: 16px;
}

#footer h2{
    border-bottom: 2px solid #E6EFEF;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 0 0 10px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    word-spacing: 5px;
}

#footer h2::after,
#footer h2::before{
    background-color: #ffc107;
}

#footer h2::before{
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 9px;
    left: 0;
    position: absolute;
    width: 9px;
    border-radius: 50%;
}

#footer h2::after{
    bottom: -2px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}


#footer ul > li > a:before{
    content: "\f046";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #bee3ff;
    font-size: 14px;
}

/** Latest CBSE News **/
.newsbox {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 70px;
    margin-top: 15px;
}

.newsbox > h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-top: 0;
}

.newsbox p{
    color: #7d7575;
}

.newsbox a {
    color: #23a3bf;
}

.newsbox a:hover{
    color: #dc3545;
}

.newsbox i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2em;
    line-height: 1.6em;
    height: 1.9em;
    width: 1.9em;
    text-align: center;
    background: #0099ba;
    color: #fff;
    border: 5px solid #e7eaec;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.newsbox:hover i {
    color: #e2e2e2;
    border-color: #ccc;
}

.newsbox, .newsbox i, .newsbox p, .newsbox h3 {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.news-more a{
    font-size: 20px;
}

a.read, .read a, .read-more{
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    color: #819296;
    font-size: 12px;
    font-weight: 600;
    text-align: right !important;
}

a.read:after, .read a:after{
    -webkit-transition: left 0.3ms ease;
    -moz-transition: left 0.3ms ease;
    -o-transition: left 0.3ms ease;
    transition: left 0.3ms ease;
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 0.5em;
}


/** Home Classes Box **/
/*
.info_service {
    padding: 20px 0;
}
*/
.serviceBox_1 .icon_service i{
    display: block;
    font-size: 45px;
    line-height: 80px;
    height: 90px;
    width: 90px;
    color: #fff;
    border-radius: 50%;
    margin-bottom: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: 5px solid #b8caba;
    box-shadow: rgba(137, 173, 255, 0.35) -10px 10px 35px 5px;
}

i.red {
    background: #e62117 !important;
}

i.green {
    background: #16e426 !important;
}

i.blue {
    background: #054b81 !important;
}

i.purple {
    background: #f00fff !important;
}


.serviceBox_1 .icon_service {
    margin-bottom: 20px;
}


.serviceBox_1 .icon_service i:hover, 
.class-subject-box .serviceBox_1 .icon_service:hover {
    box-shadow: 0 10px 55px 5px rgba(255, 193, 7, 0.7);
    transform: translateY(-0.8rem);
    cursor: pointer;
}

.serviceBox_1 .icon_service > h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.serviceBox_1 .service_content > p {
    font-size: 14px;
    line-height: 1.4;
}


.serviceBox_1 .icon_service a {
    color: #2e3031;
}

.serviceBox_1 .icon_service a:hover {
    color: #0056b3;
    text-decoration: none;
}

.about-info {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
}


/** Subjects Boxes inside **/
.class-subject-box .serviceBox_1 .icon_service {
    display: block;
    padding: 10px;
    height: 106px;
    width: 164px;
    margin-bottom: 30px;
    box-shadow: rgba(137, 173, 255, 0.35) 0px 0px 3px 0px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

.class-subject-box .serviceBox_1 .icon_service > h3 {
    font-size: 15px;
    font-weight: 400;
}


/** Right Sidebar CSS **/

.region-sidebar-second {
    width: 100% !important;
    margin-left: 0 !important;
}

.region-sidebar-second .block {
    margin-bottom: 20px;
}

.region-sidebar-second h2{
    padding: 0 0 10px 20px;
    border-bottom: 2px dotted #ccc;
}

.region-sidebar-second ul li{
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
    margin: 0;
}


.region-sidebar-second .menu-block-1 ul > li > a:before,
.region-sidebar-second .menu-block-2 ul > li > a:before,
.region-sidebar-second .menu-block-3 ul > li > a:before,
.region-sidebar-second .menu-block-4 ul > li > a:before,
.region-sidebar-second .view-cbse-class-menu ul li a:before,
.region-sidebar-second .block-custom-study-subjects ul li a:before{
    content: "\f046";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #dc3545;
    font-size: 14px;
}


.region-sidebar-second h2:before{
    content: "\f0a4";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #00838f;
    font-size: 1.1em;
    float: left;
}

.region-sidebar-second .item-list ul li{
   margin: 0 0 0.25em 0.5em;
}


ul.lefttoplinks{list-style-type:none;padding:0;margin:0}
ul.lefttoplinks li{
    display:block; 
    box-shadow: 0 5px 15px 0px #f1f2f3;
    margin:0 0 6px; 
    padding:0;
}

ul.lefttoplinks li:hover{
    display: block;
    box-shadow: 0 5px 10px 5px #0099ba;
    transform: translateY(0.4rem);
    cursor: pointer;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

ul.lefttoplinks li a{text-decoration:none; color:rgb(251, 13, 13); padding: 0 0 0 15px; vertical-align: middle; font-weight: 600; font-size: 15px;}
ul.lefttoplinks li a:hover{text-decoration:none; padding: 0 0 0 15px; vertical-align: middle; color:rgb(81, 81, 81);}

ul.lefttoplinks li img.menuicon {
    width: 40px;
    height: 40px;
    background: #ffffff;
    padding: 4px;
    border: 3px solid #dee2e6;
    margin: 4px 15px 4px 0;
    vertical-align: middle;
    border-radius: 50%;
}


ul.lefttoplinks li img:hover{
	transform: rotate(360deg);
	transition:1s;
}

#block-block-24 .block-inner{
    margin: 0;
}


/** More content boxes **/

.study-outer-pane{
    display: block;
    float: left;
    padding: 10px;
    width: 305px;
    min-height: 140px;
    height: 170px;
    margin: 10px;
    background: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: line-height 1s, height 3s ease-in, opacity 1s, border-radius 1s;
}

.study-outer-responsive-ads{
    width: 100%;
    min-height: 60px;
    margin: 10px 20px 10px 4px;
    display: block;
    clear: both;
}

.study-outer-pane  p{
    display: none;
}


.study-outer-pane:hover{
   border-radius: 20px;
   background: rgba(237, 246, 255, 0.25);
   cursor: pointer;
}

.study-outer-pane a{
    color: #000; 
}

.study-outer-pane a:hover{
    color: #0099ba;
}

.study-outer-pane h2{
    font-size: 22px;
    margin-bottom: 10px;
    color: #0099ba;
}

.study-outer-pane h2:hover{
    color: #000;
}

.study-outer-pane a.read-more{
    float: right
}

.study-outer-pane .row{
    display: block !important;
}

/** Home Pages Boxes **/

/*
.downloadbox-cont,
.imp-links-box,
.resources-box{
    margin-right: -28px !important;
}*/

/** Home Download Box **/
.downloadbox-cont {	
    background: #e4ecff;
    padding: 30px;
}

.downloadbox h3{
  color: white;
  font-size: 16px;
  margin-top: 10px;
}

.downloadbox-cont h4 a{
  font-size: 16px;
}

.downloadbox {
    height: 150px;
    text-align: center;
    background: #fff;
    margin-top: 20px;
}

.downloadbox .study-icons{
  display: block;
  width: 100%;
  height: auto;
  line-height: 150px;
}

.downloadbox .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.downloadbox:hover .overlay {
  opacity: 1;
}

.downloadbox .text {
    color: white;
    text-align: center;
    margin: 10px;
}

.downloadbox .clickhere{
    color: #fff;
}

.downloadbox .btn-clickhere {
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
}

.downloadbox .btn-clickhere a{
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
}

/** Home Headings H2 CSS**/
h2.intro{
    margin-bottom: 10px;
}

.btn-brand i {
    display: inline-block;
    width: 2.0625rem;
    margin: -.375rem -.75rem;
    line-height: 2.0625rem;
    text-align: center;
    background-color: rgba(0,0,0,.2);
}

.btn-brand i+span {
    margin-left: 1.0rem;
}


span.bordered-icon:before {
    left: 100%;
}

span.bordered-icon:after {
    right: 100%;
}

span.bordered-icon {
    color: #ff4e12;
    padding: 0 10px;
    font-size: 15px;
    line-height: 17px;
    position: relative;
    display: inline-block;
}

span.bordered-icon:before, span.bordered-icon:after {
    content: "";
    background: #8abeea;
    width: 120px;
    height: 1px;
    top: 8px;
    position: absolute;
}


/** Home Important Box **/
.imp-links-box {
    background: linear-gradient(45deg, #ffc107 0%, #00838f 40%);
}

.imp-links-box .imp-links{
    width:100%;
    margin-bottom: 20px;
}

.imp-links-box a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

.imp-links-box a:hover {
    color: #ffc107;
}


.imp-links-box .about-info,
.imp-links-box .intro{
   color: #fff;
}


/** Home Borads **/

.boards-box .imp-links i {
    font-size: 1em;
    margin-right: 5px;
    color: #d81344;
}

.boards-box .imp-links{
     width:100%;
    margin-bottom: 20px;
}

.boards-box a {
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}


.boards-box .imp-links a:hover,
.resources-box .imp-links a:hover{
    color: #dc3545;
} 

/** Home Borads & Useful Resources **/
.resources-box {
    background: linear-gradient(45deg, #020202 0%, #00838f 100%);
}

.resources-box .imp-links{
    width:100%;
    margin-bottom: 20px;
}

.resources-box .imp-links i {
    font-size: 1.2em;
    margin-right: 5px;
    color: #f0f9a6;
}

.resources-box .imp-links a{
    color: #ecf3f4;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
}

.resources-box .about-info, .resources-box .intro{
   color: #fff;
}


/** Add to Home Screen Popup CSS **/
#addhomepopup{
    position: fixed;
    bottom: 5px;
    left: 10px;
}

#addhomepopup .addbodypopup {
    background: #008CBA;
    color: #fff;
    border-radius: 5px;
    padding: 7px 8px;
    border: 2px solid #e2e2e2;
    width: 260px;
    height: 70px;
    vertical-align: middle;
    display: block;
    line-height: 50px !important;
}

#addhomepopup .addbodypopup img {
    width: 55px;
    height: 50px;
    margin-right: 10px;
    float: left;
}

#addhomepopup .addbodypopup .btn-primary {
    color: #fff;
    border-color: #fff;
    font-weight: 600;
}

#addhomepopup .closebtn {
    margin: 0;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 10px;
    cursor: pointer;
    transition: 0.3s;
    padding: 5px !important;
}

/** Common CSS **/
.btn-secondary {
    background-color: #149dcc !important;
    border-color: #149dcc;
    color: #ffffff;
}

.btn-primary {
    background-color: #ff3366 !important;
    border-color: #ff3366;
    color: #ffffff;
}

.responsive-ads{
    background: #f7f7f7;
    border: 1px solid #e4e4e4;
    min-height: 91px !important;
    text-align: center !important;
}

.page-new-home .pane-new-home-page-child-terms{
    display: none !important;
}

.panels-flexible-region-5-body{
    width: 100% !important;
}

#block-search-form .for-text{
    margin-top: 0 !important;
}

.view-user-image-info-block .row,
.view-iframelogin .row,
.global-list-icon .row,
.global-list-icon1 .row{
    display: block;
}

.views-field-field-header-info p
.views-field-field-footer-info p,
.view-category-header-information p,
.view-category-footer-information p{
   text-align: justify; 
}

.page-user-login #page-title,
.page-user-register #page-title{
    margin-top: 0 !important;
}

caption{
    caption-side: unset !important;
    padding-left: 0;
}

ul.pager li:before{
     content: "";
}

#block--click-here {
    margin-bottom: 20px;
    background-color: #3ADF00;
    width: 100%;
    padding: 1px 0;
    margin-top: 20px;
}

th.views-field.views-field-title {
    display: none;
}

/***Responsive image and common CSS***/
.view-category-footer-information img,
.view-category-header-information img,
.field-name-field-category-header img,
.field-name-field-category-footer img,
.field-name-field-information img,
.taxonomy-term-description img,
.node-content img{
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto;
}

.node-type-multichoice img{
    text-align: left !important;
    margin: 5px 0 !important;
}

#menu-bar nav ul li a:not(:only-child):after, 
#menu-bar nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: "\f0d7";
    float: right;
    font-size: 25px;
}

.pdff-container {
    border-radius: 20px;
    border: 2px solid #3f79ab;
    margin-bottom: 30px !important;
}

#views-exposed-form-tutor-search-results-page-2 {
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #5a6d7d;
    color: #fff;
}

#views-exposed-form-tutor-search-results-page-2 label{
    color: #fff;
    font-size: 16px;
}

#views-exposed-form-tutor-search-results-page-2 .description{
    font-size: 12px;
}

#views-exposed-form-tutor-search-results-page-2 input[type=text]{
    width: 248px;
}

span.boldtext{
    font-weight: 600;
}

.page-taxonomy-term #block-system-main .nodes .taxonomy-tags-nodes,
.page-taxonomy-term #block-system-main .item-list-pager,
.field-name-field-profile-views,
.field-name-field-tutor-profile-views{
    display: none !important;
}

.block-tutor-search-results-block-1{
    margin-top: 50px;
}

/*** Load More CSS for all List views ***/
.views-slideshow-controls-text-previous a,
.views-slideshow-controls-text-pause a,
.views-slideshow-controls-text-next a{
    display: none;
}

.views-slideshow-controls-bottom .views-slideshow-controls-text-next:before{
    content: "\f077";
    font-family: 'FontAwesome';
    background: #f36;
    border: 3px solid #fff;
    padding: 7px;
    color: #fff;
    font-size: 1.5em;
}

.views-slideshow-controls-bottom .views-slideshow-controls-text-previous:before{
    content: "\f078";
    font-family: 'FontAwesome';
    background: #f36;
    border: 3px solid #fff;
    padding: 7px;
    color: #fff;
    font-size: 1.5em;
}

.views-slideshow-cycle-main-frame-row-item .field-content a:before{
    content: "\f0a9";
    font-family: 'FontAwesome';
    color: #f36;
    float: left;
    margin-right: 10px;
}

.views-slideshow-cycle-processed{
    background: rgba(236, 234, 236, 0.23);
    border: 1px solid rgba(204, 204, 204, 0.43);
    padding: 10px;
    width: 100%;
    display: block;
    clear: both;
}

.views-slideshow-cycle-main-frame{
    width: 100% !important;
   /*  height: 100% !important;*/
}

.page-node .views-slideshow-cycle-main-frame{
    height: 100% !important;
}


.page-node .views-slideshow-cycle-main-frame-row-item,
.page-node .views-slideshow-cycle-main-frame-row{
    position: inherit !important;
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 10px;
    word-wrap: break-word;
}


.views-slideshow-cycle-main-frame-row-item,
.views-slideshow-cycle-main-frame-row{
   /* position: inherit !important;*/
    width: 100% !important;
   /*  height: 100% !important; */
    margin-bottom: 10px;
    word-wrap: break-word;
}

.views-slideshow-controls-bottom{
    display: block !important;
    text-align: center;
    margin-top: 30px;
    position: relative;
    z-index: 9999;
}

.views-slideshow-controls-text-previous{
    margin-right: 20px;    
}

.views_slideshow_controls_text span:hover {
    text-decoration: none;
    cursor: pointer;
}


/*** Read More and Read Less CSS ***/
.readmorecontainer{
    margin-bottom: 30px;
}

.readmorecontainer .text-status.collapsed {
    max-height: 121px;
}

.readmorecontainer .text-status {
    margin: 5px 0 6px;
    overflow: hidden;
    max-height: none;
}

.readmorecontainer .show-more {
    background: #fff;
    text-align: right;
    position: relative;
    margin-bottom: 5px;
}

.readmorecontainer .text-status.collapsed+.show-more:before {
    content: '';
    position: absolute;
    display: block;
    height: 24px;
    top: -24px;
    left: 0px;
    right: 0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 82%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(82%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 82%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 82%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.readmorecontainer .show-more .btn {
    color: #007bff;
    font-weight: 500;
    padding: 0;
    cursor: pointer;
}


/*** share correct Answer Form ***/
.node-share_correct_answer-form{
    background: rgb(0, 140, 186);
    padding: 1.2em 1.2em 3em;
    width: 100%;
    display: block;
    clear: both;
}

.node-share_correct_answer-form label{
    color: #fff;
    font-size: 1em;
    font-weight: 500;
}

.node-share_correct_answer-form .double-field-elements{
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 20px;
}

.node-share_correct_answer-form input[type=text]{
   width: 100%; 
}

.node-share_correct_answer-form select{
    height: 30px;
    width: 90px; 
    background: #ffffbd;
    font-size: 1em;
    margin: 0 16px 0 0;
}

.node-share_correct_answer-form th,
.node-share_correct_answer-form td,
.node-share_correct_answer-form caption,
.node-share_correct_answer-form tr.odd,
.node-share_correct_answer-form tr.even{
    border-bottom: none;
    background: none;
    padding: 0;
}

.node-share_correct_answer-form td.field-multiple-drag{
    width:0  !important;
}

.node-share_correct_answer-form .tabledrag-handle{
    display: none !important;
}

input[type=submit].field-add-more-submit{
    border-radius: 4px;
    text-align: center;
    padding: 3px 10px;
    margin-top: -10px;
    float: right;
}

.study-outer-pane .row{
    display: block !important;
}

/*** Quiz Results Summary CSS *****/
#quiz_summary h2.pass-message{
    background: #ebf0f2;
    padding: 10px;
    color: #4CAF50;
    line-height: 35px;
}   
    
#quiz_summary .card-body{
    background: #054b81;
}

#quiz_summary .card p{
    margin: 0 important;
    padding: 0 important;
    font-size: 17px;
    color: #fff;
    letter-spacing: 0px;
    line-height: 30px;
    text-align: left;
}

#quiz_summary .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #ffffff;
    font-size: 18px;
    padding: 5px 15px;
}


/*** Certificate Notice CSS *****/
.cert-notice h3 i{
   font-size: 1.0em; 
   color: #ff5722
}

.cert-notice h3{
    font-size: 1.4em;
    color: #008cba;
}

.cert-notice .alert-info {
    color: #0c5460;
    background-color: #FFEB3B;
    border-color: #0c5460
}

.cert-notice .alert-info hr {
    border-top: 1px dotted #a97474;
}

.cert-notice .col-md-12{
    padding-left: 0;
    padding-right: 0;
}


/*** Buy PDF CSS *****/
#custom-gateway-form{
    background: rgba(236, 234, 236, 0.23);
    border: 1px solid rgba(204, 204, 204, 0.43);
    padding: 5px 30px 30px;
}

.view-download-details th, 
.view-download-details td, 
.view-download-details caption{
    font-size: 11px; 
    font-weight: 600; 
    padding: 5px;
    border: 1px solid #e2e2e2;
}


.view-download-details th.views-field.views-field-title {
    display: block !important;
}

.pdfbuynow{
    width: 100%;
    margin: 0 auto 20px;
}

.pdfbuynow .btn-primary{
    color: #fff;
    background-color: #007bff;
    border-color: #ffffff;
    font-size: 15px;
    padding: 5px 15px;
}

/*** Top TutorsF CSS *****/
#block-views-tutor-search-results-top-tutors .top-tutors{width: 90%; padding: 15px 15px; margin: 20px; float: left;background: #fff;border-radius: 10px;}
#block-views-tutor-search-results-top-tutors .profile-circle{ width:100px; height:100px; float: none; margin: 0 auto;}
#block-views-tutor-search-results-top-tutors .profile-circle img{ border: solid 5px #dedede; height:100%; width:100%; border-radius:100%; object-fit:cover;}
#block-views-tutor-search-results-top-tutors .profile-text{width: 100%; text-align: center; float: none;}
#block-views-tutor-search-results-top-tutors .profile-text .fullnameheading{padding: 0 !important; padding: 0 !important; font-size: 16px; font-weight: 600;}
#block-views-tutor-search-results-top-tutors .profile-text p{min-height: 60px; margin-bottom: 0; }

#block-views-tutor-search-results-top-tutors .carousel {
    background: #e4ecff;
    padding: 0 45px;
}


#block-views-tutor-search-results-top-tutors .news-more a {
    margin-top: 10px;
}

#block-views-tutor-search-results-top-tutors .carousel-control-prev, 
#block-views-tutor-search-results-top-tutors .carousel-control-next {
    background: #ffffff;
    width: 35px;
    color: #3383bb;
    height: 40px;
    vertical-align: middle;
    position: absolute;
    top: 128px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    font-size: 24px;
    margin: 0 10px;
    opacity: 1;
}  


#block-views-tutor-search-results-top-tutors .carousel-control-next:focus, 
#block-views-tutor-search-results-top-tutors .carousel-control-prev:focus,
#block-views-tutor-search-results-top-tutors .carousel-control-next:hover,
#block-views-tutor-search-results-top-tutors .carousel-control-prev:hover {
    color: #ff3366;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

#block-views-tutor-search-results-top-tutors .carousel-indicators {
    bottom: -36px;
}

#block-views-tutor-search-results-top-tutors .carousel-indicators li {
	border-radius:0;
	width:12px;
	height:12px;
	background:#ccc;
	border:1px solid #ccc;
}

#block-views-tutor-search-results-top-tutors .carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}