/*
  * Cascading Style Sheet (CSS 2.1) for Wizard IT Services (http://www.wizard.ca/)
  * Author: Evgueni Naverniouk, evgueni@linuxmagic.com, http://www.linuxmagic.com/
  * COPYRIGHT INFORMATION - DO NOT REMOVE
  * Copyright (c) 2008 LinuxMagic Inc. All Rights Reserved.
  *
  * All style attributes in alpha-numeric order starting from 0
  */

/*
 * ========================================
 * CSS Styles specific to index.php
 * ========================================
 */

.MarketingBlurb {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: #4A4A4A;
    margin-left: 20px;
}

#Welcome h2,
#OurServices h2	{
	border-bottom: 1px dotted #A5A5A5;
	font-size: 0;
	height: 14px;
	margin: 8px 0 0 0;
	padding: 0;
	text-indent: -9999px;
}
	
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#Carousel {
  height: 280px;
  object-fit: contain;
  background-image: url(/images/cloud.png);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #000000;
  position: relative;
}

#Carousel p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #00000;
  width: 620px;
  padding-left: 20px;
}

#Carousel h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 32px;
    line-height: 1.03;
    letter-spacing: -0.7px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-image: linear-gradient(88deg, #1659bc, #1659bc 26%, #4ecdc4); */
    background-image: linear-gradient(88deg, #1659bc, #1659bc 26%, #2578B6);
    display: inline-block;
    padding-left: 20px;
    padding-top: 20px;
}

#Carousel .whitebuttonback {
    margin-left: 20px;
}

.introItem {
    display: none;
}

.introItem .active {
    display: visible;
}

#Testimonials .carousel-indicators,
#Carousel .carousel-indicators {
    text-align: center;
    list-style: none;
    position:absolute; 
    bottom: 0px;
    margin-left: 420px;
}

.carousel-indicators li {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 1px;
    cursor: pointer;
    border-radius: 6px;
    background-color: #0c4ea5;
    border: 1px solid #fff;
}

.carousel-indicators .active {
    margin: 0px;
    height: 8px;
    width: 8px;
    background-color: #fff;
}

.lefthalfpanegrey {
    width: 488px;
    height: 200px;
    background-image: linear-gradient(112deg, #f8f8f8, #f4f7fc);
    display: block;
    float: left;
    border-right: 1px solid #d8d8d8;
}
.righthalfpanewhite {
    width: 489px;
    height: 200px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1.57;
    display: block;
    float:right;
}
.righthalfpanewhite p {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

.righthalfpanewhite .whitebuttonback {
    margin-left: 20px;
}

#whatWeDo {
    border-top: solid 1px #d8d8d8;
}

#whatWeDo h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#services {
    height: 310px;
    overflow: hidden;
}

.serviceBlurbs {
    display: inline-block;
    vertical-align : top;
    width: 270px;
    height: 280px;
    margin-top: 0px;
    margin-left: 8px;
    padding: 20px 20px 20px 20px;
}

.serviceBlurbs p {
    height: 155px;
}

.serviceBlurbs h4 {
    margin-top: 0px;
    color: #341a93;
    font-size: 18px;
}

#serviceBlurb2 {
    background-image: linear-gradient(to bottom, #ffffff, #f8fdfd 9%, #eefaf9);
}

#whoWeAre {
    height: 260px;
    width: 100%;
    border-top: solid 1px #d8d8d8;
}

#whoWeAre p {
  font-size: 14px;
  line-height: 1.57;
  width: 537px;
  color: #4a4a4a;
  padding: 0px 20px 0px 20px;
  margin-top: -10px;
  display:block;
}



#whoWeAre #missionStatement {
    float: left;
    display: block;
}

#whoWeAre .picHolder {
    margin-top: 30px;
    margin-right: 20px;
    float: right;
    display: block;
}

#whoWeAre .img  {
   width: 377px;
   height: 205px;
}

#Testimonials {
  width: 980px;
  height: 300px;
  background-image: linear-gradient(83deg, #1659bc, #4ecdc4);
  margin-bottom: 0px;
  padding-bottom: 30px;
  position: relative;
} 

.Rotator {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar {
        display: none;
    }
}

.RotatorItem {
    width: 400px;
    background-color: #ffffff;
    font-size: 16px;
    font-style: italic;
    color: #4a4a4a;
    margin-left: 24px;
    padding: 10px 24px 10px 24px;
    display: inline-block;
}

#RotatorItem1 {
    float: left;
}
#RotatorItme2 {
    float: right;
}
.RotatorText {
    font-style: italic;
}
.RotatorSig {
    color: #4a80cf;
}