/* Colors */
    /*  */

    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */
  /*  */
  /*  */

/* Well Colors */






/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros
   ========================================================================== */


/**
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below.  Ignore the jinja comment tags.
  *
  * 
  */


/* Transition */


/* Animation Delay */


/* Box Shadow */


/* Background Size */


/* Border Radius */


/* User Select */


/* Opacity*/



 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{
    background:;
  
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
       font-size: 16px;
  
    padding-top: 22px;
    text-transform: uppercase;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
    padding: 10px 15px;
    position: relative;
    color: #34495e;
    display: block;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color:#e1e1e1;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    left: 15px!important;
       background:#333;
    padding: 10px 0px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    min-width: 150px;

}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
    background: #34495e;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul:before {
    content: "\f0d8";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    padding-left: 10px;
    text-shadow: 0px -1px 0px #ccc;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
    background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:#333;
    padding: 3px 10px;
   
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color: #FFF;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;]
     font-size:15px;
    color:#333;
    padding-top:18px;
    text-decoration:none;
   
}

/* Carret after Menu items with dropdown */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 7px;
    font-size: 13px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after  {
    border-top-color: #34495e;
}

/* Show menu and remove background color on desktop after toggling mobile menu */
@media screen and (min-width:1150px) {
  .custom-menu-primary .hs-menu-wrapper {
      display:block !important;
      background: transparent !important;
  }

}
@media (min-width:700px) and (max-width:830px)
{
     .custom-menu-primary .hs-menu-wrapper > ul > li {
    font-size: 13px !important;
    padding-top: 22px;
    text-transform: uppercase;
}
}
/* Force header to trigger mobile layout on iPads */
@media (max-width: 830px){
  .header-container-wrapper .container-fluid  .row-fluid [class*="span"] {
    display: block;
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
  }
  
}




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can
 * use this for custom styling on any element when the menu is in the open position.
 */

.mobile-trigger, .child-trigger{
    display: none !important; /* Hide button on Desktop */
}

@media (max-width: 830px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /*
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any
    * additional CSS you want removed from the mobile menu in this reset
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 50px;          /* Position Button at top right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */
    padding: 6px 12px;
    margin-top: -16px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
 
    
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{}


  /* Toggle Button Icon & Animations
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -5px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 25px; /* Icon line width */
    height: 2px; /* Icon line height */
    background-color: #ffffff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    margin-top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    margin-top: 6px; /* Position bottom line */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }


  /* Menu Styles on Mobile Devices
     ========================================================================== */

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    position: absolute; /**************************************************************/
    top:105px;             /* Positions the menu to drop from the very top of the screen */
    left: 0px;          /**************************************************************/
    width: 100%;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  .custom-menu-primary .hs-menu-wrapper{
    padding: 0 0 0 0;
    width: 100%; /* Full screen width */
    z-index: 8888;
  }

   /* Level 1 Menu List Styles */
   .custom-menu-primary .hs-menu-wrapper > ul {
    background: #ffc000;
   }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }

  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff !important; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff !important; /* link hover color set by global mobile-aColorHover variable */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
      display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
    background: transparent;
    border: 0px;
    padding: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 18px; /* Font size of child lists */
    color:#fff;
    text-decoration:none;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
      display: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
      display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }

}


/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
}

/* Vertical Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}




/* Slider*/
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         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;
}
/* =====================
   Logo Slider                                             
===================== */
.logo-slider {
    
    background:#f5f4f4;
}
.logo-slider .slick-slider {
    padding: 0 40px;
}
.logo-slider .slick-slide {
    margin: 0 25px;
    outline: none;
}

.logo-slider .slick-list {
    margin: 0 -25px;
}
.logo-slider .slick-arrow {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 56%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
}
.logo-slider .slick-arrow {
    border: none;
    outline: none;
}
.logo-slider .slick-prev {
    left: 0px;
}
.logo-slider .slick-next {
    background-position: 100% 0 !important;
    right: 0px;
}
/* End Slider*/

@charset "utf-8";
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0;  word-wrap: break-word; font-size: 100%; }
html { -webkit-text-size-adjust: none;  word-wrap: break-word; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top ;}
table { border-collapse: collapse; border-spacing: 0; }

/*----------intial declartaion of css----------*/

* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none;font-family: 'Lato', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a {text-decoration: none; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;}
/* For IE 6/7 (trigger hasLayout) */
.container {float: none !important;  margin: 0 auto !important;  width: 1170px !important;}
.container-menu{float: none !important;  margin: 0 auto !important;  width: 1200px !important;}
/*-----------header section styles goes here---------------*/
section.header {padding: 20px;}
.logo {float: left;    width: 30%;}
.logo img {margin-top: -8px;padding: 14px;}
.menu {float: left; width: 100%;margin-top: 15px;}
li {float: left; padding: 10px;width: auto;}
.menu a::after {color: #ffcf01!important; content: ":"; font-weight: bold; padding-left: 14px;}
.header {float: left;height: 95px;width: 100%;}
/*-----------header section styles end here---------------*/



/*-----------Banner section styles goes here---------------*/
.banner {float: left;padding: 60px;width: 100%;}
.but_black a{background: #292929 none repeat scroll 0 0; border-radius: 2px; color: #fff; float: left; font-size: 14px; font-weight: bold; margin-top: 41px; padding: 17px 52px;transition: all 0.6s ease-out; line-height: 1;margin-bottom: 25px;}
.but_black a:hover { background: #fff none repeat scroll 0 0; color: #000;}
.width-50 {float: left;width: 50%!important; margin-left:0 !important;}
.banner h1 { font-size: 40px; font-weight: bold; margin-bottom: 16px; margin-top: 20px;color:#464646;}
.banner > div p {line-height: 1.7;}
.banner > div img {width: 91%;}

.video iframe {
    background: #333 none repeat scroll 0 0;
    border: 17px solid;
    width: 100%;
    height: 337px;
}
/*-----------Banner section styles End here---------------*/

/*----------Mid section styles goes here---------------*/
.mid {float: left;padding: 50px 0;width: 100%;}
input{border-bottom: 2px solid #ccc; margin-bottom: 11px; padding: 16px 12px 22px; width: 100%;}
 textarea {border-bottom: 2px solid #ccc; margin-bottom: 11px; padding: 10px 12px; width: 100%;border-left: 0 none;border-top: 0 none; height: 150px;}
.form_new {background: #f5f4f4 none repeat scroll 0 0; border-top: 9px solid #ffcf01; float: right !important; margin: 0 auto !important; padding: 16px 73px 27px; width: 90% !important;}
.form_new >div h2 {font-size: 23px;font-weight: 300;line-height: 59px;margin-bottom: 22px;text-align: center;}
.large:hover {background: #ffd801 none repeat scroll 0 0; color: #000;}
.large:hover .yello{color:#fff;}
.large {background: #464646 none repeat scroll 0 0;color: #fff;float: left;padding: 12px;text-align: center;width: 100%;font-size: 21px;border: medium none;transition: all 0.6s ease-out;}
.yello {color: #ffcf01;font-weight: 900;}
.footer-top {background: #464646 none repeat scroll 0 0;float: left;padding: 20px 0;width: 100%;}
.three_box {background: #f5f4f4 none repeat scroll 0 0;float: left;margin-right: 15px;text-align: center;width: 30.3%!important;}
.three_box > div p{color: #797979; font-size: 15px; line-height: 25px; padding: 22px 50px;}
.left {float: left;width: 100%;}
.active_one a{background: #292929 none repeat scroll 0 0;border-radius: 2px; color: #fff; float: left; margin-top: 17px; padding: 10px 34px;font-weight:bold;transition: all 0.4s ease-out;margin-bottom: 16px;}
.active_one a:hover {background: #ffcf01 none repeat scroll 0 0; transition: all 0.55s ease-out 0s;}
.active_one a:hover .fa.fa-plus.yellow {color: #000;}
.read_but a{background: #ffcf01 none repeat scroll 0 0; border-radius: 3px;color: #000;float: left;font-weight: bold;margin-top: 20px;padding: 11px 34px;margin-bottom: 16px;}
.read_but a:hover {background: #000 none repeat scroll 0 0;color: #ffcf01;transition: all 0.55s ease-out;}
.width-50.box-img >div img {margin-bottom: 22px;}
.link .orang a{color: #ffcf01 !important;margin-top: 14px;}
.container >div h1 {color: #434343; font-size: 35px;margin-bottom: 36px;text-align: center;line-height: 1.2;}
.box-text >div p { font-size: 14px; line-height: 20px;}
.fa.fa-plus.yellow {font-size: 10px;font-weight: normal; color: #ffcf01;}
.box-text h2 {color: #464646;font-size: 19px;margin-bottom: 8px;text-transform: uppercase;}
.box .container h1 {border-top: 3px solid #f0eeee; margin-top: 20px; padding-top: 37px; color: #434343;font-size: 35px;margin-bottom: 36px;text-align: center; width: 100%;}
.fa.fa-plus.whit{font-size: 10px; font-weight: normal;color:#fff;}
.link a .fa{ background: #6b6c6c none repeat scroll 0 0; border-radius: 50%; color: #fff; font-size: 13px; padding: 6px 7px;}
a .fa.fa-google-plus {font-size: 12px;padding: 6px 5px;}
a .fa.fa-facebook {padding: 6px 9px;}
.link.my_new > div span a{ margin-right: 4px; width: auto !important;}
.link a .fa:hover {background: #fdd008 none repeat scroll 0 0;}
.link > div > span a:hover {color: #fdd008 !important;}
/*-----------Mid section styles goes here---------------*/
.footer-top {background: #464646 none repeat scroll 0 0;float: left;margin-top: 62px;padding: 70px 0;width: 100%;}
.link {float: left;margin-right: 29px;width: 15%!important;}
.link > div >span a {color: #fff!important;;float: left;font-size: 14px;line-height: 23px;width: 100%!important;}
.link > div >span p {color: #fff!important;font-size: 14px;line-height: 20px;}
.link h4 {color: #fdd008;font-size: 15px;margin-bottom: 9px;}
.footer-boot {background: #fdd008 none repeat scroll 0 0;color: #695f40;float: left;font-size: 13px;padding: 29px 21px 15px;text-align: center;width: 100%;}
.three_box > p {color: #797979;font-size: 15px;line-height: 25px;padding: 22px 50px;}
.paci span{font-family: 'Pacifico', cursive;}
.paci p {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.cir_img >div img {padding-top: 27px;}

.box {
    float: left;
    width: 100%;
}
.tri { margin-bottom: -3px;  text-align: right;}

.partner .container h1 {border-top: 3px solid #f0eeee!important; margin-top: 20px; padding-top: 37px; width: 96%;}
.partner {float: left;padding: 50px 0 0; width: 100%;}
.client_slider > img {width: 96%;}

.banner > div h1 { text-align: left;}
.owl-dots {
    display: none;
}
.my_new img {
    float: left;
    margin-right: 8px;
      cursor: pointer;
}
.my_new img:hover {
    opacity: 0.5;
}
.my_new {
    margin-bottom: 0 !important;
    margin-left: 10px;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 22% !important;
}
.link a {
    color: #fff;
    float: left;
    line-height: 1.5;
    width: 100% !important;
}

element.style {
    cursor: auto;
}
html.template-builder, body.template-builder {
    background: #eee none repeat scroll 0 0;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
body {
    background: #fff none repeat scroll 0 0;
    color: #414141;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
}
html, body {
    background-color: #fff;
}
html, body {
    margin: 0;
    padding: 0;
}
body {
    background: #fff none repeat scroll 0 0;
    color: #414141;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
}
html, body {
    background-color: #fff;
}
html, body {
    margin: 0;
    padding: 0;
}
html {
    font-size: 100%;
}
html {
    font-size: 100%;
}
.my_new a {float: left !important; width: 16% !important;}
.link p {color: #fff;}
.owl-carousel .owl-stage-outer {
    background: #f5f4f4 none repeat scroll 0 0;
    overflow: hidden;
    padding: 27px;
    position: relative;
}
/*-----------Menu styles goes here---------------*/
.menu-icon {display: none; cursor: pointer; color:#333; text-transform:uppercase; text-align:center; font-weight:bold; line-height:33px; font-size:22px; padding:0px 0;}
.menu-icon .menu-box{width:53px;height:33px;padding:5px;position: absolute;  right: 37px;top: 28px;}
.menu-icon .menu-box span{width:100%;height:6px;margin-bottom:6px;background: #333; display: block;border-radius:4px;transition: all 0.5s; -webkit-transition: all 0.5s;}
.menu-icon.active span:nth-child(1){transform: rotate(45deg) translateY(8px) translateX(8px); -webkit-transform: rotate(45deg) translateY(8px) translateX(8px);}
.menu-icon.active span:nth-child(2){opacity: 0;}
.menu-icon.active span:nth-child(3){transform: rotate(-45deg) translateY(-9px) translateX(8px);-webkit-transform: rotate(-45deg) translateY(-9px) translateX(8px);}
.desk ul li a:hover {color: #ffcf01;}
.enumenu_ul .caret { color:#e64f2d; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; float:right;}
.enumenu_ul > li { display: inline-block; vertical-align: top; position: relative; padding-left:16px;}
.enumenu_ul li a { font-size: 15px; color:#424242; text-decoration: none;}
.enumenu_ul > li > a:hover, .enumenu_ul > li.active > a { color:#e64f2d;}
.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative;}
.enumenu_ul.menu.desk ul li {float: left;margin-right: 17px;width: auto;}
.menu.desk li:last-child {color: #000 !important; margin-right: 0 !important;}
.enumenu_ul.menu.desk nav { float: right;padding-top: 13px; text-align: right;}

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

-icon .menu-box{top:30px;}

.enumenu_ul { display: none ;}
.menu-block { height: auto; }
.menu-icon { display: block; width:100%; }
.enumenu_ul{ position:absolute; left:0; top:80px; width:100%; background:#fff; box-shadow:0 -1px 5px #333333;z-index: 2147483647;cursor: pointer;}
.enumenu_ul > li > a:hover{color:#000;}
.enumenu_ul > li { display: block; margin: 0px; padding: 0px; border-bottom:1px solid #c3cde0; float:left; width:100%; text-align: center; }
.enumenu_ul > li:last-child{border-bottom:0;padding: 10px;}
.enumenu_ul > li > a { display: inline-block; padding: 8px;}
.enumenu_ul { width: 100%; }
.enumenu_ul > li ul{ background:#D1D1D1;}
.enumenu_ul > li ul a{ text-align: center;  display: block; text-align: center; color: #000; padding:5px 0;}
.mob .last {color: #000;}
.enumenu_ul li a:hover {color: #e64f2d !important;}
.text_slider .prev img {width: auto !important;}
.text_slider .next img {width: auto !important;}
.enumenu_ul.menu.mob {margin-left: 0; width:100%;}
.menu.mob ul li {border-bottom: 1px solid #ccc; padding: 5px 0; text-align: center;padding: 7px !important;}
.menu.mob ul li:last-child {border: medium none;}
}
@media (min-width:280px) and (max-width:768px)
{
.partner {
    display: none !important;}
    
    }
@media (min-width:280px) and (max-width:380px)
{
.mid{padding: 50px 5px 0 3px !important;}
.width-50.riight {margin-left: 15px !important;}
}
@media (min-width:380px) and (max-width:480px)
{
.mid {padding: 50px 0 0 3px!important;}
}
@media (min-width:280px) and (max-width:480px)
{
     .container {width: auto !important;}
    .width-50.box-img {float: left; width: 90% !important;}
    .width-50 {float: none !important; margin-left: 10px !important; margin-right: 10px !important; width: 94% !important;}
    .box-img img {width: 100% !important;}
    .form_new{padding: 16px 19px 27px; width: 100% !important;}
    .read_but {display: block;float: none;margin: 9px auto;text-align: center;width: 65%;}
    .active{margin-bottom: 14px;}
    li {padding: 5px;}
    .banner > div p {font-size: 11px;}
    .menu {float: none;margin: 0 auto;text-align: center;width: 98%;}
    .box .container h1{font-size:22px;}
    .container > div h1{font-size:22px;}
     .three_box{ float: none !important; margin: 15px auto!important; width:70% !important;}
    .link {float: left !important; margin-bottom: 19px; margin-left: 18px !important; text-align: left; width: 94% !important;}
    .link .fa{font-size: 12px; padding: 5px 7px;}
    .owl-prev{top:25px !important;}
    .owl-next{top:25px !important;}
    .logo img {padding: 14px; width: 200px !important;margin-top: 0;}
    iframe {width: 100%;  height: 250px;}
    .banner h1 {text-align: center !important;}
    .banner .width-50 {text-align: center;}
    .banner > div p {font-weight: normal;  line-height: 1.7;;margin-bottom: 39px;}
       .but_black a {float: none; margin: 0 auto; text-align: center;}
    .owl-carousel .owl-item img {display: block;margin: 13px auto 0;width: 42%!important;}
    .box-text > div p{text-align: justify;}
    .active_one { display: block;float: none;margin: 8px auto 20px;text-align: center;width: 65%;}
    .mid {padding:50px 0 0 15px;}
    .width-50.box-img{width:93%!important;}
    .banner {padding: 16px 19px 55px;}
    div .form_new {margin-right: 4px !important;}
     .video iframe {margin-top: 34px;}   
}



@media (min-width:481px) and (max-width:640px){
    .container {width: auto !important;}
    .logo img {padding: 14px;width: 200px!important;margin-top: 0;}
    .width-50 {width: 97% !important;}
    .active_one{margin-top:3px; margin-bottom: 17px;}
    .read_but{margin-top:2px;}
    .width-50 .box-text { width: 49% !important;   float: left !important; margin-left: 15px !important;}
   .width-50.box-img { float: left; margin-left: 10px !important; width: 43% !important; text-align: right;}
   .three_box{ float: none !important; margin: 15px auto!important; width: 55% !important;}
    .form_new { float: none !important; margin: 0 auto; padding: 16px 19px 27px; width: 85% !important;}
    .read_but{margin-bottom: 14px;}
    .active{margin-bottom: 14px;}
    li {padding: 5px;}
  
    .menu {float: none;margin: 0 auto;text-align: center;width: 98%;}
    .box .container h1{font-size:22px;}
    .container > div h1{font-size:22px;}
    .link {float: left !important; margin-bottom: 19px; margin-left: 18px !important; text-align: left; width: 40% !important;}
    .link.my_new{width:46%!important;}
    .link .fa{font-size: 12px; padding: 5px 7px;}
    .owl-prev{top:25px !important;}
    .owl-next{top:25px !important;right: 5px!important;}
    iframe {display: block;height: 300px;margin: 0 auto; width: 73%;}
    .banner h1 {text-align: center !important;}
    .banner .width-50 {text-align: center;}
    .banner {padding: 16px 19px 55px;}
    .owl-carousel .owl-item img {display: block;margin: 16px auto 0;}
    .box-text > div p{text-align: justify;}
     .mid {padding:50px 0 0 22px !important;}
     .mid .width-50 {margin-top: 10px;}
     div .form_new {margin-right:44px !important;}
     .banner > div p {font-weight: normal;  line-height: 1.7;;margin-bottom: 39px;}
       .but_black a {float: none; margin: 0 auto; text-align: center;}
     .video iframe {margin-top: 34px;}   
}

@media (min-width:641px) and (max-width:800px){
   .container {width: auto !important;}
   .logo img {padding: 14px;width: 200px !important;margin-top: 0;}
    .width-50 {width: 100% !important;}
.width-50.box-img {loat: left; margin-left: 10px !important;text-align: right;   width: 41% !important;}
    .width-50 .box-text { width: 44% !important;   float: left !important; margin-left: 15px !important;}
   .width-50.box-img { float: left; margin-left: 10px !important; width: 41% !important;}
   
   .three_box{ float: none !important; margin: 15px auto!important; width:40% !important;}
    .form_new { float: none !important; margin: 0 auto; padding: 26px 44px 47px; width: 75% !important;}
    .read_but{margin-bottom: 14px;}
    .active{margin-bottom: 14px;}
    li {padding: 5px;}
     .banner > div p {font-weight: normal;  line-height: 1.7;;margin-bottom: 39px;}
       .but_black a {float: none; margin: 0 auto; text-align: center;}
     .video iframe {margin-top: 34px;}  
    .menu {float: none;margin: 0 auto;text-align: center;width: 98%;}
    .box .container h1{font-size:32px;}
    .container > div h1{font-size:32px; margin-bottom: 7px;}
    .link {float: left !important; margin-bottom: 19px; margin-left: 18px !important; text-align: left; width: 14% !important;margin-right:5px;}
    .link.my_new {float: right !important; width: 32% !important;}
    .link .fa{font-size: 12px; padding: 6px;}
     .owl-prev{top:18px !important;}
    .owl-next{top:18px !important;right: 5px!important;}
    iframe {display: block;height: 350px;margin: 0 auto;display:block;float:none!important;width:100%;}
    .my_new img{margin-right: 3px!important;}
    .banner h1 {text-align: center !important;}
    .banner .width-50 {text-align: center;}
    .but_black {display: block;float: none; margin-left: auto; margin-right: auto;width: 37%;font-size: 16px;}
    .owl-carousel .owl-item img {float: none;margin-top: 13px;text-align: right;width: 100%!important;padding: 0 15px;}
    .box-text > div p{text-align: justify;}
     .mid .width-50 {margin-top: 10px;}
}
@media (min-width:801px) and (max-width:1280px){
    .container {width: auto !important;}
   .logo img {padding: 14px;width: 200px !important;margin-top: 0;}
    .width-50 { width: 50% !important;}
    .width-50.box-img {float: left; width: 43% !important;}
    .width-50 .box-text { width: 49% !important;   float: left !important; margin-left: 15px !important;}
   .width-50.box-img { float: left; margin-left: 10px !important; width: 43% !important;}
   .box-img img {width: 100% !important;}
   .three_box{  margin-left: 15px !important; margin-right: 16px; text-align: center; width: 29.3% !important;}
    .form_new { float:right !important; margin: 0 auto; padding: 26px 44px 47px; width: 96% !important;}
    .read_but{margin-bottom: 14px;}
    .active{margin-bottom: 14px;}
    li {padding: 5px;}
    .but_black{font-weight: bold; margin-bottom: 21px; margin-top: 19px;padding: 18px 52px;font-size: 16px;}
    .menu { float: none;margin: 15px auto; text-align: center; width: 98%;}
    .box .container h1{font-size:32px;}
    .container > div h1{font-size:32px;}
     .link {float: left !important; margin-bottom: 19px; margin-left: 18px !important; text-align: left; width: 14% !important;margin-right:5px;}
    .link.my_new {float: right !important; width: 32% !important;}
    .link .fa{font-size: 12px; padding: 6px;}
    iframe {width: 100%;  height: 260px;}
    .owl-carousel .owl-item img {display: block;margin-top: 11px;padding: 0 15px; width: 90%!important;}
    .mid {padding: 50px 37px 50px 20px;}
    .box-text > div p{text-align: justify;}
    .box-text > div p {font-size: 13px;line-height: 1.3;}
    .active_one{margin-bottom: 22px;margin-top: 5px;}
     .read_but{margin-bottom: 23px !important; margin-top: 4px;}
     .box {padding-left: 18px; padding-right: 12px;}
      .banner > div p {font-weight: normal;  line-height: 1.7;;margin-bottom: 39px;}
      .but_black {font-size: 16px; font-weight: bold; margin-bottom: 0; margin-top: 0; padding: 0;text-align: left;}
      .but_black a {margin-top: 0;}
}




@media (min-width:768px) and (max-width:800px)
{
   .banner .span5.widget-span.widget-type-rich_text{width:93%!important;}
    .video .span6 { width: 100% !important;}
}




/*@media (max-width:980px)
{
    .container {width: auto !important;}
    .logo {text-align: center; width: 100% !important;}
    .width-50 {float: left !important; margin-left: 10px !important; margin-right: 10px !important; width: 99% !important;}
    .box-img img {width: 100% !important;}
    .form_new{padding: 16px 19px 27px; width: 100% !important;}
    .read_but{margin-bottom: 14px;}
    .active{margin-bottom: 14px;}
    li {padding: 5px;}
    .but_black{font-size: 16px;font-weight: bold; margin-bottom: 21px; margin-top: 19px;padding: 15px 27px;}
    .menu {float: none;margin: 0 auto;text-align: center;width: 98%!important;}
    .box .container h1{font-size:22px;}
    .container > div h1{font-size:22px;}
   .link {float: left !important; margin-bottom: 19px; margin-left: 18px !important; text-align: left; width: 37% !important;}
    .link .fa{font-size: 12px; padding: 5px 7px;}
   .width-50.box-img {float: left; width: 43% !important;}
    .width-50 .box-text { width: 49% !important;}
    .form_new {float: none !important; margin: 0 auto !important; padding: 25px 55px 40px; text-align: center; width: 71% !important;}
    .three_box {margin-left: auto !important; margin-right: auto !important;width: 68% !important;}
}    
*/

.owl-carousel .owl-item img {transform-style:inherit!important;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    -moz-user-select: none;
    cursor: pointer;
}
.owl-stage-outer {
    padding: 6px 28px 0;
}
.owl-next {display:none;}
.owl-prev {display:none;}
.slider {background: #f5f4f4 none repeat scroll 0 0;padding: 22px; overflow-x: hidden;}
.owl-item {margin-right: 8px !important;}
.active {background:none!important;padding:0!important;margin-top:0 !important;}
.owl-item.active > li {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 70%;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: block!important;
}