/*
Theme Name: tecusa-website-child
Template: tecusa-website
Version: 1.0.0
License: GNU General Public License
*/


@import url("../tecusa-website/style.css");
@import url("../tecusa-website-dontactivate/style.css");
.og-details a {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    border: 3px solid #333;
    display: inline-block;
    /*margin: 15px 30px 10px 100px !important;*/
    outline: none;
}

div.og-details {
 width: 15%;
  margin: -1% 17%;
  float: left;
  display: block;
  height: auto;
}

h1.variety-title {
  text-align: center; 
  text-transform: uppercase; 
  font-size: 20px;
  font-weight: bold;
}

div.textwidget {
    color: white !important;
}

address { font-style: normal; color:white;}


.logo {
border: none;
}

.entertainment-list {
text-align: center; 
color: #fff; 
background-color: #222; 
border-radius: 5px; 
width: auto; padding: 10px 0px 10px 0px;
font-size: 18px;
}

span.entertainment-list-text-style{
font-style: italic; 
word-spacing: 1px;
letter-spacing: 4px;
}

.service-list{
background-color: #222;
box-shadow: inset 0 10px 10px rgba(0,0,0,0.4)
margin-left: auto;   /* center */
margin-right: auto; /* center */
text-transform: uppercase;
padding: 5px 2px;
text-align: center;
color: #fff;
letter-spacing: 2px;
}

.logo {
    width:300px;
}

nav.main ul li {
margin: 3px 10px 10px 8px;
font-size:14px;
text-transform: uppercase;
        
   }
   
nav.main ul {



	float: right;



	margin: 0px -40px 0px 0px;



}

#home-search {
width:180px;
top:8px;
position: relative;
}

#home-search .field {width:180px; float:left; padding:3px 5px; height:20px;border:none;}
#home-search .submit {width:50px; height:30px; float:left;margin-left:3px;display:none;}
#home-search .assistive-text {display:none;}

.div video-wrapper {
margin: auto;
}

span.Back-to-list > a  {
color:#000000;
float: right; 
text-decoration: underline; 
font-size: 20px;
}

span.email-link > a {
color:#000000; 
float: left;
text-decoration: underline; 
font-size: 20px;
display: block;


}
h3.home-rows {
color: #000;
background-color: none;
text-decoration: underline; 

}
 
h3.home-rows-variety {
color: #000;
background-color: none;
text-decoration: none; 
}

/*
h3.home-row2 {
background-color: #fff;
color: #000;
box-shadow: 0px 5px 10px #888888;
*/

}

/*

h3.home-row1 {
background-color: #fff;
color: #000;
box-shadow: 0px 5px 10px #888888;

}

*/


div.home-divide-text {

font-size: 40px;
text-align: center;
background-color: rgba(34,34,34, 0.8);
color: #FFF;
}

div.home-divide-text-sample {

background: rgba(0,0,0,0.4);
font-size: 20px;
text-align: center;
color: #FFF;
margin-left: auto;
margin-right: auto;
padding: 5px 0px 0px 0px;
border-bottom: 3px solid rgba(255,255,255,0.4);
border-top: 3px solid rgba(255,255,255,0.4);
text-transform: uppercase;
font-family: "PT Serif", Arial, Helvetica, sans-serif;
}


/*.homesplit {

width: auto;
height: 80px;
background-color: #000;
clear:both;

}*/

img.opacity

{

opacity:1;

}
img.opacity:hover{
opacity: 0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
img.opacity:active{
opacity: 1.0 !important;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


@media screen and (min-width: 1250px)  {

#post-4647 > h2 > div:nth-child(1) {
    
    margin: 0px 0px 0px 50px;
}
#post-4647 > h2 > div:nth-child(2) {
    
    margin: 0px 0px 0px 50px;
}
#post-4647 > h2 > div:nth-child(3) {
    
    margin: 0px 0px 0px 50px;
}
#home-search .field {
margin: 0px 0px 50px;  
        
}

nav.main ul li {
margin: 3px 10px 10px 8px;
font-size:14px;
text-transform: uppercase;
        
   }
.logo {
        width:300px;
    }


}



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

#home-search {
display: none;
}

nav.main ul li {
margin: 3px 0px 0px 10px;
}

nav.main ul li a {
font-size:12px;
}

}


@media all and (max-width: 1070px) and (min-width: 768px) {
.logo {
width:240px;
}

#home-search{
width: auto;

}

#home-search .field {width:30px; float:left; height:20px;border:none;}

nav.main ul li {

margin: auto 5px;



}

nav.main { display: block !important; }
.span2
{
width:172px;
height: 172px;
}


}

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

nav.main {
    background:#222;
    overflow: hidden;
    margin-right: 100px !important;
}
#home-search{
display: none;
}

.logo {
		width:100% !important;
    text-indent: -9999px !important; 
	}

.nav-trigger {
		top: 15px !important;
	}
	
	  nav.main ul {

    float:none;
    }
    
aside#search-3.widget.widget_search {
width: 300px !Important;
margin-left: auto !Important;
margin-right: auto !Important;
}

div.clearfix.pam {
padding: 10px;
margin-left: auto !important;
margin-right: auto!important;
width: 200px;
} 


}


@media all and (min-width: 1051px)  {

.col-instagram-20 > a {
width: 146px;
float: left;
padding: 5px;
margin: 0 2px;
}

.row-instagram img {
width: 100%;
border: 0px;
}
     
}


@media all and (max-width: 779px) and (min-width: 640px) {
.logo {
width:180px;
}

nav.main { display: block !important; }
.span2
{
width:128px;
}

#home-search{
display: none;
}

	

}



@media (max-width: 370px) and (max-height: 480px) {

#home-search{
display: none;
}

div.hometext {
width: 300px;
}

.articlecon span:first-child{
margin: 0 30%;
}

#gallery > .span3 a {
padding: 0 10px;
margin: 0 2px;
}

#gallery > .span3 {
width: 122px;
height: 155px;
float: left;
display: inline-block;
padding: 0 10px;
}

.span3 > a >.resize{
width:100%;
}

.consultation{
display: inline-block;
margin: 0 29px;
}

}

@media (max-width: 337px) and (max-height: 520px) {

#home-search{
display: none;
}

.articlecon span:first-child{
margin: 0 34%;
}

#gallery > *[class*="span"] a {
padding: 0 10px;
margin: 0 2px;
}

#gallery > *[class*="span"] {
width: 122px;
height: 155px;
float: left;
display: inline-block;
padding: 0 10px;
margin: 10px 3px;
}

*[class*="span"] > * {
width:100%;
}
*[class*="span"] > * > *{
width:100%;
}

.consultation{
display: inline-block;
margin: 0 29px;
}

.logo{
/* height: 100px; */
/* width: 156px; */
/* margin: 0 30px; */
    
}

.nav-trigger{
top: 28px;
}

.articlecon > *[class*="span"] {
padding: 0 10px;
margin: 10px 3px;
}

.col-instagram-6 > a {
width: 146px;
float: left;
padding: 5px;
margin: 0 2px;
}

.row-instagram img {
width: 100%;
border: 0px;
}

.alignnone.size-full.wp-image-847 {
padding: 0 2px;
width: 294px;
}

div.wrapper:first-child{
background: #222;
}

.flexslider {
    width: 320px;
    height: 197px;
}

.flexslider .slides img {
    width: 320px;
    height: 197px;
}

.sc_staff h3 {
position: relative;
left: 3px;
}
*[class*="span"]{
margin:0!important;
}
*[class*="span"] > a > .sc_staff > p {
margin:0 !important;
}

.wrapper {
overflow: hidden;
}

}

.redivide{
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
width:100% !Important;
clear: both;
display: block;
line-height: 130px;
}

/*widget search bar length*/
aside#search-3.widget.widget_search {
width:300px;

}



}

.sc_staff p{
	margin-left : 0px !important;
}
.span3 .sc_staff p{
	margin : 0px !important
}
.redivide{
	clear : both !important;
}

@media only screen and (max-width:2100px) and (min-width:960px){
	nav.main ul {
		margin: 0px -32px 0px 0px !important;
   
	}
  
}
@media only screen and (max-width:786px) and (min-width:764px){
	nav.main ul {
		margin: 0px -16px 0px 0px !important;
	}
	

}
@media only screen and (max-width:1042px) and (min-width:1020px){
	.span2 {
		width : 163px !important;
	}
	.sc_staff p{
		margin-left : 0px !important;
	}
	.sc_staff h3 {
		font-size: 16px !important;
	}
	li.search{
		width : 130px !important;
	}
	#home-search{
		width : 130px !important;
	}
	#home-search input{
		width : 70px !important;
	}
	#nav li {
		font-size: 13px !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
	.logo{
		width : 250px  !important;
    
	}

#post-4647 > h2 > div:nth-child(1) {
    
    margin: 0px 0px 0px 50px;
}
#post-4647 > h2 > div:nth-child(2) {
    
    margin: 0px 0px 0px 50px;
}
#post-4647 > h2 > div:nth-child(3) {
    
    margin: 0px 0px 0px 50px;
}
}
@media only screen and (max-width:1024px) and (min-width:960px){
	.span2 {
		width : 163px !important;
	}
	.sc_staff p{
		margin-left : 0px !important;
	}
	.sc_staff h3 {
		font-size: 16px !important;
	}	

}
@media only screen and (max-width:786px) and (min-width:764px){
	.span2 {
		width : 119px !important;
	}
	.span2 .sc_staff p{
		margin-left : 0px !important;
	}
	.sc_staff h3 {
		font-size: 16px !important;
		height : 40px !important;
	}
	
	.logo {
		width:180px !important;
	}
	.span3 .sc_staff p{
		margin-left : 8px !important;
	}
	nav.main ul {
		margin: 0px -20px 0px 0px !important;
	}	
	
	
		
}
@media only screen and (max-width:570px) and (min-width:553px){
	.span3 .sc_staff p{
		margin : 0px !important
	}
	}
@media only screen and (max-width:498px) and (min-width:476px){
	.logo {
		width:100% !important;
	}	
	.span3 .sc_staff p{
		margin : 0px !important
	}
	
}
@media only screen and (max-width:338px) and (min-width:316px){
	.logo {
		width:100% !important;
	}
	.span3 .sc_staff p{
		margin : 0px !important
	}
	.slides li img {
		width : 100% !important
	}
	.flexslider {
		width : 100% !important
	}
}
@media only screen and (max-width:258px) and (min-width:236px){
	.logo {
		width:100% !important;
	}
	.span3 .sc_staff p{
		margin : 0px !important
	}
	.slides li img {
		width : 100% !important
	}
	.flexslider {
		width : 100% !important
	}
	.nav-trigger {
		top: 15px !important
	}	
}


.widget_facebook iframe { width: 100% !important; }

.consultation{
text-align: center;
color: #2fbbb2; 
font-weight: bold; 
font-size: 16px;
}
body.page-template-page-variety-php .span6 {
width: 499px;
float: left;
padding: 0 23px;
}

p.video-soon {
text-transform: uppercase; 
color: #000; 
text-align: center; 
font-size: 18px; 
font-weight: bold;
}

@media (min-width: 1220px) {
	.wrapper { width: 1172px; }

body.home > div.wrapper > article.hentry > div.wrapper div.span2{
	margin: 0px 5px 0px 9px !important;
	width: 220px !important;
}
}
@media only screen and (max-width: 1152px) and (min-width: 864px) {

.logo {
width:250px;
}

#home-search{
width: 40px !important;
margin: 0px 30px 0px 25px !important;

}

#home-search .field {width: 70px; float:left; padding: 5px 20px; height:20px;border:none;margin-left: -25px !important; }

nav.main ul li {

margin: 0px 0px 0px 10px !important;

}


body.home > div.wrapper > article.hentry > div.wrapper div.span2{
	margin: 0px 8px 10px !important;
	width: 172px !important;

 }
 
 }
 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.logo {
width:250px;
}

#home-search{
display: none;
}

body.home > div.wrapper > article.hentry > div.wrapper div.span2{
	margin: 0px 5px 0px 5px !important;
	width: 132px !important;
    
    div.og-details {
 width: 50%;
 margin: 1% 40%;
  float: left;
  display: block;
  height: auto;
}

 }

 }


 
 .og-grid {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
 
.og-grid li {
    display: inline-block;
    margin: 10px 5px 0 5px;
    vertical-align: top;
    height: 250px;
}

.og-grid li > a,
.og-grid li > a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
}
.og-grid li.og-expanded > a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ddd;
    border-width: 15px;
    left: 50%;
    margin: -20px 0 0 -15px;
}

.og-expander {
 position: absolute;
background: #ddd;
top: auto;
left: 0;
width: 100%;
margin-top: 10px;
text-align: left;
min-height:500px !important;
  height:auto !important;
overflow: hidden;
padding-bottom: 22px;
z-index: 9;
}
 
.og-expander-inner {
    padding: 50px 30px;
    height: 100%;
}

.og-close {
    position: absolute;
    width: 17px;
    height: 17px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  background:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png) NO-REPEAT -96px -128px;
}
 
.og-close::before,
.og-close::after {
    /*content: '';*/
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #888;
    transform: rotate(45deg);
}
 
.og-close::after {
    transform: rotate(-45deg);
}
 
.og-close:hover::before,
.og-close:hover::after {
    background: #333;
}

.og-fullimg,
.og-details {
    /*width: 50%;*/
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.og-details {
    padding: 0;
}
 
.og-fullimg {
    text-align: center;
}
 
.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.og-details h3 {
    font-weight: 300;
    font-size: 52px;
    /* padding: 40px 0 10px; */
    margin-bottom: 10px;
    padding: 0;
    margin: 0;
}
 
.og-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #999;
}
 
.og-details a {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    border: 3px solid #333;
    display: inline-block;
    margin: 30px 0 0;
    outline: none;
}
 
.og-details a::before {
    content: '\2192';
    display: inline-block;
    margin-right: 10px;
}
 
.og-details a:hover {
    border-color: #999;
    color: #999;
}

.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    animation: loader 0.5s infinite ease-in-out both;
}
 
@keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {
 
    .og-expander h3 { font-size: 32px; }
    .og-expander p { font-size: 13px; }
    .og-expander a { font-size: 12px; }
 
}
 
@media screen and (max-width: 770px) {
 
    .og-fullimg { display: none; }
    .og-expander .og-details { float: none; width: 100%; }
     
}

.bottomdivlinks a,.bottomdivlinks{
text-transform: uppercase;
 text-align: left; 
 color: #222; 
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
}


#facebookG{
/*width: 128px;*/
 display: none;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: rgb(190, 187, 187);
height: 100%;
width: 100%;
text-align: center;
}

.facebook_blockG{
background-color:#FFFFFF;
border:3px solid #000000;
float:left;
height:91px;
margin-left:7px;
width:24px;
opacity:0.1;
-moz-animation-name:bounceG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(0.7);
-webkit-animation-name:bounceG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(0.7);
-ms-animation-name:bounceG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(0.7);
-o-animation-name:bounceG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(0.7);
animation-name:bounceG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(0.7);
}

#blockG_1{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#blockG_2{
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#blockG_3{
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

@-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.2);
opacity:1}

100%{
-moz-transform:scale(0.7);
opacity:0.1}

}

@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.2);
opacity:1}

100%{
-webkit-transform:scale(0.7);
opacity:0.1}

}

@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.2);
opacity:1}

100%{
-ms-transform:scale(0.7);
opacity:0.1}

}

@-o-keyframes bounceG{
0%{
-o-transform:scale(1.2);
opacity:1}

100%{
-o-transform:scale(0.7);
opacity:0.1}

}

@keyframes bounceG{
0%{
transform:scale(1.2);
opacity:1}

100%{
transform:scale(0.7);
opacity:0.1}

}

#facebookG > div {
/* left: 23%; */
position: relative;
/* top: 48%; */
margin: 21% 45%;
}

.sc_staff {
  margin: 0px 10px 10px 0px;
  }
div.span2 {
  0px 10px 10px 10px;
  }
@media only screen and (max-width: 800px) {
.main{
z-index: -1 !important;
}
}