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

/* Style all font awesome icons */
.fa {
 padding: 20px;
 font-size: 25px !important;
 width: 50px;
 text-align: center;
 text-decoration: none;
   color:white !important;
margin:4px;
}

/* Add a hover effect if you want */
.fa:hover {
 opacity: 0.7;
}


/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
 background: #3B5998;
 color: white;
}

/* Twitter */
.fa-twitter {
 background: #55ACEE;
 color: white;
}

.fa-instagram{
  background: #e1265b;
  color: white;
}

.fa-linkedin{
  background: #3789bd;
  color: white;
}
.fa-youtube {
    background: #bb0000;
    color: white;
}

#st-1 .st-btn {
height: 54px !important;
padding: 0 16px !important;
}

#st-1 .st-btn > img {
    display: inline-block;
    height: 36px !important;
    width: 24px !important;
    position: relative;
    top: 8px;
    vertical-align: top;
}


img {
border:0px;
}

html { -webkit-text-size-adjust:none; }

.postDesc {
    font-size: 14px;
}
#dealsTitle{
  color:#fff;
  position:absolute;
  bottom:5px;
  right:10px;
  font-size:20px;
  font-weight:bold;
}

#addEmail
{
  background-color: #648cc2;
padding: 5px 15px;
border:0;
color: #fff !important;
text-decoration: none;
  font-weight:bold;
}

.bold{

  font-weight: bold;

}
.textElement {
    margin-bottom: 25px;
    margin-top: 25px;
    line-height:24px;
}

.image{
  margin-top:15px;
  margin-bottom:15px;
}
.dealPage{
  width:70% !important;
  padding-left:0;
}

#header{
background-color:#101010;
	padding:20px;

}

.dateBlockWhite {

    width: 110px;
    background-image: url(/images/dateBlockWhite.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    float: right;
    text-align: center;
    padding-top: 10px;
    margin-left: 30px;

}


.latestTH{

	float:left;
}

.latestTitle i {
	font-style:normal;
	font-size:13px;
	color:#555555;
	display:block;
	padding-top:5px;
}

.darklink{
	color: #4879bc;
}

.headBack{
		background-image: url(/images/latest_movieBack.png);
	background-repeat: no-repeat;
	background-position: right;
}
.latestMovie{

	color:#fff;
	float:right;
}

.latestTitle{

		max-width:200px;
	float:right;
	padding-top:10px;
	font-size:14px;
	line-height:1;
	padding-left:10px;
	font-weight:bold;
	padding-right:50px;
}

input[type=text]{
  font-size:13px;
  padding:4px;
}

.keywordBox2 {

    float: left;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    line-height: 20px;
    color: #4879bc;
    font-weight: bold;
    margin-right: 8px;
    border-radius: 5px;
    width: 70px;
    font-size: 11px;

}

.articleWidth  {
	width:60%;
}
.keywordBox {

    float: left;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    line-height: 20px;
    background-color: #333;
    color: #FFF;
    font-weight: normal;
    margin-right: 8px;
    border-radius: 5px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    margin-bottom: 5px;

}

.backBoxWhite .keywordBox {

    background-color: #4879bc;
    color: #000;


}

.keywordBox a{
	text-decoration:none;
	color:#fff;
	text-transform: uppercase;
}

.keywordList {

    width: 490px;
    float: left;
    font-size: 11px;

}

#playImg{
position:relative;
z-index: 100;
right:0;

}

.summaryText{
	margin-top:40px;
	margin-bottom:40px;
	margin-left:-20px;
	padding:20px;
	background-color: #f1f1f1;
	font-size:14px;
}
h1{

letter-spacing:-1px;
}

h2{
	color:#4879bc;
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px dotted #333;
}

.yellow{
	display:block;
	font-weight:bold;
	margin-top: 40px;
margin-bottom: 40px;
padding: 20px;
background-color: #f1f1f1;


}
.headingTag{
	color:#4879bc;
	margin-top:15px;
	margin-bottom:20px;
font-size:25px;
}


.clearLeft {

    clear: left;

}

.upperCtext{
	text-transform:uppercase;
}


#featuredPost{
	padding: 20px ;
	background-color:#f1f1f1;


}

#footerBar{


	background-color:#f1f1f1;
}

#footerBar .centCont{
width:100%;
}
#footerBar img{


}
.searchBox{
	float:right;
}

.searchBox .button{

	display: inline-block;

margin-top: 0;

line-height: 25px;
}
.menHeader{
	font-weight:bold;
	color:#4879bc;
	font-size:15px;
}
.centCont{
	max-width:1400px;
	margin:auto;
}

.postBox i{
	display:block;
	color:#4879bc;
	font-style:normal;
	font-weight:bold;
}
#navBar{
	background-color:#4879bc;
	border-top:1px solid white;
	border-bottom:20px solid #e6edf6;
	line-height:45px;
	margin-bottom:30px;
}

#navBar a{
color:#fff;
font-weight:normal;
	text-decoration: none;
	padding:10px;


}
#navBar a:hover{
background-color:#fff;
	color:#4879bc;
}

.button{
	font-weight:bold;
	color:#fff;
	margin-top:30px;

	font-size:15px;

}

.button a{
		background-color:#648cc2;
	padding:10px 26px;
	color:#fff !important;
	text-decoration: none;
}

.postBox .button a{
	font-size:11px;
	padding:6px 17px;
}

.rightNavArea .button a{
	font-size:11px;
	padding:6px 17px;
  text-transform: uppercase;
  font-weight: bold;
}

#navBar li{
		display:inline-block;
}

.singleLine{
     white-space: nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
 }

.vidDesc{
	color:#4879bc;
	font-weight:bold;
	font-size:12px;
	position:relative;

}

.vidDesc b{
	border-top-right-radius: 20px;
	background-color:#4879bc;
	color:#fdc513;
	display:inline-block;
	padding:4px 10px;
	padding-right:20px;
	margin-right:20px;
	font-size:17px;

}
.vidDesc a{
	text-decoration:none;
	color:#333;
}

.playIcon{
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 100;
  margin-left: -50px;
}

#searchBut{

  background-color: #648cc2;
padding: 8px 16px;
color: #fff;
font-size:15px;
text-decoration: none;
font-weight:bold;
text-transform: uppercase;
border:0;
}

object { outline:none; }

body {

	margin: 0px;
	padding: 0px;
	font-family: "Open Sans", sans-serif;
font-size: 13px;
}


.leftColWide .larger{
	font-size:18px;
}
.flRi{
	float: right;
}

.spaceLine{
	border-top:1px dotted #cacaca;
	margin-top:10px;
	padding-top:10px;
}

.gridBox .nowrap{
margin-right:10px;
text-decoration: none;

}


a {
	color:#4879bc;
	font-weight: bold;
}
a:hover {
	color: black;
	text-decoration:underline;
}

.singleLine{
     white-space: nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
 }
 .centCont{
margin:auto;
max-width:1450px;
}


.videoContainer{
	position:relative;
	margin:20px 0;
max-height:440px;
overflow:hidden;
}
.col50{

width:48%;
margin:1%;
float:left;
}

.clear {
	clear: both;
}
.brd {
	background-color: #000;
	padding: 1px;
	border: 4px solid #666;
}


.clickInner {
	cursor: pointer;
}


.success{
     color: #4F8A10;
background-color: #DFF2BF;
padding:19px;
}

#hideSuccess{
  display:none;
}






#menuIcon {
    display: inline;
}

#menuIcon {
    color: #fff;
    display: none;
    left: 20px;
    position: absolute;
    top: 32px;
}

.mobilemenu {
     background-color: #2eaadd;
    font-size: 14px;
    height: 30px;
    left: 0;
    line-height: 20px;
    margin: -3px 0 0;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: 20px;
    transition: all 0.2s linear 0s;
    width: 30px;
}
.icon-bar {
    background-color: #fff;
    border-radius: 1px;
    display: block;
    height: 3px;
    line-height: 14px;
    margin-top: 5px;
    vertical-align: text-top;
    width: 31px;
	 -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
	   -o-transition: all 0.4s ease 0s;
          transition: all 0.4s ease 0s;
}


.snap-drawer ul {
    list-style-type: none;
	 margin: 0;
    padding: 0;
}


.snap-drawer p {
    font-size: 12px;
    opacity: 0.5;
    padding: 15px;
}


.snap-drawer i {
    color: #bfe1fc;
    margin-right: 10px;
}


.snap-drawer li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff !important;
    display: block;
    font-size: 15px;
    font-weight: inherit;
    padding: 13px 13px 7px 0;
    text-decoration: none;
    text-indent: 10px;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
}
.snap-drawer {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #2e3037 0%, #2e3037 91%, #202026 100%) repeat scroll 0 0;
    color: #fff;
}
.snap-drawer-left {
    left: 0;
    z-index: 1;
}
.snap-drawer {
    opacity:0;
    bottom: 0;
    height: auto;
    left: auto;
    overflow: auto;
    padding-top: 54px;
	 position: fixed;
    right: auto;
    top: 0;
    transition: width 0.3s ease 0s;
    width: 265px;
}


.imagePost{
	width:38% !important;
position: relative;
}

.imagePost img{
max-width:100%;
	height:auto;
}

.leftCol{
	width:60%;
	float:left;
}
.imagePostTH{
	padding-top:20px;
	display:block;
	float:left;
	width:24%;
	position:relative;
	padding-right:2%;
}

#footer{
	clear:both;
}

.imagePostTH img{
	width:100%;
	height:auto;

}

.postBox{
	padding-bottom:30px;
	border-bottom:1px dotted #cacaca;
	margin-bottom:30px;
}

.imagePostTH b{
	display:block;
		background-color:#648cc2;
	padding:10px 26px;
	color:#fff;
	position:absolute;
	z-index: 20;
	bottom:0px;
	padding:5px;
}

.postDesc{
		padding-top:20px;
	display:block;
	float:right;
	width:74%;
}
.push-toleft {
	-webkit-transform: translate3d(265px, 0,  0px) !important;
   		 	transform: translate3d(265px, 0,  0px) !important;
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
	-webkit-transition-duration: .25s;
    		transition-duration: .25s;
	-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
}

.rightNavArea{
	background-color:#e6edf6;
	float:right;
	line-height:1.8;
	border-top:20px solid #fff;
	padding:20px;
	width:30%;
}


.rightNavArea a{
text-decoration: none;
font-weight: normal;
	color:black;

}
.rightNavArea a:hover{
	text-decoration:underline;
}
.rightTags{
		background-color:#f1f1f1;
	float:right;
	line-height:1.8;
	border-top:20px solid #fff;
	padding:20px;
	width:250px;
}

.day{
	font-size: 30px;
text-transform: uppercase;
	color:#4879bc;

}

.month{
		color:#4879bc;
	font-size:15px;
	text-transform: uppercase;
}

#baseLogo{
	background-color:#000;
	text-align:center;
	padding:50px;
}
#subFoot{
	background:#d6d6d6;
	text-align:center;
	padding:30px;
}

#subFoot a
{
text-decoration:none;
	font-weight:normal;
	color:#3B3B3B;
}

#signupBox{
	background-color:#f1f1f1;
	padding:40px;
	text-align:center;
}

#signupBox b{

	font-size:23px;
	display:block;
	padding-bottom:15px;
	color:#4879bc;

}
#subFoot a:hover{
	text-decoration:underline;
}

.mainPara{
	line-height: 2.2;
color:#4E4E4E;
	margin-top:40px;
	padding-left:25px;
  font-size: 15px;
}
.mainPara i{
	display:block;
	font-style: normal;
	font-weight:bold;
	border-radius: 10px;
	padding:15px 30px;
	color:#1b5092;
	background-color:#e6edf6;
	margin-left:-20px;
}

  .requiredField{
	border: 2px red solid !important;
	background-image: url(/images/icons/cancel.png);
	background-position: 378px center;
	color: red !important;
	font-weight: bold;
	background-repeat: no-repeat;
  }


#dealsBanner{
  margin-bottom:20px;
  position: relative;
}

  #openMenu{
    display: none;
  }

    #openMenu a{
color:#fff;
text-decoration: none;
    }

    .gridBox{
  float: left;
      width: 24%;
      margin:0.5%;
    }

    .gridBox img{

      width:100%;
      padding-bottom:10px;
    }
.subTextTitle{

  min-height:60px;
}

@media only screen and (max-width: 1100px) {


.gridBox {

  width:30%;
}


}

@media only screen and (max-width: 850px) {


.gridBox {

  width:49%;
}


}

  @media only screen and (max-width: 800px) {


.rightTags{
  width:95%;
  float:none;
  background-color: #fff;
  border-top:1px dotted #cacaca;
}
.gridBox{
  width:100% !important;
}

.vidDesc{
  display: none;
}

      #openMenu{
        display: block;
      }


              .latestMovie{
                display:none;
              }
              .headBack{
                background:none !important;
              }
              .col50{
                width:100% !important;
              }
              .rightNavArea{
                width:100% !important;
              }
              .flRi{
                float:none;
                width:100%;
              }
              .searchBox{
                text-align: center;
              }

              #openMenu{
                color:#fff;
                position: fixed;
                font-size:35px;
                right:20px;
                top:10px;
                background-color: #000;
                z-index: 100;
                width:50px;
                text-align: center;
              }
              #navBar li {
                width:100%;

              }
              #fullMenu{
                  display:none;
              }
              #navBar li a{
                text-align: center;
                display: block;
                font-size:15px;
                padding:5px;
              }
 }