/*reset*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; text-decoration: none;}
.body_bg{background:url(../images/bg.jpg) repeat;}
body { overflow-y: scroll; overflow-x:hidden }
ul li{ list-style:none;}
img {border:0;}
.clear {clear:both;}
:focus outline:0;
a{outline:none; color:#00aeef; text-decoration:none;}
a:hover{color:#fff;}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neue_ltregular';
    src: url('../fonts/helveticaneuelt-roman-webfont.eot');
    src: url('../fonts/helveticaneuelt-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuelt-roman-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuelt-roman-webfont.woff') format('woff'),
         url('../fonts/helveticaneuelt-roman-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextralight';
    src: url('../fonts/raleway-extralight-webfont.eot');
    src: url('../fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-extralight-webfont.woff') format('woff'),
         url('../fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('../fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTProBd';
    src: url('../fonts/HelveticaNeueLTProBd.eot');
    src: url('../fonts/HelveticaNeueLTProBd.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTProBd.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTProBd.woff') format('woff'),
         url('../fonts/HelveticaNeueLTProBd.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTProBd.svg#HelveticaNeueLTProBd') format('svg');
}



.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}
.pb20{ padding-bottom:20px;}
.pt100{ padding-top:100px;}
.mtb20{ margin:20px 0;}

.commn_tab_det .hide{ display:none;}
input[type="search"], input[type="text"], input[type="email"], textarea{ float:left; width:100%; background-color:#f3f3f3; border:1px solid #d9d9d9;}


p.cet_text{ text-align:center !important;}
h2{ font-family: 'ralewaybold'; color:#454242; font-size:15px; text-transform:uppercase;}
.layout{ margin:0 auto; width:1000px;}
.img_100{ width:100%; height:400px;}
.mobile{ display:none;}
.fancybox-skin{ padding:5px !important;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{ background:url(../images/close.jpg) 0 0 no-repeat !important; width:30px; height:37px; right:0 !important; top:0 !important;}

.middlemenu .layout{ margin:0 auto; width:900px; top:50%}

body{ font-size:12px; font-family: 'ralewayregular'; color:#454242; }
#wrapper{ float:left; width:100%;}

header, section, footer{ float:left; width:100%;}

.headerbg{ background-color:#fcfbfa;}
.logo{ float:left; width:21%; margin:5px 0 0 10px;}
.logo img{ width:100%; margin-top:10px;}
.topmenu{ float:right; width:auto;}
.topmenu ul li{ display:inline-block; width:auto; padding:5px 15px; text-align:center; border-left:1px dashed #c8c7c7; list-style:none; font-family: 'ralewayregular'; font-size:13px; position:relative;}

.sub{ display:none; position:absolute; left:0; top:18px; margin-top:36px; z-index:99999; float:left; width:200px; background-color:#fff;}
.last{ left:inherit; right:0 !important;}
.sub li{ padding:5px 0 5px 5% !important; float:left; border-left:0 !important;width:95% !important; text-align:left !important; border-bottom:1px solid #c7c8c8;}
.topmenu ul li:hover .sub{ display:block;}
.topmenu ul li a{ color:#606060;}
.topmenu ul li a:hover{ color:#0098da;}

.loaction{ background:url(../images/location-icon.png) center 0 no-repeat; float:left; width:100%; height:30px;  transition:all .2s ease-in-out}
.topmenu ul li a:hover .loaction{ background-position: center -40px;}

.chet{ background:url(../images/chat.png) center 0 no-repeat; float:left; width:100%; height:30px;  transition:all .2s ease-in-out}
.topmenu ul li a:hover .chet{ background-position: center -38px;}

.feedback{ background:url(../images/feedback-icon.png) center 8px no-repeat; float:left; width:100%; height:30px;  transition:all .2s ease-in-out}
.topmenu ul li a:hover .feedback{ background-position: center -33px;}

.date{ background:url(../images/date.png) center 7px no-repeat; float:left; width:100%; height:30px;  transition:all .2s ease-in-out}
.topmenu ul li a:hover .date{ background-position: center -30px;}

.window{ background:url(../images/window-icon.png) center 8px no-repeat; float:left; width:100%; height:30px;  transition:all .2s ease-in-out}
.topmenu ul li a:hover .window{ background-position: center -30px;}

.broucher{ background:url(../images/broucher-icon.png) center 5px no-repeat; float:left; width:100%; height:30px;  transition:all .2s ease-in-out}
.topmenu ul li a:hover .broucher{ background-position: center -30px;}

.searchbox{ float:right; width:20%; border:1px solid #d9d9d9; border-radius:3px; margin:10px 151px 0 0;}
.searchbox input[type="search"]{ float:left; width:56% !important; height:30px; padding-left:30px;  border:0; background:url(../images/search-icon.png) 5px 8px no-repeat;}
.searchbox input[type="button"]{ float:right; width:31%; background-color:#3d3d3c; cursor:pointer;  height:32px; color:#fff; border:0;}


.bannerbox{ float:left; width:100%; position:relative;}
.slider img{ display:block;}
.slider li{ text-align:center !important;}
.textalign{
	text-align: justify;
}
.footer{ float:left; width:94%; padding:20px 3%;  margin-top:0px; background-color:#ffffff}
.footerbox{ float:left; width:25%; padding-right:2%; margin-right:2%; border-right:1px solid #999; min-height:186px; font-family:Arial, Helvetica, sans-serif;}
.firstbox{ width:27% !important;}
.socail{ width:36% !important; padding-top:60px;}
.footerbox p{ line-height:20px;}
.footerbox .copy{ font-weight:bold; padding-top:5px;}


.socail ul{ list-style:none; margin-top:10px; float:left; width:100%; font-size:0;}
.socail li{ display: inline-block; vertical-align:top; text-align:left; width:33.3%; margin-bottom:5px;}



.lastbox{ margin-right:0; border-right:0; padding-right:0; width:28.8% !important;}
.toll{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:32px; width:35%; background-color:#077ba7; text-align: center; color:#fff; padding:5px 10px; position:relative; margin-left:20px;}
.toll .call_num{ float:left; width:100%;}
.toll .call_icon{ float:left; width:30%; position: absolute; top:-40px; left:-22px;}
.toll strong{ font-weight: normal; display:block;}
.sms{ float:right; width:35%; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#ee3b40; text-align: center; color:#fff; padding:5px 4px 5px 16px; position:relative;}
.sms strong{ font-weight: normal; display:block;}
.sms .call_num{ float:left; width:100%;}
.sms .call_icon{ float:left; width:30%; position: absolute; top:-40px; left:-22px;}

.firstbox ul{ list-style:none; margin-top:10px; float:left; width:100%; text-align:center;  }
.firstbox li{ float:left; width:auto; margin:5px 0;}
.firstbox li:last-child a{ border:0;}
.firstbox li a{ float:left;color:#454242; border-right:1px solid #666; padding:0 15px 0 0px; margin-right:15px; line-height:10px; font-weight:bold;}
.firstbox li a:hover{ color:#000;} 


.bottom_footer{ background-color: #fff;
    float: left;
    margin-top: 0;
    padding: 5px 3%;
    width: 94%;}
.bottom_footer ul{ list-style:none; margin-top:5px; float:left; width:55%; text-align:left;  }
.bottom_footer li{ display:inline-block; width:auto; margin:5px 0;}
.bottom_footer li:nth-child(4n) a{ border:0;}
.bottom_footer li a{ float:left;color:#767676; border-right:1px solid #666; padding:0 15px 0 0px; margin-right:15px; line-height:15px; font-family: 'helvetica_neue_ltregular'; font-size:14px;  }
.bottom_footer li a:hover{ color:#000;}

.bottom_footer .copy{ padding-top:5px; float:right; color:#a5a5a5; padding:10px 0; font-size:14px;}


#small-menu{ position:absolute; left:10px; top:10px; cursor:pointer; z-index:9999;}
.close{ float:left; width:100%; background:url(../images/close.png) right 0 no-repeat; height:29px; border-top:3px solid #db3a3a; cursor:pointer;}
.menu{ position:absolute; left:-200px; top:0; z-index:9999; background:url(../images/blckbg.png) 0 0 repeat; min-height:100px; width:130px;}
.menu_open{ left:0;}
.menu li{ float:left; width:100%; text-align:center; border-bottom:1px dashed #666; padding:10px 0 5px 0; margin-bottom:10px; font-size:13px; position:relative;}
.menu li a{ color:#fff; font-weight:bold;}
.menu li a:hover{ color:#0098da;}
.menu li:last-child{ border:0;}

.submenu{ display:none; position:absolute; left:130px; top:0; background:url(../images/blckbg.png) 0 0 repeat; width:150px; margin-top:0;}
.lastsub{ top:inherit; bottom:0 !important;}
.submenu li{ padding:8px 0 8px 2% !important; width:98%; float:left; text-align:left; margin-bottom:0 !important; font-size:12px;}
/*.menu li:hover .submenu{ display:block;}*/

/* middle menu */

.middlemenu{ position: absolute; left:0; bottom:0px; width:100%; float:left; z-index:999;top:98%}
.thumbmenu .parentbox{ float:left; width:25%; list-style:none; position:relative;}
.iconbox{ float:left; width:100%; background: url(../images/thumb_menu_bg.png) 0 0 repeat; text-align:center; padding:5px 0;}
.iconbox img{ width:13%;}
.title{ background: #067ba7 url(../images/right-arrow.png) 95% 15px no-repeat ; float:left; width:100%; text-align:center; color:#fff; padding:12px 0; font-family: 'ralewaybold'; font-size:16px; text-transform:uppercase;}

.middlemenu .tit2{ background-color:#045e80 !important;}
.middlemenu .tit3{ background-color:#064c66 !important;}
.middlemenu .tit4{ background-color:#06364c !important;}


.hovermenu{ float:left; background:url(../images/thumb_menu_bg.png) 0 0 repeat; height:auto; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; display:none;}
.hovermenu li{ float:left; width:100%;}

.hovermenu .sol{ background: #045e80 url(../images/right-arrow.png) 95% 15px no-repeat ; float:left; width:100%;  color:#fff; padding:5px 0; font-family: 'ralewaybold'; font-size:14px; text-transform:uppercase; line-height:30px; }
.hovermenu .sol img{ display:inline-block; float:left; vertical-align:middle; margin:0 10px 0 10px; width:10%;}

.innermenu li{ float:left; width:81%; border-bottom:1px dotted #666; padding:15px 0 15px 45px;}
.innermenu li:last-child{ border:0;}
.innermenu li a{ font-size:13px; color:#000; font-weight:bold; float:left; width:80%;}
.innermenu li a:hover{ color:#800404}

.innermenu li.prof{ background: url(../images/prof.png) 5px  10px no-repeat; transition:all .2s ease-in-out;}
.innermenu li.home{ background: url(../images/home-ownder-icon.png) 5px  10px no-repeat; transition:all .2s ease-in-out; }
.innermenu li.inst{ background: url(../images/insitute-icon.png) 5px  10px no-repeat; transition:all .2s ease-in-out; }
.innermenu li.icons_page{ padding:15px 0 15px 5px; width:98%; }

.innermenu li.icons_page img{ float:left;}
.innermenu li.icons_page a{ float:left; margin:3px 0 0 10px;} 

.mobcopy{ display:none;}
.formobiletab{ display:none;}
.mob-call{ display:none;}

.youtube{ float:left; width:100%;}
.youtube img{ width:100%; border:5px solid #000; box-sizing:border-box; float:right; border-radius:3px;}


.breadcrume {
    bottom: -40px;
    float: left;
    margin: 30px 0 0;
    position: absolute;
    width: 100%;
}
.no_banner{ margin-left:4%;}
.animate_breadcrum{ margin-left:10%; width:90%}

.breadcrume li:first-child{ margin-left:0;}
.breadcrume li{ float:left; width:auto; background:url(../images/bred-right-arrow.png) 100% 5px no-repeat; padding:0 15px 0 0; margin-left:8px; text-align:left;}
.breadcrume li a{ color:#c1c0c0; font-size:11px; text-transform:capitalize;}
.breadcrume li:last-child{ background-image:none;color: #0098da;}
.breadcrume li:last-child a{ color:#0098da;}


/*  -------------------------inner  page----------------------------------- */


.middlebg{/* background:url(../images/middle-bg.jpg) 0 0 repeat;*/ margin-top:40px;}
.middlebg p{font-family: 'helvetica_neue_ltregular'; font-size:15px; color:#1b1b1b; text-align:left; line-height:25px;}

.layout2{ margin:0 auto; width:1200px;}
.colum{ float:left; width:100%;}
.center{ text-align:center;}

h3{font-family: 'helvetica_neue_ltregular'; color:#004f71; font-weight:bold; font-size:26px; text-transform:uppercase;}
.red_bdr{ border-bottom:5px solid #a10505; display:inline-block; width:auto; padding:0 40px;}

/* right thumb menu */
.four_thumb{ position:absolute; right:0; top:20px; width:90px; z-index:9999;}
.four_thumb ul li{ float:left; width:100%; text-align:center; color:#fff; text-transform:uppercase; font-size:11px; padding:10px 0; font-family: 'ralewaybold'; position:relative;  }
.four_thumb ul li a{ color:#fff; float:left; width:100%;}
.four_thumb ul li.sol, .sol_color{ background-color:#067ba7;}
.four_thumb ul li.pro, .prod_color{ background-color:#045e80;}
.four_thumb ul li.whys, .why_color{ background-color:#064c66;}
.four_thumb ul li.show, .show_color{ background-color:#06364c;}

.drop_menu{ display:none; }
.four_thumb ul li:hover .drop_menu{opacity:0; right:70px; position:absolute; width:120px;  top:0; z-index:9999;  border:1px solid #999; transition:0.4s ease-out;  }

.four_thumb .drop_menu li{ font-size:11px; text-transform:capitalize; text-align:left; border-bottom:1px solid #999; padding-left:5%; width:95%; transition:0.4s ease-out;} 
.four_thumb .drop_menu li:hover{ background-color:#000;}
.four_thumb .drop_menu li:last-child{ border-bottom:0;}



/* ------------------------------windows page--------------------------------------------- */

.window_page .breadcrume{ margin-top:30px;}

.six_thumb{ float:left; width:100%; margin:20px 0;}
.six_thumb  li{ float:left; width:16%; margin-right:0.5%; position:relative; height:380px; overflow:hidden;}
.six_thumb li:last-child{ margin-right:0;}
.six_thumb .thumb{ width:100%; }
.six_thumb .thumb_height{height:100%;}
.six_thumb .thumb_title{ position:absolute; top:60px; left:0;}

.upper_box{position:absolute; top:0; left:0; height:100%; width:100%; background-color:#0098da; transition:all 1s ease-out 0s;}

.on_hover_details{ position:absolute; top:380px; left:0; height:100%; width:100%; background-color:#0098da; transition:all 1s ease-out 0s;}
.on_hover_details p{ color:#fff; padding:5px; font-size:14px; line-height:20px; text-align:center;}
.on_hover_details .read_more{ text-align: center; padding-right:5px; margin-top:10px; }
.on_hover_details .read_more a{ color:#000; text-decoration:underline;}
.on_hover_details .read_more a:hover{ color:#fff;}
.on_hover_details h5{ text-align: center; font-size:15px; padding:10px 0 0px 0; color:#fff; float:left; width:100%;}

.door_view{ float:right; margin:5px 0 0px 0; float:left; width:100%;}

.six_thumb li:hover .upper_box{ top:-380px;}
.six_thumb li:hover .on_hover_details{ top:0;}


.on_hover_details h4{font-family: 'helvetica_neue_ltregular'; font-size:16px; color:#fff; letter-spacing:1px; margin:10px 0 0 0;}
.on_hover_details .red_bdr{ border-bottom:5px solid #fff; }
.points{ margin:5px 5% 0 5%; float:left;}
.points li{ float:left; width:84%; font-family: 'helvetica_neue_ltregular'; text-align:left; background:url(../images/square_bullets.png) 0 5px no-repeat; border-bottom:1px solid #6dc4ea; padding:5px 0 5px 30px; height:auto;}
.points li a{ color:#fff; font-size:14px;}
.points li a:hover{ color:#000;}







/* --------------------------------------------------------sliding page---------------------------------------------- */

.middle_tab{ position: absolute; left:0; bottom:0px; width:100%; float:left; z-index:999;}
.middle_tab ul{ float:left; border:0px solid #000; width:100%;}
.middle_tab li{ float:left; width:11.9%; background-color:#fdfdfd; text-align:center; border-right:1px dashed #bebebe; box-sizing:border-box; padding:10px  0; cursor:pointer; position:relative; transition:0.3s ease-in-out;}
.middle_tab li p{ font-size:13px;}
.middle_tab li:last-child{ border-right:0;}


.color_hover{ float:left; width:100%; height:37px; position:absolute; left:0; bottom:0; display:none;font-size:0;}
.bgcolor{  width:100%; height:27px; float:left; line-height:25px; color:#fff; font-size:14px;}



.window_img{ float:left; background:url(../images/animated/window/1.png) center -12px no-repeat; width:110px; height:100px;}
.color1:hover .window_img{ float:left; background:url(../images/animated/window/1.gif) center -12px no-repeat; width:110px; height:100px;}

.window_img2{ float:left; background:url(../images/animated/window/2.jpg) center 14px no-repeat; width:110px; height:100px;}
.color2:hover .window_img2{ float:left; background:url(../images/animated/window/2.gif) center 12px no-repeat; width:110px; height:100px;}

.window_img3{ float:left; background:url(../images/animated/window/3.gif) center 20px no-repeat; width:110px; height:100px;}
.color3:hover .window_img3{ float:left; background:url(../images/animated/window/3.gif) center 20px no-repeat; width:110px; height:100px;}

.window_img4{ float:left; background:url(../images/animated/window/4.png) center 0px no-repeat;width:110px; height:100px;}
.color4:hover .window_img4{ float:left; background:url(../images/animated/window/4.gif) center 1px no-repeat; width:110px; height:100px;}

.window_img5{ float:left; background:url(../images/animated/window/5.jpg) center 10px no-repeat;width:110px; height:100px;}
.color5:hover .window_img5{ float:left; background:url(../images/animated/window/5.gif) center 10px no-repeat; width:110px; height:100px;}

.window_img6{ float:left; background:url(../images/animated/window/6.jpg) center 18px no-repeat;width:110px; height:100px;}
.color6:hover .window_img6{ float:left; background:url(../images/animated/window/6.gif) center -11px no-repeat; width:110px; height:100px;}

.window_img7{ float:left; background:url(../images/animated/window/7.png) center 6px no-repeat; width:110px; height:100px;}
.color7:hover .window_img7{ float:left; background:url(../images/animated/window/7.png) center 6px no-repeat; width:110px; height:100px;}

.window_img8{ float:left; background:url(../images/animated/window/8.png) center 5px no-repeat;width:110px; height:100px;}
.color8:hover .window_img8{ float:left; background:url(../images/animated/window/8.png) center 5px no-repeat; width:110px; height:100px;}

.middle_tab li span{ width:100%;}

.color1:hover .color_hover, .color1 .color_active{ display:block;}
.color2:hover .color_hover, .color2 .color_active{ display:block;}
.color3:hover .color_hover, .color3 .color_active{ display:block;}
.color4:hover .color_hover, .color4 .color_active{ display:block;}
.color5:hover .color_hover, .color5 .color_active{ display:block;}
.color6:hover .color_hover, .color6 .color_active{ display:block;}
.color7:hover .color_hover, .color7 .color_active{ display:block;}
.color8:hover .color_hover, .color8 .color_active{ display:block;}


.col1{ background-color:#0298d9;}
.color1{ border-bottom:4px solid #0298d9;}
.col2{ background-color:#aa2a02;}
.color2{ border-bottom:4px solid #aa2a02;}
.col3{ background-color:#fe9602;}
.color3{ border-bottom:4px solid #fe9602;}
.col4{ background-color:#fe5603;}
.color4{ border-bottom:4px solid #fe5603;}
.col5{ background-color:#0282a9;}
.color5{ border-bottom:4px solid #0282a9;}
.col6{ background-color:#03e3e0;}
.color6{ border-bottom:4px solid #03e3e0;}
.col7{ background-color:#037be2;}
.color7{ border-bottom:4px solid #037be2; width:14.2% !important;}
.col8{ background-color:#000;}
.color8{ border-bottom:4px solid #000;}




.door_tab .window_img{ float:left; background:url(../images/animated/door/1.jpg) center 0px no-repeat; width:110px; height:100px;}
.door_tab .color1:hover .window_img{ float:left; background:url(../images/animated/door/1.gif) center 0px no-repeat; width:110px; height:100px;}

.door_tab .window_img2{ float:left; background:url(../images/animated/door/2.jpg) center 5px no-repeat; width:110px; height:100px;}
.door_tab .color2:hover .window_img2{ float:left; background:url(../images/animated/door/2.gif) center 5px no-repeat;width:110px; height:100px;}

.door_tab .window_img3{ float:left; background:url(../images/animated/door/3.jpg) center 0px no-repeat; width:110px; height:100px;}
.door_tab .color3:hover .window_img3{ float:left; background:url(../images/animated/door/3.gif) center 0px no-repeat; width:110px; height:100px;}

.door_tab .window_img4{ float:left; background:url(../images/animated/door/4.jpg) center 0px no-repeat; width:110px; height:100px;}
.door_tab .color4:hover .window_img4{ float:left; background:url(../images/animated/door/4.gif) center 0px no-repeat; width:110px; height:100px;}

.door_tab .window_img5{ float:left; background:url(../images/animated/door/5.png) center 10px no-repeat; width:110px; height:100px;}
.door_tab .color5:hover .window_img5{ float:left;background:url(../images/animated/door/5.gif) center 10px no-repeat;width:110px; height:100px;}

.door_tab .window_img6{ float:left; background:url(../images/animated/door/6.png) center 10px no-repeat; width:110px; height:100px;}
.door_tab .color6:hover .window_img6{ float:left; background:url(../images/animated/door/6.gif) center 10px no-repeat; width:110px; height:100px;}








.main_comp{ float:right; width:auto; margin-top:50px;}
.main_comp a{ background-color:#ac3d1a; padding:10px 40px; color:#fff; text-transform:uppercase; font-size:14px; }
.main_comp a:hover{ background-color:#000;}

.cover_slider{ float:left; width:100%; height:442px; padding-top:50px;position:relative; text-align:center; background:url(../images/sliding_bg.jpg) center 0 no-repeat; background-size:100%;}

.cover_slider h3{ padding-bottom:10px; color:#fff; font-family: 'ralewayextralight';  font-weight:normal; text-shadow:0px -2px 2px #fff;}
.left_slide{ float:left; width:33%; text-align:left; position:relative; height:362px;}
.left_slide p{ font-size:14px; line-height:25px;  text-align:left;  color:#515151}

.left_slide li{color:#515151; font-family: 'helvetica_neue_ltregular'; font-size:14px;  padding:8px 0 10px 20px; float:left; width:100%; background:url(../images/right-arrow1.png) left 14px no-repeat;}


.sliding{ margin-top:30px;}
.sliding h4{ color:#0098da; font-size:16px; letter-spacing:0.03em; font-weight:bold; text-transform:uppercase; font-family: 'helvetica_neue_ltregular'; text-align:left; padding-bottom:5px; border-bottom:0px solid #ccc;} 
.middle_tab_thumb{ float:left; width:325px; margin-left:32px;}
.middle_tab_thumb .big_img{ float:left; width:100%; padding:7px 0; background-color:#fff; border:1px solid #ccc;max-height: 278px;}
.middle_tab_thumb .small_thumb{ float:left; width:100%; margin:7px 0; }
.middle_tab_thumb .small_thumb li{ display:inline-block; text-align:center; width:24.2%;}
.middle_tab_thumb .small_thumb li img{ width:100%;max-height: 61px; }
.middle_tab_thumb .bx-wrapper img{ width:97% !important;    max-height: 276px;}

.right_sliding{ float:left; width:34.5%; margin-left:32px;}

.desg li{ float:right; width:12%;  margin-left:3%; margin-bottom:10px; padding:2px; background-color:#fff; border:1px solid #ccc;}
.desg li:last-child{ margin-right:0;}
.desg li img{ width:96%; height:50px;}

.explore{ float:left; width:100%; margin-top:17px;}
.explore li{ float:left; width:33.3%; background-color:#0098da; padding:8px 0; border:1px solid #ccc; box-sizing:border-box;  font-family: 'helvetica_neue_ltregular'; height:40px;}
.explore li:hover{ background-color:#000;}
.explore li img{ display:inline-block; vertical-align:top; margin-right:10px;}
.explore li a{ color:#fff; line-height:20px; font-size:14px;}

.right_sliding .two_btn li a{ font-size:12px;}

.right_sliding .two_btn .hvr-shutter-in-horizontal::before{ background-color:#004f71}


.sliding .recom{ float:left; width:100%; margin-bottom:18px !important;  overflow:hidden;}
.sliding .recom li{ background-image:none; padding-left:5px; padding-top:0px; float:left; color:#333;  font-family: 'helvetica_neue_ltregular'; font-size:14px; font-weight:normal;  }

.sliding .read_more{ position: absolute; bottom:-2px; right:0;}
.sliding .read_more a{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00acfc+0,007fc4+50,0098da+100 */
background: #00acfc; /* Old browsers */
background: -moz-linear-gradient(top, #00acfc 0%, #007fc4 50%, #0098da 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00acfc 0%,#007fc4 50%,#0098da 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00acfc 0%,#007fc4 50%,#0098da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acfc', endColorstr='#0098da',GradientType=0 ); /* IE6-9 */ padding:10px 20px; border-radius:5px; color:#fff; text-decoration:none !important; text-decoration:underline; font-size:13px;   float:right;}

.sliding .read_more a:hover{ background:#000; color:#fff;}

.new_recom{ float:left; width:100%;}
.new_down{ margin-top:30px;}

.window_slides img{ height:400px;}
.right_side{ float:right !important; text-align:right !important;}
.right_sliding .recom  li{ float: right; width:auto; text-align:right; color:#515151;}
.right_sliding h4{ text-align:right; }

/* ------------------------------------ start gallery -------------------------------------------- */
.gallery_box{ float:left; width:100%; margin-bottom:20px;}
.gallery_box .left_tab_box{ float:left; width:20%; text-align:left;   
    border-right: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    border-image: linear-gradient(to bottom, #fff 0%, #999 50%, #fff 100%);
    border-image-slice: 1;padding-right:2%;}
.gallery_box .left_tab_box p{ color:#777777;}

.gallery_box .left_tab_box h3{ color:#454545; font-size:18px;  font-weight:normal; font-family: 'helvetica_neue_ltregular'; }
.gallery_box .left_tab_box h4{  color:#777777; font-size:17px; font-family: 'helvetica_neue_ltregular'; font-weight:normal; margin:20px 0 10px 0;}
.gallery_box .left_tab_box h5{ color:#777777; font-size:13px; font-family: 'helvetica_neue_ltregular'; font-weight:normal; margin:10px 0 10px 0;}

.gallery_box .gallery_chck li{ text-align:left; color:#777777; font-size:15px; margin-bottom:10px;}
.gallery_box .gallery_chck li label{ margin-left:20px; font-size:14px !important;}

 
.gallery_box .left_tab_box  select {-webkit-appearance: none; -moz-appearance: none;background: url(../images/down-arrow.png) 98% 12px no-repeat;text-overflow: "";  font-size:14px;  color:#7d7d7d; text-align:left; display:inline-block; margin:0 0 20px 0; width:100%; cursor:pointer; border:1px solid #c3c3c4;
 padding:5px 5px; }
.down_blc_arrow{ float:left; width:100%; margin-top:-23px;}
.down_blc_arrow img{ width:100%;}

.gallery_tab{float:right; width:75%;}

.gallery_tab .left_tab{ float:right; width:auto;  position:relative; z-index:1; margin:0 0 20px 0;}

.gallery_tab .left_tab li{ float:left;  text-align:center; width:auto; cursor:pointer; padding:0px 10px; border-right:1px solid #999;   }
.gallery_tab .left_tab li:last-child{ border:0; }
.gallery_tab .left_tab li a{font-family: 'helvetica_neue_ltregular'; font-size:12px; text-transform: capitalize; color:#000;   position:relative; z-index:0; transition:0.3s ease-in-out;  }
.gallery_tab .left_tab li a.active, .gallery_tab .left_tab li a:hover{ color:#0098da; text-decoration:underline;}

.right_tab_detail{ float:left; width:100%;}
.right_tab_detail .hide{ display:none;}
.right_tab_detail .tab ul li{ float:left; width:24.5%; margin-right:0.5%; margin-bottom:0.5%; overflow:hidden;}
.right_tab_detail .tab ul li:nth-child(4n+4){ margin-right:0;}
.right_tab_detail .tab ul li a{ float:left; width:100%; height:150px;  overflow:hidden;}
.right_tab_detail .tab ul li a img{ width:100%; height:100%; display:block; transition:0.3s  ease-in-out; }
.right_tab_detail .tab ul li p{ margin-bottom:10px; color:#777777; font-size:14px; text-align:center;}
.hover_effect .tab ul li:hover img{ transform:scale(2, 2);}
.right_tab_detail .tab h4{ text-align:left; text-transform:uppercase; padding:0 0 10px 0; font-size:20px;}



.right_client_detail{ float:left; width:100%;}
.right_client_detail li{ float:left; background-color:#fff; height:150px; border:1px solid #d5d5d5; width:18%; margin-right:2% ; margin-bottom:2% ; position:relative; box-shadow:2px 2px 5px #ddd;}

.right_client_detail li:nth-child(5n+5){ margin-right:0 }
.right_client_detail li img{ position:absolute; left:0; right:0; bottom:0; top:0; margin:auto; text-align:center;width: 80%; max-height: 135px;}

.right_client_detail .tab h4{ text-align:left; text-transform:uppercase; padding:0 0 10px 0; font-size:20px;}

.clientele .gallery_chck li label{ margin-left:0;}
.clientele h4{ font-size:18px !important; color:#454545 !important; text-transform:uppercase !important;}



/* -----------------------------------------locate us--------------------------------------------- */

.locate_us_wrapper{ background:url(../images/bg.jpg) 0 0 repeat; width:100%; float:left; padding:0px 0 0 0;}
.locate_us_wrapper h3{ color:#0290ce;}
.locate_us_wrapper .breadcrume li a{ color:#000;}

.locate_us{ float:left; width:30%; list-style:none; margin-bottom:20px;}
.locate_us li{ float:left; width:100%; margin:0 0 10px 0;  position:relative;}
.locate_us li:last-child{ margin-right:0;}
.locate_us li img{ width:100%; display:block;}
.bottom_name{ position:absolute; bottom:0; right:0; background: url(../images/locate_blue_bg.png) 0 0 repeat; width:35%; padding:0 10px; height:100%; text-align:center;  color:#fff; font-size:18px;  font-family: 'ralewaybold';  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.name1{  float:left; width:100%; padding:5px 0 0 0px; text-align:left; line-height:25px;}
.view{ float:left; width:100%; text-align:left; position:absolute; bottom:0; left:10px;   padding:8px 0; font-size:12px}
.view a{color:#fff;}
.view a:hover{ color:#000;}
.left_arrow{ position:absolute; left:-12px; top:20px;}

.right_map{ float:right; width:68%; }
.map{ float:left; width:100%;}
.map img{ width:100%; height:335px;}
.right_map .state_city_loc{ padding:15px 0 10px; }
.right_map .state_city_loc li .img_icons img{ width:100%; }
.right_map .state_city_loc li .name{ line-height:16px; width:22%;}
.right_map select{ float:left; width:60%; height:35px; margin-left:1%;}






/* -----------------------------------registration popup------------------------------------------ */

#reach_buisness, #customer_compl, #expert-window-door, #expert-architecture-interior-design{ width:650px !important;}
.expert_box{ float:left; width:96%; margin:10px 2% 0 2%;}
.lett_expert { float:left; width:40%; text-align:left;}
.lett_expert img{ width:100%; box-shadow:2px 2px 2px #333;}
.right_expert{ float:right; width:55%;}

.popup{ float:left; width:100%; background:url(../images/popupbg.jpg) 0 0 repeat; }
.popup body{background:none;}

.popup_box h3{ color:#fff; font-size:20px;}
.popup_box .red_bdr {border-bottom: 5px solid #125873;}
.popup_box p{ color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; text-align:center;}
.popup_box a,.popup_box p a{
    color: #ffffff;
    text-decoration: underline;
}
.popup_box{
    min-height: 400px;
    color: #ffffff;
}
.popup_box .smallimg{
    margin-top: 20px;
}

.reg ul {float:left; margin:0; width:100%; font-family: 'helvetica_neue_ltregular'; font-size:14px; text-transform:uppercase;}
.reg ul li{float:left; width:100%; margin-bottom:10px; text-align:left;}
.reg ul li label{float:left; width:40%; text-align:right; margin-right:5%; color:#fff; display:none;}
.reg ul li input[type="text"],.reg ul li input[type="email"],.reg ul li input[type="tel"],.reg ul li input[type="password"] ,.reg ul li textarea{float:left; width:100%; padding:0px 0 0 5px; height:30px; background:#fff; box-sizing:border-box;}
.reg ul li textarea{ height:70px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.reg ul li select{float:left; width:80px; padding: 0 5px; margin-right:5px;}
.reg ul li input[type="radio"]{ float:left; margin-right:5px;}
.reg ul li span{float:left; padding-right:20px; line-height:11px; font-size:12px;  }
.reg  input[type="submit"]{float:left; background-color:#262626; padding:7px 5%; color:#fff; text-transform:uppercase; border:0; width:55%; cursor:pointer; transition:0.4s ease-in-out; height:32px;}
.reg  input[type="submit"]:hover{ background-color:#000;}

.reg ul li.capcha img{ float:left; width:30%; height:32px;}
.reg ul li.capcha input[type="text"]{  width:69%; height:32px;}

/* ------------------------------start signature studio------------------------------------------------------- */

.state_city_loc{ float:left; width:100%; background-color:#0098da; padding:20px 0;}
.state_city_loc li{ float:left; width:31%; margin-left:2%;}
.state_city_loc li .img_icons{ float:left; width:10%; margin-right:5px;}
.state_city_loc li .name{ float:left; width:31%; line-height:30px; font-size:13px; color:#fff;}
.state_city_loc li input[type="text"]{ float:left; background-color:#fff; width:60%; margin-left:5px; padding:8px 10px 8px 10px; box-sizing:border-box; border:0;}
.state_city_loc li select{ float:left; background-color:#fff; width:55%; margin-left:5px; padding:8px 10px 8px 10px; box-sizing:border-box; border:0; height:30px;}

.address_box{ float:left; width:100%; text-align:left;}
.address{ float:left; width:30%;}
.address h3{ font-size:17px; color:#a92800; font-family: 'helvetica_neue_ltregular'; font-weight:normal;}
.address li{color:#515151; font-family: 'helvetica_neue_ltregular'; font-size:14px; border-bottom:1px dashed #999999; padding:10px 0 10px 20px; float:left; width:100%; background:url(../images/right-arrow1.png) left 15px no-repeat;}
.address li strong{ color:#a92800; float:left; width:auto; text-transform:uppercase;}
.address li p{ float:right; width:50%;}
.address  .red_bdr1{ border-bottom:1px solid #0098da; width:100%; float:left; position:relative;}
.address  .red_bdr1 .red_bdr{ position:absolute; bottom:0; left:0; border-bottom:5px solid #0098da;}

.stodiu_slider{ float:right; width:60%;}
.stodiu_slider li img{ padding:5px; border:1px solid #cacaca; width:98%;}

/* ---------------------------------expert window and door-------------------------------------- */

.left_right_box{ float:left; width:100%; margin:7px 0 0 0;}
.man, .man_desing{ float:left; width:40%; text-align:center;}
.man img{ width:42%; margin-top:10px;}
.man_desing img{ width:80%; margin-top:14px;}
.popup_content{ float:left; width:58%; text-align:left; line-height:18px; margin:10px 0 0 0; color:#fff;}

.expert_consult{ float:left; width:100% !important;}
.expert_consult .reg ul li{ width:50%;}
.expert_consult .reg ul li:nth-child(2n+2) input[type="text"]{ float:left;}
.expert_consult .reg ul li input[type="text"]{ width:95%;}
.expert_consult .reg ul li textarea{ width:95%; float:left;}
.expert_consult .reg ul li input[type="email"]{ width:95%; }
.expert_consult .reg ul li textarea{ height:30px;}
.expert_consult .reg ul li.capcha{ float:left; width:50%;} 
.expert_consult .reg ul li.capcha input[type="text"]{ width:65%;}
.expert_consult .reg input[type="submit"]{ width:95%; float:left;}

.design h3{ font-size:20px; padding:0 30px;}

.popup_content p{ margin-bottom:0px;}

/* ---------------------------------- broucher page --------------------------------------------------------- */

.broucher_box{ float:left; width:100%; }
.broucher_box li{ float:left; /*width:17.43%;*/ width: 23%; margin-right:2%; min-height: 425px;}
.broucher_box li .brou{ float:left; width:100%;  border:1px solid #c7c7c7; padding:5px; overflow:hidden; box-sizing:border-box;}
.broucher_box li .brou img{ width:100%; transition:0.4s ease-in-out;}
.broucher_box li .brou img:hover{ transform:scale(1.1);}

.broucher_box li .brou_title{ color:#a92800; font-size:14px; float:left; width:100%; text-align:center; text-transform:uppercase; font-family: 'helvetica_neue_ltregular'; border-bottom:1px dashed #999; padding:5px 0; margin-top:10px;}
.broucher_box li .brou_sel{ color:#515151; font-size:13px; margin-top:10px; display:inline-block;}

.broucher_box li:last-child{ margin-right:0;}

.broucher_box p{ text-align:center;}

.broucher_page .state_city_loc{ padding:20px 0 5px 0;}
.broucher_page .state_city_loc li:nth-child(2) .name{ line-height:17px;}
.broucher_page .state_city_loc li .name{ float:left; width:22%;}
.broucher_page .state_city_loc li .img_icons{ line-height:40px;}
.broucher_page .state_city_loc li .img_icons img{ width:80%;}
.broucher_page .madatary{ float:right; color:#a92800; font-size:12px;}

.two_btn{ float:left; text-align:center; width:100%; margin-bottom:20px;}
.two_btn li{ display:inline-block; text-align:center; margin:0 10px;}
.two_btn li a{ padding:10px 25px; font-family: 'helvetica_neue_ltregular'; color:#fff; font-size:16px; text-transform:uppercase; line-height:25px;}
.two_btn li a img{ display:inline-block; vertical-align:top; margin-right:10px;}


.stodiu_slider .bx-wrapper .bx-pager, .stodiu_slider .bx-wrapper .bx-controls-auto{ position:static !important;}


/* ----------------------------------- awards_box ---------------------------------------------- */
.awards_box{ float:left; width:100%;}
.awards_box .awards_text{ color:#033333; font-size:22px; text-align:center; padding:10px 20%; float:left; width:60%; font-weight:normal; margin:10px 0 0 0;}
.awards_box .bttns_tab{ float:left; width:100%; text-align:center; margin:30px 0; font-size:0;}
.awards_box .bttns_tab li{ display:inline-block; width:auto; }
.awards_box .bttns_tab li a{ color:#c1c1c1; font-size:18px; text-transform:uppercase; border-right:1px solid #ddd; padding:0 20px; font-weight:bold;}
.awards_box .bttns_tab li:last-child a{ border:0;}
.awards_box .bttns_tab li a:hover, .awards_box .bttns_tab li a.active{ color:#0098da;}

.awards_box .tabbing_box{ float:left; width:100%; }
.awards_box .tabbing_box li{ display:inline-block; width:20%; text-align:center;  margin:20px 2%; vertical-align:top; }
.awards_box .tabbing_box li .awards_img{ float:left; width:100%; height:180px; text-align:center; position:relative; background-color:#fff; border:1px solid #c4c4c4;}
.awards_box .tabbing_box li .awards_img img{ position:absolute; bottom:0; left:0; right:0; top:0; margin:auto; }
.awards_box .tabbing_box li p{ display:block; text-align:center; margin-top:10px; float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:19px; }

.awards_box .tabbing_box li p b{ color:#272626;}
.awards_box .tabbing_box li p strong{ display:block; color:#1d1c1c; font-size:14px; font-weight:normal; font-family: 'helvetica_neue_ltregular';}
.awards_box .tabbing_box .tag1{ color:#272626; font-size:15px; text-align:center;font-family:Arial, Helvetica, sans-serif; padding:10px 0; display:inline-block;}
.awards_box .tabbing_box .tag1 strong{ display:block; font-weight:;}
.awards_box .tabbing_box .hide{ display:none;}

.awards_box .tabbing_box #tab1 li{ width:20%; margin:0 5% 30px 5%;}

/* ------------------------------------- Brand and  Hertige --------------------------------------------*/

.blck_bg_text{ background:url(../images/blackbg.png) 0 0 repeat; width:300px; height:300px; padding:20px; position:absolute; top:20px; right:150px; z-index:99;}
.blck_bg_text h4{ font-size:45px; color:#fff; text-transform:uppercase; font-family: 'HelveticaNeueLTProBd';}
.blck_bg_text h1{ font-size:45px; color:#fff; text-transform:uppercase; font-family: 'HelveticaNeueLTProBd';}
.blck_bg_text h5{ font-size:35px; color:#fff; text-transform:uppercase; font-family: 'HelveticaNeueLTProBd';}
.blck_bg_text p{ color:#fff; padding-top:10px; text-align:justify; font-size:16px; line-height:22px;}
.brand_heritage .anim_sect{ float:left; width:100%; padding:20px 0; height:350px;}

.cbp-so-animate .four_img .left_img{ margin-left:3% !important;}

.brand_heritage h3{ font-size:25px; color:#0098da;  font-family: 'helvetica_neue_ltregular'; text-transform:capitalize; font-weight:normal;}
.brand_heritage h1{ font-size:25px; color:#0098da;  font-family: 'helvetica_neue_ltregular'; text-transform:capitalize; font-weight:normal;}
.brand_heritage h4{font-family: 'ralewayregular'; font-size:22px; color:#333333; font-weight:normal; padding:5px 0;}
.brand_heritage h5{font-family: 'ralewayregular'; font-size:22px; color:#333333; font-weight:normal; padding:5px 0;}
.brand_heritage p{ color:#333333; font-size:14px; line-height:25px; text-align:left;}
.left_text, .right_img, .left_img, .right_text{ opacity:0;}
.brand_heritage .read_more a{ color:#0098da; font-size:13px;}
.brand_heritage .read_more a:hover{ color:#000;}

.cbp-so-animate .left_text{ float:left; width:40%; margin-left:10%;padding:30px 0;

webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay:0.5s; animation-delay:0.5s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;
}
.cbp-so-animate  .right_img{ float: right; width:45%; text-align:right; margin-right:5%;
webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay:0.5s; animation-delay:0.5s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;

}


.cbp-so-animate .left_img{ float:left; width:40%;  margin-left:10%;
webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay:0.5s; animation-delay:0.5s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;
}
.cbp-so-animate  .right_text{ float: right; width:45%; text-align:left; margin-right:5%; padding:30px 0;
webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 0.5s; animation-duration:0.5s; -webkit-animation-delay:0.5s; animation-delay:0.5s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;

}


.anim_box1 .left_text{ float:left; width:40%; margin-left:10%;padding:30px 0; opacity:1;}
.anim_box1 .right_img{ float: right; width:45%; text-align:right; margin-right:5%; opacity:1;}


.brand_heritage .right_text p{ text-align:left; }

.dec_img{ margin-top:1px; margin-right:10%;}
.one_mili{margin-top:1px; margin-right:10%; width:250px;}
.anim_box1{ background:url(../images/animat_bdr2.png) right bottom no-repeat;}
.anim_box2{ background:url(../images/animat_bdr3.png) left 105% no-repeat;}
.anim_box3{ background:url(../images/animat_bdr2.png) right bottom no-repeat;}
.anim_box4{ background:url(../images/animat_bdr3.png) left bottom no-repeat; }
.anim_box5{ background:url(../images/animat_bdr2.png) right bottom no-repeat;}
.anim_box6{ background:url(../images/animat_bdr3.png) left bottom no-repeat; }

/* ----------------------------------quality innvoation------------------------------ */

.quality_innvo .right_img{ position: relative;}
.quality_innvo .left_img{ position: relative;}
.quality_innvo .umbrela_img{ position: absolute; right:-11%; width:60%; bottom:-310px;}
.quality_innvo .dec_img{ position:absolute; top:23px; width:420px;}
.quality_innvo .fusion_img{ position: absolute; right:0; width:54%;}
.quality_innvo .tested_img { position: absolute; right:0; width:48%;}
.quality_innvo .fusions{ position:absolute; top:20px; right:0; width:40%;}
.quality_innvo .hurric_img{ position:absolute; top:20px; right:-10%; width:400px;}
.quality_innvo .villa_win{ position:absolute; top:-22px; left:0; width:319px;}

.quality_innvo .multi_img {left: -153px;position: absolute;top: 20px;transform: rotate(-18deg);width: 485px;}

.quality_innvo ul li{ display:inline-block; width:auto; vertical-align:baseline; padding:0 10px; opacity:0; transition:0.4s ease-in-out; position:relative;}
.quality_innvo ul li img{ transition:0.4s ease-in-out;}
.quality_innvo ul li img:hover{ transform:scale(1.4, 1.4);}

.quality_innvo .cbp-so-animate .left_img li:nth-child(1n){ webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay:0.1s; animation-delay:0.1s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;
}
.quality_innvo .cbp-so-animate .left_img li:nth-child(2n){ webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay:2s; animation-delay:2s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;
}

.quality_innvo .cbp-so-animate .left_img li:nth-child(3n){ webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay:2.5s; animation-delay:2.5s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;
}



.quality_innvo .cbp-so-animate .left_img li:nth-child(4n){ webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay:3s; animation-delay:3s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;
}

.rain_court{   top: 18px; width: 340px; position:absolute;}


/* ------------------------------ style and benefits ------------------------------------------ */


.white_bg{ background:url(../images/white_bg.png) 0 0 repeat; width:300px; height:300px; padding:20px; position:absolute; top:20px; right:150px; z-index:99;}
.white_bg h4{ font-size:60px; color:#333; text-transform:uppercase; font-family: 'helvetica_neue_ltregular'; text-shadow:2px 3px 4px #999;}
.white_bg p{ color:#333; padding-top:10px; text-align:justify; font-size:16px; line-height:25px;}

.style_benefits{ float:left; width:100%;}
.style_benefits .wide_box{ background-color:#333333; padding:50px 5%; box-shadow:2px 2px 2px #f7f7f7; float:left; width:90%;}
.style_benefits .left_wide{ float:left; width:30%; opacity:1;}
.style_benefits .left_wide .tit1{ font-family: 'ralewaybold'; color:#fff; font-size:50px; text-transform:uppercase; padding-left:15%;}
.style_benefits .left_wide .tit2{  font-family: 'ralewayextralight'; color:#fff; font-size:40px; text-transform:uppercase; display:block; padding-left:15%;}
.style_benefits .left_wide .wide_img{ float:left; width:60%; margin-top:50px;}
.style_benefits .left_wide .wide_img img{ width:100%;}

.cbp-so-animate .left_wide{webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay:0.4s; animation-delay:0.4s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;}

.style_benefits .right_wide{ float:left; width:70%;}
.style_benefits .right_wide ul{ float:left; width:100%;}
.style_benefits .right_wide ul li{ float:left; width:50%; height:150px; opacity:1;}
.style_benefits .right_wide ul li img{ float:left;  }
.style_benefits .right_wide ul li .tags{ color:#c9c9c9; font-size:21px; padding:10px 0 0 20px; float:left; text-shadow:0px 2px 1px #000;}
.style_benefits .right_wide ul li .tags strong{ display:block; font-weight:normal;}

.style_benefits .right_wide ul li .tags a{color:#c9c9c9;}

.cbp-so-animate .right_wide ul li:first-child{ animation-name: fadeIn;  animation-duration: 0.8s; animation-delay:0.4s;  animation-fill-mode: both; opacity:1; }
.cbp-so-animate .right_wide ul li:nth-child(2n){ animation-name: fadeIn;  animation-duration: 0.8s; animation-delay:0.6s;  animation-fill-mode: both; opacity:1; }
.cbp-so-animate .right_wide ul li:nth-child(3n){animation-name: fadeIn;  animation-duration: 0.8s; animation-delay:0.8s;  animation-fill-mode: both; opacity:1; }
.cbp-so-animate .right_wide ul li:nth-child(4n){animation-name: fadeIn;  animation-duration: 0.8s; animation-delay:1s;  animation-fill-mode: both; opacity:1;}
.cbp-so-animate  .right_wide .type_wide{ webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay:1.4s; animation-delay:1.4s;-webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1; }

.style_benefits .right_wide .type_wide{ float:left; width:100%;}
.style_benefits .right_wide .type_wide h3{text-align:left; float:left; color:#d9d9d9; font-size:22px; padding:10px 30px 0 0;}
.wide56{ width:50% !important;}
.wide56 li{ height:auto !important;}

.style_benefits .sceince_box{ float:left; width:100%; background-color:#f5f5f5; padding:50px 0;}
.style_benefits .sceince_box .left_sceince{ float:left; width:25%; position:relative; height:400px;}

    



.style_benefits .sceince_box .left_sceince .tit1{ font-family: 'ralewaybold'; color:#000; font-size:40px; text-transform:uppercase; padding-left:25%; }
.style_benefits .sceince_box .left_sceince .tit2{  font-family: 'ralewayextralight'; color:#333; font-size:35px; text-transform:uppercase; display:block; padding-left:25%;}
.style_benefits .sceince_box .left_sceince .head{ position:absolute; bottom:0; right:0;}

.style_benefits .sceince_box .right_sceince{ float:left; width:75%; position:relative; height:400px;}
.style_benefits .sceince_box .right_sceince ul{ float:left; width:90%; margin-left:10%;}
.style_benefits .sceince_box .right_sceince li{ float:left; width:33%; height:130px;  opacity:1; }
.style_benefits .sceince_box .right_sceince .opa1{ opacity:0;}

.style_benefits .sceince_box .right_sceince .icons{ position:relative; float:left; width:80px;}
.style_benefits .sceince_box .right_sceince .close1{ margin:13px 0 0 10px;}
.style_benefits .sceince_box .right_sceince .work2{ position:relative; z-index:2}
.style_benefits .sceince_box .right_sceince .clouds2{ position:absolute; left:0; z-index:1; top:14px;}
.style_benefits .sceince_box .right_sceince .work3_flo{ position:absolute; left:-6px; top:-11px;}
.style_benefits .sceince_box .right_sceince .work6_flo{ position:absolute; bottom:-20px; left:20px;}
.style_benefits .sceince_box .right_sceince .work7_water{ position:absolute; left:-2px;}

.style_benefits .sceince_box .right_sceince li:nth-child(3) .work3{ padding-left:16px; }

.cbp-so-animate .right_sceince .work1{ animation-name:fadeInLeft; animation-delay:0.4s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .close1{ animation-name:fadeInRight; animation-delay:0.4s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work2{ animation-name:fadeIn; animation-delay:0.8s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .clouds2{ animation-name:fadeInDown; animation-delay:0.8s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work3{ animation-name:fadeIn; animation-delay:1s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work3_flo{ animation-name:fadeInUp; animation-delay:1s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work4{ animation-name:fadeIn; animation-delay:1.4s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work5{ animation-name:fadeIn; animation-delay:1.6s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work6{ animation-name:fadeInUp; animation-delay:2s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work6_flo{ animation-name:fadeInDown; animation-delay:2s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work7{ animation-name:fadeInUp; animation-delay:2.4s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work7_water{ animation-name:fadeInDown; animation-delay:2.4s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work8{ animation-name:fadeIn; animation-delay:2.6s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }
.cbp-so-animate .right_sceince .work9{ animation-name:fadeIn; animation-delay:2.8s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }




.style_benefits .sceince_box .right_sceince li a{ color:#333;}
.style_benefits .sceince_box .right_sceince li a:hover{ color:#000;}
.style_benefits .sceince_box .right_sceince li img{ float:left;}
.style_benefits .sceince_box .right_sceince li .work_name{ 
 float:left; height:60px;   
    border-left: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    border-image: linear-gradient(to bottom, #fff 0%, #999 50%, #fff 100%);
    border-image-slice: 1; margin-left:10px; line-height:60px; padding-left:10px;}

.style_benefits .sceince_box .right_sceince .head_f{ position:absolute; bottom:0; width:100%;}
.style_benefits .sceince_box .right_sceince .head_f img{ width:100%; height:35px;}

.own_window{ float:left; width:90%; background-color:#333333; margin:20px 0; padding:20px 5%; position:relative;}
.own_window .win_deg{ float:left; width:20%; text-align:center; opacity:0;}

.cbp-so-animate .win_deg{ animation-name:fadeInLeft; animation-delay:0.4s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;  }

.tags_box{ float:left; width:60%;  text-align:center;  opacity:0;}
.cbp-so-animate .tags_box { animation-name:fadeInLeft; animation-delay:0.8s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1; }
.own_window .tit1{ font-family: 'ralewaybold'; color:#fff; font-size:100px; text-transform:uppercase;    }
.own_window .tit2{  font-family: 'ralewayextralight'; color:#fff; font-size:49px; text-transform:uppercase; display:block;  }

.own_window  .start_btn{ float:right; width:20%; background-color:#a92800; height:100%; position: absolute; right:0; top:0;  opacity:0;}
.cbp-so-animate .start_btn { animation-name:fadeIn; animation-delay:2s; animation-duration: 0.8s; animation-fill-mode: both; opacity:1;}


.own_window  .start_btn .start{ font-family: 'ralewayextralight'; color:#fff; font-size:38px; text-transform:uppercase; position:absolute; top:30%; left:10%; font-weight:bold;  width:70%; transition:0.4s ease-in-out;}

.own_window  .start_btn .start_arrow{background:url(../images/start-arrow.png) 80% 30px  no-repeat; -moz-animation: slideInLeft 1s infinite;  -webkit-animation: slideInLeft 2s infinite;  animation: slideInLeft 2s infinite; float:left; width:50px; height:80px; top:28%; right:20%; position:absolute;}


.own_window  .start_btn .start strong{ display:block;  font-size:42px;}

.own_window  .start_btn a:hover .start{ background-position:100% 30px;}


/* ---------------------------green windwos ------------------------------------------*/

.airquality{ position: absolute; top:30px;}


/* ----------------------------- benefits page ----------------------------------- */

.right_border_grd{border-right: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    border-image: linear-gradient(to bottom, #fff 0%, #999 50%, #fff 100%);
    border-image-slice: 1;padding-right:2%;}
    
    .left_border_grd{border-left: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    border-image: linear-gradient(to bottom, #fff 0%, #999 50%, #fff 100%);
    border-image-slice: 1;padding-left:2%;}

.benefit_page{ float:left; width:100%;}
.benefit_page .left_benefit_tab{ float:left; width:16%; border-right: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #999 50%, #fff 100%);
    border-image: linear-gradient(to bottom, #fff 0%, #999 50%, #fff 100%);
    border-image-slice: 1;padding-right:3%;}
    
    
.benefit_page .left_benefit_tab li{ float:left; width:100%; padding:10px 0; height:auto; }  
.benefit_page .left_benefit_tab li:hover, .benefit_page .left_benefit_tab li.active{ background-color:#0098da;}
.benefit_page .left_benefit_tab li:hover a, .benefit_page .left_benefit_tab li.active a{ color:#fff; background:url(../images/benefit_arrow_white.png) 95% 42% no-repeat;}
.benefit_page .left_benefit_tab li strong{ display:block; font-weight:normal;}
.benefit_page .left_benefit_tab a{ float:left; margin-left:10%; width:90%;font-family: 'ralewaybold'; font-size:14px; text-transform:uppercase; color:#333333; background:url(../images/benefit_arrow.png) 95% 42% no-repeat;}
    
.benefit_page .right_tab_details{ float:right; width:76%;}
.benefit_page .right_tab_details h5{ font-size:17px;  font-family: 'HelveticaNeueLTProBd'; font-weight:normal;}


.contet_details{ float:left; width:100%; }
.contet_details h3{ color:#0098da; font-weight:bold;}
.contet_details p{ line-height:30px;}
.contet_details .bg_title{ background-color:#f2f2f2; text-align:center; padding:5px 10%; font-size:15px; margin-top:20px; float:left; width:80%;}
.contet_details .bg_middle{ line-height:20px;}
.window_work{ float:left; width:50%; margin:40px 0 20px 0;}
.window_work li{ float:left; width:100%; margin-bottom:10px;}
.greacefull li{ min-height:80px;}
.window_work .icons_box{ float:left; width:18%; padding:20px 0;}
.window_work .icons_text{ float:right; width:79%;}
.window_work .icons_text h3{ font-size:16px; font-weight:normal;}
.window_work .icons_text p{ font-size:15px; line-height:20px;}
.work_img{ float:right; width:42%; margin-top:40px; border:1px solid #aaddf3; padding:10px;}
.work_img img{ width:100%;}
.const_macine{ float:left; width:100%; margin-top:40px;}
.const_macine li{ display:inline-block; text-align:center; width:25%; margin:0 4%; vertical-align:top; }
.const_macine h3{ font-size:16px; margin-top:20px; font-weight:normal;}
.const_macine p{ text-align:center; line-height:20px; padding-top:10px;}
.const_macine strong{ display:block; font-weight:normal;}



.result_box{ margin:0 auto; width:100%; }
.resulat_box1{ float:left; width:100%;  background-color:#0098da; margin-top:40px;}
.resulat_box1 .res{ float:left; width:64%; background-color:#fff; }
.resulat_box1 .res img{ border:1px solid #aaddf3; padding:10px; width:100%; box-sizing:border-box; display:block;}

.resulat_box1 .res_bg{ float:right; width:32%;  background-color:#0098da; height:234px; font-family: 'ralewaybold'; color:#fff; font-size:14px; line-height:22px; padding:15px;}
.resulat_box1 .res_bg strong{ display:block; text-transform:uppercase; }

.feature_link a{ color:#0098da;}
.feature_link a:hover{ color:#000;}

.feature_link .table td:first-child{ font-size:12px;}
.feature_link .table td{ font-size:15px;}
.feature_link .bottom_bdr th{ border-top:0;}
.feature_link .bottom_bdr th:first-child{ border-left:0;}

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

.table{float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top:40px;}
.table th{ border-top:1px solid #aeaeae; padding:10px; border-right:1px solid #aeaeae; border-bottom:1px solid #aeaeae; color:#0098da; font-size:15px; font-family: 'ralewaybold'; text-transform:uppercase; font-weight:normal; width:14%; }
.table th:first-child{ border-left:1px solid #aeaeae;}
.table th:last-child{  border-right:1px solid #aeaeae;}
.table td{ padding:10px; border-right:1px solid #aeaeae; border-bottom:1px solid #aeaeae; color:#585858; text-align:center; width:14%; }
.table td:first-child{ border-left:1px solid #aeaeae; color:#0a825c; font-size:15px; font-family: 'ralewaybold'; text-transform:uppercase; font-weight:normal; }

.table td ul{ float:left; text-align:center; width:100%;}
.table td li{ display:inline-block; text-align:center; margin:0 5px;}
.table td li.green{   width:10px; height:10px; border-radius:5px; background:#0a825c;}
.table td li.grey{ width:10px; height:10px; border-radius:5px; background:#dadada;}

.menu_icons{ display:none;}

.right_tab_details .benefit_text_left{ float:left; width:60%;}
.right_tab_details .benefit_img{ float:right; width:35%; margin-top:20px;}
.right_tab_details .benefit_img img{ border:1px solid #aeddf3;}

.maint_icon { float:left; width:100%; text-align:center;}
.maint_icon li{ display:inline-block; text-align:center; width:30%; margin:0 1%; text-align:center; vertical-align:top;}
.maint_icon li p{ text-align:center; line-height:20px; margin-bottom:20px;}

.neg_maint .icons_box{ width:15% !important;}
.neg_maint .icons_text{ float:left; margin-left:20px;}
.insect_out{ margin-top:20px;}
.insect_out .mesh_img{ width:100%;}
.insect_out .mesh_img img{ width:80%;}
.insect_out li{ margin:0 1%; width:22%;}
.home_sec_two_li{ width:100%;}
.home_sec_two_li li{ float:left; width:45%;}
.home_sec_two_li li:last-child{ float:right;}

.security_li{ width:100%;}
.security_li li{ float:left; width:100%; margin-bottom:20px;}
.security_li .icons_box{ padding:0;}
.security_li .icons_box img{ width:90%;}
.security_li  .icons_text{ width:82%;}

.large_result .res_bg{ float:left; width:96%; height:auto;}
.large_result .window_work{ width:96%; margin:20px 2%;}
.large_result .window_work .icons_box{ width:15%;}
.large_result .window_work .icons_text{ width:80%;}
.large_result .window_work h3{ color:#fff;}
.large_result .window_work li{ float:left; width:45%; color:#fff; height:150px;}
.large_result .window_work li p{ color:#fff;}
.large_result .window_work li:nth-child(2n+2){ float:right;}

.right_border_white{border-right: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #0098da 0%, #fff 50%, #0098da 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #0098da 0%, #fff 50%, #0098da 100%);
    border-image: linear-gradient(to bottom, #0098da 0%, #fff 50%, #0098da 100%);
    border-image-slice: 1;padding-right:2%;}
    
    .large_view .window_work{ margin-top:10px;}
    .large_view .resulat_box1{ margin-top:10px;}
    
    .graceful .home_sec_two_li li:last-child{ float:left;}
    .graceful .home_sec_two_li li:nth-child(2n+2){ float:right;}
    
    .freedom .home_sec_two_li li{ min-height:150px;}
    .freedom .home_sec_two_li li:last-child{ float:right;}


.strom_img{ width:25% !important; margin-top:20px;}

/* ---------------------------------------glass------------------------------ */

.glass{ text-align:center;}
.glass_page{ float:left; width:100%; margin-top:40px;}
.glass_page h2{ text-align: center; color:#0098da; font-size:22px; font-weight:normal; padding:15px 0 10px 0;}
.glass_page h2 strong{ display:block; font-weight:normal;}
.glass_page li{ display:inline-block; width:18%; margin-left:2%; padding-right:2%; height:auto; float: left; margin-bottom:40px; vertical-align:top; font-size:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.glass_page li p{ text-align: center;}
.glass_page li p img{ width:100%; height:190px;}
.glazing_glass li p img{ width:35%; height:auto;}
.glass_page li:first-child{ margin-left:0; padding-right:2%;}
.glass_page li:last-child{ padding-right:0;}
.glass_text{ float:left; width:100%; background-color:#e7e7e7; box-shadow:2px 0px 2px #999; padding:20px 0; margin-bottom:20px;}
.glass_text .tag3{ font-size:30px; color:#0098da; text-transform:uppercase; text-align:center; float:left; width:80%; padding:5px 10%;}
.glass_text .tag4{ font-size:17px; color:#000;  text-align:center; float:left; width:80%; padding:5px 10%;}
.chart_box{ float:left; width:80%; padding:20px 10%; background-color:#333333; margin-bottom:20px;}

.chart_box h4{ color:#fff; font-size:20px; padding-bottom:10px;}
.chart_box .table1{ font-family:Arial, Helvetica, sans-serif; background-color:#000; box-shadow:2px 3px 6px #000; margin-bottom:20px;}
.chart_box .table1 th{ border-top:2px solid #aeaeae;   border-right:2px solid #a6a6a6; border-bottom:2px solid #aeaeae; color:#fff; font-size:15px; font-family: 'ralewaybold'; text-transform:uppercase; font-weight:normal; padding:10px 0;  }
.chart_box .table1 th:first-child{ border-left:2px solid #a6a6a6;}
.chart_box .table1 th:last-child{  border-right:2px solid #a6a6a6;}
.chart_box .table1 td{ border-right:2px solid #a6a6a6; border-bottom:2px solid #a6a6a6; color:#fff; text-align:center; font-size:13px; height:40px; }
.chart_box .table1 span{ display:block; font-weight:normal;}
.chart_box .table1 td:first-child{ border-left:2px solid #a6a6a6; color:#fff; font-weight:normal; font-size:16px; }
.chart_box .table1 td strong{ font-size:14px;}
.chart_box .table1 p{ color:#fff; font-size:15px; text-align:center;}
.inn_tab td:first-child{ border-left:0 !important; }
.inn_tab td:last-child{ border-right:0 !important;}

.inn_table{ padding:0 !important;}
.inn_table  .table{ margin-top:0;}
.inn_table  .table td{ border-right:2px solid #a6a6a6; border-bottom:2px solid #a6a6a6; color:#fff; text-align:center; font-size:13px; padding:0 !important; height:40px;  }
.inn_table  .table td:first-child{ border-left:0 !important;}
.inn_table  .table td:last-child{ border-right:0 !important;}

.inn_table1{ padding:0 !important;}
 
.inn_table1 .table1 td{ border-right:2px solid #a6a6a6; border-bottom:2px solid #a6a6a6; color:#fff; text-align:center; font-size:13px; padding:0 !important; height:40px;  }
.inn_table1  table td:first-child{ border-left:0 !important;}
.inn_table1  table td:last-child{ border-right:0 !important;}
.last_table td{ border-bottom:0 !important; height:40px;}

.white{ width:10px; height:10px; border-radius:5px; background-color:#fff; display:inline-block; text-align:center;}
.grey{ width:10px; height:10px; border-radius:5px; background-color:#595959; display:inline-block; text-align:center;}
.last_text{ font-size:18px !important; padding:5px 0 !important;}

.glazing_glass li{ width:25%;}

/* --------------------------------------- media ------------------------------ */

.latest_news{ float:left; width:100%; height:450px; position:relative; margin-bottom:20px;}

.bg_img1{ position:absolute; left:0; top:0; z-index:-1; width:100%; float:left; }
.bg_img1 img{ width:100%; height:450px;}

.latest_news .white_bg_box{ float:right; width:400px; padding:1% 30px; background:url(../images/white_bg1.png) 0 0 repeat; height:95%; margin-right:20px;}
.latest_news h3{ color:#000000; font-size:38px; text-align:left; margin:40px 0 3px 0; font-weight:bold;  font-family: 'HelveticaNeueLTProBd';}
.latest_news h3 strong{ display:block;}

.latest_news  ul{ float:left; margin-top:10px;}
.latest_news  li{ float:left; width:45%;}
.latest_news  li img{ border:1px solid #fff;}
.latest_news  li:last-child{ float:right;}
.latest_news  p{ color:#000; letter-spacing:0.03em;   font-size:13px; line-height:15px; padding:8px 0 0 0; text-align:left !important;}
.latest_news .view_all{ float:right; margin:30px 0 0 0;}
.latest_news  .view_all a{ color:#333; font-size:14px;  font-family: 'HelveticaNeueLTProBd'; text-decoration:underline;}
.latest_news  .view_all a:hover{ color:#fff;}

.latest_news .blck_bg_box{ float:left; width:400px; padding:0 30px; background: url(../images/blckbg1.png) 0 0 repeat; height:450px; margin-left:20px;}
.latest_news .blck_bg_box h3{ color:#fff;}
.latest_news .blck_bg_box p{ color:#fff;}
.latest_news .blck_bg_box .view_all{ margin-top:35px;}
.latest_news .blck_bg_box .view_all a{ color:#fff;}

.news_img p{}
.news_img img{ border:2px solid #fff !important; background-color:#dedede !important; padding:5px;}

.latest1 .blck_bg_box{ float:right;}
.latest2 .white_bg_box{ float:left;}
.latest3 .blck_bg_box{ float:right;}
.latest4 .white_bg_box{ float:left;}

/* --------------------------- hotels ---------------------------------------------------- */

.blck_bg_text .hotels_title{  font-size:40px; text-shadow:2px 2px 2px #000;  font-family: 'HelveticaNeueLTProBd';}
.hotels_list{ float:left; width:100%;}
.hotels_list li{ float:left; width:29%; margin-right:6%; margin-bottom:65px; font-family: 'helvetica_neue_ltregular';}
.hotels_list li a{ color:#333333; transition:0.3s ease-in-out; text-transform:capitalize;}
.hotels_list li a:hover{ color:#0098da;}
.hotels_list li:nth-child(3n+3){ margin-right:0;}
.hotels_list li p{ padding:0;}
.hotels_list li p img{ display:block; width:100%; border-bottom:4px solid #0098da;}
.hotels_list li h3{ text-transform:capitalize; color:#0098da; font-weight:normal; font-size:25px; padding-bottom:5px;}
.destination{ float:left; width:100%; background-color:#e4e2e2; padding:10px 0; height:235px;}
.destination ol{ float:left; width:92%; margin:10px 4%;}
.destination ol li{ float:left; background:url(../images/hotels/blue_arrow.png) left 10px no-repeat; padding:5px 0 5px 18px; width:44%; margin:0 !important; font-size:13px;}
.rest_india  img{ width:100%; display:block;  border-bottom:4px solid #0098da;}
.rest_india  h3{ text-transform:capitalize; color:#0098da; font-weight:normal; font-size:25px; padding-bottom:5px; }
.rest_india .destination{ float:left; width:90%; padding:20px 5%;  height:auto; margin-bottom:50px;}

.rest_list_footer{ float:left; width:25%;}
.rest_india  h4{ font-size:15px; text-transform:uppercase; padding:10px 0 5px 0; font-family: 'helvetica_neue_ltregular'; color:#333333; font-weight:normal;}
.rest_india  ul li{float:left; background:url(../images/hotels/blue_arrow.png) left 10px no-repeat; padding:5px 0 5px 15px;  width:100%; font-family: 'helvetica_neue_ltregular'; font-size:13px;  color:#333333;}

.rest_india li a{ color:#333333;}

.marg_top{ margin-top:-30px;}

.resi1 li.resi_box1:first-child .destination, .resi2 li.resi_box2:first-child .destination, .resi3 li.resi_box3:first-child .destination{  height:485px !important;}
.resi1 li.resi_box1:last-child .destination, .resi2 li.resi_box2:last-child .destination, .resi3 li.resi_box3:last-child .destination{  height:300px !important;}

.resi1, .resi2, .resi3{ width:32% !important}
.resi3{ margin-right:0 !important;}

.resi1 ol li{ height:auto;}

/* ------------------------------------- handles ------------------------------------------------ */

.handles_page{ margin:20px 0 0 0;}
.handles_page p{ text-align:center;}
.handles_list{ float:left; width:100%; margin:40px 0 20px 0;}
.handles_list li{ /*float:left;*/ display:inline-block; width:13%; height:162px; border:1px solid #e6e5e5; border-radius:5px; margin:0 4% 45px 0;
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

/*.handles_list li:nth-child(6n+6){ margin-right:0;}*/

.handles_list li .handl_tit{ display:none; color:#000; font-size:14px; font-family: 'helvetica_neue_ltregular'; font-weight:bold; width:100%; text-align:center; float:left; padding-top:5px;}
.handles_list li .handl_tit2{ display:none; font-size:11px; line-height:10px;}
.handles_list .hand_img{ float:left; width:100%;}
.handles_list .hand_img img{ width:100%;}

/* ------------------------------------- whats new ------------------------------------------------ */
/*.whats_new{ border-top:1px solid #b0b0af;}*/
.whats_new h3{ margin:30px 0 0 0;}
.whats_new_box{ float:left; width:100%; margin:50px 0;}
.whats_new_box .left_matter{ float:left; width:20%;}
.whats_new_box .right_thumb_box{ float:left; width:75%;}
.verticale_box{ float:left; width:32%; margin-right:2%;}
.vert_last{ margin-right:0 !important;}
.round_box{ float:left; width:100%; border-radius:5px; overflow:hidden;  box-shadow:3px 4px 4px #dfdfdf; background-color:#fff; margin-bottom:20px;}
.round_box img{ width:100%; display:block; transition:0.3s ease-in-out; overflow:hidden; height:170px;}
.round_box img:hover{ transform: scale(0.8, 0.8)}
.round_box .new_tit{font-family: 'helvetica_neue_ltregular'; color:#0098da; font-size:12px; text-transform:uppercase; text-align:left; float:left; width:100%; border-bottom:1px solid #e4e4e4; padding:3px 0 3px 5px; box-sizing:border-box; line-height:19px; }
.round_box .new_tit strong{ display:block; font-weight:normal;}
.round_box p.txt{ font-size:13px; line-height:18px; padding:3px 20px 5px 5px; float:left;}
.round_box .view_more{ float:left; width:100%; background-color:#f2f2f2; padding:5px 0; margin-top:5px;}
.round_box .view_more a{ color:#000; font-size:13px; text-transform:uppercase; font-weight:bold;}
.round_box .view_more a:hover{ color:#0098da}


.anim_round{webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; opacity:1;}

.r1{ -webkit-animation-delay:0.5s; animation-delay:0.5s;}
.r2{ -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.r3{ -webkit-animation-delay:1s; animation-delay:1s;}
.r4{ -webkit-animation-delay:1.3s; animation-delay:1.3s;}
.r5{ -webkit-animation-delay:1.6s; animation-delay:1.6s;}
.r6{ -webkit-animation-delay:1.9s; animation-delay:1.9s;}
.r7{ -webkit-animation-delay:2.1s; animation-delay:2.1s;}
.r8{ -webkit-animation-delay:2.4s; animation-delay:2.4s;}
.r9{ -webkit-animation-delay:2.7s; animation-delay:2.7s;}
.r10{ -webkit-animation-delay:3s; animation-delay:3s;}


.whats_new_poup{ padding:10px;}
.img_text_box{ float:left; width:100%; margin-bottom:10px;}
.event-img{ float:left; margin:5px 10px 0 0;}

/* ------------------------------------------- DCM ----------------------------------------------------- */

.dcm{ float:left; width:100%;}
.dcm h4{ text-align:center; color:#333333; font-size:55px; text-transform:uppercase;  font-family: 'helvetica_neue_ltregular';}
.dcm .two_coloum{ float:left; width:90%; margin:40px 0; padding:0 5%;   
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
    
    }
.dcm .two_coloum p{ line-height:25px; color:#333333; font-size:15px; text-align:left; padding-bottom:10px;}

.business_port{ float:left; width:100%; background:url(../images/business_portfolio.jpg) center 0 no-repeat; height:400px;}
.business_port h5{font-family: 'helvetica_neue_ltregular'; color:#fff; font-size:26px; text-align:center; text-transform:uppercase; padding:30px 0 0px 0;}
.portfolio{ float:left; width:100%; margin-top:20px;}
.portfolio li{ float:left; background:url(../images/white_bg1.png) 0 0 repeat; width:30%; height:250px; margin-right:5%; border-radius:5px; overflow:hidden;}
.portfolio li:last-child{ margin-right:0;}
.portfolio .title_bg_w{ float:left; width:100%; padding:10px 0 10px 10px; background-color:#fff; color:#1aa2dd; font-size:18px; text-transform:uppercase; font-family: 'HelveticaNeueLTProBd';}

.portfolio ol{ float:left; width:100%; margin:10px 0;}
.portfolio li li{ float:left; width:90%;height:auto; margin-right:0; border-radius:1px; background:url(../images/black_arrow.png) 10px 8px no-repeat; padding:5px 0 5px 26px; color:#000; font-size:14px;   }

.our_values{ float:left; width:100%; background:url(../images/our_values_bg.jpg) center 0 no-repeat; height:420px; margin:0px 0;}
.our_values h5{font-family: 'helvetica_neue_ltregular'; color:#fff; font-size:26px; text-align:center; text-transform:uppercase; padding:30px 0 0px 0;}

.values{ float:left; width:100%; margin-top:20px;}
.values li{ float:left; background:#fff; width:48%;height:85px; margin-right:2%; border-radius:5px; overflow:hidden; margin-bottom:20px;}
.values li.first{ background:none; color:#fff;}
.values li.first p{ color:#fff; font-size:18px;}
.values .title_bg_w{ float:left; width:100%; padding:5px 0 5px 10px; background-color:#fff; color:#1aa2dd; font-size:15px;  font-family: 'HelveticaNeueLTProBd';}

.values ol{ float:left; width:100%; margin:0px 0 5px 0;}
.values li li{ float:left; width:90%;height:auto; margin-right:0; margin-bottom:0; border-radius:1px; background:url(../images/black_arrow.png) 10px 5px no-repeat; padding:2px 0 2px 26px; color:#000;   }


.leadership{ float:left; width:100%; margin:10px 0 44px 0; text-align:center;}

.leadership h5{font-family: 'helvetica_neue_ltregular'; color:#0098da; font-size:26px; text-align:center; text-transform:uppercase; padding:20px 0 0px 0;}
.leadership li{ display:inline-block; text-align:center; width:25%; }
.leadership li:last-child{ margin-right:0;}
.leadership li p{ text-align:center; line-height:18px; font-family: 'helvetica_neue_ltregular'; color:#4b4b4b; font-size:16px; letter-spacing:1px; font-weight:normal;}
.leadership li p strong{ font-style:italic; font-weight:normal; font-size:12px;}


.infrastructre{ float:left; width:100%; background:url(../images/infra_bg.jpg) center top no-repeat; height:428px; margin-bottom:0px;}
.infrastructre .read_more{ background-color:#000; padding:5px 10px; color:#fff; border-radius:5px;}
.infrastructre .read_more a{ color:#fff;}
.infrastructre .read_more a:hover{ color:#999;}
.awards_about{ background-image:none !important;}
.awards_about h5{ color:#0098da !important;}

.awards_about li .awards_img {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    float: left;
    height: 200px;
    position: relative;
    text-align: center;
    width: 100%;
}

.awards_about .tag1 {
    color: #272626;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px 0;
    text-align: center;
}

.awards_about .bx-wrapper{ max-width:80% !important;}
.awards_about .bx-viewport{ height:300px !important; margin-right:1px;}

 .infra{ position:relative; }
.leaders{ float:left; width:100%; position:relative;}
.other_option_controls{ float:left; width:100%; position:absolute; top:45%; }
#next_review1 a{ float:right; width:46px; background:url(../images/next.png) 0 0 no-repeat; height:34px; margin:0px; text-indent:-100000px; }
#prev_review1 a{ float:left; width:46px; background:url(../images/prev.png) 0 0 no-repeat; height:34px; margin: 0 -6px 0 0px;text-indent:-100000px;}

#next_review2 a{ float:right; width:46px; background:url(../images/next.png) 0 0 no-repeat; height:34px; margin:0px; text-indent:-100000px; }
#prev_review2 a{ float:left; width:46px; background:url(../images/prev.png) 0 0 no-repeat; height:34px; margin: 0 -6px 0 0px;text-indent:-100000px;}

#next_review3 a{ float:right; width:46px; background:url(../images/next.png) 0 0 no-repeat; height:34px; margin:0px; text-indent:-100000px; }
#prev_review3 a{ float:left; width:46px; background:url(../images/prev.png) 0 0 no-repeat; height:34px; margin: 0 -6px 0 0px;text-indent:-100000px;}

.infrastructre h5{  color:#fff; font-size:26px; text-align:center; text-transform:uppercase; padding:25px 0 0px 0; font-family: 'helvetica_neue_ltregular'; }
.infrastructre ul{ float:left; width:100%; margin-top:20px;}
.infrastructre li{ float:left;  width:23%; margin-right:2%; text-align:center; }
.infrastructre li:last-child{ margin-right:0;}
.infrastructre li p{ text-align:center; line-height:18px; font-family: 'helvetica_neue_ltregular'; color:#fff; font-size:13px; font-weight:normal;}
.infrastructre li p.infra_Tag{ padding:0 5%;}
.infrastructre li p strong{font-weight:bold; font-size:12px; text-transform:uppercase; text-shadow: 0px 1px 2px #000; color:cyan;}

.infrastructre .awrds_slider li .awards_img img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; width:75%;
}

/* ------------------------------- color option ------------------------------------------------*/

.color_box{ float:left; width:100%; text-align:center; margin-top:20px;}
.color_tab { float:left; width:100%; text-align:center;}
.color_tab li{ display: inline-block; text-align:center; margin:0 10px; width:15%;}
.color_tab li figure{ margin:0;}
.color_tab li figcaption{ font-size:20px; width:100%; color:#333333; text-align:center; margin-top:5px;}
.color_tab_details{ float:left; width:100%; margin-top:20px;}

.color_tab li img{ padding:5px; }
.color_tab li.active img{ box-shadow:2px 2px 2px #000; border:1px solid #666; padding:5px;}
.color_tab a{ color:#000;}
.tabbing_inn_gallery{ float:left; width:80%; margin:0 10%;}
.tabbing_inn_gallery .big_img{  margin: 10px 0 10px 13%;width: 34%; float:left;}
.tabbing_inn_gallery .big_img li{ float:left; width:343px; height:343px; padding:2%; background-color: #fff;
    border: 1px solid #efefef; box-sizing:border-box; overflow:hidden; position:relative;}
.tabbing_inn_gallery .big_img img{ position:absolute; top:50%; transform:translateY(-50%); left:3%; bottom:0; right:0; width:94%;}
.tabbing_inn_gallery .small_img{ float:left; width:40%; margin:10px 0;}
.tabbing_inn_gallery .small_img li{  float: right; height: 168px; margin-bottom: 3px;overflow: hidden;width: 168px; border:1px solid #efefef; background-color:#fff; position:relative; margin-right:1%;}
.tabbing_inn_gallery .small_img li img{ position:absolute; top:50%; transform:translateY(-50%); left:3%; bottom:0; right:0; width:94%; }
.color_option p{ text-align:center;}

/* ----------------------------- mesh grill ------------------------------------------*/

.mesh_grill p{ text-align:center;}

.mesh_grill  h3{   font-size:20px; text-align:center; margin-bottom:10px; font-weight:bold;}
.const_macine h3{ color:#333;}
.mesh_grill .const_macine{ margin-top:10px; margin-bottom:40px; text-align:center; font-size:0;}

.mesh_grill .const_macine li{ display:inline-block; width:20%; margin:0 5% 0 0;}
.mesh_grill .const_macine .mesh_img{ text-align:left;}
.mesh_grill .const_macine .mesh_img img{ width:100%;}

/* -------------------------------- door -------------------------------*/

.door_tab ul{ text-align:center; font-size:0; border:0;}
.door_tab li{ float:none; display:inline-block; vertical-align:bottom}

.door_page{ font-family: 'helvetica_neue_ltregular'; font-weight:normal;}

.door_page .left_slide{ height:auto;}
.door_page .left_slide li{ padding:15px 0 0px 20px;}

.doors li{ background-image:none; float:right; width:23%; padding:0;}
.doors li img{ background-color:#fff; padding:5px; border:1px solid #f0f0f0; width:80%;}

.door_point p{ font-size:14px; line-height:25px; padding-top:10px; text-align:right; color:#515151;}
.door_point h4{  font-size:16px; font-weight:bold; float:right; width:100%;}

.door_point li{color:#515151; font-family: 'helvetica_neue_ltregular'; font-size:14px;  padding:5px 0px 5px 20px; float:left; width:94%; background:none; text-align:right;}

.right_door{ float:right; width:100%;}
.right_door h4{ text-align:right; font-weight:bold;}
.right_door li{ float:right; width:17%; padding:5px 5px; background-image:none;}

.door_box_middle{ float:left; width:98.5%; margin:10px 0;}
.door_box_middle h3{ color:#0098da; font-size:16px;  font-weight:bold; margin-bottom:20px;}
.door_box_middle .four_img{ float:left; width:100%;  margin:30px 0 10px 0;}
.box1_door{ float:left; width:23%; margin-right:1%; margin-bottom:10px; height:150px;}
.box1_door h5{ color:#333; font-size:15px; text-align:left; text-transform:uppercase; font-weight:normal; margin-left:5%; float:left;}
.box1_door .icons_img{ float:left; width:28%;}
.box1_door .icons_img img{ width:90%;}
.box1_door .door_point{ float:left; width:60%; margin-left:5%;}
.box1_door .door_point li{ font-weight:normal; font-size:14px; }
.last-door{ margin-right:0;}

.box1_door:nth-child(2n+2){ float:right;}

.box1_door li{color:#515151; font-family: 'helvetica_neue_ltregular'; font-size:14px;  padding:5px 0 0px 20px; float:left; width:100%; background:url(../images/right-arrow1.png) left 10px no-repeat; text-align:left;}

.bottom_middle{ width:100%;}
.bottom_middle .icons_img{ width:22%;}
.bottom_middle .four_img{ width:100%;}
.bottom_middle .box1_door .icons_img img{}

/* about us */


/* --------------------------------- services --------------------------------------------- */

.profess{  left: 0;position: absolute;top: -19px;width:232px;}
.degree{  background-size: 100% auto;position: absolute;right: 0;top: 29px;}
.same_day{ position:absolute; top:40px; left:-5px; width:500px;}

.days{ position:absolute; top:10px; width:450px; left:0;}
.class-world{ position:absolute; top:10px; width:450px; right:0;}
.art{  position:absolute; top:10px; width:450px; right:0;}
.replace{ position:absolute; top:10px; width:500px; left:-30px;}
.allind{ float:right; width:30%; margin-top:10px;}
.ser_map {
    left: 0;
    position: absolute;
    top: -47px;
    width: 304px;
}

.clientele_img {
    position: absolute;
    right: 10px;
   /* top: -12px;*/
   margin-top:-30px;
    width: 480px;
}

.rycycle{ position:absolute; right:0; width:290px;}
.conserve_img{position:absolute; left:0; width:210px;}
.enegy{position:absolute; right:0; width:290px;}
.earn_img{position:absolute; left:0; width:290px;}

.world_cl{ top:0; width:353px; position:absolute;}

.unmatched_ex{ position:absolute; right:0; top:35px; width:300px;}

.mission{ float:left; width:100%; margin:30px 0;}
.mission li{ float:left; width:45%; text-align:left;}
.mission li p{ text-align:left;}
.mission li:last-child{ float:right; width:45%; }

/* -------------------------- knowlege center ------------------------- */

/* start tabbing */
.tabbing{  float:left; width:100%; margin-top:20px;}

.center_tab{float:left; width:74%;  height:412px; background-color:#f7f7f7; position: relative; border:1px solid #999;z-index: 99; }
.center_tab p{font-size:14px; font-family: 'helvetica_neue_ltregular'; text-align:left;  color:#5d5d5d; float:left; width:100%;}
.center_tab h4{ color:#333; text-transform:uppercase; font-size:20px; text-align:left; padding:0px 0 10px 0; float:left;}
.center_tab .knlw{float:left; position: absolute; z-index:2; top:0; left:0; width:92%; padding:0px 2% 10px 5%; font-family: 'helvetica_neue_ltregular';font-size:14px; line-height:21px;  margin:25px 0; overflow:auto; height:355px;}


.center_tab .knlw .right_center h4{ color:#0dcba0; text-transform:capitalize;}

.center_tab .knlw h3{ color:#000; text-align:left; margin-bottom:20px;}
.center_tab .knlw li{ text-align:left; width:100%;}
.center_tab .knlw p strong{ display:block; margin:5px 0 5px 0; color:#0dcba0;}
.center_tab .knlw p.quest{ color:#049574; font-size:15px; font-weight:bold; margin-top:10px;}
.center_tab .knlw .points{ margin-left:0;}
.center_tab .knlw .points li{ margin-bottom:20px; text-align:left;}
.center_tab .knlw .points p{ text-transform:capitalize;}
.center_tab .knlw .points h5{ font-size:18px; color:#0dcba0;}

.center_tab .knlw .left_img_center{ float:left; width:30%;}
.center_tab .knlw .left_img_center img{ width:100%;}
.center_tab .knlw .right_center { float:right; width:65%;}
.center_tab .knlw ul li{color:#000;  font-family: 'helvetica_neue_ltregular'; text-transform:uppercase; background:url(../images/right-arrow.png) left 10px no-repeat; list-style:none; padding:4px 0 0 15px; font-size:11px; width:91%; float:left; margin:2px 0; margin-left:2%; }
.center_tab .knlw ul li strong{ color:#ea0a7c;}

.center_tab .knlw .table td{ color:#000; font-family: 'helvetica_neue_ltregular';}

.tab-btn1{float:left; text-align:left; width:25%; height:auto; }
.tab-btn1 .tab-btn{ background:#3b3b3b url(../images/center_right_arrow.png) 90% 24px no-repeat; text-transform:uppercase; color:#fff; font-size:14px; padding:5px 0 5px 20px; height:58px; line-height:58px; border-bottom:1px solid #fff; float:left; width:92%;}
.tab-btn1 .tab-btn a{ color:#fff; float:left; width:100%;  font-family: 'helvetica_neue_ltregular';}

.tab-btn1 .tab-btn.active{background:#0d729e url(../images/center_right_arrow_hover.png) 90% 24px no-repeat;} 
.tab-btn1 .tab-btn.active a{ color:#000;}


.tabbing .hide{ z-index:-1 !important; position:absolute; top:0;}
.tabbing .wd{ float:right; width:75%; line-height:25px; margin-top:15px;}

.tabbing .commn_tab_det .hide{ display:block;}

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

/* ------------------------------------- Review -------------------------------------- */

.home_ownner{ float:left; width:100%;}
.business_ownner{ float:left; width:100%;}

.review_slider_box{ float:left; width:100%; position:relative;} 
.review_slider_box .review{ float:left; width:100%;}

.review_slider_box .hide{ z-index:-1 !important; position:absolute; top:0;}
.review_slider_box  .hide{ display:block;}

 .awards_box .review_tab li a{ color:#000 !important;}
 .awards_box .review_tab li.active a{ color:#0098da !important;}

.other_option_controls{ float:left; width:100%; position:absolute; top:45%; }
#next_review a{ float:right; width:46px; background:url(../images/next.png) 0 0 no-repeat; height:34px; margin:0px; text-indent:-100000px; }
#prev_review a{ float:left; width:46px; background:url(../images/prev.png) 0 0 no-repeat; height:34px; margin: 0 -6px 0 0px;text-indent:-100000px;}

#next_review1 a{ float:right; width:46px; background:url(../images/next.png) 0 0 no-repeat; height:34px; margin:0px; text-indent:-100000px; }
#prev_review1 a{ float:left; width:46px; background:url(../images/prev.png) 0 0 no-repeat; height:34px; margin: 0 -6px 0 0px;text-indent:-100000px;}

.review_slider_box .productsthumb{ float:left; width:90%; margin:0 5%; list-style:none;}
.review_slider_box .productsthumb li{ float:left; width:25%; height:200px; border-right:1px solid #fff; box-sizing:border-box;   position:relative; z-index:1; overflow:hidden;*display: inline;
zoom: 1;}
.review_slider_box .productsthumb li:last-child{ border:0;}
.review_slider_box .productsthumb li .pro{ width:100%; display:block;}
#roll{ padding:0;}
.review_slider_box .sub-box{float:left; 
background: rgb(4,105,143); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(4,105,143,1) 0%, rgba(6,152,206,1) 1%, rgba(4,105,143,1) 93%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(4,105,143,1)), color-stop(1%,rgba(6,152,206,1)), color-stop(93%,rgba(4,105,143,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(4,105,143,1) 0%,rgba(6,152,206,1) 1%,rgba(4,105,143,1) 93%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(4,105,143,1) 0%,rgba(6,152,206,1) 1%,rgba(4,105,143,1) 93%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(4,105,143,1) 0%,rgba(6,152,206,1) 1%,rgba(4,105,143,1) 93%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(4,105,143,1) 0%,rgba(6,152,206,1) 1%,rgba(4,105,143,1) 93%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04698f', endColorstr='#04698f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 width:100%; height:100%; position:absolute; top:290px;  padding-top:25%; opacity:0; z-index:9999;   }
 
.review_slider_box .statename{ font-size:28px; color:#fff; text-transform:uppercase; text-align:center; display:block;}
.review_slider_box .disc{ font-size:18px; color:#fff; text-align:center; display:block; text-transform:uppercase; padding-top:10px;}


.review_by_client{ float:left; width:100%; margin:30px 0;}
.client_img{ float:left; width:20%; height:20%; border-radius:50%; background-color:#000; overflow:hidden;}
.client_img img{ width:100%;}

.review_text{ float:right; width:71%; font-style:italic; padding:20px 2%; background-color:#ececec; min-height:100px; border:1px solid #d9d9d9; border-radius:5px; position:relative; margin-top:20px;}
.review_text p{ background:url(../images/knowledge/top_quete.png) left 5px no-repeat; padding:5px 0 0 20px; float:left;}
.review_text .name{ float:left; width:100%; text-align:left; color:#000; font-size:20px; padding:10px 0 0 20px; font-weight:bold;}
.review_text .disc{ float:left; text-align:left; color:#333333; font-size:17px; padding:5px 0 0 20px; font-weight:bold; width:100%;}
.last_quete{ display:inline-block; vertical-align:bottom;}
.nok{ position:absolute; left:-14px; top:20px;}


/* -------------------------------- systems -------------------------------------------------*/

/*.searies .table{ float:none; display:inline-block; width:auto;}
.searies .table th a{ width:100px; display:block;}


.searies .anim_box1 .right_img{ margin-right:2%;}
.searies  .left_img{ margin-left:2% !important;}
.searies .left_text{ margin-left:2%;}
.searies .right_text{ text-align:left;}
.searies .anim_box1 .left_text{ margin-left:2%;}
.searies .table{ margin-top:20px;}
.searies .anim_box1 .left_text{ padding-top:0;}
*/
.systems .anim_sect{ height:650px !important; }
.systems h3{ margin-bottom:10px;}
.systems p{ margin-bottom:10px; text-align:left !important;}

.systems ul{ float:left; width:100%; margin-bottom:20px;}
.systems li{color:#515151; font-family: 'helvetica_neue_ltregular'; font-size:14px; text-align:left;  padding:5px 0 5px 20px; float:left; width:100%; background:url(../images/right-arrow1.png) left 10px no-repeat;}
.system_box{ float:left; width:100%; text-align:center; padding-top:62px;}
.system_box a{ color:#333;}
.system_box a:hover{ color:#000;}
.system_box h4{ color:#ff0000; font-size:16px; text-transform:uppercase; font-weight:bold;}
.system_box h5{ color:#333; font-size:14px; text-transform:uppercase; font-weight:bold; margin:5px 0;}
.system_box ol{ float:left; width:100%; text-align:center; margin-top:20px; font-size:0;}
.system_box ol li:first-child{ border:0; text-transform:uppercase;}
.system_box ol li:last-child{ border:0;}
.system_box li{ background-image:none; list-style:none; display:inline-block; width:auto; text-align:center; float:none; border-right:1px solid #999; padding:0 10px;}
.system_box li a{ color:#515151;}
.sys_img{ text-align:center; width:90%; float:left; margin-bottom:10px;}

.searies_bann img{ width:100%;}

/* ------------------------------hover css change------------------------------------------------ */

.hvr-shutter-in-horizontal::before{ background-color:#0098da;}
.hvr-shutter-in-horizontal{ background-color:#000;}



/*general styles for all CSS Checkboxes*/
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox {
      position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:20px;
    height:15px; 
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
}




.vlad{background-image:url(../images/vlad.png);}

input[type=checkbox].css-checkbox.med + label.css-label.med {
    padding-left:22px;
    height:17px; 
    display:inline-block;
    line-height:17px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
    padding-left:22px;
    height:16px; 
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
    padding-left:22px;
    height:20px; 
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -20px;
}


.strick_line{ float:right; margin-right:20px; text-transform:uppercase;}

.fur_info{ float:right; margin:40px 0 0 0; text-align:center; width:100%; font-size:15px;}
.fur_info a:hover{ color:#033;}

/* 281015 */
.expert_consult .reg ul li{ position:relative; margin-bottom:17px;}
.expert_consult .reg ul li em{ bottom: 30px;color: red;font-size: 12px;left: 0;position: absolute;}

.expert_box .reg ul li{ position:relative; margin-bottom:17px;}
.expert_box .reg ul li em{ bottom: 30px;color: red;font-size: 11px;left: 0;position: absolute; text-transform:capitalize;}
.cant{ font-size:12px; text-transform:none; color:#fff; display:inline-block; padding-top:5px; font-weight:normal;}
.cant a{ color:red;}
.expert_box .reg ul li:nth-child(4) em{ top:-13px;}

.expert_box p{ margin-top:3px !important;}


/*.socail li a{ float:left; width:100%; }*/
.socail li a{ float:left;}

    .fbcount, .twittercount, .yuotubecount, .googlepluscount, .instagramcount, .linkedcount{
    
        font-size:14px;
        display: block;
    font-size: 14px;
    padding-top: 14px;
    
    }

.window_work .icons_text h3 {
    font-size: 16px;
    font-weight: normal;
}

.window_work h3 .icons_text  {
    font-size: 16px;
    font-weight: normal;
}

.more_ava{ float:left; width:100%; text-align:right; line-height:5px;}

#reach_buisness h3{ padding-bottom:10px;}

.mt10{ margin-top:5px;}
.sliding h4{ padding-top:5px;}

.searies .left_img{ margin-left:5%;}

.mesh_grill .const_macine li h3{ font-size:18px !important;}

.mesh_grill .new_grill li{ width:100% !important; margin-bottom:20px;}
.mesh_grill .new_grill li p{ margin:10px 0; float:left;}
.mesh_grill .new_grill li h3{ }

.mesh_grill .new_grill .mesh_img{ float:left; width:100%; text-align:center;}
.mesh_grill .new_grill .mesh_img .imgss{ display:inline-block; width:25%; margin:10px 2%; overflow:hidden; vertical-align:top;}

.mesh_grill .new_grill .mesh_img img{ width:auto;}
.mobile-foot-locate{ display:none !important;}


.mobs{ display:none;}
.select_box{ display:none;}
.glass_page.trimspage li{ float:none;}
#explore{ display:none;}

.desk-menu-icon{}
.mobs-menu-icon{ display:none;}

.locate_us .bottom_name {width: 38%;}
.footer .socail li a {width: 35% !important;}
.footer .socail li a img {max-width: 100%; width: auto;}
.fbcount, .yuotubecount, .twittercount, .googlepluscount, .instagramcount, .linkedcount { padding: 15px 45px !important; }

@media screen and (min-width: 768px) and (max-width: 1920px) {
  #video{
    width: 420px;
  }
}
@media screen and (min-width: 769px) {
    .slider {
        min-height: 400px;
    }
}
.review_client {
    z-index: 2001;
}
.select_box select::before {
    color: yellow;
    content: "Good thing";
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 0;
}
/*.select_box {
	display: none !important;
} */

.fancybox-inner {
    background : rgba(0, 0, 0, 0) url("../images/popupbg.jpg") repeat scroll 0 0;
}

/*.select_box::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aaa;
    content: "";
    height: 0;
    position: absolute;
    right: 18px;
    top: 63px;
    width: 0;
}
.select_box{
    position: relative;
}*/

.marg_none {
    display: none;
}
.nhOne{
color: #004f71;
   font-family: "helvetica_neue_ltregular";
   font-size: 26px;
   font-weight: bold;
   text-transform: uppercase;
}
.nhtwo{
   border-bottom: 0 solid #ccc;
   color: #0098da;
   font-family: "helvetica_neue_ltregular";
   font-size: 16px;
   font-weight: bold;
   letter-spacing: 0.03em;
   padding-bottom: 5px;
   text-align: left;
   text-transform: uppercase;
}
.rig_align{
text-align: right;
}
.nhfour{
    color: #333!important;
    font-size: 15px !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-weight: normal!important;
    margin-left: 5% !important;
    float: left!important;
}

.nhtwo1{
	font-family: 'helvetica_neue_ltregular';
    color: #fff;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 0px 0;
	}
	 
 .nhthree1{
	 font-size:25px !important; color:#0098da;  font-family: 'helvetica_neue_ltregular'; text-transform:capitalize; font-weight:normal;
	 }
	 
.nhnew_h1{
	  font-size:60px; color:#333; text-transform:uppercase; font-family: 'helvetica_neue_ltregular'; text-shadow:2px 3px 4px #999;
	  }
.nh4new{
	  color:#777777; font-size:17px; font-family: 'helvetica_neue_ltregular'; font-weight:normal; margin:20px 0 10px 0;
	  }

/* ---------------------------   -----------------------  */

.bannerslide.mobile > li {
    width: 100% !important;
}
.bannerslide.desk > li {
    width: 100% !important;
}

#fancy-loading {border: 20px solid red;}

@media screen and (max-width:767px) and (min-width: 600px){
    .plusminus{
        display: none !important;
    }
    .accordian_box{
        display: block;
    }
}

@media screen and (max-width:480px) {
    .fancybox-title-float-wrap{
        bottom: -22px !important;
        right: 0 !important;

    }
    .fancybox-title-float-wrap .child{
        margin-right: 0 !important;
        white-space: normal !important;

    }
    .mesh_grill .const_macine li{
        float: left !important;
        min-height: 400px;
    }
    .state_city_loc li input[type="email"]{
        width: 100% !important;
    }

    .colum.center.popup_box.mt20 iframe {
        width: 100%;
    }
    .popup{
        width: 100% !important;
    }
    .colum.center.popup_box.mt20 img {
        width: 100%;
    }
}

.state_city_loc .error {
    display: inline-block;
    /*float: left;*/
    margin-top: 3px;
}


.arrDrp{
    display: none;
}
@media screen and (max-width:767px) {
    .arrDrp {
        background: #666 none repeat scroll 0 0;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        padding: 3px 7px;
/*        position: absolute;*/
        float: right;
        right: 0;
        top: 0;
        font-size: 12px;
    }

    .activem{
        display: block;
    }
}

#product_chck{ padding-left:29px;}


.freedom .home_sec_two_li li:last-child {
    float: left;
}
@media screen and (min-width:1280px) {
	.freedom .home_sec_two_li li {
		min-height: 260px;
	}
}

@media screen and (max-width:1024px) {
.breadcrume.no_banner {margin-left: 8%;}
}

@media screen and (max-width:768px) {
.breadcrume.no_banner {margin-left: 10%;}
}

@media screen and (max-width:1199px) and (min-width:768px) {
	.freedom .home_sec_two_li li {
		min-height: 300px;
	}
}



.footer .socail li span { white-space: nowrap;}


.facades{ background:url(../images/Facades.png) center 0 no-repeat; float:left; width:100%; height:30px;  transition:all .2s ease-in-out}
.topmenu ul li a:hover .facades{ background-position: center -40px;}

.stamp { position: absolute; top: 0; right: 0; z-index: 100;}
.stamp img { max-width: 200px; }


@media screen and (max-width:768px) {
.stamp img {

        max-width: 100px;

}
}

.newHome-icon {
  /*background: #fff;
    padding: 4px 3px;
    color: #ee3b40;
    border-radius: 2px;
    font-size: 11px;*/
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/white-new-tag.png) no-repeat;
  font-size: 0;
  width: 47px;
  min-height: 18px;
  position: relative;
  margin-top: -4px;
}

.new-tag {
  background: url(../images/red-new-tag.png) no-repeat;
  width: 47px;
  min-height: 18px;
  display: inline-block;
  position: absolute;
  right: 44px;
  margin-top: 3px;
  /*background: url('../Images/new_tag.png') no-repeat; width: 46px; height: 46px; display: inline-block; position: absolute; right: 0; top: 0;*/
}

.chooseFinestaDoor {
    width: 100%;
    float: left;
    background: url(../images/bg2.jpg) left top repeat;
    padding-top: 50px;
    padding-bottom: 50px;
}
/* Internal Door Css  */

#product_chck { padding-left: 29px; }
#explore { display: none; }
/*ul.add8 { border:  1px solid red; }*/

ul.add8 li strong { display: inline-block; width: 48%; padding: 5px 0; }
.bannerbox { position: relative; }
.stamp { position: absolute; top: 0; right: 0; z-index: 100; }
.stamp img { max-width: 100%; height: 100px; }
.mainContainer { width: 100%; float: left; }
.internalDoorSec { width: 100%; float: left; background: url(../images/section-new-bg.jpg) left top repeat; padding-top: 50px; padding-bottom: 50px; }
.container { width: 1200px; margin: auto; }
.internalDoorSec h2 { font-size: 16px; color: #0098da; font-family: 'helvetica_neue_ltregular'; text-align: center; text-transform: uppercase; position: relative; padding: 0px 0px 20px 0px; margin: 0px; }
.internalDoorSec h2 span { position: absolute; bottom: 0px; width: 71px; background: #a92800; height: 7px; left: 50%; margin-left: -35px; }
.internalDoorLeftSec { width: 35%; float: left; padding-top: 55px; margin-right: 15%; }
.internalDoorLeftSec.internalDoorRightSec { width: 40%; margin-left: 10%; margin-right: 0px; }
.internalDoorLeftSec h3 { width: 100%; float: left; font-size: 16px; color: #0098da; text-transform: uppercase; margin: 0px; font-family: 'helvetica_neue_ltregular'; margin-bottom: 15px; }
.internalDoorLeftSec ul { padding: 0px; margin: 0px; list-style: none; }
.internalDoorLeftSec li { background: url(../images/left-arrow.png) left 4px no-repeat; font-size: 14px; color: #333333; font-family: 'helvetica_neue_ltregular'; margin-bottom: 15px; padding-left: 15px; float: left; width: 100%; }
.colorFinish { float: left; margin-top: 25px; }
.colorFinish h3 { width: 100%; float: left; font-size: 16px; color: #0098da; text-transform: uppercase; margin: 0px; font-family: 'helvetica_neue_ltregular'; }
.colorFinishInnerSec { float: left; border-bottom: #cfcfcf solid 1px; border-top: #cfcfcf solid 1px; margin-top: 10px; }
.colorFinishInnerSec h4 { font-size: 16px; color: #0098da; font-family: 'helvetica_neue_ltregular'; display: block; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; }
.doorBox { float: left; margin-right: 25px; text-align: center; padding-bottom: 20px; }
.doorBox span { display: block; font-family: 'helvetica_neue_ltregular'; font-size: 15px; color: #333333; padding-top: 10px; }
.chooseFinestaDoor { width: 100%; float: left; background: url(../images/bg2.jpg) left top repeat; padding-top: 50px; padding-bottom: 50px; }
.chooseFinestaDoor h2 { font-size: 16px; color: #0098da; font-family: 'helvetica_neue_ltregular'; text-align: center; text-transform: uppercase; position: relative; padding: 0px 0px 40px 0px; margin: 0px; }
.chooseFinestaDoorBox { width: 25%; float: left; }
.doorIcon { width: 25%; float: left; }
.doorIcon img { max-width: 100%; height: auto; }
.chooseFinestaTxt { width: 70%; float: right; margin-top: 15px; padding-right: 10px; box-sizing: border-box; }
.chooseFinestaTxt h3 { margin: 0px; font-family: 'helvetica_neue_ltregular'; font-size: 16px; color: #333333; text-transform: uppercase; margin-bottom: 15px; }
.chooseFinestaTxt ul { padding: 0px; margin: 0px; list-style: none; }
.chooseFinestaTxt li { background: url(../images/left-arrow.png) left 4px no-repeat; font-family: 'helvetica_neue_ltregular'; font-size: 14px; padding-left: 15px; margin-bottom: 15px; color: #666; }
 @media screen and (max-width: 1299px) {
.container { width: 100%; padding-left: 15px; padding-right: 15px; }
}
 @media screen and (max-width: 1199px) {
.internalDoorLeftSec { width: 45%; margin-right: 5%; }
.internalDoorLeftSec.internalDoorRightSec { width: 45%; margin-left: 5%; }
.chooseFinestaTxt li { font-size: 13px; }
}
 @media screen and (max-width: 991px) {
.chooseFinestaDoorBox { width: 50%; }
.doorIcon { width: 15%; }
.chooseFinestaTxt { width: 82%; }
.chooseFinestaTxt li br { display: none; }
}
 @media screen and (max-width: 767px) {
.internalDoorLeftSec { width: 100%; margin-right: 0px; }
.internalDoorLeftSec.internalDoorRightSec { width: 100%; margin-left: 0px; }
.chooseFinestaDoorBox { width: 100%; }
.internalDoorSec { padding-top: 25px; padding-bottom: 25px; }
.internalDoorLeftSec { padding-top: 25px; }
.chooseFinestaDoor { padding-top: 25px; padding-bottom: 25px; }
.chooseFinestaDoor h2 { padding-bottom: 20px; }
.chooseFinestaTxt li { margin-bottom: 10px; }
}
 @media screen and (max-width: 599px) {
}
 @media screen and (max-width: 479px) {
}
 @media screen and (max-width: 375px) {
}

.middlebg .layout2 .breadcrume {
    bottom: auto;
    margin: auto;
}

.infra .bx-wrapper .bx-viewport { overflow: visible !important;}