:root {
	--color-name: #ff7439;
	--main-color: #ff7439;
	--btn-color: #f1f1f2;
	--menu-bg: #6b6d71;
	--lighter-language: #f5f2f1;
	--shadow-light: #f491364d;
	--ul-li: #fff;
	--ul-li-ul: #444;
	--ul-li-lighter: #7d7d7d;
	--white-color: #fff;
	--light-banner-back: #f0eeee;
	--footer: #ff7439;
}

.float-right{
    float:right;
}
.topheader{
    border-bottom: 1px solid #efefef;
}
.computerrepair{
	color:#fff;
}
.computerrepair h2 {
	font-size: 43px;
}
.computerrepair p {
	font-size: 21px;
}
.video{
        z-index: 2;
    margin: 0 auto;
    height: 0;
    width: 50%;
}
.video .description{
        position: absolute;
    z-index: 3;
    top: 107px;
        height: 250px;
    width: 50%;
}
.repairicon {
height: 100%;
    background-image: url(../icons/applefixerrepair.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.telephone-title i{
	    margin-right: 7px;
	}
.public-color {
	color: var(--main-color);
}
.before-header {
background-color: #fff;
    width: 100%;
   
    z-index: 1;
      
}
.txt-btn {
	border: 1px solid #e9e9e9 !important;
}
.video-foreground {
	padding: 20px;
}
.video-foreground,
.video-background iframe {
	
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*pointer-events: none;*/
}
.product-holder {
	background-color: #fff;
	overflow: hidden;
	margin-top: 35px;
}

	
	.pb {
		margin-top: 10px;
	}
#vidtop-content {
	top: 0;
	color: #fff;
}
.tb-holder {
	overflow: hidden;

}

.details2 {
	display: inline-block;
	background-color: #fff;
	padding: 16px;
	padding-top: 45px;
	margin-bottom: 21px;
	margin-top: 71px;
	width: 100%;
}

.b-details {
	padding: 12px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 28px;
	cursor: pointer;
	background-color: var(--main-color);
	color: #fff;
	width: auto;
	display: table;
	font-size: 21px;
	margin-top: -77px;
	margin-left: -16px;
}
.pro-tg {
	background-color: #fff;
	margin-top: 10px;
}
.div-tab {
	padding: 10px;
	margin: 0px;
	padding-left: 19px;
	padding-right: 21px;
	cursor: pointer;
	background-color: var(--menu-bg);
	color: #fff;
	width: auto;
	display: table;
	font-size: 21px;
	margin-top: 27px;
	box-shadow: 0 3px 10px 1px var(--shadow-light);
}
.text-right {
	text-align: right
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.item {
	padding-top: 20px;

	margin-bottom: 10px;
}
.item-name{
    float: right;
    width: 165px;
    text-align: left;
    padding: 20px;
    font-size: 25px;
    font-weight: bolder;
        text-shadow: -2px 1px 3px rgb(0 0 0 / 52%);
    color: #fff;
}
.content-slider li {

        height: 145px;
      
}
.item-name{
	font-size: 25px;
	text-shadow: -2px 1px 3px rgb(0 0 0 / 52%);
	width: 175px;
	text-align: left;
	padding: 16px 0 5px 0;
	font-weight: bolder;
	color: #ffffff;
	position: absolute;
	right: 1px;
}
.item-text{
    width: 175px;
    text-align: left;
    padding: 12px 0 15px 0;
    font-weight: bolder;
    color: #3a1100;
    position: absolute;
    right: 1px;
    bottom: 1px;
    max-height: 79px;
    text-overflow: clip;
}
.item-container{
	text-align: center;
    border-radius: 6px;
    margin-top: 26px;
    background-color: #ffa57f;
    height: 118px;
    position: relative;
}
.content-slider h3 {
	margin: 0;
	padding: 70px 0;
}
.header {
	color: #fff;
	padding: 0px;
	position: relative;
	display: table;
	width: 100%;
}
.f-nav {
	z-index: 9999;
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100% !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3607843137254902);

	overflow: hidden;
}
	.f-nav #cssmenu {
		float: right;
		width: 90% !important;
	}
	.f-nav #cssmenu ul li {
		font-size: 16px !important;
	}
	.l-nav {
		background-position: center;
		height: 53px;
		width: 10%;
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 auto;
		float: left;
		display:none;
	}
.page-content {
	min-height: 500px;
	padding:10px;
}
.edit-remove-before{
	position:relative;
}
.edit {
	background-color: #FF9800;
	padding: 7px;
	display: block;
	position: absolute;
	border-radius: 4px;
	width: 34px;
	text-align: center;
	top: 19px;
	right: 39px;
	cursor:pointer;
}
	.edit:hover {
		background-color: #ffb03b;
	}
.remove {
	background-color: #fc5858;
	padding: 7px;
	display: block;
	position: absolute;
	border-radius: 4px;
	width: 34px;
	text-align: center;
	top: 19px;
	right: 0;
	cursor: pointer;
}
	.remove:hover {
		background-color: #ff7f7f;
	}
	.white{
		background-color:#fff;
	}
body {
    font-family: 'Montserrat', sans-serif;

	background-color: #f1f1f2 !important;
}
.wa-content {
	margin: 0 auto;
	width: 960px;
	position: relative;
	text-align: center;
	display: flex;
}
.view-sec {
	width: 100%;
}

	.view-sec #eview {
		width: 100%;
		padding:10px;
	}
.container {

	margin-right: auto;
	margin-left: auto;
}
.banner-back {
	overflow: hidden;
	position: relative;

}
.home-menu {
color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: unset;
    padding-left: unset;
    
}
	.home-menu li {
    float: left;
    padding: 5px;
    margin: 9px;
    padding-left: 19px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 16px;
    color: #312c3e;
    border-radius: 10px;
    font-weight: bolder;
	}
	.home-menu i {
		margin-right:2px;
	}
	.menu-image {
		background-repeat: no-repeat;
		height: 152px;
		width: 200px;
		float: left;
		background-position: center;
	}
	.before-logo{
	        clip-path: ellipse(61% 99% at 39% 23%);
    float: left;
    background-color: #fff;
    box-shadow: 4px -1px 3px 1px #00000024;
    margin-right: 27px;
    height: 285px;
    width: 392px;
    margin-top: -14px;
	}
.banner-800{
	width:100%;
	float:right;
}
.telephone-title {
	display: table-cell;
	vertical-align: middle;

}
	.telephone-title p {
    color: #000000;
    float: left;
    padding: 9px;
    margin: 1px;
    padding-left: 19px;
    padding-right: 15px;
    cursor: pointer;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: bolder;
	}
	.logo {
		background-image: url(../icons/logo.png);
		background-repeat: no-repeat;
		width: 250px;
		height: 56px;
		z-index: 1;
		float: left;
	}

.table-price{
	width:100%;

}
	.table-price tr {
		border-bottom: 1px solid #d9d9d9;
	}
	.table-price th {
		padding-top: 7px;
		padding-bottom: 7px;
		font-weight: bold;
		background-color: #ececec;
	}
	.table-price td{
	        font-weight: bolder;
    padding: 12px 1px 2px 9px;
    padding-bottom: 7px;
    font-size: 17px;
	}
	.table-price tr:nth-child(even) {
        background-color: #E7E9EB;
    }
.top-png {
	width: 0;
	height: 0;
	/*border-top: 125px solid #083b66;*/
	border-right: 500px solid transparent;
	position: absolute;
	z-index: 0;
}
.top-png-right {
	width: 0;
	height: 0;
	/*border-top: 350px solid #475569;*/
	border-left: 509px solid transparent;
	position: absolute;
	right: 0;
	z-index: 0;
}
.mid-png {
	position: absolute;
	z-index: -1;
	background-color: rgba(255, 136, 0, 0.5607843137254902);
	width: 107%;
	height: 398px;
	transform: rotate(-5deg);
	right: -2px;
	left: -77px;
}
.bottom-png-before {
	z-index: 2;
	position: relative;
}
.bottom-png {
	width: 0;
	height: 0;
	/*border-bottom: 307px solid #083b66;*/
	border-right: 1146px solid transparent;
	position: absolute;
	top: 0;
	z-index: 0;
}
.bottom-png-right {
	width: 0;
	height: 0;
	border-bottom: 307px solid #216299;
	border-left: 1246px solid transparent;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}
.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.logo2 {
    background-image: url(../icons/logo3.png);
    background-repeat: no-repeat;
       width: 172px;
    height: 112px;
    z-index: 1;
    float: left;
    background-size: contain;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.schedule {
	width: 296px;
	border: 1px solid #e1e1e1;
}
	.schedule .tr-times {
		border-radius: 4px;
		display: block;
		background: linear-gradient(to bottom, #b2c3d8 5%, #9aaec3 100%);
		margin-bottom: 4px;
		color: #fff;
		box-shadow: 0 2px 2px 0 rgba(30, 60, 82, 0.21176470588235294);
		cursor: pointer;
	}
		.schedule .tr-times:hover {
			background: linear-gradient(to bottom, #aedaf6 5%, #98c3e1 100%);
		}

.time-title {
	padding: 7px;
	height: 47px;
	width: 20px;
}
.schedule .shd {
	position:relative;
}
.schedule .active {
	background: linear-gradient(to bottom, #FF9800 5%, #db8200 100%);
}
.schedule .active:hover {
	background: linear-gradient(to bottom, #FF9800 5%, #db8200 100%);
}

.flex-box {
	display: flex;
}
.shd1{
	max-width:350px;
}
.maintenance{

}
.footer {
	background-color: var(--footer);
	position: relative;
}
.footer-opentimes{
	margin-bottom:20px;
	    min-width: 244px;
}
	.footer-opentimes tr {
		border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	}
	.footer-opentimes td{
		padding-bottom:5px;
		padding-top:5px;
	}
	.footer-opentimes .day{
		padding-right:10px;
	}
	.footer-logo {
		text-align: center;
		display: grid;
		margin: 0 auto;
	}
		.footer-logo .logo {
            background-image: url('../icons/footer-logo.png');
            height: 98px;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            margin: 15px auto;
            border-radius: 10px;
            background-color: #fff;
		}

.social-media {
	border: 0;
	background-color: #f06824;
	padding: 8px;
	padding-right: 19px;
	padding-left: 19px;
	border-radius: 2px;
	box-shadow: 0 5px 5px 0 rgba(230, 116, 16, 0.57);
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin: 5px;
	font-size: 19px;
	color: #fff;
}
	.social-media:hover {
		background-color: #ff915b;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
.footer-content {
	padding-bottom: 20px;
	padding-top: 20px;
	color: #ffffff;
	text-shadow: 0 1px 1px #6b7381;
	overflow: hidden;

	font-size: 15px;
}
.footer-contact {

	text-align: left;
}
	.footer-contact i{
		margin-right:5px;
	}
.footer li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	max-width: 200px;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	color: #fff;
	    min-width: 244px;
}
	.footer li:hover {
		-webkit-transition: 0.3s;
		transition: 0.3s;
		color: #b8d4ff;
	}
.footer .title {
	display: inline;

}
.more-box{
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
}
.banner-shop {
	background: linear-gradient(rgb(120, 157, 213),rgb(56, 100, 168));
	color: #fff;
}
	.banner-shop h3 {
		font-weight: 100;
	}
.text-center{
	text-align:center
}
.personal-before {
	background-color: #fff;
	color: #444;
	overflow: hidden;
}
.personal-box {
	padding-top: 30px;
	padding-bottom: 41px;
	overflow: hidden;
	display: table;
	width:100%;
}
	.personal-box .div {
		display: table-cell;
		vertical-align: middle;
		margin: 10px;
		padding: 19px;
	}
.personal {
	width: 405px;
	height: 300px;
	float: left;
	background-image: url(../images/1.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.btn-orang {
	-moz-box-shadow: inset 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: inset 3px 3px 5px 6px #ccc;
	box-shadow: 0px 5px 6px 0px rgb(99, 104, 105);
	background-color: #636869;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	padding: 14px 27px;
	text-decoration: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border: 0;
	border-radius: 0px;
	outline: 0;
}
	.btn-orang i{
		margin-right:5px;
	}
	.min-h {
		min-height: 500px;
	}
.product-image {
	width: 30%;
	float: left;
}
	.product-image .image {
		margin: 0 auto;
		background-position: center;
		background-repeat: no-repeat;
		height: 350px;
		width: 250px;
		background-size: contain;
		margin-top: 35px;
		margin-bottom: 35px;
	}
.product-details {
	float: left;
	width: 70%;
}
	.product-details .details{
		padding:10px;
	}
	.screen-he {
		min-height: 500px;
		display: table;
		width: 100%;
	}
	.screen-he div{
		display:table-cell;
		vertical-align:middle;
		width:100%;
	}
	.screen-he .med {
		width: 100%;
		text-align: center;
		display: block;
	}
	.screen-he i{
		margin-right:5px;
	}
	.about-before {
		background-color: #213a5f;
		color: #fff;
	}
.about-box {
	padding-top: 30px;
	padding-bottom: 41px;
	text-align: center;
}
	.about-box p {
		font-size: 16px;
	}
	.about-box h3 {
		font-size: 32px;
		
	}
.offers-before {
	background-color: #3b69af
}
.offers-box {

	overflow: hidden;
}
.tabs-color-1 {
	background-color: #4274c0;
}
.tabs-color-2 {
	background-color: #4a7ecd;
}
.tabs-color-3 {
	background-color: #578bd9;
}
.tabs-color-4 {
	background-color: #6894d7;
}

.tabs {
	float: left;
	width: 25%;
	color: #fff;
	cursor: pointer;
}
	.tabs .inner {
		padding: 23px;
		min-height: 350px;
	}
	.tabs .title {
		font-size: 24px;
		padding-top: 11px;
		padding-bottom: 12px;
	}
	.tabs .text {
		padding-bottom: 5px;
		font-size: 16px;
	}
	.tabs .icon {
		font-size: 58px;
	}
.reviews-before {
	background-color: #efefef;
	overflow:hidden;
}
.trust{
	width:87%;
	margin:0 auto;
}
.botitle {
	padding-top: 8px;
	color: #353d4a;
	font-weight: 200;
	padding-bottom: 5px;
	font-size: 16px;
	float: none;
	text-align: center;
}
.botom {
	
}
.teinner {
	cursor: pointer;
	margin: 10px;
	padding: 16px;
	color: #000;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1803921568627451);
	overflow: hidden;
}
img-50 {
	width: 50px;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	display: block;
	float: none;
}
.before-codetools {
	overflow: hidden;
	
}
.reviews-box {
}
	.reviews-box .simple-slider .swiper-slide{
		height:300px !important;
	}
	.reviews-box h2 {
		text-align: center;
	}
	.reviews-box .icon {
		background-position: center;
		background-size: auto;
		width: 82px;
		height: 82px;
		background-repeat: no-repeat;
		border-radius: 50%;
		border: 6px solid rgba(158, 204, 252, 0.6901960784313725);
	}
		.reviews-box .icon:before {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			content: "";
			z-index: 1;
		}

	.reviews-box .text {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.reviews-box .name {
		color: #579c87;
	}
	.tab-3{
		width:33.33333333%;
		float:left;
	}
		.tab-3 .inner {
			margin: 10px;
			padding: 16px;
			color: #000;
			background-color: #fff;
			
		}
		.tab-3  .link {
			color: #6b95d5;
		}
		.tab-3 .inner3 {
			min-height: 308px;
		}
.tab-2 {
	width: 50%;
	float: left;
}

	.tab-2 .inner {
		margin: 10px;
		padding: 16px;
		color: #000;


	}

.tab-4 {
	width: 25%;
	float: left;
}

	.tab-4 .inner {
		cursor: pointer;
		margin: 8px;
		padding: 32px;
		color: #000;
		background-color: #ffffff;
		box-shadow: 0px 1px 6px 0px rgb(218 103 12 / 40%);
		border-radius: 10px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		position: relative;
	}
	.tab-4 .inner  .img{
	        height: 157px;
	}

	.tab-4 .link {
		color: #6b95d5;
	}

	.tab-4 .inner3 {
		min-height: 308px;
	}
	.tab-4 .inner .action{
		background-color: #ff7439;
		padding: 7px 14px;
		border-radius: 2px;
		color: #fff;
		margin-left: -31px;
		display: inline-block;
		position: absolute;
		bottom: -1px;
		left: 29px;
	}
	.tab-4 .inner .tabtext{
		font-weight: 700;
		text-align: center;
		margin-bottom: 7px;
	}
.tab-6 {
	width: 16.666666%;
	float: left;
}
	.tab-6 .inner {
		cursor: pointer;
		margin: 8px;
		padding: 32px;
		color: #000;
		background-color: #ffffff;
		box-shadow: 0px 1px 6px 0px rgba(218, 103, 12, 0.4);
		border-radius: 10px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		max-height: 244px;
	}
		.tab-6 .inner:hover {
			box-shadow: 0px 1px 6px 0px rgba(218, 103, 12, 0.76);
			background-color: #fffaf4;
			-webkit-transition: 0.3s;
			transition: 0.3s;
		}

		.tab-6 .link {
			color: #6b95d5;
		}
.box-inner {
	background-color: #f1f1f2;
}
.tab-6 .inner3 {
	min-height: 308px;
}
.portfolio-before {
	
}
	.portfolio-before .video {
		margin: 0 auto;
		
		overflow: hidden;
		padding: 2px;
	}
		.portfolio-before .video .description {
			padding: 10px;
			width: 100%;
			height: 100%;
			padding-top: 0;
		}
.portfolio-box {
	margin: 10px;
	margin-left: -5px;
	margin-right: -5px;
	overflow: hidden;

	    margin-top: 62px;
}

			.portfolio-box .img {
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
				width: auto;
				height: 109px;
			}

			.portfolio-box .title {
				padding-top: 11px;
                color: #353d4a;
                font-weight: 600;
                padding-bottom: 5px;
                font-size: 16px;
                text-align: center;
			}
	.portfolio-box .text {
		    font-size: 18px;
            font-weight: 700;
            text-align: center;
            color: #ff7439;
	}
	.portfolio-box h1{
		text-align:center;
	}
	.video-tab {
		padding: 10px;
		background-color: #fff;
		float: left;
		width: 50%;
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.10196078431372549);
		margin-right: 1px;
		height: 100%;
	}
.video-you{
	width:100%;
	height:400px;
}
.tools-img {
	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    position: absolute;
    top: -30px;
}
.band {
	width: 766px;
	height: 100%;
	/*background-color: rgba(76, 198, 255, 0.73) ;*/
	background-color: rgba(139, 195, 74, 0.65);
	margin: 0 0 0 -74px;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	overflow: hidden;
	position: relative;
	text-align: left;
	display: table;
	padding-left: 98px;
}
	.band h2 {
		font-size: 25px;
	}
	.band h3 {
		font-size: 20px;
		font-weight: 300;
	}
	.band .text {
		top: -30px;
		left: -30px;
		right: -30px;
		bottom: -30px;
		-webkit-transform: skew(-20deg);
		-moz-transform: skew(-20deg);
		-o-transform: skew(-20deg);
		display: table-cell;
		vertical-align: middle;
		color: #fff;
	}
.menuviewer{
	float:none;
}
.btn-orang:hover {
	background-color: #ff7632;
	box-shadow: 0 2px 7px 3px rgb(177, 77, 27);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.thismenu{

}
.language-box {
	padding: 10px 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	padding-left: 42px;
	background-position: 12px center;
	cursor: pointer;
	padding-right: 35px;
	color: #000;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	margin-left: 0;
	margin-right: 0;
	float: none;
	margin: 0px;
	background-size: 19px;
	background-color: #f1f1f2;
	    border-radius: 10px;
}

.regio-box {
	display: table-cell;
	vertical-align: middle;
	width: 149px;
}

.arrow-down-language {
	background-image: var(--arrow-down);
	background-repeat: no-repeat;
	background-size: 11px;

	-webkit-transition: 0.5s;
	transition: 0.5s;
	background-position-x: right;
}

	.arrow-down-language .cant {
	}

.regio-box:hover .arrow-down-language {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	background-position-y: -11px;
}

.regio-box:hover .ul {
	display: block;
}

.regio-box .ul {
	display: none;
	position: absolute;
	direction: rtl;
	margin: 0;
	text-align: left;
	box-shadow: 2px 0px 6px 1px rgba(0, 0, 0, 0.42);
	z-index: 99999;
    border-radius: 10px;
    overflow: hidden;
}

	.regio-box .ul .li {
		list-style: none;
		padding: 10px;
		background-color: var(--lighter-language);
		background-repeat: no-repeat;
		padding-left: 42px;
		background-position: 12px center;
		border-bottom: 1px solid #d3d3d3;
		cursor: pointer;
		padding-right: 35px;
		color: #000;
		-webkit-transition: background-color .25s;
		transition: background-color .25s;
		margin-left: 0;
		margin-right: 0;
		float: none;
		margin: 0px;
		background-size: 19px;
	}

.regio-box .ul .li:hover {
	background-color: #fff;
	color: black;
}
.cookie {
	background-color: #898989;
	color: #fff;
	font-size: 16px;
}
	.cookie p {
		margin: 0;
		display: inline;
	}
	.cookie .link {
		color: #fff;
	}

.btn-cookie {

	margin: 13px;
	padding: 9px;
	padding-left: 20px;
	padding-right: 20px;
}
.link {
	color: #fff;
	text-decoration: underline;
}
.power-by {
	background-color: #525252;
	color: #ccc;
	text-align: center;
	padding: 5px;
}
.link-Powered {
	color: #d3d3d3;
	text-decoration: underline;
}
	.link-Powered:hover {
		color: #ff8880 !important;
	}
.ab-box {
	padding: 20px;
	background-color: rgb(255, 206, 182);
	float: right;
	width: 355px;
	min-height: 439px;
	display: table;
	top: 0;
	right: 0;
	z-index: 1;
	box-shadow: 0 0px 6px 1px rgb(138, 162, 176);
	height: 500px;
}
	.ab-box textarea {
		resize: none;
		resize: vertical;
		max-height:108px;
	}
	.ab-before {
		filter: blur(8px);
		-webkit-filter: blur(9px);
		padding: 20px;
		background-color: rgba(255, 255, 255, 0.79);
		float: right;
		width: 355px;
		min-height: 439px;
		display: table;
		position: absolute;
		top: 0;
		margin: 21px;
		right: 0;
		z-index: 1;
		box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.16862745098039217);
	}
.ab-box button, input, select, textarea {
	width: 100%;
}
	.ab-box p {
		margin: 15px 0 1px 0;
	}
.contact-banner-holder {
	position: relative;
}
.specifically{

}
	.specifically div {
		padding: 9px;
		background-color: #f6f8fd;
		margin-top: 12px;
		border-radius: 7px;
		width: auto;
		display: inline-block;
	}
	.specifically .green-check {
		color: #15c834;
	}
	.contact-title {
		background-color: rgba(255, 255, 255, 0.17);
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
		text-shadow: 0 2px 1px #000;
	}
.box-contact {
	background-color: #8f8f8f;
}
	.box-contact .inner {
		color: #fff !important;
	}
	.message-sent {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.message-sent .check-red {
		color: #fd782c;
		font-size: 54px;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.message-sent h4 {
		padding: 10px;
	}
	.message-sent .check-green {
		color: #49c200;
		font-size: 54px;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	dred {
		float: left;
		color: #F44336;
		font-size: 16px;
		margin: 1px;
		margin-right: 4px;
	}
input[type='text'],
input[type='password'],
input[type='email'],
textarea,
select {
	background-color: rgba(255, 255, 255, 0.65);
	border: 0;
	border-bottom: 1px solid #FF9800;
	margin-bottom: 10px;
	font-family: inherit;
	font-size: 14px;
	text-indent: 5px;
	padding: 7px;
	outline: 0;
}

.loader-holder {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.customized {
	width: 20px;
	height: 20px;
	display: inline-block;
	display: none;
	position: absolute;
	margin-left: 11px;
	margin-top: 4px;
}

	.customized #loader {
		width: 18px;
		height: 18px;
	}

.customized2 {
	vertical-align: middle;
	display: none;
	padding-left: 12px;
}

	.customized2 #loader {
		width: 8px;
		height: 8px;
		border: 3px solid #e5e5e5;
		border-top: 3px solid var(--main-color);
	}

#loader {
	z-index: 1;
	margin: 0 auto;
	border: 5px solid #c6c6c6;
	border-radius: 50%;
	border-top: 5px solid var(--main-color);
	width: 25px;
	height: 25px;
	overflow: hidden;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	vertical-align: middle;
	text-align: center;
}

.load2 {
	background-image: url('../icons/load.gif');
	background-position: 90% center;
	background-repeat: no-repeat;
	background-size: 15px;
	padding-right: 35px;
	background-color: #fff;
	color: #ccc;
}
.contact-holder{
	min-height:500px;
}
	.contact-holder .ab-box {
		position: initial !important;
		float: unset !important;
		width: 100% !important;
		margin:unset;
	}
.appointment-holder{
	min-height:500px;
}
.appointment {
	width: 100%;
}
	.appointment .dates {
		margin:10px;
	}
.sch {
	background-color: #e0e7f2;
	min-height: 516px;
	display: table;
	width: 100%;
}
	.sch .sec {
		display: table-cell;
		height: 100%;
		width: 100%;
		vertical-align: middle;
		margin: 0 auto;
		text-align: center;
	}
	.sch .note {
		color:#000;
	}
		.sch .note p {
			color: #000;
			font-size: 18px;
		}
		.sch .note a {
			color: #000;
			font-size: 14px;
		}
.text-holder {
	padding: 11px;
	background-color: #ececec;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	width: 100%;
}
.table-menu {
	display: table;
	width: 20%;
	float: left;
}
	.table-menu li {
		cursor: pointer;
		border-bottom: 1px solid #eee;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		width: 100%;
		
		position: relative;
		display: inherit;
	}

			.table-menu li:hover .div {
				padding-left: 17px;
				-webkit-transition: 0.3s;
				transition: 0.3s;
				color: #ed4f2b;
			}
	.table-menu .tex {
		width: 167px;
	}
			

	.table-menu .img {
		width: 62px;
	}
	.table-menu .div {
		-webkit-transition: 0.3s;
		transition: 0.3s;
		vertical-align: middle;
		padding: 3px;
		padding-left: 12px;
		display: table;
		height: 51px;
		float: left;
	}
	.table-menu .right {
		padding-right: 10px;
		text-align: right;
		float: right;
		display: table;
	}
		.table-menu .right i {
			vertical-align: middle;
			display: table-cell;
		}
text-menu {
	vertical-align: middle;
	display: table-cell;
}
.table-menu li:hover .sub-enu {
	display:block;
}
.sub-enu {
	position: absolute;
	left: 100%;
	z-index: 1;
	background-color: #fff;
	width: 323px;
	display:none;
}
	.sub-enu .divt {
		vertical-align: middle;
		display: table-cell;
	}
	.sub-enu .min {
		overflow: hidden;
		padding: 10px;
		height: 52px;
		display: table;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
		.sub-enu .min:hover {
			padding-left: 17px;
			color: #ed4f2b;
		}
	img-40 {
		width: 40px;
		height: 40px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		display: table-cell;
	}
.img-profiles {
	background-position: center;
	width: 377px;
	background-repeat: no-repeat;
	height: 249px;
	background-size: auto;
}
.textbox-box{

}
.text-title{

}
	.text-title p {
		color: red;
		margin: 0;
		float: left;
		margin-right: 2px;
		font-size: 14px;
		font-weight: bold;
	}
	.content {
		min-height: 500px;
		text-align: center;
	}
.float-flex {
	width: 100%;
	display: flex;
}
.apon-holder {
	width: 699px;
	padding: 43px;
}
.video-class{
	width:500px;
	height:400px;
}
.peo-before {

}
.de-peo {
	width: 50%;
	float: left;
}
.peo-box {
	width: 47%;
	float: right;
}
	.peo-box .inner {
		float: right;
	}
	.peo-box .img {
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 146px;
		height: 171px;
		margin: 11px;
	}
.before-div {
	display: table;
	height: 375px;
	width:100%;
}
.smartphone {
	width: 50%;
	height: 100%;
	background-image: url(../images/smartphone.png);
	background-repeat: no-repeat;
	background-position: center -78px;
	background-size: cover;
	float: right;
}
.check-green {
	color: #4caf82;
}
.resp-holder {
	background-color: #ffffff;
}
.respo {
	width: 50%;
	height: 100%;
	background-image: url(../images/webshop.png);
	background-repeat: no-repeat;
	background-position: center 145px ;
	background-size: 100%;
	float: right;
}
.resweb {
	width: 50%;
	height: 100%;
	background-image: url(../images/mac.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	float: right;
}
.cms-holder {
	background-color: #e6edf3;
	color: #000;
	overflow: hidden;
}
.before-web2 {
	height: 335px;
}
.resweb2 {
    width: 50%;
    height: 100%;
    background-size: 50%;
    float: left;
    padding: 27px;
}

.before-tabalt {
	background-color: #3864a8;
	color: #fff;
	overflow: hidden;
}
.smart-holder {

	position: relative;
	background-color: var(--main-color);
}
.tablat {
	width: 50%;
	height: 100%;
	background-image: url(../images/tab.png);
	background-repeat: no-repeat;
	background-position: left 144px;
	background-size: auto;
	float: left;
}
.webshop .before-div {
	height: 600px;
	
}
.cms {
	width: 50%;
	height: 100%;
	background-image: url(../images/cms.png);
	background-repeat: no-repeat;
	background-position: left 68px;
	background-size: 100%;
	float: left;
}
.helf-div {
	width: 50%;
	height: 100%;
	float: left;
	display: table;
}
.helf-div-right {
	width: 50%;
	height: 100%;
	float: right;
	display: table;
}
.ver-mid {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 20px;
	padding-top: 20px;
}
.page404 {
	min-height: 600px;
	display: table;
	width: 100%;
}
	.page404 .div {
		display: table-cell;
		vertical-align: middle;
		margin: 0 auto;
		text-align: center;
	}
	.page404 p {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 53px;
	}
	.page404 .icon {
		background-image: url(../icons/page-not-found.png);
		height: 100px;
		width: 100px;
		margin: 0 auto;
		background-repeat: no-repeat;
	}
	.menuviewer {
		background-color: rgba(255, 255, 255, 0.23137254901960785);
		width: 53px;
		height: 49px;
		text-align: center;
		cursor: pointer;
		padding-top: 14px;
		display: none;
		color: #fff;
	}
	.menuviewer:hover {
		background-color: #fd782c;
		color:#fff;
	}
.tab-mag{
	padding:10px;
	overflow: hidden;
}
.stars {
	display: table;
}
.rating {
	float: left;
	/* width: 300px; */
}
	.rating span {
		float: right;
		position: relative;
	}
		.rating span input {
			position: absolute;
			top: 0px;
			left: 0px;
			opacity: 0;
			-webkit-appearance: none;
		}
		.rating span label:before {
			content: "\2605";
		}
		.rating span label {
			display: inline-block;
			width: 30px;
			height: 30px;
			text-align: center;
			color: #727272;
			background: #fff;
			font-size: 27px;
			margin-right: 2px;
			line-height: 26px;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			cursor: pointer;
		}

.rating span:hover ~ span label, .rating span:hover label, .rating span.checked label, .rating span.checked ~ span label {
	color: #FFC107;
	background: #fff;
}

.right-blue2 {
	background-image: linear-gradient(to right,#aac0da, rgb(53, 91, 149));
}
.image-viewer {
	/*border: 1px solid #e3e3e3;*/
	border-radius: 8px;
}
fieldset {
	border-bottom: 2px solid var(--main-color) !important;
	padding-bottom: 11px !important;
	margin-bottom: 15px !important;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.banner-mid{

}
.portfolio-box2 {
	display: none;
}
@media (min-width: 1400px) {
	.container {
		width: 1300px;
	}

}
@media (max-width: 1400px) {


	.contact-banner-holder {
		display: none;
	}

	.portfolio-box2 {
		display: block;
	}

	.banner-800 {
		width: 100%;
	}
}
@media (max-width: 1200px) {
	.tabs {
		width: 50%;
	}
	.computerrepair h2 {
    font-size: 28px;
}
.computerrepair p {
    font-size: 19px;
    padding-right: 34px;
}
}

@media(min-width:1000px){
	.tab-6 .inner{
	    max-height: 278px !important;
	}
}
@media (max-width: 990px) {
	.h2, h2 {
		font-size: 23px !important;
	}

	img-50 {
		margin: 0 auto;
		display: block;
		float: none;
		width: 98px;
	}
	.botitle{
		float:none;
		text-align:center;
	}
	.tab-6 {
		width: 33.3333333%;
	}
		.tabs{
		width:50%;
	}
	.tablat {
		background-position: left;
		background-size: 100%;
	}
	.ver-mid{
		padding:15px;
	}
	.smartphone {
		background-position: center;
		background-size: 100%;
	}
	.de-peo {
		text-align: center;
		float: none;
		width: auto;
	}
	.peo-box {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
		.peo-box .inner {
			float: right;
			width: 25%;
		}
		.peo-box .img{
			width:auto;
		}
	.telephone-title p {
display: block;
    float: left;
    cursor: pointer;
    font-size: 15px;
    color: #000;
	}
	
	#cssmenu > ul > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.21176470588235294) !important;
		font-size: 16px !important;
	}
	.personal {
		width: 50%;
		float:none;
	}
	.col-sm-3{
		width:unset !important;
	}
	.footer-logo .logo {
		margin:0;

	}
	.footer-logo{
		text-align:left;
	}
	.tab-3 {
		width: 50% !important;
		
	}
	.webshop .before-div {
		min-height: 600px;
	}
	.cms {
		width: 50%;
		height: 100%;
		background-image: url(../images/cms.png);
		background-repeat: no-repeat;
		background-position: left 68px;
		background-size: 100%;
		float: left;
	}


	.resweb2 {
		width: 100%;
		height: 225px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		float: unset;
		margin: 0 auto;
		margin-top: 0;
	}
	.helf-div {
		width: 100%;

		display: block;
	}
	.banner-mid {
		float: unset;
		width: 100%;
		display: block;
		height: auto;
	}
		.banner-mid h1 {
			font-size: 28px;
		}
		.banner-mid h3 {
			font-size: 21px;
		}
	.logo2 {
		width: 136px;
		margin: 10px auto;
		display: inherit;
		float: left;
		height: 99px;
	}
	.home-menu {
	
		overflow: hidden;
		margin: 10px auto;
		text-align: center;
		float: unset;
	}
	.telephone-title {
		display: block;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
		float: left;
	}
	.regio-box {

    margin: 6px;
    float: unset;
    margin-top: 11px;
	}
	.arrow-down-language .cant{
		font-size:16px;
	}
	.new-menu .sec-inner .sub-menu2 {
    position: unset;
    margin-top: 20px;
    margin-right: -19px;
    margin-left: -19px;
}
}
@media(max-width:800px){
	.portfolio-box{
		margin-left:0px;
		margin-right:0px;
	}
	.product-image{
		float:none;
		width:auto;
	}
	.product-details {
		float: none;
		width: auto;
	}
}
@media(min-width: 768px){
    .col-sm-3{
        width:unset !important;
    }
}
@media (max-width: 640px) {
	.tab-6 {
		width: 33.333333%;
	}
	.header{
		display:block;
	}
	.webshop .before-div {
		height: auto;
	}
	
	.logo2 {
		
		background-position: center;
		    margin: 0px auto;
		vertical-align: middle;
		    height: 66px;
	}
	.telephone-title {
		display: block;
		text-align: center;
	}
	.before-div{
		display:block;
		height:auto;
	}
	.smartphone {
		width: 271px;
		height: 287px;
		margin: 0 auto;
		margin-top: 35px;
		float: unset;
	}
	.helf-div {
		float: unset;
		width: 100%;
	}
	.tablat {
		width: 300px;
		height: 200px;
		margin: 0 auto;
		margin-top: 35px;
		float: unset;
	}
	.resweb {
		width: 100%;
		height: 200px;
		margin: 0 auto;
		margin-top: 35px;
		float: unset;
		
		background-position: center;
		background-size: contain;
	}
	.cms {
		width: auto;
		height: 294px;
		margin: 0 auto;
		margin-top: 35px;
		float: unset;
		background-position: center;
		background-size: contain;
	}
	.respo {
		width: auto;
		height: 294px;
		margin: 0 auto;
		margin-top: 35px;
		float: unset;
		background-position: center;
		background-size: contain;
	}
	.helf-div-right {
		width: 100%;
		float: none;
	}
	.tabs .inner{
		min-height:unset;
	}
	.language-box{
	    background-position: 117px center;
	    background-color:unset;
	}
	.arrow-down-language{
	    display:none;
	}
	.regio-box {
		    position: absolute;
    right: 0;
        padding-top: 12px;
	}
		.regio-box .ul {
			width: 100%;
		}
			.regio-box .ul .li {
				padding: 19px;
				padding-left: 42px;
			}
	#cssmenu > ul > li{
		width:100%;
	}
	.tabs{
		width:100%;
	}
		.tabs .title {
			font-size: 19px;
		}
		.tabs .text {
			padding-bottom: 5px;
			font-size: 13px;
		}
		.tabs .icon {
			font-size: 50px;
			text-align: center;
		}
		.tabs .icon i{
			width: 50px;
			
		}
	.video-tab{
		width:100%;
		float:none;
	}
	.portfolio-before .video .description{
		width:100%;
		float:none;
	}
	.tab-3 {
		width: 50% !important;
		float: none;
	}
	.tab-4 {
		width: 50%;
		float: left;
		height: 348px;
		overflow: hidden;
	}
		.tab-4 .inner{
			margin:5px;
		}
	.portfolio-box .img {
		height: 85px;
	}
	.band {
		width: auto;
		height: 100%;
		
		margin: 53px -5px 0px -74px;
		-webkit-transform: skew(20deg);
		-moz-transform: skew(20deg);
		-o-transform: skew(20deg);
		overflow: hidden;
		position: relative;
		text-align: left;
		display: block;
		padding-left: 98px;
		padding-bottom: 34px;
		float: unset !important;
	}
	.h1, h1 {
		font-size: 21px !important;
	}
	.band h3 {
		font-size: 15px;
	}
	.reviews-box .simple-slider .swiper-slide {
		height: 100% !important;
	}
	.de-peo {

		width: 100%;
		padding: 9px;
	}
	.peo-box .img {
		height: 75px;
	}
	.personal-box {
		padding: 17px;
		display:block;

	}
		.personal-box .div {
			display: block;
			margin: 0;
			padding: 0;
		}
	.personal {
		width: 100%;
		float: none;
	}
	.col-sm-3 {
		width: auto;
	}
	.footer li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.36);
		max-width: unset;
		padding-bottom: 13px;
		padding-top: 13px;

		text-decoration: underline;
	}
	.footer-logo{
		text-align:center;
	}
	.footer-logo .logo {
		margin: 0 auto;
	}
	.contact-banner-holder {
		position: relative;
		display: none;
	}
	
	.menuviewer {
		float:none;
		display: block;
	}
	.tab-2 {
		width: 100%;
		float: left;
	}

	.portfolio-box {
		margin:0;
	}
	.l-nav {
		height: 49px !important;
		width: 100% !important;
		float: none;
	}
	.f-nav #cssmenu {
		width: 100% !important;
		
	}
	.fmenuviewer{
		float:left;
	}
	.float-flex {
		display: block;
	}

	.apon-holder {
		padding: 10px;
		width: auto;
	}
	.footer-opentimes{
		width:100%;
	}

	.home-menu {
		color: #fff;
		display: none;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.home-menu ul{
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
		.home-menu li {
			float: none;
			padding: 10px;
			margin: 7px;
			padding-left: 20px;
			padding-right: 15px;
			cursor: pointer;
			
			font-size: 14px;
			display: inline-block;
		
		}
		.tools-img {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 117px;
    width: 110px;
    position: absolute;
    top: -12px;
    float: unset;
}
		.item-name{
			font-size: 25px;
			text-shadow: -2px 1px 3px rgb(0 0 0 / 52%);
			width: 50%;
			text-align: left;
			padding: 16px 0 5px 0;
			font-weight: bolder;
			color: #ffffff;
			position: absolute;
			right: 1px;
		}
		.item-text{
			width: 50%;
			text-align: left;
			padding: 8px 0 14px 0;
			font-weight: bolder;
			color: #3a1100;
			position: absolute;
			right: 1px;
			bottom: 1px;
		}
		.video{
		    width:unset;
		}
		.video .description {
    position: absolute;
    z-index: 1;
    top: 27px;
       height: 100%;
    width: unset;
}
.tab-6 .inner {
   
    margin: 5px;
    padding: 15px;
   
    box-shadow: unset;
    border-radius: 3px;
    
    height:  244px;
}
.portfolio-box .title{
        font-size: 13px !important;
}
.before-logo {
   
    float: unset;
   
    margin-right: unset;
    height: 219px;
    width: 99%;
    margin-top: unset;
}
.computerrepair p {
    font-size: 15px;
}
.telephone-title p{
        padding: 8px;
    margin: 1px;
    padding-left: 12px;
    padding-right: 6px;
}
}