/*
Theme Name: Twenty Seventeen Child for Osool
Template: twentyseventeen
Theme URI: https://marta.abdelsamie.com
Author: Marta Abd Elsamie
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
 @import url('https://fonts.googleapis.com/css?family=Cairo|Open+Sans');
 
 html, body{
	 
  font-family: 'Cairo', sans-serif;

 }

html{
	direction:ltr!important
}

body.rtl {
	  font-family: 'Cairo', sans-serif!important;
	

}

.whatsapp{
	position:fixed;
	bottom:0;
	right:5px;
	z-index:99;
	background-color: #816015;
color: #ffffff;display: inline-block;

padding-left: 12px;

padding-right: 12px;

padding-top: 0px;

padding-bottom: 0px;

border-radius: 25px;

font-size: 13px;

line-height: 32px;
}

.whatsapp a{
	color:#fff
}

.whatsapp img{
	float: left;

margin: 0 8px 0 -12px;

height: 32px;

width: 32px;

border-radius: 50%;
}

.rtl div.wpcf7 input[type="file"] {
	direction:rtl
}

.ltr{
	direction:ltr!important;
	text-align:right
}

.rtl .main-navigation li{
	text-align:right
}

.rtl .site-footer .widget-column.footer-widget-1 section{
	float:right
}

.rtl .site-footer .widget-column.footer-widget-1 section:nth-of-type(3){
	text-align:left
}

.ow-button-base.ow-button-align-center{
	margin-bottom:20px
}

.rtl .custom-logo-link{
	float:right
}

.rtl p, .rtl .site-content-contain{
	direction:rtl!important
}

.rtl #masthead .wrap{
	text-align:right
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
border:none}
 
a {
color:#d6b469;
color:#816015;
text-decoration:none}


a:hover {
	color:#AD8939
}

#primary-sidebar table{
	margin:0
}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong, .entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
box-shadow:none;}

.page:not(.home) #content{
padding-bottom:0}


.site-header{
background:#fff}

.navigation-top{
border:none;
background:none;
text-transform:uppercase}

.rtl .navigation-top{
font-size:18px}

.rtl .main-navigation .menu-item-has-children > a > .icon{
right:5px; left:auto}

.navigation-top .wrap{
	background:#575b61;
border-bottom:5px solid #d6b469;
padding: 50px 30px;
max-width:1200px}

.navigation-top.site-navigation-fixed{
	background:#575b61;
border-bottom:5px solid #d6b469;

}

.navigation-top.site-navigation-fixed .wrap{
border:none;
padding: 6px}

.main-navigation ul ul{
	background:#575b61;
}

.main-navigation a{
color:#ddd
}

.main-navigation a:hover, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
color:#d6b469}

.rtl .main-navigation li{
float:right}

.panel-content .entry-header{
display:none}

.panel-content .wrap, .page-one-column .panel-content .wrap, .single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary, .wrap{
padding:0 10px;
max-width:1200px;
}

.site-content-contain{
margin-top:-40px}

.site-footer{
margin:0;
border:none}

#primary-sidebar{
float:right;
text-align:right;
}

.rtl #primary-sidebar{
float:left;
text-align:left}

h1, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{
font-family: "Open Sans", sans-serif;
line-height: 1;
font-weight: 300;
color:#575b61;
text-align:center;
font-size:80px;}

h2{
	font-size: 50px;
color:#575b61;
	font-family: "Open Sans", sans-serif;
	text-align:center}

h3{
color:#d6b469}

h4{
	font-weight:normal;
font-size:22px}
	
#n2-ss-2 h2{
font-size:80px;
font-family: 'Open Sans', sans-serif;
color:#fff
}

#n2-ss-2 h3{
	color:#d6b469;
font-size:50px}

#n2-ss-2{
	text-align:center;
color:#fff}



.offer li:before, .entry-content li:before{
	content:"\f138";
	font:normal normal normal 20px/1 FontAwesome;
	color:#d6b469;
padding-right:0px;}

.offer ul, .entry-content ul{
	padding-left:20px
}

.offer li:before, .entry-content li:before{
	margin-left:-25px;
	margin-right:5px
}

.rtl .offer li:before, .rtl .entry-content li:before{
padding-right:0px;
padding-left:0px;
margin-right:-25px;
margin-left:5px}

.rtl .offer ul, .rtl .entry-content ul{
	padding-right:20px
}

.entry-content .intl-tel-input li:before{
display:none}

.wpcf7-checkbox{
padding:3px 0}

li h4{
display:inline}

.white{
color:#fff}

.rtl h1, .rtl h2, .rtl h3 {
	  font-family: 'Cairo', sans-serif!important;

}

#colophon{
	
background:#575b61;
color:#fff}

#subscribe .fa{
	font-size: 72px;
	color: #575b61
}

#subscribe h2{
color:#fff}

 .site-footer .widget-column.footer-widget-1{
width:100%;
text-transform:uppercase}

.site-footer .widget-column.footer-widget-2{
width:100%}

.site-footer .widget-column.footer-widget-1 section {
	width:33.33%;
float:left}


.rtl .site-footer .widget-column.footer-widget-2, .rtl .site-footer .widget-column.footer-widget-1{
float:right}

.rtl .site-footer .widget-column.footer-widget-1 section:nth-of-type(3) {
float:right;}

.site-footer .widget-column.footer-widget-1 section:nth-of-type(3) {
float:right;
text-align:right}

.site-footer .widget-column.footer-widget-1 section:nth-of-type(1) .fa, #primary-sidebar .fa{
	font-size:50px;
	color:#d6b469
}

.gold h2{
color:#d6b469}

.testimonial-content{
color:#fff!important}

.site-footer .widget-column.footer-widget-1 section:nth-of-type(3) .fa{
	font-size:30px;
	background:#46494e;
	border-radius:50%;
	width:70px;
	height:70px;
	color:#fff;
	padding:20px 24px;
	transition:all 0.5s
}

.site-footer .widget-column.footer-widget-1 section:nth-of-type(3) .fa:hover{
background:#d6b469;}

.values .fa{
	font-size:30px;
	background:#d6b469;
	border-radius:50%;
	width:70px;
	height:70px;
	color:#fff;
	padding:20px;
	transition:all 0.5s
}

.values .fa:hover {
	background:#46494e;
}


.values h3{
font-size: 30px;
color:#46494e;
padding:0}

.widget ul li, .widget ol li{
border:none}

.widget:not(.widget_tag_cloud) ul li + li{
margin-top:0}



.site-footer .widget-area{
padding-bottom:0}

.site-info{
display:none}

tr{
border-bottom:none}


.entry-content a img, .comment-content a img, .widget a img{
box-shadow:none}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bfbfbf;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bfbfbf;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bfbfbf;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bfbfbf;
}

.col-md-6{
	width:48%;
float:left;
margin-right:2%}

.row{
	width:100%;
clear:both}

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, select{
width:100%;
padding:0.7em;
border-radius:0
}

.intl-tel-input{
width:100%}

input[type="submit"]{
	margin: 10px auto;
background:#575b61;
border-radius:0;
width:100%;
padding: 16px;
margin-top: 22px; }

.row.send{
text-align:center}

.clear{
clear:both}

form .clear{
margin-bottom:5px}

label{
max-width:100%;
padding-top:10px;
margin-bottom:0}

.rtl label{
text-align:right}

.rtl select{
text-align:right}

.rtl input[type="text"], .rtl input[type="email"], .rtl input[type="tel"], .rtl input[type="date"], .rtl textarea, .rtl select {
text-align:right}

.intl-tel-input.allow-dropdown .flag-container{
	right:0!important;
left:auto!important}

.wpcf7-checkbox{
width:100%}

.rtl .wpcf7-checkbox input{
float:right}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="text"], .intl-tel-input.separate-dial-code input[type="tel"]{
	padding-right:52px!important;
padding-left:6px!important}

form p{
margin-bottom:5px}

.nav-links{
display:none}

#written-translation ul li{

width:50%; 
float:left}

.widget{
padding-bottom:0}


/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/


.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.fade-animation {
	  opacity: 0;
-moz-transition: all 1500ms linear;
  -webkit-transition: all 1500ms linear;
  -o-transition: all 1500ms linear;
  transition: all 1500ms linear;
}

.animation-element.fade-animation.in-view {
	  opacity: 1;

}

.entry-footer, .navigation.post-navigation{
display:none}

.rtl .col-md-6{
	float:right
}

.rtl span.wpcf7-list-item{
		width:100%;
		text-align:right
	}

.rtl div.wpcf7 input[type="file"] {

    direction: rtl;
    width: 100%;

}

.rtl input[type="text"], .rtl input[type="email"], .rtl input[type="tel"], .rtl input[type="date"], .rtl textarea, .rtl select{
	direction:rtl
}

@media screen and (max-width:767px){
	.site-footer .widget-column.footer-widget-1 section {
	width:100%;
float:none;
clear:both;
text-align:center!important}


.main-navigation ul{
	background:#575b61;
}

.menu-toggle{
color:#ddd}

.js .menu-toggle {
    color:#ddd;
	background:#575b61;
	border:2px solid #575b61;
    z-index: 9999999;
    position: relative;
}
	.rtl .main-navigation li{
		float:none
	}
	
.navigation-top .wrap{
background:none;
padding:0 0 20px 0}
	
	.halfcol{
		width:100%!important
	}
	
	.js .main-navigation.toggled-on > div > ul ul{
		display:block
	}
	
	.sub-menu {
		border-top:1px solid #f0f0f0
	}
	
	.contactinfo th:first-child, .contactinfo td:first-child{
		display:none
	}
	
	
}
@media screen and (max-width:640px){
	#primary-sidebar{
	clear:both}
	
	.col-md-6{
	width:100%;
float:none;
margin-right:0}

h1, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{
font-size:38px}

h2{
font-size:34px}

}