@font-face {
    font-family: "Myriad Pro";
    src: url(MYRIADPRO-REGULAR.OTF) ;
    src: url('MYRIADPRO-REGULAR.eot?#iefix') format('embedded-opentype'),
    	 url('MYRIADPRO-REGULAR.woff') format('woff'),
         url('MYRIADPRO-REGULAR.ttf') format('truetype'),
         url('MYRIADPRO-REGULAR.svg') format('svg');

    
}
@font-face{
	font-family:"Myriad Pro Light";
	src:url(MyriadPro-Light.otf);
	src: url('MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
	     url('MyriadPro-Light.woff') format('woff'),
         url('MyriadPro-Light.ttf') format('truetype'),
         url('MyriadPro-Light.svg') format('svg');
}
html{
	letter-spacing:normal;
}
.btn{
	letter-spacing:normal!important;
	font-family: Arial, Helvetica, sans-serif!important;
}

#habla_window_div #olark-callout-bubble, #habla_window_div #olark-callout-bubble-offline, .olrk-fixed-bottom #olark-callout-bubble, #habla-callout-bubble-anchor-offline, #habla_window_div #habla_panel_div,#habla_window_div #habla-callout-bubble-anchor, #habla_window_div #habla-callout-bubble-anchor-offline, #habla_window_div, #habla_window_div th, #habla_window_div table, #habla_window_div h3, #habla_window_div h5, #habla_window_div p, #habla_window_div h1, #habla_window_div td, #habla_window_div dl, #habla_window_div tr, #habla_window_div dt, #habla_window_div h6, #habla_window_div ol, #habla_window_div form, #habla_window_div select, #habla_window_div option, #habla_window_div pre, #habla_window_div div, #habla_window_div tbody, #habla_window_div h2, #habla_window_div tfoot, #habla_window_div caption, #habla_window_div thead, #habla_window_div h4, #habla_window_div ul, #habla_window_div address, #habla_window_div blockquote, #habla_window_div dd, #habla_window_div fieldset, #habla_window_div textarea, #habla_window_div hr, #habla_window_div article, #habla_window_div aside, #habla_window_div dialog, #habla_window_div figure, #habla_window_div footer, #habla_window_div header, #habla_window_div hgroup, #habla_window_div menu, #habla_window_div nav, #habla_window_div section{
	z-index: 1!important;
}
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	line-height:1.6em;
}

p, li, div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	line-height:1.6em;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media (min-width:768px){
	body{
		padding-top:115px;
	}	
}

@media (min-width:752px) and (max-width: 780px){
	body{
		padding-top:0px;
	}	
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
  body{
		padding-top:0px;
	}

}

/**
 * 	CSS Across the pages
 */
.rs-header{
	font-family:"Myriad Pro";
	font-size:55px;
	color:#000000;
	letter-spacing:normal!important;
	margin-top:16px;
}
.rs-header-2{
	font-family:"Myriad Pro";
	font-size:36px;
	color:#000000;
	letter-spacing:normal!important;
}
.btn:hover{
	background-color:#286090;
	color:#FFF;
}
button:hover{
	background-color:#286090;
	color:#FFF;
}
a.btn:hover{
	color:#FFF;
	background-color:#286090;
}
/**
 * 	Carousel related
 */
.wrap-carousel{
	height:11em;
	overflow:hidden;	
}
.wrap-carousel p{
	line-height: 1.6em;	
}
#sixth-fold-carousel-indicator-2 .carousel-indicators,#sixth-fold-carousel-indicator .carousel-indicators  {
	top: 367px;
	left: 59px;
}
.carousel-indicators li.active{
	background-color:#efefef!important;
}	

/*======================= @author: Marlon Peralta */
/*** start: Bring to top *****/
.cd-top {
  display: inline-block;
  height: 45px;
  width: 45px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  z-index: 999999!important;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/arrow-up.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top {
    right: 33px;
    bottom: 70px;
  }

/*** end: Bring to top *****/

/*** start: Bring to top *****/
.cd-top-lg {
  z-index: 999999!important;
  display: inline-block;
  height: 75px;
  width: 60px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/arrow-up-lg.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top-lg.cd-is-visible, .cd-top-lg.cd-fade-out, .no-touch .cd-top-lg:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top-lg.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top-lg.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top-lg:hover {
  opacity: 1;
}
.cd-top-lg {
    right: 20px;
    bottom: 25px;
  }
	
/*** end: Bring to top *****/



/*** start: ZOHO CHAT*****/
.cd-chat-lg {
  display: inline-block;
  height: 75px;
  width: 60px;
  position: fixed;
  bottom: 40px;
  right: 10px;
   z-index: 9999;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/chat_icon_lg.png) no-repeat center 50%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-chat-lg.cd-is-visible, .cd-chat-lg.cd-fade-out, .no-touch .cd-chat-lg:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-chat-lg.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-chat-lg.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-chat-lg:hover {
  opacity: 1;
}
.cd-chat-lg {
	right: 20px;
    bottom: 80px;
}
/*** end: ZOHO CHAT*****/


/*** start: MOBILE DEVICE ZOHO CHAT*****/
.cd-chat {
  display: inline-block;
  height: 45px;
  width: 45px;
  position: fixed;	
  bottom: 80px;
  right: 20px;
   z-index: 9999;
  /* image replacement properties */
  overflow: hidden;
  visibility: visible;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/chat_icon.png) no-repeat center 50%;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-chat.cd-is-visible, .no-touch .cd-chat:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-chat.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-chat {
/*** end: MOBILE ZOHO CHAT*****/



	.fold-11-request-callback{
			margin-top:60px;
		}

	.limited-offer-header{
		padding:5px!important;
	}
	.limited-offer-body{
		padding: 10px 15px 30px 15px!important;
	}
	
	
	.footer-icons{
		margin-right: 3px;
	}
	


@media only screen and (min-width: 320px) {
	
	.limited-offer-title{
		font-size:25px; 
		font-weight: bold; 
		margin-top:0px;
		text-align:center;
	}
	
	.limited-offer-body{
		font-size:16px;
	}
	
	.footer-icons{
		margin-right: 3px;
	}
	
}

@media only screen and (min-width: 480px) {
	.limited-offer-title{
		font-size:25px; 
		font-weight: bold; 
		margin-top: 15px;
		text-align:center;
	}
	.limited-offer-ul{
		padding-left:33px;
	}
	
	.footer-icons{
		margin-right: 3px;
	}
}

@media only screen and (min-width: 768px) {
		.limited-offer-title{
		font-size:28px; 
		font-weight: bold; 
		margin-top:0px;
		text-align:center;
	}
	.limited-offer-ul{
		padding-left:5px;
	}
	
	.footer-icons{
		margin-right: 3px;
	}
}

@media only screen and (min-width: 992px) {
	.limited-offer-title{
		font-size:30px; 
		font-weight: bold; 
		margin-top:0px;
		text-align:center;
	}
	.limited-offer-ul{
		padding-left:5px;
	}
	
	.footer-icons{
		margin-right: 3px;
	}

}
@media (min-width: 1200px) {
	.limited-offer-title{
		font-size:31px; 
		font-weight: bold; 
		margin-top:0px;
		text-align:left;
	}
	.limited-offer-main{
    	margin-top:55px;
    }
    .limited-offer-ul{
		padding-left:5px;
	}
	 .limited-offer-ul li{
		line-height: 180%;
	}
	
	
    
}

/*======================= @author: Marlon Peralta =================*/