/*--------------------  -------------------*/
/*--------------------  -------------------*/
/*------------------- Global section ------------------*/
/*-------------------- Body Section -------------------*/

body{
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #99a;
	font-size: 1em;
	line-height: 1.6;
	color: #99a !important;
	
	background-image: url("https://worldprogproject.com/assets/img/worldprog2.jpg");
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.subfooter a:focus, a:hover {
    color: #3c7fbc !important;
}
.golden {
     color: #D4AF37;
     }
/*-------------------- Menu section -------------------*/
.mini-logo{
	width: 80px;
	float: left;
}
.header{
	background: #EEE;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	width: 100%;
	padding: 0px 0px;
	display: block;
}
.menu-mobile-open{
	display: none;
	float: right;
	position: relative;
	color: #666;
	margin: 17px 10px;
	width: 30px;
	height: 20px;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.menu-main{
	padding-top: 10px;
	float: right;
	margin: 0;
}
.menu-main li{
	float: left;
	position: relative;
	display: block;
	margin: 0;
	list-style: none;
	-moz-transition: 0.4s all;
	-webkit-transition: 0.4s all;
	transition: 0.4s all;
	padding: 0;
	vertical-align: baseline;
}
.menu-main a{
	text-decoration: none;
	font-size: 1.1em;
	color: #99a;
	padding: 10px;
}
.menu-item{
	line-height: 1.4;
	text-align: left;
}
.current-menu-item{}
.menu-title{}

.container { max-width:960px; padding:0 20px; margin:0 auto; }
.clear {
	clear: both;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/*------------------- Slider Section ------------------*/
.carousel {
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
}
.carousel-indicators {
  top: 0px;
}
.carousel-indicators li.active{
  background-color: #D4AF37;
}

.carousel-indicators li {
  background-color: ##444449;
}
      .slider { padding:0; margin:0; position:relative; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all;}
      .slider-slides { display:block; overflow:hidden; padding:0; margin:0; height:565px; }
      .slider-slides .slide { overflow:hidden; background-position:center; background-size:cover; position:relative; list-style:none; width:100%; height:100%; margin:0; padding:0; }
      .slider-slides .slide-body { position:absolute; top:15%; left:0; width:100%; }
      /*.slider-slides .container { position:relative; height:inherit; }*/
      .slider-slides .container { position:absolute; height:inherit; left: 4%}
      .slider-slides .slide-image { float:right; padding:0; width:48%; }
      .slider-slides .slide-image img { display:block; margin:0 auto; }
      .slider-slides .slide-caption { width: 70% !important; overflow:hidden; text-transform:uppercase; float:left; padding:0 0 30px; width:48%; text-align:left; }
      .slider-slides .slide-caption p:last-child { margin-bottom:0; }
      .slider-slides .slide-title { font-size:1.7em; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;; }
      .slider-slides .slide-content { position:relative; font-size:1.2em; padding:0 0 30px; margin:0 0 30px; }
      .slider-slides .slide-content:after { content:' '; position:absolute; background:#888; bottom:0; left:0; width:100px; height:1px; }
      /* Prev/Next */
      .slider-prev, 
      .slider-next { -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; opacity:0.3; }
      .slider:hover .slider-prev, 
      .slider:hover .slider-next { opacity:1; background-color: rgba(0,0,0,0.4) }
      .slider-prev, 
      .slider-next { position:absolute; width:40px; height:100px; font-size:30px; line-height:70px; margin-top:-35px; top:50%; left:1%; text-align:center; color:#fff; z-index:999; cursor:pointer; }
      .slider-next { right:1%; left:auto; }
      .slider-prev:before,
      .slider-prev:after,
      .slider-next:before,
      .slider-next:after { display:block; content:' '; position:absolute; top:50px; left:25%; width:50px; height:1px; background:#888; border-radius:50px; -moz-transform-origin:left; -webkit-transform-origin:left; transform-origin:left;  }
      .slider-prev:before,
      .slider-next:before { -moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); transform:rotate(-60deg); }
      .slider-prev:after,
      .slider-next:after { -moz-transform:rotate(60deg); -webkit-transform:rotate(60deg); transform:rotate(60deg); }
      .slider-next:before, 
      .slider-next:after { left:auto; right:25%; -moz-transform-origin:right; -webkit-transform-origin:right; transform-origin:right; }
      /* Transitions */
      .slider-slides .slide-body .slide-caption { -moz-transform:translateY(60px); -webkit-transform:translateY(60px); transform:translateY(60px); opacity:0; -moz-transition:1s all; -webkit-transition:1s all; transition:1s all; }
      .slider-slides .slide-body .slide-image { -moz-transform:translateY(20px); -webkit-transform:translateY(20px); transform:translateY(20px); opacity:0; -moz-transition:1s all; -webkit-transition:1s all; transition:1s all; }
      .slider-slides .cycle-slide-active .slide-caption,
      .slider-slides .cycle-slide-active .slide-image { -moz-transform:none; -webkit-transform:none; transform:none; opacity:1; }
      .slider-slides .cycle-slide-active .slide-image { -moz-transition-delay:0.8s; -webkit-transition-delay:0.8s; transition-delay:0.8s; }
      .slide-caption  {
      color: #9AB;
      font-size: 18px;
      }
      .slide-content p {
      font-size: 32px;
      color: #9AB;
      }
      .slide-content::after {
      display: none;
      }
.carousel-control {
    background-image: none !important;
}

.carousel-item.active.carousel-item-left {
	opacity: 1;
    z-index: 1;
}
.carousel-item.carousel-item-left {
	opacity: 1;
    z-index: 1;
}
.carousel-item.carousel-item-left{
	opacity: 0;
    z-index: 2;
}
.carousel-item..active.carousel-item-left{
	opacity: 0;
    z-index: 2;
}

/*
.carousel-item-left {
    opacity: 1;
    z-index: 1;
}

.carousel-item-next {
    opacity: 0;
    z-index: 2;
}
*/
.carousel-inner {
}
.carousel-item {
	height: 580px;
}
/*	
.carousel-item-left {
	opacity: 0;
	}
.carousel-item-right {
	opacity: 0;
}
*/
.carousel-item-img {
	position: absolute;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	list-style: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	opacity: 1;
	display: block;
	visibility: visible;
}

.carousel-caption {
	text-transform: uppercase;
	width: 30%;
	color: #9AB;
	text-align: left;
	font-size: 2.6em;
	margin-top: 80px;
	position: relative;
}
/* Our Core features */
.row {
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}

.country {
     font-size: 0.7em;
}
.row::after {
    clear: both;
    content: ' ';
    display: table;
}
.column {
	display: block;
	float: left;
	margin-right: 5%;
}
.column:last-child {
    margin-right: 0;
}
.features {
	/*background: #444449;*/
	background-color: rgba(34, 34, 37, 0.9);
	margin: 0;
	padding: 0px 0 10px;
}
.darkly {
	background: rgba(34, 34, 37, 0.8);
	margin: 0 !important;
}
.section-heading {
	position: relative;
	margin: 0 0 40px;
	padding: 0 0 30px;
	text-align: center;
	line-height: 1.2;
	font-size: 1.8em;
	text-transform: uppercase;
}
.section-heading::before {
    content: ' ';
    position: absolute;
    background: #bbb;
    bottom: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 2px;
}

.col51 {width:18.05%}
.col3 {
	width: 30%;
}
.col4 { width:21.25%; }
.col6 {width:14.36%;}
.column-narrow {
    display: block;
    float: left;
    margin-right: 2%;
}
.column-narrow.col4 { width:23.5%; }
.feature{
        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -o-animation-delay: 2s;
        -ms-animation-delay: 2s;
	margin: 0 0 40px;
	text-align: center;
}
.feature-icon {
	display: block;
	position: relative;
	min-height: 102px;
	margin: 0 0 20px;
	font-size: 40px;
}
.fa-icon{
	display: block;
	position: relative;
	background: #fff;
	font-family: 'fontawesome';
	text-align: center;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-radius: 50%;
	padding-top: 80px;
	font-size: 40px;
/*	color: #2481de;*/
        color:#066bc6;
	padding-top: 30px;
	margin-right: 20px;
}
.feature-card {
    background-color: white;
    border-radius: 30px;
    margin: 10px 20px 10px 0;
    min-height: 170px !important;
}
.feature-card-right {
    text-align: right;
}
.feature-card-left {
    text-align: left;
}
.feature-title {
	margin: 30px 0;
	font-size: 1.2em;
	text-transform: uppercase;
/*	color: #2481de;*/
color: #066bc6;
	position: relative;
}

.feature-content {
	color: #D4AF37;
	font-size: 1.1em;
	text-align: left;
}

/*-------------------- Parallax -------------------*/
.tagline {
    padding: 70px 0;
    background: rgba(0,0,0,0.4);
    font-size: 1.5em;
    text-align: center;
}

.dark {
	color: #eee;
}
.dark h3 {
	color: #fff;
}
.dark a:link, body .dark a:visited, body .dark a:hover {
    color: #fff;
}
/*-------------------- Services -------------------*/
.services{
	background: rgba(0,0,0,0.4);
}
.service {
	margin-bottom: 50px;
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}
.service-icon {
    font-family: 'fontawesome';
    float: left;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 40px !important;
    margin: 0 auto 20px;
    line-height: 50px;
    color: #2481de;
}
.service-body {margin-left: 70px;}
.service-title {
	margin: 0 0 10px;
	font-size: 1.2em;
	text-transform: uppercase;
}
.service-content{margin: 0 0 10px; text-align: left;}

/*-------------------- Team -------------------*/
.team {
	background: rgba(0,0,0,0.4);
	padding: 50px 0 10px;
	margin: 0;
}
.team-member {
	margin: 0 0 40px;
	cursor: pointer;
}
.team-member-image {
	display: block;
	margin: 0;
	max-width: 100%;
}
.team-member-image img {

}
.team-member-body {
  transition:         0.2s ease-out;
  -o-transition:      0.2s ease-out;
  -ms-transition:     0.2s ease-out;
  -moz-transition:    0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
	border: 1px solid #eee;
	padding: 20px;
	margin: 0;
}
.team-member-title {
	margin: 0;
	color: #CCC;
	font-size: 1.2em;
	text-transform: uppercase;

}
.team-member-content {
	margin: 15px 0 0;
}
.team-member-content p {
        color: #eee;
	margin-bottom: 0;
}
.team-member-title2 {
	margin: 0;
	font-size: 1.0em;
	text-transform: uppercase;
/*	color: #567;*/
	color: #eee;
}
.team-member-body2 {
	border: 1px solid #eee;
	padding: 20px;
	margin: 0;
}

.team-member:hover {
    .animated;
    .infinite;
    .pulse;
}

.team-member:hover .team-member-body { 
  transition:         0.2s ease-out;
  -o-transition:      0.2s ease-out;
  -ms-transition:     0.2s ease-out;
  -moz-transition:    0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  background-color: #eee;
}
.team-member:hover .team-member-title { color: #345; }
.team-member:hover .team-member-content p { color: black;}
.team-member:hover .team-member-body2 { 
  transition:         0.2s ease-in;
  -o-transition:      0.2s ease-in;
  -ms-transition:     0.2s ease-in;
  -moz-transition:    0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  background-color: #eee;
}
.team-member:hover .team-member-title2 { color: #345; }
.footer-menu {
	list-style: none;
}
/*-------------------- Footer -------------------*/
.main {
	/*background: #DDD;*/
	background-color: rgba(221, 221, 221, 0.9);
	overflow: hidden;
	padding: 30px 0 10px;
}
.subfooter{
	background-color: rgba(34, 34, 37, 0.9);
	overflow: hidden;
	padding: 40px 0 10px;
	display: block;
	color: #eee;
}
.subfooter a {
	color: #fff;
	text-decoration: none;
}
.textwidget {
	overflow: hidden;
	margin: 0 0 40px;
}
/*-------------------- Social icons ------------------*/
.social-link {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	-moz-transition: 0.3s all;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}
.social-icon {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #ddd;
	font-size: 18px;
	border-radius: 3px;
	text-align: center;
}
.footer {
	background-color: rgba(34, 34, 37, 0.9);
	margin: 0 auto;
	text-align: center;
	color: #eee;
	padding: 50px 0 50px 0;
	}
	

.modal-header { 
   color: #D4AF37 !important;
}
.modal-content {
	background-color: rgba(68,68,73, 0.8) !important;
}

/*--------------------  -------------------*/

/*################### Responsive #####################*/

/* --------------------------------------------------------------
RESPONSIVE STYLES
-------------------------------------------------------------- */


/* LARGE SCREENS */
@media screen and (min-width: 1280px){
	.container { max-width:1180px; }
	.wrapper-boxed .wrapper { width:1220px; }
	.wrapper-boxed .container { padding:0 40px; }
}


/* TABLET SCREENS (LANDSCAPE) */
@media screen and (max-width: 1024px){
    	
	/* LANGUAGE SWITCHER */
	.languages .language-list { display:none; visibility:visible; opacity:1; }
	.languages:hover .language-list { display:block; visibility:visible; opacity:1; }
	
	/* SHOPPING CART */
	.shopping-cart .cart-list { display:none; visibility:visible; opacity:1; }
	.shopping-cart:hover .cart-list { display:block; visibility:visible; opacity:1; }
	
	/* MAIN MENU DROPDOWN */
	.menu-main li ul { display:none; visibility:visible; opacity:1; }
	.menu-main li:hover > ul { display:block; visibility:visible; opacity:1; }    
}


/* TABLET SCREENS (PORTRAIT) */
@media screen and (max-width: 800px){
    
	/* COLUMNS */
	.col4 { width:47.5%; }
	.col4:nth-of-type(2) { margin-right:0; }
	.col4:nth-of-type(3) { clear:left; }
	.col5 { width:47.5%; }
	.col5:nth-child(n+3) { width:30%; }
	.col5:nth-child(2) { margin-right:0; }
	.col6 { width:30%; }
	.col6:nth-child(3n) { margin-right:0; }
	/* Narrow */
	.column-narrow.col4 { width:49%; }
	.column-narrow.col5 { width:49%; }
	.column-narrow.col5:nth-child(n+3) { width:32%; }
	.column-narrow.col6 { width:32%; }
	/* Fit */
	.column-fit.col4 { width:50%; }
	.column-fit.col5 { width:50%; }
	.column-fit.col5:nth-child(n+3) { width:33.3333%; }
	.column-fit.col6 { width:33.3333%; }
	/* Break Early */
	body .column.column-early { float:none; width:auto; margin:0; }
	
	
	/* WRAPPERS */	
	.container { padding:0 20px; }

	
	/* CONTENT */
	.sidebar-double .content,
	.sidebar-double-left .content,
	.sidebar-double-right .content,
	.content { float:none; width:auto; margin:30px 0 50px; }
	.content-submenu { float:none; width:auto; margin:0 0 50px; }
	.sidebar-double .sidebar,
	.sidebar-double-left .sidebar,
	.sidebar-double-right .sidebar,
	.sidebar { clear:both; float:none; width:auto; margin:0; }
	.sidebar-double .sidebar,
	.sidebar-double-left .sidebar,
	.sidebar-double-right .sidebar { float:left; width:48%; }
	.sidebar-double .sidebar-secondary,
	.sidebar-double-left .sidebar-secondary,
	.sidebar-double-right .sidebar-secondary { clear:right; float:right; }
	.submenu { float:none; width:auto; }


	/* MAIN MENU */
	.menu-main { display:none; }
	.menu-mobile-toggle { display:block; }
	.menu-mobile { display:block; }	
	
}


/* Screens */
@media only screen and (min-width: 1921px ) {
    .slider-slides {
        height: 960px;
    }
}


/* SMARTPHONE SCREENS */
@media only screen and (max-width: 768px) {
	.col3 {width: 100%;}
	.col4 {width: 100%;}
	.col51 {width: 100%;}
}

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

	
	/*.col4 {width: 100%;}
	.col5 {width: 100%;}*/
	
	/* HEADINGS */
	h1 { font-size:2em; } 
	h2 { font-size:1.8em; } 
	h3 { font-size:1.4em; } 
	h4 { font-size:1.2em; } 
	h5 { font-size:1.1em; } 
	h6 { font-size:1.0em; }
	
	
	/* LAYOUT COLUMNS */
	.container { padding:0 10px; }
	body .column,
	body .column.column-narrow,
	body .column.column-fit { float:none; width:auto; margin:0; }
	.gallery .column { float:none; width:auto; margin:0 0 1%; }
	.image-gallery .column { float:none; width:auto; margin:0 0 1%; }
	.gallery .gallery-item { float:none; margin:0 0 20px 0; width:auto; }
	.gallery br { display:none; }
	
	
	/* HEADER */
	.header .logo { float:left; max-width:50%; }
	.header .header-content { display:none; }
		
		
	/* LANGUAGE SWITCHER */
	.languages img { display:none; }
	
	
	/* SIDEBAR */
	.sidebar-double .sidebar,
	.sidebar-double-left .sidebar,
	.sidebar-double-right .sidebar,
	.sidebar { clear:both; float:none; width:auto; margin:0; }
	
	
	/* FOOTER MENU */
	.menu-footer li { display:block; margin:0 0 15px; }
	.menu-footer li ul li { margin:0; }
	
	
	/* INLINE IMAGES */
	.alignleft, img.alignleft { max-width:40%; margin-right:10px; }
	.alignright, img.alignright { max-width:40%; margin-left:10px; }
		
}