@charset "utf-8";
    @font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fontawesome-webfont.eot) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg) format("svg");
    
    font-display: swap;
}
@font-face {
    font-family: "47533";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/47533.ttf");
    
    font-display: swap;
}

* {
    padding: 0;
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
    width: 100% \9;
}
body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 35px;
    text-align: justify;
}
a {
    text-decoration: none !important;
    color: #337ab7;
}
p {
    margin: 0;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, .h1 {
    font-size: 30px !important;
}
h2, .h2 {
    font-size: 26px !important;
}
h3, .h3 {
    font-size: 20px !important;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
/******** breadcrumb *******/
.breadcrumb {
    padding: 8px 15px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    list-style: none !important;
    background-color: #f5f5f5 !important;
    border-radius: 4px !important;
}
.breadcrumb > .active {
    color: #777777;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}
.breadcrumb > .active {
    color: #777777;
}



/******** breadcrumb *******/



#joomirbalanavar {
    padding: 0 0 10px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.tpst {
    border-bottom: 1px solid #383838;
}
.joomirtell {
    color: #444343;
    line-height: 35px;
}
ul, ol {
    margin: 0!important;
}

.front #homepage {
     border-bottom: none;
}

#homepage {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.joomirmenu ul {
    position: relative;
    top: 7px;
     text-align:  center;
}
.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}
.joomirnavbar .joomirscl ul li {
    list-style: none;
    float: left;
    margin: 0 0 0 10px;
    height: 35px;
    width: 35px;
    text-align: center;
}
.joomirnavbar .joomirscl ul li a {
    font-size: 0;
}
.joomirnavbar .joomirscl ul li a:before {
    font-family: "FontAwesome";
    color: #fff;
    font-size: 20px;
}
.joomirnavbar .joomirscl ul li a.fac:before {
    content: "\f09a"}
.joomirnavbar .joomirscl ul li a.in:before {
    content: "\f16d"}
.joomirnavbar .joomirscl ul li a.te:before {
    content: "\f1d8"}
.joomirnavbar .joomirscl ul li a.go:before {
    content: "\f0d5"}
.joomirmenu ul li {
    list-style-type: none;
    position: relative;
    /*width: 20%;
    */ padding:  0 20px;
     text-align: center;
}
.joomirmenu ul li a {
    /*color: #fff;*/
    color:#444343;
    font-weight: 700;
    padding: 0 5px;
    text-decoration: none;
}
.joomirmenu ul li.item-155 a {
    color: #f36f21;
    font-weight: 700;
    font-size: 25px;
}
.joomirmenu ul li.item-155:after {
    height: 2px;
    width: 100%;
    background: #f36f21;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all .5s;
    content: " ";
    bottom: 0;
}
.joomirmenu ul li:after {
    height: 2px;
    width: 0;
    background: #fff;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all .5s;
    content: " ";
    bottom: 0;
}
.joomirmenu ul li:hover:after {
    width: 100%}
.joomirmenu ul ul {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px 0;
    background: #fff;
    z-index: 100;
    display: none;
    width: 200%;
    box-shadow: 0 0 2px;
}
.joomirmenu ul li:hover> ul {
    display: block;
}
.joomirmenu ul ul li {
    float: right;
    width: 100%;
    background: #f7f7f7;
    border-top: solid 1px #f7f7f7;
    text-indent: 5px;
    line-height: 35px;
}
.joomirmenu ul ul li a {
    color: #000;
}
.joomirmenu ul ul li:last-child {
    border-bottom: solid 1px #f7f7f7;
}
.joomirmenu ul ul li:hover {
    background: #f9f9f9;
}
.joomirmenu ul ul ul {
    width: 100%}
.joomirnavbar1 {
    padding: 0;
    position: relative!important;
    padding-bottom: 25px;
    box-shadow: 0 0 2px;
}
.joomirnavbar1 .joomirlogos {
    padding: 25px 15px 0;
}
.joomirheader {
    padding: 0;
    position: relative;
}
.joomirheader .slideshowck {
    margin-bottom: 0!important;
}
.joomirheader .slides_container {
    text-align: center;
}
.joomirheader .bt-cs .bt-inner .bt-title {
    padding-bottom: 30px;
}
.joomirheader .bt-introtext {
    padding-bottom: 30px;
    margin: 0 auto;
}
.joomirheader .readmore a {
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #376aea;
    border-radius: 4px;
}
.joomirheader .camera_pag .camera_pag_ul {
    text-align: center;
}
.joomirheader .camera_wrap .camera_pag .camera_pag_ul li {
    background: rgba(255, 255, 255, 0.58);
}
.joomirheader .camera_wrap .camera_pag .camera_pag_ul li > span {
    left: -4px;
    top: -4px;
    width: 24px;
    height: 24px;
    border-radius: 100%}
.joomirheader .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .joomirheader .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
    background: #f4423691;
}
.joomirheader .camera_prevThumbs, .joomirheader .camera_nextThumbs, .joomirheader .camera_prev, .joomirheader .camera_next, .joomirheader .camera_commands, .joomirheader .camera_thumbs_cont {
    background: none;
}
.joomirheader #camera_wrap_90 .camera_caption > div {
    background: rgba(0, 0, 0, 0.4);
    margin-right: auto;
    margin-left: auto;
    /*border-top: solid 10px #f36f21;*/
}
.joomirheader #camera_wrap_90 .camera_caption > div div.camera_caption_title {
    color: #fff;
}
.joomircontent {
    background: #f9f9f9;
}
.parallaxleft {
    position: absolute;
    left: -50%;
    top: 50%;
    background: #fff;
    transform: rotate(45deg);
    width: 100%;
    height: 100%;
    z-index: 1000000;
}
.parallaxright {
    position: absolute;
    right: -50%;
    top: 50%;
    background: #fff;
    transform: rotate(-45deg);
    width: 100%;
    height: 100%;
    z-index: 1000000;
}
.joomircontent .joomirlsider .item {
    float: left;
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    transition: all .5s;
}
.joomircontent .joomirlsider .item:hover {
    background: #fff;
    border: solid 1px #F36F21;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
.joomircontent .joomirlsider .item .item_title {
    padding-top: 0;
    position: relative;
    font-size: 18px;
}
.joomircontent .joomirlsider .item .item_title a {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
.joomircontent .joomirlsider .item .item_title a:before {
    font-family: "FontAwesome";
    display: block;
    margin: 30px auto;
    content: " ";
    transition: all .5s;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.05);
}
.joomircontent .joomirlsider .item:nth-child(1) .item_title a:before {
    content: "\f0f0"}
.joomircontent .joomirlsider .item:nth-child(2) .item_title a:before {
    content: "\f0fa"}
.joomircontent .joomirlsider .item:nth-child(3) .item_title a:before {
    content: "\f0f1"}
.joomircontent .joomirlsider .item:nth-child(4) .item_title a:before {
    content: "\f1fb"}
.joomircontent .joomirlsider .item:hover .item_title a:before {
    color: #fff;
}
.joomircontent .joomirlsider .item .item_introtext {
    text-align: center!important;
    color: #707070;
}
.joomircontent .joomirlsider .item:hover .item_title a:before {
    background: #F36F21;
}
.joomirservices {
    /*padding: 50px 15px;*/
}

.darkoobmyclass{
    padding: 0 30px;
    margin: 10px auto;
}


.joomirservices .item {
    float: left;
    text-align: right;
}
.joomirservices .item .item_content {
    background: #fff;
    padding: 30.6px 10px;
    border-top-right-radius: 15px;
}
.joomirservices .item .item_img img {
    border-bottom-left-radius: 15px;
    display: inherit;
}
.joomirservices .item .item_title {
    padding: 10px 0;
}
.joomirservices .item .item_title a {
    color: #f44236;
    font-weight: 700;
}
.joomirservices .item.lastItem {
    margin: 0;
}
.navhidden {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10000;
    background: #fff!important;
    transition: all .5s;
}
.navhidden .joomirmenu ul li a {
    color: #000;
}
.menufix {
    top: 0!important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);
    position: relative!important;
}
.menufix img {
    max-height: 50px;
}
.menufix ul li.item-155 a {
    color: #f36f21!important;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
    float: right;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
    background: #f9f9f9;
    font-size: 20px;
    font-weight: 700;
}
.dj-simple-contact-form.style-4 .inputbox,  .dj-simple-contact-form.style-4 textarea {
    width: 100%;
    margin-bottom: 10px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
    background: #f36f21;
}
.sp-simpleportfolio .sp-simpleportfolio-item {
    padding: 7.5px;
}
.joomircontent .moduletable h1 {
    text-align: center;
    position: relative;
    /*line-height: 150px;*/
}
.joomircontent .moduletable h1:before {
    content: " ";
    width: 7%;
    height: 10px;
    /*background: #f36f21;*/
    background: #03A9F4;
    right: 42%;
    position: absolute;
    bottom: 80px;
}
.joomircontent .moduletable h1:after {
    content: " ";
    width: 7%;
    height: 10px;
    /*background: #f36f21;*/
    background: #03A9F4;
    left: 42%;
    position: absolute;
    bottom: 80px;
}
.joomircontent .moduletable h3 {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    padding: 0 0 30px;
}
#otherpage .item-page ul {
    padding-right: 15px;
}
.joomircontent .moduletable:first-child {
    padding: 0 0 40px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
    left: 3%;
    top: 3%;
    bottom: 3%;
    right: 3%;
    background: rgba(244, 172, 3, 0.63);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    transition: all .5s cubic-bezier(0.05, -0.17, 0.39, 1.65);
}
.joomirabtysf {
  padding: 50px 0 15px;
}
.joomirabtysf .container {
    /*background: #0009;*/
    /*padding: 40px 15px;*/
    /*border-top: solid 3px #000;*/
    border-radius: 6px;
    color: #000;
}
.joomirabtysf p{padding-top: 64px;line-height: 2;}
.srm_position {
    right: 1%;
    left: 1%!important;
    width: 98%}
#team {
    background: #f9f9f9;
}
.joomirteam {
    padding: 50px 0;
}
.joomirteam .moduletable h3 {
    text-align: center;
    padding: 0 0 40px;
    font-size: 54px;
    color: #000;
    font-weight: 700;
}
.joomirteam .item {
    float: left;
    text-align: center;
    transition: all .3s ease-in-out;
}
.joomirteam .item:first-child {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    background: url(../images/manager.png) no-repeat 50% 100%;
    min-height: 380px;
}
.joomirteam .item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.joomirteam .item .item_title a {
    color: #000;
    font-weight: 700;
}
.joomirteam .item .item_content {
    background: #fff;
    padding: 10px 20px;
}
.joomirteam .item .item_content:before {
    font-family: "FontAwesome";
    content: "\f075"}
.joomirteam .item .item_img {
    background: #fafafa;
    position: relative;
    overflow: hidden;
}
.joomirteam .item .item_img img {
    width: 100%;
    height: 214px;
    transition: all 3000ms;
}
.joomirteam .item:hover .item_img img {
    -webkit-transform: rotate(3deg) scale(1.2, 1.2);
    -o-transform: rotate(3deg) scale(1.2, 1.2);
    transform: rotate(3deg) scale(1.2, 1.2);
}
.joomirteam .item .item_img img, .joomirservices .item .item_img img {
    margin: 0 auto;
}
.joomirteam .item .item_img:before {
    position: absolute;
    content: " ";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(243, 111, 33, 0.41);
    z-index: 100;
    transition: all .3s ease-in-out;
    opacity: 0;
}
.joomirteam .item:hover .item_img:before {
    opacity: 1;
}
.joomirteam .mod-newsflash-adv_custom-link {
    text-align: center;
    margin: 20px 0 0;
}
.joomirteam .mod-newsflash-adv_custom-link a {
    padding: 10px 30px;
    font-size: 25px;
    background: #f36f21;
    font-weight: 700;
    border: solid 1px #fff;
}
.joomirfooter {
    padding: 130px 0 0;
    color: #fff;
}
.joomirfooter .container{background: #000000e0;padding: 20px 20px 0;}
.joomirfooter .moduletable:first-child {
    margin-bottom: 25px;
}
.joomirfooter .moduletable h3 {
    padding: 0 0 30px;
    font-size: 40px !important;
    color: #fff;
    font-weight: 700;
}

.joomirfooter .joomirsocial h3{
    padding: 0 0 30px;
    font-size: 30px !important;
    color: #fff;
    font-weight: 700;
}

.joomirfooter .moduletable h3:after {
    height: 3px;
    background: #fff;
    content: " ";
    width: 30%;
    float: left;
    margin: 35px 0 0;
    display: none;
}
.joomirfooter .moduletable hr {
    width: 200px;
    height: 3px;
    background: #376aea;
}
.joomirfooter .moduletable a {
    color: red;
}
.dj-simple-contact-form.style-4 .inputbox, .dj-simple-contact-form.style-4 textarea {
    background: #0009;
    padding: 0 15px;
    color: #fff;
    border: 0;
    font-family: 'B Koodak'!important;
}
.dj-simple-contact-form.style-4 .dj-simple-contact-form.button {
    font-family: 'B Koodak'!important;
    background: #f36f21;
    color: #fff;
}
.dj-simple-contact-form.style-4 .button-box {
    text-align: center;
}
.joomirsocial {
    padding: 15px;
    /*background: #000000e0;
    min-height: 300px;*/
}
.joomirsocial .footer_social {
    text-align: center;
}
.joomirsocial ul, ol {
    margin: 0;
}
.joomirsocial .footer_social li {
    display: inline-block;
    margin: 6px 0 0 5px;
    float: right;
}
.joomirsocial .footer_social li a {
    display: block;
    border-radius: 50%;
    font-size: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: .5s ease-in-out;
    -moz-transitmeion: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.joomirsocial .footer_social li span {
    display: none;
}
.joomirsocial .footer_social li a em:before {
    font-family: "FontAwesome"}
.joomirsocial .footer_social .fa-instagram:before {
    content: "\f16d";
    color: #fff;
}
.joomirsocial .footer_social .fa-facebook:before {
    content: "\f09a"}
.joomirsocial .footer_social .fa-youtube:before {
    content: "\f1d8"}
.joomirsocial .footer_social .fa-google-plus:before {
    content: "\f0d5"}
.joomircontectfooter {
    padding: 15px;
     /*background: #000000e0;
   min-height: 300px;*/
}
.joomircontectfooter li {
    list-style-type: none;
}
.joomircontectfooter li.joomirtell {
    font-weight: 400;
}
.blog-name {
     /*background-color: #000;*/
    padding: 0 15px 38px;
}
.blog-name a {
    color: #67c9d2;
    font-weight: bold;
    padding: 2px 5px;
}
.joomirhoursft {
    padding: 15px;
    /*background: #000000e0;
    min-height: 300px;*/
}
.joomirhoursft a {
    color: #f36f21;
}
#service {
    overflow: hidden;
}
.joomirnavbarpage {
    background: #000!important;
}
.dspnone {
    display: none!important;
}
#otherpage .searchintro .badge {
    background: #f36f21;
    font-size: 20px;
}
.joomirlsider .bt-cs .bt-row {
    padding: 30px 0 10px;
    direction: rtl;
}
.joomirlsider .bt-category {
    font-size: 25px;
    padding: 20px 0;
    font-weight: 700;
}
.joomirlsider .bt-cs .bt-inner .bt-title {
    padding: 0 0 30px;
}
.joomirlsider .bt-introtext {
    padding: 20px 0;
}
.joomirlsider .readmore a {
    padding: 5px 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #376aea;
    border-radius: 4px;
}
.joomirmap {
    padding: 0;
}
.form-horizontal .control-label {
    text-align: left;
}
.joomirtittr {
    background: url(../../../images/template/parallax3.jpg);
    padding: 60px;
    color: #fff;
}
.joomirdown {
    padding: 20px 0 35px;
}
.joomirdown a {
    font-weight: 700;
    color: #376aea;
}
#srm_select_list {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px!important;
    float: left;
    max-width: 100%!important;
    border: solid 1px #eee;
}
#otherpage {
    padding: 10px 0 40px;
    overflow: hidden;
    position: relative;
}
#otherpage .container {
    padding: 15px 15px 40px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.41);
}
#otherpage .container .item-page .page-header {
    margin: 0;
    border: 0;
}
#otherpage .container .item-page .com-content-article__body ul{padding-right:40px;}
#otherpage .container .item-page .page-header h2, #otherpage .container .item-page .page-header h1 {
    text-align: center;
    line-height: 80px;
    border-bottom: dotted;
    margin-top: 10px;
    clear: both;
}
#otherpage .container .item-page .com-content-article__body a{text-decoration: none;}
.services #otherpage .container .item-pageservices .page-header {
    margin: 0;
    border: 0;
}
.services #otherpage .container .item-pageservices .page-header h2, #otherpage .container .item-pageservices .page-header h1 {
    text-align: center;
    line-height: 80px;
    border-bottom: dotted;
    margin-top: 10px;
}
.services #otherpage .container .item-pageservices .com-content-article__body ul{padding-right:20px;}
.services #otherpage .container .item-pageservices .com-content-article__body a{
    color: #337ab7;
    text-decoration: none;
    padding-bottom: 5px;
    display: block;
    padding-top: 5px;
}

#otherpage .item {
    background: #f9f9f9;
    padding: 20px;
    margin: 15px 0;
    min-height: 108px;
    float: left;
    width: 100%;
    border-bottom: solid #eee;
}

#otherpage .blog-item{
    background: #f9f9f9;
    padding: 20px;
    margin: 15px 0;
    min-height: 108px;
    width: 100%;
    border-bottom: 3px solid #eee;
}


#otherpage .item .item-image img {
    max-height: 214px;
}
#otherpage .blog-items .item-image img {
    max-height: 214px;
}
#otherpage .item .page-header {
    margin: 0 0 20px;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}


#otherpage .blog-items .page-header {
    margin: 0 0 20px;
    clear: both;
    padding-top: 20px;
}
#otherpage .blog-items .page-header a{
    color: #337ab7;
    text-decoration: none;
}
#otherpage .item img {
    float: left;
}
#otherpage .blog-items img {
    float: left;
    margin-bottom: 30px;
}
.dntwkpia {
    position: fixed;
    width: 220px;
    z-index: 1000;
    left: -180px;
    background: #fff;
    height: 40px;
    line-height: 40px;
    top: 20%;
    transition: all 0.5s;
    text-align: left;
    padding: 0 10px;
    border-bottom: solid #eee;
    border-radius: 4px;
}
.dntwkpia:hover {
    left: 0;
}
.dntwkpia a:hover {
    text-decoration: none;
}
.dntwkpia:before {
    font-family: "FontAwesome";
    content: "\f007";
    color: #f36f21;
    font-size: 30px;
    float: right;
}
#otherpage .item .page-header h2 {
    color: #d67900;
    font-weight: 700;
    margin: 0;
    font-size: 20px;
}
#otherpage .item .page-header h2:hover a {
    text-decoration: none;
}
#otherpage .item .readmore .btn {
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #376aea;
    border-radius: 4px;
}
.camera_caption > div {
    background: none;
    text-align: center;
}
.camera_caption_title {
    text-align: center;
    font-weight: 700;
}
.camera_caption_desc {
    text-align: center;
}
.joomirmenuother {
    background: rgba(0, 0, 0, 0.41);
    padding: 0 0 10px;
}
.joomirpageseradif .items-row {
    width: 30%;
    float: right;
    margin: 0 18px 30px;
}
.joomirpageseradif .items-row .item-image {
    width: 100%;
    max-height: inherit!important;
}
.joomirpageseradif .items-row .item-image img {
    width: 100%}
.joomirpageseradif .items-row .page-header h2 {
    font-size: 27px;
}
.joomirpageseradif .items-row .readmore .btn {
    margin: 10px;
}
.dl-horizontal dt {
    float: right;
    width: 30px;
}
.form-horizontal .control-label {
    text-align: right;
}
.chronoform a {
    display: none;
}
#chronoform_takhfif input, #chronoform_takhfif select {
    border-radius: 4px;
    margin: 1px 10px 1px 1px;
    border: solid 1px #f7f7f7;
}
#chronoform_takhfif #button, #chronoform_takhfif #button2 {
    padding: 4px 15px;
    font-size: 20px;
    font-weight: 700;
}
.icons .pull-right {
    float: left!important;
}
.control-group .controls input, .control-group .controls textarea {
    width: 100%;
    border: solid 1px #eee;
}
.control-group .btn-primary {
    width: 100%}
.control-group label .star, .control-group #jform_spacer-lbl .red {
    color: #E27575;
}
#contact-form {
    background: none;
    border: 0;
    box-shadow: 0 0 0;
}
#contact-form input {
    line-height: 40px;
    border-radius: 4px;
    border: solid 1px #eee;
    background: #f9f9f9;
}
#contact-form button[type="submit"] {
    line-height: 60px;
    font-size: 22px!important;
    background: #f36f21;
    border: 0;
}
#contact-form label {
    margin-bottom: 0;
}
#contact-form textarea {
    border-radius: 4px;
    border: solid 1px #eee;
    background: #f9f9f9;
}
#otherpage .search {
    margin-top: 15px;
}
#otherpage .search input#mod-search-searchword {
    margin-top: 0;
    width: 70%; float: right;}
#otherpage .search button.btn-primary {
    width: 29%;
    float: left;
}
#searchForm .btn-toolbar .btn-group {
    float: right!important;
}
#searchForm .btn-toolbar .btn-group input {
    padding: 0 10px;
    line-height: 40px;
}
#searchForm .btn-toolbar .btn-group button {
    height: 44px;
    border-radius: 0;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    margin: 0;
}
.search-results .result-title {
    margin-top: 20px;
    background: #000;
    color: #f36f21;
    line-height: 40px;
    padding: 0 10px;
}
.search-results .result-title a {
    color: #fff;
}
.search-results .result-title:first-child {
    margin-top: 0;
}
.result-category, .result-text, .result-created {
    line-height: 30px;
    background: #f9f9f9;
    padding: 0 10px;
}
.result-created {
    border-bottom: solid #eee;
}
.joomiraval {
    position: relative;
}
.menuline {
    line-height: 10px!important;
}
.menuline li {
    line-height: 35px;
}
#otherpage .pagination {
    width: 100%; display: block;}
    
#otherpage .pagination .btn.btn-sm.btn-secondary.next {float: left;}   
    
#otherpage .pagination li {
    display: inline-block;
}



#otherpage .pagination .icon-angle-double-right:before{
    font-family: "FontAwesome";
    content:"<<"; 
    font-size: 10px; 
    color: #000; 
}
#otherpage .pagination .icon-angle-right:before{
    font-family: "FontAwesome";
    content:"<"; 
    font-size: 10px; 
    color: #000; 
   
    
}
#otherpage  .com-content-category-blog__navigation .com-content-category-blog__counter{padding-left: 10px !important;}
#otherpage .pagination .page-item a, #otherpage .pagination .page-item span{border-radius: 0;}
#otherpage .pagination .icon-angle-left:before{
    font-family: "FontAwesome";
    content:">"; 
    font-size: 10px; 
    color: #000; 
}
#otherpage .pagination .icon-angle-double-left:before{
    font-family: "FontAwesome";
    content:">>"; 
    font-size: 10px; 
    color: #000; 
}


#otherpage .pagination li.hidden-phone {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: right;
    margin: 0 0 10px 10px;
    background: #f9f9f9;
    list-style: none;
    display: block!important;
}
#otherpage .pagination li a {
    color: #515157;
}
#otherpage .pagination li.active a {
    color: #f44236;
}
#otherpage .pagination p.counter {
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
    font-size: 30px;
}
#btcontentslider112 .bt_handles_num {
    z-index: 99!important;
}
@media (min-width: 1px) {
    #otherpage {
    margin-top: 0;
}
.joomirservices .item, .joomirteam .item {
    width: 100%;
    margin: 0 0 30px;
}
.joomirsocial .footer_social li a {
    width: 40px;
    height: 40px;
    background-color: #000;
}
.joomirsocial .footer_social li em {
    line-height: 40px;
}
.joomirsocial .footer_social li a em:before {
    font-size: 15px;
}
.joomirmenu {
    height: 40px;
}
.joomirservices .item .item_img {
    width: 100%;
    float: left;
}
.joomirservices .item .item_content {
    width: 100%;
    float: left;
}
.joomirheader .bt-cs .bt-inner .bt-title {
    font-size: 20px;
}
.joomirheader .bt-introtext {
    font-size: 15px;
    width: 80%}
.joomirheader .slides_container {
    padding: 80% 0 0;
}
#joomirbalanavar {
    position: relative;
    background: #fff;
}
.menufix {
    height: 90px;
}
.camera_caption > div {
    margin-bottom: 10%;
    padding: 0 10px;
}
.camera_caption_desc {
    font-size: 16px!important;
    padding: 0 10px;
    line-height: 30px;
}
.camera_caption_title {
    font-size: 18px!important;
    padding: 0 10px 10px;
}
.joomircontent .joomirlsider .item {
    width: 98%;
    margin: 0 1% 2%}
.joomirlogos {
    padding: 0;
}
.menufix img {
    margin: 0 auto;
}
.joomirheader #camera_wrap_90 .camera_caption > div {
    width: 90%;
    padding: 0;
}
.joomirheader .camera_pag {
    margin-top: -45px;
}
.joomircontent {
    padding: 40px 0;
}
.joomircontent .moduletable h1 {
    font-size: 22px !important;
    line-height: 33px;
}
.joomirtell {
    font-size: 12px;
}
#about {
    /*height: 210%;*/
    
}
#footer {
    /*height: 350%;*/
    
}







@media (max-width:767px) {
    #otherpage .container .item-page .page-header h2, #otherpage .container .item-page .page-header h1 {
    text-align: center;
    line-height: 47px;
    border-bottom: dotted;
    margin-top: 18px;
    padding-top: 20px;
    /* display: block; */
    clear: both;
  }
}


@media (min-width: 451px) {
    #otherpage {
    margin-top: 0;
}
.joomirservices .item {
    width: 45%;
    margin: 0 20px 30px 0;
}
.joomirteam .item {
    width: 49%;
    margin: 0 .5% 30px;
}
.joomirsocial .footer_social li a {
    width: 50px;
    height: 50px;
}
.joomirsocial .footer_social li em {
    line-height: 50px;
}
.joomirsocial .footer_social li a em:before {
    font-size: 20px;
}
.joomirmenu {
    height: auto;
}
.joomirservices .item .item_img {
    width: 60%;
    float: left;
}
.joomirservices .item .item_content {
    width: 40%;
    float: right;
}
.joomirheader .bt-cs .bt-inner .bt-title {
    font-size: 40px;
}
.joomirheader .bt-introtext {
    font-size: 20px;
    width: 70%}
.joomirheader .slides_container {
    padding: 50% 0 0;
}
#joomirbalanavar {
    position: relative;
    background: #fff;
}
.menufix {
    height: 80px;
}
.camera_caption > div {
    margin-bottom: 15%;
    padding: 0 100px;
}
.camera_caption_desc {
    font-size: 20px!important;
    padding: 0 50px;
    line-height: 40px;
}
.camera_caption_title {
    font-size: 30px!important;
    padding: 0 50px 20px;
}
.joomircontent .joomirlsider .item {
    width: 49%;
    margin: .5%}
.joomirlogos {
    padding: 9px 15px 0;
}
.menufix img {
    margin: inherit;
}
.joomirheader #camera_wrap_90 .camera_caption > div {
    width: 80%;
    padding: 10px;
}
.joomirheader .camera_pag {
    margin-top: -80px;
}
.joomircontent {
    padding: 60px 0;
}
.joomircontent .moduletable h1 {
    font-size: 20px;
}
.joomirtell {
    font-size: 16px;
}
#about, #footer {
    /*height: 220%;*/
    
}
}@media (min-width: 769px) {
    #otherpage {
    margin-top: 100px;
}
.joomirmenu ul li {
    line-height: 40px;
}
.joomirservices .item {
    width: 45%;
    margin: 0 30px 30px 0;
}
.joomirteam .item {
    width: 49%;
    margin: 0 .5% 30px;
}
.joomirsocial .footer_social li a {
    width: 50px;
    height: 50px;
}
.joomirsocial .footer_social li em {
    line-height: 50px;
}
.joomirsocial .footer_social li a em:before {
    font-size: 20px;
}
.joomirmenu {
    height: auto;
}
.joomirservices .item .item_img {
    width: 60%;
    float: left;
}
.joomirservices .item .item_content {
    width: 40%;
    float: right;
}
.joomirheader .bt-cs .bt-inner .bt-title {
    font-size: 50px;
}
.joomirheader .bt-introtext {
    font-size: 25px;
    width: 60%}
.joomirheader .slides_container {
    padding: 40% 0 0;
}
#joomirbalanavar {
    /*position: absolute;*/
    position: relative;
    /*background: rgba(0, 0, 0, 0.4);*/
    background:#fff;
}
.menufix {
    height: 40px;
}
.camera_caption > div {
    margin-bottom: 12%;
    padding: 0 150px;
}
.camera_caption_desc {
    font-size: 26px!important;
    padding: 0 80px;
    line-height: 40px;
}
.camera_caption_title {
    font-size: 35px!important;
    padding: 0 80px 30px;
}
.joomircontent .joomirlsider .item {
    width: 49%;
    margin: .5%}
.joomirlogos {
    padding: 0;
}
.menufix img {
    margin: inherit;
}
.joomirheader #camera_wrap_90 .camera_caption > div {
    width: 90%;
    padding: 30px 20px;
}
.joomirheader .camera_pag {
    margin-top: -100px;
}
.joomircontent {
    padding: 70px 0;
}
.joomircontent .moduletable h1 {
    font-size: 26px;
}
.joomirtell {
    font-size: 14px;
}
#about, #footer {
    /*height: 195%;*/
    
}
}@media (min-width: 993px) {
    #otherpage {
    margin-top: 140px;
}
.joomirmenu ul li {
    line-height: 68px;
}
.joomirservices .item {
    width: 48%;
    margin: 0 20px 30px 0;
}
.joomirteam .item {
    width: 24%;
    margin: 0 .5% 30px;
}
.joomirsocial .footer_social li a {
    width: 60px;
    height: 60px;
}
.joomirsocial .footer_social li em {
    line-height: 60px;
}
.joomirsocial .footer_social li a em:before {
    font-size: 30px;
}
.joomirmenu {
    height: auto;
}
.joomirservices .item .item_img {
    width: 60%;
    float: left;
}
.joomirservices .item .item_content {
    width: 40%;
    float: right;
}
.joomirheader .bt-cs .bt-inner .bt-title {
    font-size: 60px;
}
.joomirheader .bt-introtext {
    font-size: 30px;
    width: 50%}
.joomirheader .slides_container {
    padding: 30% 0 0;
}
#joomirbalanavar {
   /*position: absolute;*/
    position: relative;
    /*background: rgba(0, 0, 0, 0.4);*/
    background:#fff;
}
.menufix {
    height: 68px;
}
.camera_caption > div {
    margin-bottom: 18%;
    padding: 0 180px;
}
.camera_caption_desc {
    font-size: 27px!important;
    padding: 0 90px;
    line-height: 40px;
}
.camera_caption_title {
    font-size: 40px!important;
    padding: 0 90px 40px;
}
.joomircontent .joomirlsider .item {
    width: 24%;
    margin: .5%}
.joomirlogos {
    padding: 9px 15px 0;
}
.menufix img {
    margin: inherit;
}
.joomirheader #camera_wrap_90 .camera_caption > div {
    width: 50%;
    padding: 30px 25px;
}
.joomirheader .camera_pag {
    margin-top: -100px;
}
.joomircontent {
    padding: 80px 0;
}
.joomircontent .moduletable h1 {
    font-size: 30px;
}
.joomirtell {
    font-size: inherit;
}
#about, #footer {
    /*height: 100%;*/
    
    }
}@media (min-width: 1200px) {
    #otherpage {
    margin-top: 80px;
}
.joomirmenu ul li {
    line-height: 68px;
}
.joomirservices .item {
    width: 48%;
    margin: 0 30px 30px 0;
}
.joomirteam .item {
    width: 24%;
    margin: 0 .5% 30px;
}
.joomirsocial .footer_social li a {
    width: 70px;
    height: 70px;
}
.joomirsocial .footer_social li em {
    line-height: 70px;
}
.joomirsocial .footer_social li a em:before {
    font-size: 40px;
}
.joomirmenu {
    height: auto;
}
.joomirservices .item .item_img {
    width: 60%;
    float: left;
}
.joomirservices .item .item_content {
    width: 40%;
    float: right;
}
.joomirheader .bt-cs .bt-inner .bt-title {
    font-size: 70px;
}
.joomirheader .bt-introtext {
    font-size: 35px;
    width: 40%}
.joomirheader .slides_container {
    padding: 20% 0 0;
}
#joomirbalanavar {
   /*position: absolute;*/
    position: relative;
    /*background: rgba(0, 0, 0, 0.4);*/
    background:#fff;
}
.menufix {
    height: 68px;
}
.camera_caption > div {
    margin-bottom: 20%;
    padding: 0 200px;
}
.camera_caption_desc {
    font-size: 28px!important;
    padding: 0 90px;
    line-height: 40px;
}
.camera_caption_title {
    font-size: 45px!important;
    padding: 0 100px 50px;
}
.joomircontent .joomirlsider .item {
    width: 24%;
    margin: .5%}
.joomirlogos {
    padding: 9px 15px 0;
}
.menufix img {
    margin: inherit;
}
.joomirheader #camera_wrap_90 .camera_caption > div {
    width: 50%;
    padding: 30px 25px;
}
.joomirheader .camera_pag {
    margin-top: -100px;
}
.joomircontent {
    padding: 140px 0;
}
.joomircontent .moduletable h1 {
    font-size: 28px;
}
.joomirtell {
    font-size: inherit;
}
#footer {
    /*height: 100%;*/
}
    
#about {
    /*height: 80%;*/
}
}


#footer {
   background: url(/images/contact.jpg);
    background-size: cover;
    /* height: 100vh; */
    margin-top: 50px;
    clear: both;
    position: relative;
    /*top: 55px;*/
    float: right;
    width: 100%;
    padding-bottom: 100px;
}

/** Service */
.project {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.project .grid__overlay {
  top:0px;
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 1em 0;
  text-transform: uppercase;
  z-index: 3;
}
.project .grid__title {
  position: absolute;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
  font-weight: 100;
  font-size: 0.8em;
  z-index: 3;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
}

.project:hover .grid__overlay {
  transform: translateY(0%);
}

.grid__overlay {
  background: rgb(0 0 0 / 63%);
  height: 100%;
  grid-column: 1/-1;
  grid-row: 1/-1;
  position: relative;
  display: grid;
  color: #fff;
  transform: translateY(101%);
  transition: all 0.3s ease-in-out;
}
.grid__overlay button {
	position: absolute;
    background: #ffffffd6;
    outline: none;
    font-weight: 100;
    border: 1px solid #ffffff;
    color: #000;
    text-transform: uppercase;
    padding: 3px 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.grid__overlay button:hover {
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  border-color: #123456;
}

.overlay {
  position: fixed;
  background: rgba(71, 69, 69, 0.7);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 3;
}

.overlay.open {
  z-index: 9999;
  display: grid;
  align-items: center;
  justify-items: center;
}

.overlay__inner {
  background: #ffffff;
  max-width: 600px;
  padding: 20px;
  position: relative;
  opacity: 1;
}
.overlay__inner img {
	width: 100%;
}
.overlay__inner .close {
	padding-top: 2px;
    position: absolute;
    top: 2px;
    right: 2px;
    outline: 0;
    text-transform: uppercase;
    width: 25px;
    height: 25px;
    background: #fb4141 !important;
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
    opacity: 1;
}
.close:hover {
  color: #d1a39e;
}
.grid__overlay p, .grid__overlay h3{ color: #fff; }
/** End Service */


.joomirtell a:before {
    font-size: 20px;
    font-family: "FontAwesome";
    content: "\f095";
    color: #3FB5C9;
    padding-right: 5px;
    vertical-align: bottom;
  }

@media (max-width:768px) {

.joomirtell a {
    background: #03A9F4;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: block;
    width: 70%;
    border-radius: 20px;
    padding: 9px 0 6px 0;
    box-shadow: 0 1px 5px #d3d3d3;
    margin: 0 auto;
  }
  .joomirtell a:before {
    font-size: 20px;
    font-family: "FontAwesome";
    content: "\f095";
    color: rgba(255, 255, 255, 0.7);
    padding-right: 10px;
    vertical-align: bottom;
  }
}