@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);


html, body, ul, li, h1, h2, h3, h4, h5, h6, img, p, a, span, div { color: #777; font-family: "Open Sans", sans-serif; margin: 0; padding: 0; border:0px; text-decoration:none }
.clear {clear:both}
body { font-size: 14px; letter-spacing: 0.2px; background-color:#FFF; background-repeat:repeat; overflow-x: hidden; margin-bottom:100px }








#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 900px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    animation-name: zoom;
}


.modal-content, .section6_1 { height:1000px }






@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 90px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/*@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
*/



























.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.6s;
    padding-top: 0px;
	position: absolute;
	position:fixed;
}

.sidenav img {width:160px; padding-bottom:20px }

.sidenav a {
    padding: 3px 8px 3px 50px;
    text-decoration: none;
    font-size: 24px;
    color: #9da1a4;
    display: block;
    transition: 0.3s;
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-weight:normal;
	font-style:italic;
	
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    right: 25px;
    font-size: 32px;
    margin-left: 0px;
	padding:29px 0px 0px 32px;
	font-style:normal;
	
	
}


.sidenav .closebtn:after { font-family: FontAwesome; content: "\f00d"; font-size: 32px; color: #bfbfbf; position: relative; padding-right: 10px; bottom: 1px; }


.menuopen {font-size:40px;cursor:pointer; color: #fff;}
.menuopen:after { font-family: FontAwesome; content: "\f0c9"; font-size: 32px; color: #e8e8e8; position: relative; padding-right: 10px; bottom: 1px; }





@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 20px;}
}














.section1  {width:100%;height: 700px;background-image:url(../PIC/img1.jpg);background-size:cover;position: relative;background-attachment: fixed;background-position: center;background-repeat: no-repeat;  

-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);  top: 0px; display:inherit }

.section1 .section1_inner  { background-color:rgba(0, 0, 0, 0.10); position:relative; bottom:0px ; text-align:center; height: 700px}





.section1 .section1_inner .menu_dv { width:auto; height: auto; float:left;; padding:30px 0px 0px 30px }
.section1 .section1_inner .logo_dv { width:400px; height: 510px; background-color:rgba(0, 0, 0, 0.25); margin:0 auto; position:relative; bottom:-67px  }
.logo_dv .logo_img { width: 322px; padding-top: 33px; }

.language {float:left; width:225px; height:50px; position:absolute; top: 0; right: 0;}

.language a {color: #bbb; font-size: 16px; font-family: "Open Sans", sans-serif; text-decoration:none; display:block; float:left;     padding: 12px 24px 0px 0px; }
.language a img { width:20px; float:left; padding:4px 8px 0px 0px }


.section2  { width: 100% ; height:550px;  background-color:#603a16;  background-attachment: fixed;  position:relative;  
-webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);   margin-top: -72px;} 



/*.section2  { width: 110% ; height:680px;  background-color:#603a16;  background-attachment: fixed;  transform: rotate(-2.5deg); margin-left: -5%; margin-top: -5%;}
*/




 
 

.section2 .section2_inner  { width: 100%; object-fit: cover; overflow: hidden;  }
.section2 .section2_inner .text1_dv { width:525px; height: 475px;  margin:0 auto; position:relative; bottom:0px; text-align:center  }


.lineupdv {width:100%; float:left; text-align:center; margin-top: 100px;}

.text1_dv span {width: 90px; height: 7px; background-color: #9da1a4; display: block; margin:0 auto }
.text1_dv h1 { color: #9da1a4; font-size: 57px; font-style: italic; font-family: "Open Sans", sans-serif; text-transform:uppercase }
.text1_dv h2 { color: #9da1a4; font-size: 22px; font-style: italic; font-family: "Open Sans", sans-serif; text-transform:capitalize }
.text1_dv p { color: #8d8e8e; font-size: 20px; font-family: "Open Sans", sans-serif; padding-top:30px  }



.section3  { width:100%;  height:650px; background-image:url(../PIC/img2.jpg); background-size:cover;
position: relative;  background-attachment: fixed; background-position: center; background-repeat: no-repeat;  overflow: hidden; 
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%); margin-top: -72px; }

.section3 .section3_inner  { background-color:rgba(0, 0, 0, 0.10); position:relative; bottom:0px ; text-align:center; height: 650px}




.section4  { width: 100% ; height:580px;  background-color:#603a16;  background-attachment: fixed;  position: relative;
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%); margin-top: -72px;  }


.section4 .section4_inner  {  width: 100%; object-fit: cover; overflow: hidden; }
.section4 .section4_inner .text1_dv { width:525px; height: 490px;  margin:0 auto; position:relative; bottom:0px; text-align:center  }


.text1_dv h1 { color: #9da1a4; font-size: 57px; font-style: italic; font-family: "Open Sans", sans-serif; text-transform:uppercase }
.text1_dv h2 { color: #9da1a4; font-size: 22px; font-style: italic; font-family: "Open Sans", sans-serif; text-transform:capitalize }
.text1_dv p { color: #8d8e8e; font-size: 20px; font-family: "Open Sans", sans-serif; padding-top:30px  }




.section5  { width:100%;  height:700px; background-image:url(../PIC/img3.jpg); background-size:cover;
position: relative;  background-attachment: fixed; background-position: center; background-repeat: no-repeat;  overflow: hidden; 
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);  margin-top: -72px; }

.section5 .section5_inner  { background-color:rgba(0, 0, 0, 0.10); position:relative; bottom:0px ; text-align:center; height: 700px}















.section6  { width:100%; height:auto;  float:left; position:relative ; -webkit-clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%); clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%); margin-top: -72px; }


.section6_1 { width:100%; height:370px;  float:left ; position:relative ; 
-webkit-clip-path: polygon(0 19%, 100% 0, 100% 81%, 0 100%); clip-path: polygon(0 19%, 100% 0, 100% 81%, 0 100%); top: -351px; }
.section6_1_in { width: 100%; height: 500px;  background-attachment: fixed;  position: relative; float:left }

.section6_2 { width:100%; height:370px;  float:left ; position:relative ; 
-webkit-clip-path: polygon(0 19%, 100% 0, 100% 81%, 0 100%); clip-path: polygon(0 19%, 100% 0, 100% 81%, 0 100%);   top: -422px; }
.section6_2_in {width: 100%; height: 500px;  background-attachment: fixed;  position: relative; float:left}



















.section7up  {  background-color:#3a3a3a; width:100%; height:500px;  float:left; position:relative ;  -webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%); margin-top: -72px;}

.section7up .bot_logo_dv { width:50%; float:left; text-align:center }
.section7up .bot_logo_dv .logo_img  {width: 260px; padding: 90px 0px 0px 0px }
.section7up .bot_address_dv { width:50%; float:right; text-align:center }
.section7up .bot_address_dvin { width:320px; margin:0 auto ; padding-top:110px }

.section7up .bot_address_dvin h1 { text-align:left; padding-right: 122px; color: #9da1a4; font-size: 22px; font-family: "Open Sans", sans-serif; text-transform:uppercase;
letter-spacing: 1px;  width: 110px; padding-bottom: 12px;}

.section7up .bot_address_dvin span { text-align:left; padding-right: 0px; color: #9da1a4; font-size: 14px; font-family: "Open Sans", sans-serif; 
 width: 235px; float:left }














.text1_dv h1 { color: #9da1a4; font-size: 57px; font-style: italic; font-family: "Open Sans", sans-serif; text-transform:uppercase }
.text1_dv h2 { color: #9da1a4; font-size: 22px; font-style: italic; font-family: "Open Sans", sans-serif; text-transform:capitalize }
.text1_dv p { color: #8d8e8e; font-size: 20px; font-family: "Open Sans", sans-serif; padding-top:30px  }









.why_up { width:100%; height:auto; background-color:#FFF; border-bottom: 2px solid #e8e8e8;  border-top: 2px solid #e8e8e8; background-image:url(../PIC/bg-top.jpg) }
.why {margin:0 auto; height:515px; width:1060px; background-color:# ;}
.whybox {height:220px; width:33%; background-color:# ; float:left}
.why_img { text-align: center; padding-top: 35px;}
.why_text { text-align: center; }
.why_text .p1 { padding:5px 20px 5px 20px; font-size: 19px; color: #666; }
.why_text .p2 { padding:5px 25px 5px 25px; font-size: 13px; color: #666; }






.price_up { width:100%; background-color:#010715; border-bottom: 2px solid #e8e8e8; height:auto; padding-top:20px; background-image:url(../PIC/bg.gif);  }
.price {margin:0 auto; height:auto; width:1200px; background-color:# ; padding-bottom: 20px;}
.price img { width:100% }



.customer_up { width:100%; background-color:#; border-bottom: 0px solid #e8e8e8; height:490px; background-image:url(../PIC/customer.jpg); background-size:cover;
position: relative;  background-attachment: fixed; background-position: center; background-repeat: no-repeat; }
  
.customer {margin:0 auto; height:250px; width:1060px; background-color:# ;}
.customer_title { text-align:center; margin-bottom: 40px; }
.customer_title .p1 { padding:40px 20px 5px 20px; font-size: 25px; color:#f0f0f0 }
.customer_title .p2 { padding:0px 20px 20px 20px; font-size: 15px; color:#ddd }
.customer_content { margin:0 auto; height:250px; width:1060px; background-color:# ;}
.customer_content_box {height:280px; width:32%; background-color:# ; float:left;    padding: 5px;}

.customer_content_box_pic {  background-color:rgba(249, 249, 249, 0.96); height:40px; text-align:center; border: 1px solid #ddd; border-bottom:none  }
.customer_content_box_pic img { position: relative; top: -37px; }
.customer_content_box_inner { padding:13px 20px 5px 20px; background-color:rgba(249, 249, 249, 0.96);border: 1px solid #ddd;border-top:none; height: 217px;  }

.customer_content_box_inner p { font-size:13px }
.customer_content_box_inner p a { font-size:12px; text-decoration:none; color:#739d3b }

.content_box_p_name_1 { padding-top:22px }
.content_box_p_name_2 { padding-top:57px }
.content_box_p_name_3 { padding-top:75px }






.customer_up2 { width:100%; background-color:#; border-bottom: 0px solid #e8e8e8; height:1400px; background-image:url(../PIC/AA.jpg); background-size:cover; background-attachment:fixed  }

.customer2 {margin:0 auto; height:370px; width:1060px;}
.customer_title2 .p2 { padding:40px 20px 5px 20px; font-size: 27px; color:#f0f0f0; text-align: center; }

.customer_content2 { margin:0 auto; height:473px; width:1060px; background-color:# ; padding-top: 28px;}
.customer_content_box2  {height:473px; width:24%; padding: 0px 5px 0px 5px;  float:left; }


.customer_content_box2 .temname { display:block; position: relative; width:255px; height:43px; background-color:#000000d6; color: #ffffffc7; text-align: center; line-height: 39px;top: -42px;
border-top: 1px solid #00000021;  text-transform:uppercase;font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 14px;}

.customer_content_box2 .temname:hover   { transition: 0.4s; background-color: #000; color: #ffffffc7; height: 70px; top: -69px; line-height: 70px;}

.pricespan { display:block; position: relative; width:255px; height:43px; background-color:#023864 ; color: #ffffffc7; text-align: center; line-height: 42px;
border-top: 1px solid #00000021;  text-transform:uppercase;    margin-bottom: 10px;font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 18px;}




.customer_content_box_pic img { position: relative; top: -37px; }
.customer_content_box_inner2 { padding:0px 0px 5px 0px; background-color:rgba(251, 251, 251, 0.49) ;border: 0px solid #ddd;border-top:none; height: 465px; text-align: center; }
.customer_content_box_inner2 p { text-align:center }




.footer_up { width:100%; height:315px; background-color:#; border-bottom: 2px solid #e8e8e8; background-image:url(../PIC/footer.jpg); }
.footer {margin:0 auto; height:250px; width:1060px; background-color:none ;}
.footer_inner { width:32%; background-color:#; float:left }
.footer_inner_title { padding:30px 0px 0px 0px; font-weight:bold; color:#CCC; font-size:14px }
.footer_inner_des { padding:15px 60px 10px 0px; color:#777; font-size:11px }
.footer_inner a { font-size:12px;border-bottom: 1px solid #282a2b; display: block; padding: 10px 0px 7px 0px; text-decoration:none; color:#CCC }
.footer_inner a:hover { color:#999;}

.footer_up  div  div:nth-child(3) a:hover { color:#CCC;}
.footer_up  div  div:nth-child(4) a:hover { color:#CCC;}

.footer_up  div  div:nth-child(3) { padding-left: 20px; }

.copyright_up { width:100%; float:left; height:46px; background-color:#000; margin-top:30px }
.copyright { float:left }
.copyright_p { font-size:12px; color:#666; padding-top:15px }


.footer-social-icons { width: 300px; display:block; float:right; position: relative; bottom: 4px;} 

.social-icon { color: #fff; } 
ul.social-icons { margin-top: 9px;    width: 269px; float: right; } 
.social-icons li { vertical-align: top; display: inline; height: 100px; } 
.social-icons a { color: #ccc; text-decoration: none; font-size:16px } 

.fa-facebook { padding:10px 15px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-facebook:hover { background-color: #3d5b99; } 
.fa-twitter { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-twitter:hover { background-color: #00aced; } 
.fa-instagram { padding:10px 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-instagram:hover { background-color: #a834b1; } 
.fa-youtube { padding:10px 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-youtube:hover { background-color: #e64a41; } 
.fa-google-plus { padding:10px 9px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-google-plus:hover { background-color: #e25714; }
.fa-skype { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-skype:hover { background-color: #02a6e5; }
.fa-whatsapp { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-whatsapp:hover { background-color: #0dc143; }









.content{ margin:0 auto; width:1060px; height:auto; background-color:#000; padding-top:3px; border: 0px solid #ddd;}

/*TITLE STYLES START*/
.content_wrap { margin: 0 auto 3px auto; padding: 0; overflow: hidden; background: #fbfbfb; border: 0px solid #ddd; height:auto; }
.content_category { width:230px; border-left: none; border-top:none}
.content_pages { width:230px; border-left: none; border-top:none}
.content_gallery { width:821px; }
.content_description { width:821px; }
.content_policies { width:821px; }
.content_featured_categories { width:821px; }

.content_title_outer { padding: 7px 10px 7px 15px; border-bottom: 1px solid #f0f0f0; float:left; background-color:#212121; width: 796px; }

.content_title { padding: 0; font: 400 15px "Open Sans", sans-serif; color: #f5f5f5; text-transform: uppercase;  }
.category_title {  }
.pages_title {}
.description_title {  }
.policies_title {}
.featured_categories_title {}

.content_title  span { color: #111; }
/*TITLE STYLES END*/



/*LEFT SECTION START*/
.left_bar{ width:230px; height:auto; float:left; padding-left:3px}
.left_content { display:block; padding:0px 0px 4px 0px; width:228px; height:auto; float:left }
.left_content .ula { width: 230px;list-style: none;padding: 0px ;margin-top: 0px;margin-left: 0px;display: block;}
.left_content .lia { position: relative;display: block;height: 30px;line-height: 30px; border-bottom:none; background-color:#fbfbfb; border-bottom: 1px solid #F4F4F4; }
.left_content .lia:hover { background-color:#FAF8F8; color:#1A5997; cursor:pointer }
.left_content .lia:last-child { border-bottom: 0px}
.left_content .lia a img { width:24px; float:left; padding:4px 0px 0px 17px; }
.left_content .aa { text-indent: 15px; text-align: left; text-decoration: none; font: 12px 'Open Sans', sans-serif; display: block; height: 28px; color:#000; text-transform:uppercase; line-height:29px; }
.left_content .aa:hover {  }

.payment { margin:0px 10px 4px 0px; float:left; width:230px; height:303px; background-image:url(../PIC/secure_payment.jpg) }
.left1 { margin:6px 10px 4px 0px; float:left; width:230px; height:400px; background-image:url(../PIC/left1.jpg) }
/*LEFT SECTION END*/



/*MIDDLE SECTION START*/
.middle_bar{ width:821px; height:auto; float:left; margin-left:3px}
/*MIDDLE SECTION END*/



/*FEATURED CATEGORIES START*/
#fc_main_div { width:100%; height:auto; float:left; padding-bottom: 12px; }
#img_div {width: 268px; height: 177px; float:left; }
#img {  float:left ;padding: 11px 0px 0px 16px; }
#img:hover {  opacity:0.8;}
/*FEATURED CATEGORIES END*/



/*DESCRIPTION CONTENT START*/
.title_new { width:821px; height:auto; background-color:#fbfbfb;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;}
.title_new .dv1 { padding:20px 10px 20px 30px}
.title_new .dv1 p { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center}

.description_content { width:821px; height:auto; background-color:#fff;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;}
.description_content .dv1 { padding:25px 10px 20px 30px}
.description_content .dv1 p { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center}

.description_content .dv2 { background-color:#f9f9f9; margin-right:20px; border:0px; padding:0px; border:1px solid #e8e8e8 }
.description_content .dv2 p { font-family:'Lato'; font-size:15px; font-weight:normal; color:#666; padding:0px; text-align:left; padding:20px }
.description_content .dv1 h3 { font-family:'Lato'; font-size:18px; padding:20px 0px 0px 0px }
.description_content .dv1 .dv3 { background-color:#; margin-left:18px; border:0px; padding:0px }
.description_content .dv1 .dv3 ul li { font-family:'Lato'; font-size:14px; line-height:1.7; }
.dv3 ul li { font-size:14px }
/*DESCRIPTION CONTENT END*/



/*POLICIES CONTENT START*/
.policies_content { width:821px; height:auto; background-color:#FFFFFF;margin:0 auto; float:left; margin:0px 0px 0px 0px}
.tabbed_content { width:799px; height:auto;background-color:#FFFFFF;margin:0 auto; padding:10px}
.tabbed {margin: 0 auto; min-width: ; max-width: ; font: 16px "Open Sans", sans-serif;; margin-bottom:10px; width: 806px;}
.tcontent {background: #FFFFFF; color: #FFFFFF; font: 14px "Open Sans", sans-serif;; width:796px; border: 1px solid #ddd;  border-top: none;}
.tcontent > div {display: none; padding: 20px 25px 20px; background-color:#fff }
.tcontent > div ul {list-style:none}

.tabbed input {display: none;}
.tabbed label {display: inline-block; padding: 12px 1px 12px 0px; font-weight: normal; text-align: center;background: #fff; color:#000; width:19%; 
border: 1px solid #ddd; text-transform:uppercase;}
label:hover {color: #000; cursor: pointer;}
input:checked + label {background: #111; color: #fff;; width:19%; text-transform:uppercase}
.tabbed label img { float:left; padding-right:5px; width:30px }
#content1 ul img { position:relative; right:-2px; bottom:-10px; width:205px }
#tab1:checked ~ .tcontent #content1,
#tab2:checked ~ .tcontent #content2,
#tab3:checked ~ .tcontent #content3,
#tab4:checked ~ .tcontent #content4,
#tab5:checked ~ .tcontent #content5{display: block;}
/*POLICIES CONTENT END*/



/*FOOTER START*/

/*Animation*/
.scroll-right {
 height: 50px;	
 overflow: hidden;
 position: relative;
     right: -px;
}
.scroll-right p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 64px;
 text-align: center;
 
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); 
 -webkit-transform: translateX(100%); 
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); 
 -webkit-transform: translateX(-100%); 
 transform: translateX(-100%); 
 }
}
/*Animation*/
/*FOOTER END*/


@media (max-width: 1125px) {
.price { width:100% }
}

@media (max-width: 1060px) {
	
.topbanner_up {  width:100%; float:left; height:auto}	
.topbanner { height:auto; width:100%; float:left }
.logo { width:100%; text-align:center }

.main_manu_div_up { height:auto ; width: 100%;}
.main_manu_div { padding-top: 0px; height:45px }

.why_up { width:100% }
.why{ width:100% }
.customer_content {  float:left; width:100%;height:auto }

.price_up { float:left; padding-top: 0px; width:100%; height:auto }
.price { float:left; width:100%; height:auto; padding-bottom: 0px; }
.price img { float:left; width:100%; height:auto}

.customer_up { float:left; width:100%;height:auto }
.customer { float:left; width:100%;height:auto; padding-bottom:10px }
.customer_title .p1 {padding: 13px 20px 5px 20px; }
.footer_up { float:left; width:100%;height:auto }
.footer { float:left; width:100%;height:auto }

.footer_inner { width: 23%; }
.footer_inner:nth-child(1) { padding-left: 20px; }


#slider_main_div { width:100%; padding-bottom: 9px;}
div#captioned-gallery { width: 100%; overflow: hidden; width:100%; height:auto }	

.main_manu_div { width:100% }
.menubar_div { width:100% }
.store_image { display:none }
.homea { display: inherit; }
.menubar{ width:100%; height:auto;}
.menubar-menu{ width:100%; height:auto ;background-image:url(../PIC/bg1.png)}

.title_new { width:100%; }
.title_new .dv1 { padding:25px 20px 20px 20px}

.content{ width:100%;  padding-top:15px}
.left_bar{ display:none }

.content_title { background: url() no-repeat right ; }
.featured_categories_description { display:none }


.content_wrap {border-left:none; border-right:none;  background: #FFF; }
.content_gallery { width:100%; }
.content_description { width:100%; }
.content_policies { width:100%; }
.content_featured_categories { width:100%; }

.content_title_outer { width:100%; }
.description_title { height:auto }

.middle_bar{ width:100%; margin-left:0px }



.description_title{ width:100%; height:auto; margin:0 auto; margin:0px 0px 0px 0px}
.description_content { width:100%; height:auto; margin:0 auto; padding:0px; border:0px}


.social-icons-bottom{display:inherit;width:100%; height:auto; }
.social-icons-bottom a img{ display:inherit; }
.social-icons-bottom a img:hover{ display:inherit;}

.social-icons-bottom{margin:0px;}


/*MENU*/
nav { margin: 0; background-color:#FFF } 
.toggle + a, .menu { display: none; } 
.toggle { display: block; background-color: #777; padding:14px 20px; color:#FFF; font-size:17px; text-decoration:none; border:none; background-image:url(../PIC/bg1.png) } 
.toggle:hover { background-color: #666; color:#FFF } 
[id^=drop]:checked + ul { display: block; width:100% } 
nav ul li { display: block; width: 100%; } 
nav ul ul .toggle, nav ul ul a { padding: 0 40px; } 
nav ul ul ul a { padding: 0 80px; } 
nav a { padding: 6px 20px; }
nav a:hover, nav ul ul ul a { background-color: #f0f0f0; opacity:0.9; color:#212121 } 
nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a{ padding:14px 20px; color:#FFF; font-size:17px; } 
nav ul li ul li .toggle, nav ul ul a { background-color: #212121; } 
nav ul ul { float: none; position:static; color: #ffffff; } 
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; } 
nav ul ul li { display: block; width: 100%; } 
nav ul ul ul li { position: static; }
/*MENU*/

.footer{ width:100%;  background-color:#; margin-top:0px }

.footer_div1 { display:none }
.footer_div2 { width:48%; height:50px;  }
.footer_div3 { width:48%; height:50px; }
.footer_div4 { display:none }

.scroll-right p { line-height: 58px; }

.social-icons-bottom{display:;width:; height:auto; background-color:#; margin:0 auto; margin-top:0px; text-align:right; padding:13px 7px 0px 0px; }
.social-icons-bottom a img{ display:;width:33px;  }
.social-icons-bottom a img:hover{ display:; opacity:0.8 }

}



@media (max-width: 940px) { 

.customer { padding-bottom: 5px; }
.customer_content_box { height: auto; width: 100%; padding: 5px 0px 5px 0px;}
.customer_content_box_inner { height: auto;}

.content_box_p_name_1 { padding:22px 0px 20px 0px; }  
.content_box_p_name_2 { padding:22px 0px 20px 0px; }
.content_box_p_name_3 { padding:22px 0px 20px 0px; }


}


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

.footer_inner { width: 46%; }
.footer_up { background-image: url(../PIC/bg2.jpg);} 

.footer_up div div:nth-child(2) { padding-left: 20px; }
.footer_up div div:nth-child(4) { padding-left: 20px; }

.copyright_up { height:76px }
.copyright { width:100% }
.copyright_p { text-align: center; }

.footer-social-icons { width:100%; text-align:center }

}



@media all and (max-width : 750px) {
.why_up { width:100%; height:auto; float:left }
.why  { width:100%; height:auto; float:left;padding-bottom: 20px; }
.whybox { width:50%; height:auto; float:left }
.middle_banner_up  { float:left}


}



@media all and (max-width : 645px) {
.middle_banner_up_dv .mp2 { line-height: 49px; top: -15px;}
.middle_banner_up_dv .mp3 { top: -12px;}
}




@media all and (max-width : 550px) {

.footer_inner { width:100% }
.footer_inner { width:90% }

}




@media all and (max-width : 450px) {
.why  { padding-bottom: 40px; }
.whybox { width:100%}

.copyright_up {height: auto;}

.middle_banner_up { height:auto }
.middle_banner_up_dv  {  bottom:0px }


.middle_banner_up_dv .mp1  { font-size:60px;}
.middle_banner_up_dv .mp2 {font-size:28px; position: relative;top: -20px;}
.middle_banner_up_dv .mp3 {font-size:13px; top: -25px;}

}


@media all and (max-width : 338px) {
.middle_banner_up_dv .mp2 { line-height: 26px; top: -12px;}
.middle_banner_up_dv .mp3 { top: -12px;}
}


@media all and (max-width : 330px) {
nav ul li { display:block;}
}


@media all and (max-width : 290px) {
.middle_banner_up_dv .mp1  { font-size:45px;}
.middle_banner_up_dv .mp2 {font-size:18px; position: relative;top: -12px;}
.middle_banner_up_dv .mp3 {font-size:9px; top: -17px;}
}