/*!
 * Start Bootstrap - Portfolio Item (https://startbootstrap.com/template-overviews/portfolio-item)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-portfolio-item/blob/master/LICENSE)
 */



body{
	/*font-family: calibri;*/
	font-family: 'Open Sans', sans-serif;

}
.meroon-clr{
	color: meroon;
}
.green-clr{
	color: green;
}
.blue-clr{
	color: blue;
}
.orange-clr{
	color: #ff452b ;
}
.mt-50{
	margin-top:50px;
}
.mt-20{
	margin-top:20px;
}
ul{
	margin: 0;
	padding:0;
}
ul li{
	list-style-type:none;
}
.navbar-inverse{
	background-color: transparent !important;
}
.navbar{
	border: none !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
	background-color: #fff !important;
	color: #ff452b ;
	
}
.navbar-nav > .active:after{
	content: "";
	position:absolute;
	display: inline-block;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left: 5px solid #ff452b ;
}
.navbar-inverse .navbar-nav > li > a{

    font-weight: 700;
    color: #222222;
    font-size: 15px ;
    font-family: Open Sans;

}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
	background-color: none !important;
	color: #000;
	
}
.navbar-collapse{
	padding: 20px;
}
.online-btn{
	border-radius: 25px;
	border: 1px solid #ff452b ;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border: none;
}
.navbar-toggle{
	background-color: #000;
	margin-top: 20px;
}
/*-------menu end------------*/
.nopadding{
	padding: 0 !important;
	margin: 0 !important;
}
h1.main-head {
	color: #ff452b ;
    font-family: Raleway !important;
    font-weight:bold;
	
}
.intro-txt{
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0;
}
.intro-address{
	font-size: 20px;
	line-height: 30px;
	padding: 1px 0;
	font-weight: bold;
}
.section-head{
	text-align: center;
	padding: 15px 0;
}
span.feature-subhead{
	padding-bottom: 10px;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
}
.container.quotatiion-container{
	padding: 10px 0;
}
.co-title{
	line-height:25px;
}
.container.quotatiion-container p{
	font-size: 24px;
	line-height: 26px;
	padding: 10px 0;
	font-weight: bold;
	text-align: right;
}
.container.quotatiion-container a{
	display: inline-block;
	font-size: 20px;
	line-height: 26px;
	padding: 10px 20px;
	color: #fff;
	border-radius: 20px;
	background-color: #ff452b;
	text-decoration:none;
}
.col-centered {
    float: none;
    margin: 0 auto;
    padding:0px;
}

.carousel-control { 
    width: 8%;
    width: 0px;
	top: auto !important; 
	bottom: -30px;
}
.carousel-control.left{
	left: 50%;
}

.carousel-control.right{
	right: 45%;
}
.arrow-left{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid blue;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    /*margin-left: 32px; */
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
	  font-size: 29px !important;
}
.active > div { display:none; }
 .active > div:first-child { display:inline-block; float: left; }
.carousel-col a{
	display: block;
}
.contact-bg{
	background-color: #ccc;
	margin-right:0px;
}
.contact-block p:first-child{
	font-size: 26px;
	font-weight: bold;
	padding-top: 20px;
}
.contact-block a{
	display: inline-block;
	color: #ff452b ;
	padding: 10px 25px;
	margin-top: 15px;
	border-radius: 25px;
	border: 1px solid #ff452b ;
	font-weight: bold;
}
.contact-block p:first-child span{
	font-style: italic;
	font-weight: normal;
}
.crackers {
    border-radius: 20px;
    border: 1px solid red;
   width: 165px !important;
    text-align: center;
    left:2%;
    line-height:20px;
}
.crackers > a {
    font-size: 12px !important;
}
footer .container{
	border-top: 1px solid #ccc;
}
.footer-menu li{
	display: inline-block;
}
.footer-menu li a{
	color: #000;
	padding-right: 15px;
}
a.footer-link{
	color: #000;
	text-decoration: underline;
	padding-top: 20px;
	display: inline-block;
}
.copy-right-txt{
	padding: 50px 0;
}
/*------modal-------*/
.modal{
	padding-right: 0 !important;
}
.modal-dialog{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.modal-content{
	height: auto;
	min-height: 100%;
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0.9)!important;
}
.modal-rght-txt .popup-head{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.modal-rght-txt table tr td:last-child{
	font-weight: bold;
}
.modal-rght-txt table tr td{
	font-size: 16px;
	padding: 5px 10px 5px 0;
}
	
.popup-contact{
	background-color: #ccc;
	margin: 30px 15px;
}
.modal-rght-txt p{
	font-size: 16px;
}
.modal-container{
	padding-top: 50px;
}
.modal-close{
	position: fixed;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
}
.modal-header{
	border: none;
}
.input-container{
	padding: 10px;
}
.input-container input{
	width: 100%;
	border: none;
	background-color: #EEE;
	padding: 5px 10px;
	font-size: 18px;
}
.input-outer{
	border: 1px solid #ccc;
	padding: 15px;
	background-color: #fff;
}
.input-container input[type="submit"]{
	background-color: #2727DB;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}
form > .input-container{
	padding: 0 25px;
}
span.arrow{
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 20px;
	
}
.left-arrow{
	background-image: url("../images/left-arrow.png");
}
.right-arrow{
	background-image: url("../images/right-arrow.png");
}
/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev	     { left: -50%; }
  .carousel-col                { width: 100%; }
	.active > div:first-child + div { }
	
	.footer-menu li{
		display: block;
	}

	.contact-bg{
		padding-bottom: 40px;
	}
	.carousel-control.left{
	left: 35%;
}

	.carousel-control.right{
		right: 35%;
	}
}
@media (min-width: 325px) and (max-width: 750px) {
    h1.main-head{font-size:20px;}
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev	     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:inline-block; float: left;}
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev	     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:inline-block; float: left;}
  .active > div:first-child + div + div { display:inline-block; float: left;}
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right{ left:  33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev	     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:inline-block; float: left;}
  .active > div:first-child + div + div { display:inline-block; float: left;}
	.active > div:first-child + div + div + div { display:inline-block; float: left;}
}

.block {
	width: 100%;
	padding: 5px;
}

.red {background: red;}

.blue {background: blue;}

.green {background: green;}

.yellow {background: yellow;}

.profile-img-container:hover img {
    opacity: 0.5;
}

.profile-img-container:not(:hover) .profile-img-i-container {
    display: none;
}

.profile-img-i-container {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 500;
    text-align:center;
}


.icon {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.fa-user:hover {
  color: #ccc;
}

@media (max-width: 767px) {
	.navbar-collapse {
		padding: 25px;
	}
	.container.quotatiion-container, .container.quotatiion-container p{
		text-align: center;
		
	}
	
}
/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}


/*********************** Demo - 6 *******************/
.box6{background:#000;position:relative}
.box6:after{background:rgba(0,0,0,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.box6:hover:after{transform:skew(20deg) translateX(0)}
.box6 img{width:100%;height:auto}
.box6:hover img{opacity:.5}
.box6 .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1}
.box6 .icon,.box7 .icon{padding:0;list-style:none}
.box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{text-align:center}
.box6 .title{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;transform:scale(0)}
.box6:hover .title{transform:scale(1)}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{background:#605f5f;color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}

/*********************** Demo - 7 *******************/
.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background:rgba(240, 243, 246, 0.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border:2px solid #0dab76;top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#555;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#555;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;font-size:18px;color:#555;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}