@import url('http://fonts.googleapis.com/css?family=Open+Sans');

/*
Theme Name: Flat
Theme URI: http://www.yoarts.com/wordpress/free-flat-design-wordpress-theme.html
Author: YoArts
Author URI: http://www.yoarts.com/
Description: Flat is a WordPress Blog Theme designed by YoArts. We would like to say that Flat is both beautiful and charming at the same time.
Version: 1.4.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: flat
Tags: black, orange, white, white, dark, light, two-columns, responsive-layout, left-sidebar, custom-background, custom-colors, custom-menu, editor-style, post-formats, custom-colors, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Manipulated by David Berman Communications October 2014
*/

.sticky {}
.bypostauthor {}


*{
font-family:'Open Sans', Arial, Helvetica, sans-serif;
color:#2e3b4e;
letter-spacing: initial;
}


a{
text-decoration: none;
/*color: #547DBE;*/
color:#666;
background-color:initial;
}

.button a:hover, .button a:visited{
color:#ffffff !important;
}

#referral-link{
text-transform: uppercase;
}

#page{
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
}

table{
font-size:0.9em;
}

.entry-content{
padding:0 10px;
/*background-color:rgba(238,238,238,1.0);*/
}

#masthead .site-title a:hover{
color:#fff !important;
}

#masthead .site-title a{
display:inline;
}


#masthead .site-description{
text-align: left;
text-transform: uppercase;
line-height: 20px;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-size: 0.7em;
padding-left:5px;
color:#2e3b4e;
font-weight: 500;
letter-spacing: 0px;
}

#secondary h2{
 color: #2e3b4e;
}

#secondary a:hover, #secondary {
color:#fff;
/*background-color:#2586B7;*/
background-color:#666;
}

#masthead .site-title{
margin:0px;
padding:0px;
}

.site-title{
text-indent:-9999px;
}

.site-title a:hover{
text-indent:-9999px;
/*background-color:initial !important;*/
}

.site-title img{
width:200px;
height:auto;
float:left;
padding-bottom:5px;
background-clip:padding-box;
}

.container{
background-color:#fff !important;
height:100%;
width:100%;
padding:0px;
}

.hentry .entry-content, .hentry .entry-summary{
padding:0;
}


h1,h2,h3,h4,h5,h6{
font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

h1{
letter-spacing: -1.7px;
}

h2{
font-size:1.6em;
letter-spacing: -1.1px;
}

h3{
font-size:1.3em;
font-weight:500;
letter-spacing: -1.1px;
}

h4{
font-weight:900;
letter-spacing: -.4px;
}

p, ol, ul, li{
letter-spacing: -.4px;
}


.find-tool{
position:relative;
float:left;
width:100%;
}

.find-tool label{
float:left;
display: inline-block;
text-align: left;
padding-top:32px;
}

.find-tool input[type="text"]{
float:left;
width:25%;
}

.find-tool input[type="button"]{
float:left;
clear:left;
margin-bottom:10px;
}



/* ---- Superscript (special treatment driven by CoContacts branding) ---- */

sup{
font-size:57%;
}

h4 sup, h5 sup, h6 sup{
font-size:61%;
}

p sup, li sup, ul sup{
font-size:66%;
}

/*.row{
position: fixed;
z-index: 1000;
width: 105%;
height: 110px;
}*/


.row-offcanvas{
background-color:#fff;
}


/* ---- Navigation ---- */

/*--- Responsive Hamburger icon ----*/
.fa {
font-size:1.3em;
}
/* -- End hamburger --*/


#site-navigation {
    margin: 0 20px;
}

#site-navigation li{
float:left;
color:#547DBE;
height:25px;
vertical-align:middle;
}



#site-navigation a {
    /*color:#547DBE;*/
    color:#666;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 40px;
    padding: 10px 8px; /*  space between nav links */
    text-transform: uppercase;
}


#site-navigation a:hover, #site-navigation a:focus {
    background-color:#FFF;
    text-decoration:underline !important;
}

#site-navigation .current-menu-item > a, #site-navigation .current-menu-parent > a, #site-navigation .current-menu-ancestor > a, #site-navigation .current_page_item > a, #site-navigation .current_page_parent > a, #site-navigation .current_page_ancestor > a {
/*color: #547DBE;*/
color:#666;
text-decoration:underline !important;
}

#site-navigation a:hover, #site-navigation a:focus, #site-navigation a:visited {
background-color:initial !important;
/*color: #547DBE;*/
color:#666;
text-decoration:underline !important;
}

#secondary .toggle-sidebar, #secondary .toggle-navigation {
    margin: 55px 15px 0 0;
}

span a:hover, span a:focus{
text-decoration:underline !important;
}



/* ------ Full Tile base ------ */

.full-tile{
width:100%;
min-width:350px;
max-width:100%; 
/*margin-bottom:15px;*/
float:left;
clear:left;
border-bottom:1px solid #E0E0E0;
overflow-y:hidden;
overflow-x:hidden;
position:relative;
height:auto;
}

.full-tile h2{
/*color:#547DBE;*/
color:#666;
margin:25px 0px;
text-align:center;
}

.full-tile p{
text-align:center;
}

.full-tile a{
text-align:center;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.5px;
font-size:0.9em;
}

.full-tile a:after{
content: " >";
}

/*--- End full tile ---*/


/*-------------------------Specific targets-----------------------*/


.get-started{        
width:225px;
color:#FFF;
}

.sign-in{
position:absolute;
right:25px;
top:13px;
text-align:center;
padding-top:15px;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}




.sign-in a, .sign-in a:hover{
text-decoration: none !important;
color: #FFF;
}

.button{
/*max-width: 60%;*/
width:auto;
/*background-color:#2996cc;*/
background-color:#666;
margin-bottom:25px;
text-align:center;
margin:auto;
display:inline-block;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
color:#fff !important;
padding:10px 20px;
}



.features-tile{
/*background:url("http://108.174.153.219/~timetoor/wp-content/uploads/2015/11/cococontatcs_calendar_banner.jpg");*/
background:url("http://108.174.153.219/~timetoor/wp-content/uploads/2015/11/cococontatcs_calendar_banner.jpg");
background-size:cover;
width:100%;
height:500px;
/*margin-top:110px;*/
/*background-repeat:no-repeat;*/
}

.features-tile a{
color:#FFF;
}

.features-tile a:hover{
/*background-color:#2586B7;*/
background-color:#999;
}

.features-tile h2{
background-color:rgba(255,255,255,0.65);
padding:25px 0;
width:100%;
color:#2e3b4e;
}

.get-started-tile{
height:auto;
}

.get-started-tile p{
padding-left:15px;
}

.entry-title{
font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

.testimonials-tile{
max-height:240px;
overflow-y:hidden;
overflow-X:hidden;
}


.help-tile{
height:auto;
min-height:200px;
}


/*.help-tile img{
margin:10px auto 0px auto;
text-align:center;
}*/

.help-tile a:after{
content:"";
}

.get-started-tile a:hover{
color:#fff !important;
/*background-color:#2586B7;*/
background-color:#999;
}


/*---------- end specific tiles---------- */


.font14 legend{
font-size:1.0em;
}

.hentry{
padding:0px 0px;
}

nav{
float:left;
}

.hgroup{
height:55px;
margin:25px 0 0 25px;
float:left;
}

.content-area{
width:100%;
}

.col-lg-3{
width:100%;
}

.feature-boxes{
/*background-color:#000;*/
width:100%;
height:auto;
margin:auto;
text-align:center;
}

.feature-box{
width:205px;
/*width:200px;*/
height:auto;
min-height:195px;
margin: 35px 5%;
padding:0 4px;
display:inline-block;
/*background-color:#fff;*/
background:initial;
vertical-align:top;
}

.feature-box img{
/*-webkit-filter: contrast(50%)  brightness(90%);   */
/* -webkit-filter: invert(100%); */
width:195px;
height:195px;
}

.feature-box p{
font-size: 0.9em;
}

.feature-box h4{
color:#547dbe;
}

.logo-boxes{
width:100%;
overflow-x:hidden;
margin:0px auto 20px auto;
display:block;
position:relative;
text-align:center;
height:auto;
overflow-y:hidden;
}

.logo-box{
width:150px;
height:auto;
box-shadow: 0 0 5px #ddd;
margin: 10px;
border: 1px solid #eee;
display:inline-block;
background-color:#fff;
}

.logo-box img{
padding:10px 0;
}

.brand{
width:104px;
height:100px;
}

.navigation{
color:#547DBE;
/*float:left;*/
clear:left;
}

.menu-item{
color:#547DBE;
}


/*-------------------------- Footer contents ------------------------*/

.site-info{
width:100%;
height:45px;
color:#000;
position:relative;
bottom:0;
}

.dev-brand{
font-size:0.75em;
float:right;
clear:left;
margin-right:10px;
}

.footer{
font-size:0.8em;
display:table;
margin:10px auto;
width:100%;
height:auto;
float:left;
clear:left;
/*text-decoration:none;*/
}

.footer ul{
width:auto;
margin:auto;
display:table;
}

.footer a{
text-decoration:none !important;
}

.footer a:hover, a:focus{
text-decoration:underline !important;
}



.footer li{
/*padding-right:10px;*/
list-style-type: none;
/*text-decoration:none !important;*/
float:left;
}

.footer li:after{
padding:0px 12px;
content: "|";
}

.footer #legal:after{
content: "";
}

/* -- Scroll indicator --*/
.arrow-wrap {
  position:absolute;
  z-index:1;
  left:50%;
  /*top:-5em;*/
  bottom:0;
  margin-left:-5em;
  background-color:rgba(100,100,100,.25);
  width:10em;
  height:10em;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.3em;
  display:block;
}

.arrow {
  float:left;
  position:relative;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}

.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #111 transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}

@-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }

  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }

.header {
  height:calc(100% - 1em); /* subtract an amount of space for your arrow element */
  background-color:rgba(100,100,100,.25);
  width:100%;
}

.main {
  width:100%;
  position:relative;
  background-color:#fff;
}

.videoWrapper {
	position: absolute;
	width: 40%;
	margin-left: 9%;
	margin-top: 5%;
	padding-bottom: 24.25%; /* 16:9 */
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*.prisna-gwt-align-right{
margin-right:25px;
float:right;
}*/

.prisna-gwt-align-right{
position:absolute;
right:25px;
top:60px;
}

/*----------------- Responsive ----------------*/

/*@media (min-width: 1180px){*/
@media (min-width: 1450px){

#masthead .site-description {
display:block;
float:left;
}

/*.sign-in{
position:fixed;
top:15px;
right:3%;
}*/

}

@media (min-width: 50px) and (max-width: 1199px){

#masthead .site-description {
-ms-transform: translate(0px,-25px); /* IE 9 */
-webkit-transform: translate(0px,-25px); /* Chrome, Safari, Opera */
transform: translate(0px,-25px);
}

.hgroup{
height:55px;

}
}

@media (min-width: 500px){
#site-navigation {
display: block;
}


#secondary .toggle-sidebar, #secondary .toggle-navigation {
display:none; 
}

}

@media (max-width: 500px){

.site-title img{
/*display:none;*/
}

.hgroup{
height:55px;
}

.site-title{
width:150px;
height:45px;
background-image:url("http://108.174.153.78/~cocontac/wp-content/uploads/2014/10/Cocontacts-wordmark-rgb-colour-150px-wide-34px-high-144dpi.png");
background-size:100%;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:0.1em;
background-color:#FFF;
}

#masthead .site-title a,.site-title a:hover{
display:block;
background-color:#FFF;
}

#site-navigation a {
    padding: 0px 4px; /*  space between nav links */

}

.sign-in {
font-size:0.55em;
}


}

@media (max-width: 410px){


.pricing tr, .pricing td{
padding:3px;
}

.prisna-gwt-align-right{
display:none;
}

.features-tile{
	width:100%;
	height:300px;
}


}