/**
 * JS contact Tabs Slider
 * @license    GNU/GPL http://www.gnu.org/copyleft/gpl.html
 * @link       http://facebooklikebox.net
 */
@import url('https://fonts.googleapis.com/css?family=Open Sans');
@media only screen and (min-device-width: 0px) and (max-width:400px){
  .contact_slider {
    display: none;
  }
}
.contact_slider a:hover {
	background-color:transparent;
	text-decoration: none;
}
.contact_slider .tabs {
    width: 100%;
    clear: both;
    height: 100%;
    overflow: hidden;
    display:inline-block;
    border-radius: 8px;
}
  .contact_slider .tab-links {
        position: absolute;
        width: 0px;
    }
   .contact_slider .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 	
    /*----- Content of Tabs -----*/
 .contact_slider .tab-content {
        background:#fff;
        float:left;
        width:370px;
    }

 .contact_slider .tab-content .contact_box {
	border-radius: 8px;
	background-color: #fff;
    z-index: 99998;
}
.contact_slider .tab-links a.active {
	z-index:99999;
	position: relative;
}
 .contact_slider .tab {
            display:none;
        }
 
       .contact_slider .tab.active {
            display:block;
            ;
}
.contact_slider .tab-content .contact_box {
    float:left;
    position: relative;
    z-index: 99998;
    height:100%;
    background: #D1D1D1; /* Old browsers */
    background: -moz-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
    background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
    background: -o-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
    background: repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
    /*border-radius*/
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}

.contact_slider .tab-content .contact_box:after{
    float:right;
    background:#F9F9F9;
    margin:10px;
    position: absolute;
    content : " ";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1; 
    border:1px #E5E5E5 solid;       
    /*border-radius*/
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
}
#contact p, label, legend { font: 12px  'Open Sans',Helvetica; color: #000000 }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact form {float: left; margin: 0 0 5px !important;}
#contact img {margin-top:5px;}
#contact { display: block; height: 100%; padding: 20px; text-align: left; margin-top:-25px; }

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 12px; -webkit-border-radius:5px; color: #000000;}
#contact input, textarea, select { font-size:15px !important;   font-family: 'Open Sans',Helvetica !important; width: 300px; margin: 0; padding: 5px; color: #000; background: #f5f5f5; border: 1px solid #ccc; margin: 10px 0;  webkit-border-radius:5px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#000; }
#contact input:not([type="submit"]), textarea{
    outline:none;
display:block;
width:100%;
    box-sizing: border-box;
padding:8px 8px;
border:1px dashed #DBDBDB;
color:#3F3F3F;
font-size:14px;
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
/*transition*/
-webkit-transition:background 0.2s linear,
                   box-shadow 0.6s linear;
   -moz-transition:background 0.2s linear,
                   box-shadow 0.6s linear;
     -o-transition:background 0.2s linear,
                   box-shadow 0.6s linear;
        transition:background 0.2s linear,
                   box-shadow 0.6s linear;
}
#contact input:not([type="submit"]):active, 
textarea:active,
#contact input:not([type="submit"]):focus, 
textarea:focus{
background:#F7F7F7;
border:dashed 1px #969696;
/*box-shadow*/
-webkit-box-shadow:2px 2px 7px #E8E8E8 inset;
   -moz-box-shadow:2px 2px 7px #E8E8E8 inset;
        box-shadow:2px 2px 7px #E8E8E8 inset;
}
#contact input:not([type="submit"]){
height: auto;
}
/* placeholder */
::-webkit-input-placeholder  { 
color:#BABABA; 
font-style:italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{ 
color:#BABABA;
font-style:italic;
} 
textarea{
min-height:50px;
resize:vertical;
font-family: 'Open Sans',Helvetica !important;
}
#contact input[type=submit]{
    width: 100%;
cursor:pointer;
background:none;
    box-sizing: border-box;
border:none;
margin-bottom: 20px;
color:#767676;
font-size:18px;
padding:10px 4px;
font-family: 'Open Sans',Helvetica;
border:1px solid #E0E0E0;
text-shadow: 0px 1px  1px #E8E8E8;
background: rgb(247,247,247);
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 1%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(100%,rgba(242,242,242,1)));
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
background: linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
/*border-radius*/
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
/*box-shadow*/
-webkit-box-shadow:0px 1px 1px #FFF inset,
                   0 0 0px 5px #EAEAEA;
   -moz-box-shadow:0px 1px 1px #FFF inset,  
                   0 0 0px 5px #EAEAEA;
        box-shadow:0px 1px 1px #FFF inset,  
                   0 0 0px 5px #EAEAEA;
/*transition*/
-webkit-transition:all 0.2s linear;
   -moz-transition:all 0.2s linear;
     -o-transition:all 0.2s linear;
        transition:all 0.2s linear;
}

#contact input[type=submit]:hover{
color:#686868;
border-color: #CECECE;
background: rgb(244,244,244);
background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(242,242,242,1)));
background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
/*box-shadow*/
-webkit-box-shadow:0px 1px 1px #FFF inset,          
                   0 0 0px 5px #E0E0E0;
   -moz-box-shadow:0px 1px 1px #FFF inset,
                    0 0 0px 5px #E0E0E0;
        box-shadow:0px 1px 1px #FFF inset,
                    0 0 0px 5px #E0E0E0;        
}

#contact input[type=submit]:active,
#contact input[type=submit]:focus{
position:relative;
top:1px;
color:#515151;
background: rgb(234,234,234);
background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(242,242,242,1)));
background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
background: linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
/*box-shadow*/
-webkit-box-shadow:0px -1px 1px #FFF inset,
                   0 0 0px 5px #E0E0E0;
   -moz-box-shadow:0px -1px 1px #FFF inset,
                   0 0 0px 5px #E0E0E0;
        box-shadow:0px -1px 1px #FFF inset,
                   0 0 0px 5px #E0E0E0;
}

#contact fieldset { padding: 0; border: 0px !important; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact span.required{ font-size: 12px; color: #ff0000; } 

#message { width: 100%; font-family: 'Open Sans',Helvetica;}

.error_message { display: block;  height: 100%; font-size: 12px !important; line-height: 18px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px;font-family: 'Open Sans',Helvetica; }

.loader {  width: 25px; display:block; margin: -50px 0 0 200px;}
#contact #success_page { height: 300px; margin-left: -20px;}
#contact #success_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }