/*   
    ===============================================================================
    Predefind Fonts-Face Css Code.
    ===============================================================================
*/

/*
@font-face{font-family:font-head; src:url("../fonts/PlayfairDisplay-Regular.ttf");}
.font-head{font-family: font-head;}

@font-face{font-family: font-content; src:url("../fonts/Amble-Regular.ttf");}
.font-content{font-family: font-content;}

@font-face{font-family: font-special; src:url("../fonts/PlayfairDisplay-BoldItalic.ttf");}
.font-special{font-family: font-special;}
*/

/*   
    ===============================================================================
    Predefind Alignment Classes.
    ===============================================================================
*/

.mar0{margin:0px !important;}
.pad0{padding:0px !important;}

.mar10{margin:10px;}
.mar20{margin:20px;}
.mar30{margin:30px;}
.mar40{margin:40px;}
.mar50{margin:50px;}
.mar60{margin:60px;}
.mar70{margin:70px;}
.mar80{margin:80px;}
.mar90{margin:90px;}
.mar100{margin:100px;}

.mar-top10{margin-top:10px;}
.mar-top20{margin-top:20px;}
.mar-top30{margin-top:30px;}
.mar-top40{margin-top:40px;}
.mar-top50{margin-top:50px;}
.mar-top60{margin-top:60px;}
.mar-top70{margin-top:70px;}
.mar-top80{margin-top:80px;}
.mar-top90{margin-top:90px;}

.mar-bottom10{margin-bottom:10px;}
.mar-bottom20{margin-bottom:20px;}
.mar-bottom30{margin-bottom:30px;}
.mar-bottom40{margin-bottom:40px;}
.mar-bottom50{margin-bottom:50px;}
.mar-bottom60{margin-bottom:60px;}
.mar-bottom70{margin-bottom:70px;}
.mar-bottom80{margin-bottom:80px;}
.mar-bottom90{margin-bottom:90px;}
.mar-bottom100{margin-bottom:100px;}

.mar-left10{margin-left:10px;}
.mar-left20{margin-left:20px;}
.mar-left30{margin-left:30px;}
.mar-left40{margin-left:40px;}
.mar-left50{margin-left:50px;}
.mar-left60{margin-left:60px;}
.mar-left70{margin-left:70px;}
.mar-left80{margin-left:80px;}
.mar-left90{margin-left:90px;}
.mar-left100{margin-left:100px;}

.mar-right10{margin-right:10px;}
.mar-right20{margin-right:20px;}
.mar-right30{margin-right:30px;}
.mar-right40{margin-right:40px;}
.mar-right50{margin-right:50px;}
.mar-right60{margin-right:60px;}
.mar-right70{margin-right:70px;}
.mar-right80{margin-right:80px;}
.mar-right90{margin-right:90px;}
.mar-right100{margin-right:100px;}

.mar-top5{margin: 5px 0px}
.mar-tb10{margin: 10px 0px;}
.mar-tb20{margin: 20px 0px;}
.mar-tb30{margin: 30px 0px;}
.mar-tb40{margin: 40px 0px;}
.mar-tb50{margin: 50px 0px;}
.mar-tb60{margin: 60px 0px;}
.mar-tb70{margin: 70px 0px;}
.mar-tb80{margin: 80px 0px;}
.mar-tb90{margin: 90px 0px;}
.mar-tb100{margin: 100px 0px;}

.mar-lr10{margin: 0px 10px;}
.mar-lr20{margin: 0px 20px;}
.mar-lr30{margin: 0px 30px;}
.mar-lr40{margin: 0px 40px;}
.mar-lr50{margin: 0px 50px;}
.mar-lr60{margin: 0px 60px;}
.mar-lr70{margin: 0px 70px;}
.mar-lr80{margin: 0px 80px;}
.mar-lr90{margin: 0px 90px;}
.mar-lr100{margin: 0px 100px;}

.mar-auto{margin: 0px auto;}

.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad40{padding:40px;}
.pad50{padding:50px;}
.pad60{padding:60px;}
.pad70{padding:70px;}
.pad80{padding:80px;}
.pad90{padding:90px;}
.pad100{padding:100px;}

.pad-top10{padding-top:10px;}
.pad-top20{padding-top:20px;}
.pad-top30{padding-top:30px;}
.pad-top40{padding-top:40px;}
.pad-top50{padding-top:50px;}
.pad-top60{padding-top:60px;}
.pad-top70{padding-top:70px;}
.pad-top80{padding-top:80px;}
.pad-top90{padding-top:90px;}
.pad-top100{padding-top:100px;}

.pad-bottom10{Padding-bottom:10px;}
.pad-bottom20{Padding-bottom:20px;}
.pad-bottom30{Padding-bottom:30px;}
.pad-bottom40{Padding-bottom:40px;}
.pad-bottom50{Padding-bottom:50px;}
.pad-bottom60{Padding-bottom:60px;}
.pad-bottom70{Padding-bottom:70px;}
.pad-bottom80{Padding-bottom:80px;}
.pad-bottom90{Padding-bottom:90px;}
.pad-bottom100{Padding-bottom:100px;}

.pad-left10{padding-left:10px;}
.pad-left20{padding-left:20px;}
.pad-left30{padding-left:30px;}
.pad-left40{padding-left:40px;}
.pad-left50{padding-left:50px;}
.pad-left60{padding-left:60px;}
.pad-left70{padding-left:70px;}
.pad-left80{padding-left:80px;}
.pad-left90{padding-left:90px;}
.pad-left100{padding-left:100px;}

.pad-right10{padding-right:10px;}
.pad-right20{padding-right:20px;}
.pad-right30{padding-right:30px;}
.pad-right40{padding-right:40px;}
.pad-right50{padding-right:50px;}
.pad-right60{padding-right:60px;}
.pad-right70{padding-right:70px;}
.pad-right80{padding-right:80px;}
.pad-right90{padding-right:90px;}
.pad-right100{padding-right:100px;}


.pad-tb10{padding: 10px 0px;}
.pad-tb20{padding: 20px 0px;}
.pad-tb30{padding: 30px 0px;}
.pad-tb40{padding: 40px 0px;}
.pad-tb50{padding: 50px 0px;}
.pad-tb60{padding: 60px 0px;}
.pad-tb70{padding: 70px 0px;}
.pad-tb80{padding: 80px 0px;}
.pad-tb90{padding: 90px 0px;}
.pad-tb100{padding: 100px 0px;}

.pad-lr10{padding: 0px 10px;}
.pad-lr20{padding: 0px 20px;}
.pad-lr30{padding: 0px 30px;}
.pad-lr40{padding: 0px 40px;}
.pad-lr50{padding: 0px 50px;}
.pad-lr60{padding: 0px 60px;}
.pad-lr70{padding: 0px 70px;}
.pad-lr80{padding: 0px 80px;}
.pad-lr90{padding: 0px 90px;}
.pad-lr100{padding: 0px 100px;}

/*   
    ===============================================================================
    Predefind Fonts Face Classes in Responsive ( Globally Use Classes.)
    ===============================================================================
*/


h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,hr{margin:0px; padding:0px;}
ul {list-style-type: none;}

.mar-auto{margin: auto !important;}

/* Body font Size Css */

body{font-family: font-content;}

body p{font-size: 16px; line-height:1.7em; word-spacing:2px; font-weight:normal; color:; }
body a{font-size: 14px; line-height:1.7em; word-spacing:2px; font-weight:normal; color:; text-decoration:none !important;}

/*

@media(max-width:768px)
{
    h2{font-size: 28px;}
    h3{font-size: 24px;}
    h4{font-size: 20px;}
}

@media(max-width:480px)
{
    h2{font-size: 26px;}
    h3{font-size: 22px;}
    h4{font-size: 20px;}
}

@media(max-width:360px)
{
    h2{font-size: 24px;}
    h3{font-size: 20px;}
    h4{font-size: 18px;}
}
*/


/*   
    ===============================================================================
    Predefind Color Scheme Class Css Code.
    ===============================================================================
*/

.white{color:#fff;}


/*   
    ===============================================================================
    Heading Css And Constantly Repeated Use Css.
    ===============================================================================
*/

.font16{font-size:16px}

.colorccc{color:#555 }
.border-btm{border-bottom: 2px solid #e2e4e8 !important}


.hidden-md{display: none;}

.bgc-brown {
    background-color: #743339;
}