@charset "utf-8"; 
/* CSS Document */
/*Project Name:Archon Group [Created by WEBLINKINDIA.NET on Dec 13, 2017:Sohan]*/
/* ================= General 1230px ================= */
body{font-family:'Open Sans',Arial,Helvetica,sans-serif; color:#4b4b4b; border-top:10px #4480c2 solid; background:#fff}
h1, h2, h3, h4, h5, h6{font-family:'Open Sans',Arial,Helvetica,sans-serif}
h1{font:36px/36px 'Open Sans',Arial,Helvetica,sans-serif; color:#454545}
h2{font:500 30px/36px 'Open Sans',Arial,Helvetica,sans-serif; color:#000; text-transform:uppercase}
h3{font:700 23px/30px 'Open Sans',Arial,Helvetica,sans-serif; color:#000; text-transform:uppercase}
figure{display:table-cell; vertical-align:middle}
figure img{display:block; margin:auto; border:0; max-width:100%; height:auto}
.mw_92{max-width:92%; height:auto}
.mw_98{max-width:98%; height:auto}
.mw_100{max-width:100%; height:auto}

/*Fonts-Classes */
.open-sans{font-family:'Open Sans',Arial,Helvetica,sans-serif}
.roboto{font-family:'Roboto',Arial,Helvetica,sans-serif}
.roboto_s{font-family:'Roboto Slab',Arial,Helvetica,sans-serif}
/*Fonts-Classes*/

/*Color-Properties*/
.black, .black a, .black a:hover{color:#000}
.gray, .gray a, .gray a:hover{color:#a6a6a6}
.gray1, .gray1 a, .gray1 a:hover{color:#999}
.gray2, .gray2 a, .gray2 a:hover{color:#5f5e5e}
.red, .red a, .red a:hover{color:#4480c2}
.white, .white a, .white a:hover{color:#fff}
.pale, .pale a, .pale a:hover{color:#d9a635}
.blue, .blue a, .blue a:hover{color:#4480c2}
.blue2, .blue2 a, .blue2 a:hover{color:#459ec8}
.yellow, .yellow a, yellow a:hover{color:#ffea00}

/* BORDER */
.bb{border-bottom:1px solid #999}
.bb1{border-bottom:1px solid #ddd}
.bt{border-top:1px solid #eee}
.bt1{border-top:1px solid #999}
.bl{border-left:1px solid #eee}
.bl1{border-left:1px solid #eee}
.br{border-right:1px solid #eee}
.br1{border-right:1px solid #999}

.border1{border:1px solid #ddd}
.border2{border:1px solid #ccc}
.border3{border:1px solid #ddd}
.border4{border:1px solid #ccc}
.border5{border:1px solid #ddd; background:#fff}

/* BACKGROUND */
.bg-white{background:#fff}
.bg-white1{background:#f8f8f0}
.bg-black{background:#000}
.bg-pale{background:#f3f3f3; border:3px solid #ebebeb !important}
.bg_grey{background:#f0f0f0}
.bg-gray1{background:#272727}
.bg-blue{background:#103480}
.bg-red{background:#da2d1c}
.bg-green{background:#7eac2e}
.bg-yellow{background:#ffc000}
.bg-pink{background:#c10c70}
.bg-gray2{background:#2a2a2a}
.bg_grey4{background:#fff; box-shadow:1px 1px 5px #ccc}

/*FORM-Fields*/
input[type=text]{color:#333; background:#fff; border:1px solid #ccc; padding:5px 10px}
input[type=password]{color:#333; background:#fff; border:1px solid #ccc}
input[type=file]{color:#333; background:#fff; border:1px solid #ccc}
textarea, select{color:#333; background:#fff; border:1px solid #ccc; resize:none}
input, textarea, select{font:normal 13px/18px 'Open Sans',Arial,Helvetica,sans-serif; color:#555}
input.check{border:1px solid #666; font-size:13px;  width:15px; height:15px; margin:2px 2px 2px 0px; outline:none; background:#fff}

::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}

/*Button-style*/
.btn1, .btn1:visited{background:#4480c2; display:inline-block; text-align:center; color:#fff !important; font:400 15px/35px 'Roboto',sans-serif; height:35px; padding:0px 25px; cursor:pointer; text-transform:uppercase; border:1px #4480c2 solid;}
.btn1:hover{background:#399; color:#fff; border:1px #399 solid;}

.btn2, .btn2:visited{background:#2a2f35; display:inline-block; text-align:center; color:#fff; font:400 15px/35px 'Roboto',sans-serif;padding:0px 25px; cursor:pointer; text-transform:uppercase; transition:.3s linear all; border:1px #000 solid;}
.btn2:hover{background:none; color:#000; border:1px #000 solid;}
.btn2 a:hover{color:#000;}

.btn3, .btn3:visited{background:#74b53f; display:inline-block; text-align:center; color:#fff !important; font:600 15px/35px 'Roboto',sans-serif; height:35px; padding:0px 25px; cursor:pointer}
.btn3:hover{background:#222; color:#fff}

.subscribe_btn, .subscribe_btn:visited{background:#f7b508; display:inline-block; text-align:center; color:#000 !important; font:15px/38px 'Open Sans',Arial,Helvetica,sans-serif; height:38px; border:0; padding:0px 20px; text-transform:uppercase; border-radius:0px; cursor:pointer}
.subscribe_btn:hover{background:#68941c; text-decoration:none; color:#fff !important}
/*Button-style*/

.myulx{margin:0px; padding:0px}
.myulx li{list-style:none; margin:0px; padding:0px}

/*==========Header-Section===========*/
body{font:16px/20px 'Open Sans',Arial,Helvetica,sans-serif; color:#535353}
.minmax{min-width:1259px; max-width:100%}

 /*top-fixer*/
header{display:block; position:fixed; z-index:999; width:66.4%; margin:0 auto; left:0; right:0; text-align:center}
.top2{text-align:center}
.t2_fixer{position:fixed; width:100%; height:auto; z-index:99999; top:0; box-shadow:#666 0 0 10px; text-align:center; background:#2a2f35}
.t2_fixer .t-ban{display:none}
.t2_fixer .search{margin-top:0}
.t2_fixer .logo_area img{width:100%; height:auto}
.t2_fixer .logo_area{width:46px; float:left;display:none;}
.t2_fixer .logo_area-2{width:207px; float:left;display:block; margin:10px 0}
.t2_fixer .top_right_ot{float:right; clear:inherit; display:inherit}
.t2_fixer .navbar-static-top .navbar-nav>li>a{padding:5px 40px}
.t2_fixer .top_right_ot{margin:21px 0px 0px 0px}
.t2_fixer .containers{width:1259px; padding:0 15px; margin:0 auto}
.logo_area-2{display:none;}

.t3_fixer{position:fixed; width:100%; height:auto; z-index:99999; top:0; box-shadow:#666 0 0 10px; text-align:center; background:#8a8d90}
.t3_fixer .t-ban{display:none}
.t3_fixer .search{margin-top:0}
.t3_fixer .logo_area img{width:100%; height:auto}
.t3_fixer .logo_area{width:46px; float:left}
.t3_fixer .top_right_ot{float:right; clear:inherit; display:inherit}
.t3_fixer .navbar-static-top .navbar-nav>li>a{padding:15px 40px}
.t3_fixer .top_right_ot{margin:1px 0px 0px 0px}
.t3_fixer .containers{width:1259px; padding:0 15px; margin:0 auto}

.container{width:1259px; padding:0 15px}
.mw_98{max-width:98%; height:auto}
.mw_96{max-width:90%; height:auto; margin:auto}
.w97{width:80%}
.w100{width:100%}
.top_area{background:#002f50}
.logo_area{text-align:center; margin-top:5px}

/* Home-Page-Start */
.search-box{position:absolute; z-index:99; top:5%; width:100%; left:0; right:0; margin:0 auto}
/*buttons start*/

.orange-btn{background-color:#F8901F; border-radius:3px; border:0px; font-family:'Open Sans',sans-serif; font-size:13px; color:#FFF; font-weight:600; padding:8px 20px}
.orange-btn:hover{background-color:#F9A140; cursor:pointer}
/*buttons end*/

.box{box-shadow:0 1px 10px 0 rgba(0,0,0,0.1); background:#fff; border-radius:5px; margin:0 7px; padding:10px}
.round-icon{background:#00B156; border-radius:50px; font-size:40px; color:#fff; display:inline-block; padding:30px; width:100px; height:100px}
.box .title{font-size:16px; color:#000; font-family:Roboto Slab,Arial,Helvetica,sans-serif; font-weight:600; margin-top:10px; border-top:1px #ccc solid; padding:10px 0 3px 0}
.box .title a{color:#000}
.box .text{margin-top:10px; font-size:14px}

.pro-odd{background:#f7f7f7; padding:25px 0}
.pro-even{background:#f1f1f1; padding:25px 0}

.prod{margin:10px 0 0 0; padding:0;}
.prod li{list-style:none; float:left; width:25%;}

.product{background:#f9f9f9; padding:5px; margin:10px 0; box-shadow:0 0 10px #ddd; width:286px;}
.product .titles{text-align:center; font-family:Roboto Slab, Arial, Helvetica, sans-serif; font-size:14px; padding:10px 0; font-size:15px; color:#000; height:40px; line-height:25px; overflow:hidden;}

/*Top-right navbar*/
.top_right_ot{margin-top:10px}
.navbar-header{padding:0px 0px 0px 0px; margin-top:0px}
.navbar{min-height:20px; width:100%; margin-bottom:0px; padding-top:0px; padding-bottom:0px; text-align:center}
.navbar-nav{margin-left:0px; margin-top:0px; margin-right:0px; float:none}
.navbar-static-top{background:none; margin-top:0px}
.navbar-static-top .navbar-nav{margin-top:0px; text-align:center;}
.navbar-static-top .navbar-nav>li{background:none; position:relative; margin:0 -1px !important; display:inline-block; float:none;}
.navbar-static-top .navbar-nav>li>a{color:#fff; font-size:14px; font-family:'Open Sans',sans-serif; padding:5px 46px; margin:0px; font-weight:600; line-height:32px; background:#4480c2;  transition:all linear .6s; text-transform:uppercase}
.navbar-static-top .navbar-nav>.open>a, .navbar-static-top .navbar-nav>.open>a:focus, .navbar-static-top
.navbar-nav>.open>a:hover{color:#fff; background:#88c540}
.navbar-static-top .navbar-nav>li.open:focus{background:#88c540}
.navbar-static-top .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-fixed-top .navbar-nav>.active>a:focus{color:#ee1c25; background:#88c540; border-radius:20px; box-shadow:0px 0px 2px #ccc}
.navbar-static-top .navbar-nav>li>a:hover{color:#fff; background:#88c540}
.navbar-static-top .navbar-nav>li>a.act{color:#fff; background:#88c540}

.dropdown-menu{background:#4480c2; margin-left:0px; width:auto; position:absolute; padding:0px}
.dropdown-menu>li{border-bottom:1px solid #3e3e3e}
.dropdown-menu>li>a{color:#fff; line-height:30px}
.dropdown-menu>li>a:hover{background:rgba(0,0,0,0.3); color:#fff}

.navbar-toggle{background:#000}
.navbar-toggle span.icon-bar{background:#fff}

#hom .nav >li >a.hom, #abo .nav >li >a.abo, #ser .nav >li >a.ser, #con .nav >li >a.con, #pros .nav >li >a.pros{color:#fff; background:#88c540}

.enquiry_btn2, .enquiry_btn2:visited{background:#db3093; color:#fff !important; border-radius:15px; display:inline-block; text-align:center; font:700 15px/40px 'Roboto Slab',serif; height:40px; padding:0px 30px; cursor:pointer; text-transform:uppercase}
.enquiry_btn2:hover{background:#4480c2; color:#fff}

.yel-btn{background:#f6bc0c; padding:5px 20px; display:inline-block; color:#000; line-height:20px; font-size:13px; text-transform:uppercase}
.yel-btn:hover{background:#000; color:#fff; text-decoration:none}

.yel-btn2{background:#f6bc0c; padding:5px 30px; display:inline-block; color:#000; line-height:20px; font-size:14px; text-transform:uppercase}
.yel-btn2:hover{background:#000; color:#fff; text-decoration:none}

.wlcm-cont{width:100%; padding:50px 0px; margin:0 auto; text-align:center;}
.wlcm-cont h1{font-size:35px; color:#454545; font-weight:400; text-transform:uppercase; font-family:Roboto Slab,Arial,Helvetica,sans-serif}
.wlcm-des{font-size:14px; margin:20px 0px; line-height:24px}

.enquiry_btn, .enquiry_btn:visited{color:#fff; display:inline-block; text-align:center; font-size:14px; height:46px; line-height:44px; padding:0px 40px; cursor:pointer; text-transform:uppercase; border:2px solid #4480c2; border-radius:14px 0 14px 0; font-weight:600; background:#4480c2; transition:.3s linear all}
.enquiry_btn:hover{background:#fff; color:#4480c2; border:2px solid #4480c2}

.browse_btn, .browse_btn:visited{color:#fff; display:inline-block; text-align:center; font-size:14px; height:46px; line-height:44px; padding:0px 52px; cursor:pointer; text-transform:uppercase; border:2px solid #fff; border-radius:10px; font-weight:600}
.browse_btn:hover{background:#399; color:#fff; border:2px solid #399}

/*listing*/


.mission-box{box-shadow:0 0 15px #8e8e8e; background:#d7eaff; border-radius:240px; width:78%; padding:5px; display:inline-block; margin-top:25px; margin-left:5%; border:5px #95bce6 solid;}
.mission{float:left; margin-right:15px;}
.mission-content{float:left; margin-right:15px; width:78%;  margin-top: 1.2%;}

.vision-box{box-shadow:0 0 15px #8e8e8e; background:#d5ffa4; border-radius:240px; width:78%; padding:5px; display:inline-block; margin-top:25px; float:right; margin-left:5%; margin-right:5%; border:5px #88c540 solid;}
.vision{float:right; margin-left:15px;}
.vision-content{float:right; margin-left:15px; width: 78%;  margin-top: 2.8%; }

.prodsli{list-style:none; margin:10px 0 0 0 !important;}
.prods{padding:10px; box-shadow:0 0 15px #a7a7a7; margin-bottom:25px}
.prod-left{float:left; position:relative; margin-right:15px;}
.prod-leftab{position:absolute; right:0; top:23%;}
.plist{list-style:square; display:block; margin:10px 0 0 20px !important; padding:0px; line-height:22px !important;}
.prods-right{float:left; width:57%;}

.prod-right{float:right; position:relative; margin-left:15px;}
.prod-rightab{position:absolute; left:0; top:23%;}
.plist{list-style:square; display:block; margin:5px 0 0 20px !important; padding:0px; line-height:22px !important;}
.prods-left{float:left; width:55%;}

/*Testimonials*/
.testi_m_cont{background:#465565 url(../images/spelization.jpg) no-repeat center; background-attachment:fixed; background-size:cover; width:100%; text-align:center; padding:40px 0px 60px 0px;}
.testi_m_cont h2{font-size:35px; line-height:44px; font-weight:400; color:#fff; text-transform:uppercase; text-align:center}
/* Customer Says */

/* Contact Us */
.contact_map{ width:100%; border:#fff 10px solid; box-shadow:#999 0 0 15px inset;}
.contact_map iframe{ width:100%; height:350px;}
.contact_bg{ padding:10px 0 40px 0; background:#eee;}
.contact_list{ float:left; width:55%; color:#000;}
.contact_list ul{margin:0;padding:0;list-style:none;}
.contact_list ul li{ margin-bottom:6px; padding:19px; border-radius:10px; background:rgba(255,255,255,0.8); border:#ccc 1px solid; transition:all 0.3s linear;}
.contact_list ul li:hover{ background:rgba(255,255,255,1);}
.contact_list ul li .circle_sec{ float:left; width:80px; height:80px; margin:auto; border:1px solid #ccc; border-radius:100%; font-size:55px; margin-right:25px; transition:all linear .2s; color:#105c9b;}
.contact_list ul li:hover .circle_sec{border:1px solid #fff; font-size:70px; transform:scale(1.1)}
.contact_list ul li .circle_sec span{display:table-cell; width:80px; height:80px; margin:auto; vertical-align:middle; text-align:center; }
.cnt_heading{ font-size:16px; font-weight:bold; margin-bottom:5px;}
.contact_form_cont{ float:right; width:40%; background:#fff; background:rgba(255,255,255,0.7); border-radius:10px; border:#ccc 1px solid; padding:20px; margin:0; box-shadow:#ddd 2px 2px 5px;}
.contact_form_cont input[type=text], textarea{ border:#ddd 1px solid; padding:6px 10px; width:100%;}

/* CONTACTS ENDS */
.contact-area{padding:30px 0; width:65%; margin:auto;}
.contact-area h2{font:600 30px/40px 'Century Gothic',Arial, Helvetica, sans-serif;color:#323232;text-transform:uppercase;padding:10px 0 20px 0;margin:0;}
.contact-area p{color:#999999; font-size:14px;}
.contact-area .btn7{padding:11px 20px;font-family: 'Lato', sans-serif; display:inline-block;font-size:14px;text-transform:uppercase;color:#fff;background:#4480c2;border:1px solid #4480c2; transition:all ease-in-out 0.3s; border-radius:0;font-weight:400;letter-spacing:2px;}
.contact-area .btn7:hover{color:#4480c2 !important;background:none;}
.contact-area .contact_form input[type=text], .contact_form select, .contact_form textarea{margin-bottom:2px;}
.contact_box{padding-top:15px; margin-bottom:30px;}
.contact_form input[type=text], .contact_form select,.contact_form textarea{width:49%;padding:0px 20px;color:#666 !important;border:1px solid #c3c3c3;font:400 16px/36px 'Lato', sans-serif; background:#fff;}
.contact_form .large{width:98.8% !important;}
.contact_form select{width:49%; padding:7px 10px; color:#666 !important; border:2px solid #535252; border-radius:15px; font:400 16px/36px 'Lato', sans-serif ;margin:0; outline:none; -webkit-appearance:none; -moz-appearance: none; appearance: none; background:#fff url(../images/arrow3.png) no-repeat 97% center;}

/* CONTACTS ENDS */

.inr_banner{ width:100%; text-align:center;}
.inr_banner img{ width:100%}

/*Contact-Section*/
.contact-section{background:#fff; padding:30px 0 40px 0}
.contact-section h2{font-size:36px; line-height:36px; color:#000; text-align:center; font-weight:500; text-transform:uppercase}
.contact-section img{border:1px #ccc solid; padding:10px}
.contact-section .cont_form{padding:20px 0px}
.contact-section .cont_form input[type=text], .contact-section .cont_form select, .contact-section .cont_form textarea{width:48%; padding:9px 10px; color:#666 !important; border:1px solid #b8b8b8; border-radius:5px; font-size:13px; font-weight:400; margin:0px 6px 0px 0px}
.cont_form .large{width:98.3% !important}
.cont_form input[type=button]{background:#397099; border-radius:5px; border-radius:5px; color:#fff; padding:8px 18px; font-size:15px; text-transform:uppercase}

.contact-dtl{padding:20px 0px; width:100%}
.contact-dtl .contct_ot{margin:20px 0px}
.contact-dtl .contct_ico{width:45px; height:49px; float:left}
.contact-dtl .contct_ico img{max-width:100%; height:auto}
.contact-dtl .contct_r{padding-left:54px}
.contact-dtl .contct-hed1{font-size:15px; color:#000; font-weight:600; margin-bottom:15px}

.iconts{border:5px #fff solid; padding:25px; border-radius:50%}
/*Contact-Section*/

/*footer-start*/
footer{font-weight:500; }
footer h4{ font-weight:400;color:#fff;display:block;margin-bottom:0px;text-transform:uppercase;text-align:left;padding-top:40px;font-size:18px;border-bottom:1px solid #fff;padding-bottom:10px; font-family:Century Gothic, Arial, Helvetica, sans-serif;}
footer .contct_dtls{width:100%; margin-top:15px;color:#fff;font-size:14px;font-weight:400;line-height:20px;}
footer .contct-dtls{width:100%;margin-top:30px;color:#fff;font-size:14px;}
.ft-logo{ float:left;}
.link-width{width:50%;float:left;}
footer .contct-dtls p{font-weight:400;margin-top:10px;text-align:left;float:left;font-size:12px;}
footer .contct-dtls p a{color:#fff;}
footer .contct-bottom-dtls{margin-top: 15px;color: #949494;font-size: 14px;font-weight: 700;text-align: right;}
footer .contct_dtls p a{color:#fff;}
footer .spacr{ padding-right:0px}
footer .contct_dtls .ft-contct{ width:100%;color:#bfbfbf; font-size:13px; margin-top:10px; display:block; font-weight:400}
footer .contct_dtls .ft-contct span{ display:block;float:left; width:auto; height:auto; overflow:hidden; margin-right:5px;}
footer .contct_dtls .ft-contct b{font-weight:600; font-size:13px; display:block; line-height:16px;}
footer .contct_dtls .ft-contct a{color:#bfbfbf;}footer .contct_dtls .ft-contct a:hover{ text-decoration:underline;}

.top-social{margin:5px 0 !important;}
.top-social a{ display:inline-block;}
.top-social a .fa{font-size:22px;color:#fff;transition:.6s;padding:0px 6px;}
.top-social a .fa:hover{ transform:scale(1.5,1.5);}

.partners{}
.partners li{list-style:none; float:left; margin:10px;}

.foot1{background:#2a2f35;padding-bottom:15px;}
.foot2{background:#fff;}
footer .ft-nav{ display:none;}
footer .ft-top{ width:100%; padding:10px 0px 26px 0px;}
footer .sntwrks{ float:left; width:270px;}
footer .sntwrks span{ float:left; color:#fff; line-height:18px;padding-left:0px;}
footer .ft_rmenu{ float:right; position:relative; width:71%; display:block; text-align:right;}
footer .ft_menu a{display:inline-block; color:#fff; margin:0px 0; font:600 12px/24px 'Poppins' !important; padding:13px 10px 5px 10px; text-transform:uppercase;}
footer .ft_menu a:hover{ text-decoration:underline; color:#02172c;}


footer .ft_links a{display:inline-block;color:#fff;font-size:14px;line-height:26px;font-weight:400;transition:.3s;}
footer .ft_links a:hover{text-decoration:none;color:#fff;}
footer .ft_links span a{ text-transform:uppercase;}

footer .callus{margin-top:10px;display:block;}
footer .callus span{ color:#959595;font-size:13px;padding-left:10px;}
footer .callus img{ vertical-align:middle;display:block; float:left;}
footer .ph{ display:block; margin-top:10px;}
footer .ph span{ color:#959595;font-size:13px; padding-left:10px;}
footer .ph img{ vertical-align:middle; float:left; display:block;}

footer .right-sect{ text-align:right}
footer .right-sect a{color:#bfbfbf; font-size:13px;font-family: 'Poppins';}footer .right-sect a:hover{ text-decoration:underline;}
.copy-rght{ font-size:11px; color:#878787; text-align:right; padding-top:20px;}.copy-rght a{color:#878787;}
.f_dd_box {margin: 10px 0 0 0;}
.desk_show {display: block;}
.mob_only {display: none;}
.pro{ font-weight:700;color:#81ab40;display:block;padding-bottom:8px;text-transform:uppercase;text-align:left;padding-top:8px;font-size:22px;}
.ft_links{margin:0; padding:0; font-family:Century Gothic, Arial, Helvetica, sans-serif;}
.ft_links li{padding:0;list-style:none;}
.bottom {width:100%;background:#000;text-align:center;padding:15px 0;color:#ababab;}
.bottom a{color:#ababab;}
.ft-add1{margin-bottom:10px;}
.ft-add1 span {display:block;float:left;width:30px;height:25px;overflow:hidden;margin-right:5px;font-size:8px; margin-bottom:20px;}
.ft-add1 span .fa{font-size:20px;}
.ft-add{margin-bottom:10px;}
.ft-add span {display:block;float:left;width:30px;height:30px;overflow:hidden;margin-right:5px;font-size: 18px;}
.chat-btn{position:fixed;z-index:999;bottom:0;right:40px;}
/*footer-end*/

/* TREE */
.breadcrumb_outer{background:#2a2f35; border-bottom:3px solid #b3b3b3}
.breadcrumb_outer .breadcrumb{margin:0; font-size:14px; background:none; padding:5px 0}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover{color:#fff}
.breadcrumb li.active{color:#fff}
/* TREE CLASSES */

/* CMS AREA */
.cms_area{line-height:24px; font:14px/23px 'Open Sans',Arial,Helvetica,sans-serif; margin-bottom:20px; margin-top:10px}
.cms_area ul, .cms_area ol{font:14px/23px 'Open Sans',Arial,Helvetica,sans-serif; margin:30px 0px 30px 20px}
.cms_pc{float:right; margin:5px 0 10px 10px; max-width:100%; border:1px solid #ddd; padding:10px}
/* CMS AREA ENDS */

.my_list2 li{margin-bottom:6px; padding-left:17px; list-style:none; margin-left:20px}
.my_list2 li:hover{font-weight:bold}

.short_form{font-size:14px}
.short_form input[type=text], .short_form input[type=password], .short_form select, .short_form textarea, .short_form .fls{padding:9px; width:80%; box-shadow:0 5px 5px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc}
.short_form .w36{float:left; width:27%; text-align:right}
.short_form .w62{float:right; width:70%}
/* SHORT FORM ENDS */

/* CONTACTS */
.call{background:url(../images/call.png) no-repeat left top; padding:5px 0 0 70px; min-height:61px}
.email{background:url(../images/email.png) no-repeat left top; padding:5px 0 0 70px; min-height:61px}
.web{background:url(../images/web.png) no-repeat left top; padding:5px 0 0 70px; min-height:61px}
.feedback{width:100%; padding:10px; background:#fff; box-shadow:0px 0px 10px #ccc}
/* CONTACTS ENDS */

/* sitemap classes */
.stmp_cont-img{width:38%; padding:20px 0px 50px 0px; float:right; margin:10px 0px; text-align:right}
.stmp_cont{padding:10px 20px; width:100%; background:#fff; box-shadow:10px 2px 10px #ccc inset; margin:10px 0px; border:1px solid #ccc}
.stmp_cont h2{font-size:22px}
.sitemap a{display:block; font:400 14px/20px 'Open Sans',Arial,Helvetica,sans-serif; color:#000; padding:5px 10px; margin:5px .5%; border:1px solid #ddd; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; width:32.3%; float:left}
.sitemap a:hover{color:#fff; top:5px; background:#00823f; text-decoration:none}

/****animated****/
.animated{animation-duration:1s; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

.animated2{animation-duration:.5s; -webkit-animation-duration:.5s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

.animated3{animation-duration:1s; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

.animated4{animation-duration:3s; -webkit-animation-duration:3s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

@keyframes fade_eff{0%{opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

@-webkit-keyframes fade_eff{0%{opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}
.fade_eff{animation-name:fade_eff; -webkit-animation-name:fade_eff}

@keyframes scale_eff{0%{opacity:0; transform:scale(0); -webkit-transform:scale(0)}
100%{opacity:1; transform:scale(1); -webkit-transform:scale(1)}
}

@-webkit-keyframes scale_eff{0%{opacity:0; transform:scale(0); -webkit-transform:scale(0)}
100%{opacity:1; transform:scale(1); -webkit-transform:scale(1)}
}
.scale_eff{animation-name:scale_eff; -webkit-animation-name:scale_eff}

@keyframes drop_eff{0%{opacity:0; transform:translateY(200px); -webkit-transform:translateY(200px)}
80%{transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

@-webkit-keyframes drop_eff{0%{opacity:0; transform:translateY(200px); -webkit-transform:translateY(200px)}
80%{transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}
.drop_eff{animation-name:drop_eff; -webkit-animation-name:drop_eff; -moz-animation-name:drop_eff; -o-animation-name:drop_eff}

@keyframes drop_eff2{0%{opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px)}
100%{transform:translateY(0px); -webkit-transform:translateY(0px)}
}

@-webkit-keyframes drop_eff2{0%{opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px)}
100%{transform:translateY(0px); -webkit-transform:translateY(0px)}
}
.drop_eff2{animation-name:drop_eff2; -webkit-animation-name:drop_eff2}

@keyframes drop_eff3{0%{opacity:0; transform:translateY(-100px); -webkit-transform:translateY(-100px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

@-webkit-keyframes drop_eff3{0%{opacity:0; transform:translateY(-100px); -webkit-transform:translateY(-100px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

.drop_eff3{animation-name:drop_eff3; -webkit-animation-name:drop_eff3; -moz-animation-name:drop_eff3; -o-animation-name:drop_eff3}

@keyframes drop_eff4{0%{opacity:0; transform:translateX(-100px); -webkit-transform:translateX(-100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}

@-webkit-keyframes drop_eff4{0%{opacity:0; transform:translateX(-100px); -webkit-transform:translateX(-100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}
.drop_eff4{animation-name:drop_eff4; -webkit-animation-name:drop_eff4}

@keyframes drop_eff5{0%{opacity:0; transform:translateX(100px); -webkit-transform:translateX(100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}

@-webkit-keyframes drop_eff5{0%{opacity:0; transform:translateX(100px); -webkit-transform:translateX(100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}
.drop_eff5{animation-name:drop_eff5; -webkit-animation-name:drop_eff5}

@-webkit-keyframes shake_eff{0%,100%{-webkit-transform:translateX(0); transform:translateX(0)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-3px); transform:translateX(-3px)}
20%, 40%, 60%, 80%{-webkit-transform:translateX(3px); transform:translateX(3px)}
}

@keyframes shake_eff{0%,100%{-webkit-transform:translateX(0); transform:translateX(0)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-3px); transform:translateX(-3px)}
20%, 40%, 60%, 80%{-webkit-transform:translateX(3px); transform:translateX(3px)}
}
.shake_eff{-webkit-animation-name:shake_eff; animation-name:shake_eff}

 /* FANCY BOX */
.fancybox-close{position:absolute; top:2px !important; right:2px !important; width:24px; height:24px; cursor ointer; z-index:8040; background:url(../images/x.png) no-repeat center center !important}
.fancybox-close:hover{background:url(../images/x2.png) no-repeat center center !important}
.fancybox-skin{-webkit-border-radius:2px !important; -moz-border-radius:2px !important; border-radius:2px !important}
.fancybox-overlay{background:rgba(0,0,0,.8) !important}
/* FANCY BOX */
 
/* ================================= MEDIA QUERIES ====================*/
/* ================= Desktop/Laptop below 1366px  ================= */
@media only screen and (max-width:1380px){
header {width:70.4%;}
}
/* ================= Desktop/Laptop below 1280px  ================= */
@media only screen and (max-width:1279px){
.container{width:100%}

/*Top-right navbar*/
.navbar-static-top .navbar-nav>li>a{ padding:5px 40px;}

/*CONTACT_DETAIL*/
.contact-section .cont_form{padding:40px 0px}
.contact-section .cont_form input[type=text], .contact-section .cont_form select, .contact-section .cont_form textarea{width:47%; margin-bottom:5px}
.t2_fixer .containers {width: 100%;}
}

/* ================= Desktop/Laptop below 1152px  ================= */
@media only screen and (max-width:1151px){.minmax{min-width:100%; max-width:100%}
.logo_area img{max-width:100%; height:auto}
/* NAV */
header{display:block;position:fixed;z-index:999;width:94.4%;margin:0 auto;left:0;  right:0;text-align:center}
.navbar-static-top .navbar-nav>li>a{ padding:5px 46px}
.t2_fixer .navbar-static-top .navbar-nav>li>a {padding: 5px 30px;}
.footer_sec2{width:18%; float:right}

/*CONTACT-SECTION*/
.contact-section .cont_form input[type=text], .contact-section .cont_form select, .contact-section .cont_form textarea{width:47%; margin-bottom:5px}
.contact-section .cont_form .mt10{margin-top:0px}
.contact-dtl .contct_ico{width:50px; height:54px}
.contact-dtl .contct_r{padding-left:60px}
.contact-dtl .col-xs-6{padding:0px}
.contact-dtl .contct-hed1{font-size:13px}
.contact-dtl .fs14{font-size:12px}
.cont_form .large{width:97%}
.cont_form .captcha{width:36% !important}

/*DETAIL*/
.search-box{ position:absolute;  z-index:99;  top:5%;  width:70.7%;  left:0;  right:0;margin:0 auto}
.prods-right {float: left; width: 44%;}
.mission-box {width: 91%;}
.vision-box {width: 91%;}
.vision-content {margin-left: 25px;width: 76%;}
}
/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width:991px){

.logo_area{float:left; margin-top:0px; width:120px}
.logo_area img{width:100%}

.call-section{ background:#4480c2;  display:list-item;  float:none;  padding:2px;  margin:auto;  width:276px}
.call-section p{ color:#fff;  font-size:11px;  float:left;  margin-right:15px}

/* NAV */
.navbar-collapse{float:none}
.navbar-nav{ margin-left:0px;  margin-top:0px;  margin-right:0;  float:none; display:table; margin:0 auto}
.navbar{min-height:20px; width:100%; margin-bottom:5px; padding-top:0px; padding-bottom:0px}
.top_right_ot{margin:18px 0px 0px 0px; float:right; clear:inherit}
.navbar-static-top{background:none; margin-top:0px; margin-bottom:0px;}
.navbar-static-top .navbar-nav>li{ margin:0 1px !important}
.navbar-static-top .navbar-nav>li>a{ padding:5px 16px; font-size:13px;}

.t2_fixer .logo_area-2{width:120px}
.t2_fixer .top_right_ot{margin:18px 0px 0px 0px;}
.t2_fixer .navbar-static-top .navbar-nav>li>a{padding:5px 16px;font-size:13px;}



/* NAV ENDS */
/*SERVICES-SECTION*/
.pro_list_o_hid{height:340px}
.ser_list_o_hid{height:340px}
.services_area{width:342px}
.ser_img{width:342px; height:144px}
.ser_img figure{width:342px; height:144px}
.srch_pop{top:65px}
/*CONTACT-SECTION*/
.contact-section{height:auto}
.contact-section .cont_form{padding:10px}
.contact-section .cont_form input[type=text], .contact-section .cont_form select, .contact-section .cont_form textarea{width:48%}

/*footer*/
.footer_sec1{width:73%; margin:0 0 0 0}
.footer_sec2{width:24%; margin:0}
.footer_sec4{width:30%}
.footer_sec1{text-align:center}
.foot-links a{padding:0 7px; font-size:11px; color:#888}

.copyright-inner{text-align:center}
/*footer*/
/*SITEMAP*/
.sitemap a{width:48%}


.cust-title{font-size:17px; color:#fff; margin-bottom:15px; display:block; font-weight:800; text-transform:uppercase}
.hands{margin-top:65px}

.banner_area{height:350px}
.tour_area{width:340px}
.tour-title{text-align:center; font-size:14px}
.box .title{height:40px}
header{ display:block;  position:inherit;  z-index:999;  width:100%}
.search-box{ position:static;  z-index:99;  width:100%;  left:0;  right:0;  margin:0px auto}




.prod-left{float:none;margin-bottom:15px;margin-right:0}
.prod-right{float:none;position:relative;margin-left:0;margin-bottom:15px}
.prods{padding:10px;box-shadow:0 0 15px #a7a7a7;width:520px;margin:0 auto}
.prod-leftab{position:absolute;top:162px;transform:rotate(90deg);left:250px;right:235px}
.prod-rightab{position:absolute;top:44px;transform:rotate(-90deg);right:40px;left:65px}

.mission-box {width:100%; margin-left:0;}
.vision-box {width:100%; margin-right:0;}
.mission-content {
    float: left;
    margin-right: 0;
    width: 73%;
    margin-top: .2%;
}
.vision-content {
    margin-left: 25px;
    width: 70%;
    margin-top: 2%;
}

/* Contact Us */
.sec_cnt{ font-size:13px;}

}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width:767px){
h1{font:28px/26px 'Open Sans',Arial,Helvetica,sans-serif; color:#454545}
h2{font-size:20px; line-height:22px}
/*TOP-HEADER*/
.contact-section{padding:20px 0px}
.box{margin-bottom:15px; width:278px; margin:0 auto}

/*SEARCH*/
.logo_area{text-align:center}
.srch_area{margin-top:5px; margin-right:0px}
.srch_pop{width:95%; top:65px}

.bg-mob{background:#f1f1f1}
.navbar-static-top{position:absolute; left:0px; min-height:0px}
.navbar{width:100%}
.navbar-toggle{float:left; margin-left:10px}
.navbar-collapse{width:100%; float:none; background:#000; top:68px; position:absolute; padding:0px}
.navbar-nav{width:100%; border-right:0px; margin-right:0px}
.navbar-static-top .navbar-nav>li{ float:none; display:block;}
.navbar-static-top .navbar-nav>li>a{border-bottom:1px solid #000; border-radius:0px}
.navbar-header{margin-top:0px; position:absolute; top:0px; right:0px}
.navbar-static-top .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-fixed-top .navbar-nav>.active>a:focus{border-radius:0px}
.navbar-static-top .navbar-nav>li>a:hover{border-radius:0px}
.navbar-static-top .navbar-nav>li>a{font-size:12px; padding:0px 10px; text-align:left}

/*SERVICES-SECTION*/
.our_services h2{font-size:24px; line-height:30px}

/*TESTIMONIALS*/
.testi_m_cont h2{font-size:24px; line-height:30px}
.customer_area{width:100%}
/*WELCOME-SECTION*/
.wlcm-cont h1{font-size:24px; line-height:30px}
/*CONTACT-SECTION*/
.contact-dtl .col-xs-6{width:100%}

/*footer*/
.footer_sec1{width:100%; float:none; margin:0}
.footer_sec1 .box1{width:100%; float:none}
.footer_sec1 .box2{width:100%; float:none}

.f_dd_box{display:none; margin:0px 0px 10px 0px}
.dd_next{margin:0; padding:5px 0px; background:url(../images/pls.png) no-repeat 100% center; cursor:pointer; border-bottom:1px solid #ccc}
.dd_next_act{background:url(../images/mns2.png) no-repeat 100% center}
.find_cont{padding:20px 0px 20px 0px}
.find_cont h2{margin:20px 0 25px}
.ft_link{padding:0px}
.ft_link a{font:13px/24px 'Open Sans',Arial,Helvetica,sans-serif;  border-bottom:1px solid #333}
.ft_link a:hover{color:#ffc000}
.footer_sec1 .box1{width:100%}
.footer_sec1 .box2{width:100%}
.ft-logo{text-align:center; float:none}
footer .contct-dtls p{ text-align:center; float:none}
.top-social{ margin:15px auto !important}
.copy{text-align:center}
.footer_sec4{width:100%; text-align:center}
.footer_sec4 .p10-20{padding:0px}
.footer_bg{padding:10px 0 0px; border-top:1px #ddd solid}
.desk_show {display:none;}
.f_dd_box{display:none; margin:0px 0px;}
.dd_next{margin:0; padding:8px 0; background:url(../images/pls.png) no-repeat 100% 7px;cursor:pointer; border-bottom:1px solid #686868; font-weight:600;}
.dd_next_act{background:url(../images/mns2.png) no-repeat 100% 7px;}
.mob_only{display:block;}
.ft_link{padding:0 7px;}
.ft_link a{font:13px/24px 'Poppins', Arial, Helvetica, sans-serif;  border-bottom:1px solid #868686;}
footer .ft_links a{ color:#bdbdbd}
.ft_link a:hover{color:#d52c31;}
p iframe{height:auto !important; margin-top:15px;}
.social-ico{float:none; margin-top:15px; text-align:center;}

.ft_link2{padding:7px;}
.ft_link2 a{font:13px/34px 'Poppins', Arial, Helvetica, sans-serif; color:#fff; display:block; float:none; width:100%; border-bottom:1px solid #ccc;}
.ft_link2 a:hover{color:#ffc000;}

.footer_sec2 .box1{ width:100%}
.footer_sec2 .box2{width:100%}
.loc_area_l{ width:100%;}
/*footer*/

/* Contact Us */
.contact_list{ float:none; width:100%;}
.contact_list ul li .circle_sec{ display:none;}
.contact_list ul li{ padding:15px;}
.contact_form_cont{ float:none; width:100%;}

/* CONTACT US */
.contact_box .col-xs-12{margin-bottom:20px}
/* CONTACT US */
/*SITEMAP*/
.sitemap a{width:98%}
.bnr-txt1{font-size:30px; line-height:40px; font-weight:800; text-align:center; color:#fff; padding-top:25%}
.find_cont h2{font-size:22px; line-height:26px}
.enquiry_btn, .enquiry_btn:visited{padding:0px 45px}
.t2_fixer{position:static;width:100%;min-height:0px;z-index:99999;top:0;box-shadow:#666 0 0 10px;background:#000;}

.logo_area img{ width:auto}
.call-section{ background:#4480c2;  display:list-item;  float:none;  padding:2px;  margin:auto;  width:49%}
.logo_area{float:left; margin:0px 0 0 0px}
.wlcm-cont {padding: 20px 0 0 0;}
.contact-area {padding: 10px 0; width:100%}
.mission-box{border-radius:0px; width:98%; margin:10px auto; float:none;}
.vision-box{border-radius:0px; width:98%; margin:10px auto; float:none;}
.mission {float: none;margin-right: 0;margin: 0 auto;width: 160px;}
.vision {float: none;margin-right: 0;margin: 0 auto;width: 160px;}
.mission-content {float: none;margin-right:0;width:98%;margin-top:.2%;text-align: center;margin-left:0px;margin:0 auto;}
.vision-content {float: none;margin-right:0;width:98%;margin-top:.2%;text-align: center;margin-left:0px;margin:0 auto;}
}

/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width:479px){
.call-section{background:#4480c2;display:list-item;float:none;padding:2px;margin:auto;width:100%}
.search-box{position:static;z-index:99;width:100%;left:0;right:0;margin:0px auto}
.search-box .pb5{ padding:0px;}
.search-box .nav-tabs >li{border-right:1px solid #00B156;float:left;margin-bottom:0;width:101px;background:rgba(255,255,255,.8)}
.nav>li>a{position:relative;display:block;padding:10px 7px}
.in02{border:1px solid #FFF;border-radius:3px;font-family:'Open Sans',sans-serif;font-size:13px;color:#FFF!important;padding:5px 8px;width:100%;margin-bottom:3px}
/*HEADER-TOP*/
.srch-inr{width:76%}
.wlcm-cont h1{font-size:16px; line-height:22px}
/*CONTACT-DETAIL*/
.contact-section .cont_form input[type=text], .contact-section .cont_form select, .contact-section .cont_form textarea{width:98%}
.cont_form .captcha{width:98% !important}
/*Contact-Page*/
.contact_form input[type=text], .contact_form select, .contact_form textarea{width:98%; margin-bottom:5px}
.contact_form_cont .mt5{margin:0px}
.web{margin:0px}
.call-section p{color:#fff;  font-size:11px;  float:none;  margin-right:15px;  display:block;  text-align:center}

.prods{width:300px;margin:0 auto}
.prod-leftab{position:absolute;top:13px;transform:rotate(90deg);left:140px;right:235px}
.prods-right{float:left;width:100%}
.prod-rightab{position:absolute;top:18px;transform:rotate(-90deg);right:50px;left:65px}
}
@media only screen and (max-width:320px){.search-box .nav-tabs >li >a span{display:none}
.search-box .nav-tabs >li{border-right:1px solid #00B156;  float:left;  margin-bottom:0px;  width:81px;  background:rgba(255,255,255,.8)}
.nav>li>a{position:relative;  display:block;  padding:10px 7px;  text-align:center}
}