@charset "utf-8";
/* CSS Document */


body{  }
.container{  margin:0 auto; height:100%; display:block;  }
.fullpagebg{ background:url(mainbgimg.jpg) no-repeat center center; height:660px; margin:0 auto; max-width:1260px; background-size:cover; position:relative; overflow:hidden; }
.center-form-wrapper{ width:70%; position:absolute; left:50%; top:50%; position:absolute; left:50%; top:50%; -webkit-transform: translateY(-50%) translateX(-50%); -khtml-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);  }
.colour-section-wrapper .circle-area-div{ position:relative; margin:0 auto;  width:300px; height:300px; border-radius:100%; position:relative;  }
.colour-section-wrapper .circle-area-div::after{ top:20%; width:400px; height:400px; z-index:-1; background:url(sunlight-bg.png) no-repeat center center; background-size:60% auto;  position:absolute; left:-15%; margin:0 auto; text-align:center; content:""; }
.colour-section-wrapper .circle-area-div .circle-block .color-inner-circle{ width:100px; height:100px;  margin:0 auto; background:#f00; border-radius:100%; top:-45px; }
.colour-section-wrapper .circle-area-div .circle-block.first-block{ margin-top:-50px;  }
.colour-section-wrapper .circle-area-div .half-block{ margin-bottom:15px;  width:100%; float:left; position:relative;   }
.colour-section-wrapper .circle-area-div .half-block .left-block{ width:50%; float:left; margin-bottom:20px; margin-top:-30px;  }
.colour-section-wrapper .circle-area-div .half-block .right-block{ width:50%; float:right; margin-bottom:20px; margin-top:-30px; }
.colour-section-wrapper .circle-area-div .half-block .circle-block{ position:relative;  }
.colour-section-wrapper .circle-area-div .half-block .circle-block .color-inner-circle{ top:0;  }
.colour-section-wrapper .circle-area-div .color-inner-circle{  width:100px; height:100px;  border-radius:100%; top:0px;  } 
.colour-section-wrapper .circle-area-div .color-inner-circle.pink{ background:#f67fb9;   }
.colour-section-wrapper .circle-area-div .color-inner-circle.violet{  background:#7b0881; }
.colour-section-wrapper .circle-area-div .color-inner-circle.green{ background:#38d232; }
.colour-section-wrapper .circle-area-div .color-inner-circle.orange{  background:#ff6000; }
.colour-section-wrapper .circle-area-div .color-inner-circle.lemongreen{ background:#eff906; float:right; margin-right: 10px; }
.colour-section-wrapper .circle-area-div .color-inner-circle.mediumblue{  background:#0f8cfb; float:left; margin-left: 10px;}
.colour-section-wrapper .circle-area-div .lemon{  border-radius:300%; display:inline-block; vertical-align: middle; }
.viewpart-section{ display:none;  }
.center-form-wrapper h2{ font-size:32px !important; text-align:center;  text-transform:uppercase;  color:#fff;text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.45); margin-bottom:70px !important;}

.colour-section-wrapper .circle-area-div .first-half .left-block{ margin-left:-30px; margin-top:-40px;  }
.colour-section-wrapper .circle-area-div .first-half .right-block{ margin-right:-30px; margin-top:-40px;  }
.colour-section-wrapper .circle-area-div .second-half .left-block{ margin-left:-60px;  }
.colour-section-wrapper .circle-area-div .second-half .right-block{ margin-right:-60px;  }
.colour-section-wrapper .circle-area-div .thired-half .left-block{ margin-left:0; margin-top:-40px; }
.colour-section-wrapper .circle-area-div .thired-half .right-block{ margin-right:0px; margin-top:-40px; }
.center-form-wrapper h4{ text-align:center; color:#fff;text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.45); text-transform:uppercase; font-weight:500;  clear:both; font-size:16px !important;}


.viewpart-section{ display:none;  }
.viewpart-section .circle-area-div { width:150px; }
.viewpart-section .left-part-circle{ width:40%; float:left; margin-right:15px; }
.viewpart-section .circle-area-div .circle-block .color-inner-circle { width:70px; height:70px;  }
.viewpart-section .circle-area-div .thired-half .left-block{ margin-top:-20px;  }
.viewpart-section .circle-area-div .thired-half .right-block { margin-top:-20px; }
.viewpart-section .circle-area-div .color-inner-circle.lemongreen { margin-right: 15px;  }
.viewpart-section .circle-area-div .color-inner-circle.mediumblue{ margin-left: 20px;  }
.viewpart-section .circle-area-div .half-block .right-block{ margin-top: -25px; }
.viewpart-section .circle-area-div .half-block .left-block{ margin-top: -25px; }
.viewpart-section .circle-area-div .first-half .right-block{ margin-right: -40px;  }
.viewpart-section .circle-area-div .first-half .left-block { margin-left: -40px; }
.viewpart-section .circle-area-div::after{ background: none; }
.viewpart-section .right-part-color-text{ width:58%; float:left; }
.viewpart-section .jumbotron p { font-size:17px !important;}
.viewpart-section .tab-content{ display: none; background: rgba(163, 61, 151, 0.5); color:#fff; padding:15px 15px 7px 15px; }
.viewpart-section .tab-content.current{ display: inherit; }
.viewpart-section .tab-content h3{ margin-top:0; margin-bottom:15px !important; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:3px !important; font-size:24px !important; }
.viewpart-section .tab-content p{ margin-top:0; color:#fff !important;  font-size:16px !important; line-height:25px;}
.viewpart-section  h4 a{ color:#fff; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.45);text-decoration:none; color:#333; }
.viewpart-section  h4{ margin-top:0; }
@media only screen and (min-width: 1171px) and (max-width: 1199px) {
.center-form-wrapper{ width: 80%; }	
}
@media only screen and (min-width: 1025px) and (max-width: 1170px) {
.center-form-wrapper{ width: 80%; }	
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.center-form-wrapper{ width: 80%; }	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.viewpart-section .right-part-color-text{ width:57%; }
		.center-form-wrapper{ width:100%; }
}
@media only screen and (max-width: 767px)
{
  .viewpart-section .right-part-color-text{ width:100%; }
  .viewpart-section .left-part-circle{ width:100%; }
  .colour-section-wrapper .circle-area-div .circle-block.first-block{ margin-top:20px; }
  .colour-section-wrapper .circle-area-div{ height:auto; }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.viewpart-section .circle-area-div .circle-block .color-inner-circle{ width: 50px; height: 50px; }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	.viewpart-section .circle-area-div .circle-block .color-inner-circle{ width: 50px; height: 50px; }
	.viewpart-section .tab-content{ max-height: 220px; overflow: hidden; overflow-y:scroll; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.colour-section-wrapper .circle-area-div{ width: 70%; }
.colour-section-wrapper .circle-area-div .circle-block .color-inner-circle{ width:60px; height:60px; }	
.colour-section-wrapper .circle-area-div .second-half .left-block{ margin-left: -40px; }
.colour-section-wrapper .circle-area-div .second-half .right-block{ margin-right: -40px; }
.colour-section-wrapper .circle-area-div .circle-block.first-block{ margin-right: 0px; }
.colour-section-wrapper .circle-area-div .circle-block.first-block a{ position: relative; top: -15px; }
.colour-section-wrapper .circle-area-div .thired-half .left-block{ margin-top: -30px; }
.colour-section-wrapper .circle-area-div .thired-half .right-block{ margin-top: -30px; }
.colour-section-wrapper .circle-area-div::after{ width:auto; left:0; right:0; margin:0 auto; top:50px; }
.viewpart-section .tab-content{ max-height: 220px; overflow: hidden; overflow-y:scroll; }
}