@charset "utf-8";

/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/
@font-face {
    font-family: 'sofia_proregular';
    src: url('../fonts/sofia_pro_regular_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_regular_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_problack';
    src: url('../fonts/sofia_pro_black_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_black_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_probold';
    src: url('../fonts/sofia_pro_bold_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_bold_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_proextralight';
    src: url('../fonts/sofia_pro_extralight_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_extralight_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_prolight';
    src: url('../fonts/sofia_pro_light_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_light_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_promedium';
    src: url('../fonts/sofia_pro_medium_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_medium_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_proregular';
    src: url('../fonts/sofia_pro_regular_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_regular_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_prosemibold';
    src: url('../fonts/sofia_pro_semi_bold_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_semi_bold_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_proultralight';
    src: url('../fonts/sofia_pro_ultralight_az-webfont.woff2') format('woff2'),
         url('../fonts/sofia_pro_ultralight_az-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*************** DEFAULT CSS ***************/
body{
 	font-family: 'sofia_proregular';
	font-size:16px;
	font-style: normal;
	line-height: normal;
	
	color: #fff;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
/*html{ scroll-behavior: smooth;}*/
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #000; /* Safari */
	color:#fff;
        }
::-moz-selection {
    background: #000; /* Firefox */
	color:#fff;
}
a {
	color:#43bfb5;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #fff;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	line-height: 30px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:0; /* centers the loading animation vertically one the screen */
	background-image:url(../images/pgi-logo.svg); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0px; /* is width and height divided by two */
	background-size: 200px;
}

/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
.row-flex{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
.clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
.two-col{
	width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0 !important;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
aside {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
}
summary {
    width: 70%;
    float: right;
    margin: 0;
    padding: 0;
}

/*************** HOME PAGE CSS ***************/
header{ float: left; width: 100%; top: -200px; background-color: #163463; }
.top-wrp{ float: left; width: 100%; position: relative; }
.logo{ position: absolute; left: 0px; top: 0px; background-color: #fff; padding:0 10px; z-index: 2; border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; }
.logo img{-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; width: 160px;}
.menu{ float: right; }
.sidebar-top{position: absolute;right: 0px;bottom: 0;width: 65px;height: 430px;}
.slider-wrap{ float: left; width:100%; padding-right: 65px; background-color: #43bfb5; position: relative; }
.slider-wrap:after{ position: absolute; content: ''; width: 100%; height: 150px; left: 0px; top: 0px; background-color: #163463; z-index: 0; }
.scroll-down-btn{position: absolute;width: 20px;height: 32px;border: 1px solid #fff;border-radius: 40px;-webkit-border-radius: 40px;
-moz-border-radius: 40px;right: 0px;bottom: 30px;z-index: 1;}
.scroll-down-btn:after{position: absolute;content: '';width: 5px;height: 5px;background-color: #fff;top: 7px;left: 50%;border-radius: 40px;-webkit-border-radius: 40px;
-moz-border-radius: 40px;margin-left: -2.5px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.scroll-down-btn:hover:after{top: 21px;}
.btm-sidebar span{position: absolute;bottom: 115px;right: -15px;white-space: nowrap;transform-origin: 100% 0%;
transform: rotate(-90deg) translateY(-2.33vw);font-size: 16px;color: #ffffff;text-align: right;padding-top: 0;}
.top-sidebar {position: absolute;top: 0px;left: 0px; width: 100%;}
.btm-sidebar { position: absolute; bottom: 0; right: 22px;}
.top-sidebar a{color: #fff;font-size: 24px;display: block;text-align: center;border-bottom: 1px solid #fff;padding: 10px 0px;}
.top-sidebar a:last-child{ border-bottom: none; }
.top-sidebar a:hover{ color: #1f3863; }
.arrows{ position: absolute; right: 40px; bottom: 30px; width: 150px; height: 55px; }
.intro{ background-image: url(../images/bg1.jpg); padding: 120px 0px 100px; }
.heading{color: #fff;font-size: 44px;margin-bottom: 25px;}
.heading span{ color: #43bfb5; font-family: 'sofia_probold'; margin-bottom: 30px;}
.head-cap{font-size: 12px;letter-spacing: 3px;position: relative;text-transform: uppercase;padding-left: 80px;margin-bottom: 40px;}
.head-cap:after{position: absolute;content: '';width: 60px;height: 1px;background-color: #43bfb5;left: 0px;top: 9px;}
.intro .heading{margin-bottom: 36px;}
.misn-vsn{ background-image: url(../images/bg2.jpg); padding: 120px 0px 100px; margin-top: -2px;}
.msn-left{float: left;width: 68%;margin-right: 5%;}
.msn-box{float: left;width: 100%;position: relative;border-bottom: 1px solid #215778;padding-left: 190px;margin-bottom: 30px;}
.msn-icon{position: absolute;width: 138px;height: 138px;border: 2px solid #43bfb5;border-radius: 50%;-webkit-border-radius: 50%;
-moz-border-radius: 50%;left: 0px;top: 13px;background-image: url(../images/icons/icon1.png);background-repeat: no-repeat;
background-position:center; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.vsn-icon{background-image: url(../images/icons/icon2.png);}
.msn-box:hover .msn-icon{ background-color: #7e83bf; }
.vsn-box{ border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }
.msn-right{float: left;width: 27%;border-left: 1px solid #215778;padding-left: 50px;}
.msn-right ul{padding: 0px;margin: 0 0 50px;}
.msn-right ul li{list-style: none;font-size: 34px;font-family: 'sofia_prolight';margin-bottom: 10px;}
.msn-right ul li::first-letter{ color: #43bfb5; font-family: 'sofia_probold';}
.team{ background-image: url(../images/bg3.jpg); padding: 120px 0px 100px; }
.team-wrp{ float: left; width: 100%; border-bottom: 1px solid #43bfb5; margin-bottom: 20px; }
.team-wrp h2{ font-size: 22px; color: #43bfb5; font-family: 'sofia_promedium'; }
.team-wrp p{ line-height: 25px; }
.css-prgm{ background-image: url(../images/bg4.jpg); padding: 120px 0px 100px; }
.tittle{ font-size: 62px; color: #f7bc08; font-family: 'sofia_probold';}
.tittle span{ color: #ee6c2c; }
.link{}
.link a{ background-color: #ee6c2c; color: #fff; padding: 10px 25px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
font-size: 14px; font-family: 'sofia_promedium'; letter-spacing: 1px; }
.link a:hover{ background-color: #43bfb5; }
.insight{ background-image: url(../images/bg5.jpg); padding: 120px 0px 100px; }
.insight-img{ float: left; width: 50%; margin-right: 5%;  }
.insight-img .hover-effect{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; 
overflow: hidden; line-height: 0px;}
.insight-cnt{ float: left; width: 45%; padding-top: 0px; }
.ins-icon { padding: 0px; margin: 0px 0 28px; float: left; width: 100%;}
.ins-icon li{ font-size: 16px; float: left; margin-right: 20px; list-style: none; letter-spacing: 1px; }
.ins-icon li i{ margin-right: 5px; color: #43bfb5; }
.insight-cnt h2{ color: #43bfb5; font-family: 'sofia_prolight'; font-size: 36px;}
.contact{ background-image: url(../images/bg6.jpg); padding: 120px 0px 40px; margin-top: -2px; }
.contact-left{ float: left; width: 30%; margin-right: 6%; }
.contact-right{ float: left; width: 64%; }
.contact-right h4{ font-size: 44px; font-family: 'sofia_prolight';}
footer { float: left; width: 100%; padding: 20px 0px; background-color: #0a1832;  }
.copy-left{ float: left; }
.copy-right{ float: right; }
.copy-right a{ color: #fff; }
.pc{ display: block; }
.mob{ display: none; }
.bottom-shade:after{ position: absolute; content: ''; width: 100%; height: 233px; background-image: url(../images/bottom.png); background-position: center;
background-repeat: no-repeat; z-index: -1; left: 0px; bottom: 0px; }
.top-shade:before{ position: absolute; content: ''; width: 100%; height: 233px; background-image: url(../images/top.png); background-position: center;
background-repeat: no-repeat; z-index: -1; left: 0px; top: 0px; }
.list{ padding: 0px; margin: 0px 0 25px; }
.list li{ list-style: none; border-bottom: 1px solid #ffffff29; margin-bottom: 8px; padding-bottom: 10px; line-height: 24px; }



/********* FIXED HEADER ***************/
header.smaller{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 99; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;top: 0;
box-shadow: 0px 1px 25px #0000003d;}
header.smaller .logo{padding: 0px 6px;border-radius: 0 0 8px 8px;  -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px;
-ms-border-radius: 0 0 8px 8px;}
header.smaller .logo img{ width: 80px; }




/*************** JARALLAX ***************/
.jarallax{ position:relative; background-repeat:no-repeat; background-position:center center; -moz-background-size:cover; 
-webkit-background-size:cover; -o-background-size:cover; background-size:cover;}

/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	width:100%;
	height: auto;
	padding: 10px 0 25px;
	background-color:none;
	background-color:transparent;
	display:block;
	border: none;
	border-bottom: 1px solid #43bfb5;
	margin: 0 0 10px 0;
	color:#fff;
	font-size: 16px;
	float:left;
}
.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin: 30px 0 0 0;
	float:left;
	color:#fff;
	font-size: 26px;
	cursor:pointer;
	vertical-align:top;
	padding: 6px 23px 10px;
	text-align:center;
	background-color: #43bfb5;
	font-family: 'sofia_probold';
	}
.sendbutton:hover{
	background-color: #7e83bf;
	color:#fff;
	}
::-webkit-input-placeholder {
   color: #fff !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;
}
:-ms-input-placeholder {  
   color: #fff !important;
}

/************************************* 1366px *************************************/
@media only screen and (max-width: 1366px) {
.btm-sidebar span { right: -10px;}
}

/************************************* 1366px *************************************/
@media only screen and (max-width: 1280px) {
.btm-sidebar span { right: -8px;}
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
.btm-sidebar span { right: -2px;}
}

/************************************* 991px *************************************/
@media only screen and (max-width: 991px) {
.navbar-collapse{ margin-top: 49px; background-color: #7f84c0; padding-right: 20px;}
.navbar{justify-content: right!important;float: right;width: 100%;}
.menu{ width: 100%; padding:8px 0px 0; }
.navbar-dark .navbar-nav .nav-link{ text-align: right; border-bottom: 1px solid #9a9ed1; }
.navbar-toggler{ width: 104px; padding: .60rem .75rem !important;float: right;margin-right: 20px; margin-bottom: 8px;}
.navbar-toggler-icon{ background-position: left center !important; float: left; width: 68px !important;
font-size: 13px; text-transform: uppercase; color: #fff; padding-left: 36px !important; padding-top: 3px; }
.navbar-nav .nav-link { padding-top: 0.4rem !important; padding-bottom: 0.6rem !important;}
.logo{padding: 0 6px; border-radius: 0 0 8px 8px;  -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; left: 20px;
-ms-border-radius: 0 0 8px 8px;}
header.smaller .logo{ border-radius: 0 0 8px 8px;  -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px;
-ms-border-radius: 0 0 8px 8px; }
.logo img{width: 80px;}
.slider-wrap { padding-right: 50px;}
.sidebar-top { right: 0; width: 50px;}
.ins-icon li{ margin-right: 10px; }
header .container{ width: 100%;z-index: inherit; } 
.btm-sidebar { right: 15px;}

}

/************************************* 767px *************************************/
@media only screen and (max-width: 768px) {
.slider-wrap:after{ height: 50px; }
.scroll-down-btn{ bottom: 10px; }
.btm-sidebar span { bottom: 104px; right:7px;}
.sidebar-top{ height: 400px; }
.two-col, .three-col, .four-col, aside, summary{ width:100%; margin:0 0 25px 0; }
.msn-left, .msn-right{ width: 100%; margin: 0 0 25px; }
.msn-right{ padding-left: 0px; border-left: none; }
.insight-img, .insight-cnt, .contact-left, .contact-right{ width: 100%; margin: 0 0 25px; }
.insight-cnt{ padding-top: 0px; }
.mob{ display: block; }
.pc{ display: none; }
.team, .intro, .misn-vsn, .css-prgm, .insight, .contact{ background-attachment: initial !important; background-size: cover !important;background-image: url(../images/bg1.jpg) !important; }
.team{background-image: url(../images/bg3.jpg) !important;}
.misn-vsn{background-image: url(../images/bg2.jpg) !important;}
.css-prgm{background-image: url(../images/bg4.jpg) !important;}
.insight{background-image: url(../images/bg5.jpg) !important;}
.contact{background-image: url(../images/bg6.jpg) !important;}
.top-shade:before, .bottom-shade:after{ z-index: 0; }
.container{ position: relative; z-index: 1; }
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.team, .intro, .misn-vsn, .css-prgm, .insight, .contact { padding: 80px 0px 40px;}
.misn-vsn{ padding: 40px 0px 40px; }
.intro{ padding-bottom: 0px; }
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.container{ width:90%; }
.sidebar-top { right: 1px;}
.btm-sidebar span { bottom: 88px; right: 8px; font-size: 12px;}
.top-sidebar { top: 5px;}
.top-sidebar a{padding: 6px 17px; font-size: 16px;}
.navbar-nav .nav-link{ font-size: 14px !important; }
.msn-icon { width: 100px; height: 100px; background-size: 55px;}
.msn-box { padding-left: 0; padding-top: 130px;}
.msn-right ul li { font-size: 28px;}
.tittle { font-size: 50px;}
.heading { font-size: 36px;}
footer{ text-align: left; }
.copy-right{ float: left; }
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {
.container{width:90%;}
}