/* CSS Document */
tr, td, table, section, figure, header, foter, video, audio, nan, menu, hgroup, h1, h2, h3, h4, h5, h6, li, ul,ol, p, form, input {
margin:0px;padding:0px;border:none;outline:none;}
img {max-width:100%;border:0px;}
body {font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#8a8683;padding:0px;margin: 0px;background:url(../images/bdy_main_bg.jpg) no-repeat scroll top center #ffffff;}
*{border:none;outline:none;text-decoration:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}


h1{color: #0657a1;padding:0; font-family: 'Roboto', sans-serif; font-size: 30px;font-weight:300; padding:35px 0 20px 0; margin-top:12px;line-height:normal; }
p{color: #676767;padding:0; font-family: 'Roboto', sans-serif; font-size: 14px;line-height:24px;  font-weight:300;  padding: 12px 0;}


@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
/****DEFAULT ELEMENTS****/

/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/
#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;padding:0 2%;margin:0 auto;}
/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%; padding-top: 12px;}
.logo{ float:left; }

/*------------Navigation Start------------*/
@media(min-width:768px){
#navigation {float:right; width:65%; padding-top: 20px;text-align:right;}
#navigation ul {list-style-type:none;}
#navigation ul li {display: inline-block;vertical-align:top;padding: 0;margin: 0; background:#FFF; margin: 0 0 0 10px;}
#navigation ul li a {color: #333; text-decoration: none;display: block;padding:0px 15px;font-family: 'Roboto', sans-serif;font-size: 16px;text-align:center; text-transform: uppercase;line-height:25px; font-weight:300; }
#navigation ul li.active a, #navigation ul li:hover a{ color:#0557a2;}
}

#navigation ul li img{padding:20px 0 0 0;}
/*------------Navigation End------------*/
#banner_section{ width:100%;position:relative; background:url(../images/banner_bg.png) no-repeat scroll top center; margin-top:12px;}
.banner_img{/*min-height:511px; */padding: 10px 0;}
.header_line_bg{background:url(../images/header_line_bg.png) repeat-x scroll top center; min-height:2px; margin-top: 5px;}



#content{width:100%; background:#f4f2f2; margin-top: 8px;}
.all_page{ width:100%;/* padding: 0 0 102px;*/ overflow: hidden;}
.about_img{text-align: center !important;width:100%;}

/*contact page*/
.contact_page{width:100%;padding-bottom:30px;overflow:hidden;}
.contact_page_left{ width:64%; float:left;}
.fild_box{background: #FFF none repeat scroll 0 0; border: 1px solid #c3c2c2;color: #000; font-family: 'Roboto', sans-serif; font-size: 12px; height: 50px;width: 96.4%;margin-bottom: 18px;padding: 0 0 0 2%; line-height:22px;}
.form_left{width:66.69%; float:left;}
.fild_box_left{width:49.5%; float:left;}
.fild_box_right{width:49.5%; float:right;}
.textarea_box{width:96.4%; border: 1px solid #c3c2c2; height:18px; background:#FFF; resize:none; color:#777777; color: #000; font-family: 'Roboto', sans-serif; font-size: 12px; height: 169px;padding: 20px 0 0 12px;}
.form_left p{ display:block; width: 48%;}
.submit_btn{ width: 48.8%; background:#0557a2; height:50px; font-family: 'Roboto', sans-serif; font-size:15px;line-height:24px;color:#FFF; text-transform:uppercase; 
cursor:pointer; float:left;}
.contact_page_right{ width:25.83%; float:right;}
.contact_page_right h2{color: #00357f; padding:0; font-family: 'Roboto', sans-serif; font-size: 18px;line-height:24px; padding: 0 0 12px; }
.contact_page_right p{color: #000; padding:0; font-family: 'Roboto', sans-serif; font-size: 16px;line-height:20px;  font-weight:400; padding: 0 0 12px; }
.location{ background:url(../images/location_icon.png) no-repeat scroll left center;}
.location p{color: #676767;padding:0; font-family: 'Roboto', sans-serif; font-size: 14px;line-height:24px;  font-weight:400;  padding: 3px  0 3px 55px;}
.contact{ background:url(../images/contact_icon.png) no-repeat scroll left center;}
.contact p {color: #676767;padding:0; font-family: 'Roboto', sans-serif; font-size: 14px;line-height:24px;  font-weight:400;  padding: 15px  0 15px 55px;}
.contact p a{color: #676767;}
.mail{ background:url(../images/mail_icon.png) no-repeat scroll left center;}
.mail p{color: #676767;padding:0; font-family: 'Roboto', sans-serif; font-size: 14px;line-height:24px;  font-weight:400;  padding: 15px  0 15px 55px;}
.mail p a{color: #676767;}


/*design page*/
.design_page{ width:100%; overflow:hidden;}
.design_page p{color: #676767;font-family: 'Roboto', sans-serif; font-size: 14px;line-height:24px;  font-weight:400; padding:15px 0; }
.standard_features{ width:100%; margin:50px 0;}
.standard_features h3{color: #0557a1; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; text-transform:uppercase; font-weight:300;}
.standard_features p span{color: #000000; font-family: 'Roboto', sans-serif; font-size: 14px;line-height:24px; }
.standard_features p a{ color:#65c145; font-weight:400; }
.testimonials{ width:126%; background:#e3e2e2;  padding: 50px 0; margin-left: -155px !important;}
@media screen and (min-width: 0px) and (max-width: 1240px) {
.testimonials {
	width: 100%;
	margin: 0 20px;
    margin-left: 0px !important;
}
}
.testimonials h2{color: #0557a1; font-family: 'Roboto', sans-serif; font-size: 30px;line-height:40px; font-weight:400;}
.testimonials p{color: #676767; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:300; font-style:italic; margin-top:42px;}
.testimonials h3{color: #0657a1; font-family: 'Roboto', sans-serif; font-size: 16px;line-height:24px; font-weight:600; margin-top:42px;}
.testimonials h3 span{ color:#000; font-weight:400;}
/*trailer_page*/
.trailer_page{ width:100%;}
.trailer_page h2{color: #000000; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:400;}
.looking_pic{ width:100%; margin:42px 0;}
.trailer_page h3{color: #000000; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:400; text-transform:uppercase;}
.trailer_page p{color: #676767; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:300; margin:20px 0 30px;}
.trailer_page a{ color:#00357f; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px;}
.trailer_page_list {list-style-type: none; width:100%; margin:30px 0 55px 2%;}
.trailer_page_list ul {list-style-type: none;}
.trailer_page_list ul li {background: url("../images/arrow_list.png") no-repeat scroll left center;}
.trailer_page_list ul li a {text-decoration: none; font-family: 'Roboto', sans-serif; font-size:14px;line-height:18px; color:#676767; margin-bottom:20px;margin-left:2%;display:block;}
/*payment_delivery_page*/
.payment_delivery_page{width:100%;}
.payment_delivery_page_left{ width:49.66%; float:left;}
.payment_delivery_page_left h2{color: #000000; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:400; text-transform:uppercase; padding:20px 0;}
.payment_delivery_page_left p{color: #676767; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:300;}
.payment_delivery_page_right{ width:41.41%; float:right;}
/*returns_page*/
.returns_page{ width:100%;}
.returns_page h2{color: #000000; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:400;}
.returns_page h3{color: #000000; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:400;}
.returns_page p{color: #676767; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:300; margin: 5px 0 15px;}
.returns_page h4{color: #000000; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:24px; font-weight:400; text-transform:uppercase;}
/*payment*/
.payment_delivery_page_row{ width:100%; margin-bottom:70px; overflow: hidden;}
@media screen and (min-width: 0px) and (max-width: 920px) {
.payment_delivery_page_row {
	margin-bottom: 11px;
}
}
.payment_left{ float:left;/*width:701px;*/width:58.41%; margin: 0px 40px 0px 85px;}

@media screen and (min-width: 0px) and (max-width: 920px) {
.payment_left {
	max-width: 100%;
	margin: 0 20px;
}
}
.payment_right{overflow:hidden;}
@media screen and (min-width: 0px) and (max-width: 920px) {
.payment_right {
	max-width: 100%;
	margin: 0 20px;
}
}
.payment_list {list-style-type: none; margin:25px 0 ; float:left;}

.payment_listsss {list-style-type: none; margin:25px 0 ; float:none;}
.payment_list ul {list-style-type: none;}
.payment_list ul li { display:block;}
.payment_list ul li a {text-decoration: none; font-family: 'Roboto', sans-serif; font-size:14px;line-height:24px; color:#676767; margin-bottom:15px; display:block;}
.payment_right h3{color: #000000; font-family: 'Roboto', sans-serif; font-size: 18px;line-height:24px; font-weight:400; text-transform:uppercase;}



#footer{width:100%; padding-top: 12px;}
.line{ border-top:1px solid #686868; padding:20px 0 0 0;}
.footer_left{ float:left;}
.footer_left ul { list-style-type:none;}
.footer_left ul li {display: inline-block;padding: 0;margin: 0; background:url(../images/footer_nav_line.png) no-repeat scroll left center;}
.footer_left ul li a {color: #000000; text-decoration: none;display: block;padding:0px 8px;font-family: 'Roboto', sans-serif;font-size: 13px;text-align:center; line-height:18px;}
.footer_left ul li:first-child{ background:none;}
.footer_right{float:right;}
.footer_left p{color: #6c6c6c; padding:20px 0; font-family: 'Roboto', sans-serif; font-size: 13px;line-height:27px; text-align:left; }
.footer_left p span{ color: #000;}
.footer_right p{color: #000000;padding:0; font-family: 'Roboto', sans-serif; font-size: 13px;line-height:24px; text-align:left; display:inline-block; vertical-align: top;}
.copy_right_text{ width:100%;  padding: 26px 0 12px;}
.copy_right_text p{color: #000000;padding:0; font-family: 'Roboto', sans-serif; font-size: 11px;line-height:24px; text-align:center; font-weight:300;}

.order{ width:100%;}
.order h5{color: #676767;
font-family: "Roboto",sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 400;
padding:0 0 20px 0;
}

@media(max-width:1236px){	
#navigation ul li a {padding: 0 6px;font-size: 14px;}
.payment_left {
    float: left;
    width: 53%;
}
}
@media(max-width:1023px){
.logo {float: left;width: 36%;}
#navigation ul li a {font-size: 11px;padding: 7px 0px;}
#navigation {padding-top: 6px;width: 63%;}
.banner_img {min-height: 261px;}
}
@media(max-width:767px){

.logo {float: none;text-align: center;margin:0 0 10px 0;width: 100%;}
#navigation {float: none;margin-bottom: 10px;width: 100%;}
.banner_img {min-height:110px;}
.footer_left {float: none;text-align: center;}
.copy_right_text p {font-size: 16px;}
.footer_right {float: none;text-align: center;}
/*contact page*/
.contact_page_left {float: none;width: 100%;}
.fild_box_left {float: none;width: 100%;}
.fild_box_right {float: none;width: 98%;}
.submit_btn {margin-top: 20px;width: 99%;}
.contact_page_right {float: none;width: 100%;overflow: hidden;}
.contact_page_right h2 {margin-top: 20px;}
.textarea_box {padding: 20px 0 0 5px;width: 99.4%;}
/*trailer_page*/
.trailer_page_list ul li a {margin-left: 6%;}
.trailer_page_list ul li {background: rgba(0, 0, 0, 0) url("../images/arrow_list.png") no-repeat scroll left 2px;}
/*payment_delivery_page*/
.payment_delivery_page_left {float: none;width: 100%;}
.payment_delivery_page_right {float: none;width: 100%;text-align: center;}
.payment_right {float: none;margin: 0;width: 100%;}
.payment_left {
    float: none;
	 text-align: center;
}

.about_img{width:100%;text-align:center;float:none;margin:0 0 30px 0;}
.payment_left{width:100%;text-align:center;float:none;margin:0 0 30px 0;}






}