@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family: 'Open Sans', sans-serif;}

.snt_top_bg { width:100%; float:left; background:#dfe3e2; padding:0.5% 0;}

.container{margin:0 auto; width:90%;}
.head_top{float:left; width:100%; margin:2% 0;}
.logo{float:left; width:30%;}
.logo img{width:50%; height:100%;}
.email{float:left; width:20%; text-align:left;  font-size: 14px; color:#000; margin-left:0%;}
.email i{color:#f65b08}
.toll_free{float:right; width:25%; text-align:right; font-size: 14px; color:#000;}
.toll_free i{color:#f65b08}

.sntj_search{float:left; width:40%; text-align:left;  font-size: 15px; color:#000; margin-left:0%; position:relative;}
.sntj_searchbar {width:100%; float:left; text-align:left; border:1px solid #ccc; font-size:14px; color:#666; margin-left:0%; outline:none; padding:2% 8% 2% 2%;
border-radius:4px; margin-top:6%;}

.sntj_srch_icon { width:6%; position:absolute; top:38px; right:0px; color:#ccc;}

.social_icn_box { width:23%; float:right; margin-top:2.5%; padding:0.5% 0;}
.social_icn_box ul { list-style:none; margin:0; padding:0;}
.social_icn_box ul li {float:right;}
.social_icn_box ul li a { font-size:24px; font-weight:600; color:#333; margin-left:26px;}


.head_bott{float:left; width:100%;}
.menu_box{float:left; width:100%;}




.slider_full{float:left; width:100%;}
.slider_full img{width:100%; height:100%;}
/* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l                  (normal)
            .jssora21r                  (normal)
            .jssora21l:hover            (normal mouseover)
            .jssora21r:hover            (normal mouseover)
            .jssora21l.jssora21ldn      (mousedown)
            .jssora21r.jssora21rdn      (mousedown)
            */
            .jssora21l, .jssora21r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(../images/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21l.jssora21ldn { background-position: -243px -33px; }
            .jssora21r.jssora21rdn { background-position: -303px -33px; }
			
			
            /* jssor slider bullet navigator skin 21 css */
            /*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
            .jssorb21 {
                position: absolute;
            }
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                position: absolute;
                /* size of bullet elment */
                width: 19px;
                height: 19px;
                text-align: center;
                line-height: 19px;

                color: white;
                font-size: 12px;
                background:url(../images/b21.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }





/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}







.main_panel{float:left; width:100%; margin:0 0 2% 0;}
.contant_left{float:left; width:100%;}

.cont_head_1{float:left; width:100%; font-size:25px; font-weight:400; color:#f65b08; padding:0% 0%;}
.pro_head_1{float:left; width:100%; font-size:25px; font-weight:400; color:#f65b08;}


.panl_bx_1{float:left; width:100%;}
.panl_in{float:left; width:100%;}
.panl_left{float:left; width:48%;}
.panl_right{float:right; width:48%;}
.left_box{float:left; width:100%;}
.right_box{float:right; width:48%;}
.left_box1{float:left; width:100%; margin-top:3%;}

.img_panl{float:left; width:28%; margin:1% 0; border:1px solid #ccc;}
.img_panl img{width:100%; height:100%;}
.txt_panl{float:right; width:67%; margin:0% 3% 3% 0%;}
.panl_head{float:left; width:100%; font-size:16px; font-weight:600; color:#f65b08; padding:0% 0 1% 0;}
.panl_txt{float:left; width:97%; font-size:12px; font-weight:400; text-align:justify; color:#000; padding:0% 0% 0% 0;}

.right_1{float:left; width:100%;}
.tab_btn_box{float:left; width:100%;}
.tab_btn_con_box{float:left; width:100%;}
.btn_1{float:left; width:auto; padding:2% 5%; font-size:13px; font-weight:bold; cursor:pointer; color:#fff; background:#000; border-radius:5px 5px 0 0;}
.btn_2{float:left; width:auto; padding:2% 5%; font-size:13px; font-weight:bold; color:#fff; cursor:pointer; background:#f65b08; border-radius:5px 5px 0 0; margin-left:2%}
.tab_1_con{float:left; width:99.8%;background:rgba(238, 238, 238, 0.55); height:300px;}
.tab_2_con{float:left; width:99.8%;background:rgba(238, 238, 238, 0.55); height:300px;}
.bs_con_1{float:left; width:90%; margin:5%;}




.feature_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:24px;  font-weight:bold; color:#333; margin:6% 0; }
.feature_hding_underline { width:60%; float:left; margin:1% 20%; padding:0.1% 0; background:#dfe3e2; display:block;}      

.main_ftr_box { width:100%; float:left;}
.main_ftr_inner_box { width:100%; float:left; margin-bottom:4%;}
.feature_box { width:18%; float:left; margin-right:2%}
.feature_box:last-child { margin-left:0;}
.feature_img_box { width:100%; float:left;}
.feature_box_img { width:40%; margin:0 auto;}
.feature_box_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:18px; font-weight:600px; color:#928f91; margin:2% 0; }
.feature_box_txt { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:14px; font-weight:normal; color:#000; margin:2% 0; }




.soundproffing_heading { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:24px; font-weight:bold; font-weight:600px;
color:#333; margin:1% 0; }

/*Testimonial*/
/*SNT TESTIMONIAL SLIDER*/

.work_area { width:100%; float:left; padding:2% 0;} 


.testimonial_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:24px; font-weight:bold; font-weight:600px; color:#333; margin:1% 0; }
.testimonial_hding_underline { 
    width: 16%;
    float: left;
    margin: 0% 42%;
    padding: 0.1% 0;
    background: #dfe3e2;
    display: block;
}



.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: #f65b08;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #f65b08;
    border-color: #f65b08;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #f65b08;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #333;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}
/*Testimonial*/



.soundproofing_hding_underline {
    width: 40%;
    float: left;
    margin: 0% 30% 3% 30%;
    padding: 0.1% 0;
    background: #dfe3e2;
    display: block;

}      


.blank_panl{float:left; width:100%; margin-bottom:2%;}
.footer_full{float:left; width:100%; background:#1B1A1A; }
.footer{float:left; width:100%;}
.footer_bx_1{float:left; width:16.66%; margin:3% 0;}
.footer_bx_2{float:left; width:16.66%; margin:3% 0; margin-left:4%}
.footer_bx{float:left; width:13%; margin:3% 0;}
.footer_head{float:left; width:100%; font-size:14px; color:#f65b08; font-weight:bold;}
.footer_txt{float:left; width:100%; font-size:12px; padding-top:3%; color:#fff;}
.footer_txt a{color:#FFFFFF; text-decoration:none;}
.footer_txt a:hover{color:#f65b08; text-decoration:none;}

.brand_box{float:left; width:100%; background:#000;}

.brand_1{float:left; width:50%; font-size:12px; color:#fff; padding:2% 0; text-align:left;}
.brand_2{float:right; width:50%; font-size:12px; color:#fff; padding:2% 0; text-align:right;}
.brand_2 a{color:#fff; text-decoration:none;}
.brand_2 a:hover{color:#f65b08; text-decoration:none;}

.product_main{float:left; width:100%;}
.prodcut_left{float:left; width:35%; border:1px solid #ccc;}
.prodcut_left img{width:100%; height:100%;}
.product_right{float:right; width:60%;}

.pro_3panel{float:left; width:99.9%; border:1px solid #ccc; margin-top:2%;}
.pro_3panel_box_1{float:left; width:33.31%; border-right:1px solid #ccc; cursor:pointer; }

.pro_3panel_box_2{float:left; width:33.31%; border-right:1px solid #ccc; cursor:pointer;}
.pro_3panel_box_3{float:right; width:33.31%; cursor:pointer;}
.pro_3_txt{float:left; width:100%;  text-align:center; font-size:14px; font-weight:500; color:#f65b08; padding:4% 0;}
.pro_3_txt:hover{ background:#f65b08; color:#fff;}

.pro_detail_box{float:left; width:100%; border:1px solid #ccc;  margin-top:2%;}

.details_txt{float:left; width:100%; color:#000000; font-size:14px; padding-top:1%;}
.details_txt a{color:#000; text-decoration:none;}
.details_txt a:hover{color:#f65b08; text-decoration:none;}
.bull_color{color:#f65b08; font-size:20px; float:left; width:100%; text-align:center;}
.detail_box{float:left; width:100%;}
.detail_box2{float:left; width:50%;}
.detail_box3{float:right; width:50%;}
.bull_box{float:left; width:3%; margin-top: 0.5%;}
.txt_box{float:right; width:97%;}

.specification_box{float:left; width:100%;}
.tb_cl{border-collapse:collapse; border-color:#ccc; border:1px solid #ccc;}
table tr td{ text-align:center; padding:2% 2%; color:#f65b08; font-size:14px; }
.tb_txt{text-align:center; color:#000000; padding:1% 2%; font-size:13px; }

.about_head{width:50%; margin:0 auto; text-align:center; color:#f65b08; font-weight:bold; font-size:25px;}
.about_head1{width:50%; margin:3% auto 0 auto; text-align:center; font-weight:bold; color:#f65b08; font-size:25px;}
.about_txt{width:50%; margin:3% auto 0 auto; text-align:center; color:#000; font-size:14px;}
.about_img_panl{width:50%; margin:3% auto 3% auto;}
.about_img_panl img{width:100%; height:100%;}
.pro_head_txt{float:left; width:100%; font-size:14px; color:#000; margin:2% 0; line-height:20px;}

.pro_head_txt_2{float:left; width:100%; font-size:20px; font-weight:500; text-align:center; line-height:30px; color:#000; margin:2% 0;}
.pro_head_txt_3{float:left; width:100%; font-size:20px; font-weight:500; text-align:left; line-height:30px; color:#000; margin:2% 0;}
.application_guid_box{float:left; width:100%; margin:2% 0;}
.application_head{float:left; width:100%; font-size:20px; color:#f65b08;}
.application_box{float:left; width:100%;}

.application_head2{float:left; width:100%; font-size:17px; color:#000; margin-top:3%; font-weight:bold;}

.application_left{float:left; width:70%;}
.aplication_right{float:right; width:23%;}
.order{float:left; width:100%;}
.aplication_contact{float:left; width:100%; padding:5% 5%; margin-top:3%; font-size:15px; color:#FFFFFF; background:#f65b08;} 
.aplication_contact_panel{float:left; width:100%; background:#eee; margin-top:5%; height:400px;}
.sus_img{float:left; width:100%; margin:2% 0;}
.sus_img img{width:100%;}
.sus_img_2{float:left; width:100%; border:2px solid #000; margin:2% 0;}
.sus_img_2 img{width:100%;}

.city_bx_main{float:left; width:100%; margin-top:2%;}
.city_bx_1{float:left; width:15%; background:#ccc; color:#000; padding:1% 0%; border-radius:5px; font-size:14px; text-align:center;}
.city_bx_2{float:left; width:15%; background:#ccc; color:#000; padding:1% 0%; border-radius:5px; font-size:14px; margin-left:2%; text-align:center;}
.city_bx_3{float:right; width:15%; background:#ccc; color:#000; padding:1% 0%; border-radius:5px; font-size:14px; text-align:center;}

.conatct_maii{float:left; width:100%;}
.contact_left{float:left; width:49%;}
.contact_right{float:right; width:49%;}
.map_box{float:left; width:100%;}

.form_full{float:left; width:100%; margin-top:2%;}
.form_left{float:left; width:49%;}
.form_right{float:right; width:49%;}
.heading_txt{float:left; width:100%; font-size:14px; color:#000000; font-weight:bold; margin-bottom:2%;}
.in_cl_1{width:90%; padding:5%; font-size:14px; border:1px solid #000; border-radius:5px;}
.in_cl_2{width:95%; padding:2.5%; font-size:14px; border:1px solid #000; border-radius:5px;}
.in_cl_3{width:95%; height:100px; padding:2.5%; font-size:14px; border:1px solid #000; border-radius:5px;}
.in_cl_4{width:100%; padding:5% 0; font-size:14px; font-weight:bold; background:#f65b08; color:#FFFFFF; outline:none; border:none; cursor:pointer;}

.carrer_header_1{float:left; width:100%; background:#f65b08; padding:1% 2%; font-size:17px; color:#fff;}
.carere_box_1{float:left; width:100%; margin-top:2%;}
.career_left{float:left; width:50%; color:#000; font-size:14px; margin-top:0.5%;}
.career_left span{color:#FF0000;}
.career_right{float:right; width:50%;}
.carrer_1{width:100%; padding:2% 2%; font-size:14px; border:1px solid #000; border-radius:5px;}
.carrer_2{width:100%; padding:2% 2%; font-size:14px; border:1px solid #000; border-radius:5px; height:200px;}
.ps_1{float:left; width:30%;}
.ps_2{float:right; width:68%;}
.postal_cade_1{width:100%; padding:9px 5%; font-size:14px; border:1px solid #000; border-radius:5px;}
.postal_cade_2{width:100%; padding:9px 2%; font-size:14px; border:1px solid #000; border-radius:5px;}

.dob_1{float:left; width:30%;}
.dob_2{float:left; width:30%; margin-left:5%;}
.dob_3{float:right; width:30%;}
.messeage_bx{float:left; width:100%;}
.pro_head_txt a{color:#f65b08; text-decoration:none;}
.pro_head_txt a:hover{color:#f65b08; text-decoration:underline;}
.ex_1{float:left; width:49%;}
.ex_2{float:right; width:49%;}
.sub_1{float:right; width:20%; background:#f65b08; text-align:center;}
.input_2{ background:none; cursor:pointer; color:#fff; padding:10% 5%; font-family: 'Open Sans', sans-serif; font-size:14px; outline:none; border:none}
.sub_2{float:right; width:20%; text-align:center; background:#f65b08; margin-right:2%; }
.input_3{color:#fff; background:none; width:100%;  padding:10% 5%; font-size:14px; font-family: 'Open Sans', sans-serif; outline:none; border:none; cursor:pointer;}
.bot_slide_1{float:left; width:32%;}
.bot_slide_1 img{width:100%;}
.bot_slide_2{float:left; width:32%; margin-left:2%;}
.bot_slide_2{float:left; width:32%; margin-left:2%;}
.bot_slide_2 img{width:100%;}
.bot_slide_3{float:right; width:32%;}
.bot_slide_3 img{width:100%;}
.bot_slide_5{width:40%; margin:2% auto 4% auto;}
.ac_form_fl{float:left; width:100%; margin-top:2%}
.ac_bx_1{float:left; width:30%; border:1px solid #f65b08;}
.ac_bx_2{float:left; width:30%; margin-left:5%; border:1px solid #f65b08;}
.ac_bx_3{float:right; width:30%; border:1px solid #f65b08;}

.ac_img{float:left; width:90%; margin:5%;}
.ac_img img{width:100%;}
.ac_txt{float:left; width:100%; text-align:center; font-size:15px; background:#f65b08; color:#fff; padding:5% 0;}

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

.gallery_bx_1{float:left; width:18%; border:1px solid #f65b08;}
.gallery_bx_2{float:left; width:18%; margin-left:2.5%; border:1px solid #f65b08;}
.gallery_bx_3{float:right; width:18%; border:1px solid #f65b08;}


/**************************************** FANCY BOX CSS STARTS HERE ****************************************************************** */

/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image:url(../images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
}
/**************************************** FANCY BOX CSS ENDS HERE ****************************************************************** */
.polyster_img_1{float:left; width:100%; border:1px solid #ccc;}
.polyster_img_1 img{width:100%;}
.polyster_img_2{float:left; margin-top:3%; width:100%; border:1px solid #ccc;}
.polyster_img_2 img{width:100%;}

.user_1{float:left; width:100%; margin-top:2%;}
.user_box_1{float:left; width:30%; padding:1.5% 0; color:#FFFFFF; text-align:center; font-size:15px; background:#f65b08;}
.user_box_2{float:left; width:30%; margin-left:5%; padding:1.5% 0; color:#FFFFFF; text-align:center; font-size:15px; background:#f65b08;}
.user_box_3{float:right; width:30%; padding:1.5% 0; text-align:center; color:#FFFFFF; font-size:15px; background:#f65b08;}
.client_maine{float:left; width:100%; margin-top:3%;}
.client_1_bx{float:left; width:20.5%; border:1px solid #ccc;}
.client_1_bx img{width:100%;}
.client_2_bx{float:left; width:20.5%; margin-left:6%; border:1px solid #ccc;}
.client_2_bx img{width:100%;}
.client_3_bx{float:right; width:20.5%; border:1px solid #ccc;}
.client_3_bx img{width:100%;}