@font-face {
font-family: 'Almoni';
src: url('almonitzar.eot');
src: url('almonitzar.eot?#iefix')format('embedded-opentype'),
url('almonitzar.woff2')format('woff2'),
url('almonitzar.woff')format('woff'),
url('almonitzar.otf')format('truetype'),
url('almoni.svg')format('svg');
}

* {box-sizing:border-box; font-family:'Almoni', sans-serif;}
.he .carousel-caption, .he .person-detail, .he .contact-info, .he .contact-form, .rtl {direction:rtl; text-align:right;}
.fa:before {font-family:'FontAwesome' !important;}
html {font-size:18px;}
body, ul.nav, .slider-row, .single-member, .footer-para {margin:0; padding:0; scroll-behavior:smooth;}
li {list-style:none;}
img, video, audio, iframe {max-width:100%;}
a, .pink {color:#f44292; text-decoration:none;}
a:hover, .ptr {text-decoration:none; cursor:pointer; color:#737373;}
h2 {text-transform:uppercase; font-size:5rem; text-align:center;}
.gray {color:#737373;}
.white {color:#fff;}

/* header area */
.top-header {background:#fff !important; position:fixed; width:100%; z-index:99999;}
.top-header h1 {font-size:3rem; margin-top:21px; transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;}
.top-header.fixed h1 {font-size:2.4rem; margin-top:10px;}
.navbar-default {background-color:transparent; border-color:transparent; margin-bottom:0; margin-top:24px; transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;}
.top-header.fixed .navbar-default {margin-top:9px !important;}
.navbar-toggle span {color:#fff;}
.navbar-default .navbar-nav>li>a {font-size:1.75rem; color:#737373; text-transform:uppercase; transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s; padding:12px 15px; font-weight:bold;}
.navbar-default .navbar-nav>li>a:hover {color:#f44292;}
.navbar-default .navbar-nav>li.flag a {display:inline-block; padding:3px 15px;}
.he .navbar-nav>li {float:right;}
.navbar-default .navbar-toggle .icon-bar {background-color:#000;}
li a.active {color:#f44292 !important; text-decoration:underline;}
.navbar-default .navbar-toggle {border-color:#fff; margin:9px 0 0;}

/* slider area */
.slider-wrapper {margin:0; padding:0 !important; background:#000 !important;}
.carousel-caption h1 {font-size:5rem; color:#fff; text-transform:uppercase; margin-bottom:0;}
.carousel-caption p {font-size:1.8rem; color:#fff; margin-top:0; max-width:630px; text-shadow:1px 1px 6px #333, 1px 1px 6px #333; padding:6px 0 15px;}
.he .carousel-caption p, .he h2, .he h3, .he h4, .he h5 {font-weight:normal !important;}
.carousel-caption a {display:inline-block; width:240px; height:60px; background:#f44292; color:#fff; font-size:2rem; text-transform:uppercase; border:0; transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; text-align:center; padding:12px;}
.carousel-caption a:hover {background:#2a2a2a;}
.carousel-control {width:5%;}
.carousel-inner {background:-webkit-linear-gradient(left, #000, blue); background:-o-linear-gradient(left, #000, blue); background:-moz-linear-gradient(left, #000, blue); background:linear-gradient(to left, #000, blue);}
.item, .single-about-detail, .rel {position:relative;}
.carousel-caption {position:absolute; text-align:left; left:12%; line-height:1; top:50%; transform:translateY(-50%);}
.carousel-control .fa {font-size:24px !important; line-height:15px; padding:5px 0 0; background:#fff; border-radius:50%; color:#737373; margin-top:50px;}
.carousel-control .icon-prev {margin-left:0;}
.carousel-control .icon-next {margin-right:0;}
.carousel-inner {position:relative; background:#2a2a2a;}
.carousel-inner .item {max-height:750px; overflow:hidden;}
.carousel-inner .item img {opacity:0; max-width:100%; max-height:750px;}
.carousel-inner .item figure {opacity:0.3; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

/* about area */
.about h2, .team h2 {font-size:5rem; color:#f44292; margin-top:50px;}
.about h4, .team h4 {font-size:2rem; color:#737373; margin:0 auto 45px; max-width:630px;}
.about-img img {width:100%;}
.pentagon-text h5 {font-size:1.75rem; color:#f44292; margin-top:0; transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s; position:absolute; left:5px; width:50px; top:10px; text-align:center;}
.pentagon-text {width:70px; height:52px; background:#fff; position:relative; top:15px; left:50%; margin-left:-35px;}
.pentagon-text:before {content:""; position:absolute; top:-15px; left:0; width:0; height:0; border-left:36px solid transparent; border-right:35px solid transparent; border-bottom:16px solid #fff;}
.pentagon-text:after {content:""; position:absolute; bottom:-15px; left:0; width:0; height:0px; border-left:36px solid transparent; border-right:35px solid transparent; border-top:16px solid #fff;}
.about-details {background:#2a2a2a; transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s;}
.about-details h3 {font-size:2rem; color:#fff; padding-top:35px; margin-top:0;}
.about-details p {font-size:1.2rem; color:#fff; padding:0 25px; padding-bottom:30px;}
.single-about-detail:hover .about-details {background:#f44292;}
.single-about-detail:hover .pentagon-text h1 {color:#f44292;}

/* service area */
.service {background:#f44292; background-repeat:repeat-y; margin-top:40px;}
.service h2 {font-size:5rem; color:#fff; margin-top:70px; margin-bottom:0;}
.service h4 {font-size:2rem; color:#fff; margin-top:0; margin-bottom:30px;}
.service h3 {padding:10px 5px 30px; color:#fff; margin:0;}
.hex {display:inline-block; width:220px; height:220px; background-size:cover; background-position:center center; position:relative; cursor:pointer; -webkit-transition:all 1s ease; transition:all 1s ease;}
.hex:hover {-webkit-filter:brightness(130%); filter:brightness(130%);}
.hex .top {position:absolute; top:0; left:0; margin:0; width:100%; height:50px; overflow:hidden;}
.hex .btm {position:absolute; bottom:0; left:0; margin:0; width:100%; height:50px; overflow:hidden;}
.hex .top:before {content:' '; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:50px 50px 0 0; border-color:#f44292 transparent transparent transparent;}
.hex .top:after {content:' '; position:absolute; top:0; right:0; width:0; height:0; border-style:solid; border-width:0 50px 50px 0; border-color:transparent #f44292 transparent transparent;}
.hex .btm:before {content:' '; position:absolute; bottom:0; left:0; width:0; height:0; border-style:solid; border-width:50px 0 0 50px; border-color:transparent transparent transparent #f44292;}
.hex .btm:after {content:' '; position:absolute; bottom:0; right:0; width:0; height:0; border-style:solid; border-width:0 0 50px 50px; border-color:transparent transparent #f44292 transparent;}
.hex .top + a {position:absolute; display:block; top:0; left:0; bottom:0; width:100%; height:100%;}
.hex a {opacity:0;}
.hex:hover .top:before, .hex:hover .btm:before,
.hex:hover .top:after, .hex:hover .btm:after {-webkit-filter:brightness(77%); filter:brightness(77%);}
.fancybox-navigation {display:block !important;}

/* blog section */
.blog {background:#f44292; margin-top:40px; font-size:1.2rem; padding:1rem 0 3rem;}
.blog h2 {color:#fff;}
.blog .card {background-color:#fff; transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s;}
.blog .card:hover {background-color:#2a2a2a; color:#fff;}
.blog .card-body {padding:1rem 1rem 0;}
.blog h5 {font-size:1.5rem;}
.blog .btn {font-size:1.2rem; color:#fff; background-color:#f44292; min-width:180px; font-weight:bold; border-radius:0;}

/* team section */
.team {padding-bottom:60px;}
.person img {width:100%;}
.person-detail {padding:10px; background:#f44292; position:relative; transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s;}
.arrow-top {position:absolute; width:20px; height:20px; background:#f44292; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); bottom:-10px; left:46%; transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s;}
.arrow-bottom {position:absolute; width:20px; height:20px; background:#f44292; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); top:-9px; left:46%; transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s;}
.person-detail h3 {font-size:1.5rem; color:#fff;}
.person-detail p {font-size:1rem; color:#fff;}
.single-member:hover .person-detail {background:#2a2a2a;}
.single-member:hover .arrow-top {background:#2a2a2a;}
.single-member:hover .arrow-bottom {background:#2a2a2a;}

/* contact section */
.contact-caption {background:#f44292;}
.contact-heading h2 {color:#fff; font-size:5rem;}
.contact-info {padding-left:40px;}
.contact-info h3, .contact-form h3 {padding-left:0; font-size:2rem; color:#fff; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #a82862; padding-bottom:12px; margin-bottom:0;}
.contact-info li {font-size:1.2rem; color:#fff;}
.contact-info i.fa {font-size:1.2rem; margin-right:9px; width:25px; height:38px;}
.he .contact-info i.fa {margin-left:9px; margin-right:0;}
.contact-info li span {font-weight:bold;}
.info-detail a:hover {color:#fff; text-decoration:underline;}
.contact-form input, .contact-form select {width:100%; height:auto; background:#fff; font-size:1.2rem; color:#084a5c; padding:6px 12px; border:0; margin-bottom:12px;}
.contact-form select {padding:10px 12px;}
.contact-form textarea {padding:12px; width:100%; height:140px; border:0; margin-bottom:12px; font-size:1.2rem;}
.info-detail {border-top:1px solid #ffaad0; padding:15px 0;}
.he .contact-form input {direction:rtl;}
.he .contact-form input.ltr:focus, .ltr {direction:ltr;}
.form {border-top:1px solid #ffaad0; padding-top:15px; text-align:right;}
.contact-form input.submit-btn, .about-details a {display:inline-block; width:180px; height:51px; font-size:1.2rem; color:#fff; background-color:#2a2a2a; padding:0; border:0 none; padding:12px;}
.contact-form {padding-right:40px;}
.contact {background-color:#737373; padding:45px 15px;}
.contact iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0.3;}

/* footer */
.footer p {font-size:1rem; color:#000; font-weight:300; margin:0; padding:25px 0;}
.footer i.fa {font-size:2rem; color:#b1b1b1; padding:22px 10px;}
.footer i.fa:hover {color:#f44292;}

/* carousel */
.carousel-fade .carousel-inner .item {opacity:0; transition-property:opacity;}
.carousel-fade .carousel-inner .active {opacity:1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left:0; opacity:0; z-index:1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity:1;}
.carousel-fade .carousel-control {z-index:2; opacity:1; background-image:linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%);}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {opacity:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {opacity:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}

/* just for demo purpose */

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {height:100%;}

::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:#ccc;}
::-webkit-scrollbar-thumb {background:#f44292;}
::-webkit-scrollbar-thumb:hover {background:#333;}

/* firefox */
@-moz-document url-prefix(){
* {scrollbar-color:#f44292 #ccc; scrollbar-width:thin;}
}

@media (min-width:992px){
.person-detail .rtl {padding:15px 0 11px;}
}

/* md */
@media (min-width:992px) and (max-width:1199px) {
.navbar-default .navbar-nav>li>a {font-size:2rem; padding:14px 12px;}
.carousel-caption h1 {font-size:120px;}
.carousel-caption p {font-size:32px;}
.carousel-caption button {width:215px; height:55px; font-size:26px;}
h2 {font-size:75px !important;}
h4 {font-size:22px !important;}
.person-detail h3 {font-size:26px;}
.person-detail p {font-size:12px;}
}

/* sm */
@media (min-width:768px) and (max-width:991px) {
.navbar-default .navbar-nav>li>a {font-size:16px; padding:10px 8px;}
.carousel-caption h1 {font-size:90px;}
.carousel-caption p {font-size:30px;}
.carousel-caption button {width:180px; height:50px; background:#f44292; color:#fff; font-size:22px;}
h2 {font-size:70px !important;}
h4 {font-size:18px !important;}
.single-member {min-height:357px;}
}

/* xs */
@media (min-width:480px) and (max-width:767px) {
.header-logo img {margin-top:20px;}
.navbar-default .navbar-nav>li>a {display:block; font-size:20px;}
.carousel-caption {margin-top:-110px;}
.carousel-caption h1 {font-size:75px;}
.carousel-caption p {font-size:25px;}
.carousel-caption button {width:160px; height:40px; font-size:20px;}
.contact {height:1120px; margin-top:-1120px;}
h2 {font-size:70px !important;}
h4 {font-size:21px !important;}
.contact-info ul {margin-left:4px;}
.contact-info i.fa {width:25px;}
.single-member {position:relative; display:table; width:100%; clear:both; background-color:#f44292;}
.person-detail {width:50%; float:right;}
.person {width:50%; float:left;}
.arrow-top, .arrow-bottom {top:9vh; bottom:auto; left:-10px; right:auto;}
.nopadding {padding-left:0; padding-right:0;}
}

/* xs portrait */
@media (max-width:479px){
.navbar-default .navbar-nav>li {display:block; width:100%;}
.navbar-default .navbar-nav>li>a {text-align:left;}
.he .navbar-default .navbar-nav>li>a {text-align:right; font-weight:normal;}
.navbar-default .navbar-nav>li.flag {text-align:center;}
.navbar-default {margin-top:0;}
.header-logo {position:absolute; top:0; left:0; width:100%;}
.top-header h1 {margin-top:0;}
.carousel {margin-top:51px;}
.en .carousel .item, .en .carousel-inner .item figure {min-height:540px;}
.he .carousel .item, .he .carousel-inner .item figure {min-height:450px;}
.he .carousel-control .icon-prev:before {content:'\203a';}
.he .carousel-control .icon-next:before {content:'\2039';}
.carousel-caption {bottom:auto;}
.carousel-caption h1 {font-size:2.4rem; line-height:1;}
.carousel-caption p {font-size:1.2rem;}
.carousel-caption a {min-width:90px; height:auto; font-size:1rem;}
.carousel-control .fa {padding:0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-top:0;}
.about h2 {font-size:50px; color:#f44292; margin-top:30px;}
.about h4 {padding-left:10px; padding-right:10px;}
.service h2 {font-size:50px; margin-top:40px;}
.team h2 {font-size:50px; margin-top:40px;}
h4 {font-size:1.35rem !important;}
.team-heading {padding:0 30px;}
.contact-heading h2 {font-size:50px; text-align:left; text-indent:15px;}
.he .contact-heading h2 {text-align:right;}
.contact-info h3 {margin-left:8px; font-size:25px; padding-bottom:8px;}
.info-detail {margin:0; padding:1rem 0;}
.contact-info i.fa {font-size:13px; width:20px; height:18px;}
.contact-info, .contact-form {padding:10px;}
.contact-form h3 {font-size:25px; padding-bottom:8px; margin-bottom:0; margin-right:0px;}
.footer a i.fa {font-size:18px; padding:25px 7px;}
.footer p {font-size:13px; padding-left:10px;}
.single-member {padding:3px 0;}
.person {position:absolute; top:0.3rem; right:0.3rem; width:60px; border-radius:50%; z-index:9;}
.he .person {right:auto; left:0.3rem;}
.person-detail {max-width:calc(100% - 75px); position:relative;}
.person-detail:before {content:' '; position:absolute; top:12px; left:100%; width:0px; height:0px; border-style:solid; border-width:12px 0 12px 12px; border-color:transparent transparent transparent #f44292;}
.he .person-detail:before {left:auto; right:100%; transform:scaleX(-1);}
.arrow-top, .arrow-bottom {display:none;}
.nopadding {padding-left:0; padding-right:0;}
}