body{background-image:url(../images/bg-image.png);}

.colour{background-color:#fff;margin-top:10px;}

.telo{color:#000;font-size:12px;}

.telo a{color:#000;}

.telo a:hover{color:#000;}

.telo i{ font-size: 20px;margin:0px 10px;}

.padd{font-size:12px;}

.nav-bar li{display:inline-block;position:relative;top:0;}

.colur{background-color:#fff;    padding-top: 20px;}

.colr{margin-top:10px;}

.prd{ box-shadow:0 0 10px #e2e2e2; padding:10px; margin:10px;}

.prd h3{ text-align:center; padding-top:10px;}

.nav-bar li a{   

    color: #F83920;    text-transform: uppercase;

    padding: 13px 15px; font-weight:bold;

    font-size: 15px;}

.nav-bar li a:hover{text-decoration:none;}

.active{color:#F83920;}

.nav-bar li:first-child:after{content:'';width:0px;display:none;}

.role{transition:all 1s;}

.dropdown:hover .role{transform:rotate(180deg);}

.nav-bar li:after{      content: '';

   width: 1px;

    background-color: #ccc;

    height: 15px;

    position: absolute;

    display: block;

    top: 8px;

    /* right: 0; */

    /* left: 0; */

    /* border-right: 0px solid #ccc; */

    transform: rotate(30deg);}.dropdown-menu li {display:block;}

	.dropdown-menu li a{font-size:13px ;transition:all 1s;}

	.dropdown-menu li a:hover{color:#f00 !important;padding-left:25px;}

.dropdown:hover .dropdown-menu{display:block;}

.dropdown .dropdown-menu li:after{content:'';width:0px;display:none;}

.padi{ padding-top: 6px;

    padding-bottom: 0px;

    padding-right: 20px !important;

    padding-left: 20px !important;

    background-color: #fff;

    text-transform: uppercase;

   }

.bg-im{background-image:url(../images/bg-con.jpg);   padding: 20px 20px;border-radius:20px;padding-bottom:40px !important;}

.hedd{color:#fff;font-size:40px;}

.hedd1{color:#fff;font-size:32px;text-transform:uppercase;}

.hedd2{color:#fff;font-size:18px;padding:10px 20px; line-height:28px;}

.pady{padding-right: 20px !important;

    padding-left: 20px !important;padding-top:20px;

	padding-bottom:20px;	

background-color:#fff;}

.product img{max-width:283px;position:relative;top:0;opacity:0.8;}

.product{position: relative;

    /* padding-top: 20px; */

    padding-right: 20px !important;

    /* padding-bottom: 20px; */

    padding-left: 20px !important;

    background-color: #fff;}

.product span.hov{    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(111,37,147,0.6);

    text-align: center;

    color: #ffffff;

    font-size: 18px;

    padding-top: 17%;

    z-index: 0;}

.product span.hov:before{ 

    content: '';

    display: block;

    position: absolute;

    right: 0;

    bottom: 0;

    background-color: rgba(111,37,147,0.8);

    height: 0;

    width: 0;

    z-index: -1;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;}



.product span.hov:after{    content: '';

    display: block;

    position: absolute;

    right: 0;

    bottom: 0;

    background-color:#F99A7A;

    height: 0;

    width: 0;

    z-index: -1;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.product span.hov1{    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color:rgba(255,64,129,0.6);



    text-align: center;

    color: #ffffff;

    font-size: 18px;

    padding-top: 17%;

    z-index: 0;}

.product span.hov1:before{ 

    content: '';

    display: block;

    position: absolute;

    right: 0;

    bottom: 0;

    background-color: rgba(255,64,129,0.6);





    height: 0;

    width: 0;

    z-index: -1;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;}



.product span.hov1:after{    content: '';

    display: block;

    position: absolute;

    right: 0;

    bottom: 0;

    background-color: rgba(255,64,129,0.6);

    height: 0;

    width: 0;

    z-index: -1;

		

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



.product span.hov1:hover{content:'';background-color:#f99;width:100%;height:100%;opacity:1;}

.product span.hov:hover{content:'';background-color:#6F2594;width:100%;height:100%;}

.bann{text-transform:uppercase;color:#fff;    font-size: 22px;}

.bg-im a{color:#fff;font-size:18px;padding:15px 20px;border:1px solid #fff;border-radius:10px;}

.bg-im a:hover{color:#000;background-color:#fff;text-decoration:none;transition:all 1s;}

.bann1{color:#fff;font-size:13px; line-height:20px;}

.foot-bg{background-image:url(../images/footer.jpg); position:relative;}

.bann2{text-transform:uppercase;color:#fff;    font-size: 22px;}

.foot1{padding:20px 0px;}

.foot1 li{display:block;color:#fff;    font-size: 13px; }

.foot1 li a{color:#fff;      font-size: 13px;}

.bann3{color:#fff;font-size:15px;}



.prodc li a{text-transform:uppercase;}

.telo1{color:#fff;font-size:15px;}

.telo1 i{ font-size: 25px;margin:0px 10px;}



.cd-top {

	z-index:200;

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: rgba(24, 56, 131, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;

 

 cursor:pointer;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

}



.menubar{display:none !important;}

.upp i{font-size:30px;color:#fff;position:absolute;top0;right:0;}

.SrcolTop{z-index:200;

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: rgba(24, 56, 131, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;

 

 cursor:pointer;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;}

  

  

  

.abthead{color: #f00;

    margin-top: 5px;}

.gallery img{    height: 250px;

    padding: 8px;

    box-shadow: 0 0 5px #ccc;

    margin: 10px;

    width: 250px;}

.gallery img:hover{box-shadow:0 0 10px #ccc;}

.gallery{padding-bottom:20px;}

.form-control input{      height: 35px;

    padding: 5px 15px;

    /* box-shadow: 0 0 5px rgba(111, 37, 148, 0.67); */

    border-radius: 4px;

    border: 1px dotted #717171;}

	.form-control input{width:100%;}

.form-control textarea{width:100%;  padding: 5px 15px;

    /* box-shadow: 0 0 5px rgba(111, 37, 148, 0.67); */

    border-radius: 4px;

    border: 1px dotted #717171;}

.contact li{display:block;font-size:14px;color:#666;}

.cross img{display:none !important;}

.contacthead{    font-size: 25px;    color: #DE5252;}

.telo{display:inline-block;}

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

	.logo img{max-height:100px;}}

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

	.telo{display:block;margin:0 !important;}

	.cross img{display:block !important;}.cross img{max-width:50px;}

	.empty{display:none;}

	.nav-bar{display:none;    position: fixed;

    top: 0;   padding-top:18%;

    right: 0;

   z-index: 2000000000;

    width: 250px;

    background-color: #fff;

    height: 100%;}

	.nav-bar li{display:block;}

	.logo img{max-height:80px;}

	.container{text-align:center;}

	.menubar{display:block !important;    position: fixed;    top: 10%;    right: 5%;z-index: 2000000000000;    font-size: 30px !important;    color: #f00;cursor:pointer;}

	.dropdown-menu li {display:block;}

	.dropdown-menu li a{font-size:13px ;transition:all 1s;padding-left:0 !important;}

	.dropdown-menu li a:hover{color:#f00 !important;padding-left:0px !important;}.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:none !important;}

.dropdown:hover .dropdown-menu{display:none;}



	.dropdown-menu {position:relative !important;top:-5px;border:0px solid transparent;box-shadow:none;    top: 100%;

    left: 0;

    z-index: 10000000000000000;

    display: none;

     float: none; 

    min-width: 100%; 

    padding: 5px 0;

   margin: 0 !important;

    font-size: 14px;

    text-align: center !important;

    list-style: none;

    background-color: none;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

     border: 0px solid #ccc !important; 

     border: 0px solid rgba(0, 0, 0, .15) !important; 

    border-radius: 0;

     -webkit-box-shadow: 0 0px  0px rgba(0, 0, 0, .0) !important;

     box-shadow: 0 0px 0px rgba(0, 0, 0, .0)!important; }

	 .nav-bar li{padding:5px 0;}

.nav-bar li a{border-bottom:2px solid transparent;}

.nav-bar li a:hover, .nav-bar li a:focus{border-bottom:2px solid #f00;}

.active1{border-bottom:2px solid #f00;}

	.nav-bar li:after{display:none;}

	.padd{text-align:center;}

	.telo{text-align:center;}

	.responsiveImg{width:100%;}

	}

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

	.logo img{max-height:55px;}}

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

	.logo img{max-height:40px;}}