@charset "utf-8";

/* **************** */

@import "fonts.css";

@import "animate.css";

@import "bootstrap.min.css";

@import "bootstrap-grid.min.css";

@import "animate.css";

@import "font-awesome.min.css";

@import "owl.carousel.css";

@import "jquery.mCustomScrollbar.min.css";

@import "select2.min.css";

@import "jquery.fancybox.css";



/* ****************** */

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    /*text-transform: capitalize;*/

    font-family: b-rg;

    color: #473f3c;

    font-size: 14px;

}



.owl-carousel {

    direction: ltr;

}



.tooltip {

    z-index: 1100 !important;

}



.tooltip-inner {

    max-width: 200px;

    padding: 5px 10px;

    color: #fff;

    text-align: center;

    background-color: #1a66d8;

    border-radius: 0.25rem;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 500;

}



.tooltip .tooltip-arrow {

    display: none;

}



.tooltip.top {

    padding: 5px 0;

}



body {

    padding: 0;

    margin: 0;

}



select {

    display: inline-block;

}



html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: middle;

    background: transparent;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}



nav ul {

    list-style: none;

}



ul {

    list-style: none;

}



iframe {

    width: 100% !important;

    border: 0 !important;

    height: 100%;

}



::-moz-selection {

    background-color: #1a2d5a;

    color: #fff;

}



::selection {

    background-color: #1a2d5a;

    color: #fff;

}



a,

a:hover,

a:visited,

a:link {

    text-decoration: none;

    outline: none;

    cursor: pointer;

}



a {

    display: inline-block;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



img {

    vertical-align: middle;

    border-style: none;

    max-width: 100%;

}



p {

    line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: inherit;

    font-weight: normal;

    line-height: 1.3;

}



.modal-open {

    overflow: hidden !important;

}



.modal-backdrop.in {

    opacity: .9;

}



input,

select,

textarea {

    vertical-align: middle;

    margin: 0;

    padding: 0;

    outline: 0;

}



textarea {

    resize: none;

}



.form-control {

    height: 38px;

    line-height: 38px;

    padding-left: 10px;

    font-size: 13px;

    box-sizing: border-box;

    border-radius: 4px;

    box-shadow: none;

    text-transform: none;

    border: 1px solid #dfdfdf;

    margin-bottom: 0;

}



.form-control::placeholder {

    color: #bbb;

}



textarea.form-control {

    height: 100px !important;

}



.form-group,

.form-control {

    margin-bottom: 0;

}



.form-control:focus {

    border-bottom-color: #01a6e5;

    -webkit-box-shadow: 0 1px 0 0 #01a6e5;

    box-shadow: 0 1px 0 0 #01a6e5;

    color: #303030;

}



.row {

    margin-bottom: 0;

}



.col-xs-12 {

    padding: 0;

    float: left;

    width: 100%;

}



i {

    color: inherit;

    font-style: normal;

}



.toTop {

    background-color: #0072bb;

    color: #fff;

    position: fixed;

    bottom: 40px;

    right: -60px;

    width: 40px !important;

    height: 40px;

    cursor: pointer;

    line-height: 40px;

    border-radius: 3px;

    text-align: center;

    z-index: 35;

    -webkit-transition: all .3s;

    transition: all .3s;

    -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07);

    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07);

    overflow: hidden;

}



.toTop:hover {

    background-color: #333;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.toTop i {

    font-size: 18px;

    -webkit-transition: all .5s;

    transition: all .5s;

    color: #fff;

}



#loading {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999999;

    background-color: #333;

}



.loading {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: 0;

    padding: 0;

    list-style: none;

    -moz-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}


.owl-controls .owl-buttons div .slider-right,
.owl-controls .owl-buttons div .slider-left {
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    margin: 0;
    color: #1d212b;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    z-index: 5;
    transition: all .3s;
    width: 50px;
    height: 50px;
    line-height: 50px;
    transform: translateY(-50%);
    border-radius: 3px;
}

.owl-controls .owl-buttons div .slider-right:hover,
.owl-controls .owl-buttons div .slider-left:hover {
    background-color: #0072bb;
    color: #fff;
    transition: all .3s;
}

.owl-controls .owl-buttons div .slider-right {
    right:30px;
}

.owl-controls .owl-buttons div .slider-left {
    left: 30px;
}
.proj-slider .owl-controls .owl-buttons div .slider-right {
    right:-30px;
}

.proj-slider .owl-controls .owl-buttons div .slider-left {
    left: -30px;
}

.proj-slider .owl-controls .owl-buttons div .slider-right,
.proj-slider .owl-controls .owl-buttons div .slider-left{
    box-shadow:0 0 0 5px #333;
}

.owl-controls {
    margin: 0;
}

.owl-controls .owl-buttons div {
    padding: 0;
    opacity: 1;
    margin: 0;
    display: block;
}

.owl-controls .owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 5;
    text-align: center;
    margin-top: 0;
}

.owl-controls .owl-pagination .owl-page {
    display: inline-block;
}

.owl-controls .owl-pagination .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 4px;
    opacity: 1;
    background-color: #fff;
    border-radius: 100%;
    transition: all .3s;
    border: 0;
}

.owl-controls .owl-pagination .owl-page.active span {
    background-color: #0072bb;
    transform: scale(1.2);
    transition: all .3s;
}



.menu-item-has-children {

    position: relative;

}



.menu-item-has-children .sub-menu {

    position: absolute;

    left: 0;

    right: auto;

    top: 120%;

    opacity: 0;

    visibility: hidden;

    display: block;

    /*transition: all .3s;*/

    min-width: 160px;

    border-radius: 0;

    overflow: hidden;

    background-color: #fff;

    z-index: 11;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

}



.menu-item-has-children:hover .sub-menu {

    opacity: 1;

    visibility: visible;

    top: 100%;

    /*transition: all .3s;*/

}



.menu-item-has-children .sub-menu li {

    display: block !important;

    margin: 0 !important;
    padding: 10px 10px 0;

}

.menu-item-has-children .sub-menu li:last-child{
    padding-bottom: 10px;
}



.menu-item-has-children .sub-menu li:after {

    display: none;

}



.menu-item-has-children .sub-menu li a {

    display: block !important;

    padding: 6px 10px !important;

    font-family: b-md !important;

    font-weight: normal !important;

    font-size: 14px !important;
    border-radius: 3px;

}



.menu-item-has-children .sub-menu li a:before {

    display: none;

}



.menu-item-has-children .sub-menu li a:hover {

    background-color: #016e28;

    color: #fff !important;

    transition: all .3s;

}



.menu-item-has-children > a:after {

    font-family: FontAwesome;

    content: "\f107";

    display: inline-block;

    margin-right: 7px;

    transition: all .3s;

}



.menu-item-has-children:hover > a:after {

    transform: rotate(-180deg);

    transition: all .3s;

}



.sidebar {

    background-size: cover;

    background-position: 85% 50%;

    background-image: url(../images/hero.jpg);

    position: fixed;

    height: 100%;

    left: 0;

    top: 0;

    width: 300px;

    z-index: 9999;

    transform: translateX(-100%);

    transition: all .3s;

}



.sidebar.opened {

    transform: translateX(0%);

    transition: all .3s;

}



.sidebar:after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    background-color: rgba(0, 0, 0, 0.86);

    z-index: 0;

    width: 100%;

    height: 100%;

}



.sidebar .side-logo {

    background-color: #fff;

    padding: 30px;

    position: relative;

    z-index: 1;

    text-align: center;

}



.sidebar .side-social {

    text-align: center;

    padding: 10px 0;

    background-color: #fff;

    border-top: 1px solid rgba(243, 243, 243, 0.59);

    position: relative;

    z-index: 1;

}



.sidebar .side-social ul li {

    display: inline-block;

}



.sidebar .side-social ul li a {

    display: inline-block;

    font-size: 17px;

    margin: 0 10px;

    color: #dba611;

}



.sidebar .side-social ul li a:hover i {

    color: #473f3c;

}



.sidebar .side-nav {

    max-height: 100%;

    overflow: hidden;

    height: calc(100% - 110px);

    position: relative;

    z-index: 1;

}



.sidebar .side-nav ul li {

    display: block;

    position: relative;

}



.mCS-dir-rtl > .mCSB_inside > .mCSB_container {

    margin-left: 5px;

}



.sidebar .side-nav ul li a {

    display: block;

    font-size: 13px;

    padding: 15px;

    position: relative;

    color: #fff;

}



.sidebar .side-nav ul li a:hover {

    color: #0072bb;

    background-color: rgba(0, 0, 0, 0.45);

}



.sidebar .side-nav ul li.open a i {

    transform: rotate(180deg);

    transition: all .3s;

    color: #01a6e5;

}



.sidebar .side-nav ul li a i {

    margin-right: 3px;

}



.sidebar .side-nav ul li .sub-menu {

    width: 100%;

    min-width: 100%;

    top: 100%;

    border-radius: 0;

}



.sidebar .side-nav ul li .sub-menu li a {

    color: #303030;

}



.open-sidebar {

    border: 0;

    outline: 0;

    background-color: #d10105;

    color: #fff;

    height: 35px;

    width: 40px;

    border-radius: 3px;

    display: none;

    padding: 0;

    font-size: 16px;

    position: relative;

    top: -7px;

}



.open-sidebar i {

    color: #fff;

}



.overlay_gen {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.76);

    z-index: 999;

    display: none;

}



.side-nav .menu-item-has-children > a:after {

    float: left;

    margin: 0;

}



.main-head {}



.main-head .top-bar {

    border-bottom: 1px solid #f2f2f2;

    background-color: #fcfcfc;

    padding: 15px 0;

}



.main-head .top-bar .top-contact {

    display: inline-block;

}



.main-head .top-bar .top-contact li {

    display: inline-block;

}



.main-head .top-bar .top-contact li:after {

    content: '|';

    position: relative;

    margin: 0 15px;

    color: #f3f3f3;

}



.main-head .top-bar .top-contact li:last-child:after {

    display: none;

}



.main-head .top-bar .top-contact li a {

    color: #808080;

    text-transform: none;

}



.main-head .top-bar .top-contact i {

    margin-left: 5px;

}



.main-head .bottom-nav .lang {
        margin: 0 10px;
    float: left;

}



.main-head .bottom-nav .lang a {

    color: #808080;

    direction: ltr;

}



.main-head .bottom-nav .lang a i {

    vertical-align: baseline;

    margin-right: 7px;

}



.main-head .bottom-nav {

    padding: 30px 0;

}



.main-head .bottom-nav .logo {

    display: inline-block;

}



.main-head .bottom-nav .main-nav {

    display: inline-block;

    margin-right: 65px;

}



.main-head .bottom-nav .main-nav ul {}



.main-head .bottom-nav .main-nav li {

    display: inline-block;

    margin-left: 30px;

}



.main-head .bottom-nav .main-nav li a {

    color: #666666;

    font-size: 15px;

}



.main-head .bottom-nav .main-nav li.current-menu-item a,

.main-head .bottom-nav .main-nav li a:hover {

    color: #c02f2f;

    transition: all .3s;

}



.main-head .extra-help {

    float: left;

    padding-top: 21px;

}



.main-head .extra-help .open-sidebar {

    float: left;

    margin-right: 20px;

}



.main-head .extra-help .open-search {

    padding: 0;

    line-height: 1;

    border: 0;

    background-color: transparent;

    color: #666;

    font-size: 16px;



}



button {

    outline: 0 !important;

}



.hero-s {

    position: relative;

    overflow: hidden;

}



.hero-s:after {

    content: '';

    position: absolute;

    right: 26px;

    top: -45px;

    z-index: 7;

    width: 27px;

    height: 120%;

    background-color: #c02f2f;

    transform: rotate(10deg);

}



.hero-s:before {

    content: '';

    position: absolute;

    border-top: 27px solid #0072bb;

    border-bottom: 27px solid transparent;

    border-right: 0 solid transparent;

    border-left: 564vh solid transparent;

    bottom: -36px;

    right: 64px;

    z-index: 8;

    transform: skewX(51deg);

}



.hero-s .h-slider {

    position: relative;

}



.hero-s .h-slider:after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    border-right: 100px solid #fff;

    border-left: 70px solid transparent;

    z-index: 6;

    border-bottom: 0 solid transparent;

    border-top: 575px solid transparent;

}



.hero-s .item {height: 596px;background-position: center;background-size: cover;position: relative;}

/*.hero-s .item video {*/
    /*!*width: 100%;*!*/
    /*height:900px;*/
    /*background-color:#000;*/
/*}*/


.about-s {

    position: relative;

    padding: 80px 0;

    background-color: #fcfcfc;

    border-bottom: 1px solid #f2f2f2;

}



.about-s:before {

    content: '';

    position: absolute;

}



.about-s:after {

    content: '';

    position: absolute;

}



.g-head {}



.g-head span {

    position: relative;

    font-size: 16px;

    color: #333;

    margin-bottom: 20px;

    display: block;

}



.g-head span:before {

    content: '';

    position: absolute;

    height: 3px;

    background-color: #0072bb;

    width: 50px;

    right: -60px;

    top: 9px;

}



.g-head h3 {

    font-size: 32px;

    font-family: b-bd;

    color: #333;

    max-width: 84%;

    line-height: 1.5;

}



.g-head p {

    color: #666666;

    font-size: 14px;

    margin-top: 30px;

    line-height: 1.9;

}



.about-s .ab-body {

    position: relative;

    margin-top: 44px;

    padding-right: 80px;

}



.about-s .ab-body:before {

    content: '';

    position: absolute;

    right: 50px;

    top: 10px;

    width: 15px;

    height: 15px;

    border: 3px solid #86e67c;

    border-top-color: #65ce5a;

    border-right-color: #65ce5a;

}



.about-s .ab-body:after {

    content: '';

    position: absolute;

    height: 100%;

    width: 1px;

    background-color: #f2f2f2;

    right: 0;

    top: 0;

}



.about-s .ab-body p {

    font-size: 16px;

    color: #595959;

    margin-bottom: 20px;

    line-height: 1.9;

}



.about-s .ab-body a {

    position: relative;

    float: left;

    color: #0072bb;

    font-family: b-bd;

    font-size: 16px;

}



.about-s .ab-body a:after {

    font-family: FontAwesome;

    content: "\f060";

    margin-right: 15px;

}



.service-s {

    padding: 80px 0 130px;

}



.service-s .g-head {

    padding: 0 ;

}





.service-s .container:before {

    content: '';

    position: absolute;

    right: 50%;

    transform: translateX(50%);

    background-color: #ffff;

    height: 90%;

    width: 102%;

    display: block;

    top: 20%;

}



.service-s .g-letter {

    padding: 35px;

    margin-top: 16px;

    border-top: 1px solid #f2f2f2;

    background-color: #f9f9f9;

}



.service-s .g-letter .inner {

    background-color: #fff;

    border: 10px solid #f2f2f2;

    padding: 35px 50px;

}



.service-s .g-letter h4 {

    color: #333;

    font-family: b-bd;

    font-size: 18px;

    margin-bottom: 30px;

}



.service-s .g-letter h4 i {

    margin-left: 7px;

    vertical-align: baseline;

}



.service-s .g-letter a {

    width: 100%;

    height: 50px;

    background-color: #0072bb;

    line-height: 50px;

    text-align: center;

    color: #fff;

    font-size: 17px;

    border-radius: 3px;
    transition:all .3s;

}

.service-s .g-letter a:hover{
      background-color: #333;
      transition:all .3s;
}



.service-s .service-right {

    padding:  0;
    background-color: #fff;

}
.proj-s .load-more {
    text-align: center;
}


.service-s .service-left {

    padding: 0;

    background-color: #fff;

}



.service-s .service-left .block {

    padding: 30px;

    border-right: 1px solid #f7f7f7;

    border-bottom: 1px solid #f7f7f7;

    transition: all .3s;
        border-radius:3px;

}



.service-s .service-left .block:hover {

    box-shadow: 0 0 75px 2px rgba(0, 0, 0, 0.08);

    transition: all .3s;

}



.service-s .service-left .block .inner {}
.service-s .service-left .block .inner a{
    display: inline-block;
    margin:30px 0 10px;
    color: #0072bb;
    font-family: b-bd;
    font-size: 15px;
}


.service-s .service-left .block .inner .icon {

    height: 60px;

    line-height: 61px;

}



.service-s .service-left .block .inner .archive_thumbnail {

	height: 200px;

    line-height: 200px;

}

.service-s .service-left .block .inner .archive_thumbnail img {

	height: 100%;

    width: 100%;

}



.service-s .service-left .block .icon img {}



.service-s .service-left .block .data {}



.service-s .service-left .block .data .title{

    font-family: b-bd;

    color: #0072bb;

    font-size: 17px;

    margin: 30px 0 10px;

    /*white-space: nowrap;*/

    /*text-overflow: ellipsis;*/

    /*max-width: 100%;*/

    display: inline-block;

    /*overflow: hidden;*/

}



.service-s .service-left .block .data p {

    font-size: 14px;

    color: #666666;

    line-height: 1.8;

    overflow: hidden;

    max-height: 46px;

}



.proj-s {

    background-color: #333;

    padding: 80px 0;

}



.l-head {

    text-align: center;

    margin-bottom: 50px;

}



.l-head h3 {

    font-size: 27px;

    font-family: b-bd;

    margin-bottom: 20px;

}



.l-head p {

    color: #333;

    margin: 0 auto;

    max-width: 55%;

    line-height: 2;

}



.proj-s .l-head {

    margin-bottom: 80px;

}



.proj-s .l-head h3 {

    color: #0072bb;

    font-size: 27px;

    font-family: b-bd;

    margin-bottom: 20px;

}



.proj-s .l-head p {

    color: #fff;

}



.proj-s .l-body,

.proj-s .l-body .proj-slider {

    position: relative;

}



.proj-s .l-body:after,

.proj-s .l-body:before {

    content: '';

    position: absolute;

    right: -13px;

    top: 50%;

    height: calc(100% - 25%);

    width: 70px;

    z-index: 0;

    background-color: #404040;

    border-radius: 3px;

    transform: translateY(-50%);

}



.proj-s .l-body:before {

    left: -13px;

    right: auto;

}



.proj-s .l-body .proj-slider:after,

.proj-s .l-body .proj-slider:before {

    content: '';

    position: absolute;

    right: 1px;

    top: 50%;

    height: calc(100% - 16%);

    width: 70px;

    z-index: 1;

    background-color: #5e5c5d;

    border-radius: 3px;

    transform: translateY(-50%);

}



.proj-s .l-body .proj-slider:before {

    left: 1px;

    right: auto;

}



.proj-s .item {}



.proj-s .item .inner {

    padding: 15px;

    transition: all .3s;

}



.proj-s .item .inner:hover {

    transform: translateY(-10px);

    transition: all .3s;

}



.proj-s .item .inner-img {

    height: 360px;

    background-position: center;

    background-size: cover;

    border-radius: 10px;

    overflow: hidden;

    position: relative;

}



.proj-s .item .inner-caption {

    position: absolute;

 background-color: rgba(255, 23, 0, 0.75);

    width: 100%;

    bottom: 0;

    padding: 30px;

    direction: rtl;

    transform: translateY(150px);

    transition: all .3s;

}



.proj-s .item a {

    width: 100%;

    height: 100%;

    display: block;

}



.proj-s .item .inner-caption h3 {

    overflow: hidden;

    color: #fff;

    font-family: b-bd;

    font-size: 16px;

    margin-bottom: 15px;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.proj-s .item .inner-caption p {

    color: #fff;

    font-size: 13px;

    line-height: 1.8;

    overflow: hidden;

    max-height: 44px;

}



.proj-s .item .inner:hover .inner-caption {

    transform: translate(0);

    transition: all .3s;

}



.proj-s .owl-controls .owl-buttons div .slider-right,

.proj-s .owl-controls .owl-buttons div .slider-left {

    width: 50px;

    height: 50px;

    border-radius: 3px;

    line-height: 50px;

    color: #fff;

    font-size: 16px;

    background-color: #0072bb;

}



.clients-s {

    padding: 80px 0;

}



.clients-s .item {

    text-align: center;

    border-width: 0 1px 0 0;

    border-color: rgba(25, 44, 87, 0.15);

    border-style: solid;

    padding: 0 20px;

}



.clients-s .item img {

    margin: 0 auto;max-height: 130px;

}



.footer-top {

    background-color: #333;

    padding: 80px 0 50px;

}





.footer-top .footer-item {

    padding: 0 20px;

}



.footer-top .footer-item:first-of-type {

    padding-right: 0;

}



.footer-top .footer-item:last-of-type {

    padding-left: 0;

}



.footer-top .footer-item h3 {

font-family: b-bd;

color: #fff;

font-size: 18px;

padding-top: 15px;

margin-bottom: 58px;

text-align: start;
}



.footer-top .footer-item .sitemap li {

    float: right;

    width: 49%;

    padding-left: 15px;

    margin-bottom: 15px;

}



.footer-top .footer-item .sitemap li:last-child {

    margin-bottom: 0;

}



.footer-top .footer-item .sitemap li a {

    color: #fff;

    display: inline-block;

    font-size: 15px;

    transition: all .3s;

}



.footer-top .footer-item .sitemap li a:hover {

    color: #0072bb;

    transition: all .3s;

}



.footer-top .footer-item .cont li {

    margin-bottom: 15px;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    position: relative;
    padding-right: 25px;

}



.footer-top .footer-item .cont li:last-child {

    margin-bottom: 0;

}



.footer-top .footer-item .cont li i {

    position: absolute;
    right: 0;
    top: 5px;

}



.footer-top .footer-item .cont {

    display: inline-block;

    margin-left: 20px;
    max-width:90%;

}



.footer-top .footer-item .social {
    display: block;
    text-align: right;
    position: relative;
    top: 0;
    margin-top: 15px;

}



.footer-top .footer-item .social a {
    color: #fff;
    display: inline-block;
    transition: all .3s;
    margin-bottom: 15px;
    font-size: 15px;
    margin: 0 15px;
}


.footer-top .footer-item .social a:hover {

    color: #0072bb;

    transition: all .3s;

}



.footer-top .footer-item img {
    margin-bottom: 20px;
    /*width: 350px;*/
}


.footer-top .footer-item .f-desc {
    padding: 0;
}



.footer-top .footer-item .menu-item-has-children .sub-menu {

	display:none

}



.footer-top .footer-item .menu-item-has-children > a:after{

	content:"";

}



.footer-top .footer-item .f-desc p {

    color: #fff;

    line-height: 1.8;

    font-size: 14px;

}



.footer-bottom {

background-color: #2d2d2d;

padding: 30px 0;

text-align: center;
}



.footer-bottom p {

    display: block;

    color: #fff;

    font-size: 14px;

}



.footer-bottom p span {

    color: #fff;

}



.footer-bottom a {

    float: left;

}



.search-form {

    background-color: #1c2f5b;

    padding: 15px 0;

    display: none;

}



.search-form .form-group {

    position: relative;
        width: 50%;
    margin: 0 auto;

}

.ryad-logo span {
    color: #fff;
}
.ryad-logo, .ryad-logo a {
    height: 40px;
    float: left;
}

.search-form .form-group button {

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 0;

    border-bottom-left-radius: 5px;

    border-top-left-radius: 5px;

    height: 40px;

    padding: 0 15px;

    border: 0;

    background-color: #0072bb;

    color: #fff;

}



.search-form .form-group .form-control {

    background-color: #fff;

    border: 0;

    height: 40px;

    border-radius: 5px;

    color: #333;

    font-size: 15px;

    padding-left: 60px;

}



.search-form .form-group .form-control:focus {

    box-shadow: none;

}



/*.h-slider .owl-controls .owl-buttons div .slider-right,*/

/*.h-slider .owl-controls .owl-buttons div .slider-left {*/

/*    position: relative;*/

/*    left: auto;*/

/*    top: 5px;*/

/*    width: 20px;*/

/*    height: 20px;*/

/*    line-height: 20px;*/

/*    transform: none;*/

/*    border: 0;*/

/*    border-radius: 0;*/

/*    color: #cccccc;*/

/*    background-color: transparent;*/

/*    font-size: 15px;*/

/*    padding: 0;*/

/*    right: auto;*/

/*    transition: all .3s;*/

/*}*/



/*.h-slider .owl-controls .owl-buttons div .slider-right:hover,*/

/*.h-slider .owl-controls .owl-buttons div .slider-left:hover {*/

/*    color: #0072bb;*/

/*    transition: all .3s;*/

/*}*/



/*.h-slider .owl-controls .owl-buttons div .slider-right {}*/



/*.h-slider .owl-controls .owl-buttons div .slider-right:after {*/

/*    content: '|';*/

/*    position: absolute;*/

/*    left: -25px;*/

/*    top: 3px;*/

/*    color: #cccccc !important;*/

/*}*/



/*.h-slider .owl-controls .owl-buttons div .slider-left {*/

/*    left: -50px;*/

/*}*/



/*.h-slider .owl-controls .owl-buttons {*/

/*    position: absolute;*/

/*    left: 0;*/

/*    bottom: -5px;*/

/*    background-color: #fcfcfc;*/

/*    z-index: 10;*/

/*    padding: 20px 100px 20px 10px;*/

/*    width: 100%;*/

/*    max-width: 25%;*/

/*    text-align: right;*/

/*    -webkit-clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);*/

/*    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);*/

/*}*/



/*.h-slider .owl-controls .owl-buttons:before {*/

/*    content: '';*/

/*    position: absolute;*/

/*    width: 13px;*/

/*    height: 200px;*/

/*    background-color: #0072bb;*/

/*    transform: rotate(-45deg);*/

/*    top: -40px;*/

/*    right: 0px;*/

/*}*/



/*.h-slider .owl-controls .owl-buttons:after {*/

/*    content: '';*/

/*    position: absolute;*/

/*    top: 0;*/

/*    right: 0;*/

/*    width: 100%;*/

/*    height: 10px;*/

/*    background-color: #0072bb;*/

/*}*/



/*.h-slider .owl-controls .owl-buttons > div {*/

/*    display: inline-block;*/

/*}*/

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0072bb;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}



.load-more {

    margin-top: 50px;

    text-align: right;

}



.load-more a {

    display: inline-block;

    background-color: #0072bb;

    color: #fff;

    padding: 15px 40px;

    border-radius: 3px;transition:all .3s;

}



.load-more a:hover {

    background-color: #5e5c5d;
    transition:all .3s;

}



.service-left .load-more {

    background-color: #fff;

    margin: 0;

    padding-top: 35px;

}



.service-left .load-more a {

    padding: 12px 20px;

    font-size: 13px;

}



.pagination-gar {

    background-color: #fff;

    border: 5px solid #f2f2f2;

    padding: 15px 30px;

    border-radius: 5px;

    width: auto !important;

    margin: 0 auto;

    position: relative;

    right: 50%;

    transform: translateX(50%);

    direction: rtl;

}



.pagination-gar li {

    display: inline-block;

    color: #bfbfbf;

    font-family: b-bd;

    font-size: 16px;

}



.pagination-gar li a {

    display: inline-block;

    border: 0;

    border-radius: 5px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 17px;

    margin: 0 2px;

    transition: all .3s;

    color: #bfbfbf;

    background-color: #f5f5f5;

    padding: 0;

    font-family: b-bd;

}



.pagination-gar li:first-child a,

.pagination-gar li:last-child a {

    font-size: 15px;

    width: 60px;

    background-color: transparent;

}



.pagination-gar li a:hover,

.pagination-gar li a.active {

    color: #0072bb;

    transition: all .3s;

    background-color: #f5f5f5;

}



.pagination-gar li.active a {

    background-color: #333;

    color: #fff;

}



.proj-inner-page {

    background-color: #fcfcfc;

}



.proj-inner-page .inner-head {

    margin-bottom: 65px;

}



.proj-inner-page .inner-head h3 {

    font-size: 32px;

    font-family: b-bd;

    color: #333;

    position: relative;

}



.proj-inner-page .inner-head h3:before {

    content: '';

    position: absolute;

    height: 3px;

    background-color: #0072bb;

    width: 50px;

    right: -60px;

    top: 20px;

}



.proj-inner-page .nav-tabs {

    margin-bottom: 60px;

    padding-bottom: 25px;

    border-bottom-color: #ededed;

}



.proj-inner-page .nav-tabs li {

    display: inline-block;

    float: none;

    margin: 0;

    margin-left: 50px;

}



.proj-inner-page .nav-tabs li a {



    display: inline-block;

    position: relative;

    border: 0 !important;

    color: #4c4c4c;

    font-size: 16px;

    font-family: b-bd;

    transition: all .3s;
        background-color: transparent !important;

}



.proj-inner-page .nav-tabs li a:after {

    content: '';

    position: absolute;

    left: 0;

    width: 0;

    bottom: -27px;

    background-color: #0072bb;

    height: 5px;

    transition: all .3s;

}



.proj-inner-page .nav-tabs li.active a:after,

.proj-inner-page .nav-tabs li a:hover:after {

    left: auto;

    right: 0;

    transition: all .3s;

    width: 100%;

}



.proj-inner-page .nav-tabs li.active a,

.proj-inner-page .nav-tabs li a:hover {

    color: #0072bb;

    transition: all .3s;

}



.proj-inner-page.proj-s .l-body:after,

.proj-inner-page.proj-s .l-body:before {

    display: none;

}



.proj-inner-page.proj-s .inner {

    padding: 0;

}



.proj-inner-page.proj-s .item {

    margin-bottom: 30px;

}



.about-inner-page {

    background-color: #fcfcfc;

    padding: 70px 0;

}



.about-inner-page .ab-top {

    margin-bottom: 100px

}



.about-inner-page .ab-top h3 {

    font-size: 28px;

    font-family: b-bd;

    color: #333;

    position: relative;

    margin-bottom: 40px;

}



.about-inner-page .ab-top h3:before {

    content: '';

    position: absolute;

    height: 3px;

    background-color: #0072bb;

    width: 50px;

    right: -60px;

    top: 20px;

}



.about-inner-page .ab-top p {

    color: #333333;

    font-size: 15px;

    line-height: 2;

}



.about-inner-page .ab-top p:first-of-type {

    padding-right: 0;

    padding-left: 20px;

}



.about-inner-page .ab-middle {

    margin-bottom: 100px;

}



.about-inner-page .ab-middle h3 {

    font-size: 28px;

    font-family: b-bd;

    color: #0072bb;

    position: relative;

    margin-bottom: 40px;

}



.about-inner-page .ab-middle h3:before {

    content: '';

    position: absolute;

    height: 3px;

    background-color: #333;

    width: 50px;

    right: -60px;

    top: 20px;

}



.about-inner-page .ab-middle .mid-img {

    position: relative;

    float: left;

}



.about-inner-page .ab-middle .mid-img .img-inner {

    position: relative;

    height: 500px;

    background-position: center;

    background-size: 70%;

    background-repeat: no-repeat;

}



.about-inner-page .ab-middle .mid-img:before {

    content: '';

    position: absolute;

    width: 66%;

    height: 100%;

    background-color: #16264d;

    top: 3%;

    left: 14%;

}



.about-inner-page .ab-middle .mid-data {}





.about-inner-page .ab-middle .mid-data p {

    color: #333333;

    font-size: 14px;

    line-height: 2;

    margin-bottom: 30px;

}



.about-inner-page .ab-middle .mid-data p:last-of-type {}



.about-inner-page .ab-middle .mid-data .sign {}



.about-inner-page .ab-middle .mid-data .sign b {

    font-weight: normal;

    font-size: 12px;

    color: #808080;

}



.about-inner-page .ab-middle .mid-data .sign h5 {

    color: #0072bb;

    font-size: 14px;

    margin-top: 10px;

    font-family: b-bd;

}



.about-inner-page .ab-bottom {}



.about-inner-page .ab-bottom .nav-tabs {

    border: 0;

}



.about-inner-page .ab-bottom .nav-tabs li {

    float: none;

    display: table-cell;

    width: 1%;

    text-align: center;

    margin: 0;

}



.about-inner-page .ab-bottom .nav-tabs li a {

    margin: 0;

    display: block;

    width: 98%;

    padding: 15px;

    border-radius: 3px;

    border: 0 !important;

    background-color: #333;

    color: #fff;

}



.about-inner-page .ab-bottom .nav-tabs li.active a {

    background-color: #0072bb;

    color: #fff;

}



.about-inner-page .ab-bottom .tab-pane {

    overflow: hidden;

    /*max-height: 500px;

    overflow-y: auto;*/

    margin: 50px 0 0;

}



.about-inner-page .ab-bottom .tab-pane .block {

    padding: 0 15px;

    margin-bottom: 30px;

}



.about-inner-page .ab-bottom .tab-pane .block a {

    display: block;

    width: 100%;

    height: 100%;

}



.about-inner-page .ab-bottom .tab-pane p {

    color: #333333;

    font-size: 14px;

    line-height: 2;

}



.about-inner-page .ab-bottom .tab-pane .b-img {

    background-position: center;

    background-size: cover;

    height: 350px;

    border-radius: 5px;

}



.proj-inner-page.proj-s .item a {

    border: 4px solid #fff;

    padding: 5px;

    border-radius: 20px;

    transition: all .3s;

}



.proj-inner-page.proj-s .item a:hover {

border-color: #0576be;

transition: all .3s;
}



.about-inner-page .service-s {

    padding: 0;

}



.about-inner-page .service-s .service-right,

.about-inner-page .service-s .service-left {
    padding: 0;
    background-color: #fcfcfc;

}



.about-inner-page .service-s .container:before {

    display: none;

}



.service-s .service-left .block:hover {

    background-color: #fff;

}



.about-inner-page .service-s .service-right h3 {

    font-size: 28px;

    font-family: b-bd;

    color: #333;

    position: relative;

    margin-bottom: 40px;

}



.about-inner-page .service-s .service-right h3:before {

    content: '';

    position: absolute;

    height: 3px;

    background-color: #0072bb;

    width: 50px;

    right: -60px;

    top: 20px;

}



.ab-gallery {}



.ab-gallery .card {

    padding: 0 8px;

    margin-bottom: 15px;

}



.ab-gallery .card a {

    width: 100%;

    height: 100%;

    display: block;

}



.ab-gallery .card .card-img {

    background-position: center;

    background-size: cover;

    height: 250px;

    border-radius: 10px;

    position: relative;

    overflow: hidden;

}



.ab-gallery .card .card-img i {

    position: absolute;

    left: 50%;

    top: -50%;

    transform: translate(-50%, -50%);

    color: #fff;

    z-index: 2;

    width: 40px;

    height: 40px;

    line-height: 37px;

    text-align: center;

    border: 2px solid #fff;

    border-radius: 10px;

    font-size: 16px;

    transition: all .3s;

}



.ab-gallery .card .card-img:hover i {

    top: 50%;

    transition: all .3s;

}



.ab-gallery .card .card-img:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    opacity: 0;

    transform: scale(5);

    transition: all .3s;

}



.ab-gallery .card .card-img:hover:before {

    transform: scale(1);

    opacity: 1;

    transition: all .3s;

}



.about-inner-page.eq-page .ab-top {

    margin-bottom: 50px;

}



.about-inner-page.eq-page .ab-top h3 {

    margin: 0;

}



.ab-table {}



.ab-table thead {}



.ab-table th {

    font-weight: normal;

    font-family: b-bd;

    color: #000;

    border-bottom-color: #0072bb !important;

    padding: 15px !important;

}



.ab-table th:first-of-type,

.ab-table td:first-of-type {

    text-align: center;

}







.ab-table td:nth-of-type(2) {

    background-color: #f0f0f0;

}



.ab-table td {

    padding: 15px !important;

}



.request {

    padding: 80px 0;

    background-color: #fcfcfc;

}



.request .req-data {

    float: right;

}



.request .req-data h3 {

    font-size: 28px;

    font-family: b-bd;

    color: #333;

    position: relative;

    margin-bottom: 20px;

}



.request .req-data h3:before {

    content: '';

    position: absolute;

    height: 3px;

    background-color: #0072bb;

    width: 50px;

    right: -60px;

    top: 20px;

}



.request .req-data p {

    color: #333333;

    font-size: 15px;

    line-height: 2;

}



.request .req-form {

    float: left;

}

.req-form img{
    max-height:400px;
}



.request .req-form .form-group {

    position: relative;

    margin-bottom: 30px;

}



.request .req-form .form-group .form-control {

    height: 50px;

    border-radius: 3px;

    line-height: 50px;

    padding: 0 15px;

    color: #473f3c;

    font-size: 14px;

    border: 1px solid #d3d2d2;

    box-shadow: 0 1px #cccccc;

}



.request .req-form .form-group .form-control::placeholder {

    color: #807674;

}



.request .req-form .form-group .form-control:focus {

    box-shadow: 0 1px #333;

    border-bottom-color: #333;

    transition: all .3s;

}



.request .req-form .form-group textarea.form-control {

    height: 125px !important;

    line-height: normal;

    padding-top: 18px;

}



.request .req-form .form-group h4 {

    font-family: b-bd;

    font-size: 13px;

    color: #5e5452;

    margin-bottom: 15px;

    padding-right: 10px;

}



.request .req-form .form-group .btn {

    display: inline-block;

    background-color: #0072bb;

    color: #fff;

    padding: 15px 40px;

    border-radius: 3px;

}



.request .req-form .form-group .input-group {

    display: table;

    width: 100%;

}



.request .req-form .form-group .input-group .input-group-btn {

    width: auto;

    padding-bottom: 0;

    position: absolute;

    z-index: 11;

    left: 0;

    top: 0;

}



.request .req-form .form-group .input-group .input-group-btn .btn {

    height: 50px;

    font-size: 20px;

    line-height: 47px;

    padding: 0 25px;

    border-radius: 3px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



.request .req-form .form-group .input-group .form-control {

    cursor: not-allowed;

}



.request .req-form .form-group .select2-container .select2-selection--single .select2-selection__rendered {

    padding: 0;

    height: 50px;

    line-height: 50px;

}



.request .req-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 50px;

    line-height: 50px;

    left: 15px;

    width: auto;

}



.request .req-form .form-group .select2-container--default .select2-selection--single {

    height: 50px;

    border-radius: 20px;

    line-height: 50px;

    padding: 0 15px;

    color: #473f3c;

    font-size: 14px;

    border: 1px solid #d3d2d2;

    box-shadow: 0 1px #cccccc;

}



.select2-dropdown {

    background-color: #fff;

    border: 1px solid #d2d1d1;

    border-radius: 20px !important;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);

    z-index: 19;

}



.select2-container--default .select2-search--dropdown .select2-search__field {

    height: 40px;

    border-radius: 20px !important;

    line-height: 40px;

    padding: 0 15px;

    color: #473f3c;

    font-size: 14px;

    border: 1px solid #d3d2d2;

    text-transform: none;

}



.select2-results__option {

    padding: 10px;

    font-size: 13px;

}



.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: #333;

    color: #fff;

}



.request .req-form .form-group .select2-container {

    width: 100% !important;

}



.contact-us {}



.contact-us .con-head {

    margin-bottom: 50px;

}



.contact-us .con-head h3 {

    font-size: 25px;

    font-family: b-bd;

    color: #333;

    position: relative;

    margin-bottom: 40px;

}



.contact-us .con-head h3:before {

    content: '';

    position: absolute;

    height: 3px;

    background-color: #0072bb;

    width: 50px;

    right: -60px;

    top: 13px;

}



.contact-us .con-head span {

    color: #333333;

    font-size: 14px;

}



.contact-us .con-body .con-form {

    padding-left: 50px;

}



.contact-us .con-body .con-form .form-group {

    position: relative;

    margin-bottom: 30px;

}



.contact-us .con-body .con-form .form-group:last-of-type {

    margin: 0;

}



.contact-us .con-body .con-form .form-group h4 {

    font-family: b-bd;

    font-size: 13px;

    color: #5e5452;

    margin-bottom: 15px;

    padding-right: 10px;

}



.contact-us .con-body .con-form .form-group .form-control {

    height: 50px;

    border-radius: 3px;

    line-height: 50px;

    padding: 0 15px;

    color: #473f3c;

    font-size: 13px;

    border: 1px solid #d3d2d2;

    box-shadow: 0 1px #cccccc;

}



.contact-us .con-body .con-form .form-group .form-control::placeholder {

    color: #807674;

}



.contact-us .con-body .con-form .form-group .form-control:focus {

    box-shadow: 0 1px #333;

    border-bottom-color: #333;

    transition: all .3s;

}



.contact-us .con-body .con-form .form-group .btn {

    display: inline-block;

    background-color: #0072bb;

    color: #fff;

    padding: 15px 40px;

    border-radius: 3px;

    width: 100%;

}



.contact-us .con-body .con-form .form-group teaxtarea.form-control {

    height: 125px !important;

    line-height: normal;

    padding-top: 18px;

}



.contact-us .con-body .con-data {

    float: left;

    background-color: #333;

    border-radius:3px;

    padding: 63px 30px;

    position: relative;

    margin-top: 30px;

    overflow: hidden;

}



.contact-us .con-body .con-data:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    border-left: 160px solid #0072bb;

    border-right: 50px solid transparent;

    border-bottom: 130px solid transparent;

    z-index: 0;

}



.contact-us .con-body .con-data .em-ico {

    position: absolute;

    left: 23px;

    z-index: 1;

    top: 19px;

    color: #fff;

    font-size: 35px;

}



.contact-us .con-body .con-data h4 {

    color: #fff;

    font-size: 15px;

    font-family: b-bd;

    margin-bottom: 30px;

}



.contact-us .con-body .con-data h4 i {

    margin-left: 5px;

}



.contact-us .con-body .con-data ul li {

    margin-bottom: 35px;

    color: #fff;

    font-size: 13px;

    line-height: 1.5;

}



.contact-us .con-body .con-data ul li:last-child {}



.contact-us .con-body .con-data ul li i {

    color: #bfbfbf;

}



.contact-us .con-body .con-data ul li span {

    color: #bfbfbf;

    font-size: 13px;

    margin: 0 15px;

}



.contact-us .con-body .con-data .social {

    border-top: 1px solid #5e5d5c;

    padding-top: 30px;

    text-align: center;

}



.contact-us .con-body .con-data .social a {

    color: #bfbfbf;

    margin-left: 30px;

    transition: all .3s;

}



.contact-us .con-body .con-data .social a:hover {

    color: #fff;

}



.con-map {

    padding: 0 !important;

    margin-top: 70px;

}



.con-map h3 {

    color: #1a2d5a;

    font-family: b-bd;

    font-size: 16px;

    margin-bottom: 30px;

}



.con-map h3 i {

    vertical-align: baseline;

    margin-left: 5px;

}



.con-map .map {

    height: 250px;

    width: 100%;

}



.contact-inner-page {

    padding-bottom: 0;

}





/* ********** el7ag noor *********** */



.proj-view {

    padding: 15px;

}



.proj-view .pro-img{

background-position: center;

    background-size: cover;

    height: 290px;

    border-radius: 5px;

}



.proj-view .proj-data{

	padding:20px;

}

.proj-view .proj-data h3{

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 19px;

    font-family: b-bd;

    margin-bottom: 15px;

}



.proj-view .proj-data p{

	    line-height: 1.8;

    font-size: 14px;

    margin-bottom: 20px;

    overflow: hidden;

    max-height: 147px;

}



.proj-view .proj-data a{

	display: inline-block;

    background-color: #0072bb;

    color: #fff;

    padding: 10px 30px;

    border-radius: 3px;

    font-size: 16px;

    height: 50px;

    line-height: 34px;

    width: 100%;

    text-align: center;

}



.proj-view .proj-data a:hover{

    background-color: #333;

}



#cvfile{

	display:none!important

}



/*.footer-top .footer-item,.footer-top .footer-item {*/

/*    padding: 0!important;*/

/*}*/



.footer-top .footer-item .cont{

	margin-left:0!important;

	padding-left: 10px;

}


.dude-slider .item{
	background-position:center;
	background-size:cover;
	height:300px;
}

.dude-slider .owl-controls .owl-buttons div .slider-right, .dude-slider .owl-controls .owl-buttons div .slider-left{}

 .dude-slider .owl-controls .owl-buttons div .slider-left{left:10px;}
  .dude-slider .owl-controls .owl-buttons div .slider-right{right:10px;}
  
  .menu-item-has-children .sub-menu li a {
    display: block !important;
    padding: 10px 14px !important;
    font-family: b-rg!important;
    font-weight: normal !important;
    font-size: 14px !important;
}

.menu-item-has-children .sub-menu li a:hover {
    background-color: #0072bb;
    color: #fff !important;
    transition: all .3s;
}
.menu-item-has-children .sub-menu{min-width:190px;}


@media (min-width: 768px){

.modal-dialog {

    width: 900px;

    margin: 30px auto;

}

}


.ab-gallery .card {
    padding: 0 15px;
    margin-bottom:30px;
}

.ab-gallery .card .inner {
    background-color: #fff;
    box-shadow: 0 5px 55px rgba(0, 0, 0, 0.15);
    padding: 50px 20px;
    text-align: center;
}

.ab-gallery .card .inner .card-img {
    border-radius: 100%;
    width: 200px;
    height: 230px;
    margin: 0 auto;
}

.ab-gallery .card .inner .card-data {
    margin-top: 25px;
}

.ab-gallery .card .inner .card-data h3 {
    font-family: b-bd;
    font-size: 16px;
    min-height: 44px;
    line-height: 1.4;
}

.ab-gallery .card .inner .card-data span {
    color: #989898;
    display: block;
    margin-top: 5px;
}

.ab-gallery .card .card-img:before,
.hero-s:before,
.hero-s:after,
.hero-s .h-slider:after,
.h-slider .owl-controls .owl-buttons:before,.h-slider .owl-controls .owl-buttons:after{
    display:none;
}

.about-vis {
    margin-bottom: 100px;
}

.contact-us .con-body .con-form .form-group .btn:hover{
    background-color:#333;
}

.about-vis .block {
    padding: 15px;
    text-align: center;
}

.about-vis .block h3 {
    font-family: b-bd;
    margin-bottom: 20px;
}

.about-vis .block p {
    line-height: 1.9;
}
.about-inner-page .ab-bottom .tab-pane p {
    color: #333333;
    font-size: 14px;
    line-height: 2;
    max-width: 60%;
    overflow: hidden;
    max-height: 108px;
    margin: 0 auto;
}

.hero-s .item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.hero-s .item .i-cap h3 {
    font-size: 33px;
    font-family: b-bd;
    margin-bottom: 10px;
    color: white;
}
.hero-s .item .i-cap p {
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
}
.g-head span:before {
    
    height: 95px;
    background-color: transparent;
    width: 36px;
    right: 0;
    top: 0;
    background-image: url(http://sayed.azq1.com/injaz/wp-content/uploads/2019/01/Favicon.png);
    background-position: center;
    background-repeat: no-repeat;
}

.g-head span {
    margin-bottom: 10px;
    padding-right: 0;
}
.g-head h3 {
    padding-right: 0;
}

.request .req-data h3 {
    margin-bottom: 40px;
}

.about-inner-page .ab-middle h3,.about-inner-page .service-s .service-right h3,.request .req-data h3,.about-inner-page .ab-top h3,
.proj-inner-page .inner-head h3,.contact-us .con-head h3{
   
    padding: 0;
}

.about-inner-page .ab-middle h3:before,.about-inner-page .service-s .service-right h3:before,.request .req-data h3:before,.about-inner-page .ab-top h3:before,
.proj-inner-page .inner-head h3:before,.contact-us .con-head h3:before{
    content: '';
    position: absolute;
    height: 3px;
    background-color: #333;
    width: 50px;
    right: -60px;
    top: 20px;
    height: 95px;
    background-color: transparent;
    width: 36px;
    right: 0;
    top: 0;
    background-image: url(http://sayed.azq1.com/injaz/wp-content/uploads/2019/01/Favicon.png);
    background-position: center;
    background-repeat: no-repeat;
}

/* ************ E3 Head ************** */
.sided .main-content {
    margin-right: -300px;
    transition: all .3s;
}

.main-content {
    transition: all .3s;
}
.e3-head {    border-bottom: 1px solid #dfdfdf;}

.e3-head .e3-top {
    background-color: #f7f7f7;
    padding: 10px 0;
    transition:all .3s;
    /*position: relative;*/
    /*overflow: hidden;*/
}

.e3-head.sticky .e3-top{
    position:fixed;
    width:100%;
    right:0;
    top:0;
    transition:all .3s;
    z-index:55;
}

.e3-head .e3-top .e3-logo {
    display: inline-block;
}

.e3-head .e3-top .e3-logo .open-sidebar {
    display: inline-block;
    background-color: transparent;
    color: #5e5b5c;
    font-size: 25px;
    display: none;
    position: relative;
    top: 7px;
    margin-left: 5px;
    padding-left: 20px;
}

.e3-head .e3-top .e3-logo .open-sidebar i {
    color: inherit;
}

.e3-head .e3-top .e3-logo img {
    /*width: 350px;*/
    transition: all .3s;
}

.e3-head.sticky .e3-top .e3-logo img {
    /*width: 200px;*/
    transition: all .3s;
}
.e3-head .e3-top .e3-extra {
    float: left;
    direction: ltr;
    padding-top: 14px;
    transition: all .3s;
}

.e3-head.sticky .e3-top .e3-extra {
padding: 0;
    transition: all .3s;
    position: relative;
    top: -4px;
}

.e3-head .e3-top .e3-extra > * {
    display: inline-block;
}

.e3-head .e3-top .e3-extra .e3-lang {
    /* float: left; */
}

.e3-head .e3-top .e3-extra .e3-contact {
    border-width: 0 1px;
    border-style: solid;
    border-color: rgba(92, 90, 91, 0.4);
    padding: 0 20px;
    margin: 0 20px;
}

.e3-head .e3-top .e3-extra .e3-contact li {
    display: inline-block;
    margin-right: 25px;
}

.e3-head .e3-top .e3-extra .e3-contact li:last-child {
    margin: 0;
}

.e3-head .e3-top .e3-extra .e3-contact li a {
    color: #5e5b5c;
    /*direction: rtl;*/
}

.e3-head .e3-top .e3-extra .e3-contact li a i {
    margin-left: 5px;
    transition: all .3s;
    float: right;
    position: relative;
    top: 3px;
}

.e3-head .e3-top .e3-extra .e3-lang a {
    text-transform: uppercase;
    color: #555;
    font-family: sans-rg;
}

.e3-head .e3-top .e3-extra .e3-search {}

.e3-head .e3-top .e3-extra .e3-search .form-group {
    position: relative;
    height: 40px;
}

.e3-head .e3-top .e3-extra .e3-search .searcho {
    border: 1px solid transparent;
    height: 38px;
    direction: rtl;
    padding: 0;
    background-color: transparent;
    font-size: 13px;
    width: 0;
    transition: all .3s;
    position: absolute;
    top: 0;
    left: 0;
}

.e3-head .e3-top .e3-extra .e3-search .op-e3_search {
    position: absolute;
    height: 38px;
    border: 0;
    padding: 0 10px;
    color: #5e5a5b;
    background-color: transparent;
    left: 0;
    top: 0;
}

.e3-head .e3-bottom {
    text-align: center;
}

.e3-head .e3-bottom li {
    display: inline-block;
    margin: 0 10px;
}
.e3-head .e3-bottom li a {
    padding: 15px;
    color: #5e5b5c;
    transition: all .3s;
}

.e3-head .e3-top .e3-extra .e3-search .searcho.active {
    border-color: #dfdfdf;
    width: 200px;
    transition: all .3s;
    padding: 0 10px;
        color: #fff;
}

.e3-head .e3-top .e3-extra .e3-search .searcho:focus{
    background-color:#fff;
    transition:all .3s;
}
.e3-head .e3-top .e3-extra .e3-search .searcho.active:focus {
    color: #000;
}

.e3-head .e3-bottom li a:hover {
    color: #0072bb;
    transition: all .3s;
}

.e3-head .e3-top .e3-extra .e3-contact.cols span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.e3-head .e3-top .e3-extra .e3-contact.cols i {
    margin: 0;
    font-size: 18px;
    transition: all .3s;
}

.e3-head .e3-top .e3-extra .e3-search.cols .searcho {
    width: 500px;
}

.hero-s .item .i-cap {
    position: absolute;
    width: 100%;
    max-width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    z-index: 1;
}

.hero-s .item .i-cap h3 {
    font-size: 33px;
    font-family: b-bd;
    margin-bottom: 10px;
}

.hero-s .item .i-cap p {
    font-size: 20px;
    margin-bottom: 10px;
}

.hero-s .item .i-cap .btn {
    background-color: #0072bb;
    display: inline-block;
    color: #fff;
    padding: 7px 20px;
    font-size: 17px;
}

.hero-s .item .i-cap .btn i {
    color: inherit;
}
.about-inner-page.single-team .ab-middle .mid-img .img-inner {
    position: relative;
    height: 500px;
    background-position: center;
    background-size: 70% 100%;
    background-repeat: no-repeat;
}


/*Team Css*/
.mid-data ul li span {
    padding: 4px;
    font-size: 15px;
    font-weight: bold;
}

.about-inner-page .ab-middle .mid-data li {
    margin-bottom: 15px;
}

.about-inner-page .ab-middle .mid-data li span {
    font-weight: normal;
    font-family: b-bd;
    font-size: 16px;
}
span.blanc {
    float: left;
    font-weight: bold;
    color: #0072bb;
}

.h-slider .owl-controls .owl-buttons div .slider-right, .h-slider .owl-controls .owl-buttons div .slider-left {
    background-color: transparent;
    color: #fff;
    width: auto;
    height: auto;
    line-height: normal;
    padding: 0;
    font-size: 65px;
    font-weight: normal;
}
video {
    object-fit: cover;
    display: inline-block;
    vertical-align: baseline;
}
.service-right .load-more {
    margin: 0;
}



/************************** jobs **************************** */
.jobs-wrap {
    padding: 70px 0;
}

.jobs-wrap .jobs-top {
    margin-bottom: 50px;
}

.jobs-wrap .jobs-top .t-right {
    float: left;
}

.jobs-wrap .jobs-top .t-right .item {
    border-left: 1px solid #dfdfdf;
    padding: 0 30px;
    margin-bottom: 50px;
}

.jobs-wrap .jobs-top .t-right .item .icon {
    float: right;
    width: 50px;
    text-align: center;
    font-size: 33px;
    margin-left: 10px;
    color: #0072bb;
}

.jobs-wrap .jobs-top .t-right .item .icon i {}

.jobs-wrap .jobs-top .t-right .item .data {
    overflow: hidden;
}

.jobs-wrap .jobs-top .t-right .item .data h3 {
    font-family: b-bd;
    font-size: 40px;
    color: #5e5c5d;
}

.jobs-wrap .jobs-top .t-right .item .data p {
    color: #8c8c8c;
}

.jobs-wrap .jobs-top .t-left {
    float: right;
}

.jobs-wrap .jobs-top .t-left h3 {
    font-family: b-bd;
    color: #0072bb;
    font-size: 30px;
    margin-bottom: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.jobs-wrap .jobs-top .t-left p {
    color: #8c8c8c;
    line-height: 1.9;
    overflow: hidden;
    max-height: 179px;
}

.jobs-wrap .jobs-bottom {
    border-top: 1px solid #dfdfdf;
    padding-top: 50px;
}

.jobs-wrap .jobs-bottom .bot-head {
    margin-bottom: 40px;
}

.jobs-wrap .jobs-bottom .bot-head h3 {
    font-family: b-bd;
    color: #0072bb;
    font-size: 32px;
}

.jobs-wrap .jobs-bottom .bot-body .it-card {
    margin-bottom: 30px;
}

.jobs-wrap .jobs-top .t-right .item:nth-of-type(even) {
    border: 0;
}

.jobs-wrap .jobs-bottom .bot-body .it-card a {
    border: 1px solid #0072bb;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: stretch;
    transition: all .3s;
    border-radius: 5px;
}

.jobs-wrap .jobs-bottom .bot-body .it-card a:hover {
    background-color: #5e5c5d;
    transition: all .3s;
    border-color: #5e5c5d;
    transform: translateY(-10px);
    box-shadow: 0 5px 45px rgba(58, 150, 137, 0.2);
}

.jobs-wrap .jobs-bottom .bot-body .it-card:last-of-type {
    margin-bottom: 0;
}

.jobs-wrap .jobs-bottom .bot-body .it-card .j-title {
    width: 60%;
    display: flex;
    padding: 20px 25px;
    min-height: 100px;
    align-items: center;
    font-family: b-bd;
    font-size: 23px;
    transition: all .3s;
}

.jobs-wrap .jobs-bottom .bot-body .it-card .j-level {
    display: flex;
    width: 20%;
    padding: 20px 25px;
    min-height: 100px;
    align-items: center;
    font-size: 17px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #0072bb;
    transition: all .3s;
}

.jobs-wrap .jobs-bottom .bot-body .it-card .j-location {
    display: flex;
    width: 20%;
    padding: 20px 25px;
    min-height: 100px;
    align-items: center;
    font-size: 17px;
    transition: all .3s;
}

.jobs-wrap .jobs-bottom .bot-body .it-card a:hover .j-title,
.jobs-wrap .jobs-bottom .bot-body .it-card a:hover .j-level,
.jobs-wrap .jobs-bottom .bot-body .it-card a:hover .j-location {
    color: #fff;
    transition: all .3s;
}

.jobs-wrap .jobs-bottom .bot-body .it-card a:hover .j-level {
    border-color: #fff;
}

.j-desc-inner {
    max-width: 80%;
    margin: 0 auto;
    padding: 20px 40px;
    background-color: #f9f9f9;
    border-width: 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
}

.j-desc-inner .h-img {
    height: 300px;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    margin-bottom: 50px;
}

.j-desc-inner .j-dets p {
    font-size: 15px;
    color: #6b6b6b;
    line-height: 1.8;
    margin-bottom: 30px;
}

.j-hr h3 {
    color: #fff;
    font-family: b-bd;
    margin-bottom: 10px;
}

.j-desc-inner .j-dets h3 {
    color: #0072bb;
    font-size: 28px;
    margin-bottom: 30px;
    font-family: b-bd;
}

.j-desc-inner .j-dets h4 {
    color: #0072bb;
    margin-bottom: 15px;
    font-size: 25px;
    font-family: b-lt;
}

.j-desc-inner .j-dets ul {
    margin-bottom: 30px;
}

.j-desc-inner .j-dets ul li {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 13px;
}

.j-desc-inner .btn {
    display: block;
    margin-bottom: 30px;
    padding: 26px;
    font-size: 20px;
}

.j-hr {
    background-color: #8c8c8c;
    padding: 20px;
}

.j-hr h4 {
    color: #fff;
    margin-bottom: 20px;
}

.j-hr p {
    color: #fff;
    margin-bottom: 15px;
}

.j-hr li {
    color: #fff;
    margin-bottom: 5px;
}

.j-hr a {
    color: #fff;
    text-decoration: underline;
}

.j-social {
    text-align: center;
    padding: 40px 0 0;
}

.j-social a {
    display: inline-block;
    margin-right: 20px;
    font-size: 21px;
    color: #0072bb;
}

.request {
    padding: 80px 0;
}

.request .req-data {
    float: right;
    padding-left: 20px;
}

.request .req-data h3 {
    font-family: b-bd;
    color: #473f3c;
    font-size: 21px;
    margin-bottom: 50px;
}

.request .req-data p {
    line-height: 2;
    font-size: 13px;
    color: #807674;
    font-family: b-lt;
}

.request .req-form {
    float: left;
}

.request .req-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.request .req-form .form-group .form-control {
    height: 50px;
    border-radius: 3px;
    line-height: 50px;
    padding: 0 15px;
    color: #473f3c;
    font-size: 14px;
    border: 1px solid #d3d2d2;
    box-shadow: 0 1px #cccccc;
}

.request .req-form .form-group .form-control::placeholder {
    color: #807674;
}

.request .req-form .form-group .form-control:focus {
    box-shadow: 0 1px #0072bb;
    border-bottom-color: #0072bb;
    transition: all .3s;
}

.request .req-form .form-group textarea.form-control {
    height: 125px !important;
    line-height: normal;
    padding-top: 18px;
}

.request .req-form .form-group h4 {
    font-family: b-bd;
    font-size: 13px;
    color: #5e5452;
    margin-bottom: 15px;
    padding-right: 10px;
}

.request .req-form .form-group .btn {}

.request .req-form .form-group .input-group {
    display: table;
    width: 100%;
}

.request .req-form .form-group .input-group .input-group-btn {
    width: auto;
    padding-bottom: 0;
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
}

.request .req-form .form-group .input-group .input-group-btn .btn {
    height: 50px;
    font-size: 20px;
    line-height: 47px;
    padding: 0 25px;
    border-radius: 3px;
}

.request .req-form .form-group .input-group .form-control {
    cursor: not-allowed;
}

.request .req-form .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    height: 50px;
    line-height: 50px;
}

.request .req-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    line-height: 50px;
    left: 15px;
    width: auto;
}

.request .req-form .form-group .select2-container--default .select2-selection--single {
    height: 50px;
    border-radius: 20px;
    line-height: 50px;
    padding: 0 15px;
    color: #473f3c;
    font-size: 14px;
    border: 1px solid #d3d2d2;
    box-shadow: 0 1px #cccccc;
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #d2d1d1;
    border-radius: 20px !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    z-index: 19;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    border-radius: 20px !important;
    line-height: 40px;
    padding: 0 15px;
    color: #473f3c;
    font-size: 14px;
    border: 1px solid #d3d2d2;
    text-transform: none;
}

.select2-results__option {
    padding: 10px;
    font-size: 13px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3a978a;
    color: #fff;
}

.request .req-form .form-group .select2-container {
    width: 100% !important;
}

.field-s.inner-pages {
    background-color: #fff;
    background-image: none;
}

.field-s.inner-pages .g-head h3,
.field-s.inner-pages .g-head p {
    color: #473f3c;
}

.field-s.inner-pages .block {
    float: right;
}

.field-s.inner-pages .block .inner {
    background-color: #f7f7f7;
    border: 1px solid #eeedef;
}

.field-s.inner-pages .block .inner .inner-data .title {
    color: #473f3c;
}

.field-s.inner-pages .block .inner .inner-data p {
    color: #807674;
}

.proj-s.service2-wrap .block .inner {
    text-align: center;
    background-color: #f7f7f7;
}

.proj-s.service2-wrap .block .inner .in-icon {
    padding: 40px 0 5px;
    height:85px;
}

.proj-s.service2-wrap .block .inner .in-data {
    background-color: transparent;
}

.proj-s.service2-wrap .block .inner a {
    display: inline-block;
    width: auto;
}

.proj-s.service2-wrap .block .inner a h3{
    margin:0;
}

.proj-s.service2-wrap .block .inner:hover {
    background-color: #fff;
}
.jobs-wrap .jobs-bottom .bot-body .it-card .j-count{

    display: flex;
    width: 20%;
    padding: 20px 25px;
    min-height: 100px;
    align-items: center;
    font-size: 17px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #0072bb;
    transition: all .3s;

}
.jobs-wrap .jobs-bottom .bot-body .it-card a:hover .j-count, .jobs-wrap .jobs-bottom .bot-body .it-card a:hover .j-count span {
    color: #fff;
    transition: all .3s;
}

.jobs-wrap .jobs-bottom .bot-body .it-card a:hover .j-count {
    border-color: #fff;
    transition: all 0.3s;
}
.j-desc-inner .btn {
    display: block;
    margin-bottom: 30px;
    padding: 26px;
    font-size: 20px;
    background-color: #333333;
    color: #fff;
}
input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required {
    display: none;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 600px;
    }
}
.modal .request .req-form {
    float: none;
}

.projectslider .item{
    background-position: center;
    background-size: cover;
    height: 350px;
    border-radius: 3px;

}
.e3-head .e3-top:before {
    /*content: "";*/
    /*position: absolute;*/
    /*background-color: rgba(0, 116, 189, 0.9803921568627451);*/
    /*width: 65%;*/
    /*height: 92px;*/
    /*left: 0px;*/
    /*top: 0;*/
    /*clip-path: polygon(0px 93px,90% 114px,100% 0px,0px 0px);*/
    height: 85px;
    top: 0;
    content: '';
    background-color: rgba(0, 116, 189, 0.9803921568627451);
    width: 73%;
    left: 0;
    position: absolute;
    box-shadow: 0 1px 0 7px #a3a6a9;
    /*transform: skewX(-15deg);*/
}
.e3-head .e3-top span.before {
    position: absolute;
    background: url(../images/header2.png);
    width: 200px;
    height: 92px;
    top: 0;
    right: 23em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    display:none;
}
.e3-head.sticky .e3-top span.before {
    height: 62px;
}

.e3-head.sticky .e3-top:before {
    content: " ";
    /*height: 62px;*/
    /*clip-path: polygon(2px 93px,90% 114px,100% 0px,0px 0px);*/
    display: inline-block;
    height: 54px;
}

.e3-top i, .e3-top a, .e3-top span {
    color: #fff;
}
.e3-head .e3-top .e3-logo img {

    /*height: 74px;*/
}
.e3-head.sticky .e3-top .e3-logo img {
    height: 42px;
}
.proj-s .item .inner:hover .inner-caption {
    transform: translate(0);
    transition: all .3s;
}
.proj-s .item .inner-caption {

    background-color: rgb(0, 114, 187, 0.75);

}


.price-box-input .form-group .form-control {
    width: 100%;
    height: 60px;
    border: 1px #ccc solid;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 16px;
}
.price-box-input .form-group label {
    font-weight: normal;
    color: #0577be;
    font-size: 18px;
    margin: 25px 0 15px;
    display: block;
}
.barke-pdf {
    float: right;
    width: 100%;
    margin: 20px 0 0;
    font-size: 15px;
    color: #f00;
}
.barke-pdf span {
    color: #f00;
}
.hidethis{
    display: none;
}
.imgd {
    position: relative;
    display: block;
    height: 380px;
    background-position: center;
    background-size: cover;
}
.proj-inner-page .nav-tabs li {
    display: inline-block;
    float: none;
    margin: 0;
    margin-left: 50px;
    margin-bottom: 45px;
}
.service-s .service-left .block .data p a {
    margin: 0;
}

.calc-hint {
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
    padding: 20px;
    max-width: 55%;
    margin: 20px auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.calc-hint .barke-pdf {
    margin: 0 0 15px;
    line-height: 1.8;
}

.calc-hint .barke-pdf:last-of-type {
    margin: 0;
}

.show-ser{
    display:none;
}

.serv-log,.go_back {
    background-color: #0575be;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.serv-log:focus,.go_back:focus {
    background-color: #a3a6a8;
    color: #000;
}

.serv-log:hover ,.go_back:hover {
    color: #fff;
}

.e3-head .e3-top .e3-extra .e3-search .searcho::placeholder {
    color: #fff;
}
.e3-head .e3-top .e3-extra .e3-search {
    margin: 0 10px;
}


/* ******************/

.g-head span {
    display: none;
}


.cl-slider.owl-carousel .owl-wrapper {
    width: 100% !important;
    text-align: center;
    direction: rtl;
}

.cl-slider.owl-carousel .owl-wrapper .owl-item {
    float: none;
    display: inline-block;
}

.cl-slider.owl-carousel .owl-wrapper .owl-item:first-of-type .item {
    border: 0;
}

.sitemap {
    /* margin-top: 99px; */
}

.e3-head.sticky .e3-top:before {
    height: 54px;
}

.e3-head .e3-top .e3-extra .e3-lang a span {
    font-size: 17px;
    position: relative;
    top: 2px;
    font-family: b-bd;
}

.about-s .ab-body {
    padding: 0 15px;
    margin-top: 20px;
}

.about-s .ab-body:before,.about-s .ab-body:after {
    display: none;
}

.about-s .ab-body a {
    float: none !important;
}

.service-s .service-right {
    padding-top: 140px;
    padding-left: 100px;
}

.proj-s .service-s {
    padding: 0 0 100px;
}
.show-ser {
    margin-bottom: 70px;
    float: left;
    width: 100%;
}

.show-ser .col-md-6.col-xs-12, .show-ser .col-xs-12 {
    padding: 0 10px;
}
.price-box-input .form-group label {
    font-weight: normal;
    color: #0577be;
    font-size: 14px;
    margin: 25px 0 7px;
    display: block;
}

.price-box-input .form-group .form-control {
    width: 100%;
    height: 50px;
    border: 1px #ccc solid;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 14px;
}

.o-offers {
    background-color: #fcfcfc;
    padding: 70px 0;
}

.o-offers .block {
    padding: 15px;
}

.o-offers .block .inner {
    position: relative;
    background-color: #0575be;
    overflow: hidden;
}

.o-offers .block .inner a {
    display: block;
    height: 100%;
}

.o-offers .block .inner .in-img {
    height: 350px;
    background-position: center;
    background-size: cover;
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    /* transition: opacity .35s,transform .35s; */
    /* -webkit-transform: translate3d(50px,0,0); */
    /* transform: translate3d(50px,0,0); */
}

.o-offers .block .inner .in-cap {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    /* padding: 50px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.o-offers .block .inner .in-cap h3 {
    font-family: b-bd;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    padding: 0 0 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.o-offers .block .inner .in-cap p {
    color: #555;
    font-size: 15px;
    overflow: hidden;
    max-height: 44px;
    opacity: 1;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    /* -webkit-transform: translate3d(-10px,0,0); */
    /* transform: translate3d(-10px,0,0); */
}

.o-offers .block .inner .in-cap:after {
    /* position: absolute; */
    /* top: 30px; */
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    /* transition: opacity .35s,transform .35s; */
    /* -webkit-transform: translate3d(-20px,0,0); */
    /* transform: translate3d(-20px,0,0); */
    display: none;
}

.o-offers .block .inner:hover .in-img {
    /* opacity: .5; */
    /* -webkit-transform: translate3d(0,0,0); */
    /* transform: translate3d(0,0,0); */
}

.o-offers .block .inner:hover .in-cap p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.o-offers .block .inner:hover .in-cap:after {
    opacity: 1;
    /* -webkit-transform: translate3d(0,0,0); */
    /* transform: translate3d(0,0,0); */
}

.o-projects {
    padding: 70px 0;
    background-color: #fcfcfc;
}

.o-projects .block {
    padding: 15px;
}

.o-projects .inner {
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s;
    background-color: #fff;
    /* border: 1px solid #dfdfdf; */
}

.o-projects .inner .i-img {
    height: 350px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.o-projects .inner .i-data {
    /* background-color: #fff; */
    padding: 20px;
    /* border: 1px solid #dfdfdf; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0;
    transition: all .3s;
}

.o-projects .inner .i-data a {
    display: inline-block;
    font-family: b-bd;
    font-size: 25px;
    color: #333;
    transition: all .3s;
    min-height: 140px;
    /* display: flex; */
    /* align-items: center; */
    max-height: 140px;
    overflow: hidden;
}

.o-projects .inner .i-data p {
    font-size: 14px;
    line-height: 1.9;
    overflow: hidden;
    max-height: 73px;
    margin-top: 10px;
    /* min-height: 73px; */
}

.o-projects .inner .i-data a:hover {
    color: #0575be;
    transition: all .3s;
}

.o-projects .inner:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}

.o-projects .inner:hover .i-data {
    border-color: transparent;
    transition: all .3s;
}

.proj-inner-page .nav-tabs {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 0;
}

.proj-inner-page .nav-tabs li {
    margin-bottom: 20px;
}

.proj-inner-page .nav-tabs::-webkit-scrollbar {
    width: 6px;
    height:10px;
}

.proj-inner-page .nav-tabs::-webkit-scrollbar-track {
    background-color:#f3f3f3;
    border-radius: 10px;
    border:1px solid #dfdfdf
}

.proj-inner-page .nav-tabs::-webkit-scrollbar-thumb {
    background-color: #0575be;
    border-radius: 10px;
}

.top_archive_title h1 {
    font-size: 32px;
    font-family: b-bd;
    color: #0072bb;
    position: relative;
    margin-bottom: 20px;
}

.top_archive_title {
    padding: 0 15px;
}

.wp-pagenavi {
    display: inline-block;
}

.wp-pagenavi a,.wp-pagenavi span {
width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    padding: 0 !important;
    margin: 0 3px !important;
    font-size: 16px;
    color: #333;
}

.wp-pagenavi span {    position: relative;
    top: -2px;}

.the_pagination {
    margin-top: 40px;
    text-align: center;
}

.wp-pagenavi .current {
    background-color: #0575be;
    color: #fff;
    border-color: #0575be !important;
}

.request .req-data p {
    font-size: 17px;
    color: #000;
    font-family: b-rg;
    margin: 20px 0;
}

.request .req-data h3 {
    margin-bottom: 20px;
}
.about-vis {
    margin-bottom: 0;
}

.service-s .service-left .block .data {
    max-height: 112px;
    overflow: hidden;
}

.req-form img {
    width: 100%;
    height: 100%;
}

.proj-s.cats .item .inner-caption {
    transform: translateY(0);
    text-align: center;
    padding: 20px;
}

.proj-s.cats .item .inner-caption h3 {
    margin: 0;
}

/*menu ruby amir*/
.menu-item-has-children .sub-menu {
    min-width: 250px;
    text-align: initial;
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
}

.menu-item-has-children .sub-menu::-webkit-scrollbar {
    width: 7px;

}

.menu-item-has-children .sub-menu::-webkit-scrollbar-track {
    /*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: #e0e0e0;
}

.menu-item-has-children .sub-menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    /*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
    background-color: #0575be;
}

.proj-inner-page .nav-tabs {
    padding: 0 10px;
}

.projectslider .item {
    background-position: center;
    background-size: 100% 100%;
    height: 700px;
    border-radius: 3px;
    /*background-color: #000;*/
}

/*.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {*/
/*    right: 100%;*/
/*    top: 0;*/
/*    border-top: 4px solid #0575be;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*}*/

/*.menu-item-has-children .sub-menu {*/
/*    overflow: visible;*/
/*    max-height: none;*/
/*}*/

/*.menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

.proj-s .l-body .tab-content .nav-tabs {
    border: 0;
    overflow: visible;
    margin-bottom: 20px;
}

.proj-s .l-body .tab-content .nav-tabs li a {
    display: block;
    background-color: #efefef !important;
    padding: 20px;
    border-radius: 5px;
}

.proj-s .l-body .tab-content .nav-tabs li {
    display: table-cell;
    width: 1%;
    text-align: center;
    margin: 0;
    padding: 0 10px;
}

.proj-s .l-body .tab-content .nav-tabs li.active a {
    background-color: #0575be !important;
    color: #fff;
}

.proj-s .l-body .tab-content .nav-tabs li a:after {
    display: none;
}

.proj-inner-page .nav-tabs {
    margin-bottom: 40px;
    margin-top: 30px;
}

.request .projectslider .item {
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.e3-lang li.active {
    display: none;
}

.delegate-request {
    background-attachment: fixed;
    padding: 80px 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.delegate-request::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0576be;
    opacity: .5;
}

.delegate-request .container {
    position: relative;
    z-index: 2;
}

.delegate-request p {
    font-size: 25px;
    color: #fff;
    margin-top: 10px;
}

.delegate-request .btn {
    transition: all .5s;
    box-shadow: none !important;
    display: table;
    margin: 0 auto 0 0;
    padding: 0 40px;
    border: none !important;
    outline: none !important;
    line-height: 50px;
    background: #fff;
    border-radius: 50px;
    font-size: 18px;
}

.delegate-request .btn:hover, .delegate-request .btn:focus {
    background: #a3a6a9;
    color: #fff;
}

.said-client-h {
    padding: 80px 0;
}

.said-client-h .l-head {
    margin-bottom: 30px;
}

.said-client .owl-controls .owl-buttons div .slider-left {
    left: 0;
}

.said-client .owl-controls .owl-buttons div .slider-right {
    right: 0;
}

.said-block {
    width: 80%;
    border: 1px #f1f1f1 solid;
    padding: 30px;
    border-radius: 8px;
    direction: rtl;
    text-align: center;
    box-shadow: 0 0 20px #fcfcfc;
    margin: 30px auto;
}

.said-block .img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    border: 2px #0576be solid;
    margin-bottom: 30px;
}

.said-block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.said-block .details h5 {
    font-size: 18px;
    color: #000;
}

.said-block .details p {
    margin-top: 15px;
}.said-client-h {
    padding: 80px 0;
}

.said-client-h .l-head {
    margin-bottom: 30px;
}

.said-client .owl-controls .owl-buttons div .slider-left {
    left: 0;
}

.said-client .owl-controls .owl-buttons div .slider-right {
    right: 0;
}

.said-block {
    width: 80%;
    border: 1px #f1f1f1 solid;
    padding: 30px;
    border-radius: 8px;
    direction: rtl;
    text-align: center;
    box-shadow: 0 0 20px #fcfcfc;
    margin: 30px auto;
}

.said-block .img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    border: 2px #0576be solid;
    margin-bottom: 30px;
}

.said-block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.said-block .details h5 {
    font-size: 18px;
    color: #000;
}

.said-block .details p {
    margin-top: 15px;
}

.wahtt {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 4;
    margin: 30px;
}

.wahtt a {
    display: block;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #11c548;
    font-size: 30px;
    color: #fff;
    border-radius: 60%;
    box-shadow: 0 0 20px rgb(0 0 0 / 22%);
}

.cat-page.body-inner.proj-s {
    background: #fff;
}

.cat-page.body-inner.proj-s .inner {
    padding: 0;
    margin: 15px 0;
    border: 1px #ccc solid;
    border-radius: 10px;
}

.cat-page.body-inner.proj-s .inner .inner-caption {
    transform: translateY(0);
}

.cat-page.body-inner.proj-s .inner .inner-caption h3 {
    margin-bottom: 8px;
}

.cat-page.body-inner.proj-s .inner .inner-caption .date-ss {
    margin-bottom: 10px;
}

.cat-page.body-inner.proj-s .inner .inner-caption .date-ss span, .cat-page.body-inner.proj-s .inner .inner-caption .date-ss i {
    color: #fff;
    font-size: 12px;
}

.cat-page.body-inner.proj-s .inner .inner-caption .date-ss i {
    width: 20px;
}

.cat-page.body-inner.proj-s .inner:hover .inner-caption {
    background: #2d2d2d;
}

.clients-s .item .par-block {
    line-height: 90px;
}

.clients-s .item .par-block img {
    max-height: 90px;
}

.par-slider .owl-controls .owl-buttons div .slider-left {
    left: 0;
}

.par-slider .owl-controls .owl-buttons div .slider-right {
    right: 0;
}

.clients-s + .clients-s {
    padding-top: 0px;
}

.request .req-data p span {
    color: #000;
    font-size: 16px;
}

.request .req-data h3 {
    font-size: 25px;
}

.request .req-data h3 strong {
    font-size: 25px;
    color: #000;
}

.request .req-data span h1 {
    margin-bottom: 30px;
    font-size: 25px;
}

.projectslider .img-single {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}

.projectslider .img-single img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.footer-item .social + span {
    display: flex;
    margin-top: 20px;
    color: #fff;
}

.footer-item .social + span p {
    color: #fff;
    margin: 0 10px;
}

.footer-item .social + span p a {
    color: #fff;
}

.about-inner-page .ab-middle h3, .about-inner-page .service-s .service-right h3, .request .req-data h3, .about-inner-page .ab-top h3, .proj-inner-page .inner-head h3, .contact-us .con-head h3 {
    position: relative;
    padding-bottom: 15px;
}

.about-inner-page .ab-middle h3::after, .about-inner-page .service-s .service-right h3::after, .request .req-data h3::after, .about-inner-page .ab-top h3::after, .proj-inner-page .inner-head h3::after, .contact-us .con-head h3::after {content: "";position: absolute;right: 0;bottom: 0;height: 3px;width: 50px;background: #0576be;}

.projectslider {
    margin-top: 50px;
}

.tags {
    clear: both;
    padding-top: 30px;
}

.tags h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.tags .list-inline li {
    padding: 0;
    margin: 0 5px;
    position: relative;
}

.tags .list-inline li a {
    color: #777;
}

.tags .list-inline li::after {content: "-";position: absolute;left: -8px;}

.tags .list-inline li:last-child::after {
    display: none;
}

.top-data embed {
    width: 100%;
    height: 100%;
    margin-bottom: 880px;
}

a.load-file.aos-init.aos-animate {
    margin: auto;
    min-width: 200px;
    display: table;
    margin: 80px auto 30px;
    background: #0576be;
    color: #fff !important;
    padding: 0 20px !important;
    line-height: 50px;
    font-size: 19px !important;
    text-align: center;
    border-radius: 8px;
}

.footer-item .social + span p a:hover {
    color: #0576be;
}

.text-logo h3, .text-logo h4, .text-logo h5 {
    color: #0576be;
    font-size: 15px;
    line-height: 1;
    text-shadow: 0 0 5px #a3a7a9;
    display: inline-flex;
    flex: auto;
}

.text-logo h4 {
    text-align: center;
}

.text-logo h5 {
    text-align: left;
}

.text-logo {
    margin-top: 20px;
    /* width: 50%; */
    display: flex;
    flex: 0 1;
}

footer .text-logo h3, footer .text-logo h4, footer .text-logo h5 {
    color: #fff;
    margin: 0 !important;
    font-weight: normal !important;
    font-size: 16px !important;
    font-family: 'b-rg' !important;
    padding: 0 !important;
}

footer .logo {
    display: inline-block;
}

.single-tags {
    padding-top: 50px;
}


footer .text-logo {
    float: none;
    width: auto;
}

.sidebar #qtranslate-chooser li.active {
    display: none;
}

.sidebar #qtranslate-chooser li a, #qtranslate-chooser li a span {
    color: #fff;
}

.insrgram-block {
    background: #fff;
    min-height: 200px;
    border-radius: 10px;
    max-height: 300px;
    padding: 15px;
    overflow: hidden;
    overflow-y: auto;
}

.insrgram-block::-webkit-scrollbar {
    width: 5px;
}

.insrgram-block::-webkit-scrollbar {}

.insrgram-block::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.insrgram-block::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

div#gallery-1 {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div#gallery-1 .gallery-item {
    display: inline-flex;
    width: 33.33%;
    padding: 0 15px;
    /* height: 200px; */
    margin: 15px 0;
}

div#gallery-1 .gallery-item .gallery-icon {
    width: 100%;
    height: 300px;
}

div#gallery-1 .gallery-item .gallery-icon a, div#gallery-1 .gallery-item .gallery-icon a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.request .req-data .emoji {
    max-width: 50px;
    margin: 5px;
}

.o-offers .block {
    padding: 0;
}

.o-offers .block .inner {
    display: block;
    width: 100%;
    background: transparent;
}

.o-offers .row.block:nth-child(odd) {}

.o-offers .row.block:nth-child(odd) .col-md-6 {
    float: left;
}

.o-offers .row.block .col-md-6 {height: 100%;}

.e3-head.sticky .e3-top .text-logo h3, .e3-head.sticky .e3-top .text-logo h4, .e3-head.sticky .e3-top .text-logo h5 {
    font-size: 12px;
    margin: 8px;
}

ul.e3-nav {display: flex;}

.e3-head .e3-bottom li a + div {
    width: auto;
    display: inline-block;
    display: none;
}

.e3-head .e3-top .e3-extra .e3-contact li {
    /* margin-inline-start: 15px; */
    /* margin: 0; */
}

.e3-head .e3-top .e3-extra .e3-contact {
    margin: 0;
}

.e3-head .e3-bottom li a + div {
    display: none;
}