@import "animate.css";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Cutive);
@import url(http://fonts.googleapis.com/css?family=Sarina);
/*========================================================
                      Main Styles
=========================================================*/
body {
  background: #2f3236;
  color: #333;
  font: 400 14px/24px 'Roboto', sans-serif;
  -webkit-text-size-adjust: none;
  min-width: 320px;
  background:url(../images/pattern-1.jpg) repeat 0 0;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
h1 {
  font-size: 39px;
  line-height: 49px;
  font-weight: 300;
}
h2 {
  font-size: 57px;
  line-height: 67px;
}
h3 {
  font-size: 34px;
  line-height: 38px;
  font-weight: 100;
}
h4 {
  font-size: 23px;
  line-height: 38px;
  font-weight: 300;
}
h5 {
  font-size: 18px;
  line-height: 22px;
}
h5 a:hover {
  color: #df3735;
}
h6 {
  font-size: 15px;
  line-height: 15px;
}
p {
  color: #666;
}
p a:hover {
  text-decoration: underline;
}
time {
  display: block;
}
a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:active {
  background: transparent;
}
a:hover {
  color: #df3735;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
strong {
  font-weight: 700;
}
.fa {
  line-height: inherit;
}
[class*='fa-']:before {
  font-weight: 400;
  font-family: 'FontAwesome';
}
iframe {
  height: 300px;
  width: 100%;
}
.page {
  overflow: hidden;
  min-height: 500px;
}
.lt-ie9 .page {
  min-width: 1200px;
}
/*=======================================================
                        Components
=========================================================*/
/*========================   Menu   ==========================*/
.sf-menu {
  display: table;
  width: 100%;
  z-index: 2;
  position: relative;
 /* table-layout: fixed;*/
  text-align: center;
}
.sf-menu > li {
  display: table-cell;
  position: relative;
  margin: 0;
}
.sf-menu > li + li {
  margin-left: 30px;
}
.sf-menu a {
  display: block;
}
.sf-menu > li > a {
  display: block;
  color: #FFF;
  line-height: 31px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  padding: 24.5px 0;
}
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover {
  color: #fff;
  background: #ffa841;
}
.sf-menu > li.active > a {
  color: #fff;
  background: #ffa841;
}
.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 235px;
  padding: 30px 0;
  background: #3d4048;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: none;
}
.sf-menu ul > li > a {
  color: #FFF;
  font-size: 14px;
  line-height: 37px;
}
.sf-menu ul > li.sfHover > a,
.sf-menu ul > li > a:hover {
  color: #FFF;
  background: #df3735;
}
.sf-menu ul ul {
  position: absolute;
  top: auto;
  left: 105%;
  width: 100%;
  margin-top: -25px;
  padding: 20px 0;
  z-index: 4;
  background: #df3735;
}
.sf-menu ul ul > li > a {
  color: #FFF;
  background: #df3735;
}
.sf-menu ul ul > li.sfHover > a,
.sf-menu ul ul > li > a:hover {
  color: #FFF;
  background: #3d4048;
}
.sf-menu > li > .sf-with-ul {
  position: relative;
}
.sf-menu > li > .sf-with-ul:before {
  position: absolute;
  left: 50%;
  top: 62%;
  margin-left: -6px;
  content: '\f078';
  font: 400 12px/12px 'FontAwesome';
}
.sf-menu li > ul > li > .sf-with-ul {
  position: relative;
}
.sf-menu li > ul > li > .sf-with-ul:before {
  position: absolute;
  right: 8.5%;
  top: 40%;
  margin-left: -6px;
  content: '\f054';
  font: 400 12px/12px 'FontAwesome';
}
@media (max-width: 1199px) {
  .sf-menu li a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sf-menu {
    display: none;
  }
}
/*==================  Select Menu  ======================*/
.select-menu {
  position: relative;
  display: none;
  margin: 0 auto;
  width: 420px;
  background: #ffffff url('../images/select.png') no-repeat right center;
  overflow: hidden;
}
.select-menu .select {
  width: 440px;
  height: 30px;
  color: #585858;
  background-color: transparent;
  font: 400 15px 'Roboto', sans-serif;
  line-height: 30px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
}
.select-menu .select::-ms-expand {
  display: none;
}
@media (max-width: 767px) {
  .select-menu {
    display: block;
  }
}
@media (max-width: 479px) {
  .select-menu {
    width: 270px;
  }
  .select-menu .select {
    width: 290px;
  }
}
/*==================  Stuck menu  ======================*/
.isStuck {
  /*background-image: url(../images/menu_bg.jpg);*/
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 999;
  border-bottom: 1px solid #333333;
  height: 75px;
  background-color:#275ABF;
}
.isStuck .sf-menu > li > a {
  padding: 22px 0;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*==================     ToTop     ======================*/
.toTop {
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  color: #cccccc;
  position: fixed;
  right: 66px;
  bottom: 180px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
}
.toTop:hover {
  color: #979797;
  text-decoration: none;
}
@media only screen and (max-width: 1399px) {
  .toTop {
    display: none !important;
  }
}
/*==================   Parallax    ======================*/
.parallax {
  background-position: center 0;
  background-repeat: no-repeat;
}
.mobile .parallax,
.tablet .parallax {
  background-position: 50% 0 !important;
  background-size: cover;
}
.parallax1 {
  background-color: #FFF;
  background-image: url(../images/page-5_img07.jpg);
  padding: 35px 0 52px;
}
.parallax1 .btn-big {
  margin-top: 35px !important;
}
.parallax1 h5 {
  text-transform: uppercase;
  font-size: 18px;
}
.parallax1 h3 + h5 {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .parallax {
    background-position: center 0 !important;
    background-size: cover;
  }
}
/*========================================================
                     HEADER  Section
=========================================================*/
.header {
  background: #f6f4f1;
}
.header .brand {
  float: left;
}
.header .nav {
  float: left;
  width: 60%;
  letter-spacing: -1px;
}
.header .social_icons {
  float: right;
}
@media (max-width: 767px) {
  .header {
    text-align: center;
  }
  .header .brand,
  .header .nav {
    float: none;
  }
}
.header .header-top {
 /*background-image: url(../images/menu_bg.jpg);*/
  -webkit-background-size: cover;
  background-size: cover;
  background-color:#275ABF;
}
.header .header-bottom {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: #ccc solid 1px;
}
.header .address {
  float: right;
}
/*==================     Brand     ======================*/
.brand {
  display: inline-block;
}
.brand_name {
  overflow: hidden;
  color: #df3735;
  font-family: 'Sarina', cursive;
  padding-right: 5px;
}
.brand_name a:hover {
  color: #df3735;
}
.brand_name label {
  background: #df3735;
  color: #FFF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 66px;
  width: 66px;
  line-height: 66px;
  text-align: center;
  position: absolute;
  font-size: 33px;
  letter-spacing: -3px;
}
.brand_name a {
  margin-left: 75px;
}
.brand_slogan {
  text-align: right;
  font-family: 'Cutive', serif;
  font-size: 10px;
  margin-top: -17px;
  margin-right: 8px;
  color: #42454e !important;
}
/*==================     Social icons     ======================*/
.social_icons {
  padding: 28px 0;
}
.social_icons li {
  display: inline-block;
}
.social_icons .fa {
  font-size: 14px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  background: #646771;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: #FFF;
}
.social_icons .fa:hover {
  background: #FFF;
  color: #646771;
}
.social_icons li + li {
  margin-left: 2px;
}
/*==================     Address     ======================*/
.address {
  color: #9A9FAC;
  letter-spacing: normal;
}
.address li {
  display: inline-block;
  padding: 20px 15px 5px 45px;
  color:#ffa841;
}
.address li:before {
  font-size: 40px;
  position: absolute;
  margin-left: -28px;
  margin-top: 8px;
}
.address li + li {
  border-left: 1px solid #cecece;
}
.address .fa-phone:before {
  font-size: 29px;
}
.address .fa-map-marker {
  padding-top: 6px;
  padding-left: 47px;
  padding-right: 0;
}
.address p {
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  line-height: 15px;
}
/*=======================================================
                     CONTENT  Layout
=========================================================*/
h5 + p {
  margin-top: 20px;
}
h5 + ul {
  margin-top: 10px;
  color:white;
}
ul + h5 {
  margin-top: 40px;
}
img + h5 {
  margin-top: 25px;
}
.fa + h5 {
  margin-top: 25px;
}
.box4 + .box4 {
  border-top: 3px solid #e6e4e1;
  padding-bottom: 0;
}
.box8 + .box8 {
  padding-top: 20px;
  border-top: 3px solid #c4c2bf;
}
h4 + h5 {
  margin-top: 35px;
}
h3 + h4 {
  margin-top: 5px;
}
/*========================================================
                     CONTENT  Styles
=========================================================*/

/*==================      Well     ======================*/
.well {
  font-family: 'Roboto', sans-serif;
}
.well .thumb_1 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.well .thumb_1 h5 {
  font-size: 20px;
  font-weight: 100;
}
.well .thumb_1 h5 + p {
  margin-top: 17px;
}
.well .thumb_2 {
  padding-top: 30px;
  padding-bottom: 85px;
}
.well .thumb_2 h5 {
  font-weight: 600;
}
.well .thumb_2 .box1 {
  padding-bottom: 32px;
}
.well .thumb_2 img + h5 {
  margin-top: 30px;
}
.well .thumb_2 h5 + p {
  margin-top: 15px;
}
.well .thumb_2 .btn {
  margin-top: 25px;
}
.well .thumb_3 {
  background: #275ABF;
  color: #FFF;
  padding: 20px 0 20px;
}
.well .thumb_4 {
  padding-top: 81px;
  padding-bottom: 42px;
}
.well .thumb_4 .box + .box {
  margin-top: 33px;
}
.well .thumb_4 a {
  margin-top: -3px;
  font-weight: 600;
}
.well .thumb_4 h5 + p {
  margin-top: 10px;
}
.well .thumb_4 .btn {
  padding: 6px 16px 6px 26px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  float: right;
  margin-top: 30px;
}
.well .thumb_4 .btn:before {
  padding-left: 20px;
}
.well .thumb_4 a:hover {
  color: #df3735;
}
.well .thumb_5 {
  border-top: 3px solid #E6E4E1;
  padding: 27px 0 70px;
}
.well .thumb_6 {
  border-top: 3px solid #e6e4e1;
  padding-top: 60px;
  padding-bottom: 80px;
}
.well .thumb_6 .row + .row {
  margin-top: 30px;
}
.well .thumb_6 .btn {
  margin-top: 25px;
}
.well .thumb_6 h5 {
  font-weight: 600;
}
.well .thumb_7 {
  background: #3d4048;
  padding: 55px 0;
}
.well .thumb_8 {
  padding: 27px 0 65px;
}
.well .thumb_9 {
  background: #3d4048;
  padding: 46px 0 58px;
}
.well .thumb_9 .box1 {
  padding-bottom: 32px;
}
.well .thumb_9 .box1 h3 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 600;
}
.well .thumb_9 .box1 p {
  color: #F4A321;
  text-transform: uppercase;
  margin-top: 10px;
}
.well .thumb_10 {
  padding: 64px 0 57px;
}
.well .thumb_11 {
  background: #E6E4E1;
  padding: 67px 0 75px;
}
.well .thumb_11 h3 {
  margin-bottom: 34px;
}
.well .thumb_11 span {
  font-size: 14px;
  font-weight: 600;
}
.well .thumb_11 h5 + p {
  margin-top: 18px;
}
.well .thumb_11 h5 {
  line-height: 18px;
  font-weight: 600;
}
.well .thumb_11 p {
  font-size: 14px;
  line-height: 22px;
}
.well .thumb_12 {
  padding: 0 0 80px;
}
.well .thumb_13 {
  border-top: 3px solid #e6e4e1;
  padding-top: 55px;
  padding-bottom: 80px;
}
.well .thumb_13 .row + .row {
  margin-top: 30px;
}
.well .thumb_13 .btn {
  margin-top: 15px;
}
.well .thumb_13 h5 {
  font-weight: 600;
}
.well .thumb_13 h3 {
  font-weight: lighter;
}
.well .thumb_13 .box1 {
  padding-bottom: 32px !important;
}
.well .thumb_13 .box_aside {
  margin-right: 30px;
}
.well .thumb_14 {
  border-top: 3px solid #e6e4e1;
  padding-top: 55px;
  padding-bottom: 80px;
}
.well .thumb_14 .box1 {
  padding-bottom: 25px;
}
.well .thumb_15 {
  padding-top: 66px;
  padding-bottom: 72px;
}
.well .thumb_15 h5 {
  font-size: 20px;
}
.well .thumb_16 {
  border-top: 3px solid #e6e4e1;
  padding-top: 58px;
  padding-bottom: 85px;
}
.well .thumb_16 .box1 {
  padding-bottom: 30px;
}
.well .thumb_16 .box_aside {
  margin-right: 25px;
}
.well .thumb_16 .row + .row {
  margin-top: 40px;
}
.well .thumb_16 h5 {
  font-weight: 600;
}
.well .thumb_16 h5 + p {
  margin-top: 13px;
}
.well .thumb_16 .btn {
  margin-top: 32px;
}
.well .thumb_16 img + h5 {
  margin-top: 30px;
}
.well .thumb_16 h5 {
  line-height: 25px;
}
.well .thumb_17 {
  padding-top: 64px;
  background: #E6E4E1;
  padding-bottom: 71px;
}
.well .thumb_17 .box1 {
  padding-bottom: 26px;
}
.well .thumb_17 h5 + ul {
  margin-top: 15px;
}
.well .thumb_18 {
  border-top: 3px solid #e6e4e1;
  padding-top: 55px;
  padding-bottom: 60px;
  font-family: 'Roboto', sans-serif;
}
.well .thumb_18 h4 + h5 {
  margin-top: 24px;
}
.well .thumb_19 {
  border-top: 3px solid #e6e4e1;
  padding-top: 58px;
  padding-bottom: 78px;
}
.well .thumb_19 .box + .box {
  margin-top: 25px;
}
.well .thumb_19 .box1 {
  padding-bottom: 26px;
}
.well .thumb_19 h5 {
  font-weight: bold;
}
/*==================  Backgrounds  ======================*/
.bg01 {
  background: #df3735;
}
/*==================     Icons     ======================*/
.fa-flag {
  background: #65676c !important;
}
.fa-trophy {
  background: #65676c !important;
}
.fa-envelope:before {
  font-size: 66px;
}
.fa-mobile-phone:before {
  font-size: 117px;
}
.fa-map-marker:before {
  font-size: 89px;
}
.fuel-box img{
  border: #999 solid 1px;
  padding: 1px;
}
/*==================    Buttons    ======================*/
.btn-big {
  background: #ffa841;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 22px;
  padding: 17px 65px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  text-transform: none;
}
.btn-big:before {
  float: right;
  padding-left: 10px;
}
.btn-big:hover {
  color: #FFF;
  background: #e17a00;
}
.btn {
  background: #ffa841;
  font-size: 12px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 15px;
  margin-top: 20px;
}
.btn:before {
  float: right;
  padding-left: 10px;
}
.btn:hover {
  color: #FFF;
  background: #275ABF;
}
.fa-index {
  color: #FFF;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 36px;
  text-align: center;
  background: #ffa841;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.link {
  padding-top: 45px;
  font-size: 18px;
}
.link a {
  color: #ffa841;
  font-weight: 600;
}
.link a:hover {
  color: #3d4048;
}
/*==================      Marked-list      ======================*/
.marked-list h5 {
  font-size: 14px !important;
  color: #F4A321;
  font-style: normal !important;
  text-transform: uppercase;
  font-weight: 600;
}
.marked-list li {
  position: relative;
  padding-left: 15px;
  line-height: 31px;
}
.marked-list li:before {
  content: '\f105';
  position: absolute;
  left: 0;
  top: 0;
  font: 400 15px 'FontAwesome';
  line-height: inherit;
  color: #F4A321;
}
.marked-list a {
  color: #909090;
  font-style: italic;
  font-size: 12px;
}
.marked-list a:hover {
  color: #df3735;
}
/*==================      Flex-list      ======================*/
.flex-list {
  display: table;
  width: 100%;
  padding: 0 20px 0 5px;
  box-sizing: border-box;

}
.flex-list li {
  display: table-cell;
  text-align: center;
  padding:0 8px;
}
.flex-list img {
  transition: 0.3s;
}
.flex-list img:hover {
  opacity: 0.7;
}
/*==================      Graphic      ======================*/
.name_graph {
  font-size: 22px;
  float: left;
}
.name_graph p {
  padding: 28px 0;
  color: #FFF !important;
  text-transform: none;
}
.content_graph {
  background-image: url("../images/graph-bg.png");
  background-repeat: repeat;
  border-top: 2px solid #5f6167;
  border-bottom: 2px solid #5f6167;
  border-right: 2px solid #5f6167;
  float: right;
  width: 85%;
  max-width: 995px;
  margin-right: 30px;
}
.content_graph p {
  color: #F4A321;
  font-size: 18px;
  margin-left: 103%;
  padding-top: 4px;
  font-weight: 100;
}
.line {
  padding: 17px 0 17px 2px;
}
.first-row .red_line {
  width: 37.5%;
}
.first-row .orange_line {
  width: 18.2%;
}
.second-row .red_line {
  width: 47.5%;
}
.second-row .orange_line {
  width: 25.2%;
}
.third-row .red_line {
  width: 28.4%;
}
.third-row .orange_line {
  width: 12.2%;
}
.fourth-row .red_line {
  width: 96.1%;
}
.fourth-row .orange_line {
  width: 65.6%;
}
.red_line {
  background: #df3735;
  height: 32px;
}
.orange_line {
  background: #f4a321;
  height: 32px;
  margin-top: -18px;
}
.orange_line p {
  padding-top: 20px;
  margin-left: 105%;
}
/*==================      Box      ======================*/
.box:before,
.box:after {
  content: '';
  display: table;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
  margin-right: 19px;
}
.box_cnt {
  overflow: hidden;
}
.box1 {
  padding-bottom: 35px;
}
.box1 h3 {
  font-weight: 100;
}
.box1 h5 {
  font-weight: 600;
}
.box1 p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.box2 p {
  font-size: 12px;
  line-height: 20px;
}
.box2 span {
  font-size: 14px;
  line-height: 14px;
}
.box2 a:hover {
  text-decoration: underline;
  color: #df3735;
}
.box2 a:hover h6 {
  color: #df3735;
}
.box3 {
  border: 2px solid #5f6167;
  padding: 30px 30px 50px;
  box-sizing: border-box;
}
.box3 h3 {
  text-transform: uppercase;
  color: #FFF;
  font-weight: 800;
  margin-bottom: 10px;
  font-size: 32px;
}
.box3 p {
  margin-bottom: 50px;
}
.box3 h5 {
  color: #F4A321;
  text-transform: uppercase;
  font-size: 14px;
}
.box4 {
  padding: 30px 0 20px;
}
.box5 h5 {
  font-style: italic;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 10px;
}
.box5 ul {
  margin-left: 10px;
}
.box5 .marked-list li {
  font-size: 12px;
  font-style: italic;
  color: #909090;
}
.box5 h3 {
  font-size: 34px;
  margin-bottom: 23px;
}
.box6 {
  border-bottom: 3px solid #e6e4e1;
  padding: 30px 0 30px 0;
}
.box6 div {
  padding: 0;
  overflow: hidden;
}
.box6 label {
  list-style: none;
  position: relative;
  font-size: 18px;
  font-weight: 600;
}
.box6 label:before {
  position: absolute;
  content: "";
  border-bottom: 2px dotted #000;
  right: -1005px;
  bottom: 2px;
  width: 1000px;
}
.box6 span {
  float: right;
  background: #f5f6f6;
  padding-left: 5px;
  position: relative;
  font-size: 18px;
  font-weight: 600;
}
.box6 p {
  margin-top: 10px;
}
.box7 h3 {
  text-transform: uppercase;
  float: left;
  margin-top: 13px;
  font-weight: 600;
  font-size: 28px;
  color: #FFF;
}
.box7 .btn-big {
  float: right;
}
.box7 h5 {
  color: #f4a321;
  font-size: 14px;
  float: left;
}
.box8 {
  padding-bottom: 20px;
}
.box8 h5 {
  font-style: italic;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.box8 span {
  font-size: 14px;
  font-style: normal;
}
.box9 {
  text-align: center;
  margin-top: 32px;
}
.box9 .grid_4 {
  position: relative;
}
.box9 .grid_4:before {
  position: static;
  display: inline-block;
  top: 0;
  left: 0;
  width: 85px;
  height: 85px;
  line-height: 85px;
  text-align: center;
  color: #df3735;
  margin-bottom: 25px;
}
.contacts h5 {
  font-weight: 600;
}
/*==================      Position text      ======================*/
.center {
  text-align: center;
}
.first .box6 {
  padding-top: 0;
}
/*==================      Color text      ======================*/
.primary {
  color: #df3735;
}
.default {
  color: #3d4048;
}
.third {
  color: #41454c;
}
.fourth {
  color: #909090;
}
.ital {
  font-style: italic;
}
.f1 {
  font-size: 17px !important;
}
.f2 {
  font-size: 12px !important;
}
.f3 {
  font-size: 18px !important;
}
/*========================================================
                     FOOTER  Styles
=========================================================*/
.footer .brand {
  margin-bottom: 35px;
}
.footer .brand_name {
  font-size: 16px !important;
  line-height: 25px;
}
.footer .brand_name a {
  margin-left: 33px;
}
.footer .brand_name a:hover {
  color: #df3735;
}
.footer .brand_name label {
  font-size: 14px !important;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.footer .brand_slogan {
  font-size: 8px;
  margin-top: -8px;
  margin-right: 0;
  margin-left: 42px;
  color: #FFF;
}
.footer .copyright {
  font-size: 12px;
  line-height: 20px;
  color: #F4A321;
}
.footer .copyright a:hover {
  color: #df3735;
}
.footer .sf-menu {
  width: 50%;
  text-align: left;
}
.footer .sf-menu a {
  font-size: 11px;
  padding: 0;
  color: #979797;
}
.footer .sf-menu a:hover {
  color: #ffa841;
  background: transparent;
}
.footer .sf-menu li.sfHover > a,
.footer .sf-menu > a:hover {
  background: transparent;
}
.footer .sf-menu li.active > a {
  color: #ffa841;
  background: transparent;
}
/*==================      Footer row     ======================*/
.footerrow1 {
  background: #E6E4E1;
  padding: 25px 0;
}
.footerrow2 {
  padding: 30px 0 0px;
  color: #979797;
  /*background:url(../images/footer_bg.jpg) 50% 100% #000 no-repeat;*/
  background-color:#275ABF;
:}
.footerrow2 h5 {
  color: #F4A321;
  text-transform: uppercase;
  font-weight: 300;
}
.footerrow2 li {
  font-size: 12px;
  line-height: 28px;
}
.footerrow2 a:hover {
  color: #F4A321;
}
.footerrow2 p {
  font-size: 11px;
  line-height: 15px;
  color:white;
}
.footerrow2 .tel {
  font-size: 18px;
  margin: 10px 0;
}
.list-footer {
  display: table;
  width: 100%;
  z-index: 2;
  position: relative;
}
.list-footer li {
  display: table-cell;
  position: relative;
  margin: 0;
}
.list-footer li > ul > li {
  display: block;
}
.footerrow3 {
  color: white;
  background:#275ABF;
}
/*==================      Footer box      ======================*/
.footerbox1 {
  border-right: 1px solid #979797;
  box-sizing: border-box;
  min-height: 250px !important;
  padding: 17px 0;
}
.footerbox2 {
  border-right: 1px solid #979797;
  margin-right: 15px;
  box-sizing: border-box;
  min-height: 250px !important;
  margin-left: 100px ! important;
  padding: 17px 0;
}
.footerbox3 {
  border-right: 1px solid #979797;
  margin-right: 15px;
  box-sizing: border-box;
  min-height: 250px !important;
  padding: 17px 0;
}
.footerbox4 {
  box-sizing: border-box;
  min-height: 250px !important;
  padding: 17px 0;
}
/*==================      Footer nav      ======================*/
.footer-nav {
  border-top: 3px solid #d1d1d1;
  padding: 15px 0;
  width: 100%;
}
/*==================      Responsive      ======================*/
@media (max-width: 1199px) {
  .footer .brand_slogan {
    margin-left: 0;
    margin-top: 0;
  }
  .footerbox2 {
    margin-left: 30px !important;
  }
  .btn-big {
    padding: 17px 55px;
  }
  .content_graph {
    width: 85%;
    margin-right: 0;
  }
}
@media (max-width: 1060px) {
  .fourth-row .red_line {
    width: 91.1%;
  }
}
@media (max-width: 979px) {
  .flex-list {
    text-align: center;
  }
  .flex-list li {
    display: inline-block;
  }
  .tel {
    line-height: 20px !important;
    font-size: 16px !important;
  }
  .box6 label {
    font-size: 16px;
  }
  .box6 span {
    font-size: 16px;
  }
  .box_aside img {
    width: 150px;
  }
  .thumb_11 .box_aside {
    float: none;
  }
  .content_graph {
    width: 75%;
  }
  .footer .sf-menu {
    width: 70%;
  }
}
@media (max-width: 817px) {
  .fourth-row .red_line {
    width: 85.1%;
  }
}
@media (max-width: 767px) {
  img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .header-top {
    padding-top: 28px;
  }
  .social_icons {
    width: 100%;
  }
  .flex-list {
    text-align: center;
    display: block;
  }
  .flex-list li {
    display: block;
  }
  .header .address {
    margin-top: 20px;
    float: none;
    text-align: center;
  }
  .header .address li:before {
    margin-left: 0;
    position: relative;
  }
  .header .address .fa-phone:before {
    margin-left: 0;
  }
  .footerrow2 {
    padding: 30px 0px 0px;
    text-align: center;
  }
  .footerbox2 {
    margin-left: 0 !important;
    border-right: none;
    min-height: 0 !important;
  }
  .footerbox1 {
    margin-left: 0 !important;
    border-right: none;
    min-height: 0 !important;
  }
  .footerbox3 {
    margin-left: 0 !important;
    border-right: none;
    min-height: 0 !important;
  }
  .footerbox4 {
    margin-left: 0 !important;
    border-right: none;
    min-height: 0 !important;
  }
  .list-footer li {
    display: block;
    text-align: center;
    font-size: 15px;
  }
  .list-footer .footerbox + .footerbox {
    margin-top: 40px;
  }
  .footer-nav {
    border-top: none;
  }
  .well .thumb_4 .btn {
    float: none;
  }
  .box7 .btn-big {
    float: none;
  }
  .box7 h3 {
    float: none;
  }
  .box7 h5 {
    float: none;
  }
  .box7 div {
    margin-bottom: 35px;
  }
  .content_graph {
    width: 70%;
  }
  .content_graph p {
    font-size: 14px;
  }
  .content_graph .red_line {
    padding: 0;
  }
  .content_graph .orange_line {
    padding: 0;
  }
  .name_graph {
    font-size: 16px;
  }
  .name_graph p {
    padding: 22px 0;
  }
  .box_aside {
    float: none;
    margin-bottom: 10px;
    text-align: center;
  }
  .content_graph p {
    margin-left: 100%;
  }
  .line {
    padding: 10px 0 10px 2px;
  }
  .fourth-row .red_line {
    width: 87.1%;
  }
  .footer-nav {
    display: none;
  }
}
@media (max-width: 479px) {
  .address li {
    padding-left: 0;
  }
  .address .fa-map-marker {
    padding-left: 0;
  }
  .address li + li {
    border: none;
  }
  h3 {
    font-size: 25px;
    line-height: 25px;
  }
  h4 {
    font-size: 20px;
    line-height: 20px;
  }
  h5 {
    font-size: 16px;
  }
  .box7 h3 {
    font-size: 25px;
  }
  .btn-big {
    font-size: 14px;
    line-height: 14px;
  }
  .box5 h3 {
    font-size: 25px;
  }
  .box6 {
    padding: 15px 0;
  }
  .box6 label:before {
    border-bottom: none;
  }
  .box6 span {
    font-size: 16px;
    float: none;
  }
  .row + .row {
    margin-top: 10px;
  }
  .well .thumb_9 .box1 h3 {
    font-size: 25px;
  }
  .content_graph {
    width: 65%;
    margin-right: 0;
  }
  .name_graph {
    font-size: 14px;
  }
  .name_graph p {
    padding: 22px 0;
  }
  .header .address {
    margin-top: 20px;
    float: none;
  }
}



.carousel {
	position:relative;
	margin-bottom: 140px;
}
.carousel-inner {
	position:relative;
	width:100%;
	overflow:hidden;
	background:url(../images/loader.gif)  no-repeat 50% 50%;
}
.carousel-inner>.item {
	position:relative;
	display:none;
-webkit-transition:.6s ease-in-out left;
-o-transition:.6s ease-in-out left;
transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height:1
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition:-webkit-transform .6s ease-in-out;
-o-transition:-o-transform .6s ease-in-out;
transition:transform .6s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000px;
perspective:1000px
}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {
left:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
left:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
left:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display:block
}
.carousel-inner>.active {
	left:0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position:absolute;
	top:0;
	width:100%
}
.carousel-inner>.next {
	left:100%
}
.carousel-inner>.prev {
	left:-100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left:0
}
.carousel-inner>.active.left {
	left:-100%
}
.carousel-inner>.active.right {
	left:100%
}
/*.carousel-control {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:15%;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0, 0, 0, .6);
	filter:alpha(opacity=50);
	opacity:.5
}
.carousel-control.left {
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image:linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat:repeat-x
}
.carousel-control.right {
	right:0;
	left:auto;
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-image:-o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
	background-image:linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat:repeat-x
}

.carousel-control:focus, .carousel-control:hover {
	color:#fff;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block;
	margin-top:-10px
}
.carousel-control .fa-chevron-left, .carousel-control .icon-prev {
	left:50%;
	margin-left:-10px
}
.carousel-control .fa-chevron-right, .carousel-control .icon-next {
	right:50%;
	margin-right:-10px
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	width:20px;
	height:20px;
	font-family:serif;
	line-height:1
}
.carousel-control .icon-prev:before {
	content:'\2039'
}
.carousel-control .icon-next:before {
	content:'\203a'
}*/
.carousel-indicators {
	position:absolute;
	bottom:-100px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none
}
.carousel-indicators li {
	display:inline-block;
	width:180px;
	height:90px;
	margin:1px;
	/*text-indent:-999px;*/
	cursor:pointer;
	background-color:#000\9;
	background-color:rgba(0, 0, 0, 0);
	border:1px solid #999;
	opacity:0.7;
}
.carousel-indicators li:hover
{
opacity:1;
}
.carousel-indicators .active {
	width:180px;
	height:90px;
	margin:1px;
	opacity:1;
	/*background-color:#fff*/
}
.carousel-caption {
	position:absolute;
	right:15%;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0, 0, 0, .6);
	 bottom: 50px;
  background: rgba(225, 225, 225, 0.6);
  border-radius: 10px;

}
.carousel-caption h2, .carousel-caption p{color:#fff;}

.carousel-caption .btn {
	text-shadow:none
}



.carousel-control2 {
	position:absolute;
	bottom:-60px;
	left:0;
	width:auto;
	font-size:28px;
	color:#999;
	text-align:center;
	filter:alpha(opacity=50);
	opacity:.5;
	z-index:20;
}
.carousel-control2.left2 {
left:25%;
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image:linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat:repeat-x
}
.carousel-control2.right2 {
	right:25%;
	left:auto;
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-image:-o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
	background-image:linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat:repeat-x
}

.carousel-control2:focus, .carousel-control2:hover {
	color:#333;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carousel-control2 .fa-chevron-left, .carousel-control2 .fa-chevron-right, .carousel-control2 .icon-next, .carousel-control2 .icon-prev {
	position:absolute;
	top:0;
	z-index:25;
	display:inline-block;
	margin-top:-10px
}
.carousel-control2 .fa-chevron-left, .carousel-control2 .icon-prev {
	right:0;
	margin-left:-10px
}
.carousel-control2 .fa-chevron-right, .carousel-control2 .icon-next {
	right:0;
	margin-right:-10px
}
.carousel-control2 .icon-next, .carousel-control2 .icon-prev {
	width:20px;
	height:20px;
	font-family:serif;
	line-height:1
}
.carousel-control2 .icon-prev:before {
	content:'\f0a8'
}
.carousel-control2 .icon-next:before {
	content:'\f0a9'
}

/* Contact Form Input
========================================================*/
#contact-form input[type='text'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 100 18px 'Roboto', sans-serif;
  line-height: 24px;
  padding: 10.5px 20px 10.5px;
  color: #979797;
  background-color: transparent;
  border: 2px solid #e6e4e1;
  width: 100%;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  height: 45px;
  margin: 0;
}
/* Contact Form Buttons
========================================================*/
#contact-form .btn-wr {
  color: #FFF;
  font-size: 22px;
  text-align: center;
  background: #ffa841;
  font-family: 'Roboto', sans-serif;
  line-height: 22px;
  padding: 17px 65px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  clear: both;
  width: 270px;
  margin: 0 auto;
}
#contact-form .btn-wr:hover {
  background: #3d4048;
}
/* Contact Form Textarea 
========================================================*/
#contact-form textarea {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 100 18px 'Roboto', sans-serif;
  line-height: 24px;
  padding: 10.5px 20px 10.5px;
  color: #979797;
  background-color: transparent;
  border: 2px solid #e6e4e1;
  width: 100%;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  resize: none;
  height: 164px;
  overflow: auto;
}
/* Contact Form Error messages
========================================================*/
#contact-form .empty-message,
#contact-form .error-message {
  -moz-transition: 0.3s ease-in height;
  -o-transition: 0.3s ease-in height;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 3px;
  top: 2px;
  color: red;
  height: 0;
  overflow: hidden;
  font-size: 11px;
  z-index: 99;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 14px;
  line-height: 14px;
}
/* Contact Form Processing Box
========================================================*/
#contact-form .contact-form-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  overflow: hidden;
  background: rgba(247, 247, 247, 0.48) url(data:image/gif;base64,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);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.lt-ie9 #contact-form .contact-form-loader {
  filter: alpha(opacity=0);
}
#contact-form.processing .contact-form-loader {
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.7;
  z-index: 99;
}
.lt-ie9 #contact-form.processing .contact-form-loader {
  filter: alpha(opacity=70);
}
/* Contact Form Modal
========================================================*/

@media screen and (min-width:768px) {
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width:30px;
height:30px;
margin-top:-15px;
font-size:30px
}
.carousel-control .fa-chevron-left, .carousel-control .icon-prev {
margin-left:-15px
}
.carousel-control .fa-chevron-right, .carousel-control .icon-next {
margin-right:-15px
}
.carousel-caption {
right:20%;
left:20%;
padding-bottom:30px;

}
.carousel-indicators {
bottom:-110px
}
}
@media screen and (max-width:1192px) {
.carousel-control2.left2{left:15%}
.carousel-control2.right2{right:15%}
}
@media screen and (max-width:948px) {

.carousel-indicators{
bottom:-70px;
}
.carousel-indicators li{
width:100px;
height:50px;
}
.carousel-indicators .active{
width:100px;
height:50px;
}
.carousel-control2{
  bottom: -45px;
  font-size: 24px;

}
.carousel-control2.left2{left:23%}
.carousel-control2.right2{right:23%}
}
@media screen and (max-width:767px) {
.carousel-caption {
display:none;
}
.hidden-xxs{display: none !important;}
.carousel-control2.left2{left:17%}
.carousel-control2.right2{right:17%}
}
@media screen and (max-width:548px) {

.carousel-indicators {
  width: 80%;
    left: 40%;
}
.carousel-control2 {
  bottom: -40px;
  font-size: 20px;
}
.carousel-control2.left2{left:10%}
.carousel-control2.right2{right:10%}

}
@media screen and (max-width:420px) {
.carousel-indicators li{
width:60px;
height:30px;
}
.carousel-indicators .active{
width:60px;
height:30px;
}
.carousel-indicators {
  bottom: -40px;
}
.carousel-control2.left2{left:7%}
.carousel-control2.right2{right:7%}
.carousel-control2 {
  bottom: -25px;
}

}
@media screen and (max-width:320px) {


}