/*!

Theme Name: Medicus - HEALTH-X

Theme URI: http://plethorathemes.com/html/medicus/

Description: Medical HTML Template based on twitter bootstrap. 

Version: 1.1.0

Author: Plethora Themes

Author URI: http://www.plethorathemes.com

*/

/* 

    TABLE OF CONTENTS

=================================================================



    0. =BOOTSTRAP FRAMEWORK REFERENCE IMPORTS



    1. =THEME MIXINS GENERAL HELPER STYLES & CLASSES



    2. =BUTTONS



    3. =BODY & TYPOGRAPHY



    4. =THE HEADER, LOGO & PRIMARY MENU



    5. =THE HEAD PANEL AREA



    6. =THE MAIN AREA & THE ROOT SECTION ELEMENT



    7. =DESIGN ELEMENTS



    8. =BLOG PAGE 



    9. =SIDEBAR & WIDGETS



    10. =FOOTER WIDGETIZED AREA



    11. =BOOTSTRAP ELEMENTS OVERRIDES



    12. =MISC STYLES



    13. =RESPONSIVE STATES



=================================================================

*/

/* 

================================================================= 





0. =BOOTSTRAP FRAMEWORK REFERENCE IMPORTS



In "style.less" we reference some of Bootstrap's .less files in order to take advantage of their classes and mixins.

We also reference the "theme_variables.less" in order to override the original variables and make our custom theme. 

A customized "theme_custom_bootstrap.css" is also loaded by the theme in a precompiled minified css version.

================================================================= 

*/

/*!

 ______ _____   _______ _______ _______ _______ ______ _______ 

|   __ \     |_|    ___|_     _|   |   |       |   __ \   _   |

|    __/       |    ___| |   | |       |   -   |      <       |

|___|  |_______|_______| |___| |___|___|_______|___|__|___|___|



P L E T H O R A T H E M E S . C O M 				   (c) 2015

                        

Theme Name: Medicus

THEME STYLES v.1.0.0

=============================================================== 

*/

/* 

1. =THEME MIXINS GENERAL HELPER STYLES & CLASSES

=============================================================== 

*/

.background_cover {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.background_cover_fixed {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

}

.show {

  visibility: visible !important;

  opacity: 1 !important;

  filter: alpha(opacity=100) !important;

}

.not_visible {

  visibility: hidden;

}

.pause_animation {

  -moz-animation-name: none;

  -webkit-animation-name: none;

  animation-name: none;

  visibility: hidden;

}

.overflow-hidden {

  overflow: hidden;

}

.uppercase {

  text-transform: uppercase !important;

}

.centered {

  text-align: center !important;

}

.elevate {

  -o-transform: translate(0px, -70px);

  -webkit-transform: translate(0px, -70px);

  -ms-transform: translate(0px, -70px);

  transform: translate(0px, -70px);

}

.lead {

  font-size: 17px;

  font-weight: normal;

}

@media (min-width: 768px) {

  .lead {

    font-size: 22.5px;

  }

}

.boxed {

  padding-top: 30px;

  padding-bottom: 30px;

  padding-left: 20px;

  padding-right: 20px;

  border: solid 1px #cbcbcb;

}

.boxed_plus {

  padding-left: 40px;

  padding-right: 40px;

  padding-top: 30px;

  padding-bottom: 30px;

}

.dark_section .boxed,

.dark_section.boxed,

.secondary_section .boxed,

.secondary_section.boxed,

.light_section .boxed,

.light_section.boxed,

.white_section .boxed,

.white_section.boxed,

.black_section .boxed,

.black_section.boxed,

.skincolored_section .boxed,

.skincolored_section.boxed,

footer .boxed {

  border: none !important;

}

.boxed-special {

  padding-top: 40px;

  border: solid 1px #4eabf9 !important;

}

.boxed-special:after {

  content: "";

  display: inline-block;

  height: 10px;

  background: #4eabf9;

  bottom: 0;

  width: 80px;

  position: absolute;

  left: 50%;

  -o-transform: translate(-50%, 0);

  -webkit-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

}

div[class*='_section'].boxed-special {

  border: solid 1px #4eabf9 !important;

}

.main section.gradient,

.main section.gradient-invert {

  padding: 0;

}

.main section.gradient .container,

.main section.gradient-invert .container {

  padding-top: 55px;

  padding-bottom: 55px;

}

footer.gradient,

footer.gradient-invert {

  padding: 0;

}

footer.gradient .container,

footer.gradient-invert .container {

  padding-top: 55px;

  padding-bottom: 25px;

}

.gradient {

  background: linear-gradient(to right, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);

}

.gradient-invert {

  background: linear-gradient(to left, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);

}

.diagonal-30 .container {

  background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 30%, #304770 30%, #304770 100%);

}

.diagonal-30-invert .container {

  background: linear-gradient(45deg, #304770 0%, #304770 30%, #4eabf9 30%, #4eabf9 100%);

}

.diagonal-30-minusangle-invert .container {

  background: linear-gradient(-45deg, #4eabf9 0%, #4eabf9 70%, #304770 70%, #304770 100%);

}

.diagonal-30-minusangle .container {

  background: linear-gradient(-45deg, #304770 0%, #304770 70%, #4eabf9 70%, #4eabf9 100%);

}

.diagonal-50 .container {

  background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);

}

.diagonal-50-invert .container {

  background: linear-gradient(45deg, #304770 0%, #304770 50%, #4eabf9 50%, #4eabf9 100%);

}

.diagonal-50-minusangle-invert .container {

  background: linear-gradient(-45deg, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);

}

.diagonal-50-minusangle .container {

  background: linear-gradient(-45deg, #304770 0%, #304770 50%, #4eabf9 50%, #4eabf9 100%);

}

.diagonal-70 .container {

  background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 70%, #304770 70%, #304770 100%);

}

.diagonal-70-invert .container {

    background: linear-gradient(54deg, #304770 0%, #304770 81%, #4eabf9 79%, #4eabf9 100%);

}

.diagonal-70-minusangle-invert .container {

  background: linear-gradient(-45deg, #4eabf9 0%, #4eabf9 30%, #304770 30%, #304770 100%);

}

.diagonal-70-minusangle .container {

  background: linear-gradient(-45deg, #304770 0%, #304770 30%, #4eabf9 30%, #4eabf9 100%);

}

.stretchy-wrapper {

  width: 100% !important;

  padding-bottom: 56.25% !important;

  /* 16:9 */

  position: relative !important;

  overflow: hidden !important;

  margin-bottom: -1px;

  height: 0px;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  display: block;

}

.stretchy-wrapper.ratio_16-9 {

  padding-bottom: 56.25% !important;

}

.stretchy-wrapper.ratio_15-9 {

  padding-bottom: 62% !important;

}

.stretchy-wrapper.ratio_4-3 {

  padding-bottom: 75% !important;

}

.stretchy-wrapper.ratio_12-5 {

  padding-bottom: 41.66% !important;

}

.stretchy-wrapper.ratio_2-1 {

  padding-bottom: 50% !important;

}

.stretchy-wrapper.ratio_1-1 {

  padding-bottom: 100% !important;

}

.stretchy-wrapper.ratio_5-1 {

  padding-bottom: 20% !important;

}

.stretchy-wrapper.ratio_slider {

  padding-bottom: 33% !important;

}

.stretchy-wrapper > * {

  display: block;

  position: absolute !important;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.transparent,

.transparent-film {

  background-color: transparent !important;

}

.transparent-film > * {

  position: relative;

}
.transparent,

.transparent-film1 {

  background-color: transparent !important;

}

.transparent-film1 > * {

  position: relative;

}

.transparent-film:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  background-color: #efefef;

  background-color: rgba(239, 239, 239, 0.5);

}
.transparent-film1:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 308px;

  z-index: 0;

  background-color: #efefef;

  background-color: rgba(239, 239, 239, 0.5);

}


.black_section.transparent-film:before {

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.5);

}

.white_section.transparent-film:before {

  background-color: #ffffff;

  background-color: rgba(255, 255, 255, 0.5);

}

.skincolored_section.transparent-film1:before {

  background-color: #359ff8;
	
  background-color: rgba(53, 159, 248, 0.5);

}

.secondary_section.transparent-film:before {

  background-color: #283c5e;

  background-color: rgba(40, 60, 94, 0.5);

}

.dark_section.transparent-film:before {

  background-color: #19212e;

  background-color: rgba(25, 33, 46, 0.5);

}

.light_section.transparent-film:before {

  background-color: #b7b7b7;

  background-color: rgba(183, 183, 183, 0.5);

}

.black_section.neutralize_links a:link,

.black_section.neutralize_links a:visited {

  color: #ffffff !important;

}

.white_section.neutralize_links a:link,

.white_section.neutralize_links a:visited {

  color: #323232 !important;

}

.skincolored_section.neutralize_links a:link,

.skincolored_section.neutralize_links a:visited {

  color: #ffffff !important;

}

.secondary_section.neutralize_links a:link,

.secondary_section.neutralize_links a:visited {

  color: #ffffff !important;

}

.dark_section.neutralize_links a:link,

.dark_section.neutralize_links a:visited {

  color: #ffffff !important;

}

.light_section.neutralize_links a:link,

.light_section.neutralize_links a:visited {

  color: #323232 !important;

}

.gradient-film-to-top,

.gradient-film-to-bottom {

  background-color: transparent !important;

}

.gradient-film-to-top > *,

.gradient-film-to-bottom > * {

  position: relative;

}

.gradient-film-to-top:before,

.gradient-film-to-bottom:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

}

.gradient-film-to-top:before {

  background: linear-gradient(to top, #efefef 0%, rgba(239, 239, 239, 0.8) 10%, transparent 100%);

}

.gradient-film-to-bottom:before {

  background: linear-gradient(to bottom, #efefef 0%, rgba(239, 239, 239, 0.8) 10%, transparent 100%);

}

.black_section.gradient-film-to-bottom:before {

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);

}

.white_section.gradient-film-to-bottom:before {

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, transparent 100%);

}

.skincolored_section.gradient-film-to-bottom:before {

  background: linear-gradient(to bottom, rgba(78, 171, 249, 0.65) 0%, transparent 100%);

}

.secondary_section.gradient-film-to-bottom:before {

  background: linear-gradient(to bottom, rgba(48, 71, 112, 0.65) 0%, transparent 100%);

}

.dark_section.gradient-film-to-bottom:before {

  background: linear-gradient(to bottom, rgba(34, 45, 63, 0.65) 0%, transparent 100%);

}

.light_section.gradient-film-to-bottom:before {

  background: linear-gradient(to bottom, rgba(170, 170, 170, 0.65) 0%, transparent 100%);

}

.black_section.gradient-film-to-top:before {

  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);

}

.white_section.gradient-film-to-top:before {

  background: linear-gradient(to top, rgba(255, 255, 255, 0.65) 0%, transparent 100%);

}

.skincolored_section.gradient-film-to-top:before {

  background: linear-gradient(to top, rgba(78, 171, 249, 0.65) 0%, transparent 100%);

}

.secondary_section.gradient-film-to-top:before {

  background: linear-gradient(to top, rgba(48, 71, 112, 0.65) 0%, transparent 100%);

}

.dark_section.gradient-film-to-top:before {

  background: linear-gradient(to top, rgba(34, 45, 63, 0.65) 0%, transparent 100%);

}

.light_section.gradient-film-to-top:before {

  background: linear-gradient(to top, rgba(170, 170, 170, 0.65) 0%, transparent 100%);

}

i.fa.skincolored_section {

  background-color: #4eabf9 !important;

}

i.fa.secondary_section {

  background-color: #304770 !important;

}

i.fa.light_section {

  background-color: #aaaaaa !important;

}

i.fa.dark_section {

  background-color: #222d3f !important;

}

i.fa.black_section {

  background-color: #151515 !important;

}

i.fa.white_section {

  background-color: #ffffff !important;

}

.no_margin {

  margin: 0 !important;

}

.no_margin_top {

  margin-top: 0 !important;

}

.no_margin_bottom {

  margin-bottom: 0 !important;

}

.margin_top {

  margin-top: 55px !important;

}

.margin_bottom {

  margin-bottom: 55px !important;

}

.margin_top_half {

  margin-top: 27.5px !important;

}

.margin_bottom_half {

  margin-bottom: 27.5px !important;

}

.no_padding {

  padding: 0 !important;

}

.no_padding_top {

  padding-top: 0 !important;

}

.no_padding_bottom {

  padding-bottom: 0 !important;

}

.padding_top {

  padding-top: 55px !important;

}

.padding_bottom {

  padding-bottom: 55px !important;

}

.padding_top_half {

  padding-top: 27.5px !important;

}

.padding_bottom_half {

  padding-bottom: 27.5px !important;

}

.margin_top_grid {

  margin-top: 31px;

}

.margin_bottom_grid {

  margin-bottom: 31px;

}

.click-disable {

  -moz-user-select: -moz-none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

/* 

2. =BUTTONS

=============================================================== 

*/

.btn {

  display: inline-block;

  background-image: none;

  border: 0px solid transparent;

  font-weight: bold;

  text-align: center;

  text-transform: uppercase;

  padding: 8px 24px;

  font-size: 15px;

  line-height: 1.5;

  border-radius: 0;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus {

  outline: thin dotted;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

.btn:hover,

.btn:focus {

  color: #efefef;

  text-decoration: none;

}

.btn:active,

.btn.active {

  outline: 0;

  background-image: none;

}

.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

  cursor: not-allowed;

  pointer-events: none;

  opacity: 0.65;

  filter: alpha(opacity=65);

}

.btn-default {

  color: #efefef;

  background-color: #323232;

  border-color: transparent;

  color: #efefef !important;

  background-color: #323232 !important;

  border-color: transparent !important;

}

.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  color: #efefef;

  background-color: #181818;

  border-color: rgba(0, 0, 0, 0);

}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  background-image: none;

}

.btn-default .badge {

  color: #323232;

  background-color: #efefef;

}

.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  color: #efefef !important;

  background-color: #181818 !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  background-image: none;

}

.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

fieldset[disabled] .btn-default.focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

  background-color: #323232;

  border-color: transparent;

}

.btn-default .badge {

  color: #323232;

  background-color: #efefef;

}

.btn-primary {

  color: #ffffff;

  background-color: #4eabf9;

  border-color: transparent;

  color: #ffffff !important;

  background-color: #4eabf9 !important;

  border-color: transparent !important;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  color: #ffffff;

  background-color: #1d94f7;

  border-color: rgba(0, 0, 0, 0);

}

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  background-image: none;

}

.btn-primary .badge {

  color: #4eabf9;

  background-color: #ffffff;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  color: #ffffff !important;

  background-color: #1d94f7 !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  background-image: none;

}

.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

  background-color: #4eabf9;

  border-color: transparent;

}

.btn-primary .badge {

  color: #4eabf9;

  background-color: #ffffff;

}

.btn-secondary {

  color: #ffffff;

  background-color: #304770;

  border-color: transparent;

  color: #ffffff !important;

  background-color: #304770 !important;

  border-color: transparent !important;

}

.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary.focus,

.btn-secondary:active,

.btn-secondary.active,

.open > .dropdown-toggle.btn-secondary {

  color: #ffffff;

  background-color: #21304c;

  border-color: rgba(0, 0, 0, 0);

}

.btn-secondary:active,

.btn-secondary.active,

.open > .dropdown-toggle.btn-secondary {

  background-image: none;

}

.btn-secondary .badge {

  color: #304770;

  background-color: #ffffff;

}

.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary.focus,

.btn-secondary:active,

.btn-secondary.active,

.open > .dropdown-toggle.btn-secondary {

  color: #ffffff !important;

  background-color: #21304c !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-secondary:active,

.btn-secondary.active,

.open > .dropdown-toggle.btn-secondary {

  background-image: none;

}

.btn-secondary.disabled,

.btn-secondary[disabled],

fieldset[disabled] .btn-secondary,

.btn-secondary.disabled:hover,

.btn-secondary[disabled]:hover,

fieldset[disabled] .btn-secondary:hover,

.btn-secondary.disabled:focus,

.btn-secondary[disabled]:focus,

fieldset[disabled] .btn-secondary:focus,

.btn-secondary.disabled.focus,

.btn-secondary[disabled].focus,

fieldset[disabled] .btn-secondary.focus,

.btn-secondary.disabled:active,

.btn-secondary[disabled]:active,

fieldset[disabled] .btn-secondary:active,

.btn-secondary.disabled.active,

.btn-secondary[disabled].active,

fieldset[disabled] .btn-secondary.active {

  background-color: #304770;

  border-color: transparent;

}

.btn-secondary .badge {

  color: #304770;

  background-color: #ffffff;

}

.btn-white {

  color: #4eabf9;

  background-color: #ffffff;

  border-color: transparent;

  color: #4eabf9 !important;

  background-color: #ffffff !important;

  border-color: transparent !important;

}

.btn-white:hover,

.btn-white:focus,

.btn-white.focus,

.btn-white:active,

.btn-white.active,

.open > .dropdown-toggle.btn-white {

  color: #4eabf9;

  background-color: #e6e6e6;

  border-color: rgba(0, 0, 0, 0);

}

.btn-white:active,

.btn-white.active,

.open > .dropdown-toggle.btn-white {

  background-image: none;

}

.btn-white .badge {

  color: #ffffff;

  background-color: #4eabf9;

}

.btn-white:hover,

.btn-white:focus,

.btn-white.focus,

.btn-white:active,

.btn-white.active,

.open > .dropdown-toggle.btn-white {

  color: #4eabf9 !important;

  background-color: #e6e6e6 !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-white:active,

.btn-white.active,

.open > .dropdown-toggle.btn-white {

  background-image: none;

}

.btn-white.disabled,

.btn-white[disabled],

fieldset[disabled] .btn-white,

.btn-white.disabled:hover,

.btn-white[disabled]:hover,

fieldset[disabled] .btn-white:hover,

.btn-white.disabled:focus,

.btn-white[disabled]:focus,

fieldset[disabled] .btn-white:focus,

.btn-white.disabled.focus,

.btn-white[disabled].focus,

fieldset[disabled] .btn-white.focus,

.btn-white.disabled:active,

.btn-white[disabled]:active,

fieldset[disabled] .btn-white:active,

.btn-white.disabled.active,

.btn-white[disabled].active,

fieldset[disabled] .btn-white.active {

  background-color: #ffffff;

  border-color: transparent;

}

.btn-white .badge {

  color: #ffffff;

  background-color: #4eabf9;

}

.btn-success {

  color: #ffffff;

  background-color: #5cb85c;

  border-color: transparent;

  color: #ffffff !important;

  background-color: #5cb85c !important;

  border-color: transparent !important;

}

.btn-success:hover,

.btn-success:focus,

.btn-success.focus,

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  color: #ffffff;

  background-color: #449d44;

  border-color: rgba(0, 0, 0, 0);

}

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  background-image: none;

}

.btn-success .badge {

  color: #5cb85c;

  background-color: #ffffff;

}

.btn-success:hover,

.btn-success:focus,

.btn-success.focus,

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  color: #ffffff !important;

  background-color: #449d44 !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  background-image: none;

}

.btn-success.disabled,

.btn-success[disabled],

fieldset[disabled] .btn-success,

.btn-success.disabled:hover,

.btn-success[disabled]:hover,

fieldset[disabled] .btn-success:hover,

.btn-success.disabled:focus,

.btn-success[disabled]:focus,

fieldset[disabled] .btn-success:focus,

.btn-success.disabled.focus,

.btn-success[disabled].focus,

fieldset[disabled] .btn-success.focus,

.btn-success.disabled:active,

.btn-success[disabled]:active,

fieldset[disabled] .btn-success:active,

.btn-success.disabled.active,

.btn-success[disabled].active,

fieldset[disabled] .btn-success.active {

  background-color: #5cb85c;

  border-color: transparent;

}

.btn-success .badge {

  color: #5cb85c;

  background-color: #ffffff;

}

.btn-info {

  color: #ffffff;

  background-color: #5bc0de;

  border-color: transparent;

  color: #ffffff !important;

  background-color: #5bc0de !important;

  border-color: transparent !important;

}

.btn-info:hover,

.btn-info:focus,

.btn-info.focus,

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  color: #ffffff;

  background-color: #31b0d5;

  border-color: rgba(0, 0, 0, 0);

}

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  background-image: none;

}

.btn-info .badge {

  color: #5bc0de;

  background-color: #ffffff;

}

.btn-info:hover,

.btn-info:focus,

.btn-info.focus,

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  color: #ffffff !important;

  background-color: #31b0d5 !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  background-image: none;

}

.btn-info.disabled,

.btn-info[disabled],

fieldset[disabled] .btn-info,

.btn-info.disabled:hover,

.btn-info[disabled]:hover,

fieldset[disabled] .btn-info:hover,

.btn-info.disabled:focus,

.btn-info[disabled]:focus,

fieldset[disabled] .btn-info:focus,

.btn-info.disabled.focus,

.btn-info[disabled].focus,

fieldset[disabled] .btn-info.focus,

.btn-info.disabled:active,

.btn-info[disabled]:active,

fieldset[disabled] .btn-info:active,

.btn-info.disabled.active,

.btn-info[disabled].active,

fieldset[disabled] .btn-info.active {

  background-color: #5bc0de;

  border-color: transparent;

}

.btn-info .badge {

  color: #5bc0de;

  background-color: #ffffff;

}

.btn-warning {

  color: #ffffff;

  background-color: #f0ad4e;

  border-color: transparent;

  color: #ffffff !important;

  background-color: #f0ad4e !important;

  border-color: transparent !important;

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning.focus,

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  color: #ffffff;

  background-color: #ec971f;

  border-color: rgba(0, 0, 0, 0);

}

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  background-image: none;

}

.btn-warning .badge {

  color: #f0ad4e;

  background-color: #ffffff;

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning.focus,

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  color: #ffffff !important;

  background-color: #ec971f !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  background-image: none;

}

.btn-warning.disabled,

.btn-warning[disabled],

fieldset[disabled] .btn-warning,

.btn-warning.disabled:hover,

.btn-warning[disabled]:hover,

fieldset[disabled] .btn-warning:hover,

.btn-warning.disabled:focus,

.btn-warning[disabled]:focus,

fieldset[disabled] .btn-warning:focus,

.btn-warning.disabled.focus,

.btn-warning[disabled].focus,

fieldset[disabled] .btn-warning.focus,

.btn-warning.disabled:active,

.btn-warning[disabled]:active,

fieldset[disabled] .btn-warning:active,

.btn-warning.disabled.active,

.btn-warning[disabled].active,

fieldset[disabled] .btn-warning.active {

  background-color: #f0ad4e;

  border-color: transparent;

}

.btn-warning .badge {

  color: #f0ad4e;

  background-color: #ffffff;

}

.btn-danger {

  color: #ffffff;

  background-color: #d9534f;

  border-color: transparent;

  color: #ffffff !important;

  background-color: #d9534f !important;

  border-color: transparent !important;

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger.focus,

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  color: #ffffff;

  background-color: #c9302c;

  border-color: rgba(0, 0, 0, 0);

}

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  background-image: none;

}

.btn-danger .badge {

  color: #d9534f;

  background-color: #ffffff;

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger.focus,

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  color: #ffffff !important;

  background-color: #c9302c !important;

  border-color: rgba(0, 0, 0, 0) !important;

}

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  background-image: none;

}

.btn-danger.disabled,

.btn-danger[disabled],

fieldset[disabled] .btn-danger,

.btn-danger.disabled:hover,

.btn-danger[disabled]:hover,

fieldset[disabled] .btn-danger:hover,

.btn-danger.disabled:focus,

.btn-danger[disabled]:focus,

fieldset[disabled] .btn-danger:focus,

.btn-danger.disabled.focus,

.btn-danger[disabled].focus,

fieldset[disabled] .btn-danger.focus,

.btn-danger.disabled:active,

.btn-danger[disabled]:active,

fieldset[disabled] .btn-danger:active,

.btn-danger.disabled.active,

.btn-danger[disabled].active,

fieldset[disabled] .btn-danger.active {

  background-color: #d9534f;

  border-color: transparent;

}

.btn-danger .badge {

  color: #d9534f;

  background-color: #ffffff;

}

.btn-link {

  color: #4eabf9;

  font-weight: normal;

  border-radius: 0;

}

.btn-link,

.btn-link:active,

.btn-link.active,

.btn-link[disabled],

fieldset[disabled] .btn-link {

  background-color: transparent;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.btn-link,

.btn-link:hover,

.btn-link:focus,

.btn-link:active {

  border-color: transparent;

}

.btn-link:hover,

.btn-link:focus {

  color: #0888f2;

  text-decoration: underline;

  background-color: transparent;

}

.btn-link[disabled]:hover,

fieldset[disabled] .btn-link:hover,

.btn-link[disabled]:focus,

fieldset[disabled] .btn-link:focus {

  color: #777777;

  text-decoration: none;

}

.btn-lg {

  padding: 10px 16px;

  font-size: 17px;

  line-height: 1.33;

  border-radius: 0;

}

.btn-sm {

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.6;

  border-radius: 0;

}

.btn-xs {

  padding: 1px 5px;

  font-size: 12px;

  line-height: 1.6;

  border-radius: 0;

}

.btn-block {

  display: block;

  width: 100%;

}

.btn-block + .btn-block {

  margin-top: 5px;

}

input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

  width: 100%;

}

.btn.with-icon {

  position: relative;

  padding-right: 61px;

}

.btn.with-icon i {

  display: block;

  border: solid 1px transparent;

  position: absolute;

  top: 0px;

  right: 0px;

  width: 37px;

  height: 100%;

  line-height: 37px;

  font-size: 20px;

  color: inherit !important;

}

.btn.with-icon.btn-sm i {

  line-height: 29px;

}

.btn.with-icon.icon-left {

  padding-right: 24px;

  padding-left: 61px;

  font-family: inherit;

}

.btn.with-icon.icon-left i {

  right: inherit;

  left: -2px;

}

.btn.with-icon.btn-default i {

  background-color: #000000;

}

.btn.with-icon.btn-primary i {

  background-color: #304770;

}

.btn.with-icon.btn-secondary i {

  background-color: #4eabf9;

}

.btn.with-icon.btn-white i {

  background-color: #e0e0e0;

}

.btn.with-icon.btn-danger i {

  background-color: #a02622;

}

.btn.with-icon.btn-warning i {

  background-color: #c77c11;

}

.btn.with-icon.btn-info i {

  background-color: #2390b0;

}

.btn.with-icon.btn-success i {

  background-color: #357935;

}

/* 

3. =BODY & TYPOGRAPHY

=============================================================== 

*/

body {

  -webkit-font-smoothing: antialiased;

  background-color: #efefef;

  color: #323232;

  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 15px;

  line-height: 1.5;

  overflow-x: hidden;

}

.overflow_wrapper {

  overflow: hidden;

  position: relative;

}

a {

  color: #4eabf9;

}

a:hover,

a:active,

a:focus {

  text-decoration: none;

  color: #0888f2;

}

a:focus {

  outline: none;

}

ul,

ol,

dl {

  padding-left: 1em;

}

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: normal;

  line-height: 1.1;

  text-transform: uppercase;

  margin-top: 22px;

  margin-bottom: 11px;

}

h1,

.h1 {

  font-size: 41px;

}

h2,

.h2 {

  font-size: 34px;

}

h3,

.h3 {

  font-size: 25px;

}

h4,

.h4 {

  font-size: 19px;

}

h5,

.h5 {

  font-size: 16px;

}

h6,

.h6 {

  font-size: 14px;

}

h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small,

.h1 small,

.h2 small,

.h3 small,

.h4 small,

.h5 small,

.h6 small,

h1 .small,

h2 .small,

h3 .small,

h4 .small,

h5 .small,

h6 .small,

.h1 .small,

.h2 .small,

.h3 .small,

.h4 .small,

.h5 .small,

.h6 .small {

  color: inherit;

}

/* 

4. =THE HEADER, LOGO & PRIMARY MENU

=============================================================== 

*/

/*

--------------------------------------------------------------  

 

THE HEADER ELEMENT



-------------------------------------------------------------- 

*/

.header {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  background-color: #304770;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  z-index: 10;

  min-height: 30px;

  color: #ffffff;

}

.header .container {

  position: relative;

}

.header a:link,

.header a:visited {

  color: #ffffff;

}

.header a:hover,

.header a:active {

  color: #4eabf9;

}

.header .topbar {

  position: relative;

  padding: 5px 0;

}

.header.transparent {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  background-color: #304770 !important;

  background-color: rgba(48, 71, 112, 0.7) !important;

}

.sticky_header .header.transparent {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  background-color: #304770 !important;

  background-color: rgba(48, 71, 112, 0.7) !important;

}

.header .mainbar.gradient {

  /*background: linear-gradient(to right, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);*/

      background: linear-gradient(to right, #304770 0%, #304770 50%, #4EABF9 50%, #4EABF9 100%);

}

.header .mainbar.diagonal .container {
    background: linear-gradient(122deg, #304770 0%, #304770 81%, #4eabf9 81%, #4eabf9 100%) !important;
    /* background: url(../../images/menu_bit.png); */
    background-repeat: no-repeat;
    background-position: center center;
}

body.sticky_header .header {

  left: 0;

 /* position: fixed;*/

  top: 0;

  width: 100%;

}

/*

--------------------------------------------------------------  

 

THE LOGO



-------------------------------------------------------------- 

*/

.logo {

 margin: 5px 0;

  display: inline-block;

  float:right;

}

.logo a.brand {

  display: block;

  line-height: 1em;

  text-align: left;

  font-size: 32px;

  font-weight: 900;

}

.logo a.brand img {

  width: auto;

  max-height: 32px;

}

.logo a.brand:link,

.logo a.brand:visited {

  color: #ffffff;

}

.logo p {

  padding: 0;

  margin: 0;

  color: #ffffff;

  font-size: 15px;

    font-weight: bold;

	    text-align: right;

}

/*

--------------------------------------------------------------  

 

THE PRIMARY MENU



-------------------------------------------------------------- 

*/

label.mobile_collapser,

span.close_menu {

  display: none;

}

.menu_container,

.top_menu_container {

  position: absolute;

  top: 50%;

  -o-transform: translate(0px, -50%);

  -webkit-transform: translate(0px, -50%);

  -ms-transform: translate(0px, -50%);

  transform: translate(0px, -50%);

  /*right: 60px;*/

  z-index: 100;

  background: transparent;

}

.menu_container ul.main_menu,

.top_menu_container ul.main_menu,

.menu_container ul.top_menu,

.top_menu_container ul.top_menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

.menu_container ul.main_menu li,

.top_menu_container ul.main_menu li,

.menu_container ul.top_menu li,

.top_menu_container ul.top_menu li {

  float: left;

  background: inherit;

  width: auto;

  text-align: left;

  position: relative;

}

.menu_container ul.main_menu li.lihasdropdown:after,

.top_menu_container ul.main_menu li.lihasdropdown:after,

.menu_container ul.top_menu li.lihasdropdown:after,

.top_menu_container ul.top_menu li.lihasdropdown:after {

 content: '\2023';
    font-size: 20px;
    position: absolute;
    top: 14px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 12px;
    color: #ffffff;
    height: 13px;
    width: 13px;
    line-height: 13px;
    overflow: hidden;

}

.menu_container ul.main_menu li a,

.top_menu_container ul.main_menu li a,

.menu_container ul.top_menu li a,

.top_menu_container ul.top_menu li a {

  line-height: 1em;

  padding: 10px 15px;

  display: block;

  text-decoration: none;

  font-size: 13px;

  font-weight: bold;

  text-transform: uppercase;

  background-color: transparent;

}

.menu_container ul.main_menu li a:link,

.top_menu_container ul.main_menu li a:link,

.menu_container ul.top_menu li a:link,

.top_menu_container ul.top_menu li a:link,

.menu_container ul.main_menu li a:visited,

.top_menu_container ul.main_menu li a:visited,

.menu_container ul.top_menu li a:visited,

.top_menu_container ul.top_menu li a:visited {

  color: #ffffff;

}

.menu_container ul.main_menu li a:hover,

.top_menu_container ul.main_menu li a:hover,

.menu_container ul.top_menu li a:hover,

.top_menu_container ul.top_menu li a:hover,

.menu_container ul.main_menu li a:active,

.top_menu_container ul.main_menu li a:active,

.menu_container ul.top_menu li a:active,

.top_menu_container ul.top_menu li a:active {

  color: #4eabf9;

}

.menu_container ul.main_menu li.active a:link,

.top_menu_container ul.main_menu li.active a:link,

.menu_container ul.top_menu li.active a:link,

.top_menu_container ul.top_menu li.active a:link,

.menu_container ul.main_menu li.active a:visited,

.top_menu_container ul.main_menu li.active a:visited,

.menu_container ul.top_menu li.active a:visited,

.top_menu_container ul.top_menu li.active a:visited {

  color: #4eabf9;

}

.menu_container ul.main_menu li.active a:hover,

.top_menu_container ul.main_menu li.active a:hover,

.menu_container ul.top_menu li.active a:hover,

.top_menu_container ul.top_menu li.active a:hover,

.menu_container ul.main_menu li.active a:active,

.top_menu_container ul.main_menu li.active a:active,

.menu_container ul.top_menu li.active a:active,

.top_menu_container ul.top_menu li.active a:active {

  color: #4eabf9;

}

.menu_container ul.main_menu li.drop-left ul.menu-dropdown,

.top_menu_container ul.main_menu li.drop-left ul.menu-dropdown,

.menu_container ul.top_menu li.drop-left ul.menu-dropdown,

.top_menu_container ul.top_menu li.drop-left ul.menu-dropdown,

.menu_container ul.main_menu li.dropleft ul.menu-dropdown,

.top_menu_container ul.main_menu li.dropleft ul.menu-dropdown,

.menu_container ul.top_menu li.dropleft ul.menu-dropdown,

.top_menu_container ul.top_menu li.dropleft ul.menu-dropdown {

  right: 0;

  left: inherit;

}

.menu_container ul.main_menu li.drop-right ul.menu-dropdown,

.top_menu_container ul.main_menu li.drop-right ul.menu-dropdown,

.menu_container ul.top_menu li.drop-right ul.menu-dropdown,

.top_menu_container ul.top_menu li.drop-right ul.menu-dropdown {

  left: 0;

}

.menu_container ul.main_menu li.drop-mid ul.menu-dropdown,

.top_menu_container ul.main_menu li.drop-mid ul.menu-dropdown,

.menu_container ul.top_menu li.drop-mid ul.menu-dropdown,

.top_menu_container ul.top_menu li.drop-mid ul.menu-dropdown {

  left: -130%;

}

.menu_container ul.main_menu li.drop-mid.two_column ul.menu-dropdown,

.top_menu_container ul.main_menu li.drop-mid.two_column ul.menu-dropdown,

.menu_container ul.top_menu li.drop-mid.two_column ul.menu-dropdown,

.top_menu_container ul.top_menu li.drop-mid.two_column ul.menu-dropdown {

  left: -225px;

}

.menu_container ul.top_menu li a:link,

.top_menu_container ul.top_menu li a:link,

.menu_container ul.top_menu li a:visited,

.top_menu_container ul.top_menu li a:visited {

  color: inherit;

}

.menu_container ul.top_menu li a:hover,

.top_menu_container ul.top_menu li a:hover,

.menu_container ul.top_menu li a:active,

.top_menu_container ul.top_menu li a:active {

  color: inherit;

}

.menu_container ul.top_menu li a li a:link,

.top_menu_container ul.top_menu li a li a:link,

.menu_container ul.top_menu li a li a:visited,

.top_menu_container ul.top_menu li a li a:visited {

  color: #ffffff !important;

}

.menu_container ul.top_menu li a li a:hover,

.top_menu_container ul.top_menu li a li a:hover,

.menu_container ul.top_menu li a li a:active,

.top_menu_container ul.top_menu li a li a:active {

  color: #ffffff !important;

}

.menu_container ul.main_menu li ul.menu-dropdown,

.top_menu_container ul.top_menu li ul.menu-dropdown {

  list-style: none;

  padding: 10px 10px;

  margin: 0;

  background-color: #304770;

  top: 23px;

  z-index: 30;

  overflow: visible !important;

  height: auto;

  min-height: 40px;

  max-height: 3000px;

  display: inherit;

  visibility: hidden;

  overflow: hidden;

  position: absolute;

  left: -10px;

  border: none;

  border-radius: 0;

  border-bottom: 4px solid #4eabf9;

}

.menu_container ul.main_menu li ul.menu-dropdown.show,

.top_menu_container ul.top_menu li ul.menu-dropdown.show {

  -o-transform: translate(0, 10px);

  -webkit-transform: translate(0, 10px);

  -ms-transform: translate(0, 10px);

  transform: translate(0, 10px);

  -webkit-transition: all 100ms ease-in-out;

  -o-transition: all 100ms ease-in-out;

  transition: all 100ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

.menu_container ul.main_menu li ul.menu-dropdown li,

.top_menu_container ul.top_menu li ul.menu-dropdown li {

  display: block;

  position: relative;

  width: 100%;

  padding: 0 0px;

}

.menu_container ul.main_menu li ul.menu-dropdown li a,

.top_menu_container ul.top_menu li ul.menu-dropdown li a {

  font-size: 13px -1;

  display: block;

  padding: 7px 15px;

  text-decoration: none;

  margin: 0;

  line-height: 1em;

  white-space: nowrap;

}

.menu_container ul.main_menu li ul.menu-dropdown li a .fa,

.top_menu_container ul.top_menu li ul.menu-dropdown li a .fa {

  font-size: 16px;

  line-height: 0.7em;

  margin-right: 6px;

}

.menu_container ul.main_menu li ul.menu-dropdown li a span.label,

.top_menu_container ul.top_menu li ul.menu-dropdown li a span.label {

  left: 3px;

  position: relative;

  top: -2px;

}

.menu_container ul.main_menu li ul.menu-dropdown li:hover > a,

.top_menu_container ul.top_menu li ul.menu-dropdown li:hover > a {

  background: #4eabf9;

  color: #efefef;

}

.menu_container ul.main_menu li ul.menu-dropdown li ul.menu-dropdown,

.top_menu_container ul.top_menu li ul.menu-dropdown li ul.menu-dropdown {

  height: auto;

  display: none;

  position: absolute;

  top: -150%;

  width: 100%;

  min-width: 160px;

  left: 100%;

  -webkit-transition: all 100ms ease-in-out;

  -o-transition: all 100ms ease-in-out;

  transition: all 100ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

.menu_container ul.main_menu li ul.menu-dropdown li ul.menu-dropdown li a,

.top_menu_container ul.top_menu li ul.menu-dropdown li ul.menu-dropdown li a {

  font-weight: 700;

}

ul.menu-dropdown > li.active > a,

ul.menu-dropdown > li.active > a:hover,

ul.menu-dropdown > li.active > a:focus {

  background-color: #304770;

}

.menu_container ul > li > ul > li.sublihasdropdown .menu-dropdown {

  border-left: solid 1px #ffffff;

  background-color: #21304c;

  padding: 10px !important;

}

.menu_container ul > li > ul > li.sublihasdropdown > a:after {

  content: "\203A";

  position: absolute;

  font-family: Arial, sans-serif;

  top: 2px;

  right: 0px;

  font-size: 20px;

  line-height: 1em;

  font-weight: bold;

  opacity: 0.5;

}

.menu_container ul > li > ul > li.sublihasdropdown:hover > a:after {

  opacity: 1;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul,

.menu_container ul.main_menu li.two-column.lihasdropdown ul {

  overflow: hidden;

  width: 550px;

  padding: 30px 10px;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li,

.menu_container ul.main_menu li.two-column.lihasdropdown ul li {

  float: left;

  width: 50%;

  border-right: solid 1px #ffffff;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li:nth-child(even),

.menu_container ul.main_menu li.two-column.lihasdropdown ul li:nth-child(even) {

  border-right: solid 0px;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li:nth-child(odd),

.menu_container ul.main_menu li.two-column.lihasdropdown ul li:nth-child(odd) {

  clear: left;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li a,

.menu_container ul.main_menu li.two-column.lihasdropdown ul li a {

  white-space: normal;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li ul,

.menu_container ul.main_menu li.two-column.lihasdropdown ul li ul {

  width: auto;

  width: 100%;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li ul li,

.menu_container ul.main_menu li.two-column.lihasdropdown ul li ul li {

  float: none;

  width: 100%;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li.sublihasdropdown ul li,

.menu_container ul.main_menu li.two-column.lihasdropdown ul li.sublihasdropdown ul li {

  border-right: solid 0px;

}

.menu_container ul.main_menu li.two_column.lihasdropdown ul li.sublihasdropdown > a:after,

.menu_container ul.main_menu li.two-column.lihasdropdown ul li.sublihasdropdown > a:after {

  right: 10px;

}

.top_menu_container {

  position: relative;

  top: inherit;

  -o-transform: translate(0, 0);

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  transform: translate(0, 0);

  right: inherit;

}

.top_menu_container nav > ul > li:first-child > a {

  padding-left: 0;

}

.top_menu_container nav > ul > li:last-child:not(.lihasdropdown) > a {

  padding-right: 0;

}

.top_menu_container ul.top_menu li ul.menu-dropdown {

  top: 19px;

}

/*

--------------------------------------------------------------  

 

NAVIGATION SOCIAL ICONS



-------------------------------------------------------------- 

*/

a.social_links {

  position: absolute;

  top: 50%;

  right: 10px;

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  width: 30px;

  text-align: center;

}

.team_social {

  width: 100%;

  opacity: 0;

  padding-top: 15px;

  position: absolute;

  right: 0;

  bottom: 0;

  text-align: right;

  -o-transform: translate(0, -200%);

  -webkit-transform: translate(0, -200%);

  -ms-transform: translate(0, -200%);

  transform: translate(0, -200%);

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

.team_social a {

  margin: 0 3px 3px 0;

}

.team_social a i {

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 20px;

  padding: 0;

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.3);

}

.team_social a:link i,

.team_social a:visited i {

  color: #fff;

}

.team_social a:hover i,

.team_social a:active i {

  background-color: #000;

}

.team_social.showLinks {

  opacity: 1;

  -o-transform: translate(0, 100%);

  -webkit-transform: translate(0, 100%);

  -ms-transform: translate(0, 100%);

  transform: translate(0, 100%);

  z-index: 1;

}

/* 

5. =THE HEAD PANEL AREA

=============================================================== 

*/

.head_panel {

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  position: relative;

}

.head_panel .owl-carousel .item {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.head_panel .owl-carousel .item:before {

  -webkit-backface-visibility: hidden;

}

.head_panel .owl-carousel .item .container {

  height: 100%;

  position: relative;

  min-height: inherit;

}

.head_panel .owl-carousel .owl-nav {

  height: 0px;

  top: 50%;

  width: 100%;

  position: absolute;

  margin: 0;

}

.head_panel .owl-carousel .owl-prev,

.head_panel .owl-carousel .owl-next {

  position: absolute;

  width: 44px;

  height: 50px;

  display: block;

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  background: url(../images/slider-arrows.png) 0 0 no-repeat;

  margin: 0;

  opacity: .3;

}

.head_panel .owl-carousel .owl-prev:hover,

.head_panel .owl-carousel .owl-next:hover {

  opacity: 1;

  background: url(../images/slider-arrows.png) 0 0 no-repeat transparent;

}

.head_panel .owl-carousel .owl-prev {

  background-position: 0 0;

  left: 0;

  top: 0;

  text-indent: -2000px;

}

.head_panel .owl-carousel .owl-next {

  background-position: -44px 0;

  top: 0;

  right: 0;

  text-indent: 2000px;

}

.head_panel .owl-carousel .owl-next:hover {

  background-position: -44px 0;

}

.head_panel .owl-carousel .owl-dots {

  position: absolute;

  bottom: 20px;

  width: 100%;

}

.head_panel .slider_wrapper .caption {

  position: absolute;

  left: 25%;

  top: 50%;

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  width: 50%;

}

.head_panel .slider_wrapper .caption.caption-full {

  width: 80%;

  left: 10%;

}

.head_panel .slider_wrapper .caption.caption-left {

  left: 0px;

  right: inherit;

  text-align: left;

}

.head_panel .slider_wrapper .caption.caption-right {

  right: 0;

  left: inherit;

  text-align: left;

}

.caption .inner {

  padding: 15px;

}

.caption .inner img {

  width: inherit;

}

.caption .inner .t1 {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 56px;

  font-weight: 900;

  line-height: 1em;

}

.caption .inner .t1 img {

  vertical-align: inherit;

}

.caption .inner .t2 {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 35px;

  font-weight: 300;

  line-height: 1.1em;

}

.caption .inner .t3 {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 27px;

  font-weight: 600;

  line-height: 1.1em;

  margin-top: 20px;

}

.caption .inner p.desc {

  font-size: 16px;

  line-height: 1.2em;

}

.caption .inner p.desc:before {

  content: "";

  border-bottom: 2px solid #4eabf9;

  display: block;

  margin: 20px 0;

}

.caption.no-line p.desc:before,

.caption.no-line .t2:after {

  display: none !important;

}

.caption.caption-fancy .inner .t1 {

  font-size: 86px;

}

.caption.caption-fancy .inner .t2 {

  display: inline-block;

  font-size: 40px;

  font-weight: 300;

}

.caption.caption-fancy .inner .t2:after {

  border-bottom: 7px solid #4eabf9;

  content: "";

  display: block;

  margin-top: 10px;

}

.caption.caption-fancy .inner .t3 {

  font-size: 27px;

  font-weight: 700;

  margin: 12px 0 6px 0;

}

.caption.caption-fancy .inner p.desc {

  font-size: 16px;

}

.caption.caption-fancy .inner p.desc:before {

  display: none;

}

.caption.caption-flat .inner .t1 {

  font-size: 56px;

  font-weight: 900;

  line-height: 1em;

}

.caption.caption-flat .inner .t1 small {

  font-weight: 300;

}

.caption.caption-flat .inner .t2 {

  margin-bottom: 20px;

}

.caption.caption-flat .inner p.desc {

  font-size: 24px;

  -webkit-box-decoration-break: clone;

  /* Needs PreFixing */

  box-decoration-break: clone;

  /* Needs PreFixing */

  background-color: #4eabf9;

  color: #fff;

  display: inline;

  line-height: 2em;

  padding: 6px 12px;

  width: 100%;

  margin: 0;

}

.caption.caption-flat .inner p.desc:before {

  display: none;

}

.caption.caption-flat .inner.skincolored_section p.desc {

  background-color: #304770;

}

.caption.caption-elegant .inner .t2 {

  letter-spacing: 4px;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 600;

  margin-top: 10px;

}

.caption.caption-elegant .inner .t2:after {

  border-bottom: 3px solid #4eabf9;

  content: "";

  display: block;

  margin: 10px auto 0 auto;

  width: 10%;

}

.caption.caption-elegant .inner .t3 {

  font-size: 18px;

  font-weight: 300;

  margin: 12px 0 6px 0;

}

/*** Full-Width Photo ***/

.full_width_photo {

  position: relative;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 380px;

  width: 100%;

}

.full_width_photo.bg_vtop {

  background-position: center top;

}

/*** Head Panel's Heading group ***/

.head_panel .hgroup {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  box-sizing: inherit;

}

.head_panel .hgroup .title {

  position: relative;

}

.head_panel .hgroup .title h1 {

  font-weight: 900;

  margin: 0;

  padding: 30px 0 0 0;

}

.head_panel .hgroup .title.transparent-film h1 {

  padding: 30px 0 10px 0;

}

.head_panel .hgroup .title.diagonal-bgcolor-trans {

  background: linear-gradient(to right, #efefef 0%, #efefef 25%, transparent 25%, transparent 100%);

}

.head_panel .hgroup .title.diagonal-bgcolor-trans .container h1 {

  display: inline-block;

  position: relative;

  background-color: #efefef;

  min-width: 300px;

  padding-right: 10px;

  z-index: 2;

}

.head_panel .hgroup .title.diagonal-bgcolor-trans .container h1:after {

  background: linear-gradient(to top right, #efefef 0%, #efefef 50%, transparent 50%, transparent 100%);

  content: '';

  width: 72px;

  height: 100%;

  position: absolute;

  top: 0;

  right: -72px;

}

.head_panel .hgroup .subtitle {

  position: relative;

}

.head_panel .hgroup .subtitle p {

  font-size: 18px;

  margin: 0;

  padding: 5px 0 10px 0;

  line-height: 1.1em;

}

.head_panel .hgroup .subtitle.transparent-film p {

  padding: 10px 0 20px 0;

}

.head_panel .hgroup .subtitle.body-bg_section p {

  padding: 5px 0 0 0;

}

.head_panel .hgroup.fancy.vcenter {

  bottom: inherit;

  top: 50%;

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

.head_panel .hgroup.fancy .title h1 {

  font-size: 82px;

  line-height: 1em;

}

.head_panel .hgroup.fancy .subtitle p {

  font-size: 32px;

  font-weight: 300;

  line-height: 1em;

}

/*** MAP ***/

.map {

  height: 480px !important;

}

.map img {

  max-width: none !important;

}

/* 

6. =THE MAIN AREA & THE ROOT SECTION ELEMENT

=============================================================== 

*/

.main {

  position: relative;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  z-index: 9;

}

.main section {

  position: relative;

  background-color: #efefef;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 55px;

  padding-bottom: 55px;

}

.main section.no_padding {

  padding-top: 0;

  padding-bottom: 0;

}

.main section.no_top_padding {

  padding-top: 0;

}

.main section.no_bottom_padding {

  padding-bottom: 0;

}

.main section.no_cols_padding div[class*="col-"] {

  padding-left: 0;

  padding-right: 0;

}

.main section.full_width > .container {

  width: 100%;

  padding: 0;

}

.main section div[class*="col-"] {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.main section .container .container {

  width: inherit;

  padding: 0;

}

.section_header {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  margin: 0 0 35px 0;

  position: relative;

}

.section_header img {

  margin: 24px 0 20px 0;

  -moz-user-select: -moz-none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.section_header small {

  display: block;

}

.section_header .btn {

  margin-top: 10px;

}

.section_header.centered {

  text-align: center;

}

.section_header.xbold h2,

.section_header.xbold h3,

.section_header.xbold h4,

.section_header.xbold h5,

.section_header.xbold h6 {

  font-weight: 900;

  margin: 0 0 3px 0;

}

.section_header.xbold p {

  font-size: 16px;

  font-weight: normal;

  line-height: 1.4em;

}

.section_header.fancy h2 {

  font-size: 68px;

  margin: 0!important;

}

.section_header.fancy h3 {

  font-size: 50px;

}

.section_header.fancy h4 {

  font-size: 38px;

}

.section_header.fancy h5 {

  font-size: 32px;

}

.section_header.fancy h6 {

  font-size: 28px;

}

.section_header.fancy h2,

.section_header.fancy h3,

.section_header.fancy h4,

.section_header.fancy h5,

.section_header.fancy h6 {

  font-weight: 900;

  margin: 0 0 3px 0;

}

.section_header.fancy p {

  font-size: 20px;

  line-height: 1.4em;

}

.section_header.thin h2 {

  font-size: 42px;

  margin: 0!important;

}

.section_header.thin h3 {

  font-size: 31px;

}

.section_header.thin h4 {

  font-size: 23px;

}

.section_header.thin h5 {

  font-size: 20px;

}

.section_header.thin h6 {

  font-size: 17px;

}

.section_header.thin h2,

.section_header.thin h3,

.section_header.thin h4,

.section_header.thin h5,

.section_header.thin h6 {

  font-weight: 300;

  margin: 0 0 3px 0;

}

.section_header.thin p {

  font-size: 19px;

  font-weight: 300;

  line-height: 1.4em;

}

.section_header.elegant h2 {

  font-size: 51px;

}

.section_header.elegant h3 {

  font-size: 37px;

}

.section_header.elegant h4 {

  font-size: 28px;

}

.section_header.elegant h5 {

  font-size: 24px;

}

.section_header.elegant h6 {

  font-size: 21px;

}

.section_header.elegant h2,

.section_header.elegant h3,

.section_header.elegant h4,

.section_header.elegant h5,

.section_header.elegant h6 {

  font-weight: 800;

  margin: 0 0 12px 0;

}

.section_header.elegant p {

  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 12px;

  font-weight: 300;

  letter-spacing: 4px;

  text-transform: uppercase;

  line-height: 1em;

}

/*** SKINCOLORED SECTION (PRIMARY) ***/

.skincolored_section,

.main .skincolored_section,

div[class*="_section"] .skincolored_section,

section[class*="_section"] .skincolored_section,

section[class*="_section"] div[class*="_section"] .skincolored_section {

  background-color: #4eabf9;

  color: #ffffff;

}

.skincolored_section a:link,

.main .skincolored_section a:link,

div[class*="_section"] .skincolored_section a:link,

section[class*="_section"] .skincolored_section a:link,

section[class*="_section"] div[class*="_section"] .skincolored_section a:link,

.skincolored_section a:visited,

.main .skincolored_section a:visited,

div[class*="_section"] .skincolored_section a:visited,

section[class*="_section"] .skincolored_section a:visited,

section[class*="_section"] div[class*="_section"] .skincolored_section a:visited {

  color: yellow;

}

.skincolored_section a:hover,

.main .skincolored_section a:hover,

div[class*="_section"] .skincolored_section a:hover,

section[class*="_section"] .skincolored_section a:hover,

section[class*="_section"] div[class*="_section"] .skincolored_section a:hover,

.skincolored_section a:active,

.main .skincolored_section a:active,

div[class*="_section"] .skincolored_section a:active,

section[class*="_section"] .skincolored_section a:active,

section[class*="_section"] div[class*="_section"] .skincolored_section a:active {

  color: #b2b300;

}

.skincolored_section a i,

.main .skincolored_section a i,

div[class*="_section"] .skincolored_section a i,

section[class*="_section"] .skincolored_section a i,

section[class*="_section"] div[class*="_section"] .skincolored_section a i {

  color: #ffffff;

}

/*** SECONDARY COLORED SECTION ***/

.secondary_section,

.main .secondary_section,

div[class*="_section"] .secondary_section,

section[class*="_section"] .secondary_section,

section[class*="_section"] div[class*="_section"] .secondary_section {

  background-color: #304770;

  color: #ffffff;

}

.secondary_section a:link,

.main .secondary_section a:link,

div[class*="_section"] .secondary_section a:link,

section[class*="_section"] .secondary_section a:link,

section[class*="_section"] div[class*="_section"] .secondary_section a:link,

.secondary_section a:visited,

.main .secondary_section a:visited,

div[class*="_section"] .secondary_section a:visited,

section[class*="_section"] .secondary_section a:visited,

section[class*="_section"] div[class*="_section"] .secondary_section a:visited {

  color: yellow;

}

.secondary_section a:hover,

.main .secondary_section a:hover,

div[class*="_section"] .secondary_section a:hover,

section[class*="_section"] .secondary_section a:hover,

section[class*="_section"] div[class*="_section"] .secondary_section a:hover,

.secondary_section a:active,

.main .secondary_section a:active,

div[class*="_section"] .secondary_section a:active,

section[class*="_section"] .secondary_section a:active,

section[class*="_section"] div[class*="_section"] .secondary_section a:active {

  color: #b2b300;

}

.secondary_section a i,

.main .secondary_section a i,

div[class*="_section"] .secondary_section a i,

section[class*="_section"] .secondary_section a i,

section[class*="_section"] div[class*="_section"] .secondary_section a i {

  color: #ffffff;

}

/*** DARK SECTION ***/

.dark_section,

.main .dark_section,

div[class*="_section"] .dark_section,

section[class*="_section"] .dark_section,

section[class*="_section"] div[class*="_section"] .dark_section {

  background-color: #222d3f;

  color: #ffffff;

}

.dark_section a:link,

.main .dark_section a:link,

div[class*="_section"] .dark_section a:link,

section[class*="_section"] .dark_section a:link,

section[class*="_section"] div[class*="_section"] .dark_section a:link,

.dark_section a:visited,

.main .dark_section a:visited,

div[class*="_section"] .dark_section a:visited,

section[class*="_section"] .dark_section a:visited,

section[class*="_section"] div[class*="_section"] .dark_section a:visited {

  color: #ff6b10;

}

.dark_section a:hover,

.main .dark_section a:hover,

div[class*="_section"] .dark_section a:hover,

section[class*="_section"] .dark_section a:hover,

section[class*="_section"] div[class*="_section"] .dark_section a:hover,

.dark_section a:active,

.main .dark_section a:active,

div[class*="_section"] .dark_section a:active,

section[class*="_section"] .dark_section a:active,

section[class*="_section"] div[class*="_section"] .dark_section a:active {

  color: #c34a00;

}

.dark_section a i,

.main .dark_section a i,

div[class*="_section"] .dark_section a i,

section[class*="_section"] .dark_section a i,

section[class*="_section"] div[class*="_section"] .dark_section a i {

  color: #ffffff;

}

/*** LIGHT SECTION ***/

.light_section,

.main .light_section,

div[class*="_section"] .light_section,

section[class*="_section"] .light_section,

section[class*="_section"] div[class*="_section"] .light_section {

  background-color: #aaaaaa;

  color: #323232;

}

.light_section a:link,

.main .light_section a:link,

div[class*="_section"] .light_section a:link,

section[class*="_section"] .light_section a:link,

section[class*="_section"] div[class*="_section"] .light_section a:link,

.light_section a:visited,

.main .light_section a:visited,

div[class*="_section"] .light_section a:visited,

section[class*="_section"] .light_section a:visited,

section[class*="_section"] div[class*="_section"] .light_section a:visited {

  color: #1c92b9;

}

.light_section a:hover,

.main .light_section a:hover,

div[class*="_section"] .light_section a:hover,

section[class*="_section"] .light_section a:hover,

section[class*="_section"] div[class*="_section"] .light_section a:hover,

.light_section a:active,

.main .light_section a:active,

div[class*="_section"] .light_section a:active,

section[class*="_section"] .light_section a:active,

section[class*="_section"] div[class*="_section"] .light_section a:active {

  color: #125e77;

}

.light_section a i,

.main .light_section a i,

div[class*="_section"] .light_section a i,

section[class*="_section"] .light_section a i,

section[class*="_section"] div[class*="_section"] .light_section a i {

  color: #323232;

}

/*** BLACK SECTION ***/

.black_section,

.main .black_section,

div[class*="_section"] .black_section,

section[class*="_section"] .black_section,

section[class*="_section"] div[class*="_section"] .black_section {

  background-color: #151515;

  color: #ffffff;

}

.black_section a:link,

.main .black_section a:link,

div[class*="_section"] .black_section a:link,

section[class*="_section"] .black_section a:link,

section[class*="_section"] div[class*="_section"] .black_section a:link,

.black_section a:visited,

.main .black_section a:visited,

div[class*="_section"] .black_section a:visited,

section[class*="_section"] .black_section a:visited,

section[class*="_section"] div[class*="_section"] .black_section a:visited {

  color: #ff6b10;

}

.black_section a:hover,

.main .black_section a:hover,

div[class*="_section"] .black_section a:hover,

section[class*="_section"] .black_section a:hover,

section[class*="_section"] div[class*="_section"] .black_section a:hover,

.black_section a:active,

.main .black_section a:active,

div[class*="_section"] .black_section a:active,

section[class*="_section"] .black_section a:active,

section[class*="_section"] div[class*="_section"] .black_section a:active {

  color: #c34a00;

}

.black_section a i,

.main .black_section a i,

div[class*="_section"] .black_section a i,

section[class*="_section"] .black_section a i,

section[class*="_section"] div[class*="_section"] .black_section a i {

  color: #ffffff;

}

/*** WHITE SECTION ***/

.white_section,

.main .white_section,

div[class*="_section"] .white_section,

section[class*="_section"] .white_section,

section[class*="_section"] div[class*="_section"] .white_section {

  background-color: #ffffff;

  color: #323232;

}

.white_section a:link,

.main .white_section a:link,

div[class*="_section"] .white_section a:link,

section[class*="_section"] .white_section a:link,

section[class*="_section"] div[class*="_section"] .white_section a:link,

.white_section a:visited,

.main .white_section a:visited,

div[class*="_section"] .white_section a:visited,

section[class*="_section"] .white_section a:visited,

section[class*="_section"] div[class*="_section"] .white_section a:visited {

  color: #4eabf9;

}

.white_section a:hover,

.main .white_section a:hover,

div[class*="_section"] .white_section a:hover,

section[class*="_section"] .white_section a:hover,

section[class*="_section"] div[class*="_section"] .white_section a:hover,

.white_section a:active,

.main .white_section a:active,

div[class*="_section"] .white_section a:active,

section[class*="_section"] .white_section a:active,

section[class*="_section"] div[class*="_section"] .white_section a:active {

  color: #0888f2;

}

.white_section a i,

.main .white_section a i,

div[class*="_section"] .white_section a i,

section[class*="_section"] .white_section a i,

section[class*="_section"] div[class*="_section"] .white_section a i {

  color: #323232;

}

/*** BODY-BACKGROUND SECTION ***/

.body-bg_section,

div[class*="_section"] .body-bg_section,

section[class*="_section"] .body-bg_section,

section[class*="_section"] div[class*="_section"] .body-bg_section {

  background-color: #efefef;

  color: #323232;

}

.body-bg_section a:link,

div[class*="_section"] .body-bg_section a:link,

section[class*="_section"] .body-bg_section a:link,

section[class*="_section"] div[class*="_section"] .body-bg_section a:link,

.body-bg_section a:visited,

div[class*="_section"] .body-bg_section a:visited,

section[class*="_section"] .body-bg_section a:visited,

section[class*="_section"] div[class*="_section"] .body-bg_section a:visited {

  color: #4eabf9;

}

.body-bg_section a:hover,

div[class*="_section"] .body-bg_section a:hover,

section[class*="_section"] .body-bg_section a:hover,

section[class*="_section"] div[class*="_section"] .body-bg_section a:hover,

.body-bg_section a:active,

div[class*="_section"] .body-bg_section a:active,

section[class*="_section"] .body-bg_section a:active,

section[class*="_section"] div[class*="_section"] .body-bg_section a:active {

  color: #0888f2;

}

.body-bg_section a i,

div[class*="_section"] .body-bg_section a i,

section[class*="_section"] .body-bg_section a i,

section[class*="_section"] div[class*="_section"] .body-bg_section a i {

  color: #323232;

}

/*** PARTICLES ***/

.particles-js-container {

  height: 100%;

  left: 0;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

/*** COLUMN HEADER ***/

.col_header {

  font-weight: 900;

  margin-bottom: 20px;

  margin-top: 0;

}

/* 

7. =DESIGN ELEMENTS

=============================================================== 

*/

/*** ENTRY ***/

.entry {

  overflow: hidden;

}

.entry a {

  display: block;

}

.entry .entry_photo {

  text-align: center;

}

.entry .entry_photo i {

  font-size: 100px;

  padding: 20px;

  display: inline-block;

}

.entry .entry_photo.stretchy-wrapper i {

  padding: 10px;

  top: 50%;

  left: 50%;

  -o-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  right: inherit;

  bottom: inherit;

  height: auto;

  width: auto;

}

.entry .entry_text {

  padding: 20px 10px;

  text-align: center;

  text-transform: uppercase;

}

.entry .entry_text h3,

.entry .entry_text h4,

.entry .entry_text h5 {

  font-weight: 800;

  margin: 0;

}

.skincolored_section.entry a .entry_text {

  color: #ffffff;

}

.secondary_section.entry a .entry_text {

  color: #ffffff;

}

.dark_section.entry a .entry_text {

  color: #ffffff;

}

.light_section.entry a .entry_text {

  color: #323232;

}

.white_section.entry a .entry_text {

  color: #323232;

}

.black_section.entry a .entry_text {

  color: #ffffff;

}

.skincolored_section.entry a:hover {

  color: #ffffff;

  background-color: #077ada;

}

.secondary_section.entry a:hover {

  color: #ffffff;

  background-color: #111a29;

}

.dark_section.entry a:hover {

  color: #ffffff;

  background-color: #000000;

}

.light_section.entry a:hover {

  color: #323232;

  background-color: #777777;

}

.white_section.entry a:hover {

  color: #323232;

  background-color: #cccccc;

}

.black_section.entry a:hover {

  color: #ffffff;

  background-color: #000000;

}

.entry a:hover {

  background-color: #111a29;

  color: #ffffff;

}

/* DEPARTMENTS */

.department {

  position: relative;

  margin-bottom: 20px;

}

.department .department_photo {

  display: block;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 0%;

}

.department h4 {

  cursor: pointer;

  font-size: 17px;

  font-weight: 700;

  margin: 0;

  padding: 0px 0px 0px 40px;

  position: absolute;

  top: 0;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  width: 100%;

  z-index: 10;

}

.department h4 a {

  display: block;

  padding: 10px 5px;

  color: inherit !important;

}

.department h4 i {

  background-color: inherit;

  color: inherit;

  height: 100%;

  left: 0;

  margin: 0;

  padding: 10px;

  position: absolute;

  top: 0;

  width: 40px;

  font-weight: normal;

  text-align: center;

}

.department:hover h4 {

  top: 50%;

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

/*** TESTIMONIAL ***/

.testimonial p {

  font-size: 18px;

  text-align: center;

  font-style: italic;

}

.testimonial .name {

  text-align: right;

  font-style: italic;

  font-size: 18px;

  padding: 0 15px;

}

.testimonial ul.slides li {

  display: none;

}

.testimonial ul.slides li:first-child {

  display: block;

}

.testimonial .flex-control-paging li a {

  background: #aaa;

  background: rgba(220, 220, 220, 0.5);

  box-shadow: 0, 0, 3px, rgba(220, 220, 220, 0.3), inset;

}

.testimonial .flex-control-paging li a:hover {

  background: #aaa;

  background: rgba(220, 220, 220, 0.7);

}

.testimonial .flex-control-paging li a.flex-active {

  background: #fafafa;

  background: rgba(220, 220, 220, 0.9);

}

/*** CONTACT QUICK ***/

.contact-quick input:focus,

.contact-quick textarea:focus {

  outline: none;

}

.contact-quick input,

.contact-quick textarea,

.appointment input,

.appointment textarea,

.contact-quick select,

.appointment select {

  border-color: transparent;

  font-size: 14px;

  margin-top: 5px;

}

.captcha-code {

  background-repeat: no-repeat;

  height: 30px;

}

.contact-quick .captcha,

.appointment .captcha {

  margin: 5px 0;

}

.contact-quick .captchainput,

.appointment .captchainput {

  border-color: transparent;

  border-style: solid;

  border-width: 2px;

  box-shadow: none;

  display: inline-block;

  float: right;

  height: 30px;

  margin: 0;

  padding: 0;

  text-align: center;

  width: 55%;

}

.contact-quick .captcha-code,

.appointment .captcha-code {

  background-color: #FF6B10;

  display: inline-block;

  height: 30px;

  position: relative;

  width: 45%;

}

.contact-quick .captcha-code::after,

.appointment .captcha-code::after {

  background-color: #FF6B10;

  content: "";

  display: inline-block;

  height: 20px;

  overflow: hidden;

  padding: 0px;

  position: absolute;

  right: -10px;

  top: 5px;

  transform: rotateZ(45deg);

  width: 20px;

}

.loading {

  animation: loading 1s linear infinite;

}

@-webkit-keyframes loading {

  0% {

    opacity: 1;

  }

  50% {

    opacity: .1;

  }

  100% {

    opacity: 1;

  }

}

@-moz-keyframes loading {

  0% {

    opacity: 1;

  }

  50% {

    opacity: .1;

  }

  100% {

    opacity: 1;

  }

}

@-o-keyframes loading {

  0% {

    opacity: 1;

  }

  50% {

    opacity: .1;

  }

  100% {

    opacity: 1;

  }

}

@keyframes loading {

  0% {

    opacity: 1;

  }

  50% {

    opacity: .1;

  }

  100% {

    opacity: 1;

  }

}

.contact-quick .alert-warning,

.appointment .alert-warning {

  border-radius: 0;

  padding: 10px;

  margin-top: 5px;

}

/*** APPOINTMENT FORM ***/

#contact_panel {

  z-index: 10;

}

select.sex,

select.department {

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  background-position: 95% 50%;

  background-repeat: no-repeat;

  background-size: 24px 24px;

  text-transform: uppercase;

  width: 100%;

  padding: 8px 20px;

}

select.sex {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAyElEQVRYhe2UMQqDQBBFX4iFWFqLBxDLlOIZxEOIp0jwFCEnCKlT5XCBNLMgEqOuo2nmgYU4fx647AfDMAw4/dN9AM7AEbjsLO+At3tpgBsQ7CAOxNUMP1TAA4g2lEfiqMYGCuAJxBvIY9ldTA1mwAtIFeWp7MzmBhIJ5AryXHYlS4Pul5Ur5CUrjzQE7kDtka0lG/rKHQFwBdoFmVYyqte6k0drzotfhTVaMNp8K6zJgtGmX1izC0YbV1iLCkabBI+CMQzD6PMBbmgdGBMm2yMAAAAASUVORK5CYII=");

}

select.department {

  background-color: #4eabf9;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAtElEQVRIx+2SsQ2DMBBFD4UCUVJbDIAoUyJmQAyBmCIRUyAmQNRUHi56qRJBAvhIWv/Od3pftvxEfHxEhOt/dMBNLsH9R7yTh4jQMBCehkMGmtehYiI+hcdMVMtBwUyixhNmis9hhiVV4SmWbGthsOROPMdijq5WHuKl46lEjNS725qRyP09Pe3mpqVXfjcdnWZ2VLGSayWNuuIt15c06oqCmWRTGnVFht2RRl1hdqXx8VnkCaHkbMkW8ZkwAAAAAElFTkSuQmCC");

  color: #ffffff;

  margin-bottom: 0;

}

/*** TIMETABLE ***/

.timetable table.timetable_hours {

  margin: 40px 0;

  width: 100%;

}

.timetable table.timetable_hours td {

  font-weight: 900;

  padding: 3px 10px 3px 0;

}

.timetable table.timetable_hours tr td:nth-child(even) {

  font-weight: 400;

  text-align: right;

}

.widget .timetable table.timetable_hours {

  margin: 0 0 20px 0;

}

/*** NEWSLETTER FORM ***/

#newsletterResponse {

  margin-left: 15px;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  line-height: 28px;

}

.newsletter_form .newsletter_input {

  margin-left: 10%;

  width: 59%;

}

.newsletter_form h3,

.newsletter_form h4 {

  text-align: center;

}

.newsletter_form h4 {

  margin-bottom: 20px;

}

.newsletter_form h3 {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 32px;

  font-weight: 300;

  margin-top: 0;

  text-transform: uppercase;

}

/*** SVG NEWSLETTER ***/

.svg_newsletter {

  position: relative;

  height: 220px;

}

.svg_newsletter .row {

  position: absolute;

  top: 50%;

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  width: 100%;

  margin: 0;

}

.svg_newsletter #newsletterResponse {

  bottom: -50px;

  left: inherit;

  margin-left: 0;

  position: absolute;

  right: 0;

}

.svg_newsletter .left_area {

  -o-transform: translate(15px, -15px);

  -webkit-transform: translate(15px, -15px);

  -ms-transform: translate(15px, -15px);

  transform: translate(15px, -15px);

}

.svg_newsletter .left_area h3,

.svg_newsletter .left_area p {

  text-align: left;

  line-height: 1.1em;

  font-size: 18px;

  margin: 0;

}

.svg_newsletter .left_area h3 {

  font-weight: 900;

  font-size: 26px;

}

.svg_newsletter .right_area {

  -o-transform: translate(0, 25px);

  -webkit-transform: translate(0, 25px);

  -ms-transform: translate(0, 25px);

  transform: translate(0, 25px);

}

/*** TEASER BOX ***/

.teaser_box {

  position: relative;

  margin-bottom: 20px;

}

.teaser_box .figure {

  display: block;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.teaser_box .figure > i,

.teaser_box .figure > a i {

  font-size: 100px;

  display: inline-block;

}

.teaser_box .figure.stretchy-wrapper > i,

.teaser_box .figure.stretchy-wrapper > a i {

  position: absolute;

  padding: 0;

  left: 50%;

  top: 50%;

  right: inherit;

  bottom: inherit;

  height: auto;

  width: auto;

  -o-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.teaser_box .content {

  padding: 25px 20px 30px 20px;

}

.teaser_box .content .hgroup {

  margin: 0 0 15px 0;

}

.teaser_box .content .hgroup h4 {

  font-weight: 900;

  margin: 0;

}

.teaser_box .content .hgroup p {

  margin: 0;

}

.teaser_box .content .desc {

  margin-bottom: 20px;

}

.teaser_box .content .link {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 2;

}

.teaser_box .content .link > a {

  min-width: 80px;

  cursor: pointer;

}

.teaser_box.team_member:hover {

  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);

}

.teaser_box.team_member .team_social {

  top: inherit;

  right: inherit;

  left: 50%;

  -o-transform: translate(-50%, -100%);

  -webkit-transform: translate(-50%, -100%);

  -ms-transform: translate(-50%, -100%);

  transform: translate(-50%, -100%);

  text-align: inherit;

}

.teaser_box.team_member .team_social.reveal {

  filter: alpha(opacity=1);

  opacity: 1;

  -o-transform: translate(-50%, 100%);

  -webkit-transform: translate(-50%, 100%);

  -ms-transform: translate(-50%, 100%);

  transform: translate(-50%, 100%);

  z-index: 1000;

}

.teaser_box.team_member .team_social a:link i,

.teaser_box.team_member .team_social a:visited i {

  color: #ffffff !important;

}

.teaser_box.team_member .team_social a:hover,

.teaser_box.team_member .team_social a:active {

  background-color: #ffffff;

  color: #4eabf9;

  text-decoration: none;

}

.team_social a:hover,

.team_social a:active {

  background-color: #4eabf9;

  color: #fff;

  text-decoration: none;

}

.team_social.show {

  position: relative;

  -o-transform: translate(0px, 0px);

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

  text-align: center;

}

/*** DOCTORS TIMETABLE ***/

table.timetable_big {

  margin: 0;

}

table.timetable_big thead tr:nth-child(2) {

  background-color: #4eabf9;

  color: white;

}

table.timetable_big thead tr:nth-child(2) th {

  border-top: none;

  border-bottom: none;

  border-left: 1px solid #DDD;

}

table.timetable_big thead tr:nth-child(2) th:first-child {

  background-color: #fff;

  border-left: none;

}

table.timetable_big thead tr:nth-child(2) th:last-child {

  border-right: none;

}

table.timetable_big thead tr:nth-child(3) th {

  border-left: 1px solid #DDD;

  border-bottom: none;

}

table.timetable_big thead tr:nth-child(3) th:first-child {

  border-left: none;

}

table.timetable_big tbody tr:nth-child(odd):hover,

table.timetable_big tbody tr:hover {

  background-color: #4eabf9;

}

table.timetable_big tbody tr:nth-child(odd):hover td:first-child,

table.timetable_big tbody tr:hover td:first-child {

  color: #FFF;

}

table.timetable_big tbody tr:nth-child(odd) {

  background-color: #F7F7F7;

}

table.timetable_big tbody td {

  border-left: 1px solid #DDD;

}

table.timetable_big tbody td.check {

  background-color: rgba(184, 240, 178, 0.7);

  font: normal normal normal 14px/1 FontAwesome;

}

table.timetable_big tbody td.check.check::before {

  content: "\f00c";

}

table.timetable_big tbody td:first-child {

  border-left: none;

}

/* PRICING PLAN */

.pricing_plan {

  position: relative;

  margin-bottom: 20px;

  text-align: center;

}

.pricing_plan .plan_title {

  padding: 30px;

}

.pricing_plan .plan_title h3 {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 2.5em;

  font-weight: 900;

  margin: 0;

  padding: 0;

  position: relative;

}

.pricing_plan .plan_title p {

  margin: 0;

  text-transform: uppercase;

}

.pricing_plan .the_price {

  font-weight: 700;

  padding: 15px;

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 30px;

  font-weight: 800;

  text-align: center;

}

.pricing_plan .the_price span {

  font-size: 30px;

}

.pricing_plan .the_price small {

  font-size: 14px;

  margin-top: 6px;

}

.pricing_plan .the_offerings {

  padding: 0 30px 30px 30px;

}

.pricing_plan .the_offerings p {

  margin-bottom: 4px;

}

.pricing_plan .the_offerings a.btn {

  margin: 20px 0 0 0;

}

.pricing_plan .pricing_plan_photo {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

/* PRICING RIBBON #2 */

.heart {

  height: 100px !important;

  overflow: hidden;

  position: absolute;

  right: 0;

  top: 0;

  left: inherit;

  width: 100px;

  z-index: 1;

}

.heart.beating .heart-inner {

  -webkit-animation: heartbeat .7s linear infinite;

  -moz-animation: heartbeat .7s linear infinite;

  -ms-animation: heartbeat .7s linear infinite;

  -o-animation: heartbeat .7s linear infinite;

  animation: heartbeat .7s linear infinite;

}

.heart-inner {

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAwElEQVRIDe3BsSqFYRgA4Lc/C+WIkwswMJ7JBWAwGE+dO1A2k3IFFhOThSTZ3IHdFVAWpWTUP+lQJ49J6c/X950zyPA/T0TrL6hMxaQMXDq2bS4m4cO3M90Yl6Gfzs3HOGxq2jMT5Qw03epEGX37HjTVFqOENynLkWcopdaNHH1po8hzIu3VbOQ49CnlThU51rxLuYg8PS9SDqKEdY9+dxplbDhy5d7Isye1G9d27EY5lY5VW3pWLFkwrYpW61/7ArSManrIV35GAAAAAElFTkSuQmCC) 25px 50px #4eabf9 no-repeat;

  background-color: #4eabf9;

  bottom: 55px;

  height: 80px;

  position: absolute;

  right: 0;

  transform: rotate(45deg);

  transform-origin: 100% 100%;

  width: 80px;

}

.heartbeat 0% {

  transform: scale(0.8) rotate(45deg);

}

.heartbeat 5% {

  transform: scale(0.85) rotate(45deg);

}

.heartbeat 10% {

  transform: scale(0.9) rotate(45deg);

}

.heartbeat 15% {

  transform: scale(0.9) rotate(45deg);

}

.heartbeat 50% {

  transform: scale(0.8) rotate(45deg);

}

.heartbeat 100% {

  transform: scale(0.8) rotate(45deg);

}

@-webkit-keyframes heartbeat {

  0% {

    transform: scale(0.8) rotate(45deg);

  }

  5% {

    transform: scale(0.85) rotate(45deg);

  }

  10% {

    transform: scale(0.9) rotate(45deg);

  }

  15% {

    transform: scale(0.9) rotate(45deg);

  }

  50% {

    transform: scale(0.8) rotate(45deg);

  }

  100% {

    transform: scale(0.8) rotate(45deg);

  }

}

@-moz-keyframes heartbeat {

  0% {

    transform: scale(0.8) rotate(45deg);

  }

  5% {

    transform: scale(0.85) rotate(45deg);

  }

  10% {

    transform: scale(0.9) rotate(45deg);

  }

  15% {

    transform: scale(0.9) rotate(45deg);

  }

  50% {

    transform: scale(0.8) rotate(45deg);

  }

  100% {

    transform: scale(0.8) rotate(45deg);

  }

}

@-ms-keyframes heartbeat {

  0% {

    transform: scale(0.8) rotate(45deg);

  }

  5% {

    transform: scale(0.85) rotate(45deg);

  }

  10% {

    transform: scale(0.9) rotate(45deg);

  }

  15% {

    transform: scale(0.9) rotate(45deg);

  }

  50% {

    transform: scale(0.8) rotate(45deg);

  }

  100% {

    transform: scale(0.8) rotate(45deg);

  }

}

@-o-keyframes heartbeat {

  0% {

    transform: scale(0.8) rotate(45deg);

  }

  5% {

    transform: scale(0.85) rotate(45deg);

  }

  10% {

    transform: scale(0.9) rotate(45deg);

  }

  15% {

    transform: scale(0.9) rotate(45deg);

  }

  50% {

    transform: scale(0.8) rotate(45deg);

  }

  100% {

    transform: scale(0.8) rotate(45deg);

  }

}

@keyframes heartbeat {

  0% {

    transform: scale(0.8) rotate(45deg);

  }

  5% {

    transform: scale(0.85) rotate(45deg);

  }

  10% {

    transform: scale(0.9) rotate(45deg);

  }

  15% {

    transform: scale(0.9) rotate(45deg);

  }

  50% {

    transform: scale(0.8) rotate(45deg);

  }

  100% {

    transform: scale(0.8) rotate(45deg);

  }

}

/* CLIENTS LIST */

.clients_list {

  text-align: center;

}

.clients_list a {

  display: inline-block;

  margin: 10px;

  padding: 10px;

  -webkit-transition: all 700ms ease-in-out;

  -o-transition: all 700ms ease-in-out;

  transition: all 700ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  opacity: 0.85;

  filter: alpha(opacity=85);

}

.clients_list a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

/* TWITTER FEED */

.twitter_feed_wrapper .twitter_feed_icon {

  text-align: center;

}

.twitter_feed_wrapper .twitter_feed_icon i {

  font-size: 140px;

}

.twitter_feed_wrapper blockquote {

  border-left: 0px solid;

  margin: 0;

  padding: 15px 0 0 0;

}

.twitter_feed_wrapper blockquote p {

  font-size: 17px;

  font-weight: 400;

  margin-bottom: 0px;

}

.twitter_feed_wrapper .flexslider {

  background-color: transparent;

  border: none;

  margin: 0;

}

.twitter_feed_wrapper .flexslider ul.flex-direction-nav {

  transition: all 600ms;

  position: absolute;

  right: 0;

  top: 18px;

  opacity: 0.4;

}

.twitter_feed_wrapper .flexslider ul.flex-direction-nav a {

  opacity: 1;

  background: url('../images/luna-controls-twitter.png') no-repeat -55px 0;

  background-size: 80px;

  border: 1px solid white;

  height: 40px;

  margin: 0;

  top: 0;

  width: 40px;

}

.twitter_feed_wrapper .flexslider ul.flex-direction-nav .flex-prev,

.twitter_feed_wrapper .flexslider ul.flex-direction-nav .flex-next {

  text-indent: 20000px;

}

.twitter_feed_wrapper .flexslider ul.flex-direction-nav .flex-next {

  background-position: 100% 50%;

  right: -50px;

}

.twitter_feed_wrapper .flexslider ul.flex-direction-nav .flex-prev {

  background-position: 0 50%;

  left: inherit;

  position: absolute;

  right: -89px;

}

.twitter_feed_wrapper .flexslider ul.flex-direction-nav:hover {

  opacity: 1;

}

.twitter_feed_wrapper .flexslider ul.flex-direction-nav.vertical {

  transform: rotate(-90deg) translateX(-75px);

}

.twitter_feed_wrapper .flexslider:hover .flex-next {

  right: -50px;

}

.twitter_feed_wrapper .flexslider:hover .flex-prev {

  left: inherit;

}

/* PORTFOLIO GRID ELEMENT */

ul.portfolio_filters {

  list-style: none;

  margin: 0 0 24px 0;

  overflow: hidden;

  padding: 0;

  text-align: center;

}

ul.portfolio_filters li {

  display: inline-block;

}

ul.portfolio_filters li a {

  color: #ffffff;

  display: block;

  font-size: 14px;

  font-weight: 700;

  margin: 0 2px 12px 2px;

  padding: 6px 30px;

  position: relative;

  text-transform: uppercase;

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.3);

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

ul.portfolio_filters li a.active {

  padding: 12px 40px;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

ul.portfolio_filters li a.active:after {

  border: solid transparent;

  border-color: rgba(78, 171, 249, 0);

  border-top-color: #4eabf9;

  border-width: 6px;

  content: " ";

  height: 0;

  left: 50%;

  margin-left: -6px;

  pointer-events: none;

  position: absolute;

  top: 100%;

  width: 0;

}

ul.portfolio_filters li a:hover,

ul.portfolio_filters li a:active {

  text-decoration: none;

  background-color: #4eabf9;

  color: #ffffff;

}

ul.portfolio_filters li a:hover:after,

ul.portfolio_filters li a:active:after {

  top: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(78, 171, 249, 0);

  border-top-color: #4eabf9;

  border-width: 6px;

  margin-left: -6px;

}

ul.portfolio_filters li a.active,

ul.portfolio_filters li a.active:hover {

  background-color: #4eabf9;

  color: #ffffff;

}

.portfolio_item {

  margin-bottom: 30px;

  overflow: hidden;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

.portfolio_item a {

  display: block;

}

.portfolio_item a .figure {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

  height: 100%;

}

.portfolio_item a .portfolio_title {

  bottom: 0;

  padding: 8px;

  position: absolute;

  right: 0;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  z-index: 1;

}

.portfolio_item a .portfolio_title h3 {

  margin: 0;

  font-size: 1em;

  font-weight: 600;

  letter-spacing: 0.4px;

}

.portfolio_item a .portfolio_description {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  -webkit-transition: all 200ms ease-in-out;

  -o-transition: all 200ms ease-in-out;

  transition: all 200ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  -o-transform: translate(0px, -100%);

  -webkit-transform: translate(0px, -100%);

  -ms-transform: translate(0px, -100%);

  transform: translate(0px, -100%);

}

.portfolio_item a .portfolio_description p {

  text-align: center;

  padding: 30px;

  font-weight: bold;

  font-size: 1.2em;

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

.portfolio_item a .portfolio_description.degrade {

  background: linear-gradient(135deg, #304770 0%, #4eabf9 100%) repeat scroll 0 0 #304770;

}

.portfolio_item a:hover .portfolio_description {

  -o-transform: translate(0px, 0%);

  -webkit-transform: translate(0px, 0%);

  -ms-transform: translate(0px, 0%);

  transform: translate(0px, 0%);

}

.portfolio_item a:hover .portfolio_title {

  right: 50%;

  -o-transform: translate(50%, 0);

  -webkit-transform: translate(50%, 0);

  -ms-transform: translate(50%, 0);

  transform: translate(50%, 0);

}

.isotope-item {

  z-index: 2;

}

.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}

.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  transition-property: transform, opacity;

}

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}

.isotope.infinite-scrolling {

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;

}

/* KNOWLEDGEBASE */

.knowledgebase h5 {

  font-size: 3.5em;

  font-weight: 100;

}

.knowledgebase ul {

  list-style: none;

}

.knowledgebase ul li a {

  padding: 2px 7px;

}

/* MASKED HEADING */

.masked_heading {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  display: inline-block;

}

.masked_heading h2 {

  font-size: 12vw;

  font-weight: 900;

  background-color: #efefef;

  mix-blend-mode: lighten;

  display: inline-block;

  margin: 0;

  padding: 0;

}

.masked_heading h2 small {

  font-size: 3vw;

  font-weight: 900;

  display: block;

}

.black_section .masked_heading h2 {

  mix-blend-mode: darken;

  background-color: #151515;

}

.dark_section .masked_heading h2 {

  mix-blend-mode: darken;

  background-color: #222d3f;

}

.skincolored_section .masked_heading h2 {

  mix-blend-mode: darken;

  background-color: #4eabf9;

}

.secondary_section .masked_heading h2 {

  mix-blend-mode: darken;

  background-color: #304770;

}

.white_section .masked_heading h2 {

  background-color: #ffffff;

}

.light_section .masked_heading h2 {

  background-color: #aaaaaa;

}

/* GOOGLE MAPS: ANIMATED PIN */

.pin_container {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: rotate(-45deg);

  animation-name: bounce;

  animation-fill-mode: both;

  animation-duration: 1s;

}

.pin {

  width: 30px;

  height: 30px;

  border-radius: 50% 50% 50% 0;

  background: #89849b;

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -20px 0 0 -20px;

}

.pin:after {

  content: '';

  width: 14px;

  height: 14px;

  margin: 8px 0 0 8px;

  background: #2f2f2f;

  position: absolute;

  border-radius: 50%;

}

.pulse {

  background: rgba(0, 0, 0, 0.2);

  border-radius: 50%;

  height: 14px;

  width: 14px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin: 11px 0px 0px -12px;

  margin: 8px 0px 0px -22px;

  transform: rotateX(55deg) rotateY(38deg);

  z-index: -2;

}

.pulse:after {

  content: "";

  border-radius: 50%;

  height: 40px;

  width: 40px;

  position: absolute;

  margin: -13px 0 0 -13px;

  animation: pulsate 1s ease-out;

  animation-iteration-count: infinite;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  box-shadow: 0 0 1px 2px #89849b;

  animation-delay: 1.1s;

}

@-moz-keyframes pulsate {

  0% {

    transform: scale(0.1, 0.1);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

  50% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }

  100% {

    transform: scale(1.2, 1.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@-webkit-keyframes pulsate {

  0% {

    transform: scale(0.1, 0.1);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

  50% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }

  100% {

    transform: scale(1.2, 1.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@-o-keyframes pulsate {

  0% {

    transform: scale(0.1, 0.1);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

  50% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }

  100% {

    transform: scale(1.2, 1.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@keyframes pulsate {

  0% {

    transform: scale(0.1, 0.1);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

  50% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }

  100% {

    transform: scale(1.2, 1.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@-moz-keyframes bounce {

  0% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    transform: translateY(-2000px) rotate(-45deg);

  }

  60% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

    transform: translateY(30px) rotate(-45deg);

  }

  80% {

    transform: translateY(-10px) rotate(-45deg);

  }

  100% {

    transform: translateY(0) rotate(-45deg);

  }

}

@-webkit-keyframes bounce {

  0% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    transform: translateY(-2000px) rotate(-45deg);

  }

  60% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

    transform: translateY(30px) rotate(-45deg);

  }

  80% {

    transform: translateY(-10px) rotate(-45deg);

  }

  100% {

    transform: translateY(0) rotate(-45deg);

  }

}

@-o-keyframes bounce {

  0% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    transform: translateY(-2000px) rotate(-45deg);

  }

  60% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

    transform: translateY(30px) rotate(-45deg);

  }

  80% {

    transform: translateY(-10px) rotate(-45deg);

  }

  100% {

    transform: translateY(0) rotate(-45deg);

  }

}

@keyframes bounce {

  0% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    transform: translateY(-2000px) rotate(-45deg);

  }

  60% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

    transform: translateY(30px) rotate(-45deg);

  }

  80% {

    transform: translateY(-10px) rotate(-45deg);

  }

  100% {

    transform: translateY(0) rotate(-45deg);

  }

}

/* PL Shortcode: Image Post */

.pl_image_post {

  position: relative;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.pl_image_post a.pl_image_post_content {

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 15px;

}

.pl_image_post a.pl_image_post_content .section_header {

  margin-bottom: 1em;

}

.pl_image_post a.pl_image_post_content .desc {

  overflow: hidden;

  -webkit-transition: all 100ms ease-in-out;

  -o-transition: all 100ms ease-in-out;

  transition: all 100ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  max-height: 0;

}

.pl_image_post a.pl_image_post_content:hover .desc {

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  height: auto;

  max-height: 200px;

}

/* 

8. =BLOG PAGE ELEMENTS

=============================================================== 

*/

/*

--------------------------------------------------------------  

 

BLOG PAGE ELEMENTS



-------------------------------------------------------------- 

*/

article.post {

  padding-bottom: 20px;

  margin-bottom: 40px;

}

article.post h2.post_title {

  font-weight: 900;

  margin: 0;

}

article.post p.post_subtitle {

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 500;

  margin: 0 0 15px 0;

}

article.post .post_figure_and_info {

  position: relative;

  margin: 15px 0;

  min-height: 40px;

}

article.post .post_figure_and_info .post_sub {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  display: inline-block;

  padding: 0;

}

article.post .post_figure_and_info .post_sub a {

  color: inherit;

}

article.post .post_figure_and_info .post_sub .post_info {

  display: inline-block;

  padding: 10px 10px;

  color: #fff;

}

article.post .post_figure_and_info .post_sub .post_info i {

  margin-right: 5px;

}

article.post .post_figure_and_info .post_sub .post_info.post_date {

  background-color: #304770;

}

article.post .post_figure_and_info .post_sub .post_info.post_author {

  background-color: #304770;

  padding-left: 10px;

}

article.post .post_figure_and_info .post_sub .post_info.post_categories {

  background-color: #4eabf9;

}

article.post .post_figure_and_info .post_sub .post_info.post_comment {

  background-color: rgba(78, 171, 249, 0.5);

}

article.post figure a {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.post-grid.classic article.post,

.post-grid.compact article.post {

  border-bottom: dashed 1px #cbcbcb;

}

.post-grid.classic article.post.boxed,

.post-grid.compact article.post.boxed {

  border-bottom: inherit;

}

.post-grid.classic div[class*="col-"]:last-child article.post,

.post-grid.compact div[class*="col-"]:last-child article.post {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: inherit;

}

.post-grid.compact article.post {

  overflow: hidden;

}

.post-grid.compact article.post .post_figure_and_info .post_sub {

  position: relative;

}

.post-grid.boxed_children article.post {

  padding-top: 30px;

  padding-bottom: 30px;

  padding-left: 20px;

  padding-right: 20px;

  border: solid 1px #cbcbcb;

}

.post-grid.boxed_children article.post.dark_section,

.post-grid.boxed_children article.post.black_section,

.post-grid.boxed_children article.post.skincolored_section,

.post-grid.boxed_children article.post.white_section,

.post-grid.boxed_children article.post.light_section {

  border: none !important;

}

.post-grid.boxed_children article.post h2.post_title {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: normal;

  line-height: 1.1;

  text-transform: uppercase;

  margin-top: 22px;

  margin-bottom: 11px;

  font-size: 25px;

  font-weight: 900;

  margin: 0;

}

.post-grid.boxed_children article.post p.post_subtitle {

  font-size: 15px;

}

.post-grid.boxed_children article.post .post_figure_and_info {

  margin-top: 10px;

  display: block;

  background-color: #304770;

}

.post-grid.boxed_children article.post .post_figure_and_info .post_sub {

  position: relative;

}

#post_comments {

  padding: 0 0 30px 0;

  margin: 20px 0 40px 0;

  border-bottom: dashed 1px #cccccc;

}

#post_comments .comment {

  padding: 10px 0;

}

#post_comments .comment .comment_name {

  font-weight: 600;

  padding-top: 10px;

}

#post_comments .comment .comment_name a.reply {

  font-size: 12px;

  padding: 0 6px;

}

#post_comments .comment .comment_date {

  font-size: 12px;

}

.comment div[class^="col-"] {

  margin-bottom: 10px;

  margin-top: 10px;

}

/*

9. =SIDEBAR AND WIDGETS

=============================================================== 

*/

.wpb_widgetised_column {

  padding-top: 4px;

}

.widget {

  font-size: 14px;

  position: relative;

  margin: 0 0 30px 0;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.widget h4 {

  font-weight: 800;

  text-transform: uppercase;

  margin: 0 0 20px 0;

}

.pl_about_us_widget p a:link i,

.pl_about_us_widget p a:visited i {

  color: #fff;

}

.pl_about_us_widget p a:hover i,

.pl_about_us_widget p a:active i, .pl_latest_news_widget p a:hover i,

.pl_latest_news_widgett p a:active i {

  background-color: #000;

}

.pl_about_us_widget p i, .pl_latest_news_widget p i{

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;
  
  color:#fff;
	
  font-size: 20px;

  margin: 0 3px 3px 0;

  padding: 0 0px 0 0;

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.3);

}

.pl_about_us_widget p span {

  display: inline;

  margin: 0 0 0 3px;

  vertical-align: 15%;

}

.pl_about_us_widget p span a {

  color: #ffffff;

}

.pl_about_us_widget p.contact_detail {

  margin: 0;

}

.pl_about_us_widget p.social {

  margin: 5px 0;

}

.pl_about_us_widget i.fa-facebook,

.team_social i.fa-facebook {

  background-color: #3b5998;

}

.pl_about_us_widget i.fa-twitter,

.team_social i.fa-twitter {

  background-color: #00aced;

}

.pl_latest_news_widget i.fa-google-plus,

.team_social i.fa-google-plus {

  background-color: #dd4b39;
  color:#fff;

}

.pl_about_us_widget i.fa-youtube,

.team_social i.fa-youtube {

  background-color: #bb0000;

}

.pl_about_us_widget i.fa-linkedin,

.team_social i.fa-linkedin {

  background-color: #007bb6;

}

.pl_about_us_widget i.fa-instagram,

.team_social i.fa-instagram {

  background-color: #517fa4;

}

.pl_about_us_widget i.fa-pinterest-p,

.team_social i.fa-pinterest-p {

  background-color: #cb2027;

}

.pl_about_us_widget i.fa-vine,

.team_social i.fa-vine {

  background-color: #00bf8f;

}

.pl_about_us_widget i.fa-flickr,

.team_social i.fa-flickr {

  background-color: #ff0084;

}

.pl_about_us_widget i.fa-tumblr,

.team_social i.fa-tumblr {

  background-color: #32506d;

}

.pl_about_us_widget i.fa-vimeo,

.team_social i.fa-vimeo {

  background-color: #aad450;

}

.pl_about_us_widget i.fa-foursquare,

.team_social i.fa-foursquare {

  background-color: #0072b1;

}

.pl_latest_portfolio_widget ul.media-list,

.pl_latest_news_widget ul.media-list {

  margin: 0;

}

.pl_latest_portfolio_widget li.media,

.pl_latest_news_widget li.media {

  position: relative;

  min-height: 70px;

  margin-top: 15px;

  overflow: hidden;

}

.pl_latest_portfolio_widget li.media:first-child,

.pl_latest_news_widget li.media:first-child {

  margin-top: 0;

}

.pl_latest_portfolio_widget li.media .media-photo,

.pl_latest_news_widget li.media .media-photo {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 70px;

  height: 100%;

  margin: 0px;

  overflow: hidden;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  border-radius: 0;

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.3);

}

.pl_latest_portfolio_widget li.media h5.media-heading,

.pl_latest_news_widget li.media h5.media-heading {

  font-weight: 700;

  padding: 2px 0px 0px 0px;

  margin: 0 0 5px 85px;

  font-size: 14px;

}

.pl_latest_portfolio_widget li.media p,

.pl_latest_news_widget li.media p {

  margin: 0 0 0 85px;

  line-height: 1.3em;

}

.pl_latest_portfolio_widget li.media small,

.pl_latest_news_widget li.media small {

  position: absolute;

  top: 0;

  left: 0;

  color: #fff;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 600;

  padding: 5px;

  text-align: center;

  width: 70px;

  z-index: 2;

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.3);

}

.widget_ads a {

  display: inline-block;

  margin: 0 10px 10px 0;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

  background-color: #efefef;

  border-top: solid 2px #4eabf9;

}

.nav-tabs > li > a {

  border-radius: 0;

}

.tab-content {

  padding: 10px 0;

}

#tags a {

  display: block;

  float: left;

  font-weight: 300;

  margin: 0 10px 10px 0;

  padding: 10px;

}

/* 

10. =FOOTER WIDGETIZED AREA

=============================================================== 

*/

footer {

  background-color: #232323;

  color: #ffffff;

  -webkit-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-overflow-scrolling: touch;

  padding-top: 55px;

  padding-bottom: 25px;

  position: relative;

}

footer a:link,

footer a:visited {

  color: #f8eb80;

}

footer a:hover,

footer a:active {

  color: #fcf6c9;

}

.copyright {

  padding-top: 15px;

  padding-bottom: 15px;

  position: relative;

}

/* 

11. =BOOTSTRAP ELEMENTS OVERRIDES

=============================================================== 

*/

/* 

X. =BOOTSTRAP ELEMENTS OVERRIDES

=============================================================== 

*/

.bs-example-tabs .nav-tabs {

  margin-bottom: 15px;

}

.form-control {

  -webkit-appearance: none;

  box-shadow: none;

}

.panel-primary {

  border-color: #4eabf9;

}

.pagination > li > a,

.pagination > li > span,

.pagination-lg > li:first-child > a,

.pagination-lg > li:first-child > span,

.pagination-lg > li:last-child > a,

.pagination-lg > li:last-child > span,

.pagination > li:first-child > a,

.pagination > li:first-child > span,

.pagination > li:last-child > a,

.pagination > li:last-child > span,

.pagination-sm > li:last-child > a,

.pagination-sm > li:last-child > span {

  background-color: rgba(255, 255, 255, 0.65);

}

.progress,

.progress-bar {

  box-shadow: none;

}

.badge {

  background-color: #4eabf9;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  background-color: #304770;

  border-color: #304770;

}

/* =JUMBOTRON */

.jumbotron {

  background-color: #ccc;

}

.jumbotron .container {

  max-width: 100%;

}

@media screen and (min-width: 768px) {

  .jumbotron {

    padding: 48px 0;

  }
  
  

  .container .jumbotron,

  .container-fluid .jumbotron {

    padding-right: 60px;

    padding-left: 60px;

  }

  .jumbotron h1,

  .jumbotron .h1 {

    font-size: 63px;

  }
  
 .wrep-image h1, .wrep-image13 h1 {
    position: absolute;
    bottom: 0px;
    font-size: 14px !important;
    background-color: rgba(14, 14, 14, 0.83);
    width: 100%;
    margin: 0px;
    padding: 11px !important;
    color: #fff;
} 
  

}

@media only screen and (max-width: 767px){

body .wrep-image h1,body  .wrep-image13 h1,body  .wrep-image131 h1 {
   font-size: 13px !important;
    padding: 7px !important;
   
} 

.stretchy-wrapper.ratio_16-9 {
    margin-bottom: 15px;
}

}



/* 

12. =MISC STYLES

=============================================================== 

*/

img {

  max-width: 100%;

}

figure img {

  max-width: 100%;

}

.form-control {

  background-color: #efefef;

  border: 1px solid #cbcbcb;

  border-radius: 0px;

  color: #323232;

  font-size: 14px;

  height: inherit;

  line-height: 1.5;

  padding: 4px 24px;

}

select {

  background-color: #efefef;

  border: 1px solid #cbcbcb;

  border-radius: 0px;

  color: #323232;

  font-size: 14px;

  height: inherit;

  line-height: 1.5;

  padding: 8px 24px;

  width:100%;

}

blockquote {

  border-left: 5px solid #b2b2b2;

}

.brand-colors {

  height: 0;

  width: 0;

  display: none;

  margin: 0;

  padding: 0;

  color: #4eabf9;

  background-color: #304770;

}

i.fa.primary {

  color: #4eabf9;

}

i.fa.secondary {

  color: #304770;

}

i.fa.success {

  color: #5cb85c;

}

i.fa.info {

  color: #5bc0de;

}

i.fa.warning {

  color: #f0ad4e;

}

i.fa.danger {

  color: #d9534f;

}

#imagelightbox iframe {

  border: none;

}

.pager li a {

  background-color: #4eabf9;

  border-radius: 0;

  color: #fff;

  font-weight: 600;

  padding: 10px 20px;

}

.pager li a:hover {

  color: #555555;

}

.collapsed {

  -o-transform: translate(-250px, 0px);

  -webkit-transform: translate(-250px, 0px);

  -ms-transform: translate(-250px, 0px);

  transform: translate(-250px, 0px);

}

.video_iframe iframe {

  border: none;

  width: 100%;

}

/* 

 =3D Links Effect

 -------------------------------------------------------------- 

*/

.roll {

  display: inline-block;

  overflow: hidden;

  perspective: 400px;

  perspective-origin: 50% 50%;

  -webkit-perspective: 400px;

  -webkit-perspective-origin: 50% 50%;

  vertical-align: top;

}

.roll span {

  display: block;

  padding: 0 2px;

  position: relative;

  transform-origin: 50% 0%;

  transform-style: preserve-3d;

  transition: all 400ms ease;

  -webkit-transform-origin: 50% 0%;

  -webkit-transform-style: preserve-3d;

  -webkit-transition: all 400ms ease;

}

.roll:hover span {

  background: #111;

  transform: translate3d(0px, 0px, -30px) rotateX(90deg);

  -webkit-transform: translate3d(0px, 0px, -30px) rotateX(90deg);

}

.roll span:after {

  background: #304770;

  color: #fff;

  content: attr(data-title);

  display: block;

  left: 0;

  padding: 0 2px;

  position: absolute;

  top: 0;

  transform: translate3d(0px, 105%, 0px) rotateX(-90deg);

  transform-origin: 50% 0%;

  -webkit-transform: translate3d(0px, 105%, 0px) rotateX(-90deg);

  -webkit-transform-origin: 50% 0%;

}

/* 

 = BACK TO TOP BUTTON

 -------------------------------------------------------------- 

*/

#return-to-top {

  position: fixed;

  bottom: 20px;

  right: 20px;

  background: #000000;

  background: rgba(0, 0, 0, 0.7);

  width: 50px;

  height: 50px;

  display: block;

  text-decoration: none;

  border-radius: 35px;

  display: none;

  transition: all 0.3s ease;

  z-index: 10001;

}

#return-to-top i {

  color: #fff;

  margin: 0;

  position: relative;

  left: 16px;

  top: 13px;

  font-size: 19px;

  transition: all 0.3s ease;

}

#return-to-top:hover {

  background: rgba(0, 0, 0, 0.9);

}

#return-to-top:hover i {

  color: #fff;

  top: 5px;

}

/* =SVG Loader

-------------------------------------------------------------- */

.loader-modal {

  display: block;

  display: none;

  height: 100%;

  left: 0;

  margin: 0;

  overflow: auto;

  padding: 0;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 100;

}

.main.ajaxed {

  z-index: 999;

}

.ajax-error {

  left: 25%;

  position: absolute;

  top: 25%;

}

.member-bio,

.team-bio {

  display: none;

}

#loader {

  z-index: 99999;

}

.close-handle {

  cursor: pointer;

  position: fixed;

  right: 60px;

  top: 30px;

  z-index: 999999;

  padding: 30px;

}

.close-handle:before,

.close-handle:after {

  -webkit-transition: all 200ms linear;

  content: '';

  height: 3px;

  position: absolute;

  top: 29px;

  left: 11px;

  transition: all 200ms linear;

  width: 40px;

}

.close-handle:before,

.close-handle:hover:after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.close-handle:after,

.close-handle:hover:before {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.close-handle {

  border-radius: 60px;

  background-color: #fff;

}

.close-handle:before,

.close-handle:after {

  background-color: #323232;

}

/* =SVG Page Loading Effect

-------------------------------------------------------------- */

.pageload-overlay {

  height: 100%;

  left: 0;

  position: fixed;

  top: 0;

  visibility: hidden;

  width: 100%;

  /* REMOVED LOADING BALLS */

}

.pageload-overlay.show {

  visibility: visible;

}

.pageload-overlay svg {

  left: 0;

  pointer-events: none;

  position: absolute;

  top: 0;

}

.pageload-overlay svg path {

  fill: #4eabf9;

}

.pageload-overlay::after,

.pageload-overlay::before {

  display: none;

  opacity: 0;

  visibility: hidden;

  z-index: 0;

}

/* OWL SLIDER ADDITIONS */

ul.owl-carousel {

  list-style: none;

}

/* =DEMOs Page

-------------------------------------------------------------- */

.demo_item {

  background-image: url('../images/demos_page/monitor.png');

  padding-bottom: 81.09% !important;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

@media (max-width: 991px) {

  .demo_item {

    margin-bottom: 55px !important;

  }

}

.demo_item .stretchy-wrapper {

  width: auto !important;

  padding-bottom: 52% !important;

  height: inherit;

  margin: 5% 4%;

  background-position: center top;

  -webkit-transition: all 2000ms ease-in-out;

  -o-transition: all 2000ms ease-in-out;

  transition: all 2000ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

.demo_item .stretchy-wrapper:hover {

  background-position: center bottom;

  -webkit-transition: all 2000ms ease-in-out;

  -o-transition: all 2000ms ease-in-out;

  transition: all 2000ms ease-in-out;

  -webkit-overflow-scrolling: touch;

}

/* 

13. =RESPONSIVE STATES

=============================================================== 

*/

/* =Responsive: Very Large Desktops (Higher Part of LG)

-------------------------------------------------------------- */

@media only screen and (min-width: 1401px) {

  .vcenter div[class*="col-"] {

    display: inline-block;

    vertical-align: middle;

    float: none;

    margin-right: -4px;

  }

  .vbottom div[class*="col-"] {

    display: inline-block;

    vertical-align: bottom;

    float: none;

    margin-right: -4px;

  }

}

/* =Responsive: Large Desktops (Lower 200px Part of LG)

-------------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1400px) {

  .stretchy-wrapper.ratio_slider {

    padding-bottom: 40% !important;

  }

  .vcenter div[class*="col-"] {

    display: inline-block;

    vertical-align: middle;

    float: none;

    margin-right: -4px;

  }

  .vbottom div[class*="col-"] {

    display: inline-block;

    vertical-align: bottom;

    float: none;

    margin-right: -4px;

  }

}

/* =Responsive: Medium devices (MD) Desktops

-------------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {

  .header .mainbar.diagonal .container {

    background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 30%, #304770 30%, #304770 100%);

  }

  .menu_container ul.main_menu > li > a {

    padding: 10px 10px;

  }

  .stretchy-wrapper.ratio_slider {

    padding-bottom: 50% !important;

  }

  .vcenter div[class*="col-"] {

    display: inline-block;

    vertical-align: middle;

    float: none;

    margin-right: -4px;

  }

  .vbottom div[class*="col-"] {

    display: inline-block;

    vertical-align: bottom;

    float: none;

    margin-right: -4px;

  }

}

/* =Responsive: Small devices (SM) Tablets (Mobile Menu) 

-------------------------------------------------------------- */

@media only screen and (max-width: 991px) {

  h1,

  .h1 {

    font-size: 37px;

  }

  h2,

  .h2 {

    font-size: 31px;

  }

  h3,

  .h3 {

    font-size: 23px;

  }

  h4,

  .h4 {

    font-size: 18px;

  }

  h5,

  .h5 {

    font-size: 15px;

  }

  h6,

  .h6 {

    font-size: 13px;

  }

  .stretchy-wrapper.ratio_slider {

    padding-bottom: 50% !important;

  }

  .header .mainbar.diagonal .container {

    background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);

  }

  .logo {

    margin: 10px 0;

  }

  .logo a.brand {

    font-size: 28px;

  }

  .logo a.brand img {

    max-height: 28px;

  }

  .logo p {

    font-size: 13px;

  }

  label.mobile_collapser {

    position: absolute;

    top: 50%;

    -o-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    right: 15px;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    text-align: right;

    margin: 0;

    width: 80px;

    padding: 15px 30px 15px 0;

    font-size: 13px;

    line-height: 1em;

	

   

  }

  label.mobile_collapser:after {

    content: '\2261';

    display: block;

    position: absolute;

    font-size: 40px;

    top: 13px;

    right: -5px;

  }

  a.social_links {

    right: 0px;

    -o-transform: translate(-100px, -50%);

    -webkit-transform: translate(-100px, -50%);

    -ms-transform: translate(-100px, -50%);

    transform: translate(-100px, -50%);

    z-index: 101;

  }

  span.close_menu {

    cursor: pointer;

    font-size: 30px;

    font-weight: bold;

    line-height: 25px;

    position: absolute;

    margin: 13px 15px;

    top: 0;

    left: 0;

    color: #ffffff;

    background-color: #4eabf9;

    width: 30px;

    height: 30px;

    border-radius: 50px;

    text-align: center;

    display: block;

  }

  .menu_container {

    position: fixed;

    top: 0;

    right: 0;

    float: none;

    width: 250px;

    margin: 0;

    margin-right: 0 !important;

    -o-transform: translate(250px, 0px);

    -webkit-transform: translate(250px, 0px);

    -ms-transform: translate(250px, 0px);

    transform: translate(250px, 0px);

    background-color: #304770;

    padding: 56px 0;

    border-left: solid 1px #4eabf9;

    display: block;

    overflow: auto;

  }

  .menu_container.collapsed {

    -o-transform: translate(250px, 0px);

    -webkit-transform: translate(250px, 0px);

    -ms-transform: translate(250px, 0px);

    transform: translate(250px, 0px);

  }

  .menu_container ul.main_menu {

    border-top: solid 1px #4eabf9;

  }

  .menu_container ul.main_menu li {

    display: block;

    float: none;

    padding: 0;

    margin: 0;

    border-bottom: solid 1px #4eabf9;

  }

  .menu_container ul.main_menu li a {

    padding: 15px 15px;

  }
  
  

  .menu_container ul.main_menu li.lihasdropdown:after {

    right: 10px;

  }

  .menu_container ul.main_menu li.drop-left ul.menu-dropdown,

  .menu_container ul.main_menu li.dropleft ul.menu-dropdown {

    right: inherit;

    left: 0;

  }

  .menu_container ul.main_menu li.drop-right ul.menu-dropdown {

    left: 0;

  }

  .menu_container ul.main_menu li.drop-mid ul.menu-dropdown {

    left: 0;

  }

  .menu_container ul.main_menu li.drop-mid.two_column ul.menu-dropdown {

    left: 0;

  }

  .menu_container ul.main_menu li ul.menu-dropdown {

    padding: 0px;

    top: 0;

    height: 0;

    min-height: inherit;

    max-height: inherit;

    position: relative;

    left: 0px;

    overflow: hidden !important;

    -o-transform: translate(0, -30px);

    -webkit-transform: translate(0, -30px);

    -ms-transform: translate(0, -30px);

    transform: translate(0, -30px);

    border: none;

  }

  .menu_container ul.main_menu li ul.menu-dropdown.show {

    height: auto;

    -o-transform: translate(0, 0px);

    -webkit-transform: translate(0, 0px);

    -ms-transform: translate(0, 0px);

    transform: translate(0, 0px);

  }

  .menu_container ul.main_menu li ul.menu-dropdown li {

    display: block;

    position: relative;

    width: 100%;

    padding: 0 0px;

    border-bottom: solid 1px #ffffff;

  }

  .menu_container ul.main_menu li ul.menu-dropdown li a {

    padding: 15px 20px;

  }

  .menu_container ul.main_menu li ul.menu-dropdown li ul.menu-dropdown {

    position: relative;

    top: inherit;

    width: 100%;

    min-width: inherit;

    left: inherit;

  }

  .menu_container ul.main_menu > li > ul.menu-dropdown > li.sublihasdropdown ul.menu-dropdown > li > a {

    padding: 15px 30px;

  }

  .menu_container ul.main_menu > li > ul.menu-dropdown > li.sublihasdropdown > a:after {

    content: '\2023';

    font-size: 20px;

    transform: rotate(90deg);

    position: absolute;

    top: 11px;

    right: 10px;

    color: #ffffff;

  }

  .menu_container ul.main_menu > li > ul.menu-dropdown > li.sublihasdropdown > ul.menu-dropdown {

    border: none !important;

  }

  .menu_container ul.main_menu li.two_column.lihasdropdown ul,

  .menu_container ul.main_menu li.two-column.lihasdropdown ul {

    width: inherit;

    padding: 0;

  }

  .menu_container ul.main_menu li.two_column.lihasdropdown ul li,

  .menu_container ul.main_menu li.two-column.lihasdropdown ul li {

    float: none;

    width: 100%;

    border-right: solid 0px;

  }

  .menu_container ul.main_menu li.two_column.lihasdropdown ul li:nth-child(odd),

  .menu_container ul.main_menu li.two-column.lihasdropdown ul li:nth-child(odd) {

    clear: none;

  }

  .menu_container ul.main_menu li.two_column.lihasdropdown ul li ul,

  .menu_container ul.main_menu li.two-column.lihasdropdown ul li ul {

    width: 100%;

  }

  .menu_container ul.main_menu li.two_column.lihasdropdown ul li ul li,

  .menu_container ul.main_menu li.two-column.lihasdropdown ul li ul li {

    float: none;

    width: 100%;

  }

  .menu_container ul.main_menu li.two_column.lihasdropdown ul li.sublihasdropdown > a:after,

  .menu_container ul.main_menu li.two-column.lihasdropdown ul li.sublihasdropdown > a:after {

    right: 10px;

  }

  /*** HEAD PANEL ***/

  .head_panel .slider_wrapper .caption {

    left: 5%;

    width: 90%;

  }

  .head_panel .slider_wrapper .caption.caption-left {

    left: 5%;

  }

  .head_panel .slider_wrapper .caption.caption-right {

    right: 5%;

  }

  /*** MAP ***/

  .map {

    height: 380px !important;

  }

  /* TWITTER FEED */

  .twitter_feed_wrapper blockquote p {

    font-size: 15px;

  }

  .twitter_feed_wrapper .flexslider ul.flex-direction-nav {

    position: absolute;

    right: 90px;

    top: inherit;

    bottom: 0;

  }

  /* NEWSLETTER FORMS */

  .newsletter_form .newsletter_input {

    width: 50%;

    display: inline-block;

  }

  .elevate {

    margin-top: 0px;

  }

  .svg_newsletter .newsletter_input {

    margin: 0;

  }

  .svg_newsletter .right_area {

    -o-transform: translate(0, 0px);

    -webkit-transform: translate(0, 0px);

    -ms-transform: translate(0, 0px);

    transform: translate(0, 0px);

  }

  footer.vbottom .widget.boxed {

    -o-transform: translate(0, 0);

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0);

  }

  .close-handle {

    padding: 20px;

    right: 10px;

    top: 10px;

  }

  .close-handle:after,

  .close-handle:before {

    left: 10px;

    top: 19px;

    width: 20px;

  }


}

/* =Responsive: Extra small devices (XS) Phones

-------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

  h1,

  .h1 {

    font-size: 33px;

  }

  h2,

  .h2 {

    font-size: 28px;

  }

  h3,

  .h3 {

    font-size: 20px;

  }

  h4,

  .h4 {

    font-size: 16px;

  }

  h5,

  .h5 {

    font-size: 13px;

  }

  h6,

  .h6 {

    font-size: 12px;

  }

  .stretchy-wrapper.ratio_slider {

    padding-bottom: 70% !important;

  }

  .header .mainbar.diagonal .container {

    background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);

  }

  .logo {

   margin: 3px 8px 6px 0px;

  }
  .main section{padding:20px 0px !important;}
  
  .head_panel .hgroup .title.diagonal-bgcolor-trans .container h1 {
    display: inline-block;
    position: relative;
    background-color: #efefef;
    min-width: 220px !important;
    padding-right: 10px;
    z-index: 2;
}
.head_panel .hgroup .title h1{font-weight:normal !important;font-size: 28px !important;}
  
ul.menu.main_menu.hover_menu li a {
    padding-left: 15px !important;
}  
  .widget{margin:0px !important}
  
  #return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 8px !important;
    top: 2px !important;
    font-size: 16px !important;
    transition: all 0.3s ease;
}
  #return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000000;
    background: rgba(0, 0, 0, 0.7);
    width: 30px !important;
    height: 30px !important;
    display: block;
    text-decoration: none;
    border-radius: 35px;
    display: none;
    transition: all 0.3s ease;
    z-index: 10001;
}
  

  .logo a.brand {

    font-size: 22px;

  }

  .logo a.brand img {

    max-height: 24px;

  }

  .logo p {

    font-size: 12px;

  }

  /*** HEAD PANEL ***/

  .caption .inner .t1 {

    font-size: 50px;

  }

  .caption .inner .t2 {

    font-size: 28px;

  }

  .caption .inner .t3 {

    font-size: 20px;

  }

  .caption .inner p.desc {

    font-size: 15px;

  }

  .caption.caption-fancy .inner .t1 {

    font-size: 50px;

  }

  .caption.caption-fancy .inner .t2 {

    font-size: 28px;

  }

  .caption.caption-fancy .inner .t3 {

    font-size: 20px;

  }

  .caption.caption-fancy .inner p.desc {

    font-size: 15px;

  }

  .caption.caption-flat .inner .t1 {

    font-size: 36px;

  }

  .caption.caption-flat .inner .t2 {

    margin-bottom: 20px;

  }

  .caption.caption-flat .inner p.desc {

    font-size: 18px;

  }

  .map {

    height: 280px !important;

  }

  .newsletter_form .newsletter_input {

    width: 69%;

    display: inline-block;

  }

  .newsletter_form button.form-control {

    display: inline-block;

    width: auto;

  }

  .pricing_plan {

    margin-bottom: 10px;

  }

  .owl-nav {

    visibility: hidden;

  }

  .copyright div {

    text-align: center;

  }
  .boxed1 {

  padding-top: 30px;

  padding-bottom: 1px;

  padding-left: 20px;

  padding-right: 20px;
  margin-top:15px;


}

}

/* =Responsive: Small Phones (XXS)

-------------------------------------------------------------- */

@media only screen and (max-width: 480px) {

  .stretchy-wrapper.ratio_slider {

    padding-bottom: 80% !important;

  }

  .hidden-xxs {

    display: none;

  }

  .menu_container > ul.collapsed > li {

    width: 100% !important;

    border-right: solid 0px #cccccc !important;

  }

  .menu_container > ul.collapsed > li:last-child {

    border-bottom: solid 0px red !important;

  }

  .newsletter_form .newsletter_input {

    width: 100%;

    display: block;

  }

  .newsletter_form button.form-control {

    display: block;

    margin-bottom: 20px;

  }

  .section_header.fancy h2 {

    font-size: 51px;

  }

  .section_header.fancy h3 {

    font-size: 37.5px;

  }

  .section_header.fancy h4 {

    font-size: 28.5px;

  }

  .section_header.fancy h5 {

    font-size: 24px;

  }

  .section_header.fancy h6 {

    font-size: 21px;

  }
.boxed1 {

  padding-top: 30px;

  padding-bottom: 1px;

  padding-left: 20px;

  padding-right: 20px;
  margin-top:15px;


}
p.social {
    padding-top: 20px;
    padding-bottom: 28px;
}

}

/* =Responsive: Small Phones (XXXS)

-------------------------------------------------------------- */

@media only screen and (max-width: 320px) {

  .stretchy-wrapper.ratio_slider {

    padding-bottom: 100% !important;

  }

  .hidden-xxxs {

    display: none;

  }

  

   

}



@media only screen and (max-width: 980px) {

	ul.menu.main_menu.hover_menu li a {
    padding-left: 15px !important;
}  

	label.mobile_collapser {

    position: absolute;

    top: 50%;

   

    left: -10px !important;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    text-align: right;

    margin: 0;

    width: 80px;

    padding: 12px 23px 15px 0;

    font-size: 13px;

    line-height: 1em;



  }

  .logo p {

    font-size: 16px;

}
.boxed1 {

  padding-top: 30px;

  padding-bottom: 1px;

  padding-left: 20px;

  padding-right: 20px;
  margin-top:15px;
 }
.box_border {
    border: solid 1px #304770 !important;
	margin-bottom:15px;
	}
	
    
	

}

	

	

	

	

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  /* IE10+ CSS styles go here */

  .menu_container.collapsed {

    -o-transform: translate(0px, 0px);

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

}

/* 

14. =WORDPRESS STYLES

=============================================================== 

*/





/*new style starts */

.quic ul 

{

	padding-left:0px !important;
	

}



.quic ul li

{

	list-style-type:none;

}



.quic ul li a

{

	font-size:12px;

	color:#fff;

}



.ico input[type="text"]

{    background-color: #304770;

    border: 3px solid #22324f;

    background-image: url(../../images/rt_tip.png);

    background-repeat: no-repeat;

    background-position: right 0px;

    height: 38px;

    width: 250px;

    padding-left: 10px;

    font-size: 15px;

    color: #350F0F !important;

    font-weight: bold;

	padding-right: 50px;

	outline:none;

}



.top_logo

{

	border-top:8px solid #304770;

	padding:15px 0px;

}



.icone img

{

	width:25px;

	height:25px;

}



.tp_logo

{

	width: 100%;

  padding: 0px 10px !important;

    margin: 0px auto;

}





.menu_container ul.main_menu li.two_column.lihasdropdown ul, .menu_container ul.main_menu li.two-column.lihasdropdown ul {

    overflow: hidden;

    width: 550px;

    padding: 30px 10px;

    position: absolute;

    left: 8px !important;

}



/*new style ends */







@media only screen and (max-width:680px)

{



.inner.black_section.transparent-film.animated.bounceInUp, .caption.caption-left.caption-fancy, .caption.caption-right.caption-flat

{

	display: none !important;

}
.pl_latest_news_widget
{
	padding-top:30px;
}
p.social {
    padding-top: 20px;
    padding-bottom: 28px;
}
}








.menu_container ul.main_menu li ul.menu-dropdown li a {
   
    padding-left: 12px !important;
}



.boxed1 {

  padding-top: 30px;

  padding-bottom: 1px;

  padding-left: 20px;

  padding-right: 20px;

 
  

}
.box_border { 
	border: solid 1px #304770 !important;

	}

.tst_img
{
	
	padding:11px 0px 0px 0px;
	text-align:center;
	}

.tst_cnt
{
	margin: 10px 15px 0px 30px;

	padding: 5px 15px 0px 0px; }

p.test_head 
{
	font-weight:bold;
	color:#454545;
	margin-bottom:3px;	
	font-size:14px !important;
}
span.test_date
{
	color:#bebebe;
	font-weight:normal !important;
}
p.comment
{
	color:#454545;
	font-size:13px !important;
	line-height: 17px;
	height:50px;
	
}
.comment span a
{
	color: #c3c6ce;
    font-style: italic;}
.comment span a:hover
{
	color: #304770;
    font-style: italic;}
.cnt
{
	background:url(../images/br.png) bottom 0px left 50% no-repeat;
	margin-bottom:-5px;
}

.skincolored_section.transparent-film1.boxed.same_height_col {
    background-image: url('../images/entry-005.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	margin-left:-15px;
	margin-right:-15px;	
}


i.fa.fa-thumbs-o-up {
    background-color: #3765a3;
	color:#fff;
}
i.fa.fa-thumbs-o-up:hover, i.fa.fa-yelp:hover, i.fa.fa-youtube:hover {
    background-color: #000;
}
i.fa.fa-yelp {
    background-color: #ff0000;
	color:#fff;
}
p.social {
    padding-top: 50px;
    padding-bottom: 28px;
}
i.fa.fa-youtube {
    background-color: #bb0000;
	color:#fff;
}