html,
body {background-color: #fff; color: #282828; height:100%; font-family: 'AmbleRegular', Arial, Helvetica, sans-serif; font-size: 14px;}
@font-face {
    font-family: 'AmbleLightCondensed';
    src: url('../font/AmbleLightCondensed/Amble-LightCondensed-webfont.eot');
    src: url('../font/AmbleLightCondensed/Amble-LightCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AmbleLightCondensed/Amble-LightCondensed-webfont.woff') format('woff'),
         url('../font/AmbleLightCondensed/Amble-LightCondensed-webfont.ttf') format('truetype'),
         url('../font/AmbleLightCondensed/Amble-LightCondensed-webfont.svg#AmbleLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleRegular';
    src: url('../font/AmbleRegular/Amble-Regular-webfont.eot');
    src: url('../font/AmbleRegular/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AmbleRegular/Amble-Regular-webfont.woff') format('woff'),
         url('../font/AmbleRegular/Amble-Regular-webfont.ttf') format('truetype'),
         url('../font/AmbleRegular/Amble-Regular-webfont.svg#AmbleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleBold';
    src: url('../font/AmbleBold/Amble-Bold-webfont.eot');
    src: url('../font/AmbleBold/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AmbleBold/Amble-Bold-webfont.woff') format('woff'),
         url('../font/AmbleBold/Amble-Bold-webfont.ttf') format('truetype'),
         url('../font/AmbleBold/Amble-Bold-webfont.svg#AmbleBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eraserregular';
    src: url('../font/eraserregular/EraserRegular-webfont.eot');
    src: url('../font/eraserregular/EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/eraserregular/EraserRegular-webfont.woff') format('woff'),
         url('../font/eraserregular/EraserRegular-webfont.ttf') format('truetype'),
         url('../font/eraserregular/EraserRegular-webfont.svg#eraserregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*===================================================================================================================================*/
/* CONTAINER */
.container {position: relative; z-index:9999; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; overflow: hidden;}
@media (min-width: 768px) {.container {max-width: 750px; width: 100%; overflow: hidden;}}
@media (min-width: 992px) {.container {max-width: 980px; width: 100%; overflow: hidden;}}
@media (min-width: 1200px) {.container {max-width: 1500px; width: 100%; overflow: hidden;}}
.row-centered {text-align: center;}
.col-centered {display: inline-block; float: none;/* reset the text-align */text-align: left;/* inline-block space fix */margin-right: -4px;}
/*===================================================================================================================================*/
/* Parallax Styles */
.parallax {text-align: center;background-position: center center;background-attachment: fixed !important;}
.parallax-overlay {background-color:rgba(0,0,0,0.80);}
/*===================================================================================================================================*/
/* NAVIGATION */
.nav-bg {background-color: #f98d00; height: 5px;}
#sticker {z-index:9998; position: absolute; left: 0; right: 0; height: 77px; margin: 0 auto;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8d33f+0,ffffff+17,ffffff+80,f8d33f+100 */
	background: #f8d33f; /* Old browsers */
	background: -moz-linear-gradient(left,  #f8d33f 0%, #ffffff 17%, #ffffff 80%, #f8d33f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f8d33f 0%,#ffffff 17%,#ffffff 80%,#f8d33f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f8d33f 0%,#ffffff 17%,#ffffff 80%,#f8d33f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d33f', endColorstr='#f8d33f',GradientType=1 ); /* IE6-9 */
}
#sidebar-wrapper {margin-right: -250px; right: 0; width: 250px; background-color: #860307; position: fixed; height: 100%; overflow-y: auto; z-index: 1000; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s;}
.sidebar-nav {top: 0;width: 250px;list-style: none;margin: 0;padding: 0;}
.sidebar-nav li {line-height: 50px;text-indent: 10px;}
.sidebar-nav li a {color: #fcd040;display: block; text-decoration: none; font-size: 22px; text-align: right; padding: 20px 0 0 30px; font-family: 'eraserregular', Arial, Helvetica, sans-serif; text-align: left;}
.sidebar-nav li a:hover {color: #fff;background: #860307;text-decoration: none;}
.sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {height: 55px;line-height: 55px;font-size: 22px; text-align: left;}
.sidebar-nav > .sidebar-brand a {color: #fff;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background-color: #860307;}
#menu-toggle {top: 0;right: 0;position: fixed;z-index: 1;}
#sidebar-wrapper.active {right: 250px;width: 250px;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;}
.toggle {margin: 20px 18px 0 0;}
.toggle-x {margin: 20px 18px 0 0;}
/*===================================================================================================================================*/
/* HOME */
.yellow-gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8d33f+0,ffffff+17,ffffff+80,f8d33f+100 */
	background: #f8d33f; /* Old browsers */
	background: -moz-linear-gradient(left,  #f8d33f 0%, #ffffff 17%, #ffffff 80%, #f8d33f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f8d33f 0%,#ffffff 17%,#ffffff 80%,#f8d33f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f8d33f 0%,#ffffff 17%,#ffffff 80%,#f8d33f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d33f', endColorstr='#f8d33f',GradientType=1 ); /* IE6-9 */ height: 560px;}
span.page-title {font-size: 53px; color: #f98d00; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
span.page-title-yellow {font-size: 53px; color: #fff774; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
span.heading {font-size: 35px; color: #f1070e; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
.white {background-color: #fff;}
.content-pd {padding: 40px 27px 40px 27px;}
.dark-red {background-color: #860307; height: 77px;}
.red {background-color: #f1070e; color: #fff;}
.orange {background-color: #f98d00; height: 77px;}
.yellow {background:url('../images/background/yellow.jpg'); background-repeat: no-repeat; background-color: #fffaea; height: auto;}
span.time {color: #f1070e;}
span.bold {font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
span.orange-text {color: #f98d00; font-weight: bold;}
.bee-pd {position: absolute; padding: 20px 0 0 770px;}
@media (max-width: 1395px) {span.heading {font-size: 35px; color: #f1070e; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}}
@media (max-width: 1280px) {
	span.heading {font-size: 33px; color: #f1070e; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
	.bee-pd {position: absolute; padding: 0 0 0 520px;}
	.yellow {background:url('../images/background/yellow.jpg'); background-repeat: no-repeat; background-color: #fffaea; height: auto;}
}
@media (max-width: 1037px) {
	.slogan-pd {padding: 0 20px 0 20px;}
	span.heading {font-size: 28px; color: #f1070e; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
}
@media (max-width: 980px) {
	span.heading {font-size: 30px; color: #f1070e; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
	.bee-pd {position: absolute; padding: 0 0 0 200px; margin-top: -10px; width: 28%;}
	.dark-red {background-color: #860307; height: auto;}
	.orange {background-color: #f98d00; height: auto;}
	.yellow-gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8d33f+0,ffffff+17,ffffff+80,f8d33f+100 */
	background: #f8d33f; /* Old browsers */
	background: -moz-linear-gradient(left,  #f8d33f 0%, #ffffff 17%, #ffffff 80%, #f8d33f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f8d33f 0%,#ffffff 17%,#ffffff 80%,#f8d33f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f8d33f 0%,#ffffff 17%,#ffffff 80%,#f8d33f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d33f', endColorstr='#f8d33f',GradientType=1 ); /* IE6-9 */ height: auto;}
}
@media (max-width: 360px) {
	span.heading {font-size: 30px; color: #f1070e; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
	.bee-pd {position: absolute; padding: 0 0 0 30px; margin-top: -20px; width: 30%;}
	span.page-title {font-size: 29px; color: #f98d00; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
	.top-pd {padding-top: 20px;}
	span.page-title-yellow {font-size: 40px; color: #fff774; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}
	.dark-red {background-color: #860307; height: auto;}
	.orange {background-color: #f98d00; height: auto;}
	.yellow {background:url('../images/background/yellow.jpg'); background-repeat: no-repeat; background-color: #fffaea; height: auto;}
	.icon {width: 15%;}
	.slogan-pd {padding: 0 20px 0 20px;}
}
/*===================================================================================================================================*/
/* CONTACT US */
.email {color: #282828;}
.email a {color: #282828;}
.email a:hover {color: #f1070e; text-decoration:none;}
a.email,a.email:visited {text-decoration: none; color: #282828; outline: none;}
a.email:hover,a.email:visited:hover {text-decoration: none; color: #f1070e; outline: none;}
/* SUBMIT BUTTON */
.btn-primary {color: #ffffe6; background-color: #f1070e; border-color: #860307;}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {color: #ffffff; background-color: #860307; border-color: #f1070e;}
/* DOWNLOAD BUTTON */
.btn-download {color: #ffffe6; background-color: #f1070e; border-color: #860307; font-size: 25px; width: 300px; height: 105px; font-family:'eraserregular', Arial, Helvetica, sans-serif;}.btn-download:hover,.btn-download:focus,.btn-download:active,.btn-download.active,.open .dropdown-toggle.btn-download {color: #ffffff; background-color: #860307; border-color: #f1070e; width: 300px; font-size: 25px; height: 105px; font-family:'eraserregular', Arial, Helvetica, sans-serif;}
/*===================================================================================================================================*/
/* FOOTER */
.bot-bar {background-color: #f98d00; text-align:right; color: #fff774; font-size: 15px; padding: 25px 27px 15px 27px;}
.copytext {color: #fff774; font-size: 18px; font-family: 'eraserregular', Arial, Helvetica, sans-serif; padding: 0px 10px 0px 10px;}.copytext a {color: #fff774; font-size: 18px;}.copytext a:hover {color: #f8d341; font-size: 18px; text-decoration:none;}a.copytext,a.copytext:visited {text-decoration: none; color: #fff774; font-size: 18px; outline: none; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #f8d341; outline: none;}
.botemail {color: #fff774;}.botemail a {color: #fff774;}.botemail a:hover {color: #f8d341; text-decoration:none;}a.botemail,a.botemail:visited {text-decoration: none; color: #fff774; outline: none;}a.botemail:hover,a.botemail:visited:hover {text-decoration: none; color: #f8d341; outline: none;}
span.copy-heading {font-size: 20px; font-family: 'eraserregular', Arial, Helvetica, sans-serif; color: #fff774;}
.website {color: #fff774;}.website a {color: #fff774;}.website a:hover {color: #f8d341; text-decoration:none;}a.website,a.website:visited {text-decoration: none; color: #fff774; outline: none;}a.website:hover,a.website:visited:hover {text-decoration: none; color: #f8d341; outline: none;}
@media (max-width: 360px) {
	.bot-bar {background-color: #f98d00; text-align:right; color: #fff774; font-size: 13px; padding: 25px 10px 15px 10px;}
	.copytext {color: #fff774; font-size: 15px; font-family: 'eraserregular', Arial, Helvetica, sans-serif; padding: 0px 5px 0px 5px;}.copytext a {color: #fff774; font-size: 15px;}.copytext a:hover {color: #f8d341; font-size: 15px; text-decoration:none;}a.copytext,a.copytext:visited {text-decoration: none; color: #fff774; font-size: 15px; outline: none; font-family: 'eraserregular', Arial, Helvetica, sans-serif;}a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #f8d341; outline: none;}	
}
/*===================================================================================================================================*/
/*UPGRADE BROWSER PAGE*/
.container-ie{border:none;background:url('../images/sprite/browsers-sprite.png') -506px 0px;  height:126px;width:126px;}
.container-chrome{border:none;background:url('../images/sprite/browsers-sprite.png')  0px 0px;height:126px;width:126px;}
.container-firefox{border:none;background:url('../images/sprite/browsers-sprite.png') -127px 0px;height:126px;width:126px;}
.container-safari{border:none;background:url('../images/sprite/browsers-sprite.png') -256px 0px;height:126px;width:126px;}
/*===================================================================================================================================*/
/*ACCORIDAN*/
.panel-default > .panel-heading {color: #fff; background-color: #f1070e; border: none; font-size: 18px; border-radius: 0px;}
h4 {font-size: 20px;}
.panel-heading {padding: 15px 15px; border-radius: 0px;}
.panel {margin-bottom: 0px; color: #1d1d1d; background-color: transparent; border-radius: 0px; border: 0px #b21414 solid;}
.panel-group .panel {margin-bottom: 0;}
.panel-title > a {color: i; outline: none; text-decoration: none;}
.panel-title > a:hover {color: #f8d542; outline: none; text-decoration: none;}
.panel-default > .panel-heading-pink {color: #fff; background-color: #f13c9d; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-pink {padding: 15px 15px; border-radius: 0px;}
.panel-body-pink {margin-: 0px; padding: 15px; color: #fff; background-color: #f13c9d; border: 0px #b21414 solid;}

.panel-default > .panel-heading-red {color: #fff; background-color: #f00000; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-red {padding: 15px 15px; border-radius: 0px;}
.panel-body-red {margin-: 0px; padding: 15px; color: #fff; background-color: #f00000; border: 0px #b21414 solid;}
.panel-default > .panel-heading-orange {color: #fff; background-color: #ff8000; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-orange {padding: 15px 15px; border-radius: 0px;}
.panel-body-orange {margin-: 0px; padding: 15px; color: #fff; background-color: #ff8000; border: 0px #b21414 solid;}
.panel-default > .panel-heading-yellow {color: #000; background-color: #ffff00; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-yellow {padding: 15px 15px; border-radius: 0px;}
.panel-body-yellow {margin-: 0px; padding: 15px; color: #000; background-color: #ffff00; border: 0px #b21414 solid;}
.panel-default > .panel-heading-green {color: #fff; background-color: #007940; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-green {padding: 15px 15px; border-radius: 0px;}
.panel-body-green {margin-: 0px; padding: 15px; color: #fff; background-color: #007940; border: 0px #b21414 solid;}
.panel-default > .panel-heading-blue {color: #fff; background-color: #4040ff; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-blue {padding: 15px 15px; border-radius: 0px;}
.panel-body-blue {margin-: 0px; padding: 15px; color: #fff; background-color: #4040ff; border: 0px #b21414 solid;}
.panel-default > .panel-heading-dark {color: #fff; background-color: #243796; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-dark {padding: 15px 15px; border-radius: 0px;}
.panel-body-dark {margin-: 0px; padding: 15px; color: #fff; background-color: #243796; border: 0px #b21414 solid;}
.panel-default > .panel-heading-purple {color: #fff; background-color: #a000c0; border: none; font-size: 18px; border-radius: 0px;}
.panel-heading-purple {padding: 15px 15px; border-radius: 0px;}
.panel-body-purple {margin-: 0px; padding: 15px; color: #fff; background-color: #a000c0; border: 0px #b21414 solid;}

.emailacc {color: #fff;}
.emailacc a {color: #fff;}
.emailacc a:hover {color: #f7f240; text-decoration:none;}
a.emailacc,a.emailacc:visited {text-decoration: none; color: #fff; outline: none;}
a.emailacc:hover,a.emailacc:visited:hover {text-decoration: none; color: #f7f240; outline: none;}
/*===================================================================================================================================*/
/*ANIMATIONS*/
@keyframes afl {
	from {opacity:0;transform:translateX(-100px);}
	to {opacity:1;transform:translateX(0);}
}
@-webkit-keyframes afl {
	from {opacity:0;-webkit-transform:translateX(-100px);}
	to {opacity:1;-webkit-transform:translateX(0);}
}
.animate_afl {opacity:0}
.animate_afl.animate_start {-webkit-animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afl;animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afl;opacity:1;}
@keyframes afc {
	from {opacity:0;transform:scale(0.2);}
	to {opacity:1;transform:scale(1);}
}
@-webkit-keyframes afc {
	from {opacity:0;-webkit-transform:scale(0.2);}
	to {opacity:1;-webkit-transform:scale(1);}
}
.animate_afc {opacity:0}
.animate_afc.animate_start {-webkit-animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afc;	animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afc;	opacity:1}
.d1.animate_start {-webkit-animation-delay:0.2s;animation-delay:0.2s}
.d2.animate_start {-webkit-animation-delay:0.4s;animation-delay:0.4s}
.d3.animate_start {-webkit-animation-delay:0.6s;animation-delay:0.6s}
.d4.animate_start {-webkit-animation-delay:0.8s;animation-delay:0.8s}
.d5.animate_start {-webkit-animation-delay:1s;animation-delay: 1s}
.d6.animate_start {-webkit-animation-delay:1.2s;animation-delay: 1.2s}
.d7.animate_start {-webkit-animation-delay:1.4s; animation-delay: 1.4s}