@charset "utf-8";
/*
/*	Copyright (c) 2019 Marketify
/*	Author: Marketify
/*	This file is made for CURRENT TEMPLATE


01) PORTU BASE
02) PORTU TOP BAR
03) PORTU HERO
04) PORTU SERVICES
05) PORTU ABOUT
06) PORTU PORTFOLIO
07) PORTU TESTIMONIALS
08) PORTU NEWS
09) PORTU CONTACT
10) PORTU FOOTER
11) PORTU MEDIA QUERIES (FOR SMALL DEVIVES)


/*---------------------------------------------------*/
/*	01) PORTU BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Roboto";
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.8px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #fff;
	color: #191919;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img.svg{
	width: 15px;
	height: 15px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #6f6f6f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #6f6f6f;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #6f6f6f;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #6f6f6f;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #6f6f6f;
}

::placeholder { /* Most modern browsers support this now. */
   color: #6f6f6f;
}
.portu_tm_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_all_wrap,
.portu_tm_all_wrap *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.portu_tm_all_wrap .wrapper_inner{
	width: 100%;
	min-height: 100vh;
	clear: both;
	float: left;
}
.portu_tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 11111111;
}
.portu_tm_loader-wrapper .loader {
    height: 1px;
    background-color: #191919;
    z-index: 11111111;
	position: absolute;
}

/*---------------------------------------------------*/
/*	02) PORTU TOP BAR
/*---------------------------------------------------*/

.portu_tm_topbar{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	background-color: #fff;
	padding: 40px 0px;
	transition: all .3s ease;
}
.portu_tm_topbar.animate{
	box-shadow: 0px 0px 20px rgba(255,255,255,.2);
	padding: 35px 0px;
}
.portu_tm_topbar .topbar_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.portu_tm_topbar .topbar_inner .menu ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_topbar .topbar_inner .menu ul li{
	margin: 0px 40px 0px 0px;
	float: left;
}
.portu_tm_topbar .topbar_inner .menu ul li:last-child{margin-right: 0px;}
.portu_tm_topbar .topbar_inner .menu ul li a{
	text-decoration: none;
	color: #191919;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_topbar .topbar_inner .menu ul li a:hover{color: #5ac6cd;}


.portu_tm_mobile_menu{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
}
.portu_tm_mobile_menu .mobile_inner{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background-color: #fff;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.portu_tm_mobile_menu .menu_in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.portu_tm_mobile_menu .mobile_inner .trigger a{
	text-decoration: none;
	color: #fff;
}
.portu_tm_mobile_menu .mobile_inner .trigger a .close{display: none;}
.portu_tm_mobile_menu .mobile_inner .trigger a .close.opened{display: block;}
.portu_tm_mobile_menu .mobile_inner .trigger a .menu.closed{display: none;;}
.portu_tm_mobile_menu .dropdown{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.2);
	display: none;
}
.portu_tm_mobile_menu .dropdown .dropdown_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 25px 0px;
}
.portu_tm_mobile_menu .dropdown .dropdown_inner ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_mobile_menu .dropdown .dropdown_inner ul li{
	margin: 0px;
	float: left;
	width: 100%;
}
.portu_tm_mobile_menu .dropdown .dropdown_inner ul li a{
	text-decoration: none;
	color: #191919;
	display: inline-block;
	padding: 4px 0px;
	font-family: "Raleway";
	font-weight: 500;
}




/*---------------------------------------------------*/
/*	03) PORTU HERO
/*---------------------------------------------------*/

.portu_tm_hero{
	width: 100%;
	height: 100vh;
	clear: both;
	float: left;
	position: relative;
	background-color: #fff;
	margin-bottom: 150px;
}
.portu_tm_hero .container{height: 100%;}
.portu_tm_hero .hero_texts{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.portu_tm_animation_text_word{position: relative;	}
.portu_tm_hero .hero_texts .name{
	position: relative;
	display: inline-block;
	color: #5ac6cd;
	font-weight: 500;
	font-size: 20px;
}
.portu_tm_hero .hero_texts h3{
	font-size: 50px;
	margin-bottom: 26px;
}
.portu_tm_hero .hero_texts ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_hero .hero_texts ul li{margin: 0px 0px 10px 0px;}
.portu_tm_hero .hero_texts ul li:last-child{margin-bottom: 0px;}
.portu_tm_hero .hero_texts ul li .svg{
	color: #5ac6cd;
	position: relative;
	top: 3px;
}
.portu_tm_hero .hero_texts ul li a{
	text-decoration: none;
	color: #191919;
	padding-left: 10px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_hero .hero_texts ul li a:hover{color:#5ac6cd;}
.portu_tm_down{
	position: absolute;
	z-index: 7;
	bottom: 80px;
}
.portu_tm_down .line_wrapper{
	position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    right: 0;
   	margin: 0px auto;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
	
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.portu_tm_down .line_wrapper{
    width: 1px;
    height: 50px;
    background: none;
	display: block;
}
.portu_tm_down .line_wrapper:before{
	content: "";
	background-color: #191919;
	width: 1px;
    height: 50%;
    display: block;
    top: 0;
	
    -webkit-animation: scroll-down 2s ease-in-out infinite;
    -ms-animation: scroll-down 2s ease-in-out infinite;
    animation: scroll-down 2s ease-in-out infinite;;
}

@-webkit-keyframes scroll-down {
  0% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  70% {
    height: 100%;
    transform: scaleY(0.5);
    transform-origin: bottom;
  }
  100% {
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
.portu_tm_hero .animate_image{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
}
.portu_tm_hero .animate_image .about_wrap{
	float: right;
	padding-right: 40px;
}
.portu_tm_hero .animate_image .image_holder{
	position: relative;
	float: left;
}
.portu_tm_hero .animate_image .image_holder img{opacity: 0;}
.portu_tm_hero .animate_image .image_holder .main_image{
	position: absolute !important;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../img/about/1.jpg);
	z-index: 5;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.portu_tm_hero .animate_image .image_border{
	position: absolute;
	top: -40px !important;
	bottom: 40px;
	left: -40px !important;
	right: 40px;
	z-index: 4;
}
.portu_tm_hero .animate_image .image_border img{opacity: 0;}
.portu_tm_hero .animate_image .image_border .border{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border: 10px solid #5ac6cd;
	z-index: 7;
}

/*---------------------------------------------------*/
/*	04) PORTU SERVICES
/*---------------------------------------------------*/

.portu_tm_service{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 103px;
}
.portu_tm_service .service_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_service .service_inner ul{list-style-type: none;}
.portu_tm_service .service_inner ul li{margin: 0px 0px 50px 0px;}
.portu_tm_service .service_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 20px 0px;
}
.portu_tm_service .service_inner ul li .inner .title{
	position: relative;
	padding-left: 50px;
	margin-bottom: 22px;
}
.portu_tm_service .service_inner ul li .inner .title h3{font-size: 20px;}
.portu_tm_service .service_inner ul li .inner .svg{
	width: 35px;
	height: 35px;
	color: #5ac6cd;
	position: absolute;
	left: 0px;
	top: -5px;
}

/*---------------------------------------------------*/
/*	05) PORTU ABOUT
/*---------------------------------------------------*/

.portu_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 139px;
}
.portu_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
}
.portu_tm_about .about_inner .left{width: 40%;}
.portu_tm_about .about_inner .left .image{position: relative;}
.portu_tm_about .about_inner .left .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.portu_tm_about .about_inner .right{
	width: 60%;
	padding-left: 70px;
}
.portu_tm_about .about_inner .right .about_title{
	width: 100%;
	float: left;
	margin-bottom: 23px;
}
.portu_tm_about .about_inner .right .about_title h3{font-size: 50px;}
.portu_tm_about .about_inner .right .about_title h3 span{
	color: #5ac6cd;
	font-style: italic;
}
.portu_tm_about .about_inner .right .text{
	width: 100%;
	float: left;
	margin-bottom: 29px;
}
.portu_tm_about .about_inner .right .sign{margin-bottom: 38px;}
.portu_tm_about .about_inner .right .sign_name{margin-bottom: 30px;display: none;}
.portu_tm_about .about_inner .right .sign_name span{
	color: #191919;
	font-weight: 500;
	font-size: 18px;
}
.portu_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_button a{
	text-decoration: none;
	color: #191919;
	display: inline-block;
	background-color: #5ac6cd;
	padding: 10px 38px;
	border: 2px solid #5ac6cd;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_button a:hover{background-color: transparent;}

/*---------------------------------------------------*/
/*	06) PORTU PORTFOLIO
/*---------------------------------------------------*/

.portu_tm_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_title_holder span{
	position: relative;
    display: inline-block;
    color: #5ac6cd;
    font-weight: 500;
    font-size: 20px;
}
.portu_tm_title_holder h3{font-size: 27px;}
.portu_tm_portfolio{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.portu_tm_portfolio .portfolio_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 67px;
}
.portu_tm_portfolio .portfolio_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.portu_tm_portfolio .portfolio_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.portu_tm_portfolio .portfolio_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.portu_tm_portfolio .portfolio_list ul li .inner .image{position: relative;}
.portu_tm_portfolio .portfolio_list ul li .inner .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.portu_tm_portfolio .portfolio_list ul li .inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,143,3,.9);
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_portfolio .portfolio_list ul li .inner:hover .overlay{
	opacity: 1;
	visibility: visible;
}
.portu_tm_portfolio .portfolio_list ul li .inner .overlay_text{
	position: absolute;
	top: 15px;
	left: 25px;
	z-index: 2;
}
.portu_tm_portfolio .portfolio_list ul li .inner .overlay_text span{
	color: #191919;
	display: block;
	line-height: 1.8;
	position: relative;
	opacity: 0;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_portfolio .portfolio_list ul li .inner .overlay_text span.title{
	font-size: 20px;
	font-family: "Raleway";
	font-weight: 600;
	left: -5px;
}
.portu_tm_portfolio .portfolio_list ul li .inner .overlay_text span.category{left: 5px;}
.portu_tm_portfolio .portfolio_list ul li .inner:hover .overlay_text span.title{
	opacity: 1;
	left: 0px;
}
.portu_tm_portfolio .portfolio_list ul li .inner:hover .overlay_text span.category{
	opacity: 1;
	left: 0px;
}
.portu_tm_portfolio .portfolio_list ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
}

/*---------------------------------------------------*/
/*	07) PORTU TESTIMONIALS
/*---------------------------------------------------*/

.portu_tm_testimonials{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	margin-bottom: 134px;
}
.portu_tm_testimonials .bg_wrap{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.portu_tm_testimonials .bg_wrap .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1;
}
.portu_tm_testimonials .bg_wrap .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
	background-color:rgba(0,0,0,.7); 
}
.portu_tm_testimonials .content{
	width: 100%;
	max-width: 700px;
	height: auto;
	margin: 0px auto;
	position: relative;
	z-index: 4;
	padding: 107px 0px 69px 0px;
	text-align: center;
}
.portu_tm_testimonials .content .icon{margin-bottom: 28px;}
.portu_tm_testimonials .content .icon i{
	color: #5ac6cd;
	font-size: 40px;
}
.portu_tm_testimonials .content .text{margin-bottom: 42px;}
.portu_tm_testimonials .content .text p{
	color: #191919;
	font-size: 20px;
	font-style: italic;
}
.portu_tm_testimonials .content .name_holder span{
	display: block;
	color: #191919;
}
.portu_tm_testimonials .content .name_holder span.name{font-size: 19px;}
.portu_tm_testimonials .content ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_testimonials .content ul li{margin: 0px 0px 50px 0px;}

/*---------------------------------------------------*/
/*	12) PORTU TEAM MEMBERS
/*---------------------------------------------------*/

.portu_tm_team{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 85px;
}
.portu_tm_team .team_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 63px;
}
.portu_tm_team .team_inner > ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.portu_tm_team .team_inner > ul > li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.portu_tm_team .team_inner > ul > li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.portu_tm_team .team_inner > ul > li .inner .image{
	position: relative;
	overflow: hidden;
}
.portu_tm_team .team_inner > ul > li .inner .image img{min-width: 100%;}
.portu_tm_team .team_inner > ul > li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.portu_tm_team .team_inner > ul > li .inner .details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 32px 40px 30px 40px;
	background-color: #fff;
	
}
.portu_tm_team .team_inner > ul > li .inner .details h3{
	font-size: 20px;
	margin-bottom: 3px;
}
.portu_tm_team .team_inner > ul > li .inner .social{
	position:absolute;
	left: 0px;
	bottom: -32px;
	background-color: #5ac6cd;
	padding: 0px 10px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_team .team_inner > ul > li .inner:hover .social{bottom: 0px;}
.portu_tm_team .team_inner > ul > li .inner .social ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_team .team_inner > ul > li .inner .social ul li{
	margin: 0px 3px 0px 0px;
	display: inline-block;
}
.portu_tm_team .team_inner > ul > li .inner .social ul li a{
	text-decoration: none;
	color: #191919;
}

/*---------------------------------------------------*/
/*	08) PORTU NEWS
/*---------------------------------------------------*/

.portu_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_news .news_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 67px;
	margin-bottom: 86px;
}
.portu_tm_news .news_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.portu_tm_news .news_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.portu_tm_news .news_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_news .news_inner ul li .inner .image{position: relative;}
.portu_tm_news .news_inner ul li .inner .image img{min-width: 100%;}
.portu_tm_news .news_inner ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.portu_tm_news .news_inner ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.portu_tm_news .news_inner ul li .inner .details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 32px 40px 10px 40px;
	background-color: #fff;
}
.portu_tm_news .news_inner ul li .inner .details .dates{
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding-bottom: 11px;
	margin-bottom: 12px;
}
.portu_tm_news .news_inner ul li .inner .dates p{
	text-transform: uppercase;
	font-size: 13px;
}
.portu_tm_news .news_inner ul li .inner .dates p .first a{
	text-decoration: none;
	color: #191919;
	position: relative;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_news .news_inner ul li .inner .dates p .first a:hover{color: #5ac6cd;}
.portu_tm_news .news_inner ul li .inner .dates p .first a:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 9px;
	background-color: #6f6f6f;
	top: 3px;
	right: -12px;
	border-radius: 2px;
}
.portu_tm_news .news_inner ul li .inner .dates p .second{padding-left: 24px;}
.portu_tm_news .news_inner ul li .inner .details .title{margin-bottom: 22px;}
.portu_tm_news .news_inner ul li .inner .details .title h3{
	font-size: 20px;
	line-height: 1.5;
}
.portu_tm_news .news_inner ul li .inner .details .title h3 a{
	text-decoration: none;
	color: #191919;
	display: block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_news .news_inner ul li .inner .details .title a:hover{color: #5ac6cd;}

/*---------------------------------------------------*/
/*	09) PORTU CONTACT
/*---------------------------------------------------*/

.portu_tm_contact{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_contact .contact_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding: 55px 0px 130px 0px;
}
.portu_tm_contact .contact_inner .left{
	width: 50%;
	padding-right: 40px;
}
.portu_tm_contact .about_short_contact_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_contact .about_short_contact_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_contact .about_short_contact_wrap ul li{
	margin: 0px 0px 10px 0px;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 30px;
}
.portu_tm_contact .about_short_contact_wrap ul li:nth-of-type(2n){clear: right;}
.portu_tm_contact ul li label{
	font-weight: 500;
	color: #191919;
	min-width: 98px;
	display: inline-block;
}
.portu_tm_contact .about_short_contact_wrap ul li a{
	text-decoration: none;
	color: #191919;
    position: relative;
	
    -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_contact .about_short_contact_wrap ul li a:hover{color: #5ac6cd;}
.portu_tm_contact .about_short_contact_wrap ul li .svg{
	position: absolute;
	left: 0px;
	top: 6px;
	width: 17px;
	height: 17px;
	color: #5ac6cd;
}
.portu_tm_contact .contact_inner .right{width: 50%;}
.portu_tm_contact .contact_inner .right .input_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_contact .contact_inner .right .input_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_contact .contact_inner .right .input_wrap ul li{
	margin: 0px 0px 25px 0px;
	width: 100%;
	float:left; 
}
.portu_tm_contact .contact_inner .right .input_wrap ul li input{
	width: 100%;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,.2);
	color: #191919;
}
.portu_tm_contact .contact_inner .right .input_wrap ul li input:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,1);
}
.portu_tm_contact .contact_inner .right .input_wrap ul li textarea{
	width: 100%;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,.2);
	height: 44px !important;
	resize: none;
	color: #191919;
}
.portu_tm_contact .contact_inner .right .input_wrap ul li textarea:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,1);
}
.portu_tm_contact .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.portu_tm_contact .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.portu_tm_contact .returnmessage{
	color:#3A00FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}

/*---------------------------------------------------*/
/*	10) PORTU FOOTER
/*---------------------------------------------------*/

.portu_tm_footer{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 80px 0px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.portu_tm_footer .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.portu_tm_footer .inner .left p{color: #191919;}
.portu_tm_footer .inner .right ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_footer .inner .right ul li{
	margin: 0px 10px 0px 0px;
	display: inline-block;
}
.portu_tm_footer .inner .right ul li:last-child{margin-right: 0px;}
.portu_tm_footer .inner .right ul li a{
	text-decoration: none;
	color: #191919;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_footer .inner .right ul li a:hover{color: #5ac6cd;}

/*---------------------------------------------------*/
/*	11) PORTU PORTFOLIO SINGLE
/*---------------------------------------------------*/

.portu_tm_portfolio_single{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 200px;
	margin-bottom: 150px;
}
.portu_tm_portfolio_single .portfolio_single_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_portfolio_single .portfolio_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_portfolio_single .portfolio_title_holder h3{font-size: 35px;}
.portu_tm_portfolio_single .descriptions_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding-top: 76px;
	margin-bottom: 90px;
}
.portu_tm_portfolio_single .descriptions_section .left{width: 40%;}
.portu_tm_portfolio_single .descriptions_section .left .detail{margin-bottom: 30px;}
.portu_tm_portfolio_single .descriptions_section .left .detail h3{font-size: 20px;}
.portu_tm_portfolio_single .descriptions_section .left ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_portfolio_single .descriptions_section .left ul li{
	margin: 0px 0px 10px 0px;
	width: 100%;
	float: left;
}
.portu_tm_portfolio_single .descriptions_section .left ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding-left: 30px;
}
.portu_tm_portfolio_single .descriptions_section .left ul li .inner span{display: inline-block;}
.portu_tm_portfolio_single .descriptions_section .left ul li .inner .first{
	min-width: 110px;
	font-weight: 500;
}
.portu_tm_portfolio_single .descriptions_section .left ul li .inner span a{
	text-decoration: none;
	color: #191919;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_portfolio_single .descriptions_section .left ul li .inner span a:hover{color: #5ac6cd;}
.portu_tm_portfolio_single .descriptions_section .left ul li .inner .svg{
	position: absolute;
    left: 0px;
    top: 6px;
    width: 17px;
    height: 17px;
    color: #5ac6cd;
}
.portu_tm_portfolio_single .descriptions_section .right{width: 60%;}
.portu_tm_portfolio_single .single_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_portfolio_single .single_list ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_portfolio_single .single_list ul li{
	margin: 0px;
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.portu_tm_portfolio_single .single_list ul li .image{position: relative;}
.portu_tm_portfolio_single .single_list ul li .image img{min-width: 100%;}
.portu_tm_portfolio_single .single_list ul li .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.portu_tm_prev_next{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
.portu_tm_prev_next ul{
	margin: 0px;
	list-style-type: none;
}
.portu_tm_prev_next ul li{
	margin: 0px 7px 0px 0px;
	display: inline-block;
}
.portu_tm_prev_next ul li a{
	display: block;
    text-decoration: none;
    width: auto;
    height: 40px;
    color: #191919;
    line-height: 41px;
    cursor: pointer;
    position: relative;
	background-color: #5ac6cd;
	font-family: "Raleway";
}
.portu_tm_prev_next ul li.prev a{padding: 0px 20px 0px 35px;}
.portu_tm_prev_next ul li.next a{padding: 0px 35px 0px 20px;}
.portu_tm_prev_next ul li.next a:before{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #191919;
    top: 15px;
    right: 15px;
}
.portu_tm_prev_next ul li.prev a:before{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-right-color: #191919;
    top: 15px;
    left: 15px;
}

/*---------------------------------------------------*/
/*	11) PORTU NEWS SINGLE
/*---------------------------------------------------*/

.portu_tm_news_single{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 200px;
	margin-bottom: 150px;
}

.portu_tm_news_single .single_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_news_single .single_inner .top_image{
	position: relative;
	margin-bottom: 42px;
}
.portu_tm_news_single .single_inner .top_image img{min-width: 100%;}
.portu_tm_news_single .single_inner .top_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.portu_tm_news_single .single_inner .short_detail{
	width: 100%;
	height: auto;
	float: left;
}
.portu_tm_news_single .single_inner .short_detail .dates{
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding-bottom: 11px;
	margin-bottom: 11px;
}
.portu_tm_news_single .single_inner .short_detail .dates p{
	text-transform: uppercase;
	font-size: 13px;
}
.portu_tm_news_single .single_inner .short_detail .dates p .first a{
	text-decoration: none;
	color: #191919;
	position: relative;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_news_single .single_inner .short_detail .dates p .first a:hover{color: #5ac6cd;}
.portu_tm_news_single .single_inner .short_detail .dates p .first a:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 9px;
	background-color: #6f6f6f;
	top: 3px;
	right: -12px;
	border-radius: 2px;
}
.portu_tm_news_single .single_inner .short_detail .dates p .second{padding-left: 24px;}
.portu_tm_news_single .single_inner .short_detail .dates p .category{
	position: relative;
	padding-left: 23px;
}
.portu_tm_news_single .single_inner .short_detail .dates p .category a{
	text-decoration: none;
	color: #191919;
	position: relative;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_news_single .single_inner .short_detail .dates p .category a:hover{color: #5ac6cd;}
.portu_tm_news_single .single_inner .short_detail .dates p .category:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 9px;
	background-color: #6f6f6f;
	top: 3px;
	left: 12px;
	border-radius: 2px;
}
.portu_tm_news_single .single_inner .short_detail .title{margin-bottom: 22px;}
.portu_tm_news_single .single_inner .short_detail .title h3{font-size: 23px;}
.portu_tm_news_single .single_inner .descriptions{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_news_single .single_inner .descriptions P{margin-bottom: 20px;	}
.portu_tm_news_single .single_inner .descriptions blockquote{
	color: #191919;
	font-style: italic;
	position: relative;
	padding-left: 25px;
	margin-bottom: 20px;
}
.portu_tm_news_single .single_inner .descriptions blockquote:before{
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #5ac6cd;
}
.portu_tm_news_single .single_inner .descriptions .description_images{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 9px;
	padding-bottom: 11px;
}
.portu_tm_news_single .single_inner .descriptions .description_images ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.portu_tm_news_single .single_inner .descriptions .description_images ul li{
	margin: 0px 0px 20px;
	float: left;
	width: 50%;
	padding-left: 40px;
}
.portu_tm_news_single .single_inner .descriptions .description_images ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.portu_tm_news_single .single_inner .descriptions .description_images ul li .inner .image{position: relative;}
.portu_tm_news_single .single_inner .descriptions .description_images ul li .inner .image img{min-width: 100%;}
.portu_tm_news_single .single_inner .descriptions .description_images ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center; 
}
.portu_tm_news_single .single_inner .descriptions .tags{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 45px;
	display: flex;
	align-items: center;
	padding-top: 19px;
}
.portu_tm_news_single .single_inner .descriptions .tags span{
	display: inline-block;
	color: #191919;
	padding-right: 30px;
	font-family: "Raleway";
	font-weight: 500;
}
.portu_tm_news_single .single_inner .descriptions .tags ul{
	margin: 0px;
	list-style-type: none;
	display: inline;
}
.portu_tm_news_single .single_inner .descriptions .tags ul li{
	margin: 0px 1px 5px 0px;
    display: inline-block;
}
.portu_tm_news_single .single_inner .descriptions .tags ul li:last-child{margin-bottom: 0px;}
.portu_tm_news_single .single_inner .descriptions .tags ul li a{
	text-decoration: none;
    color: #191919;
    display: inline-block;
    padding: 5px 20px;
    text-transform: capitalize;
    font-size: 13px;
    border: 1px solid rgba(255,255,255,.2);
	
    -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_news_single .single_inner .descriptions .tags ul li a:hover{
	color: #191919;
	background-color: #5ac6cd;
}
.portu_tm_commentbox_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color:#191919;
}
.portu_tm_commentbox_wrap .inner_wrap{
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,.05);
	clear: both;
	float: left;
	padding: 45px 0px 50px 0px;
}
.portu_tm_commentbox_wrap .inner_wrap .desriptions_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 40px;
	margin-bottom: 46px;
}
.portu_tm_commentbox_wrap .title h3{
	color: #191919;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 22px;
}
.portu_tm_commentbox_wrap .wp{
	position: relative;
	padding-left: 90px;
}
.portu_tm_commentbox_wrap .wp .avatar{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	top: 17px;
	left: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(..//img/clients/1.jpg);
}
.portu_tm_commentbox_wrap .wp h3 a{
	color: #191919;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
	text-transform: capitalize;
	text-decoration: none;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_commentbox_wrap .wp h3 a:hover{color: #ff4b36;}
.portu_tm_commentbox_wrap .wp .date{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: inline-block;
}
.portu_tm_commentbox_wrap .wp .text a{
	text-decoration: none;
	color: #191919;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.portu_tm_commentbox_wrap .wp .text a:hover{color: #5ac6cd;}
.portu_tm_commentbox_wrap .reply_comment_wrap{
	width: 100%;
	height: 200px;
	float: left;
}
.portu_tm_commentbox_wrap .reply_comment_wrap .title{
		color: #191919;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}
.portu_tm_commentbox_wrap .reply_comment_wrap{
	width: 100%;
	float: left;
	height: auto;
	clear: both;
	padding: 0px 40px;
}
.portu_tm_commentbox_wrap .reply_comment_wrap .input_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.portu_tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row{
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 22px;
}
.portu_tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row input{
	width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.2);
    color: #6f6f6f;
    padding-left: 0px !important;
	
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
.portu_tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row input:focus{
	outline: none;
	border-bottom-color: rgba(255,255,255,1)
}
.portu_tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row textarea{
	width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.2);
    resize: none;
    color: #fff;
    padding-left: 0px !important;
    height: 44px;
    
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
.portu_tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row textarea:focus{
	outline: none;
	border-bottom-color: rgba(255,255,255,1);
}


/*---------------------------------------------------*/
/*	11) PORTU MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1200px) {
	.portu_tm_hero .animate_image{display: none;}
}
@media (max-width: 1040px) {
	.portu_tm_about .about_inner{flex-direction: column;align-items: flex-start; }
	.portu_tm_about .about_inner .left{width: 100%;margin-bottom: 50px;}
	.portu_tm_about .about_inner .right{padding-left: 0px;width: 100%;}
	.portu_tm_contact .contact_inner{flex-direction: column;}
	.portu_tm_contact .contact_inner .left{width: 100%;padding: 0px;margin-bottom: 40px;}
	.portu_tm_contact .contact_inner .right{width: 100%;padding: 0px;}
	.portu_tm_topbar{display: none;}
	.portu_tm_mobile_menu{display: block;}
	.portu_tm_portfolio_single .descriptions_section{flex-direction: column;}
	.portu_tm_portfolio_single .descriptions_section .left{width: 100%;margin-bottom: 30px;}
	.portu_tm_portfolio_single .descriptions_section .right{width: 100%;}
}
@media (max-width: 768px) {
	.portu_tm_hero .hero_texts h3{font-size: 35px;}
	.portu_tm_about .about_inner .right .about_title h3{font-size: 35px;}
	.portu_tm_portfolio .portfolio_list ul li{width: 50%;}
	.portu_tm_testimonials .bg_wrap .image{display: none;}
	.portu_tm_testimonials .content{padding: 0px;}
	.portu_tm_testimonials{margin-bottom: 34px;}
	.portu_tm_news .news_inner ul li{width: 50%;}
	.portu_tm_footer .inner{flex-direction: column;align-items: baseline;}
	.portu_tm_commentbox_wrap .wp .avatar{position: relative;margin-bottom: 20px;}
	.portu_tm_commentbox_wrap .wp{padding-left: 0px;}
	.portu_tm_team .team_inner > ul > li{width: 50%;}
}
@media (max-width: 480px) {
	.portu_tm_portfolio .portfolio_list ul li{width: 100%;padding-left: 0px;}
	.portu_tm_portfolio .portfolio_list ul{margin: 0px;}
	.portu_tm_news .news_inner ul li{width: 100%;padding-left: 0px;}
	.portu_tm_news .news_inner ul{margin: 0px;}
	.portu_tm_news_single .single_inner .descriptions .description_images ul li{width: 100%;padding-left: 0px;}
	.portu_tm_news_single .single_inner .descriptions .description_images ul{margin: 0px;}
	.portu_tm_team .team_inner > ul > li{width: 100%;padding-left: 0px;}
	.portu_tm_team .team_inner > ul{margin: 0px;}
}