/*!
Theme Name: digitallydubai
Theme URI: http://underscores.me/
Author: digitallydubai
Author URI: https://digitallydubai.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: digitallydubai
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

digitallydubai is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    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-face {
  font-family: 'Poppins-Light';
  src: url('fonts/Poppins-Light.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/Poppins-Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('fonts/Poppins-Medium.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/Poppins-Medium.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'WorkSans-Bold';
  src: url('fonts/WorkSans-Bold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/WorkSans-Bold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}



html {
    line-height: 1.15; 
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0; 
    padding: 0; 
    font-size: 17px; 
    line-height: 2; 
    font-family: 'Poppins-Light' !important;
}
main {
    display: block;
}
*{
    padding: 0; 
    margin: 0;
}
input:focus, 
a:focus, 
a:active, 
textarea:focus, 
img:focus {
    outline:none;
}
img {
    max-width:100%;
}
ul {
    padding: 0; 
    margin: 0;
}
a {
    text-decoration: none !important; 
    color: #222;
}
a:hover {
    color:#4184FF;
}
p {
    line-height: 2;
}  
.bg-header{
    transition: all 0.5s;
    z-index: 997;
}
.home .bg-header{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.bgheader1{
    background: #104CBA;
    padding: 10px 0;
}
.home .bgheader2 {
    background: none;
}
.bgheader2{
    background: #030D30;
    border-bottom: 1px solid rgb(255 255 255 / 32%);
}
.call-email li{
    list-style: none; 
    color: #fff; 
    font-size: 16px; 
    text-align: left;
    display: inline-block;
    padding-right: 15px;
}
.hours-work h2{
    color: #fff; 
    font-size: 16px; 
    text-align: right;
    margin-bottom: 0;
}
.hours-work h2:before{
    font-family: "FontAwesome";
    content:"\f017";
    font-size: 17px;
    color: #fff;
    padding-right: 5px;
}
.social-menu ul{
    text-align: right;
}
.social-menu li {
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block;
    list-style: none;
}
.social-menu li a {
    font-size: 0 !important;
    display: inline-block;
    text-decoration: none;
    text-align: right;
}
.social-menu li:hover a:before{
    color:#222 !important;
}
.social-menu li.menu-item-25 a:before {
    font-family: "FontAwesome";
    content: "\f09a";
    font-size: 17px;
    color: #fff;
}
.social-menu li.menu-item-26 a:before {
    font-family: "FontAwesome";
    content: "\f16d";
    font-size: 16px;
    color: #fff;
}
.social-menu li.menu-item-27 a:before {
    font-family: "FontAwesome";
    content: "\f1d9";
    font-size: 16px;
    color: #fff;
}
.logo {
    padding: 5px 0;
}
.main-menu ul {
    padding:0; 
    text-align: left; 
    margin: 0;
}
.main-menu li a {
  font-size: 15px;
  position: relative;
  display: inline-block;
  outline: none;
  color: #fff;
  text-decoration: none; 
}
.main-menu li {
    display:inline-block; 
    text-align: center; 
    padding: 5px 9px; 
    position: relative;
}
.main-menu li:last-child {
    padding-right: 0;
}
.main-menu li:first-child {
    padding-left: 0;
}
.main-menu li a {
    position: relative; 
    z-index: 1;
}
.main-menu li a:hover {
    color: #1863ec !important;
}
.main-menu li a:before {
    content: "";
    position: absolute;
    top: 0px;
    margin: auto;
    background-color: var(--prt-skin-color);
    height: 3px;
    width: 100%;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    transition: transform .55s cubic-bezier(.37,.31,.2,.85);
}
.main-menu li a:hover:before{transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    background: #1863ec;
}
.main-menu ul ul{
    width:208px;
    text-align: right;
    position: absolute;
    visibility: hidden;
    display: block;
    opacity: 0;
    line-height: 14px;
    margin: 0;
    list-style: none;
    right: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
    transition: all .5s ease;
    z-index: 99;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 20%);
    box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 20%);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    padding: 7px 0;
}
.main-menu li:hover> ul{
    display:block;
    float:left;
    width:240px;
    margin-right: 0px;
    background: #fff;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    box-shadow: 0 3px 25px 0px rgb(43 52 59 / 10%), 0 0 0 rgb(43 52 59 / 10%) inset;
}
.main-menu .sub-menu li {
    width:100%; 
    float:left; 
    border-bottom: 1px solid rgb(0,0,0,.09); 
    list-style-type:none; 
    margin-right: 0; 
    margin-left: 0; 
    padding: 0px;
}
.main-menu .sub-menu li:last-child {
    border-bottom:none;
}
.main-menu .sub-menu li a {
    text-align: right; 
    font-size: 14px; 
    text-decoration:none; 
    width: 100%; 
    color: #7a8a9e; 
    padding: 10px;
}
.main-menu .sub-menu li li a:hover {
    color: #e02454;
}
.main-menu .sub-menu li a:before {
    display: none;
}
.main-menu ul ul ul {
    margin: -41px 207px 0 190px !important;
}
.btn-contact-header {
    text-align: right;
}
.btn-contact-header a {
    text-align: center; 
    -moz-user-select: none; 
    margin-bottom: 0; 
    margin-top: 10px; 
    cursor: pointer; 
    transition: color 0.4s linear; 
    position: relative; 
    z-index: 1; 
    border: 0; 
    overflow: hidden;
    border-radius: 5px;
    background-color: rgb( 16, 76, 186);
    padding: 20px 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
}
.btn-contact-header a:before {
    content: ""; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 101%; 
    height: 101%; 
    background: #fff; 
    color: #000 !important; 
    z-index: 1; 
    transition: transform 0.5s; 
    transition-timing-function: ease; 
    transform-origin: 0 0; 
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); 
    transform: scaleX(0); 
    border-radius: 0;
}
.btn-contact-header a:hover {
    color: #000000 !important; 
    text-decoration: none;
}
.btn-contact-header a:hover:before {
    transform: scaleX(1); z-index: -1;
}
.btn-contact-header p {
    margin-bottom: 0;
}
.slider {
    position: relative; 
    background: url(../../uploads/bac1.jpg) center; 
    background-size: cover;
    height: 100vh;
}
.slider .row {
    height: 726px;
}
.overlay-bg {
    background: rgba(4,9,30,0.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.content1 {
    padding-top: 150px;
    z-index: 1;
}
.content1 h2 {
    padding-bottom: 20px; 
    color: #fff; 
    font-family: 'WorkSans-Bold';
    font-size: 50px;
}
.content1 p {
    color: #fff; 
    font-size: 20px;
}
.content2 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.content2 h6 {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #104cba;
    line-height: 46px;
    margin: 0;
    padding: 0;
}
.content2 h2 {
    font-size: 36px;
    font-weight: 900;
    font-family: 'WorkSans-Bold';
}
.content3 {
    margin-top: 50px;
}
.content4-6 {
    margin-top: 50px;
}
.restly-service-four-item {
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
    border-radius: 5px;
    padding: 25px 25px 25px 25px;
}
.content4-6 .textwidget p img{
    border-radius: 5px;
    overflow: hidden;
    margin-top: -67px;
    margin-bottom: 20px;
}
.service-four-contnts {
    display: flex;
}
.service-four-title-area {
    width: 100%;
}
.service-four-title-area .service-stitle-four {
    font-size: 16px;
    color: #104cba;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
}
.service-four-title-area .service-title-four {
    font-size: 24px;
    font-weight: 600;
    font-family: 'WorkSans-Bold';
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 0;
}
.service-four-icons.service-icon-right {
    margin-left: 20px;
}
.bac7-9 {
    background:  url(../../uploads/bac7-9.png);
    background-color: #104CBA;
    padding: 150px 0;
    margin: 80px 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.content7,
.content8,
.content9 {
   text-align: center;
   color: #fff;
}
.content7 p:nth-child(1),
.content8 p:nth-child(1),
.content9 p:nth-child(1){
    background: #fff;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto 30px;
}
.content7 img,
.content8 img,
.content9 img {
   padding-top: 20px 
}
.content11 h2{
    color: #104CBA;
    font-size: 16px;
    font-weight: 600;
    line-height: 46px;
}
.content11 h3{
    color: #1D2C38;
    font-size: 36px;
    line-height: 46px;
    font-family: 'WorkSans-Bold';
    font-weight: bold;
    margin: 0;
    padding: 0 0 30px;
}
.content11 span:before {
    color: #104CBA;
    background:  url(../../uploads/tik.jpg);
    content: "";
    width: 20px;
    height: 15px;
    display: inline-block;
    margin-right: 15px;
}
.content11 a {
    text-align: center; 
    -moz-user-select: none; 
    margin-bottom: 0; 
    margin-top: 10px; 
    cursor: pointer; 
    transition: color 0.4s linear; 
    position: relative; 
    z-index: 1; 
    border: 0; 
    overflow: hidden;
    border-radius: 5px;
    color: #104CBA;
    background-color: #E7EDF8;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
}
.content11 a:before {
    content: ""; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 101%; 
    height: 101%; 
    background: #1D2C38; 
    color: #000 !important; 
    z-index: 1; 
    transition: transform 0.5s; 
    transition-timing-function: ease; 
    transform-origin: 0 0; 
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); 
    transform: scaleX(0); 
    border-radius: 0;
}
.content11 a:hover {
    color: #fff !important; 
    text-decoration: none;
}
.content11 a:hover:before {
    transform: scaleX(1); z-index: -1;
}
.main-box-dot {
    width: 100%;
    position: relative;
}
.main-box-dot .box-dot {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.main-box-dot .dot-shapes.shape_dots {
    top: -202px;
    left: -46px;
    -webkit-mask-size: 18px;
}
.main-box-dot .dot-shapes {
    width: 10em;
    height: 6em;
}
.main-box-dot .shapeanimation {
    animation-name: bounce;
    animation-duration: 9s;
}
.dot-shapes.shape_dots {
    -webkit-mask-image: url(../../uploads/dots.svg);
    mask-image: url(../../uploads/dots.svg);
    z-index: -1;
    -webkit-mask-size: 18px;
}
.dot-shapes {
    position: absolute;
    width: 20em;
    height: 20em;
    z-index: 0;
    top: 0;
    background: #104cba;
}
.shapeanimation {
    position: absolute;
    top: 95px;
    left: 250px;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.shapeanimation {
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 9s;
    -webkit-animation-duration: 9s;
    z-index: -1;
}
.bounce {
  animation: bounce 2s ease infinite;
}
@keyframes bounce {
    0%, 20%, 53%, 100% {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02);
    }
}
.teambg {
    background: url(../../uploads/teambg.jpg);
    padding: 120px 0;
    margin-top: 70px;
    margin-bottom: 80px;
}
.title-team h2{
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding-bottom: 20px;
}
.title-team h3{
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding-bottom: 80px;
    font-weight: bold;
    font-family: 'WorkSans-Bold';
}
.content12 img,
.content13 img,
.content14 img, 
.content15 img {
    border-radius: 5px;
}
.content12 .team-contents,
.content13 .team-contents,
.content14 .team-contents, 
.content15 .team-contents {
    border-radius: 5px;
    text-align: center;
    position: relative;
    width: 75%;
    margin: -35px auto 0;
    background-color: #223441;
    transition: .4s;
    padding: 20px 0;
}
.content12:hover .team-contents,
.content13:hover .team-contents,
.content14:hover .team-contents, 
.content15:hover .team-contents {
    background-color: #104cba;
}
.content12 h2,
.content13 h2,
.content14 h2, 
.content15 h2 {
    font-size: 18px;
    font-weight: bold;
    font-family: 'WorkSans-Bold';
    line-height: 1;
    margin: 0;
    color: #fff;
}
.content12 h4,
.content13 h4,
.content14 h4, 
.content15 h4 {
    color: #bdc2c6;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    margin-top: 10px;
}
.subscribebg {
    background-color: #104CBA;
    padding: 50px 0;
}
.title-subscrib {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    color: #FFFFFF;
    font-family: 'WorkSans-Bold';
}
.form-subscrib {
    position: relative;
    top: 36px;
}
.form-subscrib input[type=email] {
    width: 100%;
    height: 61px;
    border-radius: 5px;
    border: 2px solid #88a6dd;
    background: transparent;
    padding: 0 30px;
    color: #fff;
    font-size: 14px;
    font-family: 'Rubik';
    line-height: 28px;
}
.form-subscrib input[type=email]::-webkit-input-placeholder {
    color: #fff; 
    padding-right: 5px; 
    font-weight: normal;
}
.form-subscrib input[type=email]:-ms-input-placeholder {
    color: #fff; 
    padding-right: 5px; 
    font-weight: normal;
}
.form-subscrib input[type=email]::placeholder {
    color: #fff; 
    padding-right: 5px; 
    font-weight: normal;
}
.form-subscrib input.wpcf7-captchar {
    background: none;
    border: 1px solid #88a6dd;
}
.form-subscrib input[type=submit]{
    width: auto;
    height: auto;
    border-radius: 5px;
    padding: 10px 30px;
    margin: 6px;
    background-color: #ffffff;
    color: #091d3e;
    font-weight: 600;
    border: none;
    position: absolute;
    top: -2px;
    right: 9px;
}
.bac16-18{
    background-color: #E7EDF8;
}
.content16 {
    background: url(../../uploads/project1.jpg);
    position: relative;
    height: 400px;
    border-radius: 5px;
    top: 100px;
}
.content17 {
    background: url(../../uploads/project2.jpg);
    position: relative;
    height: 400px;
    border-radius: 5px;
    top: 100px;
}
.content18 {
    background: url(../../uploads/project3.jpg);
    position: relative;
    height: 400px;
    border-radius: 5px;
    top: 100px;
}
.content16 .textwidget,
.content17 .textwidget,
.content18 .textwidget {
    position: absolute;
    bottom: 10px;
    width: 90%;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 5px;
    padding: 13px;
    transition: .4s;
}
.content16 .textwidget p,
.content17 .textwidget p,
.content18 .textwidget p {
    margin-bottom: 0;
    color: #1d2c38;
    font-weight: 700;
}
.bgblog {
    background: url(../../uploads/bgblog.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 0px 0px 120px 0px;
}
.title-latest-news {
    font-size: 32px;
    font-weight: 800;
    color: #1d2c38;
    text-align: center;
    margin-top: 200px;
    padding-bottom: 30px;
}
.box-latest-news {
    position: relative;
}
.box-latest-news .main-box-thumbnail a {
    position: relative;
}
.box-latest-news .box-thumbnail {
    overflow: hidden;
}
.box-latest-news .box-thumbnail img {
    width: 100%;
    height: 209px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-latest-news:hover img {
    transform: scale(1.045);
}
.box-latest-news .main-box-content {
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 10px;
}
.box-latest-news .main-box-content .entry-header {
    padding-top: 16px;
}
.box-latest-news .entry-header a {
    font-family: 'WorkSans-Bold';
    color: #222;
    font-size: 17px;
    text-align: left;
    display: block;
}
.box-latest-news .entry-header a:hover {
    color: #104CBA;
}
.box-latest-news .entry-content p {
    color: #777; 
    line-height: 1.5; 
    font-size: 14px;
}
.box-latest-news .box-cat-name {
    display: inline-block;
    padding-top: 10px;
}
.box-latest-news .cat-name { 
    font-size: 13px;
    color: #777;
}
.box-latest-news .cat-name:before {
    font-family: "FontAwesome";
    content:"\f07c";
    color: #777;
    font-size: 14px;
    padding-right: 3px;
}
.box-latest-news .box-date {
    display: inline-block;
    padding-top: 10px;
}
.box-latest-news .date {
    font-size: 13px;
    color: #777;
    margin-left: 10px;
}
.box-latest-news .date:before {
    font-family: "FontAwesome";
    content:"\f073";
    color: #777;
    font-size: 14px;
    padding-right: 3px;
}
.box-form-info {
    box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 100px;
    margin-bottom: -80px;
    padding: 35px;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 5px;
}
.contact-form h2{
    font-size: 36px;
    font-weight: 800;
    color: #000;
    font-family: 'WorkSans-Bold';
    padding-bottom: 40px;
}
.contact-form .col-md-6 input{
    background: transparent;
    border: 2px solid #e9ebef;
    margin-bottom: 25px;
    width: 100%;
    display: block;
    outline: none;
    color: #454545;
    height: 67px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    font-size: 15px;
}
.contact-form .col-md-12 textarea {
    width: 100%;
    height: 160px;
    display: block;
    border: none;
    outline: none;
    color: #454545;
    border-radius: 4px;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 30px;
    background: transparent;
    border: 2px solid #e9ebef;
}
.contact-form .col-md-12 input {
    background: transparent;
    border: 2px solid #e9ebef;     
}
.contact-form .name span{
    position: relative;
}
.contact-form .name span:after {
    content:"\f007";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    color: #104cba;
    z-index: 999;
    top: 20px;
} 
.contact-form .email span:after {
    content: "\f0e0";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    color: #104cba;
    z-index: 999;
    top: 20px;
} 
.contact-form .phone span:after {
    content: "\f095";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    color: #104cba;
    z-index: 999;
    top: 15px;
    font-size: 20px;
} 
.contact-form .website span:after {
    content:"\f0c1";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    color: #104cba;
    z-index: 999;
    top: 15px;
    font-size: 20px;
} 
.contact-form .message span:after {
    content:"\f040";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    color: #104cba;
    z-index: 999;
    top: 15px;
    font-size: 20px;
} 
.contact-form input[type=submit] {
    background-color: #104cba;
    border: none;
    padding: 15px 40px;
    border-radius: 5px;
    color: #fff;
    transition: .4s;
    outline: none;
}
.contact-form input[type=submit]:hover{
    background-color: #1d2c38;
}
.contact-form::-webkit-input-placeholder {
    color: #333; 
    padding-right: 5px; 
    font-weight: normal;
}
.contact-form:-ms-input-placeholder {
    color: #333; 
    padding-right: 5px; 
    font-weight: normal;
}
.contact-form::placeholder {
    color: #333; 
    padding-right: 5px; 
    font-weight: normal;
}
.contact-info{
    background: url(../../uploads/bgcontact.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    padding: 30px 40px;
}
.contact-overlay {
    background-color: #104CBA;
    opacity: 0.77;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.contact-info .widget {
    position: relative;
    z-index: 9;
}
.contact-info h2{
    color: #ffffff;
    font-size: 30px;
    line-height: 46px;
    font-family: 'WorkSans-Bold';
    font-weight: 600;
    margin: 0;
    margin-bottom: 40px;
}
.contact-info h3{
    font-size: 16px;
    color: #b8caea;
    line-height: 28px;
}
.contact-info p{
    margin-bottom: 30px;
    font-size: 14px;
}
.contact-info h3.address:before{
    font-size: 25px;
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f041";
    color: #FFFFFF;
    background-color: #4D7BCC;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0px 20px 203px 0px;
    text-align: center;
    line-height: 41px;
    float: left;
}
.contact-info h3.phone:before{
    font-size: 25px;
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f095";
    color: #FFFFFF;
    background-color: #4D7BCC;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0px 20px 30px 0px;
    text-align: center;
    line-height: 41px;
    float: left;
}
.bg-footer {
    background-color: #091D3E;
    background-image: url(../../uploads/bgfooter.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px 0px 0px;
    margin-top: 50px;
}
.home .bg-footer {
    margin-top: 0px;
    padding: 180px 0px 0px 0px;
}
.footer1,
.footer2,
.footer3 {
    margin-bottom: 60px;
    color: #b9c6df;
}
.footer1 h2,
.footer2 h2,
.footer3 h2 {
    color: #fff;
    font-family: 'WorkSans-Bold';
    padding-bottom: 20px;
}
.footer3 p:nth-child(1):before {
    font-size: 20px;
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f041";
    color: #B8BDC7;
    padding-right: 10px; 
    padding-bottom: 100px;
    float: left;
}
.footer3 p:nth-child(2):before {
    font-size: 18px;
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f095";
    color: #B8BDC7;
    padding-right: 10px;
    float: left;
}
.footer3 p:nth-child(3):before {
    font-size: 15px;
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f0e0";
    color: #B8BDC7;
    padding-right: 10px;
}
.box-footer2 {
    border-top: 1px solid #223452;
}
.social-footer ul {
    text-align: left;
    padding-top: 20px;
} 
.social-footer li:hover a:before {
    color: #b9c6df !important;
} 
.copyright {
    text-align: right; 
    color:#fff; 
    padding-top: 20px;
    font-size: 13px;
}




/*** contact us ***/
.page-id-14 .address {
    text-align: center; 
    border-right: 1px solid #ced7e4; 
    margin: 32px 0 20px;
}
.page-id-14 .tel {
    text-align: center; 
    border-right: 1px solid #ced7e4; 
    margin: 32px 0 20px;
}
.page-id-14 .email {
    text-align: center;  
    margin: 32px 0 20px;
}
.page-id-14 .fax {
    text-align: center; 
    margin: 32px 0 20px;
}
.page-id-14 .address:before {
    border: 1px solid #ced7e4; 
    font-size: 25px; 
    font-family: "FontAwesome"; 
    width: 45px; 
    height: 45px; 
    display: inline-block; 
    color: #f6214b; 
    content: "\f041";
}
.page-id-14 .tel:before {
    border: 1px solid #ced7e4;
    font-size: 25px; 
    font-family: "FontAwesome"; 
    width: 45px; 
    height: 45px; 
    display: inline-block; 
    color: #f6214b; 
    content: "\f095";
}
.page-id-14 .email:before {
    border: 1px solid #ced7e4; 
    font-size: 22px; 
    font-family: "FontAwesome"; 
    width: 45px; 
    height: 45px; 
    display: inline-block; 
    color: #f6214b; 
    content: "\f0e0";
}
.page-id-14 .fax:before {
    border: 1px solid #ced7e4; 
    font-size: 22px; 
    font-family: "FontAwesome"; 
    width: 45px; 
    height: 45px; 
    display: inline-block; 
    color: #f6214b; 
    content: "\f1ac";
}
.page-id-14 .address h2 {
    padding-top: 15px; 
    color: #003760; 
    font-weight: 600; 
    font-size: 20px; 
    text-align: center;
}
.page-id-14 .tel h2 {
    padding-top: 15px; 
    color: #003760; 
    font-weight: 600; 
    font-size: 20px; 
    text-align: center;
}
.page-id-14 .email h2 {
    padding-top: 15px; 
    color: #003760; 
    font-weight: 600; 
    font-size: 20px; 
    text-align: center;
}
.page-id-14 .fax h2 {
    padding-top: 15px; 
    color: #003760; 
    font-weight: 600; 
    font-size: 20px; 
    text-align: center;
}
.page-id-14 .address p {
    color: #104cba; 
    font-size: 15px; 
    text-align: center;
}
.page-id-14 .tel p {
    color: #104cba; 
    font-size: 15px;
     text-align: center;
    }
.page-id-14 .email p {
    color: #104cba; 
    font-size: 15px; 
    text-align: center;
}
.page-id-14 .fax p {
    color: #104cba; 
    font-size: 15px; 
    text-align: center;
}
.page-id-14 input {
    border: 1px solid #e2d7f1; 
    padding: 0 5px; 
    width: 100%; 
    margin-bottom: 5px;
    border-radius: 5px; 
    border: 1px solid #ced7e4; 
    padding: 13px 15px 13px 20px; 
    font-size: 15px;
}
.page-id-14 input.wpcf7-captchar {
    width: auto;
}
.page-id-14 textarea {
    height: 80px; 
    border-radius: 5px; 
    border: 1px solid #e2d7f1;  
    padding: 0 5px; 
    width: 100%; 
    margin-bottom: 5px;
}
.page-id-14 label {
    width: 100%;
}
.page-id-14 input[type="submit"] {
    width: auto; 
    background: #04091e; 
    color: #fff; 
    border: none; 
    padding: 10px 41px; 
    border-radius: 30px;
}
.page-id-14 input[type="submit"]:hover {
    background:#f6214b;
}




/**** inner-page ****/
.inner-page{margin-top: 40px;}
.inner-page h1 {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 32px;
    padding-left: 14px;
    color: #372644;
    border-left: 3px solid #104CBA;
}


/**** cat-post ****/
.description-cat{
    background: #04091e;
    margin: 30px 0;
    padding: 50px 0 23px;
}
.description-cat .taxonomy-description h2 {
    color: #fff !important; 
    text-align: center;
}
.description-cat .taxonomy-description p {
    font-size: 14px; 
    color: #fff !important; 
    text-align: center;
}
.category .cat-post {
    margin-top: 50px;
}
.category .cat-post img {
    margin: 0 auto;
    display: block;
	height: auto;
}
.category .cat-post h2.entry-title {
    font-weight: bold;
    padding: 8px 0px 0px 0px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
    line-height: 1.5;
}
.category .cat-post p {
    padding: 10px 0px 25px;
    color: #656565;
}
.category .joomirpost {
    box-shadow: 0px 0px 4px #cdcdcd;
    padding: 13px;
    background: #fff;
}
.category article {
    margin-bottom: 20px;
}
.archive .nav-links .page-numbers{padding: 0 8px; background: #EEEEEE;}


/**** inner-post ****/
.inner-post {
    margin-top: 50px;
}
.inner-post .entry-content img {
    margin: 10px auto;
    display: block;
	height: auto;
}
.inner-post .content-left .post-thumbnail img{width: 100%; height: auto; margin-bottom: 10px;}
.inner-post .content-left .entry-title {
    padding-top: 20px;
	font-weight: bold;
    font-size: 24px;
    color: #000;
}
.inner-post p {
    color: #000;
    line-height: 2;
}
.inner-post ul {
    padding-left: 20px;
}
.blog-content-right {
    margin-top: 30px;
}
.blog-content-right section {
    margin-bottom: 30px;
    border-top: 2px solid #f6214b;
    padding: 30px;
    color: #000;
    box-shadow: 0px 0px 4px #cdcdcd;
}
.blog-content-right .main-box-content .entry-header {
    padding-top: 0px;
}
.blog-content-right .entry-header a {
    font-family: 'Poppins-Light' !important;
}





@media (max-width:767px) {
	.main-menu {
        display: none;
    }
    .hours-work h2 {
        text-align: left;
    }
    .home .bg-header {
        position: relative;
        background: #050C30;
    }
    .slider {
        height: auto;
    }
    .content1 {
      padding-top: 56px;
    }
    .content2 {
        margin-top: 45px;
        margin-bottom: 6px;
    }
    .content3 {
        margin-top: 0;
    }
    .content4-6 .textwidget p img {
        margin-top: 0;
    }
    .bac7-9 {
        padding: 50px 0
    }
    .content7,
    .content8,
    .content9 {
        margin-bottom: 30px;
    }
    .main-box-dot .dot-shapes.shape_dots {
        top: -139px;
    }
    .teambg {
        margin-top: 0;
    }
    .content12,
    .content13,
    .content14,
    .content15 {
        margin-bottom: 30px;
    }
    .content16,
    .content17,
    .content18 {
        margin-bottom: 50px;
    }
    .title-latest-news {
        margin-top: 120px;
    }
    .box-form-info {
        padding: 0px;
    }
    .home .bg-footer {
        margin-top: 60px;
    }
    .bg-footer {
        padding: 50px 0px 0px 0px;
    }
    .footer1,
    .footer2,
    .footer3 {
         margin-bottom: 27px;
    }
    .copyright {
      text-align: left;
    }
    .page-id-14 .tel,
    .page-id-14 .address {
        border-right: 0px;
    }
	
}