/*
Theme Name: Porto
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 6.2.3
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor { display: block; }
.ptop{
	padding-top:150px;
}
.pbot{
	padding-bottom:125px;
}



h2.vc_custom_heading{
	padding-left:40px;
	border-left:10px solid #e3000f;
	padding-top:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	margin-bottom:45px;
}
h5.vc_custom_heading{
	margin-bottom:35px;
}
label{
	margin-bottom:5px;
	width:100%;
	font-size:18px;
	line-height:24px;
}
.wpcf7-list-item{
	width:calc(50% - 20px);
}
.wpcf7-list-item-label{
	font-size:16px;	

}
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"]{
	border:none;
	line-height:48px;
	font-size:16px;
	border-bottom:2px solid #ccc;
	padding:0 0 0 15px;
	max-width:50%;
	width:100%;
	margin-bottom:10px;
}
[type="submit"]{
	padding:0 30px;
	line-height:48px;
	font-size:14px;
	font-weight:600;
	background:transparent;
	border:none;
}
[type="submit"]:hover{
	background:transparent;
	border:none;	
}
select{
	border:none;
	line-height:48px;
	font-size:16px;
	border-bottom:2px solid #ccc;
	padding:0 0 0 15px;
	max-width:50%;
	width:100%;
	margin-bottom:10px;
}
form{
	margin-bottom:40px;
}
.wpcf7-list-item label{
	display:flex;
}
.wpcf7-list-item label .wpcf7-list-item-label{
	margin-left:5px;
}
#main{
	border-left:130px solid #F0F0F0;
}
.main-form{
	border-left:130px solid #F0F0F0;
}


.vc_general.vc_btn3{
	line-height:50px !important;
	padding:0 30px !important;
	font-size:14px;
}
.vc_btn3{
	font-family: "Montserrat",sans-serif;
}

.video_block{
	margin-bottom:150px;
}
.top-icon{
	margin-top:25px;
}
.no-breadcrumbs .main-content{
	padding-top:0;
	padding-bottom:0;
}
#header.sticky-header .header-main .container {
    min-height: 80px;
}





.vc_btn3.vc_btn3-color-danger{
    background-color: #e3000f;
	text-transform:uppercase;
	font-weight:600;
	overflow:hidden;
	z-index:1;
	border:none !important;
	position:relative;
}
.vc_btn3.vc_btn3-color-danger:hover{
	border:none !important;
}

.vc_btn3.vc_btn3-color-danger:after, .vc_btn3.vc_btn3-color-danger:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: -1;
}
.vc_btn3.vc_btn3-color-danger:before {
    right: -50px;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #000;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.vc_btn3.vc_btn3-color-danger:after {
    left: -50px;
    border-left: 50px solid transparent;
    border-top: 80px solid #000;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.vc_btn3.vc_btn3-color-danger:hover:before {
    -webkit-transform: translateX(-49%);
    -ms-transform: translateX(-49%);
    transform: translateX(-49%);
}
.vc_btn3.vc_btn3-color-danger:hover:after {
    -webkit-transform: translateX(49%);
    -ms-transform: translateX(49%);
    transform: translateX(49%);
}

.viviski-form.main-form label{
	width:calc(33.333% - 15px);
}
.viviski-form.main-form .vc_btn3.vc_btn3-color-danger{
	width:calc(33.333% - 15px);
}
.transport-form.main-form label{
	width:calc(33.333% - 15px);
}
.transport-form.main-form .vc_btn3.vc_btn3-color-danger{
	width:calc(33.333% - 15px);
}



input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}


@media screen and (max-width:1560px){
	#main {
		border-left: 100px solid #F0F0F0;
	}
	h1.vc_custom_heading{
		font-size: 60px;
		line-height: 62px;
	}
	h2.vc_custom_heading{
		font-size: 44px;
		line-height: 48px;
	}
	h4.vc_custom_heading{
		font-size: 28px;
		line-height: 36px;
	}
	h6.vc_custom_heading{
		font-size: 18px;
		line-height: 24px;
	}
	.ptop{
		padding-top:130px;
	}
	.pbot{
		padding-bottom:105px;
	}
}
@media screen and (max-width:1280px){
	#main {
		border-left: 80px solid #F0F0F0;
	}
	h1.vc_custom_heading{
		font-size: 46px;
		line-height: 52px;
	}
	h2.vc_custom_heading{
		font-size: 36px;
		line-height: 42px;
	}
	h4.vc_custom_heading{
		font-size: 22px;
		line-height: 30px;
	}
	h5.vc_custom_heading{
		font-size: 20px;
   		line-height: 26px;
	}
	h6.vc_custom_heading{
		font-size: 16px;
		line-height: 20px;
	}
	h3.porto-sicon-title{
		font-size: 16px;
		line-height: 20px;
	}
	.ptop{
		padding-top:110px;
	}
	.pbot{
		padding-bottom:85px;
	}
	h3.porto-sicon-title {
		font-size: 20px !important;
   		line-height: 26px !important;
	}
}
@media screen and (max-width:991px){
	.ptop{
		padding-top:90px;
	}
	.pbot{
		padding-bottom:65px;
	}
	.porto-sicon-description {
		font-size: 15px;
		line-height:21px;
	}
	#footer .footer-bottom .container>div {
		text-align: center;
	}
	h3.porto-sicon-title {
		font-size: 16px !important;
		line-height: 22px !important;
	}
}

@media screen and (max-width:767px){
	.ptop{
		padding-top:70px;
	}
	.pbot{
		padding-bottom:45px;
	}
	#main {
		border-left: none;
	}
	#header .share-links{
		display:none !important;
	}
	h2.vc_custom_heading {
		font-size: 28px;
		line-height: 34px;
		padding-left:15px;
	}
	#footer {
		margin-bottom:0;
	}
}

/*......................header...........*/
#header{
	background-color:#F9F9F9 !important;
}
#header .container{
	max-width:100%;
}
#header:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	height:100vh;
	width:100px;
	background-color:#F0F0F0 !important;
	top:0;
}
#header .share-links{
	position:fixed;
	display: flex;
    font-weight: 400;
    flex-direction: column;
	left:25px;
	bottom:50px;
	z-index:1;
}
#header .share-links a{
	width:50px;
	height:50px;
	margin-bottom:10px;
	font-size:18px;
}
#header .vc_btn3-container{
	margin-bottom:0;
}
#header .vc_btn3-container a{
	font-weight:600;
	font-size:14px;
}
#header.sticky-header .header-main.sticky{
	box-shadow:none;
	background:#F0F0F0;
}
.header-phone{
	margin-right:50px;
}
.header-phone a{
	font-size: 16px;
	line-height:50px;
	display:inline-block;
    font-weight: 600;
	color:#333 !important;
}
.header-phone a:hover{
	color:#e3000f !important;
	transition:0.3s;
}
.header-phone i{
	margin-right:5px;
	color:#333 !important;
}
.header-phone a i:first-child{
	font-size:18px;
	color:#e3000f !important;
}
.header-phone a i:last-child{
	margin-left:5px;
}
.second-phones{
	position:absolute;
	left:-15px;
	top:-200px;
	transition:0.3s;
	padding:15px 25px;
	background:#fff;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);
	z-index:9;
}
.second-phones a{
	display:block;
	line-height:32px;
}
.header-phone:hover .second-phones{
	top:75px;
	transition:0.3s;
}

@media screen and (max-width:1560px){
	#header .share-links {
		left: 10px;
	}
	#header .logo{
		max-width: 160px !important;
	}
}
@media screen and (max-width:1280px){
	#header .main-menu > li.menu-item > a {
		font-size: 12px;
		line-height: 18px;
	}
	.header-phone {
		margin-right: 30px;
	}
	#header .logo{
		max-width: 150px !important;
	}
	#header .share-links {
		left: 0px;
	}
}
@media screen and (max-width:1280px){
	#header .mobile-toggle {
		color: #ffffff;
		background-color: #e3000f;
		border-radius:0;
		padding: 15px 15px;
	}
	#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow {
		color: #e3000f;
	}
    
}


@media screen and (max-width:767px){
	#header .headermodal-form{
		display:none;
	}
	.header-phone {
		margin-right: 10px;
	}
	#header .logo {
		max-width: 100px !important;
	}
	.header-phone a {
		font-size: 13px;
		line-height: 40px;
	}
	#header .mobile-toggle {
		padding: 10px 15px;
	}
}




/*......................main-block..............*/
.main-block{
	overflow:hidden;
}
.video_block .wrap {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.video_block .circle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    z-index: -1;
}
.video_block .circle div {
    position: absolute;
    left: -40px;
    right: 0;
    top: 0;
    bottom: 0;
    background: #f0f0f0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-clip-path: polygon(0 0,50% 0,50% 100%,0 100%);
    clip-path: polygon(0 0,50% 0,50% 100%,0 100%);
    -webkit-transform: scale(1.7) rotate(0);
    -ms-transform: scale(1.7) rotate(0);
    transform: scale(1.7) rotate(0);
}


.screen-video-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    z-index: 1;
    background-size: cover;
}
.video-wrap{
    display: block;
    position: absolute;
    height: 562px !important;
    width: 562px !important;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
    left: 0px;
    top: 0px;
}
.video-wrap video {
    height: 562px;
	left: -231px;
    position: relative;
	max-width: initial;
}
.video-wrap:before{
	content:"";
	display:block;
	position:absolute;
	width:calc(100% - 16px);
	height:calc(100% - 16px);
	border:3px solid #fff;
	top:8px;
	left:8px;
	border-radius:50%;
	z-index:5;
}
@media screen and (max-width:1560px){
	.video-wrap{
		height: 462px !important;
		width: 462px !important;
	}
	.video_block .circle div {
		-webkit-transform: scale(1.4) rotate(0);
		-ms-transform: scale(1.4) rotate(0);
		transform: scale(1.4) rotate(0);
		left: 20px;
		top:-5px;
	}
}
@media screen and (max-width:1280px){
	.video-wrap{
		height: 362px !important;
		width: 362px !important;
		margin-top:100px;
	}
	.video_block .circle div {
		-webkit-transform: scale(1.1) rotate(0);
		-ms-transform: scale(1.1) rotate(0);
		transform: scale(1.1) rotate(0);
		left: 15px;
    	top: -84px;
	}
}
@media screen and (max-width:991px){
	.video-wrap{
		height: 310px !important;
		width: 310px !important;
		margin-top:100px;
	}
	.video_block .circle div {
		display:none;
	}
}
@media screen and (max-width:991px){
	.video-wrap{
		height: 280px !important;
		width: 280px !important;
		margin-top:0px;
	}
	h1.vc_custom_heading{
		margin-top:30px;
	}
}
@media screen and (max-width:767px){
	.video_block .circle{
		display:none;
	}
	.video_block {
		margin-bottom: 290px;
	}
	.video_block .wrap{
		display:none;
	}
	.video-wrap{
		left:calc(50% - 139px);
	}
}





/*...............service-block.............*/
.service-block .porto-sicon-img img{
	border-top-left-radius:40px !important;
	border-top-right-radius:40px !important;
	border-bottom-right-radius:40px !important;
	z-index:3;
	position:relative;
}
.service-block .porto-sicon-img{
	position:relative;
}
.service-block .porto-sicon-img:before{
	content:"";
	display:block;
	position:absolute;
	left:-10px;
	bottom:-10px;
	width:calc(100% + 10px);
	height:calc(100% + 10px);
	border-top-left-radius:40px !important;
	border-top-right-radius:40px !important;
	border-bottom-right-radius:40px !important;
	background:#e3000f;
	margin-left:0;
	z-index:0;
	transition:0.3s;
}
.service-block .porto-sicon-img:after{
	content:"";
	display:block;
	position:absolute;
	left:-3px;
	bottom:-3px;
	width:calc(100% + 3px);
	height:calc(100% + 3px);
	border-top-left-radius:40px !important;
	border-top-right-radius:40px !important;
	border-bottom-right-radius:40px !important;
	background:#fff;
	margin-left:0;
	z-index:1;
}
.service-block:hover .porto-sicon-img:before{
	background:#009ee3;
	transition:0.3s;
}
.service-block:hover h3.porto-sicon-title{
	color:#009ee3;
	transition:0.3s;
}




/*................main-form...............*/
.main-form label{
	width:25%;
	padding-right:15px;
	color:#fff;
	font-size:13px;
}
.main-form form p > br{
	display:none;
}
.main-form select, .main-form input[type="text"], .main-form input[type="tel"] {
	max-width: 100%;
	background:transparent;
	padding-left:0;
}
.main-form select{
	
}
.main-form [type="submit"]{
	width:100%;
	min-width:240px;
}
.wpcf7-spinner{
	display:none;
}

.main-form  .vc_btn3.vc_btn3-color-danger{
	top:10px;
}
.wpcf7 form .wpcf7-response-output{
	color:#fff;
}

select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%) !important;
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em !important;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em !important;
  background-repeat: no-repeat !important;
}

select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%)!important;
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em !important;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green !important;
  outline: 0 !important;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

@media screen and (max-width:1560px){
	.main-form {
		border-left: 100px solid #F0F0F0;
	}
}

@media screen and (max-width:1280px){
	.main-form [type="submit"]{
		min-width:200px;
	}
	.main-form {
		border-left: 80px solid #F0F0F0;
		padding-left:15px;
	}
	.main-form label{
		width:24%;
	}
}
@media screen and (max-width:991px){
	.main-form label{
		width:50%;
	}
	.main-form [type="submit"] {
		min-width: 280px;
	}
}
@media screen and (max-width:767px){
	.main-form label{
		width:100%;
		padding-right: 0px;
	}
	.main-form {
		border-left: none;
		padding-right:15px;
	}
	.main-form [type="submit"] {
		width:100%;
		min-width: 290px;
	}
	.main-form .vc_btn3.vc_btn3-color-danger{
		width:100%;
	}
}

/*.................blog..............*/

.main-blog .read-more{
	display:none;
}
.blog  .post-slide{
	margin:10px 15px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	border-bottom-right-radius:30px;
}
.blog .post-item{
	margin-left:0;
	margin-right:0;
}

.blog .meta-date{
	color:#e3000f;
	padding-left:30px;
	font-weight:700;
	margin-bottom:5px;
}
.blog .meta-date i{
	display:none;
}
.blog h3{
	font-size:20px;
	line-height:24px;
	padding-left:30px;
	min-height:122px;
	padding-bottom:25px;
	padding-right:15px;
}
.blog .posts-container .read-more{
	display:none;
}


.blog .post-item{
    margin: 0px 5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    border-bottom-right-radius: 30px;
	padding-left:0;
	padding-right:0;
}

@media screen and (max-width:1440px){
	.blog #main{
		padding-top:160px;
	}
}
@media screen and (max-width:1280px){
	.blog #main{
		padding-top:130px;
	}
	.blog h3 {
		font-size: 18px;
		line-height: 22px;
		padding-right:10px;
	}
}
@media screen and (max-width:991px){
	.blog #main{
		padding-top:100px;
	}
}
@media screen and (max-width:767px){
	.blog #main{
		padding-top:60px;
	}
	.blog h3{
		padding-left:20px;
	}
	.blog .meta-date{
		padding-left:20px;
	}
}


/*.............post-template-default..............*/
.post-template-default #main{
	padding-top:120px;
}
.post-template-default hr.solid{
	display:none;
}
.post-template-default .post-date-block{
	margin-left:0 !important;
	color:#e3000f;
}
article.post .post-image.single {
    margin-bottom: 25px;
}
.post-template-default .post-date-block span:first-child{
	display:none;
}
.single-post .entry-title{
	font-size:30px;
	line-height:32px;
	color:#000000;
}
.single-post .post-block h3, .single-post .share-links{
	display:inline-block;
}
.post-share.post-block{
	text-align:right;
}
.post-block h3{
	color:#e3000f;
	font-size:18px;
	margin-bottom:0;
	margin-right:70px;
	position:relative;
}
.post-block h3:after{
	content:"";
	display:block;
	position:absolute;
	width:40px;
	height:3px;
	right:-60px;
	top:calc(50% - 1px);
	background:#e3000f;
}
.single-post .share-links a{
	color:#e3000f;
	background:#fff;
	border-radius:50%;
	width:50px;
	line-height:50px !important;
	height:50px;
	text-align:center;
	font-size:16px;
}
.single-post .share-links a:hover{
	color:#fff;
	background:#e3000f;
}
.post-share.post-block {
	padding-bottom:60px;
}
.post-block h3 i{
	display:none;
}

@media screen and (max-width:1560px){
	.post-template-default #main{
		padding-top:160px;
	}
}
@media screen and (max-width:1280px){
	.post-template-default #main{
		padding-top:130px;
	}
}
@media screen and (max-width:991px){
	.post-template-default #main{
		padding-top:100px;
	}
}



/*..................popup................*/
.popmake input{
	max-width:100%;
	background:transparent
}
.popmake .vc_btn3.vc_btn3-color-danger, .popmake input[type="submit"]{
	width:100%;
}
 



/*...............contact-block..............*/
@media screen and (max-width:991px){
	.contact-block .col-md-6 {
		width: 100%;
	}
}