@charset "utf-8";
/* CSS Document */

html{scroll-behavior:smooth;transition:all .4s ease;overflow-x:hidden}
a{color:inherit;text-decoration:none}
li{list-style:none}
ul{padding:0}
*,::after,::before{box-sizing:border-box;transition-property:all;transition-duration:0.6s;transition-timing-function:ease}
p{font-size:18px;line-height:1.5}
body{font-family: 'Montserrat', sans-serif;margin:0px;color:#232323}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
span::before {
  content: '';
  display: inline-block;
  width: 50px;
  height:1px;
  transform: translateY(-0.3em);
  margin-right: 15px;line-height: .8;
background-color: #27adc5;
}
span{color:#27adc5;font-weight:bold}
.g-recaptcha{float:left;max-width:100%;margin:20px 0px}
.g-recaptcha *{transform:scale(1)}
.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}
.button1,.button2{width:auto;float:right;background-color:#27adc5;color:#fff;line-height:50px; padding:0px 1%;border-radius:3px;margin:20px 0px;}
.button2{background-color:#e7496e;float:left}
.button1:hover{background-color:#168599}
.button2:hover{background-color:#e22551;}
#social{float:right}
#banner{
    float: left;
    width: 100%;
    background-image: url("professional-services/banner-garage-door.jpg");
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;height:100vh
}
#banner p{line-height:35px}
.row3::before{z-index:1;right:0px;bottom:0!important;top:inherit}
.img-animation{-webkit-animation:alltuchtopdown 1.5s ease-in-out 0s infinite alternate;animation:alltuchtopdown 1.5s ease-in-out 0s infinite alternate;animation-duration:1.5s;-webkit-animation-duration:2.5s;margin-right:3%}

/*banner text*/
.banner-text{width:50%;float:left;position:absolute;top:30%;left:10%;color:#fff;font-family:Muli,sans-serif;z-index:99}
.phone{float:right;padding-right:2%;color:#fff}
#top{width:100%;padding:0px 5%;float:left;line-height:90px;height:90px;}
header{position:fixed;top:0px;width:100%;left:0;z-index:100;line-height:90px;border-bottom:#5b5690 solid 1px;height:90px;}
.shrink{background-color:rgba(55,55,104,.8);top:0;height:90px;line-height: 90px}
#logo{float:left;line-height:80px;height:80px;}
.nav{margin-left:5%;float:left;width:50%;color:#fff;position: relative;margin-top:-20px;font-size: 1vw}
.menu-link{color:white;text-shadow:none;padding:.75em .75em 0;height:3em;position:absolute;left:0;top:0;z-index:1001}
.menu-link:after{position:absolute;content:"☰";font-size:30px;color:#FFF;width:50px;height:50px;text-align:center;line-height:50px;border:1px #fff solid;border-radius:50%}
.menu-link:hover{text-decoration:none}
.menu li{list-style:none}
.menu li a{color:#fff;text-decoration:none;background-color:#212532;display:inline-block;height:2em;line-height:1em;padding:.4em;border-bottom:1px solid #333;width:100%}
.menu li a:hover{color:#212532;background-color:#fffdea}
body:not(:target) #menu{margin:0;padding-top:3em;position:absolute;left:0;z-index:1000;top:30px;width:100%}
body:not(:target) #menu li{width:100%;height:0;line-height:0;overflow:hidden;-webkit-transition:height .25s;-moz-transition:height .25s;-o-transition:height .25s;transition:height .25s}
body:not(:target) #menu:target{z-index:1001}
body:not(:target) #menu:target li{height:2em;overflow:visible;-webkit-transition:height .25s;-moz-transition:height .25s;-o-transition:height .25s;transition:height .25s}
body:not(:target) #menu:target .back{height:0;line-height:0}
body:not(:target) #menu:target .back a{width:100%;background-color:transparent;border:0;height:auto;position:absolute;top:-101em;bottom:-101em;left:0;text-indent:-999em;z-index:-1}
@media(min-width:1200px){.menu-link{display:none}
body:not(:target) #menu{padding-top:0}
body:not(:target) #menu li{display:inline;border:0}
body:not(:target) #menu li a{color:#fff;line-height:1em;padding:.75em;height:2em;width:auto;border:0;background-color:transparent}
body:not(:target) #menu li a:hover{color:#27adc5}
body:not(:target) #menu .back{display:none}
}
.row1{width:100%;float:left;display:flex;justify-content:center;color:#fff}
.row1 .font-h2{float:left;margin:1%;background:#27adc5;padding:1%;font-weight:bold}
.row1 .font-h2:hover{background:#fff;padding:1%;color:#27adc5}
.row1 .content1 ul li {width:auto;margin-left:0}
h2{color:inherit;text-transform:uppercase;font-size:32px}
/*moving*/
.container{width:100%;float:left;margin:50px 0px;}
.row-dark{background-color:#202020;padding:50px 0px}
.row5,.content1{width:1200px;margin:auto}
.row5{display: flex;flex-wrap: nowrap;justify-content: space-around;align-items: center;align-content: center;padding:70px 5%;background-color:#f1f1f1;background-image: url("professional-services/pattern15.png");background-position:center bottom;width:100%;background-repeat:no-repeat;background-size:100%}
.margin-r{margin-right:10%}
.div-service1{width:50%}
.service-layout-2:hover {
    background-color: #e7496e;
    color: #ffffff;
}
.service-layout-2 i{font-size:30px;width:100%}
.service-layout-2 {
    position: relative;
    border-radius: 3px;
    background-color: #ffffff;
    transition: all .3s ease-in-out;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);    
	padding: 120px 45px 95px;
	float:left;margin:30px 1%;text-align: center;color:#484848;line-height:35px;height:450px;}

.row2{background-image:url("professional-services/garage-door-opener.jpg");background-position:right top;background-repeat:no-repeat}
.row2 div{width:52%;float:left;padding-left:10%;margin:70px 0px}
#form,.row3,.row2{position:relative;z-index:1;width:100%;float:left;color:#232323}
.row3{margin-top:20px;padding-bottom:30px}
@keyframes alltuchtopdown{0%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
50%{-webkit-transform:rotateX(0) translateY(-20px);-ms-transform:rotateX(0) translateY(-20px);transform:rotateX(0) translateY(-20px)}
100%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
}
@-webkit-keyframes alltuchtopdown{0%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
50%{-webkit-transform:rotateX(0) translateY(-20px);-ms-transform:rotateX(0) translateY(-20px);transform:rotateX(0) translateY(-20px)}
100%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
}
/*line*/
.em-bar.em-bar-big{height:5px;width:90px;background:#aec6ef;margin:20px auto;position:relative;border-radius:30px}
.em-bar.em-bar-big:before{content:'';position:absolute;left:0;top:-2.7px;height:10px;width:10px;border-radius:50%;background:#27adc5;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:MOVE-BG;animation-name:MOVE-BG}
@-webkit-keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
@keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
.img-l{float:left;margin-top:20px}
/*gallery*/
html, body {
  width: 100%;
  height: 100%;
}

.gallery {
  padding: 75px 0;
  margin: 0 auto;
  width: 90%;
}
.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 70vh;
}
.gallery h2{color:#e7496e}
.item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: flex 0.8s ease;margin-top:40px
}
.item:hover {
  flex: 7;
  background-color:rgba(0,0,0,1)
}
.item-1 {
  background: url("professional-services/garage-door-near-me.jpg") no-repeat center top;
}

.item-2 {
  background: url("professional-services/emergency-garage-door-repair.jpg") no-repeat center top;
}

.item-3 {
  background: url("professional-services/garage-door-opener-repair.jpg") no-repeat left top;
}

.item-4 {
  background: url("professional-services/garage-door-spring-repair.jpg") no-repeat center top;
}

.item-5 {
  background: url("professional-services/garage-door-installation.jpg") no-repeat center top;
}

.row4{background-color:#373768;background-image:url("professional-services/testimonials-bg.jpg");background-repeat:no-repeat;background-position:center top;background-attachment: fixed; float:left;width:100%;color:#fff;font-size:25px;text-transform:uppercase;padding:50px 0px;line-height:45px}
.row4 .buttons{margin-top:30px}
/*testimonials*/
.testimonials{
    position: relative;
    float: left;
    width: 100%;
    background-image: url("professional-services/testimonials-bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;background-size:100% 100%;
	padding:80px 0px 0px 0px;margin-bottom:-50px
}
.testimonials h2{font-weight:bold;text-transform: uppercase;color:#fff}
.testimonials label{
  cursor: pointer;
}
.testimonials input{
  display: none;
}
.slider{
	height: 15vw;
	overflow: hidden;position:relative;right:0;bottom:-100px;
}
.slider p{font-size:1.2vw}
/* -------------------------------------------------------- slide */
.testimonials .slider ul li{width:60%;margin:0;}
.slider > ul {
	height: 100%;
	z-index: 100;
}
.slider > ul > li{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	z-index: 1;	
  	-webkit-transition: all 2000ms ease;
  	-moz-transition: all 2000ms ease;
  	-ms-transition: all 2000ms ease;
  	-o-transition: all 2000ms ease;
  	transition: all 2000ms ease;
}
.slider > #input-slide-0:checked ~ ul > li.slide-0,
.slider > #input-slide-1:checked ~ ul > li.slide-1,
.slider > #input-slide-2:checked ~ ul > li.slide-2,
.slider > #input-slide-3:checked ~ ul > li.slide-3{
	opacity: 1;
	z-index: 2;
}
.slider > ul > li.slide-0{
	background-color: #27adc5;
}
.slider > ul > li.slide-1{
	background-color: #e7496e;
}
.slider > ul > li.slide-2{
	background-color: #3a3a6a;
}
.slider > ul > li.slide-3{
	background-color: #191919;
}
/* -------------------------------------------------------- arrow */
.slider > .slider-arrow-prev,
.slider > .slider-arrow-next {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 300;
}
.slider > .slider-arrow-prev > label,
.slider > .slider-arrow-next > label {
	position: absolute;
	width: 5vw;
	height: 5vw;
	margin-top: -2.5vw;
	opacity: 0;
	background-size: 100% auto;
	background-position: center;

	z-index: -1;
  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
.slider > #input-slide-0:checked ~ .slider-arrow-prev > label.slide-3,
.slider > #input-slide-0:checked ~ .slider-arrow-next > label.slide-1, 
.slider > #input-slide-1:checked ~ .slider-arrow-prev > label.slide-0,
.slider > #input-slide-1:checked ~ .slider-arrow-next > label.slide-2, 
.slider > #input-slide-2:checked ~ .slider-arrow-prev > label.slide-1,
.slider > #input-slide-2:checked ~ .slider-arrow-next > label.slide-3, 
.slider > #input-slide-3:checked ~ .slider-arrow-prev > label.slide-2,
.slider > #input-slide-3:checked ~ .slider-arrow-next > label.slide-0 {
	z-index: 1;
}
.slider:hover > .slider-arrow-prev > label,
.slider:hover > .slider-arrow-next > label{
	opacity: 1;
}

/* -------------------------------------------------------- dot */
.slider > .slider-dot {
	position: relative;
	margin-top: -6vw;
	text-align: center;
	z-index: 300;
	font-size: 0;
}
.slider > .slider-dot > label {
	position: relative;
	display: inline-block;
	margin: 1vw 0.5vw;
	width: 1vw;
	height: 1vw;
	border-radius: 50%;

	background-color: #FFF;
}
.slider > #input-slide-0:checked ~ .slider-dot > label.slide-0,
.slider > #input-slide-1:checked ~ .slider-dot > label.slide-1,
.slider > #input-slide-2:checked ~ .slider-dot > label.slide-2,
.slider > #input-slide-3:checked ~ .slider-dot > label.slide-3 {
	background-color: #FD7FE3;
}
.slider > .slider-dot > label:hover{
	background-color: #7E6DE0 !important;
}
/* -------------------------------------------------------- description */
.slider > .slide-description{
	position: absolute;
	width: 50%;
	top: 40px;
	right:5%;
	z-index: 200;color:#fff
}
.slider > .slide-description > label{
	position: absolute;
	width: 100%;
	top: 0;	
	left: 0;
  cursor: default;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
  	-webkit-transition: all 0.75s ease;
  	-moz-transition: all 0.75s ease;
  	-ms-transition: all 0.75s ease;
  	-o-transition: all 0.75s ease;
  	transition: all 0.75s ease;	
}
.slider > #input-slide-0:checked ~ .slide-description > .slide-0,
.slider > #input-slide-1:checked ~ .slide-description > .slide-1,
.slider > #input-slide-2:checked ~ .slide-description > .slide-2,
.slider > #input-slide-3:checked ~ .slide-description > .slide-3{
	z-index: 2;
	opacity: 1;
	visibility: visible;	
}
.slider > .slide-description > label > .text-slide{
	margin: 0 auto;
	line-height: 35px;
}

@-webkit-keyframes slide{
	0%, 100% { opacity: 0; }
	6%, 25% { opacity: 1; z-index: 2; }
	30%, 50% { opacity: 0; z-index: 2; }
}
@-moz-keyframes slide{
	0%, 100% { opacity: 0; }
	6%, 24% { opacity: 1; z-index: 2; }
	30%, 50% { opacity: 0; z-index: 2; }
}

@-o-keyframes slide{
	0%, 100% { opacity: 0; }
	6%, 25% { opacity: 1; z-index: 2; }
	30%, 50% { opacity: 0; z-index: 2; }
}
@keyframes slide{
	0%, 100% { opacity: 0; }
	6%, 25% { opacity: 1; z-index: 2; }
	30%, 50% { opacity: 0; z-index: 2; }
}
.slider > #input-slide-autoplay:checked ~ ul > li.slide-0{
	-webkit-animation: slide 32000ms infinite -2000ms linear;
	-moz-animation: slide 32000ms infinite -2000ms linear;
	-ms-animation: slide 32000ms infinite -2000ms linear;
	-o-animation: slide 32000ms infinite -2000ms linear;
	animation: slide 32000ms infinite -2000ms linear;
}
.slider > #input-slide-autoplay:checked ~ ul > li.slide-1{
	-webkit-animation: slide 32000ms infinite 6000ms linear;
	-moz-animation: slide 32000ms infinite 6000ms linear;
	-ms-animation: slide 32000ms infinite 6000ms linear;
	-o-animation: slide 32000ms infinite 6000ms linear;
	animation: slide 32000ms infinite 6000ms linear;	
}
.slider > #input-slide-autoplay:checked ~ ul > li.slide-2{
	-webkit-animation: slide 32000ms infinite 14000ms linear;
	-moz-animation: slide 32000ms infinite 14000ms linear;
	-ms-animation: slide 32000ms infinite 14000ms linear;
	-o-animation: slide 32000ms infinite 14000ms linear;
	animation: slide 32000ms infinite 14000ms linear;	
}
.slider > #input-slide-autoplay:checked ~ ul > li.slide-3{
	-webkit-animation: slide 32000ms infinite 22000ms linear;
	-moz-animation: slide 32000ms infinite 22000ms linear;
	-ms-animation: slide 32000ms infinite 22000ms linear;
	-o-animation: slide 32000ms infinite 22000ms linear;
	animation: slide 32000ms infinite 22000ms linear;	
}
.slider > #input-slide-autoplay:checked ~ ul > li{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}
/* -------------------------------------------------------- autoplay dot */
@-webkit-keyframes dot {
	0%, 24%	{ background-color: #FD7FE3; }
	25%, 100% { background: #FFF; }
}
@-moz-keyframes dot {
	0%, 24%	{ background-color: #FD7FE3; }
	25%, 100% { background: #FFF; }
}
@-o-keyframes dot {
	0%, 24%	{ background-color: #FD7FE3; }
	25%, 100% { background: #FFF; }
}
@keyframes dot {
	0%, 24%	{ background-color: #FD7FE3; }
	25%, 100% { background: #FFF; }
}
.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-0{
	-webkit-animation: dot 32000ms infinite -2000ms;
	-moz-animation: dot 32000ms infinite -2000ms;
	-ms-animation: dot 32000ms infinite -2000ms;
	-o-animation: dot 32000ms infinite -2000ms;
	animation: dot 32000ms infinite -2000ms;	
}
.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-1{
	-webkit-animation: dot 32000ms infinite 6000ms;
	-moz-animation: dot 32000ms infinite 6000ms;
	-ms-animation: dot 32000ms infinite 6000ms;
	-o-animation: dot 32000ms infinite 6000ms;
	animation: dot 32000ms infinite 6000ms;	
}
.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-2{
	-webkit-animation: dot 32000ms infinite 14000ms;
	-moz-animation: dot 32000ms infinite 14000ms;
	-ms-animation: dot 32000ms infinite 14000ms;
	-o-animation: dot 32000ms infinite 14000ms;
	animation: dot 32000ms infinite 14000ms;	
}
.slider > #input-slide-autoplay:checked ~ .slider-dot > label.slide-3{
	-webkit-animation: dot 32000ms infinite 22000ms;
	-moz-animation: dot 32000ms infinite 22000ms;
	-ms-animation: dot 32000ms infinite 22000ms;
	-o-animation: dot 32000ms infinite 22000ms;
	animation: dot 32000ms infinite 22000ms;	
}
/* -------------------------------------------------------- autoplay description */
@-webkit-keyframes description{
	0%, 5% { opacity: 0; z-index: 2; visibility: visible; }
	6%, 24% { opacity: 1; z-index: 2; visibility: visible; }
	25%, 100% { opacity: 0; z-index: 0; visibility: hidden; }
}
@-moz-keyframes description{
	0%, 5% { opacity: 0; z-index: 2; visibility: visible; }
	6%, 24% { opacity: 1; z-index: 2; visibility: visible; }
	25%, 100% { opacity: 0; z-index: 0; visibility: hidden; }
}
@-o-keyframes description{
	0%, 5% { opacity: 0; z-index: 2; visibility: visible; }
	6%, 24% { opacity: 1; z-index: 2; visibility: visible; }
	25%, 100% { opacity: 0; z-index: 0; visibility: hidden; }
}
@keyframes description{
	0%, 5% { opacity: 0; z-index: 2; visibility: visible; }
	6%, 24% { opacity: 1; z-index: 2; visibility: visible; }
	25%, 100% { opacity: 0; z-index: 0; visibility: hidden; }
}
.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-0{
	-webkit-animation: description 32000ms infinite -2000ms ease;
	-moz-animation: description 32000ms infinite -2000ms ease;
	-ms-animation: description 32000ms infinite -2000ms ease;
	-o-animation: description 32000ms infinite -2000ms ease;
	animation: description 32000ms infinite -2000ms ease;
}
.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-1{
	-webkit-animation: description 32000ms infinite 6000ms ease;
	-moz-animation: description 32000ms infinite 6000ms ease;
	-ms-animation: description 32000ms infinite 6000ms ease;
	-o-animation: description 32000ms infinite 6000ms ease;
	animation: description 32000ms infinite 6000ms ease;
}
.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-2{
	-webkit-animation: description 32000ms infinite 14000ms ease;
	-moz-animation: description 32000ms infinite 14000ms ease;
	-ms-animation: description 32000ms infinite 14000ms ease;
	-o-animation: description 32000ms infinite 14000ms ease;
	animation: description 32000ms infinite 14000ms ease;
}
.slider > #input-slide-autoplay:checked ~ .slide-description > .slide-3{
	-webkit-animation: description 32000ms infinite 22000ms ease;
	-moz-animation: description 32000ms infinite 22000ms ease;
	-ms-animation: description 32000ms infinite 22000ms ease;
	-o-animation: description 32000ms infinite 22000ms ease;
	animation: description 32000ms infinite 22000ms ease;
}
.slider > #input-slide-autoplay:checked ~ .slide-description > label{
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;  	
}
form{padding-top:100px}
/* -------------------------------------------------------- footer */
.footer{
  width: 30%;
  margin: 5vw auto;
  text-align: center;
}
.footer p{
  font-family: 'Raleway', sans-serif;
  font-size: 1vw;
  color: #000;
  font-weight: normal;
  line-height: normal;
  text-transform: none;
  padding: 1vw;
}
.footer p span{
  display: block;
}
.footer a{
  display: inline;
  text-transform: uppercase;
  border-bottom: 0.1vw solid #000;
}
/*testimonials*/
/*Light Box*/
#coupon{margin:70px 0px}
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:999999999999}
.lightbox-target img,.lightbox-target iframe{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;transition:.5s ease-in-out;z-index:999999999999}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target iframe,.lightbox-target:target img{max-height:100%;max-width:100%}
.content1 ul li{padding:0;margin:30px 0px 10px 4%;list-style:none;list-style-position:outside;float:left;width:15%;line-height:30px;text-align:left}
#form{float:left;width:100%;color:#3a3a6a;margin-top:30px;padding:50px 0px;background-color:#f1f1f1;background-image: url("professional-services/pattern15.png");background-position:center bottom;background-repeat:no-repeat;background-size:100%}
#form h2{color:#3a3a6a}
.input,.comment{width:46%;float:left;background:#fff;border:#8f8f8f 1px solid;margin:20px 2.5% 20px 0px;height:40px;color:#3a3a6a;border-radius:5px;padding:10px 1%}
.comment{width:95%;height:60px;line-height:60px}
.submit{border:none;height:50px;line-height:50px;width:20%;float:left;margin:20px 0px;font-size:20px;text-transform:uppercase;color:#fff;margin-right:75%;border-radius:5px;}
#footer{color:#fff;background-color:#27adc5;float:left;width:100%;padding:40px 60px 20px 20px;line-height:35px}
#footer p{line-height:35px}
#footer span{color:#fff;}
#footer span::before{background-color:#fff;}
#footer div{float:left;width:50%}
#footer li{width:45%;float:left;list-style-type:none;padding-left:3%}
#copy-right i{border:1px solid;width:35px;height:35px;padding:8px 0;text-align:center;background-color:#27adc5;color:#fff;border-radius:50%;margin-right:2%}
#copy-right i:hover{border:0;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.4);color:#3a3a6a}
#copy-right{width:100%;float:left;background-color:#3a3a6a;line-height:50px;color:#FFF;padding:5px 20px;text-align:center}
/*fontawesome*/
.fab,.fas,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;color:#27adc5;padding:15px}
.fa-bimobject:before{content:"\f378"}
.fa-blogger-b:before{content:"\f37d"}
.fa-facebook-f:before{content:"\f39e"}
.fa-map-marked-alt:before{content:"\f5a0"}
.fa-twitter:before{content:"\f099"}
.fa-yahoo:before{content:"\f19e"}
.fa-yelp:before{content:"\f1e9"}
.fa-youtube:before{content:"\f167"}
.fa-envelope-open-text:before{content:"\f658"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-play:before{content:"\f04b";color:#27adc5}
.fa-caret-square-right:before{content:"\f152"}
.fa-globe:before{content:"\f0ac"}
.fa-clock:before{content:"\f017"}
.fa-phone:before{content:"\f095"}
.fa-home:before{content:"\f015"}
.fa-toolbox:before{content:"\f552"}
.fa-tools:before{content:"\f7d9"}
.fa-warehouse:before{content:"\f494"}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(webfonts/fa-brands-400.eot);src:url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.woff) format("woff"),url(webfonts/fa-brands-400.ttf) format("truetype"),url(webfonts/fa-brands-400.svg#fontawesome) format("svg")}
.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:800;src:url(webfonts/fa-regular-400.eot);src:url(webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-regular-400.woff2) format("woff2"),url(webfonts/fa-regular-400.woff) format("woff"),url(webfonts/fa-regular-400.ttf) format("truetype"),url(webfonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:1200;src:url(webfonts/fa-solid-900.eot);src:url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-solid-900.woff2) format("woff2"),url(webfonts/fa-solid-900.woff) format("woff"),url(webfonts/fa-solid-900.ttf) format("truetype"),url(webfonts/fa-solid-900.svg#fontawesome) format("svg")}
.fas,.far{font-family:"Font Awesome 5 Free"}
.far{font-weight:400}
@media only screen and (max-width:1300px){
.phone{margin-top:-10px}
.slider{bottom:0;height:25vw}
.testimonials .slider ul li{width:100%;padding:5%;}	
.testimonials{margin-bottom: 0;background-size: cover;padding-bottom:50px}
.slider > .slide-description{width:100%;right:0;text-align: center}	
	.slider > .slider-dot{margin-top: -10vw}	
#banner{

    background-size: cover;
}	
.margin-r{margin-right:0}
.service-layout-2 div,.div-service1{width:100%!important}
.row5 div{width:100%}	
.banner-text{width:95%;top:27%;left:2%}
.nav{margin-top:10px;}
.menu li a{padding: .8em;height: 3em;}	
#social,.address,.mail{display:none}
.flip{margin:20px 2%}
#footer div,#footer li,#gallery,.row5,.content1{width:90%;float:left;margin:0px 5%}
.img-l{width:40%;margin:30px 30%;height:auto}
.row2{background-size:cover}
.row2 div{background-color:rgba(255,255,255,.4);margin: 70px auto;float: none;padding:50px 5%;width:70%}	
.row2 div span{color:#232323}
.row1{display:block}
.row5{display:block;width:100%;margin:0}
.content1 ul li{width:45%}		
}
@media(max-width:1000px){.nav{margin-top:10px;font-size:2vw; line-height: 50px}}
@media(max-width:650px){
	
.testimonials{display: none}	
.button1{display: none}
#form .button1{display: inline} 	
.img-l{width:80%;margin:30px 10%;height:auto}
.row5 ul li{width:40%}
.slider p{font-size:1.5vw}
}