@import url (https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600);



body {

	margin:0px;

	padding:0px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

	overflow-x:hidden; position:relative; line-height:1.6; font-family:font-family: 'Roboto', sans-serif;

}

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

a {

    color: #cf000f;

    text-decoration: none;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



 ul {

    list-style: none;

    margin: 0;

	padding:0;

}

a:focus, a:hover, a:active{ text-decoration:none;color: #000; outline:none;}

.nav>li>a:focus, .nav>li>a:hover{ background:none;}	

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:none;}

.spacer5 {

	width:100%;

	float:left;

	padding:5px;

}

.spacer10 {

	width:100%;

	float:left;

	padding:10px;

}

.spacer15 {

	width:100%;

	float:left;

	padding:15px;

}

.spacer20 {

	width:100%;

	float:left;

	padding:20px;

}



 .affix {

      top:0;

      width: 100%;

      -webkit-transition: all .4s ease-in-out;

      transition: all .4s ease-in-out;

	  z-index:9999;

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.9)), color-stop(25%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,.4)));

    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,.4) 100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,.4) 100%);

    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,.4) 100%);

    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,.4) 100%);



	

	  padding-top:2px;

	

  }

  .affix-top {

      position: static;

      top: -35px;

  }





#boxedrow{position: relative;

    margin-bottom: -1px;}

#top-head{ display:block; position: absolute; width:100%; display:block; z-index:9999;}

ul#log-re{ list-style:none; padding:0;  z-index:-1; float:right;}

ul#log-re li{ display:inline-block; position:relative; color:#000; padding:2px 2px;}

ul#log-re li a{ font-size:12px; width:26px; height:26px; background-color:#cf000f;    border-radius: 3px; text-align:center; display:inline-block;line-height: 27px; color:#fff;}

ul#log-re li a:hover{ background-color:#000;}

.navbar-brand{ padding:0px; height:auto;}

.navbar-brand>img{  z-index:999; width:360px;}

#nav-bar{ width:100%; display:block; position: absolute; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.95)), color-stop(25%,rgba(255,255,255,0.95)), color-stop(100%,rgba(255,255,255,.4)));

    background: -webkit-linear-gradient(left, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 25%,rgba(255,255,255,.4) 100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 25%,rgba(255,255,255,.4) 100%);

    background: -ms-linear-gradient(left, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 25%,rgba(255,255,255,.4) 100%);

    background: linear-gradient(to right, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 25%,rgba(255,255,255,.4) 100%); float:left; top:5%; z-index:100;}

#nav-bar .navbar{ margin:10px 0;}

#nav-bar .navbar-nav{ float:right; margin-top:14px}

#nav-bar .navbar-nav>li{ margin:0 0 0 33px;}

#nav-bar .navbar-nav>li:first-child{ margin:0;}

#nav-bar .nav>li>a{ padding: 20px 0px 0px 0px;}

#nav-bar .navbar-nav>li>a{font-weight:700; color:#333; padding:0px}

#nav-bar .navbar-nav>li>a:hover,#nav-bar .navbar-nav>li>a:focus {color: #cf000f;}



.navbar-toggle{ border:1px solid #cf000f; border-radius:4px; padding:7px;}

.navbar-toggle .icon-bar{ background-color:#cf000f;}



/****************start banner***********/

#boxedrow .carousel-inner>.item>img{ min-height:300px;}

		#boxedrow .carousel-indicators li, #news-section .carousel-indicators li{ border:1px solid #000; background-color:#000;width:11px;height:11px; margin:1px 3px;}

		#boxedrow .carousel-indicators .active,#news-section .carousel-indicators .active{margin:1px 3px;background-color:#cf000f; border-color:#cf000f;}

/***********************start about section******************/

#about-sec{ width:100%; display: block; position:relative; background:#FFF; padding:0 0 50px;}

.about-box{ background-color:#fff;box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);

    -ms-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);padding: 30px;

    z-index: 10;

    position: relative;

    display: inline-block;

    width: 100%;

    margin-top: -20px;}

	.about-img img{ margin:4px 15px 0 0px; max-width:250px;}

	.section-title{font-size: 28px;
	position:relative;

    font-weight: bold;

    color: #000;

    letter-spacing: -1px;

    margin-bottom: 30px;

    background: url(../images/clipping.png) no-repeat #000;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -moz-background-clip: text;

    -moz-text-fill-color: transparent;

    -ms-background-clip: text;

    -ms-text-fill-color: transparent;}

	ul.about-info{ margin-bottom:14px;}

	ul.about-info li {

    list-style: none;

    line-height: 2.2;

    color: #000000;    font-size: 14px;

}

	ul.about-info li span {

    color: #cf000f; font-weight:bold;

}

#about-sec .img-thumbnail{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

    -ms-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3)}

	.about-box p{ text-align:justify; line-height:1.8; margin-bottom:20px;}

#about-sec h4{ font-weight:bold; font-size:15px;}

#about-sec h3{font-weight:bold; font-size:20px;}

ul#contact-adrs li {

    font-size: 14px;

    margin: 15px 0;

}

ul#contact-adrs li a{ color:#333;}

ul#contact-adrs li a:hover{ color: #cf000f;}

ul#contact-adrs li i {

    font-size: 14px;

    color: #cf000f;

    margin-right: 15px;

}

.form-control {

    padding: 12px 9px 12px;

    font-size: 12px;

    height:44px;

    border-color:#f1f4f9;

    box-shadow: none;

    border-radius: 0px;

	background-color:#f1f4f9;

	color:#b3b4b4;

}

.form-control:focus{box-shadow: none; border-color:#f1f4f9;}

.btn{ border-radius:0; padding:8px 12px;}

.btn-send{ background-color:#cf000f; color:#fff;}

.btn-send:hover,.btn-send:focus{ background-color:#000; color:#fff;}

ul.buy-book{ margin-bottom:10px; text-align:center;}

ul.buy-book li{ display:inline-block; padding:2px 0;}

ul.buy-book li a{ font-weight:bold;}

/*************work section***************/

#work-sec{ width:100%; display: block; position:relative; background:#eceef1; padding:30px 0 ;}



/****************start filmographysection**********/

ul.filmo-list{ margin-bottom:30px;}

ul.filmo-list li{    line-height: 1.9;

    font-size: 16px;}

	ul.film-list li{    line-height: 1.6;

    font-size: 14px;}

ul.filmo-list li i, ul.film-list li i{ color:#cf000f; margin-right:7px;}



/***************start book section**************/

#book{ width:100%; display: block; position:relative; padding:30px 0 40px;-webkit-box-shadow: 0 0 5px 3px #DEDEDE;

box-shadow: 0 0 5px 3px #DEDEDE; z-index:1000;}

.sd-box .img-thumbnail{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

    -ms-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3)}

	.sd-text-box{ padding-left:20px;}

	.sd-box h3{ color:#000; font-weight:bold; font-size:22px; margin-bottom:12px; margin-top:10px;}

	.sd-box h4{ color:#cf000f; margin-bottom:15px; font-weight:bold; }

	.sd-box p{ color:#a2a2a2; line-height:1.9; text-align:justify;}

	.btn-danger{ background-color:#cf000f;}

	.btn-danger:hover{ background-color:#000; border-color:#000;}

	

/******************	start testimonial section***********/

#testi{width:100%; display: block; position:relative; padding:50px 0 30px;background:#eceef1; min-height:310px;}

.testi-indicator a{ background-color:#CCC; padding:5px; border-radius:3px;box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);

    -ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); margin-right:2px;}

	#testi p{ font-size:14px; line-height:1.8; margin-top:20px; text-align:justify;}

	#testi small{ color:#cf000f; font-style:italic}

	#testi .img-thumbnail{border: 1px solid #c6c6c6;}



/***************end banner section*********************/





#footer { width:100%; position:relative; display:block; padding:30px 0 20px;

 background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(25%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.2)));

    background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 25%,rgba(0,0,0,0.2) 100%);

    background: -o-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 25%,rgba(0,0,0,0.2) 100%);

    background: -ms-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 25%,rgba(0,0,0,0.2) 100%);

    background: linear-gradient(to left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 25%,rgba(0,0,0,.2) 100%);

}

#footer p{ text-align:center; float:right; color:#fff; padding:10px 0;}

#footer a{ color:#cf000f;}

#footer a:hover{ color:#fff;}



@media (min-width:992px) and (max-width:1199px){



.navbar-header {

    text-align: center;

    float: none;

    margin: auto;

    width: 42%;

}

#nav-bar{ top:7%}

#nav-bar .navbar-nav>li {

    margin: 0 0 0 53px;

}

ul#log-re{ float:none; text-align:center; }

#nav-bar .navbar-nav{ float:none; text-align:center}



}



@media (max-width:767px){

	}		  

			  

@media (min-width:768px) and (max-width:991px){





	#nav-bar .navbar-nav>li {

    margin: 0 0 0 32px;

}

	#nav-bar .navbar-nav>li>a{ font-size:13px;}

#nav-bar{ top:7%}

ul#log-re{ float:none; text-align:center; }



.navbar-header {

    text-align: center;

    float: none;

    margin: auto;

    width: 59%;

}

#nav-bar .navbar-nav{ float:none; text-align:center}



.work-overlay { padding-top:20%;}

.testi-img{ text-align:center;}

	#testi{ min-height:310px!important;}

}







@media (min-width:100px) and (max-width:767px){

	#nav-bar .navbar-nav{ float:none;}

	#nav-bar .navbar-nav>li{ margin:0px;}

	#nav-bar .navbar-nav>li>a{ padding: 10px 10px;border:1px solid rgba(0, 0, 0, .6); background-color:rgba(0, 0, 0, .5); margin:1px 0 0; display:block;color:#FFF; font-size:12px;}

.navbar-collapse{ position:absolute; width:100%; padding-left:22px; padding-right:22px; z-index:1000;}

ul#log-re{ float:none; text-align:center;}

#nav-bar .navbar{ margin:0px;}

.navbar-brand{ padding:5px}

.navbar-brand>img{ width:180px;}

#boxedrow .carousel-inner>.item>img{ min-height:250px;}

#nav-bar{ height:50px;}

#nav-bar{  margin-top:7%;}

ul#log-re { margin-top:3px;}

ul#log-re li a{ font-size:15px;}

ul#log-re li{ padding:0 3px;}

.work-overlay { padding-top:14%;}

.work-inner img{ height:300px}

.sd-box img{ width:100%;}

#footer p{ float:none;}

	#testi{ min-height:670px;}

.testi-img{ text-align:center;}

}



@media (min-width:100px) and (max-width:350px){

	#testi{ min-height:770px;}

}



/*@media (min-width:100px) and (max-width:400px){

#boxedrow .carousel-inner>.item>img{ min-height:200px;}

.navbar-brand>img{ width:200px;}

#nav-bar{ background:transparent}

.navbar-brand{ padding:9px}

}

*/

.getaquate {
    background: #000;
    border-radius: 4px 0px 0px 4px!important;
    top: 390px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    right: 0px;
    padding: 2px 10px 4px;
    position: fixed;
    z-index: 1000000000;
    cursor: pointer;
    box-shadow: -2px 2px 13px -5px #051823;
    -webkit-box-shadow: -2px 2px 13px -5px #051823;
}

.getaquate2 {
    background: #000;
    border-radius: 4px 0px 0px 4px!important;
    top: 349px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    right: 0px;
    padding: 2px 10px 4px;
    position: fixed;
    z-index: 1000000000;
    cursor: pointer;
    box-shadow: -2px 2px 13px -5px #051823;
    -webkit-box-shadow: -2px 2px 13px -5px #051823;
}

.getaquate3 {
    background: #000;
    border-radius: 4px 0px 0px 4px!important;
    top: 300px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    right: 0px;
    padding: 2px 10px 4px;
    position: fixed;
    z-index: 1000000000;
    cursor: pointer;
    box-shadow: -2px 2px 13px -5px #051823;
    -webkit-box-shadow: -2px 2px 13px -5px #051823;
}
.hil-btn{ position: absolute;
    padding: 6px 13px;
    background: #cf000f;
    color: #fff;
    right: 10px;
    top: 10px;}
	.hil-btn:hover, .hil-btn:focus{ color:#fff;}
	.blink-bg {
	animation-duration: .8s;
	animation-name: blink-bg;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation: blink-bg .8s infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
	animation-fill-mode: forwards
}
@-webkit-keyframes blink-bg {
0%, 100% {
background-color:#cf000f
}
50% {
background-color:#222
}
}
@-moz-keyframes blink-bg {
0%, 100% {
background-color:#cf000f
}
50% {
background-color:#222
}
}
@-o-keyframes blink-bg {
0%, 100% {
background-color:#cf000f
}
50% {
background-color:#222
}
}
@keyframes blink-bg {
0%, 100% {
background-color:#cf000f
}
50% {
background-color:#222
}
}
marquee a{ font-weight:bold;}
/****************************************/
 .modal-backdrop{ z-index:-1!important;}
 .modal-dialog{ margin:150px auto;}
 .modal-body h3{ font-weight:400!important; line-height:26px!important; margin:20px 0px!important;}
  .modal-body h3>span{font-weight:800!important}