@import url('https://fonts.googleapis.com/css?family=Open+Sans');
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	 font-smoothing:antialiased;
}


body{
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
    color:#353334;
	
}

header{
	display:block;
	background:#ffffff;
	padding:10px 0px 10px 0px;
}
.ptc-header .ptc-HeaderBar > .left .ptc-logo {
    background: url(../images/PTC_Logo_64px.png) no-repeat left center !important;

  
}
.topheader{
	display:block;
	float:right;
}
.topheader h1{	
    font-size:30px;
	color:#0a3b75;
	padding-top:0px;
}
input[type=checkbox], input[type=radio] label{
	font-family: 'Open Sans', sans-serif;
}
.login-box label{
	cursor:auto;
}
.rightimage{
	margin-top:100px;
	
}
.enter-crea{
font-size:13px;
font-weight:600;
}

.rightimage img{
	border:1px solid #ffffff;
	padding:5px;
}
.containarea{
	display: block;
   margin-top: 0px;
	padding-bottom:20px;
}
.thumbnail{
	 border-radius:0px !important;
	 border:1px solid #fff !important;
	 background:none !important;
	 
}
.thumbnail:hover{
	border:1px solid #fff !important;
}
.login-box{
	display:block;
	background: rgba(219, 224, 228, 0.5);
	border-radius:10px;
	color:#fff;
	font-size:10px;
	padding: 8px 8px 35px 8px;
	margin-top: 21%;
}
.login-box a{
	color:#ffffff;
	float:right;
}
.login-box a:hover{
	text-decoration:underline;
}
.login-box h2{
	font-size: 23px;
    color: #ffffff;
    text-align: center;
	text-shadow: 2px 2px #333;
}
.circle{
	display: block;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    margin: auto;
    width:70px;
    height:70px;
    padding:13px;
    margin-top:-39px;
}
.circle i{
	display:block;
    font-size:42px;
    text-align:center;
    color:#005b9a;
}
.user-box{
	padding: 0px 15px 0px 15px;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-bottom: 26px;
    margin-top: 25px;
}
.login-box .form-control{
	border:none !important;
	height: 38px;
	font-size: 16px;
}
.input-group-addon{
	border:none !important;
	background-color:#ffffff !important;
}
.login-box i.glyphicon.glyphicon-user {
	font-size:24px;
}
.login-box i.glyphicon.glyphicon-lock{
	font-size:24px;
}
.login-box .login{
	background: #46a6bf;
    border: 1px solid #46a6bf;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    border-radius: 8px;
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin-bottom: 15px;
}
.login-box .login:hover{
	 border: 1px solid #46a6bf;
	 background:none;
	 color:#fff;
}
button.btn.btn-primary.login:active {
    border: 1px solid #46a6bf;
    box-shadow: none;
	outline: none;
}
.account-box{
	display:block;
	font-size:13px;
	color:#ffffff;
	text-align:center;
	padding:10px 20px;
	
}
.account-box p{
	margin-top:20px;
}
.account-box a{
	text-decoration:none;
	color:#ffffff;
}
.account-box a:hover{
	text-decoration:underline;
}
.rightbox{
	display:block;
}
.logosection{
	display:block;
}
.textsection{
	padding:15px 0px 0px 0px;
}
.logosection img {
    display: block;
    margin-left: 20px;
}
.whitetext{
	color:#ffffff;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
.blacktext{
	font-size:14px;
	color:#ffffff;
}

h3{
	font-size:25px;
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:bold;
	margin-top: 35px;
}
.imagesection {
    display: block;
	background:rgba(0, 91, 154, 0.6);
	padding: 15px;
	border-radius:10px;
	margin-bottom:30px;
	margin-top: 15px;
}
.imagesection h1{
	font-size:25px;
	text-align:center;
	color:#ffffff;
	text-shadow: 2px 2px #333;
	margin-top: 28%;
}

/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  /* padding: 0 40px 30px 40px; */
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
	left:-32px;
	background-image: none;
	background: none;
	border: 1px solid #fff;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	margin-top:43px;
	padding: 3px;
	text-align: center;
	line-height: 13px;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
    right:-32px;
	background-image: none;
	background: none;
	border: 1px solid #fff;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	margin-top:43px;
	padding: 3px;
	text-align: center;
	line-height: 13px;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width:auto;
  height:auto;
}
/* End carousel */
/* Home page*/
.home-content{padding-top: 20px!important; background-image: none !important;}
.hp-section{
	    padding: 40px 0px;
	
}
.hp-section p{
	  font-size:14px;
	  color: white;
	
}
.Whats-new h4{
    font-size: 20px;
    font-weight: 700;
	color: white;
}
.Whats-new {
    background-color: #46b654;
    color: #fff;
    padding: 27px 15px;
    text-align: center;
	margin-bottom: 20px;
}
.Whats-new a{
    text-decoration:none;
	 color: #fff;
}
.hp-section h3{
	 color: #000;
	 font-size: 17px;
    font-weight: 700;
}
.hp-section img{
	margin:0 auto;
	width: 110px;
}
.white{
	color:#fff;
	font-size:15px;
}
.see-more a{
	color: #fff !important;
	font-size:15px !important;
	font-weight:700;
}
.text-slider h5{
	    color: #fff;
    font-size: 20px;
}
.text-slider p{
	    color: #fff;
    font-size: 14px;
}
.read-more{
	    color: #fff;
    background: #46b654;
    padding: 5px 15px;
    font-size: 16px;
   
    border-radius: 25px;
}
.whatsNew span {
    font-size: 15px !important;
}
.rootFrame .main-content-container{margin: 0!important;}
#dashboardR{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-image: url("../images/BG.jpg");
	background-size: cover;
	width: 100%;
	/* height: 100%; */
	height: 100% !important;
}

#dashboardR.home-content article {
	margin: 0;
	width: 50%;
}
#dashboardR .whatsNew .error-message {
   color: #fff !important;
    font-size: 15px !important;
	    margin: 0px !important;
}
#dashboardR.home-content article.homePage {
	float: right;
}

#dashboardR .home-content article.homePage{
	padding-right: 41%!important;
}
.carousel-inner .col-md-4, .carousel-inner .col-md-8{ padding-left: 15px !important; padding-right: 15px !important; }
.product-img{width: 100% !important;}
#dashboardR .home-content article.sidebar{
	width: 49%!important;
}
.externalLinks{
	margin-top: 0 !important;
}
#dashboardR .home-content article section label {
font-size: 18px !important;
font-weight: bold;
color: #000 !important;
display: inline-block;
margin-bottom: 10px;
}
.generalInformation {
margin-top: 0px !important;
}
.generalInformation .generalInformationNoItems {
color: #fff !important;
font-size: 15px !important;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
text-align: center !important;
}
.whatsNewUpdatesInfo span{
color: #fff !important;
font-size: 15px !important;
}

/* Home end page*/
@media (min-width:320px)(max-width:320px){
.media-carousel {height:120px; overflow: hidden;}
#dashboardR .home-content article.sidebar{width: 82% !important; float: none;}
#dashboardR .home-content article.homePage{padding-right: 0px !important;}
#dashboardR .home-content{padding-top: 40px!important; padding-bottom: 40px!important;}
}

@media (max-width:767px){
.media-carousel {height:130px; overflow: hidden;}
.media-carousel .carousel-control.left {left: 5px; margin-top: 49px; border: 1px solid #000; background: #000;}
.media-carousel .carousel-control.right {right: 5px; margin-top: 49px; border: 1px solid #000; background: #000;}
.login-box{margin-top:40px; padding: 8px 0px 35px 0px;}
.containarea {padding-bottom:41px;}
.topheader h1 {font-size: 20px; text-align:center;}
.topheader{float:none;}
.logosection img{margin:0px auto;}
h3{text-align: center;font-size: 20px;}
.thumbnail{margin-bottom:1px !important;}
.user-box {padding: 0px 20px 0px 20px;}
.rightimage{margin-top:40px;}
.rightimage img {margin: 0px auto;}
#dashboardR  .home-content article.sidebar{width: 82% !important; float: none !important;}
#dashboardR .home-content article.homePage{padding-right: 0px !important; margin-right: 35px !important;}
#dashboardR .home-content{padding-top: 40px!important; padding-bottom: 40px!important;}
#dashboardR .thumbnail { margin-bottom: 20px !important;}
#dashboardR .media-carousel {height: 100% !important;}
}

@media (min-width:768px) and (max-width:991px){
 .user-box {padding: 0px 22px 0px 20px;}
 .media-carousel {height: 130px;overflow: hidden;}
 .media-carousel .carousel-control.left {margin-top: 38px;left: 7px;}
 .media-carousel .carousel-control.right {margin-top: 38px; right: 5px;}
 .user-box {padding: 0px 10px 0px 10px;}
 .rightimage {margin-top: 112px;}
 /* .home-content{padding-top: 100px!important; padding-bottom: 100px!important;} */
 #dashboardR .home-content{height: auto !important;}
 #dashboardR .home-content article.homePage{padding-right: 0 !important; margin-right: 0 !important;}
 #dashboardR .home-content article.sidebar{width: 95% !important; margin: 0 auto;display: block;}
 #dashboardR .media-carousel { height: 100% !important;} 
}
@media(min-width:991px) and (max-width:1100px){
	#dashboardR .home-content article.sidebar {width: 48%!important;}
	#dashboardR.homePage { width: 47%;}
	#dashboardR {padding-top: 120px;background-image: url(../images/BG.jpg); background-size: 100% 100%; width: 100%; height: 950px !important;}
}
@media(min-width:1200px) and (max-width:1280px){
	body{background:url(../images/BG.jpg) center top no-repeat fixed; background-size:cover;     height: 950px !important;}
	#dashboardR  {padding-top: 120px;background-image: url(../images/BG.jpg); background-size: 100% 100%; width: 100%; height: 950px !important;}
}
@media(min-width:1280px) and (max-width:1366px){
 body{background:url(../images/BG.jpg) left top no-repeat fixed; background-size:100% 100%; height:950px;} 
#dashboardR  {padding-top: 120px;background-image: url(../images/BG.jpg); background-size: cover; width: 100%; }
.home-content { background-image: none !important;} 

}

@media(min-width:1368px) and (max-width:1440px){
 body{background:url(../images/BG.jpg) left top no-repeat fixed; background-size:100% 100%; height:950px;} 
 #dashboardR.home-content{}
 /* .home-content article.sidebar { width: 48%!important; */}
}




@media(min-width:1920px) and (max-width:1920px){
	.container{width: 1700px;}
	body{background:url(../images/BG.jpg) left top no-repeat fixed; background-size:cover; height:auto;}
	header{padding:15px 0px 15px 0px;}
	.containarea {display: block; margin-top:3%; padding-bottom:50px;}
	.media-carousel .carousel-control.left {margin-top: 48px; left:-39px;}
	.media-carousel .carousel-control.right {margin-top: 48px; right:-39px;}
	.circle{width:100px; height:100px;}
	.circle i {display: block; font-size: 65px;text-align: center;}
	.input-group{margin-bottom:36px;margin-top: 36px;}
	.login-box .form-control{height: 50px;}
	.login-box .login {padding: 8px 0px 8px 0px; margin-bottom: 35px;}
	.login-box label {cursor: auto;font-size: 15px;}
	.login-box a {font-size: 15px;}
	 h3 {font-size: 35px; margin-top:75px;}
	.whitetext {font-size: 13px;}
	.logosection img {display: block; width: 30%; margin-left: 25px;}
	.topheader h1 { font-size: 37px;}
	.imagesection{margin-bottom:30px;}
	.user-box {padding: 30px 40px 50px 40px;}
	.rightimage {margin-top: 150px;}
	.blacktext {font-size: 17px;}
	
}

@media(min-width:2560px) and (max-width:2560px){
	
	.container{width: 1800px;}
	body{background:url(../images/BG.jpg) left top no-repeat fixed; background-size:cover; height:auto;}
	header{padding:25px 0px 25px 0px;}
	.logosection img {display: block; margin-left: 30px; width: 130px;}
	.circle{width:100px; height: 100px;}
	.circle i {display: block;font-size: 71px;}
	.user-box {padding: 30px 40px 50px 40px;}
	.input-group{margin-bottom: 35px; margin-top: 35px;}
	.login-box .form-control {border: none !important; height: 52px; font-size: 19px;}
	.login-box .login{margin-bottom:40px; padding: 7px 0px 10px 0px; font-size: 25px;}
	.login-box label {cursor: auto;font-size: 15px;}
	.login-box a {font-size: 15px;}
	.account-box {font-size: 15px;}
	 h3 {font-size: 36px; margin-top:90px;}
	 .whitetext {font-size: 13px;}
	 .media-carousel .carousel-control.left {left: -42px; margin-top: 48px;}
	  .media-carousel .carousel-control.right {right: -42px; margin-top: 48px;}
	  .topheader h1 { font-size: 37px;}
	  .containarea {margin-top:12% !important;}
	  .rightimage {margin-top: 163px;}
	  .login-box{width:93%;}
	  .blacktext {font-size: 20px;}
}