body {font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 400; font-size:16px;}
.hide-web { display:none; visibility:hidden; }

.navbar-default { background:#18400b !important; border:none !important; }

header .col-md-12 { background:#18400b; margin-top:30px; }
header .col-md-12 .container { background:url('/assets/img/call_app_view/background-header2.jpg') no-repeat bottom center; padding:2% 0 0 0; background-size:100%; height:750px;}
header .app-btns { width:70%; margin:auto; }
header .app-btns .btn-success { border-radius:0; border:1px solid #94a72d; background:#68832b; font-size:22px; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 700; }
header .app-btns .btn-success:hover { background:#5b7623; }

header .container .santa { margin:auto; }
header .container .freetxt { position:absolute; left:10%; }

.modal-header { border-bottom:0 !important; }
.modal-body img { margin:auto; }
.modal-header .close { margin-top:-13px;}


.modal-footer { text-align:center !important; font-size:12px; border:none; }
.modal-header { border:none; }
.modal-header .close { margin-top:-13px; }
.excited-child { text-align:center !important; margin-top:25% !important; }
.excited-child a, .excited-child a:hover, .excited-child a:visited { font-weight:bold; font-size:18px; color:#ffffff !important; text-decoration:underline; }


.app-section { background:#99050b; padding:3% 0; }
.app-section h1 { padding-top:2%; color:#ffffff; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 100; text-align:center; font-size:80px; margin-bottom:5%;}
.app-section h1 span { color:#fff467; border-bottom:1px solid #fff467;font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 100;}
.app-display { margin:auto; }
.app-section .dl-btns { width:80%; margin:5% auto 0 auto !important; }
.app-section .app1 { width:40%; }
.app-section .app2 { width:30%; }

.new-calls{ background:#99050b;}
.new-calls .img-responsive.visible-xxs{width:100%}

@-moz-document url-prefix() { 
.app-section .container { padding-top:3% !important;}
}

.elf-section { background:url('/assets/img/call_app_view/background-elf.jpg') no-repeat center center; background-size:cover; padding:4% 0 20% 0; color:#ffffff; text-shadow:2px 2px 2px #000000; }
.elf-section h2 { font-size:60px; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 800; }
.elf-section h2 span { font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 300;}
.elf-section ul li span { color:#ffe737; }
.elf-section .col-md-6 { padding-left:0; padding-right:0; }
.elf-section .col-md-6 ul { padding-left:6%; margin-bottom:5px; }
.elf-section .elf-dl { margin-bottom:2%; }
.elf-section .btn-success { width:60%; background:rgba(101,112,70,0.60); background:rgba(101,112,70); border-radius:0; border:1px solid #c0b4ac; text-shadow:none; font-size:23px; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 700; }
.elf-section .btn-success:hover { background:rgba(80,166,107,0.45); background:rgba(80,166,107); }

.best-xmas { background:#376229; padding:3% 0; color:#ffffff; }
.best-xmas h2 { font-size:70px; }
.best-xmas p { font-size:27px; }

.products { padding:2% 0 4% 0; color:#376229; }
.products img { margin-bottom:3%; }
.products h4, .products h4 a { font-size:13px; border-bottom:2px solid #376229; display:inline; font-family: "proxima-nova",sans-serif;
font-style: normal;font-weight: 700; color:#376229; text-decoration:none !important;}
.products a:hover { text-decoration:none !important; }
.products p { font-size:14px; padding:3% 0; height:110px; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 400; }
.products .btn-success { background:#53ac33; font-size:25px; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 600; border-radius:50px; width:50%; background:#53ac33; }
.products .btn-success:hover { background:#53ac33; -moz-box-shadow: 0px 0px 6px 3px #fff46c;  -webkit-box-shadow: 0px 0px 6px 3px #fff46c; box-shadow: 0px 0px 6px 3px #fff46c; border-color:#53ac33; }

footer { background:#264e18; padding:2% 0; }
footer p { color:#6bb852; font-size:12px; }
footer p a { color:#6bb852; text-decoration:underline; }
footer p a:hover, footer p a:visited { color:#6bb852; text-decoration:underline; }
footer .santa-links { margin-bottom:2%; text-align:center; padding-left:0;}
footer .santa-links li { list-style:none; display:inline; margin:0 1%; }
footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { color:#ffffff; text-decoration:underline; font-size:14px; }
.ft-logo .img-responsive { margin:0 auto 3% auto !important; display:inline;}
.ft-social { padding-left:0;}
.ft-social li { list-style:none; display:inline; margin:0 1px }

@media (max-width:1200px) {
header .col-md-12 .container { height:630px; }
.app-section h1 { font-size:65px; }
.elf-section .btn-success { width:70%; font-size:20px; }
.elf-section h2 { font-size:45px; }
.best-xmas h2 { font-size:62px; }
.best-xmas p { font-size:25px; }
footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { font-size:12px; }
.products .col-md-3 { padding-left:5px; padding-right:5px; }
.products h4 { font-size:13px; }
.products p { height:135px; }
.products .btn-success { width:70%; }
}

@media (max-width:1050px) {
header .col-md-12 { padding-top:4%; }
}

@media (max-width:992px) { 
.excited-child { display:inline-block; width:30%; float:right; }
header .col-md-12 .container { height:500px; }
header .app-btns .col-md-6 {float:left; width:50%;}
header .app-btns .btn-success { font-size:16px; }
.app-section h1 { font-size:50px; }
.dl-btns .col-md-4 { width:33%; float:left; }
.elf-section .col-md-6 { width:60%; }
.best-xmas h2 { font-size:49px; }
.best-xmas p { font-size:23px; }
.products .col-md-3 { width:48%; margin-right:1%; float:left; margin-bottom:3%; }
footer .santa-links li { margin:0 3px; }
footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { font-size:9px; }
.app-section .app1 { width:45%; }
.app-section .app2 { width:25%; }
.products p { height:100px; }

}

@media (max-width:767px) {
header .col-md-12 .container { height:auto; padding-bottom:55%; }
header .app-btns .col-md-6 { width:100%; float:none; margin-bottom:3%; }
.app-section h1 { font-size:43px; }
.elf-section .col-md-6 { width:57%; }
.elf-section h2 { font-size:37px; }
.elf-section ul li { font-size:15px; }
.best-xmas h2 { font-size:40px; }
.best-xmas p { font-size:19px; }
.elf-section .btn-success { width:100%; }
.excited-child { position:absolute; right:0; }
.excited-child img { display:none; visibility:hidden; }
}

@media (max-width:720px) { 
footer .santa-links li { display:block; width:100%; }
footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { font-size:12px; }
.elf-section ul li { font-size:14px; }
}

@media (max-width:637px) {
.elf-section ul li { font-size:13px; }
.elf-section h2 { font-size:34px; }
.app-section h1 { font-size:38px; }
}

@media (max-width:600px) {
.app-section h1 { font-size:35px; }
.best-xmas h2 { font-size:35px; }
.best-xmas p { font-size:17px; }
.products .col-md-3 { width:100%; float:none; margin-bottom:6%; }
.products .col-md-3 h4 { margin-left:17%; }
.products .col-md-3 p { height:auto; padding-left:17%; padding-right:17%; }
.products .col-md-3 img { margin:2% auto; }
.products .col-md-3 .btn-success { margin-left:14%; }
header .col-md-12 .container { background:url('/assets/img/call_app_view/background-header_mobile.jpg') no-repeat top center;padding-bottom:61%;height:auto; }
.elf-section ul li { font-size:12px; }
.elf-section h2 { font-size:31px; }
}

@media (max-width:550px) {
header .col-md-12 { padding-top:6%; }
.app-section h1 { font-size:30px; }
.products .col-md-3 h4 { margin-left:13%; }
.products .col-md-3 p { padding-left:13%; padding-right:13%; }
header .col-md-12 .container { padding-bottom:68%; }
.hide-mobile { display:none; visibility:hidden; }
.hide-web { visibility:visible; display:block; }
.elf-section { padding:40% 0; }
.app-section .dl-btns { width:90%; text-align:center;}
.app-section .dl-btns img { margin:auto; }
.dl-btns .col-md-4 { display:block; width:100%; float:none;}
.best-xmas { background:#99050b; }

.guarantee { color:#ffffff; text-shadow:2px 2px 2px #000000; }
.guarantee h2 { font-size:35px; font-weight:800; }
.guarantee h2 span { font-weight:300; }
.guarantee ul { padding-left:6%; }
.guarantee ul li { text-align:left !important; }
.guarantee ul li span { color:#ffe737; }
}

@media (max-width:480px) {
header .col-md-12 .container { padding-bottom:80%; }
.guarantee ul { padding-left:2%; }
.guarantee ul li { font-size:14px; }
header .col-md-12 { padding-top:7%; }
}

@media (max-width:450px) {
.app-section h1 { font-size:25px; }
header .col-md-12 { padding-top:9%; }
}

@media (max-width:400px) {
.products .col-md-3 h4 { margin-left:0%; }
.products .col-md-3 p { padding-left:0%; padding-right:0%; }
header .col-md-12 .container { padding-bottom:95%; }
.guarantee h2 { font-size:26px;}
.guarantee ul li { font-size:13px; }
header .app-btns .btn-success { font-size:12px; }
.app-section h1 { font-size:20px; }
header .col-md-12 { padding-top:10%; }
.excited-child { width:45% !important; margin-top:40% !important; }
}

@media (max-width:370px) {
header .col-md-12 .container { padding-bottom:110%; }
.guarantee ul { padding-left:0; }
header .col-md-12 { padding-top:11%; }
}

@media (max-width:316px) {
.app-section h1 { font-size:18px; }
header .col-md-12 { padding-top:13%; }
header .app-btns .btn-success { font-size:11px; }
.excited-child { margin-top:60% !important; }
}

@media (max-width:300px) {
header .col-md-12 .container { padding-bottom:120%; }
header .app-btns .btn-success {font-size:11px;}
}

/*** Small phone (xxs definition)  ***/
.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block{
  display: none !important;
}
@media (max-width: 480px) {
  .visible-xxs {
    display: block !important;
  }
  table.visible-xxs {
    display: table !important;
  }
  tr.visible-xxs {
    display: table-row !important;
  }
  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important;
  }
  .visible-xxs-block {
    display: block !important;
  }
  .visible-xxs-inline {
    display: inline !important;
  }
  .visible-xxs-inline-block {
    display: inline-block !important;
  }
  .hidden-xxs {
    display: none !important;
  }
}