.res { height: auto; }
.paas-header-bg { background-color:#1b70dd; width:100%; }
.paas-ready { background-color:#e5f1fb; width:100%; margin:0px; }
.paas-header-content-bg { background: url(../images/paas/bg.jpg) repeat; width:100%; padding:0px 0px 40px 0px; }
h1.paas-shift { font-size:40px;font-weight:bold;text-align:center; margin:0 auto;padding:40px 0px 20px 0px;color:#FFFFFF;text-transform:uppercase;line-height:50px;}
h1.paas-ready { font-size:40px;font-weight:bold;text-align:center; margin:0 auto;padding:40px 0px 20px 0px;color:#0079dc;text-transform:uppercase;line-height:50px;}
h3.toggle { font-size:18px; font-weight: normal; text-align:center; margin: 0 auto; padding:0px 0px 10px 0px; color:#cccccc; line-height:24px; }
h3.paas-shift { font-size:18px; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#424c5c; line-height:24px; }
h3.paas-ready { font-size:18px; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#0079dc; line-height:24px; }
h3.contact { font-size:26px;font-weight:normal;text-align:center; margin:0 auto;padding:60px 0px 20px 0px;color:#FFFFFF;line-height:30px;}
.paas-shift-content { font-size:24px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#FFFFFF; line-height:34px; }
.paas-ready-content { font-size:24px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#5d5d5d; line-height:34px; padding-bottom:30px; }
.paas-paragraph { padding:60px 0px; }
.paas-paragraph-txt { font-size:18px !important; line-height:28px; text-align:center; padding-bottom:20px; }
.paas-paragraph-txt2 { font-size:18px !important; line-height:28px; text-align:center; }
.paas-ready-paragraph { padding:30px 0px; }
.paas-point { padding:10px 0px 30px 0; }
.paas-2colum-rt {
    width: 100%;
    clear: both;
	font-size:14px;
    min-height: 180px;
}
.video img { width: 100%; margin:0; }
.paas-list-img { width:94!important; height:120px; text-align:center; }
.paas-list {
  list-style-image: url("../images/paas/tick-icon.png") !important;
  line-height:1.5em !important;
}
.paas-list li {padding-bottom:10px !important;}
li.paas-list {
  vertical-align: top;
  font-size:20px;
}
.paragraph-bottom { padding-bottom:30px; clear:both; }
.img_padding { width:70%; padding-bottom:30px; min-width:130px !important; }
.contact_bg { background: url(../images/paas/contact_bg.jpg) repeat-x center; width:100%; }
.contact_paragraph { padding:60px 0px 100px 0px !important; margin:0 auto!important; }
.PaaS_Shift_Contact_Button {
	-webkit-box-shadow: 6px 9px 62px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 9px 62px -16px rgba(0,0,0,0.75);
	box-shadow: 6px 9px 62px -16px rgba(0,0,0,0.75);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#1b70dd;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	padding:12px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin:0 auto;
}
.PaaS_Shift_Contact_Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.PaaS_Shift_Contact_Button:active {
	position:relative;
	top:1px;
}
.clickhere-btn{ color:#1b70dd; font-weight:600;padding:10px;text-shadow:none!important; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}
.clickhere-btn:hover{ color:#ea683a;}
/* --------------------------------  Slider - Start  -------------------------------- */
.cocoen{position:relative;
overflow:hidden;
line-height:0;
margin:0;
padding:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
box-sizing:border-box;
}
.cocoen *,.cocoen *:before,.cocoen *:after{box-sizing:inherit}
.cocoen img{max-width:none}
.cocoen>img{width:100%;display:block}
.cocoen>div:first-child{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}
.cocoen__drag{
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:2px;
	cursor:ew-resize;
	margin-left:-1px; 
	
	border-left: 2px solid #f2f2f2;
	display: inline-block;
	box-shadow:0 0 20px black;
}
.cocoen__drag:before{
position:absolute;
width: 44px;
height: 44px;
/* center the element */
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border-radius: 50%;
background: #1b70dd url("../images/paas/arrows.png") no-repeat center center;
cursor: move;
content:"";
border:3px solid #fff;
}
/* --------------------------------  Slider - End  -------------------------------- */
/****** View Steps - Start ******/
/* Boucing Arrow Animation */
@keyframes arrowbounce {
	from {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
	}
	to {
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
}
@-moz-keyframes arrowbounce {
	/* Firefox */ from {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
	}
	to {
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
}
@-webkit-keyframes arrowbounce {
	/* Safari and Chrome */ from {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
	}
	to {
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
}
@-o-keyframes arrowbounce {
	/* Opera */ from {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
	}
	to {
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
}
.scrollto {
	padding: 30px 0px 0px 0px;
	display:block;
	color:#FFF;
	text-decoration:none;
	width:250px;
	margin:0 auto;
	border-bottom: none;
}
.scrollto--arrow {
	padding:0px;
	width:56px;
	margin:0 auto;
}
.scrollto--arrow img {
	animation:arrowbounce 1s alternate infinite;
	-moz-animation:arrowbounce 1s alternate infinite;
	/* Firefox */-webkit-animation:arrowbounce 1s alternate infinite;
	/* Safari and Chrome */-o-animation: arrowbounce 1s alternate infinite;
	/* Opera */
}
.scrollto .view-steps { font-size:16px !important; opacity:0.5; }
/* 

/****** View Steps - Start ******/

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.video img { width: 100%; margin:0; }
.paas-header-content-bg { background: url(../images/paas/bg.jpg) repeat; width:100%; padding:0px 0px 20px 0px; }
h1.paas-shift { font-size:24px !important;font-weight:bold;text-align:center; margin:0 auto;padding:20px 0px 10px 0px;color:#FFFFFF;text-transform:uppercase;line-height:36px;}
h1.paas-ready { font-size:24px !important;font-weight:bold;text-align:center; margin:0 auto;padding:40px 0px 20px 0px;color:#0079dc;text-transform:uppercase;line-height:36px;}
h3.paas-shift { font-size:18px !important; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#424c5c; line-height:24px; }
h3.paas-ready { font-size:18px !important; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#0079dc; line-height:24px; }
h3.contact { font-size:16px;font-weight:normal;text-align:center; margin:0 auto;padding:60px 0px 20px 0px;color:#FFFFFF;line-height:30px;}

.paas-shift-content { font-size:16px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#FFFFFF; line-height:24px; }
.paas-ready-content { font-size:16px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#5d5d5d; line-height:24px; padding-bottom:30px; }

.paas-paragraph { padding:30px 0px 0px 0px; }
.paas-paragraph-txt { font-size:16px !important; line-height:28px; text-align:center; padding-bottom:20px; }
.paas-paragraph-txt2 { font-size:16px !important; line-height:28px; text-align:center; }

.paas-ready-paragraph { padding:10px 0px; }
.paas-point { padding:20px 0px 30px 0; }

.paas-list-img { width:94!important; height:120px; text-align:center }
.paas-list {
  list-style-image: url("../images/paas/tick-icon.png") !important;
  padding-left:30px;
  top:0;
}


.PaaS_Shift_Contact_Button {
	font-size:14px !important;
	padding:10px 24px;
}


}



@media screen and (min-width:480px) and (max-width:767px){



}


@media screen and (max-width:480px){ 

.paas-header-content-bg { background: url(../images/paas/bg.jpg) repeat; width:100%; padding:0px 0px 20px 0px; }

h1.paas-shift { font-size:24px !important;font-weight:bold;text-align:center; margin:0 auto;padding:20px 0px 10px 0px;color:#FFFFFF;text-transform:uppercase;line-height:36px;}
h1.paas-ready { font-size:24px !important;font-weight:bold;text-align:center; margin:0 auto;padding:40px 0px 20px 0px;color:#0079dc;text-transform:uppercase;line-height:36px;}

h3.paas-shift { font-size:18px !important; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#424c5c; line-height:24px; }
h3.paas-ready { font-size:18px !important; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#0079dc; line-height:24px; }
h3.contact { font-size:16px;font-weight:normal;text-align:center; margin:0 auto;padding:60px 0px 20px 0px;color:#FFFFFF;line-height:30px;}

.paas-shift-content { font-size:16px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#FFFFFF; line-height:24px; }
.paas-ready-content { font-size:16px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#5d5d5d; line-height:24px; padding-bottom:30px; }

.paas-paragraph { padding:30px 0px 0px 0px; }
.paas-paragraph-txt { font-size:16px !important; line-height:28px; text-align:center; padding-bottom:20px; }
.paas-paragraph-txt2 { font-size:16px !important; line-height:28px; text-align:center; }

.paas-ready-paragraph { padding:10px 0px; }
.paas-point { padding:20px 0px 30px 0; }

.paas-list-img { width:94!important; height:120px; text-align:center }
.paas-list {
  list-style-image: url("../images/paas/tick-icon.png") !important;
  list-style-position: inside !important;
  padding-left:30px;
  top:0;
}


.PaaS_Shift_Contact_Button {
	font-size:14px !important;
	padding:10px 24px;
}

}



@media screen and (min-width:960px) and (max-width:1160px){


}

/* iPad 3 ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

.img_padding { }

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

.paas-point { padding:0px 0px 30px 0; }

h3.contact { font-size:16px;font-weight:normal;text-align:center; margin:0 auto;padding:60px 0px 20px 0px;color:#FFFFFF;line-height:30px;}

.img_padding { width:100% !important;  padding-bottom:80px; }

.PaaS_Shift_Contact_Button {
	font-size:14px;
	padding:10px 24px;
}


}




/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

.paas-header-content-bg { background: url(../images/paas/bg.jpg) repeat; width:100%; padding:0px 0px 20px 0px; }

h1.paas-shift { font-size:24px;font-weight:bold;text-align:center; margin:0 auto;padding:20px 0px 10px 0px;color:#FFFFFF;text-transform:uppercase;line-height:36px;}
h1.paas-ready { font-size:24px;font-weight:bold;text-align:center; margin:0 auto;padding:40px 0px 20px 0px;color:#0079dc;text-transform:uppercase;line-height:36px;}

h3.paas-shift { font-size:18px; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#424c5c; line-height:24px; }
h3.paas-ready { font-size:18px; font-weight:bold; text-align:left; padding:0px 0px 10px 0px; color:#0079dc; line-height:24px; }
h3.contact { font-size:16px;font-weight:normal;text-align:center; margin:0 auto;padding:60px 0px 20px 0px;color:#FFFFFF;line-height:30px;}

.paas-shift-content { font-size:16px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#FFFFFF; line-height:24px; }
.paas-ready-content { font-size:16px !important; font-weight: 400; text-align:center; margin:0 auto; padding:0px; color:#5d5d5d; line-height:24px; padding-bottom:30px; }

.paas-paragraph { padding:30px 0px 0px 0px; }
.paas-paragraph-txt { font-size:16px !important; line-height:28px; text-align:center; padding-bottom:20px; }
.paas-paragraph-txt2 { font-size:16px !important; line-height:28px; text-align:center; }

.paas-ready-paragraph { padding:10px 0px; }
.paas-point { padding:20px 0px 30px 0; }

.paas-list-img { width:94!important; height:120px; text-align:center }
.paas-list {
  list-style-image: url("../images/paas/tick-icon.png") !important;
  padding-left:30px;
  top:0;
}

.PaaS_Shift_Contact_Button {
	font-size:14px;
	padding:10px 24px;
}

}



@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}



/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}



@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}