Theme CSS

/*– common style –*/
*{
margin:0;
padding:0;
outline:none;

box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
body{
font-size: 15px;
line-height: 26px;
font-weight: 400px;
color: #393939;
font-family: ‘Raleway’, sans-serif;
}

h3{
font-size: 24px;
line-height: 34px;
margin: 0 0 25px;
}
h4{
font-size: 20px;
line-height: 30px;
margin: 0 0 25px;
}
p{
margin-bottom: 15px;
}
p:last-child{
margin-bottom: 0;
}
img{
max-width: 100%;
height: auto;
}
/*– link –*/
a {
color: #393939;
}
a:hover {
color: #404e7c;
}
a:active, a:focus {
color: #404e7c;
}
a, a:hover, a:active, a:focus {
outline: none !important;
text-decoration: none;
}

.transition, a, .navigation, .main-navigation li a:before, button, input[type=”button”],
input[type=”reset”], input[type=”submit”], .main-menu, .show-menu {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
/*– header –*/
header {
background: rgba(64,78,124,1);
position: relative;
z-index: 999;
float: left;
width: 100%;
min-height: 85px;
}
.home-page header{
background: rgba(64,78,124,.8);
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
header li{
list-style: none;
}
/*– content area –*/
.home-page .main-container > h1{
display: none;
}
.main-container {
width: 100%;
float: left;
padding-top:90px;
}
.home-page .main-container{
padding-top:0px;
}
.main-container > h1{
text-align:center;
}
.container{
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding:00 15px;

}
.site-branding {
width: 33.33%;
padding: 0 15px;
float: left;
position: relative;
margin-top: 20px;
height: 86px;
}
.site-branding:before{
content:””;
position:absolute;
top: 100%;
left: 51px;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 20px 0 20px;
border-color: rgba(64,78,124,1) transparent transparent transparent;
}
.home-page header .site-branding:before{
border-color: rgba(64,78,124,.8) transparent transparent transparent;
}
.site-branding a{
position: absolute;
top: 0;
left: 15px;
display: block;
}
.main-navigation {
width: 66%;
float: right;
text-align: right;
position: relative;
}
.main-navigation li{
display: inline-block;
margin: 0 24px;
position: relative;
}
.main-navigation li:last-child{
margin-right: 0;
}
.main-navigation li a{
color: #ffffff;
padding: 40px 0;
display: block;
position: relative;
font-size: 16px;
line-height: 26px;
font-weight: 200;
}
.main-navigation ul > li > a:before{
content: “”;
width: 0;
height: 4px;
background: #ffffff;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.main-navigation li a:hover:before, .main-navigation ul > li.current-menu-item > a:before{
width: 100%;
}
.nav-icon, .close-menu{
display: none;
}
@media screen and (max-width: 1024px){
.main-navigation li{
margin: 0 14px;
}
}
@media screen and (max-width: 991px){
.site-branding{
width: 250px;
height: 76px;
}
.site-branding:before {
left: 47px;
border-width: 52px 17px 0 17px;
}
.main-menu {
display: none;
position: fixed;
right: 0;
top: 0;
background: rgba(64,78,124,.9);
width: 100%;
bottom: 0;
height: 100%;
overflow: auto;
padding: 20px;
-webkit-transform: translateX(-110%);
-moz-transform: translateX(-110%);
-ms-transform: translateX(-110%);
-o-transform: translateX(-110%);
transform: translateX(-110%);

}
.show-menu{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

flex-direction: column;
justify-content: center;

-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.main-menu ul{
width: 100%;
max-width: 300px;
margin:0 auto;
}
.main-navigation ul > li > a:before{
display: none;
}
.nav-icon {
display: block;
color: #fff;
font-size: 29px;
line-height: 30px;
width: 30px;
height: 30px;
float: right;
margin: 30px 15px 00;

}
.main-navigation li {
margin: 0 auto;
display: block;
text-align: center;
}
.main-navigation li a{
padding: 10px;
font-weight: 500;
}
.close-menu {
display: block;
position: absolute;
top: 15px;
right: 15px;
color: #fff;
font-size: 25px;
line-height: 25px;
cursor: pointer;
}
}
@media screen and (max-width: 767px){
.site-branding{
width: 220px;
height: 65px;
}
.site-branding:before {
left: 40px;
border-width: 48px 17px 0 17px;
}
.main-navigation{
width: 40px;
}
}
@media screen and (max-width: 480px){
header{
min-height: 79px;
}
.site-branding{
width: 180px;
height: 65px;
}
.site-branding:before {
left: 37px;
border-width: 35px 12px 0 12px;
}
}
/*– container –*/
.section-title.elementor-widget-heading h2.elementor-heading-title, .main-container > h1{
font-size: 42px;
line-height: 32px;
font-weight: 700;
color: #1b1b1b;
position: relative;
padding: 0 0 28px;
text-transform: uppercase;
margin-bottom: 25px;
}
.section-title h2:before, .main-container > h1:before{
content: “”;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100px;
height: 1px;
background:#404e7c;
display: block;
}
@media screen and (max-width: 991px){
.section-title.elementor-widget-heading h2.elementor-heading-title, .main-container > h1 {
font-size: 32px;
line-height: 35px;
}
}
@media screen and (max-width: 767px){
.section-title.elementor-widget-heading h2.elementor-heading-title, .main-container > h1 {
font-size: 28px;
line-height: 35px;
}
}
/*– nav –*/
.main-container ul, footer ul{
list-style: none;
}
.main-container ul li, footer ul li{
position: relative;
padding: 5px 0 5px 35px;
}
.main-container ul li:before, footer ul li:before{
content: “\f054″;
font-family:”Font Awesome 5 Free”;
font-weight: 600;
font-size: 10px;
position: absolute;
top: 5px;
left: 5px;
color: inherit;
}
/*– hero banner –*/
.hero-banner h1{
font-size: 60px;
line-height: 70px;
text-transform: uppercase;
margin-bottom: 7px;
}
.hero-banner h6{
font-size: 18px;
line-height: 24px;
font-weight: 500;
margin-bottom: 5px;
}
.hero-banner a.more{
display: inline-block;
border-radius: 0px 0px 0px 0px;
padding: 10px 25px 10px 25px;
color: #ffffff;
background-color: #404e7c;
margin-top: 10px;
}
@media screen and (max-width: 767px){
.hero-banner {
padding-top: 115px ;
padding-bottom: 50px;
}
.hero-banner h1{
font-size: 30px;
line-height: 40px;
}
.hero-banner h6{
font-size: 16px;
line-height: 22px;
}
}
/*– contact-number –*/
.contact-number h4{
font-size: 24px;
line-height: 35px;
margin-bottom: 0;
font-weight: 500;
color: #000000;
}
.contact-number h4 img{
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.contact-number h2{
color: #3f4d7b;
}
/*– service –*/
.single-service.elementor-widget:not(:last-child) {
margin-bottom: 31px;
}
.single-service, .single-servicelist {
text-align: center;
}
.single-service a, .single-servicelist a{
color: #ffffff
}

.single-service img, .single-servicelist img{
width: 100%;
}
.single-service h3, .single-servicelist h3{
font-size: 20px;
line-height: 28px;
font-weight: 600;
color: #ffffff;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
position: relative;
}
.single-service p, .single-servicelist p{
color: #ffffff;
}
.single-service .elementor-image-box-content{
padding: 15px;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;

background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.73) 91%, rgba(0,0,0,0.73) 92%);
background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.73) 91%, rgba(0,0,0,0.73) 92%);
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.73) 91%, rgba(0,0,0,0.73) 92%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00000000′, endColorstr=’#ba000000′,GradientType=0 );
}
.single-service .elementor-image-box-content p{
display: none;
}
.single-service .elementor-image-box-content p a{
display:block;
text-decoration:underline;
}
.single-service h3:before{
content: “”;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 70px;
height: 1px;
background:#ffffff;
display: none;
}
.single-service:hover h3{
padding-bottom: 20px;
margin-bottom: 20px;
}
.single-service:hover h3:before{
display: block;
}
.single-service:hover .elementor-image-box-content{
background:rgba(64,78,124,.8);
top: 0;
height:100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

flex-direction: column;
justify-content: center;
}
.single-service:hover .elementor-image-box-content p{
display: block;
}

@media screen and (max-width: 1200px){
.single-service h3, .single-servicelist h3{
font-size: 18px;
line-height: 24px;
}
.single-service .elementor-image-box-content p{
font-size: 13px;
line-height: 20px;
}
}
/*– latest post –*/
.single-post {
width: 33.33%;
float: left;
padding: 0 15px;
margin-bottom: 20px;
}
.post-cover{
background: #ffffff;
float: left;
width: 100%;
box-shadow: 0 0 15px 4px rgba(0,0,0,.03);
}
.single-post .post-top {
float: left;
width: 100%;
border-bottom: #d2d2d2 solid 1px;

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
}
.single-post .su-post-meta {
width: 80px;
background: #404e7c;
color: #fff;
text-align: center;
padding: 8px;
line-height: 17px;
}
.single-post .su-post-meta span{
display: block;
font-size: 20px;
line-height: 22px;
}
.single-post .su-post-title {
font-size: 20px;
line-height: 26px;
color: #000;
font-weight: 500;
padding: 10px 20px;
margin: 0;
-webkit-width: calc(100% – 81px);
width: calc(100% – 81px);
float: right;
}
.single-post .su-post-title a{
color: #000;
}
.single-post .post-bottom{
padding: 20px 20px 5px;
float: left;
width: 100%;
}
.single-post .su-post-excerpt{
padding: 0 0 10px;
}
.single-post .read-more{
text-decoration: underline;
border-top: #8593c0 solid 2px;
padding: 15px 0 0;
float: left;
width: 100%;
margin-top: 5px;
}
.single-post .read-more a{
padding: 0 0 15px;
display: inline-block;
}

@media screen and (max-width: 767px){
.single-post{
width: 100%;
}
}
/*– employee –*/
.single-employee {
width: 25%;
float: left;
padding: 0 15px;
text-align: center;
margin-bottom: 25px;
}
.single-employee, .single-employee a{
color: #ffffff;
}
.employ-cover {
position: relative;
width: 100%;
}
.employ-cover img{
width: 100%;
display: block;
}
.single-employee h3{
font-size: 18px;
line-height: 25px;
font-weight: 500;
margin-bottom: 2px;
}
.single-employee p{
font-size: 13px;
line-height: 18px;
}
.employee-info {
background: rgba(64,78,124,.85);
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding:12px 10px;
color: #ffffff;
}
@media screen and (max-width: 767px){
.single-employee{
width: 50%;
}
}
@media screen and (max-width: 480px){
.single-employee{
width: 100%;
}
}
/*– footer –*/
footer{
background:#404e7c;
}
.footer-top{
padding: 60px 0 50px;
}
footer, .footer-top, .footer-bottom{
float: left;
width: 100%;
}
footer, footer a{
color: #ffffff;
font-size: 13px;
line-height: 18px;
}
footer h4{
font-weight: 400;
text-transform: uppercase;
}
footer li{
border-bottom: rgba(255,255,255,.05) solid 1px;
}
footer li a{
padding: 8px 0;
display: block;
}
footer li a:hover, footer a:hover{
color:#7991e2;
}
footer ul li:before {
top: 13px;
}
.newsletter, .quick-nav, .contact-info{
width: 33.33%;
float:left;
padding: 0 5% 0 15px;
}
footer .gform_wrapper li{
border:none;
padding: 0;
}
.gform_wrapper .top_label .gfield_label{
display: none !important;
}
body .gform_wrapper input[type=”email”], body .gform_wrapper input[type=”number”],
body .gform_wrapper input[type=”password”], body .gform_wrapper input[type=”tel”],
body .gform_wrapper input[type=”text”], body .gform_wrapper input[type=”url”], body .gform_wrapper textarea {
height: 48px;
border-radius: 0;
box-shadow: none;
background: #ffffff;
padding:5px 15px;
}
.main-container .gform_wrapper form li, .main-container .gform_wrapper li{
padding-left: 0;
}
textarea, body .gform_wrapper textarea, body .gform_wrapper textarea.large{
height: 80px;
}
footer .gform_wrapper input[type=”text”]{
border:none;
}
.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper textarea.large,
.gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea, body .gform_wrapper .top_label .gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
width:100%;
max-width:100%;
margin-left:0;
}
footer .gform_wrapper .gform_footer{
margin:0;
padding:0;
position: absolute;
top: 0;
right: 0;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=”image”],
.gform_wrapper .gform_footer input[type=”submit”] {
background-color: #3b3b3b;
color: #ffffff;
font-size: 18px;
text-transform: uppercase;
letter-spacing: .05em;
border:none;
padding: 10px 25px;
font-weight: 500;
border: transparent solid 1px;
}
footer .gform_wrapper .gform_footer input[type=”submit”] {
background-color: #3b3b3b;
background-image: url(https://www.orionesh.com/wp-content/uploads/2019/04/submit-icon.png);
background-position: center;
background-repeat: no-repeat;
font-size: 0;
height: 48px;
width: 58px;
cursor: pointer;
padding:0;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=”image”]:hover,
.gform_wrapper .gform_footer input[type=”submit”]:hover{
background-color: #404e7c;
cursor: pointer;
border: #fff solid 1px;
}
.newsletter-form-cover form{
position: relative;
}
footer .quick-nav h4, footer .contact-info h4{
margin-bottom: 18px;
}
.quick-nav ul{
-webkit-columns: 150px 2;
-moz-columns: 150px 2;
columns: 150px 2;
}
.contact-info {
padding: 0 15px 0 10%;
}
.contact-details{
padding:10px 0 10px 40px;
position: relative;
border-bottom: rgba(255,255,255,.05) solid 1px;
}
.contact-details .contact-icon{
position: absolute;
top: 14px;
left: 0;
}
.footer-bottom {
background: #121212;
padding: 18px 0;
}
.copyright{
width: 60%;
float: left;
}
.social-links{
text-align: right;
width: 40%;
float: left;
}
.social-links a{
display: inline-block;
margin-left: 24px;
font-size: 20px;
line-height: 22px;
}
.contact-social h6{
font-size: 16px;
font-weight: 500;
}
.contact-social-links {
margin-top: 15px;
}
.contact-social-links a{
display: inline-block;
margin-right: 10px;
font-size: 15px;
background: #404e7c;
color: #fff;
padding: 8px 5px;
width: 32px;
height: 32px;
text-align: center;
}
@media screen and (max-width: 1200px){
.newsletter, .quick-nav, .contact-info {
width: 33.33%;
float: left;
padding: 0 15px 0 15px;
}
}
@media screen and (max-width: 991px){
.newsletter, .quick-nav, .contact-info {
width: 100%;
float: left;
padding: 0 15px;
}
.newsletter, .quick-nav{
margin-bottom: 30px;
}
.copyright, .social-links {
width: 100%;
float: left;
text-align: center;
}
.copyright{
margin-bottom: 15px;
}
}
/*– service page –*/
.ourservices .single-servicelist{
width: 25%;
padding: 0 15px;
float: left;
margin-bottom: 30px;
}
.single-servicelist .service-cover{
position: relative;
}
.service-des{
padding: 15px;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;

background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.73) 91%, rgba(0,0,0,0.73) 92%);
background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.73) 91%, rgba(0,0,0,0.73) 92%);
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.73) 91%, rgba(0,0,0,0.73) 92%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00000000′, endColorstr=’#ba000000′,GradientType=0 );
}

@media screen and (max-width: 1024px){
.ourservices .single-servicelist{
width: 33.33%;
}
}
@media screen and (max-width: 767px){
.ourservices .single-servicelist{
width: 100%;
}
}
body .gform_wrapper div.validation_error {
color: #790000;
font-size: 11px;
font-weight: 500;
margin-bottom: 1.6em;
border-top: 1px solid #790000;
border-bottom: 1px solid #790000;
padding: 5px 0;
clear: both;
width: 97.5%;
}
body .gform_wrapper .validation_message {
color: #790000;
font-weight: 500;
letter-spacing: normal;
font-size: 10px;
}
body .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent;
border-top: none;
border-bottom: none;
}
footer .validation_error{
display: none;
}
body footer .gform_wrapper .validation_message {
color: #ffffff;
}
#gallery-1 .gallery-item{
padding:0 15px;
}

@media screen and (max-width:767px){
.mob-single-column .elementor-text-editor {
columns: 1 !important;
}
.gallery #gallery-1 .gallery-item {
width: 50%;
}
}