/* Link default css*/
@import url('../../../css.css');
@import url('assests/css/font-awesome.min.css');
@import url('assests/css/owl.carousel.min.css');
@import url('assests/css/ionicons.min.css');
@import url('assests/css/magnific-popup.css');
@import url('assests/css/et-line-fonts.css');
@import url('assests/css/animate.css');
@import url('assests/css/global.css');
@import url('assests/css/meanmenu.css');
@import url('assests/css/headeline.css');
@import url('assests/css/pe-icon-7-stroke.min.css');

/* 1. Body CSS*/
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
}
.img,
img {
    height: auto;
    width: 100%;
    transition: all 0.3s ease 0s;
}
a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer-menu li a:hover {
    text-decoration: none;
    color: #009433;
}
a,
button {
    color: #fff;
    outline: medium none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    color: #232332;
    margin-top: 0px;
    font-style: normal;
    letter-spacing: 1px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
h1 {
    font-size: 40px;
    font-weight: 500;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
    margin: 0px;
    padding: 0px;
}
li {
    list-style: none
}
p {
    font-size: 15px;
    color: #000000;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 30px 10px 30px;
    text-align: center;
}
hr {
    padding: 0px;
    border-bottom: 2px solid #ff7f50;
    border-top: 0px;
}
label {
    color: #444;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}
*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #555;
    color: #fff;
    text-shadow: none;
}
*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}
*::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

/* 2. Theme default CSS*/

.white-bg {
    background: #ffffff;
}
.black-bg {
    background: rgb(0, 82, 153)!important;
}
.grey-bg {
    background: #f6f6f6;
}
.transparent-bg {
    background: transparent;
}
.space {
    background: #005299cf none repeat scroll 0 0;
    height: 30px;
}
.fix {
    overflow: hidden;
}
.custom-row {
    margin-left: -15px;
    margin-right: -15px;
}
.border {
    border-bottom: 1px solid #eee;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.relative {
    position: relative;
}
.theme-color {
    color: #005299cf
}
.theme-bg {
    background-color: #005299cf
}
.cp-color {
    color: rgb(50, 197, 210)!important
}
.cp-bg {
    background: rgb(50, 197, 210)!important
}
.white {
    color: #fff
}
.black h4,
.black a {
    color: #000
}
.xs-text-right {
    text-align: left!important
}
.bold {
    font-weight: 600;
}

/* 2.1 Breadcrumb area CSS*/

.breadcrumb {
    margin-bottom: 0px;
    background: transparent;
}
.breadcrumb-wrapper.text-center > h3 {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.breadcrumb-area h3,
.breadcrumb-area h4 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.breadcrumb-area h4 {
    color: #fff;
}
.transparent-bg .breadcrumb a {
    color: #fff;
}
.black-font li i,
.black-font li a {
    color: #000;
}
.black-font {
    color: #000!important;
}

/* 2.2 button style */

.btn,
.cp-btn {
    -moz-user-select: none;
    background: #32c5d2 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    letter-spacing: 1px;
}
.cp-btn {
    background: rgb(50, 197, 210)
}
.btn:hover {
    color: #000
}
.white-btn {
    background: #fff;
    color: #000;
    border: 1px solid transparent;
}
.white-btn:hover {
    color: rgb(147, 0, 55);
}
.orange-btn {
    -moz-user-select: none;
    background: rgb(255,127,80) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    letter-spacing: 1px;
}
.orange-btn:hover {
    color: rgb(255, 255, 255);
    background: rgb(10, 179, 83) none repeat scroll 0 0;
}
.blue-btn {
    -moz-user-select: none;
    background: rgb(0, 148, 51) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    letter-spacing: 1px;
}
.blue-btn:hover {
    color: rgb(255, 255, 255);
}

/* 2.3 Link in Images */

.slide-1 {
    background: url(assests/img/1.jpg) repeat scroll center top / cover;
}
.slide-2 {
    background: url(assests/img/2.jpg) repeat scroll center top / cover;
}
.slide-3 {
    background: url(assests/img/3.jpg) repeat scroll center top / cover;
}
.slide-4 {
    background: url(assests/img/4.jpg) repeat scroll center top / cover;
}
.slide-5 {
    background: url(assests/img/5.jpg) repeat scroll center top / cover;
}
.slide-6 {
    background: url(assests/img/6.jpg) repeat scroll center top / cover;
}
.slide-7 {
    background: url(assests/img/slider/slider-7.jpg) repeat scroll center top / cover;
}
.slide-8 {
    background: url(assests/img/slider/slider-8.jpg) repeat scroll center top / cover;
}
.slide-9 {
    background: url(assests/img/slider/slider-9.jpg) repeat scroll center top / cover;
}
.slide-10 {
    background: url(assests/img/slider/slider-10.jpg) repeat scroll center top / cover;
}
.slide-11 {
    background: url(assests/img/slider/slider-11.jpg) repeat scroll center top / cover;
}
.slide-12 {
    background: url(assests/img/slider/slider-12.jpg) repeat scroll center top / cover;
}
.slide-13 {
    background: url(assests/img/slider/slider-13.jpg) repeat scroll center top / cover;
}
.slide-14 {
    background: url(assests/img/slider/slider-14.jpg) repeat scroll center top / cover;
}
.slide-15 {
    background: url(assests/img/slider/slider-15.jpg) repeat scroll center top / cover;
}
.slide-16 {
    background: url(assests/img/slider/slider-16.jpg) repeat scroll center top / cover;
}
.coming {
    background: rgba(0, 0, 0, 0) url("assests/img/bg/coming.jpg") repeat fixed center top / cover;
}
.breadcrumb-bg {
    background: rgba(0, 0, 0, 0) url("assests/img/bg/breadcrumb.jpg") repeat fixed center top / cover;
}
.paralax {
    background: url(assests/img/slider/paralax.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.mask,
.theme-mask {
    position: relative;
    z-index: 999;
}
.mask::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(28, 49, 74, 0.5) none repeat scroll 0 0;
    opacity: .7;
}
.theme-mask::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #005299cf;
    opacity: .5;
}

/* 2.4 Section title*/

h2.mb65 {
    margin-bottom: 65px!important;
}
.section-title {
	margin-top: 45px;
    margin-bottom: 45px;
}
.section-title h2 {
    color: #3072ac;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}
.section-title h2::before {
    border-bottom: 2px solid rgb(255, 127, 80);
    bottom: -14px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 170px;
}
.section-title.text-center > p {
    padding: 20px 0;
}
.section-title.text-center.mb-20 i {
    font-size: 15px;
    font-weight: 600;
}

/*Main CSS Start From Here*/


/* 3.1 Header area css*/

.top-header {
    height: 40px
}
.top-header a {
    color: #fff;
}
.left-top-header {}
.left-top-header ul {}
.left-top-header ul li {
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 40px;
    padding-right: 15px;
}
.left-top-header ul li i {}
.group-social {
    color: #555;
    display: block;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px 5px 0;
    overflow: hidden;
    text-align: center;
    text-shadow: none;
    width: 30px;
    border-radius: 50%;
}
.middle-top-header {}
.social-icons {}
.social-icons a {
    margin: 5px 3px;
}
.social-icons a i {
    display: block;
    line-height: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
    color: #fff;
}
.social-icons a:hover i:first-child {
    margin-top: -30px;
}
a.color-fb i {
    background: rgb(59, 89, 152)
}
a.color-google i {
    background: rgb(221, 75, 57)
}
a.color-twitter i {
    background: rgb(0, 172, 238)
}
a.color-ldin i {
    background: rgb(14, 118, 168)
}
a.color-utube i {
    background: rgb(221, 75, 57)
}
a.color-dribble i {
    background: rgb(234, 76, 137)
}
.right-top-header {}
.right-top-header ul {}
.right-top-header ul li {
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 40px;
    padding-left: 15px;
}

/* 3.2 main header area CSS */

header {
    left: 0;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 999999999999;
}
.header-area {}
.logo.text-upper img {
  height: 65px;
  padding-top: 20px;
  width: 150px;
}
.sticky .logo.text-upper img {
  height: 45px;
  margin-top: 8px;
  padding-top: 0;
}
.menu-area {
    float: right;
}
.menu-area ul {}
.menu-area ul li {
    float: left;
    margin-left: 25px;
    position: relative;
	
}
.menu-area ul li a {
    color: #0a589d;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 30px 0;
    text-transform: uppercase;
}
.menu-area ul li:hover > a {
  color: #009433;
}
.sticky .menu-area ul>li>a {
    color: #fff;
    padding: 21px 0;
}
.sticky .menu-area ul li:hover>a {
    color: #009433;
}
.menu-area ul li:hover>a::before {
    float: left;
    opacity: 1;
    width: 50%;
}
.menu-area ul li>a::before {
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    width: 0;
}
.menu-area ul li ul.submenu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: scaleY(0);
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 200px;
}
.menu-area ul li:hover>ul.submenu {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.sticky .header-area .submenu li a {
    color: #222;
}
.menu-area ul li ul.submenu {}
.menu-area ul li ul.submenu li {}
.menu-area ul li ul.submenu li {
    margin: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
}
.menu-area ul li ul.submenu li a {
    padding: 10px;
    font-size: 12px;
    color: #0a589d;
}
.menu-area ul li ul.submenu li a:before {
    background: none;
}
.menu-area ul li ul.submenu li:hover>a {
    background: #eee none repeat scroll 0 0;
    color: rgb(0, 148, 51);
}
.menu-area li ul li a i {
    float: right
}
.menu-area ul li ul.submenu li ul {
    left: 100%;
    top: 0;
}
.sticky {
    background: #005299cf;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s;
    width: 100%;
    z-index: 1030;
}
.cp-sticky {
    background: rgb(50, 197, 210) none repeat scroll 0 0;
}
.header-fixed {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1030;
}
nav.nav-menu-show {
    margin-right: 0;
    opacity: 1;
    visibility: visible;
}

/* 4. slider */

.hero-caption {
    display: table;
    height: 97vh;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
}
.hero-text {
    display: table-cell;
    height: 100%;
    position: relative;
    vertical-align: middle;
}
.slider-content {}
.slider-content h2 {
    color: rgb(147, 0, 55);
    font-size: 45px;
    font-weight: 800;
    text-transform: uppercase;
}
.slider-content p {
  color: #fff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 25px;
  margin: 20px 0 25px;
}
.slider-content a {}

/* 4.1 Slider Nav carousel*/

.slider-active.owl-carousel {
    position: relative;
}
.slider-active.owl-carousel .owl-nav div,
#relative-active.owl-carousel .owl-nav div {
    background: #fff none repeat scroll 0 0;
    font-size: 15px;
    height: 40px;
    line-height: 39px;
    opacity: 0.4;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 40px;
    color: #000;
    border-radius: 50px;
}
.slider-active:hover.owl-carousel .owl-nav div,
#relative-active:hover.owl-carousel .owl-nav div {
    visibility: visible;
    transition: .4s;
}
.slider-active.owl-carousel:hover .owl-nav div {}
.slider-active.owl-carousel .owl-nav .owl-prev,
#relative-active.owl-carousel .owl-nav .owl-prev {
    left: 15px;
}
.slider-active.owl-carousel .owl-nav .owl-next,
#relative-active.owl-carousel .owl-nav .owl-next {
    right: 15px;
}

/* 5. feature area cSS*/

.feature-single-box i {
    background-color: transparent;
    border: 0 solid;
    border-radius: 50%;
    display: inline-block;
    font-size: 50px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    width: 90px;
}
.feature-single-box.light-blue i {
    border-color: #32c5d2;
    color: #32c5d2;
}
.feature-single-box.red i {
    border-color: #cb2027;
    color: #cb2027;
}
.feature-single-box.blue i {
    border-color: #3b5998;
    color: #3b5998;
}
.feature-single-box.dark i {
    border-color: #333;
    color: #333;
}
.feature-content-column h3 {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 10px;
    padding: 15px 0 5px;
    text-transform: uppercase;
}


/* 6. portfolio */

.filter-menu {}
.filter-menu button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #000;
  color: #000;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0 2px;
  padding: 6px 15px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.filter-menu .active,
.filter-menu button:hover {
    background: rgb(147, 0, 55) none repeat scroll 0 0;
    border: 2px solid transparent;
    color: #fff;
}
.cp-menu button.active,
.cp-menu button:hover {
    background: rgb(50, 197, 210) none repeat scroll 0 0;
}
.row-portfolio {
    margin: 0 -10px
}
.row-portfolio .portfolio-item {
    padding: 0 10px;
}
.portfolio-wrapper {
    position: relative;
}
.portfolio-item {
    width: 33.33%;
    float: left;
    margin-bottom: 20px;
}
.portfolio-thumb img {
    width: 100%;
}
.portfolio-thumb {
    position: relative;
}
.portfolio-thumb::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.portfolio-wrapper:hover .portfolio-thumb::before {
    opacity: 0.4;
}
.view-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: .3s;
    transform: scale(1.3);
    margin-top: -20px;
}
.portfolio-wrapper:hover .view-icon {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.view-icon > a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #000000;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    line-height: 46px;
    width: 45px;
}
.view-icon > a:hover {
    background: rgb(147, 0, 55) none repeat scroll 0 0;
    color: #fff;
}
.portfolio-caption {
    padding: 15px;
}
.portfolio-caption > h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 9px;
    position: relative;
}
.portfolio-caption.black-text a {
    color: #444;
}
.portfolio-caption a:hover {
    color: #ffffff;
    opacity: 0.6;
}
.portfolio-caption.black-text a:hover {
    color: #3452ff;
}
.portfolio-caption {
    padding: 15px;
}
.portfolio-caption {
    padding: 15px;
}
.caption-border {
    border: 1px solid #f6f6f6;
}
.work-tag > a {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
}
.portfolio-caption {
    padding: 15px;
}
.portfolio-caption {
    padding: 15px;
}
.caption-border {
    border: 1px solid #f6f6f6;
}

/* portfolio style 2 */

.portfolio-style-2 {}
.portfolio-style-2 .portfolio-caption {
    left: 0;
    opacity: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 10px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
.portfolio-wrapper:hover .portfolio-caption {
    opacity: 1;
    visibility: visible;
    top: 0
}

/* call to action */

.call-to-action > h3 {
    font-weight: 500;
    letter-spacing: 1.5px;
}
.call-to-action > p {
    margin: 0;
}
.call-to-action a {
    margin-top: 12px;
}

/* portfolio-style-3 */

.portfolio-style-3 {}
.portfolio-style-3 .portfolio-caption {
    bottom: 20px;
    top: inherit;
}
.portfolio-style-3 .portfolio-wrapper:hover .portfolio-caption {
    bottom: 0;
    top: inherit;
}
.row-portfolio.m-0 {
    margin: 0;
}
.portfolio-style-4 .portfolio-thumb::before {
    background: #000 none repeat scroll 0 0;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-thumb::before {
    opacity: 0.7;
}
.portfolio-style-4 .portfolio-caption > h4 {
    color: #fff;
}
.portfolio-style-4 .work-tag > a {
    color: #fff;
}
.portfolio-style-4 .portfolio-caption {
    bottom: 50%;
    top: inherit;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-caption {
    transform: translateY(50%);
    bottom: 50%;
}
.portfolio-grid-2 .portfolio-item {
    width: 50%;
}
.portfolio-grid-4 .portfolio-item {
    width: 25%
}
.no-space .portfolio-item {
    margin-bottom: 0;
}
.width-8 {
    width: 66.6667%;
}
#relative-active .portfolio-item {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 0;
}

/* portfolio details */

.portfolio-full-img img {
    width: 100%;
}

/* 7. Corea Features CSS*/

.left-feature {
    padding: 60px
}
.feature-title {}
.feature-title h2 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 25px;
}
.feature-title h2 span {
    color: rgb(147, 0, 55);
}
.services-box {
    clear: both;
}
.services-box-icon {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 50px;
}
.services-box-icon i {
    background-color: rgb(147, 0, 55);
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
.services-box-info {
    padding-left: 65px;
    padding-top: 5px;
}
.services-box-info h4 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.purchase {}
.purchase a {}
.right-feature {}
.no-padding {
    padding: 0px;
}
.no-padding-inner {
    padding: 60px;
}
.no-padding.img-2 {
    background: url(assests/img/bg/feature.jpg) scroll center no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
}
.no-padding.resturent-img {
    background: url(assests/img/bg/resturent.jpg) scroll center no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
}
.services-box-info.pl-0 {
    padding-left: 0!important;
}

/* 8 . Counter area CSS*/

.single-counter {
    padding-bottom: 20px;
}
.single-counter span {
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
}
.single-counter h2 {
    color: #fff;
    font-weight: 400;
    letter-spacing: 5px;
}
.single-counter h5 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0;
  padding-top: 10px;
  text-transform: uppercase;
}

/* 9. Testimonial Area CSS*/

.testimonial-box {}
.testimonial-text {
    border: 1px solid #666;
    border-radius: 3px;
    padding: 30px;
}
.testimonial-text h4 {}
.testimonial-text p {
    margin: 0;
}
.client-name {
    padding-top: 35px;
}
.client-img {
    float: left;
    position: relative
}
.client-img::before,
.client-img::after {
    border: 1px solid #666;
    border-radius: 50%;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: -6px;
    width: 10px;
}
.client-img::after {
    height: 20px;
    right: -19px;
    top: -26px;
    width: 20px;
}
.client-img img {
    border-radius: 50%;
    height: 90px;
    width: 90px;
}
.client-title {
    float: left;
    margin-left: 15px;
    margin-top: 23px;
}
.client-title h5 {
  color: #000;
}
.client-title span {
  color: #000;
}

/* 10. Clients area CSS*/

.owl-carousel .owl-item .img-clients img {
    width: inherit;
}
.clients-active.owl-carousel {
    position: relative;
}
.clients-active.owl-carousel .owl-nav div {
    background: #000 none repeat scroll 0 0;
    font-size: 15px;
    height: 40px;
    line-height: 39px;
    opacity: 0.4;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    visibility: hidden;
    transition: .4s;
}
.clients-active:hover.owl-carousel .owl-nav div {
    visibility: visible;
}
.clients-active.owl-carousel .owl-nav .owl-next {
    right: 0;
}

/* 11. Two Column feature CSS*/

.two-column-feature {}
.two-column-box {
    clear: both;
}
.two-column-icon {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 50px;
}
.two-column-box-icon i {
    border-radius: 50%;
    color: #fff;
    font-size: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    margin-right: 25px;
}
.two-column-box-info {
    margin-top: -46px;
    padding-left: 65px;
}
.two-column-box-info h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.two-column-box-info p {
    color: #fff;
}

/* 12. Service area CSS*/

.services-area {}
.service-wrapper {}
.service-box {
    margin-bottom: 40px;
    padding-left: 55px;
    position: relative;
}
.service-icon {
    font-size: 30px;
    left: 0;
    position: absolute;
    top: -5px;
}
.service-icon i {
    background-color: rgb(147, 0, 55);
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
.service-content {
    padding-left: 15px;
}
.service-content h4 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}


/* 12. 1 Service 2*/

.services-2-box {
    padding: 49px 40px 32px;
}
.white-bg {
    background: #fff none repeat scroll 0 0;
}
.services-2-icon span {
  background-color: #fff;
  border: 1px solid;
  border-radius: 50%;
  color: #000;
  display: inline-block;
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  margin-bottom: 17px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 46px;
}
.services-2-box:hover .services-2-icon span {
    background: rgb(147, 0, 55) none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #fff;
}
.services-2-content h3 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.services-2-content p {
    margin: 0;
}

/* 13. About Us*/

.about-area h4 {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}
.about-area h4 span {
    color: rgb(147, 0, 55)
}

.skill>h2 {
    padding-bottom: 15px;
    font-weight: 600;
}
.skill.upcase>h4 {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 2px;
}
.story-area .col-sm-8.pb-20>img {
    height: auto;
    padding: 0 15px 5px 0;
    width: 210px;
    float: left;
}
.skill span {
    float: right;
}
.progress {
    background-color: #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 4px;
    margin-bottom: 15px;
}
.progress .progress-bar {
    background-color: rgb(147, 0, 55);
    box-shadow: none;
    line-height: 4px;
}

/*14. Team area CSS*/

.team-member {
    position: relative;
}
.team-member > img {
    width: 100%;
}
.team-member::before {
    background: transparent none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 100%;
    z-index: 1;
}
.team-wrapper:hover .team-member::before {
    background: rgba(33, 40, 45, 0.55);
}
.team-info {
    padding: 15px 0;
}
.team-text-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    opacity: 0;
    transition: all .3s ease 0s;
}
.team-info {
    padding: 15px 0;
}
.team-icon > a {
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    margin: 0 10px;
}
.team-icon > a:hover {
    background: rgb(147, 0, 55) none repeat scroll 0 0;
    color: #fff;
}
.team-wrapper:hover .team-icon > a {
    margin: 0 5px;
}
.team-wrapper:hover .team-text-icon {
    opacity: 1;
}
.team-info h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.team-info span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

/* 15. Blog area CSS*/

.single-blog-item {
/*    background: rgb(147, 0, 55) none repeat scroll 0 0;*/
    margin-bottom: 10px;
	
    background: linear-gradient(359deg, rgba(250,250,250,1) -120%, rgba(147,0,55,1) 130%);
}
.blog-item-thumb {
    position: relative;
}
.blog-item-thumb img {
    min-width: 100%;
}
.blog-item-content {
    padding: 0 10px 0 10px ;
}
.blog-item-content h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 20px 0;
    transition: all 0.4s ease 0s;
	
}
.blog-item-content p {
    color: #eee;
	font-size: 14px;
	margin: auto;
}
.blog-item-content a {
    margin-bottom: 20px;
}
.blog-item-content h2:hover {
    color: #888;
}
.blog-item-content h4 {
  color: #fdfdfd;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 0px;
}
/* 15.1 Blog page CSS*/

.post {
    margin: 0 0 60px;
}
.post-meta {
    font-size: 15px;
    float: right;
}
.post-title,
.post-title a {
    color: #111;
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 15px;
}
.post-title a:hover {
    color: #999
}
.post-thumbnail {
    margin: 0 0 25px;
}
.widget {
    margin: 0 0 40px;
}
.widget form {
    position: relative
}
.form-control {
    border: 1px solid;
    border-radius: 2px;
    box-shadow: none;
    color: #000000;
    font-size: 14px;
    height: 39px;
}
.form-control:focus {
    border-color: #444;
}
.widget form input {}
.widget form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
.widget-title {
    font-weight: 600;
    position: relative;
}
.widget-title::before {
    border-bottom: 2px solid #eeeeee;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
}
.widget-title::after {
    border-bottom: 2px solid #666;
    content: "";
    display: block;
    margin: 20px auto 25px 0;
    position: relative;
    width: 35px;
    z-index: 1;
}
.icons-list>li {
    border-top: 1px solid #eee;
    padding: 10px 0;
}
.icons-list>li:first-child {
    border: 0 none;
    padding-top: 0;
}
.icons-list a {
    color: #999999;
}
.icons-list a:hover {
    color: #444;
}
.widget-posts-image {
    float: left;
    width: 44px;
}
.widget-posts-body {
    margin-left: 58px;
}
.widget .recent-posts>li {
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 10px 0;
}
.widget-posts-image img {
    max-width: 100%;
}
.widget .recent-posts>li:first-child {
    border: 0 none;
    padding-top: 0;
}
.widget-posts-title {
    font-size: 12px;
    font-weight: 600;
    margin: 2px 0 3px;
}
.widget-posts-meta {
    color: #444;
    font-size: 12px;
    opacity: 0.7;
}
ul.tags {}
ul.tags li {
    display: inline-block;
}
ul.tags li a {
    background: #f8f8f8 none repeat scroll 0 0;
    border-radius: 2px;
    color: #666;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 6px;
    padding: 8px 12px;
    text-transform: capitalize;
}
ul.tags li a:hover {
    background: #000;
    color: #fff
}
.post-content blockquote {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    padding: 30px 25px;
    border: 0;
}
.post-content blockquote i {
    display: block;
    font-size: 24px;
    margin: 0 0 20px;
}
.post.format-quote .post-content {
    background: #444 none repeat scroll 0 0;
    padding: 30px 25px;
}
.format-quote .post-content p {
    color: #fff;
    font-size: 18px;
    line-height: 34px;
}
.post-content footer {
    color: #fff;
}
blockquote.blockquote {
    background-color: #f6f6f6;
    border-left: 2px solid #464646;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin: 23px 0;
    padding: 14px 50px;
}
h3.leave-comment-text {
    border-bottom: 1px solid #5b5b5b;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.news-allreply {
    display: inline-block;
    float: left;
    text-align: center;
}
.news-allreply img {
    border-radius: 100%;
    width: 100%;
}
.nes-icon>a i {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}
.blog-img-details {
    padding-left: 90px;
}
.blog-title>h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    text-transform: capitalize;
}
.blog-title>span {
    color: #666666;
    display: block;
    margin-bottom: 7px;
}
.blog-middle-mrg {
    margin: 32px 0 33px 90px;
}
.leave-comment {}
.leave-comment-text {}
h3.leave-comment-text {}
.leave-form {}
.leave-form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    height: 35px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
}
.text-leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    height: 165px;
    margin-bottom: 30px;
    padding: 20px;
    width: 100%;
}

/* 15.2 single posts */

blockquote.single-blockquote {
    background: #444;
}
blockquote.single-blockquote p {
    color: #fff;
}
.comments,
.comment-form {
    margin-bottom: 70px;
}
.comment,
.comment-content {
    position: relative;
}
.comment-avatar {
    float: left;
    margin: 5px 0 0;
    max-width: 70px;
    position: relative;
    z-index: 1;
}
.comment-avatar::after {
    background: #f5f5f5 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 70px;
    position: absolute;
    top: 34px;
    width: 20px;
    z-index: -1;
}
.comment-avatar img {
    border-radius: 50%;
    height: 70px;
    width: 70px;
}
.comment-tools {
    padding: 0 30px;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1;
}
.comment-tools a {
    color: #666;
    margin: 0 0 0 15px;
}
.comment-content {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 2px;
    margin: 0 0 35px 90px;
    padding: 30px;
    position: relative;
}
.comment-content h5 {
    font-size: 16px;
    font-weight: 600;
}
.comment-reply {
    margin-left: 90px;
}

/* 15.3 Pagination */

.pagination>li {
    display: inline-block;
    margin-right: 2px;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 3px;
}
.pagination>li>a,
.pagination>li>span {
    border: 2px solid #eeeeee;
    border-radius: 3px;
    color: #777777;
    display: block;
    float: none;
    padding: 8px 15px;
}
.pagination>.active>a,
.pagination>.active>span {
    background: #27cbc0 none repeat scroll 0 0;
    border-color: #27cbc0;
    color: #ffffff;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    background-color: rgb(147, 0, 55);
    border-color: rgb(147, 0, 55);
    color: #ffffff;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: rgb(147, 0, 55);
    border-color: rgb(147, 0, 55);
    color: #fff;
    cursor: default;
    z-index: 3;
}

/* 16. Pricing Area CSS */

.work-title h2 {
    font-weight: 500;
}
.pricing-table {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  box-shadow: 0 0 21px 1px #eee;
  margin: 10px 0 0;
  position: relative;
  text-align: center;
}
.pricing-title,
.pricing-action {
    padding: 25px 0;
}
.pricing-title h6 {
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.pricing-price {
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    padding: 20px 0;
}
.pricing-table em {
  color: #444;
  font-weight: 500;
}
.pricing-price .price-unit {
    color: #222222;
    font-size: 54px;
    text-transform: uppercase;
}
.price-unit>span {
    font-size: 22px;
    letter-spacing: 2px;
    line-height: 3.5;
    vertical-align: top;
}
.pricing-features ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.pricing-features ul li:nth-child(2n+1) {
    background: #f8f8f8 none repeat scroll 0 0;
}
.pricing-features ul li {
  border-bottom: 1px solid #f5f5f5;
  color: #666;
  font-size: 14px;
  padding: 8px 0;
}

/* 17. Download area CSS*/

.call-to-action > h3 {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.call-to-action > p {
    margin: 0;
    color: #fff;
}
.call-to-action a {
    margin-top: 15px;
}

/* 18. FAQ page CSS*/

h3.faq {
    font-size: 21px;
    font-weight: 600;
    padding: 0 0 15px;
    text-transform: uppercase;
}
.panel-group .panel-body {
    background: #f9f9f9 none repeat scroll 0 0;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.03) inset;
    color: #666;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 26px;
}
.panel-title a.collapsed::after {
    content: "";
    font-family: fontawesome;
    display: block;
    float: right;
}
.panel-title a::after {
    content: "";
    float: right;
    font-family: fontawesome;
}
.panel-group .panel-heading {
    background: white none repeat scroll 0 0;
    box-shadow: none;
    padding: 0;
}
.panel-group .panel-heading a {
    color: #505050;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    padding: 8px 20px 8px 10px;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
}

/* 19. Coming Soon Page*/

.coming-content.text-center h2 {
    color: rgb(147, 0, 55);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.upcoming-time {
    padding: 5px 0;
}
.coming-content.text-center > p {
    color: #fff;
    padding-top: 10px;
}
.upcoming-time span {
    display: inline-block;
}
.upcoming-time span span {
    color: #fff;
    font-size: 60px;
    padding: 0 30px;
}
.upcoming-time span p {
    color: #fff;
    font-size: 15px;
    margin: 0;
}
.subscribe {
    position: relative;
}
.subscribe input {
    border: medium none;
    padding: 10px 15px;
    width: 100%;
}
.subscribe a {
    border-radius: 0;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.subscribe a i {
    padding-left: 5px;
}

/* 20. Login and Sign uparea CSS*/

.login-area {}
.login-wrapper,
.sign-up-wrapper {
    padding: 40px 70px;
    border: 1px solid;
}
.login-wrapper form {}
.login-wrapper form label,
.sign-up-wrapper form label {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
}
.login-wrapper form input,
.sign-up-wrapper form input {
    border: 2px solid #888;
    padding: 5px 20px;
}
.sign-up-wrapper form textarea {
    border: 2px solid #888;
    padding: 5px 20px;
}
.checkbox {
    left: 20px;
}
.login-wrapper button,
.sign-up-wrapper button {
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    background-color: #32c5d2;
    border-color: #32c5d2;
    color: #fff;
}
.login-wrapper a {}
.btn-fb-login {
    background-color: #3b5998;
    border-radius: 3px;
    color: #fff;
}
.login-wrapper a.btn,
.sign-up-wrapper a.btn {
    border-radius: 2px;
    color: #ddd;
    margin: 0 10px;
    padding: 8px 15px;
}

/* 21. Contact Area CSS*/

.contact-form {}
.contact-form-area h4 {
    font-weight: 600;
    letter-spacing: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.contact-person > h4 {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.alt-content-box {
    margin: 25px 0;
    padding-left: 55px;
    position: relative;
}
.contact-person > a {
    color: #000;
    font-size: 14px;
}
.alt-content-box-icon {
    color: #111;
    font-size: 28px;
    height: 38px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 38px;
}
.alt-content-box-title {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
}
.input-lg {
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
    height: 35px;
    text-transform: uppercase;
}
.form-control:focus {
    box-shadow: none;
    border-color: #000;
}
.alt-content-box-icon i {
    font-size: 30px;
}
#map {
    height: 360px;
}

/* 22. Footer area CSS*/

.footer-bg {
    background: #3072ac;
}
.footer-col-1 {
    overflow: hidden;
}
.footer-title h4 {
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    /*color: #ddd;*/
}
.footer-content p {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 10px 10px 0px;
    text-align: justify;
}
.footer-content a {
    color: #fff;
    padding: 5px;
}
.tagcloud > a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 7px 8px 3px 0;
    padding: 1px 15px;
    text-transform: uppercase;
}
.tagcloud a:hover {
    background: rgb(147, 0, 55);
    color: #fff;
    border: 1px solid transparent;
}
.footer-contact-info-area .footer-widget-content {
    padding-top: 10px;
}
.footer-conatct-menu li a {
    color: #9FA4AF;
    font-size: 13px;
}
.footer-conatct-menu li a i {
    padding-right: 10px;
}
.footer-conatct-menu li a span {
    font-weight: 600;
    padding-right: 2px;
}
.insta-image {
    float: left;
    margin-bottom: 8px;
    width: 33%;
}
.insta-image img {
    width: 90%;
}

/*Footer bottom Copyright & footer menu*/

.footer .copyright {
    font-size: 11px;
    font-weight: 700;
    margin: 0;
}
.copyright {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.footer-main-menu {
    float: right;
    margin-top: 5px;
}
.footer-main-menu li {
    float: left;
    margin-right: 22px;
}
.footer-main-menu li a {
    color: #aaa;
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.footer-main-menu li a:hover {
    color: rgb(147, 0, 55);
}

/* scrollUp */

a#scrollUp {
    background: #ff7f50 none repeat scroll 0 0;
    bottom: 63px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 50px;
    text-align: center;
    width: 40px;
}
/*---- [Preloader] */

.page-loader {
	background: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9998;
}
.loader {
	background: #666;
	position: absolute;
	display: inline-block;
	height: 40px;
	width: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	text-indent: -9999em;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	        animation: ball-scale 1s 0s ease-in-out infinite;
}

@-webkit-keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}

}

@keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}

}
#upload-1 {
    background: url(assests/img/upload1.jpg) scroll center no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
}

.button-blink {
	-moz-user-select: none;
	background-color: rgb(255,127,80);
	border: 1px solid transparent;
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 7px 15px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	letter-spacing: 1px;
	
/*  background-color: #004A7F;*/
/*  -webkit-border-radius: 10px;*/
/*  border-radius: 10px;*/
/*  border: none;*/
/*  color: #FFFFFF;*/
/*  cursor: pointer;*/
/*  display: inline-block;*/
/*  font-family: Arial;*/
/*  font-size: 20px;*/
/*  padding: 5px 10px;*/
/*  text-align: center;*/
/*  text-decoration: none;*/
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: rgb(253, 82, 20); -webkit-box-shadow: 0 0 3px rgb(253, 82, 20); }
  50% { background-color: rgb(255,127,80); -webkit-box-shadow: 0 0 40px rgb(255,127,80); }
  100% { background-color: rgb(253, 82, 20); -webkit-box-shadow: 0 0 3px rgb(253, 82, 20); }
}

@-moz-keyframes glowing {
  0% { background-color: rgb(253, 82, 20); -moz-box-shadow: 0 0 3px rgb(253, 82, 20); }
  50% { background-color: rgb(255,127,80); -moz-box-shadow: 0 0 40px rgb(255,127,80); }
  100% { background-color: rgb(253, 82, 20); -moz-box-shadow: 0 0 3px rgb(253, 82, 20); }
}

@-o-keyframes glowing {
  0% { background-color: rgb(253, 82, 20); box-shadow: 0 0 3px rgb(253, 82, 20); }
  50% { background-color: rgb(255,127,80); box-shadow: 0 0 40px rgb(255,127,80); }
  100% { background-color: rgb(253, 82, 20); box-shadow: 0 0 3px rgb(253, 82, 20); }
}

@keyframes glowing {
  0% { background-color: rgb(253, 82, 20); box-shadow: 0 0 3px rgb(253, 82, 20); }
  50% { background-color: rgb(255,127,80); box-shadow: 0 0 40px rgb(255,127,80); }
  100% { background-color: rgb(253, 82, 20); box-shadow: 0 0 3px rgb(253, 82, 20); }
}

.iicl-logo{
	margin-top: 10px;
	width: 23%;
}
.section-heading{margin-top:25px;}
.section-heading > .title{margin-top:0px;margin-bottom:25px;font-family:"Josefin Sans", sans-serif;font-size:28px;font-weight:600;color:#3E4095;}
.section-heading > .title > .effect{display:inline-block;height:14px;width:60px;position:relative;left:10px;}
.section-heading > .title > .effect::before{width:35px;background-color:#fd367e;}
.section-heading > .title > .effect::before{content:'';height:3px;position:absolute;top:0;left:0;}
.section-heading > .title > .effect::after{background-color:#4e1184;top:auto;bottom:0;}
.section-heading > .title > .effect::after{content:'';width:100%;height:3px;position:absolute;top:10px;left:0;}
.underline_abt{color:#3e4095;font-size:25px;font-weight:600;padding-bottom:10px;position:relative;}
.underline_abt::after{border-bottom:2px solid #e0e0e0;content:"";height:1px;margin:auto;position:absolute;top:38px;left:0px;width:55%;}
.ab-txt .ab-content p{font-size:15px;line-height:25px;text-align:justify;}
.ab-txt .ab-content .squre{list-style-type:disc;color:#3e4095;margin-left:15px;}
.ab-txt .ab-content > .squre > li{padding:5px;color:#333 !important;font-size:15px;line-height:25px;}
.group_compny{background-color:#f5f5f5;padding-bottom:20px;}
.grp_cmpy{padding:20px 10px 20px 10px;}
.grp_cmpy .micro{border:1px solid #ddd;background-color:#fff;min-height:350px;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;}
.grp_cmpy .micro:hover{box-shadow:0 8px 8px 0px rgba(0, 0, 0, 0.2);transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;}
.grp_cmpy .micro .micro-per{padding:10px;}
.grp_cmpy .micro .micro-per p{line-height:24px;color:#999999;}
.grp_cmpy .micro .box{text-align:center;overflow:hidden;position:relative;display:block;background-color:#f2f2f2;}
.grp_cmpy .micro .box img{width:100%;height:150px;padding:15px;}
.grp_cmpy .micro .box:before,
.grp_cmpy .micro .box:after,
.grp_cmpy .micro .box .box-layer{content:"";width:20%;height:100%;background:rgba(2,25,89,0.6);position:absolute;top:100%;}
.grp_cmpy .micro:hover .box:before,
.grp_cmpy .micro:hover .box:after,
.grp_cmpy .micro:hover .box .box-layer{top:0;}
.grp_cmpy .micro .box:before{left:0;-o-transition:all 0.15s linear 0.2s;-moz-transition:all 0.15s linear 0.2s;-webkit-transition:all 0.15s linear 0.2s;transition:all 0.15s linear 0.2s;}
.grp_cmpy .micro .box:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.grp_cmpy .micro .box:after{left:20%;-o-transition:all 0.15s linear 0.25s;-moz-transition:all 0.15s linear 0.25s;-webkit-transition:all 0.15s linear 0.25s;transition:all 0.15s linear 0.25s;}
.grp_cmpy .micro .box:hover:after{-moz-transition-delay:0.1s;-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}
.grp_cmpy .micro .box .layer-1{left:40%;-o-transition:all 0.15s linear 0.3s;-moz-transition:all 0.15s linear 0.3s;-webkit-transition:all 0.15s linear 0.3s;transition:all 0.15s linear 0.3s;}
.grp_cmpy .micro .box:hover .layer-1{-moz-transition-delay:0.15s;-webkit-transition-delay:0.15s;-o-transition-delay:0.15s;transition-delay:0.15s;}
.grp_cmpy .micro .box .layer-2{left:60%;-o-transition:all 0.15s linear 0.35s;-moz-transition:all 0.15s linear 0.35s;-webkit-transition:all 0.15s linear 0.35s;transition:all 0.15s linear 0.35s;}
.grp_cmpy .micro .box:hover .layer-2{-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
.grp_cmpy .micro .box .layer-3{left:80%;-o-transition:all 0.15s linear 0.4s;-moz-transition:all 0.15s linear 0.4s;-webkit-transition:all 0.15s linear 0.4s;transition:all 0.15s linear 0.4s;}
.grp_cmpy .micro .box:hover .layer-3{-moz-transition-delay:0.25s;-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s;}
.grp_cmpy .micro .micro-per .read-more{display:inline-block;width:32px;height:30px;line-height:30px;background:#3E4095;font-size:20px;font-weight:900;color:#fff;position:absolute;bottom:21px;right:11px;text-align:center;transition:all 0.4s ease-in-out 0s;}
.grp_cmpy .micro .micro-per .read-more:hover{background:#2a2b2c;}
.grp_cmpy .micro .micro-per .read-more1{bottom:-34px;}
/* css end here */