/* global CSS  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio,video{ margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%;vertical-align: baseline; background: transparent; list-style:none; }
section, article, header, nav, footer, aside { display: block; }
html, body { height: 100%; min-height: 100%; font-family: arial; font-size: 13px; }
a, input { outline:none; text-decoration:none; margin: 0px; padding: 0px; }
.clear {clear: both; height:0px; }


body{ font-family:Verdana, Geneva, sans-serif;}

.video-main{ background-color:#000; padding:10px 15px; margin-top:15px; box-shadow:0px 0px 4px #000;}

h1{ font-size:22px; color:#fff; font-weight:lighter; background:rgba(0,0,0,0.7); display:inline-block; margin-top:15px; padding:10px 135px 10px 15px;}
h1:hover{ font-size:22px; color:#fff; font-weight:lighter; background:rgba(0,0,0,0.8); display:inline-block; margin-top:15px; padding:10px 135px 10px 15px;}

h2{font-size:20px; font-weight:lighter; line-height:45px; padding:0px 0px; background:url(../images/border-b.png) 0px 42px no-repeat; border-bottom:1px solid #ccc; width:668px; margin:auto; font-weight:bold}

h3{font-size:16px; font-weight:lighter; line-height:35px; padding:0px 0px 0px 10px; color:#FFF; background-color:#F00;}

h4{ font-size:10pt; padding:3px 10px;}

.wrapper{ width:100%; height:auto; float:left; display:block; overflow:hidden;}
.top-design{ width:100%; height:5px; float:left; background-color:#00923f;}

header{ width:100%; height:110px; float:left; background-color:#FFF;}
header .main{ width:1000px; margin:auto; height:100px;}
header .main .logo{ width:250px; height:100px; float:left;}
header .main .Other{ width:750px; height:100px; float:right;}
header .main .Other ul{ width:330px; float:right; background-color:#00923f; border-radius:0px 0px 5px 5px;} 
header .main .Other ul li{ float:left; text-transform:uppercase; font-size:9pt; border-right:1px solid #1ed26c; padding:4px 10px; margin-bottom:6px;}
header .main .Other ul li:last-child{ border-right:0px;}
header .main .Other ul li a{ text-decoration:none; color:#FFF; display:block;}
header .main .Other ul li a:hover{ text-decoration:underline;}

.social{ width:80px; position:fixed; right:0px; top: 155px;}
.social ul{ margin:0px; padding:0px; float:right; width:75px;}
.social ul li{ width:40px; height:40px; border:1px solid #ccc; background-color:#faf9f9; float:right; margin-top:5px;}

.fb{ background:url(../images/icon.png) -3px -8px; height:40px; width:40px; display:block; text-decoration:none; transition:.3s;}
.fb:hover{ background:url(../images/icon.png) -3px -52px; height:40px; width:40px; display:block; text-decoration:none; transition:.2s;}

.tw{ background:url(../images/icon.png) -44px -8px; height:40px; width:40px; display:block; text-decoration:none; transition:.3s;}
.tw:hover{ background:url(../images/icon.png) -44px -52px; height:40px; width:40px; display:block; text-decoration:none; transition:.2s;}

.blog{ background:url(../images/icon.png) -84px -8px; height:40px; width:40px; display:block; text-decoration:none; transition:.3s;}
.blog:hover{ background:url(../images/icon.png) -84px -52px; height:40px; width:40px; display:block; text-decoration:none; transition:.2s;}

.youtube{ background:url(../images/icon.png) -123px -8px; height:40px; width:40px; display:block; text-decoration:none; transition:.3s;}
.youtube:hover{ background:url(../images/icon.png) -123px -52px; height:40px; width:40px; display:block; text-decoration:none; transition:.2s;}

.in{ background:url(../images/icon.png) -161px -8px; height:40px; width:40px; display:block; text-decoration:none; transition:.3s;}
.in:hover{ background:url(../images/icon.png) -161px -52px; height:40px; width:40px; display:block; text-decoration:none; transition:.2s;}



.menu{ width:100%; height:40px; float:left; background-color:#343736;}
.menu nav{ width:1000px; margin:auto; height:40px;}
.menu nav ul{ display:block;}
.menu nav ul li{ float:left; border-right:1px solid #000; border-left:1px solid #4d514f;}
.menu nav ul li a{ text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:10pt; text-transform:uppercase; color:#FFF; padding:12px 20px; display:block;transition: .5s;}
.menu nav ul li a:hover{ background-color:#e67817;transition: .5s;}
.menu nav ul li ul{ position:absolute; background-color: #343736; display:none; width:208px;}
.menu nav ul li:hover > ul{ position:absolute; background-color: #343736; display:block; width:208px; z-index:20;}
.menu nav ul li ul li{ float:none; border-top:1px solid #000; border-bottom:1px solid #4d514f;}

.banner{ width:100%; height:420px; background-color:#000; float:left; border-bottom:4px solid #e67817; position:relative;}
.banner .bannner-bk{ position:absolute; width:100%; height:420px; background:rgba(0,0,0,0.7); z-index:10;}
.banner .bannner-bk .main-video{ width:1000px; height:420px; margin:auto;}
.banner .bannner-bk .main-video .latest-video{ width:500px; height:420px; float:right;}



.services-main{ width:100%; height:auto; float:left; margin-top:15px;}
.services-main .main{ width:1000px; margin:auto; height:auto;}
.services-main .main .left-bar{ width:700px; min-height:440px; float:left; background-color:#f1efef; border:1px solid #ccc;} 
.services-main .main .left-bar .work {float:left; margin-top:10px; margin-left:10px; width:97%;}
.services-main .main .left-bar .clinet-logo{ width:97%; min-height:250px; padding-bottom:15px; margin-left:15px; float:left; margin-top:5px;}
.services-main .main .left-bar .clinet-logo ul{ margin:0px; padding:0px;}
.services-main .main .left-bar .clinet-logo ul li{ float:left; width:175px; height:150px; border:1px solid #ccc; background-color:#FFF; padding:4px; margin-left:7px; margin-top:8px;}
.services-main .main .left-bar p{ padding:3px 12px; text-align:justify;}
.services-main .main .right-bar{ width:292px; margin-left:5px; height:auto; float:left; box-shadow:0px 0px 2px #ccc;} 
.services-main .main .right-bar .video-bar{ border:1px solid #ccc; min-height:403px;}
.services-main .main .right-bar .video-bar p{ border-bottom:1px solid #ccc; padding-bottom:13px; margin:auto; text-align:center;}

.clinet-bar{ float:left; margin-top:20px; width:100%; min-height:150px;}
.clinet-bar .main{ width:1000px; margin:auto; height:150px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:5px solid #F00; border-radius: 9px; box-shadow:0px 0px 2px #ccc;}
.clinet-bar .main .our-heading{ width:900px; height:45px; text-align:center; margin:auto; border-bottom:1px solid #ccc;}
.clinet-bar .main .marqu{ width:1000px; height:105px; float:left;}

footer{ width:100%; height:180px; float:left; margin-top:20px; background-color:#1f1f21; border-top:3px solid #F00;}
footer .main{ width:1000px; margin:auto; height:150px;}
footer .main ul{ width:230px; float:left; margin-top:15px; margin-left:15px; position:relative;} 
footer .main ul li{ border-bottom:#171718 solid 1px; text-transform:capitalize; border-top:#2d2d2f solid 1px; line-height:25px;}
footer .main ul li:first-child{ border-top:none;}
footer .main ul li:last-child{ border-bottom:none;}
footer .main ul li a{ text-decoration:none; color:#CCC;}
footer .main ul li a:hover{ color:#e67817;}
footer .main ul .social-icon{ width:240px; position:absolute; height:50px; top:20px;}
footer .main ul .social-icon ul{ margin:0px; padding:0px; float:left; width:240px;}
footer .main ul .social-icon ul li{ width:40px; height:40px; border:1px solid #ccc; margin-left:5px; background-color:#faf9f9; float:right; margin-top:5px;}

footer .main .copyright{ width:1000px; float:left; height:25px; margin-top:30px;}
footer .main .copyright p{float:left !important; color:#666; width:500px; font-size:9pt;}
footer .main .copyright .de{ float:right; text-align:right;}
footer .main .copyright .de a{ text-decoration:none; color:#666;}
footer .main .copyright .de a:hover{ color:#ccc;}

.about-banner{ width:100%; height:150px; float:left; padding-top:15px; padding-bottom:15px;}
.about-banner .banner-heading{ width:1000px; height:150px; margin:auto; border:2px solid #00923f;}








/* Contact us */


.contact-main{ width:100%; height:auto; float:left;}
.contact-main .main{ width:1024px; height:auto; margin:auto; border-top:0px; padding-top:20px;}


.grid-1{ width:46%; height:auto; float:left; padding:8px 14px; background-color:#FFF;}
.grid-1 h2{ margin:0px; padding:0px; font-size:14pt; border-bottom:1px solid #ccc; padding:7px 0px;}
.grid-1 h3{ font-size:10pt;}
.grid-1 p{ width:100%; height:auto; font-size:10pt; line-height:25px; padding-bottom:10px; border-bottom:1px solid #ccc;}


.grid-2{ width:46%; height:auto; margin-right:0px; float:right; padding:8px 14px; background-color:#FFF;}
.grid-2 h2{ margin:0px; padding:0px; font-size:14pt; border-bottom:1px solid #ccc; padding:7px 0px;}
.grid-2 h3{ font-size:10pt;}
.grid-2 span{ display:block; font-weight:bold; font-size:10pt;}
.grid-2 p{ width:100%; height:auto; font-size:10pt; padding-bottom:12px; font-weight:bold; display:block;}
.grid-2 p .txt-box{ width:97%; height:32px; padding-left:2%; font-size:11pt;}
.grid-2 p .txt-area{ width:97%; height:55px; padding-left:2%; padding-top:2%; font-size:11pt; font-family:Arial, Helvetica, sans-serif;}

.btn{ background-color:#06F; display:inline-block; float:right; padding:10px 12px; text-decoration:none; color:#FFF;}
.btn:hover{ background-color:#000;}

.loction-map{ width:100%; height:320px; float:left; margin-top:20px; background-color:#FFF; border:1px solid #ccc;}
.loction-map h3{padding:10px 12px; border-bottom:1px solid #ccc; display:block; width:94%; margin:auto;}
.loction-map p{ width:96%; height:260px; border:1px solid #ccc; margin:auto; margin-top:8px; text-align:center;}

.design-hd{font-size:20px; font-weight:lighter; line-height:45px; padding:0px 0px; background:url(../images/border-b.png) 0px 42px no-repeat; border-bottom:1px solid #ccc; width:100%; margin:auto;}

/* Contact us */


.main-location{ width:960px; min-height:300px; float:left; margin-left:15px;}
.main-location ul{ margin:0px; padding:0px;}
.main-location ul li{ position:relative; width:220px; padding:5px; height:200px; float:left; border:1px solid #ccc; background-color:#FFF; margin-left:8px; margin-top:13px;}
.main-location ul li span{ background-color:#00923f; position:absolute; display:block; bottom:0px; padding:5px; width:92%; line-height:25px; color:#FFF; font-weight:bold; z-index:10; text-align:center;}
.main-location ul li img{ width:100%; height:95%;}

 .box2{ width:220px !important; padding:5px; height:200px !important; float:left; border:1px solid #ccc; background-color:#FFF; margin-left:8px; margin-top:13px;}
 .box2 img{ width:100% !important; height:100% !important;}
 
 
 .main-location1{ width:875px; min-height:300px; float:left; margin-left:15px; padding-bottom:20px;}
.main-location1 ul{ margin:0px; padding:0px;}
.main-location1 ul li{ position:relative; width:220px; padding:5px; height:200px; float:left; border:1px solid #ccc; background-color:#FFF; margin-left:8px; margin-top:13px;}
.main-location1 ul li span{ background-color:#00923f; position:absolute; display:block; bottom:0px; padding:5px; width:92%; line-height:25px; color:#FFF; font-weight:bold; z-index:10; text-align:center;}
.main-location1 ul li img{ width:100%; height:95%;}

 .box2{ width:220px !important; padding:5px; height:200px !important; float:left; border:1px solid #ccc; background-color:#FFF; margin-left:8px; margin-top:13px;}
 .box2 img{ width:100% !important; height:100% !important;}
 
  .box3{ width:200px !important; padding:5px; height:200px !important; float:left; border:1px solid #ccc; background-color:#FFF; margin-left:8px; margin-top:13px;}
 .box3 img{ width:100% !important; height:100% !important;}
 
.list-inline{ margin:0px; padding:0px; margin-bottom:20px; display:block; overflow:hidden; padding-top:8px;}
.list-inline li{ float:left; width:50%; box-sizing:border-box; padding-left:12px; line-height:20px;}

.main-camera{ width:100%; padding-top:15px;}
.camera-img{ width:31%; float:left; margin-left:12px; padding-top:10px; margin-bottom:20px; background-color:#fff; box-sizing:border-box;  display:inline-block; box-shadow:0px 0px 2px #ccc;}
.camera-img img{ width:100%; height:auto;}
.camera-img p{ display:block; padding:5px 10px; background-color:#f00; color:#FFF; font-weight:bold;}