@charset "utf-8";
/* CSS Document */

/*-----FONT-----*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}


* { margin: 0; padding: 0; }
img { max-width: 100%; border: none; }
body { background: #f5f5f5; font-family: 'Lato', sans-serif; }
ul,li,a,p { margin: 0; padding: 0; list-style: none; text-decoration: none; }
p { font-weight: 400; }
h1 { font-size: 40px; font-weight: 700; }
.cl { clear: both; }
.bd { border: none !important; }
input[type=text],input[type=password],input[type=submit],button,textarea { font-family: 'Lato', sans-serif; }

.navFixed { background: #fff; left: 0; margin-top: 0; padding: 0 37px !important; position: fixed; top: 0; transition: all 0.2s ease-in-out 0s; width: 95%; z-index: 99998; box-sizing: border-box; }
.navFixed .srcBox { margin-top: 7px; }
.navFixed .nav_wrapper { margin-top: 0; }

#wrapper { width: 100%; }
.mainCntr { width: 100%; max-width: 1200px; margin: 0 auto; }
.headMain { width: 100%; background: #fff; border-bottom: 1px solid #cccccc; }
.headBox { width: 100%; float: left; }
.shopFaballey { float: left; }
.loginBox { float: right; }
.loginBox ul { float: left; }
.loginBox li { float: left; line-height: 16px; }
.loginBox li a { font-size: 12px; text-transform: uppercase; color: #323232; margin: 0 6px; }
.social { float: right; margin-left: 6px; }
.social li { float: left; }
.social li:last-child { margin-left: 3px; }
.social li a { height: 20px; width: 20px; display: block; background: url(/blog/images/spritImg.png) no-repeat left top; margin: 0 2px; }

.social li a.fb { background-position: -4px -4px; }
.social li a.twitter { background-position: -30px -4px; }
.social li a.pintrest { background-position: -56px -4px; }
.social li a.instagm { background-position: -82px -4px; }

.sociallogin { display: inline-block; text-align: center; width: 100%; }
.sociallogin ul { display: inline-block; }
.sociallogin li { float: left; }
.sociallogin li a { height: 20px; width: 20px; display: block; background: url(/blog/images/spritImg.png) no-repeat left top; }
.sociallogin li a.fb { background-position: -2px -5px; }

.mobSocial { width: auto; margin-top: 10px; display: none; text-align: center; }
.mobSocial ul { display: inline-block !important; }
.mobSocial li { float: left; }
.mobSocial li a { height: 20px; width: 20px !important; display: block; background: url(/blog/images/spritImg.png) no-repeat left top; padding: 0 !important; margin: 0 3px; }
.mobSocial li a.mobfb { background-position: -4px -4px; }
.mobSocial li a.mobtwitter { background-position: -30px -4px; }
.mobSocial li a.mobinsta { background-position: -82px -4px; }

.logo { margin: 25px auto; max-width: 240px; width: 100%; }
.logo img { max-width: 100%; display: block; }
.srcBox { float: right; max-width: 330px; width: 100%; margin-top: 10px; }
.srcBox input[type=text] { max-width: 140px; border: 1px solid #cccccc; background: url(/blog/images/srcIcon.png) no-repeat 5px 5px; padding: 5px 5px 5px 30px; border-radius: 5px; text-transform: uppercase; color: #292929; width: 100%; float: right; }
.srcBox a { float: left; font-size: 11px; color: #000; font-weight: 600; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; }

/*-----SEARCH MOBILE-----*/
.mobSrc { cursor: pointer; display: none; float: right; position: absolute; right: 20px; top: 17px; }
.srcmobBox { display: none; width: 90%; margin-left: 5%; padding-bottom: 10px; }
.srcmobBox input[type=text] { border: 1px solid #cccccc; background: url(/blog/images/srcIcon.png) no-repeat 5px 6px; padding: 6px 5px 6px 34px; border-radius: 5px; text-transform: uppercase; color: #292929; width: 100%; box-sizing: border-box; }
/*-----SEARCH MOBILE END-----*/

.container { width: 100%; }
.styleMain { width: 100%; }
.styleTip { width: 25%; float: left; position: relative; }
.styleTip img { max-width: 100%; }

.styleTip span { background:  rgba(255,255,255,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.styleTip a { text-decoration: none; }
.styleTip:hover span { display: block; } 
.styleTip:hover .tipsBox { bottom: -30px; }

/*-----Title Hover Underline css-----*/
.tipsBox a, .storyText p a, .trendText a, .trendTextRead a, .postText a, .postText2 a { color: #323232; text-decoration: none; -webkit-transition: border-bottom 0.3s ease-in 0s; -moz-transition: border-bottom 0.3s ease-in 0s; -ms-transition: border-bottom 0.3s ease-in 0s; -o-transition: border-bottom 0.3s ease-in 0s; transition: border-bottom 0.3s ease-in 0s; }
.styleTip:hover .tipsBox a, .storybox:hover .storyText p a, .trendText a:hover, .dealsMain:hover .trendTextRead a, .postCntr:hover .postText h2 a, .postCntr2:hover .postText2 h2 a { border-bottom: 1px solid red; }
/*-----css End-----*/

.tipsBox { max-width: 230px; width: 77%; min-height: 75px; background: #fff; padding: 18px; text-align: center; position: absolute; bottom: -42px; left: 17px; -moz-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; }
.tipsBox h3 { font-size: 12px; color: #9c9c9c; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding-bottom: 10px; }
.tipsBox p { font-size: 18px; color: #323232; font-weight: 600; line-height: 28px; }
.storiesMain { width: 100%; padding-top: 100px; }
.storiesMain h2 { font-size: 25px; color: #323232; text-transform: uppercase; border-bottom: 1px solid #323232; padding-bottom: 10px; }
.storiesCntr { width: 100%; padding-top: 40px; }
/*.storiesLeft { float: left; width: 70%; }*/
.storiesLeft img { max-width: 100%; }
.storiesLeft li { width: 30.8%; float: left; }

.storiesLeft li:nth-child(2n+1){margin-right: 42px; }

.storiesLeft li:hover { box-shadow: 1px 0 14px #e6e6e6; }

.storybox { position: relative; }
.storybox:hover figure img { opacity: 0.65; }
.storybox:hover .storyText figure img { opacity: 1; }
/*.storybox:hover .storyOver { display: block; }*/
.storybox:hover .storySocial { display: block; }

/*.storyOver { background:  rgba(255,255,255,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }*/
.storySocial { float: right; top: 4%; position: absolute; right: 2%; display: none; }
.storySocial li { width: auto; margin: 0 0 5px 0 !important; display: block !important; float: none !important; }
.storySocial li:hover { box-shadow: none !important; }
.storySocial li a { height: 34px; width: 34px; display: block; background: url(/blog/images/spritImg.png) no-repeat 0; cursor: pointer; }
.storySocial li a.stfb { background-position: -112px -5px; }
.storySocial li a.sttwit { background-position: -112px -45px; }
.storySocial li a.stgl { background-position: -112px -85px; }
.storySocial li a.stpint { background-position: -112px -125px; }
.storySocial li a.stlink { background-position: -112px -154px; }
.storySocial li a.stmsg { background-position: -112px -192px; }

.storyText { background: #fff; bottom: 0; position: absolute; text-align: center; width: 100%; min-height: 140px; } 
.storyText figure img { position: absolute; top: -23px; left: 46%; opacity: 1; }
.storyText h3 { font-size: 12px; font-weight: 600; color: #959595; text-transform: uppercase; float: left; text-align: left; width: 95%; line-height: 30px; padding: 0 10px; letter-spacing: 1px; }
.storyText h3 span { float: right; }
.storyText h3 span a { color: #959595; }
.storyText p { font-size: 20px; color: #323232; display: inline-block; font-weight: 600; padding: 22px 20px 30px; line-height: 30px; }

.trendsMain { float: right; background: #fff; width: 30.8%; }
.trendsMain:hover { box-shadow: 1px 0 14px #e6e6e6; }
.trendsMain h3 { background: #f8f8f8; font-size: 25px; color: #323232; text-transform: uppercase; padding: 10px 0; width: 100%; text-align: center; }
.trendsMain h3 img { vertical-align: sub; }
.trendBox { width: 31%; display: inline-block; padding: 2px 0; margin: 0 2px; }
#instafeed { padding: 10px; text-align: center; }
.trendText { float: right; width: 62%; }
.trendText h4 { font-size: 12px; color: #9c9c9c; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.trendText p { font-size: 14px; color: #323232; font-weight: 700; padding-top: 10px; }

.instagram_img_holder { display: block; }

.dealsMain { width: 100%; margin-top: 40px; position: relative; background: #fff; display: inline-block; }
.dealsMain img { width: 50%; float: left; }
.dealsMain:hover figure img { opacity: 0.65; }
.dealsMain:hover { box-shadow: 1px 0 14px #e6e6e6; }

.dealRight { float: right; background: #fff; width: 50%; text-align: center; }
.dealRight h4 { font-size: 12px; color: #959595; text-transform: uppercase; float: left; text-align: left; width: 93%; line-height: 30px; padding: 0 20px; margin-top: 10px; letter-spacing: 1px; font-weight: 500; }
.dealRight h4 span { float: right; }
.dealRight h4 span a { color: #959595; }
.dealText { text-align: center; display: inline-block; width: 75%; margin-top: 80px; }
.dealText img { width: auto; float: none; }
.dealText h2 { font-size: 30px; color: #323232; font-weight: 600; display: inline-block; padding-top: 10px; }
.dealText p { font-size: 14px; color: #323232; margin-top: 20px; line-height: 20px; }

.dealText p a { color: #323232; }

.postMain { width: 100%; padding-top: 40px; }
.postBox { width: 100%; }
.postBox li { width: 30.8%; display: inline-block; margin-bottom: 40px; margin-left: 40px;vertical-align:top; }
.postBox li:first-child { margin-left: 0; }
.postBox li:nth-child(3n+1) { margin-left: 0; }
.postBox li:hover { box-shadow: 1px 0 14px #e6e6e6; }


.postBoxleft { width: 100%; }
.postBoxleft li { width: 31%; float: left; }
.postBoxleft li:hover { box-shadow: 1px 0 14px #e6e6e6; }

.posting { width: 100%; }
.posting { width: 31%; float: left; }
.posting:hover { box-shadow: 1px 0 14px #e6e6e6; }

.posting2 { width: 100%; }
.posting2 { width: 31%; float: left; }
.posting2:hover { box-shadow: 1px 0 14px #e6e6e6; }


.postCntr { float: left; background: #fff; text-align: center; width: 65.6%; margin-left: 40px; }
.postCntr:hover { box-shadow: 1px 0 14px #e6e6e6; }
.postCntr figure img { float: left; max-width: 47.4%; }
.postCntr:hover figure img { opacity: 0.65; }
.postText { text-align: center; display: inline-block; width: 45%; margin-top: 10px; }
.postText h3 { font-size: 12px; color: #959595; text-transform: uppercase; float: left; text-align: left; width: 100%; line-height: 30px; letter-spacing: 1px; font-weight: 500; }
.postText h3 span { float: right; }
.postText h3 span a { color: #959595; }
.postText figure img { float: none; margin-top: 35px; }
.postText h2 { font-size: 25px; color: #323232; display: inline-block; font-weight: 600; padding-top: 10px; line-height: 35px; }
.postText p { font-size: 14px; color: #323232; margin-top: 20px; line-height: 20px; }

.postText p a { color: #323232; }

.postCntr2 { float: left; background: #fff; text-align: center; width: 65.6%; margin-right: 40px; }
.postCntr2:hover { box-shadow: 1px 0 14px #e6e6e6; }
.postCntr2 figure img { float: left; max-width: 47.4%; }
.postCntr2:hover figure img { opacity: 0.65; }
.postText2 { text-align: center; display: inline-block; width: 45%; margin-top: 10px; }
.postText2 h3 { font-size: 12px; color: #959595; text-transform: uppercase; float: left; text-align: left; width: 100%; line-height: 30px; letter-spacing: 1px; font-weight: 500; }
.postText2 h3 span { float: right; }
.postText2 h3 span a { color: #959595; }

.postText2 figure img { float: none; margin-top: 35px; }
.postText2 h2 { font-size: 25px; color: #323232; display: inline-block; font-weight: 600; padding-top: 10px; line-height: 35px; }
.postText2 p { font-size: 14px; color: #323232; margin-top: 20px; line-height: 20px; }

.postText2 p a { color: #323232; }


/*-----MOBILE CSS-----*/

.mobMain { width: 95%; margin: 20px auto 0; display: none; }
.mobpostBox { position: relative; text-align: center; margin-top: 20px; }
.mobpostBox img { width: 100%; }
.mobpostText { width: 100%; background: rgba(255,255,255,0.9); text-align: center; position: absolute; margin-top: -4px; bottom: 4px; }
.mobpostText figure img { position: absolute; top: -23px; left: 46%; width: auto; }
.mobpostText h3 { font-size: 13px; color: #959595; text-transform: uppercase; float: left; text-align: left; width: 95%; line-height: 30px; padding: 0 10px; }
.mobpostText h3 span { float: right; }
.mobpostText h3 span a { color: #959595; }
.mobpostText p { font-size: 20px; color: #323232; display: inline-block; font-weight: 600; line-height: 40px; padding: 0 20px 10px; }
.mobpostText p a { color: #323232; }

.mobFollow { padding-bottom: 10px; width: 100%; text-align: center; }
.mobFollow ul { display: inline-block; }
.mobFollow li { float: left; }
.mobFollow li a { height: 34px; width: 34px !important; display: inline-block; background: url(/blog/images/spritImg.png) no-repeat 0; padding: 0 !important; margin: 0 5px; vertical-align: top; cursor: pointer; }
.mobFollow li a.mobpostfb { background-position: -113px -3px; }
.mobFollow li a.mobposttwit { background-position: -113px -44px; }
.mobFollow li a.mobpostgl { background-position: -113px -83px; }
.mobFollow li a.mobpostpint { background-position: -113px -123px; }


/*-----INSIDE TEXT PAGE CSS-----*/

.insideMain { width: 100%; padding-top: 50px; }
.insideLeft { float: left; width: 64%; border-right: 1px solid #ccc; padding-right: 53px; }
.insideLeft h1 { text-align: center; }
.insideRight { float: right; width: 26%; }
.insideRight .trendsMain { width: 97%; }
.insideStories { width: 100%; float: left; padding-top: 30px; }
.insideStories li { margin-top: 30px; }
.insideStories h4 { font-size: 25px; text-transform: uppercase; color: #323232; border-bottom: 1px solid #323232; letter-spacing: 2px; }
.postuserBox { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 20px; padding: 10px 0; width: 100%; }
.postUserleft { float: left; }
.postUserleft span { border-radius: 50%; width: 55px; height: 55px; display: block; float: left; }
.postUserleft span img { border-radius: 50%; width: 55px; height: 55px; }
.postUserleft p { float: left; font-size: 12px; margin: 13px 0 0 10px; }
.postUserright { float: right; margin-top: 10px; }
.postUserright .storySocial { position: inherit; display: block; }
.postUserright .storySocial li { float: left !important; margin: 0 3px !important; }
.insideContent { padding-top: 40px; }
/*.insideContent span { float: left; margin: 0 20px 20px 0; } */
.insideContent p { font-size: 14px; margin-bottom: 15px; line-height: 25px; }
.insideformMain { width: 95%; border-top: 1px solid #ccc; margin-top: 40px; }
.insidesignup { margin-top: 20px; }
.insidesignup p { font-size: 16px; font-weight: bold; text-transform: uppercase; }
.insideForm { width: 100%; padding-top: 15px; }
.insideformsocial { float: left; padding-top: 10px; }
.insideformsocial li { float: left; }
.insideformsocial li a { height: 34px; width: 34px !important; display: inline-block; background: url(/blog/images/spritImg.png) no-repeat 0; padding: 0 !important; margin: 0 2px; vertical-align: top; }
.insideformsocial li a.insidepostfb { background-position: -113px -3px; }
.insideformsocial li a.insideposttwit { background-position: -116px -41px; }
.insideformsocial li a.insidepostgl { background-position: -113px -84px; }
.insideformsocial li a.insidepostpntrst { background-position: -116px -116px; }
.insideComment { width: 100%; }
.insideComment h3 { color: #D3b951 ; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; background: url(/blog/images/comIcon.png) no-repeat; padding:0 0 5px 40px; }
.insideComment textarea { padding: 10px; background: #ebebeb; border: 1px solid #a1a1a1; font-size: 20px; text-transform: uppercase; width: 97%; color: #5c5c5c; margin: 20px 0; max-height: 40px; height: 100%; }

.insideformBox { float: right; width: 70%; }
.insideformBox p { width: 100%; display: inline-block; }
.insideformBox input[type="text"] { padding: 5px; background: #ebebeb; border: 1px solid #a1a1a1; font-size: 13px; text-transform: uppercase; width: 96%; color: #5c5c5c; margin-bottom: 15px; }
.insideformBox input[type="password"] { padding: 5px; background: #ebebeb; border: 1px solid #a1a1a1; font-size: 13px; text-transform: uppercase; width: 96%; color: #5c5c5c; margin-bottom: 15px;   }
   
.insideformBox input[type="submit"] { padding: 5px 10px; background: #000; border: 1px solid #a1a1a1; font-size: 16px; text-transform: uppercase; color: #fff; margin-bottom: 15px; letter-spacing: 2px; cursor: pointer; float: right; }
.insideformBox input[type="checkbox"] { border: 1px solid #a1a1a1; }
.insideformBox label { font-size: 14px; color: #323232; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }

/*-----INSIDE VIDEO PAGE CSS-----*/

.insideVideobox { width: 100%; padding-bottom: 20px; }
.insideVideobox .postUserright { padding: 20px 0 30px 0; }
.insideVideo { margin-top: 18px; }

/*-----CATEGORY PAGE CSS-----*/
.subcatgTitle { background: #fff; padding: 40px 0; margin-bottom: 40px; }
.subcatgTitle h3 { display: inline-block; font-size: 20px; text-transform: uppercase; border-bottom: 3px solid #000; }
.catgMain { width: 100%; }
.catgMobile { width: 100%; }
.catgBanner { width: 100%; padding: 0 0 40px 0; }
.catgpostMain { width: 100%; }
.catgTitle { width: 100%; padding: 0 0 40px 0; }
.catgTitle h3 { background: url(/blog/images/titleLine.jpg) no-repeat center; text-align: center; }
.catgTitle h3 span { background: #f5f5f5; text-transform: uppercase; color: #323232; font-size: 25px; letter-spacing: 2px; padding: 0 20px; }
.catgBtn { text-align: center; margin: 0 0 20px 0; }
.catgBtn a { background: #D3b951 ; color: #fff; padding: 10px 20px; text-transform: uppercase; font-size: 11px; display: inline-block; border-radius: 8px; letter-spacing: 2px; font-weight: bold; }


/*-----SLIDSHOW PAGE CSS-----*/
.slideshowMain { padding-top: 20px; }
.slideshowBox { }
.seeAllsl { width: 100%; max-width: 270px; float: left; background: url(/blog/images/allSlicon.png) no-repeat left; position: absolute; z-index: 1; }
.seeAllsl p a { font-size: 14px; margin-top: 13px; display: block; line-height: 30px; color: #000; text-transform: uppercase; padding-left: 40px; font-weight: 500; }
.seeAllsl p { display: inline-block; }
.seeAllsl span { margin: 20px 0 0 0; float: right; font-size: 13px; }
.slideLeft { position: relative; padding-top: 80px; }
.slideLeft p { font-size: 14px; margin-bottom: 15px; line-height: 24px; }
.slideLeft input[type="button"] { background: #000; text-transform: uppercase; color: #fff; border: none; border-radius: 6px; padding: 10px 20px 10px 20px; cursor: pointer; font-size: 15px; letter-spacing: 1px; margin-top: 20px; }
.slideRight { float: right; width: 60%; }
.slideRight figure img { float: right; }


/*-----SLIDSHOW MAIN PAGE CSS-----*/

.slideMain { width: 100%; padding-top: 50px; }
.slideMain h1 { text-align: center; }
.slideGoback { width: 100%; background: url(/blog/images/backIcon.png) no-repeat left bottom; margin-top: 15px; padding-top: 25px; border-top: 1px solid #ccc; }
.slideGoback a { font-size: 13px; text-transform: uppercase; color: #000; padding-left: 30px; font-weight: 600; }
.slideGoback a:hover { color: #D3b951 ; }
.allSlides { width: 100%; padding-top: 50px; }
.allSlides li { position: relative; width: 23.8%; margin: 0 4px 10px; min-height: 284px; height: 100%; text-align: center; display: inline-block; vertical-align: top; }
.allSlides li figure img { max-width: 100%; max-height: 284px; height: 100%; }
.allSlides li:hover span { display: block; }
.allSlides li span { display: none; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.5); top: 0; left: 0; text-align: center; }
.allSlides li span button { padding: 5px 15px; background: #D3b951 ; color: #fff; font-size: 13px; text-transform: uppercase; border: none; border-radius: 10px; font-weight: bold; letter-spacing: 1px; margin-top: 50%; cursor: pointer; }
.allSlides li span button:hover { background: #fff; color: #D3b951 ; border: 1px solid #D3b951 ; }


/*-----ARCHIVES PAGE CSS-----*/

.archivMain { width: 100%; padding-top: 50px; }
.archivBox { width: 100%; padding-top: 50px; }
.archivBox h3 { float: left; font-size: 45px; font-weight: bold; text-transform: uppercase; }
.browsStory { float: right; }
.browsStory label { font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-right: 5px; }
.browsStory select { border: 1px solid #000; width: 80px; padding: 3px 5px; border-radius: 10px; background: url(/blog/images/selctIcon.png) no-repeat 93% 6px; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; }
.browsStory a { background-color: red; border: medium none; border-radius: 11px; color: #fff; font-size: 12px; margin: 0 0 0 10px; padding: 6px; }

.archivCntr { width: 100%; }
.archivCntr .postBox { margin-top: 4%; }
.archivCntr .postBox li { width: 100%; margin-left: 0; }

.archivPost { width: 30.6%; display: inline-block; margin-left: 40px; }
.archivPost:nth-child(3n+1) { margin-left: 0; }

.archivDate { text-align: center; padding-bottom: 20px; }
.archivDate h3 { font-size: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }
.archivDate h4 { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #D3b951 ; letter-spacing: 1px; }
.archivTitle { width: 100%; padding: 40px 0; }
.archivTitle h3 { text-transform: uppercase; color: #323232; font-size: 30px; letter-spacing: 3px; padding: 0 20px; }

.mobarchivDate { text-align: center; padding-bottom: 20px; }
.mobarchivDate h4 { font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }
.mobarchivDate h5 { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #D3b951 ; letter-spacing: 1px; }

/*-----FOOTER CSS-----*/
.footerMain { width: 100%; border-top: 1px solid #ccc; margin-top: 30px; }
.footerCntr { width: 100%; max-width: 1100px; margin: 0 auto; padding: 30px 0; }
.footerLink { width: 80%; text-align: center; margin: 0 auto; }
.footerLink ul { margin: 0; }

.footerLink ul li { display: inline-block; margin: 0 10px; font-size: 11px; text-transform: uppercase; vertical-align: top; }
.footerLink ul li a { color: #9c9c9c; font-size: 11px; letter-spacing: 1px; font-weight: 600; }
.footerLink ul li a:hover { color: #D3b951; }
.footerLink p { float: left; font-size: 12px; text-transform: uppercase; font-weight: 600; }
.CmsContent { padding-top: 50px; max-width: 800px; width: 100%; margin: 0 auto; }
.CmsContent ul { padding-left: 5%; }
.CmsContent h1 { padding-bottom: 30px; }
.CmsContent li { list-style: outside; font-size: 14px; font-weight: 400; line-height: 24px; }
.CmsContent p { font-size: 14px; margin-bottom: 15px; line-height: 24px; }
.CmsContent h3 { margin: 30px 0 10px 0; color: #323232; text-decoration: underline; font-size: 15px; }

/*-----PAGE NOT FOUND CSS-----*/
.pgbtFndMain { background: url(/blog/images/pgntBg.jpg) no-repeat center; min-height: 657px; height: 100%; background-size: cover; }
.pgbtFndCntr { max-width: 980px; width: 100%; margin: 0 auto; text-align: center; padding-top: 60px; }
.pgntBox { display: inline-block; width: 70%; margin-top: 9%; }
.pgntBox h3 { font-size: 60px; color: #fff; font-weight: 400; }
.pgntBox p { font-size: 20px; color: #fff; font-weight: 400; margin-top: 30px; }
.pgntBox a { font-size: 16px; color: #fff; font-weight: 500; border: 1px solid #fff; border-radius: 10px; text-transform: uppercase; padding: 10px 20px; display: inline-block; margin-top: 50px; }
.pgntBox a:hover { background: #fff; color: #e95555; }
.pgbtFndftrCntr { width: 100%; text-align: center; margin-top: 12%; }
.pgbtFndftrLink { display: inline-flex; }
.pgbtFndftrLink ul { margin: 0; }
.pgbtFndftrLink ul li { display: inline-block; margin: 0 15px; font-size: 15px; text-transform: uppercase; vertical-align: top; }
.pgbtFndftrLink ul li a { color: #fff; letter-spacing: 1px; }
.pgbtFndftrLink ul li a:hover { text-decoration: underline; }
.pgbtFndftrLink p { color: #fff; float: left; font-size: 15px; text-transform: uppercase; margin-right: 10px; white-space: nowrap; }

/*-----POPUP CSS-----*/
.popupMain { width: 59%; min-height: 450px; position: fixed; top: 15%; left: 23%; background: url(/blog/images/popupBg.jpg) no-repeat left top / cover; text-align: center; }
.popupMain span { color: #fff; float: right; font-size: 30px; font-weight: bold; margin-right: 7px; cursor: pointer; }
.popupBox { display: inline-block; margin-top: 11%; }
.popupBox h3 { font-size: 30px; color: #fff; font-weight: 500; margin-top: 60px; text-transform: uppercase; }
.popupBox p { font-size: 20px; color: #fff; font-weight: 400; text-transform: uppercase; }
.popupBox input[type="text"] { color: #959595; font-size: 15px; text-transform: uppercase; padding: 10px; width: 80%; border: none; margin-top: 40px; text-align: center; }
.popupBox input[type="submit"] { padding: 8px 25px; border-radius: 10px; color: #fff; font-size: 15px; background-color: #000; border: none; cursor: pointer; text-transform: uppercase; margin-top: 30px; }

/*-----SEARCH PAGE CSS-----*/
.searchMain { width: 80%; padding-top: 50px; margin: 0 auto; }
.searchMain h3 { font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }
.searchCntr { width: auto; border-top: 1px solid #ccc; padding-top: 15px; margin-top: 20px; }
.searchLeft { float: left; width: 27%; }
.searchBox { width: 70%; float: right; }
.searchBox span a { color: red; border-bottom: 1px solid red; font-size: 13px; cursor: pointer; white-space: nowrap; margin-left:5px;}
.searchBox h4 { font-size: 25px; }
.searchBox h4 a { color: #000; }
.searchBox p { display: inline-block; font-size: 14px; padding-top: 10px; line-height: 24px; }


/*-----OTHER PAGE CSS-----*/
.contentArc { font-size: 30px; text-align: center; }
.contentArc p { padding-top: 50px; }
.pagination {  margin: 0 auto; max-width: 200px; padding-top: 50px; text-align: center; width: 100%; }
.pagination a { float: left; margin: 0 5px; color: #fff; padding: 5px 15px; background: #000; font-size: 13px; }
#gSignInWrapper { cursor: pointer; margin-top: 2px; }
.pstBgWhite { background: #fff; padding-bottom: 40px; }
.loginPopsignup { width: 75%; display: inline-block; padding-bottom: 15px; }
.relatedposts { padding-top: 50px; }
.commentToggle { text-align: center; border-top: 1px solid #ebebec; margin-top: 40px; }
.commentToggle p { display: inline-block; border: 1px solid #ebebec; border-radius: 0 0 10px 10px; border-top: none; color: #e95555; font-size: 12px;
 padding: 10px 20px; transition: all 0.15s linear 0s; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; }
.commentToggle p:hover { background: #e95555; color: #fff; border: 1px solid #e95555; border-top: none; }

/*.commentMain { background: #fff; padding: 20px; margin-top: 50px; border-radius: 10px; }
.commentMain li { display: inline-block; border-bottom: 1px solid #ccc; width: 95%; padding-bottom: 15px; margin-bottom: 15px; }
.commentBox { font-size: 14px; }
.comment { width: 100%; display: inline-block; margin: 15px 0 0 0; }
.comment span { display: inline-block; width: 100%; font-size: 15px; }
.comment a { font-size: 12px; color: #8f8f8f; display: inline-block; font-weight: normal; }
.comment p { line-height: 24px; display: inline-block; font-size: 13px; margin-top: 15px; font-weight: 300; color: #7c7c7c; }
.ReplyComment { float: left; width: 100%; margin-top: 15px; }
.ReplyComment a { color: #8f8f8f; text-decoration: underline; }
.ReplyComment textarea { padding: 5px; background: #f3f3f3; border: 1px solid #cdcdcd; font-size: 13px; text-transform: uppercase; width: 96%; color: #5c5c5c; margin: 5px 0; min-height: 60px; height: 100%; }
.ReplyCommentList .comment { margin-left: 30px; }*/


/* navigation start*/

.navbar { clear: both; float: left; width: 100%; }
nav { width: 100%; }
.nav_wrapper { left: 0; top: 0; width: 100%; margin-top: -15px; }
.menu-link { display: none; }
.spinner-master input[type=checkbox] { display: none; }
.menu { width: 100%; height: auto; transition: all 0.3s ease; }
.menu ul { padding: 0px; margin: 0px; list-style: none; position: relative; float: left; }
.menu > li > ul.sub_menu { min-width: 10em; padding: 4px 0; }
.menu ul li { padding: 15px 0; }
.menu ul li span { display: none; }
/*.menu > ul > li { display: inline-block; background: url(../images/navLine.png) no-repeat right 3px; }*/
.menu > ul > li { display: inline-block;  }
.menu > ul > li:last-child { background: none; }
.menu > ul > li:hover { color: #D3b951 ; }
.menu ul li a { display: block; text-decoration: none; color: #383838; font-size: 14px; font-weight: 700; letter-spacing: 1px; }
.menu ul li a:hover { color: #D3b951 ; }
.menu ul li.hover > a { color: #D3b951 ; }
.menu ul li > a { padding: 0 7px; color: #000; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
.menu ul li > a:hover { color: #D3b951 ; }
.menu ul ul { display: none; position: absolute; top: 100%; min-width: 140px; background: #ede8d8; z-index: 1; text-align: left; border-top: 2px solid #e9d69b; padding: 5px 0; }
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; padding: 0; }
.menu ul ul > li a { padding: 5px 15px; height: auto; font-size: 10px; text-align: center; letter-spacing: 1px; }
.menu ul ul > li a:hover { color: #D3b951 ; }
.menu ul ul ul { position: absolute; left: 100%; top: 0; }

@media all and (max-width: 767px) {
.navbar { float: left; margin: -47px 0 0 10px; width: 80%; padding: 0; }
.nav_wrapper { vertical-align: top !important; margin: 0; }
.spinner-master * { transition: all 0.3s; box-sizing: border-box; }
.spinner-master { position: relative; height: 30px; width: 30px; }
.spinner-master label { cursor: pointer; position: absolute; z-index: 99; height: 100%; width: 100%; left: 0; background: url(/blog/images/spritImg.png) no-repeat -54px -26px; }
.spinner-master .spinner { position: absolute; height: 4px; width: 100%; padding: 0; background-color: #000; }
.menu { clear: both; min-width: inherit; float: none; text-align: left; width: 84%; }
.menu,.menu > ul ul { overflow: hidden; max-height: 0; }
.menu ul ul { padding: 0; background: none; }
.menu > li > ul.sub-menu { padding: 0px; border: none; }
.menu ul li { padding: 5px 0; }
.menu,.menu > ul ul { -webkit-transform: translate(-275px, 0); -moz-transform: translate(-275px, 0); -ms-transform: translate(-275px, 0); -o-transform: translate(-275px, 0); transform: translate(-275px, 0); }
  
.menu.active,.menu > ul ul.active { max-height: 55em; margin: 15px 0;
-webkit-transition: all 300ms ease 0; -moz-transition: all 300ms ease 0; -o-transition: all 300ms ease 0; transition: all 300ms ease 0;
-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);
}

.menu ul { display: inline; float: none; }
.menu li,.menu > ul > li { display: block; }
.menu > ul > li:last-of-type a { border: none; }
.menu li a { color: #fff; display: block; padding: 0.8em; position: relative; }
.menu ul li > a { padding: 7px; width: 75%; font-weight: bold; }
.menu ul li span { float: right; margin: -25px 0 0 0; text-indent: -9999px; display: block; width: 30px; position: relative; height: 18px; cursor: pointer; border-left: 1px solid #424140; }
.menu ul li span:after { background: url(/blog/images/spritImg.png) no-repeat 0 -31px; display: block; width: 20px; height: 18px; cursor: pointer; content: ""; float: right; }
.menu ul li span.active:after { background: url(/blog/images/spritImg.png) no-repeat -22px -30px; content: ""; }
.menu ul ul > li a { padding: 10px 18px 10px 30px; text-transform: uppercase; font-size: 11px; color: #000; text-align: left; }
.menu ul li a:hover { color: #000; }
.menu ul li.hover > a { color: #000; }
.menu ul ul,.menu ul ul ul { display: inherit; position: relative; left: auto; top: auto; border: none; }
.menu > ul > li { background: none; }
}

.navbar-static-top .container { width: 100%; float: left; }

/* navigation End*/


/*Responsive Start*/
@media only screen and  (min-width: 1101px) and (max-width: 1200px) {
.mainCntr { width: 98%; }	
.postCntr figure img { max-width: 48.4%; }
.storyText p { font-size: 23px; }
.postText h2,.postText2 h2 { font-size: 30px; }
.dealText h2 { font-size: 35px; }
.dealText p { line-height: 27px; }
.postCntr { margin-left: 30px; }
.postCntr2 { margin-right: 30px; }
.postBox li { margin-left: 30px; }
.archivPost { margin-left: 30px; }
}

@media only screen and  (min-width: 981px) and (max-width: 1100px) {
.mainCntr,footerCntr { width: 98%; }	
.tipsBox { padding: 10px; }
.tipsBox p { font-size: 18px; }
.storiesLeft li:nth-child(2n+1){margin-right: 25px; }
.dealText { width: 90%; margin-top: 10px; }
.dealText h2 { font-size: 30px; }
.dealText p { line-height: 30px; }
.trendBox { padding: 10px 0; }
.trendText p { font-size: 15px; }
.storyText p { font-size: 20px; line-height: 35px; } 
.postCntr figure img { max-width: 48.6%; }
.postText h2,.postText2 h2 { font-size: 24px; }
.postText p,.postText2 p { font-size: 15px; margin-top: 10px; }
.allSlides li { width: 23.6%; }
.slideMain h1 { width: 100%; }
.postCntr { margin-left: 25px; }
.postCntr2 { margin-right: 25px; }
.postBox li { margin-left: 25px; }
.archivPost { margin-left: 25px; }
.seeAllsl { width: 100%; max-width: 235px; }
}

@media only screen and  (min-width: 768px) and (max-width: 980px) {
.mainCntr,footerCntr { width: 98%; }
.navFixed { padding: 0 7px !important; width: 99%; }
.menu ul li > a { padding: 0 5px; font-size: 11px; }
.tipsBox { padding: 10px; }
.tipsBox p { font-size: 17px; }
.storiesLeft li:nth-child(2n+1){margin-right: 25px; }
.dealText { width: 98%; margin-top: 10px; }
.dealText h2 { font-size: 20px; }
.dealText p { font-size: 15px; line-height: 25px; margin-top: 10px; }
.trendBox { padding: 12px 0; }
.trendText { padding-top: 0; }
.trendText p { font-size: 11px; }
.storyText { min-height: 120px; }
.storyText p { font-size: 13px; line-height: 25px; padding: 20px 10px; } 
.storyText figure img { left: 42%; }
.storyText h3,.postText2 h3,.postText h3 { font-size: 10px; }
.postCntr figure img { max-width: 52.6%; }
.postText h2,.postText2 h2 { font-size: 20px; }
.postText p,.postText2 p { font-size: 13px; line-height: 19px; margin-top: 10px; }
.postText2 figure img, .postText2 figure img { margin-top: 0; }
.slideLeft input[type="button"] { padding: 10px 30px 10px 20px; font-size: 15px; background: #000 url(/blog/images/btnIcon.png) no-repeat right 15px center; }
.archivPost { width: 30.2%; }
.postBox li { width: 30.6%; }
.postBox li { margin-left: 25px; }
.postCntr { margin-left: 25px; }
.postCntr2 { margin-right: 25px; }
.archivPost { margin-left: 25px; }
.seeAllsl { width: 100%; max-width: 185px; }
.seeAllsl span { float: right !important; }
.seeAllsl p a { font-size: 12px; }

/*-----INSIDE TEXT PAGE CSS-----*/
.insideContent span { float: none; }
.insideLeft h1 { font-size: 40px; }
.allSlides li { width: 23.3%; }
.slideMain h1 { font-size: 40px; }
}

@media all and (max-width: 767px) {
.mainCntr,footerCntr,.footerLink,.CmsContent { width: 97%; }
.logo { margin: 10px auto; max-width: 100px; position:relative; }
.srcBox { float: none; max-width: 80%; display:none;}
.storiesMain,.styleMain,.dealsMain,.postMain,.loginBox,.catgpostMain,.shopFaballey { display: none; }
.mobMain { display: block; }
.mobSocial { display: block; }
.mobpostText p { font-size: 20px; line-height: 30px; }
#logCntrl { float: left; padding-top: 7px; }
#logCntrl li { border-left: 1px solid #000; line-height: 15px; padding: 0 5px; }
#logCntrl li:first-child { border-left: none; }
#logCntrl a { background: none; width: 100% !important; height: 100% !important; color: #000; font-size: 11px; margin: 0; text-transform: uppercase; }
.popup-inner { width: 75%; padding: 40px 20px; }
.form-module .form { padding: 40px 20px 20px; }

/*-----INSIDE TEXT PAGE CSS-----*/
.insideMain { padding-top: 20px; }
.insideRight { display: none; }
.insideLeft { width: 100%; border-right: none; padding-right: 0; }
.insideLeft h1 { font-size: 25px; }
.insideContent { padding-top: 20px; }
.insideContent span { float: none; }
.insideContent figure img { width: 100%; }
.insideContent p { font-size: 15px; line-height: 25px; }
.insideComment textarea,.insideformBox input[type="text"] { width: 93%; }
.insideForm { text-align: center; }
.insideformsocial { display: inline-block; float: none; }
.insideformBox { float: none; padding-top: 20px; width: 100%; }
.postuserBox { text-align: center; }
.postUserleft,.postUserright { float: none; display: inline-block; }
.catgBanner { display: none; }

/*-----CATEGORY PAGE CSS-----*/
.catgTitle { padding: 0; }
.catgBtn { margin: 30px 0 40px 0; }

/*-----SLIDE SHOW PAGE CSS-----*/
.slideshowMain { padding-top: 0; }
.slideLeft { float: right; width: 100%; padding-top: 0; }
.slideRight { float: left; width: 100%; }
.bx-wrapper .bx-prev { left: 2% !important; top: 80px !important; }
.bx-wrapper .bx-next { top: 80px !important; }
.bxslider > li img { max-width: 100% !important; }
.seeAllsl { position: relative; width: 100%; max-width: 100%; }
.seeAllsl span { float: right; margin-right: 10px; }
.slideLeft p { margin: 10px 0; font-size: 15px; line-height: 24px; }

.allSlides { text-align: center; }
.allSlides li { width: 48%; float: none; display: inline-block; margin: 0 1px; min-height: 250px; }
.slideMain h1,.CmsContent h1 { font-size: 25px; width: 100%; }

/*-----ARCHIVES PAGE CSS-----*/
.archivCntr { display: none; }
.archivBox { text-align: center; }
.archivBox h3 { float: none; font-size: 30px; }
.browsStory { float: none; padding-top: 30px; }
.browsStory label { display: inline-block; width: 100%; padding-bottom: 10px; }
.archivTitle { text-align: center; border-bottom: 2px solid #323232; padding: 10px 0; }
.archivTitle h3 { font-size: 25px; letter-spacing: 1px; }
/*-----SEARCH PAGE CSS-----*/
.searchMain { text-align: center; }
.searchLeft,.searchBox { width: 100%; float: none; }

.mobSrc { display: block;top:24px; }
.srcmobBox { display: block; }

/*-----FOOTER CSS-----*/
.footerCntr { padding: 20px 0; }
.footerLink p,.pgbtFndftrLink p { float: none; }
.footerLink ul,.pgbtFndftrLink ul { margin-top: 20px; }
.pgbtFndftrLink { display: inline; }
.pgbtFndftrLink ul li { font-size: 12px; margin: 0 9px; }
.pgntBox h3 { font-size: 40px; }
.pgbtFndftrCntr { margin-top: 25%; }

/*-----POPUP CSS-----*/
.popupMain { left: 2%; width: 96%; min-height: 370px; }
.popupBox { display: block; }
.popupBox h3 { font-size: 22px; margin-top: 30px; }
.popupBox p { font-size: 17px; }
}

/*Responsive End*/