/*
Theme Name: MyTheme-child
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: MyTheme
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: MyTheme-child

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */


@charset "UTF-8";



* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}







*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



select{

      -webkit-appearance: none;

       -moz-appearance: none;

        -ms-appearance: none;

         -o-appearance: none;

            appearance: none;

            outline: none;

}



select::-ms-expand {

    display: none;

}







html {

  overflow-x: hidden;

   -ms-overflow-style: scrollbar;

  font-family: sans-serif; /* 1 */

  -ms-text-size-adjust: 100%; /* 2 */

  -webkit-text-size-adjust: 100%; /* 2 */

}



/**

 * Remove default margin.

 */



body {

  margin: 0;

  padding: 0;

  font-family: 'ProximaNova-Semibold' !important;

  overflow-x: hidden;

}









ul {

  list-style:none;

  

}

a {

  text-decoration:none !important;

  outline: none;

}



/* HTML5 display definitions

   ========================================================================== */



/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}



/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */



audio,

canvas,

progress,

video {

  display: inline-block; /* 1 */

  vertical-align: baseline; /* 2 */

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */



audio:not([controls]) {

  display: none;

  height: 0;

}



/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.

 */



[hidden],

template {

  display: none;

}



/* Links

   ========================================================================== */



/**

 * Remove the gray background color from active links in IE 10.

 */



a {

  background-color: transparent;

  -webkit-transition:all 0.3s;

  -moz-transition:all 0.3s;

  -ms-transition:all 0.3s;

  -o-transition:all 0.3s;

  transition:all 0.3s;

}



/**

 * Improve readability of focused elements when they are also in an

 * active/hover state.

 */



a:active,

a:hover {

  outline: 0;

}



/* Text-level semantics

   ========================================================================== */



/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */



abbr[title] {

  border-bottom: 1px dotted;

}



/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */



b,

strong {

  font-weight: bold;

}



/**

 * Address styling not present in Safari and Chrome.

 */



dfn {

  font-style: italic;

}



/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



/**

 * Address styling not present in IE 8/9.

 */



mark {

  background: #ff0;

  color: #000;

}



/**

 * Address inconsistent and variable font size in all browsers.

 */



small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/* Embedded content

   ========================================================================== */



/**

 * Remove border when inside `a` element in IE 8/9/10.

 */



img {

  border: 0;

}



/**

 * Correct overflow not hidden in IE 9/10/11.

 */



svg:not(:root) {

  overflow: hidden;

}



/* Grouping content

   ========================================================================== */



/**

 * Address margin not present in IE 8/9 and Safari.

 */



figure {

  margin: 1em 40px;

}



/**

 * Address differences between Firefox and other browsers.

 */



hr {

  box-sizing: content-box;

  height: 0;

}



/**

 * Contain overflow in all browsers.

 */



pre {

  overflow: auto;

}



/**

 * Address odd `em`-unit font size rendering in all browsers.

 */



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



/* Forms

   ========================================================================== */



/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */



/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */



button,

input,

optgroup,

select,

textarea {

  color: inherit; /* 1 */

  font: inherit; /* 2 */

  margin: 0; /* 3 */

  outline: none;

}



textarea{

  resize: vertical;

}



/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */



button {

  overflow: visible;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */



button,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */



button,

html input[type="button"], /* 1 */

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button; /* 2 */

  cursor: pointer; /* 3 */

}



/**

 * Re-set default cursor for disabled elements.

 */



button[disabled],

html input[disabled] {

  cursor: default;

}



/**

 * Remove inner padding and border in Firefox 4+.

 */



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */



input {

  line-height: normal;

}



/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box; /* 1 */

  padding: 0; /* 2 */

}



/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.

 */



input[type="search"] {

  -webkit-appearance: textfield; /* 1 */

  box-sizing: content-box; /* 2 */

}



/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Define consistent border, margin, and padding.

 */



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */



legend {

  border: 0; /* 1 */

  padding: 0; /* 2 */

}



/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */



textarea {

  overflow: auto;

}



/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */



optgroup {

  font-weight: bold;

}



/* Tables

   ========================================================================== */



/**

 * Remove most spacing between table cells.

 */



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



select{

      -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

}











/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

  filter: alpha(opacity=80); }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



.mfp-close {

  position: absolute;

  right: 30px;

  top: 13px;

  text-align: center;

  color: #525252;

  font-size: 30px;

  font-weight: 900;

  border: none;

  background: none;

  opacity: 0.7;

}









.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  filter: alpha(opacity=65);

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent; }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover,

  .mfp-arrow:focus {

    opacity: 1;

    filter: alpha(opacity=100); }

  .mfp-arrow:before,

  .mfp-arrow:after,

  .mfp-arrow .mfp-b,

  .mfp-arrow .mfp-a {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent; }

  .mfp-arrow:after,

  .mfp-arrow .mfp-a {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before,

  .mfp-arrow .mfp-b {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }



.mfp-arrow-left {

  left: 0; }

  .mfp-arrow-left:after,

  .mfp-arrow-left .mfp-a {

    border-right: 17px solid #FFF;

    margin-left: 31px; }

  .mfp-arrow-left:before,

  .mfp-arrow-left .mfp-b {

    margin-left: 25px;

    border-right: 27px solid #3F3F3F; }



.mfp-arrow-right {

  right: 0; }

  .mfp-arrow-right:after,

  .mfp-arrow-right .mfp-a {

    border-left: 17px solid #FFF;

    margin-left: 39px; }

  .mfp-arrow-right:before,

  .mfp-arrow-right .mfp-b {

    border-left: 27px solid #3F3F3F; }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #444; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }

  .social-login-button a img{
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
  }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

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

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

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

    position: fixed;

    text-align: center;

    padding: 0; } }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; } }



.mfp-ie7 .mfp-img {

  padding: 0; }



.mfp-ie7 .mfp-bottom-bar {

  width: 600px;

  left: 50%;

  margin-left: -300px;

  margin-top: 5px;

  padding-bottom: 5px; }



.mfp-ie7 .mfp-container {

  padding: 0; }



.mfp-ie7 .mfp-content {

  padding-top: 44px; }



.mfp-ie7 .mfp-close {

  top: 0;

  right: 0;

  padding-top: 0; }





















ul.resp-tabs-list{

    margin: 0px;

    padding: 0px;

}



.resp-tabs-list li {

    font-weight: 600;

    font-size: 13px;

    display: inline-block;

    padding: 5px 20px !important;

    margin: 0 4px 0 0;

    list-style: none;

    cursor: pointer;

    float: left;

}



.resp-tabs-container {

    padding: 0px;

    background-color: #fff;

    clear: left;

}



h2.resp-accordion {

    cursor: pointer;

    padding: 5px;

    display: none;

}



.resp-tab-content {

    display: none;

    padding: 15px;

}



.resp-tab-active {

/*  border: 1px solid #5AB1D0 !important;

  border-bottom: none;

  margin-bottom: -1px !important;*/

  padding: 12px 14px 14px 14px !important;

/*  border-top: 4px solid #5AB1D0 !important;

  border-bottom: 0px #fff solid !important;*/

}



.resp-tab-active {

    border-bottom: none;

    background-color: #fff;

}



.resp-content-active, .resp-accordion-active {

    display: block;

}



.resp-tab-content {

/*    border: 1px solid #c1c1c1;

  border-top-color: #5AB1D0;*/

}



h2.resp-accordion {

    font-size: 13px;

    border: 1px solid #c1c1c1;

    border-top: 0px solid #c1c1c1;

    margin: 0px;

    padding: 10px 15px;

}



h2.resp-tab-active {

    border-bottom: 0px solid #c1c1c1 !important;

    margin-bottom: 0px !important;

    padding: 10px 15px !important;

}



h2.resp-tab-title:last-child {

    border-bottom: 12px solid #c1c1c1 !important;

    background: blue;

}



/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {

    float: left;

    width: 30%;

}



.resp-vtabs .resp-tabs-list li {

    display: block;

    padding: 15px 15px !important;

    margin: 0 0 4px;

    cursor: pointer;

    float: none;

}



.resp-vtabs .resp-tabs-container {

    padding: 0px;

    background-color: #fff;

    border: 1px solid #c1c1c1;

    float: left;

    width: 69%;

    min-height: 310px;

    border-radius: 4px;

    clear: none;

}



.resp-vtabs .resp-tab-content {

    border: none;

    word-wrap: break-word;

}



.resp-vtabs li.resp-tab-active { 

position: relative;

z-index: 1;

margin-right: -1px !important;

padding: 14px 15px 15px 14px !important;

border-top: 1px solid;

border: 1px solid #5AB1D0 !important;

border-left: 4px solid #5AB1D0 !important;

margin-bottom: 4px !important;

border-right: 1px #FFF solid !important;

}



.resp-arrow {

    width: 0;

    height: 0;

    float: right;

    margin-top: 3px;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 12px solid #c1c1c1;

}



h2.resp-tab-active span.resp-arrow {

    border: none;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 12px solid #9B9797;

}



/*-----------Accordion styles-----------*/

h2.resp-tab-active {

    background: #DBDBDB;/* !important;*/

}



.resp-easy-accordion h2.resp-accordion {

    display: block;

}



.resp-easy-accordion .resp-tab-content {

    border: 1px solid #c1c1c1;

}



.resp-easy-accordion .resp-tab-content:last-child {

    border-bottom: 1px solid #c1c1c1;/* !important;*/

}



.resp-jfit {

    width: 100%;

    margin: 0px;

}



.resp-tab-content-active {

    display: block;

}



h2.resp-accordion:first-child {

    border-top: 1px solid #c1c1c1;/* !important;*/

}



/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

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

    ul.resp-tabs-list {

        display: none;

    }



    h2.resp-accordion {

        display: block;

        clear: both;

    }



    .resp-vtabs .resp-tab-content {

        border: 1px solid #C1C1C1;

    }



    .resp-vtabs .resp-tabs-container {

        border: none;

        float: none;

        width: 100%;

        min-height: 100px;

        clear: none;

    }



    .resp-accordion-closed {

        display: none !important;

    }



    .resp-vtabs .resp-tab-content:last-child {

        border-bottom: 1px solid #c1c1c1 !important;

    }

}







/* 

 *  Owl Carousel - Animate Plugin

 */

.owl-carousel .animated {

  -webkit-animation-duration: 1000ms;

  animation-duration: 1000ms;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.owl-carousel .owl-animated-in {

  z-index: 0;

}

.owl-carousel .owl-animated-out {

  z-index: 1;

}

.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}













/* 

 *  Owl Carousel - Auto Height Plugin

 */

.owl-height {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}



/* 

 *  Core Owl Carousel CSS File

 */

.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  /* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

  z-index: 1;

}

.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;

}

.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  /* fix for flashing background */

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

}



.owl-carousel .owl-controls .owl-nav .owl-prev,

.owl-carousel .owl-controls .owl-nav .owl-next,

.owl-carousel .owl-controls .owl-dot {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.owl-carousel.owl-loaded {

  display: block;

}

.owl-carousel.owl-loading {

  opacity: 0;

  display: block;

}

.owl-carousel.owl-hidden {

  opacity: 0;

}

.owl-carousel .owl-refresh .owl-item {

  display: none;

}

.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.owl-carousel .owl-item img {

  display: block;

  width: 100%;

}

.owl-carousel.owl-text-select-on .owl-item {

  -webkit-user-select: auto;

  -moz-user-select: auto;

  -ms-user-select: auto;

  user-select: auto;

}

.owl-carousel .owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: -o-grab;

  cursor: -ms-grab;

  cursor: grab;

}

.owl-carousel.owl-rtl {

  direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

  float: right;

}



/* No Js */

.no-js .owl-carousel {

  display: block;

}



/* 

 *  Owl Carousel - Lazy Load Plugin

 */

.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  -webkit-transition: opacity 400ms ease;

  -moz-transition: opacity 400ms ease;

  -ms-transition: opacity 400ms ease;

  -o-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-item img {

}



/* 

 *  Owl Carousel - Video Plugin

 */

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000;

}

.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url("owl.video.play.png") no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  -webkit-transition: scale 100ms ease;

  -moz-transition: scale 100ms ease;

  -ms-transition: scale 100ms ease;

  -o-transition: scale 100ms ease;

  transition: scale 100ms ease;

}

.owl-carousel .owl-video-play-icon:hover {

  -webkit-transition: scale(1.3, 1.3);

  -moz-transition: scale(1.3, 1.3);

  -ms-transition: scale(1.3, 1.3);

  -o-transition: scale(1.3, 1.3);

  transition: scale(1.3, 1.3);

}

.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none;

}

.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain;

  -webkit-transition: opacity 400ms ease;

  -moz-transition: opacity 400ms ease;

  -ms-transition: opacity 400ms ease;

  -o-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

}



/* Owl Navigation Styling */



.owl-nav {

  position: absolute;

  left: 0;

  width: 100%;

  height: 0;

}

.owl-nav div {

  -webkit-transition: all .15s ease-in-out;

     -moz-transition: all .15s ease-in-out;

      -ms-transition: all .15s ease-in-out;

       -o-transition: all .15s ease-in-out;

          transition: all .15s ease-in-out;

}

.owl-prev {

  float: left;

}

.owl-next {

  float: right;

}



/* Owl Dot Styling */



.owl-dots {

  text-align: center;

}

.owl-dot {

  -webkit-transition: all .15s ease-in-out;

     -moz-transition: all .15s ease-in-out;

      -ms-transition: all .15s ease-in-out;

       -o-transition: all .15s ease-in-out;

          transition: all .15s ease-in-out;

}

.marquee {

  padding: 0 0 40px;

  border-bottom: none;

}

.marquee .owl-dots {

  position: absolute;

  bottom: 28px;

  left: 0;

  width: 100%;

  height: 0;

}

.marquee .owl-dot {

  display: inline-block;

  width: 9px;

  height: 9px;

  margin: 0 4px;

  background: #252525;

  border: 1px solid #252525;

  -webkit-border-radius: 100%;

     -moz-border-radius: 100%;

          border-radius: 100%;

}

.marquee .owl-dot:hover,

.marquee .owl-dot.active {

  background: none;

}

















/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span,

.fancybox-tmp

{

  padding: 0;

  margin: 0;

  border: 0;

  outline: none;

  vertical-align: top;

}



.fancybox-wrap {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 8020;

}



.fancybox-skin {

  position: relative;

  background: #f9f9f9;

  color: #444;

  text-shadow: none;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

}



.fancybox-opened {

  z-index: 8030;

}



.fancybox-opened .fancybox-skin {

  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}



.fancybox-outer, .fancybox-inner {

  position: relative;

}



.fancybox-inner {

  overflow: hidden;

}



.fancybox-type-iframe .fancybox-inner {

  -webkit-overflow-scrolling: touch;

}



.fancybox-error {

  color: #444;

  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

  margin: 0;

  padding: 15px;

  white-space: nowrap;

}



.fancybox-image, .fancybox-iframe {

  display: block;

  width: 100%;

  height: 100%;

}



.fancybox-image {

  max-width: 100%;

  max-height: 100%;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

  background-image: url(images/fancybox_sprite.png);

}



#fancybox-loading {

  position: fixed;

  top: 50%;

  left: 50%;

  margin-top: -22px;

  margin-left: -22px;

  background-position: 0 -108px;

  opacity: 0.8;

  cursor: pointer;

  z-index: 8060;

}



#fancybox-loading div {

  width: 44px;

  height: 44px;

  background: url(images/fancybox_loading.gif) center center no-repeat;

}



.fancybox-close {

  position: absolute;

  top: -18px;

  right: -18px;

  width: 36px;

  height: 36px;

  cursor: pointer;

  z-index: 8040;

}



.fancybox-nav {

  position: absolute;

  top: 0;

  width: 40%;

  height: 100%;

  cursor: pointer;

  text-decoration: none;

  background: transparent url(images/images/blank.gif); /* helps IE */

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  z-index: 8040;

}



.fancybox-prev {

  left: 0;

}



.fancybox-next {

  right: 0;

}



.fancybox-nav span {

  position: absolute;

  top: 50%;

  width: 36px;

  height: 34px;

  margin-top: -18px;

  cursor: pointer;

  z-index: 8040;

  visibility: hidden;

}



.fancybox-prev span {

  left: 10px;

  background-position: 0 -36px;

}



.fancybox-next span {

  right: 10px;

  background-position: 0 -72px;

}



.fancybox-nav:hover span {

  visibility: visible;

}



.fancybox-tmp {

  position: absolute;

  top: -99999px;

  left: -99999px;

  visibility: hidden;

  max-width: 99999px;

  max-height: 99999px;

  overflow: visible !important;

}



/* Overlay helper */



.fancybox-lock {

    overflow: hidden !important;

    width: auto;

}



.fancybox-lock body {

    overflow: hidden !important;

}



.fancybox-lock-test {

    overflow-y: hidden !important;

}



.fancybox-overlay {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

  display: none;

  z-index: 8010;

  background: url(images/fancybox_overlay.png);

}



.fancybox-overlay-fixed {

  position: fixed;

  bottom: 0;

  right: 0;

}



.fancybox-lock .fancybox-overlay {

  overflow: auto;

  overflow-y: scroll;

}



/* Title helper */



.fancybox-title {

  visibility: hidden;

  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

  position: relative;

  text-shadow: none;

  z-index: 8050;

}



.fancybox-opened .fancybox-title {

  visibility: visible;

}



.fancybox-title-float-wrap {

  position: absolute;

  bottom: 0;

  right: 50%;

  margin-bottom: -35px;

  z-index: 8050;

  text-align: center;

}



.fancybox-title-float-wrap .child {

  display: inline-block;

  margin-right: -100%;

  padding: 2px 20px;

  background: transparent; /* Fallback for web browsers that doesn't support RGBa */

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

  -webkit-border-radius: 15px;

     -moz-border-radius: 15px;

          border-radius: 15px;

  text-shadow: 0 1px 2px #222;

  color: #FFF;

  font-weight: bold;

  line-height: 24px;

  white-space: nowrap;

}



.fancybox-title-outside-wrap {

  position: relative;

  margin-top: 10px;

  color: #fff;

}



.fancybox-title-inside-wrap {

  padding-top: 10px;

}



.fancybox-title-over-wrap {

  position: absolute;

  bottom: 0;

  left: 0;

  color: #fff;

  padding: 10px;

  background: #000;

  background: rgba(0, 0, 0, .8);

}



/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

     only screen and (min--moz-device-pixel-ratio: 1.5),

     only screen and (min-device-pixel-ratio: 1.5){



  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url(images/fancybox_sprite@2x.png);

    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/

  }



  #fancybox-loading div {

    background-image: url(images/fancybox_loading@2x.gif);

    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/

  }

}



#fancybox-buttons {

  position: fixed;

  left: 0;

  width: 100%;

  z-index: 8050;

}



#fancybox-buttons.top {

  top: 10px;

}



#fancybox-buttons.bottom {

  bottom: 10px;

}



#fancybox-buttons ul {

  display: block;

  width: 166px;

  height: 30px;

  margin: 0 auto;

  padding: 0;

  list-style: none;

  border: 1px solid #111;

  border-radius: 3px;

  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);

     -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);

          box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);

  background: rgb(50,50,50);

  background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));

  background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);

  background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);

  background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);

  background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );

}



#fancybox-buttons ul li {

  float: left;

  margin: 0;

  padding: 0;

}



#fancybox-buttons a {

  display: block;

  width: 30px;

  height: 30px;

  text-indent: -9999px;

  background-color: transparent;

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

  background-repeat: no-repeat;

  outline: none;

  opacity: 0.8;

}



#fancybox-buttons a:hover {

  opacity: 1;

}



#fancybox-buttons a.btnPrev {

  background-position: 5px 0;

}



#fancybox-buttons a.btnNext {

  background-position: -33px 0;

  border-right: 1px solid #3e3e3e;

}



#fancybox-buttons a.btnPlay {

  background-position: 0 -30px;

}



#fancybox-buttons a.btnPlayOn {

  background-position: -30px -30px;

}



#fancybox-buttons a.btnToggle {

  background-position: 3px -60px;

  border-left: 1px solid #111;

  border-right: 1px solid #3e3e3e;

  width: 35px

}



#fancybox-buttons a.btnToggleOn {

  background-position: -27px -60px;

}



#fancybox-buttons a.btnClose {

  border-left: 1px solid #111;

  width: 35px;

  background-position: -56px 0px;

}



#fancybox-buttons a.btnDisabled {

  opacity : 0.4;

  cursor: default;

}

#fancybox-thumbs {

  position: fixed;

  left: 0;

  width: 100%;

  overflow: hidden;

  z-index: 8050;

}



#fancybox-thumbs.bottom {

  bottom: 2px;

}



#fancybox-thumbs.top {

  top: 2px;

}



#fancybox-thumbs ul {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

}



#fancybox-thumbs ul li {

  float: left;

  padding: 1px;

  opacity: 0.5;

}



#fancybox-thumbs ul li.active {

  opacity: 0.75;

  padding: 0;

  border: 1px solid #fff;

}



#fancybox-thumbs ul li:hover {

  opacity: 1;

}



#fancybox-thumbs ul li a {

  display: block;

  position: relative;

  overflow: hidden;

  border: 1px solid #222;

  background: #111;

  outline: none;

}



#fancybox-thumbs ul li img {

  display: block;

  position: relative;

  border: 0;

  padding: 0;

  max-width: none;

}









/* Slider */

.slick-slider

{

    position: relative;



    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;



    display: block;

    overflow: hidden;



    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

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

       -moz-transform: translate3d(0, 0, 0);

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

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

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}

















@charset "utf-8";



::-moz-selection {

  background-color: #007d9d;

  color: #fff;

  text-shadow: none;

}

::selection {

  background-color: #007d9d;

  color: #fff;

  text-shadow: none;

}

.owl-carousel{

  display:block !important;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

  color: inherit;

  opacity: 1;

}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  color: inherit;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  color: inherit;

}





a,input, button{

    -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



/*.payment-plans ul:before{

  content:" ";

  display:table;

}

.payment-plans ul:after{

  content:" ";

  display:table;

  clear:both;

}

*/





@font-face {

  font-family: 'ProximaNova-Semibold';

  src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),  

  url('fonts/ProximaNova-Semibold.otf')  format('opentype'),

       url('fonts/ProximaNova-Semibold.woff') format('woff'), 

       url('fonts/ProximaNova-Semibold.ttf')  format('truetype'), 

       url('fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: 'ProximaNova-Extrabld';

  src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),  

  url('fonts/ProximaNova-Extrabld.otf')  format('opentype'),

       url('fonts/ProximaNova-Extrabld.woff') format('woff'), 

       url('fonts/ProximaNova-Extrabld.ttf')  format('truetype'), 

       url('fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');

  font-weight: normal;

  font-style: normal;

}











.container{

  width: 100% !important;

  max-width: 1170px;

  position: relative;

}



.container:after,

.container:before {

  content: " ";

  display: table;

}

.container:after {

  clear: both;

}



h1,h2,h3,h4,h5,h6,ul,li,figure{

  margin:0;

  padding:0;

}

img {

  margin:0;

  padding:0;

  border:none;

  max-width:100%;

  height: auto;

  display:block;

}





.main-header{

  width: 100%;

  float: left;

  padding: 12px 0 3px;

  position: relative;

  z-index: 999;

}



.logo-section{

  width: 100%;

  float: left;

}

.logo-section a{

  display: inline-block;

}

.header-right-info{

  width: 100%;

  float: left;

  text-align: right;

}

.info-details{

  display: inline-block;

  vertical-align: middle;

}

.info-details ul{

  width: 100%;

  float: left;

}

.info-details ul li{

  font-size: 18px;

  font-weight: 600;

  color: #6c6c6c;

  display: inline-block;

  vertical-align: middle;

  line-height: 0.5em;

}





.info-details ul li + li{

  margin-left: 10px;

  padding-left: 10px;

  border-left: 2px solid #6c6c6c;

}



.info-details ul li a{

  color: #6c6c6c;

}

.info-details ul li a:hover{

  color: #006496;

}



.info-details ul li i{

  font-size: 16px;

  font-weight: 700;

  color: #006496;

  margin-right: 8px;

}



.login-logout-section input,

.login-logout-section a{

  display: inline-block;

  vertical-align: middle;

}



.login-logout-section input + input,

.login-logout-section a + a{

  margin-left: 5px;

}



.login-logout-section{

  display: inline-block;

  vertical-align: middle;

  margin-left: 40px;

}

.login-logout-section ul{

  width: 100%;

  float: left;

}

.login-logout-section ul li{

  display: inline-block;

  vertical-align: middle;

  position: relative;

}

.login-logout-section ul ul {

  background: #ebebeb;

  left: 0;

  position: absolute;

  display: none;

  top: 60px;

  width: 145px;

  z-index: 9;

  text-align: left;

  -webkit-border-radius: 5px;

     -moz-border-radius: 5px;

      -ms-border-radius: 5px;

       -o-border-radius: 5px;

          border-radius: 5px;

}



.login-logout-section ul ul li{

  width: 100%;

  float: left;

  overflow: hidden;

}





.login-logout-section ul ul li a {

  color: #747474;

  display: block;

  font-size: 12px;

  font-weight: 600;

  padding: 10px;

  -webkit-border-radius: 5px;

     -moz-border-radius: 5px;

      -ms-border-radius: 5px;

       -o-border-radius: 5px;

          border-radius: 5px;

}





.login-logout-section ul ul li a:hover,

.login-logout-section ul ul li.active a{

  background: #fff;

  color: #505050;

}





.login-logout-section ul ul::before {

  content: " ";

  border-bottom: 10px solid #ebebeb;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  right: 10px;

  position: absolute;

  top: -10px;

}





.login-logout-section .active-btnn:before{

  transform: rotate(-180deg);

}





.nav-social-info{

  width: 100%;

  float: left;

}



.nav-section{

  width: 100%;

  float: left;

}



.nav-sup{

  width: 100%;

  float: left;

}

.nav-sup ul{

  width: 100%;

  float: left;

  position: relative;

  margin-bottom: 0px;

}

.nav-sup ul li{

  display: inline-block;

  vertical-align: middle;

  position: relative;

}



.nav-sup > ul > li{

  padding-bottom: 12px;

}



.nav-sup ul ul{
  width: 194px;
  position: absolute;
  top: 100%;
  left: 0;
  background: #006496;
  display: none;
  border-radius: 5px;

}
.nav-sup ul ul ul{
  top:0;
  left:100%;
}
.nav-sup ul ul ul:before{
  display:none;
}


.nav-sup ul li:hover > ul{

  display: block;

}



.nav-sup ul ul:before{

  content: " ";

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #006496;

  position: absolute;

  top: -10px;

  left:5px;

}



.nav-sup ul ul li{

  width: 100%;

}

.nav-sup ul ul li + li{
  border-top:#FFF 1px solid;
}

.nav-sup ul ul li a{
  display: block;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  font-family: "Arial";
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;

}

.nav-sup ul ul li a:hover,
.nav-sup ul ul li.active a{
  box-shadow: none;
  background: #e5001e;
  color: #FFF;
}



.nav-sup ul li.active > a{
  background: #e5001e;
  color: #fff;
}



.nav-sup > ul > li:hover > a{

  color: #fff;

}



.nav-sup > ul > li > a{

  font-size: 15px;

  font-weight:normal;

  color: #000;

  display: block;

  width: 100%;

  padding: 15px;

  text-transform: uppercase;

  padding: 12px 18px;

  letter-spacing:0.5px;

  -webkit-border-radius: 30px;

     -moz-border-radius: 30px;

      -ms-border-radius: 30px;

       -o-border-radius: 30px;

          border-radius: 30px;

}



.login-logout-section .gray-btn{

  position: relative;

  padding-right: 30px;

}

.login-logout-section .gray-btn:before{

  content: " ";

  width: 11px;

  height: 8px;

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  right: 10px;

  background: url('images/icon-03.png') no-repeat right center;

    -webkit-transition: all 0.5s ease-in-out;

       -moz-transition: all 0.5s ease-in-out;

        -ms-transition: all 0.5s ease-in-out;

         -o-transition: all 0.5s ease-in-out;

            transition: all 0.5s ease-in-out;

}





.main-banner-section{

  width: 100%;

  float: left;

  padding: 0;

}

.banner-item{

  width: 100%;

  float: left;

  position: relative;

}

.banner-item figure{

  width: 100%;

  float: left;

  position: relative;

}

.banner-item figure img{

  width: 100%;

}

.banner-item figure:before{

  content: " ";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  /*background: rgba(0,0,0,0.63);*/

}

.banner-content-section{

  width: 100%;

  position: absolute;

  top: 26%;

  left: 0;

  text-align: center;

}

.banner-content-section h1,

.banner-content-section h2{

  font-family: 'Roboto Slab', serif;

  font-size: 55px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 10px;

  text-transform: uppercase;

}

.banner-content-section p{

  font-family: 'Roboto Slab', serif;

  font-size: 40px;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

}





.banner-content-section .btnn{

  padding: 0 55px;

  margin-top: 50px;

  height: 52px;

  line-height: 49px;

  letter-spacing: 2px;

  font-size: 16px;

  font-weight: 600;

}



.header-social-section{

  width: 100%;

  float: left;

  text-align: right;

  padding-top:8px;

}

.header-social-section ul{

  width: 100%;

  float: left;

}

.header-social-section ul li{

  display: inline-block;

  vertical-align: middle;

}

.header-social-section ul li a{

  font-size: 18px;

  color: #656565;

}

.header-social-section ul li + li{

  margin-left: 25px; 

}

.header-social-section ul li:hover .fa-facebook{

  color: #006496;

}



.header-social-section ul li:hover .fa-linkedin{

  color: #0177b5;

}



.header-social-section ul li:hover .fa-twitter{

  color: #1da1f2;

}



.header-social-section ul li:hover .fa-google-plus{

  color: #db4f42;

}



.header-social-section ul li:hover .fa-youtube-play{

  color: #c2171d;

}



.main-banner-section .owl-dots {

  bottom: 105px;

}

.main-banner-section .owl-dots .owl-dot{

  width: 12px;

  height: 12px;

  background: #b7b7b7;

  border: none;

  margin: 0 7px;

  border-radius: 100%;

  -webkit-border-radius: 100%;

     -moz-border-radius: 100%;

      -ms-border-radius: 100%;

       -o-border-radius: 100%;

}



.main-banner-section .owl-dots .owl-dot.active{

  background: #e5001e;

}

.our-success-section{

  width: 100%;

  float: left;

  padding: 60px 0 66px;

}



.content-area{

  width: 100%;

  float: left;

}



.content-area h2 {

    font-family: 'Roboto Slab', serif;

    font-size: 38px;

    font-weight: 700;

    color: #303030;

    text-align: center;

    margin: 0 0 40px;

    text-transform: uppercase;

}



.content-area p{

  font-size: 17px;

  font-weight: 600;

  color: #343434;

  line-height:28px;

}



.content-area p img{

   -webkit-border-radius:10px;

      -moz-border-radius:10px;

       -ms-border-radius:10px;

        -o-border-radius:10px;

           border-radius:10px;

           border: 5px solid #fff;

           box-shadow: rgba(0,0,0,0.2) 0 0 18px;

}





.alignleft{

  float: left;

  border: 5px solid #fff;

  box-shadow: rgba(0,0,0,0.2) 0 0 10px;

  border-radius: 10px;

  margin: 0 0px 10px 43px;

}



.alignright{

  float: right;

  border: 5px solid #fff;

  box-shadow: rgba(0,0,0,0.2) 0 0 10px;

  border-radius: 10px;

  margin: 0 0px 10px 43px;

}

.aligncenter{

  margin: 10px auto;

  border: 5px solid #fff;

  box-shadow: rgba(0,0,0,0.2) 0 0 10px;

  border-radius: 10px;

}



.content-area .btnn{

  margin-top: 12px;

}



.our-services-section{

  width: 100%;

  float: left;

}

.our-services-content{

  width: 50%;

  float: left;

  background: none no-repeat left;

  background-size: cover;

  padding: 95px 105px 0;

  position: relative;

  text-align: center;

}

.our-services-content:before{

  content: " ";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: rgba(0,100,150,0.8);

}



.our-services-content h3{

  font-family: 'Roboto Slab', serif;

  font-size: 38px;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  margin: 0 0 45px;

}

.our-services-content p{

  font-size: 17px;

  font-weight: 700;

  color: #fff;

  line-height: 1.6em;

}

.services-content{

  width: 100%;

  float: left;

  position: relative;

  z-index: 9;

}



.services-content .btnn{

  margin:20px 0 0px;

}



.our-services-listing{

  width: 50%;

  float: right;

  background: #eeeeee;

  padding: 45px 15px 45px 0;

  position: relative;

}

/*.our-services-listing:before{

  content: " ";

  width: 164px;

  height: 133px;

  background: url("images/icon-01.png") no-repeat right bottom;

  position: absolute;

  right: 0;

  bottom: 0;

  background-size: cover;

}

*/

.our-services-listing ul{

  width: 100%;

  float: left;

  position: relative;

  left: -81px;

}

.our-services-listing ul li{

  width: 100%;

  float: left;

}



.our-services-listing ul li + li{

  margin-top: 80px;

}





.our-services-listing ul li figure{

  display: inline-block;

  vertical-align: middle;

}



.our-services-listing ul li figure img{

  width: 100%;

  border: 5px solid #fff;

  width: 163px;

  height: 163px;

  box-shadow: 1px 3px 5px #bbbbbb;

  -webkit-border-radius: 100%;

     -moz-border-radius: 100%;

      -ms-border-radius: 100%;

       -o-border-radius: 100%;

          border-radius: 100%;

}



.services-listing-content{

  width: 65%;

  display: inline-block;

  vertical-align: middle;

  margin-left: 25px;

}

.services-listing-content h4{

  font-size: 24px;

  font-weight: 600;

  color: #006496;

  margin-bottom: 22px;

}



.services-content img{

  margin: 0 auto;

}



.services-listing-content h4 i{

  font-size: 24px;

  color: #006496;

  display: inline-block;

  vertical-align: top;

  margin-right: 10px;

}

.services-listing-content p{

  font-size: 16px;

  font-weight: 600;

  color: #343434;

  line-height: 1.6em;

  margin: 0;

}



.media-section{

  width: 100%;

  float: left;

  padding:60px 0 65px;

  text-align: center;

}

.media-section h2{

  font-family: 'Roboto Slab', serif;

  font-size: 38px;

  font-weight: 700;

  color: #303030;

  text-align: center;

  margin: 0 0 55px;

  text-transform: uppercase;

}



.media-listing-section{

  width: 100%;

  float: left;

  margin-top: 25px;

}

.media-items{

  width: 100%;

  float: left;

  position: relative;

}

.media-items figure{

  width: 49%;

  float: left;

  margin: 5px;

}

.media-items figure img{

  border: 5px solid #fff;

  width: 100%;

  box-shadow: rgba(0,0,0,0.2) 0 0 10px;

  -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

      -ms-border-radius: 10px;

       -o-border-radius: 10px;

          border-radius: 10px;

}

.media-content{

  margin: 5px;

  box-shadow: rgba(0,0,0,0.2) 0 0 10px;

  border: 5px solid #fff;

  width: 49%;

  float: right;

  padding: 38px 50px;

  text-align: left;

  background: #f9f9f9;

  -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

      -ms-border-radius: 10px;

       -o-border-radius: 10px;

          border-radius: 10px;

}

.media-content h3{

  font-size: 24px;

  font-weight: 600;

  color: #282828;

  line-height:34px;

  margin: 0 0 30px;

}

.media-content p{

  font-size: 16px;

  font-weight: 600;

  color: #343434;

  line-height:28px;

}



.media-content a.read_more_btn{

  color: #e5001e;

  font-size: 16px;

}



.date-palet{

  width: 70px;

  padding: 40px 18px;

  background: #fff;

  text-align: center;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  box-shadow: rgba(0,0,0,0.2) 2px 0 15px;

  height:180px;

  -webkit-border-radius: 40px;

     -moz-border-radius: 40px;

      -ms-border-radius: 40px;

       -o-border-radius: 40px;

          border-radius: 40px;

}

.date-palet strong{

  font-family: 'ProximaNova-Extrabld';

  font-size: 32px;

  font-weight: 900;

  color: #6a6a6a;

  display: block;

}

.date-palet p{

  font-size: 20px;

  font-weight: 600;

  color: #6a6a6a;

  margin: 0;

}



.media-listing-section .owl-nav{

  height: 48px;

  top: 0;

  bottom: 0;

  margin: auto;

}



.media-listing-section .owl-nav .owl-prev{

  width: 25px;

  height: 48px;

  background: url("images/prev.png") no-repeat left center;

  margin-left: -80px;

  position: relative;

  float: left;

}



.media-listing-section .owl-nav .owl-next{

  width: 25px;

  height: 48px;

  background: url("images/next.png") no-repeat right center;

  margin-right: -80px;

  position: relative;

  float: right;

}



.media-section .btnn{

  margin-top: 65px;

}



.testimonials-section{

  width: 100%;

  float: left;

  background: none no-repeat center;

  background-size: cover;

  position: relative;

  padding: 75px 0 0;

}



.testimonials-section:before{

  content: " ";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

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

}



.testimonials-section h2{

  font-family: 'Roboto Slab', serif;

  font-size: 38px;

  font-weight: 700;

  color: #fff;

  text-align: center;

  margin: 0 0 35px;

  text-transform: uppercase;

}



.testimonials-content {

  float: left;

  padding-bottom: 38px;

  padding-top: 75px;

  position: relative;

  width: 100%;

}



.testimonials-content:before{

  content: " ";

  width: 50px;

  height: 40px;

  background: url("images/icon-02.png") no-repeat top center;

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 0;

}





.testimonials-sub {

  float: left;

  margin-bottom: -145px;

  position: relative;

  width: 100%;

  padding-left: 48px;

}



.testimonials-item{

  width: 100%;

  float: left;

  text-align: center;

}



.testimonials-content p{

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  line-height: 1.6em;

}



.testimonials-fig{

  float: left;

  width: auto !important;

  text-align: center;

}









.testimonials-fig figure{

  width: 158px !important;

  height: 158px !important;

  background: #d7d7d7;

  overflow: hidden;

  border: 4px solid #fff;

   -webkit-border-radius: 100%;

      -moz-border-radius: 100%;

       -ms-border-radius: 100%;

        -o-border-radius: 100%;

           border-radius: 100%;

}



.testimonials-fig figure img{

      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}



.testimonials-fig.slick-current figure img{

      -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */

    filter: grayscale(0);

}





.testimonials-fig + .testimonials-fig{

  margin-left: 35px;

}



.testimonials-fig p{

  font-size: 16px;

  font-weight: 600;

  color: #8a8a8a;

}







.testimonials-slide-nav{

  position: absolute;

  right: 252px;

  bottom: -23px;

  z-index: 9;

}



.testimonials-slide-nav .slick-arrow{

  width: 50px;

  height: 50px;

  color: transparent;

  background: #cdcdcd;

  border: 5px solid #fff;

  -webkit-border-radius: 100%;

     -moz-border-radius: 100%;

      -ms-border-radius: 100%;

       -o-border-radius: 100%;

          border-radius: 100%;

}

.testimonials-slide-nav .slick-arrow + .slick-arrow{

  margin-left: 10px;

}



.testimonials-fig h4{

  font-size: 22px;

  font-weight: 600;

  color: #8a8a8a;

  margin: 22px 0 0;

    -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.testimonials-fig.slick-current h4{

  color: #282828;

}





.testimonials-fig.slick-current figure img{

  box-shadow: 2px 2px 3px #e7e7e7;

}



.testimonials-slide-nav .slick-prev{

  background: #cdcdcd url("images/prev-2.png") no-repeat center;

}



.testimonials-slide-nav .slick-next{

  background: #cdcdcd url("images/next-2.png") no-repeat center;

}





.testimonials-section .btnn{

  float: right;

  position: relative;

  position: absolute;

  right: 0;

  bottom: -15px;

}



.blog-section {

  width: 100%;

  float: left;

  padding: 245px 0 102px;

}



.blog-section h2{

  font-family: 'Roboto Slab', serif;

  font-size: 38px;

  font-weight: 700;

  color: #303030;

  text-align: center;

  margin: 0 0 25px;

  text-transform: uppercase;

}



.blog-listing-section{

  width: 100%;

  float: left;

  margin-top: 60px;

  background: #f9f9f9;

  -webkit-border-radius: 80px;

     -moz-border-radius: 80px;

      -ms-border-radius: 80px;

       -o-border-radius: 80px;

          border-radius: 80px;

}



.blog-listing-section figure{

  width: 100%;

  float: left;

}



.blog-listing-section figure img{

  -webkit-border-radius: 80px;

     -moz-border-radius: 80px;

      -ms-border-radius: 80px;

       -o-border-radius: 80px;

          border-radius: 80px;

}



.blog-listing-content{

  width: 100%;

  float: left;

  padding: 30px 40px 20px 0;

}

.blog-listing-content h3{

  font-size: 24px;

  font-weight: 700;

  color: #282828;

  line-height: 1.4em;

}

.blog-listing-content strong{

  font-size: 13px;

  font-weight: 600;

  color: #919191;

  margin-top: 10px;

}



.blog-listing-content p{

  font-size: 16px;

  font-weight: 700;

  color: #747474;

  line-height: 1.8em;

  margin: 22px 0 0;

}



.blog-listing-content p a{

  color: #006496;

}



.blog-listing-content p a:hover{

  color: #282828;

}



.all-blog{

  display: inline-block;

  margin-top: 30px;

  font-size: 15px;

  font-weight: 600;

  color: #006496;

  text-transform: uppercase;

}





.main-footer-section{

  width: 100%;

  float: left;

  background: none no-repeat center;

  background-size: cover;

  padding: 62px 0 50px;

  position: relative;

  position: relative;

  border-bottom: 6px solid #e5001e;

}



.main-footer-section:after{

  content: " ";

  width: 50%;

  height: 6px;

  position: absolute;

  left: 0;

  bottom: -6px;

  background: #006496;

}





.main-footer-section:before{

  content: " ";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

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

}



.sub-footer-section{

  width: 100%;

  float: left;

  margin-bottom: 25px;

}



.sub-footer-section h2{

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  display: inline-block;

  width: 100%;

  margin-bottom: 25px;

  text-transform: uppercase;

  margin: 0 0 25px;

}

.sub-footer-section ul{

  width: 100%;

  float: left;

}



.sub-footer-section ul li{

  width: 100%;

  float: left;

}



.sub-footer-section ul li + li{

  margin-top: 8px;

}



.sub-footer-section ul li a{

  font-size: 16px;

  font-weight: 600;

  color: #b4b4b4;

}



.sub-footer-section p{

  font-size: 13px;

  font-weight: 600;

  color: #b4b4b4;

  line-height: 1.5em;

}





.sub-footer-section iframe{

  width: 260px;

  height: 160px;

  border: 2px solid #fff;

  -webkit-border-radius: 12px;

     -moz-border-radius: 12px;

      -ms-border-radius: 12px;

       -o-border-radius: 12px;

          border-radius: 12px;

}



.sub-footer-section .more-videos{

  font-size: 12px;

  font-weight: 600;

  color: #dedede;

  display: table;

  text-transform: uppercase;

  margin-top: 18px;

}



.sub-footer-section .more-videos:hover{

  color: #e5001e;

}



.sub-footer-section ol{

  width: 100%;

  float: left;

  padding: 0;

  margin: 0 0 30px;

  list-style: none;

}



.sub-footer-section ol li{

  display: inline-block;

  vertical-align: middle;

}



.sub-footer-section ol li a{

  font-size: 14px;

  color: #b4b4b4;

}



.sub-footer-section ol li + li{

  margin-left: 15px;

}



.sub-footer-section .copy-right{

  margin-top: 35px;

  font-size: 12px;

}



.subcribe-section{

  width: 100%;

  float: left;

  max-width: 263px;

  margin-top: 15px;

}



.subcribe-fld{

  width: 100%;

  float: left;

}

.subcribe-fld input{

  width: 100%;

  float: left;

  height: 48px;

  padding: 0 15px;

  font-size: 14px;

  border: none;

  font-weight: 600;

  color: #777777;

  -webkit-border-radius: 30px;

     -moz-border-radius: 30px;

      -ms-border-radius: 30px;

       -o-border-radius: 30px;

          border-radius: 30px;

}



.subcribe-btn{

  width: 100%;

  float: left;

  max-width: 165px;

  margin-top: 12px;

}



.subcribe-btn .btnn.btnn{

  width: 100%;

}



.sub-menu-paren > a{

  position: relative;

}



.sub-menu-parent > a:before{

  /*content: ">>";

  position: absolute;

  top: 14px;

  right: 4px;

  font-size: 12px;

  color: #000;*/

  display:none;

}

.sub-menu-parent:hover > a:before,

.nav-sup > ul > li.active > a:before{

  color: #fff;

}

.nav-sup > ul ul > li:hover > a:before{
  color:#000;
}









.hover-area-nav{

  background: #e5001e;

  border-radius: 20px;

  height: 45px;

  left: 0;

  pointer-events: none;

  position: absolute;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out;

     -moz-transition: all 0.5s ease-in-out;

      -ms-transition: all 0.5s ease-in-out;

       -o-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

   -webkit-border-radius: 30px;

      -moz-border-radius: 30px;

       -ms-border-radius: 30px;

        -o-border-radius: 30px;

           border-radius: 30px;

}











.btnn{

  display: inline-block;

  height:52px;

  line-height:50px;

  border: 2px solid transparent;

  text-align: center;

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 600;

  padding: 0 25px;

  letter-spacing: 2px;

  -webkit-border-radius: 30px;

     -moz-border-radius: 30px;

      -ms-border-radius: 30px;

       -o-border-radius: 30px;

          border-radius: 30px;

}





.btnn.gray-btn{

  /*background: #f1f1f1;*/

  color: #6c6c6c;

}



.btnn.gray-btn:hover{

  background: none;

  border: 2px solid #6c6c6c;

  color: #6c6c6c;

}





.btnn.blue-btn{

  background: #006496;

  color: #fff;

}



.btnn.blue-btn:hover{

  background: none;

  border: 2px solid #006496;

  color: #006496;

}





.btnn.red-btn{

  background: #e5001e;

  color: #fff;

}







.btnn.red-btn:hover{

  background: none;

  border: 2px solid #e5001e;

  color: #e5001e;

}



.btnn.white-btn{

  background: #fff;

  color: #282828;

}







.btnn.white-btn:hover{

  background: none;

  border: 2px solid #fff;

  color: #fff;

}





.btnn i{

  margin-right: 8px; 

}





.mobilemenu.mobilemenu{

  display: block;

  width: 100%;

  height: 45px;

  line-height: 45px;

  background: #e5001e;

  padding: 0 15px;

  font-size: 14px;

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

  display: none;

}

.mobilemenu.mobilemenu:hover,

.mobilemenu.mobilemenu.active{

  background: #006496;

}



.inner_banner{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

  background-repeat: no-repeat;

  background-position: center;

  min-height: 364px;

}



.inner_banner_text {

  float: left;

  margin: 118px 0 0;

  padding: 0;

  text-align: center;

  width: 100%;

}



.inner_banner_text h1{

  font-family: 'Roboto Slab', serif;

  font-size: 60px;

  color: #ffffff;

  text-transform: uppercase;

  font-weight: 700;

  margin: 0 0 20px 0;

}



.inner_banner_text h2{

  font-family: 'Roboto Slab', serif;

  font-size: 40px;

  color: #ffffff;

  text-transform: uppercase;

  margin: 0;

}



.form_content_area{

  width: 100%;

  float:left;

  margin: 0;

  padding:100px 0;

}

.default-hdng{

  color:#303030;

  font-size:38px;

  font-weight:bold;

  display:block;

  text-transform:uppercase;

  text-align:center;

  font-family: 'Roboto Slab', serif;

  margin:0 0 65px;

}



.login_form_payment_sec{

  width: 100%;

  max-width:1150px;

  display:block;

  margin: 0 auto;

  padding: 0;

  box-shadow:rgba(0,0,0,0.2) 0 0 15px;

  border-radius:12px;

  overflow:hidden;

  border:#FFF 5px solid;

}



.login_form_payment_sec .login_form {

  background:#ffffff;  

  float: left;

  margin: 0;

  padding:40px 85px 60px 60px;

  text-align:left;

  width: 50%;

}



.login_form_payment_sec .login_form h4 {

  color: #282828;

  font-size: 33px;

  margin: 0 0 30px;

}



.login_form_payment_sec .login_form p{

  font-size: 19px;

  color: #282828

  font-weight:600;

  margin: 0 0 40px 0

}



.login_form_payment_sec .login_form .full_sec{

  width: 100%;

  float: left;

  margin: 0 0 20px 0;

  padding: 0;

}

.login_form_payment_sec .login_form .full_sec.chk-box span{

  display:inline-block;

  vertical-align:middle;

  font-size:12px;

  color:#646464;

  margin-left: 5px;

}



.login_form_payment_sec input,

.login_form_payment_sec select{

  width: 100%;

  display:block;

  vertical-align:middle;

  margin: 0;

  padding: 0;

  height:50px;

  background:#ebebeb;

  color: #343434;

  font-size: 14px;

  font-weight: 600;

  border:none;

  border-radius:5px;

  padding:0 20px;

}

.login_form_payment_sec select{  

  -webkit-appearance: menulist-button;

  -moz-appearance: menulist-button;

  -o-appearance: menulist-button;

  appearance: menulist-button;

}



.login_form_payment_sec input[type="checkbox"]{

  width: auto;

  margin: 0;

  padding: 0;

  height: auto;

  display:inline-block;

}



.login_form_payment_sec input:focus { 

    background-color: #fff;

}



.error-message{

  display: block;

  color: red;

  margin-bottom: 15px;

}



.login_form_payment_sec label {

  color:#3e3e3e;

  display:block;

  font-size: 16px;

  font-weight: 600;

  margin: 0 0 8px 0;

}



.login_bth {

  float: left;

  margin: 13px 0 25px;

  padding: 0;

  text-align: center;

  width: 100%;

}



.login_form_payment_sec .login_bth input[type="submit"]{

  height: 38px;

  font-size: 13px;

  text-transform: uppercase;

  color: #fff;

  width: auto;

  background: #e5001e;

  border: 1px solid #e5001e;

  letter-spacing: 1.5px;

  padding: 0 43px;

  border-radius: 35px;

}



.login_form_payment_sec .login_bth input[type="submit"]:hover{

  background:transparent;

  color: #e5001e;

}



.forgate_pass{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

}



.forgate_pass ul{

  margin:0;

  padding: 0;

  text-align: left;

}



.forgate_pass ul li{

  margin: 0;

  padding:0 5px 0 6px;

  display: inline-block;

  line-height: 12px;

}



.forgate_pass ul li + li{

  border-left: 1px solid #282828;

}



.forgate_pass ul li a{

  font-size: 12px;

  color: #282828;

  text-transform: uppercase;

  font-weight: 600;

}



.forgate_pass ul li a:hover{

  color:#e5001e; 

}



.payment_links{

  width:50%;

  float: left;

  margin: 0;

  padding: 0;

  background:#ebebeb;

  padding:40px 50px;

  border-radius: 10px;

  text-align: left;

  min-height: 538px;

}





.login_form_payment_sec .payment_links h4 {

  color: #282828;

  font-size: 33px;

  font-weight: 700;

  margin: 0 0 30px;

}



.login_form_payment_sec .payment_links p {

  font-size: 19px;

  margin: 0 0 33px;

}



.login_form_payment_sec .payment_links a.ragister_now_btn{

  height: 51px;

  color: #fff;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  background:#006496;

  display: inline-block;

  line-height:50px;

  padding: 0 25px;

  border: 1px solid #006496;

  border-radius: 40px;

}



.login_form_payment_sec .payment_links a.ragister_now_btn:hover{

  background:transparent;

  color: #006496;

}



.login_form_payment_sec .payment_links .payment_method {

  border-top: 1px solid #c2c2c2;

  float: left;

  margin: 50px 0 0;

  padding: 47px 0 0;

  width: 100%;

}



.login_form_payment_sec .payment_links .payment_method h6{

  font-size: 19px;

  color: #282828;

  font-weight: 600; 

}



.login_form_payment_sec .payment_links .payment_method ul{

  margin: 0;

  padding: 0;

  text-align: left;

}



.login_form_payment_sec .payment_links .payment_method ul li {

  display: inline-block;

  margin: 0 4px;

  padding: 0;

  vertical-align: middle;

}



.step_form_sec{

  width: 100%;

  float: left;

  margin: 0;

  padding:0;

  border-radius: 60px 60px 0 0;

}





.form_step {

   margin: 0 auto;

  padding: 0;

  position: relative;

  text-align: center;

  top: -14px;

  width: 100%;

  display: block;

  max-width: 1046px;

}

.form_step p{

  margin-bottom:30px;

}





.form_step::before {

  background: #e1e1e1;

  content: " ";

  height: 7px;

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  top: 28px;

  width:100%;

}



.form_step figure{

  width:60px;

  height:60px;

  display:-webkit-box;

  display:-moz-box;

  display:-ms-flexbox;

  display:-webkit-flex;

  display:flex;

  border-radius: 100%;

  margin: 0 auto 16px;

  background:#363636;

  align-items:center;

  justify-content:center;

  position: relative;

}

.form_step figure p{

  font-size:25px;

  color:#ffffff;

  font-family: 'Roboto Slab', serif;

  margin:0;

}

.form_step figure img{

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.form_step a{

  font-size:  19px;

  color: #282828;

  font-weight: 600;

  text-align: center;

  display: inline-block;

}



.form_step .col-md-4.active:before{

  background:#d70421;

  content: " ";

  height: 7px;

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  top: 28px;

  width: 100%;

}

/*.form_step .col-md-4:nth-child(2).active:before{

  left:0;

  right:auto;

  width:50%;

}*/

.form_step .col-md-4.active figure{

  background:#d70421;

}

.form_step .col-md-4:first-child figure{ 

  margin:0 0 14px;

}

.form_step .col-md-4:first-child.active:before{

  left:18px;

}

.form_step .col-md-4:last-child.active:before{

  right:18px;

  left:auto;

}

.form_step .col-md-4:first-child{

  text-align:left;

}

.form_step .col-md-4:last-child p{

  clear:both;

  display:block;

  text-align:right;

}

.form_step .col-md-4:last-child figure{

  float:right;

}

.form_content_area_step{

  width: 100%;

  float: left;

  margin: 0;

  padding:70px 0 100px;

}

.form_content_area_step h2{

  margin:0 0 58px;

}

.form_content_area_step .heading{

  display:block;

  background:#006496;

  padding:10px 10px;

  border-radius:10px;

  text-align:center;

  border:#FFF 5px solid;

  font-size:33px;

  color:#ffffff;

  box-shadow: rgba(0,0,0,0.2) 0 2px 14px;

  margin-bottom:30px;

  position:relative;

}

.form_step .col-md-4:first-child.step-active:after{

  left:8%;

  right:auto;

}

.form_step .col-md-4:last-child.step-active:after{

  right:8%;

  left:auto;

}

.form_step .col-md-4.step-active:after{

  content: '';

  width: 35px;

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

  border-bottom: #006496 15px solid;

  border-left: transparent 17px solid;

  border-right: transparent 17px solid;

}



.step1_form{

  width: 100%;

  float: left;

  margin: 0 0 0px 0;

  padding:0;

  background:#ffffff;

  border-radius:10px;

  box-shadow:rgba(0,0,0,0.3) 0 0 12px;

}



.step1_form h4{

  font-size: 24px;

  color: #282828;

  font-weight: 600;

  margin: 0 0 40px 0;

  padding-left:98px;

  clear: both;

}



.step1_form .full_width{

  width: 100%;

  float: left;

  margin:0 0 30px 0;

  padding: 0;

}

.step1_form .full_width span{

  font-size:14px;

  display:block;

  color:#646464;

  margin-top:5px;

}



.step1_form label {

  color: #000000;

  display: block;

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 6px;

}



.step1_form label sup{

  color:red;

  font-size: 15px;

}



.step1_form input{
  height:50px;
  line-height: 47px;
  border-radius:6px;
  padding:0 20px;
  width: 100% ;
  outline:none;
  border:none;
  background:#ebebeb;
}

.step1_form .for_checkbox input[type="checkbox"]{
  width: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.step1_form .for_checkbox label{
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.step1_form textarea{
  height:100px;
  border-radius:6px;
  padding:10px 20px;
  width: 100% ;
  outline:none;
  border:none;
  background:#ebebeb;
}



.step1_form select{
  height: 48px;
  line-height: 47px;
  border:none;
  border-radius:6px;
  color:#777777;
  font-size:14px;
  padding:0 20px;
  width: 100% ;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  appearance:none;
  background:#ebebeb url("images/icon13.png") no-repeat scroll 92% 20px;
}

.step1_form .full_width p{
  font-size: 16px;
  color: #646464;
  font-weight: 600;
  margin:25px 0 0 0;
}



.step1_form .full_width p strong{

  color:#000000;

}







.step1_form .form_fild{

  width: 100%;

  float: left;

  margin: 0;

  padding:0 98px;

}





.btn_area {

  float: left;

  margin: 20px 0 48px;

  padding: 0 98px;

  text-align: center;

  width: 100%;

}



.btn_area a.back_btn {

  background: #363636 none repeat scroll 0 0;

  border: 1px solid #363636;

  border-radius: 40px;

  color: #fff;

  display: inline-block;

  height: 41px;

  letter-spacing: 1.5px;

  line-height: 39px;

  padding: 0 48px;

  font-weight: 600;

  float:none;

  text-transform: uppercase;

  transition: all 0.3s;

}



.btn_area a.back_btn:hover{

  background:transparent;

  color: #363636;

}



.btn_area input[type="reset"]{

  background: #e5001e none repeat scroll 0 0;

  border: 1px solid #e5001e;

  border-radius: 40px;

  color: #fff;

  display: inline-block;

  height: 41px;

  letter-spacing: 1.5px;

  line-height: 39px;

  padding: 0 44px;

  font-weight: 600;

  width: auto;

  text-transform: uppercase;

  transition: all 0.3s;

  margin-left: 17px;

}



.btn_area input[type="reset"]:hover{

  background:transparent;

  color:#e5001e;

}



.btn_area input[type="submit"]{

  background: #006496 none repeat scroll 0 0;

  border: 1px solid #006496;

  border-radius: 40px;

  color: #fff;

  display: inline-block;

  height: 41px;

  letter-spacing: 1.5px;

  line-height: 39px;

  padding: 0 44px;

  font-weight: 600;

  width: auto;

  text-transform: uppercase;

  transition: all 0.3s;

  margin-left: 17px;

}



.btn_area input[type="submit"]:hover{

  background:transparent;

  color: #006496;

}



.step_form_sec .form_fild h5 {

  color: #e5001e;

  font-size: 16px;

  font-weight: 600;

  margin: 0 0 50px;

  padding: 0;

}



.step_form_sec .form_fild p {

  color: #595959;

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 20px;

}



.step_form_sec .form_fild p strong{

  color: #3e3e3e;

  font-weight: 700;

}





.login_btn{

  border-radius: 40px;

  background: #006496 none repeat scroll 0 0;

  border: 1px solid #006496;

  color: #fff;

  font-size: 13px;

  height: 38px;

  letter-spacing: 1.5px;

  padding: 0 45px;

  text-transform: uppercase;

  width: auto;

  display: inline-block;

  line-height: 37px;

  float: right;

  transform: all 0.3s;

}



.login_btn:hover{

  background:transparent;

  color: #006496;

}





.my_profile{

  width: 100%;

  float: left;

  margin: 0;

  padding: 62px 0 65px;

}



.my_profile .browse {

  float: none;

  margin: 25px 0 0;

  padding: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: 132px;

}



.browse > input[type="file"] {

  line-height: normal;

  margin: 0;

  opacity: 0;

  padding: 0;

  width: 100%;

  height: 48px;

  cursor: pointer;

}



.browse > strong {

  background: #464646 none repeat scroll 0 0;

  border-radius:40px;

  color: #fff;

  height: 47px;

  line-height: 47px;

  pointer-events: none;

  position: absolute;

  right: 0;

  text-align: center;

  text-transform: uppercase;

  top: 0;

  width: 100%;

  font-size: 13px;

  letter-spacing:2px;

  border: 1px solid #464646;

  cursor: pointer;

}



input.save{

  width: auto;

  background: #006496;

  color: #fff;

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 2px;

  height: 37px;

  border: 1px solid #006496;

  line-height: 37px;

  padding: 0 40px;

  margin-bottom: 30px;

}



input.save:hover{

  background: transparent;

  color: #006496;

}



.my_profile .save {

  margin: 0 0 30px !important;

}



.form_fild .table tr th{

  font-size: 16px;

  color: #fff;

  background: #006496;

  padding: 18px;

}



.form_fild .table tr td{

  font-size: 15px;

  color: #777777;

  background: #fff;

  padding: 18px;

}



.form_fild .table tr td .fa-eye{

  color: #006496;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  margin-right: 16px;

}



.form_fild .table tr td .fa-eye:hover,

.form_fild .table tr td .fa-trash:hover{

  opacity: 0.8;

}



.form_fild .table tr td .fa-trash{

  color: #c14f4f;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  transition: all 0.3s;

}





.form_fild .table tr td span.pending{

  color: #c14f4f;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  transition: all 0.3s;

}



.form_fild .table tr td span.approved{

  color: #006496;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  transition: all 0.3s;

}









/*msb start*/



.welcome-section{

  width: 100%;

  float: left;

  padding: 65px;

}



.welcome-section .container{

  background: #f9f9f9;

  border-radius: 80px;

}



.welcome-fig{

  width: 49%;

  height: 100%;

  position: absolute;

  background: none no-repeat center;

  left: 0;

  top: 0;

  -webkit-border-radius: 80px 0px 0px 80px;

     -moz-border-radius: 80px 0px 0px 80px;

      -ms-border-radius: 80px 0px 0px 80px;

       -o-border-radius: 80px 0px 0px 80px;

          border-radius: 80px 0px 0px 80px;

}







.welcome-sub-content{

  width: 49%;

  float: right;

}



.welcome-section-content{

  width: 100%;

  float: left;

  padding: 45px 95px 45px 0;

}

.welcome-section-content h2{

  font-family: 'Roboto Slab', serif;

  font-weight: 700;

  font-size: 30px;

  color: #303030;

  text-transform: uppercase;

  color: #303030;

  margin: 0 0 25px;

}



.welcome-section-content ul{

  width: 100%;

  float: left;

}

.welcome-section-content ul li{

  width: 100%;

  float: left;

  margin-bottom: 12px;

}

.welcome-section-content ul li strong{

  display: inline-block;

  vertical-align: middle;

  font-size: 16px;

  font-weight: 700;

  color: #3e3e3e;

  width: 100%;

  max-width: 140px;

}

.welcome-section-content ul li p{

  font-size: 16px;

  font-weight: 600;

  color: #595959;

  display: inline-block;

  vertical-align: middle;

  margin: 0;

}

.welcome-section-content ul li p a{

  color: #595959;

}

.welcome-section-content ul li p a:hover{

  color: #006496;

}



.welcome-section-content .btnn{

  padding: 0 30px;

  float: right;

}



.mfp-content{

  width: 100%;

  max-width: 720px;

  background: #ebebeb;

  -webkit-border-radius: 80px;

  -moz-border-radius: 80px;

  -ms-border-radius: 80px;

  -o-border-radius: 80px;

  border-radius: 80px;

}



.leave-msg{

  width: 100%;

  float: left;

}



.leave-msg header{

  width: 100%;

  float: left;

  padding: 0 65px 25px;

  font-size: 24px;

  font-weight: 600;

  color: #006496;

  border-bottom: 1px dashed #cccccc;

}



.leave-msg-body{

  width: 100%;

  float: left;

  padding: 25px 65px;

}



.leave-msg .form_fild{

  padding: 25px 65px !important;

}



.leave-msg .form_fild input{

  height: 42px;

}



.leave-msg .form_fild textarea{

  border: 1px solid #cbcbcb;

  border-radius: 40px;

  height: 48px;

  line-height: 47px;

  outline: medium none;

  padding: 0 20px;

  width: 100%;

  height: 70px;

}

.leave-msg label{

  color: #3e3e3e !important;

}



.leave-msg .full_width {

  margin: 0 0 20px !important;

}

.welcome-submit{

  width: 100%;

  float: left;

  margin-top: 10px;

  text-align: center;

}





.leave-msg.step1_form {

    padding-bottom: 0 !important;

    padding-top: 25px !important;

}



.save.save.save.save.save.save.save,

.red.red.red.red.red.red.red.red.red{

  width: 130px;

  background: #006496;

  color: #fff;

  margin: 0 4px;

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 2px;

  height: 37px;

  border: 1px solid #006496;

  line-height: 37px;

  padding: 0;

  display: inline-block;

  -webkit-border-radius: 40px;

  -moz-border-radius: 40px;

  -ms-border-radius: 40px;

  -o-border-radius: 40px;

  border-radius: 40px;

}

.red.red.red.red.red.red.red.red.red{

  background: #e5001e;

  border: 1px solid #e5001e;

}



.save.save.save.save.save.save.save:hover{

  background: transparent;

  color: #006496;

}



.red.red.red.red.red.red.red.red.red:hover{

  color: #e5001e;

  background: transparent;

}

.leave-msg.step1_form p{

  font-size: 14px;

  font-weight: 400;

  color: #777777;

  margin-bottom: 20px;

}



.main_content_area{

  width: 100%;

  float: left;

  margin: 0;

  padding:65px 0;

}



.main_content_area p{

  font-size: 17px;

  color: #343434;

  margin: 0 0 20px 0;

  line-height:28px;

}



.main_content_area h2.page_title{

  font-family: 'Roboto Slab', serif;

  color: #303030;

  font-size:38px;

  margin: 0 0 60px 0;

  width: 100%;

  float: left;

  text-align: center;

  text-transform: uppercase;

  font-weight: 700;

}



.main_content_area h2{

    color: #000;

    font-size:28px;

    margin: 0 0 15px 0;

}



.main_content_area h3{

    color: #000;

    font-size:25px;

    margin: 0 0 15px 0;

}



.main_content_area h4{

    color: #000;

    font-size:20px;

    margin: 0 0 15px 0;

}



.main_content_area h5{

    color: #000;

    font-size:18px;

    margin: 0 0 15px 0;

}



.main_content_area h6{

    color: #000;

    font-size:16px;

    margin: 0 0 15px 0;

}



.main_content_area ul{

  margin: 0 0 20px 0;

  padding: 0;

}



.main_content_area ul li {

    background: url(images/hi.png) no-repeat scroll left 7px;

    color: #343434;

    font-size: 17px;

    padding: 0 0 0 57px;

    line-height: 28px;

}



.main_content_area ul li + li{

  margin-top:18px;

}



.main_content_area ol{

  margin: 0 0 20px 0;

  padding: 0 0 0 10px;

}



.main_content_area ol li {

  color: #777777;

  font-size: 14px;

  padding: 0 0 0 8px;

}



.main_content_area ol li + li{

  margin: 5px 0 0 0;

}



.blog_listing {

  float: left;

  margin: 0px;

  padding: 0;

  width: 100%;

}



.blog_listing .each_blog{

  width: 100%;

  float: left;

  margin: 0;

  padding:20px;

  background:#f9f9f9;

  border-radius: 6px;

}



.blog_listing .each_blog + .each_blog{

  margin-top: 22px;

}





.blog_listing .each_blog h4{

  font-size:24px;

  color: #363636;

  margin: 0 0 16px; 

}



.blog_listing .each_blog h4 a{

  color: #363636;

}



.blog_listing .each_blog h4 a:hover{

  color: #006496;

}



span.date{

  font-size: 14px;

  color: #6e6e6e;

  display: block;

  margin: 0 0 12px 0;

}



.blog_listing .each_blog img {

  border-radius: 6px;

  float: left;

  margin: 5px 18px 8px 0;

  width: auto;

}



.blog_right_sidebar{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

}



.blog_right_sidebar .each_sidebar{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

  border: 1px solid #e1e1e1;

  border-radius: 6px;



}



.blog_right_sidebar .each_sidebar + .each_sidebar{

  margin-top: 20px

}



.blog_right_sidebar .each_sidebar h4{

  font-size: 20px;

  color: #ffffff;

  font-weight: bold;

  background:#006496;

  margin: 0;

  padding:18px 20px;

  border-radius: 6px 6px 0 0;

}



.blog_right_sidebar .each_sidebar ul{

  margin: 0;

  padding: 0;

}



.blog_right_sidebar .each_sidebar ul li{

  margin: 0;

  padding:20px;

  font-size: 16px;

  color: #363636;

  background:none;

}



.blog_right_sidebar .each_sidebar ul li + li{

  border-top: 1px solid #e1e1e1; 

}



.blog_right_sidebar .each_sidebar ul li a{

  font-size: 16px;

  color: #363636;

  display: block;

}



.blog_right_sidebar .each_sidebar ul li a:hover{

  color: #006496;

}



.blog_right_sidebar .each_sidebar ul li span.date{

  font-size: 14px;

  color: #6e6e6e;

  display: block;

  margin:10px 0 0 0;

}



.pagination{

  width: 100%;

  float:right;

  margin: 0;

  padding: 0;

}



.pagination > ul{

  margin: 0;

  padding: 0;

  text-align: right;

}



.pagination > ul li{

  margin: 0 !important;

  padding: 0 ;

  display: inline-block;

  vertical-align: middle;

  background:none;

}





.pagination > ul li a {

  border-radius: 6px;

  color: #858585;

  font-size: 15px;

  font-weight: bold;

  padding: 8px 12px;

}



.pagination > ul li.active a,

.pagination > ul li:hover a{

  background:#006496;

  color: #fff;

}



.blog_listing.blog_details .each_blog{

  background: #fff;

  padding: 0;

}



a.back_btn{

  height: 38px;

  line-height: 40px;

  background: #e5001e;

  color: #fff;

  text-transform: uppercase;

  display: inline-block;

  padding: 0 40px;

  border-radius: 70px;

  font-size: 12px;

  float: right;

  margin: 20px 0 0 0;

  transition: all 0.3s;

  letter-spacing: 1px;

}



a.back_btn:hover{

  background: #c10019;

  color: #fff;

}



.service_listing{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

}



.service_listing .each_service{

  width: 100%;

  float: left;

  margin: 0;

  padding:40px 28px;

}



.service_listing .each_service:nth-child(odd){

  background: #f5f5f5;

}



.service_listing .each_service:nth-child(even){

  background: #ebebeb;

}



.service_listing .each_service:nth-child(even) a.btnn.blue-btn{

  float: right;

}



.service_listing .each_service + .each_service{

  margin-top: 45px;

}



.service_listing .each_service h4{

  font-size: 28px;

  color: #303030;

  margin: 0 0 30px 0;

}



.service_listing .each_service h4 a{

  color:#303030;

  transition: all 0.3s;

}



.service_listing .each_service h4 a:hover{

  color:#e5001e;

}



.service_listing .each_service .fa-user-secret,

.service_listing .each_service .fa-users,

.service_listing .each_service .fa-university{

  margin: 0 10px 0 0;

}



.service_listing .each_service p{

  font-size: 17px;

  color: #343434;

  margin: 0 0 25px;

}





.service_listing .each_service:nth-child(odd) img{

  float: right;

  border: 5px solid #fff;

  box-shadow: rgba(0,0,0,0.2) 0 0 10px;

  border-radius: 10px;

  margin: 0 0px 10px 43px;

}



.service_listing .each_service:nth-child(even) img{

  float: left;

  border: 5px solid #fff;

  box-shadow: rgba(0,0,0,0.2) 0 0 10px;

  border-radius: 10px;

  margin: 0 43px 10px 0px;

}



.testimonial_sec{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

}



.testimonial_sec .each_testimonial{

  width: 100%;

  float: left;

  margin: 0;

  padding:0;

}



.testimonial_sec .each_testimonial + .each_testimonial{

  margin-top: 50px;

}



.testimonial_sec .each_testimonial .left_image{

  width:auto;

  margin: 0 30px 0px 0;

  padding: 0;

  float: left;

  text-align: center;

}



.testimonial_sec .each_testimonial .left_image figure{

  width: 165px;

  height: 165px;

  margin: 0 0 18px 0;

  padding: 0;

  float: left;

  border-radius: 100%;

  overflow:hidden;

}



.testimonial_sec .each_testimonial .left_image figure img{

  width: 100%;

  height: 100%;

}



.testimonial_sec .each_testimonial .left_image span.name{

  font-size: 22px;

  color: #282828;

  display: block;

}



.testimonial_sec .each_testimonial .left_image i.info{

  font-size: 16px;

  color: #747474;

  font-style: normal;

}



.testimonial_sec .each_testimonial p {

  color: #777777;

  display: block;

  font-size: 14px;

  overflow: hidden;

  padding: 50px 0 0;

  position: relative;

}



.testimonial_sec .each_testimonial p:before{

  content: " ";

  position: absolute;

  top: 0;

  left: 0;

  background: url("images/icon17.png") no-repeat;

  width: 50px;

  height: 40px;

}



.contact_form_sec{

  width: 100%;

  float:left;

  margin: 0;

  padding: 0;

}



.contact_form_sec .contact_details{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0 0 0 20px;

}



.contact_form_sec .contact_details ul{

  margin: 0 0 30px 0;

  padding: 0;

}



.contact_form_sec .contact_details ul li {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  margin: 0;

  padding: 0 0 0 30px;

  position: relative;

}



.contact_form_sec .contact_details ul li + li {

  margin-top: 25px;

}

.contact_form_sec .contact_details ul li .fa-map-marker{

  font-size: 32px;

  color: #006496;

  position: absolute;

  top: 0;

  left: 0;

}



.contact_form_sec .contact_details ul li .fa-envelope{

  font-size: 20px;

  color: #006496;

  position: absolute;

  top:3px;

  left: 0;

}



.contact_form_sec .contact_details ul li .fa-phone{

  font-size: 25px;

  color: #006496;

  position: absolute;

  top: 0;

  left: 0;

}



.contact_form_sec .contact_details ul li strong {

  color: #000000;

  display: block;

  font-size: 18px;

  margin: 0 0 5px;

}



.contact_form_sec .contact_details ul li p{

  font-size: 14px;

  color: #777777;

  margin:0;

}



.contact_form_sec .contact_details ul li a{

  font-size: 14px;

  color: #777777;

}



.contact_form_sec .contact_details ul li a:hover{

  color: #006496;

}



.contact_form_sec .address_map{

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

}



.contact_form_sec .address_map iframe{

  height: 195px;

  border-radius: 6px;

  border:1px solid #cbcbcb;

  width: 100%;

}





/*========================================================================================================*/





.for_middle {

    width: 100%;

    float: left;

    margin:25px 0 0;

    padding: 0;

    text-align: center;

}



.add_area {

    width: 100%;

    float: left;

    margin: 55px 0 0;

    padding: 0;

}



.add_area img{

  margin: 0 auto;

}



.another_add_area {

    width: 100%;

    float: left;

    margin: 0;

    padding: 215px 0 0;

}

.another_add_area img{

  margin: 0 auto;

}

.new_press_and_media{

  width: 100%;

  float: left;

  margin: 0;

  padding:80px 0 120px;

  background: url("images/img8.png") no-repeat top right;

}



.new_press_and_media h2{

    font-family: 'Roboto Slab', serif;

    font-size: 38px;

    font-weight: 700;

    color: #343434;

    text-transform: uppercase;

    margin: 0 0 45px;

}  



.new_press_and_media h4{

  font-size: 33px;

  color: #282828;

  font-weight: 600;

  line-height: 40px;

  margin: 0 0 15px;

}



.new_press_and_media h6{

  font-size: 24px;

  line-height: 34px;

  color: #282828;

  margin: 0 0 15px;

}



.new_press_and_media p{

  font-size: 16px;

  font-weight: 600;

  line-height: 28px;

  margin: 0 0 30px;

}



.new_press_and_media .add_area {

    margin: 200px 0 0;

}





.inner_pages_add{

  width: 100%;

  max-width: 730px;

  margin: 0 auto 60px;

  display: table;

  padding:15px;

}



.service_details{

  width: 100%;

  float: left;

  margin: 0;

  padding:0;

}





.service_details a.btnn.red-btn {

    float: right;

    padding: 0 45px;

    margin: 20px 0 0;

}



#tab{
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

#tab ul {
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    text-align: center;
}
#tab ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    padding: 0;
}
#tab ul li a {
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    color: #fff;
    padding: 0 35px;
    background: #006496;
    display: block;
    font-size: 18px;
    font-weight: 400;
}

#tab ul li.active a,
#tab ul li:hover a{
  background:#d70421;
}

#tab .tab-body{
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

#tab .tab-body .tab-content{
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

.select_box select{
    width: 100px;
    height: 32px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 400;
    color: #006496;
    border-radius: 4px;
    border: 1px solid #146c9f;
}



/*====================================Responsive=========================



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

.media-listing-section .owl-nav .owl-prev{

  margin-left: -45px;

}

.media-listing-section .owl-nav .owl-next{

  margin-right: -45px;

}

.media-listing-section {

  padding: 0 65px;

}

}







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

.container{

  padding: 0 15px !important;

}

.media-listing-section .owl-nav .owl-prev{

  margin-left: 0px;

}

.media-listing-section .owl-nav .owl-next{

  margin-right: 0px;

}

}





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





.services-listing-content{

  width: 66%;

}

.services-listing-content h4{

  font-size: 21px;

}

.our-services-listing ul li figure img{

  width: 125px;

  height: 125px;

}



.banner-content-section .btnn {

  margin-top: 15px;

}



.main-banner-section .owl-dots {

  bottom: 25px;

}

.nav-sup > ul > li > a{

  font-size: 13px;

}

}





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

.our-services-content{

  width: 100%;

}

.our-services-listing{

  width: 100%;

  padding: 25px 15px;

}

.our-services-listing ul{

  left: 0;

}

.our-services-listing ul li + li {

  margin-top: 40px;

}

.testimonials-fig figure {

  height: 128px !important;

  width: 128px !important;

}

.testimonials-sub{

  padding-left: 0px;

}

.testimonials-fig + .testimonials-fig {

  margin-left: 15px;

}

.testimonials-fig h4 {

  font-size: 20px;

  margin: 14px 0 0;

}

.testimonials-section .btnn{

  right: 25px;

}

.blog-section {

  float: left;

  padding: 200px 0 100px;

  width: 100%;

}

.media-content {

  padding: 45px;

  width: 49%;

}

.media-content h3 {

  font-size: 22px;

}

.sub-footer-section ol li + li {

  margin-left: 4px;

}

.nav-sup > ul > li > a{

  padding: 15px;

}

}







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

.logo-section{

  text-align: center;

}



.logo-section a{

  display: inline-block;

}

.info-details{

  width: 100%;

  text-align: center;

  margin-top: 25px;

}

.login-logout-section{

  width: 100%;

  padding: 0;

  margin: 25px 0 0;

  text-align: center;

}

.nav-sup{

  text-align: center;

}

.header-social-section{

  text-align: center;

  top: 20%;

}

.blog_listing {

  margin: 0 0 40px;

}

.contact_form_sec .contact_details {

  margin: 50px 0 0;

  padding: 0;

}

}





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

.banner-content-section h1, 

.banner-content-section h2 {

  font-size: 40px;

}

.banner-content-section p {

  font-size: 30px;

}

}



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

.testimonials-sub{

  margin-bottom: 0px;

}

.testimonials-fig p,

.testimonials-fig h4{

  color: #fff;

}

.testimonials-slide-nav {

  width: 100%;

  bottom: 0;

  position: static;

  right: 0;

  z-index: 9;

  clear: both;

  text-align: center;

}

.testimonials-fig{

  float: none;

  display: inline-block !important;

  vertical-align: middle;

}

.testimonials-sub .slick-track{

  text-align: center;

}

.testimonials-slide-nav{

  margin-bottom: 75px;

}

.testimonials-section .btnn{

  left: 0;

  right: 0;

  margin: 0 auto;

  width: 100%;

  max-width: 200px;

  bottom: 20px;

}

.blog-section {

  padding: 50px 0;

}

.blog-section h2{

  font-size: 30px;

}

.blog-listing-section{

  margin-top: 30px;

}

.blog-listing-content h3 {

  font-size: 20px;

}



}





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



.nav-sup ul ul li a:hover,

.nav-sup ul ul li.active a{

  box-shadow: none;

  background: #e5001e;

  color: #fff;

}



.nav-sup > ul > li {

  padding-bottom: 0;

}



.nav-sup ul li:hover ul{

  display: none;

}





.main-header .container{

  padding: 0px !important;

}

.hover-area-nav{

  display: none;

}



.nav-sup{

  display: none;

}



.nav-sup ul li{

  width: 100%;

  float: left;

  margin: 0;

  text-align: left;

}

.nav-sup ul li a{

  -webkit-border-radius: 0px;

     -moz-border-radius: 0px;

      -ms-border-radius: 0px;

       -o-border-radius: 0px;

          border-radius: 0px;

}

.media-items figure,

.media-content{

  width: 100%;

}

.mobilemenu.mobilemenu{

  display: block;

}

.nav-sup ul li.active > a,

.nav-sup ul li a:hover {

  background: #e5001e none repeat scroll 0 0;

  color: #fff;

}

.banner-content-section{

  top: 10%;

}

.banner-content-section h1, 

.banner-content-section h2 {

  font-size: 30px;

}

.banner-content-section p {

  font-size: 25px;

}









.our-services-content {

  padding: 45px 15px 0;

}

.our-services-listing {

  padding: 45px 15px;

}

.content-area h2 {

  font-size: 30px;

  margin: 0 0 40px;

}

.our-services-content h3 {

  font-size: 30px;

}

.our-services-listing::before {

  height: 80px;

  width: 74px;

  background-size: 100%;

}

.media-items figure{

  position: relative;

}

.date-palet{

  width: 250px;

  top: auto;

  bottom: -25px;

  height: 55px;

  padding: 10px;

  text-align: center;

}

.date-palet strong,

.date-palet p{

  display: inline-block;

  vertical-align: middle;

  margin: 0;

}

.date-palet p{

  margin-left: 5px;

}



.sub-menu-arw {

  background: #4143b4 url("images/arw.png") no-repeat scroll center center / 45% auto;

  border-radius: 4px;

  cursor: pointer;

  height: 25px;

  position: absolute;

  right: 15px;

  top: 6px;

  transition: all 0.5s ease-in-out 0s;

  width: 25px;

}

.sub-menu-parent > a:before{

  display: none;

}



.nav-sup ul ul{

  position: static;

  display: none;

  width: 100%;

}



.nav-sup ul ul li a:hover{

  box-shadow: 0px;

}

.main_content_area {

  padding: 40px 0;

}

.testimonial_sec .each_testimonial .left_image {

  width: 100%;

}

.testimonial_sec .each_testimonial .left_image figure {

  float: none;

  margin: 0 auto 20px;

}

.testimonial_sec .each_testimonial p {

  clear: both;

  overflow: visible;

}

}



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



.banner-content-section{

  width: 100%;

  float: left;

  background: #006496;

  position: static;

  top: 0;

  padding: 25px 25px 65px;

}

.main-banner-section .owl-dots {

  bottom: 40px;

}

.alignleft,

.alignright,

.aligncenter{

  float: none;

  margin: 0 auto 30px;

}

.services-content img {

  width: 220px;

}

.media-section h2{

  font-size: 30px;

  margin-bottom: 25px;

}

.testimonials-fig figure {

  height: 100px !important;

  width: 100px !important;

}

.testimonials-fig h4 {

  font-size: 18px;

}

.testimonials-section h2{

  font-size: 30px;

}

.blog_listing .each_blog h4 {

  font-size: 19px;

}

.blog_listing .each_blog img {

  float: none;

  margin: 0 0 12px;

}

.blog_listing .each_blog {

  padding: 10px;

}

.inner_banner_text {

  margin: 110px 0 0;

}

.contact_form_sec .leave-msg header {

  padding: 0 30px 25px;

}

.contact_form_sec .leave-msg .form_fild {

  padding: 25px 30px !important;

}

}



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

.banner-content-section h1, 

.banner-content-section h2 {

  font-size: 22px;

}

.banner-content-section p {

  font-size: 18px;

}

.content-area h2 {

  font-size: 26px;

}

.content-area p{

  font-size: 15px;

}

.our-services-content h3 {

  font-size: 26px;

}

.our-services-content p{

  font-size: 16px;

}

.our-services-listing ul li figure{

  width: 100%;

  margin-bottom: 15px;

}

.services-listing-content {

  width: 100%;

  margin: 0;

}

.media-section h2{

  font-size: 30px;

  margin-bottom: 20px;

}

.media-listing-section {

  padding: 0 35px;

}

.media-content h3 {

  font-size: 20px;

}

.media-content p{

  font-size: 15px;

}

.testimonials-fig figure {

  height: 65px !important;

  width: 65px !important;

  margin: 0 auto;

}

.testimonials-fig h4 {

  font-size: 16px;

}



.testimonials-fig p{

  font-size: 14px;

}

.testimonials-sub .slick-list{

  padding: 0 !important;

}

.testimonials-fig + .testimonials-fig {

  margin-left: 10px;

}

}





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

.info-details ul li{

  font-size: 15px;

}

.media-content {

  padding: 45px 25px;

}

.media-section h2 {

  font-size: 26px;

  margin-bottom: 20px;

}

.testimonials-section h2{

  font-size: 26px;

}

.services-listing-content h4 {

  font-size: 16px;

}



.inner_banner_text h1 {

  font-size: 45px;

}

.inner_banner_text h2 {

  font-size: 35px;

}

.service_listing .each_service h4 {

  font-size: 19px;

}

.contact_form_sec .leave-msg .form_fild {

  padding: 25px 10px !important;

}

.contact_form_sec .save.save.save.save.save.save.save, .contact_form_sec .red.red.red.red.red.red.red.red.red {

  width: 100px;

}

}

*/