.navcolor{height: 50px}
#alink a{color: #000; text-decoration: none}
#alink a:hover{color: orange; text-decoration: none}
.contains{height: 100%; overflow: auto}
.about{float: left; display: block; margin-left: 30px; margin-top: -25px; width: 600px; height: 450px}
.about p{color: #fff}
.a-video{float: left; display: block; width: 400px; height: 400px; margin-left: 50px; margin-top: 80px}
.contacts{float: left; display: block; margin-left: 30px; margin-top: 25px; width: 600px; height: 450px}
#table-list{margin-left: 30px; margin-top: 20px}
.imp{font-size: 20px; vertical-align: text-top; padding-right: 20px; border-right: 4px solid #000}
.details{font-size: 15px; vertical-align: middle; padding-left: 15px}
.details > h4{margin-bottom: -22px;font-size: 15px;}
.c-map{float: left; display: block; margin-left: 0; margin-top: 70px}
.pt-page>.arrow{width: 30px; height: 30px}
.pt-page>.btm-rht{bottom: 35px; right: 25px; position: fixed; background-color: rgba(153, 153, 153, 1); width: 50px; height: 50px; text-align: center; border-radius: 30px}
.pt-page>.top-rht{top: 55px; right: 25px; position: fixed; background-color: rgba(153, 153, 153, 1); width: 50px; height: 50px; text-align: center; border-radius: 30px}
.pt-page>.top-lft{top: 55px; left: 25px; position: fixed; background-color: rgba(153, 153, 153, 1); width: 50px; height: 50px; text-align: center; border-radius: 30px}
.pt-page>.showlogo{position: absolute; top: 15%; left: 50%; margin-left: -500px; margin-top: -40px; background-color: rgba(153, 153, 153, 1); width: 50px; height: 50px; text-align: center; border-radius: 30px}
.event-intro{float: left; display: block; margin-left: 70px; margin-top: 25px; width: 650px; height: 450px}
.event-intro>p{font-size: 18px; text-align: justify}
.event-img{float: left; display: block; width: auto; height: auto; margin-left: 50px; margin-top: 30px}
.wrapper{position: fixed; margin: 0 auto; width: 100%; height: 100%; bottom: 40px}
.ch-grid{float: left; margin: 20px 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; //width:1200px;//height:600px;//margin:100px auto;//background:#A3CBE0;//border:2px solid #000;//overflow:auto;//box-shadow:0 0 10px #000}
.ch-grid:after,.ch-item:before{content:'';display:table}
.ch-grid:after{clear:both}
.ch-grid li{width:220px;height:220px;display:inline-block;margin:20px}
.ch-item{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;cursor:default;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.1);transition:all .4s ease-in-out}
.ch-img-1{background-image:url(../img/4.jpg)}
.ch-img-2{background-image:url(../img/5.jpg)}
.ch-img-3{background-image:url(../img/6.jpg)}
.ch-img-opc{background-image:url(../img/l-opc.png)}
.ch-info{position:absolute;background:rgba(63,147,147,.8);width:inherit;height:inherit;border-radius:50%;overflow:hidden;opacity:0;transition:all .4s ease-in-out;transform:scale(0)}
.ch-info h3{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:22px;margin:0 30px;padding:45px 0 0;height:140px;font-family:'Open Sans',Arial,sans-serif;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,.3)}
.ch-info p{color:#fff;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5);opacity:0;transition:all 1s ease-in-out .4s}
.ch-info p a{display:block;color:rgba(255,255,255,.7);font-style:normal;font-weight:700;text-transform:uppercase;font-size:9px;letter-spacing:1px;padding-top:4px;font-family:'Open Sans',Arial,sans-serif}
.ch-info p a:hover{color:rgba(255,242,34,.8)}
.ch-item:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.1)}
.ch-item:hover .ch-info{transform:scale(1);opacity:1}
.ch-item:hover .ch-info p{opacity:1}
#primary_nav_wrap{list-style:none;position:fixed;top:0;left:0;width:100%;margin:0;padding:0}
#primary_nav_wrap ul a{display:block;color:#333;text-decoration:none;font-weight:700;font-size:12px;line-height:32px;padding:0 15px;font-family:HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}#primary_nav_wrap ul li{position:relative;text-decoration:none;float:left;margin:0;padding:0}#primary_nav_wrap ul li.current-menu-item{background:#ddd}#primary_nav_wrap ul li:hover{background:#f6f6f6}#primary_nav_wrap ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0}#primary_nav_wrap ul ul li{float:none;width:200px}#primary_nav_wrap ul ul a{line-height:120%;padding:10px 15px}#primary_nav_wrap ul ul ul{top:0;left:100%}#primary_nav_wrap ul li:hover>ul{display:block}.pad-section{padding:50px 0}.pad-section img{width:100%}.text-vcenter{display:table-cell;text-align:center;position:absolute;top:5%}.text-vcenter ul{list-style:none;margin-top:40px}.text-vcenter ul li{text-align:justify;display:block;padding-top:6px}.home{-webkit-transition:background 800ms ease-out 1s;-moz-transition:background 800ms ease-out 1s;-o-transition:background 800ms ease-out 1s;transition:background 800ms ease-out 1s}#home{background:url(../img/carousel1.jpg) center center no-repeat fixed;display:table;height:690px;position:relative;top:0;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#about p{color:#000}#services{background-color:#306d9f;color:#fff}#services .glyphicon{border:2px solid #FFF;border-radius:50%;display:inline-block;font-size:60px;height:140px;line-height:140px;text-align:center;vertical-align:middle;width:140px}#information{background:url(../img/estate.png) center center no-repeat fixed;display:table;height:690px;position:relative;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#information .panel{opacity:.85}#google_map{height:500px;width:100%}.work-filter{margin-bottom:35px}.work-filter ul li{display:inline-block}.work-filter ul li a{color:#062033;display:block;font-size:14px;font-weight:700;padding:5px 17px;border-radius:6px;text-transform:capitalize}.work-filter ul li a.active,.work-filter ul li a:hover{background-color:#00688B;border-radius:6px;color:#fff;padding:5px 17px}.mix{display:none}.work-item{float:left;width:25%;position:relative}.work-item>img{display:block;height:235px;max-width:100%}.overlay{background-color:rgba(0,139,69,.9);text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 450ms ease-out 0s;-moz-transition:all 450ms ease-out 0s;-o-transition:all 450ms ease-out 0s;transition:all 450ms ease-out 0s;-webkit-transform:rotateY(180deg) scale(.5,.5);-moz-transform:rotateY(180deg) scale(.5,.5);-ms-transform:rotateY(180deg) scale(.5,.5);-o-transform:rotateY(180deg) scale(.5,.5);transform:rotateY(180deg) scale(.5,.5)}.work-item:hover .overlay{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateY(0deg) scale(1,1);-moz-transform:rotateY(0deg) scale(1,1);-ms-transform:rotateY(0deg) scale(1,1);-o-transform:rotateY(0deg) scale(1,1);transform:rotateY(0deg) scale(1,1)}.work-item .overlay a{border:1px solid #fff;border-radius:50%;display:inline-block;margin-top:20%;padding:7px 10px}.work-item .overlay a:hover{color:#fff}.work-item .overlay h4{font-size:18px;font-weight:700;line-height:24px;margin:25px 0 8px}.work-item .overlay p{font-size:14px;line-height:24px}form{padding:0;height:100%;width:1000px}form table tr td{padding:5px 100px 5px 5px}
#btn-grad{background-image: linear-gradient(to right, #314755 0%, #26a0da 51%, #314755 100%);width:245px;position: relative;left: 450px;top: 140px;}
#btn-grad:hover{background-position: right center;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);transform: translateY(-1%);transition: 0.3s;}