/* CSS Document */
.portal_hol{ width:100%; float:left;  overflow: hidden;}
.backround_portal{  background-image:url(../images/3.png);}
.image_portal{  background-attachment: fixed !important;   background-position: 50% 100% !important;   background-repeat: no-repeat !important; background-size: cover !important;}
.skew {    min-height: 170px;   position: relative; }
.skew_top {   padding-top: 150px;}
.skew_top2 {   padding-top: 100px;}
.skew_bottom {   padding-bottom: 150px;}
.customBgColor {
    background-color: #8bc34a  !important;
}
.portal_hol_box_shape{ height: 170px; left: 0;  overflow: hidden;  padding-left: 0 !important;   padding-right: 0 !important;  position: absolute;  transform: skewY(-5deg);  width: 100%;   z-index: 1;}
.skew_prepended {   top: -85px;}
.whiteSection {
    background-color: #fff;
}
.width_center{   width: 1170px;}
.width_center_padding{ padding: 0 10%;}
.portal_hol_box{ width: 60%; float:left;}
.new_button{    height: 32px; width: 75px;   backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    vertical-align: middle; 
	  padding: 3px 1px;
	    border-radius: 40px;
		background-color: #3c943f;}
.pordet_content{ width:55%; float:left;}
.pordet_content2{ width:100%; float:left;}

.text-uppercase {
    text-transform: uppercase;
	border-radius: 50px;
    float: left;
    font-size: 22px;
    height: 100%;
       background-color: #fff;
    color: #000;
    position: relative;
    width: 100%;
	 font-size: 14px;
    padding: 3px 0 0;
    text-align: center;
}
.new_button:active, .new_button:focus, .new_button:hover {-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.portal_header{
  font-size: 28px;
    margin: 0;
    padding: 10px 0 0px;
	 color: #fff;
}
.portal_paragraph{ color: #fff; float: left !important; font-size: 14px; line-height: 24px; text-align:justify;}
.portal_webdesigning_img { width:45%; float:left; }
.portal_webdesigning_img img{  float:left; margin-top:-70px;}
.portal_webdesigning_img2 { width:45%; float:left; }

.skew_appended {
    bottom: -85px;
}
.skew_appended{
    height: 170px;
    left: 0;
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: absolute;
    transform: skewY(-5deg);
    width: 100%;
    z-index: 1;
}
.services{ width:55%; float:left; padding-top: 7%;}
.testi_center{ color: #fe0070; padding:2% 10%;}
.portal_three_left{ float: left;
    margin: 10px;
    width: 30%;
	text-align: center;
}
.portal_three_raight{ float: left;
    margin: 10px;
    width: 30%;
	text-align: center;
}

.portal_three_head{
	float: left;
    letter-spacing: 1px;
    text-align: center;
	font-size:24px;
	 color: #fe0070;
	width: 100%;
}
.portal_three_left_content li{ display: block; line-height:35px; float: left; width: 100%;}
.portal_three_left_content_li_img{ float: left; width: 20%;} 
.portal_three_left_content_li_content{ float: left; padding: 15px 0;   width: 80%;}
.portal_three_center{ float: left;   width: 30%;     margin:80px 10px; }
.portal_three_center img{   width: 85%;  }
.portal_maintenance{ float: left; 
 padding-top: 20px;
    width: 45%;
}
.portal_maintenance_contrnt{ float: left; 
padding: 100px 30px 0 0;
    width: 55%;
}
.portal_maintenance_contrnt p{ float: left; text-align:justify;   line-height:25px ; 
}
.portal_maintenance_contrnt h3{ float: left; text-align:justify;   line-height:25px;  color: #699005; padding: 12px 0;
}
@media only screen and (min-width: 960px) and (max-width: 1169px) {
.width_center {
    width: 100%;
}
.pordet_content {
    padding: 0 1%;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.width_center {
    width: 100%;
}
.pordet_content {
    padding: 0 1%;
}
.portal_webdesigning_img img {
    float: left;
    margin-top: 130px;
    width: 100%;
}
}
@media only screen and (min-width: 620px) and (max-width: 767px) {
.width_center {
    width: 100%;
}
.pordet_content {
    padding: 0 1%;
	width: 100%;
}
.portal_webdesigning_img {
 display: none;
}
.portal_three_left {
    width: 97%;
}
.portal_three_center {
    display: none;
}
.portal_three_raight {
   width: 97%;
}
.portal_webdesigning_img2 {
   display: none;
}
.services {
     width: 97%;
}
.portal_maintenance {
    padding-top: 66px;
}
.portal_maintenance img{
      width: 97%;
}
}
@media only screen and (min-width: 481px) and (max-width: 619px) {
.width_center {
    width: 100%;
}
.pordet_content {
    padding: 0 1%;
	width: 100%;
}
.portal_webdesigning_img {
 display: none;
}
.portal_three_left {
    width: 97%;
}
.portal_three_center {
    display: none;
}
.portal_three_raight {
   width: 97%;
}
.portal_webdesigning_img2 {
   display: none;
}
.services {
     width: 97%;
}
.portal_maintenance {
     display: none;
}
.portal_maintenance img{
      width: 97%;
}
.portal_maintenance_contrnt {
    float: left;
    padding: 34px 30px 0 13px;
    width: 100%;
}
}
@media only screen and (max-width: 480px) {
.width_center {
    width: 100%;
}
.pordet_content {
    padding: 0 1%;
	width: 100%;
}
.portal_webdesigning_img {
 display: none;
}
.portal_three_left {
    width: 97%;
}
.portal_three_center {
    display: none;
}
.portal_three_raight {
   width: 97%;
}
.portal_webdesigning_img2 {
   display: none;
}
.services {
     width: 97%;
}
.portal_maintenance {
     display: none;
}
.portal_maintenance img{
      width: 97%;
}
.portal_maintenance_contrnt {
    float: left;
    padding: 34px 10px 0 10px;
    width: 100%;
}
.header {
background-color: #8bc34a !important;
background-image:url(../images/3.png);
  background-attachment: fixed !important; 
    background-position: 50% 100% !important;
	   background-repeat: no-repeat !important;
	    background-size: cover !important;
}
}