body {

	    font-family:Raleway-Regular,Helvetica;

	    font-size: 15px;

		border-top:3px solid #e99d28;

		background:#fff;

	}

	

	@font-face {

    font-family: 'Raleway-Regular';

    src: url('../fonts/Raleway-Regular.ttf');   

    font-weight: normal;

    font-style: normal;

}

	* {

	    margin: 0px;

	    padding: 0px;

	}

	img {

	    max-width: 100%;

	}

	.clr{ width:100%; clear:both; float:left;}

	.normal {

	    display: block;

	    margin-left: 5px;

	    margin-bottom: 10px;

	}

	.normal li {

	    background: url(../images/liarrwo.png) no-repeat 0 8px;

	    padding-left: 15px;

	    display: block;

	    line-height: 25px;

	}

	.normal li a {

	    color: orange;

	}

	ul {

	    margin: 0px;

	    padding: 0px;

	    list-style: none;

	}

	a {

	    text-decoration: none;

	    color: #f45d1a;

		cursor:pointer;

	}

	p {

	    margin-bottom: 12px;

	    text-align: justify;

	    line-height: 26px;

	    font-size:16px;

		color:#32464d;

	    display: block;

		 font-family:Raleway-Regular,Helvetica;

	}

	* {

	    box-sizing: border-box;

	}

	.sepretor {

	    float: left;

	    width: 100%;

	    height: 2px;

	    margin-bottom: 10px;

	    border-top: 1px solid #c3b59c;

	    border-bottom: 1px solid #fff;

	    clear: both;

	}

	.title {

	    font-size: 29px;

	    margin: 5px 0px 10px 0px;

	    color:#525252;

		text-transform: uppercase;

		font-family: Raleway;

    	font-weight: normal;

	}

	.subtitle {

	    float: left;

	    width: 100%;

	    font-size: 22px;

	    text-align: left;

	       color: #e99d28;

	    font-weight: normal;

	   margin: 10px 0px 10px 0;

	}

	.divider {

	    float: left;

	    width: 100%;

	    clear: both;

	    background: #f9f9f9;

	    height: 1px;

	    margin: 10px 0;

	}

	.tac {

	    text-align: center;

	}

	.tar {

	    text-align: right;

	}

	.tal {

	    text-align: left;

	}

	.bbnone{ border-bottom:0px;}

	.head_sep{ width:100%; float:left; height:1px; background-color:#f7f7f7; margin:10px 0;}

	/* ==================================HEADER CSS START HERE=============================================*/

	

	.header {

	    width:100%;

	    float:left;

	    position:relative;	

		background-color: #f7f7f7;   	

	}

	.slide_1{ background:url(../images/banner-1.jpg) no-repeat 60% 100%; height:310px !important; }

	.slide_2{  background:url(../images/banner-2.jpg) no-repeat 50% 30%; height:310px !important;  }

	.slide_3{  background:url(../images/banner-3.jpg)no-repeat 50% 30%; height:310px !important; }

	.logo,

	.logo:hover {

	    float: left;

	    width:215px;
		height:69px;

		margin: 6px 0;

	   

	}

	.toprow {

	    float: left;

	    width: 100%;

		/*position: absolute;

		top: 0; */

	    background: #ffffff;

		/* z-index: 9;	   */

	}

	.banner{margin-top: 80px;}

	.slide-2{float:left; width:100%;background:url(../images/banner.jpg) no-repeat center center;height:540px;}

	.slide-1{float:left; width:100%;background:url(../images/quality.jpg) no-repeat center center;height:540px;}

	.slide-3{float:left; width:100%;background:url(../images/debet-collection.jpg) no-repeat center center;height:540px;}

	.slider_heading {

	   	width:560px;		  

		float: left;

    	margin:7% 4%;

	}

	.slider_discription .titile,

	.slider_heading .titile {

	    font-size:40px;

		font-weight:800;

	    text-align: center;

	    color:#ffffff;

		text-transform: uppercase;
		text-shadow: 0px 1px 1px #000000;

	}

	.slider_discription .titile span,

	.slider_heading .titile span {

	    color: #f0b760;

	    font-size:55px;

		font-weight:900;

	    margin-bottom: 10px;

		text-transform: uppercase;

	}

	.slider_discription p,

	.slider_heading p {

	    text-align: center;

	    color: #fff;

		 font-family:Calibri;

		 font-size:20px;

		 margin-top:20px;
		 text-shadow: 1px 1px 1px #000000;

	}

	.slide_more {

	        margin:25px auto;

   			 width:180px;

	}

	.slide_more a,

	.slide_more a:hover {

	   background:#37283c;

	    color: #fff;

	    border-radius: 3px;

	    font-size: 18px;

		font-family:Calibri;

	    text-align: center;

	  	 padding: 15px 20px;

		text-transform: uppercase;

	    -webkit-transition: All 1s ease;

	    -moz-transition: All 1s ease;

	    -o-transition: All 1s ease;

		display:block;

		 width:180px;

	}

	.slide_more a:hover {background:#e99d28;}

	

	.buis_inq {

	        margin:25px auto;

   			 width:180px;

	}

	

	

	.certificate{ width:270px !important; float:none !important; margin:0 auto !important;}

	

	/*------------------------------------*\

			  Header Navigation css

	\*------------------------------------*/

	

	.lidisp {

	    display: none;

	}

	.nav_row {

	    width: 100%;

	    height: 45px;

	    float: left;

	    clear: both;

	   /* position: absolute;*/

	    bottom: 0;

	    border-top: 1px solid #050505;

	    border-bottom: 1px solid #050505;

	    background: url(../images/px1.png) repeat;

	}

	.nav {

	    position: relative;

	    display: inline-block;

	    clear: both;

		float: right;

	}

	.nav ul {

	    list-style: none;

	    z-index: 9;

	}

	.nav ul li {

	   /*border-right: 1px solid #050505;
	   border-bottom:1px solid #32323b*/

	}

	.nav ul li:last-child {

	    border-right: 0px;

	}

	.nav-list {

	    text-align: left;

	}

	.nav-item {

	    float: left;

	    *display: inline;

	    zoom: 1;

	    position: relative;

	    height: 43px;

	}

	.nav-item > a:hover,

	.nav-item:hover a {

	   

	       color: #fff;
		  background:#e99d28 url(../images/sublie_line.jpg) repeat-x bottom;
		 

	}
	

	.nav-item a {

	    display: block;

        color: #575757;

	    padding:31px 13px;

	    font-size: 16px;

	    font-weight: normal;

	    text-decoration: none;

	}

	.nav-item > a:hover {

	    background: #e99d28 url(../images/sbli-sep.jpg) repeat-x top;

	    color:#fff;

	}

	.nav-item:hover .nav-submenu {

	    display: block;

	}

	/* Navigation submenu */

	

	.nav-submenu {

	    display: none;

	    position: absolute;

	    left: 0;

	    width: 300px;

	    top: 79px;

	}

	.nav-submenu-item a {

	    color: #fff;

	    display: block;

	    padding: 10px;

	    font-size: 14px;

	    margin: 0px;

	}

	.nav-submenu-item a:hover {

	    background: #2d2e3e;

	    color: #fff;

	}

	/* Mobile navigation */

	

	.nav-mobile {

	    display: none;

	    /* Hide from browsers that don't support media queries */

	    

	    cursor: pointer;

	    position: absolute;

	    top:76px;

	    right: 0;

	    background: #f9f9f9 url(../images/nav.png) no-repeat center center;

	    background-size: 43px;

	    height: 45px;

	    width: 45px;

		border-radius: 5px;

	    border: 1px solid #f2f2f2;

	    margin-right: 3px;

	}

	/* Mobile navigation, clickable area for revealing <ul> */

	

	.nav-click {

	    position: absolute;

	    top: 0;

	    right: 0;

	    display: none;

	    height: 49px;

	    width: 50px;

	    cursor: pointer;

	}

	.nav-click i {

	    display: block;

	    height: 55px;

	    width: 55px;

	    background: url(../images/drop.png) no-repeat center center;

	}

	.nav-rotate {

	    -webkit-transform: rotate(180deg);

	    -moz-transform: rotate(180deg);

	    -ms-transform: rotate(180deg);

	    -o-transform: rotate(180deg);

	    transform: rotate(180deg);

	}

	 .nav-item a.active {

	    display: block;

        color: #575757;

	    padding: 31px 13px;

	    font-size: 16px;

	    font-weight: normal;

	    text-decoration: none;

		    background: #e99d28;

    		color: #fff;

	}



	/*------------------------------------*\

    HEADER Media Queries

\*------------------------------------*/

	

	@media only screen and (min-width:230px) and (max-width:1025px) {

		.nav ul li{ border-bottom: 1px solid #32323b;}

	    .nav-list {

	          margin-top: 85px!important;

	    }

	    .lidisp {

	        display: block;

	    }

	    .nav {

	        padding: 50px 0 0;

	    }

	    .nav-mobile {

	        display: block;

	    }

	    .nav ul {
			
	        width: 100%!important;
	        background: #181923;
			top:42px !important;
	    }

	    .nav {

	        width: 100%;

	        z-index: 9;

	        float: right;

	        position: absolute;

	        top: -62px;

	        left: 0;

	    }

	    .nav-list {

	        display: none;

	    }

	    .nav-item {

	        width: 100%;

	        float: none;

	    }

	    .nav-item > a {

	        padding:11px;

	        color: #fff;
			

	        /*background: url(../images/sbli-sep.jpg) repeat-x top;*/

	    }
		

	    .nav-click {

	        display: block;

	    }

	    .nav-mobile-open {

	        border-radius: 5px 5px 0 0;

	        -webkit-border-radius: 5px 5px 0 0;

	        -moz-border-radius: 5px 5px 0 0;

	    }

	    .nav-item:hover .nav-submenu {

	        display: none;

	    }

	    .nav-submenu {

	        background: orange;

	        width: 100%;

	    }

	    .nav ul.nav-submenu a {

	        background: #000000;

			color:orange;

	    }

	    .nav ul.nav-submenu a:hover {

	        color: #fff;

			background:#5f4884;

	    }

	}

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

		.nav-item a {  padding: 11px 9px;}
		.nav-item a.active{ padding:10px !important;}

	}

@media all and (max-width: 768px)

{		.logo, .logo:hover{ width:225px !important;}
	.services{ margin:15px 0;}
		
		.nav-item a.active{ padding:10px !important;}

		.services_wrapper{ position:relative!important; margin-top:0px!important; width:100%;}

		.social_icon{float:none!important; margin: 0 auto!important; width: 156px!important;}

		.slide_more{ width:180px !important;}

	    .footer_wrapper {

	        margin-top: 45px;

	    }

	    .footer_wrapper ul li,.footer_wrapper h2,.footer_wrapper ul li a,.f_info p,.d_info {text-align: left;}

	   

		.d_info{ text-align:left !important;}

	

		.slide_1{height:0px!important;}

		.slide_2{height:0px!important;}

		.slide_3{height:0px!important;}

		.slider_heading{ width:100%!important;margin:10% 0%!important;}

		.slider_heading .titile span{ font-size:40px!important;}

		.grid-mid-height{margin-bottom:15px!important; width:48%!important; float:left!important;height: 120px!important; margin:1%!important;}

	    .nav_row {

	        top: 1px;

	        background: none;

	        border: 0;

			height: 25px;

	    }

		.hide{display:none;}

		<!--#slider{display:none;}-->

		.logo, .logo:hover{width:210px;}

	   .img{ float:none!important; width:100% !important; height:auto!important;}

	    .subtitle, .title {text-align: center !important;}

		

}

	@media all and (min-width:481px) and (max-width: 768px){.grid-mid{margin-bottom:15px!important; width:50%!important; float:left!important;}}

	@media all and (max-width:480px) {.grid-mid{margin-bottom:15px!important; width:100%!important;float:left!important;  }

	.grid-mid-height{width:100%!important; float:left!important; height:inherit !important;}}

	

	/* ==================================MAIN SITE CONTENT CSS=============================================*/

	

	.intro{width:100%; float:none; margin:25px auto;display: inline-block;}

	.intro h1{ color:#e99d28; text-align:center; margin:10px;font-size: 30px;text-transform: uppercase;}

	.intro p{text-align: center;font-size: 24px;color: #32464d; line-height: 30px}	

	.intro .more {margin:25px auto;width:108px;}

	.intro .more a,.intro .more a:hover {

	   background:#37283c;

	    color: #fff;

	    border-radius: 3px;

	    font-size: 18px;

		font-family:Calibri;

	    text-align: center;

	  	 padding: 15px 20px;

		text-transform: uppercase;

	    -webkit-transition: All 1s ease;

	    -moz-transition: All 1s ease;

	    -o-transition: All 1s ease;

	}

	.intro .more a:hover {background:#e99d28;}

	

	.services_wrapper{ float:left; width:100%;position:relative;margin-top: -110px;}

	.services{width:100%; /*float:left;padding: 3px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);*/}

	.services .boxhead{width:100%;}

    .boxhead a, .boxhead a:hover{font-family:Raleway; font-size:16px;background:#e99d28;color:#ffffff;text-align:left;display:-webkit-box; padding:5px; display:block;}

	.boxhead a:hover{background:#36273c;}

	.services p{  float: left;text-align:left;margin-bottom:15px;padding:5px 5px 0 5px;}

	.more{width:100%;text-align:right;padding:0px 5px 10px 5px;}

	

	.white_bg{float:left; width:100%; padding:20px 0; background:#fff;}

	.white_bg .subtitle{ text-align:center;}

	.white_bg .p{ margin:15px 0px;text-align: justify;}

	.white_bg .img{ float:left; width:345px; height:227px; margin-right:15px; margin-bottom:15px;}

	.testimonials p{ float:left; display:block; background: url(../images/quotes.png) no-repeat left top;padding-left: 60px;}

	.testimonials .tstbox p{float:left;display:block; background:#f7f7f7 url(../images/quotes.png) no-repeat 9px 8px;padding-left: 60px;

    padding: 50px;margin: 0px;padding-bottom: 25px;}

	.clientname{ float:right; color:#ffbc55; font-size:13px; margin:10px 0;}

	.subtitle-3{float: left;width: 100%;font-size: 16px; font-weight:bold; text-align: center; color: #e99d28;font-weight: normal; margin: 10px 0px 10px 0;}

	

	/*------------------------------------*\

    	Our Team

	\*------------------------------------*/	

	

	.gray_bg{ float:left; width:100%; padding:20px 0; background:#f7f7f7;}

	.gray_bg .subtitle{ text-align:center;}

	.gray_bg p{ text-align:center; font-size:14px; margin:20px 0;}

	.team .tam_img{ width:185px; height:185px; float:none; margin:0 auto;}

	.team .tam_img img{border-radius:100px;}

	.team h3{ font-size:22px; font-weight:normal; color:#e99d28; text-align:center;  margin: 10px 0px;}

	.team p{ text-align:center;}

	

	.team .more	{width:90px; float:none;margin:10px auto;}

	.team .more a,.team .more a:hover

	{border-radius:3px;cursor:pointer;background:#211a39;font-size:18px;color:#fff;text-align:center;padding:4px 20px;}

	.team .more a:hover{ background:#e99d28;}

	

	

	.wordhead {

	    float: left;

	    width: 100%;

	    border-radius: 5px 5px 0px 0px;

	    padding: 6px 5px;

	    margin-bottom: 10px;

	    color: #5b3119;

	    font-size: 22px;

	    height: 37px;

	    font-weight: normal;

	}

	.wordhead_icon {

	    float: left;

	    width: 100%;

	    width: 35px;

	    height: 35px;

	    margin-right: 10px;

	}

	.wordlist {

	    float: left;

	    width: 100%;

	    padding-left: 5px;	  

		color: #32464d;

		    margin-bottom: 10px;

	}

	.wordlist li {

	    float: left;

	    width: 100%;

	    background: url(../images/arrow.png) no-repeat 0px 14px;	  

	    padding: 5px 0px 5px 20px;

	}

	.wordlist li a {

	    color: #969695;

	    font-size: 16px;

	    display: block;

	    line-height: 15px;

	}

	.wordlist li a:hover {

	    color: #3c2b23;

	    font-size: 16px;

	    display: block;

	    line-height: 15px;

	}

	.common_head {

	    float: left;

	    width: 100%;

	    background: url(../images/h-line.jpg) repeat-x bottom;

	    margin-bottom: 10px;

	    padding-bottom: 5px;

	}

	.common_head .hbg {

	    float: left;

	    width: 50%;

	    font-size: 22px;

	    line-height: 35px;

	    margin: 0px;

	    font-weight: normal;

	    color: #b07810;

	}

	#breadcrumb {

	    width: 100%;

	    float: left;

	   color: #959595;

	    margin-top:5px;

	   

	}

	#breadcrumb li {

	    margin-right: 5px;

	    float: left;

	    font-size: 14px;

	}

	#breadcrumb li a {

	    color: #959595;

	    font-size: 13px;

	}

	#breadcrumb li a:hover {

	    color: #ffb804;

	    font-size: 13px;

	}

	

	.home_gallery img {

	    border-radius: 10px;

	    height: 200px!important;

	}

	

	.map iframe{ width:100% !important; min-height:300px !important;}

	/* ==================================About Us CSS=============================================*/

	

	.inner_banner{ width:100%;border-top: 1px solid #e99d28; float:left; margin-bottom:15px; }	

	

	.quick_form{background:#22212a; border-radius: 5px;float:left; padding:14px 20px;width:100%;margin-bottom:15px;}

	.quick_form h1{font-size:25px;text-transform: uppercase; font-weight:normal; color:#fff; border-bottom:1px solid #04699f; margin-bottom:5px; padding-bottom:5px;}

	

	.submit_resume{ float:left;width:100%; margin-top:10px;}

	.submit_resume a, .submit_resume a:hover

	{float:right;color:#ffffff;cursor:pointer;border-radius:3px; background:#036396;font-size:19px; padding:8px;}

	.submit_resume a:hover{background:#fea221;}

	

	.submit_subdiv{  float: left;border-radius:5px; background:#007fc3; height:auto; padding:15px;}

	.submit_resume h1{font-size:25px; font-weight:normal; color:#fff; border-bottom:1px solid #04699f; margin-bottom:5px; padding-bottom:5px;}

	input, textarea,.dropdown{ width:100%; height:38px; border-radius:3px; background:#fff; border:0; color:#7c7c7c;padding:5px; outline:0px; margin:3.4px 0px;}

	.leble{ float:left; width:100%; font-size:18px; color:#fff;margin: 5px 0px;}

	.dateicon{width:100%; height:38px; border-radius:3px;border:0;color:#7c7c7c;padding: 5px; outline: 0px; background:#fff url(../images/calender.png) no-repeat right; padding-right:20px;  cursor: pointer;}

	.btn_div{ width:143px; float:none; margin:10px auto; clear:both;}

	.btn,.btn:hover{height:36px;color:#ffffff; text-align:center;cursor:pointer;border-radius:3px;background:#37283c;border:0px; font-size:17px;}

	.btn:hover{background:#fea221;}

	

	label{ float: font-size:16px; color:#707070;}

	textarea{ height:60px;}

	.test {

	    width: 100%;

	    float: left;

	    height: 290px;

	    font-size: 14px;

	    text-align: justify;

	    overflow: hidden;

	    line-height: 26px;

	    padding-left: 10px;

	}

	.sidebar {

	    width: 100%;

	}

	ul#sidemenu {

	    margin: 0;

	    padding: 0;

	    float: left;

	    width: 100%;

	}

	ul#sidemenu li {

	    float: none;

	    border-bottom: 1px dashed #efefef;

	    background: url(../images/arrow.png) no-repeat left;

	    padding-left: 17px;

	}

	ul#sidemenu li:last-child {

	    border-bottom: 0px;

	}

	ul#sidemenu li a {

	    padding: 10px 5px;

	    text-align: left;

	   color: #32464d;

	    font-size: 14px;

	    display: block;

	}

	ul#sidemenu li a:hover {

	    color: #efad1e;

	}

	ul#sidemenu li a.selected,

	ul#sidemenu li a.selected:hover {

	    color: #FFFFFF;

	    background-color: orange;

	}

	ul#services {

	    margin: 0;

	    padding: 0;

	    float: left;

	    width: 100%;

	}

	ul#services li {

	    float: left;

	    width: 100%;

	    border-bottom: 1px dashed #efefef;

	    padding: 5px 0px;

	}

	ul#services li:last-child {

	    border-bottom: 0px;

	}

	ul#services li a {

	    text-align: left;

	    color: #959595;

	    font-size: 14px;

	    display: block;

	    line-height: 35px;

	}

	ul#services li a:hover {

	    color: #efad1e;

	}

	ul#services li a.selected,

	ul#services li a.selected:hover {

	    color: #FFFFFF;

	    background-color: orange;

	}

	.services_icon {

	    width: 32px;

	    height: 32px;

	    float: left;

	    margin-right: 10px;

	}

	/* ==================================Inner page=============================================*/

	

	.imgbox {

	    float: left;

	    width: 160px !important;

	    height: 160px !important;

	    border-radius: 10px;

	    margin-right: 15px !important;

	}

	.concern_head{ float:left; width:100%; padding:15px 5px;background-color:#f45d1a; text-align:center; color:#fff; font-size:16px; border-radius:3px 3px 0px 0px;}

	.concern_firm{ float:left; width:100%; padding:10px; background:#f2f2f2; margin-bottom:25px;}

	.Quick_Contact{ float:left; width:100%;}

	.Quick_Contact a,.Quick_Contact a:hover{

	background-color:#22212a;

    width: 100%;

    margin:15px 0px;

    display: block;

    padding: 15px;

    border-radius: 3px;

	font-size:24px;

    text-align: center;

    color: #fff;

}

.Quick_Contact a:hover{background-color:#f45d1a;}



	/*------------------------------------*\

    	Services Accordian Menu

	\*------------------------------------*/

/*.accordion dl,

.accordion-list {

  border: 1px solid #ddd;

}*/

.accordion dl:after,

.accordion-list:after {

  content: "";

  display: block;

  height: 1em;

  width: 100%;

/*  background-color: #2ba659;*/

}



.accordion dd,

.accordion__panel {

 /* background-color: #eee;*/

  font-size: 1em;

  line-height: 1.5em;

}



.accordion p {

  padding:0em 2em 0.5em 0em;

      margin: 0;

}



.accordion {

  position: relative;

 /* background-color: #eee;*/

}



.container {

  max-width: 960px;

  margin: 0 auto;

  padding: 2em 0 2em 0;

}



.accordionTitle,

.accordion__Heading {

     background: #8b8b8b;

	     font-size: 17px;

  text-align: center;

     margin: 4px 0px;

  padding: 1em 2em;

  display: block;

  text-decoration: none;

  color: #fff;

  -webkit-transition: background-color 0.5s ease-in-out;

          transition: background-color 0.5s ease-in-out;

 

}

.accordionTitle:before,

.accordion__Heading:before {

  content: "+";

  font-size: 1.5em;

  line-height: 0.5em;

  float: left;

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

          transition: transform 0.3s ease-in-out;

}

.accordionTitle:hover,

.accordion__Heading:hover {

  background-color: #e99d28;

}



.accordionTitleActive,

.accordionTitle.is-expanded {

  background-color: #37283c;

}

.accordionTitleActive:before,

.accordionTitle.is-expanded:before {

  -webkit-transform: rotate(-225deg);

      -ms-transform: rotate(-225deg);

          transform: rotate(-225deg);

}



.accordionItem {

  height: auto;

  overflow: hidden;

  max-height: 50em;

  -webkit-transition: max-height 1s;

          transition: max-height 1s;

}

@media screen and (min-width: 48em) {

  .accordionItem {

  /*  max-height: 15em;*/

    -webkit-transition: max-height 0.5s;

            transition: max-height 0.5s;

  }

}



.accordionItem.is-collapsed {

  max-height: 0;

}



.no-js .accordionItem.is-collapsed {

  max-height: auto;

}



.animateIn {

  -webkit-animation: accordionIn 0.65s normal ease-in-out both 1;

          animation: accordionIn 0.65s normal ease-in-out both 1;

}



.animateOut {

  -webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;

          animation: accordionOut 0.75s alternate ease-in-out both 1;

}



@-webkit-keyframes accordionIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.9) rotateX(-60deg);

            transform: scale(0.9) rotateX(-60deg);

    -webkit-transform-origin: 50% 0;

            transform-origin: 50% 0;

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}



@keyframes accordionIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.9) rotateX(-60deg);

            transform: scale(0.9) rotateX(-60deg);

    -webkit-transform-origin: 50% 0;

            transform-origin: 50% 0;

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

@-webkit-keyframes accordionOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.9) rotateX(-60deg);

            transform: scale(0.9) rotateX(-60deg);

  }

}

@keyframes accordionOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.9) rotateX(-60deg);

            transform: scale(0.9) rotateX(-60deg);

  }

}

	

	/* ==================================FOOTER CONTENT CSS=============================================*/

	

	.footer_wrapper {

	    float: left;

	    width: 100%;

	    background: #22212a;

	    padding-top: 32px;

        

	}

	.footer_wrapper h2 {

	    width: 100%;

	    font-size: 22px;

	    font-weight: normal;

	    color: #fff;

	    margin: 0px 0 5px 0px;

	}

	.footer_wrapper ul {} .footer_wrapper ul li {

	    float: left;

	    padding: 6px;

	    width: 100%;

	}

	.footer_wrapper ul li a {

	    color: #fff;

	    font-size: 14px;

	    color: #a3a3a3;

	}

	.footer_wrapper ul li a:hover {

	    color: #fea221;

	}

	#social_icon {} #social_icon a,

	#social_icon a:hover {

	    float: left;

	    width:45px;

	    height:45px;

	    background-image: url(../images/social.png);

	    background-repeat: no-repeat;

		

	   

	}

	.d_info{ text-align:right;}

	#facebook {

	    background-position: 0 0;

	}

	#facebook:hover {

	    background-position: 0px -45px;

	}

	#linkedin {

	    background-position: -45px 0;

	}

	#linkedin:hover {

	    background-position: -45px -45px;

	}

	#twitter {

	    background-position: -90px 0;

	}

	#twitter:hover {

	    background-position: -90px -45px;

	}

	#googleplus {

	    background-position: -135px 0;

	}

	#googleplus:hover {

	    background-position: -135px -45px;

	}

	.dnblogo{ width:105px; height:102px; float:left;}

	.f_info{ color:#a3a3a3; font-family:Arial; font-size: 14px;}

	.add{ background:url(../images/home.png) no-repeat left 4px; padding-left:25px; text-align:left;color:#a3a3a3!important;}

	.phone{ background:url(../images/phone.png) no-repeat left 4px; padding-left:25px; text-align:left;color:#a3a3a3!important;}

	.phone  p{color:#a3a3a3!important;}

	.f_email{ background:url(../images/email.png) no-repeat left 4px; padding-left:25px; text-align:left;color:#a3a3a3!important;}

	

	.s_row{ float:left; width:100%; margin-bottom:15px;}

	.socialtext{ font-size:18px; font-weight:bold; color:#a3a3a3; cursor:pointer; line-height:50px;float: left;margin:0 10px;}

	.div50{ width:160px; float:left; margin:10px 0px;}

	.s_icon{ width:45px; height:45px; float:left;}

	.info {

	    width: 100%;

	    float: left;

	    margin-top: 15px;

	    text-align: left;

	    color: #969695;

	    padding: 10px;

	    background: #16151e;

	    font-size: 12px;

	    color: #a3a3a3;

	}

	.info a {

	    display: inline;

	    color: a3a3a3;

	    text-decoration: none;

	}

	/*------------------------------------*\

    		Main Content Media Queries

	\*------------------------------------*/