/*Import Each Specific CSS*/
/*@import "foundation.css";
@import "offcanvas.css";
@import "fc-webicons.css";
@import "social_foundicons.css";
@import "social_foundicons_ie7.css";
@import "font-awesome.css";
@import "font-awesome-ie7.css";*/


/*General*/
body{ overflow-x: hidden;}
.clearfix:before, .clearfix:after {content:"";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
.uline{text-decoration:underline;}
.red{ color:#e53736}
.marB24{ margin-bottom:24px; display:block;}
.marT0{ margin-top:0}
.icon-flag-us, .icon-flag-uk, .icon-flag-aus, .icon-flag-ind{ height:16px; width:22px; vertical-align:middle; background:url(../img/sprite.png) no-repeat; margin-right:6px;}
.icon-flag-us{ background-position:0 0}
.icon-flag-uk{ background-position:-50px 0}
.icon-flag-aus{ background-position:-100px 0}
.icon-flag-ind{ background-position:-150px 0}

address{ font-size:20px; font-style: normal; line-height:1.4}
address strong{ font-size:30px; color:#de2626; display:block; margin-bottom:16px;}
.block address a{ display:inline-block; margin:0}


.logo{ margin:0; display:block; width:100px;}
.logo a{ display:block;height:90px; text-indent:-999em; background:url(../img/sdi-logo.png) no-repeat 0 0;}
.no-svg .logo a{background:url(../img/sdi-logo.png) no-repeat 0 0;}

.top-bar ul > li.has-dropdown .dropdown li{ position:relative;}
.top-bar ul > li.has-dropdown .dropdown i{
	font-size: 24px;
    left: 0;
    position: absolute;
    top: 10px;
}
.top-bar ul > li.has-dropdown .dropdown i.foundicon-tumblr, .top-bar ul > li.has-dropdown .dropdown i.foundicon-youtube{
	font-size:20px;
	display: inline-block;
    text-align: center;
    width: 30px;
}
header h3{ text-align:center; float:right; font-size:30px}
header h3 strong{ font-weight:400}
.appspage header h3{margin-top: 10px; text-align:right}
.appspage header h3 a{ text-decoration:underline;}
.mobilitypage header h3{ margin:24px 0}

#boxes h3{ font-weight:400; color:#e53736; text-align:center}
#boxes img{ margin-top:30px}
#boxes p{ font-size:30px; font-weight:300; line-height:normal; margin:10px 0 24px}

#feat-boxes .feat-box{ border:2px solid #d3d3d3; padding:12px; margin-bottom:30px;}
#feat-boxes p{ color:#636363; font-size:46px; font-weight:300; line-height:normal; margin:0; white-space:nowrap}
#feat-boxes p span{ font-size:20px; display:block;}
#feat-boxes img{ margin-right:10px; float:left}

/* Elastislide Style */
.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
	position: relative;
	margin: 0 auto 24px;
	min-height: 54px;
}

.elastislide-wrapper.elastislide-loading {
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.elastislide-carousel {
	overflow: hidden;
	position: relative;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
	height: 100%;
	display: inline-block;
}
.elastislide-vertical ul li {
	display: block;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.elastislide-carousel ul li a img {
	display: block;
	max-width: 100%;
}

/* Navigation Arrows */
.elastislide-wrapper nav{ display:none;}
.elastislide-wrapper nav span {
	position: absolute;
	background: #ddd url(../img/nav.png) no-repeat 4px 3px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.8;
}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}

.elastislide-horizontal nav span {
	top: 50%;
	left: 10px;
	margin-top: -11px;
}

.elastislide-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right: 10px;
	left: auto;
	background-position: 4px -17px;
}

.elastislide-vertical nav span.elastislide-next {
	bottom: 10px;
	top: auto;
	background-position: -17px -18px;
}

#feat-clients{ border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb; margin-bottom:24px; padding:15px 0}
#feat-clients p{ font-size:18px; font-weight:300;}
#feat-clients .hide-for-small .columns{ border-right:1px dotted #d1d1d1;}
#feat-clients .hide-for-small .columns:last-child{ border-right:none;}

#conForm{ margin-bottom:24px;}
#conForm p{ font-size:22px; font-weight:300; line-height:normal}
#conForm .photo, #conThank .photo{ border:2px solid #d3d3d3;}
#conForm .labelName, #conThank .labelName{ font-size:20px; display:block; margin:12px 0}
#conForm a, #conThank a{ font-size:16px; font-weight:300; display:block;}
#conForm a i, #conThank a i{ margin-right:8px; color:#404040; line-height:22px;}
#conForm textarea { height: 124px; }

footer{/*background-color:#f6f6f6; border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;bottom: 0;position: fixed;width: 100%;*/ background-color: #f6f6f6;
    border-top: 1px solid #e53736;
    border-bottom: 1px solid #ebebeb;}
footer p{ margin:18px 0}
footer a{ color:#404040}
footer a:hover{ text-decoration:underline}
footer .fooNav a{ margin-left:24px; }
footer .fooNav a.active{ color:#e53736; font-weight:700}
.swipe{width:100%;}
.swipe li{width:100%; text-align:center;}
.hide-custom{ display:block;}
.show-custom{ display:none;}

#platforms p{ font-size:34px; font-weight:300; line-height:normal; color:#070000; margin:30px 0;}

#app-feat p{ font-size:28px;font-weight:300; line-height:normal;margin-bottom:24px;}
#app-feat .feat-box{ border:2px solid #d3d3d3;}
#app-feat .feat-box img{ float:left;}
#app-feat .feat-box p{color:#636363; font-size:24px; margin:0}
.block{ background-color:#FFF;}
.block.gray{ background-color:#fafafa;}
.block .columns, .block .tableCell{height:300px}

.block .tableCell{ display:table-cell; vertical-align:middle; text-align:left;}
.block p{ font-size:20px; font-weight:300; margin:20px 0}
.block a{  font-size:20px; margin:20px 0; text-decoration:underline;display:block}
.DisTxt h2{ margin:0; font-size:34px}
.DisTxt p{ font-size:26px; font-weight:300;margin:10px 0 36px;}
.DisTxt a{ font-size:22px; text-decoration:underline;}

.appfeat{ display:block; list-style:none; padding:0; position:relative}
.appfeat:after{ content:''; position:absolute; top:-15px; left:50%; width:0; height:148px; border-right:2px solid #d3d3d3; z-index:-1}
.appfeat li{ position:relative; margin-bottom:30px;}
.appfeat li:nth-child(odd) .feat-box{ margin-right:20px;}
.appfeat li:nth-child(even) .feat-box{ margin-left:20px;}
.appfeat li:nth-child(odd):after, .appfeat li:nth-child(even):before{ content:''; position:absolute; top:50%; right:0; width:26px; height:0; border-top:2px solid #d3d3d3; z-index:-1}
.appfeat li:nth-child(even):before{ left:0; right:auto;}

.innerpages header hr{ margin-bottom:0}
.countries span{font-size:16px; font-weight:700; color:#de2626; margin:20px 0; display:block}
.LeadershipTxt p{ font-size:18px; font-weight:300; margin:20px 0}
.LeadershipTxt p strong{ font-size:19px;}

.contactpage header h3{ margin:24px 0;}
.conForm p{ font-size:18px; margin:20px 0}
.conForm fieldset{ margin:0; border:none; padding:0}
.conForm .legend{font-size:18px; font-weight:700; margin:0 0 16px; padding:0; display:block}
.conForm .input, .conForm textarea{ border-radius:4px; padding:12px; height:auto; color:#000; margin-bottom:20px; }
.conForm textarea{ height:140px;}
.conForm input[placeholder], .conForm [placeholder] {
color:#000
}
.conForm input::-webkit-input-placeholder {
color:#000
}
.conForm input:-moz-placeholder {
color:#000
}
.conForm input::-moz-placeholder {
color:#000
}
.conForm input:-ms-input-placeholder {
color:#000
}

.conForm .button{ margin:0 10px 16px}
.conForm form{ margin:0}
aside{ background-color:#f9f9f9; border:1px solid #f3f3f3; padding:20px; margin:30px 0}
aside h5{ border-bottom:1px solid #d5d5d5; margin:0 0 10px; padding-bottom:10px;}
aside figure img{ width:100%; margin-bottom:20px;}
aside address{ font-size:16px; line-height:1.3}
address .small{ font-size:16px;}
aside address .small{ font-size:12px;}
footer .fooNav{ height:20px; overflow:hidden; position:relative;}
footer .defaultnav, footer .morenav{ position:absolute; top:0; width:100%; left:0; height:20px;}
footer .morenav{top:20px}
footer .morenav a{ margin-left:14px}
footer .fooNav a:first-child{ margin-left:0}
.moreLink{ padding-right:20px; position:relative;}
.moreLink:hover{ text-decoration:none}
.moreLink:after{ content:'+'; position:absolute; top:50%; margin-top:-7px; right:2px; height:16px; width:16px; background-color:#e53736; border-radius:4px; text-align:center; font-size:18px; font-weight:700; line-height:16px; color:#FFF;}
#moreclose.moreLink:after{ content:'x'; line-height:12px;font-size:17px;}
input.validation_failed, textarea.validation_failed, select.validation_failed
{
	background-color:#f9e6e6;
	background-color: rgba(198, 15, 19, 0.1);
    border-color: #C60F13;
}
#submit_loader
{
	display:none;
	background-color: #FFF;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.process_msg
{
	color: #E53736;
    font-size: 18px;
    font-weight: 700;
	margin:0 0 28px;
}

#submit_loader .process_msg
{
    margin: -35px 0 0;
    position:absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

/*05-08-2013*/
/*Login*/
h3.order-form{font-size:30px;color:#e53736;font-weight:500;line-height:94px;margin:0;}
.login-bg{width:680px;margin:100px auto auto auto;min-height:305px;}
.login-bg h3,.pay-online h3{font-size:22px;font-weight:300;margin:0 0 20px 0;}
.pay-online h3{color:#e53736;border-bottom:1px solid #e8e8e8;padding-bottom:10px;font-weight:400;font-size:20px;}
.login-bg input.button[type="submit"],.login-bg input.button[type="reset"],.accpet input.button[type="submit"],.accpet input.button[type="reset"]{padding:6px 20px;width:100px;margin:10px 12px 0 0;float:left;}
.pay-online h3{margin:20px 0;}
.exp-div {border: 1px solid #d5d5d5;height: 40px;}
.exp-div label,.exp-div select{float:left;}
.exp-div label{font-size:16px;color:#404040;line-height:30px;font-weight:300; margin: 4px 0 0 6px;width: 38px;}
.exp-div select{width:60px;border:0;-webkit-appearance:none; height: 20px;margin: 8px 0 0;padding:0;}
.exp-div select.wid80{width:75px;margin-right:5px;}
.TandC{border:1px solid #d5d5d5;border-radius:6px;padding:10px;height:150px;overflow:auto;}
.TandC strong{font-weight:700;text-decoration:underline;}
.TandC p{font-size:16px;font-weight:300;line-height:22px;}
.accpet{padding:30px 0 20px 50px;}
.accpet label{font-size:20px;font-weight:normal;color:#205103;}
.accpet p{color:#131313;line-height:24px;font-size:16px; font-family:lato;}
span.checkBox{ display:block; height:35px; width:35px; background:url(../img/chk-box.png) no-repeat 0 0; float:left; cursor:pointer; margin-top:24px;}
span.checkBox.checked{ background-position:0 -35px;}

/*Order Form*/
ul.R-table{margin:10px 0 0 0;padding:0;list-style-type:none;}
ul.R-table li{padding-bottom:10px;}
ul.R-table li label,ul.R-table li span{font-size:18px;font-weight:300;}
ul.R-table li input[type="text"]{margin:0;}
ul.R-table li span em{font-style:normal;display:block;padding-bottom:10px;}
ul.R-table li span em em{color:#e53736;display:inline;}
.pay-method h4,.pay-mode h4{color:#e53736;font-size:20px;border-bottom:1px solid #e8e8e8;padding-bottom:5px;margin:0 0 5px 0;}
.pay-method p{display:block;clear:both;margin:0;line-height:40px;}
.pay-method span,.pay-method label{float:left;font-size:18px;font-weight:300;color:#636262;}
.pay-method label{width:33.3%;}
.pay-method{padding-bottom:20px;}
.pay-online .radio{
	background: url("../img/radio-btn.png") repeat 0  0;
	float:left;
	width:16px;
	height:16px;
	cursor:pointer;
	margin: 8px 10px 0 0;
}
.pay-online .radio.checked{
	background-position:0 -16px;
}
.pay-mode ul{margin:20px 0 0 0;padding:0;}
.pay-mode li{display: inline-block;list-style-type: none;padding-bottom:10px;}
.pay-mode li label{font-size:18px;font-weight:300;color:#646464;}
.pay-mode li img{float:left;}
.card-detail{padding-bottom:20px;min-height:218px;}
.card-detail label,.card-detail span{line-height:32px;font-size:18px;color:#636262;font-weight:300;}
.card-detail{padding-top:20px;}
.card-detail span{font-weight:500;}
h4.marb15{margin-bottom:15px;}
.logout{float: right;text-align: center;line-height:26px;margin: 7px 0 0;}
.logout span{font-size:22px;color:#e53736;font-weight:300;display:block;}
.logout b{font-size:18px;color:#636363;font-weight:300;}
a.btn-logout{border: 1px solid #D5D5D5;color: #636262;float: right;font-size: 16px;line-height: 34px;margin: 28px 0 0 25px;
padding: 0 20px;-webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;}
a.btn-logout:hover{background:#E53736;color:#FFF;border: 1px solid #880100;}
select.year{margin-left: 10px;width: 92px;}
p.checks{font-size:18px;color:#636262;line-height:24px;font-weight:300;}

/*11052013*/
/*Thank You*/
#thank-you{min-height:330px;}
#thank-you h2{font-size:38px;color:#E53736;text-align:center;font-weight:500; margin:130px 0 40px 0; line-height:32px;}
#thank-you p{font-size:16px;text-align:center;font-weight:300;}
#thank-you p strong{color:#E53736;font-weight:700;}
#thank-you label{font-size:16px;font-weight:500;line-height:30px;}
.add-sub-btn{ float: left !important;}
.add-sub-btn a{float:left;width:28px;height:28px;background:url(../img/add-sub-btn.png) no-repeat;margin:2px 10px 0 0;}
.add-sub-btn a.add{background-position: 0 0;}
.add-sub-btn a.add:hover{background-position: 0 -28px;}
.add-sub-btn a.minus{background-position:-28px 0;}
.add-sub-btn a.minus:hover{background-position:-28px -28px;}
#thank-you input[type="submit"]{padding: 6px 0;width: 120px;margin:10px 0 20px 10px;}
.ticons {
  margin-bottom: 200px;
  text-align: center;
}
.tico{
	width:160px;
	height:160px;
	display:inline-block;
	margin:10px 10px;
	border-radius:50%;
}
.thome{background:#e53736 url(../img/thome.png) center center no-repeat ; border:5px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}
.thome:hover{background:#414141 url(../img/thome.png) center center no-repeat; border:0px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}

.tblog{background:#e53736 url(../img/tblog.png) center center no-repeat; border:5px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}
.tblog:hover{background:#414141 url(../img/tblog.png) center center no-repeat; border:0px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}

.tface{background:#e53736 url(../img/tfacebook.png) center center no-repeat; border:5px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}
.tface:hover{background:#414141 url(../img/tfacebook.png) center center no-repeat; border:0px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}

.ttwit{background:#e53736 url(../img/ttwitter.png) center center no-repeat; border:5px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}
.ttwit:hover{background:#414141 url(../img/ttwitter.png) center center no-repeat; border:0px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}

.tgoog{background:#e53736 url(../img/tgoogle-plus.png) center center no-repeat; border:5px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}
.tgoog:hover{background:#414141 url(../img/tgoogle-plus.png) center center no-repeat; border:0px solid #fff;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease; -o-transition: all 100ms ease;  transition: all 100ms ease; background-size:cover;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.logo a{ background-image:url(../img/sdi-logo-sm.png); background-size: auto auto; background-position:left center;background-repeat: no-repeat;}
	.no-svg .logo a{background-image:url(../img/sdi-logo-sm.png);}
	.top-bar ul > li.name h1 { line-height: 1; margin-left:15px; width:120px;}
	header h3{font-size:18px;text-align:center; float:none;}
	.leadershippage header h3{font-size:17px;}
	#feat-boxes p{ font-size:36px;}
	#feat-boxes p span{ font-size:20px;}
	#feat-boxes img{ width:84px;}
	#conForm a, #conThank a{ font-size:14px;}
	#conForm p{ font-size:20px;}
	#conThank p{ font-size:16px;}
	#boxes p{ font-size:18px;}
	footer p{ text-align:center;}
	footer{ margin:0}
	.block{ background-size:100% auto}
	
	.appfeat{ margin-top:10px}
	.appfeat:after{ display:none;}
	.appfeat li{ margin-bottom:20px;}
	#app-feat .feat-box{ margin-left:0;margin-right:0;}	
	.appfeat li:nth-child(odd):after, .appfeat li:nth-child(even):before{ top:-20px; left:50%; right:auto; width:0; height:20px; border-top:none;border-right:2px solid #d3d3d3;}
	.block .columns, .block .tableCell{height:auto; }	
	.block p{ font-size:16px;}
	.DisTxt h2{ font-size:24px;margin-top:20px}
	.DisTxt p{ font-size:16px;margin:16px 0}
	.DisTxt a{ font-size:16px; margin-bottom:20px; display:block;}	
	.appspage header h3{ text-align:center}	
	#platforms p{ font-size:20px;}
	#app-feat p{font-size:22px;}
	#app-feat .feat-box p{font-size:20px; margin:6px 0}
	.block a{  font-size:16px;}
	.LeadershipTxt p, .LeadershipTxt p strong{ font-size:16px;}
	.countries span{ text-align:left; margin:10px 0;}
	
	address{ font-size:14px; margin:16px 0}
	address strong{ font-size:16px; margin-bottom:10px}
	
	.conForm .button{ margin-left:0; margin-right:0}
	#boxes img{ margin-top:0}
	#boxes h3{ margin:10px 0}
	#boxes ul{ margin:0}
	/*05-08-2013*/
	/*Login*/
	h3.order-form{font-size:20px;color:#e53736;font-weight:500;line-height:60px;margin:0;}
	.login-bg{width:auto;margin:0;}
	.login-bg input[type="text"],.login-bg input[type="password"],.pay-online input[type="text"],.pay-online input[type="email"],ul.R-table li input[type="text"],#thank-you input[type="text"],#thank-you input[type="submit"]{-webkit-appearance:none;border-radius:0;}
	.exp-div{margin-bottom:10px;}
	#thank-you{padding-bottom:20px;}
	#thank-you input[type="submit"]{margin:auto;}
	.exp-div label{width:120px;}
	.row input.five[type="text"]{width:94% !important;margin-left:10px !important;}
	ul.R-table li label,ul.R-table li span{font-size:18px;font-weight:300;margin-bottom:6px;}
	ul.R-table li label{font-weight:500;}
	ul.R-table li span{padding:0 10px;}
	.pay-method label{width:50%;}
	.pay-method{padding-bottom:10px;}
	.card-detail span{font-weight:700;}
	.accpet{padding:22px 0 20px 45px;}
	.logout b{font-size:16px;}
	.logout{float:none;}
	a.btn-logout{width:100%;margin:5px 0 0 0;text-align:center;}
	
	/*11-05-2013*/
	
#thank-you h2{font-size:26px;color:#E53736;text-align:center;font-weight:500; margin:30px 0;}	
.tico {
  margin: 5px 10px;
}
.ticons {
  margin-bottom:0px;
}
.tico{
	width:70px;
	height:70px;
}
.thome,.tblog,.tface,.ttwit,.tgoog{border:3px solid #fff;}
.thome:hover,.tblog:hover,.tface:hover,.ttwit:hover,.tgoog:hover{border:0px solid #fff;}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	header h3{font-size:24px;}
	#feat-boxes p{ font-size:40px;}
	#feat-boxes p span{ font-size:26px;}
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	header h3{font-size:18px;line-height:18px}
	.mobilitypage header h3{font-size:22px;line-height:22px}
	.cloudpage header h3{font-size:17px;}
	.leadershippage header h3{font-size:15px;}
	.whatsapppage header h3{line-height:22px}
	#boxes p{ font-size:15px;}
	#conForm p{ font-size:14px;}
	.process_msg{ font-size:16px !important;}
	#app-feat p	{ font-size:22px; margin-bottom:16px}
	#app-feat .feat-box p{ font-size:17px}
	#app-feat .feat-box img{ width:48px}
	.countries span{ font-size:11px}
	.DisTxt h2{ font-size:20px}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#boxes img{ width:100%;}
	#feat-boxes p span{ font-size:24px;}
	#conForm .photo{ width:100%}
	header h3{ font-size:26px;}
	#feat-boxes p{ font-size:38px;}
	#feat-boxes p span{ font-size:20px;}
	#feat-boxes img{ width:84px;}
	footer{ margin:0}
	.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 90%; top: 15px; left: 50%; margin-left: -45%; padding: 20px; height: auto; }
	/*05-08-2013*/
	.login-bg{min-height:340px;}
	.login-bg input[type="text"],.pay-online input[type="text"],.pay-online input[type="email"],.card-detail input[type="text"],ul.R-table li input[type="text"]{-webkit-appearance:none;border-radius:0;}
	.card-detail label{font-size:16px;}
	.pay-online .radio{margin:8px 0 0 0;}
	.accpet{padding:22px 0 20px 60px;}
.tico{
	width:110px;
	height:110px;
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/*05-08-2013*/
	.pay-online .radio{margin:8px 10px 0 0;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.top-bar ul > li a:not(.button){font-size: 14px; padding: 0 8px;}
	.top-bar ul > li.has-dropdown a {padding-right: 33.75px}
	#feat-boxes p{ font-size:38px;}
	#feat-boxes p span{ font-size:16px;}
	#feat-boxes img{ width:64px;}
	#conForm p{ font-size:17px;}
	#boxes p{font-size:26px}
	header h3{font-size:26px}
	.appspage header h3{font-size:22px; margin-top:16px}
	#platforms p{ font-size:27px;}
	footer p{font-size:11px}
	#app-feat p{ font-size:26px;}	
	#app-feat .feat-box p{ margin:5px 0;font-size:18px}
	.block p{ font-size:16px;}
	
	.block .columns, .block .tableCell{height:237px}
	.DisTxt h2{ font-size:26px}
	.DisTxt p{ font-size:20px}
	.DisTxt a{ font-size:18px}
	.cloudpage .block a{ font-size:15px}
	footer .fooNav a{ margin-left:14px}
	aside h5{ font-size:16px}
	/*05-08-2013*/
	.login-bg{min-height:580px;}
	.exp-div label{width: 42px;}
	.exp-div select{width:45px;}
	.exp-div select.wid80{width:50px;}
	.pay-mode li img{width:200px;}
	.pay-online .radio{margin:8px 8px 0 0;}
	.pay-mode li label{font-size:16px;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	header h3{font-size:30px}
	#feat-boxes p{ font-size:46px;}
	#feat-boxes p span{ font-size:22px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}


@media only screen and (max-width: 767px){
	.hide-custom{ display:none;}
	.show-custom{ display:block;}
	.top-bar ul > li.name h1 { line-height: 1; margin-left:15px; width:120px;}
	.logo a{ background-image:url(../img/sdi-logo-sm.png); background-size: auto auto; background-position:left center;background-repeat: no-repeat;}
	.no-svg .logo a{background-image:url(../img/sdi-logo-sm.png);}
	header h3{ float:none}
	.nav-bar > li.has-dropdown .dropdown i{ 
	font-size: 18px;
    margin-right: 6px;
    vertical-align: middle;}
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), 
only screen and (min--moz-device-pixel-ratio:1.5), 
only screen and (min-resolution:240dpi){
/* Styles */
.logo a{background-image: url("../img/sdi-logo-sm@2x.png");background-size: 120px 38px;}

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input.error[type=checkbox]:not(:checked) + span {
    border: 1px solid #c60f13;
    background-color: #fae7e7;
}

h3.order-form, .pay-online h3{
	color: #004883;
}

input[type=submit].button{
	background-color: #004883;
	border-color: #004883;
}

input[type=submit].button:hover, input[type=submit].button:focus{
	background-color: #004883;
}

@media (max-width: 767px) {
	.grey-bg-2{
		display: block;
		position: relative;
	}
}

input.error {
    border: 1px solid #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
}

select.error{
	border: 1px solid #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
}

.error-message {
    color: red;
    background-color: #f8d7da;
    padding: 20px;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    margin-top: 20px;
}