@import url('https://fonts.googleapis.com/css?family=Muli');



h1, h2, h3{

	font-family: 'Muli', sans-serif;

	color:#1D2B5B;

}

h4, h5, h6{

	font-family: 'Muli', sans-serif;

	color:#1D2B5B;

}

p{

	font-size:14px;

	font-weight:500;

	font-family: 'Muli', sans-serif;

	

}



body{

	color: #333;

	font-family: 'Muli', sans-serif;

	

}



body.boxed .body{

	margin:0 auto;

}



a:hover{

	text-decoration:none;

}

figure.effect-julia {

    background: #2f3238;

}

figure.effect-julia img {

	width:100%;

    max-width: none;

    -webkit-transition: opacity 1s,-webkit-transform 1s;

    transition: opacity 1s,transform 1s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

figure {

    position: relative;

    overflow: hidden;

    margin: 0 0 30px;

    background: #3085a3;

    text-align: center;

    cursor: pointer;

}



figure.effect-julia img {

    max-width: none;

    -webkit-transition: opacity 1s,-webkit-transform 1s;

    transition: opacity 1s,transform 1s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.effect-julia p{

	color: #b6985a;

    font-weight: bold;

	margin:0;

	text-align:left;

}

.effect-julia h2{

	color:#fff;

	font-size:25px;

	margin:0;

}	

figure img {

    position: relative;

    display: block;

    min-height: auto;

    max-width: 100%;

    opacity: .8;

}

figure.effect-julia:hover img {

    opacity: .4;

    -webkit-transform: scale3d(1.1,1.1,1);

    transform: scale3d(1.1,1.1,1);

}







#hm{

	padding:30px 0;

}

#hml .cta-item:first-child .cta-title {

    position: absolute;

    top: 0;

    left: 0;

    margin-top: 50px;

    margin-left: 25px;

    background: url(../images/play-icon.png) left center no-repeat;

    font-weight: 400;

    color: #6599cb;

    padding-left: 70px;

    font-size: 18px;

}

#hml .cta-item .cta-title {

    position: absolute;

    top: 50%;

    left: 0;

    padding-left: 25px;

    padding-bottom: 25px;

    font-weight: 400;

    color: #6599cb;

    font-size: 18px;

    text-align: left;

}



#hmr .cta-item{

	background:#00336a;

	position:relative;

	display:inline-block;

	height:230px;

	width:100%;

}



#hmr .cta-item.gry{

	background:#c0c7cf;

	position:relative;

	display:inline-block;

	height:230px;

	width:100%;

}

#hmr .cta-item span{

	color:#6599cb;

	margin:0;

}

#hmr .cta-item h2{

	color:#fff;

	margin:0;

}

#hmr .cta-item .cta-title {

    position: absolute;

    bottom: 10%;

    left: 0;

    padding-left: 25px;

    font-weight: 400;

    color: #6599cb;

    font-size: 18px;

    text-align: left;

}

#ss{

	margin-top:20px;

}







footer{

	background:#00336a;

	color:#fff;

	text-align:center;

	padding:20px 0 15px;

}

footer h5{

	color:#b4975d;

}



footer p{

	font-size: 12px;

	letter-spacing: 0.02em;

}



.tagline-row {

    transform: skew(45deg) rotate(0deg);

    -webkit-transform: skew(45deg) rotate(0deg);

    -moz-transform: skew(45deg) rotate(0deg);

    width: 600px;

    height: 800px;

    left:7%;

	top:0;

	background-color: rgba(1, 40, 83, 0.8);

    bottom: 0;

    position: absolute;

    overflow: hidden;

}

.tagline-text{

	position:absolute;

	bottom:20px;

	padding:0;

	width:280px;

}

.tagline-text h3{

	font-size:30px;

	line-height:38px;

	color:#B4975D;

	font-family: 'g-medium', sans-serif !important;

	

}

.main-menu > ul > li > a{

	text-transform:none;

	font-size:12px;

}

.header-style4 .site-header a img{

	height:70px;

}

.header-style4 .main-menu > ul > li > a:hover{

	color:#B4975D;

}

.header-style4 .main-menu > ul > li:hover > a{

	color:#B4975D;

}

.header-style2 .main-menu > ul > li.active > a{

	color:#B4975D;

}

.header-style4 .mmenu-toggle{

	color:#000 !important;

}

.header-style2 .site-header a img{

	margin-top:10px;

	max-width:250px;

	position:absolute;

}

.header-style2 .main-menu > ul{

	position:absolute;

	right:0;

	background: rgba(255,255,255,0.7);

	margin: 20px 0;

    padding: 27px 0 27px 0;

    text-transform: uppercase;

}

.header-style2 .main-menu > ul > li > a{

	height:auto;

	color:#3C4A54;

	font-size:14px;

}

.header-style2 .main-menu > ul > li > a:hover{

	color:#B4975D;

}

.header-style2 .main-menu > ul > li:hover > a{

	color:#B4975D;

}



.main-menu > ul > li{

	padding:0 21px;

}

.header-style5 .main-menu > ul{

	border-left:none;

}

.header-style5 .main-menu > ul > li:last-child > a{

	border-right:none;

}



.header-style5 .main-menu > ul > li > a{

	border-right:none;

	text-transform:none;

	font-size:16px;

	font-weight:500;

	padding:0 30px;

	color:#d3ae37;

	line-height:30px;

}

.header-style5 .main-menu > ul > li {

	border-right:1px dotted #999;

	margin:5px 0;

}

.header-style5 .main-menu > ul > li:last-child {

	border:none;

}

.header-style5 .main-menu > ul > li:last-child a{

	padding-right:0;

}

.header-style5 .main-menu > ul > li > ul{

	top:100%;

}

.logo{

	padding:0px 0 !important;

	margin:0px 0 !important;

}

.logo img{

	border: 2px solid #fff;

	border-top:none;

}

.site-header h1.logo{

	position:absolute;

}

#ht1{

	margin:30px 0 30px 10px;

}

body.boxed .body{

	max-width:1400px;

}

.site-header{

	background:#fff;

}

#sticky-nav{

	background:#1d2b5b;

}



.header-style5 .site-header .logo-wrapper{

	border-bottom:1px solid #fff;

}

.header-style5 .main-menu > ul > li:hover > a{

	line-height:30px;

	border-top:none;

	color:#ffb712;

	background:none;

}

.header-style5 .main-menu > ul > li.active > a{

	line-height:30px;

	border-top:none;

	color:#ffb712;

	background:none;

}



.header-style5 .main-menu > ul{

	float:right;

}

.main-menu > ul{

	padding:0;

}

.mobile-menu{

	top:80px;

	background:rgba(0, 51, 106,0.9);

}

.mobile-menu li a{

	/*border-bottom:1px solid #fff;*/

}

.mmenu-toggle{

	color:#00336a !important;

}

#title{

	border-left:10px solid #ff0000;

	padding-left:15px;

}

#intro{

	text-align:center;

	background:#fcb132;

	padding:30px 0;

}

#intro h1{

	display:inline-block;

	color:#000;

	line-height:36px;

	margin:0;

	margin-right:15px;

}

#intro .btn{

	margin-top:0;

	color:#000;

	font-size:16px;

	margin-top:-10px;

	border-color:#000 !important;

}



#hm2{

	padding:30px 0 30px;

	text-align:center;

	background:#1d2b5b;

}

#hm2 h1{

	line-height:40px;

	font-size:45px;

	font-weight:bold;

	margin-bottom:50px;

	color:#fff;

}

.tt{

	position:relative;

}

#hm2 .tt:after {

    content: "";

    height: 3px;

    width: 70px;

    background-color: #ad854d;

    display: inline-block;

    position: absolute;

    bottom: -15px;

    left: 47%;

    margin-left: -15px;

}

#hm2 h3{

	font-size:21px;

	text-transform:none;

	font-weight:100;

	color:#fff;

	margin-bottom:0px;

}

#hm2 p{

	color:#fff;

}

#hm2 h5{

	text-transform:uppercase;

}

#hm2 .btn{

	margin-top:0;

	color:#000;

	font-size:16px;

	margin-top:-10px;

	border-color:#000 !important;

}

#hm3 a .mask1 {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

  -webkit-transition: all .35s;

  -moz-transition: all .35s;

  -ms-transition: all .35s;

  -o-transition: all .35s;

  transition: all .35s;

}

#hm3 a .mask1:after {

  content: '';

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transition: all .35s;

  -moz-transition: all .35s;

  -ms-transition: all .35s;

  -o-transition: all .35s;

  transition: all .35s;

  background: -webkit-linear-gradient(bottom, rgba(0,0,0, 0.9), rgba(0,0,0, 0), rgba(0,0,0, 0));

  background: -moz-linear-gradient(bottom, rgba(0,0,0, 0.9), rgba(0,0,0, 0), rgba(0,0,0, 0));

  background: -o-linear-gradient(bottom, rgba(0,0,0, 0.9), rgba(0,0,0, 0), rgba(0,0,0, 0));

}

#hm3 a:hover .mask1 {

  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

}

#hm3 a:hover .mask1:after {

  opacity: 1;

}

#hm3 img{

	width:100%;

}

#hm3 .row{

	margin:0;

}

#hm3 article{

	padding:0 !important;

}

#hm3 article h3{

	color:#000;

	margin:0;

	line-height:26px;

	

}

#hm3 article h4{

	position:absolute;

	z-index:9999;

	top:80%;

	font-size:20px;

	width:100%;

	text-align:center;

	color:#fff;

	text-shadow:1px 1px 5px rgba(0,0,0,0.5);

	transition: all 0.3s ease;

	

}

#hm3 article p{

	color:#000;

	font-size:14px;

}

#hm3 article a span { 

	color: #000;

	padding:20px;

    left: 10%;

    opacity: 0;

    position: absolute;

    right: 0;

    text-align: center;

    background-color: rgba(153,218,242,.8);

    top: 10%;

    width: 80%;

    height: 80%;

    padding-top: 20%;

	z-index:1;

	transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

}



#hm3 article a:hover span {

	opacity: 1;

	transform:scale(1.1);

	-moz-transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-0-transform:scale(1.1);

}

#hm3 article a:hover h4{

	font-size:40px;

	transition: all 0.3s ease;

}

#hm4{

	padding:50px 0;

	background:#efefef;

}

#hm4 h2{

	color:#1D2B5B;

	font-size:25px;

}

#hm4 h3{

	color:#1D2B5B;

	font-weight:bold;

	display:inline-block;

	text-transform:uppercase;

}

#hm4 h5{

	display:inline-block;

	text-decoration:underline;

	color:#1D2B5B;

}

#hm4 a{

	color:#1D2B5B;

}

#bx img{

	margin-bottom:15px;

}

#bx img:hover{

	opacity:0.85;

}

#bx h2{

	color:#fff;

	padding:10px;

	text-transform:uppercase;

	width:180px;

	font-size:20px;

	line-height:25px;

	padding-right:35px;

	position: absolute;

    bottom: 10px;

    left: 5px;

    display: block;

    background: transparent url("../images/box-bg.png") right top no-repeat;

}

#bx strong{

	width:100%;

}

#bc{

	background:#00336a;

	padding:20px 0;

	color:#fff;

}

#bc h2{

	margin-bottom:0px;

	color:#fff;

}

#bc a{

	color:#fff;

}

.site-footer-bottom{

	padding:10px 0;

}

.footer-style2 .site-footer-bottom{

	background:#1d2b5b;

}

.footer-style2 .site-footer-bottom p{

	font-weight:500;

	line-height:20px;

	color:#fff;

}	

#ftb{

	color:#fff;

}

#ftb h3{

	color:#fff;

	margin-bottom:0;

}

#ftb p{

	color:#fff;

}

#ftb a{

	color:#fff;

}

.social-icons-bar a{

	color:#fd5608;

}

.portfolio-item:hover .project-overlay{

	background:rgba(128,0,0,0.7);

}

#gl h3{

	margin-bottom:0;

	text-align:left;

}

	

#rl h2{

	margin-bottom:5px;

	color:#1D2B5B;

}

#rl h3{

	margin-bottom:15px;

}

#rl p{

	margin-bottom:5px;

	font-weight:400;

	font-size:12px;

}

#rl ul{

	margin-bottom:20px;

}

#rl li{

	margin-left:20px;

}

#rl .button{

	margin:0;

}





#rld h2{

	margin-bottom:15px;

}

#rld h3{

	margin-bottom:15px;

}

#rld h5{

	margin-bottom:5px;

}

#rld p{

	margin-bottom:5px;

}

#rld ul{

	margin-bottom:20px;

}



#rld .button{

	margin:0;

}

#ic a{

	margin:0 15px 0 0;

}



#pg{

	color:#000;

	padding:30px 0 50px;

	text-align:justify;

}

#pg h2{

	line-height:35px;

	margin-bottom:10px;

}

#pg #title h3{

	font-size:20px;

	font-weight:bold;

}

#pg p{

	color:#000;

	text-align:justify;

}

#pg span{

	font-weight:bold;

	color:#00336a;

}



#pr{

	padding:0 0 50px;

}

#pr h1{

	line-height:38px;

	text-transform:uppercase;

}



#sb ul{

	list-style: none;

}

#sb li{

	background: #fff;

	border:1px solid #ddd;

	border-radius: 5px;

	margin-left:0;

	margin-bottom:5px;

}

#sb li a{

	color: #1D2B5B;

	padding: 8px 10px;

	display: block;

}

#sb li:hover{

	background: #1d2b5b;

}

#sb li:hover a{

	color: #fff;

	padding-left:15px;

}



#sb li.active{

	background: #1d2b5b;

}

#sb li.active a{

	color: #fff;

	padding-left:15px;

}



#mi{

	padding:30px;

	background:#ff0000;

	margin-bottom:15px;

}

#mi h3{

	font-size:25px;

	color:#fff;

	display:inline-block;

	margin-bottom:0;

	margin-right:10px;

}

#mi .btn{

	background:#fff !important;

	color:#000;

	padding:10px 30px !important;

}

body.boxed .body{

	box-shadow:none;

}



.tb{

	margin:35px 0 20px;

	text-align:right;

}



.tb h3{

	color:#fff;

}

.tb li{

	display:inline-block;

	border-right:1px dotted #ccc;

}

.tb li:last-child{

	border:none;

}

.tb li a{

	font-size:20px;

	color:#1d2b5b;

	padding:0 15px;

}

.tb li:last-child a{

	padding-right:0;

}



hr{

	border-top: 1px solid #666;

}

.footer-style2 .footer-widget p{

	color:#fff;

}

.footer-style2 .site-footer-top{

	background:#1d2b5b;

}

#ft1 img{

	width:100px;

	float:left;

	padding-bottom:30px;

	padding-right:10px;

}

#ft1 h3{

	margin-bottom:5px;

	color:#fff;

}

#ft1 P{

	color:#fff;

}

#ft2 li a{

	color:#fff;

	font-weight:bold;

}

#ft2 li{

	margin-bottom:15px;

}

.site-footer-top .social-icons-bar a{

	color:#fff;

	font-size:18px;

}



.tp-caption h1{

	color:#fff;

	margin-bottom:10px;

	font-size:75px;

	line-height:50px;

	font-weight:bold;

	font-family: 'Arimo', sans-serif !important;

	text-shadow:1px 1px 5px rgba(0,0,0,0.8);

}

.tp-caption h3{

	color:#fff;

	line-height:30px;

	font-weight:bold;

	font-size:30px;

	font-family: 'Arimo', sans-serif !important;

	text-shadow:1px 1px 5px rgba(0,0,0,0.8);

}

.tp-caption .btn{

	background:rgba(0,0,0,0.1);

	border:1px solid #fff !important;

	color:#fff;

}

.site-footer-top p{

	font-size:14px;

}

.site-footer-top ul li a{

	font-size:14px;

}	

#slider2,

#slider3 {

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  margin: 0 auto;

  }



.rslides_tabs {

  list-style: none;

  padding: 0;

  background: rgba(0,0,0,.25);

  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

  font-size: 18px;

  list-style: none;

  margin: 0 auto 50px;

  max-width: 540px;

  padding: 10px 0;

  text-align: center;

  width: 100%;

  }



.rslides_tabs li {

  display: inline;

  float: none;

  margin-right: 1px;

  }



.rslides_tabs a {

  width: auto;

  line-height: 20px;

  padding: 9px 20px;

  height: auto;

  background: transparent;

  display: inline;

  }



.rslides_tabs li:first-child {

  margin-left: 0;

  }



.rslides_tabs .rslides_here a {

  background: rgba(255,255,255,.1);

  color: #fff;

  font-weight: bold;

  }





.callbacks_container {

  margin-bottom: 50px;

  position: relative;

  float: left;

  width: 100%;

  }



.callbacks {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.callbacks li {

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  }



.callbacks img {

  display: block;

  position: relative;

  z-index: 1;

  height: auto;

  width: 100%;

  border: 0;

  }



.callbacks .caption {

  display: block;

  position: absolute;

  z-index: 2;

  font-size: 14px;

  text-shadow: none;

  color: #fff;

  background: #000;

  background: rgba(0,0,0, .8);

  left: 0;

  right: 0;

  bottom: 0;

  padding: 10px 20px;

  margin: 0;

  max-width: none;

  }



.callbacks_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 52%;

  left: 0;

  opacity: 0.7;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  background: transparent url("../images/themes.gif") no-repeat left top;

  margin-top: -45px;

  }



.callbacks_nav:active {

  opacity: 1.0;

  }



.callbacks_nav.next {

  left: auto;

  background-position: right top;

  right: 0;

  }



#slider3-pager a {

  display: inline-block;

}



#slider3-pager img {

  float: left;

}



#slider3-pager .rslides_here a {

  background: transparent;

  box-shadow: 0 0 0 2px #666;

}



#slider3-pager a {

  padding: 0;

}

#pd .rev-slider-container{

	height:400px;

}



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

 

  .callbacks_nav {

    top: 47%;

    }

  }

  

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

	.header-style2 .site-header a img{

		max-width:250px;

	}

	.header-style2 .main-menu > ul > li > a{

		font-size:13px;

	}

	.main-menu > ul > li{

		padding:0 16px;

	}

	.tagline-row {    

    	background-color: rgba(1, 40, 83, 0.6);

	}

	.tagline-text h3{

		font-size:30px;

		line-height:35px;

	}

	#home .tagline-row{

		width:420px;

		left:10%;

	}

	#pd .tagline-row{

		width:420px;

		left:10%;

	}

	#pd .rev-slider-container{

		height:300px;

	}

}

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

	

	.header-style2 .mmenu-toggle{

		top:30px;

	}

	.header-style2 .site-header a img{

		max-width:110px;

		margin-top:0px;

	}

	

	.social-icons-bar{

		text-align:left;

	}

	.site-header h1.logo{

		height:auto !important;

		padding:0px 0 !important;

		position:relative;

	}

	#sticky-nav{

		background:none;

	}

	#title h1{

		font-size:25px;

		line-height:28px;

	}

	#ht1{

		display:none;

	}

	.logo{

		margin:0px 0 !important;

		border:none;

	}

	.logo img{

		border:none;

	}

	.site-header h1.logo img{

		max-height:70px;

	}

	.header-style5 .main-menu > ul > li > a{

		padding:0 10px !important;

	}

	.header-style5 .site-header{

		background:#1D2B5A;

	}

	#home .tagline-row{

		width:350px;

		left:25%;

	}

	#pd .tagline-row{

		width:350px;

		left:25%;

	}

	.tagline-text h3{

		font-size:25px;

		line-height:30px;

	}

	#pd .rev-slider-container{

		height:300px;

	}

}

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

	#home .rev-slider-container{

		height:300px;

	}

	#pd .rev-slider-container{

		height:250px;

	}

	.tagline-text h3{

		font-size:25px;

		line-height:30px;

	}

	#home .tagline-row{

		width:350px;

		left:15%;

	}

}

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

	#home .rev-slider-container{

		height:250px;

	}

	#pd .rev-slider-container{

		height:200px;

	}

	.site-header h1.logo{

		width:80%;

		

	}

	#intro .btn{

		margin-top:10px;

	}

	.header-style5 .site-header{

		height:70px !important;

	}

	#bx h2{

		position:inherit;

		background:#CC0001;

		width:auto;

	}

	#bx img{

		margin-bottom:0;

	}

	#home .tagline-row {    

    	background: none;

	}

	#home .tagline-text h3{

		display:none;

	}

	#bn1 p{

		font-size:14px;

	}

	#bn1 h2{

		font-size:16px;

	}

}



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

	.site-header h1.logo{

		width:80%;

		padding:0px 0 !important;

	}

	.header-style5 .site-header{

		height:58px !important;

	}

	.header-style5 .mmenu-toggle{

		top:-33px;

	}

	#bn1 p{

		font-size:12px;

	}

	#bn1 h2{

		font-size:14px;

	}

	#hml .cta-item .cta-title{

		top:20%;

	}

}







/*---------- PORTFOLIO ----------*/ 

#portfolio {

    padding: 100px 0 100px 0;

}



.portfolioFilter{ 

    margin-bottom: 20px;

}

.portfolioFilter a { 

    background-color: #f6f7f7;

    color: #7E7B7B;

    cursor: pointer;

    font: 400 11px/28px "Montserrat",sans-serif;

    text-transform: uppercase!important;

    padding: 2px 18px;

    position: relative;

    overflow: visible;

    margin: 10px 0 0 5px;

    border: none; 

    text-transform: none;

    display: inline-block;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.portfolioFilter a.current { 

    text-decoration: none; 

    color: #fff;

}



.portfolioFilter a:hover {

    color: #fff;

}



.portfolioContainer {

    width: 100%;

    position: relative;

    list-style: none;

    opacity: 1;

}

.container-fluid ul.portfolioContainer {

    margin: 0;

}

.container-fluid .p5 {

    padding-left: 5px;

    padding-right: 3px;

    padding-bottom: 5px;

}

.portfolioContainer li img {

    width: 100%;

    display: block;

}



/* 2 Columns */

@media (max-width:992px){ 

    .portfolioContainer.columns-2 li { 

        width: 50%; 

    }

}

@media (min-width:992px){ 

    .portfolioContainer.columns-2 li { 

        width: 50%; 

    }

} 

/* 3 Columns */

@media (max-width:992px){ 

    .portfolioContainer.columns-3 li { 

        width: 50%; 

    }

}

@media (min-width:992px){ 

    .portfolioContainer.columns-3 li {

        width: 33.3%;

    }

} 

/* 4 Columns */

@media (max-width:992px){ 

    .portfolioContainer.columns-4 li { 

        width: 50%; 

    }

}

@media (min-width:992px){ 

    .portfolioContainer.columns-4 li { 

        width: 25%; 

    }

} 

/* 5 Columns */

@media (max-width:992px){ 

    .portfolioContainer.columns-5 li { 

        width: 50%; 

    }

}

@media (min-width:992px){ 

    .portfolioContainer.columns-5 li { 

        width: 20%; 

    }

} 



.portfolioContainer.margin li {

    padding: 5px;

    overflow: hidden; 

}

.portfolioContainer.nomargin li {

    padding: 0;  

}  



.port-img { 

    display: block;

    max-width: 100%;

    height: auto;

}



.isotope-item {

    z-index: 2;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

.isotope,

.isotope .isotope-item {  

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    transition-property: height, width;

}

.isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property: -moz-transform, opacity;

    transition-property: transform, opacity;

}

 



/* Img Hover Effect */

.portfolioContainer li { 

    position: relative;

    overflow: hidden;

}

.portfolioContainer li a {

    /* display: inline; */

    /* margin: auto; */

    /* padding: 0; */

    /* max-width: 100%; */

    /* height: auto; */

    /* color: #fff; */

    /* font-size: 16px; */

}



 

.portfolioContainer li .item {

    background: rgb(0,0,0);  

} 

.white-bg .portfolioContainer li .item,

.portfolioContainer.white-hovers li .item {

    background: rgb(255,255,255);  

}

.portfolioContainer li img {

	opacity:0.5;

}

.portfolioContainer li:hover img {

    opacity: .8;   

}    

.portfolioContainer li img ,

.portfolioContainer li:hover img { 

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -ms-transition: all 0.3s;

    transition: all 0.3s;

} 



.portfolioContainer li .info {

    /* opacity: 0; */

    width: 100%;

    position: absolute;

    top: 52%;

    right: 0;

    padding: 40px;

    text-align: center;

    z-index: 2;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

}

.portfolioContainer li:hover .info  { 

    opacity: 1;

}



.portfolioContainer li .info h4 {

    color: #fff;

	font-size:26px;

    margin-top: 15px;

    margin-bottom: 5px;

}

.portfolioContainer.alt li .info h4 {

    margin-top: 30px;

    margin-bottom: 0;

}

.portfolioContainer li .info p { 

    color: #eee;

    text-transform: uppercase;

    letter-spacing: 5px;

    margin-top: 0;

    font-size: 9px; 

    font-weight: 300;

}

.portfolioContainer.white-hovers li .info h4 {

    color: #111;

}

.portfolioContainer.white-hovers li .info p {

    color: #777;

}

.white-bg .portfolioContainer li .info h4 {

    color: #111;

}

.white-bg .portfolioContainer li .info p {

    color: #777;

}

.portfolioContainer li .info ul {

    list-style: none;

    padding-left: 0;

}

.portfolioContainer li .info ul li {

    display: inline;

    margin-left: 7px;

    margin-right: 7px;

}

.portfolioContainer li .info .date {

    letter-spacing: 0;

    text-transform: none;

    font-size: 13px;

}

.portfolioContainer li .info i {

    padding: 5px;

    text-decoration: none;

}

.portfolioContainer li .info i:hover {

    color: #fff;

}



.portfolioContainer li .info i,

.portfolioContainer li .info i:hover {

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

}



/* Hover Effects */

.portfolioContainer li .info.hover-top { 

    top: 20%

}

.portfolioContainer li:hover .info.hover-top { 

    top: 52%

}

.portfolioContainer li .info.hover-left { 

    left: -20%

}

.team-member:hover .team-member-detail.hover-left { 

    left: 0;

}

.portfolioContainer li .info.hover-right { 

    right: -20%

}

.team-member:hover .team-member-detail.hover-right { 

    right: 0;

}

.portfolioContainer li .info.hover-bottom { 

    top: 50%

}

.portfolioContainer li:hover .info.hover-bottom { 

    top: 45%

}

.portfolioContainer li:hover .item.white-bg:after {

    background: rgba(255,255,255, 0.9);

} 

.portfolioContainer li .item.white-bg h4 {

    color: #111;

} 

.portfolioContainer li .item.white-bg p {

    color: #111;

}  



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

	.portfolioContainer li .info h4{

		font-size:18px;

	}

}

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

	.portfolioContainer.columns-3 li{

		width:100%;

	}

	.portfolioContainer li .info h4{

		font-size:16px;

	}

}



.containerx {
    display: flex;
    align-items: center;
    gap: 20px;
}
.box {
    background-color: #135b7f;
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    min-width: 200px;
}
.arrow {
    font-size: 24px;
    font-weight: bold;
}
.text {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}



table x {
    width: 80%;
    border-collapse: collapse;
    background-color: white;
}
th, td {
    border: 2px solid black;
    padding: 10px;
    text-align: center;
}
th {
    font-size: 24px;
}
.bold {
    font-weight: bold;
}