
.pane .content-container {
	height: 100%;
	width: 100%;
	display: inline-block;
}
.paneOne{
	background-image: url(../images/first_slide.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}
.paneTwo{
	background-color: #fcfcfc;
	background-image: url(../images/project-kickoff-bg.png);
	background-repeat:no-repeat;
	/* background-position: 5% -353%; */
	height:727px;
}
.paneThree{
	background-color: #ced3d5;
	background-image: url(../images/third_slide_bg.png);
	background-repeat:no-repeat;
	/* background-position: 10% 5%; */
}
.paneFour{
	background: #fff;
}
.paneFive{
	background:#7d8183;
	color: #fff;
	height: 600px;
}
.paneSix {
	color: #fff;
  background: #FFF;
  height: 700px;
}

.wrapper {
	max-width: 1170px;
margin:375px 0px 0px 0px;
	/* position: relative!important; */
	/* top: 150%; */
	padding: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.wrapper1 {
	padding:2em 0;

}
.paneOne h1 {
  font-size: 50px;
  text-transform: uppercase;
  text-shadow: 1px 0px 1px red;
  color: #FFF;
  text-align: center;
  background: url(../images/welcome_text_heading.png) no-repeat center center;
  font-weight: 300;
  padding: 0px;
  margin-top: 0;
}
.paneOne h2 {
  font-size: 60px;
  text-transform: uppercase;
  text-shadow: 1px 0px 1px red;
  color: #FFF;
  text-align: center;
  font-weight: 900;
  padding: 0px;
}
.welcome-page__bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #FFF;
}
.round-go-down, .chat__close {
  display: block;
  height: 46px;
  width: 46px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  margin-left: -23px;
  left: 50%;
  background: #FFF;
}
.round-go-down {
  bottom: 20px;
}
.round-go-down:before, .chat__close:before, .round-go-down:after, .chat__close:after {
  display: block;
  left: 50%;
  bottom: 100%;
  background-color: #FFF;
  z-index: 1;
  -moz-animation-name: blueRound;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: none;
  -o-animation-name: blueRound;
  -o-animation-duration: 1s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: alternate;
  -o-animation-play-state: running;
  -o-animation-fill-mode: none;
  -webkit-animation-name: blueRound;
  animation-name: blueRound;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

.round-go-down:before, .chat__close:before {
  height: 20px;
  width: 20px;
  margin-bottom: 8px;
  opacity: .7;
  margin-left: -10px;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

.round-go-down:before, .chat__close:before, .round-go-down:after, .chat__close:after {
  content: "";
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.round-go-down:after, .chat__close:after {
  height: 10px;
  width: 10px;
  margin-bottom: 36px;
  opacity: .4;
  margin-left: -5px;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
.wrapper .push_five:first-child {
  margin-left: 42.36111%;
}
.paneTwo ul {
 margin: 0px -44px 0 0;
  padding: 0 0 0 28.4722%;
  background: url(../images/slide2-list.png) no-repeat scroll 0 20px;
}
.paneTwo ul li.first {
  margin-bottom: 58px;
  margin-left: 180px;
}

.paneTwo ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
.paneTwo ul li.first .first {
  background: url(../images/second-slide-icons.png) no-repeat;
  display: inline-block;
  padding: 0 0 0 80px;
}
.paneTwo ul li h2 {
  padding: 0px;
  color: #253b4b;
  font-size: 38px;
  line-height: normal;
}
.paneTwo ul li p {
  color: #8d8d8d;
  font-size: 16px;
    line-height: 25px;
}
.paneTwo ul li.second {
  margin-top: -14px;
  margin-bottom: 58px;
  margin-left: 177px;
}
.paneTwo ul li.second .second {
  background: url(../images/second-slide-icons.png) no-repeat scroll 0 -205px;
  display: inline-block;
  padding: 0 0 0 80px;
}
.paneTwo ul li.third {
    margin-top: -42px;
    margin-left: 182px;

}
.paneTwo ul li.third .third {
  background: url(../images/second-slide-icons.png) no-repeat scroll 0 -415px;
  display: inline-block;
  padding: 0 0 0 80px;
}
.slide-title {
  text-align: center;
  color: #fff;
  max-width: 600px;
  margin: 0 auto;
}
.paneThree h1 {
  color:#FF432ECC;
  text-transform: uppercase;
  padding-bottom: 0px;
  line-height: normal;
  font-size: 57px;
  margin: 0;
}
.paneThree h4 {
  background: url(../images/third_slide_heading_border.png) repeat-x scroll 0 50%;
  padding-top: 0px;
}
.paneThree h4 span {
  color: #22384a;
  font-size: 2rem;
  /* background: #cee9f2; */
  padding: 0 5%;
}
.paneThree ul {
  margin: 5% auto;
  text-align: center;
}
.paneThree ul li {
  margin: 0px 1%;
  padding: 14% 1% 0 5%;
  text-align: left;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
 width: 27%;
  background: url(../images/third_slide_tab.png) no-repeat;
  animation-direction: normal;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: tadaDaReverse;
  animation-play-state: running;
  animation-timing-function: linear;
  transform: translateZ(0px);
  transition: all 0.2s linear 0s;
}
.paneThree ul li h3 {
  color:#FF432ECC;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.paneThree ul li p {
  font-size: 14px;
  line-height: normal;
}
.paneThree ul li.second {
  background-position: -320px 0;
}
.paneThree ul li.third {
  background-position: -636px 0;
}


@-webkit-keyframes tadaDaReverse{

0%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}

}

@keyframes tadaDaReverse{
0%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}

}




.paneFour{ background:#fff;}
.paneFour h1{ color:#22384a; text-transform:uppercase; padding-bottom:0px; line-height:normal; font-size: 40px;  margin: 0;}
.paneFour h4{  background:url(../images/third_slide_heading_border.png) repeat-x scroll 0 50%; padding-top:0px;}
.paneFour h4 span{ color:#FF432ECC; font-size:2rem; background:#FFF; padding:0 5%;}
.paneFour p.center_text{ margin:20px auto; text-align:center; font-size:16px; line-height:normal; color:#959596;}
.paneFour ul{ margin:5% 0 0 0; padding:0px;}
.paneFour ul li{ margin:0px; padding:30px 0; list-style-type:none; float:left; width:33%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; position:relative; cursor:pointer;}
.paneFour ul li:last-child{ border-right:none;}
.paneFour ul li h3{ color:#346692; font-size:2rem;}
.paneFour ul li span{ background:url(../images/fourth_slide_icons.png) no-repeat; width:101px; height:89px; display:inline-block; margin-bottom:10px;}
.paneFour ul li.one span{  background-position: 0 0;}
.paneFour ul li.two span{ background-position: -304px 0;}
.paneFour ul li.three span{ background-position: -599px 0;}
.paneFour ul li .one_content{ opacity:0; position:absolute; top:-113%; left:10%; z-index:999; width:80%; background:#22384a; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px;}
.paneFour ul li .one_content:hover{ opacity:1;}
.paneFour ul li .two_content{ opacity:0; position:absolute; top:-113%; left:10%; z-index:999; width:80%; background:#22384a; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px;}
.paneFour ul li .two_content:hover{ opacity:1;}
.paneFour ul li .three_content{opacity:0;position:absolute; top:-113%; left:10%; z-index:999; width:80%; background:#22384a; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px;}
.paneFour ul li .three_content:hover{ opacity:1;}
.paneFour ul li.active .one_content{ opacity:1;}
.paneFour ul li.active .one_content span{ background:url(../images/fourth_slide_bottom_arrow.png) no-repeat; position:absolute; bottom:-13px; width:36px; height:13px; margin-bottom:0px; left:43%;}
.paneFour ul li.active .two_content span{ background:url(../images/fourth_slide_bottom_arrow.png) no-repeat; position:absolute; bottom:-13px; width:36px; height:13px; margin-bottom:0px; left:43%;}
.paneFour ul li.active .three_content span{ background:url(../images/fourth_slide_bottom_arrow.png) no-repeat; position:absolute; bottom:-13px; width:36px; height:13px; margin-bottom:0px; left:43%;}
.paneFour ul li.active .two_content{ opacity:1;}
.paneFour ul li.active .three_content{ opacity:1;}
.paneFour ul li ul{ margin:0px; padding:0px;}
.paneFour ul li ul li{ margin:15px 0; padding:5px 0 5px 45px; float:none; width:100%; display:block; border:none; text-align:left; color:#fff; font-size:16px; background:url(../images/fourth_slide_arrow.png) no-repeat;  background-size: 29px;}


.paneFive{position:relative;}
.paneFive h1{ color:#FF432ECC; text-transform:uppercase; padding-bottom:0px; line-height:normal; font-size: 57px;  margin: 0;}
.paneFive .slide-title span{ border-bottom:1px solid #FFF; display:inline-block; height:1px; width:50%; margin:20px 0px;}
.paneFive .center_text{ text-align:center; font-size:16px;}
.paneFive ul{ margin:5% 0; padding:0px; display:inline-block;  min-height: 250px;}
.paneFive ul li{ margin:0px; padding:0px; list-style-type:none; width:20%; float:left; text-align:center; animation-direction: normal; animation-duration: 0.3s; animation-fill-mode: both; animation-iteration-count: 1; animation-name: tadaDaReverse; animation-play-state: running; animation-timing-function: linear; transform: translateZ(0px); transition: all 0.2s linear 0s;}
.paneFive ul li h4{ color:#FFF; font-weight:700; font-size: 22px;  margin: 10px 0;}
.paneFive ul li p{ line-height:normal;font-size: 14px;font-weight: 300;text-align: justify;}
.paneFive ul li span{ background:url(../images/five_slide_icons.png) no-repeat; display:inline-block;}
.paneFive ul li.item1 span{ background-position:0 -50px; width:143px; height:97px; }
.paneFive ul li.item2 span{ background-position:-184px -50px; width:182px; height:145px;}
.paneFive ul li.item3 span{ background-position:-422px -48px;width:144px; height:107px;}
.paneFive ul li.item4 span{ background-position:-631px -39px;width:167px; height:105px;}
.paneFive ul li.item5 span{ background-position:-861px -48px;width:92px; height:89px;}
.paneFive .slider_five_bottom{ background:rgba(255,255,255,0.2); border-bottom:2px solid #71c5e8; padding:10px 0px; width:100%; position:absolute;bottom: 28px;text-align:center;}
.paneFive .slider_five_bottom .four{   list-style-type: none;  color: #22384a;  font-size: 30px;  padding: 1%;  text-align: center;  display: inline-block;  margin: 0 5%;}



.paneSix{}
.paneSix .slide-title{ max-width:700px;}
.paneSix .slide-title h1{ color:#ec384b; font-size: 57px;  margin: 0;font-weight:300;  padding-top:0;} 
.paneSix .center{ text-align:center;}
.paneSix img{ margin:20px 0px;}
.paneSix p{ font-size:1.7rem; color:#898989; font-weight:300; line-height:normal;}

.paneSix .footer_block{ margin-top:20px;}
.paneSix .footer_block a.mail{ color:#ef323a; font-size:1.5rem; background:url(../images/mail_icon.png) no-repeat scroll 0 2px; padding:0 0 0 37px; display:inline-block; margin-top:25px;}
.paneSix .footer_block a.plan{ font-size:2rem; border-radius:50px; color:#FFF; display:inline-block; background:#ef323a url(../images/plan_icon.png) no-repeat scroll 30px 25px; padding:25px 50px 25px 80px;}
.paneSix .footer_block a.phone{ color:#ef323a; font-size:1.5rem; background:url(../images/phone_icon.png) no-repeat scroll 0 5px; padding:0 0 0 31px; display:inline-block; margin-top:25px;}

@media (max-width:1024px) {
    .paneTwo ul{margin:0;  background-size: auto 85%;}
    .paneTwo ul li.first {  margin-bottom: 0;}
    .paneTwo ul li.second {  margin-top: 25px;  margin-bottom: 0;}
    .paneThree ul li{width:24%;}
    .paneFive .slider_five_bottom .four {font-size: 15px;padding: 0 0 2% 0;}
    .paneFour ul {  margin: 5% auto;   width: 90%;}
}

@media (max-width:768px){
.wrapper .push_five:first-child {  margin-left: 20px;}
.paneTwo .content-container {  background: #fcfcfc ;}
.paneThree ul li {  width: 34%;  margin: 1%;padding: 18% 1% 0 5%;}
.paneFour ul li {  width: 100%;border-right: 0;}
.paneFour .slide-title{margin:25px auto 0;}
.paneFive ul li { margin: 1%; width: 31%;}
}
@media (max-width:990px){
.paneTwo {background-image:none;}
.paneTwo {
  height: auto;}
  .wrapper .push_five:first-child {
    margin-left:0%;
}
.paneThree ul li {
    width: 31%;
}
.paneFour ul li .two_content {
    top: -76%;
    left: -2%;
    z-index: 999;
    width: 112%;
     padding: 0px;
	}
	.paneFive {
       height: auto;
     }
}

@media (max-width:736px){
.paneOne h1,.paneOne h2{font-size:38px;}
.wrapper {	max-width: 94%;	margin: 0 3%;	position: relative!important;	top: auto;	padding: 0;	-webkit-transform: translateY(0);	   -moz-transform: translateY(0);	    -ms-transform: translateY(0);	     -o-transform: translateY(0);	        transform: translateY(0);}
.paneOne .content-container {  padding: 120px 0;}
.welcome-page__bottom-line{display:none;}
.paneTwo ul {  background-size: auto 81%;}
.paneThree ul li {  width: 38%;  margin: 1%;  padding: 18% 1% 0 7%;}
.paneFour .content-container,.paneFive .content-container,.paneTwo .content-container,.paneThree .content-container,.paneSix .content-container {  padding: 50px 0;}
}
@media (max-width:667px){
.paneThree ul li { width: 41%;}
.paneFive .slider_five_bottom .four{margin:0 3%;}
.paneThree .content-container {  background: #cee9f2;}
.paneFive ul li {  margin: 2% 1%;  width: 98%;}
.paneFive .slider_five_bottom {  background: #71c5e8;  border-bottom: 2px solid #71c5e8;  padding: 0;  width: 100%;  position: relative;  bottom: 0;  text-align: center;font-weight: 800;  color: #fff;}
}
@media (max-width: 600px){
.paneOne h1, .paneOne h2 {  font-size:34px;}
.paneThree ul li {  width: 249px;  padding: 121px 0 20px 49px;}
.paneFive {
     height: auto;}
	.push_five:first-child {
    margin-left: -198px!important;
}
.paneTwo ul li.second {
    margin-top: -31px;
}
.paneTwo {
	height:auto;
	background-image:none;
}
.paneSix img {
    margin: 20px -154px;
}
.delivery_model ul li.width_50 {
    /* width: 50%; */
    display: none;
}
.paneTwo ul li.second .second { background:transparent;}
}
@media (max-width: 568px){
.paneTwo ul {   padding: 0;  background: none;}
.paneThree h1,.paneFour h1,.paneFive h1,.paneSix .slide-title h1{font-size:40px;}
.paneThree h4 span,.paneFour h4 span,.paneSix p{font-size:20px;}
.paneFour ul li.active .three_content,.paneFour ul li.active .one_content,.paneFour ul li.active .two_content{display:none;}
}
@media (max-width: 480px){
.paneOne h1, .paneOne h2 {  font-size: 22px;}
.paneTwo ul li h2{font-size:24px;}
.paneFive .slider_five_bottom .four {  margin: 2%;  width: 96%;  font-weight: 800;  color: #fff;}
 
}
@media (max-width: 320px){
.paneThree ul li {  width: 230px;background-size: 875px;}
.paneThree ul li.second {  background-position: -300px 0;}
.paneThree ul li.third {  background-position: -596px 0;}
.paneThree h1, .paneFour h1, .paneFive h1, .paneSix .slide-title h1 {  font-size: 30px;}
.paneThree h4 span, .paneFour h4 span, .paneSix p {  font-size: 16px;}
}
address, article, aside, button, figure, footer, header, label, q, section, small {
    display: block;
}