/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none */;}
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
html, body, div, span, applet, object, iframe, 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, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
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,option { font-size: 100%; margin: 0; vertical-align: baseline; border-radius: none; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
/* 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; }
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;}
/* 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; }
.txt-center{text-align:center}
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
/*::-webkit-input-placeholder {color:#989898;opacity:1;}
::-moz-placeholder {color:#989898;opacity:1;} */
/******body &sopan 03/10/2016******/
body { font-size: 15px; line-height: 21px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: 'PT Sans', sans-serif;font-weight:normal;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
a:hover {text-decoration: none; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
a:focus { outline: none; text-decoration: none; }


 
 /* #Menu Styles    ================================================== */
 
 

    /*  */

    /*  */
    /*  */

/* 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{
   
  
    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 > a{
  /*  padding: 10px 4px;*/
    position: relative;
    color:#fff;
    display: block;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
     color:#f1c319;
}
/*.hs-menu-item.hs-menu-depth-1{
    padding:20px 10px;
}*/

/* 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:;
    
      /* 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: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:931px) {
  .custom-menu-primary .hs-menu-wrapper {display:block !important; background: transparent !important;}
  .hs-item-has-children:hover .hs-menu-children-wrapper {display: block !important;}
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:nth-child(6){ padding:0px;}
}

/* Force header to trigger mobile layout on iPads */
@media (max-width: 930px){
 /* .header-container-wrapper .container-fluid  .row-fluid [class*="span"] { display: block;    float: none !important;    width: auto !important;    margin-left: 0 !important; }*/
  .logo img {margin-top: 0 !important;}
}
.custom-menu-primary .hs-menu-wrapper {  display:none;   background: transparent !important;  }
.mobile-trigger, .child-trigger{display: none !important; /* Hide button on Desktop */}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li:nth-child(6){ padding:0px;}

@media (max-width: 930px){


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

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

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li:nth-child(6){ padding:0px;}

  .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;eft: auto;  bottom: auto;  padding: 0px;argin: 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;  }

.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{
    /*padding:3px !important; */
}
  /* Toggle Button
     ========================================================================== */

 .mobile-trigger {
       display: inline-block !important;
    cursor: pointer;
    position: absolute;
    top: 24px !important;
    right: 17px;
    width: 52px;
    height: 22px;
    padding: 19px 11px;
    z-index: 99999999999;
}

.mobile-trigger.active-re { top: 29px !important; }

  .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: 28px; 
    height: 3px; 
    background-color: #f1c319; 
    display: inline-block;
  }
  .mobile-trigger i:before{
    margin-top: -6px; 
  }
  .mobile-trigger i:after{
    margin-top: 6px; 
  } */
  
  
  .mobile-trigger .line {
  display: block;
  background: #f1c319;
  width: 50px;
  height: 8px;
  position: absolute;
  left: 0;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.mobile-trigger .line.line-1 {
  top: 0;
}
.mobile-trigger .line.line-2 {
  top: 36%;
}
.mobile-trigger .line.line-3 {
  top: 74%;
}

.mobile-trigger:hover .line-1, .mobile-trigger:focus .line-1 {
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
}
.mobile-trigger:hover .line-3, .mobile-trigger:focus .line-3 {
  transform: translateY(4px);
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
} 
.mobile-trigger.active-re .line-1 {
  transform: translateY(5px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(5px) translateX(0) rotate(45deg);
  -moz-transform: translateY(5px) translateX(0) rotate(45deg);
}
.mobile-trigger.active-re .line-2 {
  opacity: 0;
}
.mobile-trigger.active-re .line-3 {
  transform: translateY(-23px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-23px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-23px) translateX(0) rotate(-45deg);
}


  /* 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:56px;             /* 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:#f1c319 !important;
}
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 14px; /* Font size of top level list items */
    line-height: 45px;font-weight:bold;
     color:#fff !important;
    overflow: visible;
  }

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

  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#fff !important; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#2f374f !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:#f1c319 !important;
  }
  .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;text-align:center;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-of-type(6) a{
    color:#000;
    
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-of-type(6) a:hover{
    color:#fff;
    
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(6) {
    background:#f1c319 none repeat scroll 0 0;
    border-radius: 2px;
    margin-right: 28px;
    padding: 3px 8px;
    margin-top: -3px;
}
.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;}

.logo img {cursor: pointer;}
.logo h1 a {
    font-size: 30px;
    font-family: 'Pacifico',cursive;
    color: #f1c319;
    cursor: pointer;
    margin: 0;font-weight: 400
}
.logo h1 a:visited {
    color: #f1c319;
    cursor: pointer;
    margin: 0;
}

.logo h1 img{ margin-top:-4px;}

.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_blog_subscribe { color:#f1c319;   font-size: 20px;    position: relative;    top: 20px !important;}


#hs_cos_wrapper_module_147677607790016 span a {color: #f1c319;}
#hs_cos_wrapper_module_147677607790016 span a:hover{ color:#fff;}

/*******************************************************************************************************************************************/

.container{ width:100%; max-width:1170px; margin:0 auto !important; float: none !important;}

/***********************************************************************top-header css********************************************************************/

.top-header{ background-color:#1f1f1f; position:fixed;z-index:99999; }

.top-manu-bar-header{padding: 10px 0px 10px 5px;}
.top-manu-bar-header ul{list-style-type: none; font-size:16px;font-family: 'Pacifico', cursive; }
.top-manu-bar-header ul li{display: inline-block; padding-right: 24px; position: relative; }
.top-manu-bar-header ul li:after{ background: #efbe05; content: ""; height: 13px; position: absolute; right: 10px; top: 5px; transform: rotate(9deg); width: 2px; }
.top-manu-bar-header ul li:last-child:after{background:none}
.top-manu-bar-header ul li a:hover{color:#f1c319;}
.top-manu-bar-header a{ color:#636363;transition:all 0.5s ease;}


.top-manu-bar-footer{padding: 10px 0px 10px 5px;}
.top-manu-bar-footer ul{list-style-type: none; font-size:16px;font-family: 'Pacifico', cursive; }
.top-manu-bar-footer ul li{display: inline-block; padding-right: 24px; position: relative; }
.top-manu-bar-footer ul li:after{ background: #efbe05; content: ""; height: 13px; position: absolute; right: 10px; top: 5px; transform: rotate(9deg); width: 2px; }
.top-manu-bar-footer ul li:last-child:after{background:none}
.top-manu-bar-footer ul li a:hover{color:#f1c319;}
.top-manu-bar-header a{ color:#636363;transition:all 0.5s ease;}

.span3.widget-span.widget-type-rich_text.call { display: block;   position: relative;}

.monk-num > img { position: relative; top: 4px;right: 8px;}

.call p {  color: #636363 ;    margin: 0;    position: absolute;  right: 0px;    width: 180px;cursor: pointer;}

.call p{ color:#545454;}
.call{font-family: 'PT Sans', sans-serif;font-size:16px; text-align:right; padding: 10px 0px 10px 5px;}

.call a{color:#efbe05; font-weight:bold;}
.call-no p a { color:#636363 !important ; font-weight: normal;}
.call-no p a{background: rgba(0, 0, 0, 0) url("https://cdn2.hubspot.net/hubfs/2166934/Hubspot_website/mail.png") no-repeat scroll 0 3px; transition:all 0.5s ease;display:block;}

.call-no:hover {opacity:0; color:#f1c319 !important ;}
.call-img{ display:none;}
.call-img2{ display:none !important;}

p strong { color: unset !important;}

.call-no-hover {position: absolute;right: 0; opacity:0;color:#f1c319  ;}
.call-no-hover:hover{ opacity:1;}
.call-no-hover a{ color:#f1c319 ; background: rgba(0, 0, 0, 0) url("https://cdn2.hubspot.net/hubfs/2166934/Hubspot_website/mail_yellow.png") no-repeat scroll 0 3px; display:block;}

/*********************************************************************** header css********************************************************************/

.header-section{ background-color:#000;}


.header{ padding:30px 0 0px;position: relative;top: 46px;margin-bottom: 46px !important;position: fixed;z-index: 100;}
.logo h1{font-size:30px;font-family: 'Pacifico', cursive; color:#f1c319; cursor:pointer;margin:0; }

.manu-bar{ font-size:16px;font-family: 'PT Sans', sans-serif;text-align:right;}
.manu-bar ul{}
.manu-bar ul li{display:inline-block;padding-right: 33px;}
.manu-bar ul li:last-child{ padding-right:0px;}
.manu-bar ul li a:hover{ color:#f1c319;}
.manu-bar a{ color:#fff;transition:all 0.5s ease;}

/*********************************************************************** footer css********************************************************************/
.footer input:-moz-placeholder { color: #989898; opacity:1;}
.footer input:-webkit-placeholder { color: #989898; opacity:1;}

.footer textarea:-moz-placeholder { color: #989898; opacity:1;}
.footer textarea:-webkit-placeholder { color: #989898; opacity:1;}

.footer label{ color:#ff0000 !important; font-size:12px;}
.hs-form-required{ display:none;}

.footer{ background-color:#000; padding: 66px 0 15px;}
.footer-1 { display: block !important;  float: none !important;margin: 0 auto !important; max-width: 1032px !important; width: 100% !important;}
.footer-border{border-bottom:2px solid #1b1a1a; padding-bottom:24px;}

.footer-logo h1{margin: 0 auto;   max-width: 320px !important;}
.footer-logo h1 a{font-size:30px;font-family: 'Pacifico', cursive; color:#fff; cursor:pointer; padding: 0 0 10px 0;max-width: 270px;width:100%;margin: 0 auto;font-weight: 400}

.span12.widget-span.widget-type-blog_subscribe.subscribe { float: left; max-width: 270px;width: 100%;}
.main-subscribe{ width:100%; max-width:270px;}
.subscribe h3{ color:#959595;font-family: 'Patua One', cursive; font-size:14px; margin:3px 0 12px;text-align: left;border-top: 2px solid #1b1a1a;padding-top: 15px;text-transform: capitalize;font-weight: normal;line-height: 20px !important;}
.subscribe input{text-align: left !important;background-color: #2d2d2d !important;color: #989898;font-size: 12px;font-family: 'PT Sans', sans-serif;padding: 10px;width: 100%;max-width: 270px; border-radius: 4px !important; }
.subscribe input[type="submit"]{ width: 100%;max-width: 140px;float: right;background-color: #f1c319 !important;color: #000;font-size: 18px;font-family: 'Patua One', cursive;cursor: pointer; border-radius: 2px;background: #000 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/footer-arrow.png") no-repeat scroll;
background-position: 106px 12px;padding:6px 10px 6px 17px !important;margin-top: 8px;}
.subscribe input[type="submit"]:hover{background-color: #d14e11 !important; transition: all 0.5s ease-in-out;/*background: #fff url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/farrow.png") no-repeat scroll;background-position: 106px 12px;*/}
.subscribe input:focus {border-color:#e6b705}
.hs_firstname{ margin-bottom:10px;}
.hs_email{ margin-bottom:10px;}
.hs_company{ margin-bottom:10px;}

.link{padding-left: 73px;margin-top: -20px;}
.link h3{ color:#959595; font-size:18px;font-family: 'Patua One', cursive; font-weight:400;margin-bottom: 0; text-align: left;margin-top: 14px; line-height: 0;text-transform: capitalize;}
.link ul{font-family: 'PT Sans', sans-serif; font-size:14px;}
.link ul li{ padding-bottom:7px;}
.link ul li a:hover{color:#fff;transition: .5s ease-in;}
.link a{ color:#959595;}
/*.quick-contact {display: inline-block !important;  float: none !important; margin: 0 auto !important; max-width: 270px;width: 100% !important;}*/



.contact-info {padding-left: 9px;margin-top: 11px;-webkit-margin-before: 10px !important;}

.quick-contact { margin-top: -11px;width: 270px !important;margin-left: 0 !important;}
.quick-contact h3{ color:#959595; font-size:18px;font-family: 'Patua One', cursive; font-weight:400;margin-bottom: 11px;margin-bottom: 0px;text-align: left;margin-top: 0;line-height: 10px;text-transform: capitalize;}
.quick-contact input{background-color: #2d2d2d;color: #989898;font-size: 12px;font-family: 'PT Sans', sans-serif;padding: 10px;width: 100%;max-width: 270px; border-radius: 2px;background-color: #2d2d2d !important; }
.quick-contact input[type="submit"]{ width: 100%;max-width: 100px;float: right;background-color: #f1c319 !important;color: #000;font-size: 18px;font-family: 'Patua One', cursive;cursor: pointer; margin-top:6px;border-radius: 2px;background: #000 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/footer-arrow.png?t=1477400327498") no-repeat scroll;
background-position: 64px 12px;text-align: left;padding:6px 10px 6px 16px;}
.quick-contact input[type="submit"]:hover{ background-color: #d14e11 !important; transition: all 0.5s ease-in-out;/*background: #fff url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/farrow.png") no-repeat scroll;background-position: 64px 12px;*/}
.quick-contact input:focus {border-color:#e6b705}
.quick-contact textarea{background-color: #2d2d2d;color: #989898;font-size: 12px;font-family: 'PT Sans', sans-serif;padding: 10px;width: 100%;max-width: 270px; border-radius: 4px; margin-bottom:10px; resize:none;height: 76px;}

/*.span5.widget-span.widget-type-cell.contact-info { max-width: 210px;width: 100%; float: right;}*/
.social img{margin-right: 8px;vertical-align: middle;}
.social ul{ color:#959595;border-bottom:2px solid #1b1a1a; font-size:14px; font-family: 'PT Sans', sans-serif;padding-bottom: 15px; margin-right: -57px;}
.social ul li{padding-bottom: 10px; color:#fff;position:relative;-webkit-padding-after: 11px !important;}
.social ul li a:hover{color: #f1c319;transition: .5s ease-in;}
.social ul li:nth-of-type(4) a{ color:#f1c319 !important;}
.social ul li:nth-of-type(4) a:hover{ color:#f58220 !important;}
.social ul li:nth-of-type(5) a{ color:#f1c319  !important;}
.social ul li:nth-of-type(5) a:hover{ color:#f58220 !important;}
.social a{ color:#fff;}
.social ul li span{opacity: 0;position: absolute;top: 0px;-webkit-margin-before: 0px;-moz-margin-before: 3px; margin-top:0px;}

.social ul li .monk-text{ opacity:1; transition:all 1s ease;-webkit-transition:all 1s ease;}
.social ul li a:hover .monk-text{ opacity:0;}
.social ul li .monk-num{ opacity:0; transition:all 1s ease; -webkit-transition:all 1s ease; color:#f1c319;}
.social ul li a:hover .monk-num{ opacity:1;}

.call-no p a .monk-text{ opacity:1; transition:all 1s ease;-webkit-transition:all 1s ease; color:#e6b705;}
.call-no p a:hover .monk-text{ opacity:0;}
.call-no p a .monk-num{ opacity:0; transition:all 1s ease; -webkit-transition:all 1s ease; color:#f1c319;right: 50px; position: relative;}
.call-no p a:hover .monk-num{ opacity:1;}


.social-icon ul{ margin-right: -57px;}

.social-icon ul li {display: block; float: left; padding-top: 10px; width: unset; padding-right: 11px;}
.social-icon ul li:last-child{ padding-right:0px;}
.social-icon ul li img{transition: all 0.3s ease-in-out;}
.social-icon ul li img:hover { transform: scale(1.1);}
.copyright{font-family: 'PT Sans', sans-serif; font-size:12px;color:#959595; padding:9px 0 40px;}
.copyright a{ color:#f1c319;}
.copyright a:hover{color:#fff;}
.copyright h4{ font-weight:800;color:#f1c319;}
.copyright span{ color:#f1c319; }
.copyright p{ color:#959595;}



.bottom-header{ display:none !important;}



/*********************************************************************** responsive css********************************************************************/
@media(max-width:1250px)
{
.container {padding:0 15px !important;}  
.manu-bar ul li{padding-right: 25px;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(6) { margin-right: 31px;}
}

@media(max-width:1200px)
{
.social ul{border-bottom:2px solid #1b1a1a;margin-right: -57px;}
.social-icon ul{margin-right: -57px;}
.social-icon ul li{padding-right: 7px;}   
}

@media(max-width:1050px)
{
 

.manu-bar ul li { display: inline-block;padding-right: 24px;}    
.quick-contact {margin-left: 0px !important;}
  
.link {padding-left: 13px;}
.quick-contact{margin-right: 0;margin-left: -25px !important;}

/* .contact-info {padding-left: 0; margin-left: 0 !important;}  */

.main-subscribe{display: inline-block !important;  float: none !important; vertical-align: top; max-width: unset !important; width: 28% !important; margin:0px !important;}
.link{display: inline-block !important;  float: none !important;  max-width: unset !important; width:15% !important;vertical-align: top; margin-top:0px;}
.contact-info{display: inline-block !important;  float: none !important;  max-width: unset !important; width: 28% !important;vertical-align: top;margin-top: 35px;margin:23px 0 0 0 !important;-webkit-margin-before: 16px !important;}
.quick-contact {display: inline-block !important;  float: none !important; max-width: unset !important; width: 24% !important; vertical-align: top;margin-left: 0 !important;margin-top: 30px;margin: 0 !important;}

.quick-contact-in{ max-width: 270px !important; width: 100% !important;float: none !important;    margin: 0 auto !important;}
.quick-contact-in:-moz-placeholder {color: #989898 !important; }
.subscribe { float: none !important;    margin: 0 auto !important;}
.subscribe h3{  font-size:12px;}
.social-icon ul li{width:unset; padding-right: 7px;}
.social ul{margin-right: 0px;}
.social-icon ul{margin-right: 0px;}
.quick-contact h3{ margin-top:0px;}
.link h3{ margin-top:0px;}

}

@media(max-width:980px)
{
/*.link {padding-left: 10px;}
.quick-contact{margin-right: 0;margin-left: -25px !important;}*/
/*.contact-info{margin-left: 0px !important;}*/
/*.contact-info { padding-left: 0px;} */

.custom-menu-primary.js-enabled .hs-menu-wrapper{top: 75px;}
/*.mobile-trigger{top: 20px !important;}*/

}
@media(max-width:931px)
{
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li:nth-child(6){ padding:0px;}
}

@media(max-width:860px)
{
.link{ padding-left:7px;}
}

@media(max-width:767px)
{


.call-no-hover{ display:none;}

.header{ width:100% !important;}

.logo h1{margin: 0 auto;width: 32%;}
.logo h1 a{text-align: center; display: block;}
    
.social-icon ul{margin-right: 0;}
.social ul{border-bottom:2px solid #1b1a1a;margin-right: 0;}
.copyright{text-align: center;}
    
.call p { color: #636363;  float: left;  margin: 0;  position: unset; right: 57px; width: 142px;cursor: pointer;}

.span3.widget-span.widget-type-rich_text.call {  display: inline-block; float: right !important; margin: 0 auto;  max-width: 287px;  position: relative;  text-align: right;  width: 100% !important;text-align: right;   width: 100% !important;}
.mobile-trigger{top: 31px !important;}
.mobile-trigger.active-re { top: 35px !important; }
.header { padding: 30px 0 0px;margin-bottom: 0px !important;}
.custom-menu-primary.js-enabled .hs-menu-wrapper{top: 86px;}

.principal ul{ padding:0px !important;}


.main-subscribe{ width: 59% !important; margin-bottom:35px; margin-top:-6px;}
.link{ width: 40% !important;margin-bottom:35px;margin-left: 0px !important;}
.quick-contact { width: 59% !important;margin: 35px 0 0 0 !important; }
.contact-info{width: 40% !important;margin: 55px 0 0 0 !important;}

.span12.widget-span.widget-type-blog_subscribe.subscribe {  max-width:320px;}
.subscribe input{ max-width:320px }
.quick-contact-in{ max-width:320px !important;}
.quick-contact input{ max-width:320px;}
.quick-contact textarea{ max-width:320px;}
.social-icon ul li{max-width: 190px;}


.top-manu-bar-footer ul li a {color:#636363 ;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {color:#000 !important;}
.top-header{ background-color:transparent !important; width:100% !important;position: absolute;}
.header{top: 0px;}
.footer{ padding: 66px 0 0px;}
.top-manu-bar-header{  display:none !important;}
.top-manu-bar-footer{  display:block !important;}
.call{  display:block !important;}
.bottom-header{ display:block !important; background-color:#1f1f1f;text-align:center;padding: 10px 0; margin:0px !important;}
.bottom-header  .top-manu-bar-footer  ul li a:hover{color:#f1c319!important;}


.call-no{display:none;}
.call-img{ display:block !important;width: 39px;float: right;top: 10px; position: relative;}
.call-img img{position: absolute; top: -66px;width: 38px !important;height: 28px !important;}
.mobile-trigger{ left: 10px; }
.call-img2{ display:block !important;margin-bottom: -29px;}
}


@media(max-width:640px)
{
.logo h1{margin: 0 auto;width: 45%;}
.faqs h2{padding: 35px 0 !important;}

}

@media(max-width:545px)
{

.main-subscribe{ width: 52% !important;}
.link{ width: 46% !important;}
.quick-contact { width: 52% !important; }
.contact-info{width: 46% !important;}
.logo h1{margin: 0 auto;width: 40%;}
}

@media(max-width:480px)
{
.logo h1{margin: 0 auto;width: 60%;}
.main-subscribe{margin: 0 auto !important;max-width: 300px !important; width: 100% !important;display: block !important;}
.quick-contact{max-width: unset !important; width: 100% !important; margin: 0 auto !important;}
.social-icon ul li{width: 19%;max-width: 190px !important;padding-right: 5px !important;}
.link { margin: 60px auto 30px !important; max-width:unset !important;display: block !important; width: 100% !important;text-align: center; left:0% !important;}
.contact-info {  margin: 30px auto !important;  max-width: 270px !important; display: block !important; width: 100% !important;}  

.subscribe input[type="submit"]{ margin:0 auto !important; display:block !important;float: none;}
.quick-contact input[type="submit"]{ margin:0 auto !important; display:block !important;float: none;}

/*.mobile-trigger{top: 25px !important;}*/


.footer-logo h1{text-align: center;}

.link h3{text-align: center;}
.subscribe h3{text-align: center;}
.quick-contact h3{text-align: center;}
.contact-info{left: 0%!important;padding-left: 35px;}
.link ul li { padding-bottom: 2px;}

.span12.widget-span.widget-type-rich_text.social-icon { display: block !important;  float: none !important;  margin: 0 auto !important; max-width: 156px;  text-align: center !important;}
.span12.widget-span.widget-type-rich_text.social-icon ul li{ margin-right:5px !important;}

}