/* MISC STYLES
--------------------------------------------------*/

.clear {
    width               :   100%;
    clear               :   both;
}

.req {
    border              :   1px dashed #FF0000!important;   
}

.margin5 {
    width               :   100%;
    height              :   5px;
    clear               :   both;
}

.margin6 {
    width               :   100%;
    height              :   7px;
    clear               :   both;
}

.margin10 {
    width               :   100%;
    height              :   10px;
    clear               :   both;
}

.margin15 {
    width               :   100%;
    height              :   15px;
    clear               :   both;
}

.margin20 {
    width               :   100%;
    height              :   20px;
    clear               :   both;
}

.margin25 {
    width               :   100%;
    height              :   25px;
    clear               :   both;
}

.center {
    text-align          :   center;   
}

.right {
    text-align          :   right;   
}

.cnt-monly img {
    filter: blur(7px) grayscale(100%)!important;
    -webkit-filter: blur(7px) grayscale(100%)!important;
}


/* FORM STYLES
-------------------------------------------------------------- */

/*input, select {
	width				:	100%;
	padding				:	15px!important;
	border				:	1px solid #d8d8d8!important;
	border-radius		:	3px;
	height				:	50px!important;
    margin              :   0!important;
}

textarea {
	width				:	100%;
	padding				:	15px!important;
	border				:	1px solid #d8d8d8!important;
	border-radius		:	3px;
	height				:	50px;
}

input[type=radio] {
	width				:	20px;
}*/

.req, input[type=password].req {
	border				:	1px dashed #FF0000!important;
}

/*input[type=checkbox] {
	width				:	20px;
	height				:	20px!important;
}*/

#res-message, .res-message,
#res-message2, .res-message2 {
	padding				:	5px;
	margin				:	15px auto 0 auto;
	/*color				:	#3EA00C;
	border				:	1px solid #3EA00C;
	background			:	#D0FFB7;*/
	display				:	none;
	text-align			:	center;
	width				:	100%;
}

.res-error {
	color				:	#FF0000!important;
	border				:	1px dashed #FF0000!important;
	background			:	#FFE2E2!important;
	line-height			:	35px;
	border-radius		:	5px;
}

.res-message-full {
	width				:	970px;
}

#signingup_error, #log_error, #pwd_error {
	position			: 	absolute;
	margin				:	-18px 0 0 7px;
	display				: 	none;
	font-size			: 	12px;
	color				: 	#FFF;
	background			: 	#FF0000;
	padding				: 	3px 5px;
	filter				: 	alpha(opacity=60);
	opacity				: 	0.6;
}

#signingup_error {
	position			: 	relative;
	margin				:	6px auto 6px auto;
	font-size			: 	12px;
	filter				: 	alpha(opacity=70);
	opacity				: 	0.7;
}

#conditions_wrapper, .deals_wrapper {
	width				:	448px!important;
	padding				:	5px 5px 0 5px;
	font-size			:	12px!important;
}

.saved {
	background			:	#DFF0D8!important;
	border				:	1px dashed #C8EDB8!important;
	color				:	#8EDB6D!important;
}

.check_success {
	color				:	#3EA00C!important;
	border				:	1px solid #3EA00C!important;
	background			:	#D0FFB7!important;
}

.res-message-load {
	padding				:	5px;
	margin				:	5px auto;
	color				:	#000000;
	border				:	0px dashed #FF0000;
	text-align			:	center;
}

.res-message-return {
	padding				:	5px;
	margin				:	5px auto;
	color				:	#FF0000;
	border				:	1px dashed #FF0000;
	background			:	#FFF;
	text-align			:	left;
	overflow			:	hidden;
}

.dropzone, .dropzone-sr {
	min-height			:	230px!important;
	max-height			:	230px!important;
	padding				:	10px!important;
}

.btn-cnt {
    background: #413F42!important;
    color: #FFF!important;
    border-color: #413F42!important;
    font-family: sans-serif!important;
}

.account-form, .pp-reset-password-form {
	padding				:	0 15px 10px 15px;
	height				:	auto;
	display				:	block;
	overflow			:	hidden;
	float				:	none;
	margin				:	0 auto;
	width				:	100%;
	/*background			:	#f9f9f9;
    border              :   1px solid #d8d8d8;
    border-radius       :   3px;*/
	position			:	relative;
}

.qa-forms {
    width               :   100%;
    text-align          :   left;
}

.account-form-full {
    width               :   90%;   
}

.account-form input[type=button] {
    font-size           :   12px;
    height              :   26px;
    line-height         :   24px;
    width               :   auto;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #d8d8d8!important;
}

.form-group {
    position            :   static !important;
    margin-bottom       :   0!important;
    padding-bottom      :   0!important;
}

.input-group .input-group-addon {
	border				:	1px solid #d8d8d8!important;
    background          :   #F1F1F1!important;
	min-width			:	40px;
}

.account-form h1 {
	background			:	#413f42;
	color				:	#FFF!important;
	text-align			:	center;
	font-size			:	16px!important;
	text-transform		:	uppercase;
	line-height			:	40px;
	width				:	100%;
	position			:	relative;
	left				:	0;
	top					:	0;
    margin              :   0;
}

.account-form h2, .pp-reset-password-form h3 {
	font-size			:	20px!important;
	margin				:	0;
    text-align          :   center;
    padding             :   0!important;
	font-weight			:	300;
}

.account-form .social-networks {
    text-align          :   center;
}

.account-form .form-control, .odates .form-control {
	font-size			:	15px;
}

.account-form-wide {
	width				:	90%;
}

.fields {
	padding				:	5px!important;
}

.fields h3, .fields h4, .fields h5 {
	margin              :   10px 0 0 0;
}

.fields h3 {
	font-size			:	19px;
}

.fields h4 {
	font-size			:	17px;
}

.fields h5 {
	font-size			:	15px;
}

.fields .inner {
    background          :   #E1E1E1;
    padding             :   10px;
    box-sizing          :   border-box;
    border-radius       :   5px;
    height              :   auto;
    display             :   block;
    overflow            :   hidden;
}

.fieldspr {
	padding				:	5px 45px 5px 5px;
}

.fieldsr {
	text-align			:	right;
}

.fieldsr h3 {
	text-align			:	right;
}

.account-form .fields h2 {
	padding				:	10px 0 0 0;
}

.account-form label {
	font-weight			:	normal;
}

.account-form .form-control, .odates .form-control {
	height				:	40px;
}

.alert {
	margin				:	5px 0 10px 0;	
}

.memberships {
	padding				:	10px 5px 0 5px!important;
	height				:	auto;
	display				:	block;
	overflow			:	hidden;
}

.memberships .inner {
	padding				:	40px 15px 10px 15px;
	height				:	auto;
	display				:	block;
	overflow			:	hidden;
	background			:	#f9f9f9;
    border              :   1px solid #d8d8d8;
    border-radius       :   3px;
	position			:	relative;
    background          :   #FFF;
}

.memberships .inner h3 {
	background			:	#E5E5E5;
	color				:	#413f42!important;
	text-align			:	center;
	font-size			:	14px!important;
    font-weight         :   300;
	text-transform		:	uppercase;
	line-height			:	30px;
	width				:	100%;
	position			:	absolute;
	left				:	0;
	top					:	0;
    margin              :   0;
}

.memberships .inner .pricing {
	text-transform      :   uppercase;
}


/* DASHBOARD STYLES
-------------------------------------------------------------- */

#modal_content {
    text-align          :   left;   
}

.dashboard {
    min-height          :   400px;
    padding-bottom      :   40px;
}

.dashboard a {
    font-family: sans-serif!important;
}

.tab-content>.tab-pane {
    padding             :   15px;
    border              :   1px solid #ddd;
    border-top          :   none;
    border-bottom-left-radius:  3px;
    border-bottom-right-radius: 3px;
    min-height          :   400px;
    height              :   auto;
    overflow            :   hidden;
}

.tab-pane iframe {
    width               :   100%;
    border              :   0px solid #FFF;
    height              :   600px;
    overflow            :   hidden;
}

.nav-tabs>li>a.disabled {
    color               :   #CCC;
}

.nav-tabs>li.active>a.disabled, .nav-tabs>li.active>a.disabled:hover, .nav-tabs>li.active>a.disabled:focus {
    color               :   #BFBFBF;
}

.awrap {
	padding				:	20px 10px;
}

.awrap.odd {
	background			:	#F7F7F7;
	padding				:	15px 10px;
}

.aname {
	margin				:	0 0 0 0!important;
	font-size			:	16px!important;
	line-height			:	20px!important;
}

.ameta {
	font-size			:	14px!important;
	line-height			:	16px!important;
	margin				:	5px 0 0 0!important;
	color				:	#999;
}

.btn-sm {
    padding             :   6px 10px!important;
}

.fright {
    float               :   right;
}

/*.inner {
    padding             :   15px;
    background          :   #F7F7F7;
    display             :   none;
}*/

.vinner {
    padding             :   420px 15px 15px 15px;
}

.dropzone {
    overflow            :   hidden;
}

.previews {
    padding             :   15px 0;
}

.gallery-thumbs {
    padding             :   5px!important;
    position            :   relative;
}

.gallery-thumbs a {
    position            :   absolute;
    color               :   #FF0000;
    text-shadow         :   0px 1px #000;
    top                 :   7px;
    right               :   10px;
    font-size           :   22px;
    opacity             :   .65;
}

.gallery-thumbs a:hover {
    cursor              :   pointer;
    opacity             :   1;
}

.gallery-thumbs input, .gallery-thumbs textarea {
    width               :   100%;
    margin              :   2px 0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
}


/* PORTFOLIO STYLES
-------------------------------------------------------------- */

.filters {
    width               :   100%;
    padding             :   10px 5px;
    background          :   #F9F9F9;
    border              :   1px solid #F4F4F4;
    height              :   auto;
    display             :   block;
    overflow            :   hidden;
    margin              :   0 0 20px 0;
}

.filters .fields {
    padding             :   0 5px!important;
}

.filters .fields select, .filters .fields input {
    padding             :   5px;
    width               :   100%;
    background          :   #FFF;
    border              :   1px solid #E7E7E7;
    height              :   40px;
}

#vwrapper {
    position            :   relative;
    min-height          :   600px;
    height              :   auto;
    display             :   block;
    overflow            :   hidden;
}

#vwrapper .loader {
    position            :   absolute;
    width               :   100%;
    height              :   100%;
    background          :   #F7F7F7;
    left                :   0;
    top                 :   0;
    opacity             :   0.85;
    text-align          :   center;
}

#vwrapper .loader img {
    position            :   absolute;
    top                 :   50%;
    margin-top          :   -50px;
    margin-left         :   -50px;
}

.portfolios {
    padding             :   10px!important;
    position            :   relative;
}

.portfolios img {
    width               :   100%;
    height              :   auto;
}

.portfolios .image {
    position            :   relative;
    min-height          :   180px;
    background          :   #CCC;
}

.portfolios .play {
    position            :   absolute;
    width               :   100%;
    height              :   100%;
    left                :   0;
    top                 :   0;
}

.portfolios .play i {
    position            :   absolute;
    top                 :   50%;
    left                :   50%;
    margin-top          :   -40px;
    margin-left         :   -35px;
    font-size           :   80px;
    opacity             :   0.50;
    transition          :   all 0.35s ease;
    color               :   #F2DA9D!important;
}

.portfolios:hover .play i {
    opacity             :   0.85;
    color               :   #F8BD24!important;
}

.pagination {
   list-style        :  none;
   padding           :  25px 0;
   width             :  100%;
   clear             :  both;
}

.paginations li {
   display           :  inline-block;
   margin            :  0 2px;
   cursor            :  pointer;
}

.paginations li:hover {
   background        :  #F7F7F7;
}

.paginations li a, .paginations li button {
   display           :  block;
   padding           :  5px 10px;
   background        :  transparent;
}

.paginations li button {
   color             :  #666;
   font-size         :  18px;
   line-height       :  1.65;
   border            :  none!important;
}

.paginations li button:disabled {
   color             :  #CCC;
}

.paginations li.active a {
   background        :  #F8BD23;
   color             :  #FFF;
}

.paginations li.active a:hover {
   background        :  #F8BD23;
   cursor            :  default;
   color             :  #FFF;
}


/* HIDE STYLES
-------------------------------------------------------------- */

.cnt-hide {
    position            :   relative;
    margin              :   0 0 20px 0;
}

.cnt-hide .overlays, .ioverlays {
    position            :   absolute;
    top                 :   0;
    left                :   0;
    width               :   100%;
    height              :   100%;
    background          :   linear-gradient(transparent, #FFFFFF 150px);
    text-align          :   center;
    padding-top         :   170px;
}

 .ioverlays {
    background          :   transparent;
    padding-top         :   150px;
}


/* RESPONSIVE STYLES
--------------------------------------------------*/

@media (max-width: 1200px) {
	
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
}

@media (max-width: 480px) {
	
}

@media (max-width: 400px) {
	
}