/*
Theme Name: Tagonline Child Theme
Theme URI: http://www.tagonline.com/
Description: This is a custom child theme for TAG Online
Author: J.B Cool
Author URI: http: //www.tagonline.com/
Template: tagonline
Version: 0.1
*/

@import url("../tagonline/style.css");
@import url("/animate/animate.css");
@import url("/animate/hover.css");


header#top .sf-menu li ul li a {
  background-color: #2c9fa3 !important;
  color: #fff !important;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 13px;
  transition: none 0s ease 0s ;
}
header#top .sf-menu li ul li a:hover { color:rgba(255,255,255, 0.75) !important;}

p {
  padding-bottom: 27px;
  font-size: 17px;
  line-height: 28px;
}
.main-content ul li {
  list-style: outside none disc;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 27px;
}
#header-secondary-outer #social {
  float: right !important;
}
.col h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.clients > div img {
  display: block;
  margin: 0 auto;
  max-height: 46px !important;
  max-width: 100%;
}
.wpb_wrapper a {
  border: 0px solid #fff;
  color: #2c9fa3 !important;
  font-size: inherit !important;
  margin-right: 3px;
  padding: 0 5px;
  white-space: nowrap;
}
.home .clients.four-cols > div {
  box-sizing: border-box;
  padding: 12px;
  width: 24.2%;
}
.booker {
  box-sizing: border-box;
  color: #fff;
  font-size: 38px;
  height: auto;
  margin-top: 30px;
  padding: 29px !important;
  text-align: center;
  width: auto;
}
.booker.b2 {
  text-align: left;
  padding-left: 0px !important;
}
#featured article .post-title h2 span {
  background: none repeat scroll 0 0 transparent !important;
  box-shadow: none !important;
  color: #fff;
  font-family: OpenSansSemibold;
  font-size: 36px !important;
  line-height: 54px !important;
  margin-bottom: 15px !important;
  margin-top: 20px !important;
  padding: 4px 0 !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5) !important;
}
#featured article .post-title > a {
  border: 2px solid rgba(255, 255, 255, 0.6) !important;
  color: #fff;
  display: inline-block;
  left: -10px;
  letter-spacing: 1.5px;
  opacity: 0;
  padding: 14px 48px !important;
  position: relative;
  top: 20px !important;
  transition: border-color 0.3s linear 0s, background-color 0.3s linear 0s;
}
#featured article .post-title h2 {
  font-family: "OpenSansLight";
  left: 0 !important;
  margin-bottom: 7px;
  margin-top: 20px;
  max-width: 100% !important;
  min-width: 460px;
  opacity: 0;
  padding: 0 10px;
  position: relative;
}
.post-title {
  text-align: center;
}
#header-secondary-outer {
  background-color: #B31237;
  border-bottom: 1px solid #ddd;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#header-secondary-outer #social li a {
  background-color: #ff8826;
  background-position: center top;
  color: #fff !important;
  display: block;
  height: 24px;
  line-height: 22px;
  position: relative;
  transition: all 0.2s linear 0s;
}
#header-secondary-outer #social li a i {
  color: #fff !important;
}
#header-secondary-outer #social li a i:hover {
  color: #fff !important;
}
.page-header-no-bg {
  background-color: #b31237;
  margin-top: -45px;
  padding-bottom: 0;
  padding-top: 80px;
}
.row .col.section-title {
  border-bottom: 0px solid #ddd !important;
  margin: 0 !important;
  padding: 0 0 21px !important;
}
.page-header-no-bg h1 {
  color: #fff;
  font-size: 25px !important;
}
.page-header-no-bg {
  background-color: #ff8826;
  margin-top: -65px;
  padding-bottom: 0;
  padding-top: 80px;
}
.container.main-content {
  padding-top: 20px;
}
.carousel-wrap[data-full-width="true"] .carousel-heading {
  background-color: #fff !important;
  margin-bottom: 0;
  padding: 43px 0 40px;
  text-align: center;
}
header#top nav ul li a {
  color: #000;
  font-family: opensanssemibold;
  font-size: 14.5px;
}
header#top .sf-menu li ul li a {
  background-color: #B31237 !important;
  color: #fff !important;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  padding: 9px 5px 9px 13px;
  transition: none 0s ease 0s ;
  border-bottom: 1px solid #930017;
}
nav .icon-angle-down:before {
  color: #000;
}
.AUT {
  font-family: opensanssemibold;
  text-align: right;
}
.container-wrap, .project-title {
  background-color: #fff !important;
  margin-top: -55px;
  padding-bottom: 40px;
  padding-top: 93px;
  position: relative;
  z-index: 10;
}
hr {
  background-color: #ffffff !important;
  color: #ffffff !important;
  margin: 9px 0 26px;
  border: 1px dotted #cccccc;
}
#sidebar iframe {
  width: 100% !important;
}
#sidebar h4:after {
  border-bottom: 1px dotted #b31237;
  content: "";
  float: left;
  height: 1px;
  width: 100%;
}
#sidebar h4 {
  color: #b31237;
  font-family: "OpenSansbold";
  font-size: 17px;
  letter-spacing: 3px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.textwidget > p, .textwidget {
  font-size: 14px;
  line-height: 25px;
}
#sidebar .nectar-button.medium.regular-button {
  float: right;
}
#post-area {
  margin-top: 4px;
  padding-right: 35px;
}
.col h3 {
  font-family: OpenSansRegular !important;
  font-size: 27px !important;
  margin: 0 0 25px !important;
  padding: 0 !important;
}
.col h3::after {
  border-bottom: 2px dotted;
  content: "";
  float: left;
  margin-bottom: 21px;
  margin-top: 12px;
  opacity: 0.4;
  width: 100%;
}
.testimonial_slider blockquote p {
  padding-bottom: 15px;
  font-size: 25px;
  line-height: 34px;
}
.light .testimonial_slider blockquote span {
  color: rgba(255, 255, 255, 1);
  font-family: OpenSansRegular;
  font-size: 25px !important;
  text-align: right !important;
  line-height: 34px !important;
}
#copyright p {
  font-size: 14px;
}
#copyright a:hover {
	color:#ffffff !important;
	opacity:0.8 !important;
}
#copyright .col.span_5 a:hover {
  color:#ffffff !important;
	opacity:0.8 !important;
}
.nectar-button.medium.regular-button {
  color: #fff !important;
}
ul.Gally li {
  box-sizing: border-box;
  float: left;
  font-size: 15px;
  list-style: outside none none;
  margin-bottom: 30px;
  text-align: center;
  width: 33.333%;
  padding:30px 0;
}
ul.Gally li img {
  float: none;
  margin: 15px 30px;
}
.clearfix:after, #post-area ul.Gally li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
h3.GallyH3 {
  clear: both;
  float: left;
  margin-bottom: 5px !important;
  margin-top: 0px !important;
  width: 100%;
}
H3.GallyH3:first-of-type {
  margin-top: 0px !important;
}
ul.Gally li:hover {
  background-color: #b31237;
}
ul.Gally li:hover a {
  color: #ffffff !important;
}
ul.Gally li:hover img {
  transform:scale(1.3,1.3);
  -o-transform:scale(1.3,1.3);
  -moz-transform:scale(1.3,1.3);
  -webkit-transform:scale(1.3,1.3);
}
ul.Gally li img {
  transform:scale(1,1);
  -o-transform:scale(1,1);
  -moz-transform:scale(1,1);
  -webkit-transform:scale(1,1);
}
ul.Gally li img {
transition:all 0.5s ease-in-out 0s;
-moz-transition:all 0.5s ease-in-out 0s;
-webkit-transition:all 0.5s ease-in-out 0s;
-o-transition:all 0.5s ease-in-out 0s;
opacity:1;
}

ul.Gally li:hover img {
transition:all 0.5s ease-in-out 0s;
-moz-transition:all 0.5s ease-in-out 0s;
-webkit-transition:all 0.5s ease-in-out 0s;
-o-transition:all 0.5s ease-in-out 0s;
opacity:1;
}

ul.Gally li:hover img {
  box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
}

ul.Gally li {
transition:all 0.5s ease-in-out 0s;
-moz-transition:all 0.5s ease-in-out 0s;
-webkit-transition:all 0.5s ease-in-out 0s;
-o-transition:all 0.5s ease-in-out 0s;
opacity:1;
}

ul.Gally li:hover {
transition:all 0.5s ease-in-out 0s;
-moz-transition:all 0.5s ease-in-out 0s;
-webkit-transition:all 0.5s ease-in-out 0s;
-o-transition:all 0.5s ease-in-out 0s;
opacity:1;
}

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

#header-secondary-outer #social {
  float: right !important;
  width: 42%;
  margin-right: 20%;
}
}

#menu-item1715 .sub-menu li.current-menu-item > a {
 color: #fff !important;
}

.comment-list li.comment > div, .comment-list li.pingback > div {
background-color: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
float: left;
margin: 2em 0 0;
padding: 25px;
position: inherit;
}

.comment-list li.comment > div img.avatar, .comment-list li.pingback > div img.avatar {

float: left; 
height: 60px;
left: 0;
margin-bottom: 0;
margin-right: 19px;
margin-top: 8px;
position: inherit !important;
top: 0;
width: 60px;
}


/* Apply To All Responsive Layouts
================================================== */
@media only screen and (device-width: 768px) {

	
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 290px */
@media only screen and (max-width: 767px) {
	ul.Gally li {
  width: 100%;
}
ul.Gally {
	margin-left:0px !important;
}
	
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 420px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
ul.Gally li img {
  margin: 0 27% !important;
}
ul.Gally li:hover {
  background-color: #b31237;
  line-height: 57px;
  padding-top: 50px;
}

}