@charset "utf-8";
/* CSS Document */

body{margin:0px;font-family: 'century gothic';font-size: 17px;}
h1,h2,h3{font-family: 'century gothic';font-weight: 560 !important}
.full-wrapper{width:100%;  max-width:1600px;}
.backfullwrapper{width:100%; float:left; background:url(../images/bg1.jpg) repeat; background-attachment:fixed;}
.wrapper { width:1100px;  margin:0 auto;}
.backwrapper{  float:left; background:#fff ;}
header{ float:left; width:100%;background-color:#fff; z-index:999;position: fixed;top: 0;}

.h_top{ float:left; width:100%; background:#fff;border-radius: 8px; }
.header1{/*! float:left; */ /*! width:100%; */ /*! background:#fff; *//*! border-radius: 8px; *//*! margin-top: 0px; */ /*! position:fixed; */ /*! z-index:9999; *//*! top:0; */}

.h_top .logo{ float:left; width:27%;margin-top: 10px;}
.h_top .logo img{ float:left; width:90%}
		
.nav-main{float:right; width:66%; }	
.nav-main nav{ }
.nav-main nav ul {float: right;margin-top: 30px;width: auto; text-align:center;}
.nav-main nav ul li{ float:none; list-style:none; display:inline-block; }

.nav-main nav ul li a {color: #000000;float: left;font-size: 14px;padding: 13px;text-decoration: none;text-transform: uppercase; font-weight:bold;
text-align:left; font-family: 'century gothic';}
.nav-main nav ul li a:hover{  border-radius:1px;  }
.active{ border-bottom:3px solid #0a9fdc !important; color:#0a9fdc !important;}
.parent{ position:relative;}
.parent:hover ul.child{display:block;}
.child a{ color:#fff !important}
.child{ position:absolute; top:41px; left:0px; background:rgba(83, 189, 239, 0.89); display:none; margin:0 !important; width:210px !important;}
.child li{ margin:0 !important; float:left; width:100%; margin:2px 0; padding:0;}
.child li a{  text-align:left; width:82%; padding:10px 9% !important;}
.contentwrapper{ float:left; width:100%}
.innerwrapper{ float:left; width:100% ;margin-top: 25px; }

.banr{ float:left; width:100%;border-bottom:4px solid #fdfcf7; margin-top: 94px;}
.banr img{ float:left; width:100%}
.banr .bnr_tst{ float:right; width:40%; }
.banr .bnr_tst .bnr_p{ font-size:35px; text-transform:uppercase;font-weight:300}
.banr .bnr_tst .bnr_bl{ font-size:45px; }



a{ text-decoration:none;}
h1{ text-transform:uppercase; font-size:30px; color:#4b4f52; float:left; width:100%; text-align:center }
h2{ font-size:25px;text-transform:uppercase}
h4{text-transform:uppercase; font-size:20px; color:#4b4f52}
h5{
	text-transform:uppercase; 
	font-size:20px; 
	color:#fff; 
	margin:20px 0 4px 0;
	text-align: center;
	background: rgba(10, 159, 220,0.8);
	border-radius: 5px; 
	float:left; 
	width:97% 
}
p{line-height: 25px;}
ul{ margin:0; padding:0}
li{ list-style:none; }
.lli{background:url(../images/ll.png) left center no-repeat;padding: 5px 5%;}
.hh1{ margin-left:3%; margin-bottom:0 }


.one{
        background-color: yellow;
    }

    .row{
        position: relative;
        float: left;
        width: 100%;
        margin-top: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .row a{
        text-decoration: none;
        color: black;
        font-family: 'century gothic';
    }

    .col-md-4{
        float: left;
       
        border-radius: 5px;    
        margin-left: 90px; 
        width: 250px;  
        height: 150px;
        -webkit-box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.2); 
    box-shadow: 2px 2px 3px 4px rgba(0,0,0,0.2); 
        
    }

    .media,.media2{
        width: 250px;
        height: 215px;
        margin-top: 20px;
        margin-left: 180px;
        -webkit-box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 3px 4px rgba(0,0,0,0.2);
    }




    .col-md-4 img{
        width: 200px;
        -webkit-box-shadow: 3px 4px 4px 1px rgba(225,225,225,1);
    -moz-box-shadow: 3px 4px 4px 1px rgba(225,225,225,1); 
    box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.3);
    transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    
    }

    .col-md-4 img:hover{
        width: 230px;
        height: auto;
         
    }

    .col-md-4 button{
        margin-top: 5px;
        background-color: #fff;
        border: 2px solid rgba(10, 159, 220,0.6);
        border-radius: 5px;
        padding: 10px;
        
    }

    .col-md-4 button:hover{
        background-color: rgba(10, 159, 220,0.8);
        border: 1px solid rgba(10, 159, 220,0.8);
        
    }

    .col-md-4>button>a{
        color: #000000;
    }

    .col-md-4>button>a:hover{
    	color: #fff;
        font-weight: 580;
        
    }

.panal1{ width:90%; float:left; text-align:center;padding: 0 5%; border-bottom:1px solid #999}
.panal1 .spann{padding: 30px 0 50px;}
.panal1 p{ margin-bottom:5px; margin-top:0; text-align:justify;}
.panal1 a{ padding:10px; border:1px solid #0a9fdc; color:#0a9fdc}
.panal1 a:hover{ background:#0a9fdc; color:#fff }

.panal2{ width:100%; float:left; text-align:center ;padding: 0 0 25px; border-bottom:1px solid #999; }
.panal2 .top{ width:100%; float:left; margin-top: 25px; text-align:center;padding:0 0 20px 0; overflow:hidden;}
.panal2 .top h2{ color:#4b4f52; font-weight:500}
.panal2 .btm h2{ color:#4b4f52; font-weight:500}

.panal2 .top ul{ margin:0; padding:0; width:100% !important; text-align:center;}
.panal2 .top ul li{ float:left;  margin:0 1%; display:inline-block; list-style:none; text-align:center;}
.panal2 .top ul li .p2_1{float:none; width:75%;*background:url(../images/li1.png)no-repeat; background-size: 100% 100%;padding: 10px 6% 0 6%; text-align:center ; display:inline-block;z-index:0;position:relative;outline:1px solid #e1e1e1;outline-offset:-1px; background:#f1f1f1; height:230px;}
.panal2 .top ul li .p2_2{float:none; width:75%;*background:url(../images/li2.png)no-repeat; background-size: 100% 100%;padding: 10px 6% 0 6%;; text-align:center;display:inline-block;outline:1px solid #e1e1e1;outline-offset:-1px; background:#f1f1f1;height:230px;}
.panal2 .top ul li .p2_3{float:none; width:75%;*background:url(../images/li3.png)no-repeat; background-size: 100% 100%;padding: 10px 6% 0 6%; text-align:center;display:inline-block;outline:1px solid #e1e1e1;outline-offset:-1px; background:#f1f1f1;height:230px;}
.panal2 .top ul li .p2_4{float:none; width:75%;*background:url(../images/li4.png)no-repeat; background-size: 100% 100%;padding: 10px 6% 0 6%; text-align:center;display:inline-block;outline:1px solid #e1e1e1;outline-offset:-1px; background:#f1f1f1;height:230px;}
.panal2 .top ul li .p2_5{float:none; width:75%;*background:url(../images/li5.png)no-repeat; background-size: 100% 100%;padding: 10px 6% 0 6%; text-align:center;display:inline-block;outline:1px solid #e1e1e1;outline-offset:-1px; background:#f1f1f1;height:230px;}
.panal2 .top ul li .p2_6{float:none; width:75%;*background:url(../images/li6.png)no-repeat; background-size: 100% 100%;padding: 10px 6% 0 6%; text-align:center;display:inline-block;outline:1px solid #e1e1e1;outline-offset:-1px; background:#f1f1f1;height:230px;}
.panal2 .top ul li .p2_7{float:none; width:75%;*background:url(../images/li7.png)no-repeat; background-size: 100% 100%;padding: 10px 6% 0 6%; text-align:center;display:inline-block; outline:1px solid #e1e1e1;outline-offset:-1px; background:#f1f1f1;height:230px;}
.left1{ width:94%; float:left; padding: 0 4% 0 2%;    text-align: justify;}
.p2-1{float:right; width:52px; margin-right:3%;}
.p2-1 img{float:left; width:100% !important;height:240px !important ;}



 .one{ line-height:15px; font-size:22px; font-weight:700;color: #E42222;}
 .two{line-height:15px; font-weight:400;color:#1686cc; text-align:center; font-size:15px; outline:1px solid #0a9fdc; display:inline-block; padding:7px 5%; transition:all 1000ms ease;z-index:99; position:relative;}
 .two:hover {background:#069; color:#fff;}
.panal2 .top ul li img{width: 350px; float:none; text-align:center; height:81px;}
.cl001{width:3%; margin-right:1%;}
p.big{font-size:17px !important; text-transform:capitalize;}
.panal2 .btm{ padding: 0 5%;    width: 90%; float:left;margin:20px 0 }
.panal2 .btm p{text-align:justify;}
.panal2 .btm img{ float:left; width:70%; margin:25px 15%}

.panal3{ width:100%; float:left; padding: 0 0 25px;margin:25px 0}
.col{ color:RGB(27, 167, 228); float:left; width:40%}
.col3{ color:RGB(27, 167, 228); float:left; width:45%}

.col1{ color:#fff; font-size:20px; float:left; width:100%; padding:10px 0; margin:10px 0; background:#1686cc; text-indent:10px}
.col2{ color:RGB(27, 167, 228);}
.panal3 .p3_left{ float:left; width:60%; border-right:2px solid #1686cc;padding-left:5%;}
.panal3 .p3_left .news{/*float:left;width:100%;border-bottom:1px solid #e1e1e1; padding-bottom:20px;*/}
.panal3 .p3_left .news1{ float:left; width:25%; background-size: 100% 100%;margin-top: 20px;}
.panal3 .p3_left .news1 img{float:left; width: 165px;}	
.panal3 .p3_left .news1 .bold{ font-size:19px; line-height:10px; font-weight: 700; margin-left: 20%; color:#fff}
.panal3 .p3_left .news1 .bol{line-height:10px; font-weight: 600; margin-left: 20%;color:#fff}

.panal3 .p3_left .news2{float:left; width:70%;margin-left:5%;display:table; height:165px;}
.panal3 .p3_left .news2 p{display:table-cell; vertical-align:middle; float:none; padding-right:5%;}
.panal3 .p3_left .news2 p a{color:#000; text-decoration:none;}

.panal3 .p3_right{ float:left; width:30%;padding:0 2%; }
.panal3 .p3_right .bold{ font-size:19px; font-weight:700 ; text-transform:uppercase}
.panal3 .p3_right .test1{ float:left; width:25%}
.panal3 .p3_right .test1 img{ width:100% }
.panal3 .p3_right .test2{float:left; width:60%;margin-left: 10%;}
.panal3 .p3_right .test2 .tes1{ font-size:25px; font-weight:600; color:#1686cc; text-transform:uppercase}
.panal3 .p3_right .test2 .tes2{ font-size:25px; font-weight:600; color:#ab892a;text-transform:uppercase}
.p3_right #foo5{
	font-family: "Bradley Hand ITC";
	color: #000000;
	font-weight: 560;
}
.panal3 .p3_right .btm{ float:left; width:92%; background:url(../images/test-bg.png) no-repeat ; background-size: 100% 100% ;padding: 35px 15px 0;}




.panal4{ width:90%; float:left; padding: 0 5%;}
.panal4 .p4_left{ float:left; width:20%;display:none;}

.panal4 .p4_left img{ width:90%; float:left} 


.panal4 .p4_right{ float:left; width:96%; background:rgba(10, 159, 220,0.5); border-radius: 10px; padding:0 2%}
.panal4 .p4_right .p4_right_1{ float:left; width:37%;margin-left: 3%;margin-top: 15px;}
.panal4 .p4_right .p4_right_2{ float:left; width:60%; margin-top: 10px;}
.panal4 .p4_right .bold{ font-size:19px; font-weight:700;color: #3e4b51;}
.panal4 .p4_right .bol{font-weight:600; text-transform:uppercase}
iframe { border-radius: 10px;  }
.panal4 .p4_right p{ line-height:8px; color:#3e4b51;}



footer{float:left; width:94%; padding: 25px 2% 0 4%;border-top:2px solid #999; margin-top: 30px;}
footer a{ color:#45484a}
footer a:hover{ color:#F60}
footer li{ margin:10px 0}
footer .f_left{ width:30%; float:left}
footer .f_left_1{ width:50%; float:left}
footer .f_left_1 ul li ul{ margin-left:20px}
footer .f_left_2{ width:50%; float:left}
footer .f_right{ width:35%; float:left}
footer .f_right li{ list-style:none; display:inline; margin-right:10px}
footer .f_right span{float: left;    margin-bottom: 15px;    width: 100%;}
footer .f_mdl{ width:35%; float:left;margin-top: 20px;}
footer .f_mdl img{ width:60%;  margin-left: 15%;}
footer p{ line-height:15px}
footer .f_mdl li{ list-style:none; display:inline}




.innerwrapper p{ font-size:15px;margin:10px 0;}
.innerwrapper p.hh1{margin-left:3%; font-weight:600; font-size:17px; text-transform: uppercase; color:rgb(27, 171, 231);}
.innerwrapper .left{ float:left; width:67%; padding:0 2% 0 2%;; text-align:justify}
.left .detail{ float:left; width:100%; margin-left:3%;}
.pro_left{ float:left; width:27%;min-height: 425px;margin-top: 25px;margin-left: 3%;}
/*.pro_left img{ float:left; width:30%;height: 100%;}
*/
.detail1{float:left; width:70%; margin-top: 25px;margin-left: 0;text-align: left;}
.left .detail1 p{ margin:5px}
.left .detail p{ margin:5px}
.innerwrapper .left img{ float:left; width:100%;}
.innerwrapper .left .pro_left img{ float:left; width:95%;}

.innerwrapper .right{ float:left; width:22%; padding:0 3%; margin: 30px 0; border-left:1px solid #0a9fdc }

.innerwrapper .one{font-size:20px; font-weight:700 }
.innerwrapper ul{ }
.innerwrapper li{ margin:5px 0}

.right ul li .p2_1{ float:left; width:80%;background:url(../images/li1.png)no-repeat; background-size: 100% 100%;padding: 10px 25px; text-align:left}
.right ul li .p2_2{float:left; width:80%;background:url(../images/li2.png)no-repeat; background-size: 100% 100%;padding: 10px 25px; text-align:left}
.right ul li .p2_3{float:left; width:80%;background:url(../images/li3.png)no-repeat; background-size: 100% 100%;padding: 10px 25px; text-align:left}
.right ul li .p2_{float:left; width:80%;background:url(../images/li3.png)no-repeat; background-size: 100% 100%;padding: 10px 25px; text-align:left}

.right .one{ line-height:15px; font-size:20px; font-weight:700}
.right .two{line-height:15px; font-weight:600;color:#1686cc}
.right ul li img{width: 75%;}
.right ul li{  float:left; width:94%; color:#000; position:relative; padding:10px 0;cursor:pointer; text-transform:capitalize; text-align:left; padding-left:6%;outline:1px solid #e1e1e1; outline-offset:-1px; color:#1686cc}
.right ul{ margin:0; padding:0}
.right ul li a{color: #1686cc;}
.right ul li:hover a{color:#fff;}
.right ul li:before{position:absolute; left:10px;top:10px;font-family:'fontawesome'; content:'\f138   ';transform:rotate(90deg); transition:all ease 1000ms; font-size:20px}
.right ul li.current:before{position:absolute; left:10px;top:10px;font-family:'fontawesome'; content:'\f138   ';transform:rotate(180deg); transition:all ease 1000ms;font-size:20px}



.left_1{ width:50%; float:left}
.left_1 img{     width: 75%;}
.left_2{ width:50%; float:left}
.e_contact-form{ float:left; width:100%; padding:0 0%;}
.e_contact-form .text{ float:left; width:100%; height:35px; border:1px solid #E1E201; margin-right:4%; text-indent:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}

.e_contact-form .text:nth-child(2){ margin-right:0;}
.e_contact-form .text:nth-child(4){ margin-right:0; }
.e_contact-form .textarea{ float:left; width:100%; height:100px; margin:0px 0 15px; border:1px solid #E1E201; font-family: century gothic; text-indent:5px; padding-top:15px; resize:none;}
.e_contact-form .button{ float: left;width: 120px; height: 35px; clear: both; background: #40b4ff; border:1px solid #e1e1e1; cursor:pointer; color:#000; margin:0px 0 20px;border-radius: 9px;}
.e_contact-form .button:hover{background: #0089e4; border:1px solid #e1e1e1;color:#fff; font-weight:700;}
.e_contact-form .file{ float:left; width:47%; height:35px; border:1px solid #e1e1e1;  text-indent:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}


/*.list{ list-style-image:url(../images/ll.png)}
*/.lis{ }
.side{ width:100% !important;}
.abt{ background:url(images/ll.png) left center no-repeat}


.accordion { list-style-type: none; padding: 0; margin: 0 0 30px;  border-top: none; border-left: none; }
	.accordion li { background: #0a9fdc;  list-style-type: none; padding: 0; margin-top:5px; float: left; display: block; width: 100%;}
	.accordion li div{display:none;}
	.accordion li.active div{display:block;}
	.accordion li.active>a { background: url(../images/close.gif) no-repeat center right; }
	.accordion li div { padding: 2%; background: #fff; display: none; clear: both; float: left; width: 96%;}
	.accordion a { text-decoration: none; border-bottom: 1px solid #80AFA6;  color:#fff; padding: 0 10px; display: block; cursor: pointer; background: url(../images/open.gif) no-repeat center right;font-size: 20px;
font-weight: 700;}
	.accordion p{ color:#000000; text-align:justify;font-size: 16px;}
.accordion li .list{ background: url(../images/lii.png) no-repeat;padding-left: 25px;margin-bottom: 10px;}
.events_thumbnails_container{ float:left; width:100%; margin-bottom:40px}



.p_left{ float:left; width:100% ;}
.tabscontent .buy{margin:-10px 0 20px 0;}
 .buy{float:right; position:relative;transition:all ease 1000ms;}

.buy:hover .list{height:345px;}
.buy.hover .list{height:345px}
 .buy span{padding:10px; background:#0A9FDC; color:#fff; text-transform:uppercase; border-radius:5px;}
 .buy .list{position:absolute; z-index:99999; height:0; overflow:hidden; transition:all ease 1000ms;}
 .buy .list ul{margin:25px 0 0 0 ; width:inherit; background:rgba(0,0,0,.9); position:relative;}
.buy .list ul:before{position:absolute; top:-10px; border-bottom:10px #000 solid;border-left:10px solid transparent;border-right:10px solid transparent; content:''; }
 .buy .list ul li{border-top:1px solid #e1e1e1;}
 .buy .list ul li{margin:2px 0;padding:10px 40px 10px 40px; width:inherit; display:list-item; float:none;position:relative; color:#fff}
 .buy .list ul li a{color:#fff;}
.buy .list ul li.am:before{content:'';font-family:'fontawesome'; left:5px; color:#fff; position:absolute; top:13px; background:url(../images/am.png) no-repeat; height:25px; width:25px;}
 .buy .list ul li.fl:before{content:'';font-family:'fontawesome'; left:5px; color:#fff; position:absolute; top:11px; background:url(../images/fb.png) no-repeat; height:25px; width:25px;}
 .buy .list ul li.sd:before{content:'';font-family:'fontawesome'; left:5px; color:#fff; position:absolute; top:11px; background:url(../images/sd.png) no-repeat; height:25px; width:25px;}
 .buy .list ul li.bb:before{content:'';font-family:'fontawesome'; left:5px; color:#fff; position:absolute; top:11px; background:url(../images/bb.png) no-repeat; height:25px; width:25px;}
 .buy .list ul li.paytm:before{content:'';font-family:'fontawesome'; left:5px; color:#fff; position:absolute; top:11px; background:url(../images/paytm.png) no-repeat; height:25px; width:25px;}
  .buy .list ul li.shclues:before{content:'';font-family:'fontawesome'; left:5px; color:#fff; position:absolute; top:12px; background:url(../images/shop.png) no-repeat; height:25px; width:25px;}
   .buy .list ul li.ishippo:before{content:'';font-family:'fontawesome'; left:5px; color:#fff; position:absolute; top:11px; background:url(../images/ishippo.png) no-repeat; height:25px; width:25px;}
.buy .list ul li:first-child{border:none;}
.p_left ul{ float:left; width:97%;margin:0 3%;}
.p_left ul li{ float:left; width:47%; margin: 1% 1% 5%;}
.p_left .pro{ 
	float:left;
    width:95% ; 
    background:#fff; 
    border:1px;
    text-align:center; 
    position:relative;
    overflow:hidden;
    -webkit-box-shadow: 3px 4px 4px 1px rgba(225,225,225,1);
    -moz-box-shadow: 3px 4px 4px 1px rgba(225,225,225,1); 
    box-shadow: 8px 8px 15px 3px rgba(0,0,0,0.2);
    padding:10px 0;
    border-radius: 8px;
	padding:10px 0;
}
.p_left .pro .detail{ 
	float:left; 
	width:100% ; 
	position:absolute; 
	height:100% ;
	background:RGBA(55,57,67,0.8);
	bottom:-100%; 
	transition:all ease 1000ms; 
	margin:0 !important
}

 


.detail p{margin-bottom:8px;}
.detail .p1{ font-weight:400; color:rgb(21, 244, 69); font-size:22px; margin:15px 0 0 !important;text-align:center;vertical-align: middle;position: relative;top: 70px; }
.detail .p2{font-size:15px; color:#fff;text-align:center;vertical-align: middle;position: relative;top: 70px; }
.detail .p3{font-size:18px; font-weight:600;color:#FDFE91; position:absolute; bottom:10px; width:100%;text-align:center;border-radius: 50%;}
.p_left .pro img{
 float:left; width:100%;}
.p_left2 .pro img{margin:0;}
.p_left .pro:hover .detail{ display:block; bottom:0;}
.p_right{ float:right; width:40% }
.hide{display:none;}
.show{display:block !important;}
ul.tabs li {
display:block;
float:left;
cursor:pointer;
width:70%;
padding:10px 15%;
font-weight:600;
}

.addr{ float:left; width:80%; margin:5% 10% 4%}
.left_3 {float: left; background:#2098d1; padding:20px 0 20px 10%;
    width: 39%;margin: 1% 0.5%;}
.left_3 .bold{font-size:19px; font-weight:700; color:rgb(171, 236, 137) }
.left_3 .bol{font-weight:600; text-transform:uppercase}
.left_3 p{ line-height: 13px;color:#fff}

.map{ float:left; width:49.6%;border:2px solid #2098d1;} 
.left1 .news{width:31%; margin:0 1%;float:left;border:1px solid #e1e1e1;min-height:280px; margin:0 1% 10px;}
.left1 .news .news1{float:left; width:100%;}
.left1 .news .news1 img{float:left; width:100%;}
.left1 .news .news1 p{padding:10px 0; text-align:center;float:left; width:100%; height:40px;}

.breadcrumbs{float:right;padding:0;margin-top:-20px; width:28%}
.breadcrumbs li{float:left; margin-right:25px; text-transform:capitalize;font-size: 14px;}
.breadcrumbs li a{float:left; position:relative;width:100%;color:#000; text-transform:capitalize;font-size: 14px;}
.breadcrumbs li a:before{position:absolute; right:-15px; content:'\f105';font-family:'fontawesome';top: 4px;font-size: 12px;}
.pop{position:relative;}
.pop:before{content:'Since 1978';  position:absolute;top:-5px; left:30px; background:#009999; color:#fff;padding:5px; opacity:0;width:120px;transition:all ease 1000ms;}
.hh1:hover .pop:before{opacity:1;}
ul#foo5{float:left; height:inherit !important;}
ul#foo5 li span{font-weight:700; float:right;color:RGB(27, 167, 228);}
ul.ch1{position:absolute; left:100%; padding-left:10px; width:150px !important; margin:0 !important;display:none; margin-top:-30px; background:url(../images/112.png) no-repeat top right; background-size:100% 100%; height:100px; margin-left:10px !important;}
ul.ch1 li{padding:7px 5px; width:100%; *background:#0a9fdc ; color:#fff; margin-top:40px; float:left;}
ul.ch1 li:before{position:absolute;left:5px;top:9px; border-right:5px solid #0a9fdc; border-top:5px solid transparent; border-bottom:5px solid transparent;}
li.pa1:hover ul.ch1{display:block;}
#mobile-nav{display:none;}
#sc{position:fixed; right:10px; bottom:10px; display:none; width:50px;}



@media (min-width:320px) and (max-width:767px)
{
	.caroufredsel_wrapper{height:200px !important;}
	.backwrapper{width:100%;}
.wrapper { width:90%;  margin:0 auto;}
.nav-main{display:none;}
.h_top .logo{width:100%; text-align:center;}
.h_top .logo img{ width:70%; float: left;
    float: left; width: 160px; margin-top: 6px;}
.panal2 .top ul li{width:100% !important; margin:0}
.panal2 .top ul li img{width:90%;}
.panal2 .top ul li .p2_1,.panal2 .top ul li .p2_2,.panal2 .top ul li .p2_3,.panal2 .top ul li .p2_4,.panal2 .top ul li .p2_5,.panal2 .top ul li .p2_6,.panal2 .top ul li .p2_7{float:left; margin-left:0; width:68%; height:190px;}
.p2-1 img{height:200px !important;}
.p2-1{margin-right:1%;}
.panal3 .p3_left{width:95%;border-right:none;padding-left: 5%;}
.panal3 .p3_left .news1{width:100%;}
.panal3 .p3_left .news2{padding:0 0 5px 0; width:100%; margin:0;}
.panal3 .p3_left .news1 img{width:95%;}
.panal3 .p3_left .news2{height:auto;margin-top:10px;}
.panal3 .p3_right,.panal4 .p4_right .p4_right_1,.panal4 .p4_right .p4_right_2,footer .f_left,footer .f_mdl,.panal4 .p4_right .p4_right_1,footer .f_right{width:100%; float:left;}
.panal3 .p3_right .bold{font-size:16px;}
.panal3 .p3_right .test2 .tes1,.panal3 .p3_right .test2 .tes2{font-size:20px;}
.panal3 .p3_right .btm{width:91%;padding:45px 2% 5px;}
.panal4 .p4_right p{line-height:25px; margin-bottom:5px; margin-top:0;}
.panal4 .p4_right .bold{padding-top:5px;}
footer p{line-height:25px;}
.innerwrapper .left{width:96%;    margin: 15px 0;}
.innerwrapper .right{width:93%; margin-bottom:0;}
.lli{padding: 5px 0% 5px 7%;}
.left_1,.e_contact-form .file{width: 100%;}
.left_2,.map{width:99%;}
.banr img{height:inherit !important;}
.left_3{width:96%; padding:10px 1%; margin:10px 1%;}
.left_3 .bold{font-size:16px;}
.left_3 p{line-height:25px;}
.p_left ul li{width:98%; margin:10px 1%;}
.p_left ul li h5{display:none;}
.p_left .pro{padding-bottom:0;}
.p_left .pro img{margin:-20px 0;}.p_left .pro1 img{margin:15px 0;}
.detail .p3{position:relative; margin:10px 0;}
.p_left .pro .detail{position:relative; bottom:0;}
.breadcrumbs{width:100%; padding-left:1%; float:left;}
.left .detail p,.left .detail1 p{min-height:50px;}
.left .detail p.line{min-height:100px;}
.col{margin-right:5px;}
.left .detail{margin:0;}
.pro_left,.detail1{width:100%;height:inherit;}
.cl001{margin-right:3%;}
.left1 .news{width:100%;}
#mobile-nav{display:block;}
.buy .list,.buy .list ul:before{right:0;}



.row{
        position: relative;
        float: left;
        width: 100%;
        margin-top: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .row a{
        text-decoration: none;
        color: black;
        font-family: 'century gothic';
    }

    .col-md-4{
        float: left;
       margin-top: 20px;
        border-radius: 5px;    
        margin-left: 60px; 
        width: 200px;  
        height: 130px;
        -webkit-box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.2); 
    box-shadow: 2px 2px 3px 4px rgba(0,0,0,0.2); 
        
    }

    

    .media{
        width: 250px;
        height: 115px;
        margin-top: -20px;
        margin-left: 40px;

    }

    .media2{
        margin-top: 120px;
        margin-bottom: 30px;
        margin-left: 40px;
    }

  

    .col-md-4 img{
        width: 150px;
        -webkit-box-shadow: 3px 4px 4px 1px rgba(225,225,225,1);
    -moz-box-shadow: 3px 4px 4px 1px rgba(225,225,225,1); 
    box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.3);
    transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    
    }

    .col-md-4 img:hover{
        width: 230px;
        height: auto;
         
    }

    .col-md-4 button{
        margin-top: 5px;
        background-color: #fff;
        border: 2px solid rgba(10, 159, 220,0.6);
        border-radius: 5px;
        padding: 10px;
        
    }

    .col-md-4 button:hover{
        background-color: rgba(10, 159, 220,0.8);
        border: 1px solid rgba(10, 159, 220,0.8);
        
    }

    .col-md-4>button>a{
        color: #000000;
    }

    .col-md-4>button>a:hover{
        color: #fff;
        font-weight: 580;
        
    }

}





@media (min-width:768px) and (max-width:1024px)
{
.wrapper { width:90%;  margin:0 auto;}
.nav-main{display:none;}
.h_top .logo{width:100%; text-align:center;}
.h_top .logo img{float:none; width:40%;}
.panal2 .top ul li{width:50% !important; margin:0}
.panal2 .top ul li img{width:90%;}
.panal2 .top ul li .p2_1,.panal2 .top ul li .p2_2,.panal2 .top ul li .p2_3,.panal2 .top ul li .p2_4,.panal2 .top ul li .p2_5,.panal2 .top ul li .p2_6,.panal2 .top ul li .p2_7{float:left; margin-left:1%; width:69%; height:190px;}
.p2-1 img{height:200px !important;}
.panal3 .p3_left{width:95%;border-right:none;padding-left: 5%;}
.panal3 .p3_left .news1{width:40%;}
.panal3 .p3_left .news2{padding:0 0 5px 0; width:40%; margin:0; float:right;}
.panal3 .p3_left .news1 img{width:95%;}
.panal3 .p3_left .news2{height:auto;margin-top:10px;}
.panal3 .p3_right,.panal4 .p4_right .p4_right_1,.panal4 .p4_right .p4_right_2,footer .f_left,.panal4 .p4_right .p4_right_1,footer .f_right{width:100%; float:left;}
.panal3 .p3_right .bold{font-size:16px;}
.panal3 .p3_right .test2 .tes1,.panal3 .p3_right .test2 .tes2{font-size:20px;}
.panal3 .p3_right .btm{width:91%;padding:45px 2% 5px;}
.panal4 .p4_right p{line-height:25px; margin-bottom:5px; margin-top:0;}
.panal4 .p4_right .bold{padding-top:5px;}
footer p{line-height:25px;}
.innerwrapper .left{width:96%;}
.innerwrapper .right{width:93%; margin-bottom:0;}
.lli{padding: 5px 0% 5px 7%;}
.left_1,.e_contact-form .file{width: 100%;}
.left_2,.map{width:99%;}
.banr img{height:inherit !important;}
.left_3{width:96%; padding:10px 1%; margin:10px 1%;}
.left_3 .bold{font-size:16px;}
.left_3 p{line-height:25px;}
.p_left ul li{width:46%; margin:10px 1%;}
.p_left ul li h5{display:none;}
.p_left .pro{padding-bottom:0;}
.p_left .pro img{margin:-20px 0;}.p_left .pro1 img{margin:15px 0;}
.detail .p3{position:relative; margin:10px 0;}
.p_left .pro .detail{position:relative; bottom:0;min-height: 330px;}
.breadcrumbs{width:100%; padding-left:1%; float:left;}
.left .detail p,.left .detail1 p{min-height:50px;}
.col{margin-right:5px;}
.left .detail{margin:0;}
.pro_left,.detail1{width:100%;height:inherit;}
.cl001{margin-right:3%;}
footer .f_mdl{text-align:center;width:100%;}
footer .f_mdl img{width:30%;margin:0;}
.detail .p3{position:absolute;bottom:10px;}
.left1 .news{width:48%; margin:0 1% 10px 0;}
#mobile-nav{display:block;}
}
.f_right ul{float:left; width:100%; margin:0}
.f_right ul li{float:left;}
.f_right ul li + li{margin-left:2px;}
.f_right ul li a{width:30px; height:30px; float:left; text-align:center;}
.f_right ul li a i{line-height:30px; color:#fff;	}
.fb{background:#3B5998}
.tw{background:#3FCDFD}
.yt{background:#CE1E20}