@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600);

body{
	font-family: sans-serif, Open Sans !important;
}

.img-responsive{max-width: 100%; height: auto;}
/*  Part 1: Header & Social links */

    .headersect{
    	background: url('../images/bg_top.png');
		position: relative;
	}

    .tagline{border-left: 2px solid #5dc13c;
	width: 200px;
	color:#DDD;
	left: 145px;
	display: inline-block;
	padding: 0;
	padding-left: 10px;
	top: 25px;
	position: absolute;
	}

    .socbuttoms{
    background:#007336;
    margin-left: 20px;
    height: 100%;
    display:block;
    color:#808080;
    overflow: hidden;
    padding: 26px 0px;
	}

    .social_style{
    margin-left: 20px;
    font-family: sans-serif, open sans;
    color:#808080;
    }

    .social_tag{
      position: relative;
      top: -5px;
    }

    .social_span{
     padding: 7px 0px;
     padding-left: 10px;
     position: relative;
     padding-top: 15px;
	 }
   
/* Part 2: Introduction Image & Client Information */

    .pagestyle {
	background: url(../pictures/homepage-image.jpg) fixed no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

     .hbox{background: rgba(0,0,0,0.6);
      border-radius:40px;
      position: relative;
      margin-top: 43%;
      }

      .hbox2{
      padding-left:15px;
      padding-right: 15px;
      padding-bottom: 15px ;
      }

      .headerIcon{width: 40px;
      height: 40px;
      line-height:16px;
      position: relative;
      top: 10px;
      margin: 0px 10px;
      margin-left:0px;
      }
      .tag_icon{
        display: inline-block;
        line-height: 16px;
        color: #5dc13c;
        font-size: 35px;
        position: relative;
        top: 10px;
        margin-right: 10px;
      }
      .textstyle{display: inline;
      position: relative;
      line-height:20px;
      color: #fff;
      font-style: italic;
      font-weight: bold;
      top: -5px;
      }
      .fonticons .textstyle{
        top: -2px;
      }

      .substyle{background:#ebeaea;
  	  height: 100%;
  	  padding: 40px 0px;
  	  opacity: 0.9
      }

      .title-style{
        margin: 0px 20px;
        color:#5dc13c;
        font-size:20px;
        font-weight: bold;
        font-family:sans-serif, open sans;
      }

      .text-style{
        font-size:16px;
        color: #555;
        margin: 0px 20px;
        font-family:sans-serif;
      }

      .submit_btn {
      border: 2px solid #5dc13c;
      padding: 30px 30px 5px 15px;
      text-shadow: 0px 0px 0px #FFF;

      background: #ebeaea;
      border-radius: 30px;
      padding-top: 50px;
      color: #5dc13c;
      margin: 0;
      padding: 10px;
      width: 99%;
      height: 60px;
      font-family: sans-serif, Open Sans;
      font-weight: 600;
      font-size: 18px;
      text-shadow:0px;
      outline: none;
      box-shadow: none;
      -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
      }

      .submit_btn:hover {
        background: #5dc13c;
        color: #fff;
        outline: none;
        box-shadow: none;
         border: 2px solid #5dc13c;
      }


  /* Part 3: Announcements */

      .top_icon{
        color: #5dc13c;
        font-size: 60px;
        margin-bottom: 5px;
		text-align: center;
      }

      .feat_icon{
       color: #5dc13c;
        font-size: 35px; 
        position: relative;
        top: 3px;
      }

     .pad30_30{
      padding: 30px 0px;
      }

      .fcenter { text-align: center;}

      .T1{
        padding-top: 10px;
      text-align: center;
  	  font-size: 22px;
      font-family:  Arial;
      font-weight: bold;
      color: #808080;
      }

      .T2{text-align: justify;
  	  font-size: 14px;
      font-family:  sans-serif, Open Sans;
      color: #555;
      margin-bottom: 25px;
      }

      .big_icon{
        color: #5dc13c;
        font-size: 80px;
        margin-bottom: 25px;
      }

/* Part 4: Catalog */

      .bg_color{background: #f7f7f7;}

      .pad_style{
      padding-top: 30px;
      padding-bottom:10px;
      }

       .after25{
       padding-bottom: 25px;
       }

       .after45{
       padding-bottom: 45px;
       }

       .title { text-align: center;
       font-size:30px;
       font-weight: bold;
       font-family: sans-serif, Open Sans;
       color:#696969;
       margin-top: 6px;
       margin-bottom: 8px;
       display: block;
       padding: 20px 0px;
       line-height: 40px;
       }

      .T3{text-align: center;
  	  font-size: 19px;
      font-family:  sans-serif, Open Sans;
      color: #555; line-height: 1.5
      }

      .style_picture{
	  border: 1px solid #ebeaea;
	  border-radius: 5px;
      }

      .price_div{
        position: absolute;
        top: 15px;
        right: 15px;
        background: rgba(89,163,252,0.75);
        padding: 5px 8px;
        border-radius: 3px;
        color: #fff;
        font-family: sans-serif, Open Sans;
        font-weight: 700;
      }
      .price_div_text{
        color: #fff;
        font-size: 14px;
        font-family: sans-serif, Open Sans;
      }

      .head_color{color: #5dc13c;
      font-family: sans-serif, Open Sans;
      font-size: 24px;
      }

      .before{
       padding-top: 15px;
       }

       .colored_button{
    		padding: 10px 30px;
    		color: #5dc13c;
    		margin-bottom: 30px;
    		text-decoration: none;
    		font-size: 18px;
    		border: 1px solid #5dc13c;
    		border-radius: 30px;
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
	    }

    	.colored_button:hover {
    	background: #5dc13c;
    	color: #fff;
    	}

    	.colored_button_div{
    	margin-top: 40px;
    	}
    	.colored_button_div a{
  		color: #5dc13c;
  		font-family: sans-serif, Open Sans;
  		font-weight: 600;
    	}
  /* Part 5: Points Section */

  .pad_style2{
      padding-top: 50px;
      padding-bottom:50px;
      }

    .points_div{
    padding: 0 0px;
    position: relative;
  }
  .single_point_div{
    padding: 20px 0px;
  }
  .point_circle{
    border: 1px solid #5dc13c;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: absolute;
  }
  .point_circle img {
    position: relative;
    top: 10px;
  }
  .point_ico{
    margin-left: auto;
    line-height: 40px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    color: #74ff00;
  }
  .single_point_text{
    margin-left: 80px;
    font-size:14px;
    color: #555;
    line-height: 1.6;
    font-family: sans-serif, Open Sans;
  }



  .proto_div{
    text-align: center;
  }
  #proto_img{
    border: 1px solid #cdcdcd;
    width: 90%;
    height: auto;
    margin-top: 30px
  }


  /* Part 5: Client Section */

        .clientsect{
    	background:#5dc13c url("../pictures/body_icons.png") fixed;
    	padding: 35px 0px;
        -webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
         background-size: cover;
    	}

        .bold_text{font-weight: bold;
        }

        .client_style1{font-size:26px;
        font-family:sans-serif, Open Sans;
        color:#fff !important;
       padding-bottom: 20px;
        }

        .client_style2{font-size:16px;
        font-family:sans-serif, Open Sans;
        color:#add8e6 !important;
        padding-bottom: 20px;
        }

        .logos_style{
          background: rgba(255,255,255,0.3);
        border-radius: 140px;
        padding: 0px 30px !important;
        text-align: center;
        position:relative ;
        max-width:100%;
        width: 65%;
        line-height: 46px;
        margin-left: auto;
        margin-right: auto;
        }
        .logo_img{
          position: relative;top:10px;margin: 0px 6px;max-width: 100% !important;
        }
        .logo_img img {
          max-width: 100% !important;
        }

 /* Part 6: Message  */

        .pad80_80{
        padding: 80px 0px;
        }

        .omo{
        position: absolute;
        left:0px;
        }

        .omo_icon{
          font-size: 80px;
          margin-bottom: 35px;
        }

        .tag2{color:#5dc13c;
        font-weight: bold;
        font-size:24px;
        font-family:sans-serif, Open Sans;
        display: inline-block;
    	margin-left: 80px;
        position: relative;
        line-height: 28px;
    	}

        .tag3{color:#a9a9a9;
        font-weight: normal;
        font-size:16px;
        font-family:sans-serif, Open Sans;
        text-align: center;
        padding: 15px 0px;
        line-height: 18px;
        }

        .fl-right, .sub_btn,.flright{
        float: right;
        }

        .sub_btn a{
        float:right;
		border: 2px solid #5dc13c;
		padding: 30px 30px 5px 15px;
		text-shadow: 0px 0px 0px #FFF;
        text-decoration:none;
		border-radius: 30px;
		padding-top: 50px;
		color: #5dc13c;
        background:#fff;
    	padding: 20px 20px;
    	font-family: sans-serif, Open Sans;
    	font-weight: 600;
    	font-size: 18px;
        display: inline-block;
        position: relative;
        top:20px;
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
	    }

        .sub_btn a:hover{
        background:  #5dc13c;
        color:#fff;
        }


  /* Part 7: Copyright  */

        .T4{text-align: center;
      	font-size: 16px;
        font-family:  sans-serif, Open Sans;
		line-height: 24px;
        color: #555;
        padding: 30px 0px;
        }


/* ********************************************* */

	#contact_form{
		font-size: 11px;
		font-weight: bold;
		color: #666666;
		margin-right: 20px;
		margin-left: 20px;
	}
	#contact_form legend{
		font-size: 15px;
		color: #C9C9C9;
	}
	#contact_form label{
		//display: block;
		margin-bottom:5px;
		color: #aaa;
		font-size: 14px;
		font-family: arial;
		font-weight: bold;
	}
	#contact_form label span{
		float:left;
		color:#666666;
		font-size: 14px;
		font-family: arial;
		font-weight: bold; margin-bottom: 10px;
	}
	#contact_form input{
		height: 25px;
		border: 0px solid #fff;
		border-radius: 3px;
		padding-left: 14px;
		color: #666;
		border: 1px solid #fff;
		border-radius: 30px;
		background: #fff;
		color: #000;
		width: 93%;
		max-width: 96%;
	}
  #contact_form input:focus{
    
  }
	#contact_form textarea{
		border: 1px solid #DBDBDB;
		border-radius: 3px;
		padding-left: 4px;
		color: #666;
		height:100px;
		border: 1px solid #74ff00;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 96%;
		max-width: 96%;
    }

    .success{
      background: #CFFFF5;
      padding: 10px;
      margin-bottom: 10px;
      border: 1px solid #B9ECCE;
      border-radius: 5px;
      font-weight: normal;
    }
    .error{
      background: #FFDFDF;
      padding: 10px;
      margin-bottom: 10px;
      border: 1px solid #FFCACA;
      border-radius: 5px;
      font-weight: normal;
    }




  .confirm_page{
    display:none;
    height: auto;
  }
  .confirm_header{
    text-align: center;
    color:#5dc13c;
    font-family: sans-serif, Open Sans;
    font-weight: 600;
    font-size: 26px;
  }
  .confirm_text{
    text-align: center;
    font-size:14px;
    color:#808080;
    font-family: sans-serif, Open Sans;
    padding: 30px;
  }
  .confirm_logo{
    text-align: center;
    padding: 20px;
  }
  .confirm_social{
    text-align: center;
  }
  .confirm_gp {
    position: relative;
    top: -12px;
    padding: 0px 20px;
  }

#thankyou{margin: 50px 0}

/* thumb image */
.thumb { position: relative; margin-bottom: 5px; overflow: hidden;border-radius: 4px; border: 1px solid #ebeaea; }
.thumb a, .thumb a img { display: block; border-radius:0px; border-top-left-radius: 3px;border-top-right-radius: 4px;}
.thumb a img { width: 100%; height: auto; border-radius: 4px;overflow: hidden;}
.thumb .info { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; }
.thumb:hover .info { opacity: 1; filter: none;border-radius: 4px; }
.thumb .pattern { 
 background-color: rgba(0,0,0,0.4); pointer-events: none; }
.thumb .text { display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: #222; background: rgba(0,0,0,0.75); color: #fff; padding: 10px 0; }
.thumb:hover .text { display: block; }
.thumb .text strong, .thumb .text em { display: block; line-height: 15px; padding: 0 10px; }
.thumb .text strong { font-size: 12px; padding-bottom: 5px; text-transform: uppercase; }
.thumb .text em { font-size: 11px; line-height: 17px; }
.thumb .text span { display: inline-block; background: url(img/sprite.png) no-repeat; }
.thumb .text em.date span { width: 14px; height: 17px; background-position: -51px -19px; margin-right: 5px; position: relative; top: 3px; }
.thumb .text a.link, .thumb .text a.fullsize { position: absolute; bottom: 10px; width: 17px; height: 17px; background: url(img/sprite.png) no-repeat -999px 0; }
.thumb .text a.link { right: 35px; background-position: -55px 0; }
.thumb .text a.fullsize { right: 10px; background-position: 0 -15px; pointer-events: auto; }
.thumb .button-fullsize, .thumb .button-link { position: absolute; top: 50%; left: 50%; display: block; width: 63px; height: 63px; background: url(img/sprite.png) no-repeat -64px -81px; opacity: .75; filter: alpha(opacity=75); pointer-events: auto; margin: -32px 0 0 -32px; pointer-events: none; }
.thumb .button-fullsize { background-position: 0 -81px; }

.thumb2 .pattern,.thumb2  {
  border-radius: 4px;
}
.thumb2{
  margin-bottom: 10px;
}
/* fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; outline: none; vertical-align: top; margin: 0; padding: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); box-shadow: 0 5px 15px rgba(0,0,0,.25); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; white-space: nowrap; margin: 0; padding: 15px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url(img/sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; background-position: -130px -109px; opacity: .8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 46px; height: 46px; background: url(img/loading.gif) center center no-repeat; }
.fancybox-close { background-image: url(img/X.png); position: absolute; top: -18px; right: -18px; width: 34px; height: 34px; cursor: pointer; z-index: 8040; background-position: 0px 0; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(data:;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-prev span { left: 10px; background-position: -140px -36px; }
.fancybox-next span { right: 10px; background-position: -140px -72px; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mIU4OHZwEAEYGIgEowqpI5CgAADAGiRAOzkX/wUAAAAAElFTkSuQmCC); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; background: rgba(0,0,0,0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; padding: 2px 20px; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; background: rgba(0,0,0,.8); padding: 10px; }
.fancybox-lock{
    margin-right:0 !important;
}


    /* ********************************** End ********************************** */