@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliBold.eot');
    src: url('../fonts/MuliBold.eot') format('embedded-opentype'),
         url('../fonts/MuliBold.woff2') format('woff2'),
         url('../fonts/MuliBold.woff') format('woff'),
         url('../fonts/MuliBold.ttf') format('truetype'),
         url('../fonts/MuliBold.svg#MuliBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliExtraBold.eot');
    src: url('../fonts/MuliExtraBold.eot') format('embedded-opentype'),
         url('../fonts/MuliExtraBold.woff2') format('woff2'),
         url('../fonts/MuliExtraBold.woff') format('woff'),
         url('../fonts/MuliExtraBold.ttf') format('truetype'),
         url('../fonts/MuliExtraBold.svg#MuliExtraBold') format('svg');
         font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliLight.eot');
    src: url('../fonts/MuliLight.eot') format('embedded-opentype'),
         url('../fonts/MuliLight.woff2') format('woff2'),
         url('../fonts/MuliLight.woff') format('woff'),
         url('../fonts/MuliLight.ttf') format('truetype'),
         url('../fonts/MuliLight.svg#MuliLight') format('svg');
          font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliMedium.eot');
    src: url('../fonts/MuliMedium.eot') format('embedded-opentype'),
         url('../fonts/MuliMedium.woff2') format('woff2'),
         url('../fonts/MuliMedium.woff') format('woff'),
         url('../fonts/MuliMedium.ttf') format('truetype'),
         url('../fonts/MuliMedium.svg#MuliMedium') format('svg');
         font-weight: 500;
    font-style: normal;
}

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

html, body, div, span, applet, object, iframe,
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;
    font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body{ margin:0; padding:0; font-family: 'Muli'; background:#fff; scrollbar-color:#4fb1ff #0069af; scrollbar-width: thin;}
a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
a:hover{ color:#4fb1ff;}
::selection{ background:#4fb1ff; color:#fff;}
::-moz-selection{ background:#4fb1ff; color:#fff;}
::-webkit-selection{ background:#4fb1ff; color:#fff;}
img{ max-width:100%; height:auto;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0;}
p{ padding:0; color:#555555; font-size:17px; font-family: 'Muli'; margin:0 0 15px 0; font-weight:300;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-family: 'Muli'; color:#151515;}
input, select, button{outline:none !important;}

html{scrollbar-color:#4fb1ff #05285c; scrollbar-width: thin;}
body::-webkit-scrollbar { width: 8px;}
body::-webkit-scrollbar-track {background: #05285c;}
body::-webkit-scrollbar-thumb {background: #4fb1ff;}
body::-moz-scrollbar { width: 8px;}
body::-moz-scrollbar-track {background: #05285c;}
body::-moz-scrollbar-thumb {background: #4fb1ff;}
body::-o-scrollbar { width: 8px;}
body::-o-scrollbar-track {background: #05285c;}
body::-o-scrollbar-thumb {background: #4fb1ff;}
body::-ms-scrollbar { width: 8px;}
body::-ms-scrollbar-track {background: #05285c;}
body::-ms-scrollbar-thumb {background: #4fb1ff;}

.main-container{ max-width: 1230px; padding: 0 15px; margin: 0 auto; display: table; width: 100%; }
.home-main{ float: left; clear: both; width: 100%; position: relative; height: 100vh; background-image: #05285c; padding-bottom: 85px;
background-image:url(../images/bg.jpg); background-repeat: no-repeat; background-size: cover;  }
.header-main{ position: fixed; top: 0; left: 0; right: 0; padding: 15px 30px; z-index: 999; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.logo-frame{ display: block; float: left; font-size:33px; color: #fff; font-weight: 300; }
.home-content-in{ float: left; clear: both; width: 100%; position: relative; height: 100vh; padding: 5% 0;  
display: flex; align-items: center; justify-content:left; }
.h-text{ float: left; width: 50%;}
.h-text h1{ display: block; font-size:8vw; color: #fff; font-weight: bold; line-height:90%; margin: 0 0 35px 0; }
.h-text h1 span{display: block; color: #4fb1ff;}
.h-subtitle{ display: block; font-size: 22px; color: #fff; font-weight: normal; margin-bottom: 30px; }
.h-buttons{ float: left; clear: both; }
.h-buttons a{ display: inline-block; padding-right: 20px; font-size: 22px; color: #fff; font-weight: 500; position: relative; }
.h-buttons a:first-child:after{content: ''; display: block; width: 1px; height: 20px; background: #3a709e; position: absolute; right: 6px; top: 6px;}
.h-buttons a:hover{ color:#4fb1ff; }
.dr-img{position: absolute; right: 0; bottom: 10px; z-index: 1;}
.shadow-img{ position: absolute; right: -10px; bottom: 15px;}
.footer-main{ float: left; clear: both; background: #01132e; width: 100%; padding: 10px 30px; position: relative;}
.footer-home{ position: fixed; left: 0; right: 0; bottom: 0; width: 100; z-index: 99;}
.footer-left{ float: left; padding-top: 11px; }
.footer-right{ float: right; }
.footer-left ul{ float: left; margin-right: 15px; }
.footer-left ul li{ float: left; padding: 0 12px; position: relative; }
.footer-left ul li:first-child{ padding-left: 0;}
.footer-left ul li:last-child:after{ display: none;}
.footer-left ul li:after{ content: ''; display: block; width: 6px; height: 6px; background:#1c4b79; -moz-border-radius: 50%; 
-webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: -3px; top: 50%; margin-top: -3px; }
.footer-left ul li a{ display: block; font-size: 15px; color: #b2bed1; font-weight: normal; }
.footer-left ul li a:hover{ color: #4fb1ff;}
.copyright{ display: block; float: left; font-size: 15px; color: #b2bed1;}
.social{ float: left; }
.social li{ float: left; padding:0 5px;}
.social li:last-child{padding-right: 0;}
.social li a{ display: block; display: flex; width: 39px; height: 39px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
border: 1px solid #01132e; align-items: center; justify-content: center;}
.social li a:hover{ border-color: #adb9c9;}
.social li a i{ display: block; color: #fff; }

.designedby{ display: block; font-size: 15px; color: #b2bed1; float: left; padding:9px 15px 0 0;}
.designedby span{ display: inline-block; color: #4fb1ff; font-size: 15px; margin: 0 8px;}
.designedby a{ color: #fff; }

.button_container { position: fixed; top:30px; right: 2%; height: 19px; width: 35px; cursor: pointer; z-index: 100; transition: opacity .25s ease;
}
.button_container.active .top { -webkit-transform: translateY(8px) translateX(0) rotate(45deg); transform: translateY(8px) translateX(0) rotate(45deg); background: #FFF; }
.button_container.active .middle { opacity: 0; background: #FFF; }
.button_container.active .bottom { -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg); transform: translateY(-8px) translateX(0) rotate(-45deg); background: #FFF; }
.button_container{ padding-left:93px;}
.button_container span { background: #fff; border: none; height: 1px; width: 25px; position: absolute; top: 0; right: 0;
transition: all .35s ease; cursor: pointer;}
.button_container div{ float: left; position: absolute; left: 0; top: -2px; font-size:20px; color: #fff; text-transform: uppercase; 
line-height: 1; font-weight: 100; }
.button_container span:nth-of-type(2) {
 top: 8px;
}
.button_container span:nth-of-type(3) {
 top: 16px;
}
.overlay { position: fixed; background: #01132e; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden;  transition:
opacity .35s, visibility .35s, height .35s;
overflow: hidden; }
.overlay.open { opacity:1; visibility: visible; height: 100%;}
.overlay.open li {  -webkit-animation: fadeInRight .5s ease forwards;
 animation: fadeInRight .5s ease forwards;
 -webkit-animation-delay: .35s;
 animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
 -webkit-animation-delay: .4s;
 animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
 -webkit-animation-delay: .45s;
 animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
 -webkit-animation-delay: .50s;
 animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
 -webkit-animation-delay: .50s;
 animation-delay: .50s;
}
.overlay.open li:nth-of-type(6) {
 -webkit-animation-delay: .50s;
 animation-delay: .50s;
}
.overlay.open li:nth-of-type(7) {
 -webkit-animation-delay: .50s;
 animation-delay: .50s;
}
.overlay.open li:nth-of-type(8) {
 -webkit-animation-delay: .50s;
 animation-delay: .50s;
}
.overlay nav { position: relative; height: 70%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 50px;
font-family: 'Muli', serif; font-weight: 400; text-align: center; z-index: 1;}
.overlay ul { list-style: none; padding: 0; margin: 0 auto; display:block; position: relative; height: 100%;}
.overlay ul li { display: block;  position: relative; opacity: 0; }
.overlay ul li a { display: block; text-align:left; position: relative; color: #5980b9; text-decoration: none; overflow: hidden; font-size: 25px; 
font-family: 'Muli'; padding: 7px 0;}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after { width: 100%; }
.overlay ul li a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; -webkit-transform: translateX(-50%); 
transform: translateX(-50%); height: 1px; background: #FFF;  transition: .35s;}
.overlay ul li a:hover:hover{ color: #fff; }
 @-webkit-keyframes fadeInRight {  0% { opacity: 0; left: 20%;}
 100% { opacity: 1; left: 0;}
}
 @keyframes fadeInRight {  0% { opacity: 0; left: 20%;}
 100% { opacity: 1; left: 0; }
}
.nav-container{ margin: 0 auto; max-width: 1200px; padding:0 20px;}
.menu-col{ float: left; padding: 0 5%; }
.menu-col span{ display:block; clear: both; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0 0 15px 0; color: #fff;
text-align: left; position: relative; padding-bottom: 10px;}
.menu-col span:after{ content:''; width: 20px; height: 2px; background: #5980b9; position: absolute; left: 0; bottom: 0;}
.menu-text{ float: right; padding: 0 5%; font-size: 35px; color: #fff; text-align: right; font-weight: 100;}
.sticky{ background: #01132e;}

/*Sub pages*/
.mainContainer{ max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 20px; }
.subBannerFrame{ float: left; clear: both; width: 100%; height:450px; background-color:#05285c; background-image: url(../images/sub-banner.jpg);
background-repeat: no-repeat; background-size: cover; position: relative;}
.banTextIn{ width: 100%; clear: both; padding: 15% 0; }
.banTextIn h2{ display: block; text-align: center; font-size: 34px; font-weight: 300; text-transform: uppercase; line-height: 1; 
margin:0 0 5px 0; color: #fff;}
.banTextIn h1{ display: block; text-align: center; font-size:60px; font-weight: bold; line-height: 1; 
margin:0 0 5px 0; color: #fff;}
.innerSection{ float: left; clear: both; width: 100%; padding: 100px 0 60px 0; position: relative;}
.contentMain{ float: left; width: 70%; padding-right: 38px; }
.sidebarMain{ float: left; width: 30%; position: relative;}
.sidebarIn{background: #01132e; min-height: 200px; padding: 40px; width: 100% !important; max-width:360px !important; height: auto !important;
}
.sidebarMain .sidebar{ position: relative; width: 100%; }

.contentMain h2{ font-size: 32px; color:#01132e; font-weight: 300; margin: 0 0 20px 0;}
.contentMain h2 span{ font-weight: bold; font-size: 32px; color:#01132e; }
.contentMain h3{ font-size: 19px; color:#2e70b3; font-weight: bold; margin: 0 0 40px 0; text-transform: uppercase;}
.contentMain h4{ font-size: 20px; color:#01132e; font-weight: bold; margin: 0 0 15px 0; line-height: 30px;}
.contentMain ul{ width: 100%; clear:both; margin-bottom: 20px;}
.contentMain ul li{ font-size: 18px; color:#3b434d; font-weight: normal; line-height: 35px; padding:0 0 20px 30px; position: relative; }
.contentMain ul li:after{ content: ''; display: block; width: 14px; height: 14px; border: 1px solid #01132e; position: absolute; left: 0; 
top: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: 12px;}
.contentMain p{ font-size: 18px; color:#3b434d; font-weight: normal; line-height: 38px; margin: 0 0 30px 0; text-align:justify;}

.sidebarMain h2{ display: block; clear: both; font-size: 26px; color: #fff; font-weight: normal; padding-bottom: 20px; margin-bottom: 30px; 
position: relative; line-height: 35px;}
.sidebarMain h2:after{ content: ''; display: block; width: 33px; height: 3px; background:#228ba3; position: absolute; left: 0; bottom: 0;}
.memberCol{ width: 100%; clear: both; font-size: 17px; color: #fff; line-height: 35px; padding-bottom: 25px; margin-bottom: 25px; 
border-bottom: 1px solid #16335e;}
.memberFrame{ width: 100%; clear: both;}
.memberCol:last-child{ margin-bottom: 0; padding-bottom:0; border-bottom: none;}
.breadcrumbs{ float: right; }
.breadcrumbsFrame{ position: absolute; bottom: 35px; left: 0; width: 100%; }
.breadcrumbs{ float: right;}
.breadcrumbs li{ float: left; padding: 0 10px; position: relative; }
.breadcrumbs li a{ display: block; font-size: 15px; color: #fff; padding: 5px; }
.breadcrumbs li span{ display: block; font-size: 15px; color: #fff; padding: 5px;}
.breadcrumbs li:after{ content: ''; display: block; width: 1px; height: 20px; background: #fff; position:  absolute; right: 0; top:6px;
-moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); opacity: 0.5; }
.breadcrumbs li:last-child{ padding-right: 0; }
.breadcrumbs li:last-child:after{ display: none; }

.profileBanner{ height: 536px; }
.profilePhoto{ width: 336px; position: absolute; left: 50%; top: -322px; margin-left: -600px; z-index: 1; border: 10px solid #fff; }
.profilePhoto:after{ content: ''; display: block; width: 188px; height: 188px; background: rgba(255, 255, 255, 0.1); position: absolute;
top: -45px; right: -45px; z-index: -1;}
.profilePhoto:before{ content: ''; display: block; width:87px; height:87px; background: rgba(255, 255, 255, 0.1); position: absolute;
top: -87px; right: -87px; z-index: -1;}
.profileBanner .banTextIn{ padding: 18% 0 18% 20%;}
.profileBanner .banTextIn h2{ font-size: 63px;}

.contactInnerSection{ float: left; clear: both; width: 100%; background-color: #05285c; padding: 120px 0;
background-image: url(../images/contact-shape.png); background-repeat: no-repeat; background-position: right bottom;}
.contactFormFrame{ float: left; clear: both; width: 100%; position: relative; padding: 0 15%; }
.contactFormFrame h2{ display: block; text-align: center; font-size: 21px; color: #fff; margin: 0 0 70px 0; line-height: 35px; font-weight: normal; }
.contactInput{ display: block; width: 100%; height: 50px; border: none; border-bottom: 1px solid #2a4c7f; background: transparent;
margin: 0 0 55px 0; font-size: 16px; color: #fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.contactTextarea{ display: block; width: 100%; height: 50px; border: none; border-bottom: 1px solid #2a4c7f; background: transparent;
margin: 0 0 55px 0; font-size: 16px; color: #fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.contactInput::-webkit-input-placeholder{ color: #fff; }
.contactInput::-moz-placeholder{ color: #fff;}
.contactInput:-ms-input-placeholder{ color: #fff;}
.contactInput:-moz-placeholder{ color: #fff;}
.contactTextarea::-webkit-input-placeholder{ color: #fff; }
.contactTextarea::-moz-placeholder{ color: #fff;}
.contactTextarea:-ms-input-placeholder{ color: #fff;}
.contactTextarea:-moz-placeholder{ color: #fff;}

.contactInput:active{ border-color: #fff; }
.contactInput:focus{ border-color: #fff; }
.contactTextarea:active{ border-color: #fff; }
.contactTextarea:focus{ border-color: #fff; }
.buttonFrame{ text-align: center; padding-top: 30px; }
.sendButton{ display: inline-block; font-size: 16px; color: #fff; font-weight: bold; padding: 15px 30px; height: 50px; background:#4fb1ff;
-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; text-transform: uppercase; width: 185px; border: none;
margin: 0 5px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.clearButton{ display: inline-block; font-size: 16px; color: #fff; font-weight: bold; padding: 15px 30px; height: 50px; background:#05285c;
-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; text-transform: uppercase; width: 185px; border: none;
border: 1px solid #4fb1ff; margin: 0 5px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.sendButton:hover{ background: #1b7dcb; }
.clearButton:hover{ background: #1b7dcb; border-color: #1b7dcb; }

/*Gallery*/
.vedio-poppup .modal-header{
   padding: 0;
   border: none;
}
.vedio-poppup{
    position: relative;
}
.vedio-poppup .btn-primary{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 15px;
    border-radius: 10px;
    line-height: unset;
    background: #01132e;
    color: #000;
    border: none;
}
.vedio-poppup .btn-primary i{
    color: #fff;
    font-size: 32px;
}
.vedio-poppup .close{
    opacity: 1;
    position: absolute;
    right: -16px;
    top: -27px;
    color: #fff;
}
.vedio-poppup .modal-dialog{
    margin-top: 60px;
}
.select-dropdown {position: relative; z-index: 100;width:100%; background:#e3e3e3; border-radius:40px; border:none; margin-bottom:30px; color:#555555; font-size:17px; font-weight:300;  font-family: 'rawline';}
.select-dropdown select {width: 100%;padding:13px 30px;border: none;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select-dropdown select:active, .select-dropdown select:focus {outline: none;box-shadow: none;}
.select-dropdown:after {content: " ";position: absolute;top: 50%;margin-top: -2px;right: 22px;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #898989; z-index:-1;}

.select-dropdown1 {position: relative; z-index: 100;width:307px; background:#383838; border-radius:40px; border:none; margin-bottom:30px; color:#fff; font-size:17px; font-weight:300;  font-family: 'rawline';}
.select-dropdown1 select {width: 100%;padding:0 30px; height:50px; border: none;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select-dropdown1 select:active, .select-dropdown1 select:focus {outline: none;box-shadow: none;}
.select-dropdown1:after {content: " ";position: absolute;top: 50%;margin-top: -2px;right: 22px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff; z-index:-1;}
.galleryWrapperTabDiv .nav-tabs > li{ margin-right: 15px; }
.galleryWrapperTabDiv .nav-tabs > li.active > a{color: #073874;cursor:pointer; font-size:22px; font-weight:bold; 
text-align:center; border: none; border-bottom: 1px solid #05285c;}
.galleryWrapperTabDiv .nav-tabs > li > a{ color: #5f5f5f;cursor:pointer; font-size:22px; font-weight:bold; 
text-align:center; position:relative; border: none; border-bottom: 1px solid transparent; padding: 10px 0;}
.galleryWrapperTabDiv .nav-tabs > li > a:focus{ background: transparent !important; }
.galleryWrapperTabDiv .nav-tabs > li > a:hover{ background: transparent !important; color: #073874; }
.galleryWrapperTabDiv .nav-tabs > li{padding-right: 12px;}
.galleryWrapperTabDiv .nav-tabs{ border:none; margin: 0 0 70px; padding:0 15px;}
.galleryWrapperTabDiv{ position:relative}
.galleryWrapperTabDivWrapper{ position:absolute; top:0; right:15px;}
.paddingSpace{ padding:0 15px;  float:left; width:33.333%; margin-bottom: 15px; }
.gallery .ion-chatboxes{ text-align: center; }
.gallery .ion-chatboxes label{ display: block; clear: both; width: 100%; position: relative; font-size: 13px; color: #22528c; line-height: 1;
width: 100%; text-transform: uppercase; font-style: normal; font-weight: normal; margin-top:5px;}

figure.snip1205:hover span{ background:#05285c} 
figure.snip1205 {
  position: relative;
  overflow: hidden;
  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;

margin-bottom: 10px;

}
figure.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
figure.snip1205 img {
  max-width: 100%;
}
figure.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: #000000;
  width: 85px;
  height: 85px;
  line-height: 60px; z-index:1000;

  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 span{
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

figure.snip1205:hover i,
figure.snip1205.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure.snip1205.green {
    background-color: 
    #229955;
}

.galleryBgSec{ float:left; width:100%; padding:80px 5px 125px}
.dropdown-wraper1 button{ display: block; padding: 14px 25px; border: none; background:url(../images/dropdown-icon1.png) right 28px no-repeat; 
text-align: left; color: #5f5f5f; font-size: 22px; font-weight:normal; }
.dropdown-wraper1 .dropdown-menu{ width:300px; clear: both; padding: 0 !important; border: none !important;
left: auto; right: 0; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.dropdown-wraper1 .dropdown-menu li{ width: 100%; clear: both;  }
.dropdown-wraper1 .dropdown-menu li a{ display: block; padding: 15px 10px; font-size: 14px; color: #fff; font-weight:normal;   background: #05285c; 
border-bottom: 1px solid #22528c; }
.dropdown-wraper1 .dropdown-menu li:hover a{ background: #22528c!important; border-bottom: 1px solid #22528c; }
.dropdown-wraper1 button .caret{ float: right;border-top: 4px dashed; border-top: 8px solid #ef4023 !important; border-right: 8px solid transparent !important;
border-left: 8px solid transparent !important; margin-top: 8px; }
.dropdown-wraper1{ float:right; position:relative}
.dropTxtDiv{ position: absolute;
left: 1px;
top: 15px;}
.dropTxtDiv p{ font-size:17px; margin-bottom:0; font-weight:normal;}

.navShape{ width: 590px; height: 590px; z-index: 1; background: #021633; position: absolute; right:-200px; bottom:-200px;  
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 0px 1px 20px #021633; -webkit-box-shadow: 0px 0px 1px 20px #021633;
box-shadow: 0px 0px 1px 20px #021633; animation: 2s infinite roundShadow; -moz-animation: 2s infinite roundShadow;  
-webkit-animation: 2s infinite roundShadow;}
@keyframes roundShadow{
    0%{box-shadow: 0px 0px 1px 30px #021633; -moz-box-shadow: 0px 0px 1px 30px #021633; -webkit-box-shadow: 0px 0px 1px 30px #021633;}
    50%{box-shadow: 0px 0px 1px 0px #021633; -moz-box-shadow: 0px 0px 1px 0px #021633; -webkit-box-shadow: 0px 0px 1px 0px #021633;}
    100%{box-shadow: 0px 0px 1px 30px #021633; -moz-box-shadow: 0px 0px 1px 30px #021633; -webkit-box-shadow: 0px 0px 1px 30px #021633;}
}
@-moz-keyframes roundShadow{
    0%{box-shadow: 0px 0px 1px 30px #021633; -moz-box-shadow: 0px 0px 1px 30px #021633; -webkit-box-shadow: 0px 0px 1px 30px #021633;}
    50%{box-shadow: 0px 0px 1px 0px #021633; -moz-box-shadow: 0px 0px 1px 0px #021633; -webkit-box-shadow: 0px 0px 1px 0px #021633;}
    100%{box-shadow: 0px 0px 1px 30px #021633; -moz-box-shadow: 0px 0px 1px 30px #021633; -webkit-box-shadow: 0px 0px 1px 30px #021633;}
}
@-webkit-keyframes roundShadow{
    0%{box-shadow: 0px 0px 1px 30px #021633; -moz-box-shadow: 0px 0px 1px 30px #021633; -webkit-box-shadow: 0px 0px 1px 30px #021633;}
    50%{box-shadow: 0px 0px 1px 0px #021633; -moz-box-shadow: 0px 0px 1px 0px #021633; -webkit-box-shadow: 0px 0px 1px 0px #021633;}
    100%{box-shadow: 0px 0px 1px 30px #021633; -moz-box-shadow: 0px 0px 1px 30px #021633; -webkit-box-shadow: 0px 0px 1px 30px #021633;}
}
.navShape:before{content: ''; width: 784px; height:784px; border: 2px solid #091e3e; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
position: absolute; left: 50%; margin-left: -392px; top: 50%; margin-top: -392px; z-index: 1; animation: round 2s infinite;
 -moz-animation: round 2s infinite;  -webkit-animation: round 2s infinite;}
@keyframes round{
    0%{ width: 784px; height: 784px; margin-left: -392px; margin-top: -392px;}
    50%{width: 660px; height: 660px; margin-left: -330px; margin-top: -330px;}
    100%{ width: 784px; height: 784px; margin-left: -392px; margin-top: -392px;}
}
@-moz-keyframes round{
    0%{ width: 784px; height: 784px; margin-left: -392px; margin-top: -392px;}
    50%{width: 660px; height: 660px; margin-left: -330px; margin-top: -330px;}
    100%{ width: 784px; height: 784px; margin-left: -392px; margin-top: -392px;}
}
@-webkit-keyframes round{
    0%{ width: 784px; height: 784px; margin-left: -392px; margin-top: -392px;}
    50%{width: 660px; height: 660px; margin-left: -330px; margin-top: -330px;}
    100%{ width: 784px; height: 784px; margin-left: -392px; margin-top: -392px;}
}

.navShape:after{ content: ''; border: 2px solid #091e3e; width: 280px; height: 280px; z-index: 1; background: #01132e; position: absolute; left: 50%; margin-left: -140px;
top: 50%; margin-top: -140px;  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

figure.snip1205 a h3{font-size: 13px; color: #fff; font-weight: normal; line-height: 20px; background: #05285c; position: absolute;
height: 100%; left: 0; right: 0; z-index: 1; padding: 10px 20px; text-align: center; bottom: -100%; -moz-transform: 0.6s; -webkit-transform: 0.6s; 
transform: 0.6s; display: flex; -moz-align-items: center; -webkit-align-items: center; align-items: center; -moz-justify-content: center; 
 -webkit-justify-content: center;  justify-content: center; opacity: 0; flex-direction: column; }
figure.snip1205 a h3 label{ margin-top: 10px; cursor: pointer; font-size: 13px; color: #4fb1ff; text-transform: uppercase; }
figure.snip1205:hover a h3{ bottom: 0; opacity: 1;}

@media screen and (max-width:1365px){
.profilePhoto{ margin-left: 0; left: 20px; }
.sidebarIn{ max-width: 320px !important; }
}
@media screen and (max-width:1199px){
.main-container{ padding: 0 30px; }
.profileBanner .banTextIn{ padding-left: 35%;}
.profilePhoto{ width: 240px; top: -230px; }
.profileBanner{ height: 440px;}
.banTextIn h1{ font-size: 52px; }
.sidebarIn{ max-width:285px !important; }
}
@media screen and (max-width:991px){
.h-subtitle{ font-size:2vw; }
.dr-img{width: 299px;}
.shadow-img{width: 281px;}
.logo-frame{ font-size:20px;}
.button_container{ top:20px; right: 20px;}
.header-main{padding: 14px 20px;}
.h-buttons a{ font-size:14px;}
.h-buttons a:first-child::after{right: 7px; top: 3px; height: 14px;}
.footer-home{ position: static; clear: both; width: 100%;}
.dr-img{ bottom: 0;}
.shadow-img{ bottom: 0;}
.footer-left{ width: 100%; clear: both; text-align: center; }
.footer-left ul{ width: 100%; clear: both; margin: 0 0 20px 0;}
.footer-left ul li{ float: none; display: inline-block; }
.copyright{ width: 100%; text-align: center; }
.footer-right{ width:auto; text-align: center; display: inline-block; float: none; }
.footer-main{ text-align: center; }
.social{ float: right; }
.designedby{ float: left;  }
.banTextIn h1{ font-size: 46px; }
.banTextIn h2{ font-size: 25px;}
.banTextIn{ padding: 17% 0; }
.subBannerFrame{ height: auto; }
.innerSection{ padding: 70px 0 40px 0;}
.contentMain{ width: 100%; clear: both; padding: 0 0 30px 0;}
.sidebarMain{ width: 100%; clear: both; }
.contentMain p{ text-align: justify; font-size: 16px;}
.profileBanner .banTextIn h2{ font-size: 38px; }
.contactInnerSection{ background-image: none; }
.sidebarIn{ max-width:100% !important; width: 100%; }
.paddingSpace{ width: 50%; }
}
@media screen and (max-width:767px){

.h-buttons{ float:none}
.h-text{ width:100%; float:none; text-align:center}
.home-content-in{ height:auto;padding: 100px 0 340px;}
.dr-img{ width: 230px; bottom: 0; right: 50%; margin-right: -115px;}
.shadow-img{ width: 225px; bottom: 0; right: 50%; margin-right: -100px;}
.h-text h1{ font-size: 11vw; }
.h-subtitle{ font-size:3vw; }
.home-main{ height: auto; padding-bottom: 0; }
.overlay nav{ top:20px; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }
.menu-text{ display: none; }
.breadcrumbsFrame{ text-align: center; }
.breadcrumbs{ float: none; display: inline-block; }
.breadcrumbs li:last-child{ padding-right: 10px; }
.profilePhoto::before{ display: none; }
.profilePhoto::after{ display: none; }
.profilePhoto{ margin-left: 0; position: relative; top: auto; margin: 0 auto 30px auto; left: auto; width: auto; max-width: 400px;
border-color: #083875;}
.profileBanner .banTextIn{ padding-left: 0;}
.profileBanner .banTextIn h2{ font-size: 27px;}
.banTextIn h1{ font-size: 32px;}
.profileContent{ text-align: center; }
.profileContent h2{ text-align: center; }
.profileContent p{ text-align: center; }
.contactFormFrame{ padding: 0 30px;}
.contactInnerSection{ padding: 55px 0; }
.contactFormFrame h2{ font-size: 16px; margin-bottom: 20px; }
.contactInput{ margin-bottom: 30px; }
.sendButton{ width: 175px; }
.clearButton{ width: 175px; }
.paddingSpace{ width: 100%; padding: 0 10px; margin-bottom: 5px; }
.galleryWrapperTabDiv .nav-tabs > li{ width: 100%; clear: both; margin: 0 !important; padding: 0 !important; }
.galleryWrapperTabDivWrapper{ position: static; clear: both; width: 100%; text-align: center;}
.dropdown-wraper1{ float: left; width: 100%;}
.dropdown-wraper1 button{ width: 100%; background-color: #4fb1ff; color: #fff; background-image: url(../images/dropdown-icon-mobile.png);}
.dropdown-wraper1 .dropdown-menu{ width: 100%; }
}
@media screen and (max-width:479px){
.main-container{ padding: 0 15px;}
.h-subtitle{ font-size: 4vw; }
.overlay ul li a{ font-size: 18px;}
.logo-frame{ font-size: 16px; }
.footer-right{ width: 100%; }
.designedby{ width: 100%; text-align: center; padding: 15px 0; }
.social{ width: 100%; text-align: center; }
.social li{ float: none; display: inline-block; }
.banTextIn{ padding: 85px 0;}
.banTextIn h1{ font-size: 25px; }
.contentMain h2{ font-size: 26px; }
.contentMain h2 span{font-size: 26px;}
.contentMain h3{ font-size: 16px; }
.contentMain h4{ font-size: 17px; margin-bottom: 20px;}
.contentMain ul li{ font-size: 15px; }
.contentMain ul{ margin-bottom: 10px;}
.sidebarMain h2{ font-size: 22px; }
.memberCol{ font-size: 15px; padding-bottom: 15px; margin-bottom: 15px; }
.breadcrumbsFrame{ bottom: 15px; }
.sidebarIn{ padding: 30px; }
.contactFormFrame{padding: 0;}
.buttonFrame{ padding-top: 0; }
.sendButton{ width: 100%; margin-bottom: 10px; }
.clearButton{ width: 100%; }
.paddingSpace{ width: 100%; padding: 0; }
.galleryWrapperTabDiv .nav-tabs{ margin-bottom: 35px; }
.galleryWrapperTabDiv .nav-tabs > li.active > a{ font-size: 18px; }
.galleryWrapperTabDiv .nav-tabs > li > a{font-size: 18px; }
}