/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */







html,



button,



input,



select,



textarea {



    color: #222;



}







html {



    /*font-size: 1em;*/



    line-height: 1.4;



}







::-moz-selection {



    background: #b3d4fc;



    text-shadow: none;



}







::selection {



    background: #b3d4fc;



    text-shadow: none;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #ccc;



    margin: 1em 0;



    padding: 0;



}







audio,



canvas,



img,



video {



    vertical-align: middle;



}







fieldset {



    border: 0;



    margin: 0;



    padding: 0;



}







textarea {



    resize: vertical;



}







.browsehappy {



    margin: 0.2em 0;



    background: #ccc;



    color: #000;



    padding: 0.2em 0;



}











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



   Author's custom styles



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



html{



	font-size:62.5%;



}



body{



	background:url(../img/bg.jpg) repeat;



}



ul{



	margin:0;



	padding:0;



	list-style-type:none;



}



a, input[type='submit'], input[type='button'], input[type='image'], a:hover{



   transition:all 300ms ease-in-out;



-moz-transition:all 300ms ease-in-out;



-webkit-transition:all 300ms ease-in-out;



-ms-transition:all 300ms ease-in-out;



-o-transition:all 300ms ease-in-out;



text-decoration:none;



}



a:focus, input:focus{



	outline:none;



	-webkit-outline:none;



}



h1, h2, h3, h4, h5, p{



	margin:0;



	padding:0;



}



.clearafter:after{



	content:"";



	display:block;



	visibility:hidden;



	clear:both;



	height:0;



}



img {



    vertical-align: middle;



	max-width:100%;



	display:block;



}



.main_wraper{



	width:72.79%;



	margin:0 auto;



	max-width:990px;



	padding-top:32px;



}



.banner_section{



	background:url(../img/banner1.jpg) no-repeat;



	height:220px;
	position:relative;


}



.icon_section{



	width:100%;



	overflow:hidden;



	background:url(../img/logo_bg.jpg) repeat-x;



}



.icon_section img{



	float:left;



	margin:0 2%;



}



.menu_section{



	width:100%;



	/*overflow:hidden;*/



	background:url(../img/menu_bg.jpg) repeat-x;



	height:37px;



	padding:12px 0 0;



}



.menu_section li{



	float:left;



	position:relative;



}



.menu_section li a{



	font-size:15px;



	line-height:18px;



	color:#ffffff;



	font-family:Arial, Helvetica, sans-serif;



	padding:24px 20px;



	position:relative;



}



.menu_section li a:after {



  content: "|";



  font-size: 19px;



  position: absolute;



  right: -7px;



  top: 21px;



  width: 1px;



  color:#696969;



}



.menu_section li:last-child a:after{



	content:"";



}



.menu_section li a:hover{



	color:#696969;



}

.menu_section ul.sub_menu
{
	display:none;
	position:absolute;
	top:184%;
	left:20px;
	background:#212121;
	border:1px solid #c9c9c9;
	padding:0
}
.menu_section ul.sub_menu li
{
	float:none;
	width:170px;
}
.menu_section ul.sub_menu a
{
	line-height:18px;
	padding:3px 8px;
	display:block;
	color:#c9c9c9;
	text-transform:uppercase;
	font-size:11px;
	font-weight:600;
}
.menu_section ul.sub_menu li:last-child a{
	border:none;
}
.menu_section ul.sub_menu a:hover{
	background:#fff;
	color:#df0101;
}
ul.sub_menu li a:after {
  content: "";
}
.menu_section ul li:hover > ul
{
	display:block
}

.content_sec{



	width:97%;



	background:#0f0f0f;



	padding:15px 15px 0;



	overflow:hidden;



}



.cont_lft{



	float:left;



	width:68%;



}



.cont_lft h2{



	font-family: 'Raleway', sans-serif;



	font-size:31px;



	line-height:20px;



	color:#dbe1df;



	display:block;



	padding-bottom:30px;



	font-weight:700;



}



.cont_lft h2 span{



	color:#d58104;



}



.cont_lft img{



	border:5px solid #373737;



	margin-bottom:35px;



}



.cont_lft p{



	font-size:13px;



	color:#c9c9c9;



	line-height:18px;



	padding-bottom:15px;



}



.cont_rt{



	width:30%;



	float:right;



}



.contact_info{



	background:#212121;



	-webkit-border-radius: 6px;



	-moz-border-radius: 6px;



	border-radius: 6px;



	width:100%;



	margin-bottom: 10px;



    padding-bottom: 10px;



}



.contact_info h3{



	background:#1e1f3d;



	-webkit-border-top-left-radius: 6px;



-webkit-border-top-right-radius: 6px;



-moz-border-radius-topleft: 6px;



-moz-border-radius-topright: 6px;



border-top-left-radius: 6px;



border-top-right-radius: 6px;



height:32px;



border-bottom:2px solid #aeaeae;



font-family: 'Raleway', sans-serif;



font-size: 18px; color:#FFF;



    font-weight: 400;



    padding: 11px 0 0 11px;



}



.contact_info strong{



	font-size:16px;



color:#fff;



font-weight:700;



font-family: 'Raleway', sans-serif;



display:block;



padding:13px 0 0 31px;



}



.contact_info span{



	font-size:16px;



color:#fff;



font-weight:400;



font-family: 'Raleway', sans-serif;



display:block;



padding:13px 0 0 31px;



}



.phn_number{



	margin:20px 0 20px 31px;



}



.phn_number em{



	background:url(../img/phn_icn.png) no-repeat;



	height:35px;



padding:10px 45px 10px 44px;



font-size:13px;



font-family:Arial, Helvetica, sans-serif;



color:#fff;



font-style:normal;



}



.contact_online{



	background:#212121;



	-webkit-border-radius: 6px;



	-moz-border-radius: 6px;



	border-radius: 6px;



	width:99%;



	margin-bottom: 10px;



    padding-bottom: 10px;



	margin-bottom:30px;



}



.contact_online h3{



	background:#1e1f3d;



	-webkit-border-top-left-radius: 6px;



-webkit-border-top-right-radius: 6px;



-moz-border-radius-topleft: 6px;



-moz-border-radius-topright: 6px;



border-top-left-radius: 6px;



border-top-right-radius: 6px;



height:32px;



border-bottom:2px solid #aeaeae;



font-family: 'Raleway', sans-serif;



font-size: 18px; color:#FFF;



    font-weight: 400;



    padding: 11px 0 0 11px;



	margin-bottom:15px;



}



.contact_online input[type="text"]{



	width:80%;



	background:#fff;



	border:none;



	height:20px;



	padding:3px;



	font-size:12px;



	color:#000;



	margin:0 0 5px 25px;



}



.contact_online textarea{



	width:80%;



	background:#fff;



	border:none;



	height:70px;



	padding:3px;



	font-size:12px;



	color:#000;



	margin:0 0 5px 25px;



}



.contact_online input[type="button"], .contact_online input[type="submit"]{



	background:url(../img/submit_btn.png) no-repeat;



	width:61px;



	height:21px;



	font-size:14px;



	line-height:18px;



	text-align:center;



	color:#000;



	margin-left:25px;



}



.contact_list{



	background:#0f0f0f;



}



.content_sec_list{



	background:#19182a;



	-webkit-border-radius: 6px;



	-moz-border-radius: 6px;



	border-radius: 6px;



	width:97%;



	margin-bottom: 10px;



    padding-bottom: 10px;



	overflow:hidden;



	margin:0 auto;



}



.orange{



-webkit-border-top-left-radius: 6px;



-webkit-border-top-right-radius: 6px;



-moz-border-radius-topleft: 6px;



-moz-border-radius-topright: 6px;



border-top-left-radius: 6px;



border-top-right-radius: 6px;



height:15px;



background:#7072ad;



margin-bottom:10px;



}



.content_sec_list ul{



	width:100%;



	float:left;



	margin:0 2%;



}



.content_sec_list li{



	background:url(../img/list_icn.png) no-repeat left center;



	font-size:13px;



	color:#c9c9c9;



	line-height:18px;



	padding:0 0 0 21px;



	margin-bottom:10px;



}



.content_foot_section{



	width:97%;



	background:#0f0f0f;



	padding:15px 15px 0;



	overflow:hidden;



}



.content_foot_section p{



	font-size:13px;



	color:#c9c9c9;



	line-height:18px;



	padding-bottom:15px;



}



.footer_section{



	background:#060606;



	width:100%;



	height:50px;



	text-align:center;



}



.footer_section p{



	font-size:13px;



	color:#5b524d;



	font-weight:bold;



	line-height:18px;



	padding:15px 0;



}

.phone {
  bottom: 7px;
  color: #ff6a26;
  display: block;
  font-size: 21px;
  left: 217px;
  position: absolute;
}



/*---------MEDIA QUERIES------*/



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



.main_wraper {



  margin: 0 auto;



  padding-top: 25px;



  width: 90%;



}



.banner_section{



	background-size:100% auto;



	height:65px;



}



.icon_section{



	background-size:100% auto;



}



.icon_section img {
  float: left;
  margin: 4px 1% 6px;
  width: 23%;
}



.menu_section{



	display:none;



}



.content_sec {



  width: 90%;



}



.cont_lft {



  float: none;



  width: 97%;



}



.cont_lft h2 {



  line-height: 29px;



  padding-bottom: 18px;



}



.cont_rt {



  float: none;



  width: 98%;



}



.content_foot_section {



  width: 90%;



}



.content_sec_list li {



  line-height: 15px;



}

.ddsubmenustyle, .ddsubmenustyle ul {

  background: none no-repeat scroll 50% 100% #333;

  border: 1px solid #c9c9c9;

  float: left;

  font: 11px Verdana;

  left: 0;

  list-style-type: none;

  margin-left: 0;

  margin-right: 0;

  margin-top: -25px;

  padding: 0;

  position: absolute;

  text-align: left;

  top: 269px;

  visibility: visible;

  width: 86%;

}
.phone {
  bottom: 3px;
  color: #ff6a26;
  display: block;
  font-size: 6.4px;
  left: 63px;
  position: absolute;
}

}

@media screen and (min-width:360px) and (max-width:400px){

.banner_section {

  height: 75px;

}
.phone {
  bottom: 5px;
  color: #ff6a26;
  display: block;
  font-size: 7.4px;
  left: 70px;
  position: absolute;
}
}

@media screen and (min-width:480px) and (max-width:600px){

.banner_section{

	height:99px;

}
.phone {
  bottom: 6px;
  color: #ff6a26;
  display: block;
  font-size: 9.4px;
  left: 94px;
  position: absolute;
}

}

@media screen and (min-width:640px) and (max-width:700px){

.banner_section{

	height:129px;

}

.icon_section img {

  float: left;

  margin: 6px 3%;

  width: 19%;

}
.phone {
  bottom: 5px;
  color: #ff6a26;
  display: block;
  font-size: 12.4px;
  left: 125px;
  position: absolute;
}

}

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

.banner_section {

  height: 158px;

}

.icon_section img {

  float: left;

  margin: 6px 3%;

  width: 19%;

}

.content_sec {

  width: 95%;

}

.cont_lft {

  float: left;

  width: 62%;

}

.cont_rt {

  float: right;

  width: 34%;

}
.phone {
  bottom: 9px;
  color: #ff6a26;
  display: block;
  font-size: 14.4px;
  left: 152px;
  position: absolute;
}
}

@media screen and (min-width:980px) and (max-width:999px){

.menu_section{

	display:block;

}

.main_wraper {

  width: 94.79%;

}	

.menu_section li a {

  padding: 24px 17px;

}

.banner_section {

  height: 208px;

}

.ddsubmenustyle, .ddsubmenustyle ul {

  background: none no-repeat scroll 50% 100% #333;

  border: 1px solid #c9c9c9;

  float: left;

  font: 11px Verdana;

  left: 676px !important;

  list-style-type: none;

  margin-left: 0;

  margin-right: 0;

  margin-top: -25px;

  padding: 0;

  position: absolute;

  text-align: left;

  top: 269px;

  visibility: hidden;

  width: 86%;

}

}

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

.main_wraper {

  width: 94.79%;

}	

.banner_section {

  height: 223px;

}
.phone {
  bottom: 11px;
  color: #ff6a26;
  display: block;
  font-size: 19.4px;
  left: 217px;
  letter-spacing: 1px;
  position: absolute;
}

}