body{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400;}
a,a:focus,a,a:hover{text-decoration:none;}
textarea{resize:none;}

a:focus, a, a:hover, .btn, .btn:focus, .btn:active, .btn:hover, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline: none; text-decoration:none;}

* {box-sizing:border-box;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
.clear {clear: both;}
.hidden {display: none;}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
#mobile-menu{ display:none;}
h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0;}
.star{color:red; float:right; opacity:0.5;}

/* Affix content */
.affix { top: 0; width: 100%; background: #fff !important;  margin: 0 auto; left: 0; right: 0;}
.navbar.affix{box-shadow:0 3px 3px 3px rgba(102, 102, 102, 0.2);}
.sticky-logo{display: none;}
.affix #main-menu .sticky-logo{display: inline-block; float: left; margin-top: 15px; margin-right: 15px;}
.affix #main-menu{background:#fff;}
.affix #main-menu .navbar-collapse{max-width: 1100px; margin: 0 auto;}
.affix #main-menu #navigation{margin-left: 34px;}
.affix #main-menu .navbar-right{background: #fff;}
.affix #main-menu .navbar-nav > li > a,.affix #main-menu .navbar-right > li.active > a{color: #000 !important;}
.affix #main-menu #navigation > li.active > a{color: #fff !important;}

/*top navigation menu*/
.top-bar{background: #434343; padding: 15px 0; color: #fff;}
.top-bar span a{color: #fff; margin-left: 30px;}
.top-bar .social{float: right; margin-left: 64px;}
.top-bar .social ul, .tagline ul{list-style: none;padding: 0;margin: 0; display: inline-block;}
.top-bar .social ul li {display: inline-block; margin-right: 28px;}
.top-bar .social ul li:last-child{margin-right: 0;}
.top-bar .social ul li a {display: inline-block;text-align: center; border-radius:50%; color:#fff; margin-right:5px; line-height:20px;}
.top-bar .social ul li a i{margin-right: 6px;}

.quotes {display: none;}

.navbar{border-radius:0;}
.navbar-header{margin-top: 8px;}
.navbar-header img{margin-left: -15px;}
.tag{margin :30px 0;}
.tag ul{margin-left: -38px;}
.tag ul li{display: inline-block; color: #0b0b0d; font-weight: 500; padding: 10px 7px 15px; border-left: 1px solid #eeeeee; font-size: 107.4%;}
.tag ul li span{color: #858585; font-weight: 300;}

#search-box { margin-top: 36px;}
.sprite { background-image: url("../images/sprite.png"); background-repeat: no-repeat; display: inline-block;}
#search-box .search { background-position: -78px -47px; height: 16px; position: relative; right: 2px; top: 3px; width: 16px;}
#search-box .input-group {border: 1px solid #eee;}
#search-box .form-control {border: none; box-shadow: none; height: 50px; border-radius: 0;}
#search-box .form-control::-moz-placeholder{color:#858586; font-size:16px;}
#search-box .form-control::-webkit-input-placeholder{color:#858586; font-size:16px;}
#search-box .form-control:-moz-placeholder{color:#858586; font-size:16px;}
#search-box .form-control:-ms-input-placeholder{color:#858586; font-size:16px;}
.stylish-input-group:focus,stylish-input-group:active{border:1px solid #ccc;}
#search-box .input-group-addon {background: none; border: none;}
#search-box button {border:0; background:transparent;}
#search-box button i{ color: #999999;}

#mobile-menu #main-menu{ display:none !important;}
#main-menu{padding: 0; background:#292929; border:none;}
.navbar{z-index:99;margin-bottom: 0; position: relative; border:none; background:transparent; transition: all 0.5s cubic-bezier(0.125, 0.75, 0.415, 1) 0s;}
#main-menu ul{ padding:0; list-style-type:none; }
#main-menu ul li{ position:relative;}
#main-menu ul li span.icon{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; color: #fff; position: absolute; right: 0; top: 45%;}
#main-menu ul li a{ text-transform: uppercase; font-weight: 500; background-color:transparent; text-transform:uppercase; color:#fff; font-size:107.1%; padding:28px 23px; display:block; font-family: 'Roboto Condensed', sans-serif;} 

#main-menu ul li a img{margin-right:10px;}
#main-menu ul li a span.caret{margin-left:10px;}
#main-menu ul li.active>a,#main-menu ul li a:hover{color:#ffffff; }
#main-menu ul li ul{ margin:0; opacity:0; visibility:hidden; position:absolute; z-index:10; width:210px; top:85px;  background:#ffffff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; box-shadow:0 2px 3px 2px rgba(0,0,0,.2); }
#main-menu ul li.menu-item-has-children:hover>ul,#main-menu ul li.submenu-one:hover>ul{ opacity:1; visibility:visible; top:75px;}
#main-menu ul li ul li{ margin:0; float:none; position:relative; }
#main-menu ul li ul li a{ color:#616161; font-weight: normal; text-transform:none; padding:10px; margin:0;border-bottom:1px solid #f4f4f4; text-decoration: none;}
#main-menu ul li a:hover,#main-menu ul li.active > a{  color:#fff;}
#main-menu ul li:hover > a{ color1:#ff1f28;}
#main-menu ul li ul li.extra a:after{content: "*"; color: #ff0000; display: inline-block; margin-left: 5px; opacity: 0.5;}
#main-menu ul li ul li a:hover{color:#ff1f28;}
#main-menu ul#navigation > li:hover > a{  color:#fff;}
#main-menu ul li ul li ul{ opacity:0; visibility:hidden; position:absolute; width:210px; top:0; left:220px;}
#main-menu ul li ul li ul li ul{ opacity:0; visibility:hidden; position:absolute; width:210px; top:0; left:220px;}
#main-menu ul li.menu-item-has-children ul li:hover>ul{opacity:1; visibility:visible; top:0; left:210px;}
.navbar-nav > li > a {display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  position: relative;  overflow: hidden;}
.navbar-nav > li > a:before { content: "";  position: absolute;  z-index: -1;  left: 0;  right: 100%;  bottom: 0;  background: #ff1f28;  height: 4px;  -webkit-transition-property: right;  transition-property: right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;  }
.navbar-nav > li > a:hover:before, .navbar-nav > li > a:focus:before, .navbar-nav > li > a:active:before,.navbar-nav > li.active > a, .navbar-nav > li:hover > a, .navbar-nav > li:active > a, .navbar-nav > li:focus > a, .navbar-nav > li.open, .navbar-nav > li.open:hover, .navbar-nav > li.open:active, .navbar-nav > li.open:focus,.navbar-nav > li:hover > a:before{  right: 0;}


#navigation > li > a{padding: 26px 23px; color: #fff; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 107.1%; font-weight: 500;}
#navigation > li > a:focus,#navigation > li.active > a, #navigation > li.active > a:focus,#navigation > .open > a, #navigation > .open > a:focus{background: #ff1f28; color: #fff;}

#main-menu ul li.spl > a, .affix #main-menu ul li.spl > a {background-color: #ff1f28; color: #fff !important;}
.affix #main-menu ul li a {padding:28px 15px;}

#right-nav{background:#474747; margin-right: 0; color: #fff;}
.navbar-right > li > a{padding-top: 26px; padding-bottom: 26px; color:#fff ;text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 107.1%; font-weight: 500;}
#right-nav > li > a:focus,#right-nav > li.active > a, #right-nav > li.active > a:focus,#right-nav > .open > a, #right-nav > .open > a:focus{background-color: #e7e7e7;color: #000 !important ;}

/* Footer content */
.footer-top{background: #222222;}
.footer-top h3{font-family: 'Roboto Condensed', sans-serif;;font-size: 121.4%; color: #f2f2f2; font-weight: 500; text-transform: uppercase; margin-bottom: 20px;}
.footer-top p{color: #d6d6d6; font-size: 107.1%; width: 220px; font-weight: 300;}
.footer-top .aboutus-footer img{margin-bottom: 24px;}
.footer-top ul li a{color: #f2f2f2; font-size: 107.1%; font-weight: 300; text-transform: capitalize;}
.footer-top ul li a:hover,.footer-top ul li a:focus,.footer-top ul li a:active{color: #ff1f28;}
.footer-top ul li a:hover i{left: 0px; color:#ff1f28; }

.footer-top .footer-links ul,.footer-top .services ul{padding: 0; list-style-type: none; margin:0 0 0 6px;}
.footer-top .footer-links ul li{ position: relative; padding: 0 0 12px 20px;}
.footer-top .footer-links ul li:before{content: ""; width: 5px; height: 5px; background-color: #ff1f28; position: absolute; left: 2px; top:8px;  transition: all 0.2s ease-in-out;}
.footer-top ul li *{ transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.footer-top ul li i { position: absolute; left:2px; top: 8px; color: #ff1f28; font-size:5px;}
.footer-top .footer-links ul li:hover:before{left: 0;}

.footer-top .services ul li{position: relative; padding:0 0 10px 20px; border-bottom: 1px solid #2f2f2f; margin-top: 10px;}
.footer-top .services ul li:before{content: ""; width: 5px; height: 5px; background-color: #ff1f28; position: absolute; left: 2px; top:8px;  transition: all 0.2s ease-in-out;}
.footer-top .services ul li:hover:before{left: 0;}
.footer-top .services ul li:last-child{border-bottom: none;}


.footer-top .links{padding-top: 60px; }
.footer-top .links p a{color: #f2f2f2;}
.footer-top .links hr{border-top: 1px solid rgba(255, 255, 255, 0.06); height: 1px; margin: 15px 0 20px;}
.footer-top .links .touch img{margin-top: 10px;}

.footer-top .footer-links,.footer-top .services{padding:0 30px;}
.footer-top .aboutus-footer,.footer-top .footer-links,.footer-top .services{min-height: 465px; border-right: 1px solid #2e2e2e;padding-top: 60px;}

.footer-bottom {padding: 30px 0; }
.footer-bottom p{ font-size: 107.1%; color: #3e3333; font-weight: 300;}
.footer-bottom .social{float: right;}
.footer-bottom .social ul{list-style: none;padding: 0;margin: 0; display: inline-block;}
.footer-bottom .social ul li {display: inline-block; margin-right: 28px;}
.footer-bottom .social ul li:last-child { margin-right: 0;}
.footer-bottom .social ul li a {display: inline-block;text-align: center; border-radius:50%; color:#333333; font-weight: 300; line-height:20px; font-size: 100%;}
.footer-bottom .social ul li a i{margin-right: 10px;}

.footer-bottom .social ul li.fb a i{color: #3b589c;}
.footer-bottom .social ul li.instagram a i{color: #c13584;}
.footer-bottom .social ul li.linkedin a i{color: #1276ba;}
.footer-bottom .social ul li.google-plus a i{color: #d94d33;}

#totop { background: #ff1f28; border-radius: 50%; cursor: pointer; display: block; height: 40px; line-height: 40px; padding: 0; position: fixed; right: 20px; bottom: 20px; text-align: center; width: 40px; z-index: 100; transition: all 0.4s; transform: scale(0); visibility: hidden; opacity: 0;}
#totop i {color: #fff;}

.bounce-right,.btn-banner,.btn-details {  display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  position: relative;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;}
.bounce-right:before , .btn-banner:before , .btn-details:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 0 50%;  transform-origin: 0 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.bounce-right:before { background: #474747;}
.btn-banner:before,.btn-details:before { background: #ff1f28; }
.bounce-right:hover, .bounce-right:focus, .bounce-right:active {  color: #fff;}
.btn-banner:hover, .btn-banner:focus, .btn-banner:active,.btn-details:hover, .btn-details:focus, .btn-details:active {  color: #fff; border: 2px solid #ff1f28;}
.bounce-right:hover:before, .bounce-right:focus:before, .bounce-right:active:before,.btn-banner:hover:before, .btn-banner:focus:before, .btn-banner:active:before ,.btn-details:hover:before, .btn-details:focus:before, .btn-details:active:before  {  -webkit-transform: scaleX(1);  transform: scaleX(1);  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

/*hover effects*/
@-webkit-keyframes hvr-icon {
  16.65% { -webkit-transform: translateY(8px); transform: translateY(8px);}
  33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  49.95% {-webkit-transform: translateY(4px); transform: translateY(4px);}
  66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes hvr-icon {
  16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
  66.6% {-webkit-transform: translateY(-2px); transform: translateY(-2px);}
  83.25% {-webkit-transform: translateY(1px); transform: translateY(1px); }
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

.hvr-icon {  display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;}
.hvr-icon:hover, .hvr-icon:focus, .hvr-icon:active { -webkit-animation-name: hvr-icon;animation-name: hvr-icon;-webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}