html {
    font-family: 'Arimo', sans-serif;
    font-weight: 800;
}
html[lang="en-US"] body, html[lang="en-US"] div, html[lang="en-US"] p  {
	direction:ltr;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
    font-family: 'Assistant', sans-serif;
}
.page-id-7453 .custom-header h1, .page-id-8399 .custom-header h1 {
	color:#64C0A9;
}
h2 {
    font-weight: 200;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	direction:rtl;
}
h4 {
	font-weight:600;
	 font-size: 22px;
	margin-bottom:7px;
	color: #212121;
}

h5 {
	font-weight:600;
	 font-size: 22px;
	color: #212121;
	margin-bottom: 5px;
}


.rtl {
    direction: ltr;
    text-align: right;
}

.ltr {
    direction: ltr;
    text-align: left;
}

body.fr .entry-content {
	direction:ltr;
	text-align:left;
}
.fr .custom-header h1 {
	left:0;
}
#breadcrumbs {
    float:left;
    margin: 5px 0 0 15px;
       color:#707070;
    font-size:15px;
  font-family: 'Arimo', sans-serif;
}

#breadcrumbs a {
    color:#707070;
    font-size:15px;
    text-decoration: underline;
}

#breadcrumbs a:hover {
    color:#3C8DC5;
    font-size:15px;
    text-decoration: none;
}

body, button, input, select, textarea {
    font-weight: 200;
    font-family: 'Arimo', sans-serif;

}


li.hide-mobile div {
        display: none;
    }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    direction: rtl;
}

a, a:visited {
    color: #3C8DC5;
    text-decoration: none;
}

a:hover {
        color: #3C8DC5;
    text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.blog-index a:hover {
        color: #3C8DC5;
    text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.entry-footer a {
    color: #000;
}

.hover-logo {
    float: left;
    width: 85px;
}

.hover-logo img {
    display: none;
}

.floating-header .hover-logo img {
    display: block;
}

.mobile-title .entry-title {
    color: #707070;
    font-weight: 600;
}

#secondary {
   float:left;
    margin-right:10px;
}

.category .blog-index .widget-area {
    top: 69px;
}

.search-results .custom-header, .category .custom-header, .page-template-page-team .custom-header {
    display: none;
}

.team-members {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}


.team-members li {
    display: inline-block;
    padding: 5px;
    position: relative;
}

.team-members li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 272px;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}

.team-members .member-details {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-family: 'Assistant', sans-serif;
    display: none;
    width: 100%;
   
}

.team-members .member-details-en {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-family: 'Assistant', sans-serif;
    display: none;
    width: 100%;
    direction: ltr;
   
}

.fa-facebook {
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.fa-facebook:hover {
    color: #3b5998;
}

.fa-linkedin {
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.fa-linkedin:hover {
    color: #0077b5;
}

.fa-twitter {
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.fa-twitter:hover {
    color: #4099ff;
}

.fa-google-plus {
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.fa-google-plus:hover {
    color: #d34836;
}




.modal .social {
    list-style: none;
    padding: 5px 0 0 0;
    margin: 0;
    text-align: right;

}

.modal .social li {
    display: inline-block;
    font-size: 14pt;
    padding-left: 8px;
}

.modal .social li a {
    text-decoration: none;
    color:#212121;
}

.modal .social li .fa-twitter:hover {
    color: #4099ff;
}

.modal .social li .fa-facebook:hover {
    color: #3b5998;
}

.modal .social li .fa-linkedin:hover {
    color: #0077b5;
}

.modal .social li .fa-envelope:hover {
    color: #d34836;
}


.modal-image {
    border: 1px solid #D0D0D0;
    -webkit-box-shadow: 6px 10px 31px -6px rgba(0,0,0,0.59);
    -moz-box-shadow: 6px 10px 31px -6px rgba(0,0,0,0.59);
    box-shadow: 6px 10px 31px -6px rgba(0,0,0,0.59);
    padding: 10px;
    display: inline-block;
    width: 290px;
}

.modal-image .img {
    width: 220px;
}

.modal-text {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding-right: 30px;
}

.modal-text-en {
    direction: ltr;
    text-align: left;
     
}

.modal-name {
    font-weight: 700;
    font-size: 16pt;
    color: #212121;
    font-family: 'Assistant', sans-serif;
   /* color: #525D7D; */
}



.modal-title {
    font-weight: 200;
    color: #3C8DC5;
    font-size: 13pt;
    border-bottom: 1px solid #CDCDCD;
}

.modal-desc {
    border-bottom: 1px solid #CDCDCD;
    padding-bottom: 20px;
    direction: rtl;
    text-align: justify;
}

.modal-desc-en {
    border-bottom: 1px solid #CDCDCD;
    padding-bottom: 20px;
    direction: ltr;
    text-align: justify;
}



.team-members .member-details .member-name {
    font-weight: 600;
    font-size: 16pt;
    width: 90%;
    background: rgba(0,0,0,0.5);
    padding: 0 20px 10px 0;
    text-align:right;
}

.team-members .member-details .member-name-en {
    padding: 0 0 10px 20px;
    text-align:left;
    
}

.extra-info {
    display: none;
}

.team-members .member-details .memebr-title {
    font-weight: 200;
    font-size: 12pt;
    width: 60%;
    background: #3C8DC5;
    padding-right: 20px;
    margin-top: -5px;
    text-align:right;
}

.team-members .member-details .memebr-title-en {
    text-align:left;
    padding-left:20px;
}

.team-members li:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.team-members li:hover .member-details {
    display: block;
}


.entry-meta {
    font-size:18px;
  font-family: 'Arimo', sans-serif;}

.entry-meta img {
    vertical-align: middle;
    margin-left: 10px;
    font-family: 'Assistant', sans-serif;
    font-weight: 100;
}

.entry-date {

    margin-right: 10px;
}

.entry-date:before {
    font-family: normal normal normal 14px/1 FontAwesome;
    margin-left: 10px;
}


.back-to-blog {
    float: left;
    margin-right: 20px;
    margin-top: 3px;
}

.addtoany_shortcode {
    float: left;
}

.single-meta-share {
    float: left;
    margin-top: 5px;
}


/* structure "page" referes to page.php structure while no "page" refers to singlepost.php */


.side-menu {
    display: inline-block;
    vertical-align: top;
    max-width: 20%;
}

.content-area{
    margin: 0px 0;
    background-color: #fff;
    padding-top: 10px;
}

.content-area-page{
    display: inline-block;
    margin: 0px 0;
    padding-top: 0px;
    width:100%;
}

.site-main {
    position: relative;
    display: inline-block;
    min-width: 80%;
    padding:20px;
    text-align: justify;
}

.site-main-page-wide {
    display: inline-block;
    min-width:100%;
    text-align: justify;

}

.site-main-page-narrow {
    display: inline-block;
    max-width: 80%;
    text-align: justify;
    float:left;
}
.site-main-page-wide-carousel {
    display: inline-block;
    max-width: 100%;
    float:right;
    text-align: justify;

}

    .side-menu ul li a {
        font-family: 'Assistant', sans-serif;
    }

.entry-content {
    width:100%;
}

.en {
    direction: ltr;!important
}

.site-content-post {
    background-color: #efefef;
    margin-top: 0;
}

.elementor-widget-wrap {
    margin-top: -15px;
}


.hentry { margin: 0 0 15px; }

.container {
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}

.site-branding {
    text-align: center;
}




#primary-menu li {
    display: inline-block;
    position: relative;
}

#primary-menu li li {
    width: 100%;
    
}


.main-navigation {
    z-index: 1000;
    float: none;
    background: #fff;
    border-top: 0px solid #515151;
    border-bottom: 1px solid #515151;
}

.floating-header .main-navigation {
    position: fixed;
    top: 0;
}

.admin-bar.floating-header .main-navigation {
    top: 30px;
}

.main-navigation ul {
    padding: 0;
}

.main-navigation ul {
    margin: 0 auto;
}

.main-navigation ul ul a {
    width: 100%;
}

/* blog navigation pages */

.navigation {
    min-width:100%;
    text-align:center;
    margin-top: 6px;
    line-height:40px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #000;
	text-decoration:none;
}

.navigation li {
	display: inline-block;
    margin-left:3px;
    white-space: nowrap;


}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: none;
	border-radius: 0px;
    border: 1px #000 solid;
	cursor: pointer;
	padding: 4px;
	padding: 0.4rem;

}

.navigation li a:hover,
.navigation li.active a {
    color: #fff;
	background-color: #3C8DC5;
}


#primary-menu li a:hover, #primary-menu li.active-menu-item a, #primary-menu li:hover {
}



#primary-menu ul {
    background: #808080;
    top: 3em;

}

.sub-menu {
    padding: 0;
}

.rtl .main-navigation ul ul li:hover > ul, .rtl .main-navigation ul ul li.focus > ul {
	right:100%;
	left:auto;
	top:0!important;
}


#primary-menu li a {
    color: #212121;
    padding: 0 15px;
    line-height: 3rem;
    font-weight: 700;
    font-family: 'Assistant', sans-serif;
    font-size: 13pt;
     white-space: nowrap;
}

#primary-menu li li a  {
    font-size: 11pt;
     font-weight: 600;
        color: #fff;
    font-family: 'Assistant', sans-serif;
}

#primary-menu li li a:hover  {
        color: #fff;
    background: #29ABE2;
}


.menu-toggle {
    /*background: #808080;*/
    margin-right: 15px;
}

.menu-toggle.fa {
    font-size: 16pt;
    padding: 9px;
    background-color: #fff;
    margin-top: 12px;
    color: #212121;
}

.grey-bar {
    margin-top: -2px;
    position: relative;
    margin-bottom: 0;
}

.absolute-grey-bar {
    text-align: center;
    z-index: 10;
    background: #3B3B3B;
    width: 100%;
    padding: 10px;
}

.grey-bar h1 {
    font-weight: 100;
    color: #fff;
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 0;
}

.feet {
    
    color: #1886bf;
    text-align: center;
    font-weight: 100;
    height: 527px;
    background-size: cover;
    position: relative;
    direction: rtl;
}


.feet-text {
    width: 100%;
        top: 50%;
    transform: translateY(-50%);
    position: absolute;}
.feet h2 {
    font-size: 26pt;
  /*  border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; */
    direction: rtl;
    padding-top: 10px;
    padding-bottom: 10px;
}

.read-more {
    background: url(images/read-more.gif);
    width: 98px;
    height: 38px;
    border: none;
    box-shadow: none;
}

.glasses {
    background: url(images/glasses.jpg);
    color: #fff;
    text-align: center;
    height: 617px;
    background-size: cover;
    position: relative;
}

.glasses .text-block {
    text-align: right;
    position: absolute;
    top: 10%;
}

.glasses .text-block h2 {
    color: #3BBDB4;
    font-size: 3rem;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.site-footer {
    background: #333333;
    color: #fff;
    padding: 1.5em 0;
}

.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: right;
	font-size: 16px;
    direction: rtl;
	padding: 55px 50px;
	margin-top: 0px;
  font-family: 'Arimo', sans-serif;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}



/* Footer left */

.footer-distributed .footer-left{
	width: 20%;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font-family: 'Assistant', sans-serif;
	margin: 0;
}

.footer-distributed span {
    color: #fff;

}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed h3 {
    font-size:22px;
    color: #1886bf;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: underline;
	color:  inherit;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    
}

.footer-distributed .footer-links a:hover {
    color: #1886bf;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
 	margin: 0;
}

.footer-distributed .footer-company-name-mobile {
    display: none;
    color:  #8f9296;
	font-size: 14px;
 	margin: 0;
}


/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}


.footer-center a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.footer-center a:hover {
    color: #1886bf;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 40%;
}

.footer-icons {
    margin-top: 10px;
    text-align: right;
    padding:0;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	cursor: pointer;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-left: 15px;
	margin-bottom: 5px;
}

.company-logo-img {
    width:20%;
    height:20%;
}

/* If you don't want the footer to be responsive, remove these media queries */
@media (max-width:1450px) {
.news-slider .news-slide {
	font-size:20px;
}
}
@media (max-width: 1200px) {

    .footer-company-name-mobile {
        display: inline-block;
    }
    
    .company-logo-img {
    width:30%;
    height:30%;
}
    
    .footer-company-name {
        visibility: hidden;
    }
    
	.footer-distributed{
    font-size:14px;
        margin-bottom: 0;
        padding-bottom: 0;
        
        
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
        margin-bottom: 0;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}
.news-slider .news-slide {
	font-size:15px;
line-height:1.4;
}

}


.site-footer ul {
    margin: 0;
    padding: 0;
}

.site-footer li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer a {
    color: #fff;
    text-decoration: none;
}

.left-border {
    border-left: 1px solid #9D9D9D;
}

.site-info {
  padding: 20px 0;
}

.site-info h3 {
  padding: 0;
  margin: 0;
  color: #76DBEF;
  font-weight: 400;
  font-size: 24px;
}

/* MASONRY */

.grid {
    /* Hide grid view on load until masonry can organise photos */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.grid a {
    text-decoration: none;
    border:0;
}


.grid.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s, visibility 0.3s;
}

.grid-sizer,
.grid-item {
  width: 19.6%;
  margin-bottom: 0.5vw;
  background-size: cover;
font-size:10px;
    position: relative;
}

.overlay {
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    background: rgba(0,0,0,.0);
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#carousel {
    min-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color:#fff;
    font-size:14px;
    text-align: center;
    
    padding:4px; 
}


#carousel div {
    padding:4px;
    color: #fff;
}

.blog-slide {
    padding-right:12px;
	direction:ltr;
}
.rtl .blog-slide {
	direction:rtl;
}
.blog-slide p {
	text-align:justify;
}


.news-slider {
position:absolute; top: 0; left:0; right:0; bottom:0; min-height: 100%;
     

 
 }

.news-slide {
   
    color: #fff;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 25px;
    font-family: 'Assistant', sans-serif;
}

.news-slide .date {
    font-size: 15px;
}

@media only screen and (max-width : 1200px) {
    .news-slide {
        font-size: 18px;
    }
}

.news-slide a {
    color: #fff;
}


  .page-slider .slick-prev:before,
     .page-slider .slick-next:before {
        color: #3C8DC5;
      }

.page-slide h2 { 
    color: #212121;
    text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    font-weight: 400;
}

.page-slide h2:hover {
    color: #3C8DC5;
}


/* avoid unstyled contact load */

    .page-slider .page-slide {
      display: none;
    }
    .page-slider.slick-initialized .page-slide {
      display: block;
    }

.page-slide {
    padding-right: 12px;
}


.title:hover ~ .overlay {
background: rgba(0,0,0,.4);   
}

.darkbg:hover ~ .overlay {
background: rgba(0,0,0,.4);   
}

.overlay:hover {
    background: rgba(0,0,0,.4);
    
}

.overlay:hover ~ .darkbg {
    background: rgba(0,0,0,0);
    
}


.grid-sizer {
    margin-bottom: 0;
}

.gutter-sizer {
    width: 0.5%;
}

/* 2 columns */
.grid-item--width2 {
  width: 39.6%;
  margin-bottom: 0.5vw;
  background-size: cover;
}

.grid-sizer img, .grid-item img, .grid-item--width2 img {
  width: 100%;
  height: auto;
  opacity: 0;
}


.grid-item .title {
 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-family: 'Assistant', sans-serif;
    z-index:2;
    overflow: hidden;

}


.uni {
    background-image: url(images/stairs.jpg);
}
.uni.change {
	background-image: url('/wp-content/uploads/2019/06/change.jpeg');
}
.uni.duns {
	background-image: url(/wp-content/uploads/2019/05/duns100.png);	
}
.news-desk {
    background-image: url(images/desk-news.jpg);
}

.legal-marketing {
    background-image: url(images/sitting.jpg);
}

.develop {
    background-image: url(images/peoplenotes3.jpg); 
}
.develop.duns {
	background-image: url(/wp-content/uploads/2019/05/duns-he.png); 
	/*height:169px;*/
}
.computer {
    background-image: url(images/laptop.jpg);
}
.computer.tech-law{
    background-image: url(images/tech-law.png);
}
.globe {
    background-image: url(images/globe2.jpg);
}

.gate {
    background-image: url(images/gate.jpg);
}


.accountants {
    /*background-image: url(images/accountants.jpg);*/
    background-image: url(/wp-content/uploads/2019/05/accountants.jpg);
/*    height: 169px;*/
}

.ethics {
    background-image: url(images/ethics.jpg);
}

.door {
    background-image: url(images/door.jpg);
}



.chess {
    background-image: url(images/chess.jpg);
    background-size: cover;
}

 
.writing {
    background-image: url(images/greyhand.jpg);
}

.donout {
    background-image: url(images/donout.jpg);
    background-size: cover;
}

.israeleye {
    background-image: url(images/israeleye.png);
    background-size: cover;
}

.israeleye img {
    /*height: 160px;*/
}

.writingstars {
    background-image: url(images/writingstars.jpg);
    background-size: cover;
}
.wello {
	background-image: url(images/wellobignew.jpg);
    background-size: 100% 100%;
}
.wello img {
    /*height: 165px;*/
}
.develop.duns img {
	/*height:157px;*/
}

.blue {
    background-image: url(images/bluebg.jpg);
    word-wrap: break-word;
     overflow:hidden !important;
    text-overflow: ellipsis;
    position: relative;

}

.peoplesitting {
    margin-bottom: 0;
}

.grid-sizer img, .grid-item img.dontHide, .grid-item--width2 img.dontHide {
    opacity: 1;
}

/* END MASONRY */


#page {
    direction: rtl;
    unicode-bidi: embed;
}



.blue-header {
    color: #1785BE;
    font-weight: bold;
}

/* Widget Area */

.widget-area h2 {
    font-weight: bold;
    text-align: center;
    max-width: 225px;
    margin: 0 auto;
    font-size: 20pt;
    line-height: 20pt;
    margin-top: 10px;
}

.widget-area .wpp-post-title {
    font-size: 20pt;
    line-height: 20pt;
    font-weight: 100;
    font-family: 'Assistant', sans-serif;
}



.latest-text {
    color: #000;
    font-size: 0.9em;
    margin-top: 10px;
}

.widget-area .wpp-list {
    text-align: center;
    margin: 20px auto;
    padding: 0 10px;
    list-style: none;
}

.recent-inpage .wpp-list {
    text-align: right;
    margin: 20px auto;
    padding: 0 10px;
    list-style: none;
}

.tags {
    width:100%;
    padding:3px;
    text-align: center;
    margin-top: 20px;
}

.tags a {
    padding:6px;
    font-weight: 400;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    color: #c9c9c9;

}

.tagshref:before {
    content: "#";
}


.single-post .wpp-list .circle-popular-count {
    display: none;
}

.single-post .wpp-list {
    font-family: 'Assistant', sans-serif;
    font-weight: 600;
    font-size: 12pt;
}

.widget-area .wpp-list li {
    padding: 10px 0;
}


.widget-area .wpp-list a{
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.widget-area .wpp-list a:hover {
    color: #3C8DC5;
}

.post-content {
    padding: 0 20px;
    position: relative;
}



.entry-footer {
    padding: 10px 20px 10px;
}

.entry-footer img {
    vertical-align: middle;
    margin-left: 5px;
}

.entry-footer .entry-date {
    float: left;
    margin-top: 17px;
}

.entry-footer .entry-date:before {
    float: right;
    margin-left: 5px;
}

/* BLOG INDEX */

.entry-header{


}

.post-excerpt {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-index #primary {
    display: table;
    margin-bottom: 20px;
}

.archive {
    width:100%;
}

.blog-index #main {
    display: table-row;
    padding: 0;
    vertical-align: top;
}

.blog-index .categories-container  {
    text-align: center;
    width:100%;
}

.categories-dropdown {
display:none;

}


.categories-container .h1 span {
    font-size:10px;
}

.blog-index #secondary {
    display: table-cell;
    position: relative;
    float: none;
    width: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
}


.blog-index .type-post {
    border: 1px solid #000;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.post-preview-image {
    width: 100%;
    height: 198px;
    background-size: cover;
    position: relative;
}

.blog-index article .post-content p {
    height: 180px;
}

.entry-title {
    margin-top: 8px;
}

.entry-title a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Assistant', sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: list-item;
}

.entry-title a:hover {
    color: #3C8DC5;
}

.front-recent-blog-posts {
    background: url(images/desk.jpg);
    background-size: cover;
    padding: 20px;
    color: #fff;
    text-align: center;
    position: relative;
    
}

.front-recent-blog-posts h1 {
    font-weight: 300;
    text-align: center;
   /* border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; */
    margin: 10px auto 60px;
    width: 20%;
    font-size: 35pt;
}

.front-recent-blog-posts a {
    color: #fff;
}

.front-recent-blog-posts a h2 {
     font-weight: bold;
    color: #fff;
    text-decoration: none;
text-align:justify;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.front-recent-blog-posts a:hover h2 {
    color: #1886bf;
}


.contact-us-header {
    width: 100%;
    background: url(images/contactus.jpg);
    color: #fff;
    height: 272px;
    background-size: contain;
}

.contact-us-map {
    border-top: 5px solid #3C8DC5;
    width: 100%;
    position: relative;
    height:500px;
}

.contact-icons a{
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	font-size: 17px;
	color: #3C8DC5;
	text-align: center;
    vertical-align: middle;
	line-height: 35px;
	margin-right: 3px;
	margin-bottom: 5px;
    padding:5px;
}


input[id="name-input-en"],input[id="email-input-en"],input[id="tel-input-en"],textarea[id="text-input-en"] {
   text-align: left;
    direction: ltr;
}


.wpcf7-form-control {
	width: 100%;
}




::-webkit-input-placeholder {
   color: #212121;
}

:-moz-placeholder { /* Firefox 18- */
   color: #212121;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #212121;
}

:-ms-input-placeholder {
   color: #212121;
}

.contact-us-bg {
    background: #999999;
    padding-bottom: 50px;
}

.waze {
    width: 72px;
    height: 72px;
    background: url(images/waze.png);
    display: block;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -36px;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #29ABE2;
    color: #fff;
    border: 0;
    text-shadow: none;
    box-shadow: none;
}

.single-post-footer {
    background: #efefef;
}

.single-post-footer .wpp-list {
    list-style: none;
}

.single-post-footer .wpp-list img {
    float: right;
}

.single-post-footer .wpp-list li {
    border-bottom: 1px solid #ACACAC;
    margin: 5px 0;
}

.single-post-footer h2, .single-post-footer h3 {
    border-bottom: 3px solid #000;
    font-weight: bold;
    text-align: right;
    font-size: 1.5em;
}

.newsletter-registration {
    background-color: #00aea1; 
    background-image: url('images/letters.jpg'); 
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 100%;
    padding-top: 20px;
     padding-bottom: 80px;
    text-align: center;
    
}


.newsletter-registration button, newsletter-registration-en button {
   width:100%;
    height: 100%;
    padding:10px;
    border-radius: 2;
}

.newsletter-registration .input-div-btn {
        text-align:center;
    }

.newsletter-registration-en .input-div-btn {
        text-align:center;
    }

.newsletter-registration h1, .newsletter-registration-en h1 {
    font-weight: 300;
   /* border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; */
    margin: 0px auto 20px;
    font-size: 35pt;
    color: #fff; 
    line-height: 24pt;
    text-align: center;
}

.newsletter-registration h1 span, .newsletter-registration-en h1 span{
    font-weight: 200;
   /* border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; */
    font-size: 18pt;
    color: #fff; 
    
}

.newsletter-registration input {
    width: 100%;
      padding:5px;
    border-radius: 2;
    
}

.categories {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;

}

.categories li {
    display: inline-block;
        border-radius: 10px;
    margin-top:10px;

}

.categories-dropdown {
    display: none;
}

.cat-block {
    display: inline-block;
    position: absolute;
    bottom: -6px;
}

.cat-item a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 5px 15px;
    min-width: 120px;
    text-align: center;
}

.chambers-tag {
    display: inline-block;
    text-decoration: none;
    display: inline-block;
    padding-right: 2px;
    padding-left:2px;
    text-align: center;
    background: #4CAF50;
    color: #fff;
    border-radius: 10px;
}

.legal-tag {
    display: inline-block;
    text-decoration: none;
    display: inline-block;
    padding-right: 2px;
    padding-left:2px;
    text-align: center;
    background: #536DFE;
    color: #fff;
    border-radius: 10px;
}

.duns-tag {
    display: inline-block;
    text-decoration: none;
    display: inline-block;
    padding-right: 2px;
    padding-left:2px;
    text-align: center;
    background: #ff7373;
    color: #fff;
    border-radius: 10px;
}

.bdi-tag {
    display: inline-block;
    text-decoration: none;
    display: inline-block;
    padding-right: 2px;
    padding-left:2px;
    text-align: center;
    background: #daa520;
    color: #fff;
    border-radius: 10px;
}

.iflr-tag {
    display: inline-block;
    text-decoration: none;
    display: inline-block;
    padding-right: 2px;
    padding-left:2px;
    text-align: center;
    background: #404040;
    color: #fff;
    border-radius: 10px;
}

.cat-item a:hover {
    color: #fff;
}

/* category colors */

.cat-item-2 {
    background: #D32F2F;
}

.cat-item-1 {
    background: #536DFE;
}

.cat-item-3 {
    background: #4CAF50;
}

.cat-item-1937 {
    background: #ff7373;
}

.cat-item-1938 {
    background: #ffc3a0;
}

.cat-item-1939 {
    background: #daa520;
}

.cat-item-1940 {
    background: #404040;
}

.cat-item-1941 {
    background: #66cdaa;
}

.cat-item-1942 {
    background: #794044;
}

.cat-item-1943 {
    background: #660066;
}

input[type=search] {
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}


#demo-2 input[type=search] {
	width: 15px;
    padding: 0;
	padding-left: 15px;
    padding-right: 4px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}



#demo-2 input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}

.search-submit {
    display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}


.search-form .fa-search:before {
    background: #29ABE2;
    padding: 6px;
    color: #fff;
}

.search-button {
    font: normal normal normal 14px/1 FontAwesome;
}

.search-form input {
    margin-right: -5px;
    border: 0;
}

.search-form {
    background: #29ABE2;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

.child-page-menu {
    list-style: none;
	background:#e5e5e5;
    padding: 15px 20px;
    margin-top: 23px;
	width:90%;
}

.child-page-menu li {
    border-bottom: 1px solid #BFBFBF;
}
.child-page-menu li:last-child {
	border-bottom:0;
}
.child-page-menu a {
    color: #333;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 5px 5px;
	font-weight:400;
}

.child-page-menu a:hover {
    background: #29ABE2;
    color: #fff;
}


.darkbg {
     top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.darkbg .title {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
}


/* To achive correct height use (img-height / img-width * container-width) for padding - http://stackoverflow.com/questions/600743/how-to-get-div-height-to-auto-adjust-to-background-size*/
.custom-header {
    background-image: url(images/default-post-header.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 0;
    padding-top: 25%;
}

.custom-header h1 {
    text-decoration: none;
    color: #fff;
    font-size: 3em;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
}


.breadcrumbs_div img {
  height: 23px !important;
  width: 23px !important;
}

.custom-header h1 {
    margin: 0;
}


.blog-index .widget-area {
    border: 1px solid #000;
    top: 54px;
    bottom: 40px;
}



.menu-toggle {
    display: block;
}

#primary-menu {
    display: none;
    text-align: center;
}

.toggled #primary-menu {
    display: block;
}

.social-header-menu {
    display: none;
}

.author .custom-header {
    display: none;
}

.author .blog-index .widget-area {
    top: 0;
}

.circle-popular-count {
    border-radius: 50%;
    border: 1px solid black;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    font-size: 2em;
    margin-bottom: 10px;
    font-size: 17pt;
    font-family: 'Assistant', sans-serif;
    font-weight: 100;
}

.recommend-post {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* mobile (only header) */
@media only screen and (max-width : 992px) {

li.hide-mobile div {
        display: inline;
    }
    
    .search-form {
    background: none;
    }


    
    
    .newsletter-registration {
        background-image: none;
        padding-bottom: 25px;
    }
    
        .newsletter-registration-en {
        background-image: none;
        padding-bottom: 25px;
    }
    
    .newsletter-registration h1 {
        font-size:24pt;
    }
    
    .newsletter-registration .input-div {
        margin-top:15px;
        text-align: center;
    }
    
.newsletter-registration .input-div-btn, .newsletter-registration-en .input-div-btn {
        width:100%;
    margin-top: 10px;
    margin:auto;
    }
    
    
    #breadcrumbs {
     font-size:11px;
        margin-left:2px;
       
    }

    #breadcrumbs a {
        font-size: 11px;
    }
    #breadcrumbs a:hover {
        font-size: 11px;
    }
    
    .footer-center i {
        display:none;
    }

    .absolute-grey-bar h1 {
        font-size:30px;
        line-height: 120%;
    }
    
    /* makes contact form 7 responsive */
.wpcf7 {
    width:100%:
}

   /* .mostpopular {
    display: none;
} */

   .footer-distributed .footer-left {
    visibility: hidden;
    }

    .footer-distributed {
        padding-bottom: 0px;
    }
    
    

     /* mobile structre */

.page-slider {
margin-left: 10px;
margin-right: 10px;
}

    #content {
         padding-top: 0;
    }

    .site-content {
        margin-top: 0;
    }

    .content-area{
    min-width: 100%;

    }

    .content-area-page {
        padding-top:0;
    }

    #single_post_container{
        min-width:100%;
        padding:0;
    }

    .site-main {
    min-width: 100%;

    }

    .site-content-post {
        padding:0;
        margin:0;
    }

    .site-main-page-wide {
    min-width: 100%;

    }

    .site-main-page-narrow {
    min-width: 100%;
        
    }


    .custom-header
    {
        background-size: contain;
    }


    .hover-logo {
        display: none !important;
    }

    .side-menu {
        display: inline-block;
    }

    .side-menu ul {
        margin: 0;
    }

    .side-menu ul li {
        position: relative;
        font-family: 'Assistant', sans-serif;
    }


    .side-menu ul li:before {
     <!--   content: "\f104";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome; -->
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .admin-bar.floating-header .main-navigation {
        top: 0;
    }

    .main-navigation ul ul {
        display: none;
    }

    .floating-header .custom-header {
        margin-top: 60px;
    }

    .grid-sizer,
    .grid-item {
        width: 100%;
        height: 100px;
        position: relative;
     }

    /* 2 columns */
    .grid-item--width2 {
        width: 100%;
    }
    
    .grid-item .title {
        font-size:20px;
    }
    
    .grid-mobile-none {
        display:none;
    }

    .gutter-sizer { width: 0; }

    .back-to-blog {
        display: none;
    }

    .single-meta-share {
        float: none;
    }

    .addtoany_shortcode {
        float: none;
    }

    .custom-header h1 {
        font-size: 6vw;
    }

    .page-title {
        display: none;
    }

    #primary-menu {
        background: #808080;
    }

    #primary-menu li a {
        color: #fff;

    }

    #primary-menu li {
        display: block;
    
    }

    .site-branding {
        display: none;
    }

    .main-navigation {
        height: 60px;
    }

    .mobile-logo {
        width: 90px;
        display: inline-block;
        float: left;
        margin-top: 7px;
        margin-left: 10px;
    }

    .menu-top-menu-container {
        position: absolute;
        z-index: 1000;
        width: 100%;
    }
}

.related-title, .related-title:visited {
    color: #4D4D4D;
    font-weight: 600;
    font-family: 'Assistant', sans-serif;
    font-size:20px;
}


.related-title:hover {
    color: #3C8DC5;
}

.yarpp-related {
    color: #4D4D4D;
    background-color: #efefef;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width : 992px) {

    .modal {
        left: 0;
        top: 0;
        background-color:yellow;
        width: 800px;
    }

    .modal-text {
        width: 440px;
    }
    
    .modal-header {
        width:100%;
        position: absolute;
        top:0;
        height: 15%;
    }

    .blog-index #main {
        display: table-cell;
        width: 80%;
        width: 660px;
        padding: 0;
    }

    .recommend-post li {
        display: inline-block;
        width: 45%;
        vertical-align: top;
        margin-left: 4%;
        overflow-x: hidden;
    }

    .recommend-post li:nth-child(2) {
        margin-left: 0;
    }

    .contact-us-map {
        height: 259px;
    }

    .mobile-title {
        display: none;
    }

    .widget-area .wpp-post-title {
        font-size: 18pt;
        line-height: 18pt;
        font-weight: 100;
        font-family: 'Assistant', sans-serif;
    }

    .flexbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .flex-cell {
        padding: 1em 0 0 1em;
    }



    .flex2of3 {
        width: 100%;
    }

    .mobile-logo {
        display: none !important;
    }

    .menu-toggle.fa {
        display: none;
    }

    .front-recent-blog-posts  li {
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }

    .post-content h2 {
        height: 45px;
        overflow:hidden;
    }

    .entry-footer .entry-date {

    }

    .post-content .small-article h2 {
        height: 105px;
        overflow: hidden;
    }

    .entry-footer {
        padding-top: 10px;
        margin-top:10px;
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color:white;
        z-index: 100;
    }

    .entry-footer img {
        display: none;
    }

    h2 {
        font-size: 1.2em;
    }

    #site-navigation a {
        color: #000;
    }

    .social-header-menu {
        display: block;
        background :#333;
        list-style: none;
        margin: 0;
        padding: 5px 0;
        text-align:right;
    }

    .social-header-menu ul {
        margin: 0 1.62em 0 1.38em;
    }

    .social-header-menu a {
        color: #fff;
        text-decoration: none;
    }

    .social-header-menu li {
        display: inline-block;
        margin: 0 5px;
    }

    .menu-toggle {
        display: none;
    }

    #primary-menu {
        display: block;
    }

    .container {
        max-width: 900px;
    }

    #primary-menu li a {
        padding: 0 5px;
    }

    .custom-header a {
        font-size: 1.5em;
    }

    .widget-area{
        left:0px;
        bottom:0px;
        position:absolute;
        top: 0;
    }

    .blog-index .type-post.small-article .post-content {
        height: 280px;
    }

    .grid-item .title {
      font-size:18px;
        min-width: 150px;
    }

    .side-menu {
        max-width: 20%;
        display: inline-block;
    }

    .site-main-page {
        max-width: 80%;
        display: inline-block;
    }

    #search {
        width: 160px;
    }

    .blog-index .type-post.large-article {
        width: 420px;
    }

    .blog-index .type-post.small-article {
        width: 230px;
    }

    .post-preview-image {
        height: 170px;
    }

    .blog-index .type-post {
        height: 376px;
    }

    .blog-index .widget-area {
        width: 230px;
    }

    .blog-index .type-post {
        width: 325px;
    }

    .feet {
        height: 300px;
    }

    .glasses {
        height: 250px;
    }
    .waze {
        display: none;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width : 1200px) {
    
    

            .popular {
    display: inherit;
}

    .blog-index #main {
        width: 880px;
    }

    .site-header{width:100%;padding:0;}
    .container{
        max-width: 1170px;
        margin: 0 auto;
        position: relative;
    }

    .entry-footer img {
        display: inline-block;
    }

    .entry-footer .entry-date {
        float: left;
        margin-top: 17px;
    }

    .site-main {

    }

    .blog-index .type-post.small-article {
        width: 280px;
    }

    .blog-index .type-post.small-article .post-content {
        height: 308px;
        overflow: hidden;
    }

    .grid-item .title {
        width: 220px;
        font-size: 20pt;
    }

    .legal-marketing .title {
        width: 420px;
    }

    .blog-index .type-post.large-article {
        width: 560px;
    }

    #primary-menu li a {
        padding: 0 15px;
    }

    .blog-index .type-post {
        width: 420px;
        margin-left: 12px;
    }

    .site-footer{width:100%;padding:0;}

    .feet {
        height: 400px;
    }

    .glasses {
        height: 350px;
    }
}


/* MODAL */
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
     z-index: 10000;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}

.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 10000;
  background: #fff;
  padding: 30px;
}

.modal a.close-modal {
position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("images/close.png") no-repeat 0 0;
  background-size: cover;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,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") #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}


.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: "Before"; }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: "After"; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }


/* Contact form */

.btn-submit {
    font-weight: bold;
    width:100px;
    padding:10px;
    text-align: center;
}
.btn-submit:hover {
    background-color:#0071bc;
}

/* smallest media query */

@media only screen and (max-width : 600px) {
    .categories-dropdown {
        width:100%;
    display: inline-block;
        margin-top:10px;
        margin-bottom:10px;
        text-align:center;

}
    .categories {
        display:none;
    }
#primary-menu li a {
line-height:2.3rem;
}
}