/*
----------------------------------------------------------------

MENRI basic styles

Copyright 2017 Md. Enayet Hossain
http://microsystembd.com/
email: mehossain92@gmail.com

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/
body {
  overflow-x: hidden;
font-family: 'Raleway';
    font-size: 14px;
    line-height: 1.75;
    color: #444444;
 
}

.text-muted {
  color: #444444;
}
.subtitle_span{color:#bd1d1d;}
.left_text{text-align:left;}

.text-primary {
  color: #bd1d1d;
}
p {
  font-size: 16px;
  line-height: 1.75;
  font-family: 'Raleway';
  margin: 0 0 24px;
}
p.large {
  font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #bd1d1d;
  text-decoration:none;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #bd1d1d;
  text-decoration:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Open Sans','sans-serif';
}

.img-centered {
  margin: 0 auto;
}
.bg-light-gray {
  background-color: #eeeeee;
}
.bg-darkest-gray {
  background-color: #222222;
}

/* ========= Homepage head section ============== */
header {
  
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
}
header .intro-text {
  padding-top: 100px;
  padding-bottom: 50px;
}
header .intro-text .intro-lead-in {
   font-style: italic;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 25px;
}
header .intro-text .intro-heading {
   text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 25px;
}
.header-container{padding-left:15px; padding-right:15px; width:100%;}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/* ======  Homepage Slider  ======*/

.home-carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.home-carousel .carousel-inner .active {
  opacity: 1;
}
.home-carousel .carousel-inner .active.left,
.home-carousel .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.home-carousel .carousel-inner .next.left,
.home-carousel .carousel-inner .prev.right {
  opacity: 1;
  transform: translate3d( 0, 0, 0);
}
.home-carousel .carousel-control {
  z-index: 2;
}
/*=====  Home Slider Caption ========    */
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 5em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.hero h3 {
    margin-top:10px;
	margin-bottom:30px;
    font-family: 'Raleway';
    font-size:22px;
}

.home-carousel .carousel-inner .item{
    opacity: 0;
 
}
.home-carousel .carousel-inner .item.active {
    opacity: 1;
    -webkit-transition: -webkit-transform .5s ease-in-out;
   -o-transition: -o-transform .5s ease-in-out;
   transition: transform .5s ease-in-out;
}

.home-carousel .slides .slide-1, 
.home-carousel .slides .slide-2,
.home-carousel .slides .slide-3,
.home-carousel .slides .slide-4 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.home-carousel .slides .slide-1 {
   background-image: url("../images/home-slider/homeslider-1.jpg"); 
}
.home-carousel .slides .slide-2 {
   background-image: url("../images/home-slider/homeslider-2.jpg");
}
.home-carousel .slides .slide-3 {
  background-image: url("../images/home-slider/homeslider-3.jpg");
}
.home-carousel .slides .slide-4 {
  background-image: url("../images/home-slider/homeslider-4.jpg");
}

/*======== Top Navigation Bar ===========*/
.navbar-custom {
  background-color: rgba(0,0,0,0.1);
  border-color: transparent;
  margin-bottom:0px;
}
.navbar-custom .navbar-brand {
  color: #bd1d1d;
  padding:0;
  padding-left: 8px;
}

.navbar-brand > img {

  height:65px;

  transition: all 0.3s;
}
.img-logo{max-height:50px;}

nav.shrink .navbar-brand > img{
  width:100%;
  height:24px;
  margin-top:5px;
  transition: all 0.3s;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #fec503;
}
.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.02);
 
}
.navbar-custom .navbar-toggle {
  background-color: #bd1d1d;
  border-color: #bd1d1d;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #36bef0;
}
.navbar-custom .nav li a {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
  font-family: 'Open Sans','sans-serif';
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #bd1d1d;
  outline: none;
}
.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;
  color: white;
  background-color: #bd1d1d;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: white;
  background-color: #bd1d1d;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(0,0,0,0.7);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.navbar-default{left:0;}

.navbar-right {
  margin-right: 0px;
}

.nav-social{font-size:20px; margin-left:20px;}
.nav-social li{display:inline-block;}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
}

.dropdown:hover .dropdown-menu {
  transition-duration: all 0.5secs;
  display: block;
}

/* ==================================== */

/*================= BUTTON Styling.... =============== */
.btn, .btn-default{
    background-color:#bd1d1d;
    color:#fff;
    border-radius:0;
    border:none;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    font-family: 'Open Sans','sans-serif';
}
.btn:hover, .btn-default:hover{background-color:#bd1d1d; color:#fff; border-radisu:0;}
.btn-primary {
  color: white;
  background-color: #bd1d1d;
  border-color: #bd1d1d;
  font-weight: 400;
  transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #bd1d1d;
  border-color: #bd1d1d;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #bd1d1d;
  border-color: #bd1d1d;
}
.btn-primary .badge {
  color: #bd1d1d;
  background-color: white;
}
.btn-xl {
  color: #bd1d1d;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 0px;
  font-size: 16px;
  padding:15px;
  margin-top:10px;
  border:1px solid #bd1d1d;
  background:none;

}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: white;
  background-color: #bd1d1d;
border-color: #bd1d1d;
}

.btn-hero {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 0px;
  font-size: 16px;
  padding:15px;
  margin-top:10px;
  border:1px solid #fff;
  background:none;

}
.btn-hero:hover,
.btn-hero:focus,
.btn-hero:active,
.btn-hero.active,
.open .dropdown-toggle.btn-hero {
  color: white;
  background-color: #bd1d1d;
border-color: #bd1d1d;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
  background-color: #bd1d1d;
  border-color: #bd1d1d;
}
.btn-xl .badge {
  color: #bd1d1d;
  background-color: white;
}

/*========= Main Body Section ===========*/

.subtitle{text-transform:uppercase;}

.go_down{font-size:40px;}
.about_text{padding-top:5em;}
.what_we_do{background:#006699; color:#FFFFFF;}
.text_service{color:#fff;}
.service-subtitle{padding-bottom:5em;}

.counter-row{margin-top:50px;}
.counter-col{padding-bottom:50px; font-weight:bold;}
.counter-col i{
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 120px;
margin: 0;
padding: 40px 0 0;
width: 120px;
}

.counter{
    font-size:56px;
    color:#fff;
    font-family: 'Open Sans','sans-serif';
}
.counter-presuffix{
    font-size:65px;
    color:#fff;
    font-family: 'Open Sans','sans-serif';
}
.box-item{/*padding-top:30px;*/ padding-bottom:30px; font-size:16px;}

.fa-stack{
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
border-bottom-right-radius: 0px;
display: inline-block;
width: 70px;
height: 70px;
margin: 0 auto;
border: 1px solid #bd1d1d;
padding-top: 9px;
font-size: 24px;
color: transparent;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-border-radius: 100px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-bottomright: 0;
border-radius: 100px;
border-bottom-right-radius: 0;

}
.box-item:hover > .fa-stack{
  border-radius: 100%;
   border: 2px solid #bd1d1d; 
  
  transition: all 0.3s;
   background: #bd1d1d;
   border-bottom-right-radius:0;
  }

.service-box{background: rgba(255,255,255,0.3); /* padding-top: 30px; */ padding-bottom:30px;}
.service-box:hover > .pull-left > .fa-stack{
  border-radius: 100%;
 transition: all 0.3s;
  background: #bd1d1d;
  border-bottom-right-radius:0;
  }

section {
 /* padding: 80px 0; */
    padding: 90px 0 60px;
}

.bottom-space{padding-bottom:90px;}
.top-space{padding-top:30px;}

section h2.section-heading {
  font-size: 26px;
  margin-top: 0;
 /* margin-bottom: 15px;*/
}
section h3.section-subheading {
  font-size: 1.1em;
  text-transform: none;
  font-weight: 400;
  padding-bottom: 70px;
  padding-top: 25px;
  margin:0 auto;
  max-width:570px;
  line-height: 1.75;
  font-size:16px;
 /* letter-spacing: 0.2em;*/
}

.service-heading {
  margin: 0;
  text-transform:uppercase;
  padding-top:10px;
  padding-bottom: 5px;
}

/*======== Blog Section ========== */

.blog-header {
  
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
background-image: url('../images/blog-page-back.jpg');
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
color: #fff;
position:relative;
min-height:400px;
}

.blog-header-inner{
	background: rgba(0, 0, 0, 0.7);
position: absolute;
width: 100%;
height: 100%;
float:none;
margin:0 auto;
	
	}

.blog-header .blog-header-inner .breadcrumb {
  
    list-style: none;
	position:absolute;
	top:40%;
	width:100%;
	background:none;
	font-size:20px;
	    
} 

.blog-header .blog-header-inner .breadcrumb .active {
 color:#fff;
	    
}
.single-blog-header
{
position: absolute;
top: 40%;
width: 100%;
background: none;
	
	}

.post-meta
{
padding-top:10px; 
font-family: 'Open sans';
font-size: 14px;
}
.rpost-title{text-transform:none;}
.by-author{
font-family: 'Open sans';
font-size: 14px;
}
.comment-form{margin-top:50px; border:none; background:none;}

/* right sidebar post list */
.media-object{min-width: 70px;}
/*========= */
.comment-list{margin-bottom:40px; margin-top:40px;} 
.comment-list .media-body .media-heading{text-transform:none;}
.comment-list-child .media-body .media-heading{text-transform:none;}
.comment-list-parent{margin-top:0px; margin-bottom:0px;} 
.comment-list-child{margin-top:20px;} 
.media-heading small{text-transform:none;}

.reply-button {
    /*position: absolute;*/
	font-size:14px;
	font-weight:bold;
	text-transform:none;
    right: 25px;
    color: #bd1d1d;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	cursor:default;
}
.blog-social {
    padding: 45px 0 44px;
    text-align: center;
}

.post-social-share li{
	display:inline-block; 
	list-style:none;
	 padding-bottom:16px;
	}

.blog-social .share-item {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
}

.blog-social .facebook {
    background: #3e5b99;
}
.blog-social .twitter {
    background: #259BDB;
}
.blog-social .googleplus {
    background: #d14538;
}
.blog-social .linkedin {
    background: #0177b5;
}
.share-legend{font-size:24px; font-weight:bold;}

.blog-panel {
    margin-bottom: 28px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-horizontal {
    display:table;
    width:100%;
	border-radius:0px;
	margin-top:10px;
}
.panel.panel-horizontal > .panel-horizontal-heading{
    display:table-cell;
}
.panel.panel-horizontal > .panel-body {
    display:table-cell;
	border-radius:0px;
	padding:7px;
}

.panel-horizontal-excerpt{padding-left:15px !important;}
.panel-horizontal-excerpt .readmore{margin-top:-25px;}

.panel.panel-horizontal > .panel-horizontal-heading{
    border:0;
    vertical-align: middle;
}
.panel.panel-horizontal > .panel-horizontal-heading {
    border-right: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
}

.panel-horizontal-heading {
    padding: 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	background:#ededed;
}

.well .category{margin-top:-6px;}
.category{list-style:none;}
.category li:before {
    content: "\00BB";
    font-size:20px;
    padding-right:5px;
    
    
}

.tags a {
    color: #444444;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px;
    border: 1px solid #444;
    padding: 5px 10px;
    display: inline-block;
}

.tags a:hover { 
 color:#fff;
 background:#bd1d1d;
 }
 
.panel-default > .panel-heading .badge  {
    display: inline-block;
    min-width: 50px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    
    border-radius: 0;
    position: absolute;
    float: right;
    background: rgba(0,153,255,0.7);
    right:26px;
}

.panel-default > .panel-horizontal-heading .badge  {
    display: inline-block;
    min-width: 50px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    
    border-radius: 0;
    position: absolute;
    float: right;
    background: rgba(0,153,255,0.7);
   
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #bd1d1d;
    border-color: #bd1d1d;
}

.blog-title{text-transform: none; padding-top: 20px;}
.blog-column{min-height:400px;}
.blog-excerpt{text-align:left; font-size: 14px; margin-bottom: 30px;}
.panel-heading {
  padding: 10px 10px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.blog-row {
    display:none;
   
}

.well-title{margin-bottom:40px;}
.blog-details-image{margin-bottom:40px;}

/* ======== Single page Section============*/
.breadcrumb {
  padding: 8px 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0;
}
.single-page-header {
  padding-bottom: 9px;
  margin-top:0px;
  border-bottom: 1px solid #eee;
  line-height: 30px;
}

.comments-media-object {
  display: block;
  border-radius: 100%;
  max-width:80px;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
box-shadow: none;

}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body{
  border-bottom:2px solid;
}

/* Line Under Every Section Heading */
.g-hr {
	position: relative;
	font-size: 0;
	text-align: center;
	height: 24px;
	/*margin: 2% 0;*/
	width: 100%;
	padding: 0px 0;
	overflow: hidden;
	clear: both;
	}
	.g-hr-h:before,
	.g-hr-h:after {
		display: inline-block;
		content: "";
		height: 1px;
		width: 50%;
		margin-top: 9px;
		vertical-align: top;
		position: relative;
		background-color: #bd1d1d; 
		}
	.g-hr-h:before {
		left: -13px;
		margin-left: -50%;
		}
	.g-hr-h:after {
		left: 13px;
		margin-right: -50%;
		}
		.g-hr-h i {
			font-size: 16px;
			line-height: 20px;
			height: 20px;
			width: 20px;
			vertical-align: top;
			text-align: center;
			color: #bd1d1d; /* variable */
			}
	
	.g-hr.size_small {
		margin: 1% 0;
		}
	
	.g-hr.size_big {
		margin: 3% 0;
		}
	
	.g-hr.type_short {
		width: 30%;
		margin-left: auto;
		margin-right: auto;
		}


/*============Member section========================*/
#member .member-item {
  margin: 0 0 15px;
  right: 0;
  padding-right:5px;
  padding-left:5px;
}
#member .member-item .member-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
#member .member-item .member-link .member-hover {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  cursor:crosshair;

}
#member .member-item .member-link .member-hover:hover {
  opacity: 1;
}
#member .member-item .member-link .member-hover .member-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 40%;
  margin-top: -12px;
  color: white;
}
#member .member-item .member-link .member-hover .member-hover-content i {
  margin-top: -12px;
}
#member .member-item .member-link .member-hover .member-hover-content h3,
#member .member-item .member-link .member-hover .member-hover-content h4 {
  margin: 0;
}
#member .member-item .member-caption {
  max-width: 400px;
  margin: 0 auto;
 
  text-align: center;
 
}
#member .member-item .member-caption h4 {
  text-transform: none;
  margin: 0;
}
#member .member-item .member-caption p {
  font-style: italic;
  font-size: 16px;
  margin: 0;
}
#member * {
  z-index: 2;
}
.member-item img{margin-left:auto; margin-right:auto; width:400px;}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* to change the color of portfolio header and member hover */
.hvr-shutter-in-horizontal:before {background:#bd1d1d;}


.client{margin-bottom: -80px;}

/* ====== Price Table Section ========== */

.price-wrapper {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #9f9f9f;
  font-size: 15px;
}


.package {
  box-sizing: border-box;
  border: 1px solid #444;
  border-radius: 0;
  padding: 24px;
  text-align: center;
  -webkit-transition: margin-top 0.5s linear;
  transition: margin-top 0.5s linear;
  position: relative;
  border-top-right-radius: 50px 11px;
   border-bottom-left-radius: 50px 11px;
margin-bottom: 30px

}

.name {
  color: #565656;
  font-weight: 300;
  font-size: 3rem;
  margin-top: -5px;
}

.pack-price {
    font-size: 14px;
    font-weight: 600;
    padding: 25px;
    color: #bd1d1d;
    border: 1px solid #bd1d1d;
    display: inline-block;
    border-radius: 50%;
    background-color: white;
    position: relative;
    bottom: -15px;
    border-bottom-right-radius: 0;
	margin-bottom: 30px;
}
.package ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-top: 29px;
  margin-bottom: 29px;
}
.package ul li {
  margin-bottom: 15px;
  color:#444;
  font-size:17px;
 
}
.checkIcon {
  font-family: "FontAwesome";
  content: "\f00c";
}
.package ul li::before {
  font-family: "FontAwesome";
  content: "\f00C";
  font-size: 18px;
  /*color: #bd1d1d;*/
  margin-right: 3px;
}

.package ul li.no-service::before {
  font-family: "FontAwesome";
  content: "\f00D";
  font-size: 18px;
  /*color: #bd1d1d;*/
  margin-right: 3px;
}


.popular {
  border: 2px solid #bd1d1d;
  padding-right:0px;
 
}


.label-price {
	border-top-right-radius: 50px 11px;
	border-bottom-left-radius: 30px;
float: right;
top: 0;
margin-top: -26px;

    display: inline;
    padding: .2em .6em .3em;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
   	background:#bd1d1d;
	 
}

/* ============ Testimonial section ========== */

#testimonials{padding-bottom:60px;}

.testimonial-section{padding-bottom: 0; padding-top:0;}
.testimonial-head{padding-top:92px;}

#parallax-testimonials-id {
  background: url("../images/testimonial-back.jpg") 50% 0 fixed;
 margin: 0 auto;
  width: 100%;

}

.quote-top {
    color: #fff;
    text-align: left;
    margin-bottom: -35px;
}
.quote-bottom {
    color: #fff;
    text-align: right;
    margin-bottom: 0px;
}

#testimonial-quote-carousel.carousel {
  padding-bottom: 60px;
}
#testimonial-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-timing-function:linear;
}
#testimonial-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  
}
#testimonial-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#testimonial-quote-carousel.carousel .carousel-indicators li  {
  background-color: #fff;
  border: none;
  border-radius:0px;
  width:15px;
  height:15px;
}
#testimonial-quote-carousel.carousel .carousel-indicators .active{
   width:20px;
  height:20px;
    background-color: #bd1d1d;
}
#testimonial-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#testimonial-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100%;
    border: 2px solid #fff;
    padding: 5px;
}


aside.clients img {
  margin: 50px auto;
}


.portfolio-hover {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  cursor:crosshair;
}
.portfolio-hover:hover {
  opacity: 1;
  background: rgba(0,0,0,0.5);
}
.portfolio-hover .portfolio-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 40%;
 
  color: white;
}

.myportfolios li a.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0px;

}

ul.myportfolios li a.thumbnail .portfolio-inner {
  background: #BD1D1D;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  cursor:inherit;

}

.fa-4{font-size: 50px;}


/* ======== Contact Section ========== */

.contact-section{padding-top:0px; padding-bottom:0px;}

#parallax-contact-id {
  background: url('../images/footer-back.jpg') 50% 0 fixed;
 margin: 0 auto;
  width: 100%;

}
#contact{padding-top:92px; padding-bottom:100px;}

section#contact .section-heading {
  color: white;
}
section#contact .form-group {
  margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}
section#contact .form-group input.form-control {
   display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-top: none;
    border-left: none;
    border-right: none;
}
section#contact .form-group textarea.form-control {
  height: 268px;
   display: block;
    width: 100%;
     padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-top: none;
    border-left: none;
    border-right: none;
}
#contact .form-control:focus {
  border-color: #bd1d1d;
  box-shadow: none;
}
#contact ::-webkit-input-placeholder {
  
  font-weight: 700;
  color: #fff;
}
#contact :-moz-placeholder {
  /* Firefox 18- */
  
  font-weight: 700;
  color: #fff;
}
#contact ::-moz-placeholder {
  /* Firefox 19+ */

  font-weight: 700;
  color: #fff;
}
#contact :-ms-input-placeholder {
 
  font-weight: 700;
  color: #fff;
}
#contact .text-danger {
  color: #e74c3c;
}
.contact-parts{background: rgba(0,0,0,0.3); min-height: 192px; margin-bottom: 25px; padding:10px;}


.contact i {
  padding: 0 20px;
  font-size: 0.8em;
}

.contact h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.5em;
  border: 1px solid #555;
  background-color: rgba(0,0,0,0.6);
  padding-top: 20px;
  height: 75px;
  color: #fff;
  font-weight: 500;
  line-height: 40px;
  padding-left: 50px;
  text-align: center;
}

.contact-subheading{color:#fff;}

#comments {
  margin-top: 0;
}

#contactform {
  height: 215px;
}

#contactform .right {
  float: right;
}

#contactform input, #contactform textarea {
    margin-bottom: 14px;
    width: 100%;
    outline: none;
    border: none;
   
    letter-spacing: 2px;
   
    background: rgba(255,255,255,0.2);
}

#contactform input {
  padding-left: 15px;
  height: 44px;
  border-radius: 0;
}

#contactform textarea {
  padding: 5px;
  height: 52px;
  border-radius: 0;
}

#contactform .btn {
  width: 100%;
  height: 50px;
  border-radius: 0;
  border: 1px solid #bd1d1d;
  background: #1f1f1f;
  color: #fff;
  text-transform:uppercase;
}

#contactform .btn:hover {
  background: #bd1d1d;
}

/* google map section */

.google-maps {
        position: relative;
        padding-bottom: 40%; 
        height: 0;
        overflow: hidden;
        float:none;
        margin:0 auto;
        margin-bottom:20px;
        margin-right: 15px;
        margin-left: 15px;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
/*=========================*/

.form-control {
    
    height: 32px;
    padding: 6px 12px;
   border-radius:0px;
}

.form-field input {
    height: 45px;
    width: 100%;
    border: 1px solid #ddd;
    color: #171313;
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    outline: none;
    -webkit-transition: .5s;
    transition: .5s;
}

/* ======= Footer Section ======== */
footer {
  padding: 25px 0 0 0;
  text-align: center;
  
  background:#404040;
  color:#fff;
}
.footer-main{padding-bottom:25px;}

footer span.copyright {
  line-height: 40px;
  text-transform: uppercase;
  text-transform: none;
}
footer ul.quicklinks {
  margin-bottom: 0;
  line-height: 40px;
   text-transform: uppercase;
  text-transform: none;
}
.footer-widget{text-align:left; font-size:15px; font-family:'Open Sans'}

.footer-list{
  list-style: none;
  line-height: 30px;
}
.footer-list li i{padding-right:5px;}
.footer-list li a{color:#b6b6b6;}
.footer-list li a:hover{color:#fff;}
.footer-logo{margin-top:0px;}
.newsletter-form input, .newsletter-form button {height:44px;}
.footer-bottom{text-align:center; background: #111; position:relative; padding:20px 0 10px 0;}

.footer-bottom a:hover{#fff;}

.going-top{
position: absolute;
top: -25px;
left: 50%;
margin-left: -50px;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 44px solid #111;
}

.scrollup{
position: absolute;
top: 7px;
left: 50%;
width: 50px;
height: 42px;
padding: 5px;
margin-left: -25px;
color: #fff;
font-size: 2em;
text-align: center;
line-height: 36px;
cursor: pointer;
z-index: 9999;
display: block;
	}


.widget-title{
  font-size: 18px;
  padding-bottom: 20px;
}

.go-top {
float: right;
margin-right: 10%;
line-height: 37px;
font-size: 25px;

}

/*========== Footer Social Buttons ========== */

ul.social-buttons {
  margin-bottom: 0;

  
}
ul.social-buttons li a {
  display: block;
  height: 40px;
  width: 40px;
  font-size: 20px;
  line-height: 40px;
  color: white;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  text-align:center;
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
  background-color: #bd1d1d;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}


img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: #bd1d1d;
}

/* for parallex layers.... */
.parallax-section{padding:0px 0;}

#parallax-content-id {
    background: url("../images/parallax-counter-back.jpg") 50% 0 fixed;
    margin: 0 auto;
    width: 100%;
  
}

.parallax-content-inner-id {
    color: #fff;
background:rgba(0,0,0,0.7);
    text-align: center;
	
}

@keyframes
toggle {  0% {
  opacity: 0;
}
  100% {
    opacity: 1;
  }
}

.media-heading {font-size: 14px;}

/*============ Responsive Styles.....
==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    
    .flex-caption{top:30%; font-size:12px;}
            }
        .features li {
       font-size: 13px;
       padding: 12px 1%;
       
       }
    }

    /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 640px) {
    
    #contactform textarea {
  padding: 15px;
  height:52px;
  width:100%
}

.popular {
  margin-top: 0px;
 
}

.service-box .pull-left{
float: none !important;
padding-bottom: 10px;
}

    }
	
	
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
				
     .flex-caption{top:45%; font-size:40px;}
    .header-container{padding-right:0px;}
     header .intro-text {
    padding-top: 300px;
    padding-bottom: 200px;
  }
  header .intro-text .intro-lead-in {
   /* font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-style: italic;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  header .intro-text .intro-heading {
  /*  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75px;
    line-height: 75px;
    margin-bottom: 50px;
  }

  .navbar-custom {
    /* background-color: transparent; */
    padding: 15px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom .navbar-nav > .active > a {
    border-radius: 0px;
  }

  .navbar-custom.affix {
    background-color: rgba(0,0,0,0.7);
    padding: 0;
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }

  section {
   /* padding: 80px 0; */
      padding: 90px 0 60px;
  }

  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }

  #member .member-item {
    margin: 0 0 10px;
    right: 0;
    padding-right:5px;
    padding-left:5px;
  }
 .features li {
       font-size: 13px;
       padding: 12px 1%;
       }
 .blog-page{margin-top:50px;}     
 .blog-meta{font-size:12px; font-family:'Open sans';}
 
 .pricing-subhead{padding-bottom:130px !important;}

.service-box .pull-left{
float: none !important;
padding-bottom: 10px;
}
    }
	
@media only screen and (min-width: 768px) and (max-width: 800px)
 {
.nav > li > a {  padding: 10px 14px;}
	 
	 }
/*  for very small device(i.e android portrait) */
@media only screen and (min-width: 240px) and (max-width: 320px)
{
     .hero{top:66%; font-size: 10px;}
    .hero h3{font-size:12px; font-family: 'Raleway';}

    .service-box .pull-left{
        float: none !important;
        padding-bottom: 10px;
    }
	
		
}

@media only screen and (max-width: 360px)
{
	.navbar-header{background:#fff;}
 	.footer-bottom { margin-top: 20px; }
	.widget-title { margin-top: 40px;  }
	.testimonial-avatar .media-object{float: none; margin: 0 auto;}
}


/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.hero { width: 980px; }    

       #contactform textarea {
  padding: 15px;
  height: 160px;
  border-radius: 0;
} 
.blog-page{margin-top:50px;}
.blog-meta{font-size:12px;}

.full-width-blog{margin-left: 16.66666667%;}
 
    }
	
	@media only screen and (max-width : 992px) {
	 .panel.panel-horizontal > .panel-horizontal-heading{
    display:block;
	width:100%;
}
.panel.panel-horizontal > .panel-body {
    display:block;
	border-radius:0px;
	padding:7px;
	width:100%
}



	}
	
/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
.features li {
       font-size: 15px;
       padding: 12px 12%;
       }
       .blog-page{margin-top:0px;}
       .blog-meta{font-size:14px;}
	   .media-heading {font-size: 18px; padding-bottom: 5px;}
	   .service-box .pull-left{
float: left !important;
padding-bottom: 10px;
}

    }
	
	
@media only screen and (max-width:640px) {
.navbar-custom .navbar-collapse {
  background: rgba(0,0,0,.8);
}

 .hero h1 { font-size: 2em; } 
 
 #contact {
      padding-bottom: 130px;
}
    
	}