/*
* mybasiccss.css
*
/* =======  updated: 29-06-2017 ==========*/
/*
Index:
/*------------------------------------------- Basic CSS --------------*/
/*------------------------------------- MY Basic Background color ----*/
/*------------------------------------- MY Basic Text color ----------*/
/*---------------------- Common CSS --------------*/
a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.fix{overflow:hidden;}
.fix:after, .fix:before { content: ""; display: table;}
.fix:after {clear: both;}
.justify{text-align: justify;}
.textleft{text-align: left;}
.textright{text-align: right;}
.textcenter{text-align: center;}
.center{text-align: center;margin:0 auto;}
.left{text-align: left;float:left;}
.right{text-align: right; float:right;}
.floatleft {float: left;}
.floatright {float: right;}
.alignleft {float: left; margin-right: 15px;}
.alignright {float: right;margin-left: 15px;}
.aligncenter {display: block;margin: 0 auto 15px;}
.marginauto{margin:auto;}
.alignleftinline {
    display: inline; /*-- from a theme --*/
    text-align:left;
    margin-right: 1.5em;/*-- from a theme --*/
}
.alignrightinline {
    display: inline; /*-- from a theme --*/
    text-align:right;
    margin-left: 1.5em; /*-- from a theme --*/
}
.aligncenterclear {
    text-align: center;
    clear:both;/*-- from a theme --*/
    display: block;
    margin: 0 auto 0px;
}
.copyright{
    text-align: center;
    background-color:gray;
    color: white;
    transition:all 1s;
    padding:5px;
}
.copyright a:hover{text-decoration: none;}
.stylenone{list-style:none;}
/*---------------------Padding-*/
.padding-5{padding:5%;}
.padding-10{padding:10%;}
.padding-15{padding:15%;}
.padding-20{padding:20%;}
.padding-25{padding:25%;}
.padding-30{padding:30%;}
.padding-35{padding:35%;}
.padding-40{padding:40%;}
.padding-45{padding:45%;}
.padding-50{padding:50%;}
/*--------------------- Margin-*/
.margin-5{padding:5%;}
.margin-10{padding:10%;}
.margin-15{padding:15%;}
.margin-20{padding:20%;}
.margin-25{padding:25%;}
.margin-30{padding:30%;}
.margin-35{padding:35%;}
.margin-40{padding:40%;}
.margin-45{padding:45%;}
.margin-50{padding:50%;}
/* CommonTransformation css */
/*---------------------zoonin-*/
.zoomout,
.zoomin,
.zoomin-11,
.zoomin-12,
.zoomin-15,
.zoomin-20{overflow: hidden;box-sizing: border-box;}
.post-text img,
.zoomout img,
.zoomin img,
.zoomin-11 img,
.zoomin-12 img,
.zoomin-15 img,
.zoomin-20 img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.zoomout img:hover {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
}
.zoomin img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.zoomin-11 img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.zoomin-12 img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.zoomin-15 img:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.zoomin-20 img:hover {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
/*---------------------rotate-*/
.rotate-left,
.rotate-right{overflow: hidden; box-sizing: border-box;}
.rotate-left img,
.rotate-right img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.rotate-left img:hover {
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.rotate-right img:hover {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    transform: rotate(8deg) ;
}
.round{border-radius: 50%;}
/*===========End My Basic css ==========*/
/*----------------- MY Basic Background Color ----------*/
.bg-red{background:red;}
.bg-green{background:green;}
.bg-black{background:black;}
.bg-blue{background:blue;}
.bg-yellow{background:yellow;}
.bg-grey{background:grey;}
.bg-white{background:white;}
.bg-orange{background:orange;}
.bg-orange{background:violet;}
.bg-pink{background:pink;}
/*----------------- MY Basic Color ----------*/
.color-red{color:red;}
.color-green{color:green;}
.color-black{color:black;}
.color-blue{color:blue;}
.color-yellow{color:yellow;}
.color-grey{color:grey;}
.color-white{color:white;}
.color-orange{color:orange;}
.color-violet{color:violet;}
.color-pink{color:pink;}