/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.content - home sections                              
 5.Portfolio pages                           
 6.Blog pages       
 8.Contact page                               
 9.Single post                            
 10.About page                            
 11.Shop Page           
 12.Single Project page         
 13.Footer
 14.nouislider style (used in priccing range)
 15.Single page

-------------------------------------------------*/

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/


.navbar { margin-bottom: 0; background: #fff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border: none !important; border-radius: 0; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

header.active .navbar { background: rgba(255,255,255,0.9); }

.top-line { padding: 12px 0; background: #f6f6f6; border-bottom: 1px solid #e4e4e4; overflow: hidden; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

header.active .top-line { height: 0; padding: 0; }

.top-line p { float: right; margin: 0; }

.top-line p span { display: inline-block; color: #253135; font-size: 13px; font-family: 'WYekan', sans-serif; border-left: 1px solid #dddddd; line-height: 16px; margin-right: 13px; }

.top-line p span i { color: #0077f9; font-size: 14px; vertical-align: middle; display: inline-block; padding: 0 5px; }


ul.social-icons { float: left; }

ul.social-icons li { display: inline-block; margin-left: 10px; }

ul.social-icons li a { display: inline-block; margin-bottom: -2px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.social-icons li a i { font-size: 17px; color: #0077f9; }

ul.social-icons li a:hover { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); }

.navbar-brand { padding: 25px 15px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

header.active .navbar-brand { padding: 10px 15px 0; }

.navbar-default .navbar-nav { margin-top: 0px; margin-bottom: 0px; }

.navbar-default .navbar-nav > li { margin-left: 34px; }

.navbar-default .navbar-nav > li.drop { position: relative; margin-right: -16px; }

.navbar-default .navbar-nav > li.drop:after { position: absolute; content: '\f107'; font-family: 'FontAwesome'; color: #cecece; font-size: 13px; right: 0px; top: 50%; margin-top: -7px; }

.navbar-default .navbar-nav > li:first-child { margin-left: 0px; }

.navbar-default .navbar-nav > li > a { position: relative; color: #7d7d7d; font-size: 14px; font-family: 'WYekan', sans-serif; font-weight: 300; padding: 44px 0; text-transform: uppercase; border-top: 5px solid transparent; z-index: 2; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; -webkit-backface-visibility: hidden; }

.navbar-default .navbar-nav > li.drop > a { padding-right: 16px; }

.navbar-default .navbar-nav > li > a.active { color: #0077f9; border-top: 5px solid #0077f9; }

.navbar-default .navbar-nav > li > a:hover { color: #0077f9; }

header.active .navbar-nav > li > a { padding: 24px 0 26px; }

ul.drop-down { position: absolute; top: 100%; left: 0; width: 150px; visibility: hidden\0/; opacity: 0; z-index: 3; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s; -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s; text-align: right; }

.navbar-default .navbar-nav > li:hover > ul.drop-down { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; -mos-transition: -mos-transform 0.4s, opacity 0.1s; -o-transition: -o-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }

ul.drop-down li a { display: block; color: #fff; font-size: 14px; font-family: 'WYekan', sans-serif; padding: 10px 12px; text-decoration: none; text-transform: capitalize; background: #0076f9; font-weight: 300; opacity: 1; border-top: 1px solid rgba(0,0,0,0.3); transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.drop-down li { position: relative; }

ul.drop-down.level3 { top: 0; left: 100%; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); }

ul.drop-down li:hover ul.drop-down.level3 { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; -mos-transition: -mos-transform 0.4s, opacity 0.1s; -o-transition: -o-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }

ul.drop-down li:first-child a { border-top: none; }

ul.drop-down li a:hover { opacity: 0.7; }

/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/
ul { padding: 0; margin: 0; }

ul li { list-style: none; }

a { text-decoration: none; }

h1 { color: #000000; font-size: 38px; font-family: 'WYekan', sans-serif; font-weight: 300; margin: 0; }

h2 { color: #464646; font-size: 24px; font-family: 'WYekan', sans-serif; font-weight: 600; margin: 0; margin-bottom: 10px; }

h3 { color: #000000; font-size: 22px; font-family: 'WYekan', sans-serif; font-weight: 300; margin: 0; margin-bottom: 22px; text-align: right; }

h4 { color: #000000; font-size: 18px; font-family: 'WYekan', sans-serif; font-weight: 300; margin: 0; }

h5 { color: #000000; font-size: 15px; font-family: 'WYekan', sans-serif; font-weight: 300; margin: 0; }

p { color: #9a9a9a; font-size: 13px; font-family: 'WYekan', sans-serif; font-weight: 300; margin: 0; line-height: 18px; text-align: right; }

a.main-button { color: #fff; font-size: 15px; font-family: 'WYekan', sans-serif; font-weight: 700; padding: 12px 35px; background: #7ea4f5; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

a.main-button:hover { opacity: 0.8; }

button { outline: none !important; }

#container { padding-top: 158px; background: #fff; }

#container.boxed { max-width: 1220px; margin: 0 auto; box-shadow: 0 0 35px #aeaeae; -webkit-box-shadow: 0 0 35px #aeaeae; -moz-box-shadow: 0 0 35px #aeaeae; -o-box-shadow: 0 0 35px #aeaeae; position: relative; overflow: hidden; padding-top: 0; }

body { background: #e9e9e9; }

/*-------------------------------------------------*/
/* =  content - home sections
/*-------------------------------------------------*/

/*slider*/
.big_white span { font-weight: 600; }

.modern_medium_light { background: #0b7af0; border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; padding: 20px 40px; text-align: center; width: 263px; }

.modern_medium_light i { display: block; text-align: center; color: #fff; font-size: 40px; margin-bottom: 14px; }

.large_text span { font-weight: bold; }

.welcome-box { padding: 45px 0 40px; text-align: center; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F0F0F0) ); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%); }

.welcome-box h1 span { font-weight: 600; color: #0076f9; }

.welcome-box p { color: #868686; font-size: 19px; font-family: 'WYekan', sans-serif; font-weight: 300; line-height: 22px; margin: 0; text-align: center; }

.services-box { position: relative; padding: 40px 0 10px; border-bottom: 1px solid #d3d3d3; direction: rtl; }

.shadow-image { position: absolute; left: 50%; margin-left: -544px; bottom: -51px; }

.services-post { padding: 10px 0; margin-bottom: 30px; }

.services-post > a { position: relative; display: inline-block; float: left; width: 66px; height: 66px; background: #0076f9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; -webkit-backface-visibility: hidden; }

.services-post > a:after { position: absolute; content: ''; width: 66px; height: 66px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #0076f9; left: 0px; top: 0px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.services-post > a:hover { transform: scale(1.1) rotate(360deg); -webkit-transform: scale(1.1) rotate(360deg); -moz-transform: scale(1.1) rotate(360deg); -o-transform: scale(1.1) rotate(360deg); }

.services-post > a:hover:after { position: absolute; content: ''; width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 3px solid #0076f9; left: -7px; top: -7px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.services-post > a i { font-size: 26px; color: #fff; display: inline-block; height: 100%; width: 100%; text-align: center; line-height: 66px; }

.services-post-content { margin-left: 86px; padding-top: 10px; }

.services-post-content h4 { margin-bottom: 3px; }

.recent-works { padding-top: 50px; padding-bottom: 20px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #EAF4F8), color-stop(1, #B7C1C5) ); background-image: -o-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: -moz-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: -webkit-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: -ms-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: linear-gradient(to bottom, #EAF4F8 0%, #B7C1C5 100%); direction: rtl; text-align: center; }

.carousel-control .glyphicon { display: none; }

.carousel-control { -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 25px; height: 25px; background: none; top: -40px; font-size: 17px; color: #ffffff; text-align: center; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; opacity: 0.5; opacity: 1; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; -webkit-backface-visibility: hidden; }

.carousel-control.left { left: 28px; right: auto; background: rgba(0,118,249,0.3); }

.carousel-control.left:before { font-family: 'FontAwesome'; content: "\f104"; position: absolute; font-size: 19px; color: #fff; top: -1px; right: 8px; }

.carousel-control.right { left: 58px; right: auto; background: rgba(0,118,249,0.3); }

.carousel-control.right:before { font-family: 'FontAwesome'; content: "\f105"; position: absolute; font-size: 19px; color: #fff; top: -1px; right: 10px; }

.carousel-control.left:hover { background: rgb(0,118,249); opacity: 1; }

.carousel-control.right:hover { background: rgb(0,118,249); opacity: 1; }

.work-post { overflow: hidden; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin-bottom: 30px; }

.work-post-gal { position: relative; }

.work-post-gal img { width: 100%; -webkit-backface-visibility: hidden; }

.work-post-content { background: #fff; padding: 20px; }

.work-post-content span { display: inline-block; color: #4984aa; font-style: italic; font-family: 'WYekan', sans-serif; font-size: 12px; }

.hover-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,118,249,0.8); transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); }

.hover-box a { width: 50px; height: 50px; display: inline-block; position: absolute; top: 50%; margin-top: -25px; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transform: scale(0.1); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); -webkit-backface-visibility: hidden; }

.work-post:hover .hover-box { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }

.work-post:hover .hover-box a { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }

.hover-box a:after { position: absolute; content: ''; width: 50px; height: 50px; background: url('../images/zoom-after.png') center center no-repeat; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.hover-box a:hover:after { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; }

.hover-box a.zoom { right: 50%; margin-right: 5px; background: url('../images/zoom.png') center center no-repeat; }

.hover-box a.page { left: 50%; margin-left: 5px; background: url('../images/page.png') center center no-repeat; }

.partners { padding: 50px; background: url('../upload/banner1.jpg'); overflow: hidden; direction: rtl; text-align: center; }

.partners h3 { color: #fff; text-align: center; }

.partners .carousel-control { border: 1px solid #fff; background: transparent; }

.partners .carousel-control.left:hover { background: rgba(255,255,255,0.3); }

.partners .carousel-control.right:hover { background: rgba(255,255,255,0.3); }

.partners .carousel-control.left:before { top: -2px; left: 8px; }

.partners .carousel-control.right:before { top: -2px; left: 9px; }

.partner-list { overflow: hidden; padding-top: 10px; }

.partner-list li { float: left; width: 16.8%; margin-left: 4%; }

.partner-list li:first-child { margin-left: 0; }

.partner-list li img { width: 100%; -webkit-backface-visibility: hidden; }

.title-section { text-align: center; padding-top: 50px; padding-bottom: 36px; border-bottom: 1px solid #dedede; margin-bottom: 50px; }

.title-section p { color: #868686; font-size: 19px; line-height: 25px; text-align: center; }

.owl-pagination { display: none; }

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; position: relative; zoom: 1; margin: 5px; font-size: 32px; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fff; border: 1px solid #dbdbdb; opacity: 1; padding: 0; width: 64px; height: 37px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.owl-theme .owl-controls { margin-bottom: 25px; }

.owl-theme .owl-controls .owl-buttons div:hover { border: 1px solid #0076f9; background: #0076f9; }

.owl-theme .owl-controls .owl-buttons div:before { font-family: 'FontAwesome'; position: absolute; font-size: 32px; color: #0076f9; width: 100%; left: 0; text-align: center; line-height: 37px; }

.owl-theme .owl-controls .owl-buttons div:hover:before { color: #fff; }

.owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f104"; }

.owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f105"; }

.owl-buttons { margin-top: -75px; }

.news-item { margin: 15px; margin-bottom: 40px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.news-item .inner-item { position: relative; overflow: hidden; margin-bottom: 20px; }

.news-item .inner-item img { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.news-item:hover .inner-item img { -webkit-filter: blur(2px) grayscale(1); -moz-filter: blur(2px) grayscale(1); -o-filter: blur(2px) grayscale(1); -ms-filter: blur(2px) grayscale(1); filter: blur(2px) grayscale(1); }

.latest-post { border-bottom: 1px solid #dedede; }

.news-item h5 { margin-bottom: 5px; line-height: 22px; direction: rtl; }

.news-item p { line-height: 22px; margin-bottom: 10px; direction: rtl; }

a.read-more { display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #0076f9; color: #0076f9; padding: 8px 12px; background: #fff; font-size: 12px; font-family: 'WYekan', sans-serif; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; text-transform: lowercase; text-decoration: none; }

a.read-more i { color: #0076f9; font-size: 12px; margin-left: 7px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

a.read-more:hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }

.hover-item { position: absolute; top: 50%; margin-top: -56px; left: 0; }

.hover-item ul li { margin-bottom: 5px; }

.hover-item ul li a { display: inline-block; color: #fff; font-size: 11px; font-family: 'WYekan', sans-serif; padding: 10px; margin-left: -100%; text-decoration: none; background: #117bf1 }

.hover-item ul li a i { font-size: 14px; color: #fff; margin-right: 5px; }

.hover-item ul li a.autor { transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.hover-item ul li a.date { transition: all 0.29s ease-in-out; -moz-transition: all 0.29s ease-in-out; -webkit-transition: all 0.29s ease-in-out; -o-transition: all 0.29s ease-in-out; }

.hover-item ul li a.comment-numb { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }

.item:hover .hover-item ul li a { margin-left: 0; }

.why-convertible-box { padding-top: 60px; }

.why-convertible-box h1 { margin-bottom: 10px; }

.why-convertible-box h1 span { font-weight: 600; }

.why-convertible-box h1 i { color: #0076f9; margin-left: 10px; }

.why-convertible-box p { margin-bottom: 15px; }

.why-convertible-box p a { color: #0076f9; font-weight: 700; }

.tag-list li { display: inline-block; margin-right: 11px; margin-bottom: 15px; }

.tag-list li a { display: inline-block; color: #0076f9; font-size: 12px; font-family: 'WYekan', sans-serif; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; border: 1px solid #0076f9; padding: 5px 10px; background: #fff; text-decoration: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.tag-list li a i { color: #0076f9; font-size: 17px; margin-left: 4px; vertical-align: middle; }

.tag-list li a:hover { opacity: 0.7; }

.upper-box { padding-bottom: 30px; margin-bottom: 45px; position: relative; direction: rtl; }

.upper-box:after { position: absolute; content: ''; width: 100%; height: 2px; bottom: 0; left: 0; background: url('../images/border-bottom.png') center center no-repeat; }

ul.device-list { overflow: hidden; margin-bottom: 45px; }

ul.device-list li { float: left; margin-left: 53px; position: relative; }

ul.device-list li img { max-width: 100%; }

ul.device-list li:after { font-family: 'FontAwesome'; position: absolute; content: '\f064'; top: 134px; left: -38px; color: #0076f9; font-size: 18px; }

ul.device-list li:first-child { margin-left: 0px; }

ul.device-list li.device2 { padding-top: 28px; }

ul.device-list li.device3 { padding-top: 32px; }

ul.device-list li.device4 { padding-top: 77px; }

.testimonials-box { padding: 50px 0; background: url('../upload/banner2.jpg'); }

.testimonials-box h3 { color: #fff; margin-bottom: 70px; }

.bxslider li { overflow: hidden; }

.bxslider li img { float: left; max-width: 156px; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; padding: 12px; }

.message-content { margin-left: 226px; margin-top: 22px; }

.message-content p { position: relative; color: #fff; font-size: 22px; font-style: italic; font-weight: 300; margin: 0; margin-bottom: 18px; border: 1px solid #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; padding: 24px 40px; line-height: 30px; }

.message-content p:after { position: absolute; content: ''; width: 21px; height: 40px; left: -21px; top: 35px; background: url('../images/arrow.png') center center no-repeat; }

.message-content h6 { color: #fff; font-size: 14px; font-family: 'WYekan', sans-serif; font-weight: 300; margin: 0; margin-left: 40px; }

.message-content h6 span { font-weight: 700; }

.staff-box { padding: 50px 0; border-bottom: 1px solid #dedede; direction: rtl; text-align: center; }

.staff-post { margin-bottom: 30px; height: 320px; }

.staff-post-content { background: #0076f9; padding: 20px 23px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; }

.staff-post-content h5 { color: #fff; font-size: 16px; font-weight: 700; }

.staff-post-content span { color: #fff; font-size: 13px; font-family: 'WYekan', sans-serif; font-weight: 300; }

.staff-post-gal { border: 1px solid #dbdbdb; position: relative; overflow: hidden; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.staff-post:hover .staff-post-gal { padding-top: 52px; }

.staff-post-gal img { padding: 12px; width: 100%; }

.staf-social { text-align: center; padding: 10px 10px 7px; border-bottom: 1px solid #dbdbdb; position: absolute; top: -100%; width: 100%; left: 0; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.staff-post:hover .staf-social { top: 0; }

.staf-social li { display: inline-block; margin-left: 3px; }

.staf-social li:first-child { margin-left: 0px; }

.staf-social li a { display: inline-block; width: 29px; height: 29px; border: 1px solid #0076f9; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.staf-social li a i { font-size: 13px; text-align: center; color: #0076f9; line-height: 29px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.staf-social li a:hover i { color: #ffffff; }

.staf-social li a:hover { background: #0076f9; }

.infographic-box { padding: 50px 0 30px; border-bottom: 1px solid #dedede; text-align: center; direction: rtl; }

.skills-bar { text-align: center; }

.skills-bar p { color: #cccccc; font-size: 15px; margin-bottom: 20px; margin-top: 15px; }

.gender-list { padding-bottom: 15px; border-bottom: 1px solid #dedede; margin-bottom: 30px; }

.gender-list li,
.stars-list li { display: inline-block; margin-bottom: 15px; margin-left: 19px; }

.stars-list li { margin-left: 28px; }

.gender-list li a { display: inline-block; }

.gender-list li a i { font-size: 80px; }

.gender-list li a i.fa-male { color: #0076f9; }

.gender-list li a i.fa-female { color: #e2e2e2; }

.gender-list li:first-child,
.stars-list li:first-child { margin-left: 0px; }

.stars-list { padding-bottom: 15px; border-bottom: 1px solid #dedede; margin-bottom: 30px; }

.stars-list li a i { font-size: 50px; color: #0076f9; }

.stars-list li:nth-child(n+11) a i { color: #e2e2e2; }

.product-box { padding: 50px 0 30px; text-align: center; }

.product-post { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; margin-bottom: 15px; }

.product-post:hover { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; margin-bottom: 15px; }

.product-post img { width: 100%; }

.product-post-gal { position: relative; }

.product-post-gal span.price { position: absolute; top: 0; right: 0; display: inline-block; color: #fff; padding: 11px 14px; background: #0076f9; font-size: 15px; font-family: 'WYekan', sans-serif; font-weight: 700; opacity: 0.5; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.product-post:hover span { opacity: 1; }

.product-post-content { text-align: center; padding: 14px 20px; border: 1px solid #dbdbdb; border-top: none; border-bottom-left-radius: 5px; -webkit-bottom-left-border-radius: 5px; -moz-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-bottom-right-border-radius: 5px; -moz-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; }

ul.product-list { margin-top: 16px; }

ul.product-list li { display: inline-block; margin-left: 6px; }

ul.product-list li:first-child { margin-left: 0px; }

ul.product-list li a { display: inline-block; width: 66px; height: 38px; border: 1px solid #dbdbdb; background: #fff; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.product-list li a:hover { background: #0076f9; }

ul.product-list li a i { font-size: 15px; color: #555555; text-align: center; line-height: 38px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.product-list li a:hover i { color: #fff; }

.convertible-banner { padding: 28px 0; background: url('../upload/banner3.jpg'); }

.convertible-banner p { padding-left: 60px; margin-right: 160px; color: #fff; font-size: 20px; font-family: 'WYekan', sans-serif; font-weight: 300; line-height: 54px; background: url('../images/con-icon.png') left center no-repeat; }

.convertible-banner p span { font-weight: 400; }

.convertible-banner a { display: inline-block; float: right; text-align: center; width: 141px; color: #fff; font-size: 16px; font-family: 'WYekan', sans-serif; font-weight: 700; text-decoration: none; text-transform: uppercase; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border: solid 1px rgba(255,255,255,.5); background-image: -webkit-linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03)); background-image: -moz-linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03)); background-image: -o-linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03)); background-image: linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03)); width: 145px; height: 54px; line-height: 54px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

.convertible-banner a:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }

.accord-tab-box { padding-top: 40px; padding-bottom: 20px; text-align: right; }

.accordion-box { margin-bottom: 20px; }

.accord-elem { margin-bottom: 20px; }

.accord-title { padding: 16px 14px; border: 1px solid #dbdbdb; position: relative; text-align: right; }

.accord-title h5 { padding-right: 48px; }

.accord-title h5 i { color: #24bd20; font-size: 20px; vertical-align: middle; margin-right: 12px; }

a.accord-link { display: inline-block; position: absolute; width: 46px; height: 100%; top: 0; right: 0; border-left: 1px solid #dbdbdb; background: url('../images/plus.png') center center no-repeat; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; direction: rtl; }

.accord-elem.active a.accord-link { background: url('../images/minus.png') center center no-repeat; }

a.accord-link.opened { background: url('../images/minus.png') center center no-repeat; }

.accord-content { display: none; padding: 22px; border: 1px solid #dbdbdb; border-top: none; overflow: hidden; direction: rtl; }

.accord-content span.image-content { display: inline-block; float: left; width: 68px; height: 68px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin-right: 22px; background: #24bd20; }

.accord-content span.image-content i { color: #fff; font-size: 30px; text-align: center; width: 100%; line-height: 68px; vertical-align: middle; }

.accord-elem.active .accord-content { display: block; }

.tab-content-box { text-align: center; padding: 60px; border: 1px solid #dbdbdb; }

.tab-box { text-align: center; padding: 65px 0 83px; border: 1px solid #dbdbdb; min-height: 365px; direction: rtl; }

.tab-content { display: none; }

.tab-content:first-child { display: block; }

ul.tab-links { border: 1px solid #dbdbdb; border-top: none; overflow: hidden; margin-bottom: 40px; }

ul.tab-links li { float: left; width: 33.33%; text-align: center; border-left: 1px solid #dbdbdb; }

ul.tab-links li:first-child { border-left: none; }

ul.tab-links li a { display: inline-block; width: 100%; padding: 12px; color: #000; font-size: 14px; font-family: 'WYekan', sans-serif; font-weight: 300; text-decoration: none; background: #fff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

ul.tab-links li a i { font-size: 30px; color: #24bd20; display: block; text-align: center; margin-bottom: 6px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

ul.tab-links li a:hover { color: #fff; background: #24bd20; }

ul.tab-links li a:hover i { color: #fff; }

#container.boxed .bx-wrapper .bx-controls-direction a { border: none; width: 52px; }

/*-------------------------------------------------*/
/* =  Portfolio pages
/*-------------------------------------------------*/

.home-portfolio { margin-top: 30px; }

.page-banner { padding: 22px 0; background: url('../upload/banner1.jpg'); overflow: hidden; margin-bottom: 30px; }

.page-banner h2 { color: #fff; font-size: 26px; font-weight: 300; line-height: 42px; float: left; margin-bottom: 0; }

ul.page-tree { float: right; border: 1px solid #fff; padding: 10px 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; }

ul.page-tree li { position: relative; display: inline-block; margin-left: 40px; }

ul.page-tree li:before { font-family: 'FontAwesome'; content: '\f0a8'; color: #fff; font-size: 14px; position: absolute; top: 0; left: -26px; }

ul.page-tree li:first-child { margin-left: 0px; }

ul.page-tree li:first-child:before { content: ''; }

ul.page-tree li a { display: inline-block; color: #fff; font-size: 13px; font-family: 'WYekan', sans-serif; font-weight: 300; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

ul.filter { margin-bottom: 30px; overflow: hidden; border: 1px solid #dbdbdb; float: right; }

ul.filter li { float: left; border-right: 1px solid #dbdbdb; }

ul.filter li a { position: relative; display: inline-block; color: #7e7e7e; font-size: 15px; font-family: 'WYekan', sans-serif; font-weight: 300; text-transform: uppercase; text-decoration: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; padding: 12px 17px; background: #fff; }

ul.filter li a.active,
ul.filter li a:hover { color: #fff; background: #0076f9; }

ul.filter li a.active:after,
ul.filter li a:hover:after { content: ''; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border: 1px solid #0076f9; z-index: 2; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.filter li a i { color: #7e7e7e; font-size: 17px; margin-right: 10px; vertical-align: middle; }

ul.filter li a.active i,
ul.filter li a:hover i { color: #fff; }

.portfolio-container { width: 1170px; margin-left: -15px; margin-bottom: 20px; float: right; text-align: right; }

.portfolio-container .work-post { margin: 15px; }

.portfolio-container .work-post .work-post-content,
.latest-projects .work-post .work-post-content { background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08)); direction: rtl; }

.with-4-col .portfolio-container .work-post { width: 262px; }

.with-3-col .portfolio-container .work-post { width: 360px; }

.with-2-col .portfolio-container .work-post { width: 555px; }

ul.pagination-list { margin-bottom: 38px; }

ul.pagination-list li { display: inline-block; }

ul.pagination-list li a { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f3f3f3; padding: 5px 10px; text-decoration: none; font-family: 'WYekan', sans-serif; font-size: 13px; color: #000; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.pagination-list li a.active,
ul.pagination-list li a:hover { background: #24bd20; color: #fff; }

/*-------------------------------------------------*/
/* =  Blog pages
/*-------------------------------------------------*/

.home-blog { margin-top: 30px; }

.blog-box .news-item { margin: 0px; margin-bottom: 40px; }

.search-widget { margin-bottom: 30px; }

.search-widget input[type="search"] { color: #716565; font-size: 13px; font-family: 'WYekan', sans-serif; padding: 15px 20px; border: 1px solid #dcdcdc; width: 100%; outline: none; text-align: right; }

.search-widget input[type="search"]:focus { border: 1px solid #24bd20; }

.search-widget button { background: #fff; border: none; float: left; margin-top: -35px; margin-left: 15px; position: relative; z-index: 2; }

.search-widget button i { color: #24bd20; font-size: 18px; }

.sidebar-widgets .widget > h5 { margin-bottom: 20px; text-align: right; }

.tabs-widget ul.tab-links { border-bottom: none; border-top: 1px solid #dbdbdb; margin-bottom: 0; }

.tabs-widget ul.tab-links li a { font-size: 13px; }

.tabs-widget ul.tab-links li a:hover { background: #fff; color: #24bd20; }

.tabs-widget { margin-bottom: 30px; }

.tabs-widget .tab-box { padding: 0; text-align: left; min-height: 20px; }

.tabs-widget .tab-box .tab-content { padding: 20px; }

.tabs-widget .tab-content ul li { overflow: hidden; margin-bottom: 16px; width: 100%; }

.tabs-widget .tab-content ul li img { float: right; width: 45px; }

.tabs-widget .tab-content ul li h6 { line-height: 17px; color: #aeaeae; font-size: 13px; font-family: 'WYekan', sans-serif; font-weight: 300; margin: 0; margin-right: 55px; }

.tabs-widget .tab-content ul li h6 a { color: #aeaeae; text-decoration: none; display: inline-block; text-align: right; }

.tabs-widget .tab-content ul li h6 a:hover { color: #24bd20; }

.accordion-widget { margin-bottom: 10px; }

.accordion-widget .accord-content { padding: 18px; }

.sidebar .tags-widget { margin-bottom: 20px; }

.sidebar .text-widget { margin-bottom: 20px; text-align: right; }

.blog-box.with-one-col .news-item { overflow: hidden; }

.blog-box.with-one-col .inner-item { max-width: 250px; float: left; margin-right: 30px; }

.home-style { padding: 40px 0; }

/*-------------------------------------------------*/
/* =  Contact page
/*-------------------------------------------------*/

.map { height: 470px; width: 100%; margin-top: -30px; margin-bottom: 50px; filter: grayscale(1); -webkit-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); }

.contact-information { margin-bottom: 35px; text-align: right; direction: rtl; }

.contact-information p { margin-bottom: 40px; text-align: right; }

ul.contact-information-list li { padding-bottom: 24px; margin-bottom: 44px; border-bottom: 1px solid #e2e2e2; text-align: right; }

ul.contact-information-list li span { display: inline-block; color: #9a9a9a; font-size: 14px; font-family: 'WYekan', sans-serif; font-weight: 300; text-align: right; }

ul.contact-information-list li a { display: inline-block; color: #9a9a9a; font-size: 14px; font-family: 'WYekan', sans-serif; font-weight: 300; text-align: right; }

ul.contact-information-list li i { margin-right: 10px; color: #a8a8a8; font-size: 17px; text-align: right; }

#contact-form { overflow: hidden; margin-bottom: 35px; text-align: right; }

#contact-form i { color: #a8a8a8; font-size: 15px; text-align: right; }

.text-input { overflow: hidden; text-align: right; }

.float-input,
.float-input2 { width: 50%; float: right; padding-right: 7px; position: relative; text-align: right; }

.textarea-input { position: relative; text-align: right; }

.float-input span,
.float-input2 span,
.textarea-input span { position: absolute; top: 13px; left: 14px; z-index: 2; text-align: right; }

.float-input2 span { left: 18px; text-align: right; }

.float-input2 { padding-right: 0px; padding-left: 7px; text-align: right; }

#contact-form input[type="text"],
#contact-form textarea,
.comment-form input[type="text"],
.comment-form textarea { color: #737373; font-size: 13px; font-family: 'WYekan', sans-serif; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; outline: none; width: 100%; padding: 12px 32px; display: block; margin-bottom: 10px; text-align: right; }

#contact-form input[type="text"]:focus,
#contact-form textarea:focus { border: 1px solid #24bd20; text-align: right; }

#contact-form textarea { height: 110px; padding-left: 36px; text-align: right; }

#contact-form input[type="submit"],
.comment-form input[type="submit"] { float: right; margin-top: 8px; color: #fdfdfd; font-size: 13px; font-family: 'WYekan', sans-serif; font-weight: 700; padding: 13px 20px; background: #0076f9; text-transform: uppercase; border: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; text-align: right; }

#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover { opacity: 0.8; }

.msg,
.msg2 { height: 30px; font-size: 13px; font-family: 'WYekan', sans-serif; text-align: right; }

.msg.error,
.msg2.error { color: #eb2c06; }

.msg.success,
.msg2.success { color: #008000; }

/*-------------------------------------------------*/
/* =  Single post
/*-------------------------------------------------*/

.single-post-content { margin-bottom: 20px; overflow: hidden; direction: rtl; }

.single-post-content img { width: 100%; margin-bottom: 30px; }

.single-post-content h2 { font-weight: 300; margin-bottom: 10px; font-size: 28px; }

.single-post-content p { line-height: 22px; margin-bottom: 20px; }

.comment-section { margin-bottom: 10px; direction: rtl; }

.comment-box { overflow: hidden; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #f0f0f0; direction: rtl; }

.comment-box img { float: right; padding: 8px; border: 1px solid #dbdbdb; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; max-width: 78px; }

.comment-content { margin-left: 98px; padding-top: 8px; }

.comment-content h6 { margin: 0; color: #3c3c3c; font-size: 14px; font-family: 'WYekan', sans-serif; line-height: 22px; }

.comment-content h6 span { display: inline-block; margin-left: 6px; color: #b8b8b8; font-size: 11px; }

.comment-content p { color: #868686; font-weight: 400; }

.comment-content a.reply-comment { display: inline-block; color: #ffffff; font-size: 11px; font-family: 'WYekan', sans-serif; background: #0076f9; text-decoration: none; padding: 3px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; margin-top: 3px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.comment-content a.reply-comment:hover { opacity: 0.8; }

ul.depth { margin-left: 98px; }

.comment-form input[type="text"],
.comment-form textarea { border: 1px solid #24bd20; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; padding: 17px 21px; font-size: 12px; }

.comment-form textarea { height: 179px; }

.comment-form input[type="submit"] { margin-top: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; direction: rtl; }

.leave-comment { margin-bottom: 40px; direction: rtl; }

/*-------------------------------------------------*/
/* =  About page
/*-------------------------------------------------*/

.about-us-text img { float: left; margin-right: 20px; margin-bottom: 20px; }

.about-us-text p span,
.company-mission p span { font-weight: 700; color: #0076f9; }

.skills-progress p { font-weight: 300; clear: both; margin-bottom: 6px; }

.skills-progress p span { display: inline-block; color: #0076f9; float: left; font-weight: 400; }

.meter { height: 20px; /* Can be anything */ position: relative; background: #fff; border: 1px solid #dbdbdb; margin-bottom: 8px; direction: rtl; }

.meter > span { display: block; height: 100%; position: relative; overflow: hidden; background: #0076f9; }

.company-mission > span.icon { display: block; width: 62px; height: 62px; border: 1px solid #0076f9; background: #fff; float: right; margin-right: 20px; margin-bottom: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; position: relative; text-align: right; }

.company-mission > span.icon:after { position: absolute; content: 'O'; color: #0076f9; font-size: 43px; font-family: 'WYekan', sans-serif; font-weight: 600; left: 13px; line-height: 60px; }

.staff-box.vers2 .staff-post-gal { border: 1px solid #0076f9; }

.pricing-box { padding: 40px 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 50px; }

ul.pricing-table { width: 100%; margin-bottom: 15px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.pricing-table:hover { box-shadow: 0 0 20px #c6c6c6; }

ul.pricing-table li { width: 100%; text-align: center; padding: 15px 0; border: 1px solid #dbdbdb; border-top: none; background: #fff; }

ul.pricing-table li:first-child { padding: 35px 0; border: none; background: #0076f9; }

ul.pricing-table li p { color: #555555; font-size: 15px; font-family: 'WYekan', sans-serif; text-align: center; }

ul.pricing-table li:first-child p { color: #fff; font-size: 24px; font-weight: 700; line-height: 28px; text-align: center; }

ul.pricing-table li:first-child span { color: #fff; font-size: 16px; font-family: 'WYekan', sans-serif; font-weight: 300; line-height: 20px; }

ul.pricing-table li a { display: inline-block; color: #fff; font-size: 16px; font-family: 'WYekan', sans-serif; font-weight: 700; padding: 12px 20px; background: #0076f9; text-decoration: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.pricing-table li a:hover { opacity: 0.8; }

.pricing-table.standard li { border: none; border-bottom: 1px solid #005ec7; background: #0076f9; }

.pricing-table.standard li:first-child { background: #ffffff; border: 1px solid #dbdbdb; }

.pricing-table.standard li:last-child { border-bottom: none; }

.pricing-table.standard li p { color: #fff; }

.pricing-table.standard li:first-child p,
.pricing-table.standard li:first-child span { color: #0076f9; }

.pricing-table.standard li a { background: #ffffff; color: #0076f9; }

.clients-section { padding-bottom: 50px; }

.clients-section .partner-list li { width: auto; margin: 0; text-align: center; margin-left: 38px; margin-bottom: 20px; }

.clients-section .partner-list li:first-child { margin-left: 0px; }

.clients-section .partner-list img { width: 100%; }

/*-------------------------------------------------*/
/* =  Shop page
/*-------------------------------------------------*/

.shop-home { margin-top: 30px; direction: rtl; }

.shop-page .product-post { margin-bottom: 30px; }

.top-bar { padding: 9px; border: 1px solid #dbdbdb; height: 50px; margin-bottom: 30px; }

.top-bar .left-block { float: left; }

.top-bar .right-block { float: right; }

.select-filter label { display: inline-block; margin: 0 9px 0 6px; color: #535353; font-size: 13px; font-family: 'WYekan', sans-serif; font-weight: 400; direction: rtl; }

.select-filter .select-box { display: inline-block; margin-left: 10px; direction: rtl; }

.select-filter select { height: 30px; width: 100px; border: 1px solid #dbdbdb; outline: none; font-size: 12px; font-family: 'WYekan', sans-serif; text-align: right; }

.top-bar .right-block span { color: #535353; font-size: 13px; font-family: 'WYekan', sans-serif; margin-right: 9px; }

.top-bar .right-block a { display: inline-block; width: 30px; height: 30px; text-align: center; background: #0076f9; }

.top-bar .right-block i { font-size: 15px; color: #fff; line-height: 30px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

.top-bar .right-block a:hover i { opacity: 0.7; }

.shop-widget { margin-bottom: 20px; border: 1px solid #dedede; }

.shop-widget h4 { color: #fff; font-size: 16px; font-family: 'WYekan', sans-serif; text-transform: uppercase; font-weight: 700; padding: 10px 14px; background: #0076f9; direction: rtl; }

.category-shop-list > li { border-top: 1px solid #dedede; direction: rtl; }

.category-shop-list > li:first-child { border-top: 1px solid #dedede; }

.category-shop-list li a.accordion-link { display: inline-block; width: 100%; color: #000; font-size: 13px; font-family: 'WYekan', sans-serif; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 6px 8px; position: relative; text-decoration: none; text-align: right; }

.category-shop-list li a.accordion-link:hover,
.category-shop-list li a.accordion-link.active { color: #fff; background: #0076f9; opacity: 0.6; }

.category-shop-list li a.accordion-link:after { position: absolute; content: '+'; color: #7b7b7b; font-size: 15px; font-family: WYekan; font-weight: 700; right: 230px; top: 5px; }

.category-shop-list li a.accordion-link:hover:after,
.category-shop-list li a.accordion-link.active:after { color: #fff; }

.category-shop-list li a.accordion-link.active:after { content: '-'; right: 13px; }

.accordion-list-content { border-top: 1px solid #dedede; display: none; }

.accordion-list-content li { margin: 5px 0; padding-left: 17px; position: relative; }

.accordion-list-content li:before { position: absolute; content: ''; width: 2px; height: 2px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; background: #767676; top: 50%; left: 8px; }

.accordion-list-content li a { display: inline-block; color: #767676; font-size: 13px; font-family: 'WYekan', sans-serif; }

ul.popular-product { padding: 0 10px; direction: rtl; }

ul.popular-product li { padding-top: 10px; margin-bottom: 10px; border-top: 1px solid #dedede; overflow: hidden; }

ul.popular-product li:first-child { border-top: none; }

ul.popular-product li img { float: left; width: 50px; }

ul.popular-product li div { margin-left: 60px; }

ul.popular-product li h6 { color: #000; font-size: 13px; font-family: 'WYekan', sans-serif; margin: 0; margin-top: 4px; }

ul.popular-product li h6 a { color: #000; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

ul.popular-product li h6 a:hover { color: #0076f9; }

ul.popular-product li span { color: #0076f9; font-size: 15px; font-family: 'WYekan', sans-serif; font-weight: 700; }

.price-range { padding: 18px 12px 12px; overflow: hidden; }

#start-val,
#end-val { display: inline-block; border: none; float: left; padding: 0; color: #000; font-size: 13px; font-family: 'WYekan', sans-serif; max-width: 50px; }

#end-val { float: right; text-align: right; }

/*-------------------------------------------------*/
/* =  Single project page
/*-------------------------------------------------*/

.single-project-content { margin-bottom: 40px; direction: rtl; }

.single-project-content img { width: 100%; margin-bottom: 30px; }

.single-project-content h2 { font-weight: 300; margin-bottom: 10px; font-size: 28px; direction: rtl; }

.single-project-content p { line-height: 22px; margin-bottom: 20px; }

.latest-projects { margin-bottom: 40px; direction: rtl; }

/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/

footer { padding-top: 25px; border-top: 1px solid #dbdbdb; text-align: right; }

.footer-widgets { margin-bottom: 30px; }

.footer-widgets:first-child { padding-bottom: 16px; border-bottom: 1px solid #dbdbdb; }

.footer-widgets h4 { color: #24bd20; margin-bottom: 16px; }

.footer-widgets p { line-height: 22px; margin-bottom: 5px; }

.footer-widgets.text-widget img { margin-bottom: 10px; }

ul.tweets li { margin-bottom: 15px; }

ul.tweets li p { margin-bottom: 0px; color: #797979; }

ul.tweets li p a { color: #797979; text-decoration: underline; }

ul.tweets li p a.tweet-acc { color: #24bd20; text-decoration: none; }

ul.tweets li span { color: #797979; font-size: 13px; font-family: 'WYekan', sans-serif; }

ul.flickr-list { overflow: hidden; }

ul.flickr-list li { float: left; margin-right: 13px; margin-bottom: 13px; }

ul.flickr-list li:nth-child(3n) { margin-right: 0px; }

ul.flickr-list li a { display: inline-block; padding: 8px; border: 1px solid #dbdbdb; max-width: 78px; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

ul.flickr-list li a img { width: 100%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

ul.flickr-list li a:hover { border: none; }

ul.flickr-list li a:hover img { transform: scale(1.3); -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }

ul.pop-post li a { display: inline-block; color: #797979; font-size: 13px; font-family: 'WYekan', sans-serif; line-height: 22px; font-weight: 300; }

ul.pop-post li a i { color: #24bd20; font-size: 13px; margin-right: 8px; }

ul.tag-widget-list li { display: inline-block; margin-right: 6px; margin-bottom: 10px; }

ul.tag-widget-list li a { display: inline-block; color: #797979; font-size: 12px; font-family: 'WYekan', sans-serif; padding: 5px 8px; text-decoration: none; border: 1px solid #e5e5e5; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.tag-widget-list li a:hover { color: #24bd20; border: 1px solid #24bd20; }

form#footer-contact input[type="text"] { width: 50%; float: left; border: 1px solid #dbdbdb; color: #797979; font-size: 11px; font-family: 'WYekan', sans-serif; padding: 10px; outline: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; text-align: right; }

form#footer-contact input[type="text"]:focus,
form#footer-contact textarea:focus { border: 1px solid #24bd20; }

form#footer-contact input[name="name"] { border-right-color: transparent; }

form#footer-contact textarea { width: 100%; border: 1px solid #dbdbdb; color: #797979; font-size: 11px; font-family: 'WYekan', sans-serif; padding: 10px; height: 160px; border-top-color: transparent; margin: 0; outline: none; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; text-align: right; }

form#footer-contact button[type="submit"] { position: relative; float: right; color: #24bd20; font-size: 13px; font-family: 'WYekan', sans-serif; text-transform: uppercase; padding: 12px; border: 1px solid #dbdbdb; border-right-color: transparent; border-bottom-color: transparent; background: #fff; margin-top: -46px; margin-right: 1px; z-index: 2; position: relative; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

form#footer-contact button i { font-size: 18px; color: #24bd20; margin-right: 10px; }

form#footer-contact button[type="submit"]:hover { opacity: 0.7; }

ul.contact-list li { margin-bottom: 15px; }

ul.contact-list li a { position: relative; display: inline-block; color: #797979; font-size: 12px; font-family: 'WYekan', sans-serif; padding: 6px 9px 6px 6px; text-decoration: none; border: 1px solid #dbdbdb; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.contact-list li a i { display: inline-block; width: 15px; font-size: 16px; color: #a8a8a8; margin-right: 16px; vertical-align: middle; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.contact-list li a:hover { border: 1px solid #24bd20; }

ul.contact-list li a:hover i { color: #24bd20; }

ul.contact-list li a:after { position: absolute; content: ''; width: 28px; height: 100%; border-right: 1px solid #dbdbdb; top: 0; left: 0; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

ul.contact-list li a:hover:after { border-right: 1px solid #24bd20; }

.work-widget p { margin-bottom: 10px; }

p.work-time { color: #444444; font-size: 13px; font-family: 'WYekan', sans-serif; font-weight: 700; margin-bottom: 0; line-height: 20px; }

p.work-time span { font-weight: 400; font-style: italic; }

.footer-line { padding: 10px; background: #24bd20; overflow: hidden; }

.footer-line p { float: left; padding: 12px 0; color: #fff; font-weight: 400; }

.footer-line a.go-top { display: inline-block; position: relative; float: right; width: 42px; height: 42px; background: #1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }

.footer-line a.go-top:hover { opacity: 0.7; }

.footer-line a.go-top:before { font-family: 'FontAwesome'; content: "\f106"; position: absolute; font-size: 28px; width: 100%; color: #ffffff; vertical-align: middle; text-align: center; }

/*-------------------------------------------------*/
/* =  nouislider style (used in priccing range)
/*-------------------------------------------------*/

.noUi-target * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; }
.noUi-base { width: 100%; height: 6px; position: relative; max-width: 100%; max-height: 100%; z-index: 1; border: 1px solid #dbdbdb; margin-bottom: 15px; }
.noUi-handle { background: #EEE; height: 18px; width: 18px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: -6px 0 0 -6px; border: 1px solid #bdbdbd; background: #ebebeb url('../images/price-range.png') center center no-repeat; }
.noUi-connect { background: Teal; background: #394f61 url('../images/price-range.png') center center no-repeat; }
.noUi-background { background: #f5f5f5; }
.noUi-origin { position: absolute; right: 0; top: 0; bottom: 0; z-index: 0; border-radius: inherit; background: #0076f9; }
.noUi-origin-upper { background: inherit !important; }
.noUi-z-index { z-index: 10; }
.noUi-vertical { width: 40px; height: 100%; }
.noUi-vertical .noUi-origin { bottom: 0; left: 0; }
.noUi-vertical .noUi-handle { margin: -23px 0 0 -3px; }

.noUi-target[disabled] .noUi-base { background: #999; }
.noUi-target[disabled] .noUi-connect { background: #BBB; }
.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; }


/*-------------------------------------------------*/
/* =  Single page
/*-------------------------------------------------*/

#container.single-page { padding-top: 0; }

.single-page .section { margin-bottom: 60px; }

.single-page #home-section,
.single-page #team-section { margin-bottom: -60px; }

.single-page #team-section .staff-box { border-bottom: none; }

.single-page .welcome-box { margin-bottom: 40px; border-top: 1px solid #EBEBEB; padding: 31px 0 40px; }

.single-page .welcome-box { margin-bottom: 40px; }

.single-page .welcome-box h1 { margin-bottom: 5px; }

.single-page #about-section .welcome-box { margin-bottom: 0px; }

.single-page #about-section .services-box { margin-bottom: 50px; }

.single-page #contact-section .welcome-box { margin-bottom: 30px; }

.single-page footer { padding: 0; }

.home-box { position: relative; overflow: hidden; }

.home-box .background-view { position: absolute; width: 1920px; left: 50%; margin-left: -960px; overflow: hidden; }

.slider-caption { position: absolute; height: 300px; top: 50%; margin-top: -100px; width: 100%; left: 0; }

.slider-caption .flexslider { height: 85px; background: none; margin: 120px 0; background: rgba(0,0,0,0.3); }

.slider-caption .flex-direction-nav { display: none; }

.slider-caption p.flex-caption { text-align: center; color: #fff; font-family: 'WYekan', sans-serif; font-weight: 700; font-size: 50px; line-height: 80px; }

.slider-caption p.flex-caption span { font-weight: 300; }

.slider-caption .flex-control-nav { bottom: -80px; }