/** TextMarks Web 3 Home Pages CSS Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2014, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/** TextMarks Web 3 2014 TM Global SCSS Include Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2014, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/* --------------------------------------------------------------------------- CONSTANTS */
/* --------------------------------------------------------------------------- TWITTER BOOTSTRAP RESPONSIVE CONSTS AND MIXINS */
/* --------------------------------------------------------------------------- TEXTMARKS SPECIFIC MIXINS */
/* --------------------------------------------------------------------------- GENERIC MIXINS */
/* --------------------------------------------------------------------------- CONSTANTS AND MIXINS */
/* --------------------------------------------------------------------------- GENERAL STYLES */
p, li, .lead { font-weight: 300; }

.row { margin-top: 40px; margin-bottom: 40px; }

.image_frame img { width: 100%; height: auto; }

section#hero1 { background-color: #8bba33; margin-top: -5px; background-image: url("../images/front/home/2015a/bg-abstract-green.jpeg"); background-size: auto 100%; background-position: 50% 50%; }
section#hero1 .row { padding-top: 40px; padding-bottom: 40px; }
section#hero1 .row .message_col h1, section#hero1 section#cant_ignore .row .image_col h1, section#cant_ignore section#hero1 .row .image_col h1, section#hero1 section#complicated .row .image_col h1, section#complicated section#hero1 .row .image_col h1 { color: #edeeef; font-size: 40px; font-weight: 500; letter-spacing: 0.75px; line-height: 1.25; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
@media (min-width: 992px) { section#hero1 .row .message_col h1, section#hero1 section#cant_ignore .row .image_col h1, section#cant_ignore section#hero1 .row .image_col h1, section#hero1 section#complicated .row .image_col h1, section#complicated section#hero1 .row .image_col h1 { font-size: 38px; } }
@media screen and (min-width: 1200px) { section#hero1 .row .message_col h1, section#hero1 section#cant_ignore .row .image_col h1, section#cant_ignore section#hero1 .row .image_col h1, section#hero1 section#complicated .row .image_col h1, section#complicated section#hero1 .row .image_col h1 { font-size: 45px; } }
section#hero1 .row .message_col .demo_button, section#hero1 section#cant_ignore .row .image_col .demo_button, section#cant_ignore section#hero1 .row .image_col .demo_button, section#hero1 section#complicated .row .image_col .demo_button, section#complicated section#hero1 .row .image_col .demo_button { margin-bottom: 5px; }
@media (min-width: 992px) { section#hero1 .row .message_col .demo_button, section#hero1 section#cant_ignore .row .image_col .demo_button, section#cant_ignore section#hero1 .row .image_col .demo_button, section#hero1 section#complicated .row .image_col .demo_button, section#complicated section#hero1 .row .image_col .demo_button { margin-bottom: 46px; } }
section#hero1 .row .message_col .demo_button .btn, section#hero1 section#cant_ignore .row .image_col .demo_button .btn, section#cant_ignore section#hero1 .row .image_col .demo_button .btn, section#hero1 section#complicated .row .image_col .demo_button .btn, section#complicated section#hero1 .row .image_col .demo_button .btn { font-size: 22px; padding: 16px 22px; border-bottom: solid 3px #1f84bf; border-radius: 5px; }
section#hero1 .row .message_col .phone_number p, section#hero1 section#cant_ignore .row .image_col .phone_number p, section#cant_ignore section#hero1 .row .image_col .phone_number p, section#hero1 section#complicated .row .image_col .phone_number p, section#complicated section#hero1 .row .image_col .phone_number p { color: #edeeef; font-size: 18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin-bottom: 40px; }
@media (min-width: 992px) { section#hero1 .row .message_col .phone_number p, section#hero1 section#cant_ignore .row .image_col .phone_number p, section#cant_ignore section#hero1 .row .image_col .phone_number p, section#hero1 section#complicated .row .image_col .phone_number p, section#complicated section#hero1 .row .image_col .phone_number p { margin-bottom: 0px; } }
section#hero1 .row .message_col .phone_number p strong, section#hero1 section#cant_ignore .row .image_col .phone_number p strong, section#cant_ignore section#hero1 .row .image_col .phone_number p strong, section#hero1 section#complicated .row .image_col .phone_number p strong, section#complicated section#hero1 .row .image_col .phone_number p strong, section#hero1 .row .message_col .phone_number p a, section#hero1 section#cant_ignore .row .image_col .phone_number p a, section#cant_ignore section#hero1 .row .image_col .phone_number p a, section#hero1 section#complicated .row .image_col .phone_number p a, section#complicated section#hero1 .row .image_col .phone_number p a { color: #edeeef; }
section#hero1 .row .image_col .embed-responsive { position: relative; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; behavior: url("/static_media/css/PIE.htc"); }
section#hero1 .row .image_col .image_frame img { position: relative; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; behavior: url("/static_media/css/PIE.htc"); }
section#hero1 .row .image_col .learn_more { color: #edeeef; margin-top: 20px; }
section#hero1 .row .image_col .learn_more p.lead { margin-bottom: 0px; }

section#help_you .box { background-color: #edeeef; margin-bottom: 30px; width: 100%; height: 350px; overflow: hidden; }
section#help_you .box .fa { color: #8bba33; }
section#help_you .box p { font-size: 14px; margin-left: 10px; margin-right: 10px; }
@media (min-width: 768px) { section#help_you .box p { font-size: 18px; } }
section#help_you .box .animation_wrap { height: 100%; }
section#help_you .box .animation_wrap .default_content, section#help_you .box .animation_wrap .extra_content { padding-top: 40px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; height: 100%; }
section#help_you .box .extra_content { height: 100%; background-color: #8bba33; }
section#help_you .box .extra_content .headline { padding-top: 40px; }
section#help_you .box .extra_content .headline > i { display: none; }
section#help_you .box .extra_content h3 { color: #edeeef; margin-top: 0px; margin-bottom: 10px; }
section#help_you .box .extra_content li { font-size: 18px; margin-left: 75px; margin-right: 10px; color: #edeeef; margin-bottom: 10px; }
section#help_you .box .extra_content li .fa { color: #edeeef; margin-left: -35px; margin-right: 10px; }
section#help_you .box .extra_content .fa { color: #edeeef; }
section#help_you .box .extra_content .buttonbar_wrap .btn { margin: 10px 0; }
section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore { color: #edeeef; background-color: #8bba33; border-color: #edeeef; }
section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore:hover, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore:focus, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore:active, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.active, .open > section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.dropdown-toggle { color: #edeeef; background-color: #6d9228; border-color: #cdcfd2; }
section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore:active, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.active, .open > section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.dropdown-toggle { background-image: none; }
section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.disabled, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.disabled:hover, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.disabled:focus, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.disabled:active, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.disabled.active, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore[disabled], section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore[disabled]:hover, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore[disabled]:focus, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore[disabled]:active, section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore[disabled].active, fieldset[disabled] section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore, fieldset[disabled] section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore:hover, fieldset[disabled] section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore:focus, fieldset[disabled] section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore:active, fieldset[disabled] section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore.active { background-color: #8bba33; border-color: #edeeef; }
section#help_you .box .extra_content .buttonbar_wrap .btn.button_learnmore .badge { color: #8bba33; background-color: #edeeef; }
section#help_you .box .extra_content .buttonbar_wrap.buttonbar_outline .btn { border: 1px solid #fff; background-color: transparent; color: #fff; }
section#help_you .box .circle, section#help_you .box .circle-xs { margin-left: auto; margin-right: auto; margin-top: 40px; background-color: transparent; color: #8bba33; font-size: 1.75em; border: 1px solid #8bba33; border-radius: 25px; height: 40px; width: 40px; }
section#help_you .box .circle:hover, section#help_you .box .circle-xs:hover { cursor: pointer; }
section#help_you .box:hover { text-decoration: none; }
section#help_you #demo_carousel { background-color: transparent; }
section#help_you #demo_carousel .carousel-inner .item { height: 350px; max-height: 350px; }
section#help_you #demo_carousel .carousel-inner .item a div { background-position: center center; background-repeat: no-repeat; background-size: 650px auto; max-width: none; width: 100%; height: 100%; }
@media (min-width: 768px) { section#help_you #demo_carousel .carousel-inner .item a div { background-size: auto; } }

section#customers { background-color: #edeeef; }
section#customers h2 { margin-bottom: 10px; }
section#customers p.lead { font-weight: 100; letter-spacing: 0.05em; }

section#cant_ignore, section#complicated { background-color: white; }
section#cant_ignore .line_break, section#complicated .line_break { display: block; }
@media (min-width: 768px) { section#cant_ignore .line_break, section#complicated .line_break { display: none !important; } }
section#cant_ignore .row, section#complicated .row { margin-top: 100px; margin-bottom: 100px; display: block; }
@media (min-width: 768px) { section#cant_ignore .row, section#complicated .row { display: table; } }
@media (min-width: 768px) { section#cant_ignore .row .message_col, section#complicated .row .message_col, section#cant_ignore .row .image_col, section#complicated .row .image_col { display: table-cell; float: none; vertical-align: middle; } }
section#cant_ignore .row .message_col h2, section#complicated .row .message_col h2, section#cant_ignore .row .image_col h2, section#complicated .row .image_col h2 { text-align: center; margin-top: 0px; }
@media (min-width: 768px) { section#cant_ignore .row .message_col h2, section#complicated .row .message_col h2, section#cant_ignore .row .image_col h2, section#complicated .row .image_col h2 { text-align: left; } }
section#cant_ignore .row .message_col p.lead, section#complicated .row .message_col p.lead, section#cant_ignore .row .image_col p.lead, section#complicated .row .image_col p.lead { color: #767778; font-weight: 200; }
section#cant_ignore .row .image_col .image_frame, section#complicated .row .image_col .image_frame { margin: 0px; }

section#complicated { background-color: #edf3f7; }

section#assurance { background-color: white; padding-top: 40px; padding-bottom: 40px; }
section#assurance p.lead { color: #767778; font-weight: 200; }
section#assurance .image_frame { margin: 20px; }
section#assurance .buttonbar_outline.buttonbar_wrap .btn { color: #8bba33; background-color: white; border-color: #8bba33; }
section#assurance .buttonbar_outline.buttonbar_wrap .btn:hover, section#assurance .buttonbar_outline.buttonbar_wrap .btn:focus, section#assurance .buttonbar_outline.buttonbar_wrap .btn:active, section#assurance .buttonbar_outline.buttonbar_wrap .btn.active, .open > section#assurance .buttonbar_outline.buttonbar_wrap .btn.dropdown-toggle { color: #8bba33; background-color: #e6e6e6; border-color: #678a25; }
section#assurance .buttonbar_outline.buttonbar_wrap .btn:active, section#assurance .buttonbar_outline.buttonbar_wrap .btn.active, .open > section#assurance .buttonbar_outline.buttonbar_wrap .btn.dropdown-toggle { background-image: none; }
section#assurance .buttonbar_outline.buttonbar_wrap .btn.disabled, section#assurance .buttonbar_outline.buttonbar_wrap .btn.disabled:hover, section#assurance .buttonbar_outline.buttonbar_wrap .btn.disabled:focus, section#assurance .buttonbar_outline.buttonbar_wrap .btn.disabled:active, section#assurance .buttonbar_outline.buttonbar_wrap .btn.disabled.active, section#assurance .buttonbar_outline.buttonbar_wrap .btn[disabled], section#assurance .buttonbar_outline.buttonbar_wrap .btn[disabled]:hover, section#assurance .buttonbar_outline.buttonbar_wrap .btn[disabled]:focus, section#assurance .buttonbar_outline.buttonbar_wrap .btn[disabled]:active, section#assurance .buttonbar_outline.buttonbar_wrap .btn[disabled].active, fieldset[disabled] section#assurance .buttonbar_outline.buttonbar_wrap .btn, fieldset[disabled] section#assurance .buttonbar_outline.buttonbar_wrap .btn:hover, fieldset[disabled] section#assurance .buttonbar_outline.buttonbar_wrap .btn:focus, fieldset[disabled] section#assurance .buttonbar_outline.buttonbar_wrap .btn:active, fieldset[disabled] section#assurance .buttonbar_outline.buttonbar_wrap .btn.active { background-color: white; border-color: #8bba33; }
section#assurance .buttonbar_outline.buttonbar_wrap .btn .badge { color: white; background-color: #8bba33; }
section#assurance .buttonbar_outline.buttonbar_wrap .btn a, section#assurance .buttonbar_outline.buttonbar_wrap .btn div { text-decoration: none; }