@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');
.font{font-family: 'Montserrat', sans-serif; font-family: 'Open Sans', sans-serif;}



.header_holder{ width:100%; padding:10px 0; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.3); position:relative; z-index:999;}
.navigation {
 

}

.brand {
  position: absolute;
  padding-left: 20px;
  float: left;
  line-height: 70px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}

.nav-container {
  max-width: 1000px;
  margin: 0 auto;
}

nav {
  float: right;margin: 0 90px 0 0;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 20px;
  line-height: 63px;
 font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:700;
  color: #161616;
  text-decoration: none; text-transform:uppercase;
}
nav ul li a:hover,
nav ul li a:visited:hover {

  color: #880200; text-decoration:none;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); background:#fff;
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #262626;
  height: 70px;
  width: 70px;
}

@media only screen and (max-width: 798px) {
  .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
    padding: 70px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 799px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

.openBtn {
  background: none;
  border: none;
  padding: 20px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: none;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 35%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 71px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left; height:55px;
  width: 80%;
  background: white;
  font-family: 'Open Sans', sans-serif;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 18px; height:55px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}
.search_one{ width:54px; height:64px; float:left;}
.bhu{ width:54px; height:64px; float:left;padding: 18px 15px;}
.login a{font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:400; color:#000; }
.login a:hover{ text-decoration:none;}
.login{float: left;margin: 19px 0 0 11px;}


.tab-style{
font-size:20px;
width:50%;
background-color:#f2f2f2;
  text-align:center;
  

}
.nav-tabs > li > a {
    margin-right: 0px;
    color:grey;
}



.group2 { 
	position: relative; 
	margin-top: 16px; 
}

.btn-block{margin-top:20px;
margin-bottom:20px;
font-size:18px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {   background-color:#e5ecf4;
color:#4a89dc;}

.login-shadow{-webkit-box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
-moz-box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
  z-index:1;
   
}

.signup-shadow{-webkit-box-shadow: -5px 0px 6px 0px rgba(82,82,82,0.52);
-moz-box-shadow: -5px -5px 6px 0px rgba(82,82,82,0.52);
box-shadow: -5px 0px 6px 0px rgba(82,82,82,0.52);
  
}


.modal-header{}

.group { 
	position: relative; 
	margin-top: 30px; 
}


.input {
	font-size: 18px;
	padding: 10px 10px 10px 5px;
	-webkit-appearance: none;
	display: block;
	background: none;
	color: #636363;
	width: 100%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #757575;
}

.input:focus { outline: none; }


/* Label */

.label {
	color: #757575; 
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: -10px;
	top: 10px;
	transition: all 0.2s ease;
}


/* active */

.input:focus ~ .label, .input.used ~ .label {
	top: -20px;
  transform: scale(.75); left:-15px;
	/* font-size: 14px; */
	color: #4a89dc;
}


/* Underline */

.bar {
	position: relative;
	display: block;
	width: 100%;
}

.bar:before, .bar:after {
	content: '';
	height: 2px; 
	width: 0;
	bottom: 1px; 
	position: absolute;
	background: #4a89dc; 
	transition: all 0.2s ease;
}

.bar:before { left: 50%; }

.bar:after { right: 50%; }


/* active */

.input:focus ~ .bar:before, .input:focus ~ .bar:after { width: 50%; }


/* Highlight */

.highlight {
	position: absolute;
	height: 60%; 
	width: 100px; 
	top: 25%; 
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}


/* active */

.input:focus ~ .highlight {
	animation: inputHighlighter 0.3s ease;
}


@media  screen and (max-width: 767px) and (min-width: 576px){
  #myModal{margin-left:20%;
            margin-right:20%;}

  #forgot-password{margin-left:20%;
            margin-right:20%;}
} 


@media screen and (min-width: 768px) {
	
	#myModal .modal-dialog  {width:500px;}
  
  #forgot-password .modal-dialog{width:500px;}
  
  .modal-body{padding-left:50px;
              padding-right:50px;}
}


.modal-body{background-image:url('http://res.cloudinary.com/rinma/image/upload/v1500489833/Airplane-flying-desktop-pictureproba2_rlcced.jpg');
background-size:cover;
z-inedx:4;}

em{display:none;}
.label{ font-size:14px !important; color:#000 !important; font-family: 'Open Sans', sans-serif; font-weight:400 !important;}
.btn-block{ height:40px !important;}
.banner_holder{ width:100%;}




/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 0;
  background: #fff;

  position: relative;
  zoom: 1;

}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px; display:none;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; display:none;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 52px;
  text-align: center; display:none;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


.box_holder{ width:100%; border-radius:8px 8px 8px 8px; background:url(../images/img_1.jpg) no-repeat center top; background-size:cover;}
.box{ width:100%; background:rgba(0,0,0,0.7); padding:60px 0;border-radius:8px 8px 8px 8px;}
.box h1{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:800; text-transform:uppercase; text-align:center; margin:0; font-size:32px; }
.box h2{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:400; text-transform:uppercase; text-align:center; margin:20px 0 0 0; font-size:23px; line-height:28px; }
.box span{ color:#fdccac; font-weight:800;}


.box_holderone{ width:100%; border-radius:8px 8px 8px 8px; background:url(../images/img_2.jpg) no-repeat center top; background-size:cover;}
.box_holdertwo{ width:100%; border-radius:8px 8px 8px 8px; background:url(../images/img_3.jpg) no-repeat center top; background-size:cover;}

.cate{ padding:60px 0 60px; width:100%;}
.video_holder{ width:100%; padding:60px 0 60px; background:url(../images/bgn-industries.png) no-repeat center top; background-size:cover;}
.im img{ width:100%;}
.svg_img{ width:100%; position:relative;z-index: 99; margin: -127px 0 0 0;}
.text h1{font-family: 'Open Sans', sans-serif; font-size:36px; color:#000; margin:0; font-weight:800;}
.text p{ font-family: 'Montserrat', sans-serif; font-size:15px;color: #595959; line-height:30px; margin:15px 0 0 0;}
.teab_holder{ width:100%; padding:60px 0 134px; background: url(../images/bg_1.jpg) no-repeat center top; background-size:cover;}
.teab_holder h1{ font-family: 'Open Sans', sans-serif; font-size:37px; color:#fff; font-weight:400; text-align:center; line-height:49px; text-transform:uppercase; margin:0;  }
.teab_holder span{ font-weight:800;}
.tab{ margin:33px 0 0 0;}

        
.panel.with-nav-tabs .panel-heading{
    padding: 0 25px 0 25px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #272727;font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase; background:#f5f5f5; border-radius:4px;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #fff;
	border-color: transparent;box-shadow: 1px 6px 9px rgba(0,0,0,0.2);
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #272727;
	background-color: #fff;
	border-color: #ddd; border:none;font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase;
	border-bottom-color: transparent;box-shadow: 1px 6px 9px rgba(0,0,0,0.2);border-radius: 4px;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
.panel-default > .panel-heading{ border:none !important;background-color: none !important;} 
.panel-body{ background:#fff; border-radius:4px 4px 4px 4px;margin: -26px 0 0 0;padding: 50px 40px 50px 40px !important;}
.panel{ border:none !important; background-color:inherit !important;}
.tab-content p{ font-family: 'Open Sans', sans-serif; font-size:23px; text-align:center; margin:0;}
.care{ width:100%; background:#fff; padding:0 0 67px;}
.text_cate h1{ font-size:36px; color:#000; text-align:center; margin:0; text-transform:uppercase;font-family: 'Montserrat', sans-serif; font-weight:700;position: absolute;
margin: 64px auto 0 auto;
left: 0;
right: 0;
z-index: 99; }



.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


.pre{ width:100%; padding:67px 0; background:#eeeeee;}
.pre h1{font-size:36px; color:#000; text-align:center; margin:0; text-transform:uppercase;font-family: 'Montserrat', sans-serif; font-weight:700;}
.card_holder{ width:100%; background: url(../images/bg.jpg) no-repeat center top; padding:30px; border-radius:10px 10px 10px 10px;box-shadow: 0px 20px 40px 0px rgba(0,0,0,.05);margin: 0 0 64px;}
.line{ width:75px; height:6px; background:#880200; margin:19px auto 38px auto;}
.iht{margin: 40px 0 0 0;}
.iht img{ margin:140px auto 0 auto; display:block;}
.card_holder h4{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; margin:20px 0 0 0;}
.card_holder ul{ padding:0; margin:20px 0 0 0; list-style:none;}
.card_holder li{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#2c2c2c; background:url(../images/bu.jpg) no-repeat 0 50%; padding:0 15px 5px;}
.learn{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:700; color:#696969;}
.bol{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:700; color:#890101;}

.card_holderone{ width:100%; background: url(../images/bg1.jpg) no-repeat center top; padding:30px; border-radius:10px 10px 10px 10px;box-shadow: 0px 20px 40px 0px rgba(0,0,0,.05); background-size:cover;}

.card_holderone h4{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; margin:20px 0 0 0;}
.card_holderone ul{ padding:0; margin:20px 0 0 0; list-style:none;}
.card_holderone li{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#2c2c2c; background:url(../images/bu.jpg) no-repeat 0 50%; padding:0 15px 5px;}

.or_im{ width:100%; padding:44px 0; background:#890101;}
.or_im h1{font-family: 'Montserrat', sans-serif; color:#fff; font-weight:700; font-size:40px; margin:0; text-align:center; }
.gallery1{ width:100%; padding:60px 0; background:#fff0cf; height:500px;}
.gallery1 h1 {
    font-size: 36px;
    color: 
    #000;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

#filters {
	margin:34px auto 34px auto;
	padding:0;
	list-style:none; width:227px;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#151515; font-size:15px; font-weight:600;
		cursor: pointer;font-family: 'Open Sans', sans-serif; text-transform:uppercase;
	}
	
	#filters li span.active {
		background: #e95a44;
		color:#fff;
	}
 

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #666;
		cursor:pointer;
	}

	.portfolio img {
		max-width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}

		.portfolio .label-bg {
			background: #e95a44;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
			}
	
	.portfolio:hover .label {
    bottom:0;
  }
	.portfolio:hover img {
    top:-30px;
  }  

	



/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 768px; 
	}
}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

	
	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}		

	#ads {
		display:none;
	}
	
}



.box_im{ width:100%; padding:29px 0 70px 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); margin:67px 0;}
.text_how h1{font-family: 'Open Sans', sans-serif; color:#720c0c; font-size:45px; font-weight:800; text-transform:uppercase; padding:0 0 0 22px; margin: 86px 0 0 0;}
.box_im p{ text-transform:uppercase; color:#000000; font-size:12px;font-family: 'Open Sans', sans-serif; text-align:center; font-weight:600;}
.patner{ width:100%; padding:0 0 60px; background:url(../images/bgn-industries.png) no-repeat center top; }

.patner h1 {
    font-size: 36px;
    color: 
    #000;
    text-align: center;
    margin: 0 0 40px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.imf{ width:100%; margin:0 0 20px;}
.view{ color:#000; text-decoration:none;font-family: 'Open Sans', sans-serif; font-size:15px; display:inline; text-transform:uppercase; padding:0 15px; float:right;}
.testimo{ width:100%; padding: 38px 25px 172px 105px; background:#f5f5f5 url(../images/bgn-cases.png) no-repeat center top;}
.testimo h3{font-family: 'Open Sans', sans-serif; font-weight:700; font-size:29px; margin:0 0 83px; text-transform:uppercase;}
.carousel .testimonial{font-family: 'Open Sans', sans-serif; font-size:15px; line-height:24px; color:#070707;}
.ratin{ width:100%; background:#720c0c;padding: 38px 105px 58px 25px;}
.ratin h3{font-family: 'Open Sans', sans-serif; font-weight:700; font-size:29px; margin:0 0 83px; text-transform:uppercase; color:#fff;}
.holder{float: left;width: 80%;margin: 0 0 0 15px; }
.holder h4{ color:#fff; margin:0;}
.holder p{ margin:0; font-size:14px; color:#fff;}
.cam{ width:100%; padding:67px 0 40px;}
.footer_holder{ background:#353535; padding:126px 0 60px; width:100%;}
.holder_footer h5{font-family: 'Open Sans', sans-serif; font-weight:800; color:#d7d7d7; text-transform:uppercase; font-size:24px; margin:0;}
.hrt img{ float:left; width:24px; height:24px;margin: 0 11px 0 0;}
.hrt h3{ color:#fff;font-family: 'Open Sans', sans-serif; font-weight:400; font-size:20px;}
.hrt{margin: 33px 0 0 0;}
.footer_down{ width:100%; padding:20px 0; background:#595959; color:#fff; font-size:14px; text-align:center;}
.howitworks{ width:100%; background:url(../images/service_bg.png) no-repeat left top;}
.text p{font-family: 'Open Sans', sans-serif;color: #333;}



@media only screen and (max-width: 600px) {
.navigation{z-index: 999;position: relative;}
.nav-mobile{ background:none;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{background: #000;height: 2px;}	
nav{margin: 0 0px 0 0;padding: 70px 0 0px;}
nav ul li a, nav ul li a:visited{border-bottom: solid 1px #eee;}
.svg_img{margin: -67px 0 0 0;}
.box_holder{ margin:0 0 20px;}
.box_holderone{ margin:0 0 20px;}
.video_holder{padding: 0 0 60px;}
.im{ margin:0 0 20px;}
.teab_holder h1{font-size: 24px;line-height: 32px;}
.nav-tabs > li{ float:none !important; margin:0 0 2px !important;}
.wave{ margin: -57px 0 0 0 !important;}
.item img{ width:100%;}
.text_cate h1{font-size: 25px;margin: 14px auto 0 auto;}
.card_holder{background-size: cover;}
.iht img{margin: 51px auto 0 auto;}
.pull-right{ float:none !important; margin:40px 0 0 0;}
.gallery1{height: inherit;}
.text_how h1{ margin: 24px 0 24px 0; text-align:center;}
.imf{ width:inherit; margin: 0 auto 20px auto; display:block; }
.testimo{padding: 38px 25px 63px 29px;}
.carousel-indicators{bottom: -45px !important;}
.holder img{ width:34%;}
.testimo h3{margin: 0 0 30px;}
.ratin h3{margin: 0 0 30px;}
}


@media only screen and (max-width: 568px) {

.navigation{z-index: 999;position: relative;}
.nav-mobile{ background:none;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{background: #000;height: 2px;}	
nav{margin: 0 0px 0 0;padding: 70px 0 0px;}
nav ul li a, nav ul li a:visited{border-bottom: solid 1px #eee;}
.svg_img{margin: -67px 0 0 0;}
.box_holder{ margin:0 0 20px;}
.box_holderone{ margin:0 0 20px;}
.video_holder{padding: 0 0 60px;}
.im{ margin:0 0 20px;}
.teab_holder h1{font-size: 24px;line-height: 32px;}
.nav-tabs > li{ float:none !important; margin:0 0 2px !important;}
.wave{ margin: -54px 0 0 0 !important;}
.item img{ width:100%;}
.text_cate h1{font-size: 25px;margin: 14px auto 0 auto;}
.card_holder{background-size: cover;}
.iht img{margin: 51px auto 0 auto;}
.pull-right{ float:none !important; margin:40px 0 0 0;}
.gallery1{height: inherit;}
.text_how h1{ margin: 24px 0 24px 0; text-align:center;}
.imf{ width:inherit; margin: 0 auto 20px auto; display:block; }
.testimo{padding: 38px 25px 63px 29px;}
.carousel-indicators{bottom: -45px !important;}
.holder img{ width:34%;}
.testimo h3{margin: 0 0 30px;}
.ratin h3{margin: 0 0 30px;}
.cam img{ width:100%;}
	
}


@media only screen and (max-width: 480px) {

.navigation{z-index: 999;position: relative;}
.nav-mobile{ background:none;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{background: #000;height: 2px;}	
nav{margin: 0 0px 0 0;padding: 70px 0 0px;}
nav ul li a, nav ul li a:visited{border-bottom: solid 1px #eee;}
.svg_img{margin: -67px 0 0 0;}
.box_holder{ margin:0 0 20px;}
.box_holderone{ margin:0 0 20px;}
.video_holder{padding: 0 0 60px;}
.im{ margin:0 0 20px;}
.teab_holder h1{font-size: 24px;line-height: 32px;}
.nav-tabs > li{ float:none !important; margin:0 0 2px !important;}
.wave{ margin: -54px 0 0 0 !important;}
.item img{ width:100%;}
.text_cate h1{font-size: 25px;margin: 14px auto 0 auto;}
.card_holder{background-size: cover;}
.iht img{margin: 51px auto 0 auto; width:100%;}
.pull-right{ float:none !important; margin:40px 0 0 0;}
.gallery1{height: inherit;}
.text_how h1{ margin: 24px 0 24px 0; text-align:center;}
.imf{ width:inherit; margin: 0 auto 20px auto; display:block; }
.testimo{padding: 38px 25px 63px 29px;}
.carousel-indicators{bottom: -45px !important;}
.holder img{ width:34%;}
.testimo h3{margin: 0 0 30px;}
.ratin h3{margin: 0 0 30px;}
.cam img{ width:100%;}
.ratin{padding: 38px 25px 58px 25px;}

	
}


@media only screen and (max-width: 384px) {

.navigation{z-index: 999;position: relative;}
.nav-mobile{ background:none;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{background: #000;height: 2px;}	
nav{margin: 0 0px 0 0;padding: 70px 0 0px;}
nav ul li a, nav ul li a:visited{border-bottom: solid 1px #eee;}
.svg_img{margin: -67px 0 0 0;}
.box_holder{ margin:0 0 20px;}
.box_holderone{ margin:0 0 20px;}
.video_holder{padding: 0 0 60px;}
.im{ margin:0 0 20px;}
.teab_holder h1{font-size: 24px;line-height: 32px;}
.nav-tabs > li{ float:none !important; margin:0 0 2px !important;}
.wave{ margin: -36px 0 0 0 !important;}
.item img{ width:100%;margin: 90px 0 0 0;}
.text_cate h1{font-size: 25px;margin: 14px auto 0 auto;}
.card_holder{background-size: cover;}
.iht img{margin: 51px auto 0 auto; width:100%;}
.pull-right{ float:none !important; margin:40px 0 0 0;}
.gallery1{height: inherit;}
.text_how h1{ margin: 24px 0 24px 0; text-align:center;}
.imf{ width:inherit; margin: 0 auto 20px auto; display:block; }
.testimo{padding: 38px 25px 63px 29px;}
.carousel-indicators{bottom: -45px !important;}
.holder img{ width:34%;}
.testimo h3{margin: 0 0 30px;}
.ratin h3{margin: 0 0 30px;}
.cam img{ width:100%;}
.ratin{padding: 38px 25px 58px 25px;}
.testimonial img{ margin:0 !important; }
	
}


@media only screen and (max-width: 375px) {

.navigation{z-index: 999;position: relative;}
.nav-mobile{ background:none;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{background: #000;height: 2px;}	
nav{margin: 0 0px 0 0;padding: 70px 0 0px;}
nav ul li a, nav ul li a:visited{border-bottom: solid 1px #eee;}
.svg_img{margin: -67px 0 0 0;}
.box_holder{ margin:0 0 20px;}
.box_holderone{ margin:0 0 20px;}
.video_holder{padding: 0 0 60px;}
.im{ margin:0 0 20px;}
.teab_holder h1{font-size: 24px;line-height: 32px;}
.nav-tabs > li{ float:none !important; margin:0 0 2px !important;}
.wave{ margin: -36px 0 0 0 !important;}
.item img{ width:100%;margin: 90px 0 0 0;}
.text_cate h1{font-size: 25px;margin: 14px auto 0 auto;}
.card_holder{background-size: cover;}
.iht img{margin: 51px auto 0 auto; width:100%;}
.pull-right{ float:none !important; margin:40px 0 0 0;}
.gallery1{height: inherit;}
.text_how h1{ margin: 24px 0 24px 0; text-align:center;}
.imf{ width:inherit; margin: 0 auto 20px auto; display:block; }
.testimo{padding: 38px 25px 63px 29px;}
.carousel-indicators{bottom: -45px !important;}
.holder img{ width:34%;}
.testimo h3{margin: 0 0 30px;}
.ratin h3{margin: 0 0 30px;}
.cam img{ width:100%;}
.ratin{padding: 38px 25px 58px 25px;}
.testimonial img{ margin:0 !important; }

	
}

@media only screen and (max-width: 360px) {

.navigation{z-index: 999;position: relative;}
.nav-mobile{ background:none;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{background: #000;height: 2px;}	
nav{margin: 0 0px 0 0;padding: 70px 0 0px;}
nav ul li a, nav ul li a:visited{border-bottom: solid 1px #eee;}
.svg_img{margin: -67px 0 0 0;}
.box_holder{ margin:0 0 20px;}
.box_holderone{ margin:0 0 20px;}
.video_holder{padding: 0 0 60px;}
.im{ margin:0 0 20px;}
.teab_holder h1{font-size: 24px;line-height: 32px;}
.nav-tabs > li{ float:none !important; margin:0 0 2px !important;}
.wave{ margin: -36px 0 0 0 !important;}
.item img{ width:100%;margin: 90px 0 0 0;}
.text_cate h1{font-size: 25px;margin: 14px auto 0 auto;}
.card_holder{background-size: cover;}
.iht img{margin: 51px auto 0 auto; width:100%;}
.pull-right{ float:none !important; margin:40px 0 0 0;}
.gallery1{height: inherit;}
.text_how h1{ margin: 24px 0 24px 0; text-align:center;}
.imf{ width:inherit; margin: 0 auto 20px auto; display:block; }
.testimo{padding: 38px 25px 63px 29px;}
.carousel-indicators{bottom: -45px !important;}
.holder img{ width:34%;}
.testimo h3{margin: 0 0 30px;}
.ratin h3{margin: 0 0 30px;}
.cam img{ width:100%;}
.ratin{padding: 38px 25px 58px 25px;}
.testimonial img{ margin:0 !important; }


	
}


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

.navigation{z-index: 999;position: relative;}
.nav-mobile{ background:none;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{background: #000;height: 2px;}	
nav{margin: 0 0px 0 0;padding: 70px 0 0px;}
nav ul li a, nav ul li a:visited{border-bottom: solid 1px #eee;}
.svg_img{margin: -67px 0 0 0;}
.box_holder{ margin:0 0 20px;}
.box_holderone{ margin:0 0 20px;}
.video_holder{padding: 0 0 60px;}
.im{ margin:0 0 20px;}
.teab_holder h1{font-size: 24px;line-height: 32px;}
.nav-tabs > li{ float:none !important; margin:0 0 2px !important;}
.wave{ margin: -36px 0 0 0 !important;}
.item img{ width:100%;margin: 90px 0 0 0;}
.text_cate h1{font-size: 25px;margin: 14px auto 0 auto;}
.card_holder{background-size: cover;}
.iht img{margin: 51px auto 0 auto; width:100%;}
.pull-right{ float:none !important; margin:40px 0 0 0;}
.gallery1{height: inherit;}
.text_how h1{ margin: 24px 0 24px 0; text-align:center;}
.imf{ width:inherit; margin: 0 auto 20px auto; display:block; }
.testimo{padding: 38px 25px 63px 29px;}
.carousel-indicators{bottom: -45px !important;}
.holder img{ width:34%;}
.testimo h3{margin: 0 0 30px;}
.ratin h3{margin: 0 0 30px;}
.cam img{ width:100%;}
.ratin{padding: 38px 25px 58px 25px;}
.testimonial img{ margin:0 !important; }

	
}