/*
Theme Name: Susnet
Author: Susnet
Author URI: http://www.susnet.co.uk
Description: Susnet Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Wordpress editor styles start*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/

body {
font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5 {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
}

a {color: #e21f26;}

a:hover, a:focus {color: #b50007}

#sustophome {
    height: 600px;
}

.navbar-default {background: none;
border: 0px;
}

.tweetblock .susdots {
    margin-left: -15px;
}

.susdots {
    background: url('images/dot.png') rgba(0, 0, 0, 0.5); 
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

.susmoon {
    background: url('images/susnetmoon.png') no-repeat; 
    height: 128px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.susmenu {
    position: relative;
    z-index: 9999;
}

.videotext {font-family: 'Open Sans', sans-serif;text-align: center;padding-top: 60px;color: #ffffff;}
.videotext h1 {font-family: 'Open Sans Condensed', sans-serif;color: #ffffff;font-size: 50px;font-weight: bold;text-transform: uppercase;}
.calluson {font-size: 20px;text-transform: uppercase;margin-bottom: 20px;}
.calluson a {color: #ffffff;} 

.btn-transparent:after{
  content: "";
  position: absolute;
  top: 0;
  height: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: -1;
}

.btn-transparent{
font-family: 'Open Sans Condensed', sans-serif;
  position:relative;
  z-index:0;
  background: rgba(0, 0, 0, 0);
  color: #FFF;
  text-transform: uppercase;
  width: 190px;
  text-align: center;
  height: 55px;
  line-height:55px;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  margin: 0 10px;
  box-shadow: 0 0 0 4px #e21f26 inset;
  cursor: pointer;
  display: inline-block;
    -webkit-transition: 300ms;
  -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.btn-transparent:hover{
  color: #fff;
  background: #e21f26;
  text-decoration: none;
}

.btn-transparent:hover:after{
  height:100%;
}


.navbar-brand {
text-transform: uppercase;
font-family: 'Open Sans Condensed', sans-serif;
    float: left;
    font-size: 30px;
    height: 74px;
    line-height: 45px;
    padding: 15px;
	color: #ffffff !important;
	font-weight: bold;
}

.navbar-brand > img {
    display: block;
    float: left;
    margin-right: 8px;
}

.navbar-nav {margin-top: 20px;}

.navbar {min-height: 75px;margin-bottom: 0px;}

.navbar-default .navbar-nav > li > a {font-weight: bold; text-transform: uppercase;font-family: 'Open Sans Condensed', sans-serif;color: #fff;}

.navbar-nav > li > a {
margin-bottom: 10px;
    line-height: 34px;
    padding-bottom: 0;
    padding-top: 0;
	margin-left: 5px;
	-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background: #e21f26;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.navbar-nav a:hover, .navbar-nav a:focus {
background: #e21f26 !important;
color: #ffffff !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


.ts-ihover-image-item.square.effect6 .ts-ihover-image-info .ts-ihover-image-title {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
}

.ts-ihover-image-item.square.effect6 .ts-ihover-image-info .ts-ihover-image-content {
font-family: 'Open Sans', sans-serif;
    color: #fff !important;
    font-size: 15px !important;
    font-style: normal !important;
	text-transform: uppercase;
}

.vc_separator h4 {
    font-size: 25px;
    text-transform: uppercase;
}

.tweetblock {text-align: center; color: #ffffff;}

#dztweet li {list-style: none;}
#dztweet ul {padding: 0px;}
#dztweet a {color: #ffffff; font-weight: bold;}
.tweetblock h3, .susnettwitterbox h2 {font-size: 40px;text-transform: uppercase;}
.tweetblock .interact a {margin-left: 5px; margin-right: 5px;}
.tweetblock .interact .fa {margin-right: 5px;}
.tweetblock .tweet, .susnettwitterbox .latest-tweets {font-size: 30px;margin-bottom: 30px;margin-top: 30px;}

.susnettwitterbox .tweet-details a {font-size: 16px; color: #ffffff;}

.susnettwitterbox li {list-style: none;}
.susnettwitterbox ul {padding: 0px 10px; margin: 0px;}

.tweeterbox, .susnettwitterbox, .followsusnet {position: relative;
z-index: 9999;
}

.susfooter {background: #111111; color: #fff; text-align: center; padding-top: 30px;padding-bottom: 30px;}
.susfooter p {margin-bottom: 0px;}

.susheaderbg {   background-image: url("videos/susnetvideo.jpg") !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	}
#video_background_video_0 {z-index: 0 !important;}

.ts-owlslider-controls {
    position: absolute !important;
    right: 0;
    top: -50px;
}

#sustop {
position: relative;
background-image: url("videos/susnetvideo.jpg") !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#sustop .navbar {position: relative; z-index:9999;}

.ts-pricing.style3 .plan {margin-top: 0px !important;}
.plan-highlight {margin-bottom: 20px !important;}

.ts-pricing.style3 .plan-price {color: #333333 !important;}
.ts-pricing.style3 .plan-highlight {border: 4px solid #e21f26 !important;}
.ts-pricing.style3 .plan-recommended {background: #e21f26 !important;}
.ts-pricing.style3 .plan-title {color: #e21f26 !important;}
.ts-pricing.style3 .plan-highlight .plan-button {background: #e21f26 !important;}
.ts-pricing-table-icon {padding-bottom: 20px !important;padding-top: 20px !important;}

.ts-pricing.style3 .plan:hover {box-shadow: none !important;}

.wpcf7-form {margin-top: 30px}
.wpcf7-form input, .wpcf7-form textarea {
padding: 10px;
border: 1px solid #cccccc;
margin-bottom: 10px !important;
width: 100%;
}
.wpcf7-form textarea {width: 100%;}

.wpcf7-submit {width: 150px !important;}

#susnetright{margin-top: 30px;margin-bottom: 30px;}
#susnetright .widget {
padding: 0px;
margin-bottom: 30px;
}

#susnetright ul {padding-left: 0px; list-style: none;}
#susnetright ul li a {line-height: 26px;color: #333;padding-left: 5px;}
#susnetright ul li:before {
content:"\f054";
font-family: FontAwesome;
font-size: 12px;
}

.maincontentcol {
border-right: 1px solid #eaeaea;
padding-right: 30px;
padding-bottom: 60px;
}

.maincontentcol h1 {margin-top: 30px;}

.dropdown-menu {
background: rgba(0, 0, 0, 0.8);
color: #fffff;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 10px 0 0;
    min-width: 160px;
    padding: 0px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu {
    left: 0 !important;
	right: inherit !important;
}

.dropdown-menu > li > a {line-height: 36px;color: #ffffff !important;}
.dropdown-menu > li > a:hover {border-radius: 0px;}

.collapse.in a:hover, .collapse.in a:focus, .collapse.in .active a, .collapse.in .active a:hover, .collapse.in  .active a:focus, .collapse.in .active a:hover, .navbar-collapse.collapsing .active a {
background: #e21f26;
color: #ffffff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.collapse.in .open .dropdown-menu a:hover {background: none !important; color: #e21f26 !important;}

.collapse.in a {
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}

.navbar-collapse.collapse.in, .navbar-collapse.collapsing {
background: rgba(0, 0, 0, 0.9);
position: absolute;
width: 100%;
z-index: 9999;
border-top: 0px !important;
box-shadow: 0 0px 0 rgba(255, 255, 255, 0) inset !important;
}

.navbar-collapse.collapse.in #menu-main-menu, .navbar-collapse.collapsing #menu-main-menu {
margin: 0px;
padding: 20px 0px;}

.navbar-default .navbar-toggle {
border: 0px;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background-color: #e21f26;}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 5px;
    width: 35px;
	background-color: #fff !important;
}

.navbar-toggle:hover .icon-bar {
background-color: #e21f26 !important;
}

.navbar-toggle {margin-top: 16px;}

.maincontentcol h2 {
font-size: 24px;}

.categorypostimg img {width: 100%;height: auto;margin-bottom: 15px;}
.maincontentcol .post {padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #eaeaea;}
.maincontentcol .post h2 {margin-top: 0px;}

.single .maincontentcol .post h1 {font-size: 24px; margin-top: 30px;}
.maincontentcol .post small {display: block;margin-bottom: 10px;}


.vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover {
    overflow: hidden;
}

.wpb_single_image.vc_align_center {margin-bottom: 15px !important;}

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

.friends {text-align: center;}
.friends p {margin: 0px; font-size: 10px;}
.friends a {color: #333333;}
.emailus {text-decoration: underline;}

.well {
    background-color: #ffffff;
    border: 0px solid #e3e3e3;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 20px 0px;
}

.webdesignmore {text-align: center;}
.webdesignmore a {font-size: 10px; color: #333333;}

.blogpostlink {color: #333;}

@media(max-width:767px){
.videotext {padding-top: 35px;}
.tweetblock .susdots {margin-left: -15px;}
.wpb_text_column.wpb_content_element {margin-bottom: 30px !important;}
}
@media(max-width:479px){
.susnettwitterbox .latest-tweets {font-size: 20px;}
.susnettwitterbox .tweet-details a {font-size: 12px;}
.videotext {padding-top: 20px;}
.videotext h1 {font-size: 40px}
.ts-owlslider-controls {top: -150px;}
}
@media(max-width:379px){
.videotext {padding-top: 20px;}
.videotext h1 {font-size: 34px}
}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}