/*

Theme Name:   Coral

Theme URI:    http://example.com/twenty-Sixteen-child/

Description:  Twenty Sixteen Child Theme

Author:

Author URI:

Template:     twentysixteen

Version:      1.0.0

License:      GNU General Public License v2 or later

License URI:  http://www.gnu.org/licenses/gpl-2.0.html

Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

Text Domain:  twenty-Sixteen-child

*/

/* http://meyerweb.com/eric/tools/css/reset/

v2.0 | 20110126

License: none (public domain)

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

display: block;

}

body {

line-height: 1;

height: auto;

background-color: white ;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

a {

text-decoration: none;

}

strong {

font-weight: bold;

}

header {

height: auto !important;

}

header .content {

max-width: 1200px;

width: 100%;

margin: 0 auto;

position: relative;

padding: 0 10px;

}

.top_header {

padding: 21px 0;

position: relative;

padding-bottom: 15px;

margin-bottom: 20px;

max-width: 1200px;

margin: 0 auto;

box-sizing: border-box;

}

.primary-menu {

}

.bottom_header {

position: relative;

width: 100%;

height: 745px;

}

.site-branding {

max-width: 290px;

text-align: right;

position: relative;

display: inline-block;

vertical-align: bottom;

width: 100%;

margin: 0 auto;

margin-left: 10%;

}

.site-branding img {

width: 100%;

height: auto;

}

.menu-primary-container {

text-align: right;

}

.menu-primary-container a {

font-size: 18px;

color: #333;

padding: 10px 0px;

font-family: 'Open Sans Hebrew';

box-sizing: border-box;

text-align: center;

width: auto;

font-weight: bold;

}

.main-navigation {

padding: 0 10px;

}

.current-menu-item a {

position: relative;

background: #ff0000;

color: white;

}

.custom_row {

max-width: 1200px;

width: 100%;

margin: 40px auto;

}

h3.widget-title {

font-size: 35px !important;

font-weight: bold;

color: #333333 !important;

margin-bottom: 20px;

}

#company  p{

font-weight: bold;

font-size: 22px;

line-height: 1.5;

}

.custom_row p {

font-size: 22px;

line-height: 1.5;

font-weight: normal;

}

.custom_row li {

position: relative;

font-size: 22px;

font-weight: bold;

padding-right: 20px;

margin-bottom: 5px;

line-height: 1.5;

}

.custom_row li:after {

content: '';

width: 15px;

height: 15px;

background: white;

position: absolute;

right: 0;

top: 8px;

}

#about {

background: #3284ad !important;

padding: 30px 0;

}

#about p {

color: white;

font-weight: normal;

}

#about li {

color:white;

font-weight: normal;

}

#about h3 {

color: white !important;

}

#costumers {


position: relative;

}

.full_width {

background: #cccccc;

width: 100%;

padding: 1px 0;

}

.primary-menu li {

z-index: 2;

width: auto;

padding: 0;

margin: 0 10px;

}

.primary-menu li a {

position: relative;

}

.primary-menu li a:after{

content: '';

background: #006699;

position: absolute;

bottom: 0;

width: 100%;

height: 3px;

right:0;

visibility: hidden

}

.primary-menu li a:hover:after{

visibility: visible

}

.site-header-menu , .site-social-menu{

    position: relative;

    top: 0;

    width: auto;

    display: inline-block;

    vertical-align: bottom;

    margin-left: 2%;

    margin-top: 15px;

}

header .social-navigation {

display: inline-block;

}
.phn_bttn {
    background: url(//coral-ltd.israelweb.co.il/wp-content/themes/coral/img/envelope.jpg) no-repeat;
    position: fixed;
    top: 180px;
    left: 0;
    width: 50px;
    height: 44px;
    padding: 5px;
    z-index: 99;
    background-color: #006699;
    background-size: 66%;
    box-sizing: border-box;
    background-position: center;
    cursor: pointer;
    z-index: 99999;
}
.formochka {
    position: fixed;
    left: 0;
    top: 180px;
    max-width: 0;
    width: 100%;
    background: rgba(204,204,204,0.9);
    z-index: 9;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 99999;
    padding: 0;
    overflow: hidden;
}

.formochka legend {

font-size: 25px;

margin-bottom: 10px;

width: 100%;

text-align: center;

}

.formochka input  {

height: 40px !important;

border: none !important;

background: white !important;

}

.formochka textarea {

height: 70px !important;

border: none !important;

background: white !important;

}

.formochka input[type='submit'] {

background: #006699 !important;

color: white !important;

}

.left_col textarea {

height: 130px;

display: inline-block;

width: 82%;

}

.contact_info .left_col textarea {

    width: 56%;

}

.left_col input[type='submit'] {

    background: #666666;

    color: #333;

    height: 130px;

    display: inline-block;

    width: 60px;

    vertical-align: top;

    border: 0;

    margin-right: 5px;

}

/* HEADER */

/*  CONTENT */

.section {

position: relative;

width: 100%;

padding: 0 10px;

box-sizing: border-box;

}

.paralax {

height: 400px;

}

.body_section {

position: relative;

width: 100%;

display: block;

height: 100%;

padding: 0 0;

box-sizing: border-box;

}

.body_section .content {

max-width: 1200px;

width: 100%;

position: relative;

margin: 0 auto;

padding: 2% 0;


}

.body_section .content h1.page_title {

margin-bottom: 3%;

}

.body_section .content a {

color: #333333;

}

.preloader {

position: fixed;

background: white;

width: 100%;

height: 100%;

text-align: center;

z-index: 999999999999;

top: 0;

}

.preloader .site-branding   {

width: 90%;

margin: 0 auto;

height: auto;

}

.loader {

background: url(img/leave.png) no-repeat;

width: 38px;

height: 44px;

position: relative;

z-index: 9;

margin: 0 auto;

background-size: contain;

background-position: 0 0;

bottom: 40%;

}

.loader:after {

content: '';

background: white;

z-index: 99;

width: 100%;

height: 40px;

position: absolute;

right: 0;

animation: shimmy 1.5s infinite;

animation-direction: normal;

}

@keyframes shimmy {

0% {

-ms-transform: translate(0,0); /* IE 9 */

-moz-transform:  translate(0,0); /* IE 9 */;

-webkit-transform: translate(0,0); /* Safari */

transform: translate(0,0); /* Standard syntax */

}

100% {

-ms-transform: translate(0,-44px); /* IE 9 */

-moz-transform: translate(0,-44px); /* IE 9 */;

-webkit-transform: translate(0,-44px); /* Safari */

transform: translate(0,-44px); /* Standard syntax */

}

}

.slider {

position: relative;

z-index: -1

}

.description {

position: absolute;

width: 100%;

bottom: 0;

z-index: 999;

background:rgba(255,255,255,0.9);
padding: 20px 0;

}
.description h1 {
    max-width: 622px;
    margin: 0 auto;
    color: #003;
    line-height: 1.2;
}

a.header_phone {

    font-size: 30px;

    font-weight: bold;

    color: #003366;

    display: inline-block;

    vertical-align: bottom;

    margin-top: 15px;

}

.social_menu {

display: inline-block !important;

}

span.screen-reader {

display: none;

}

.social-menu li {

display: inline-block;

}

.social-menu li a{

display: block;

width: 100%;

height: 100%;

}

.custom_row {

max-width: 1200px;

width: 100%;

}

/* footer */

footer {

width: 100%;

background-size: cover;

text-align: center;

background: #3284ad;

position: relative;

bottom: 0;

padding-top: 0;

}

.contact_info {

max-width: 780px;

margin: 0 auto;

display: inline-block;

padding: 5px 10px 5px 10px;

margin-right: 0;

text-align: right;

}

.footer-links, .map {

display: inline-block;

vertical-align: middle;

position: relative;

width: 100%;

max-width: 410px;

margin-left: 10px;

}

.footer-links, .map iframe {

width: 100%;

height: 426px;

}

.footer_bg {

background: url(img/Layer-173.jpg) no-repeat;

max-width: 750px;

width: 100%;

display: inline-block;

vertical-align: top;

height: 430px;

float: left;

}

.cont_details {

vertical-align: top;

color: white;

line-height: 2;

color: #333333;

float: none;

text-align: right;

}

.adrrs {

    font-size: 25px;

    height: auto;

    line-height: 25px;

    margin-bottom: 10px;

}

.cont_details div:not(.adrrs) {

display: inline-block;

border-left: 2px solid white;

padding: 0 0 0 15px;

margin-right: 10px;

font-size: 25px;

height: 25px;

line-height: 25px;

}

.cont_details div:nth-child(3) {

margin-right: 0 !important;

}

.cont_details div:nth-child(5) {

border: none !important

}

.cont_details a {

color: white;

}

.cont_details h4 {

font-size: 35px;

color: black;

font-weight: bold;

margin-bottom: 30px;

}

.footer-links {

text-align: right;

width: 38.2%;

margin-left: 41%;

}

.link {

display: inline-block;

width: auto;

margin-bottom: 0;

}

.link i {

display: inline-block;

margin-left: 6px;

vertical-align: middle;

}

.link a {

font-size: 16px;

color: #333;

font-weight: bold;

}

footer .social-navigation {
    position: relative;
    left: 0;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    float: left;
    margin-top: -10px;
    margin-left: 10px;
}

.phones , .email {

display: block;

}

.contct_us .footer-links {

text-align: right;

width: 100%;

margin-left: 0;

max-width: 300px;

}

.contct_us .footer-links .link {

margin-bottom: 12px;

}

.contct_us .footer-links .link a {

color: white;

}

.contct_us .footer-links .link .adress , .contct_us .footer-links .link .fax , .contct_us .footer-links .link .mail , .contct_us .footer-links .link  .phone{

background-color: white !important;

}

.responsive-menu-item a:after {

display: none !important;

}

.message {

color: white;

font-size: 18px;

}

.cont_details i {

vertical-align: bottom;

margin-left: 20px;

}



.details .right_col{
    width: 30%;

    display: inline-block;

    vertical-align: top;
}
.details .left_col {

width: 69%;

display: inline-block;

vertical-align: top;

}




.details {
    position: relative;
    margin-top: 5%;

}

.useless_row {

    background: white;
}

.useless_row .content {

    max-width: 1200px;

    margin: 0 auto;

    height: auto;

    padding: 10px 0;

}

.useless_row .content a {

    color: #333;

    font-size: 20px;

    border-left: 1px solid;

    padding-left: 10px;

    margin-right: 10px;

}



.useless_row .content div:nth-child(3) a{

    border: none;

}



.useless_row .content div {

    display: inline-block;

    width: auto;

    vertical-align: middle;

    height: 40px;

    line-height: 40px;

}

.useless_row .content .social-navigation {

    margin: 0;

    display: inline-block;

    width: auto;

    margin-right: 15%;

}

.useless_row .content .social-navigation a {

        border-left: 0;



}

#responsive-menu-container {



    background: rgba(0,102,153,0.8) !important;



}



#responsive-menu-container #responsive-menu li.responsive-menu-item a {

    background: transparent !important;

}

#responsive-menu-container #responsive-menu-wrapper {

    background: transparent !important;

}



#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {

    background: rgba(17,121,173,0.9) !important;

}

.nav_arrows {
top: 37% !important;
}

.nav_right {
 
    right: 0 !important;
}


    /*ReCaptcha*/

.anr_captcha_field {
    position: absolute;
    top: -3px;
    left: 0;
}