@charset "UTF-8";
/* CSS Document */
.clear{clear: both;display: block;height: 0;width: 100%;float: none !important;}
 input::-moz-focus-inner /*Remove button padding in FF*/{ border: 0;padding: 0;}
 a:active,
 a:link,
 a:visited,
 a:hover,
a{text-decoratidecoration: none;outline: none;}
a:hover{color: inherit;}
#mobilemenu{
        display: none;
}
.wrapper{
        margin: 0 auto;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
body{
	background: white;
        font-size: 14px;
        font-family: 'Roboto Slab','Arial','Helvetica';
        font-size: 14px;
        color: #262525;
        line-height: 150%;
        overflow-x: hidden;
}
/** GENERIC ELEMENT **/
.section-title a,
.section-title{
        font-family: 'Oswald';
        font-weight: bold;
        font-size: 24px;
        color: #262525;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 40px;
}
.section-title a.toggle-comment{
        color: #3d8391;
        text-decoration: underline;
}
.section-title a.no-edit{
        cursor:text;
}
.centered{
        text-align: center;
}
.trans-layer{
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background:#262525;
        overflow: hidden;
}
.trans-layer img{
        vertical-align: top;
	position:absolute;
	left: -100%;
	right: -100%;
	top:-100%;
	bottom: -100%;
	margin: auto; 
	min-height: 100%;
	min-width: 100%;
	max-width: none;
	max-height: none;
        opacity: .7;
}

.aqua-bg{
        background: #3d8391;
        color: white;
}
/** MAIN ELEMENT **/
#top{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        background: rgba(0,0,0,0);
        -webkit-transition:all 0.3s ease-in;
        -moz-transition:all 0.3s ease-in;
        -o-transition:all 0.3s ease-in;
        transition:all 0.3s ease-in;
        z-index: 100;
}
#top.headroom--unpinned{
        top: -100px;
}
#top.headroom--pinned{
        top: 0;
}
#top.move{
        background: rgba(38,37,37,.75);
}
#logo img{
        max-width: 100%;
}
#menu{
        text-align: right;
        margin-top: 10px
}
#menu li{
        display: inline-block;
        vertical-align: middle;
}
#menu li a{
        color: white;
        font-size: 16px;
        font-weight: 300;
        height: 40px;
        line-height: 35px;
        padding: 0 25px;
        display: block;
}
#menu li.donate{
        margin-left: 25px;
}
#menu li.donate a{
        font-weight: 700;
        border: 2px solid white;
        -moz-border-radius: 20px ;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        margin-top: -3px;
        padding: 0 30px;
}
#menu li.donate a:hover{
        border-color: #fcd029;
}
#menu li a.active,
#menu li a:hover{
        color: #fcd029;
}
/** HERO **/
#hero{
        border-bottom: 10px solid #266b79;
}
#hero .tbl-div{
        display: table;
        height: 730px;
        width: 100%;
        text-align: center;
        color: white;
        position: relative;
        z-index: 10;
}
#hero .tbl-div .cell-div{
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 10;
}
#hero h2{
        font-family: 'Roboto Slab';
        font-weight: 300;
        text-transform: uppercase;
        font-size: 46px;
        line-height: 105%;
        margin-bottom: 20px;
}
#hero h2 strong{
        font-weight: 700;
}
#hero span{
        display: block;
        position: relative;
        font-family: 'Oswald';
        font-weight: 400;
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 2px;
        margin-bottom: 20px;
}
#hero span:before,
#hero span:after{
        width: 125px;
        height: 1px;
        background: white;
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-top: -5px;
}
#hero span:after{
        margin-left: 30px;
}
#hero span:before{
        margin-right: 30px;
}
#hero .bot-section p{
        font-weight: 300;
        font-size: 16px;
        line-height: 160%;
        margin-bottom: 25px;
}
#hero .bot-section p strong{
        font-weight: 700;
}
#hero .bot-section a{
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
        color: white;
        padding-bottom: 1px;
        border-bottom: 1px solid white;
}

.btn-print,
#hero .bot-section a.button{
        display: inline-block;
        height: 50px;
        line-height: 48px;
        border: none;
        padding: 0 25px;
        background: #fcd029;
        color: #262525;
        border-bottom: 4px solid #c69d00;
        -moz-border-radius: 18px ;
        -webkit-border-radius: 18px ;
        border-radius: 18px ;
        margin-bottom: 20px;
}
#hero .bot-section a.button i{
        padding-left: 5px;
}
#hero .bot-section a.button strong{
        font-weight: 700;
}
/** ABOUT COLUMN **/
.about-column{
        padding-top: 40px;
        padding-bottom: 50px;
        line-height: 170%;
        font-weight: 300;
        font-size: 16px;
        border-bottom: 10px solid #d5d5d5;
}
.about-column strong{
        font-weight: 700;
        color: #fcd029;
}
.about-column .puller-center{
        width: 69%;
        margin: 0 auto;
}
/** BUDDY COLUMN **/
.buddy-column{
        padding-top: 40px;
        padding-bottom: 40px;
        background: #eaeae0;
        border-bottom: 10px solid #f7f6f6;
}
.buddy-column p{
        font-size: 18px;
        line-height: 170%;
}
.buddy-column .puller-center{
        width: 75%;
        margin: 0 auto;
}
.buddy-column .holder{
        margin-bottom: 30px;
}
.buddy-column .trans-layer{
        background: #153339;
}
.buddy-column .trans-layer img{
        opacity: .3;
        -webkit-transition:all 0.3s ease-in;
        -moz-transition:all 0.3s ease-in;
        -o-transition:all 0.3s ease-in;
        transition:all 0.3s ease-in;
}/*
.buddy-column .item:hover .trans-layer img{
	-webkit-transform: rotate(0deg) scale(1.05)  translateZ(0);
	-moz-transform: rotate(0deg) scale(1.05)  translateZ(0);
	-o-transform: rotate(0deg) scale(1.05)  translateZ(0);
	transform:rotate(0deg) scale(1.05)  translateZ(0);
}*/
.buddy-column .item{
        float: left;
        width: 50%;
}
.buddy-column .item a{
        display: block;
        position: relative;
        height: 270px;
}
.buddy-column .item .tbl-div{
        height: 270px;
        display: table;
        vertical-align: middle;
        text-align: center;
        width: 100%;
}
.buddy-column .item .tbl-div .cell-div{
        display: table-cell;
        vertical-align: middle;
}
.buddy-column .item .caption{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.buddy-column .item span,
.buddy-column .item strong{
        font-family: 'Oswald';
        font-weight: 400;
        text-transform: uppercase;
        color: white;
        font-size: 14px;
        letter-spacing: 1px;
        display: block;
        margin-bottom: 5px;
}
.buddy-column .item  h3{
        color: #fcd029;
        font-size: 30px;
        font-weight: 700;
        line-height: 120%;
        padding: 0 60px;
}
.buddy-column .item span{
        display: inline-block;
        text-align: center;
        margin-top: 15px;
        font-size: 12px;
        position: relative;
}
.buddy-column .item span:before{
        display: block;
        width: 125px;
        height: 1px;
        background: white;
        content: '';
        margin: 0 auto 13px;
}
/** ADVANTAGE COLUMN **/
.adv-column{
        padding-top: 40px;
        padding-bottom: 50px;
}
.adv-column .section-title{
        margin-bottom: 50px;
}
.adv-column .item span{
        display: block;
        font-size: 18px;
        margin-top: 10px;
        line-height: 130%;
}
.adv-column  .puller-center{
        font-size: 20px;
        color: #3d8391;
        margin: 50px auto 0;
        line-height: 160%;
        width: 80%;
}
/** HOW TO COLUMN **/
.howto-column{
        padding-top: 90px;
        padding-bottom: 165px;
        position: relative;
        border-bottom: 10px solid #f7f6f6;
}
.howto-column .triangle{
        position: absolute;
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        text-align: center;
}
.howto-column .triangle em{
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 58px 58.5px 0 58.5px;
        border-color: #ffffff transparent transparent transparent;
}
.howto-column  .puller-center{
        font-size: 20px;
        width: 65%;
        margin: 0 auto;
        text-align: center;
        line-height: 160%;
}
.howto-column  .puller-center strong{
        color: #fcd029;
        font-weight: 700;
}
/** LISTPAD COLUMN **/
.listpad-column{
        position: relative;
        z-index: 10;
        padding-bottom: 60px;
        border-bottom: 10px solid #262525;
}
.listpad-column .holder{
        position: relative;
        background: white;
        border: 35px solid #f4f4f4;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 79%;
        margin: -60px auto 0;
        padding: 65px 40px 15px;
        -moz-border-radius: 20px ;
        -webkit-border-radius:  20px ;
        border-radius:  20px ;
        -webkit-box-shadow: 0px 0 5px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    0px 0 5px 0px rgba(50, 50, 50, 0.5);
        box-shadow:         0px 0 10px 1px rgba(50, 50, 50, 0.5);
}
.listpad-column .holder .section-title{
        line-height: 140%;
        margin-bottom: 10px;
}
.listpad-column .holder .head p{
        font-size: 18px;
        color: #3d8391;
}
.listpad-column .holder .pinned{
        display: block;
        position: absolute;
        top: -107px;
        left: 0;
        width: 100%;
        text-align: center;
        height: 1px;
}
.listpad-column .holder .pinned em{
        display: inline-block;
        width: 367px;
        height: 124px;
        background: url(../img/clip.png) no-repeat;
}
.listpad-column .list .item{
        margin-top: 40px;
        position: relative;
        padding-left: 80px;
}
.listpad-column .list .item span{
        display: block;
        position: absolute;
        left: 0;
        top:5px;
        width: 50px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        color: #3d8391;
        border: 2px solid #3d8391;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Oswald';
        font-weight: bold;
        font-size: 24px;
}
.listpad-column .list .item{
        font-size: 18px;
        line-height: 160%;
}
.listpad-column .list .item strong{
        font-weight: bold;
}
.listpad-column .list .item a{
        color: #3d8391;
        text-decoration: underline;
}
.listpad-column .holder small{
        display: block;
        text-align: center;
        margin: 30px auto;
        color: black;
        position: relative;
}
.faq-column .accord .item .caption strong:before,
.listpad-column .holder small:before{
        display: block;
        margin: 0 auto 30px;
        content: '';
        width: 125px;
        height: 1px;
        background: #3d8391;
}
/** SUPOORT COLUMN **/
.support-column{
        border-bottom: 10px solid #f7f6f6;
}
.support-column .tbl-div{
        display: table;
        height: 410px;
        position: relative;
        vertical-align: middle;
        text-align: center;
        color: white;
        width: 100%;
}
.support-column .tbl-div .section-title{
        color: white;
        margin-bottom: 35px;
}
.support-column .tbl-div .cell-div{
        position: relative;
        z-index: 10;
        display: table-cell;
        vertical-align: middle;
        padding: 0 20px;
}
.support-column .trans-layer{
        background: #1b2a2a;
}
.support-column .trans-layer img{
        opacity: .3;
}
.support-column .tbl-div a{
        display: inline-block;
        height: 42px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: transparent;
        border: 2px solid #fcd029;
        line-height: 37px;
        padding: 0 40px;
        color: #fcd029;
        font-weight: bold;
        font-size: 16px;
        -moz-border-radius: 20px ;
        -webkit-border-radius:  20px ;
        border-radius:  20px ;
}
.support-column .tbl-div .puller-center{
        color: #cecece;
        width: 72%;
        line-height: 170%;
        margin: 30px auto 0;
}
/** FAQ COLUMN **/
.faq-column{
        padding-top: 40px;
        padding-bottom: 40px;
}
.faq-column .accord .item{
        margin-top: -3px;
}
.faq-column .accord .item .caption{
        padding:  30px;
        background: #f7f6f6;
        margin: 0 1px;
        display: none;
}
.faq-column .accord .item .caption strong{
        display: block;
        position: relative;
        color: #262525;
        font-weight: bold;
}
.faq-column .accord .item .caption strong:before{
        margin:  5px 0 25px;
}
.faq-column .accord .item .caption p{
        display: block;
        margin-bottom: 30px;
        line-height: 170%;
}
.faq-column .accord h3{
        display: block;
        position: relative;
        padding: 18px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid #eaeae0;
        -moz-border-radius: 3px ;
        -webkit-border-radius:  3px ;
        border-radius:  3px ;
        background: white;
        color: #3d8391;
        font-size: 16px;
        cursor: pointer;
}
.faq-column .accord h3 i{
        position: absolute;
        right: 15px;
        top: 13px;
        color: #fcd029;
        font-size: 28px;
}
/** COMMENT COLUMN **/
.comment-column{
        padding-top: 40px;
        padding-bottom: 40px;
}
/** FOOTER **/
#bottom{
        background: #eaeae0;
        padding-top: 40px;
        padding-bottom: 140px;
        font-size: 12px;
}
#bottom a{
        display: inline-block;
        vertical-align: middle;
        color: #262525;
        text-decoration: underline;
        margin: 0 5px;
        line-height: 100%;
}
#bottom p{
        margin-top: 15px;
}
.lb-layer{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        display: block;
        background: rgba(38,37,37,.75);
}
.lightbox{
        display: none;
        z-index: 9999999;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.lightbox .tbl-div{
        position: absolute;
        display: table;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        left: 0;
        overflow-y: scroll;
}
.lightbox .cls{
        width: 40px;
        height: 40px;
        -moz-border-radius: 20px ;
        -webkit-border-radius:20px ;
        border-radius: 20px ;
        text-align: center;
        line-height: 37px;
        display: block;
        font-size: 30px;
        background: white;
        -moz-box-shadow: 0 0 2px 3px rgba(0,0,0,.2)  ;
        -webkit-box-shadow:   0 0 2px 3px rgba(0,0,0,.2)  ;
        box-shadow:   0 0 2px 3px rgba(0,0,0,.2)  ;
        color: #262525;
        cursor: pointer;
        position: absolute;
        right: -20px;
        top:-20px;
}
.lightbox .cls i{
        padding: 0;
        margin: 0 -2px 0 0;
}
.lightbox .cell{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
}
.lightbox .section-title{
        padding: 0 90px;
        line-height: 130%;
        text-align: center;
        margin-bottom: 30px;
}
.lightbox .cell .holder{
        display: inline-block;
        width: 90%;
        background: white;
        padding: 50px 75px 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 780px;
        position: relative;
        text-align: left;
}
.lightbox .cell .holder p{
        margin-bottom: 15px;
}
.lightbox table{
        width: 100%;
        margin-bottom: 15px;
}
.lightbox table td{
        padding-bottom: 15px;
}
.lightbox table textarea,
.lightbox table input[type='text']{
        width: 100%;
        padding:0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: white;
        border: 1px solid #e2e2e2;
        height: 35px;
        color: #969696;
        font-size: 14px;
        font-family: 'Roboto Slab';
        font-weight: 400;
        -moz-border-radius:3px ;
        -webkit-border-radius: 3px ;
        border-radius: 3px ;
        -moz-box-shadow:  inset 0 0 2px 2px rgba(0,0,0,3)  ;
        -webkit-box-shadow:     inset 0 0 2px 2px rgba(0,0,0,3)  ;
        box-shadow:    inset 0 3px 5px 1px rgba(0,0,0,.1)  ;
}
.lightbox table textarea{
        padding: 20px;
        min-height: 65px;
        resize: vertical;
}
.lightbox table .pair td{
        padding-left: 10px;
}
.lightbox table .pair td:first-child{
        padding-right: 10px;
        padding-left: 0;
}
.lightbox ul{
        display: block;
        margin-bottom: 15px
}
.lightbox ul li{
        display: block;
        margin-bottom: 10px;
        position: relative;
        padding-left: 40px;
}
.lightbox ul li:after{
        display: block;
        width: 21px;
        height: 21px;
        text-align: center;
        line-height: 18px;
        content: '';
        font-family: 'fontAwesome';
        position: absolute;
        left: 0;
        top: 0;
        line-height: 16px;
        border: 2px solid #3d8391;
        color: #3d8391;
        font-size: 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.lightbox .btn-print{
        margin-top: 10px;
}
.btn-print{
        font-weight: bold;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1px;
}
.btn-print i{
        padding-left: 5px;
        font-size: 22px;
}
.for-print{
        display: none;
}
.lightbox img{
        max-width: 100%;
}
/** PUT EVERYTHING AFTER THIS COMMENT AT THE BOTTOM **/
/* MEDIA QUERY FOR WEBKIT BASED BROWSER **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  
}

/* MEDIA QUERY FOR GECKO BASED BROWSER **/
@-moz-document url-prefix(){

}

/* Mobile device */
@media (max-width: 979px){
        .wrapper{
                width: 95%;
                padding: 0 5px;
        }
        #mobilemenu{
                display: block;
                width: 100%;
        }
        #menu #mobilemenu li{
                display: block;
                margin: 0;
                text-align: center;
        }
         #menu #mobilemenu li a{
                display: block;
                padding: 10px 0;
                height: auto;
         }
        #menu #mobilemenu li.donate{
             padding: 10px 0;
        }
        #menu #mobilemenu li.donate a{
                display: inline-block;
                height: 40px;
                padding: 0 30px;
        }
        #hero span{
                font-size: 16px;
                margin: 0;
        }
        #hero span::before,
        #hero span::after,
        .dekstop-menu{
                display: none;
        }
        #logo{
                text-align: right;
                width: 100%;
                float: right;
        }
         #logo a{
                display: inline-block;
                position: relative;
                z-index: 10;
         }
       #top .col-md-8,
        #top .row{
                position: static;
        }
        #top.move,
        #top{
                padding-top: 10px;
                padding-bottom: 10px;
                height: 60px;
                background: #262525;
        }
        #logo img{
               float: right;
        }
        #hero h2{
                font-size: 24px;
                margin-bottom: 10px;
        }
        #hero .tbl-div{
                height: 210px;
        }
         .support-column .tbl-div{
                height: 220px;
         }
        #hero{
                margin-top: 60px;
        }
        .support-column .trans-layer img,
        #hero .trans-layer img{
                width:100%;
                height: auto;
                left: 0;
                top: 0;
                bottom: auto;
                right: auto;
                min-width:1px;
                min-height: 1px;
        }
        .support-column .trans-layer img{
                width: auto;
                height: 100%;
                right: -105%;
                left: -95%;
        }
        #hero .bot-section.hidden-md{
                padding-top: 20px;
                padding-bottom: 30px;
                background: #262525;
                color: white;
        }
         #hero .bot-section.hidden-md .button{
                display: block;
                max-width: 340px;
                margin: 0 auto 20px;
         }
         .about-column{
                padding-top:30px;
                padding-bottom: 30px;
         }
         .howto-column .puller-center,
         .adv-column .puller-center,
         .buddy-column .puller-center,
         .about-column .puller-center{
                width: 100%;
         }
         .section-title{
                line-height: 120%;
         }
         .buddy-column .item{
                width: 100%;
                float: none;
         }
         .buddy-column .item h3{
                padding: 0 10px;
         }
         .adv-column .item{
                margin-bottom: 50px;
         }
         .listpad-column .holder{
                width: 100%;
                padding: 30px 15px 10px;
                border: 10px solid #f4f4f4;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
         }
         .listpad-column .holder .pinned em{
                width: 124px;
                height: 42px;
                background-size: 100% 100%;
         }
         .listpad-column .holder .pinned{
                top: -38px;
         }
         .howto-column{
                padding-bottom: 115px;
         }
        .listpad-column .list .item{
                text-align: center;
                padding:0;
         }
         .listpad-column .list .item span{
                display: block;
                margin: 0 auto 15px;
                position: relative;
         }
         .lightbox .cell .holder{
                display: block;
                width: 90%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding: 20px;
                margin: 0 auto;
         }
         .lightbox .section-title{
                padding: 0;
         }
         .support-column .tbl-div .section-title{
                line-height: 130%;
                margin-bottom: 20px;
         }
         .support-column .tbl-div a{
                padding: 0 35px;
         }
         .support-column .puller-center.hidden-md{
                color: #cecece;
                background: #262525;
                text-align: center;
                padding-top: 15px;
                line-height: 150%;
                padding-bottom: 25px;
         }
         .faq-column .accord h3{
                padding-right: 60px;
                line-height: 150%;
         }
          .section-title a.toggle-comment{
                display: block;
                margin: 15px  auto 0;
         }
         #bottom{
                padding-bottom: 40px;
         }
         .faq-column .accord .item .caption{
                padding: 20px;
         }
}

/* Tablet device */
@media (min-width: 768px) {

}

/* Custom mobile */
@media (max-width: 480px) {
         #hero .tbl-div{
                height: 150px;
        }
        #hero h2{
                font-size: 20px;
        }
         #hero span{
                font-size: 12px;
                padding: 0 20px;
        }
        #hero .bot-section.hidden-md .button{
                padding: 0 5px;
                font-size: 13px;
                max-width: 290px;
         }
         .faq-column .accord h3 i{
                top: 35%;
         }
        
}

/* Custom mobile */
@media (max-width: 320px) {
         #hero .tbl-div{
                height: 140px;
        }

}


@media (min-width: 768px) and (max-width: 991px) {

}



/* Desktop large screen */
@media (min-width: 980px) {
        .wrapper{
                width: 980px;
        }
}

@media print {
        input[type='text']{
                display: block;
                width: 100%;
                padding: 10px 0;
                border: none;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                background: white;
        }
        textarea{
                display: none;
        }
         ul{
                display: block;
                margin-bottom: 15px
        }
         ul li{
                display: block;
                margin-bottom: 10px;
                position: relative;
                padding-left: 40px;
        }
         ul li:after{
                display: block;
                width: 21px;
                height: 21px;
                text-align: center;
                line-height: 18px;
                content: '';
                font-family: 'fontAwesome';
                position: absolute;
                left: 0;
                top: 0;
                line-height: 16px;
                border: 2px solid #3d8391;
                color: #3d8391;
                font-size: 12px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        p{
                margin-bottom: 15px;
        }
        .for-print{
                display: block;
        }
        h3{
                font-weight: bold;
                margin-bottom: -10px;
        }
        .txt-val{
                padding: 10px 0;
                min-height: 60px;
        }
        ::-webkit-input-placeholder { /* WebKit browsers */
                color: transparent;
        }
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: transparent;
        }
        ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: transparent;
        }
        :-ms-input-placeholder { /* Internet Explorer 10+ */
            color: transparent;
        }
}