/*

------------------------------

-----MAIN TEMPLATE STYLES-----

------------------------------



----------> CONTENTS <--------



->CORE STYLES

	-Typography

	-Spacing

	-Elements

	-Forms



->PLUGINS STYLES	

	-Flexnav responsive navigation

	-Gridrotator image gallery

	-Magnific lightbox

	-Mixitup filter

	-Content slider

	-Twitter

	-Google maps

	-Nivo slider

	-Elastic slider

	-Medial element HTML5 video/audio player



->CUSTOMIZATION

	-Demo (just for presentation of certain elements) free to delete

	-Global Responsive customization

  

------------------------------  

*/

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

****************CORE STYLES**********************

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

/*TYPOGRAPHY*/



/*font size start*/

.xsmallview .contentarea{ /*CSS for "extra small font" setting*/

font-size: 11px;

}



.smallview .contentarea{ /*CSS for "small font" setting*/

font-size: 13px;

}



.normalview .contentarea{ /*CSS to return page to default setting (with no additional CSS rules added)*/

}



.largeview .contentarea{ /*CSS for "large font" setting*/

font-size: 21px;

}



.xlargeview .contentarea{ /*CSS for "extra large font" setting*/

font-size: 24px;

}



.contentarea{

font-size: 14px;

font-family: Arial, helvetica, sans-serif;



}



/*font size end*/



body {

  color: #595959;

  font-size: 14px;

  font-family: arial, helvetica, sans-serif;

  line-height: 1.6em;

  overflow: scroll;

  overflow-x: hidden;

}



h1, h2, h3, h4, h5, h6 {

  font-family: 'arial, helvetica, sans-serif;

  margin-top: 0;

  font-weight: normal;

  line-height: 1.1em;

}

.title-border {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #d9d9d9;

}

a {

  color: #C50F3C;
;

}

a:hover {

  text-decoration: none;

  color: #000000;

}

b {

  font-weight: 600;

}

h5 {

  font-size: 16.900000000000002px;

  color: #4c4c4c;

  font-weight: 600;

}

h4 {

  font-size: 21.970000000000002px;

  color: #474747;

}

h3 {

  font-size: 28.561000000000003px;

  color: #434343;

}

h2 {

  font-size: 37.12930000000001px;

  color: #3e3e3e;

}

h1 {

  font-size: 48.268090000000015px;

  color: #3a3a3a;

}

.title-hero {

  font-size: 77.22894400000003px;

  font-family: Arial, helvetica, sans-serif;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1.2em;

}

.title-page {

  margin-bottom: 0;

  padding: 30px 0;

  color: #fff;

}

small {

  font-size: 11px;

  color: #8b8b8b;

  line-height: 1em;

}

.text-big {

  font-size: 15px;

}

.row-wrap > [class*="span"] {

  margin-bottom: 30px;

}

.center {

  text-align: center;

}

blockquote {

  position: relative;

  margin: 0;

  padding: 0 0 0 40px;

  border: none;

}

blockquote:before {

  content: "; position: absolute; left: 0; top: -3px; font-size: 60px; 

               line-height: 1em; color: rgba(0,0,0,0.3);

  

}

blockquote .autor {

  font-style: normal;

  font-size: 13px;

  font-weight: 600;

  line-height: 1em;

  margin-top: 5px;

}

blockquote,

blockquote p {

  font-size: 14px;

  color: #505050;

  font-style: italic;

  line-height: 1.7em;

  margin-bottom: 10px;

}

.logo {

  margin-bottom: 10px;

  display: inline-block;

}

.project-thumb .title {

  margin: 10px 0 5px 0;

}

.project-thumb >.btn {

  margin-top: 5px;

}

.team-member .title {

  margin: 7px 0;

}

.team-member .meta {

  font-style: italic;

  margin-bottom: 5px;

  font-size: 14px;

}

.desciption {

  margin: 0;

  line-height: 1.4em;

  font-size: 12px;

}

.post {

  margin-bottom: 30px;

  padding-bottom: 30px;

  border-bottom: 1px solid #f2f2f2;

}

.post .title {

  margin: 15px 0 5px 0;

}

.post .desciption {

  margin: 15px 0;

}

.post .meta {

  list-style: none;

  margin: 0;

}

.post .meta li {

  display: inline-block;

  margin-right: 10px;

}

.post .meta li a {

  font-size: 12px;

}

.post .meta li [class^="icon-"] {

  margin-right: 3px;

  color: #8b8b8b;

  text-shadow: 0 -1px 0 rgba(255,255,255,0.5);

}

.btn {

  background: none;

  color: #808080;

  -webkit-border-radius: 0;

  border-radius: 0;

  border: 2px solid #808080;

  text-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 11px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  -ms-transition: all 0.3s;

  transition: all 0.3s;

}

.btn:hover {

  background: #808080;

  color: #fff;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  -ms-transition: all 0.3s;

  transition: all 0.3s;

}

.btn-small {

  font-size: 10px;

}

.btn-mini {

  font-size: 9px;

}

.btn-large {

  font-size: 14px;

}

.btn-mega {

  font-size: 18px;

  padding: 15px 30px;

}

.btn-primary {

  border-color: #C50F3C
;

  color: #C50F3C
;

}

.btn-primary:hover {

  background: #C50F3C
;

}

.btn-info {

  border-color: #2f96b4;

  color: #2f96b4;

}

.btn-info:hover {

  background: #2f96b4;

}

.btn-success {

  border-color: #51a351;

  color: #51a351;

}

.btn-success:hover {

  background: #51a351;

}

.btn-warning {

  border-color: #f89406;

  color: #f89406;

}

.btn-warning:hover {

  background: #f89406;

}

.btn-danger {

  border-color: #bd362f;

  color: #bd362f;

}

.btn-danger:hover {

  background: #bd362f;

}

.btn-inverse {

  border-color: #222;

  color: #222;

}

.btn-inverse:hover {

  background: #222;

}

.btn-white {

  border-color: #fff;

  color: #fff;

}

.btn-white:hover {

  background: #fff;

  color: #C50F3C
;

}

.pagination {

  margin: 30px 0;

}

.pagination ul {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.pagination ul li a {

  -webkit-border-radius: 0 !important;

  border-radius: 0 !important;

  margin-right: 5px;

  border: 1px solid #e6e6e6;

}

.pagination ul li.active a {

  background: #C50F3C
;

  border-color: #C50F3C
;

  color: #fff;

}

.pagination ul li.prev a:before,

.pagination ul li.next a:before {

  font-size: 11px;

  font-family: 'FontAwesome';

  line-height: 1em;

}

.pagination ul li.prev a:before {

  content: '\f053';

}

.pagination ul li.next a:before {

  content: '\f054';

}

.list {

  list-style: none;

  margin: 0;

}

.post-list .post-thumb {

  margin-bottom: 20px;

}

.post-list .post-thumb:last-child {

  margin-bottom: 0;

}

.post-thumb {

  overflow: hidden;

}

.post-thumb .thumb {

  float: left;

  margin-right: 10px;

}

.post-thumb .inner {

  display: table;

}

.post-thumb .inner >.btn {

  margin-top: 5px;

}

.post-thumb .title {

  margin-bottom: 3px;

  font-size: 15.900000000000002px;

}

.list-icon li {

  margin-bottom: 5px;

  padding-left: 17px;

  position: relative;

}

.list-icon li:last-child {

  margin-bottom: 0;

}

.list-icon li:before {

  color: #6a6a6a;

  line-height: 1.75em;

  font-family: 'FontAwesome';

  position: absolute;

  top: 0;

  left: 0;

}

.list-icon-color li:before {

  color: #C50F3C
;

}

.list-icon.list-icon-star li:before {

  content: '\f005';

}

.list-icon.list-icon-remove li:before {

  content: '\f00d';

}

.list-icon.list-icon-ok li:before {

  content: '\f00c';

}

.list-icon.list-icon-cog li:before {

  content: '\f013';

}

.list-icon.list-icon-comments li:before {

  content: '\f086';

}

.list-icon.list-icon-link li:before {

  content: '\f0c1';

}

.list-icon.list-icon-arrow-right li:before {

  content: '\f061';

}

.list-icon.list-icon-caret-right li:before {

  content: '\f0da';

}

.list-icon.list-icon-chevron-right li:before {

  content: '\f054';

}

.list-icon.list-icon-hand-right li:before {

  content: '\f0a4';

}

.list-icon.list-icon-long-arrow-right li:before {

  content: '\f178';

}

.list-icon.list-icon-thumbs-up li:before {

  content: '\f164';

}

.list-icon.list-icon-thumbs-down li:before {

  content: '\f165';

}

.list-icon.list-icon-user li:before {

  content: '\f007';

}

.list-icon.list-icon-plus li:before {

  content: '\f067';

}

.pricing-table {

  text-align: center;

}

.pricing-table .inner {

  border: 1px solid #e6e6e6;

  padding-bottom: 20px;

}

.pricing-table .specs {

  list-style: none;

  margin: 10px 0 20px 0;

}

.pricing-table .specs li {

  padding: 8px 0;

  border-bottom: 1px solid #e6e6e6;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -ms-transition: 0.3s;

  transition: 0.3s;

  position: relative;

  overflow: hidden;

}

.pricing-table .specs li:first-child {

  border-top: 1px solid #e6e6e6;

}

.pricing-table .specs li:hover {

  background: rgba(89,89,89,0.07);

}

.pricing-table .specs li:hover > [class^="icon-"] {

  color: #595959;

  opacity: 1;

  -ms-filter: none;

  filter: none;

  left: 15px;

}

.pricing-table .specs li > [class^="icon-"] {

  position: absolute;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

  top: 10px;

  left: -10px;

  margin-right: 2px;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

}

.pricing-table .title {

  padding: 10px 0;

  margin: 0;

}

.pricing-table .price {

  margin: 10px 0 0 0;

  padding: 10px 0;

  display: block;

  font-size: 15px;

}

.pricing-table .price b {

  font-size: 25px;

  font-weight: 600;

}

.pricing-table .pricing-icon {

  font-size: 50px;

  display: block;

  margin-bottom: 15px;

}

.pricing-table-featured .pricing-icon {

  color: #C50F3C
;

}

.pricing-table-featured .title {

  background: #C50F3C
;

  color: #fff;

}

.pricing-table-featured .specs li:hover {

  background: rgba(211,34,50,0.07);

}

.pricing-table-featured .specs li:hover > [class^="icon-"] {

  color: #C50F3C
;

}

.testimonial-list {

  list-style: none;

  margin: 0;

}

.testimonial-list .testimonial {

  margin-bottom: 20px;

}

.testimonial-list .testimonial:last-child {

  margin-bottom: 0;

}

.testimonial .inner {

  background: #fff;

  padding: 20px;

  border: 1px solid #d9d9d9;

  position: relative;

  margin-bottom: 22px;

}

.testimonial .inner:before,

.testimonial .inner:after {

  display: block;

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  top: 100%;

}

.testimonial .inner:after {

  border-color: #fff transparent transparent transparent;

  border-width: 18px 18px 0 0;

  left: 20px;

}

.testimonial .inner:before {

  border-color: #d9d9d9 transparent transparent transparent;

  border-width: 20px 20px 0 0;

  left: 19px;

}

.testimonial .author {

  overflow: hidden;

}

.testimonial .author img {

  float: left;

  margin-right: 10px;

}

.testimonial .author .name {

  font-weight: bold;

  margin: bottom 0;

  font-size: 12px;

}

.testimonial-color .inner {

  border: 1px solid #C50F3C
;

  background: #C50F3C
;

}

.testimonial-color .inner blockquote,

.testimonial-color .inner blockquote p {

  color: #fff;

  margin-bottom: 0;

}

.testimonial-color .inner:after {

  border-color: #C50F3C
transparent transparent transparent;

}

.testimonial-color .inner:before {

  border-color: #C50F3C
transparent transparent transparent;

}

.alert {

  -webkit-border-radius: 0;

  border-radius: 0;

}

.progress {

  -webkit-border-radius: 0;

  border-radius: 0;

  background: #d9d9d9;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.progress .bar {

  background: #C50F3C
;

  -webkit-box-shadow: none;

  box-shadow: none;

  text-shadow: none;

  text-align: left;

}

.progress .bar .name {

  margin: 0 0 0 10px;

  font-size: 12px;

  font-weight: 600;

}

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input {

  border: 1px solid #ccc;

  -webkit-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: none;

}

textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus {

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-color: #de3241;

}

.img-hover {

  z-index: 1;

  display: block;

  position: relative;

  background: #ffffff;

  overflow: hidden;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -ms-transition: 0.3s;

  transition: 0.3s;

}

.img-hover >.title {

  z-index: 2;

  position: absolute;

  bottom: 0;

  left: 0;

  margin: 0;

  background: #be1f2d;

  color: #fff;

  width: 100%;

  padding: 5px 7px;

  font-size: 15.6px;

  font-weight: bold;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  height: 28px;

}

.img-hover >.title-center {

  bottom: auto;

  text-align: center;

  top: 50%;

  margin-top: -14px;

}

.img-hover >.hover-title {

  -webkit-transform: translate3d(0, 100px, 0);

  -moz-transform: translate3d(0, 100px, 0);

  -o-transform: translate3d(0, 100px, 0);

  -ms-transform: translate3d(0, 100px, 0);

  transform: translate3d(0, 100px, 0);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -ms-transition: 0.3s;

  transition: 0.3s;

}

.img-hover >.inner {

  z-index: 2;

  position: absolute;

  top: 0;

  left: 0;

  margin: 10px;

  padding: 10px;

  background: #be1f2d;

  color: #fff;

  font-size: 12px;

  line-height: 1.4em;

}

.img-hover >.inner .title {

  color: #fff;

  font-size: 15.6px;

}

.img-hover >.inner p {

  margin-bottom: 0;

}

.img-hover >.hover-inner {

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -o-transition: 0.2s;

  -ms-transition: 0.2s;

  transition: 0.2s;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

}

.img-hover .hover-icon {

  z-index: 2;

  position: absolute;

  display: block;

  text-align: center;

  width: 100%;

  top: 50%;

  font-size: 22.099999999999998px;

  margin-top: -22px;

  -webkit-transform: translate3d(0, 20px, 0);

  -moz-transform: translate3d(0, 20px, 0);

  -o-transform: translate3d(0, 20px, 0);

  -ms-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -o-transition: 0.2s;

  -ms-transition: 0.2s;

  transition: 0.2s;

}

.img-hover .hover-icon:before {

  color: #fff;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border: 2px solid #fff;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -o-transition: 0.2s;

  -ms-transition: 0.2s;

  transition: 0.2s;

  opacity: 0.9;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  filter: alpha(opacity=90);

}

.img-hover >img {

  -webkit-transition: 1.5s;

  -moz-transition: 1.5s;

  -o-transition: 1.5s;

  -ms-transition: 1.5s;

  transition: 1.5s;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -o-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

}

.img-hover:after {

  z-index: 1;

  position: absolute;

  content: '';

  top: 10%;

  left: 10%;

  width: 80%;

  height: 80%;

  border: 2px solid #fff;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -o-transition: 1s;

  -ms-transition: 1s;

  transition: 1s;

}

.img-hover:hover .hover-icon,

.img-hover:hover .hover-title,

.img-hover:hover .hover-inner {

  opacity: 1;

  -ms-filter: none;

  filter: none;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.img-hover:hover >img {

  opacity: 0.5;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  filter: alpha(opacity=50);

  -webkit-transform: scale(1.02) translateZ(0);

  -moz-transform: scale(1.02) translateZ(0);

  -o-transform: scale(1.02) translateZ(0);

  -ms-transform: scale(1.02) translateZ(0);

  transform: scale(1.02) translateZ(0);

}

.img-hover:hover:after {

  opacity: 0.15;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";

  filter: alpha(opacity=15);

}

.comments-list ul {

  margin: 0;

  list-style: none;

}

.comments-list ul li ul {

  margin-left: 60px;

}

.comments-list .comment {

  margin-bottom: 25px;

}

.comments-list .comment .author {

  float: left;

  margin-right: 10px;

}

.comments-list .comment .inner {

  display: table;

}

.comments-list .comment .content {

  margin: 3px 0;

}

.comments-list .comment .name {

  font-weight: bold;

  font-size: 12px;

}

.comments-list .comment .time {

  font-size: 11px;

  margin-right: 10px;

  color: #7a7a7a;

}

.comments-list .comment .comment-like {

  float: right;

  opacity: 0.3;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  filter: alpha(opacity=30);

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -o-transition: 0.2s;

  -ms-transition: 0.2s;

  transition: 0.2s;

  font-size: 11px;

  font-weight: bold;

}

.comments-list .comment .comment-like [class^="icon-"] {

  font-weight: normal;

}

.comments-list .comment .reply [class^="icon-"] {

  font-size: 12px;

}

.comments-list .comment:hover .comment-like {

  opacity: 1;

  -ms-filter: none;

  filter: none;

}

.accordion-group {

  -webkit-border-radius: 0;

  border-radius: 0;

}

.accordion-toggle {

  position: relative;

}

.accordion-toggle:before {

  font-family: 'FontAwesome';

  content: '\f0d7';

  display: block;

  position: absolute;

  right: 15px;

  top: 0;

  font-size: 16px;

  height: 36px;

  line-height: 36px;

}

.accordion-toggle.active {

  background: #C50F3C
;

  color: #fff;

}

.accordion-toggle.active:before {

  content: '\f0d8';

}

.tabbable >.nav {

  margin-bottom: 0;

}

.tabbable >.nav li a {

  -webkit-border-radius: 0;

  border-radius: 0;

  border: none;

}

.tabbable >.nav li.active a {

  background: #C50F3C
;

  color: #fff;

  border: none;

}

.tabbable .tab-content {

  padding: 20px;

  border: 1px solid #d9d9d9;

  border-top: none;

}

/*END TYPOGRAPHY*/

/*SPACINGS*/

header.main {

  padding: 30px 0;

}

.gap {

  display: block;

  position: relative;

  margin: 30px 0 30px 0;

  clear: both;

  overflow: hidden;

}

.gap:after {

  content: '';

  display: table;

}

.gap-small {

  margin: 15px 0 15px 0;

}

.gap-big {

  margin: 60px 0 60px 0;

}

.gap-large {

  margin: 90px 0 90px 0;

}

.gap-top {

  margin-bottom: 0 !important;

}

.gap-bottom {

  margin-top: 0 !important;

}

.gap-border {

  border: 0;

  border-top: 1px solid #ededed;

  border-bottom: 1px solid #fff;

}

/*END SPACINGS*/

/*ELEMENTS*/

.nav-pills > li > a {

  -webkit-border-radius: 0;

  border-radius: 0;

}

.nav-pills > li.active > a {

  background: #C50F3C
;

}

.nav-pills > li.active > a:hover {

  background: #a91b28;

}

.nav-arrow .active {

  position: relative;

}

.nav-arrow .active:after {

  content: '\f054';

  font-family: 'FontAwesome';

  position: absolute;

  color: #fff;

  top: 5px;

  right: 10px;

}

.box-color {

  background: #C50F3C
;

  color: #fff !important;

}

.box-color h1,

.box-color h2,

.box-color h3,

.box-color h4,

.box-color h5,

.box-color a {

  color: #fff;

}

.box-color .service-icon {

  border: 2px solid #fff;

}

.box-color.box-fade {

  background: rgba(211,34,50,0.9);

}

.box-gray {

  background: #f2f2f2;

}

.box-inner-hor {

  padding: 15px 0;

}

.nav-footer {


  list-style: none;

  margin: 0;

  overflow: hidden;

}

.nav-footer li {

  float: left;


  margin-right: 10px;

}

.nav-social {

  list-style: none;

  margin: 0;

  overflow: hidden;

}

.nav-social li {

  float: left;


  margin-right: 10px;

}


.footer2 a {

  font-size: 11px;

  color: #fff;

}

.footer2 a:hover {

 font-size: 11px;

  color: #666;


}

.nav-social li a {

  display: block;

  font-size: 16px;

  width: 30px;

  height: 30px;

  line-height: 30px;

  background: #C50F3C
;

  text-align: center;

  color: #fff;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -ms-transition: 0.3s;

  transition: 0.3s;

}

.nav-social li a:hover {

  background: #941823;

}

header.main .nav-social {

  float: right;

}

header.main .nav-social li a {

  background: none;

  color: #8b8b8b;

  font-size: 17px;

}

header.main .nav-social li a:hover {

  background: #C50F3C
;

  color: #fff;

}

footer.main .nav-social {

  margin-bottom: 1px;

}

.nav-contact {

  list-style: none;

  margin: 0;

}

.nav-contact li {

  margin-bottom: 5px;

}

.nav-contact li [class^="icon-"] {

  display: inline-block;

  width: 10px;

  text-align: center;

  margin-right: 2px;
  

}

.sign-up {

  margin-bottom: 0;

}

.top-area {

  position: relative;

}

.top-title-area {

  background: #C50F3C
;

  margin-bottom: 60px;

}

.bottom-title-area {
  background: #333;
   margin-top: 60px;
     height: 200px;
}

.top-title-area_hp {
  background: #C50F3C;
  margin-bottom: 1px;
}

.top-title-area_hp2 {
  background: #C50F3C;
  margin-bottom: 20px;
}

.vertical-center {

  z-index: 2;

  position: absolute;

  top: 50%;

  width: 100%;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

.vertical-center .title-hero {

  margin-bottom: 0;

  text-align: center;

}

.vertical-center .btn {

  margin-top: 30px;

}

.inner-box {

  padding: 30px;

}

.sidebar-left {

  border-right: 1px solid #e6e6e6;

  padding-right: 30px;

}

.sidebar-right {

  border-left: 1px solid #e6e6e6;

  padding-left: 30px;

}

.show-onload {

  display: none;

}

.bg-mask {

  position: relative;

  width: 100%;

  height: 100%;

}

.bg-mask:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  z-index: 1;

  background: rgba(0,0,0,0.5);

}

.bg-mask-lighten:before {

  background: rgba(0,0,0,0.2);

}

.bg-mask-darken:before {

  background: rgba(0,0,0,0.8);

}

.service-thumb.service-thumb-center {

  text-align: center;

}

.service-thumb.service-thumb-center .service-icon {

  margin-left: auto;

  margin-right: auto;

}

.service-thumb .inner {

  display: table;

}

.service-thumb .inner >.btn {

  margin-top: 7px;

}

.service-thumb .service-icon {

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -ms-transition: 0.3s;

  transition: 0.3s;

  font-size: 30px;

  color: #fff;

  height: 60px;

  width: 60px;

  line-height: 60px;

  background: #C50F3C
;

  display: block;

  text-align: center;

  margin-bottom: 10px;

  text-shadow: 0 1px 1px rgba(0,0,0,0.1);

}

.service-thumb .service-icon:hover {

  background: #941823;

}

.service-thumb .service-icon-border {

  background: none;

  color: #C50F3C
;

  border: 2px solid #C50F3C
;

}

.service-thumb .service-icon-border:hover {

  background: #C50F3C
;

  color: #fff;

}

.service-thumb .service-icon-black {

  background: #333;

  color: #fff;

}

.service-thumb .service-icon-black:hover {

  background: #C50F3C
;

}

.service-thumb .service-icon-black.service-icon-border {

  color: #333;

  border-color: #333;

  background: none;

}

.service-thumb .service-icon-black.service-icon-border:hover {

  background: #C50F3C
;

  border-color: #C50F3C
;

  color: #fff;

}

.service-thumb .service-icon-left {

  float: left;

  margin-right: 15px;

  margin-bottom: 15px;

}

.service-thumb .service-icon-big {

  font-size: 45px;

  height: 120px;

  width: 120px;

  line-height: 120px;

}

.service-thumb .service-icon-big.service-icon-border {

  border-width: 3px;

}

.service-thumb .service-icon-small {

  margin-bottom: 5px;

  font-size: 15px;

  height: 37px;

  width: 37px;

  line-height: 37px;

}

.service-thumb .title {

  margin-bottom: 5px;

}

.animate-icon-flash:hover:before {

  -webkit-animation: flash 1s;

  -moz-animation: flash 1s;

  -o-animation: flash 1s;

  -ms-animation: flash 1s;

  animation: flash 1s;

}

.animate-icon-shake:hover:before {

  -webkit-animation: shake 1s;

  -moz-animation: shake 1s;

  -o-animation: shake 1s;

  -ms-animation: shake 1s;

  animation: shake 1s;

}

.animate-icon-bounce:hover:before {

  -webkit-animation: bounce 1s;

  -moz-animation: bounce 1s;

  -o-animation: bounce 1s;

  -ms-animation: bounce 1s;

  animation: bounce 1s;

}

.animate-icon-tada:hover:before {

  -webkit-animation: tada 1s;

  -moz-animation: tada 1s;

  -o-animation: tada 1s;

  -ms-animation: tada 1s;

  animation: tada 1s;

}

.animate-icon-swing:hover:before {

  -webkit-animation: swing 1s;

  -moz-animation: swing 1s;

  -o-animation: swing 1s;

  -ms-animation: swing 1s;

  animation: swing 1s;

}

.animate-icon-wobble:hover:before {

  -webkit-animation: wobble 1s;

  -moz-animation: wobble 1s;

  -o-animation: wobble 1s;

  -ms-animation: wobble 1s;

  animation: wobble 1s;

}

.animate-icon-pulse:hover:before {

  -webkit-animation: pulse 1s;

  -moz-animation: pulse 1s;

  -o-animation: pulse 1s;

  -ms-animation: pulse 1s;

  animation: pulse 1s;

}

.tooltip {

  -webkit-transform: tralateZ(0);

  -moz-transform: tralateZ(0);

  -o-transform: tralateZ(0);

  -ms-transform: tralateZ(0);

  transform: tralateZ(0);

}

.tooltip-inner {

  -webkit-border-radius: 0;

  border-radius: 0;

}

@-moz-keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }



  25%, 75% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@-webkit-keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }



  25%, 75% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@-o-keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }



  25%, 75% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@-ms-keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }



  25%, 75% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

    -ms-filter: none;

    filter: none;

  }



  25%, 75% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

  }

}

@-moz-keyframes shake {

  0%, 100% {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -o-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -o-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -o-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

  }

}

@-webkit-keyframes shake {

  0%, 100% {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -o-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -o-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -o-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

  }

}

@-o-keyframes shake {

  0%, 100% {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -o-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -o-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -o-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

  }

}

@-ms-keyframes shake {

  0%, 100% {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -o-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -o-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -o-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

  }

}

@keyframes shake {

  0%, 100% {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -o-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -o-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -o-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

  }

}

@-moz-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30%);

    -moz-transform: translateY(-30%);

    -o-transform: translateY(-30%);

    -ms-transform: translateY(-30%);

    transform: translateY(-30%);

  }



  60% {

    -webkit-transform: translateY(-15%);

    -moz-transform: translateY(-15%);

    -o-transform: translateY(-15%);

    -ms-transform: translateY(-15%);

    transform: translateY(-15%);

  }

}

@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30%);

    -moz-transform: translateY(-30%);

    -o-transform: translateY(-30%);

    -ms-transform: translateY(-30%);

    transform: translateY(-30%);

  }



  60% {

    -webkit-transform: translateY(-15%);

    -moz-transform: translateY(-15%);

    -o-transform: translateY(-15%);

    -ms-transform: translateY(-15%);

    transform: translateY(-15%);

  }

}

@-o-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30%);

    -moz-transform: translateY(-30%);

    -o-transform: translateY(-30%);

    -ms-transform: translateY(-30%);

    transform: translateY(-30%);

  }



  60% {

    -webkit-transform: translateY(-15%);

    -moz-transform: translateY(-15%);

    -o-transform: translateY(-15%);

    -ms-transform: translateY(-15%);

    transform: translateY(-15%);

  }

}

@-ms-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30%);

    -moz-transform: translateY(-30%);

    -o-transform: translateY(-30%);

    -ms-transform: translateY(-30%);

    transform: translateY(-30%);

  }



  60% {

    -webkit-transform: translateY(-15%);

    -moz-transform: translateY(-15%);

    -o-transform: translateY(-15%);

    -ms-transform: translateY(-15%);

    transform: translateY(-15%);

  }

}

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30%);

    -moz-transform: translateY(-30%);

    -o-transform: translateY(-30%);

    -ms-transform: translateY(-30%);

    transform: translateY(-30%);

  }



  60% {

    -webkit-transform: translateY(-15%);

    -moz-transform: translateY(-15%);

    -o-transform: translateY(-15%);

    -ms-transform: translateY(-15%);

    transform: translateY(-15%);

  }

}

@-moz-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -moz-transform: scale(0.9) rotate(-3deg);

    -o-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -moz-transform: scale(1.1) rotate(3deg);

    -o-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -moz-transform: scale(1.1) rotate(-3deg);

    -o-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }



  100% {

    -webkit-transform: scale(1) rotate(0);

    -moz-transform: scale(1) rotate(0);

    -o-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@-webkit-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -moz-transform: scale(0.9) rotate(-3deg);

    -o-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -moz-transform: scale(1.1) rotate(3deg);

    -o-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -moz-transform: scale(1.1) rotate(-3deg);

    -o-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }



  100% {

    -webkit-transform: scale(1) rotate(0);

    -moz-transform: scale(1) rotate(0);

    -o-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@-o-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -moz-transform: scale(0.9) rotate(-3deg);

    -o-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -moz-transform: scale(1.1) rotate(3deg);

    -o-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -moz-transform: scale(1.1) rotate(-3deg);

    -o-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }



  100% {

    -webkit-transform: scale(1) rotate(0);

    -moz-transform: scale(1) rotate(0);

    -o-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@-ms-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -moz-transform: scale(0.9) rotate(-3deg);

    -o-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -moz-transform: scale(1.1) rotate(3deg);

    -o-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -moz-transform: scale(1.1) rotate(-3deg);

    -o-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }



  100% {

    -webkit-transform: scale(1) rotate(0);

    -moz-transform: scale(1) rotate(0);

    -o-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -moz-transform: scale(0.9) rotate(-3deg);

    -o-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -moz-transform: scale(1.1) rotate(3deg);

    -o-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -moz-transform: scale(1.1) rotate(-3deg);

    -o-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }



  100% {

    -webkit-transform: scale(1) rotate(0);

    -moz-transform: scale(1) rotate(0);

    -o-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@-moz-keyframes swing {

  20%, 40%, 60%, 80%, 100% {

    -webkit-transform-origin: top center;

    -moz-transform-origin: top center;

    -o-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

  }



  20% {

    -webkit-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  40% {

    -webkit-transform: rotate(-10deg);

    -moz-transform: rotate(-10deg);

    -o-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }



  60% {

    -webkit-transform: rotate(5deg);

    -moz-transform: rotate(5deg);

    -o-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  80% {

    -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }



  100% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@-webkit-keyframes swing {

  20%, 40%, 60%, 80%, 100% {

    -webkit-transform-origin: top center;

    -moz-transform-origin: top center;

    -o-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

  }



  20% {

    -webkit-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  40% {

    -webkit-transform: rotate(-10deg);

    -moz-transform: rotate(-10deg);

    -o-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }



  60% {

    -webkit-transform: rotate(5deg);

    -moz-transform: rotate(5deg);

    -o-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  80% {

    -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }



  100% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@-o-keyframes swing {

  20%, 40%, 60%, 80%, 100% {

    -webkit-transform-origin: top center;

    -moz-transform-origin: top center;

    -o-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

  }



  20% {

    -webkit-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  40% {

    -webkit-transform: rotate(-10deg);

    -moz-transform: rotate(-10deg);

    -o-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }



  60% {

    -webkit-transform: rotate(5deg);

    -moz-transform: rotate(5deg);

    -o-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  80% {

    -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }



  100% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@-ms-keyframes swing {

  20%, 40%, 60%, 80%, 100% {

    -webkit-transform-origin: top center;

    -moz-transform-origin: top center;

    -o-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

  }



  20% {

    -webkit-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  40% {

    -webkit-transform: rotate(-10deg);

    -moz-transform: rotate(-10deg);

    -o-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }



  60% {

    -webkit-transform: rotate(5deg);

    -moz-transform: rotate(5deg);

    -o-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  80% {

    -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }



  100% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@keyframes swing {

  20%, 40%, 60%, 80%, 100% {

    -webkit-transform-origin: top center;

    -moz-transform-origin: top center;

    -o-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

  }



  20% {

    -webkit-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  40% {

    -webkit-transform: rotate(-10deg);

    -moz-transform: rotate(-10deg);

    -o-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }



  60% {

    -webkit-transform: rotate(5deg);

    -moz-transform: rotate(5deg);

    -o-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  80% {

    -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }



  100% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@-moz-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }



  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -moz-transform: translateX(-25%) rotate(-5deg);

    -o-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }



  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -moz-transform: translateX(20%) rotate(3deg);

    -o-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }



  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -moz-transform: translateX(-15%) rotate(-3deg);

    -o-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }



  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -moz-transform: translateX(10%) rotate(2deg);

    -o-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }



  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -moz-transform: translateX(-5%) rotate(-1deg);

    -o-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }



  100% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }



  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -moz-transform: translateX(-25%) rotate(-5deg);

    -o-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }



  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -moz-transform: translateX(20%) rotate(3deg);

    -o-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }



  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -moz-transform: translateX(-15%) rotate(-3deg);

    -o-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }



  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -moz-transform: translateX(10%) rotate(2deg);

    -o-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }



  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -moz-transform: translateX(-5%) rotate(-1deg);

    -o-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }



  100% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@-o-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }



  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -moz-transform: translateX(-25%) rotate(-5deg);

    -o-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }



  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -moz-transform: translateX(20%) rotate(3deg);

    -o-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }



  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -moz-transform: translateX(-15%) rotate(-3deg);

    -o-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }



  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -moz-transform: translateX(10%) rotate(2deg);

    -o-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }



  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -moz-transform: translateX(-5%) rotate(-1deg);

    -o-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }



  100% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@-ms-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }



  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -moz-transform: translateX(-25%) rotate(-5deg);

    -o-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }



  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -moz-transform: translateX(20%) rotate(3deg);

    -o-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }



  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -moz-transform: translateX(-15%) rotate(-3deg);

    -o-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }



  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -moz-transform: translateX(10%) rotate(2deg);

    -o-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }



  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -moz-transform: translateX(-5%) rotate(-1deg);

    -o-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }



  100% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }



  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -moz-transform: translateX(-25%) rotate(-5deg);

    -o-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }



  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -moz-transform: translateX(20%) rotate(3deg);

    -o-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }



  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -moz-transform: translateX(-15%) rotate(-3deg);

    -o-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }



  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -moz-transform: translateX(10%) rotate(2deg);

    -o-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }



  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -moz-transform: translateX(-5%) rotate(-1deg);

    -o-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }



  100% {

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@-moz-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

  }



  100% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

  }



  100% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@-o-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

  }



  100% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@-ms-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

  }



  100% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

  }



  100% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

/*END ELEMENTS*/

/*FORMS*/

.contact-form {

  margin: 0;

}

.contact-form .form-alert {

  display: none;

  margin-bottom: 10px;

}

/*END FORMS*/

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

****************PLUGIN STYLES********************

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

/*FLEXNAV*/

.flexnav {

  margin: 0;

  *zoom: 1;

  position: relative;

  -webkit-transition: 0;

  -moz-transition: 0;

  -o-transition: 0;

  -ms-transition: 0;

  transition: 0;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  -o-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  transform-style: preserve-3d;

  z-index: 100;

}

.flexnav ul {

  list-style: none;

  margin-left: 0;
  

}

.flexnav:after {

  content: '';

  display: table;

  clear: both;

}

.flexnav.one-page {

  position: fixed;

  top: 50px;

  right: 5%;

  max-width: 200px;

}

.flexnav li {

  position: relative;
  

}

.flexnav li.active > a {

  background: #C50F3C
;

  color: #fff;

  border-color: #C50F3C
!important;

}

.flexnav li.active > a:hover {

  background: #C50F3C
;

  color: #fff;

}

.flexnav li a {

  margin: 0;

  position: relative;

  display: block;

  padding: 10px 15px;
  
  color: #fff;
  
   font-weight: bold;

  background: #C50F3C
;

}

.flexnav li > a {

  line-height: 2em;

  text-decoration: none;

}

.flexnav li > a:hover {

  background-color: #333333;

}

.touch-button {

  position: absolute;

  z-index: 999;

  top: 0;

  right: 0;

  width: 44px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  font-family: 'FontAwesome';

  font-size: 15px;

  background: #a91b28;

  color: #fff;

}

.touch-button:before {

  content: '\f078';

  -webkit-font-smoothing: antialiased;

}

.touch-button:hover {

  cursor: pointer;

}

.touch-button.active {

  background: #901722;

}

.touch-button.active:before {

  content: '\f077';

}

.flexnav-menu-button {

  margin-bottom: 10px;

  position: relative;

  display: block;

  padding: 20px 30px;

  cursor: pointer;

  background: #C50F3C
;

  color: #fff;

  font-size: 20px;

}

.flexnav-menu-button.one-page {

  position: fixed;

  top: 0;

  right: 5%;

  padding-right: 45px;

}

.flexnav-menu-button .touch-button {

  background: none;

  width: 60px;

  height: 60px;

  line-height: 60px;

  font-size: 20px;

}

.flexnav-menu-button .touch-button:before {

  content: '\f0c9';

}

@media all and (min-width: 800px) {

.flexnav {

  overflow: visible;

}

.flexnav li {

  overflow: visible;

}

.flexnav li .touch-button {

  display: none;

}

.flexnav li ul {

  z-index: 1;

  width: 200px;

  position: absolute;

  display: none;

}

.flexnav li ul li >