@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Bree+Serif|Play:400,700");

/* ========== FONT FAMILIES ========== */
.play {font-family: 'Play', sans-serif;}
.bree_Serif {font-family: 'Bree Serif', serif;}
.roboto {font-family: 'Roboto', sans-serif;}
.source_sans_pro {font-family: 'Source Sans Pro'}

/* ========== RESET & BASE STYLES ========== */
* {margin: 0;outline: none}
p, h6, h5, ul, li, img, span, h3, h1, h2, h3, h4, a, input, div {margin: 0px;padding: 0px;border: 0px;outline: none;}

/* ========== DISPLAY & POSITIONING ========== */
.auto {margin: auto;}.db {display: block}.dib {display: inline-block}.inline {display: inline}.dn {display: none}.abs {position: absolute}.rel {position: relative}.hand {cursor: pointer}.z99 {z-index: 99}.o-hid {overflow: hidden}.o-auto {overflow: auto}.o-y {overflow-y: auto;overflow-x: hidden}.fix {position: fixed;}

/* ========== BORDER RADIUS ========== */
.radius-3 {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.radius-5 {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.radius-7 {border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.radius-8 {border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.radius-10 {border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.radius-15 {border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.radius-20 {border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.radius-25 {border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
.radius-5t {border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
.radius-5b {border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}
.radius-20b {border-radius: 0 0 20px 20px;-moz-border-radius: 0 0 20px 20px;-webkit-border-radius: 0 0 20px 20px;}
.radius-20p {border-radius: 20%;-moz-border-radius: 20%;-webkit-border-radius: 20%;}
.radius-20t {border-radius: 20px 20px 0 0;-moz-border-radius: 20px 20px 0 0;-webkit-border-radius: 20px 20px 0 0;}
.radius-10t {border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;}

/* ========== FONT PROPERTIES ========== */
.b {font-weight: 700}.i {font-style: italic}.u {text-decoration: underline}.n {font-style: normal;font-weight: 400;text-decoration: none;text-transform: none}.bcs {border-collapse: separate}.nw {white-space: nowrap}.ttc {text-transform: capitalize}.ttl {text-transform: lowercase}.ttu {text-transform: uppercase}.fvsc {font-variant: small-caps}

/* ========== FONT SIZES ========== */
.fs10 {font-size: 10px}.fs11 {font-size: 11px}.fs12 {font-size: 12px}.fs13 {font-size: 13px}.fs14 {font-size: 14px}.fs15 {font-size: 15px}.fs16 {font-size: 16px}.fs17 {font-size: 17px}.fs18 {font-size: 18px}.fs19 {font-size: 19px}.fs20 {font-size: 20px}.fs21 {font-size: 21px}.fs22 {font-size: 22px}.fs23 {font-size: 23px}.fs24 {font-size: 24px}.fs26 {font-size: 26px}.fs28 {font-size: 28px}.fs29 {font-size: 29px}.fs30 {font-size: 30px}.fs32 {font-size: 32px}.fs34 {font-size: 34px}.fs36 {font-size: 36px}.fs37 {font-size: 37px}.fs40 {font-size: 40px}.fs51 {font-size: 51px;}

/* ========== LINE HEIGHTS ========== */
.lh0em {line-height: 0}.lh02em {line-height: .2em}.lh05em {line-height: .5em}.lh1em {line-height: 1em}.lh07em {line-height: .9em}.lh12em {line-height: 1.2em}.lh13em {line-height: 1.3em}.lh15em {line-height: 1.5em}.lh2em {line-height: 2em}.lh18px {line-height: 18px}

/* ========== TEXT COLORS ========== */
.black, .black a, .black a:hover {color: #1a1717}.black1, .black1 a, .black1 a:hover {color: #101315}.gray, .gray a, .gray a:hover {color: #858585}.gray1, .gray1 a, .gray1 a:hover {color: #888}.gray2, .gray2 a, .gray2 a:hover {color: #333}.red, .red a, .red a:hover {color: #c0251b}.pink, .pink a, .pink a:hover {color: #ff0096}.pink1, .pink1 a, .pink1 a:hover {color: #c81d98}.orange, .orange a, .orange a:hover {color: #f99e3e}.white, .white a, .white a:hover {color: #fff}.pale, .pale a, .pale a:hover {color: #f07d00}.green, .green a, .green a:hover {color: #35c317}.blue, .blue a, .blue a:hover {color: #0b5c96}.blue1, .blue1 a, .blue1 a:hover {color: #164e7c}.blue2, .blue2 a, .blue2 a:hover {color: #c0d8e1}.yellow, .yellow a, yellow a:hover {color: #ffea00}

/* ========== TEXT ALIGNMENT ========== */
.al {text-align: left}.ar {text-align: right}.ac {text-align: center}.aj {text-align: justify}.vat {vertical-align: top}.vam {vertical-align: middle}.vab {vertical-align: bottom}.fl {display: inline;float: left}.fr {display: inline;float: right}p.cb {content: '.';display: block;font-size: 0;height: 0;line-height: 0;margin: 0;padding: 0}.cb {clear: both;line-height: 0;height: 0;}.cl {clear: left}.cr {clear: right}.lt {text-decoration: line-through}

/* ========== MARGIN STYLES ========== */
/* Margin All Sides */
.m0-2 {margin: 0px 2px;}.m0-5 {margin: 0px 5px;}.m0-10 {margin: 0px 10px;}.m2-0 {margin: 2px 0px;}.m5-0 {margin: 5px 0px;}.m10-0 {margin: 10px 0px;}.m5-10 {margin: 5px 10px;}.m5-20 {margin: 5px 20px;}.m1 {margin: 1px;}.m2 {margin: 2px;}.m3 {margin: 3px;}.m4 {margin: 4px;}.m5 {margin: 5px;}.m6 {margin: 6px;}.m7 {margin: 7px;}.m8 {margin: 8px;}.m9 {margin: 9px;}.m10 {margin: 10px;}.m11 {margin: 11px;}.m12 {margin: 12px;}.m13 {margin: 13px;}.m14 {margin: 14px;}.m15 {margin: 15px;}.m16 {margin: 16px;}.m17 {margin: 17px;}.m18 {margin: 18px;}.m19 {margin: 19px;}.m21 {margin: 21px;}.m22 {margin: 22px;}.m23 {margin: 23px;}.m24 {margin: 24px;}.m25 {margin: 25px;}.m30 {margin: 30px;}

/* Margin Top */
.mt1 {margin-top: 1px}.mt2 {margin-top: 2px}.mt3 {margin-top: 3px}.mt4 {margin-top: 4px}.mt5 {margin-top: 5px}.mt6 {margin-top: 6px}.mt7 {margin-top: 7px}.mt8 {margin-top: 8px}.mt9 {margin-top: 9px}.mt10 {margin-top: 10px}.mt11 {margin-top: 11px}.mt12 {margin-top: 12px}.mt13 {margin-top: 13px}.mt14 {margin-top: 14px}.mt15 {margin-top: 15px}.mt16 {margin-top: 16px}.mt17 {margin-top: 17px}.mt18 {margin-top: 18px}.mt19 {margin-top: 19px}.mt20 {margin-top: 20px}.mt21 {margin-top: 21px}.mt22 {margin-top: 22px}.mt23 {margin-top: 23px}.mt24 {margin-top: 24px}.mt25 {margin-top: 25px}.mt26 {margin-top: 26px}.mt27 {margin-top: 27px}.mt28 {margin-top: 28px}.mt29 {margin-top: 29px}.mt30 {margin-top: 30px}.mt31 {margin-top: 31px}.mt32 {margin-top: 32px}.mt33 {margin-top: 33px}.mt34 {margin-top: 34px}.mt35 {margin-top: 35px}.mt36 {margin-top: 36px}.mt37 {margin-top: 37px}.mt38 {margin-top: 38px}.mt39 {margin-top: 39px}.mt40 {margin-top: 40px}.mt41 {margin-top: 41px}.mt42 {margin-top: 42px}.mt43 {margin-top: 43px}.mt44 {margin-top: 44px}.mt45 {margin-top: 45px}.mt46 {margin-top: 46px}.mt47 {margin-top: 47px}.mt48 {margin-top: 48px}.mt49 {margin-top: 49px}.mt50 {margin-top: 50px}.mt51 {margin-top: 51px}.mt52 {margin-top: 52px}.mt53 {margin-top: 53px}.mt54 {margin-top: 54px}.mt55 {margin-top: 55px}.mt56 {margin-top: 56px}.mt57 {margin-top: 57px}.mt58 {margin-top: 58px}.mt59 {margin-top: 59px}.mt60 {margin-top: 60px}.mt61 {margin-top: 61px}.mt62 {margin-top: 62px}.mt63 {margin-top: 63px}.mt64 {margin-top: 64px}.mt65 {margin-top: 65px}.mt66 {margin-top: 66px}.mt67 {margin-top: 67px}.mt68 {margin-top: 68px}.mt69 {margin-top: 69px}.mt70 {margin-top: 70px}.mt71 {margin-top: 71px}.mt72 {margin-top: 72px}.mt73 {margin-top: 73px}.mt74 {margin-top: 74px}.mt75 {margin-top: 75px}.mt76 {margin-top: 76px}.mt77 {margin-top: 77px}.mt78 {margin-top: 78px}.mt79 {margin-top: 79px}.mt80 {margin-top: 80px}.mt81 {margin-top: 81px}.mt82 {margin-top: 82px}.mt83 {margin-top: 83px}.mt84 {margin-top: 84px}.mt85 {margin-top: 85px}.mt86 {margin-top: 86px}.mt87 {margin-top: 87px}.mt88 {margin-top: 88px}.mt89 {margin-top: 89px}.mt90 {margin-top: 90px}.mt91 {margin-top: 91px}.mt92 {margin-top: 92px}.mt93 {margin-top: 93px}.mt94 {margin-top: 94px}.mt95 {margin-top: 95px}.mt96 {margin-top: 96px}.mt97 {margin-top: 97px}.mt98 {margin-top: 98px}.mt99 {margin-top: 99px}.mt100 {margin-top: 100px}.mt120 {margin-top: 120px}.mt150 {margin-top: 150px}

/* Margin Right */
.mr1 {margin-right: 1px}.mr2 {margin-right: 2px}.mr3 {margin-right: 3px}.mr4 {margin-right: 4px}.mr5 {margin-right: 5px}.mr6 {margin-right: 6px}.mr7 {margin-right: 7px}.mr8 {margin-right: 8px}.mr9 {margin-right: 9px}.mr10 {margin-right: 10px}.mr11 {margin-right: 11px}.mr12 {margin-right: 12px}.mr13 {margin-right: 13px}.mr14 {margin-right: 14px}.mr15 {margin-right: 15px}.mr16 {margin-right: 16px}.mr17 {margin-right: 17px}.mr18 {margin-right: 18px}.mr19 {margin-right: 19px}.mr20 {margin-right: 20px}.mr21 {margin-right: 21px}.mr22 {margin-right: 22px}.mr23 {margin-right: 23px}.mr24 {margin-right: 24px}.mr25 {margin-right: 25px}.mr26 {margin-right: 26px}.mr27 {margin-right: 27px}.mr28 {margin-right: 28px}.mr29 {margin-right: 29px}.mr30 {margin-right: 30px}.mr31 {margin-right: 31px}.mr32 {margin-right: 32px}.mr33 {margin-right: 33px}.mr34 {margin-right: 34px}.mr35 {margin-right: 35px}.mr36 {margin-right: 36px}.mr37 {margin-right: 37px}.mr38 {margin-right: 38px}.mr39 {margin-right: 39px}.mr40 {margin-right: 40px}.mr41 {margin-right: 41px}.mr42 {margin-right: 42px}.mr43 {margin-right: 43px}.mr44 {margin-right: 44px}.mr45 {margin-right: 45px}.mr46 {margin-right: 46px}.mr47 {margin-right: 47px}.mr48 {margin-right: 48px}.mr49 {margin-right: 49px}.mr50 {margin-right: 50px}.mr51 {margin-right: 51px}.mr52 {margin-right: 52px}.mr53 {margin-right: 53px}.mr54 {margin-right: 54px}.mr55 {margin-right: 55px}.mr56 {margin-right: 56px}.mr57 {margin-right: 57px}.mr58 {margin-right: 58px}.mr59 {margin-right: 59px}.mr60 {margin-right: 60px}.mr61 {margin-right: 61px}.mr62 {margin-right: 62px}.mr63 {margin-right: 63px}.mr64 {margin-right: 64px}.mr65 {margin-right: 65px}.mr66 {margin-right: 66px}.mr67 {margin-right: 67px}.mr68 {margin-right: 68px}.mr69 {margin-right: 69px}.mr70 {margin-right: 70px}.mr71 {margin-right: 71px}.mr72 {margin-right: 72px}.mr73 {margin-right: 73px}.mr74 {margin-right: 74px}.mr75 {margin-right: 75px}.mr76 {margin-right: 76px}.mr77 {margin-right: 77px}.mr78 {margin-right: 78px}.mr79 {margin-right: 79px}.mr80 {margin-right: 80px}.mr81 {margin-right: 81px}.mr82 {margin-right: 82px}.mr83 {margin-right: 83px}.mr84 {margin-right: 84px}.mr85 {margin-right: 85px}.mr86 {margin-right: 86px}.mr87 {margin-right: 87px}.mr88 {margin-right: 88px}.mr89 {margin-right: 89px}.mr90 {margin-right: 90px}.mr91 {margin-right: 91px}.mr92 {margin-right: 92px}.mr93 {margin-right: 93px}.mr94 {margin-right: 94px}.mr95 {margin-right: 95px}.mr96 {margin-right: 96px}.mr97 {margin-right: 97px}.mr98 {margin-right: 98px}.mr99 {margin-right: 99px}.mr100 {margin-right: 100px}

/* Margin Left */
.m0 {margin: 0 !important}.ml1 {margin-left: 1px}.ml2 {margin-left: 2px}.ml3 {margin-left: 3px}.ml4 {margin-left: 4px}.ml5 {margin-left: 5px}.ml6 {margin-left: 6px}.ml7 {margin-left: 7px}.ml8 {margin-left: 8px}.ml9 {margin-left: 9px}.ml10 {margin-left: 10px}.ml11 {margin-left: 11px}.ml12 {margin-left: 12px}.ml13 {margin-left: 13px}.ml14 {margin-left: 14px}.ml15 {margin-left: 15px}.ml16 {margin-left: 16px}.ml17 {margin-left: 17px}.ml18 {margin-left: 18px}.ml19 {margin-left: 19px}.ml20 {margin-left: 20px}.ml21 {margin-left: 21px}.ml22 {margin-left: 22px}.ml23 {margin-left: 23px}.ml24 {margin-left: 24px}.ml25 {margin-left: 25px}.ml26 {margin-left: 26px}.ml27 {margin-left: 27px}.ml28 {margin-left: 28px}.ml29 {margin-left: 29px}.ml30 {margin-left: 30px}.ml31 {margin-left: 31px}.ml32 {margin-left: 32px}.ml33 {margin-left: 33px}.ml34 {margin-left: 34px}.ml35 {margin-left: 35px}.ml36 {margin-left: 36px}.ml37 {margin-left: 37px}.ml38 {margin-left: 38px}.ml39 {margin-left: 39px}.ml40 {margin-left: 40px}.ml41 {margin-left: 41px}.ml42 {margin-left: 42px}.ml43 {margin-left: 43px}.ml44 {margin-left: 44px}.ml45 {margin-left: 45px}.ml46 {margin-left: 46px}.ml47 {margin-left: 47px}.ml48 {margin-left: 48px}.ml49 {margin-left: 49px}.ml50 {margin-left: 50px}.ml51 {margin-left: 51px}.ml52 {margin-left: 52px}.ml53 {margin-left: 53px}.ml54 {margin-left: 54px}.ml55 {margin-left: 55px}.ml56 {margin-left: 56px}.ml57 {margin-left: 57px}.ml58 {margin-left: 58px}.ml59 {margin-left: 59px}.ml60 {margin-left: 60px}.ml61 {margin-left: 61px}.ml62 {margin-left: 62px}.ml63 {margin-left: 63px}.ml64 {margin-left: 64px}.ml65 {margin-left: 65px}.ml66 {margin-left: 66px}.ml67 {margin-left: 67px}.ml68 {margin-left: 68px}.ml69 {margin-left: 69px}.ml70 {margin-left: 70px}.ml71 {margin-left: 71px}.ml72 {margin-left: 72px}.ml73 {margin-left: 73px}.ml74 {margin-left: 74px}.ml75 {margin-left: 75px}.ml76 {margin-left: 76px}.ml77 {margin-left: 77px}.ml78 {margin-left: 78px}.ml79 {margin-left: 79px}.ml80 {margin-left: 80px}.ml81 {margin-left: 81px}.ml82 {margin-left: 82px}.ml83 {margin-left: 83px}.ml84 {margin-left: 84px}.ml85 {margin-left: 85px}.ml86 {margin-left: 86px}.ml87 {margin-left: 87px}.ml88 {margin-left: 88px}.ml89 {margin-left: 89px}.ml90 {margin-left: 90px}.ml91 {margin-left: 91px}.ml92 {margin-left: 92px}.ml93 {margin-left: 93px}.ml94 {margin-left: 94px}.ml95 {margin-left: 95px}.ml96 {margin-left: 96px}.ml97 {margin-left: 97px}.ml98 {margin-left: 98px}.ml99 {margin-left: 99px}.ml100 {margin-left: 100px}

/* Margin Bottom */
.mb1 {margin-bottom: 1px}.mb2 {margin-bottom: 2px}.mb3 {margin-bottom: 3px}.mb4 {margin-bottom: 4px}.mb5 {margin-bottom: 5px}.mb6 {margin-bottom: 6px}.mb7 {margin-bottom: 7px}.mb8 {margin-bottom: 8px}.mb9 {margin-bottom: 9px}.mb10 {margin-bottom: 10px}.mb11 {margin-bottom: 11px}.mb12 {margin-bottom: 12px}.mb13 {margin-bottom: 13px}.mb14 {margin-bottom: 14px}.mb15 {margin-bottom: 15px}.mb16 {margin-bottom: 16px}.mb17 {margin-bottom: 17px}.mb18 {margin-bottom: 18px}.mb19 {margin-bottom: 19px}.mb20 {margin-bottom: 20px}.mb21 {margin-bottom: 21px}.mb22 {margin-bottom: 22px}.mb23 {margin-bottom: 23px}.mb24 {margin-bottom: 24px}.mb25 {margin-bottom: 25px}.mb26 {margin-bottom: 26px}.mb27 {margin-bottom: 27px}.mb28 {margin-bottom: 28px}.mb29 {margin-bottom: 29px}.mb30 {margin-bottom: 30px}.mb31 {margin-bottom: 31px}.mb32 {margin-bottom: 32px}.mb33 {margin-bottom: 33px}.mb34 {margin-bottom: 34px}.mb35 {margin-bottom: 35px}.mb36 {margin-bottom: 36px}.mb37 {margin-bottom: 37px}.mb38 {margin-bottom: 38px}.mb39 {margin-bottom: 39px}.mb40 {margin-bottom: 40px}.mb41 {margin-bottom: 41px}.mb42 {margin-bottom: 42px}.mb43 {margin-bottom: 43px}.mb44 {margin-bottom: 44px}.mb45 {margin-bottom: 45px}.mb46 {margin-bottom: 46px}.mb47 {margin-bottom: 47px}.mb48 {margin-bottom: 48px}.mb49 {margin-bottom: 49px}.mb50 {margin-bottom: 50px}.mb51 {margin-bottom: 51px}.mb52 {margin-bottom: 52px}.mb53 {margin-bottom: 53px}.mb54 {margin-bottom: 54px}.mb55 {margin-bottom: 55px}.mb56 {margin-bottom: 56px}.mb57 {margin-bottom: 57px}.mb58 {margin-bottom: 58px}.mb59 {margin-bottom: 59px}.mb60 {margin-bottom: 60px}.mb61 {margin-bottom: 61px}.mb62 {margin-bottom: 62px}.mb63 {margin-bottom: 63px}.mb64 {margin-bottom: 64px}.mb65 {margin-bottom: 65px}.mb66 {margin-bottom: 66px}.mb67 {margin-bottom: 67px}.mb68 {margin-bottom: 68px}.mb69 {margin-bottom: 69px}.mb70 {margin-bottom: 70px}.mb71 {margin-bottom: 71px}.mb72 {margin-bottom: 72px}.mb73 {margin-bottom: 73px}.mb74 {margin-bottom: 74px}.mb75 {margin-bottom: 75px}.mb76 {margin-bottom: 76px}.mb77 {margin-bottom: 77px}.mb78 {margin-bottom: 78px}.mb79 {margin-bottom: 79px}.mb80 {margin-bottom: 80px}.mb81 {margin-bottom: 81px}.mb82 {margin-bottom: 82px}.mb83 {margin-bottom: 83px}.mb84 {margin-bottom: 84px}.mb85 {margin-bottom: 85px}.mb86 {margin-bottom: 86px}.mb87 {margin-bottom: 87px}.mb88 {margin-bottom: 88px}.mb89 {margin-bottom: 89px}.mb90 {margin-bottom: 90px}.mb91 {margin-bottom: 91px}.mb92 {margin-bottom: 92px}.mb93 {margin-bottom: 93px}.mb94 {margin-bottom: 94px}.mb95 {margin-bottom: 95px}.mb96 {margin-bottom: 96px}.mb97 {margin-bottom: 97px}.mb98 {margin-bottom: 98px}.mb99 {margin-bottom: 99px}.mb100 {margin-bottom: 100px}

/* ========== PADDING STYLES ========== */
/* Padding All Sides */
.p0-2 {padding: 0px 2px;}.p0-5 {padding: 0px 5px;}.p0-10 {padding: 0px 10px;}.p1-5 {padding: 1px 5px;}.p1-10 {padding: 1px 10px;}.p1-15 {padding: 1px 15px;}.p2-5 {padding: 2px 5px;}.p2-10 {padding: 2px 10px;}.p2-15 {padding: 2px 15px;}.p3-5 {padding: 3px 5px;}.p3-10 {padding: 3px 10px;}.p3-15 {padding: 3px 15px;}.p2-0 {padding: 2px 0px;}.p5-0 {padding: 5px 0px;}.p10-0 {padding: 10px 0px;}.p5-10 {padding: 5px 10px;}.p5-15 {padding: 5px 15px;}.p5-20 {padding: 5px 20px;}.p10-15 {padding: 10px 15px;}.p10-20 {padding: 10px 20px;}.p1 {padding: 1px;}.p2 {padding: 2px;}.p3 {padding: 3px;}.p4 {padding: 4px;}.p5 {padding: 5px;}.p6 {padding: 6px;}.p7 {padding: 7px;}.p8 {padding: 8px;}.p9 {padding: 9px;}.p10 {padding: 10px;}.p11 {padding: 11px;}.p12 {padding: 12px;}.p13 {padding: 13px;}.p14 {padding: 14px;}.p15 {padding: 15px;}.p16 {padding: 16px;}.p17 {padding: 17px;}.p18 {padding: 18px;}.p19 {padding: 19px;}.p20 {padding: 20px;}.p21 {padding: 21px;}.p22 {padding: 22px;}.p23 {padding: 23px;}.p24 {padding: 24px;}.p25 {padding: 25px;}.p30 {padding: 30px;}

/* Padding Top */
.pt1 {padding-top: 1px}.pt2 {padding-top: 2px}.pt3 {padding-top: 3px}.pt4 {padding-top: 4px}.pt5 {padding-top: 5px}.pt6 {padding-top: 6px}.pt7 {padding-top: 7px}.pt8 {padding-top: 8px}.pt9 {padding-top: 9px}.pt10 {padding-top: 10px}.pt11 {padding-top: 11px}.pt12 {padding-top: 12px}.pt13 {padding-top: 13px}.pt14 {padding-top: 14px}.pt15 {padding-top: 15px}.pt16 {padding-top: 16px}.pt17 {padding-top: 17px}.pt18 {padding-top: 18px}.pt19 {padding-top: 19px}.pt20 {padding-top: 20px}.pt21 {padding-top: 21px}.pt22 {padding-top: 22px}.pt23 {padding-top: 23px}.pt24 {padding-top: 24px}.pt25 {padding-top: 25px}.pt26 {padding-top: 26px}.pt27 {padding-top: 27px}.pt28 {padding-top: 28px}.pt29 {padding-top: 29px}.pt30 {padding-top: 30px}.pt31 {padding-top: 31px}.pt32 {padding-top: 32px}.pt33 {padding-top: 33px}.pt34 {padding-top: 34px}.pt35 {padding-top: 35px}.pt36 {padding-top: 36px}.pt37 {padding-top: 37px}.pt38 {padding-top: 38px}.pt39 {padding-top: 39px}.pt40 {padding-top: 40px}.pt41 {padding-top: 41px}.pt42 {padding-top: 42px}.pt43 {padding-top: 43px}.pt44 {padding-top: 44px}.pt45 {padding-top: 45px}.pt46 {padding-top: 46px}.pt47 {padding-top: 47px}.pt48 {padding-top: 48px}.pt49 {padding-top: 49px}.pt50 {padding-top: 50px}.pt60 {padding-top: 60px}.pt70 {padding-top: 70px}.pt95 {padding-top: 95px}.pt100 {padding-top: 100px}

/* Padding Right */
.pr1 {padding-right: 1px}.pr2 {padding-right: 2px}.pr3 {padding-right: 3px}.pr4 {padding-right: 4px}.pr5 {padding-right: 5px}.pr6 {padding-right: 6px}.pr7 {padding-right: 7px}.pr8 {padding-right: 8px}.pr9 {padding-right: 9px}.pr10 {padding-right: 10px}.pr11 {padding-right: 11px}.pr12 {padding-right: 12px}.pr13 {padding-right: 13px}.pr14 {padding-right: 14px}.pr15 {padding-right: 15px}.pr16 {padding-right: 16px}.pr17 {padding-right: 17px}.pr18 {padding-right: 18px}.pr19 {padding-right: 19px}.pr20 {padding-right: 20px}.pr21 {padding-right: 21px}.pr22 {padding-right: 22px}.pr23 {padding-right: 23px}.pr24 {padding-right: 24px}.pr25 {padding-right: 25px}.pr26 {padding-right: 26px}.pr27 {padding-right: 27px}.pr28 {padding-right: 28px}.pr29 {padding-right: 29px}.pr30 {padding-right: 30px}.pr31 {padding-right: 31px}.pr32 {padding-right: 32px}.pr33 {padding-right: 33px}.pr34 {padding-right: 34px}.pr35 {padding-right: 35px}.pr36 {padding-right: 36px}.pr37 {padding-right: 37px}.pr38 {padding-right: 38px}.pr39 {padding-right: 39px}.pr40 {padding-right: 40px}.pr41 {padding-right: 41px}.pr42 {padding-right: 42px}.pr43 {padding-right: 43px}.pr44 {padding-right: 44px}.pr45 {padding-right: 45px}.pr46 {padding-right: 46px}.pr47 {padding-right: 47px}.pr48 {padding-right: 48px}.pr49 {padding-right: 49px}.pr50 {padding-right: 50px}

/* Padding Left */
.pl1 {padding-left: 1px}.pl2 {padding-left: 2px}.pl3 {padding-left: 3px}.pl4 {padding-left: 4px}.pl5 {padding-left: 5px}.pl6 {padding-left: 6px}.pl7 {padding-left: 7px}.pl8 {padding-left: 8px}.pl9 {padding-left: 9px}.pl10 {padding-left: 10px}.pl11 {padding-left: 11px}.pl12 {padding-left: 12px}.pl13 {padding-left: 13px}.pl14 {padding-left: 14px}.pl15 {padding-left: 15px}.pl16 {padding-left: 16px}.pl17 {padding-left: 17px}.pl18 {padding-left: 18px}.pl19 {padding-left: 19px}.pl20 {padding-left: 20px}.pl21 {padding-left: 21px}.pl22 {padding-left: 22px}.pl23 {padding-left: 23px}.pl24 {padding-left: 24px}.pl25 {padding-left: 25px}.pl26 {padding-left: 26px}.pl27 {padding-left: 27px}.pl28 {padding-left: 28px}.pl29 {padding-left: 29px}.pl30 {padding-left: 30px}.pl31 {padding-left: 31px}.pl32 {padding-left: 32px}.pl33 {padding-left: 33px}.pl34 {padding-left: 34px}.pl35 {padding-left: 35px}.pl36 {padding-left: 36px}.pl37 {padding-left: 37px}.pl38 {padding-left: 38px}.pl39 {padding-left: 39px}.pl40 {padding-left: 40px}.pl41 {padding-left: 41px}.pl42 {padding-left: 42px}.pl43 {padding-left: 43px}.pl44 {padding-left: 44px}.pl45 {padding-left: 45px}.pl46 {padding-left: 46px}.pl47 {padding-left: 47px}.pl48 {padding-left: 48px}.pl49 {padding-left: 49px}.pl50 {padding-left: 50px}.pl60 {padding-left: 60px}.pl65 {padding-left: 65px}.pl70 {padding-left: 70px}.pl80 {padding-left: 80px}

/* Padding Bottom */
.pb0 {padding-bottom: 0px}.pb1 {padding-bottom: 1px}.pb2 {padding-bottom: 2px}.pb3 {padding-bottom: 3px}.pb4 {padding-bottom: 4px}.pb5 {padding-bottom: 5px}.pb6 {padding-bottom: 6px}.pb7 {padding-bottom: 7px}.pb8 {padding-bottom: 8px}.pb9 {padding-bottom: 9px}.pb10 {padding-bottom: 10px}.pb11 {padding-bottom: 11px}.pb12 {padding-bottom: 12px}.pb13 {padding-bottom: 13px}.pb14 {padding-bottom: 14px}.pb15 {padding-bottom: 15px}.pb16 {padding-bottom: 16px}.pb17 {padding-bottom: 17px}.pb18 {padding-bottom: 18px}.pb19 {padding-bottom: 19px}.pb20 {padding-bottom: 20px}.pb21 {padding-bottom: 21px}.pb22 {padding-bottom: 22px}.pb23 {padding-bottom: 23px}.pb24 {padding-bottom: 24px}.pb25 {padding-bottom: 25px}.pb26 {padding-bottom: 26px}.pb27 {padding-bottom: 27px}.pb28 {padding-bottom: 28px}.pb29 {padding-bottom: 29px}.pb30 {padding-bottom: 30px}.pb31 {padding-bottom: 31px}.pb32 {padding-bottom: 32px}.pb33 {padding-bottom: 33px}.pb34 {padding-bottom: 34px}.pb35 {padding-bottom: 35px}.pb36 {padding-bottom: 36px}.pb37 {padding-bottom: 37px}.pb38 {padding-bottom: 38px}.pb39 {padding-bottom: 39px}.pb40 {padding-bottom: 40px}.pb41 {padding-bottom: 41px}.pb42 {padding-bottom: 42px}.pb43 {padding-bottom: 43px}.pb44 {padding-bottom: 44px}.pb45 {padding-bottom: 45px}.pb46 {padding-bottom: 46px}.pb47 {padding-bottom: 47px}.pb48 {padding-bottom: 48px}.pb49 {padding-bottom: 49px}.pb50 {padding-bottom: 50px}.pt0 {padding-top: 0 !important;}

/* ========== WIDTH STYLES ========== */
.w5 {width: 5%}.w7 {width: 7%}.w8 {width: 8%}.w10 {width: 10%}.w13 {width: 13%}.w14 {width: 14%}.w15 {width: 15%}.w16 {width: 16%}.w17 {width: 17%}.w18 {width: 18%}.w19 {width: 19%}.w20 {width: 20%}.w21 {width: 21%}.w22 {width: 22%}.w23 {width: 23%}.w24 {width: 24%}.w25 {width: 25%}.w27 {width: 27%}.w28 {width: 28%}.w30 {width: 30%}.w31 {width: 31%}.w32 {width: 32%}.w33 {width: 33.2%}.w34 {width: 34%}.w36 {width: 36%}.w38 {width: 38%}.w385 {width: 38.5%}.w39 {width: 39%}.w40 {width: 40%}.w42 {width: 42%}.w43 {width: 43%}.w45 {width: 45%}.w47 {width: 47%}.w48 {width: 48%}.w49 {width: 49%}.w50 {width: 50%}.w52 {width: 52%}.w54 {width: 54%}.w56 {width: 56%}.w58 {width: 58%}.w60 {width: 60%}.w62 {width: 62%}.w63 {width: 63%}.w65 {width: 65%}.w67 {width: 67%}.w70 {width: 70%}.w72 {width: 72%}.w73 {width: 73%}.w74 {width: 74%}.w75 {width: 75%}.w77 {width: 77%}.w78 {width: 78%}.w79 {width: 79%}.w80 {width: 80%}.w84 {width: 84%}.w85 {width: 85%}.w87 {width: 87%}.w88 {width: 88%}.w90 {width: 90%}.w92 {width: 92%}.w95 {width: 95%}.w97 {width: 97%}.w98 {width: 98%}.w100 {width: 100%}

/* ========== FONT WEIGHTS ========== */
.weight200 {font-weight: 200;}.weight300 {font-weight: 300;}.weight400 {font-weight: 400;}.weight400 {font-weight: 500;}.weight600 {font-weight: 600;}.weight700 {font-weight: 700;}.weight800 {font-weight: 800;}.weight900 {font-weight: 900;}

/* ========== DECORATION/STYLES ========== */
.shadow1 {box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}.shadow2 {box-shadow: 0px 1px 1px 1px #111;}.shadow3 {box-shadow: 0px 0px 5px rgba(0,0,0,.6) inset;}.radius2 {border-radius: 2px;-moz-border-radius: 2px;}.normal {font-weight: normal !important;}

/* ========== BACKGROUND COLORS ========== */
.bg-white {background: #fff;}.bg-white1 {background: #fff;box-shadow: 1px 1px 1px rgba(0,0,0,.1);}.bg-black {background: #000;}.bg-pale {background: #fffae0;border: 1px dashed #ee7d21;}.bg-pale1 {background: #f0eeb6;}.bg-pale2 {background: #fffdc5;border: 1px solid #efe08e;}.bg-gray {background: #efefef;}.bg-gray1 {background: #444;}.bg-gray2 {background: #efefef;}.bg-gray3 {background: #666;}.bg-gray4 {background: #f1f1f1;}.bg-gray5 {background: #222;}.bg-blue {background: #0a4d7e;}.bg-red {background: #da2d1c;}.bg-orange {background: #f3a344;}.bg-green {background: #74a641;}.bg-green1 {background: #fafecf;border: 1px solid #cbd474;}

/* ========== LINE HEIGHTS ========== */
.lht-10 {line-height: 10px;}.lht-12 {line-height: 12px;}.lht-13 {line-height: 13px;}.lht-14 {line-height: 14px;}.lht-15 {line-height: 15px;}.lht-16 {line-height: 16px;}.lht-17 {line-height: 17px;}.lht-18 {line-height: 18px;}.lht-19 {line-height: 19px;}.lht-20 {line-height: 20px;}.lht-22 {line-height: 22px;}.lht-24 {line-height: 24px;}.lht-26 {line-height: 26px;}.lht-28 {line-height: 28px;}.lht-30 {line-height: 30px;}.lht-32 {line-height: 32px;}.lht-36 {line-height: 36px;}.lht-37 {line-height: 37px;}

/* ========== BORDERS ========== */
.bb {border-bottom: 1px solid #d9d9d9;}.bb1 {border-top: 1px solid #f1f1f1;}.bb2 {border-bottom: 1px solid #f1f1f1;}.bb3 {border-bottom: 2px solid #eee;}.bb5 {border-bottom: 2px solid #fff;}.bt {border-top: 1px solid #f1f1f1}.bt2 {border-top: 1px solid #eee;}.border1 {border: 1px solid #eee;}.border2 {border: 1px solid #ddd;}.border3 {border: 10px solid #efefef;}

/* ========== LINK STYLES ========== */
a {color: #333;text-decoration: none;}a:hover {color: #ff9600;text-decoration: none;}a.uo, a.uo:visited {text-decoration: none;}a.uo:hover {text-decoration: underline !important;}a.uu, a.uu:visited {text-decoration: underline;}a.uu:hover {text-decoration: none !important;}

/* ========== BACK TO TOP BUTTON ========== */
#back-top {position: fixed;bottom: 12px;right: 10px;z-index: 3;display: block;}#back-top .btn-top {display: inline-block;background: #bd0102;overflow: hidden;padding: 7px 11px;line-height: inherit !important;height: auto;color: #fff; border-radius:100%; box-shadow:0 0 5px rgba(0,0,0,0.3)}

/* ========== BUTTON CLASSES ========== */
.btn-danger {font: 600 20px/50px 'Play', sans-serif;text-align: center;padding: 0 40px;height: 52px;display: inline-block;color: #fff;border-radius: 3px;text-shadow: none;background: #bd0102;border: 1px solid #bd0102;text-decoration: none !important;outline: none;}.btn-danger:hover, .btn-danger:focus {background: none !important;color: #c0251b !important;border: 1px solid #c0251b !important;}.btn_small {font: 600 13px/28px 'Play', sans-serif;text-align: center;padding: 0 17px;height: 30px;display: inline-block;color: #fff;border-radius:3px;text-shadow: none;background: #bd0102;text-decoration: none !important;outline: none;}.btn-black {font: 600 20px/50px 'Play', sans-serif;text-align: center;padding: 0 45px;height: 52px;display: inline-block;color: #fff;border-radius: 3px;text-shadow: none;background: #1a1717;border: 1px solid #1a1717;text-decoration: none !important;outline: none;}.btn-black:hover, .btn-black:focus {background: none !important;color: #1a1717 !important;border: 1px solid #1a1717 !important;}.btn-borderd {font: 600 20px/50px 'Play', sans-serif;text-align: center;padding: 0 45px;height: 52px;display: inline-block;color: #fff;border-radius: 3px;text-shadow: none;background:none;border: 1px solid #fff;text-decoration: none !important;outline: none;}.btn-borderd:hover, .btn-black:focus {background:#fff !important;color: #bd0102 !important;border: 1px solid #fff !important;}

/* ========== TABLE STYLES ========== */
.table{ border:2px solid #ddd;}.table tr:nth-child(odd){ background: #efefef;}.table tr:nth-child(even){ background: #faeaea;}.table tr td{ border-color:#fff !important; color:#1a1717; border-right:1px solid #fff;}


-------------------------

/* Add this to your CSS file */
.city_no_con {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}

.city_no_con li {
    list-style: none !important;
    flex: 1 1 200px !important;
    max-width: 250px !important;
}

.city_no_con .box {
    background: #f8f9fa !important;
    padding: 20px 25px !important;
    border-radius: 10px !important;
    text-align: center !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    height: 100% !important;
}

/* Responsive fix for mobile */
@media (max-width: 768px) {
    .city_no_con li {
        flex: 1 1 100% !important;
        max-width: 300px !important;
    }
}

--------------------------------------




h1 {
    font-family: 'Playfair Display', serif;
    font-size: 4rem;
    color: #8B4513;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

h1:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 4px;
    background: linear-gradient(to right, #C19A6B, #D4AF37);
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

.subtitle {
    font-size: 1.3rem;
    color: #3E2723;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 300;
}

.design-section {
    margin-bottom: 150px;
    padding: 60px 0;
    position: relative;
}

.section-title {
    text-align: center;
    margin-bottom: 80px;
    font-family: 'Playfair Display', serif;
    font-size: 2.8rem;
    color: #8B4513;
    position: relative;
}

.section-title:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background: #C19A6B;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

/* Design 3: Asymmetrical Layout */
.services-asymmetrical {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.asym-card {
    background: white;
    box-shadow: 0 15px 35px rgba(139, 69, 19, 0.1);
    transition: all 0.4s ease;
    display: flex;
    overflow: hidden;
    position: relative;
    height: 280px;
}

.asym-card:nth-child(odd) {
    border-radius: 0 50px 50px 0;
}

.asym-card:nth-child(even) {
    border-radius: 50px 0 0 50px;
    flex-direction: row-reverse;
}

.asym-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(139, 69, 19, 0.2);
}

.asym-image {
    width: 45%;
    height: 100%;
    overflow: hidden;
}

.asym-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.asym-card:hover .asym-image img {
    transform: scale(1.1);
}

.asym-content {
    width: 55%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.asym-icon {
    width: 70px;
    height: 70px;
    background: #F5F5DC;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #8B4513;
    font-size: 1.8rem;
    transition: all 0.3s ease;
}

.asym-card:hover .asym-icon {
    background: #8B4513;
    color: white;
    transform: rotate(10deg);
}

.asym-content h3 {
    font-size: 1.5rem;
    color: #8B4513;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
}

.asym-content p {
    color: #5D4037;
    margin-bottom: 20px;
}

.asym-link {
    display: inline-flex;
    align-items: center;
    color: #8B4513;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.asym-link i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.asym-link:hover {
    color: #C19A6B;
}

.asym-link:hover i {
    transform: translateX(5px);
}

/* Animation Classes */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .services-asymmetrical {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.8rem;
    }
    
    .section-title {
        font-size: 2.2rem;
    }
    
    .asym-card {
        flex-direction: column;
        height: auto;
        border-radius: 30px !important;
    }
    
    .asym-image, .asym-content {
        width: 100%;
    }
    
    .asym-image {
        height: 200px;
    }
}

/* Animation Delays */
.asym-card:nth-child(1) { transition-delay: 0.1s; }
.asym-card:nth-child(2) { transition-delay: 0.2s; }
.asym-card:nth-child(3) { transition-delay: 0.3s; }
.asym-card:nth-child(4) { transition-delay: 0.4s; }

--------------------


/* ========== STICKY HEADER STYLES ========== */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 9999;
    transition: all 0.3s ease;
}

/* Header background with slight transparency when scrolled */
header.scrolled {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

/* Body padding top to prevent content from hiding behind sticky header */
body {
    padding-top: 80px; /* Adjust this value based on your header height */
}

/* Smooth scrolling for better user experience */
html {
    scroll-behavior: smooth;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    body {
        padding-top: 60px; /* Smaller padding for mobile */
    }
    
    header {
        position: fixed;
    }
}

/* Ensure navbar stays visible */
#navbar {
    transition: all 0.3s ease;
}




/* Contact Section Background */
.contact-section-bg {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    padding: 50px 30px;
    border-radius: 15px;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border: 1px solid #ffd54f;
}

/* Individual boxes styling */
.cc_con {
    background: rgba(255, 255, 255, 0.9);
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cc_con:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.cc_con h3 {
    color: #d35400;
    margin-bottom: 20px;
    font-weight: 700;
    border-bottom: 2px solid #d35400;
    padding-bottom: 10px;
    font-size: 22px;
}

.details {
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.details strong {
    color: #34495e;
}

.details .red {
    color: #e74c3c;
    width: 30px;
    display: inline-block;
    text-align: center;
}

.cc_con hr {
    border-color: rgba(0,0,0,0.1);
    margin: 15px 0;
}

.uu.gray {
    color: #7f8c8d;
    transition: color 0.3s ease;
    text-decoration: none;
}

.uu.gray:hover {
    color: #d35400;
    text-decoration: underline;
}






/* Logo Fix for Mobile and Desktop - Add this to your existing CSS */
.navbar-brand {
    display: flex !important;
    align-items: center !important;
    padding: 8px 15px !important;
    height: auto !important;
}

.logo-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.logo-img {
    height: 45px;
    width: auto;
    margin-right: 12px;
}

.logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.logo-main-text {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    color: #c62828;
    margin: 0;
    white-space: nowrap;
}

.logo-sub-text {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #666;
    margin: 0;
    font-weight: 500;
    white-space: nowrap;
}

/* Desktop specific adjustments */
@media (min-width: 992px) {
    .logo-img {
        height: 50px;
        margin-right: 15px;
    }
    
    .logo-main-text {
        font-size: 22px;
    }
    
    .logo-sub-text {
        font-size: 12px;
    }
}

/* Tablet adjustments */
@media (max-width: 991px) and (min-width: 768px) {
    .logo-main-text {
        font-size: 18px;
    }
    
    .logo-sub-text {
        font-size: 10px;
    }
    
    .logo-img {
        height: 42px;
    }
}

/* Mobile specific adjustments */
@media (max-width: 767px) {
    .navbar-brand {
        padding: 6px 15px !important;
        margin-left: 0 !important;
    }
    
    .logo-container {
        transform: scale(0.9);
        transform-origin: left center;
    }
    
    .logo-img {
        height: 38px;
        margin-right: 8px;
    }
    
    .logo-main-text {
        font-size: 16px;
    }
    
    .logo-sub-text {
        font-size: 9px;
    }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
    .logo-container {
        transform: scale(0.85);
    }
    
    .logo-img {
        height: 35px;
        margin-right: 6px;
    }
    
    .logo-main-text {
        font-size: 14px;
    }
    
    .logo-sub-text {
        font-size: 8px;
    }
}

/* Ensure navbar toggle button doesn't overlap */
.navbar-toggle {
    margin-right: 0 !important;
}

/* Fix for navbar collapse */
@media (max-width: 767px) {
    .navbar-header {
        float: none;
    }
    
    .navbar-toggle {
        display: block;
    }
    
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    
    .navbar-collapse.collapse {
        display: none !important;
    }
    
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    
    .navbar-nav > li {
        float: none;
    }
    
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .navbar-collapse.collapse.in {
        display: block !important;
    }
}


/* SLIDER HEIGHT - THODA AUR BADA */
.slider_con {
    height: 600px;
    overflow: hidden;
}
.carousel-inner {
    height: 100%;
}
.carousel-inner .item {
    height: 100%;
}
.carousel-inner .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Mobile ke liye */
@media (max-width: 768px) {
    .slider_con {
        height: 450px;
    }
}
@media (max-width: 480px) {
    .slider_con {
        height: 350px;
    }
}



/* ========== STICKY HEADER FIX ========== */
header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    z-index: 9999 !important;
}

body {
    padding-top: 80px !important;
}

html {
    scroll-behavior: smooth;
}

/* Mobile */
@media (max-width: 768px) {
    body {
        padding-top: 60px !important;
    }
}



/* ============================================
   CONTACT US SECTION STYLES
   ============================================ */

.contact-us-section {
  padding: 80px 0;
  background-color: #f9f9f9;
}

.contact-row {
  display: flex;
  align-items: stretch;
}

.contact-heading {
  color: #d9534f;
  font-size: 32px;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 3px solid #d9534f;
  display: inline-block;
}

/* Left Column Styles */
.contact-info-col {
  padding-right: 40px;
}

.contact-info-wrapper {
  background: white;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  height: 100%;
}

.contact-detail-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}

.contact-detail-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.contact-icon {
  background: #d9534f;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}

.contact-icon i {
  font-size: 20px;
}

.contact-text h4 {
  color: #333;
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 600;
}

.contact-text p {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0;
}

.contact-text a {
  color: #d9534f;
  text-decoration: none;
  transition: color 0.3s;
}

.contact-text a:hover {
  color: #333;
  text-decoration: underline;
}

.business-hours {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin-top: 30px;
}

.business-hours h4 {
  color: #333;
  margin-bottom: 10px;
}

/* Right Column Styles */
.contact-form-col {
  padding-left: 40px;
}

.contact-form-wrapper {
  background: white;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  height: 100%;
}

.form-description {
  color: #666;
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 1.6;
}

.form-group {
  margin-bottom: 25px;
}

.form-control {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.form-control:focus {
  border-color: #d9534f;
  box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25);
  outline: none;
}

.form-control::placeholder {
  color: #999;
}

.btn-submit {
  background: #d9534f;
  color: white;
  padding: 12px 35px;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}

.btn-submit:hover {
  background: #c9302c;
  transform: translateY(-2px);
}

/* Responsive Styles */
@media (max-width: 992px) {
  .contact-info-col,
  .contact-form-col {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  
  .contact-row {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .contact-us-section {
    padding: 50px 0;
  }
  
  .contact-info-wrapper,
  .contact-form-wrapper {
    padding: 30px 20px;
  }
  
  .contact-heading {
    font-size: 28px;
  }
}




/* Product Specifications Table Mobile Fix */
@media (max-width: 768px) {
  .product-specs .table-responsive {
    margin: 0 -15px;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  
  .product-specs table {
    display: block;
    width: 100%;
  }
  
  .product-specs tbody {
    display: block;
    width: 100%;
  }
  
  .product-specs tr {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #444;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .product-specs td {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border: none;
    border-bottom: 1px solid #444;
  }
  
  .product-specs td:first-child {
    background-color: #222;
    font-weight: bold;
    border-bottom: 1px solid #444;
  }
  
  .product-specs td:last-child {
    border-bottom: none;
  }
}