@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; list-style:none; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
:focus{ outline:0 none; }
a:focus{ outline:0 none; }
a img{ border:none; }

/* TAP HIGHLIGHT MOBILE */
img, a, input, textarea, select{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }

/* FOR IOS */
input, textarea, select{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:none }
input[type="checkbox"]{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:checkbox !important; }
input[type="radio"]{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:radio !important; }

/* SELECTION COLOR */
::-moz-selection{ background-color: #000; color: #fff; }
::selection{ background-color: #000; color: #fff; }

/* PLACEHOLDER OPACITY */
input[type="text"]::-webkit-input-placeholder{ opacity:1; color:#000 }
input[type="text"]::-moz-placeholder{ opacity:1; color:#000 }
input[type="text"]::-ms-input-placeholder{ opacity:1; color:#000 }
input[type="email"]::-webkit-input-placeholder{ opacity:1; color:#000 }
input[type="email"]::-moz-placeholder{ opacity:1; color:#000 }
input[type="email"]::-ms-input-placeholder{ opacity:1; color:#000 }
input[type="password"]::-webkit-input-placeholder{ opacity:1; color:#000 }
input[type="password"]::-moz-placeholder{ opacity:1; color:#000 }
input[type="password"]::-ms-input-placeholder{ opacity:1; color:#000 }
textarea::-webkit-input-placeholder{ opacity:1; color:#000 }
textarea::-moz-placeholder{ opacity:1; color:#000 }
textarea::-ms-input-placeholder{ opacity:1; color:#000 }

/* CSS ANIMATIONS */
body, .circleLinksPart div.linkOne, .circleLinksPart div.linkOne a, .circleLinksPart div.linkTwo, .circleLinksPart div.linkTwo a, .circleLinksPart div.linkTwo a b strong, .circleLinksPart div.linkOne a b strong, .circleLinksPart div.linkOne a span.heading, .circleLinksPart div.linkTwo a span.heading{ transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
html{ text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#777; }
.clear_me{ font-size:0; line-height:0; clear:both }
.container{ width:100%; max-width:980px; margin:0 auto; float:none; }


.headerDiv{ float:left; width:100%; padding:20px 0; }
.headerDiv a img.logo{ float:left; margin:0; padding:0; border:none; }

.middilePnl{ float:left; width:100%; }
.circleLinks{ float:left; width:100%; height:auto; position:relative; }
.circleLinks img{ float:left; width:100%; height:auto; }
.circleLinks a.links_1{ position:absolute; width:44%; height:70%; left:0; top:15%; border-radius:50%; text-indent:-9999px; display:block; z-index:99; /*background:rgba(0, 0, 0, 0.3);*/ }
.circleLinks a.links_2{ position:absolute; width:59%; height:94%; right:4%; top:6%; border-radius:50%; text-indent:-9999px; display:block; z-index:9; /*background:rgba(0, 0, 0, 0.3);*/ }

.circleLinksPart{ float:none; width:100%; max-width:910px; margin:0 auto; height:auto; position:relative; height:600px; }
.circleLinksPart div.linkOne{ position:absolute; left:0; top:16%; background:url(../images/link_1photo.png) no-repeat 0 0; width:405px; height:405px; border-radius:50%;  background-size:cover; border:25px solid rgba(75, 183, 228, 0.5); z-index:9; }
.circleLinksPart div.linkOne a{ display:block; border:20px solid #4bb7e4; border-radius:50%; width:100%; height:100%; }
.circleLinksPart div.linkOne a span.heading{ position:absolute; top:105px; left:25px; color:#4bb7e3; font:bold 48px/50px Arial, Helvetica, sans-serif; }
.circleLinksPart div.linkOne a:hover span.heading{ color:rgba(75, 183, 228, 0.7); }
.circleLinksPart div.linkOne a b{ position:absolute; right:20px; top:50%; margin-top:-22px; height:78px; padding:10px; font:bold 18px/25px Arial, Helvetica, sans-serif; color:#fff; text-align:right; }
.circleLinksPart div.linkOne a b strong{ font-weight:bold; color:#f9eb20; }
.circleLinksPart div.linkOne a:hover b strong{ color:#000 }
.circleLinksPart div.linkOne:hover{ border-color:#4bb7e4; }
.circleLinksPart div.linkOne a:hover{ border-color:rgba(75, 183, 228, 0.5); }

.circleLinksPart div.linkTwo{ position:absolute; right:4%; top:6%; background:url(../images/link_2photo.png) no-repeat 0 0; width:540px; height:540px; border-radius:50%;  background-size:cover; border:25px solid #f8ad3a; }
.circleLinksPart div.linkTwo a{ display:block; border:45px solid #ffea05; border-radius:50%; width:100%; height:100%; position:relative; }
.circleLinksPart div.linkTwo a span.heading{ position:absolute; bottom:115px; left:10px; color:#ffe905; font:bold 48px/50px Arial, Helvetica, sans-serif; }
.circleLinksPart div.linkTwo a:hover span.heading{ color:#f8ad3a; }
.circleLinksPart div.linkTwo a b{ position:absolute; right:60px; top:50%; margin-top:-42px; height:78px; padding:10px; font:bold 18px/25px Arial, Helvetica, sans-serif; color:#000; text-align:right; }
.circleLinksPart div.linkTwo a b strong{ font-weight:bold; color:#00a4df; }
.circleLinksPart div.linkTwo a:hover b strong{ color:#0070b9; }
.circleLinksPart div.linkTwo:hover{ border:25px solid #ffea05; }
.circleLinksPart div.linkTwo a:hover{ border:45px solid #f8ad3a; }

.footerDiv{ float:left; width:100%; padding:20px 0; }
.footerDiv a img.contactNumber{ float:left; margin:0; padding:0; border:none; }
.footerDiv a.phoneNo{ color:#3ea7f3; font:normal 50px/59px Arial, Helvetica, sans-serif; }
.footerDiv a.phoneNo strong{ color:#0070b9; font-weight:bold; }

.footerDiv a.phoneNo:hover{ color:#000; }
.footerDiv a.phoneNo:hover strong{ color:#0070b9; }

.circleLinksPart div.linkTwo a:before{ position:absolute; right:-105px; top:-101px; content:''; background:url(../images/curvetext.png) no-repeat 0 0; width:266px; height:296px; pointer-events:none; }






@media screen and (max-width: 990px) {
.container{ padding:0 15px; }
.headerDiv a img.logo, .footerDiv a img.contactNumber{ float:none; margin:0 auto; display:block; padding:0; border:none; max-width:100%; height:auto; }
.footerDiv a.phoneNo{ color:#3ea7f3; font:normal 20px/39px Arial, Helvetica, sans-serif; text-align:center; display:block; }

.circleLinksPart{ float:none; width:100%; max-width:910px; margin:0 auto; height:auto; position:relative; height:800px; }
.circleLinksPart div.linkOne{ width:300px; height:300px; top:0%; left:50%; margin-left:-150px; }
.circleLinksPart div.linkTwo{ width:440px; height:440px; top:auto; bottom:0; left:50%; margin-left:-220px; }

.circleLinksPart div.linkOne a span.heading{ position:absolute; top:30%; left:25px; color:#4bb7e3; font:bold 28px/38px Arial, Helvetica, sans-serif; }
.circleLinksPart div.linkTwo a span.heading{ position:absolute; bottom:30%; left:15px; color:#ffe905; font:bold 38px/38px Arial, Helvetica, sans-serif; }


.circleLinksPart div.linkOne a b{ position:absolute; right:20px; top:50%; margin-top:-22px; height:78px; padding:10px; font:bold 14px/20px Arial, Helvetica, sans-serif; color:#fff; text-align:right; }
.circleLinksPart div.linkTwo a b{ position:absolute; right:20px; top:50%; margin-top:-42px; height:78px; padding:10px; font:bold 14px/20px Arial, Helvetica, sans-serif; color:#000; text-align:right; }
.circleLinksPart div.linkTwo a:before{ position:absolute; right:0; top:-95px; content:"The World's Premier Kosher Authority"; background:none; width:100%; height:auto; pointer-events:none; font:bold 14px/22px Arial, Helvetica, sans-serif; text-align:center; display:block; color:#0070b9; }
}

@media screen and (max-width: 480px) {
.circleLinksPart{ float:none; width:100%; max-width:910px; margin:0 auto; height:auto; position:relative; height:650px; }
.circleLinksPart div.linkTwo{ width:300px; height:300px; top:auto; bottom:0; left:50%; margin-left:-150px; }
.circleLinksPart div.linkTwo a{ border:25px solid #ffea05; }
.circleLinksPart div.linkTwo a:hover{ border:25px solid #f8ad3a; }

.circleLinksPart div.linkTwo a span.heading{ position:absolute; bottom:25%; left:10px; color:#ffe905; font:bold 28px/38px Arial, Helvetica, sans-serif; }
.circleLinksPart div.linkTwo a b{ position:absolute; right:-10px; top:50%; margin-top:-35px; height:78px; padding:10px; font:bold 13px/20px Arial, Helvetica, sans-serif; color:#000; text-align:right; }
.circleLinksPart div.linkTwo a b br{ display:none; }
}