/*   
Theme Name: Videolinkwell
Theme URI: https://videolinkwell.com
Description: Custom Theme Built by WebbySmart.com
Author: Phil Sousa
Author URI: http://webbysmart.com
Version: 1.0.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
*/
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {margin: 0px; padding: 0px; font-family: "Open Sans",arial,san-serif; font-weight: 400; font-size: 100%; line-height: 1.5; color:#444;}
img {border: none;}

a:link {color: #0033cc;}
a:visited {color: #0033cc;}
a:active {color: #0033cc;}
a:hover {color: #F00;}

ol li {margin:6px 0;}

#wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6 {}
#wrapper1 {background-color: #fff; border-bottom: 1px solid #e5e5e5;}
#wrapper2 {background-image: url('images/bg-ban.jpg'); background-repeat: repeat-x; height:423px; padding: 14px 0px; color: #fff;}
#wrapper3 {background-color: #fff; border-top: 1px solid #e5e5e5;}
#wrapper4 {background-color: #f0f0f0;}

#wrapper2 h2 {color:#fff; font-size: 34px; line-height: 40px; text-transform:none; margin: 10px 0 18px 0;}
#wrapper2 p {font-size: 18px; margin: 18px 0;}

#container {max-width: 100%; margin: auto;}
#container1 {max-width: 1150px; margin: auto; padding: 0px 20px;}
#container2 {max-width: 1150px; margin: auto; padding: 20px;}

.nav1 {display: inline-block; float:right;}
.nav1 ul {list-style-type: none; margin:0; padding:0}
.nav1 li {float:left; margin: 0px 14px;}
.nav1 a {color: #000; text-decoration: none; font-size: 18px;}
.nav1 a:hover {color: #970065;}

.nav2 {display: inline-block; float:right; margin-top:12px;}
.nav2 ul {list-style-type: none; margin:0; padding:0}
.nav2 li {float:left; margin: 0px 14px;}
.nav2 li:last-child {margin-right: 0px;}
.nav2 a {color: #000; text-decoration: none;}
.nav2 a:hover {color: #970065;}

#top-widget {float:right; margin-left: 24px;}

.but1,.but2,.but4 {color: #fff !important; text-decoration: none; padding: 8px 16px; border-radius: 6px; font-weight: bold;}
.but1:hover, .but2:hover , .but3:hover, .but4:hover {opacity:0.8;}
.but3 {color: #333 !important; text-decoration: none; padding: 8px 16px; border-radius: 6px; font-weight: bold;}


.but1 {
	background: #14772e;
	background: -moz-linear-gradient(top,  #14772e 46%, #65bd4f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#14772e), color-stop(100%,#65bd4f));
	background: -webkit-linear-gradient(top,  #14772e 46%,#65bd4f 100%);
	background: -o-linear-gradient(top,  #14772e 46%,#65bd4f 100%);
	background: -ms-linear-gradient(top,  #14772e 46%,#65bd4f 100%);
	background: linear-gradient(to bottom,  #14772e 46%,#65bd4f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14772e', endColorstr='#65bd4f',GradientType=0 );
}
.but2 {
	background: #c27514;
	background: -moz-linear-gradient(top,  #c27514 50%, #febe10 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#c27514), color-stop(100%,#febe10));
	background: -webkit-linear-gradient(top,  #c27514 50%,#febe10 100%);
	background: -o-linear-gradient(top,  #c27514 50%,#febe10 100%);
	background: -ms-linear-gradient(top,  #c27514 50%,#febe10 100%);
	background: linear-gradient(to bottom,  #c27514 50%,#febe10 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c27514', endColorstr='#febe10',GradientType=0 );
}
.but3 {
	background: #fff;
	background: -moz-linear-gradient(top,  #e5e5e5 50%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#e5e5e5), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #e5e5e5 50%,#fff 100%);
	background: -o-linear-gradient(top,  #e5e5e5 50%,#fff 100%);
	background: -ms-linear-gradient(top,  #e5e5e5 50%,#fff 100%);
	background: linear-gradient(to bottom,  #e5e5e5 50%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#fff',GradientType=0 );
}
.but4 {
	background: #004889;
	background: -moz-linear-gradient(top,  #004889 50%, #008acd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#004889), color-stop(100%,#008acd));
	background: -webkit-linear-gradient(top,  #004889 50%,#008acd 100%);
	background: -o-linear-gradient(top,  #004889 50%,#008acd 100%);
	background: -ms-linear-gradient(top,  #004889 50%,#008acd 100%);
	background: linear-gradient(to bottom,  #004889 50%,#008acd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004889', endColorstr='#008acd',GradientType=0 );
}

.s2member-pro-paypal-coupon-apply, .btn-primary {
	background: #004889;
	background: -moz-linear-gradient(top,  #004889 50%, #008acd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#004889), color-stop(100%,#008acd));
	background: -webkit-linear-gradient(top,  #004889 50%,#008acd 100%);
	background: -o-linear-gradient(top,  #004889 50%,#008acd 100%);
	background: -ms-linear-gradient(top,  #004889 50%,#008acd 100%);
	background: linear-gradient(to bottom,  #004889 50%,#008acd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004889', endColorstr='#008acd',GradientType=0 ); color: #fff; padding: 6px; border: 0px;
}
.inline {display: inline-block;}
.spacer1 {margin-top:4px;}

.pad1 {padding:24px 0;}
.pad2 {padding:0 24px;}
.pad3 {padding:42px 0;}
.pad4 {padding:0 4px;}
.pad5 {padding:0 78px;}

.list1 {font-size: 18px; margin: 18px 0px;}

.title1,.title2,.title3,.title4 {margin:0 0 18px 0; padding:14px 0 14px 80px; font-size:30px; font-weight:bold; background-repeat:no-repeat; background-position: center left; text-transform: none;}

.title1 {color:#ad228f; background-image: url('images/icon-capture.png');}
.title2 {color:#2d8435; background-image: url('images/icon-share.png');}
.title3 {color:#ff9b1f; background-image: url('images/icon-comment.png');}
.title4 {color:#0077b8; background-image: url('images/icon-collaborate.png');}

.logged-in .notlog {display:none;}
.log {display:none;}
.logged-in .log {display:inline;}

img.alignright {float:right; margin: 0 0 24px 24px;}

.package_details ul li:nth-child(3) {  
  height: 76px !important;
  font-weight: normal !important;
  padding: 8px !important;
}
.package_caption ul li:nth-child(3) {
 height: 76px !important;
}
.rtbs>.rtbs_content ol, .rtbs>.rtbs_content ul {margin-left: 0px;}
.rtbs>.rtbs_content {padding: 24px 0px 0px 0px; background: #fff; color: #555;}

.youtube1 {width:100%; height:375px;}

.rpt_title_0,.rpt_title_1,.rpt_title_2,.rpt_title_3 {font-size: 24px !important; text-transform: uppercase; text-align:center; padding: 6px !important;}
.rpt_subtitle_0,.rpt_subtitle_1,.rpt_subtitle_2,.rpt_subtitle_3 {color:#fff !important;}

.rpt_title_0 {background: #ad228f !important;}
.rpt_title_1 {background: #2d8435 !important;}
.rpt_title_2 {background: #c27514 !important;}
.rpt_title_3 {background: #0077b8 !important;}

.rpt_subtitle ul {list-style-type: none; padding:0; margin: 8px 0 0 0;}
.rpt_subtitle ul li {background-color: #fff; padding:4px; border-radius: 4px; color: #000; margin:4px 0px; font-weight:bold; font-size: 14px;}

.rpt_head {min-height: 288px;}

.rpt_price {font-weight:600 !important;}
.rpt_custom_btn form{height:37px; overflow: hidden;}

.box1 {background-color:#fff8e1;border:1px solid #ffc000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 18px;}
.promo {padding: 18px; background: #00388c; text-align:center; color:#fff; margin: 0 0 4px 0;}
.promo h2 {color:#fff; font-weight: bold;}
.promo h3 {color:#fff; text-transform: capitalize;}

.notice {
border: 1px solid #9f6000;
background: #feefb3;
border-radius: 5px;
color: #794900;
padding: 18px;
}

img {display: block; border: none; max-width:100%; height:auto;}
th {text-align: inherit;}

.con1 {max-width: 1150px; margin: auto; padding: 1.125em;}

input, select, textarea {border: 1px solid #CCC; background-color: #FFF; font-size: 12px; padding: 3px;}
input[type="image"] {background-color: transparent; padding: 0px;}
input[type="image"]:hover{opacity:0.8;}
input[type="submit"] {}
input[type="submit"]:hover {}

.hrf-faq-list h2 {text-transform: capitalize;}
.hrf-title.close-faq.open-faq span {background-color:#333 !important;}
.hrf-title.close-faq span {float:left; top:0 !important; border-radius: 50%; width: 24px !important; height: 24px !important; background-size: 12px 12px !important; background-repeat: no-repeat; background-color:#666 !important;}

h1,h2,h3,h4,h5,h6 {color:#555; font-weight: normal; text-transform: uppercase;}

h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}
p {font-size: 16px;}

.success {}
.warn {}
.error {}

.box-sucess {}
.box-warn {}
.box-error {}

.bg-blue {background-color: #4285f4; color: #fff;}
.bg-blue2 {background: #0d47a1; color: #fff;}
.bg-green {background-color: #0f9d58; color: #fff;}
.bg-orange {background-color: #f57f17; color: #fff;}
.bg-red {background-color: #d23f31; color: #fff;}
.bg-black {background-color: #333; color: #fff;}
.bg-grey {background-color: #e1e1e1; color:#333;}

.grid-blue [class*='grid_'] {background-color: #4285f4; color: #fff;}
.grid-green [class*='grid_'] {background-color: #0f9d58; color: #fff;}
.grid-orange [class*='grid_'] {background-color: #f57f17; color: #fff;}
.grid-red [class*='grid_'] {background-color: #d23f31; color: #fff;}
.grid-black [class*='grid_'] {background-color: #333; color: #fff;}
.grid-grey [class*='grid_'] {background-color: #e1e1e1; color:#333;}

.grid:after {content: ""; display: table; clear: both;}

.grid_1 {width: 6.5%;}
.grid_2 {width: 15%;}
.grid_3 {width: 23.5%;}
.grid_4 {width: 32%;}
.grid_5 {width: 40.5%;}
.grid_6 {width: 49%;}
.grid_7 {width: 57.5%;}
.grid_8 {width: 66%;}
.grid_9 {width: 74.5%;}
.grid_10 {width: 83%;}
.grid_11 {width: 91.5%;}
.grid_12 {width: 100%;}

[class*='grid_'] {margin: 1% 2% 1% 0%; float: left; display: block;}

.last{margin-right:0;}
.gutL1 {padding-left: 0.250em}
.gutL2 {padding-left: 0.375em}
.gutL3 {padding-left: 0.500em}
.gutR1 {padding-right: 0.250em}
.gutR2 {padding-right: 0.375em}
.gutR3 {padding-left: 0.500em}
.gutTB1 {padding: 1.125em 0.000em}

.row {}
.row:before,.row:after {content: " "; display: table; line-height: 0;}
.row:after {clear: both;}

.col {min-height: 1px; position: relative; padding-left: 20px; padding-right: 20px;}
.col:before, .col:after {content: " "; display: table; line-height: 0;}
.col:after {clear: both;}

.table1 {border-collapse: collapse; margin: 1.125em 0; width: 100%;}
.table1 th {background: #e1e1e1;}
.table1 th, .table1 td {border: 0.063em solid #ccc; padding: 0.750em;}

.table2 {border-collapse: collapse; border: 0.063em solid #ccc; margin: 1.125em 0; width: 100%;}
.table2 th {background: #e1e1e1;}
.table2 th, .table2 td {border-bottom: 0.063em solid #ccc; border-top: 0.063em solid #ccc; padding: 0.750em;}

.table3 {border-collapse: collapse; border: 0.063em solid #ccc; margin: 1.125em 0; width: 100%;}
.table3 th {background: #e1e1e1;}
.table3 th, .table3 td {border-right: 0.063em solid #ccc; border-left: 0.063em solid #ccc; padding: 0.750em;}

.thov tr:hover {background: #f1f1f1;}
.talt tr:nth-child(even){background-color:#f1f1f1;}

.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

code {background: #328efe; font-size: 0.875em; padding: 0.250em; display: inline-block; color:#fff; margin: 0.500em 0 0 0;}

blockquote {border-left: 1vw solid #e5e5e5; padding: 1.5vw 3vw; font-size: 1.0vw; color: #777;}
blockquote cite {font-size: 0.8vw; color: #999;}
blockquote cite:before {content: "� ";}

fieldset {margin: 18px 0px; border: 0; padding:0;}
legend {display:block; margin: 0 0 1.0em 0; padding: 0 0 0.8em 0; border-bottom: 0.063em solid #ccc; width: 100%; font-weight: bold;}
.form1 input[type=text], .form1 input[type=email], .form1 textarea, .form1 select {width: 100%; padding: .4em; margin: 0 .2em 0 .2em; display: inline-block; border: 0.063em solid #ccc; box-shadow: inset 0 0.125em 0.250em #eee; border-radius: 0.250em; vertical-align: middle; font-size: 1.000em; font-family: 'Roboto', sans-serif;}
.form1 label {margin: 0 .2em 0 .4em;}
.form1 input[type=submit] {padding: 1em; background: #14772e; border-radius:50%; height:75px; width:75px; color:#fff; margin:auto; display:block; position: relative; top:-40px;}

.form2 input[type=text], .form2 input[type=email], .form2 textarea, .form2 select {padding: .4em; margin: 0.3em 0em; display: inline-block; border: 0.063em solid #ccc; box-shadow: inset 0 0.125em 0.250em #eee; border-radius: 0.250em; vertical-align: middle; font-size: 1.000em; font-family: 'Roboto', sans-serif;}
.form2 label {margin: .3em 0; display:block;}
.form2 input[type=checkbox] {margin-top:1.0em;} 
.form2 button {margin: 0.875em 0.00em}

.form3 input[type=text], .form3 input[type=email], .form3 textarea, .form3 select {padding: .4em; border: 0.063em solid #ccc; box-shadow: inset 0 0.125em 0.250em #eee; border-radius: 0.250em; font-size: 1.000em; font-family: 'Roboto', sans-serif;}
.form3 label {margin: 0 .5em 0 0; width: 10.000em; text-align: right; display: inline-block;}
.form3 input[type=checkbox] {margin-top:1.0em;} 
.form3 button {margin: 0.875em 0.00em}

.fgroup {display: block; vertical-align: middle; width:100%; margin: .5em 0;}
.nolabel {margin: 0 0 0 -400em !important; height:0em;}

button {border-radius: 0.350em; padding: .5em; border: 0; font-size: 1.00em; cursor:pointer;}

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

#wrapper2 {height: auto; background-color: #5b003d;}
#top-widget {float:none; margin: 0 auto; text-align:center;}
header .but1 {margin: auto;}
.pad1 {padding: 0;}
.logo {display:block; margin:auto; position: relative; top:12px;}
img.alignright {float:none; display:block; margin:auto;}

.grid_1,.grid_2, .grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10, .grid_11,.grid_12 {width: 100%; float:none; margin:32px 0;}

.youtube1 {width:100%; height:275px;}
.pad5 {padding:0 38px;}
	
.userway_p1 {top: 60px !important;right: 30px !important;}

}

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

.pad2 {padding: 0;}
#wrapper2 h2 {font-size: 32px; line-height: 32px;}
h1 {font-size: 32px;}
.pad5 {padding:0px;}
}