@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900|Noto+Sans');
@font-face { font-family: 'OpenSans-bold'; src: url('../fonts/OpenSans-Bold-webfont.eot'); src: url('../fonts/OpenSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSans-light'; src: url('../fonts/OpenSans-Light-webfont.eot'); src: url('../fonts/OpenSans-Light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff2') format('woff2'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSans-regular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }


/* font-family: 'Montserrat', sans-serif; 
font-family: 'Noto Sans', sans-serif;*/


html,
body { overflow-x: hidden; }
html { color: #222; font-size: 16px; line-height: 1.4; font-family: 'Montserrat', sans-serif; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
:focus {
 outline: -webkit-focus-ring-color auto 0px;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
b, strong {font-weight: bold; }
audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; line-height: 1.7; margin: 0; letter-spacing: 1px }
h1 { font-size: 54px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
img { width: 100%; }
a,
a:hover { text-decoration: none; }
p { font-weight: 300; letter-spacing: 1px; line-height: 2; }
h3 > p { font-size: 16px; line-height: 0; padding-bottom: 16px; }
.box75 { width: 75%; float: left; box-sizing: border-box; position: relative; }
.box50 { width: 50%; float: left; box-sizing: border-box; position: relative; }
.box25 { width: 25%; float: left; box-sizing: border-box; position: relative; }
.box33 { width: 33.33%; float: left; box-sizing: border-box; position: relative; }
.right { float: right; box-sizing: border-box }
.container { color: #293036; width: 69%; }
.container a{color: #293036;}
.container a:hover{color: #293036;}
.container-box { max-width: 1400px; color: #293036; width: 100%; margin-left: auto; margin-right: auto; }
.btn { box-shadow: 13px 22px 54px 0px rgba(95, 100, 102, 0.15); float: left; border-radius: 80px; display: block; margin: 1.7em 0; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-family: 'OpenSans-regular'; letter-spacing: 2px; cursor: pointer; text-transform: uppercase; }
.btn:focus { outline: none; }
.btn > span { vertical-align: middle; }
.circle-img { }
.btn.button--saqui { overflow: hidden; color: #fff; background: -moz-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40, 110, 95, 1)), color-stop(100%, rgba(5, 172, 113, 1))); background: -webkit-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: -o-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: -ms-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: linear-gradient(91deg, rgba(40, 110, 95, 1) 0%, rgba(61, 161, 211, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#286e5f', endColorstr='#05ac71', GradientType=1); background-size: 200% auto; background-position: 100% 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all.35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
a.button--saqui:hover { background-position: -100% 0; color: #fff !important; }
.button--saqui.button--inverted { background: -moz-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(249, 186, 22, 1)), color-stop(100%, rgba(255, 215, 109, 1))); background: -webkit-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); background: -o-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); background: -ms-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ba16', endColorstr='#ffd76d', GradientType=1); color: #000; background-size: 200% auto; background-position: 100% 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all.35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.button--saqui.button--inverted::after { color: #000; }
.button--saqui.button--inverted:hover { background-position: -100% 0; color: #000; }

.button--saqui:hover::after { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
   .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   header,
   footer,
   .section-frame { width: 100%; float: left; display: block; position: relative; box-sizing: border-box }
   .section-frame { margin-bottom: 20px; margin-top: 20px }
   header { position: fixed; z-index: 999; background: rgba(255, 255, 255, 0); height: 105px; -webkit-transition: all 0.5s; transition: all 0.5s; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 3px 21px -5px rgba(0, 0, 0, 0.59); -moz-box-shadow: 0px 3px 21px -5px rgba(0, 0, 0, 0.59); box-shadow: 0px 3px 21px -5px rgba(0, 0, 0, 0.59); }
   header.fixed { }
   .swiper-container .content { position: absolute !important; z-index: 99; display: block; }
   .logo { float: left;  display: block; max-width: 210px; margin-bottom: 10px;margin-top: 20px }
   .iso { float: right; display: block; max-height: 105px; max-width: 105px; margin-bottom: 5px; margin-right:15px; margin-left:10px }
   footer .logo { max-width: 100% }
   header .btn { float: right; }
   .top-banner { width: auto; height: 90vh; margin-top:105px; }
   .innerBG { height: auto; position: relative; float: left; width: 100% }
   .innerBG .container-box { position: absolute; color: #fff; z-index: 99; top: 50%; left: 50%; transform: translate(-50%, -50%); }
   .innerBG h2 span { font-weight: 200 }
   .top-banner img { height: 110%; position: inherit; }
   .top-banner .content { color: #fff; top: 50%; left: 100px; transform: translateY(-50%); }
   .top-banner .content span { font-family: 'Noto Sans', sans-serif; }
   .top-banner .content p { font-size: 18px }
   .text-containt { max-width: 960px; text-align: center; margin: 0px auto }
   .text-containt h4 { font-weight: 300; }
   .circle { padding: 12%; border-radius: 50%; overflow: hidden; width: 100%; margin-left: -12%; box-shadow: 0px 25px 250px 0px rgba(95, 104, 118, 0.1); box-sizing: border-box; }
   .circle-new { padding: 12%; overflow: hidden; width: 100%; margin-left: 0%;box-sizing: border-box; }
   .circle-new img{ box-shadow: 0px 25px 250px 0px rgba(95, 104, 118, 0.1);  border-radius: 50%;width:75%;}
   .container h3,
   .container-box h3 { position: relative; font-weight: 400; margin-bottom: 30px }
   .container-box h3 { text-align: center; float: none; }
   .container h3:after,
   .container-box h3:after { position: absolute; content: " "; background: #22c48a; height: 5px; width: 70px; bottom: -18px; left: 0; }
   .container-box h3:after { left: 50%; transform: translateX(-50%); }
   .circle.right { margin-left: 0; margin-right: -12% }
   .box50 .container { margin: 10% 0; }
   .box50.right .container { margin: 10% 0% 10% 2%; }
   .background { width: 75%; background: #4a86ee; margin-left: -0; position: relative; }
   .background.vio { background: #9465dc; margin-left: auto; margin-right: -0; }
   .background .container { width: auto; margin-left: 100px; margin-top: 130px; margin-bottom: 130px; float: left; display: inline-block; color: #fff; }
   .background.blue .container { position: relative; left: 0; z-index: 99; }
   .background.vio  .container { margin-left: 10px; margin-right: 100px; }
   .background h1 { font-weight: 200; line-height: 1.2; margin: 20px 0; }
   .background h3:after { background: #fff; }
   .triangle { position: absolute; height: 100%; right: 4%; bottom: -1px; z-index: 4; }
   .triangle img,
   .mobile-snp img { width: auto; height: 100%; }
   .mobile-snp { position: absolute; width: 21%; right: 16%; bottom: 0; }
   .circle-img { padding: 20% 15% 0; box-sizing: border-box; position: relative; }
   .circle-img img { position: absolute; width: auto; border-radius: 50%; }
   .team_one { top: 0%; right: 10%; }
   .team_two { top: 0%; left: 20%; }
   .team_three { top: 0%; left: 34%; }
   .team_four { top: 0%; right: 10%; }
   .team_five { top: 0%; left: 30%; }
   footer { border-top: 1px solid #e9e9ea }
   footer .box25 { padding: 40px 0; }
   .box25 > a.logo { width: 200px; display: block; }
   footer ul { list-style: none; font-size: 14px; font-weight: 300; margin: 0; padding: 0 }
   footer li,
   footer li a { color: #666; display: block; }

/* .quik-links li { background: url(../img/list-icon.png) no-repeat; background-position: 0px 5px; border-bottom: 1px solid #ebebeb; margin: 10px 90px 10px 0; }
.quik-links li a { margin: 15px 20px; } */
.address li { margin: 5px 90px 5px 0px; padding-left: 35px; padding: 10px 0 10px 35px; }
.address li:first-child { background: url(../img/location.png) no-repeat; background-position: 0px 12px; }
.address li:nth-child(2) { background: url(../img/tele.png) no-repeat; background-position: 0px 5px; }
.address li:last-child { background: url(../img/mail.png) no-repeat; background-position: 0px 5px; }
.social li { float: left; display: inline-block; background-color: #f9f9f9; border-radius: 25px; height: 50px; width: 50px; margin-left: 10px ; -webkit-transition: all 0.5s; transition: all 0.5s; }
.social li a { color: #fff; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; font-size: 20px;  -webkit-transition: all 0.5s; transition: all 0.5s; }
/*.social li:first-child a { color: #5f81c4; }
.social li:nth-child(2) a { color: #43bcee; }
.social li:nth-child(3) a { color: #2796cf; }
.social li:last-child a { color: #e62b33; } */


.social li:first-child  {background-color: #5f81c4;}
.social li:nth-child(2)  { background-color: #43bcee; }
.social li:nth-child(3)  { background-color: #2796cf; }
.social li:nth-child(4)  { background-color: #e62b33; }
.social li:last-child  { background-color: #e62b33; }

.social li:first-child:hover  {background-color: #f9f9f9;}
.social li:nth-child(2):hover { background-color: #f9f9f9; }
.social li:nth-child(3):hover  { background-color: #f9f9f9; }
.social li:nth-child(4):hover  { background-color: #f9f9f9; }
.social li:last-child:hover { background-color: #f9f9f9; }

.social li:first-child:hover a { color: #5f81c4; }
.social li:nth-child(2):hover a  { color: #43bcee; }
.social li:nth-child(3):hover  a { color: #2796cf; }
.social li:nth-child(4):hover a  { color: #e62b33; }
.social li:last-child:hover  a { color: #e62b33; }


.footer-Bottom { width: 100%; background: #f6f6f6; font-size: 12px; color: #8395a7; font-weight: 300; letter-spacing: 2px; text-align: center; line-height: 20px; padding: 20px 0; margin-bottom: 0; }
.footer-Bottom b a { font-weight: 400; color: #8395a7; }
.readmore { color: #000; font-weight: 400; display: inline-block; border-bottom: 1px solid #a3a3a3; float: left; text-transform: capitalize; }
.vio .readmore { color: #fff; }
.readmore:hover{ color: #158e68 ;}
.vio .readmore:hover{color: #000 ;}
footer .container-box { margin: 0 auto; display: table; padding: 50px 0; }

.team .readmore{text-align: center; float: none; font-size: 14px !important}

/*swiper-slide*/
.news-event { }
.news-event .swiper-slide { margin-left: 0px; padding: 15px 0px; margin-left: -15px; }
.news-event .swiper-slide:first-child { padding-left: 18px; margin-left: 0; }
.news-event .content,
.tab-event .content,
.team .content { box-shadow: 0px 0px 23.1px 6.9px rgba(95, 104, 118, 0.1); background: #fff; padding: 20px; text-align: center; border-radius: 10px; margin: 20px 0px; position: relative !important; max-width: 90%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news-event .content h6,
.team .content h6 { margin: 15px 0 0; text-transform: uppercase; }
.news-event .content  a { color: #333333; display: block; position: relative; }
.news-event .content  a .event { position: absolute; width: 100%; background: rgba(255, 255, 255, 0); top: 0; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; height: 100%; }
.news-event .content  a .event img { position: absolute; top: 50%; width: 19%; left: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.news-event .content  a:hover  .event { background: rgba(255, 255, 255, 0.8); }
.news-event .content  a:hover  .event img { opacity: 1; }
.news-event .content img,
.team .content img { border-radius: 10px }
.team .content { float: left; width: 23%; margin: 13px;min-height: 380px; }
.team .content p { line-height: 1.5; margin-top: 4px;     font-size: 12px;}


.call { }
.call .swiper-slide { margin-left: 0px; padding: 1%; margin-left: -15px; }
.call .swiper-slide:first-child { padding-left: 18px; margin-left: 0; }
.call .content { box-shadow: 0px 0px 23.1px 6.9px rgba(95, 104, 118, 0.1); background: #fff; padding: 1%; text-align: center; border-radius: 15px; margin: 5% ; position: relative !important; max-width: 90%; width: 100%; 
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.call .content h6 { margin: 15px 0 0; text-transform: uppercase; }
.call .content a { margin: 15px 0 0; text-transform: uppercase; }

.call .content .btn { box-shadow: 13px 22px 54px 0px rgba(95, 100, 102, 0.15); float: left; border-radius: 80px; display: block; margin: 2% 2% 2% 3%; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-family: 'OpenSans-regular'; letter-spacing: 2px; cursor: pointer; text-transform: uppercase; min-width:35%}
.call .content .btn:focus { outline: none; }
.call .content .btn > span { vertical-align: middle; }
.circle-img { }
.call .content .btn.button--saqui { overflow: hidden; color: #fff; background: -moz-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40, 110, 95, 1)), color-stop(100%, rgba(5, 172, 113, 1))); background: -webkit-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: -o-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: -ms-linear-gradient(359deg, rgba(40, 110, 95, 1) 0%, rgba(5, 172, 113, 1) 100%); background: linear-gradient(91deg, rgba(40, 110, 95, 1) 0%, rgba(61, 161, 211, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#286e5f', endColorstr='#05ac71', GradientType=1); background-size: 200% auto; background-position: 100% 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all.35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.call .content .button--saqui:hover { background-position: -100% 0; color: #fff !important; }
.call .content .button--saqui.button--inverted { background: -moz-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(249, 186, 22, 1)), color-stop(100%, rgba(255, 215, 109, 1))); background: -webkit-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); background: -o-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); background: -ms-linear-gradient(359deg, rgba(249, 186, 22, 1) 0%, rgba(255, 215, 109, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ba16', endColorstr='#ffd76d', GradientType=1); color: #000; background-size: 200% auto; background-position: 100% 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all.35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.call .content .button--saqui.button--inverted::after { color: #000; }
.call .content .button--saqui.button--inverted:hover { background-position: -100% 0; color: #000; }

.call .content .button--saqui:hover::after { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }


.call .content .btn.button--saqui1 { overflow: hidden; color: #fff; background: -moz-linear-gradient(359deg, rgb(236, 90, 164,1) 0%, rgb(239, 11, 85, 1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(236, 90, 164,1)), color-stop(100%, rgb(239, 11, 85, 1))); background: -webkit-linear-gradient(91deg, rgb(236, 90, 164,1) 0%, rgb(239, 11, 85, 1) 100%); background: -o-linear-gradient(91deg, rgb(236, 90, 164,1) 0%, rgb(239, 11, 85, 1) 100%); background: -ms-linear-gradient(91deg, rgb(236, 90, 164,1) 0%, rgb(239, 11, 85, 1) 100%); background: 
linear-gradient(91deg, rgb(236, 90, 164,1) 0%, rgb(239, 11, 85, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#286e5f', endColorstr='#05ac71', GradientType=1); background-size: 200% auto; background-position: 100% 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all.35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.call .content .button--saqui1:hover { background-position: -100% 0; color: #fff !important; }


.swiper-button-prev,
.swiper-button-next { background-size: 20px 44px; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { border-radius: 25px; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.2); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { width: 50px; border-radius: 25px; height: 50px; background-color: rgba(255, 255, 255, 0.2); }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled { opacity: 0; }
.news-event .swiper-button-prev,
.news-event .swiper-container-rtl .swiper-button-next { border-radius: 25px; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.2); }
.news-event .swiper-button-next,
.news-event .swiper-container-rtl .swiper-button-prev { width: 50px; border-radius: 25px; height: 50px; background-color: rgba(0, 0, 0, 0.2); }
aside { position: relative; margin-bottom: 15px; }

/* Form */
.smart-forms,
.smart-forms * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.smart-forms { line-height: 1.231; font-weight: 400; font-size: 14px; color: #626262;     float: left;    width: 100%;}
.smart-forms .select,
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms .select-multiple select { background: #fff; position: relative; vertical-align: top; border: 1px solid #CFCFCF; display: -moz-inline-stack; display: inline-block; color: #626262; outline: none; height: 42px; width: 100%; }
.smart-forms .form-body { padding: 40px 30px; padding-bottom: 20px; }
.smart-forms .section { margin-bottom: 22px; }
.smart-forms .field { display: block; position: relative; }
.smart-forms .append-icon,
.smart-forms .prepend-icon { display: inline-block; vertical-align: top; position: relative; width: 100%; }
.smart-forms label,
.smart-forms input,
.smart-forms button,
.smart-forms select,
.smart-forms textarea { margin: 0; font-size: 14px; color: #626262; outline: none; }
.smart-forms .gui-input,
.smart-forms .gui-textarea { padding: 10px; }
.smart-forms .gui-textarea { height: 100px; }
.smart-forms .prepend-icon > input,
.smart-forms .prepend-icon > textarea,
.smart-forms .prepend-icon > select { padding-left: 36px; }
.smart-forms .append-icon .field-icon,
.smart-forms .prepend-icon .field-icon { top: 0; width: 42px; height: 42px; color: inherit; line-height: 42px; position: absolute; text-align: center; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; pointer-events: none; z-index: 99; }
.smart-forms .prepend-icon .field-icon { left: 0; }
.smart-forms .form-footer .btn { margin: 0px 30px; margin-bottom: 20px; }
.smart-forms .colm6 { width: 50%; }
.smart-forms .colm12 { width: 100%; }
.smart-forms  .colm { min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; float: left; }
.smart-forms .select { border: 0; z-index: 10; }
.smart-forms .select:before { top: 2px; right: 2px; width: 34px; bottom: 2px; background: #F2F4FA; border-left: 1px solid #d3dae7; -webkit-border-radius: 0 1px 1px 0; -moz-border-radius: 0 1px 1px 0; -o-border-radius: 0 1px 1px 0; border-radius: 0 1px 1px 0; }
.smart-forms .select:before,
.smart-forms .select:after { content: ''; position: absolute; pointer-events: none; z-index: 15; }
.smart-forms .select > select { display: block; padding: 9px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-indent: .01px; z-index: 10; margin: 0; }
.smart-forms .select .arrow { position: absolute; top: 9px; right: 5px; width: 24px; height: 24px; background: #F2F4FA; color: #B5C1C7; pointer-events: none; z-index: 16; }
.smart-forms .select .double:before { content: '\25BC'; bottom: -1px; }
.smart-forms .select .arrow:before { content: '\25BC'; bottom: 4px; }
.smart-forms .select .double:after { content: '\25B2'; top: -1px; }
.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before { content: ''; position: absolute; font: 12px Consolas, monospace; font-style: normal; pointer-events: none; left: 6px; }
.smart-forms .select:before,
.smart-forms .select:after { content: ''; position: absolute; pointer-events: none; z-index: 15; }
.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before { content: ''; position: absolute; font: 12px Consolas, monospace; font-style: normal; pointer-events: none; display: none\9; left: 5px; }
.dsk { display: block }
.mobile { display: none; margin-top: 30%; }
.swiper-slide {background-size: 100% !important; background-position: center top !important;}

#cboxLoadedContent {
  border: 5px solid #f8b917;
  background: #fff;
}
.team a,.team-info a {color:#293036;}
.team a img{

 -webkit-filter: grayscale(100%); 
 filter: grayscale(100%);
}
.team a:hover img{
   -webkit-filter: grayscale(0%); 
   filter: grayscale(0%);
}
.team-info a:hover {color:#13936a;}

.team-info {padding: 20px 10px;}
.team-info p{line-height: 1.5;}
.team-info p i{margin-right: 10px;}
.team-info  aside{width: 30%;     float: left;     margin: 0px 20px 20px 0;}
.team-info  h6 span{font-size: 14px; font-weight:300;}

.#cboxOverlay{opacity: 0.6 !important;}

.mfp-iframe-scaler iframe {

 box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
 background: #000;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
   width: 40%;
   cursor: auto;
   border: 6px solid #fcc842;
}
/* ==========================================================================
Helper classes
========================================================================== */
.hidden { display: none !important; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

/* ==========================================================================
TAB CSS
========================================================================== */
/*ul.tabs {
   margin: 0;
   padding: 0;
   float: left;
   list-style: none;
   height: 32px;
   border-bottom: 1px solid #333;
   width: 100%;
}*/

.tab-head{
   margin-top: 40px;
}

ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 10px 165px;
    height: 31px;
    line-height: 31px;
    font-size: 30px;
    margin-top: 40px;
    /* border-top: 1px solid #333; */
    /* border-left: 1px solid #333; */
    border-bottom: 2px solid #ccc; 
    /* background-color: #666; */
    color: #999; 
    overflow: hidden;
    position: relative;
}

/*.tab_last { border-right: 1px solid #333; }*/

/*ul.tabs li:hover {
   background-color: #ccc;
   color: #293036;
}
*/

ul.tabs li.active {
   /*background-color: #fff;*/
   color: #293036;
   border-bottom: 4px solid #22c48a;
   display: block;
}

.tab_container {
   /*border: 1px solid #333;*/
   border-top: none;
   clear: both;
   float: left;
   width: 100%;
   background: #fff;
   overflow: auto;
}

.tab_content {
   padding: 20px;
   display: none;
}

.tab_drawer_heading { display: none; }


@media screen and (max-width: 480px) {
   .tabs {
      display: none;
   }
   .tab_drawer_heading {
       /* background-color: #ccc; */
       /* color: #fff; */
        border-top: 1px solid #ccc; 
       /* margin: 0; */
       padding: 5px 20px;
       display: block;
       cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
   }
   .d_active {
      /*background-color: #666;
      color: #fff;*/
      border-bottom: 4px solid #22c48a;
   }
}

.view-more {display: block; margin: 0 auto; float: none; text-align: center; margin-top: 20px;border-bottom: none; }
.view-more:hover {text-decoration: underline;}

.talk-to-us {
    position: fixed;
    bottom: 0px;
    right: 2%;
    z-index: 9999999;
}

.talk-to-us .txt { position: fixed; bottom: 27px;  color: #f9f9f9; right: 3%;}

.article {margin: 20px; text-align: justify;}
/* ==========================================================================
TAB CSS end
========================================================================== */

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and  (orientation:portrait) {
  .top-banner { width: 100%; height: auto; }
}
@media only screen and (max-width:1680px) {
  .mobile-snp { right: 20%; }
  .triangle { right: 7%; }
  .circle-img { padding: 20% 10%; }
  .news-event .content { width: 100%; }
  .call .content .btn { margin: 2% 4% 2% 4% }
  
  
 
}
@media only screen and (max-width:1500px) {
  .container-box { max-width: 90% }
  .background { width: 94%; }
  .team .content { width: 22.5%; }
  .circle-img { padding: 20% 15%; }
  .container { width: 85%; }
  .team_one { top: -0%; right: 5%; }
  .team_two { top: -0%; left: 14%;  }
  .team_three { top: -0%; left: 30%;}
  .team_four { top: -00%; right: 5%;}
  .team_five { top: -00%; left: 20%;   }
  .news-event .content { width: 100%; }
 
}

@media only screen and (max-width:1450px) {

   .team_one { top:10%; }
   .team_two { top: 25%;}
   .team_three { top: 30%;}
   .team_four { top: 80%;}
   .team_five {  top: 80%;}
   .news-event .content { width: 100%; }

}
@media only screen and (max-width:1368px) {
  .circle-img { padding: 20% 10%; }
  .mobile-snp { right: 27%; }

  .team_one { top:-4%; width: 18% !important}
  .team_two { top: -2%; width: 11% !important}
  .team_three {     top: -10%;    width: 41% !important;}
  .team_four {     top: -22%;     width: 18% !important;}
  .team_five {  top: -33%;width: 13% !important  }
  ul.tabs li {    padding: 10px 100px;}
  .news-event .content { width: 100%; }
}
@media only screen and (max-width:1280px) {
 .team_one { top: -0%; right: 5%; width: 22% !important}
 .team_two { top: -0%; left: 14%; width: 14% !important }
 .team_three { top: -0%; left: 30%;width: 50% !important}
 .team_four { top: -00%; right: 5%;width: 21% !important}
 .team_five { top: -00%; left: 20%; width: 15% !important  }
 .news-event .content { width: 100%; }
}

@media only screen and (max-width:1201px) {
   .team .content { width: 23%;     margin: 10px;}
   .background.vio .container { margin-right: 40px; }
   .circle-img { padding: 25% 10%; }
   .container { color: #293036; width: 89%; }
   .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 50%;}
   .call .content { width: 100%; }
}

@media only screen and (max-width:1130px) {
   .team .content { width: 46%;     margin: 10px;}
   .call .content { width: 100%; }

}




@media only screen and (max-width:1113px) {
   .team_one { top: 20%; right: 5%; width: 22% !important}
   .team_two { top: 40%; left: 14%; width: 14% !important }
   .team_three { top: 45%; left: 30%;width: 50% !important}
   .team_four { top: 100%; right: 5%;width: 21% !important}
   .team_five { top:90%; left: 20%; width: 18% !important  }

   .news-event .content  a .event { background: rgba(255, 255, 255, 0.3); }
   .news-event .content  a .event img { opacity: 1; }
   .call .content { width: 100%; }

   .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 50%;}
   .call .content .btn{ min-width: 30%; margin: 2% 4% 2% 4%;}
}




@media only screen and (max-width:1024px) {
  .circle-img { padding: 25% 0%; }
  .team_one { top:10%; width: 20% !important;}
  .team_two { top: 10%;width: 13% !important }
  .team_three { top: 10%;width: 50% !important}
  .team_four { top: 10%; width: 21% !important}
  .team_five {  top: 8%; width: 15% !important }
  .call .content { width: 100%; height:100%; }
  .container { width: 98%; }
  


}
@media only screen and (max-width:960px) {
  .box50 { width: 90%; margin: 0 5%; }
  .circle { width: 85%; margin: 0 auto; }
  .circle.right { margin-left: auto; margin-right: auto; float: none; }
  .box50 .container,
  .box50.right .container,
  .background.vio .container,
 
  .container { width: 98%; }
  .container h3,
  .container-box h3 { float: none; }
  .container h3:after,
  .container-box h3:after { left: 50%; }
  .text-containt { margin: 30px 15px }
  .readmore { margin: 0 auto; float: none; }
  .background { width: 100%; border-radius: 0px !important; }
  .circle-img { padding: 10% 10% 0; }
  .selfie-group { position: relative; width: 75%; margin: 0 auto; }
  .triangle,
  .mobile-snp { position: relative; height: auto !important; display: inline-block; width: 49%; float: right; right: unset; }
  .triangle { width: 80%; z-index: 10; position: absolute; top: -39px; left: 20%; }
  .triangle img,
  .mobile-snp img { width: 100%; height: auto }
  .container h3:after,
  .container-box h3:after { transform: translateX(-50%); }
  .address li { margin: 5px 20px 5px 0px; }
  .social li { margin-bottom: 10px }
  .btn { float: none; display: inline-block; }
  .btn { letter-spacing: 0px; font-size: 18px; margin: 1.4em 0; }
  .top-banner .content { left: 40px; }
  .call .content { width: 100%; }
  .call .content .btn{ min-width: 32%; margin: 2% 3% 2% 3%;}
  
  

  .team_one { top:10%; width: 15% !important; right:0;}
  .team_two { top: 25%;width: 9% !important;left:10%; }
  .team_three { top: 26%;width: 30% !important;left:32%;}
  .team_four { top: 80%; width: 14% !important;right:10%;}
  .team_five {  top: 93%; width: 9% !important ;left:15%;}
  .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {  width: 60%;}
}


@media only screen and (max-width:840px) {
  .smart-forms  .colm { width: 100%; float: none; padding: 0; }
  .team_one { top:10%;width: 25% !important; }
  .team_two { top: 25%;width: 14% !important;}
  .team_three { top: 30%;width: 50% !important;}
  .team_four { top: 80%;width: 22% !important;}
  .team_five {  top: 80%;width: 16% !important;}
  .btn { letter-spacing: 0px; font-size: 18px; margin: 1.4em 0; }
  .call .content { width: 100%; }
  .iso {display:none;}
  .call .content .btn{ min-width: 29%; margin: 2% 3% 2% 3%;}
  
}






@media only screen and (max-width:680px) {
  .team .content { width: 44%; }
  .dsk { display: none }
  .mobile { display: block; }
  .mobile img { width: 100%; border-radius: 0; top: 10%; left: 0% }
  .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {  width: 90%;}
  .logo { max-width: 165px; }
  .btn { letter-spacing: 0px; font-size: 16px; margin: 1.4em 0; }
  .call .content { width: 100%; }
  .call .content .btn{ min-width: 28%; margin: 2% 3% 2% 3%;}
}


@media only screen and (max-width:640px) {
  .box33 { width: 100%; float: left; position: relative; margin-bottom: 50px }
  footer .logo { max-width: 100px; margin: 0 auto; float: none; }
  .social { text-align: center; }
  .social li { margin-bottom: 10px; text-align: center; float: none; }
  .address li { margin: 5px 8px 5px 0px; }
  .container-box .box33 h6 { text-align: center; font-size: 20px; margin-bottom: 5px; }
  .btn { letter-spacing: 0px; font-size: 17px; margin: 1.4em 0; }
  .call .content .btn{ min-width: 29%; margin: 2% 2% 2% 2%;}
}

@media only screen and (max-width:600px) {
  h1 { font-size: 48px; }
  h2 { font-size: 24px; }
  h3 { font-size: 22px; }
  h4 { font-size: 20px; }
  h5 { font-size: 17px; }
  h6 { font-size: 14px; }
  .logo { max-width: 155px; }
  .logo { left: 20px; top: 20px; }
  .top-banner .content { left: 30px; }
  .text-containt { margin: 30px 15px; }
  .section-frame { margin-bottom: 0px; margin-top: 30px; }
  .call .content { width: 95%; }
  .btn { letter-spacing: 0px; font-size: 15px; margin: 1.4em 0; }
  .call .content .btn{ min-width: 30%; margin: 2% 2% 2% 2%;}
}
@media only screen and (max-width:500px) {
  .team .content { width: 95%; }
  .btn { letter-spacing: 0px; font-size: 14px; margin: 1.4em 0; 
  .call .content .btn{ min-width: 27%; margin: 2% 2% 2% 2%;}
}
@media only screen and (max-width:480px) {
  .container-box { max-width: 95%; }
  .text-containt { margin: 20px 15px; }
  .news-event .content { width: 67%; margin: 0 auto; }
  .background .container { float: none; width: 95%; margin: 20px 2.5% !important; }
  .top-banner { width: 100%; height: 280px; }
  .top-banner img { width: auto; }
  .top-banner.innerBG { width: 100%; height: auto; }
  .top-banner.innerBG img { width: 100%; }
  .news-event .swiper-slide { margin-left: 0px; padding: 15px 0px; margin-left: 0px; }
  .news-event .swiper-slide:first-child { padding-left: 0px; margin-left: 0; }
  .team_one { top: 20%; right: 00%; }
  .team_two { top: 30%; left: 10%; }
  .team_three { top: 50%; left: 20%; }
  .team_four { bottom: -38%; right: 0%; }
  .team_five { bottom: -45%; left: 0%; }
  .btn { letter-spacing: 0px; font-size: 13px; margin: 1.4em 0; 
  .call .content .btn{ min-width: 27%; margin: 2% 2% 2% 2%;}
}
@media only screen and (max-width:440px) {
  .btn { font-size: 13px; margin: 1.9em 0; }
  .btn { padding: 1em 1.5em; }
	  h1 { font-size: 26px; }
	  h2 { font-size: 18px; }
	    h3 { font-size: 16px; }
  .call .content .btn{ min-width: 28%; margin: 2% 2% 2% 2%;}
}
@media only screen and (max-width:385px) {
  html { font-size: 14px; }
  h1 { font-size: 24px; }
  h2 { font-size: 17px; }
  .btn { padding: 1em 1.5em; }
  .call .content .btn{ min-width: 28%; margin: 2% 2% 2% 2%;}
}
@media only screen and (max-width:375px) {
  .btn { font-size: 12px; margin: 1.9em 0; }
  .btn { padding: 1em 1.5em; }
 .call .content .btn{ min-width: 27%; margin: 2% 1% 2% 1%;} 
}
@media only screen and (max-width:320px) {
  .btn { font-size: 10px; margin: 1.9em 0; }
  .btn { padding: 1em 1.5em; }
  .call .content .btn{ min-width: 27%; margin: 2% 2% 2% 2%;}
}