@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@font-face { font-family: 'droid_sansbold'; src: url('font/DroidSans-Bold-webfont.eot'); src: url('font/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/DroidSans-Bold-webfont.woff') format('woff'), url('font/DroidSans-Bold-webfont.ttf') format('truetype'), url('font/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'droid_sansregular'; src: url('font/DroidSans-webfont.eot'); src: url('font/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('font/DroidSans-webfont.woff') format('woff'), url('font/DroidSans-webfont.ttf') format('truetype'), url('font/DroidSans-webfont.svg#droid_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face{font-family: montserrat_light; src: url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Light.eot); src: url(font/Montserrat-Light.eot?#iefix) format('embedded-opentype'), url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Light.woff) format('woff'), url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Light.ttf) format('truetype'), url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Light.svg#montserrat_light) format('svg');	font-weight: 400; font-style: normal}
@font-face{ font-family: montserrat; src: url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Regular.eot);	src: url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Regular.eot?#iefix) format('embedded-opentype'), url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Regular.woff) format('woff'), url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Regular.ttf) format('truetype'), url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Regular.svg#montserrat) format('svg');	font-weight: 400; font-style: normal;}
@font-face{font-family: montserrat_bold; src: url(http://www.shephertz.com/wp-content/themes/twentytwelve/font/Montserrat-Bold.eot);	src: url(font/Montserrat-Bold.eot?#iefix) format('embedded-opentype'), url(font/Montserrat-Bold.woff) format('woff'), url(font/Montserrat-Bold.ttf) format('truetype'), url(font/Montserrat-Bold.svg#montserrat_bold) format('svg'); font-weight: 400; font-style: normal;}
@font-face{font-family: 'montserrat_bold_web';	src: url('http://www.shephertz.com/wp-content/themes/twentytwelve/font/montserrat-bold-webfont.eot'); src: url('http://www.shephertz.com/wp-content/themes/twentytwelve/font/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.shephertz.com/wp-content/themes/twentytwelve/font/montserrat-bold-webfont.woff') format('woff'), url('http://www.shephertz.com/wp-content/themes/twentytwelve/font/montserrat-bold-webfont.ttf') format('truetype'), url('http://www.shephertz.com/wp-content/themes/twentytwelve/font/montserrat-bold-webfont.svg#montserrat_bold') format('svg'); font-weight: normal; font-style: normal;}
body { font-family: 'droid_sansregular'!important; }
.devwtWrapper .devwtBanner .bannerInner h2 { font-family: 'droid_sansregular'; }
.devwtWrapper .devwtBanner .bannerInner h2 span { font-family: 'droid_sansbold'; }
.devwtWrapper .devwtBanner .bannerInner p { font-family: 'droid_sansregular'; }
.sdkAction p a { font-family: 'droid_sansregular'; }
.downloadSDKIcon, .sampleIcon, .apiRefIcon, .guideIcon{ border:none; cursor:pointer; background:none}
.downloadSDKbtn, .sampleIconbtn, .apiRefIconbtn, .guideIconbtn{background-image: url("http://shephertz.com/app42-dev/images/sprite-dev-btns.png")!important; border:none; cursor:pointer; background-color:transparent; padding:0;}
.downloadSDKbtn{width: 95px; height: 80px; background-position:0 0}
.sampleIconbtn{width: 116px; height: 80px; background-position: -95px 0;}
.apiRefIconbtn{width: 95px; height: 80px; background-position: -210px 0;}
.guideIconbtn{width: 63px; height: 80px; background-position: -302px 0;}
.downloadSDKbtn:hover{width: 95px; height: 80px; background-position:0 -80px}
.sampleIconbtn:hover{width: 116px; height: 80px; background-position: -95px -80px;}
.apiRefIconbtn:hover{width: 95px; height: 80px; background-position: -210px -80px;}
.guideIconbtn:hover{width: 63px; height: 80px; background-position: -302px -80px;}
.sdkshadetabs {float: left !important; list-style-type: none !important; margin-bottom: 0 !important; margin-left: 0 !important; text-align: left !important; width: 100% !important; }
.sdkshadetabs li { display: inline !important; float: left !important; padding: 0!important; width: 50% !important;}
.sdkshadetabs li a.selected {border-top: 12px solid #3f93cb; color: #3f93cb; line-height: 50px; text-align: center; background:none }
.sdkshadetabs li a { background-image: url("http://api.shephertz.com/images/devcenter/unactive-bg.png"); background-repeat: repeat-x; border-top: 12px solid #d7deee; color: #858585; font-size: 24px; height: 58px; line-height: 58px; text-align: center; float:left; width:100%; padding:0 }
.sdkshadetabs li a:hover { color: #012632!important; }
.formContect{ border-top:1px solid #009fd1!important; margin-top: -3px !important;}
.mapImg{margin-top:-7px; position:absolute}
.on{-webkit-transform:scaleY(1.08);-moz-transform:scaleY(1.08);-o-transform:scaleY(1.08);-ms-transform:scaleY(1.08);transform:scaleY(1.08);-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:9999!important;}
.sdkAction p a{ font-size:15px!important}
button:focus{outline: none;}
@media(max-width:480px){
.devwtWrapper .devwtBanner .bannerInner{ width:90%;}	
.devwtWrapper .devwtBanner .bannerInner h2{font-size:25px !important;}
.devwtWrapper .devwtBanner .bannerInner p{font-size: 14px !important; line-height: 28px !important;}
.sdkshadetabs li a{ font-size:22px;}
.sdkWrapper{ padding:20px 0!important}
.dskInner .col{ width:100%!important; margin:0 0 50px 0 !important}
}
/* Smartphones (landscape) */
@media only screen and (min-width :481px) and (max-width :640px){
.devwtWrapper .devwtBanner .bannerInner{ width:90%;}	
.devwtWrapper .devwtBanner .bannerInner h2{ font-size:28px;}
.devwtWrapper .devwtBanner .bannerInner p{ font-size:13px;}
.sdkshadetabs li a{ font-size:22px;}
.sdkWrapper{ padding:20px 0!important}
.dskInner .col{ width:100%!important; margin:0 0 50px 0 !important}
}

@media only screen and (min-width :641px) and (max-width :960px){
.devwtWrapper .devwtBanner .bannerInner{ width:90%;}	
.devwtWrapper .devwtBanner .bannerInner h2{ font-size:28px;}
.devwtWrapper .devwtBanner .bannerInner p{ font-size:13px;}
.sdkshadetabs li a{ font-size:22px;}
.sdkWrapper{ padding:20px 0!important}	
.dskInner .col{ width:47%!important; margin:0 2.5% 50px 0 !important}
}

@media only screen and (min-width :961px) and (max-width :1024px){
	
}

@media only screen and (min-width :1025px) and (max-width :1280px){
	
	
}