/*  
Theme Name: Gail Blog
Theme URI: http://www.gailonline.com/
Version: 2015
Description: GAIL (India) Ltd was incorporated in August 1984 as a Central Public Sector Undertaking (PSU) under the Ministry of Petroleum & Natural Gas (MoP&NG). The company was initially given the responsibility of construction, operation & maintenance of the Hazira – Vijaypur – Jagdishpur (HVJ) pipeline Project. It was one of the largest cross-country natural gas pipeline projects in the world. Originally this 1800 Km long pipeline was built at a cost of Rs 1700 Crores and it laid the foundation for development of market for natural Gas in India.
Author: 
Author URI: 
*/
body {font-family: 'Lato', sans-serif !important;}
.um-profile-photo-mobile{
top:0 !important;
position:relative !important;
float: none !important;

}
/* MASONRY GRID */
.um-profile-photo a.um-profile-photo-img img{
	width:100% !important;
}
.um-account-meta {
    margin-bottom: 20px;
    text-align: center;
}
aside h1, aside p {
    color: #000000!important;
}
.masonry .item {
	width: 100%;
	float: left;
	display: block;
	padding: 0 15px;
	margin-top: 20px;
}
.masonry {
	top: 45px;
	margin-bottom: 85px;
}
img {
max-width: 100%;
height: auto;
}
.item img {
	width: 100%;
	height: 100%;
}
.item .container:hover {
	background-color: linear-gradient(rgba(40, 40, 40, 0.0), rgba(40, 40, 40, 0.0));
}
/* MASONRY ITEMS STYLE*/

.image .container {
	padding: 0 !important;
}
.important-post-info .categories a {
	color: #858482;
	font-family: 'Lato', sans-serif;
	font-style: italic;
}
.important-post-info .categories a:hover {
	color: #fff;
}
.important .container {
	padding-bottom: 294px;
	box-shadow: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.important-post-info p {
	display: inline-block;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-weight: 600 !important;
	font-family: 'Lato', sans-serif;
	font-style: normal !important;
	text-transform: uppercase;
}
.important-post-info {
	padding: 10px 20px;
	background-color: #323234;
	color: #fff;
	width: 100%;
	display: inline-block;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.important-post-info p a {
	color: #fff;
}
.important-post-info p a:hover {
	color: #858482;
}
.quote .container {
	background-color: #323234;
	padding-top: 20px;
	padding-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	box-shadow: none;
}
.quote .container h1 {
	font-size: 40px;
	color: #fff;
	text-shadow: none;
}
.quote .container p {
	font-size: 18px;
	font-style: italic;
	color: #858482;
	text-shadow: none;
	margin-top: 20px;
	padding: 0 20px;
}
.quote .redactor {
	background-color: #3c3c3e;
	color: #fff;
	padding: 20px 0 12px 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.quote .redactor p {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	font-style: normal;
	font-size: 14px;
	padding: 0 20px;
}
.text .container {
	background-color: #323234;
	padding-top: 10px !important;
}
.text .container h1 {
	padding: 0 20px;
}
.text .container h1.title a {
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 24px;
	text-shadow: none;
	font-style: normal;
	text-align: left;
	margin-top: 10px;
	text-transform: uppercase;
	padding-right: 0;
	padding-left: 0;
}
.text .container h1.title a:hover {
	color: #858482 !important;
}
.text .container a {
	margin-top: 60px;
	display: block;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	font-style: italic;
}
.text .container .categories {
	padding: 0 20px;
}
.text .container .categories a {
	margin: 0;
	padding-right: 5px;
	padding-left: 0;
	display: table-cell;
	text-shadow: none;
	color: #fff;
}
.text .container a:hover, .text .container .categories a:hover {
	text-decoration: none;
	color: #858482 !important;
}
.video .container {

	background-color: #323234;
	padding-top: 10px;
}
.video .container .categories {
	margin-bottom: 0px;
}
.video .container iframe {
	margin-top: 5px;
	margin-bottom: 15px;
}
.sound-cloud .container iframe {
	margin-top: 5px !important;
	margin-bottom: 15px;
}
.sound-cloud .container .categories {
	margin-bottom: 0;
}
.sound-cloud .container h1 {
	margin-top: 0;
}
.sound-cloud .container {
	background-color: #323234;
	padding-top: 10px;
}
.container h1 {
	font-size: 14px;
	padding: 0 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
}
.container p {
	font-style: normal;
	font-size: 13px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.container {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	color: #fff;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center !important;
}
.container .categories {
	padding: 0 5px;
	margin-bottom: 30px; min-height:25px;
}
.container .categories a {
	font-family: 'Lato', sans-serif;
	font-style: italic;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.container .categories a:hover {
	text-decoration: none;
	color: #fff200;
}
.image .container .gradient {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 30px; height:390px;
}
.image .container .gradient h1 { min-height:90px;}
.gradient p.selectionShareable {
    min-height: 115px;
}
/* MAIN STYLE */

.pager {
	padding: 0 5px;
}
.pager li>a, .pager li>span {
	background-color: transparent;
	padding: 10px 0 0 0;
	text-align: center;
	border: 1px solid #323234;
	margin: 0 5px;
	border-radius: 1000px;
	width: 40px;
	height: 40px;
	color: #ccc;
}
.pager li>a:hover, .pager li>span:hover {
	background-color: transparent;
	border-color: #ccc;
}
.pager li>a:active, .pager li>a:focus {
	background-color: transparent;
}
.pager li p {
	display: -webkit-inline-block;
	display: -ms-inline-block;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
}
.form-control {
	padding-left: 20px;
	background-color: transparent;
	border: 1px solid #323234;
	border-radius: 500px;
	color: #eee;
	font-family: 'Lato', sans-serif;
	display: block;
}
.search { position:relative;}
.search input { padding-right:45px;}
.search input[type="submit"] {
    background: url(images/submit-arrow.png) no-repeat; width:24px; height:24px;
    border: none;
    padding-right: 0;
    position: absolute;
    right: 25px;
    text-indent: -999em;
    top: 16px;
}
.search .form-control {
	margin-top: 10px;
	width: 100%;
	height: 37px; border-color:#fff200;
}
.form-control:-moz-placeholder {
  color: #999;
}
.form-control::-moz-placeholder { color: #fff200; opacity: 1; }
.form-control:-ms-input-placeholder { color: #fff200; opacity: 1; }
.form-control::-webkit-input-placeholder { color: #fff200; opacity: 1; }

.search button {
	background-color: transparent;
	border: none;
	position: absolute;
	left: 27%;
	top: 18px;
	color: #ccc;
}
.search button:hover, .search button:active {
	color: #eee;
}
#results {
	display: inline-block;
	position: absolute;
	width: 29.9%;
	z-index: 3;
	left: 15px;
	top: 60px;
	background-color: #323234;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}
#results p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 600 !important;
	font-family: 'Lato', sans-serif;
	font-style: normal !important;
	text-transform: capitalize;
	font-size: 14px;
	margin-bottom: 0;
}
#results a {
	color: #fff;
	padding: 10px 15px;
	display: block;
	text-transform: uppercase;
}
#results date {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-size: 14px;
	text-transform: none;
	display: block;
}
#results a:first-child {
	padding-top: 20px;
}
#results a:last-child {
	padding-bottom: 20px;
}
#results a:hover {
	color: #858482;
}
#blog, #article {
	overflow-y: hidden;
	overflow-x: hidden;
}
#blog nav {
	padding: 0 5px;
}
a, i, .blog-info, #sidr a, .label, .sidr-animating, .sidr-open, aside, #switchform {
	transition: all .25s ease;
}
a, a:hover, a:active, a:focus {
	text-decoration: none !important;
	outline: none !important;
}
body, html {
	background-color: #ffffff;
	overflow-x: hidden; padding-top:77px;
}
/*body.home, html.home {
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
}
p {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-style: italic;
}
.btn-default {
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 500px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	padding: 10px 15px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	letter-spacing: 1px;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
	background-color: transparent;
	background: transparent;
	color: #fff200;
	border: 1px solid #fff200;
	box-shadow: none;
}
hr {
	height: 2px;
	width: 40px;
	background-color: #fff;
	border: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	background-color: transparent;
}
/* ASIDE STYLE */
aside {
	text-align: center;
	height: 100%;
	display: table;
	position: fixed !important;
	left: 0px; top:0;
	padding-left: 85px !important;
	padding-right: 35px !important;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
aside.author p {
	margin-top: 10px !important;
	padding: 0 10px;
}
aside.author .circle {
	width: 120px;
	height: 120px;
	border-radius: 1000px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	margin: auto;
	margin-bottom: 10px;
	display: block;
}
aside.author .fa-map-marker {
	margin-right: 5px;
}
aside.author .social-icons {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	padding-left: 85px;
	padding-right: 35px;
}
aside.tag h1 i {
	margin-right: 5px;
}
aside h1 {
	color: #fff;
	font-size: 32px;
	margin: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); padding-top:200px;
}
aside h1 i {
	font-size: 20px !important;
	vertical-align: middle;
	margin-top: -2px;
}
aside p {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
aside .blog-info {
	display: table-cell;
	vertical-align: middle; }
aside .blog-info p {
	margin: 0;
	display: inline-block;
}
aside .blog-info img {
	margin-bottom: 10px;
}
aside #tags {
	margin-top: 0;
}
#simple-menu {
	background-color: rgba(0, 0, 0, 0.5);
	color: #ccc;
	height: 100%;
	width: 50px;
	position: fixed;
	top: 0;
	left: 0;
	display: table;
	vertical-align: middle;
	z-index: 2;
}
aside hr {
	margin-top: 20px;
	margin-bottom: 10px;
}
#simple-menu i {
	margin-left: 20px;
}
#simple-menu .menu-toogle {
	height: 100%;
	vertical-align: middle; padding-top:200px;
	display: table-cell;
	width: 100%;
}
#simple-menu p {
	margin-top: 5px;
	margin-bottom: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	color: #ccc;
	text-transform: uppercase;
	font-style: normal;
	text-align: center;
	font-size: 10px;
}
/* ERROR */

.error {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
	display: table;
	padding: 0 200px;
}
.error-details {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.error-message {
	text-align: center;
}
.error-message h1, .error-message h2 {
	color: #fff;
}
.error-message a {
	margin-top: 10px;
}
.error-message p {
	font-family: 'Lato', sans-serif;
	color: white;
}
.error-message pre {
	padding: 0 50px;
	background-color: #222;
	text-align: left;
}
.error-message pre code p {
	font-style: normal !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}
.error-message p {
	color: #d88;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}
.error-message p.message {
	color: #a6e22e;
}
/* MODAL */

.modal-open {
	padding-right: 0 !important;
}
.modal-header {
	border-bottom: none;
}
.modal-body {
	display: inline-block;
	height: 100%;
	width: 100%;
	background-color: #222;
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 5px;
	padding: 0;
}
.modal-footer {
	border-top: none;
}
.modal-backdrop.in {
	opacity: .8;
	filter: alpha(opacity=80);
}
.modal {
	text-align: center;
}
.modal:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	color: #fff;
	transform: translate(0, 50%) !important;
	-ms-transform: translate(0, 50%) !important; /* IE 9 */
	-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}
.modal-dialog button {
	margin-top: 20px;
}
.modal-dialog h3 {
	margin-top: 0;
}
/* ARTICLE */

#content {
	position: relative;
	padding: 20px;
}
#content p {
	color: #000;
	font-style: normal;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #000;
	margin: 0 0 20px 0;
}
#content a {
	color: #3AB6DA;
	text-decoration: none;
}
#content a:hover {
	color: #000;
	text-decoration: none;
}
#content ul, #content ol {
	margin-top: 10px;
}
#content ul ul, #content ul ol, #content ol ol, #content ol ul {
	margin-top: 0;
}
#content hr {

	width: 100px; background-color:#fff200; height:1px;

}
#content .container {
	float: left;
	width: 33.333333%;
	display: inline-block;
	padding: 0;
	margin-right: 20px;
	margin-top: 20px;
}
#content input[type=submit] { 
  background: #eeeeee none repeat scroll 0 0;
  color: #666666;
  display:inline-block; 
  margin-top:0;
  padding:0 15px;
}
#content input[type=submit]:hover{
  background: #e5e5e5;
}
#content .form-control, #content input {
	margin: 10px 0;
	padding-left: 20px;
	background-color: transparent;
	height: 40px;
	border: 1px solid #323234;
	border-radius: 500px;
	color: #000;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	font-size: 14px;
	line-height: 1.42857143;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
#content input[type=checkbox] { height:auto;}
#content textarea {
	margin: 10px 0;
	padding-left: 20px;
	background-color: transparent;
	border: 1px solid #323234;
	border-radius: 20px;
	
	font-family: 'Lato', sans-serif;
	display: inline-block;
	font-size: 14px;
	line-height: 1.42857143;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
#content .form-control:focus, #content input:focus, #content textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.form-allowed-tags { display:none;}
#content .container blockquote {
	margin-top :0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border: none;
	background-color: #323234;
	color: #858482;
	font-size: 18px;
	font-style: italic;
	font-family: 'Lato', sans-serif;
	margin-bottom: 0;
	padding: 20px 35px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
#content .container blockquote i {
	font-size: 40px;
	color: #fff;
	text-shadow: none;
}
#content blockquote {
	border: none;
	border-left: 3px solid #ffffff;
	margin: 20px 0;
	background-color: transparent;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	margin: 10px 0;
	background-color: #3c3c3e;
	color: #ffffff;
}
#content code {
	background-color: #3c3c3e;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
}
#content pre code {
	color: #fff;
	display: block;
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
	background-color: transparent;
}
#content iframe, #content .container, #content img, #content pre {
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */ border:1px solid #cccccc;
}
/*#content img {-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; }*/

#content .fluid-width-video-wrapper {
	margin: 20px 0;
}
#content cite {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	font-style: normal;
	font-size: 14px;
	background-color: #3c3c3e;
	display: block;
	padding: 20px 0 22px 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#content .progress {
	background-color: #444;
}
#content pre {
	border: none;
	border-left: 3px solid #ffffff;
	margin: 20px 0;
	background-color: transparent;
	padding: 0;
}
#content pre code {
	padding: 20px;
}
#content ul, #content ol {
	font-family: 'Lato', sans-serif;
	color: #000;
	font-size: 16px;
}
#content img {
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#tags {
	margin-top: 10px;
	margin-bottom: 5px;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	padding-left: 85px;
	padding-right: 35px;
}
.label {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-style: italic;
	background-color: transparent;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	font-weight: 400;
}
.label:hover {
	color: #ccc;
}
/*#author {
	text-align: center;
	border-radius: 5px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	padding-left: 85px;
	padding-right: 35px;
}
#author a {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-style: italic;
	background-color: transparent;
	font-weight: 400;
	margin-top: 10px;
}
#author a:hover {
	color: #ccc;
}
#author hr {
	width: 40px;
	margin: 10px auto;
}
#author p {
	text-shadow: none;
	font-style: italic;
	margin-bottom: 0;
}
#author img {
	border-radius: 1000px;
	margin-top: 0;
	margin-bottom: 0;
}*/
.container.clear {
	box-shadow: none;
	padding-top: 0;
	padding-left: 0;
	padding-right: 30px;
	padding-bottom: 0;
}
/* SIDE MENU */

.sidr {
	z-index: 0;
}
.sidr-open #sidr, .sidr-animating #sidr {
	display: table !important;
}
.sidr-open, .sidr-animating {
	left: 0 !important;
	width: 100% !important;
}
.sidr-open .blog-info, .sidr-animating .blog-info, .sidr-open #tags, .sidr-animating #tags, .sidr-open #author, .sidr-animating #author {
	opacity: 0;
	filter: alpha(opacity=0);
}
.sidr-open aside, .sidr-animating aside {
	position: fixed !important;
	box-shadow: none;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg">< id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
	-webkit-filter: blur(3px);
	filter: blur(3px);
 filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=3);
	-ms-filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	overflow: hidden !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
}
.sidr-open #simple-menu i {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sidr {
	background: rgba(0, 0, 0, 0.5);
	background-size: cover;
	box-shadow: none;
	text-align: center;
	height: 100%;
	width: 33.333333333%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left: 85px;
	padding-right: 35px;
}
#sidr .navigation {
	display: table-cell !important;
	vertical-align: middle; padding-top:200px;
	width: 100%;
}
#sidr a {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 16px;
	font-style: normal;
	color: #fff !important;
	letter-spacing: 1px;
}
#sidr a:hover {
	color: #ccc;
	box-shadow: none;
}
#sidr p {
	position: absolute;
	bottom: 20px;
	left: -2px;
	width: 100%;
	padding: 0 10%;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	letter-spacing: 0;
	padding-left: 85px;
	padding-right: 35px;
}
#sidr ul {
	display: inline;
	vertical-align: middle;
	letter-spacing: normal;
	font-weight: 300;
	letter-spacing: normal;
	list-style: none;
}
#sidr h1 {
	box-shadow: none;
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	margin-top: 40px;
	background: transparent;
	word-break: break-word;
	color: #fff;
	width: 100%;
	position: absolute;
	left: 0;
	padding-left: 85px;
	padding-right: 35px;
}
#sidr h1 a {
	text-decoration: none;
	font-size: 28px;
	letter-spacing: 0;
	text-transform: none !important;
}
#sidr ul, #sidr li, #sidr ul:hover, #sidr li:hover, #sird a:hover {
	margin: 0;
	border: none;
	line-height: 40px;
	box-shadow: none;
}
/* SOCIAL ICONS */
.social-icons i {
	color:#3ab6da ;
	border-radius: 1000px;
	padding-top: 9px; font-size:20px;
	background:#fff200;
	margin: 0 5px;
	width: 37px;
	height: 37px;
	margin-top: 10px;
	transition: all 1s ease !important;
	text-align: center;
}
.social-icons i:last-child {
	margin-right: 0;
}
#___plusone_0 > iframe {
    box-shadow: none;
}
.social-icons i:hover {
	border-color: transparent;
	color: #fff;
/*	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
*/}
.social-icons i.fa-facebook:hover {
	background-color: rgba(59, 89, 152, 0.5);
}
.social-icons i.fa-google:hover {
	background-color: rgba(221, 75, 57, 0.5);
}
.social-icons i.fa-rss:hover {
	background-color: rgba(255, 102, 0, 0.5);
}
.social-icons i.fa-twitter:hover {
	background-color: rgba(0, 172, 237, 0.5);
}
.social-icons i.fa-youtube:hover {
	background-color: rgba(196, 48, 43, 0.5);
}
.social-icons i.fa-github:hover {
	background-color: rgba(23, 21, 21, 0.5);
}
.social-icons i.fa-pinterest:hover {
	background-color: rgba(200, 35, 44, 0.5);
}
.social-icons i.fa-tumblr:hover {
	background-color: rgba(53, 70, 92, 0.5);
}
.social-icons i.fa-linkedin:hover {
	background-color: rgba(14, 118, 168, 0.5);
}
.social-icons i.fa-instagram:hover {
	background-color: rgba(63, 114, 155, 0.5);
}
.social-icons i.fa-behance:hover {
	background-color: rgba(23, 105, 255, 0.5);
}
.social-icons i.fa-dribbble:hover {
	background-color: rgba(234, 76, 137, 0.5);
}
.social-icons i.fa-globe:hover {
	background-color: rgba(50, 50, 52, 0.5);
}
/* SWITCH FORM */

#switchform {
	position: fixed;
	top:  80px;
	color: #fff;
	right: -50px;
	background-color: #3c3c3e;
	z-index: 10000;
	padding: 7px 10px;
	border: 1px solid rgba(145, 145, 145, 0.45);
}
#switchform a:first-child {
	color: #222;
	margin-right: 10px;
}
#switchform a:nth-child(2) {
	color: #FAFAFA;
}
#switchform .activator {
	position: absolute;
	border: 1px solid rgba(145, 145, 145, 0.45);
	;
	border-right-color: transparent;
	z-index: 10;
	top: -1px;
	left: -43px;
	padding: 10px;
	padding-right: 23px;
	background-color: #3c3c3e;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#switchform:hover {
	right: 0;
}
/* OTHERS */
.padding0 {
	padding: 0;
}
.videofix {
	-webkit-animation: none !important;
}
.fluid-width-video-wrapper {
	display: inline-block;
}
.email {
	margin-bottom: 10px;
}
.shadow {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar {
 width: 8px;
}

::-webkit-scrollbar-track {
 background-color: transparent;
 border: none;
}

::-webkit-scrollbar-thumb {
 background-color: #323234;
}

::-webkit-scrollbar-thumb:hover {
 background-color: #858482;
}
#disqus_thread {
	padding: 0 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #fff;
}
.gradient {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(40,40,40,0.7) 0%, rgba(40,40,40,0.7) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40,40,40,0.7)), color-stop(100%, rgba(40,40,40,0.7)));
	background: -webkit-linear-gradient(top, rgba(40,40,40,0.7) 0%, rgba(40,40,40,0.7) 100%);
	background: -o-linear-gradient(top, rgba(40,40,40,0.7) 0%, rgba(40,40,40,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(40,40,40,0.7) 0%, rgba(40,40,40,0.7) 100%);
	background: linear-gradient(to bottom, rgba(40,40,40,0.7) 0%, rgba(40,40,40,0.7) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66282828', endColorstr='#66282828', GradientType=0 );
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 5px;
}

div.uimob800 .um-account-side { width:200px !important; margin-right:25px;}
div.uimob800 .um-profile-photo a.um-profile-photo-img { width:auto !important;}

.column {
	float: left;
}
.size-1of1 {
	width: 100%;
}
.size-1of2 {
	width: 50%;
}
.size-1of3 {
	width: 33.333%;
}
.size-1of4 {
	width: 25%;
}

#header { position:fixed; z-index:99; background:#ffffff; width:100%; top:0;}
.tsearch { background:#3ab6da; padding:0 0 10px 0;}
a.home { display:inline-block; background:url(images/home-icon.png) no-repeat; height:37px; width:37px; text-indent:-999em; margin-top:10px; margin-left:10%;}
.header { display:table; width:100%;}
.header div { display:table-cell; float:none;}
.glogo a { display:inline-block; padding-left:8%; padding-top:10px; padding-bottom:10px;}
.top-login { background:#fff200; font-size:18px; color:#3ab6da;}
.top-login a { margin:0 5px; display:inline-block; color:#3ab6da;}
.top-login a:hover, .top-login a:focus { color:#000000;}

.masonry .item { width:32.33333% \9; }
.social-section .item { width:32.33333%; padding:0 15px 35px 15px; }

.category-sec { margin:35px 0 15px 0; padding:0;}
.category-sec li{ display:inline-block; vertical-align:middle; }
.category-sec li a{ color:#000000; padding:0 15px; border-left:1px solid #000000; display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase;}
.category-sec li:first-child a { border-left:none;}
.category-sec li:first-child{ margin:0;}
.category-sec li a:hover, .category-sec li a:focus{color:#3ab6da;}

.filter-bar { padding:7px 15px; color:#fff; margin:15px 0;}
.filter-field  {display:inline-block;vertical-align:middle; }
.filter-field ul {margin:0; padding:0; list-style:none; }
.filter-field li{ float:left; vertical-align:middle; border-left:1px solid #000; padding:0 8px; line-height:14px;}
.filter-field li a {color:#000;  font-size:12px; display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase;}
.filter-field li:first-child { border-left:none; padding-left:0; margin:0;}
.filter-field li a:hover, .filter-field li a:focus{color:#3AB6DA;}

.innercat .filter-field  {display:inline-block;vertical-align:middle; }
.innercat .filter-field ul {margin:0; padding:0; list-style:none; }
.innercat .filter-field li{ display:inline-block; vertical-align:middle; }
.innercat .filter-field li a {color:#ffffff; padding:0 15px; border-left:1px solid #ffffff; display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase;}
.innercat .filter-field li:first-child a { border-left:none; padding-left:0;}
.innercat .filter-field li:first-child{ margin:0;}
.innercat .filter-field li a:hover, .innercat .filter-field li a:focus{color:#fff200;}

.social-post { width:31%; /*margin:1%;*/ padding:1%;}
.social-post p, .social-post a p { border-left:solid 2px #cc6600; padding-left:15px; color:#333}
.social-source { display:block; margin:15px 0;}
.social-post figure { overflow:hidden;}
.social-name { font-size:18px; color:#87888a; padding-left:10px; margin-left:10px; border-left:solid 1px #000; display:inline-block; vertical-align:middle;}

/** Filter **/
.socialFilter a { color:#666; text-decoration:none;}
.socialFilter a.current { color:#3ab6da; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
/** Filter **/

/*------------------ INNER PAGES STYLES ------------------*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 2%;}
.alignright, img.alignright { display: inline; float: right; margin-left: 2%; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom:18px; }

.video-container { text-align:center;}

body.archive { margin-top:0;}
.archive { margin-top:25px;}
.bloglist { margin-top:10px;}
.entry-thumbnail { margin-top:10px;}
-->

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 604px;*/
	width: 100%;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
	max-width: 1040px;
	padding-left: 60px;
	padding-right: 376px;
}

.comments-title {
	font: 300 italic 22px "Source Sans Pro", Helvetica, sans-serif; padding-top:15px;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 20px;
}

.comment-list > li:after,
.comment-list .children > li:before {
	background: url(http://gailvoice.com/wp-content/themes/gail/images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list > li:last-child:after {
	display: none;
}

.comment-body {
	padding: 24px 0;
	position: relative;
}

.comment-author {
	float: left;
	max-width: 74px; margin-right:15px;
}

.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #888;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;
}

.bypostauthor > .comment-body .fn:before {
	content: "\f408";
	vertical-align: text-top;
}

.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: left;
	word-wrap: break-word;
}
.comment-list li { clear:both; display:block; border-bottom:1px solid #333; min-height:200px;}

.comment-meta,
.comment-meta a {
	color: #2a6b1a;
	font-size: 13px; text-align:right; display:inline-block;
}
.comments-area {
    padding: 15px;
}

.comment-meta a:hover {
	color: #ea9629;
}

.comment-metadata {
	margin-bottom: 20px;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	content: "\f414";
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
	margin-right: 3px;
}

/* Comment form */
.comment-respond {

	padding: 30px 0;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif; clear:both; margin-top:40px;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}

.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}
.post-materials span { color:#cccccc; padding:0 5px;}
.material-font { padding:0 !important;}
.author-name { padding-left:0 !important;}
article.archive {
    border-bottom: 1px solid #666;
    padding-bottom: 20px;
}
.newsletter-subscription table { width:100%;}
.newsletter-subscription tr { display:inline; width:50%;}
.newsletter-subscription th { color: #000; display: block; font-weight: normal; font-size:15px;}
.newsletter-subscription input[type=email], .newsletter-subscription input[type=text] { background:#fff64c !important; border:1px solid #3AB6DA !important; width:400px;}
.newsletter-subscription input[type=submit] { background:#75cce6 !important; text-transform:uppercase; border:1px solid #3AB6DA !important; color:#000000 !important; font-weight:bold !important; font-size:16px;}
.gail_contact h4 { font-weight:bold; color:#3AB6DA !important; margin-top:20px !important; margin-bottom:10px !important;}
.gail_contact ul { margin:0; padding:0;}
.gail_contact ul li { display:inline-block; vertical-align:middle; width:20%; text-align:left; list-style:none; font-size:12px;}
.gail_contact ul li i {
	color:#ffffff ;
	border-radius: 1000px;
	padding-top:5px; font-size:15px;
	margin: 0 5px;
	width: 25px;
	height: 25px;
	margin-top: 10px;
	transition: all 1s ease !important;
	text-align: center;
}
.gail_contact ul li i.fa-facebook { background:#3c5a9a;}
.gail_contact ul li i.fa-twitter { background:#2caae1;}
.gail_contact ul li i.fa-instagram { background:#517ea3;}
.gail_contact ul li i.fa-vimeo-square { background:#41b1dc;}

.gail_contact ul li i.fa-youtube { background:#d02020;}
.gail_contact ul li i.fa-google-plus { background:#dd4b39;}
.gail_contact ul li i.fa-vine { background:#0d3151;}
.gail_contact ul li i.fa-linkedin { background:#0177b5;}

.contact_details { padding:10px; border:1px solid #656565; min-height:180px; position:relative; margin-bottom:15px;}
.contact_details h4 { margin:0 !important; padding:0 0 5px 0 !important; font-size:18px !important; font-weight:normal !important; color:#000000 !important; line-height:normal;}
.contact_details h5 { margin:0 !important; padding:0 0 10px 0 !important; font-size:15px !important; font-weight:normal !important; color:#5a5a5a !important; line-height:normal;}
.contact_details span { display:block; font-size:14px; color:#000; padding:5px 0 5px 30px; line-height:normal;}
.contact_details a { color:#000 !important;}
.contact_details a:hover, .contact_details a:focus { color:#3AB6DA !important;}
.contact_details .cemail { background:url(images/email_icon.png) no-repeat;}
.contact_details .cfax { background:url(images/fax_icon.png) no-repeat;}
.contact_details .cextn { background:url(images/tel_icon.png) no-repeat;}
.contact_details::after { border-right: 1px solid #3AB6DA; content: ""; height: 35px; position: absolute; right: -17px; top: 40%; }

.nav-previous, .nav-next {
    float: left;
    width: 50%;
}
.nav-next { text-align:right;}
#nav-below { padding:30px 0 !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color:#3ab6da; border-color:#3ab6da;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color:#428bca !important;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#3ab6da; border-color:#333;}
.pagination > li > a, .pagination > li > span { color:#ffffff !important; background-color:#666666 !important; border:1px solid #333;}
.gradient h1 a, .gradient p a { color:#ffffff;}
.gradient h1 a:hover, .gradient h1 a:focus, .gradient p a:hover, .gradient p a:focus { color:#FFF200;}
.comment-author img { margin-bottom:5px !important;}
.comment-author cite { padding:0 !important; background:none !important;}
.bbg { position:relative;}
.bbg:after { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; content:''; z-index:0;}

.bbg .blog-info {position:relative; z-index:55;}
.page-id-19 ul li a { color:#000000;}
.page-id-19 ul li a:hover { color:#3ab6da;}

.top-login img { -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; width:32px; height:32px; cursor:pointer;}

.activity.dropdown { display:none; position:absolute; z-index:999; list-style:none; left:0; top:97px; padding:0;  width:100%; }
.activity.dropdown li { border-top:1px solid #3ab6da; text-align:left;}
/*.activity.dropdown li:first-child { border-top:none;}*/
.activity.dropdown li a { color:#000000 !important; background:#fff200; display:block; padding:8px 15px; margin:0;}
.activity.dropdown li a:hover, .activity.dropdown li a:focus { background:#3ab6da; }

.main-login { width:100%; border:1px solid #3ab6db; width:100%; padding:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; margin-top:50px;}
.login_panel { margin:0 auto; width:75%; position:relative; }
.login_panel p.login-username label, .login_panel p.login-password label { width:80px; font-weight:400; font-style:normal;}
.login_panel p.login-username input, .login_panel p.login-password input { width:80%; background:#fff64c; border:1px solid #3ab6db; height:35px;
	margin: 5px 0; font-style:normal;
	padding-left: 20px;
	border-radius: 500px;
	color: #000;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	font-size: 14px;
	line-height: 1.42857143;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
p.login-remember label { font-weight:400; font-style:normal;}
.login_panel p.login-remember input { height:auto !important;}
.login-submit input { background:#fff64c; border:1px solid #3ab6db; color:#000000; text-transform: uppercase; width: 150px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; font-style:normal; padding:5px 0; }

.login_panel .regbtn { position:absolute; right:6%; bottom:50px;}
.login_panel .regbtn a { color:#3ab6db;}
.login_panel .regbtn span { display:inline-block; margin:0 7px; }
.login_panel .regbtn a {
    font-size: 16px;
    font-weight: 700;
}
.blog-info i {
    font-style: normal; display:inline-block; font-size:24px !important;
}
.stext p { font-size:14px;}
.connectwith {
    bottom: 0;
    position: absolute;
    right:11%; bottom:-15px;
}
.wp-social-login-widget > div {
    display: inline-block;
    vertical-align: middle;
}
.wp-social-login-widget { width:100%;}

.registration.register #content .register-section { margin-top:30px;}
#basic-details-section { border-right:1px solid #d9d9d9;}
.registration.register #content .register-section h4 { font-size:24px; color:#3ab6db;}
.registration.register #content #profile-details-section > input[type=checkbox] { height:auto;}

.registration.register #content .register-section input[type=text], .registration.register #content .register-section input[type=password], .registration.register #content .register-section input[type=email], .registration.register #content .register-section input[type=tel]
 { width:90% !important; background:#fff64c; border:1px solid #3ab6db; height:35px; font-style:normal;
	margin: 5px 0;
	padding-left: 20px;
	border-radius: 500px;
	color: #000;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	font-size: 14px;
	line-height: 1.42857143;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.registration.register #content #buddypress .standard-form div.submit { padding:0;}
.registration.register #content #signup_submit { background:#fff64c; border:1px solid #3ab6db; color:#000000; font-size:15px; width: 150px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; font-style:normal; padding:5px 0; }

.registration.register #content #buddypress #signup_form.standard-form div.submit {
    float: left;
}
.cross { font-style:normal;}

#down_count, #vmp_down_counter { display: inline-block; vertical-align: top; }
.main_wrapper_left img { margin:0 !important;}
.main_wrapper_left { margin-top:9px;}
.filter-field.pull-right { padding-top: 5px; }
.um-profile-nav { background:none !important; color:#333333!important;}
.um-profile-nav a { font-size:18px!important; color:#333333 !important;}
.um-3330.um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um-3330.um .um-members-pagi span.current, .um-3330.um .um-members-pagi span.current:hover, .um-3330.um .um-profile-nav-item.active a, .um-3330.um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover { background:none !important; color:#333333 !important; border-bottom:3px solid #3ab6da!important;}
.um-profile-nav-item a:hover { background:none !important; border-bottom:3px solid #3ab6da !important;}
.um-profile-nav-item a { display:inline-flex; border-radius:0 !important; color:#333333 !important; margin-left:20px !important;}
.um-profile-nav-item.um-profile-nav-activites a { margin-left:0 !important;}
.um-3330.um .um-profile-body { max-width:inherit !important; width:96%;}
.um-3330.um .um-profile-photo a.um-profile-photo-img { top:0 !important;}
.um-profile-photo a.um-profile-photo-img { position:static !important; width:95%;}
.um-3330.um .um-profile-photo a.um-profile-photo-img { width:100px !important; height:100px !important;}
.um-3330.um .um-profile-photo { width:125px !important;}
.profile_bio { overflow:hidden;}
.shortbio { height: 75px; margin:15px 0 20px 0; overflow: auto; padding-right: 25px; }
#activitesSorting, #commentsSorting, #upvotesSorting { background: none; font-size: 15px; margin-top: -3px; padding: 0; }
.pdate { padding-top:8px;}
a.um-ajax-paginate.um-button { color: #ffffff !important; font-size: 16px; text-transform: uppercase !important; }
a.um-ajax-paginate.um-button:hover { color:#000000 !important;}
.profile_bio h2 { text-transform:capitalize;}
a.um-link-alt { text-align:left !important;}
i.fire, i.coal, i.gasoline, i.natgas, i.new-energy, i.scholar, i.thought, i.partner { width:87px; height:86px; margin-top:-25px; vertical-align:middle; display:inline-block; font-style:normal;}

i.fire { background:url(images/fire.jpg) no-repeat;}
i.coal { background:url(images/coal-stone.jpg) no-repeat;}
i.gasoline { background:url(images/gasoline.jpg) no-repeat;}
i.natgas { background:url(images/natgas.jpg) no-repeat;}
i.new-energy { background:url(images/new-energy.jpg) no-repeat;}
i.scholar { background:url(images/scholar.jpg) no-repeat;}
i.thought { background:url(images/thought-leader.jpg) no-repeat;}
i.partner { background:url(images/partner.jpg) no-repeat;}

.sclass { font-weight:bold; color:#3AB6DA;}
.um-profile .um-profile-body { padding-top:0 !important;}
.ssb-share.packslide a { box-shadow:none !important; margin-top:0 !important; }
.ssb-share.packslide .total-count { background:none !important; font-size:15px; padding-top:2px; padding-left:0; padding-right:0;}
.casepress-bottom { float:right;}
.um-profile-photo { width:100% !important;}
.ssb-share { margin-top:10px;}

.um-page-account.um-page-loggedin input[type=text],
.um-page-account.um-page-loggedin input[type=email],
.um-page-account.um-page-loggedin input[type=tel],
.um-page-account.um-page-loggedin input[type=password],
.um-page-account.um-page-loggedin textarea { background:#ffffff !important; color:#000000 !important; }
.um-profile-photo-overlay i { color:#fff200;}
.um-um_account_id.um .um-form *::-moz-placeholder { color:#000000 !important;}
.um-page-account.um-page-loggedin .um-um_account_id.um .um-form input[type="text"], .um-page-account.um-page-loggedin .um-um_account_id.um .um-form input[type="password"], .um-um_account_id.um .um-form textarea, .select2-container .select2-choice, .select2-container-multi .select2-choices { background-color:#ffffff !important;}
.um-3329.um .um-form input[type="text"], .um-3329.um .um-form input[type="password"], .um-3329.um .um-form textarea, .select2-container .select2-choice, .select2-container-multi .select2-choices { background:#ffffff !important; color:#000000 !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; -o-border-radius:20px !important; border-radius:20px !important;}

.um-page-login .um-field-label, .um-page-register .um-field-label { float:none; width:100%; padding-top:0;}
.um-page-login .um-field-area, .um-page-register .um-field-area { overflow:inherit;}

.um-page-register #content .form-control, .um-page-register #content input {border:2px solid #ddd !important;}
.um-page-register input[type=text],
.um-page-register input[type=email],
.um-page-register input[type=tel],
.um-page-register input[type=password],
.um-page-register textarea { background:#ffffff !important; border:2px solid #ddd !important; color:#000000 !important; }

.um-page-register .um-3328.um { max-width:inherit !important; width:100%;}
.um-page-register .um-col-1 > div { display:inline-block; width:46%; margin:0 2% 0 0;}
.um-button { color:#000000 !important; text-transform:uppercase !important; background:#75cce6 !important; border:2px solid #ddd !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; -o-border-radius:20px !important; border-radius:20px !important;}

.um-field-label label { display:inline;}
.um-field-label { float:left; width:150px; padding-top:10px;}
.um-field-area { overflow:hidden;}

.children li { border:none;}
.welcomeuser { background: #fff200; margin-bottom: 35px; padding:25px 15px; text-align: center; }
.welcomeuser h2 { font-weight:300; font-size:30px; margin:0 0 5px !important;}
.welcomeuser h2 strong { font-weight:bold;}

#feedModalLabel { font-size: 40px; }
a.custom-close { background: #333333; color: #ffffff; padding: 0 15px; margin:0 !important;}
a.custom-close.btn-primary { margin-bottom: 15px; padding: 5px 15px; text-transform: uppercase; }
.uaccount h2 { color:#3ab6db !important;}

.um-page-register .um-right.um-half > a { background:none!important; border: none !important; color: #3ab6da !important; padding: 15px 0 !important; text-align: left; text-transform: inherit !important; }
.um-page-register .um-right.um-half { float:left; width:33%;}
.um-page-register .um-left.um-half { float:right; width:30%; margin-right:7%;}

.registersocial .wp-social-login-connect-with { display:block; text-align:center;}
.registersocial .wp-social-login-provider-list { text-align:center; width:100%;}
.registersocial .wp-social-login-provider-list a { display:inline-block; margin-right:10px; padding:5px 45px; text-transform:uppercase; color:#000000 !important; background:#fff64c; border:1px solid #75cce6; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; -o-border-radius:20px !important; border-radius:20px !important;}
.registersocial .wp-social-login-provider-list a:hover,
.registersocial .wp-social-login-provider-list a:focus { background:#75cce6;}

.page-id-3297 .wp-social-login-provider-list > a { text-indent:-999em; width:32px; height:32px; display:inline-block; }
.page-id-3297 .wp-social-login-provider-list > a.wp-social-login-provider.wp-social-login-provider-facebook { background:url(../../uploads/2015/11/lfacebook.png) no-repeat;}
.page-id-3297 .wp-social-login-provider-list > a.wp-social-login-provider.wp-social-login-provider-twitter { background:url(../../uploads/2015/11/ltwitter.png) no-repeat;}
.page-id-3297 .wp-social-login-provider-list > a.wp-social-login-provider.wp-social-login-provider-google { background:url(../../uploads/2015/11/lgoogle.png) no-repeat;}

/*.page-id-3297 .wp-social-login-provider-list > a.wp-social-login-provider.wp-social-login-provider-facebook { background:url(images/lfacebook.png) no-repeat;}
.page-id-3297 .wp-social-login-provider-list > a.wp-social-login-provider.wp-social-login-provider-twitter { background:url(images/ltwitter.png) no-repeat;}
.page-id-3297 .wp-social-login-provider-list > a.wp-social-login-provider.wp-social-login-provider-google { background:url(images/lgoogle.png) no-repeat;}*/

.ssb-share.packslide a { height:24px !important; width:24px; border-radius:12px; margin-right:10px;}
.ssb-share.packslide a span.count { color:#ffffff !important; padding-right:5px; }
.ssb-share.packslide a.fb {  background:#3a589b url(images/pfacebook.png) no-repeat !important;}
.ssb-share.packslide a.twitter { background:#1cb7eb url(images/ptwitter.png) no-repeat !important;}
.ssb-share.packslide a.pinterest { background:#ca2028 url(images/ppinterest.png) no-repeat !important;}

.um-field-Interests{ border-bottom :1px solid #ccc; }

/*---- star-rating ----*/
.feed-rmb { margin-bottom: 10px; }
.feed-rmt { margin-top: 10px; }
.vote_invalid { color: #C74A4A; }
.vote_thanks { color: #3ab6da; }
.ratings_stars {
  background: url('images/star_blank.png') no-repeat center; float: left; height: 24px; padding: 2px; width: 24px;
}
.ratings_vote {
  background: url('images/star_voted.png') no-repeat center; float: left; height: 24px; padding: 2px; width: 24px;
}
.ratings_over {
  background: url('images/star_overs.png') no-repeat center; float: left; height: 24px; padding: 2px; width: 24px;
}
/*----*/

/* MEDIA */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.masonry .item {width:32.33333% !important;}
}

@media screen and (max-width: 1920px) and (min-width: 910px) {
	.um-account-main { width:65% !important; padding:0 !important;}
	div.uimob800 .um-account-side li { background:#eee !important; margin-bottom:inherit !important;}
	div.uimob340 .uimob340-hide, div.uimob500 .uimob500-hide, div.uimob800 .uimob800-hide, div.uimob960 .uimob960-hide { display:block !important;}
	.uimob340-show, .uimob500-show, .uimob800-show, .uimob960-show { display:none !important;}
	.um-account-side li a span.um-account-icon, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon { padding:0 5px !important;}
	.um-account-side li a span.um-account-title { padding-left:10px !important;}
	.um-account-side li a span.um-account-arrow { top: 0 !important; }
	div.uimob800 .um-account-side li a { height:30px !important; line-height:30px !important;}
}
@media screen and (max-width: 1120px) and (min-width: 990px) {
	.filter-field li { padding:0 5px;}
	.image .container .gradient { min-height:480px;}
	.contact_details {min-height:250px;}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
	.gail_contact ul li { width:33%;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	div.uimob800 .um-profile-nav-item a { padding:10px;}
}
@media screen and (max-width: 767px) and (min-width: 550px) {
	.um-account-main { width:65% !important;}
	div.uimob800 .um-account-side li { background:#eee !important; margin-bottom:inherit !important;}
	div.uimob340 .uimob340-hide, div.uimob500 .uimob500-hide, div.uimob800 .uimob800-hide, div.uimob960 .uimob960-hide { display:block !important;}
	.uimob340-show, .uimob500-show, .uimob800-show, .uimob960-show { display:none !important;}
	.um-account-side li a span.um-account-icon, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon { padding:0 5px !important;}
	.um-account-side li a span.um-account-title { padding-left:10px !important;}
	.um-account-side li a span.um-account-arrow { top: 0 !important; }
	div.uimob800 .um-account-side li a { height:30px !important; line-height:30px !important;}
}
@media (max-width: 767px) {
.error { padding: 0 20px; }
.error-message pre { padding: 0 10px; }
aside { position: relative !important; 	width: 100%; height: 100%; }
html, body { height: 100%; width: 100%; }
#simple-menu { position: absolute !important; }
.wow {	visibility: visible !important;	-webkit-animation: none !important;	-ms-animation: none !important;	animation: none !important; }
.search .form-control {	width: 100%;	margin-top: 30px; }
#results {	width: 95.4%;	top: 80px; }
.search button {	right: 30px;	left: inherit;	top: 38px; }
.masonry {	top: 125px;	margin-bottom: 85px;}
.social-icons {	float: none !important;	text-align: center;}
.relative {	position: relative;	height: 100%;}
#sidr {	width: 100%;}
.sidr-open aside, .sidr-animating aside {	position: relative !important;}
.sidr {	position: inherit !important;}
.important .container {	padding-right: 40px;	padding-left: 40px; }
#content .container {	width: 100%;	margin: 20px 0; }
#content {	padding: 20px 10px;}
div.uimob340 .um-profile-nav-item a { padding:10px !important;}
}
@media screen and (max-width: 450px) {
aside .blog-info p { display: none; }
}
@media screen and (max-height: 435px) {
aside .blog-info p { display: none; }
}
@media screen and (max-width: 585px) {
.masonry[data-columns]:before {	content: '1 .column.size-1of1'; }
#content .container {	width: 100%;	margin: 20px 0;}
}
@media screen and (min-width: 768px) and (max-width: 850px) {
aside {	padding-left: 65px !important;	padding-right: 15px !important;}
}
@media screen and (min-width: 0px) and (max-width: 554px) {
.masonry[data-columns]:before {	content: '1 .column.size-1of1';}
}
@media screen and (min-width: 555px) and (max-width: 767px) {
.masonry[data-columns]:before {	content: '2 .column.size-1of2';}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.masonry[data-columns]:before {	content: '1 .column.size-1of1';}
#content .container {	width: 50%;}
}
.search .form-control {	width: 100%; }
.social-icons { 	float: none !important;	text-align: center; }
#results {	width: 91%; }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.masonry[data-columns]:before {	content: '2 .column.size-1of2'; }
#content .container {	width: 50%; }
.search .form-control {	width: 100%; }
.social-icons {	float: none !important;	text-align: center; }
#results {	width: 95%;}
}
@media screen and (min-width: 1201px) and (max-width: 1620px) {
.masonry[data-columns]:before {	content: '3 .column.size-1of3'; }
#content .container {	width: 33.333333%; }
}
@media screen and (min-width: 1621px) and (max-width: 1920px) {
.masonry[data-columns]:before {	content: '4 .column.size-1of4'; }
#content .container {	width: 25%; }
}

@media screen and (max-width: 991px) {
	.header div { display: inline-block; float: left; margin:0; vertical-align: middle; }
	.header .col-sm-6.col-xs-12.text-center { margin-top:30px;}
	.contact_details:after { display:none;}
	.contact_details { min-height:inherit;}
	.gail_contact ul li { width:48%;}
	.login_panel p.login-username input, .login_panel p.login-password input { width:100%;}
	.login_panel .regbtn { position:static;}
	.login_panel .regbtn a { display:inline-block; text-align:center; font-size:12px;}
	.login_panel .regbtn span { margin:0 5px;}
	.connectwith { position:static; text-align:center;}
	#basic-details-section, #profile-details-section { width:100% !important; border-right:none;}
	.shortbio { margin:15px 0 40px; height:auto;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.top-login { padding:36px 0;}
	.isotope, .isotope .isotope-item { width:100%;}
	.filter-bar { padding:7px 0;}
	.filter-field li { padding:0; margin-bottom:5px;}
	.filter-field li:first-child a { padding-left:0;}
	.filter-field li a, .innercat .filter-field li a { padding:0 9px; text-transform:capitalize;}
	.social-section .item { width:100% !important; }
	#content { padding:20px 0;}
	.social-section .item { padding:0 15px 15px 15px; }
	iframe { width:100%; height:240px;}
	#sidr { width:42%;}
	.um-3330.um .um-profile-photo { position:relative; top:0;}
	.gail_contact .col-sm-4 {min-height:225px; width:50%;}
	#content h1 { font-size:22px;}
	.comments-title {font: italic 300 16px "Source Sans Pro",Helvetica,sans-serif;}
}
@media screen and (max-width: 767px) {
	.header .col-sm-6.col-xs-12.text-center { margin-top:0;}
	.search.col-sm-4.col-xs-9 { padding:0; background:#3ab6da;}
	.social-icons { display:inline-block; width:100%;}
	.search .form-control { margin:4px 0 5px;}
	.search form { margin: 0 auto; width: 95%; }
	.search input[type="submit"] { right:15px; top:10px;}
	.header div { display:block; float:left; padding:10px 0;}
	.header, .glogo a { display:block;}
	.glogo a { padding:0; text-align:center;}
	.social-icons i { width:25px; height:25px; padding-top:6px; font-size:13px;}
	.col-sm-6.col-xs-8.text-center { padding: 24px 0; }
	#simple-menu .menu-toogle, aside h1 { padding-top:0;}
	#sidr, aside {padding-left:55px;}
	.sidr.left { left:0 !important; position:absolute !important;}
	#sidr .navigation { padding-top:0;}
	.filter-bar { padding:7px 0;}
	aside { padding-left:55px !important;}
	aside h1 { font-size:24px;}
	.filter-field li a, .innercat .filter-field li a { padding:0 5px; text-transform:capitalize; font-size:12px;}
	.social-section .item { width:100%; padding:0 0 35px 0;}
	.gail_contact ul li { width:48%;}
	.um-3330.um .um-profile-photo { position:relative; top:0;}
	.header div { padding:7px 0;}
	#header { position:relative;}
	body, html { padding-top:0;}
	.activity.dropdown { width:250px; top:90px;}
	.filter-field ul { text-align:center;}
	.filter-field li { float:none; display:inline-block; border-bottom:1px solid #000000; border-left:none; margin-bottom:10px; padding:0;}
	.filter-field li:first-child { margin:0 0 10px 0;}
	#content h1 { font-size:18px;}
	.comments-title {font: italic 300 14px "Source Sans Pro",Helvetica,sans-serif;}
	.comments-area { padding:0;}
	p { font-size:14px; line-height:20px;}
	.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float:left;}
}
	.casepress-top .casepress-vote-box, .casepress-bottom .casepress-vote-box { width:auto !important;}
	.um-account-meta-img a { position:relative; display:inline-block;}
@media screen and (min-width: 300px) and (max-width: 480px) {
	.gail_contact ul li { width:100%;}
	.um-3330.um .um-profile-photo { height: auto !important; position: static !important; width: 100% !important; }
	.profile_bio { overflow: hidden; width: 100%; }
	.um-profile-nav > div { width:33%; float:left;}
	div.uimob500 .um-profile-nav-item i { display:inline-block !important;}
	div.uimob340 .um-profile-nav-item a { padding:5px !important; min-height:30px; margin-left:8px !important;}
	.um-field-label { float:none; width:100%;}
	.um-page-register .um-col-alt { width:100% !important;}
	.um-page-register .um-left.um-half { width:100%; margin:0;}
	.um-page-register .um-right.um-half { width:100%;}
}