html, body, div, ul, ol, li, table, tr, td{padding: 0px; margin: 0px; outline: 0px; border: 0px;  word-wrap: break-word !important; box-sizing: border-box;}
h1, h2, h3, h4 {margin: 0px; padding: 0px;}
body{margin: 0px; padding: 0px; background: #f3f3f3;}
[contentEditable=true]:empty:not(:focus):before{ content:attr(data-text); color: #AAAAAA; }
ul{ -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 00px;}
a{text-decoration: none !important; color: inherit;}
*{font-family: "Poppins", sans-serif; text-shadow: none;}
p{text-align: justify; font-size: 17px; line-height: 25px;}
div{box-sizing: border-box;}

	.round0{-webkit-border-radius:0px !important;-moz-border-radius:0px !important;-ms-border-radius:0px !important;-o-border-radius:0px !important;border-radius:0px !important;}	.round5{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}	.round10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}	.round15{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}	.round20{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}	.round25{-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}	.round20{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}	.round40{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}	.round50{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}	.round60{-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;}	.round100{-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;}	.round120{-webkit-border-radius:120px;-moz-border-radius:120px;-ms-border-radius:120px;-o-border-radius:120px;border-radius:120px;}
	
	.row-full{width: 100%;}
	.take-left{float: left;}
	.take-right{float: right;}
	.clearfix{clear: both; height: 0px; margin: 0px; padding: 0px;}
	.inline{display: inline-block;}
	.left{text-align: left;}
	.right{text-align: right;}
	.centertext{text-align: center;}
	.justify{text-align: justify;}
	.tablevt tr td{vertical-align: top; padding-bottom: 15px}	
	.vm{vertical-align: middle;}	
	.vt{vertical-align: top;}
	
	.slow{-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;}
	
	.breadcrumb > li + li:before {content: "/\00a0"; padding: 0 3px; color: #555555;}
	.breadcrumb li{display: inline-block; font-size: 10px; color: #777777;}
	.greyscale{ -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");         -webkit-filter: grayscale(100%);         filter: gray;         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}
         


/* old phone */
@media screen and (max-width: 259px){	.pconly{display: none !important;}	.notlarge{display: block;}	.large{display: none;}	.container, .containerbig{width: 97%; margin: auto;}
	.take-left, .take-right{float: none;}
	.half, .one-third, .one-fourth, .two-third, .three-fourth{width: 99%; margin: 0px; padding: 0px; border: 0px; display: block;}
}


	
/* mobile css */	
@media screen and (min-width: 260px) and (max-width: 900px){
	body{width: 100%; overflow-x: hidden;}
	.mobileonly{}
	.notlarge{display: block;}
	.large{display: none;}
	.pconly{display: none !important;}	
	.container{width: 95%; margin: auto;}	
	.row{width: 99%; margin: auto;}
	.half, .one-third, .one-fourth, .two-third, .three-fourth{width: 99%; margin: 0px; padding: 0px; border: 0px; display: block;}
	
	
	
		.dp{height: 150px; width: 150px; border: 3px double #333333; margin: 10px; box-shadow: 0 0 3px #000000; margin: auto;}
	.space{height: 100px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4309f+0,7db9e8+100&1+0,0+100 */
        background: linear-gradient(to bottom,  rgba(244,48,159,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
    .moveup{margin-top: -50px;}
    .moveup h1{font-size: 40px; color: #8E1C3E; font-weight: 200; text-align: center;}
    .moveup h1 span{font-size: 17px; color: 777777; font-weight: 200; display: block; text-align: center;}
	.moveup .icon{font-size: 22px; margin: 10px; display: inline-block; padding: 10px !important; border: 1px solid #777777; background: #CCCCCC; line-height: 22px; height: 44px; vertical-align: top;}
	.moveup .icon:hover{background: #F981C5; color: #FFFFFF; cursor: pointer;}
	.moveup .icon img{margin-top: -20px; margin-left: -20px; margin-right: 6px;}
	
	.grid-item { width: 300px; margin-left: 5%; }
	.card{ background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 0 3px #000000; margin-bottom: 10px;}
	.card img{max-width: 100%; margin: auto; border-bottom: 1px solid #CCCCCC;}
	.card .minidp{ height: 16px; margin-right: 10px;}
	.card div{padding: 10px; border-top: 1px solid #efefef; margin: 5px; color: #AAAAAA;}
	.card p{margin: 10px;}
	
}	
/*less than pc*/
@media screen and (min-width: 901px) and (max-width: 1300px){
	.mobileonly{display: none !important;}	.notlarge{display: block;}	.large{display: block;}
	
	.container{width: 99%; max-width: 1000px; margin: auto;}	
	.row{width: calc(100% - 30px); margin: auto; left: -5px; position: relative;}	
	.rowcontainer{width: 99%; margin: auto; text-align: center;}
    .half{width: 49.2%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-third{width: 25%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-fourth{width: 100%; margin: 0px 1px; padding: 0px; border: 0px; display: inline-block;}
	.two-third{width: 73%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.three-fourth{width: 100%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	
	
		.dp{height: 150px; width: 150px; border: 3px double #333333; margin: 10px; box-shadow: 0 0 3px #000000; margin: auto;}
	.space{height: 100px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4309f+0,7db9e8+100&1+0,0+100 */
        background: linear-gradient(to bottom,  rgba(244,48,159,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
    .moveup{margin-top: -50px;}
    .moveup h1{font-size: 70px; color: #8E1C3E; font-weight: 200;}
    .moveup h1 span{font-size: 20px; color: 777777; font-weight: 200; display: block;}
	.moveup .icon{font-size: 22px; margin: 10px; display: inline-block; padding: 10px !important; border: 1px solid #777777; background: #CCCCCC; line-height: 22px; height: 44px; vertical-align: top;}
	.moveup .icon:hover{background: #F981C5; color: #FFFFFF; cursor: pointer;}
	.moveup .icon img{margin-top: -20px; margin-left: -20px; margin-right: 6px;}
	
	.grid-item { width: 300px; }
	.card{ background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 0 3px #000000; margin: 5px;}
	.card img{max-width: 100%; margin: auto; border-bottom: 1px solid #CCCCCC;}
	.card .minidp{ height: 16px; margin-right: 10px;}
	.card div{padding: 10px; border-top: 1px solid #efefef; margin: 5px; color: #AAAAAA;}
	.card p{margin: 5px 10px; font-size: 16px; font-weight: 300;}
	.card h2{margin: 10px; font-size: 20px; font-weight: 400;}

}




/* pc css Full HD */
@media screen and (min-width: 1301px){
	.mobileonly{display: none !important;}	.notlarge{display: none;}	.large{display: block;}	
	.container{width: 99%; max-width: 1200px; margin: auto;}	
	.row{width: calc(100% - 50px); margin: auto; position: relative;}	
	.rowcontainer{width: 99%; margin: auto; text-align: center;}	
	
	.half{width: 49.2%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-third{width: 32%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.one-fourth{width: 23.1%; margin: 0px 1px; padding: 0px; border: 0px; display: inline-block;}
	.two-third{width: 66%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	.three-fourth{width: 72.2%; margin: 0px; padding: 0px; border: 0px; display: inline-block;}
	
	.dp{height: 150px; width: 150px; border: 3px double #333333; margin: 10px; box-shadow: 0 0 3px #000000; margin: auto;}
	.space{height: 100px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4309f+0,7db9e8+100&1+0,0+100 */
        background: linear-gradient(to bottom,  rgba(244,48,159,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
    .moveup{margin-top: -50px;}
    .moveup h1{font-size: 70px; color: #8E1C3E; font-weight: 200;}
    .moveup h1 span{font-size: 20px; color: 777777; font-weight: 200; display: block;}
	.moveup .icon{font-size: 22px; margin: 10px; display: inline-block; padding: 10px !important; border: 1px solid #777777; background: #CCCCCC; line-height: 22px; height: 44px; vertical-align: top;}
	.moveup .icon:hover{background: #F981C5; color: #FFFFFF; cursor: pointer;}
	.moveup .icon img{margin-top: -20px; margin-left: -20px; margin-right: 6px;}
	
	.grid-item { width: 300px; }
	.card{ background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 0 3px #000000; margin: 5px;}
	.card img{max-width: 100%; margin: auto; border-bottom: 1px solid #CCCCCC;}
	.card .minidp{ height: 16px; margin-right: 10px;}
	.card div{padding: 10px; border-top: 1px solid #efefef; margin: 5px; color: #AAAAAA;}
	.card p{margin: 5px 10px; font-size: 16px; font-weight: 300;}
	.card h2{margin: 10px; font-size: 20px; font-weight: 400;}
}