@charset "utf-8";
/** Table of Content
-	CSS LOADER ANIMATION 				Line 	43	 -	49
-	GOOGLE FONTS						Line 	50	 -	58
-	ADS STYLES 							Line 	59	 -	74
-	COMMEN CLASSES						Line 	75 	 -	253
-	HEADER CLASSES 						Line 	254	 -	405
-	WATCH VIEW 							Line 	406	 -	782
-	PROFILE VIEW 						Line 	1000 -	1200
-	FOOTER CLASSES 						Line 	783	 -	986
-	MAIN BANNER							Line 	987	 -	1096
-	TWEETS AND PROMOTIONAL BANNER		Line 	1070 - 	1199
-	MOST POPULAR AND MOST RECENT		Line  	1200 - 	1474
-	SEARCH WIDGET						Line 	1475 -	1639
-	LOGIN + SIGNUP + RESET PWD MODALS	Line	1640 -	2035
- 	PROFILE MODAL 						Line	2036 -	2338
-	PROFILE VIEW						Line	2339 -	2528
-	NOT SURE							Line	2529 -	2602
-	ERRORS								Line	2603 -	2637
-	SEARCH VIEW							Line	2638 -	2831
-	HOW-TO VIEW							Line	2832 -	2914
-	HOW-TO BANNER						Line	2915 -	3004
-	PLAYLISTS VIEW						Line	3005 -	3053
-	ALERTS								Line	3054 -	3094
-	MY LOOPS VIEW						Line	3095 -	3568
-	DMCA								Line	3569 -	3597
-	BANNER SLIDER (COMING SOON)			Line	3598 -	3729
-	NEW WATCH VIEW 						Line	3837 -	3893
-	EDIT VIEW 							Line	3895 -






==============================================
			CSS LOADER ANIMATION
==============================================
*/
@import '/css/loader-animation.css';

/*
==============================================
			GOOGLE FONTS
==============================================
*/
@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500);


*/
/*
==============================================
					TEXT COLOR
==============================================
*/

.color, .fa-twitter, .tweets .tweet-link, ul.views li, ul.views li a, input[type="text"]:focus, .more, .more:hover, .v-gallery p.color, .copyrights a, .video-status ul li i, .video-status ul li a:hover, .video-status ul li a, ul.members .thumb h3, ul.members .thumb h3 small, .pagination ul li a:hover, .group-directory p.color, .error-404 h1, #carousel .caption:after, .product-list-detail h2 {
	color:#41aed3;
}

/*
==============================================
				BACKGROUND COLOR
==============================================
*/
.bg-color, .main-navigation ul li a:hover, .main-navigation ul ul, .main-navigation ul li:hover > a, .caption, .jspTrack, .jspHorizontalBar, .video-heading, .h-style, .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus, .search-widget button, .nav-tabs > .active > a,
.nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .nav > li > a:hover, .nav > li > a:focus, .blog-post i.post-icon, .load-more, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus, .categories-widget ul li a:hover, .tags-widget ul li a:hover, ul.list li:before, .reply, .comments ul ul li:after, .comments ul li:after, .form-btn, .community-status ul li:hover, .group-directory header a, .error-404 a, .main-navigation .btn, .sigin a:hover, .flex-direction-nav a, .products .nav-tabs > .active > a, .products .nav-tabs > .active > a:hover, .products .nav-tabs > .active > a:focus, .products .nav-tabs > li > a:hover, .products .nav-tabs > li > a:focus, .product-list ul li .text{
	background-color:#41aed3;
}

/*
==============================================
				BORDER COLOR
==============================================
*/
.border-color, .video-container h3, .header-style, .small-thumbs ul li, input[type="text"]:focus, textarea:focus, .tabs-widget .nav-tabs, .poted-by, .footer, .v-gallery .thumb img:hover, .widget-papuler-video ul li:hover img, .video-status ul, .video-status ul li, ul.members .thumb, .group-directory ul li, .recent-members ul li:hover img, .group-directory ul ul li:first-child, .group-directory ul ul li, .videos li, .banner #carousel.flexslider li, .recent-replies ul li{
	border-color:#41aed3;
}
/*
/*
==============================================
				ADS STYLES
==============================================
*/
#desktop-ads{
	text-align: center;
    padding-bottom: 20px;
}
#mobile-ads{
    display: none;
}
.desktop-ads iframe {
    margin: 0 auto;
}
.player-ad{
	opacity: 0;
	display: none;
}
.player-ad.show{
	display: block;
	width: 300px;
    height: 250px;
    position: absolute;
    top: 34%;
	left: 50%;
	opacity: 1;
	transition-property: opacity;
	transition-delay: 3s;
}
.player-ad > div{
	left: -50%; 
	position: relative;
}

/*
==============================================
			COMMEN CLASSES
==============================================
*/
html, body{
	height: auto;
}

body{
	padding-right: 0 !important;
	overflow-x: hidden !important;
	display: block;
	overflow-y: auto;
}

.noscroll { overflow-y:hidden }

.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -9em;
	position: relative;
	overflow-x: hidden;
}
.container:after,
.row:after {
    clear: left !important;
}


*{
margin:0px;
padding:0px;
outline:none;
box-sizing: initial;
}
.relative{
	position:relative;
}
.resize{
	box-sizing:border-box;
	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;
}
header, nav, section, article, aside, footer {
   display:block;
}
h1, h2, h3, h4, h5, h6{
	/*font-family: 'Dosis', sans-serif; */
	font-weight:700;
}
input, textarea {
  max-width:100% !important;
}
h1{
	font-size:28px !important;
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
input:focus {
  outline-offset: 0 !important;
}
.push{
	height: 9em;
}
.no-margin{
	margin:0px !important;
}
.form{
	float:left;
	width:100%;
	padding:0px 0px 30px 0px
}
.form input[type="text"], .form textarea {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    color: #666666;
    height: 40px;
    padding: 5px 6px;

}
.form ul{
	margin:0px;
	padding:0px;
}
.form textarea {
    height: 189px;
    margin: 12px 0;
    width: 100%;
}
.form-btn {
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    padding: 7px 20px;
}
.form-control{
	width: 100% !important;
}
a.back-to-top {
	display: none;
	width: 58px;
	height: 58px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: url(../images/up_round.svg) no-repeat;
}
.btn-tab{
	margin-left: 14px;
}
.msg-error{
	width: 316px;
    text-align: right;
    padding-left: 138px;
    color: #eaa520;
    margin-top: 2px;
    font-size: 12px;
}
.format-error{
	color: #eaa520 !important;
	border-color: #eaa520 !important;
}
.submit-error{
	color: #eaa520;
}
.modal-buttons{
	width: 100%;
    height: 34px;
    text-align: right;
    padding-top: 12px;
}
.modal-buttons .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    background-image: none !important;
}
.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    background-image: none !important;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.inputGroup .msg-error{
	width: auto;
	margin-top: 0px;
	margin-bottom: 0;
}
.btn-blue{
	color: #fff !important;
    background: #06B1E2 !important;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.24) !important;
}
.btn-blue:hover{
    background: #0095C0 !important;
}
.modal, .bootstrap-dialog{
	top: 60px !important;
	z-index: 100010 !important;
}
.modal-backdrop{
	z-index: 100009 !important;
}

/*
==============================================
			HEADER CLASSES
==============================================
*/
.h-style{
	color:#000;
	padding:3px 10px;
	float:left;
	margin:0px;
	line-height:normal;
	background-color: #fff !important;
}
.h-style span{
	color:#FFF;
}
.header-style a{
	float:right;
	color:#FFF;
	text-decoration:none;
	padding:5px 10px 3px 10px;
	background-color:#666666;
	display:inline-block;
	font-size:11px;
	margin:0px 0px 0px 5px
}
.header-style a:hover{
	color:#fff;
}
.header-style i{
	font-size:18px;
	margin:0px 10px 0px 0px;
}
.header-style{
	float:left;
	width:100%;
	border-bottom: solid 2px;
	padding:0px;
	background:none;
	margin:0px;
}
.header-menu{
    text-align: right;
    color: #FFF;
    font-size: 16px;
}

.header-menu a{
	margin-left: 5%;
	display: inline-block;
}

.header-menu-h{
    text-align: right;
    color: #FFF;
    font-size: 16px;
    width: 30%;
    float: right;
}

.header-menu-h a{
	margin-left: 5%;
	display: inline-block;
}
.header-usern{
	padding-top: 40px;

}
.header-usern >label{
	display: inline;
	color: #000;
	font-size: 18px;
}
.profile-img{
	border-radius: 50%;
    height: 48px;
    float: left;
}

.button-usern{
	/*float: left;
    margin-top: 8px;
    margin-right: 4px;*/
    float: left;
    margin-top: 8px;
    margin-right: 8px;
    color: #41aed3;
    font-size: 16px;
}
.button-usern > span{
	margin-left: 4px !important;
	border-top: 4px solid #fff !important;
}
#user-options{
	background-color: transparent;
    border: none;
    color: #000;
    background-image: none !important;
    box-shadow: none !important;
}
#user-options:focus{
	outline: none;
}
.dropdown-menu > li > a{
	margin-left: 0 !important;
	padding: 3px 16px !important;
}
.dropdown-menu > li > a:hover{
	background-color: #41aed3 !important;
	background-image: none !important;
}
.header-search{
	height: 87px;
	display: table;
	margin-left: 0px !important;
}
.header-search > .search-widget{
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	bottom: -4px;
}
/* titles of sections */
.headertitle{
	background-color: transparent;
	border: none;
}
.title > h2{
	position: relative;
	/*text-align: center;*/
	color: #000;
	font-size: 28px;
	/*text-transform: uppercase; */
}
.title{
	border-bottom: 2px solid #41aed3;
}
.alert {
    text-shadow: none !important;
}
.btn {
    border: none !important;
   /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.36);*/
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 16px;
}
  
.btn:focus {
    outline: none !important;
}
  
.gradient-background {
    background: #33a8cc;
    background: -moz-linear-gradient(left, #33A8CC 0%, #84d3b2 100%);
    background: -webkit-linear-gradient(left, #33A8CC 0%, #84d3b2 100%);
    background: linear-gradient(to right, #33A8CC 0%, #84d3b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a8cc', endColorstr='#84d3b2',GradientType=1 );
 }

 /* Header / Main nav */
#mainNav {
	/*position: relative;*/
	position: fixed;
	width: -webkit-fill-available;
	width: -moz-available;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12);
	z-index: 1040 !important;
	background-color: #fff;
}
#mainNav .container{
    height: 80px;
}
#mainNav .container .content {
    display: -webkit-inline-flex;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    width: 100%;
    height: 80px;
    background-color: #ffffff;
}

#mainNav .container .content .flex-div{
	flex-grow: 1;
	text-align: center;
}
#mainNav .container .content .flex-div-circle{
	margin-left: 24px;
}
#mainNav .container .content #brand-div .navbar-brand{
    width: 42px;
    height: 40px;
    background-image: url("./../img/evIcon.png");
    background-size: 42px 36px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 15px 0;
}
#mainNav .container .content #form-div{
    height: 40px;
    flex-grow: 5;
}
/* header search form */
#mainNav .container .content #form-div form{
}
/* header search input */
#mainNav .container .content #form-div form #search_term{
	width: 90% !important;
    height: 30px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.24);
    border-style: solid;
    border-width: 1px;
    border-image-slice: 1;
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding-left: 13px;
    padding-right: 13px;
}
/* header search button */
#mainNav .container .content #form-div form .search-btn{
    position: absolute;
    right: 5%;
    top: 0;
    margin: 4px;
    box-shadow: none !important;
    margin-left: 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: none !important;
    opacity: 0.6;
    padding: 0;
    cursor: pointer;
  }
#mainNav .login-button{
	color: #fff !important;
    background: #06B1E2;
    width: 80px;
    height: 36px;
    line-height: 24px;
    padding: 2px 8px 2px 8px;
}
#mainNav .login-button:hover{
    background: #0095C0;
}
#mainNav .container .content .nav-content .btn {
	box-shadow: none;
	margin-left: 16px; 
	text-shadow: none;
	font-weight: normal; 
}
#mainNav .container .content .nav-content .user-image {
	width: 48px;
	height: 48px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
	border-radius: 24px;
	cursor: pointer;
	background-color: #3998B9; 
}
#mainNav #userDropdownButton .user-image-container{
	width: 48px;
    height: 48px;
    margin: auto;
}
#mainNav #userDropdownButton button{
    width: 48px;
    height: 48px;
	float: right;
}
#mainNav #userDropdownButton button > img{
	border-radius: 100%;
}
#mainNav #userDropdownButton ul{
	width: 148px !important;
}
#mainNav #userDropdownButton li{
	max-width: 148px !important;
	height: 32px;
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.3px;
	color: #4a4a4a;
	margin-right: 0;
}
#mainNav #userDropdownButton li > a:hover{
	color: #4a4a4a !important;
	background-color: #eaeff0 !important;
}
#mainNav #collapse-btn{
	width: 36px;
    height: 36px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 3px 0 rgba(0, 0, 0, 0.12);
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));
    border-image-slice: 1;
    background-color: #ffffff;
    padding: 13px 5px;
    border-radius: 100px;
}

/*
==============================================
			WATCH VIEW
==============================================
*/
.side-bar .header-style{
	margin:0px;
}
.side-bar{
	float:left;
	width:100%;
}
.side-bar .widget{
	float:left;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.widget-bg{
	/* padding:20px 10px; */
	padding:20px 0px 0px 10px;
	/*background:rgba(255,255,255,0.7); */
	float:left;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position: relative;
}
#section-LG #the_loop .widget-bg{
	/*float: none;*/
    display: block;
    margin: auto;
	padding-left: 0;
	float: left;
}
#section-SM #the_loop .widget-bg{
	float: none;
    display: block;
    margin: auto;
    padding-left: 0;
    padding-top: 0;
}
#are-looping{
	padding: 20px 0px 0px 0px;
}
.side-bar div.widget:first-child{
	margin-top:0px;
}
.control-loop{
	padding: 0 !important;
}
/* Single loop */
#previewLoop{
	/*height: 520px;*/
	width: auto;
	height: auto;
	background: #000000;
	position: relative;
}
.loop-controls .videos{
	margin: 0;
	display: table-cell;
	text-align: center;
}
.loop-controls figure{
	float: left;
	width: 71px;
	margin: 8px;
}
.loop-controls figure .thumb{
	height: 53px;
}
.loop-controls figure .play{
	position: relative;
	top: -30px;
	right: -20px;
}
.loop-controls select,.loop-controls input[type="text"]{
	width: 100%;
}
/*.loop-controls button{
	width: 70%;
}*/
.loop-controls-container{
	/*padding-left: 25px;*/
	margin-bottom: 40px;
	float: none;
    display: block;
}
.loop-count,.full-loop{
	margin-bottom: 15px;
}

/* shareinfo */
.shareinfo{
    padding: 10px 0px 0px 0px;
    float: left;
    height: 100%;
    width: 100%;
}
#share_fctn_anchors > li > a{
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
}
#share_fctn_anchors > li > a:hover {
	background: #eeeeee;
}
#share_fctn_anchors > .active > a,
#share_fctn_anchors > .active > a:focus{
	background: #41aed3;
}
#link_to_share{
	width: 70%;
	padding: 5px 16px 6px 16px;
	box-shadow: none !important;
}
.last_loop h2{
	text-transform: uppercase;
	font-size: 20px;
	margin: 0;
	padding: 0;
}
.last_loop a{
	color: black;
}
#are-looping > .loop-controls{
	margin-bottom: 50px;
}
.download-share{
	width: 100%;
	display: inline-block;
}
.other-tools {
    text-decoration: none;
    font-size: 16px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow:     0px 1px 2px 0px  rgba(0,0,0,0.36) ;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.36) ;
   	box-shadow:         0px 1px 2px 0px  rgba(0,0,0,0.36) ;
    display: inline-block;
    float:left;
    background-color: #fff;
   	padding: 6px 16px 6px 16px !important;
   	height: 20px;
    line-height: 20px;
}
.savemedia{
	color: #fff;
    background-color: #58B54F;
}
.savemedia:hover{
    color: #fff;
    background-color: #4FA246;
   -moz-box-shadow:   0px 1px 2px 0px rgba(0,0,0,0.36) ;
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.36) ;
   	box-shadow:         0px 1px 2px 0px rgba(0,0,0,0.36) ;
}
.savemedia:active{
   -moz-box-shadow:  0px 1px 4px 0px rgba(0,0,0,0.36) ;
   -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.36) ;
   	box-shadow:         0px 1px 4px 0px rgba(0,0,0,0.36) ;
 }
.safeshare{
	float: right;
	color: #fff;
	background-color: #219FCD;
}
.safeshare:hover{
	color: #fff;
	background-color: #1D8EB8;
   -moz-box-shadow:   0px 1px 2px 0px rgba(0,0,0,0.36) ;
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.36) ;
   	box-shadow:         0px 1px 2px 0px rgba(0,0,0,0.36) ;
}
 .safeshare:active{
    -moz-box-shadow:   0px 1px 4px 0px rgba(0,0,0,0.36) ;
   -webkit-box-shadow:  0px 1px 4px 0px rgba(0,0,0,0.36) ;
   	box-shadow:          0px 1px 4px 0px rgba(0,0,0,0.36) ;
 }
.other-tools img{
	/*padding: 8px 12px 7px 16px;*/
	 width: 36px;
    height: 36px;
    padding: 4px 12px 6px 12px;
}
.video-share {
	width: 100%;
	height: 100%;
    display: block;
    padding: 0;
    margin-top: 20px !important;
}
.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}
.single-loop header{
	border:none;
}
.also-like{
	height: 190px;
    margin-top: 15px;
    text-align: left;
    width: 246px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.also-like >p{
	display: block;
	font-size: 13px;
	top:0;
	color: #555555;
}
.also-like >a{
	font-weight: bold;
    font-size: 15px;
}
.fb_iframe_widget iframe, .fb_iframe_widget span, .fb_iframe_widget{
	width: 100% !important;
}
.loop-button{
	margin-top: -10px;
}
.copytoClipBoard{
	width: 10%;
    margin-top: -10px;
    padding: 5px 20px 6px 12px !important;
    margin-left: -5px !important;
	border-radius: 0px 30px 30px 0px !important;
	text-shadow: none !important;
	font-weight: normal !important;
	height: 21px;
}
#URLCopy{
	border: 1px solid #cccccc !important;
	box-shadow: none !important;
}
.group-save-loop{
	display: inline-block;
    float: left;
    width: 52%;
}
#loop-name{
	width: 60%;
	margin-bottom: 0;
	float:left;
}
.saveLoop-btn{
	background-color: #06B1E2 !important;
    padding: 5px 16px 8px 16px !important;
    margin-left: 12px !important;
	border-radius: 4px !important;
	background-image: none !important;
	color: #fff !important;
	float:left;
}
.loop-below{
	margin-top: 44px !important;
	margin-left: 30px !important;
}
.loop-count{
	float:right;
	margin-top: 19px;
}
.loop-share{
	text-align: center;
}
.loop-share-title{
	float:left;
}
/* Slider and time inputs*/
.labels-container{
	overflow: hidden;
    height: 30px;
	margin-top: 15px;
	padding: 0 8px;
	text-align: center;
}
.startlabel, .endlabel{
	width: 128px;
}
.endlabel{
	float: right;
}
.startlabel{
  float:left;
  padding-left: 0;
}
.odometer{
	width: 50px;
    margin: auto;
    text-align: center;
}
.input-group{
	border-radius: 4px;
	background-color: #FFF;
}
.input-group:hover{
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.24), 0 1px 1px 0 rgba(0, 0, 0, 0.18);
}
.input-time{
	background-color: #81D2B3 !important;
	width: 58px !important;
    background-color: #FFF !important;
    font-family: sans-serif;
    opacity: 0.5;
    line-height: 20px;
    font-size: 15px;
    text-align: center;
    color: #000 !important;
}
.lbl_ranges{
  font-size: 12px;
  font-weight: 300;
  color: #9e9e9e ;
  letter-spacing: .07em;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.18);
}
.control-little-screen{
	display: none !important;
}
@media(max-width:767px){

  .lbl_timestamps{
    font-size:12px;
  }
}
.btn-arrow{
	visibility: hidden;
	padding: 15px 0px !important;
	border-radius: 0 4px 4px 0;
	position: relative;
    /*display: inline-block;*/
    width: 28px;
    height: inherit;
    /*background-color: #81D2B3;*/
	border: none;
    background-image: url('../images/arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 200ms;
}
.btn-arrow:hover{
	cursor: pointer;
}
.arrowDown {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sideArrow {
	 background-image: url('../images/arrowLeft.svg');
	 border-radius: 4px 0 0 4px !important;
}
.arrowRight {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.shareInputs{
	border-radius: 30px 0 0 30px !important;
	color: #999999 !important;
	background-color: #fff !important;
    font-size: 16px !important;
    line-height: 21px !important;
    padding: 5px 10px 6px 10px !important;
}
#share_url{
    margin-top: 20px;
}
#share_fctn_anchors{
	display: inline-block;
	margin-bottom: 0px !important;
}
/* Current
.ui-rangeSlider-bar{
	background-image: url('../images/Slider Background Image.png') !important;
	height: 22px !important ;
	background-color: transparent !important;
	top: -8px !important;
}*/
/*
==============================================
			PROFILE VIEW
==============================================
*/
.btn-show-pwd{
	transition: border linear 0.2s, box-shadow linear 0.2s;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12), 0px 1px 2px 0px rgba(0,0,0,0.24) !important;
  }
  .btn-show-pwd i{
	opacity: .6;
	width: 20px;
  }
  .profile-show-pwd{
	border: none !important;
	height: 28px;
  }
  
  #settings-newPwd{
	float: left;
  }
/*
==============================================
			FOOTER CLASSES
==============================================
*/
footer .widget{
	padding:20px 0px 20px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left: solid 1px #333333;
	min-height:300px;
	float:left;
}
footer div.widget:first-child{
	border:none;
}
.footer-link{
	height: 100%;
	width: 25%;
	float: left;
	font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}
.footer-copyright{
	height: 100%;
}
.footer-copyright-mobile{
	display: none;
}
.footer-link >a{
	color: #C8F3F4;
}
footer{
	margin-top: 0px;
	display: block;
    position: relative;
    width: 100%;
    height: auto;

    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #84D3B2;

    /* border gradient */
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33a8cc), to(#84D3B2)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(#33a8cc, #84D3B2) 100% 1;
    -moz-border-image: -moz-linear-gradient(#33a8cc, #84D3B2) 100% 1;
    -o-border-image: -o-linear-gradient(#33a8cc, #84D3B2) 100% 1;
    border-image: linear-gradient(to right, #33a8cc, #84D3B2) 100% 1;

    background: transparent url(../images/videoCollage360.jpg) repeat center;
   /* box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .12), inset 0px 36px 36px 0px rgba(035, 112, 140, 0.7), 0px -1px 4px 0px rgba(0, 0, 0, .12); */
}

footer .footer-img{
	width: 100%;
	background: #33a8cc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a8cc', endColorstr='#84d3b2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

footer .header-style{
	border:none;
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;

}
.footer-widgets{
	float:left;
	width:100%;
	border:solid 1px #333333;
}
footer .h-style{
	font-size:14px;
	color:#fff;
	background:none;
	float:none;
	padding:0px;
}
footer p{
	font-size:12px;
	color:#999999;
}

#footer .footer-container{
	padding: 40px 0;
    margin-bottom: 40px;
}
#footer .footer-container .socialmediawidget-container{
    margin-top: 28px;
}
#footer .footer-container .other-products,
#footer .footer-container .quick-links,
#footer .footer-container .social-networks
{
	/*width: 30%;
    height: 100%;
    float: left;
    padding: 0 10%;*/
    padding: 0;
}
 #footer .footer-container .social-networks .logo-img{
 	text-align: center;
 }
#footer .footer-container .other-products > p,
#footer .footer-container .other-products > span,
 #footer .footer-container .other-products .products-lists > ul,
 #footer .footer-container .quick-links > p,
  #footer .footer-container .quick-links > span,
 #footer .footer-container .quick-links .products-lists > ul {
    font-size: 20px;
    text-align: left;
    color: #fff;
}
#footer .footer-container .other-products .products-lists,
#footer .footer-container .quick-links .products-lists {
	padding: 8px 0 0 0;
}

#footer .footer-container .other-products .products-lists > ul,
#footer .footer-container .quick-links .products-lists > ul
{
    padding: 0;
    list-style-type: none;
    margin-left: 0;
}
#footer .footer-container .other-products .products-lists > ul > li,
#footer .footer-container .quick-links .products-lists > ul > li
{
	text-align: left;
	font-size: 16px;
	margin-bottom: 8px;
}
#footer .footer-container .other-products .products-lists > ul > li > a,
#footer .footer-container .quick-links .products-lists > ul > li > a{
	color: inherit !important;
	font-weight: 300;
}
#footer .footer-container .other-products .products-lists > ul > li > a > img{
	margin-right: 4px;
}
#collapser-caret{
	visibility: hidden;
}
.footer h5{
	color:#FFF;
	font-size:14px;
	letter-spacing:2px;
}
.copyrights{
	padding:20px;
	box-sizing: border-box;
}
.copyrights p{
	color:#666666;

	margin:0px;
}
.copyrights a{
	font-weight:bold;
}
.copyright{
	width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px 0;
    /*background-color: rgba(0, 068, 102, 0.6);*/
    background-color: rgba(17,37,43,0.87);
    color: #00CBD9;
}
footer .label{
	display: block !important;
	background-color: transparent;
}
footer h6 {
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
}
/* DEPRECATED
.product-clip{
	width: 17px;
	height: 24px
}
.product-safeshare{
	width: -px;
	height: 28px
}
.product-savemedia{
	width: 24px;
	height: 25px
}
.product-vdownloader{
	width: 24px;
	height: 26px
}
*/
/*
==============================================
				MAIN BANNER
==============================================
*/
.introduction-text{
	text-align: center;
    font-size: 22px;
    width: 52%;
    margin: auto;
    margin-top: 32px;
    color: #fff;
    letter-spacing: -0.4px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.36), 0 0 8px rgba(0,0,0,0.6);
}
.banner{
	width:100%;
	position:relative;
    height: 400px;
    background: transparent url(../images/videoCollage360.jpg) repeat center;
}
.banner-img{
	width: 100%;
	position:relative;
    height: 400px;
	background: #33a8cc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a8cc', endColorstr='#84d3b2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.banner .caption{
	position:absolute;
	bottom:0px;
	left:0px;
	padding:6px 20px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.banner h2{
	font-size:36px;
	color: #000;
	text-transform:uppercase;
}
.banner h4{
	font-size:28px;
	color: #fff;
}
.banner h4:after{
	content:">>";
	margin:0px 0px 0px 15px;
}
.banner .container{
	min-height: 260px;
	padding-top: 82px;
}
.banner .container h1,
.banner .container .text{
	text-align: center;
	color: #fff;
	padding-bottom: 28px;
	font-weight: normal;
	font-size: 46px !important;
	color: #FFFFFF;
	line-height: 62px;
	letter-spacing: -2.4px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.36),
				 0 0   8px rgba(0,0,0,0.6);
}
.banner .container .search-widget{
	text-align: center;
	margin-top: 0px;
}
.banner .container .form-search{
	width: 70%;
	display: inline-block;
	float: none;
	max-width: 620px;
	font-size: 38px;
}
.banner .container #search_term_index, .banner .container #search-youtube{
	height: 44px;
	outline-offset: 0;
	opacity: 1;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
#search-youtube{
	width: 15%;
	background-color: #06B1E2;
	padding: 0;
}

/*
==============================================
		TWEETS AND PROMOTIONAL BANNER
==============================================
*/
.tweet-section{
	padding-top: 40px !important;
    padding-bottom: 20px !important;
}
.tweets{
	padding: 0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
	min-height: 186px;
	height: 100%;
	text-align: center;
	width: 40%;
	float: left;
	position:relative;
}
.tweets i{
	font-size:35px;
	margin:0 15px -3px 0 !important;
	display: inline-block;
	position: relative;
	top: 22px;
	float: left;
}
.tweets h3{
	color: #000;
	/*margin:7px 15px 5px 0;
	display: inline !important;*/
	text-align: left;
	margin-bottom: 0;
}
.tweets p{
	text-align: left;
    color: #808080;
}
.tweets .tweet_text{
	color:#808080;
	margin:6px 0px;
	text-align: left;
}
.tweets .tweet-link{
	font-size:14px;
	font-weight:600;
}
.tweets .tweet-date{
	font-size:16px;
	color:#000;
	font-weight:600;
}
.tweets .tweet-date:before{
	content:"|";
	margin:0px 20px;
}
.twitter-follow-button{
	float: right !important;
	position: absolute !important;
	bottom: 0;
	right: 0;
}
.twitter-icon{
	float: left;
	margin-top: 10px;
	border-color: transparent !important;
	background-color: #55acee !important;
	background-image: none !important;
	    margin-right: 14px !important;
}
.prom-banner{
	padding: 0px 0px 0px 80px;
	margin:5px 0px 5px 0px;
	min-height: 186px;
	height: 100%;
	text-align: center;
	width: 60%;
	float: left;
}
.prom-banner h2{
	text-align: left;
    font-weight: 400;
    font-size: 30px;
    color: #707070;
    padding-top: 14px;
}
.prom-banner p{
	color: #808080;
	text-align: left;
	font-size: 16px;
	margin-top: 20px;
}
.btn-prom-banner{
	background-color: #06B1E2 !important;
    background-image: none !important;
    color: #fff !important;
    margin-top: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.btn-learn-more{
	left: 0 !important;
	right: auto !important;
}
.prom-img-mobile{
	display: none;
}
.prom-text{
	position: relative;
	height: 100%;
    width: 65%;
    float: left;
    min-height: 186px;
    margin-right: 5%;
}
.prom-img{
	height: 100%;
    width: 30%;
    /*height: 172px;
    width: 172px;*/
    float: left;
}
.prom-img > img {
    border-radius: 50%;
    background-color: #fff;
}
.span-new{
	float: left !important;
    margin-left: 0 !important;
    margin-right: 8px !important;
    margin-top: 6px;
}

/*
==============================================
	MOST POPULAR AND MOST RECENT (HOME)
==============================================
*/
.video-section{
	margin-bottom:30px;
}
.video-section header{
	border:none;
	position:relative;
	border-radius: .375em;
}
.latest-vidios{
	float:left !important;
	/*width:100% !important;*/
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 20px 0 0 0;
}
.data-inner{
	width:2000px;
	background:#066;
	float:left;
	height:200px;
}
.video-heading{
	border-radius:100px;
	border:solid 8px #FFFFFF;
	height:100px;
	width:100px;
	text-align:center;
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	bottom:-50%;
	z-index:100;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.video-heading h2{
	font-size:24px;
	color:#000;
	margin:0px;
	text-transform:uppercase;
	line-height:30px;
	font-weight:700;
	margin:20px 0px 0px 0px;
}
.video-container{
	width: 280px !important;
    display: inline-block;
    /* background-color: #000; */
    position: relative;
    height: 246px;
    display: block;
    margin: 0 auto;
}
.video-container img{
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
	float:left
}
.video-container:hover img{
	filter: alpha(opacity=100);
	opacity: 1;
}

.video-container figcaption{
	position: relative;
   /* margin-top: 150px;*/
    text-align: center;
    margin-left: 0;
    left: 0;
}
.video-container h2, .video-container h3{
	font-size:16px !important;
	color:#FFF;
	background-color:rgba(0,0,0,0.5);
	border-left:solid 6px #000000;
	margin:0px;
	display:table;
	line-height:none;
}
.video-container h3{
	text-transform:capitalize;
	font-size: 12px !important;
}
.capt-p {
    font-size: 16px;
}
.capt-p >b{
	color: #41aed3;
}
.capt-p >b>a {
    color: #000;
    font-size: 16px;
}
ul.views{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
ul.views li{
	float:left;
	font-size:12px;
	margin:0px 0px 0px 10px;
	border:none;
	padding:0px;
	width:auto;
}
ul.views li:first-child{
	margin:0px;
}
ul.views li i{
	margin:0px 5px 0px 0px;
}
.videos .thumb{
	background-color:#000;
	margin:0px 0px 10px 0px;
}
.videos{
	float:left;
	list-style:none;
	margin:20px 0px 0px -20px
}
.videos figcaption{
	float:left;
	width:100%;
}
.jcarousel-skin-tango figcaption{
	float:none;
	width:auto;
}
.videos li{
	float:left;
	margin:0px 0px 20px 20px;
	border-bottom:solid 1px;
	padding:0px 0px 20px 0px;
	width:30.1%;
}
.videos li .thumb img{
	width:100%;
}
.play{
	position:absolute;
	right:15px;
	bottom:15px;
}
.thumb{
	position:relative;
	overflow:hidden;
	float:left;
}
.small-thumbs{
	float:left;
	/*width:100%;*/
	padding:0px
}
.small-thumbs ul{
	float:left;
	list-style:none;
	margin:0px 0px 20px -24px;
	padding:0px;
}
.small-thumbs ul li{
	float:left;
	margin:-1px 0px 0px 24px;
	padding:20px 0px;
	width:46.1%;
}
.small-thumbs .thumb{
	margin:0px 10px 0px 0px;
	background-color:#000;
}
.small-thumbs p{
	margin:0px 0px 5px 0px;
	text-align: left;
}
.small-thumbs .play{
	right:5px;
	bottom:5px;
}
.white-bg{
	background-color:rgba(255,255,255,0.7);
}
.latest-loops{
	background-color: #FFF;
}
.latest-loops .thumb{
	height: 90px;
}
.latest-loops .duration{
    position: absolute;
    bottom: 2px;
    left: 5px;
	width: 35px;
	background-color: #111;
	color: white;
	font-size: 11px;
	padding: 2px;
}
.latest-loops .small-thumbs ul{
	margin: 0 0 0 15px;
	width: 100%;
}
.myloops-sortBy > .selected, 
.mostpop-filter > .selected,
.mostrecent-filter > .selected {
    width: 115px;
    height: 25px;
    background: #41aed3;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
}
.mostrecent-filter{
	float: right;
	margin-top: 18px;
}
.mostpop-filter{
	float: right;
	margin-top: 18px;
	width:35%;
}
.mostpop-h1, .mostrecent-h1{
	width: 65%;
    float: left;
    display: block;
    height: 100%;
    overflow: hidden;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.customNavBtn{
	height:26px;
	width: 36px;
	display: inline-block;
	cursor: pointer;
}
.owl-dots {
    display: inline-block;
}
#nav-next{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 16px;
}
#nav-prev{
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 16px;
}
#nav-next >img,#nav-prev > img{
	width: 36px;
    height: 36px;
}

/*
==============================================
			SEARCH WIDGET
==============================================
*/
.icon-search{
	color: #fff !important;
	font-size: 18px;
	background-image: none !important;
}
.search-widget form{
	position:relative;
	float:left;
	margin:0px;
	width:100%;
}
.search-widget input.search-query{
	float:left;
	margin:0px;
	border-radius:0px;
	width:100%;
	padding:4px 70px 4px 16px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:34px;
	color:#000;
	font-size:16px;
	padding-right: 0 !important;
}
.search-widget #search_term_index::-webkit-input-placeholder {color: #999 !important; font-size: 16px; }
.search-widget #search_term_index::-moz-placeholder          {color: #999 !important; font-size: 16px; }/* Firefox 19+ */
.search-widget #search_term_index:-moz-placeholder           {color: #999 !important; font-size: 16px; }/* Firefox 18- */
.search-widget #search_term_index:-ms-input-placeholder 	   {color: #999 !important; font-size: 16px; }
.search-widget button{
	position:absolute;
	right:0px;
	margin:0px;
	background-image:none;
	padding:7px 10px;
	color:#000;
	border:none;
	box-sizing: border-box;
}
.div-search{
	margin-left: 0px !important;
	width: 96% !important;
	max-width: 96% !important;

}
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
}
.search-form .form-group input.form-control {
  padding-right: 0px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
  cursor: pointer ;
  width: 100% !important;
  color: transparent; /* to hide text when NO hover */
}
.header-search #search_term::-webkit-input-placeholder {color:transparent;}
.header-search #search_term::-moz-placeholder          {color:transparent;}/* Firefox 19+ */
.header-search #search_term:-moz-placeholder           {color:transparent;}/* Firefox 18- */
.header-search #search_term:-ms-input-placeholder      {color:transparent;}

/*
* On hover
*/
 input:hover::-webkit-input-placeholder{
    color:#999 !important;
}
input:hover:-moz-placeholder{
    /* Firefox 18- */
    color:#999 !important;
}
input:hover::-moz-placeholder{
    /* Firefox 19+ */
    color:#999 !important;
}
input:hover:-ms-input-placeholder{
    color:#999 !important;
}

/* show text when hover */
.search-form .form-group input.form-control:hover{ width: 100% !important; color: #555555; padding-right: 20px;}

/* to expand box when hover */
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100% !important;
  border-radius: 4px 25px 25px 4px;
  border: 1px solid #cccccc;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}
.search-div{
    margin-top: 54px;
}
#sortBy{
	width: 60%;
    height: 18px;
    padding-top: 3px;
    margin-top: 6px;
}
.load-more{
	float:left;
	width:100%;
	text-decoration:none;
	text-align:center;
	padding:8px 0px;
	color:#000;
	font-family: 'Dosis', sans-serif;
	text-transform:uppercase;
}
.hover-style:hover{
	color:#FFF;
	text-decoration:none;
	box-shadow:0px 0px 0px 50px rgba(0,0,0,0.5) inset;
	-moz-box-shadow:0px 0px 0px 50px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0px 0px 0px 50px rgba(0,0,0,0.5) inset;
}
#suggestions{
	position: absolute;
	top: 45px;
    background: rgba(000,000,000,0.6);
    list-style-type: none;
    display: block;
    z-index: 500;
    text-align: left;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0;
    margin: 0;
    float: left;
}
#suggestions a {
    color: #fff;
    padding: .1em 0.6em;
    display: block;
    width: 96%;
    font-size: 14px
}

/*
==============================================
	LOGIN + SIGNUP + RESET PWD MODALS
==============================================
*/
.login-widget{
	margin-top: 40px;
	padding: 0 20px 0 20px;
}
.rstPwd-widget{
	padding-top: 40px;
}
.rstPwd-widget > p, .modalalert-wo-buttons > p {
	padding: 0 110px 0 110px;
	margin: 0;
	font-size: 18px;
	color: #62737A;
	letter-spacing: -0.4px;
	font-weight: 200;
}
.modalalert-wo-buttons{
	padding: 40px 0;
}
.resetPwd-form{
	margin-top: 40px;
}
.confirmation-img{
	width: 54px;
    height: 40px;
    margin-bottom: 40px;
}
.login-widget article{
	float:left;
	width:100%;
	position:relative;
}
.login-widget form{
	margin: 0px;
	float:left;
	width:100%;
}
.login-widget .form-btn{
	float:right;
}
.option{
	padding:4px 0px;
	background-color:#e8e8e8;
	margin:30px 0px;
}
/* Login Modal */
.modal{
	box-shadow: none !important;
	border: none !important;
	padding-right: 0 !important
}
.modal-dialog{
	top: 20px;
}
#userOptsModal{
	/*overflow-y: initial !important;*/
	overflow-y: hidden !important;
}
#settings{
	max-height: calc(112vh - 212px);
    overflow-y: auto;
}
.loops-container{
	max-height: calc(100vh - 212px);
    overflow-y: auto;
    padding-bottom: 10px;
}
.modal.fade.in {
    border-radius: 12px !important;
   /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.24), 0px 2px 4px 0px rgba(0,0,0,0.24) !important;*/
    background: transparent !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.5 !important;
    filter: alpha(opacity=80) !important;
}
.modal.fade{
	    background: transparent !important;
}
/*#loginModal, #signinModal, #activateAccountModal, #resetPwdModal, #newPwdModal{
	background: transparent !important;
   padding-left: 0px !important;
}*/
.modal-body{
	color: #41aed3 !important;
    background: #FFFFFF;
   /* box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.24) !important;*/
   /* padding: 15px 0 !important;*/
	max-height: 90% !important;
}
/*.modal-body-login{
	 max-height: 900px !important;
	 height: 100% !important;
}*/
.modal-content{
	-webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}
.ev-modal-header, .modal-header-info{
    padding: 0 !important;
    height: 134px;
    text-align: center;
    background: transparent url(../images/videoCollage360.jpg) no-repeat center top;
}
.ev-modal-header.small{
	height: 44px;
}
.ev-modal-header > div, .modal-header-info > div{
	width: 100%;
    position: relative;
    height: 100%;
	background: #33a8cc;
    background: -moz-linear-gradient(-45deg, rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%);
    background: linear-gradient(135deg, rgba(51, 168, 204, 0.72) 0%, rgba(132, 211, 178, 0.72) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a8cc', endColorstr='#84d3b2',GradientType=1 );
    padding-top: 1px;
}
.modal-header-info{
	height: 100px;
}
.modal-header-info .title-info{
	margin-top: 36px;
	font-size: 42px !important;
    color: #fff;
	letter-spacing: -1.75px;
	line-height: 48px;
	text-shadow: 0 0 18px rgba(44,138,219,0.54);
	font-weight: 300;
}
.modal-header-info .title-infoA{
	font-size: 42px !important;
    color: #fff;
	letter-spacing: -1.75px;
	line-height: 27px;
	text-shadow: 0 0 18px rgba(44,138,219,0.54);
	font-weight: 300;
}
.modal-header-info .pre-title-info{
	margin-top: 12px;
	color: #fff;
	font-size: 20px;
	letter-spacing: 1.25px;
	text-shadow: 0 0 18px rgba(44,138,219,0.54);
}
.modal-body-info{
	padding: 24px 48px 16px 48px !important;
	min-height: 372px !important;
}
.modal-body-info > img{
	margin-top: 28px;
}
.modal-body-info > h2{
    font-size: 26px;
	color: #1F7AA2;
	letter-spacing: -1px;
	line-height: 32px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.08);
	font-weight: 300;
}
#info-step2 img{
	width: 472px;
	margin-top: 72px;
}
#info-step3 img{
	width: 412px;
	margin-top: 72px;
}
.modal-footer-info{
	box-shadow: none !important;
    background-color: transparent !important;
	border: none !important;
	padding: 20px 28px !important;
    height: 42px !important;
}
.modal-footer-info > p > a{
	height: 18px;
	text-align: center;
	font-weight: bold;
	padding: 12px 28px;
	margin-left: 0 !important;
	max-width: 40px;
    min-width: 40px;
}
.modal-footer-info .left-link{
	float: left;
	max-width: 200px;
	font-size: 15px;
	/*color: #A1A1A1;*/
	text-decoration: underline;
	letter-spacing: -0.5px;
	font-weight: 400;
}
.modal-footer-info .left-link:hover{
	text-decoration: underline;
}
.btn.btn-default.btn-blue.wmargin-right{
	margin-right: 16px;
}
.modal-title{
	font-size: 64px;
    color: #fff;
    letter-spacing: -1.4px;
    margin-top: 38px;
    font-weight: 300;
}

.modal-close{
    background-image: url(../images/modal/dismiss-modal.svg) !important;
    height: 24px;
    width: 24px;
    margin-top: 8px !important;
    opacity: 1.0 !important;
    position: absolute;
    right: 12px;
    background-repeat: no-repeat !important;
}
.modal-close.black{
	background-image: url(../images/modal/close.svg) !important;
	margin-top: 10px !important;
}

.modal-input{
	min-height: 60px;
	max-height: 80px !important;
}

.modal-input >img{
	height: 36px;
	opacity: .5;
}
.modal-input>input{
	height: 48px !important;
	margin-left: 10px !important;
	background: #FFFFFF ;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12), 0px 1px 2px 0px rgba(0,0,0,0.24) !important;
	border-radius: 4px;
	box-sizing: border-box !important;
}
.modal-cancel{
	margin-right: 36px;
    color: #5b5858;
	font-size: 16px;
	position: absolute;
    right: 80px;
    bottom: 10px;
}
#picture-options .modal-cancel{
	bottom: 18px;
}
.btn-login{
	width: 120px;
    height: 36px;
    border: none;
    background-color: blue !important;
    background-image: none !important;
    border: none !important;
    border-radius: 5px !important;
    margin-top: 20px;
}
.btn-modal-blue{
	background-color: #41aed3 !important;
	background-image: none !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 12px !important;
}
.connect-with{
	position: relative;
	width: 100%;
	height: 160px;
}
.connect-with >p{
	float: left;
	margin-top: 76px;
	margin-left: 37px;
}
.fb-login, .fb-signin, .g-login, .g-signin{
	width: 64px;
    height: 64px;
    border-radius: 90px;
    display: inline-block;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.24), 0 1px 2px 0 rgba(0,0,0,0.20);
    float: left;
	/*background-image: linear-gradient(#4e69a2, #3b5998 50%) !important;*/
	margin-top: 56px;
}
.fb-login, .fb-signin{
	margin-left: 32px;
}
.g-login, .g-signin{
	position: absolute;
	margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.fb-login >img, .fb-signin >img, .g-login >img, .g-signin >img{
	padding: 10px;
}
.fb-login:hover, .fb-login:active, .fb-login:focus,
.g-login:hover, .g-login:active, .g-login:focus,
.fb-signin:hover, .fb-signin:active, .fb-signin:focus,
.g-signin:hover, .g-signin:active, .g-signin:focus
{
    background-position: 0 !important;
}
.fa-facebook, .fa-google{
	color: #fff;
	font-size: 26px !important;
	padding-top: 6px;
}
.input-login, .input-signin{
	width: 60% !important;
	color: #41aed3 !important;
	margin: 0 !important;
}
.modal-input>input::-webkit-input-placeholder{
	font-style: italic !important;
	font-size: 15px !important;
}
.modal-input>input::-moz-placeholder {
	font-style: italic !important;
	font-size: 15px !important;
}
.modal-input>input:-ms-input-placeholder{
	font-style: italic !important;
	font-size: 15px !important;
}
.modal-input>input:-moz-placeholder{
	font-style: italic !important;
	font-size: 15px !important;
}
.modal-img{
	height: 70px;
    opacity: 0.4;
    margin-top: 20px;
}
.block-divider{
	width: 100%;
    height: 12px;
    border-bottom: 1px solid #41aed3;
    text-align: center;
}
.block-divider >span{
	background-color: #fff;
    padding: 0 20px;
}
.forgot-pwd{
	margin-top: 6px;
	float: left;
}
.form-buttons{
    position: relative;
	margin-right: 15px;
    margin-left: 15px;
    margin-top: 48px;
    padding-top: 20px;
   	margin-bottom: 20px;
}
.checkbox-group{
	margin-right: 72px;
}
#loginButton, #signinButton, #resetButton, #newPwdButton{
	background-color: #41aed3 !important;
    color: #fff;
    background-image: none;
    height: 32px;
    width: 68px;
    font-size: 16px;
}
.ev-modal-footer{
	padding: 0px 0px 44px !important;
	background-color: #84d3b2 !important;
	box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.36);
}
.link-signUp-big{
	height: 48px;
   /* background: #41aed3; */
   background: #ebebeb;
    color: #fff;
   /* padding: 14px 0 !important;*/
   padding-top: 16px;
    float: left;
    width: 100%;
}
.link-signUp{
	height: 48px;
    background: #ebebeb;
    color: #fff;
    padding-top: 16px;
}
.link-signUp >p, .link-signUp-big >p{
    line-height: 20px;
    padding: 0 14px;
    width: 50%;
    display: inline;
}
.link-signUp >p>a, .link-signUp-big >p>a{
    /*color: #41aed3;
    font-weight: 800; */
    display: inline-block;
    background-color: #fff !important;
    background-image: none;
        width: 100px;
   /* height: 32px;
    width: 68px;
    font-size: 14px; */
}
/*
#signin_pwd{
	width: 85% !important;
	height: 48px !important;
    margin-left: 5px !important;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12), 0px 1px 2px 0px rgba(0,0,0,0.24) !important;
    border-radius: 4px;
    box-sizing: border-box !important;
}*/
.grecaptcha-badge{
	position: absolute !important;
    height: 60px !important;
    transition: right 0.3s ease 0s !important;
    box-shadow: grey 0px 0px 5px !important;
    left: 0px !important;
    bottom: 0 !important;
}
#signinForm .form-options{
	margin-top: 40px;
}
#pwd-group{
	display: inline-flex;
    width: 60%;
    box-shadow: none;
}
#pwd-group:hover{
    box-shadow: none;
}
.showPwd{
	cursor: pointer;
}
.inner-addon {
    position: relative;
    width: 60%;
    display: inline-block;
}
.re-captcha{
	margin: 0 auto;
    display: block;
    margin-bottom: 45px;
    width: 50% !important;
    text-align: center;
}

.title-modal-body{
	display: block;
    height: 43px;
    padding: 10px 0 10px 0;
    border-bottom: 2px solid #ddd;

	font-weight: semibold;
	font-size: 22px;
	color: #00456E;
	letter-spacing: -0.8px;
	line-height: 32px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.12);
}
/* Modal User options */
.modal-menu >ul{
	border-bottom: 2px solid #ddd;
	margin-bottom: 0;
	font-weight: semibold;
	font-size: 22px;
	color: #00456E;
	letter-spacing: -0.8px;
	line-height: 32px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.12);
}
.modal-menu >ul >li{
	width: 50%;
}
.modal-menu >ul >li>a:hover{
	background: none;
}
.modal-menu >ul >li>a {
	border: none;
}
.modal-menu >ul >li.active>a,
.modal-menu >ul >li.active>a:focus,
.modal-menu >ul >li.active>a:hover
{
	border: none;
	border-bottom: 4px solid #33a8cc;
}

/*
==============================================
PROFILE MODAL (SOMA CLASSES ARE DEPRECATED)
==============================================
*/
/* modal create profile picture */
#modal-profile-pic .modal-content .modal-header h4{
	text-align: center;
}
#modal-profile-pic .modal-content .modal-body{
	background-color: #33A8CC;
   /* height: 380px;*/
   height: auto;
   min-height: 180px;
}
#modal-profile-pic .modal-content .modal-body .dz-clickable{
	min-height: 320px;
}
#modal-profile-pic .modal-content .modal-body .image-editor-template .drop-table{
	text-align: center;
    position: absolute;
    z-index: 2;
    width: 95%;
    top: 74px;
}
#modal-profile-pic .modal-content .modal-body .image-editor-template .drop-table img{
	height: 72px;
}
#modal-profile-pic .modal-content .modal-body .image-editor-template .drop-table .text-a{
	font-size:24px;
	color:#fff;
	margin:8px 0 20px 0;
	font-weight: lighter;
}
#modal-profile-pic .modal-content .modal-body .image-editor-template .drop-table .text-b{
	font-size:16px;
	color:#fff;
	margin-top: 62px;
	font-weight: normal;
}
#modal-profile-pic .modal-content .modal-body .image-editor-template .drop-table button{
	background-color: #06466C !important;
	color: #fff !important;
	height: 30px;
	padding: 7px 20px !important;
}
#modal-profile-pic .modal-content .modal-body .image-editor-template .cropit-preview{
	border-color: #fff;
    border-style: dashed;
    border-width: 2px;
    max-width: 372px;
    width: 372px;
    height: 257px;
    margin: 5% auto;
    margin-top: 33px;
}
#modal-profile-pic .modal-content .modal-footer button{
	background-color: #06466C !important;
    font-size: 14px;
    height: 30px;
    padding: 0 34px;
    color: #fff !important;
}
.jcrop-active{
	display: block;
	margin: auto !important;
}
#image-to-crop,
button.jcrop-box.jcrop-drag,
div.jcrop-active.jcrop-touch{
	touch-action: manipulation;
}
.profile-birthday{
	border: none !important;
    height: 28px;
    width: 20px;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12), 0px 1px 2px 0px rgba(0,0,0,0.24) !important;
}
.profile-birthday > img{
	opacity: 0.6;
}
button.jcrop-box.jcrop-drag
{
-webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  margin: -1px;
}
button.jcrop-box{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 1px rgba(255, 255, 255, 0.4) solid;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 26px #000000;
    -moz-box-shadow: 1px 1px 26px #000000;
    box-shadow: 1px 1px 26px #000000;
    /* overflow: hidden; */
}
.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w, .jcrop-dragbar.ord-s,
.jcrop-border.ord-n, .jcrop-border.ord-e, .jcrop-border.ord-w, .jcrop-border.ord-s,
.jcrop-handle.ord-sw, .jcrop-handle.ord-ne, .jcrop-handle.ord-nw, .jcrop-handle.ord-se{
	display: none;
	visibility: hidden;
}
.jcrop-box:focus{
	outline: none !important;
}
.dz-preview{
	display: none !important;
}
/* myaccount view */
.back-btn{
	background-image: url('./../images/icons/arrow-left.svg');
	height: 42px;
	width: 42px;
	background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 15px 15px;
}
.back-btn.modal-back{
	position: absolute;
    top: 8px;
}
.pointer{
	cursor: pointer;
}
/* settings */
.modal-body-userOpts{
	max-height: none !important;
}
#change{
	margin: 14px;
}
#settings #intro {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #F5F7FA;
    background-image: url(../images/geometry.png);
    background-repeat: repeat;
    background-size: 250px 250px;
    box-shadow: inset 0px -1px 0 rgba(0,0,0,0.08);
    display: flex;
    justify-content: center;
    padding-top: 14px;
}
#settings #intro .content {
    position: relative;
   /* display: inline-flex; */
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 16px;
}
#settings #intro .content #userThumbnail {
    position: relative;
    /*width: 120px;
    height: 120px;*/
    width: 180px;
    height: 180px;
    background-color: #3998B9;
    background-size: cover;
    border-radius: 4px !important;
    border: none !important;
    border-color: red;
    min-width: 180px;
    min-height: 180px;
    max-width: 180px;
    max-height: 180px;
}
#settings #intro .content .editThumbnail {
    position: relative;
    width: auto;
    height: auto;
    margin-left: -12px;
    padding: 4px 10px 3px 5px;
}
#settings #intro .content .editThumbnail > img{
	margin-top: -3px;
    padding-right: 4px;
}
#settings #settingsContent {
    width: 100%;
    height: auto;
    background-color: #FFF;
    padding-top: 8px;
 /*   padding-bottom: 16px;*/
    position: relative;
    z-index: 2;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
#settings #settingsContent form fieldset {
    max-width: 360px;
    padding-top: 12px;
    padding-bottom: 8px;
    margin: 0 auto;
    text-align: left;
}
#settings #settingsContent form fieldset .inputLabel {
    display: block;
    width: 100%;
    line-height: 16px;
    /*text-transform: uppercase; */
    font-size: 14px;
    color: #6B7A80;
    margin-bottom: 8px;
    padding-left: 12px;
}
#settings #settingsContent form fieldset input {
    width: 90%;
    border-radius: 4px;
    background-color: #FFF;
    border: none;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);
    line-height: 24px;
    font-size: 16px;
    padding: 8px 16px;
    color: #33A8CC;
    transition: all 200ms;
}
#settings #settingsContent form fieldset .pswdCollapser {
    display: block;
/*    margin-top: 8px; */
    line-height: 16px;
    /*text-transform: uppercase;*/
    font-size: 14px;
    color: #6B7A80;
    padding: 8px 12px;
    cursor: pointer;
}
.changePwd-caret.rotateUp {
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.changePwd-caret {
    vertical-align: middle !important;
    border-top: 4px dashed !important;
    border-top: 4px solid \9;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
}
.collapse {
	display: block !important;
   /* height:0px;*/
    -webkit-transition:height, 350ms ease-out !important;
    -moz-transition: height, 350ms ease-out !important;
    -ms-transition: height, 350ms ease-out !important;
    -o-transition: height, 350ms ease-out !important;
    transition: height, 350ms ease-out !important;

}
.collapse.in {
	display: block !important;
   /* height: auto !important;*/
    -webkit-transition:height, 350ms ease-out !important;
    -moz-transition: height, 350ms ease-out !important;
    -ms-transition: height, 350ms ease-out !important;
    -o-transition: height, 350ms ease-out !important;
    transition: height, 350ms ease-out !important;
}

.collapse.in.editImg-section{
	height: 100%;
	position: relative;
    z-index: 1;
}

#changePassword.collapse.in{
	height: 100%;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
#settings #settingsContent form #changePassword .well {
    background-color: #F5F7FA;
    margin-bottom: 8px;
    box-shadow: none;
}
#settings #settingsContent form fieldset .inputLabel {
    display: block;
    width: 326px;
    line-height: 16px;
    /* text-transform: uppercase; */
    font-size: 14px;
    color: #6B7A80;
    margin-bottom: 8px;
    padding-left: 12px;
}

/*
==============================================
				PROFILE VIEW
==============================================
*/
.myaccount-section .picture-area{
	background: #33a8cc;
    background: -moz-linear-gradient(-45deg, #33a8cc 0%, #84d3b2 100%);
    background: -webkit-linear-gradient(-45deg, #33a8cc 0%,#84d3b2 100%);
	background: linear-gradient(135deg, #33a8cc 0%,#84d3b2 100%);
}
.myaccount-section .picture-area .content .user-thumbnail{
	float: left;
	border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 40px 24px 40px 0;
    background: white;
	cursor: pointer;
	background-color: #3998B9;
}
.myaccount-section .picture-area .content > .buttons{
	float: left;
    position: relative;
    width: 140px;
    margin: 54px 0 0 0;
}
#upload-picture > img{
	opacity: 0.8;
}
.myaccount-section .picture-area .content .buttons .avatarCollapser{
	height: 30px;
	margin-top: 12px;
	padding-left: 16px;
    padding-right: 16px;
}
.myaccount-section .picture-area #avatarSection{
	width: 100%;
	background-color: #11252B;
}
.myaccount-section .picture-area #avatarSection .container .row{
	margin: 0 !important;
}
.myaccount-section .picture-area #avatarSection .avatars{
	margin: 0 !important;
    padding: 0 !important;
}
.myaccount-section .picture-area #avatarSection .avatars .avatar-thumb{
	width: 60px;
    height: 60px;
	cursor: pointer;
	background-color: #3998B9;
	margin: 6px 0;
}
.myaccount-section .picture-area #avatarSection .avatars .avatar-thumb.selected{
	background-color: #2C829E;
}

.myaccount-section .picture-area #avatarSection .buttons{
	padding: 0;
    text-align: right;
    margin: 16px 0;
}
.myaccount-section .picture-area #avatarSection .buttons #cancel-av{
	margin-right: 40px;
    color: #fff;
    font-size: 16px;
}
.myaccount-section .picture-area #avatarSection .buttons #set-av{
	background-color: #fff !important;
    height: 28px;
    font-size: 14px;
    margin-right: 20px;
    height: 30px;
    padding: 6px 34px;
}
#profile-picture{
    overflow: auto; /* Enable scroll if needed */
    background-color: transparent;
    top: 98px !important;
}
#profile-picture .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    margin-top: 46px;
}
/* Settings */
.myaccount-section .settings-area {
	margin-top: 32px;
	min-height: 480px;
}
.settings-area .column {
	padding: 0;
}
.settings-area .column #advanced-settings fieldset{
	margin-top: 0px;
}
.settings-area .column #advanced-settings fieldset > .inputLabel{
	width: 230px;
    margin: 0;
    display: inline;
    padding: 0;
    margin-right: 20px;
}
.settings-area .column #advanced-settings fieldset button{
	float: right;
}
.settings-area .column fieldset{
	margin-top: 16px;
	min-height: 70px;
}
.settings-area .column fieldset .inputLabel {
	display: block;
    width: 100%;
    line-height: 16px;
    font-size: 14px;
    color: #6B7A80;
    margin-bottom: 8px;
    padding-left: 12px;
}
.settings-area .column fieldset input{
	width: 90% !important;
    border-radius: 4px;
    background-color: #FFF;
    border: none;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.24);
    line-height: 24px;
    font-size: 16px;
    padding: 8px 16px;
    color: #33A8CC;
    transition: all 200ms;
}
.settings-area .column fieldset .msg-error{
	padding-left: 0;
}
.settings-area .column .input-group{
	box-shadow: none;
}
#settings-birthday{
	border-radius: 4px 0 0 4px !important;
	float: left;
}
#settings-birthday:focus{
	z-index: 0;
}
#calendar-btn,
#watch-pwd{
	float: left;
    width: auto;
    position: absolute;
	right: 2%;
	z-index: 2;
}
#calendar-btn > button{
	margin-left: 0 !important;
}
#calendar-btn > span{
	top: 5px;
}
#changePwd{
	height: 30px;
	color: #fff !important;
	background-color: #06B1E2 !important;
	float: right;
}
.myaccount-section .buttons-area{
	margin: 0;
	background-color: #F5F7FA;
	height: 72px;
    width: 100%;
}
.myaccount-section .buttons-area .container{
	padding: 20px 0;
	text-align: right;
}
.myaccount-section .buttons-area .container > a{
	margin-right: 40px;
	font-size: 16px;
}
.myaccount-section .buttons-area button{
	height: 30px;
	background-color: #fff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.36) !important;
}
.image-upload {
    height: 0px;
    overflow: hidden;
}
#fileToUpload{
	background-image: none !important;
}

/*
==============================================
				NOT SURE
==============================================
*/
.video-detail{
	float:left;
	width:100%;

	margin:0px 0px 20px 0px;
}
.video-detail iframe{
	width:100%;
	height:500px;
}
.large-view{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}
.large-view img{
	width:100%;
}
.btn-style{
	border-radius:0px;
	padding:10px 20px;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	border:none;
	display:inline-block;
}
.btn-style:hover{
	color:#FFF;
}
/*.btn-danger{
	background-color: #eaa520 !important;
	background-image: none !important;
	opacity: 0.8;
}*/
.banner-inner{
	float:left;
	width:100%;
	padding:20px;
	background-color:#333;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.bottom-menu{
	padding: 20px;
	box-sizing: border-box;
}
.main-navigation ul li, .main-navigation ul li a, #carousel.flexslider li img, .video-container img, .thumb img, .hover-style, .v-gallery .thumb img, .widget-papuler-video ul li img, .categories-widget ul li a, .tags-widget ul li a, ul.members .thumb, .icons img, .pagination ul li a, .community-status ul li, .community-status ul li a, .group-directory ul li, .recent-members ul img, .sigin a, #carousel .caption, table.detail tr {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 16px 5px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/*
==============================================
				ERRORS
==============================================
*/
.error-404{
	margin:0px auto;
	width:380px;
	text-align:center;
	padding:100px 0px;
}
.error-404 h1{
	font-size:182px;
	line-height:205px;
	text-shadow:2px 2px 2px rgba(0,0,0,0.7);
}
.error-404 h3{
	font-size:30px;
	text-transform:uppercase;
}
.error-404 a{
	font-size:24px;
	color:#FFF;
	padding:15px 30px;
	font-family: 'Dosis', sans-serif;
	display:inline-block;
}
.error-404 > pre{
	text-align: left;
	width: 600px;
	font-size: 10px;
	position: relative;
	left: -30%;
}

/*
==============================================
			SEARCH VIEW
==============================================
*/
#search_loader{
	border-bottom: 1px solid #F8F8F8;
	padding: 20px 0;
}
#search_results{
	padding-bottom: 20px;
	position: relative;
	display: grid;
}
#search_results > h2{
	text-align: center;
}
#search_results .video-found{
	width: 120px;
	height: 68px;
	overflow: hidden;
	display: inline-block;
	margin: 1px 5px;
	background-position: 0 -11px;
	padding-top: 20px;
	box-sizing: border-box;
	margin-left: 0px;
}
#search-container{
	display: none;
	position: relative;
}
#long_search{
	display: none;
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#reload-btn{
	text-decoration: none;
    font-size: 16px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.36);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.36);
    display: inline-block;
    background-color: rgb(65, 174, 211);
    padding: 6px 16px 6px 16px !important;
    height: 20px;
    line-height: 20px;
    color: #fff;
}
.index-loop{
	padding-top: 50px;
}

@media (min-width: 1200px) {
	#search_results a:nth-last-child(2), #search_results a:last-child{
		display: none;
	}
}

@media  (max-width: 1199px) {
	#search_results a:last-child{
		display: none;
	}
}
#videolist-container{
	min-height: 218px;
	touch-action: manipulation;
}
.video-search{
	/*margin-bottom: 50px;*/
	touch-action: manipulation;
}
.video-search header{
	border: none;
	position: relative;
}
.v-container{
	padding-left: 0;
	padding-right: 0;
	height: 280px;
}
.video-space {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	max-width: 320px;
}
.video-space .a-img{
	width: 100%;
	height: 176px;
	display:block;
}
.video-space > a {
	font-weight: bold;
	font-size: 15px;;
}
.video-space > p {
	margin:0;
	text-align: left;
}
.video_channel{
	font-size: 13px;
	position:relative;
	top:-28px;
}
.video_viewCount{
	top: -50px !important;
    float: right;
}
.text_title{
	font-size:10px;
	position: relative;
	top:-25px;
}
#search_results .video_duration{
    visibility: hidden;
}
#search_results .video_viewCount{
	visibility: hidden;
}
#search_results .video_publishedAt{
	float:right;
	top: -50px;
}
.video_duration{
    position: relative;
    bottom: 26px;
   /* background-color: #b3b6c2;*/
    background-color: hsl(0, 0%, 6.7%);
	color: hsl(0, 0%, 100%);
	margin-left: 72%;
	margin-right: 8px;
    text-align: center;
    height: 25px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 2px;
    letter-spacing: .5px;
    font-weight: 500;
    opacity: 0.8;
}
.video_duration > span {
	display: none;
	background: url(../images/video-timer.png) no-repeat;
	float:left;
	width: 20px;
	height: 20px;
	margin-right: 2px;
	padding-top: 5px;
}
.scrollable{
    overflow: auto;
    bottom: 185px;
    position: fixed;
    top: 185px;
    width: 1170px;
}
.video-notFound{
	float: left;
    width: 100%;
    text-align: center;
}
.vdownloader-banner{
	position: relative;
	bottom: -515px;
}
.video-moreVideos{
	width: 100%;
    height: 60px;
    float: left;
    text-align: center;
    margin: 20px 0 20px 0;
    display: block;
}
.moreVideos{
	margin: 0 auto;
	display: block;
	background: url(../images/chevron_down_round.svg) no-repeat;
}
.loadingVideos{
	background: url(../images/dots32_360.png) no-repeat;
	margin: 0 auto;
	display: block !important;
	margin-top: 25px;
}
.search-filter{
	float: right;
	margin-top: 14px;
	width:25%;
}
.search-title{
	height: 100% !important;
	margin-bottom: 20px !important;
	overflow: hidden;
}
.search-h1{
	width: 75%;
	float: left;
	display: block;
    height: 100%;
    overflow: hidden;
}
#search-text{
	text-align:left;
	float:left;
	margin-right: 10px;
}
#search-term{
	text-align:left;
	float:left;
	color: rgb(65, 174, 211);
}
#search_term_index{
	width: 88.6% !important;
}

/*
==============================================
			HOW-TO VIEW
==============================================
*/
.howto > h2{
	position: relative;
	top: 15px;
}
.howto-container{
	margin-left: 0 !important;
	background-color: #FFF;
	margin-bottom: 65px;
}
.howto-item{
	padding: 20px;
	width: 320px !important;
	/*box-sizing: border-box;*/
}
.howto-item a{
	color: inherit;
}
.howto-item a:hover{
	color: #23527c;
	text-decoration: none;
}
.howto-item > h2{
	text-align: center;
}
.howto-container .howto-item ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.howto-gif{
	width:  100%;
    height: 180px;
    background-color: transparent;
   /* background-image: url('../images/how-to/howToSearch.png'); */
}
.howto-gif > img{
	height: 180px;
	border-radius: 50%;
	box-shadow: 0px 1px 2px 0px RGBA(0,0,0, 0.36);
}
.img-gif{
	display: block;
	margin: auto;
	width:  100%;
    height: auto;
	background-color: transparent;
	margin-top: 40px;
}
ul#ht-list{
	padding: 0;
}
ul#ht-list li{
	display:inline;
}
.howto-container ul li{
	float:left;
	width: 320px;
	text-align: center;
	    margin: 25px;
}
.learnmore{
	text-align: center !important;
}
.learnmore > p{
	text-align: center;
	display:inline-block !important;
}
.learnmore > p > a{
	display: block;
    width: 110px;
    height: 18px;
    background: #41aed3;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    color: white;
   /* margin-left: 100px; */
    padding-bottom: 14px;
   /* box-sizing: initial;*/
}
.howto-learnmore{
	/*padding-top: 35px; */
	margin-bottom: 40px;
}
#gif-share{
	max-width: 400px;
}
#gif-slider, #gif-save, #gif-rename{
	max-width: 520px;
}
#gif-paste, #gif-seach{
	max-width: 540px;
}

/*
==============================================
			HOW-TO BANNER
==============================================
*/
.howto-banner{
	height: 240px;
}
.howto-banner .container h1{
	font-weight: 500;
	font-size: 64px !important;
	color: #FFFFFF;
	letter-spacing: -3px;
	text-shadow: 0 1px 2px #17687E;
}
.howto-banner .banner-img{
	height: 240px;
}
.howto-banner .banner-img:before {
    height: 240px;
}
.howto-body{
	height: auto;
	padding-top: 40px !important;
    padding-bottom: 20px !important;
	color: #112736;
}
#collapse-menu-btn{
	display: none;
}
.howto-body .main-menu{
	padding: 0;
	visibility: visible;
	height: auto;
	z-index: 600 !important;
}
.howto-body .main-menu > ul{
	position: fixed;
    top: 0;
}
.howto-body .main-content{
	padding: 0;
}
.howto-body .main-content .content{
	position: relative;
    margin-top: -60px;
    background-color: #fff;
    padding: 40px;
   	box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.howto-body .main-content .content h1{
	font-weight: 700;
	padding-top: 40px;
}
.howto-body .main-content .content h2{
	padding-top: 20px;
}
.howto-body .main-content .content .howto-section{
	margin: 16px 0;
}
h1#create-loop{
	padding-top: 0;
}
.nav.menu #submenu1{
	margin-bottom: 0;
}
#submenu1>li>a{
	padding-left: 28px;
}
.nav.menu>li>a, #submenu1>li>a{
	color: #112736;
	border-left: 1px solid transparent;
	font-weight: 400;
}
.nav.menu>li.active>a, #submenu1>li.active>a{
	font-weight: bold;
	border-left: 2px solid #06B1E2;
}
.nav.menu>li.active:hover>a, #submenu1>li.active:hover>a{
	font-weight: bold;
	border-left: 2px solid #06B1E2;
}
.nav.menu>li>a:focus, .nav.menu>li>a:hover, #submenu1>li>a:focus, #submenu1>li>a:hover{
    /*padding-left: 19px;*/
    text-decoration: none;
    background-color: transparent;
    border-left: 1px solid #06B1E2;
}
.nav.menu>li>a:active, #submenu1>li>a:active{
    background-color: transparent;
    border-left: 2px solid #06B1E2;
}


#myScrollspy.affix-top{
	top:40px;
}

#myScrollspy.affix{
	position: fixed;
	top:40px;
}
#myScrollspy.affix-bottom{
	position: fixed;

}

/*
==============================================
			PLAYLISTS VIEW
==============================================
*/
.last-palylist-videos{
	padding: 0 0 20px 0;
}
.last-palylist-videos #ytPlayer{
	background: #000;
	height: 264px;
	margin: 19px 10px 0 0;
}
.last-palylist-videos .small-thumbs{
	font-size: 12px;
	margin: 20px 0 0 10px;
}
.last-palylist-videos .small-thumbs ul li{
	width: 90% !important;
	padding: 10px 0;
}
.last-palylist-videos #watch-full{
	padding-left: 10px;
	box-sizing: border-box;
}
.popular-playlists .small-thumbs ul li{
	width: 90% !important;
}
/* testing grid highlight */
.testrow{
	border: 1px solid green;
	box-sizing: border-box;
}
.testrow *[class*="span"]{
	border: 1px solid #ff0000;
	box-sizing: border-box;
}
#ytPlayer, #ytPlayer_LG, #ytPlayer_SM{
	width: 100%;
	height: 580px;
}
.page{
	background: #fff;
	padding: 20px 25px;
}
.page.privacy{
	min-height: 560px;
}

/*
==============================================
			ALERTS
==============================================
*/
.bootstrap-dialog-header > .glyphicon{
	top: 5px;
}
.bootstrap-dialog-header .bootstrap-dialog-close-button > button{
	background-image: url(../images/modal/close.svg);
	height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    opacity: 1;
    margin-top: 10px;
}
.alert-buttons{
	float: right;
    margin-top: 20px;
}
.alert-buttons > button{
	margin-left: 8px;
	border: none !important;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
    text-shadow: 0 1px 1px rgba(0,0,0,0.36);
    font-weight: 600;
}
.alert-buttons > .modal-cancel{
	float: right;
	cursor: pointer;
    font-size: 14px;
	margin-right: 12px;
	
	right: 94px;
    position: absolute;
    bottom: 8px;
}

#alert-confirm-account{
	margin: 0;
    text-align: center;
    padding: 15px;
}
#alert-confirm-account .close{
	right: 0px !important;
}
#alert-submit-feedback{
	background-color: #00627F;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	box-shadow: 0 1px 5px #111;
	display: none;
	position: sticky;
	top:0;
	z-index: 9998;
}
#alert-submit-feedback .alert-text{
	color: #fff;
}
#alert-submit-feedback .alert-text:hover{
	text-decoration: underline;
}
#alert-submit-feedback .close{
	color: #fff;
	opacity: 0.8;
}
#feedback-area .container{
	text-align: center;
}
#feedback-area .container > p{
	font-size: 24px;
	font-weight: 600;
	margin: 20px 0 28px 0;
	line-height: 28px;
}
#feedback-area .container > a{
	padding: 8px 28px;
}
/*
==============================================
			MY LOOPS VIEW
==============================================
*/
/*.myloops-items #loader .uil-default-css {
	width: 80px;
    height: 80px;
}
.myloops-items #loader .uil-default-css > div{
	width: 8px !important;
	height: 24px !important;
	top: 60px !important;
	left: 73px !important;
	transform: rotate(0deg) translate(0,-20px) !important;
}*/
.loader-div{
	height: 200px;
    width: 180px;
    margin: auto;
}
.myloops-items #loader, #mp_loader, #mr_loader{
	text-align: center;
}
.loop-section .toggle.btn,  .single-loop .toggle.btn {
	max-height: 24px !important;
	min-height: 20px !important;
}
.loop-section .toggle-off.btn, .single-loop .toggle-off.btn{
	padding-top: 8px !important;
}
.loop-section .toggle-on.btn, .single-loop .toggle-on.btn{
	padding-top: 8px !important;
	background-color: #06B1E2 !important;
	background-image: none !important;
}
#panel-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    background-color: #001F28;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    z-index: 9999;
    display: none;
}
.myloops-ad{
	padding: 15px 0 !important;
    margin-left: auto !important;
    min-height: 97px;
    margin-right: auto !important;
}
.myloops-ad.grey-area-ad{
    background-color: #b6b6b6;
}
.myloops-ad #desktop-ads{
	padding: 0;
}
.myloops-section{
	padding: 0 !important;
	/*margin-bottom: 30px;*/
}
.myloops-container{
	display: flex;
}
.myloops-container .loop-section .myloops-controls{
	padding: 0;
	margin: 20px 0 40px 0;
	text-align: center;
	float: left;
    width: 100%;
}
.myloops-container .loop-section .myloops-controls .control-loop{
	width: 80%;
	margin: auto;
    display: inline-block;
    float: none;
}
.myloops-container .loop-section .myloops-share{
	margin: auto;
    text-align: center;
    padding: 0;
    float: left;
    width: 100%;
}
.myloops-container .loop-section .myloops-share .group-save-loop{
	float: none;
	width: auto;
}
.myloops-container .loop-section .myloops-share .group-save-loop #currentloop-name{
	float: left;
    width: 23em;
}
.myloops-container .loop-section .myloops-share .share_url{
	float: none;
    margin: auto;
    margin-top: 20px;
    max-width: 640px;
}
.myloops-container .loop-section
{
	flex-grow: 2;
	padding-left: 0;
	padding-right: 0;
	overflow-x: hidden;
}
.myloops-container .loop-section .widget-bg{
	padding-top: 0;
	margin-top: 12px;
	z-index: 1;
}
.myloops-container .loop-section .also-area .also-content{
	width: auto;
	padding: 0 20px;
}
.myloops-container .loop-section .discuss-area{
	padding: 20px;
}
.myloops-container .loop-section .edit-section .edit-container{
    width: auto;
   /* padding: 0 20px;*/
   padding: 0;
}
.myloops-container .loop-section .edit-section .edit-container .button-container .back-link{
	float: left;
	padding-left: 0 !important;
}
.myloops-container .loop-section .edit-section .edit-container .button-container .save-loop{
	float: right;
}
.myloops-container .loop-section .edit-section .edit-container .form-area #clear-btn{
	bottom: 12px !important;
}
.watch-content,
.profile-content,
.search-content,
.index-content,
.extension-content,
.howto-content,
.privacy-content,
.dmca-content,
.feedback-content,
#admin-navbar
{
	margin-top: 80px;
}
/*For generic panel */
.myloop-list.generic-panel{
	position: fixed;
    z-index: 10000 !important;
	-webkit-transition: transform 350ms linear !important;
    -moz-transition: transform 350ms linear !important;
    -o-transition: transform 350ms linear !important;
	transition: transform 350ms linear !important;

	/*-webkit-transition: transform 350ms cubic-bezier(0.000, 0.795, 0.815, 0.840) !important;
    -moz-transition: transform 350ms cubic-bezier(0.000, 0.795, 0.815, 0.840) !important;
    -o-transition: transform 350ms cubic-bezier(0.000, 0.795, 0.815, 0.840) !important;
	transition: transform 350ms cubic-bezier(0.000, 0.795, 0.815, 0.840) !important;*/
}
.myloops-container .myloop-list{
	min-width: 300px;
}
.myloop-list.generic-panel.collapse.in{
    width: 360px;
   /* transform: translateX(0px);*/
	visibility: visible;
	transform: translateX(-480px) !important;
}
/* Scrollbar for my loops panel*/
#myloops-panel::-webkit-scrollbar {
    width: 8px;
}
/* Track */
#myloops-panel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
#myloops-panel::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(6,177,226,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#myloops-panel::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(6,177,226,0.4);
}
/* Ends generic panel */

.myloops-container .loop-section .collapse-panel-area{
    height: 80px;
	/*float: right;*/
	position: absolute;
	right: 8px;
	top: 840px;
    visibility: hidden;
  }
.myloop-list{
	/*overflow: visible;*/
	display: inline !important;
	background-color: #11252B;
	margin-left: 0;
	width: 360px;
	/*min-width: 360px;*/
	max-width: 360px;
	padding-left: 0;
	padding-right: 0;
	/*height: 620px !important;*/
    overflow-y: auto !important;
   /* min-height: 420px;*/
}
.myloop-list.generic-panel .header-area{
	display: block !important;
}
.myloop-list.generic-panel .header-area .panel-title{
	font-size: 20px;
    color: #fff;
	padding: 8px 12px;
}
.myloop-list .header-area {
	display: none;
}
.myloop-list .header-area .modal-close{
	display: none;
}
.myloop-list.generic-panel .header-area .modal-close{
	top: 0px;
	right: 12px;
	display: block !important;
}
.myloop-list .search-area{
	padding: 16px 24px;
}
.myloop-list .search-area form{
	margin-top: 0;
    height: 40px;
    padding: 0;
}
.myloop-list .search-area form .input-group{
	width: 100%;
    height: 100%;
    border-radius: 6px;
}
.myloop-list .search-area form .input-group .input-group-btn .search-btn{
	height: 40px;
    float: right;
    width: 40px;
    padding: 0 !important;
	border-radius: 6px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.24) !important;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.24) !important;
}
.myloop-list .search-area form .input-group .input-group-btn .search-btn > img{
	opacity: 0.6;
}
.myloop-list .search-area form .input-group .form-control{
	height: 40px;
	margin-top: 0;
	padding: 0 0 0 16px !important;
	border: none !important;
}
.myloop-list .search-area form .input-group .form-control::-webkit-input-placeholder{
    font-size: 16px;
    color: #717C7F;
    letter-spacing: -0.3px;
}
.myloop-list .search-area form .input-group .form-control::-moz-placeholder{
    font-size: 16px;
    color: #717C7F;
    letter-spacing: -0.3px;
}
.myloop-list .search-area form .input-group .form-control:-ms-input-placeholder {
    font-size: 16px;
    color: #717C7F;
    letter-spacing: -0.3px;
}
.myloop-list .search-area form .input-group .form-control:-moz-placeholder {
    font-size: 16px;
    color: #717C7F;
    letter-spacing: -0.3px;
}
.myloop-list .search-area form .input-group .form-control:focus{
	border-right-color: transparent;
	z-index: 1;
}
.myloop-list .arrow-more a {
	width: 40px;
    height: 40px;
}
.myloop-list .sort-area{
	margin: 22px 32px;
	background-color: transparent;
	color: #fff;
	font-size: 16px;
}
.myloop-list .sort-area .sortby{
	text-align: center;
}
.myloop-list .sort-area select{
	border-radius: 18px;
    padding: 0 16px;
    box-sizing: border-box;
    color: #fff;
	margin: 0 0 0 20px;
    height: 36px;
    width: 194px;
    border-color: #00627F;

    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgMTQgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJXZWxjb21lIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic21hbGwtZXhwYW5kZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTQuMDAwMDAwLCAtMTY3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ibG9vcHNMaXN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU29ydCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQ3LjAwMDAwMCwgODAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImRyb3BEb3duIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTIuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbi0vLWNoZXZyb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2Mi4wMDAwMDAsIDE4LjAwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTYyLjAwMDAwMCwgLTE4LjAwMDAwMCkgdHJhbnNsYXRlKDE1Ni4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25TaXplMjAiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjAiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjMuNTUyNzEzNjhlLTE1IiB3aWR0aD0iMTIiIGhlaWdodD0iMTQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGFnZS0xIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS4yNSIgcG9pbnRzPSI4LjQgMTMuMyAzIDcgOC40IDAuNyI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat;
    background-position: 165px;
    background-color: #00627F;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.myloop-list .sort-area select:focus{
	outline: none !important;
}
.myloop-list .myloops-more{
	width: 100%;
    text-align: center;
    margin: 16px 0;
    display: block;
}
.myloop-list .myloops-more #no-moreloops{
	display: none;
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	letter-spacing: -0.3px;
	line-height: 16px;
}
.myloop-list .myloops-more button{
   /* color: #fff;*/
    background-color: #00627F;
    background-image: none;
    box-sizing: border-box;
    padding: 8px 12px;
    height: 32px;
    border-radius: 18px;
    font-size: 14px;
    letter-spacing: -0.3px;
    line-height: 16px;
    color: rgba(255,255,255,0.87);
}
.myloop-list ul{
	list-style-type: none;
  	margin: 0;
 	padding: 0;
  	font-size: 14px;
  	color: #000;
  	padding: 0px;
}
.myloop-list ul .panel-noloops{
	font-size: 28px;
    color: #FFFFFF;
    letter-spacing: -0.6px;
    line-height: 36px;
    text-align: center;
    margin-top: 40px;
    padding: 0 40px;
    font-weight: lighter;
}
.myloop-list ul .panel-noloops a{
	margin-top: 20px;
	background-color: #33A8CC !important;
}
.myloop-list ul li{
	height: 72px;
	padding: 4px 12px;
  	position: relative;
  	list-style: none;
  	cursor: pointer;
}
.myloop-list ul li{
	min-width: 336px;
}
.myloop-list ul li:hover{
	background-color: #142E36;
}
.myloop-list ul li:hover > .loop-remove-btn{
	display: block;
}
.myloop-list ul li .loop-remove-btn{
    height: 16px;
    width: 16px;
    margin-top: 4px;
    position: absolute;
    right: 12px;
    opacity: 1;
    display: none;
}
.myloop-list ul li .current-loop-icon{
	position: absolute;
    left: 4px;
	top: 30px;
	z-index: 1;
	visibility: hidden;
}
.myloop-list ul li.current .current-loop-icon{
	visibility: visible;
}
.myloop-list ul li figure figcaption > p{
	font-size: 12px;
	color: #6A7269;
  	letter-spacing: -0.1px;
  	line-height: 14px;
  	padding-top: 8px;
  	text-shadow: 0 1px 1px rgba(0,0,0,0.06);
}
.myloop-list ul li figure figcaption .loop-views{
	padding-top: 0;
	color: #aeb8ad;
}
.myloop-list ul li figure figcaption > p > b{
	font-size: 14px;
  	font-weight: 500;
  	color: #fff;
  	letter-spacing: -0.2px;
  	line-height: 16px;
  	text-shadow: 0 1px 1px rgba(0,0,0,0.06);
}
.myloop-list ul li figure .thumb{
	margin-right: 12px;
	width: 128px;
    height: 72px;
}
.myloop-list ul li figure .thumb .duration{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #111;
	color: white;
	font-size: 11px;
	padding: 1px 4px 1px 4px;
	font-weight: 400;
	background: #0E1E0C;
	border-radius: 2px 0 0 0;
	min-width: 28px;
	text-align: center;
}
/* end myloops view */
/* myloops */
#myLoops {
  padding-bottom: 40px;
}
#myLoops #sortBar {
    width: 100%;
    background-color: #F5F7FA;
    z-index: 2;
    text-align: right;
}
#myLoops #sortBar span {
    color: #6B7A80;
    font-size: 16px;
    line-height: 40px;
}
#myLoops #loopsList {
    padding: 0;
    padding-top: 24px;
    margin: 0;
}
#myLoops #loopsList .loopCard {
    display: block;
    list-style: none;
    border-bottom: 1px solid #E1E3E6;
    height: 76px;
}
#myLoops #loopsList .loopCard:hover, #myLoops #loopsList .loopCard:active {
    background-color: #33A8CC;
    border-top: 1px outset rgba(255,255,255,0.24);
}
#myLoops #loopsList .loopCard:hover .loopCard-figure > figcaption > p{
    color: #fff;
}
#myLoops #loopsList .loopCard .loopCard-figure{
	height: 68px;
    width: 60%;
    float: left;
    display: block;
    margin: 4px 0 4px 4px;
}
#myLoops #loopsList .loopCard .loopCard-figure .thumb{
	width: 120px;
}
#myLoops #loopsList .loopCard .loopCard-figure > figcaption{
    margin: 0;
    float: left;
    text-align: left;
    max-height: 68px;
    max-width: 180px;
    margin-left: 4px;
  }
#myLoops #loopsList .loopCard .loopCard-figure > figcaption > p{
	font-size: 12px;
    line-height: 16px;
    color: #6B7A80;
    padding: 2px 4px;
    color: #333;
    margin-bottom: 0;
}
#myLoops #loopsList .loopCard .loopCard-figure > figcaption > p >  b{
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    display: block;
}
#myLoops #loopsList .loopCard .actions{
	display: block;
    width: 39%;
    float: left;
    height: 68px;
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
#myLoops #loopsList .loopCard:hover .actions{
	background-color: rgba(0,0,0,0.12);
    margin-top: 0;
    /*border-bottom: 1px outset rgba(0,0,0,0.12);*/
}
#myLoops #loopsList .loopCard .actions .actionButton{
	float: right;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    opacity: 0.87;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}
#myLoops #loopsList .loopCard .actions .actionButton:hover{
	background-color: rgba(0,0,0,0.12);
    opacity: 1;
}
#myLoops #loopsList .loopCard .actions .actionButton:first-child{
	margin-right: 16px;
}
#myLoops #loopsList .loopCard .actions .delete{
	background-image: url(../images/myloops/delete-white.svg);
}
#myLoops #loopsList .loopCard .actions .share{
	background-image: url(../images/myloops/share-white.svg);
}
#myLoops #loopsList .loopCard .actions .edit{
	background-image: url(../images/myloops/edit-white.svg);
}
#myLoops #loopsList .loopCard .actions .rename{
	background-image: url(../images/myloops/rename-white.svg);
}
.newLoopName{
	max-width: 95%;
	border: none !important;
}
#sortBar{
	height: 58px;
}
.myloops-sortBy{
	float: right;
    width: 100%;
    height: auto;
    padding-top: 16px;
    padding-right: 12px;
}

/*
==============================================
			DMCA + Feedback
==============================================
*/
.webforms{
	width: auto !important;
}
#dmca .row,
#feedback .row{
	padding: 20px 0;
	margin: 0;
}
#dmca .title{
	padding: 0;
}
#dmca .content{
	text-align: justify;
	padding: 0;
}
#dmca .content > p{
	margin-top: 20px;
}
#dmca .podio-form,
#feedback .podio-form{
	padding: 0;
}
#dmca .podio-webform-container,
#feedback .podio-webform-container{
	display: none;
}

/*
==============================================
		BANNER SLIDER (COMING SOON)
==============================================
*/
#banner-moreEV{
	max-width: 800px;
}
.banner-slider{
	background: rgba(0,0,0,0.8) url(../images/videoCollage360.jpg) repeat-x center;
	text-shadow: 0 1px 2px #000000;
}
.banner-slider .carousel-header{
	height: 48px;
}
.banner-slider .carousel-header > p{
	font-size: 18px;
    color: #fff;
    padding-top: 12px;
    padding-left: 20px;
    font-weight: 800;
}
.banner-slider #carousel-moreEV .carousel-header > p{
	font-size: 16px;
}
/*.banner-slider #carousel-moreEV .close{
	position: absolute;
    top: 4px;
	right: 12px;
	z-index: 2;
}*/
.banner-slider .carousel-header > button{
	z-index: 10;
	top: 0;
    position: relative;
    margin-top: -32px !important;
    right: 0;
    margin-right: 20px;
}
.banner-slider .carousel-footer{
	position: relative;
    bottom: 0;
    text-align: center;
    width: 100%;
}
.banner-slider .carousel-footer > p{
	font-size: 12px;
    margin: 0;
    color: #fff;
    margin-top: -28px;
    margin-bottom: 4px;
}
.banner-slider #carousel-comingSoon,
.banner-slider #carousel-moreEV{
	height: 260px;
	background: rgba(0,0,0,0.62);
	color: #fff;
	margin: 0;
}
.banner-slider #carousel-moreEV{
	height: 340px;
	max-width: 800px;
}
.banner-slider #carousel-comingSoon .carousel-control,
.banner-slider #carousel-moreEV .carousel-control{ 
	/*height: 32px;
    width: 32px;*/
    background-image: none;
    padding: 0;
	border: 0;
	display: flex;
	align-items: center;
	/*opacity: 0*/
   /* box-shadow: 0 0 8px 0 rgba(255,255,255,0.40);*/
}
.banner-slider #carousel-comingSoon .carousel-control:hover,
.banner-slider #carousel-comingSoon .carousel-control:focus,
.banner-slider #carousel-moreEV .carousel-control:hover,
.banner-slider #carousel-moreEV .carousel-control:focus{

}
.banner-slider #carousel-comingSoon .carousel-control div,
.banner-slider #carousel-moreEV .carousel-control div{
    height: 32px;
    width: 32px;
    background-color: grey;
   /* position: absolute;
    top: 46%;
	left: 36%;*/
	margin: 0 auto;
    border-radius: 50%;
	padding: 0;
	display: flex;
}
.banner-slider #carousel-comingSoon .carousel-control:hover div,
.banner-slider #carousel-moreEV .carousel-control:hover div{
    height: 36px;
    width: 36px;
    background-color: #06B1E2;
   /* position: absolute;
    top: 45%;
    left: 34%;*/
    border-radius: 50%;
	padding: 0;
	display: flex;
}
.banner-slider #carousel-comingSoon .carousel-control div{
	/*top: 32%;*/
}
.banner-slider #carousel-comingSoon .carousel-control:hover div{
	/*	top: 31%;*/
}
.banner-slider #carousel-comingSoon .left.carousel-control .carousel-prev,
.banner-slider #carousel-moreEV .left.carousel-control .carousel-prev{
    margin: auto;
	width: 20px;
	height: 20px;
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.banner-slider #carousel-comingSoon .right.carousel-control .carousel-next,
.banner-slider #carousel-moreEV .right.carousel-control .carousel-next
{
    margin: auto;
	width: 20px;
	height: 20px;
}

.banner-slider #carousel-comingSoon .left.carousel-control:hover .carousel-prev,
.banner-slider #carousel-moreEV .left.carousel-control:hover .carousel-prev{

	width: 20px;
	height: 20px;
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.banner-slider #carousel-comingSoon .right.carousel-control:hover .carousel-next,
.banner-slider #carousel-moreEV .right.carousel-control:hover .carousel-next{
	width: 20px;
	height: 20px;
}
.banner-slider #carousel-comingSoon .carousel-inner{
	height: 100%;
}
.banner-slider #carousel-moreEV .carousel-inner{
	
}
.banner-slider #carousel-comingSoon .carousel-inner > .item,
.banner-slider #carousel-moreEV .carousel-inner > .item{
	height: 180px;
	width: 80%;
	margin: auto;
	margin-bottom: 12px;
	/*transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];*/
	-webkit-transition: opacity 0.1s ease 0s;
	-moz-transition: opacity 0.1s ease 0s;
	-o-transition: opacity 0.1s ease 0s;
	transition: opacity 0.1s ease 0s;
	opacity: 0;
}
.banner-slider #carousel-moreEV .carousel-inner > .item{
	height: auto;
}
.banner-slider #carousel-comingSoon .carousel-inner > .item.active,
.banner-slider #carousel-moreEV .carousel-inner > .item.active{
	opacity: 1;
}
.banner-slider #carousel-moreEV .carousel-control.left{
	/*content: url("../images/icons/chevron-left 20-black.svg");*/
	/*top: 50% !important;*/
}
.banner-slider #carousel-comingSoon .carousel-inner > .item > .item-content{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.banner-slider #carousel-comingSoon .carousel-inner > .item > .item-content > .item-text{
	order: 2;
	flex-grow: 2;
	padding: 0 20px;
}
.banner-slider #carousel-moreEV .carousel-inner > .item > .item-content > .item-text{
	height: 80px;
	display: table;
	width: 100%;
}
.banner-slider #carousel-moreEV .carousel-inner > .item > .item-content > .item-text > h4{
	font-size: 22px !important;
	text-align: center;
	line-height: 28px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: -0.73px;
	color: #fff;
	font-weight: 600;
}
.banner-slider #carousel-comingSoon .carousel-inner > .item > .item-content > .item-text > h2{
	margin: 20px 0 0 0;
	font-size: 34px !important;
}
.banner-slider #carousel-comingSoon .carousel-inner > .item > .item-content > .item-text > p{
	margin: 20px 0 0 0;
	line-height: 24px;
	font-size: 16px;
}
.banner-slider #carousel-comingSoon .carousel-inner > .item > .item-content > .item-image{
	padding: 0;
	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
  	order: 1;
	flex-grow: 1;
	min-width: 128px;
	display: none;
}
.banner-slider #carousel-moreEV .carousel-inner > .item > .item-content{
	text-align: center;
}
.banner-slider #carousel-moreEV .carousel-inner > .item > .item-content > .item-image{
	max-height: 220px;
}
.banner-slider #carousel-moreEV .carousel-inner > .item > .item-content > button{
	width: auto;
	height: 28px;
	margin-top: 20px;
}
.banner-slider #carousel-moreEV .carousel-inner > .item img{
    vertical-align: middle;
	display: block;
	margin: 0 auto;
	max-height: 140px;
}
.banner-slider #carousel-comingSoon .carousel-inner > .item img{
	height: 128px;
    width: 128px;
    vertical-align: middle;
	/*padding: 24px 0;*/
	padding: 12px 0;
}
/*
.banner-slider .carousel-inner .next,
.banner-slider .carousel-inner .prev,
.banner-slider .carousel-inner .active.left,
.banner-slider .carousel-inner .active.right{
	left: 0;
    -webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
}
*/
/*
==============================================
			NEW WATCH VIEW
==============================================
*/
.no-lateral-padding{
	padding-left: 0;
	padding-right: 0;
}
.row.player-area{
	margin: 0;
	background: #000;
	position: relative;
	margin: auto;
	padding: 0;
}
.row.loop-controls{
	margin: 0 auto !important;
}
.watch-section .watch-container .player-area{}
.options-area,
.also-area,
.discuss-area{
	padding: 20px 0;
}
.also-area{

}
.options-area #description_b{
	margin-top: 40px;
}
.options-area .description .description-area > h2{
	text-align: center;
	margin-bottom: 12px;
	font-size: 20px;
	color: rgba(0,0,0,0.72);
	letter-spacing: -0.4px;
	line-height: 26px;
}
.options-area .description .description-area > p{
	font-size: 16px;
	color: rgba(0,0,0,0.60);
	letter-spacing: 0;
	line-height: 23px;
	text-align: center;
}
.watch-section .watch-container .options-area #share{
}
.options-area #share > .url-container,
.options-area #share > .social-container{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.options-area #share > .social-container{
	margin-top: 16px;
}
.options-area #buttons{
}
.options-area #buttons .button-container,
.options-area .description .button-container{
	text-align: center;
}
.show-more-btn
{
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	display: inline-block !important;
}
.show-more-btn:hover,
.show-more-btn:active
{
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}
.options-area .description .button-container{
	margin: 12px 0 0 0 !important;
}
.options-area #share .share-element #share_url{
	max-width: 294px;
}
.options-area #share .share-element.social-area{
	margin-top:44px
}
.options-area #description{
	max-width: 800px;
	margin: 0 auto;
	margin-top: 40px;
}
.options-area #buttons,
.options-area #share{
	display: -webkit-flex !important;
	-webkit-flex-direction: row;
	-webkit-justify-content: center;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	margin: 20px 0;
}
.options-area #buttons .btn-container,
.options-area #share .share-element{
	flex-grow: 0.04;
	flex-basis: auto;
}
.options-area #buttons #edit-btn img,
.options-area #buttons #download-btn img,
.options-area #buttons #share-btn img{
 	opacity: 0.8;
}
.also-area{
	padding: 0;
    margin: 40px 0;
}
.also-area .videoName{
	color: #fff;
}
.also-area .gradient-dark{
	padding: 20px 0;
}
.also-area .gradient-dark > .container{
	padding-top: 0;
	padding-bottom: 0;
}
.also-area .also-container #also-like,
.also-area .videoName,
.options-area,
.also-area,
.discuss-area
{
	margin-left: 0 !important;
    margin-right: 0 !important;
}
.also-area .also-container #also-like .also-like-item{
    height: auto;
    margin: 0;
    text-align: left;
    padding: 0;
}
.also-area .also-container #also-like .also-like-item >a{
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	letter-spacing: -0.2px;
}
.also-area .also-container #also-like .also-like-item >p{
	display: block;
    font-size: 13px;
	top: 0;
	color: #fff;
	letter-spacing: -0.2px;
	font-weight: 300;
}
.also-area .also-container #also-like .also-like-item .thumb{
	margin-bottom: 8px;
}
.also-area .also-container #also-like .also-like-item .thumb .thumb-img{
    max-width: 186px;
	height: 108px;
	height: 108px;
    border-radius: 2px;
}
.gradient-color {
	background: url(../images/gradient/gradient-color.svg) no-repeat;
	background-size: cover;
}


.gradient-dark {
	background: url(../images/gradient/gradient-dark.svg) no-repeat;
	background-size: cover;
}

/* For my loops */
.content-area{
	display: block;
	float: left;
	width: 100%;
}
.content-area .row{
	margin-left: 0;
	margin-right: 0;
}

/*
==============================================
			EDIT VIEW
==============================================
*/
.edit-section .edit-container .loop-controls{
	/*padding: 20px;*/
	padding: 0;
}
.edit-section .edit-container .form-area{
	padding: 20px 0;
	width: 800px;
    margin: 0 auto;
}
.edit-section .edit-container .form-area #edit-loop{

}
.edit-section .edit-container .form-area #edit-loop fieldset,
.watch-section .watch-container #description #description-edit fieldset{
	/*margin-top: 16px;
	min-height: 70px;*/
}
.edit-section .edit-container .form-area #edit-loop fieldset .inputLabel{
	display: block;
    line-height: 16px;
    font-size: 14px;
    color: #6B7A80;
    margin-bottom: 8px;
    padding-left: 12px;
}
.edit-section .edit-container .form-area #edit-loop fieldset input,
#description #description-edit fieldset input,
#description #description-edit fieldset textarea{
	width: 96%;
	border-radius: 4px;
    background-color: #FFF;
    border: none;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.24);
    line-height: 24px;
    font-size: 16px;
    padding: 8px 16px;
	transition: all 200ms;
	text-align: center;
}
#description #description-edit fieldset #current_loop_title{
	font-size: 20px;
    color: rgba(0,0,0,0.72);
	letter-spacing: -0.4px;
	font-weight: 700;
}
#description #description-edit fieldset #current_loop_desc{
	font-size: 16px;
    color: rgba(0,0,0,0.60);
	letter-spacing: 0;
	min-height: 160px;
}
#description #description-edit fieldset #current_loop_title.highlight,
#description #description-edit fieldset #current_loop_desc.highlight{
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}


#description #description-edit #save-loop{
	float: right;
}
#description #description-edit #cancel-edit{
	float: left;
}
.edit-section .edit-container .form-area #edit-loop fieldset textarea{
	width: 96%;
	height:200px;
	border-radius: 4px;
	border: none;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.24);
	font-size: 16px;
	padding: 8px 16px;
}
.edit-section .edit-container .form-area #edit-loop{
	position: relative;
}
.edit-section .edit-container .form-area #edit-loop #clear-btn,
.watch-section .watch-container #description #clear-btn{
	bottom: 10px;
    position: absolute;
    right: 18px;
}
#myloops-watch #description #clear-btn{
	bottom: 14px;
    position: absolute;
    right: 18px;
}
.edit-section .edit-container .form-area #edit-loop .buttons-container{
	text-align: center;
}
.edit-section .edit-container .form-area #edit-loop .button-container{
	text-align: center;
	margin-top: 20px;
	display: inline-block;
}
.edit-section .edit-container .form-area #edit-loop .button-container > a{
	padding: 8px 16px;
}
.edit-section .edit-container .form-area #edit-loop .button-container #continue-wo-save{
	margin-right: 20px;
}

/*
==============================================
		RELATED VIDEOS - YOUTUBE PLAYER
==============================================
*/

.related-videos-container{
	position: absolute;
	width: -webkit-fill-available;
	width: -moz-available;
	/*bottom: 64px;*/
	top: 48px;
	height: 98px;
	background: rgba(48,48,48,0.6);
	border-radius: 2px;
	padding: 8px;
	-moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
}
.related-videos{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
	position: relative;
	height: 120px;
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.related-videos-container > .collapse-icon{
    height: 16px;
    opacity: .9;
    position: absolute;
    right: 4px;
    top: 4px;
	width: 16px;
	cursor: pointer;
	border: none;
    background-color: transparent;
    padding: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
}
.related-video{
	display: inline-block;
    margin-left: 4px;
	margin-right: 4px;
	position: relative;
	text-align: left;
}
.related-video > img{
	height: 98px;
}
.related-video > .video-overlay{
	bottom: 0;
	left: 0;
    padding: 8px;
    position: absolute;
    right: 0;
	top: 0;
	background-image: -moz-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: -ms-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: -o-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: -webkit-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: linear-gradient(to bottom,rgba(12,12,12,0.8) 0,transparent 100px);
    -moz-transition: opacity .5s cubic-bezier(0.4,0.0,0.2,1);
    -webkit-transition: opacity .5s cubic-bezier(0.4,0.0,0.2,1);
    transition: opacity .5s cubic-bezier(0.4,0.0,0.2,1);
}
.related-video > .video-overlay > .title,
.related-video > .video-overlay > .channel{
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	max-height: 30px;
	opacity: 0;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.related-video > .video-overlay:hover > .title,
.related-video > .video-overlay:hover > .channel{
	opacity: 1;
}
.related-video > .video-overlay > .channel{
	font-size: 11px;
}

/* Scrollbar */
#related-videos::-webkit-scrollbar {
    height: 8px;
}
/* Track */
#related-videos::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
#related-videos::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(6,177,226,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#related-videos::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(6,177,226,0.4);
}

/*
==============================================
		TOOLTIP
==============================================
*/
.tooltip > .tooltip-inner {
	background-color: #FFF;
	color: #6B7A80;
	border: 1px solid #06B1E2 ;
	padding: 8px;
	font-size: 12px;
}
.tooltip > .tooltip-arrow {
	border-top-color: #06B1E2 !important;
}
.tooltip.fade{
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

/*
==============================================
		MODAL EXTENSION
==============================================
*/
#extensionModal .modal-content{
	max-height: 520px;
	max-width: 480px;
}
#extensionModal .modal-body{
	padding: 0;
	color: #717171 !important;
	font-weight: 400 !important;
}
#extensionModal .info-container{
	padding: 20px 20px 0 20px;
}
#extensionModal .info-container > .title-area{
	padding-top: 4px;
    padding-bottom: 16px;
}
#extensionModal .info-container > .title-area > img{
	height: 36px;
	display: inline-block;
	vertical-align: bottom;
}
#extensionModal .info-container > .title-area > div{
	font-size: 22px;
	display: inline-block;
}
#extensionModal .info-container > .description-area{
	padding-top: 12px;
}
#extensionModal .info-container > .description-area > p{
 	font-size: 20px;
}
#extensionModal .bottom-container{
	padding: 16px;
}
#extensionModal .bottom-container > .browser-area{
	display: inline-block;
	width: 39%;
	text-align: left;
	vertical-align: bottom;
}
#extensionModal .bottom-container > .browser-area .browser-logo{
	display: inline-block;
	height: 40px;
	vertical-align: text-bottom;

}
#extensionModal .bottom-container > .browser-area .browser-name{
	display: inline-block;
	font-size: 16px;
	max-width: 100px;
	line-height: 1.4;
    text-align: left;
    padding-left: 12px;
}
#extensionModal .bottom-container > .buttons-area{
	display: inline-block;
	width: 59%;
	text-align: right;
}
#extensionModal .bottom-container > .buttons-area > .btn{
	height: 32px;
    width: 68px;
	font-size: 16px;
}
#extensionModal .bottom-container > .buttons-area > #cancel-btn{

}
#extensionModal .bottom-container > .buttons-area > #install-btn{
	margin-left: 12px;
	padding: 8px 12px;
    height: 24px;
}

/*
==============================================
		EV EXTENSION PAGE
==============================================
*/
.first{
	overflow: auto;
	padding: 60px 0;
	background-color: #002B36;
	color: #fff;
	display: block;
	width: 100%;
}
.first .container{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}
.first .first-col{
	padding: 0;
	text-align: center;
}
.first .info-container{}

.first .info-container > .title-area{
    padding-bottom: 28px;
}
.first .info-container > .title-area > img{
	height: 48px;
	display: inline-block;
	vertical-align: bottom;
}
.first .info-container > .title-area > div{
	font-size: 18px;
	display: block;
	text-transform: uppercase;
}
.first .info-container > .description-area{
	padding-bottom: 20px;
}
.first .info-container > .description-area > p {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 380px;
 	font-size: 20px;
	font-weight: 300;
}
.first .info-container > .description-area > p > strong {
	font-weight: 500;
}
.first .bottom-container{

}
.first .bottom-container > .browser-area{
	display: inline-block;
	text-align: left;
	vertical-align: bottom;
	vertical-align: middle;
}
.first .bottom-container > .browser-area .browser-logo{
	display: inline-block;
	width: 40px;
	vertical-align: middle;
	margin-right: 20px;
}
.first .bottom-container > .browser-area .browser-logo:last-child{
	margin-right: 0;
}
.first .bottom-container > .browser-area .browser-name{
	display: inline-block;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	margin-right: 40px;
}
.first .bottom-container > .buttons-area{
	margin-top: 36px;
}
.first .bottom-container > .buttons-area > .btn{
	height: 24px;
    font-size: 16px;
    padding: 8px 16px;
}
.first .img-container{}

.first .img-container > img {
	max-height: 256px;
	box-sizing: border-box;
	border: 3px solid #00ffffe6;
	box-shadow: 0 2px 48px rgba(0, 0, 0, 0.32),
				0 4px 20px rgba(0, 0, 0, 0.16);
}



.ev-steps {
	padding: 40px 0;
	overflow: auto;
	margin-bottom: 140px;
}
.ev-steps .step {
	display: inline-flex;
	justify-content: space-around;
	background-color: #fff;
	border: none;
	width: 100%;
	height: 292px;
	margin-left: 0;
    margin-right: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.ev-steps .step:last-child {
	border: none;
}
.ev-steps .step .step-text{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0;
	padding-right: 0;
}
.ev-steps .step .step-text .text-container{
	padding: 0 0;
	max-width: 380px;
	align-self: center;
}
.ev-steps .step .step-text .text-container >p{
	padding-left: 0;
	font-size: 16px;
	font-weight: 300;
	color: #586971;
	letter-spacing: 0;
	line-height: 26px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.06);
}
.ev-steps .step .step-text .text-container > h3 {
	font-size: 24px;
	font-weight: 500;
	color: #586971;
	letter-spacing: 0;
	line-height: 24px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.06);
	margin-bottom: 20px;
}
.ev-steps .step .step-img{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0;
	padding-right: 0;
}
.ev-steps .step .step-img >img{
	width: 100%;
	max-width: 480px;
	max-height: 240px;
}



.banner .banner-img .container .text{
	font-size: 32px !important;
}
.box {
    padding: 40px 30px;
    background: #fff;
  /*  border-bottom: 1px solid #e9e9e9; */
    position: relative;
}

.box.first {
    margin-top: 86px;
    border-radius: 5px 5px 0 0;
    padding-top: 0;
}

.install-browsers{
	text-align: center;
	border-bottom: 2px solid #e2e0e0;
	/*box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);*/
}

.install-browsers > h2{
    padding-top: 50px;
    font-weight: 400;
    font-size: 34px;
}

.install-browsers > p{
    font-size: 16px;
}
.browser-tabs{
	height: 160px;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 30px;
}


.text-container{
	padding: 0px 60px;
}
.text-container >h3{
	font-weight: 100;
    font-size: 30px;
}
.text-container >p{
	padding-left: 36px;
    font-size: 16px;
}

.text-container >ul{
	padding-left: 50px;
    font-size: 16px;
}
.text-container >ul>li{
	padding-top: 0px;
}
.more-options{
	height: 280px;
}
.b-tab {
    width: 25%;
    height: 100%;
    display: block;
    float: left;
    cursor: pointer;
}
.b-tab >img {
    height: 80px;
    margin-bottom: 30px;
    margin-top: 40px;
}
.tab-select.current {
    background-color: #06B1E2;
}
.tab-select {
    height: 4px;
    padding-top: 6px;
    background-color: #FFF;
}
.b-tab.disabled {
    cursor: auto !important;
}
.b-tab.disabled > div {
    height: 30px !important;
}
.b-tab.disabled > img {
    height: 80px !important;
    margin-bottom: 0px !important;
    margin-top: 40px !important;
}
/*
==============================================
		ADMIN BLACKLIST
==============================================
*/
#cancel-search-btn >img{
	height: 14px;
}
#admin-navbar .navbar-header{
	margin-right: 0;
	margin-left: 0;
}
#admin-navbar .filter-area{
	height: 60px;
}
#blacklist{
	margin-top: 20px;
	margin-bottom: 20px;
	min-height: 300px;
}
#blacklist .row{
	margin: 0;
}
#blacklist .main-col{
	padding-left: 0;
	padding-right: 0;
}
#blacklist .main-col > div{
	text-align: center;
}
#blacklist .main-col .yt-list{
	margin: 0 auto;
	max-width: 294px;
	text-align: left;
}
#blacklist #actions-col{
	height: auto;
}
#blacklist #actions-col .actions-content{
	text-align: center;
	max-width: 294px;
	margin: 0 auto;
}
#blacklist #actions-col .actions-content .form-group{
	margin-top: 5px;
}
#blacklist .yt-list .yt-item:hover{
	background-color: #f5f5f5;
	cursor: pointer;
}
#blacklist .yt-list .yt-item > a > .icon-url{
	position: absolute;
	height: 28px;
	width: 30px;
	background: transparent;
	margin: 0;
}
#blacklist .yt-list .yt-item > a > .icon-yt{
	right: 10px;
	top: 5px;
}
#blacklist .yt-list .yt-item > a > .icon-podio{
	right: 46px;
	top: 5px;
}
#blacklist .yt-list .yt-item > a > .icon-more{
	right: 82px;
	top: 5px;
}
/*#blacklist .yt-list .yt-item > a > .icon-podio{
	background: url(../images/icons/podio-icon.png) no-repeat;
}*/
#blacklist #actions-col .input{
	height: 28px;
	width: 222px;
}
#blacklist #actions-col #yt_code,
#blacklist #actions-col #podio_url{
	margin-bottom: 0;
}
#blacklist #actions-col button{
	width: 70px !important;
}
#blacklist #actions-col #add_code{
	margin-right: 20px;
}
#blacklist #actions-col #clear_inputs{
	width: 84% !important;
	max-width: 216px !important;
}

/*
==============================================
		NO LOOPS PAGE
==============================================
*/
#no-loops-banner{
	height: auto;
    background: -moz-linear-gradient(-45deg, rgba(51, 168, 204, 1) 0%, rgba(132, 211, 178, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(51, 168, 204, 1) 0%, rgba(132, 211, 178, 1) 100%);
    background: linear-gradient(135deg, rgba(51, 168, 204) 0%, rgba(132, 211, 178) 100%);
}


/*
==============================================
		ADMIN - NAVBAR / USERS
==============================================
*/
#admin-navbar .navbar-brand{
	height: auto;
}
#admin-navbar .nav{
	margin-bottom: 0;
}
#admin-users, #admin-log{
	padding-bottom: 20px;
	min-height: 400px;
}
#admin-users form{
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
}
#admin-users .header-un .panel-heading{
	color: #333;
    background-color: #f5f5f5;
	border-color: #ddd;
	border-bottom: none;
}
#admin-users .settings-area{
	border: 1px solid #ddd;
	border-top: none;
	/*min-height: 384px;	*/
}
#admin-users .settings-area .column fieldset .radio,
#admin-users .settings-area .column fieldset .checkbox{
	width: auto !important;
	box-shadow: none !important;
	display: inline-block !important;
}
#admin-users .settings-area .column .advanced-settings fieldset button.btn{
	font-size: 12px !important;
}
#admin-users #deleteAccount-btn{
	float: left;	
}
#admin-users #deactivateAccount-btn{
	float: right;	
}
#admin-users #calendar-btn{
	height: 23px;
}
#admin-users .buttons-area{
	height: 44px;
	float: right;
}

#admin-users .buttons-area button{
	height: 30px;
	background-color: #fff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.36) !important;
	margin: 0 12px;
}

.search-filter #search_user,
.search-filter #search_log,
.search-filter #search_vcode{
	float: right;
	min-width: 260px;
}
.search-filter > button{
    position: absolute !important;
    right: 4px;
    width: 26px;
    height: 26px;
    padding: 0px;
    top: 2px;
    opacity: .4;
}

/*
==============================================
		ADMIN - STATS
==============================================
*/

#admin-stats-loops .column,
#admin-stats-users .column{
	padding: 0;
}
#admin-stats-loops .column{
	min-height: 300px;
}
.column .graph-div{
	margin: auto;
	height: 100%;
}
.pagination-area{
	margin-top: 12px;
}
#blacklist .pagination-area{
	margin-top: 32px;
}
.pagination-area .pagination,
.pagination-page,
.simple-pagination
{
	float: right;
}
.simple-pagination > ul{
	margin: 0;
	/*display: inline-block;*/
    padding-left: 0;
	border-radius: 4px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.simple-pagination > ul > li{
	display: inline-flex;
	line-height: 20px;
}
.simple-pagination > ul > li > a,
.simple-pagination > ul > li > span
{
	margin-left: 0;
	position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.simple-pagination > ul > li > a:focus,
.simple-pagination > ul > li > a:hover,
.simple-pagination > ul > li > span:focus,
.simple-pagination > ul > li > span:hover{
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.simple-pagination > ul > .active > a,
.simple-pagination > ul > .active > a:focus,
.simple-pagination > ul > .active > a:hover,
.simple-pagination > ul > .active > span,
.simple-pagination > ul > .active > span:focus,
.simple-pagination > ul > .active > span:hover
{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.page-size-select{
	width: 40px;
    max-height: 34px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 8px;
}
.li-pags.dots >a{
	border-top: none;
	border-bottom: none;
}