@font-face {
    font-family: "Roboto";

    src: url("TAJAWAL-REGULAR.TTF");
}



@font-face {
    font-family: "Roboto-med";
    src: url("Roboto-med.woff2");
}








@font-face {
    font-family: "DroidKufi";
    src: url("DroidKufi-Regular.ttf");
}





@font-face {
    font-family: "pop-bold";

    src: url("pop-bold.woff2");
}



@font-face {
    font-family: "pop-light";
    src: url("pop-light.woff2");
}




@font-face {
    font-family: "karbonweb";
    src: url("karbonweb-thin.woff");
}




body,
p {
    font-weight: 400;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
text-align: right;
direction: rtl;
    font-family: "Roboto";
}

html {
    overflow-x: hidden !important;
    width: 100%;
    height: 100%;
    position: relative;

    font-family: "Roboto";
}

body {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #6a6a6a;
    background: #fff;

    font-family: "Roboto";
}

h1,
h2,
h3 {
    color: #323232;
}

.body-inner {
    position: relative;
    overflow: hidden;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #000;
}

a.link-more.color {
    color: #0022d2;
    font-weight: 600;
}

.xs-text-block a.link-more {
    margin-top: 10px;
    display: inline-block;
}

a {
    color: #0022d2;

    font-family: "Roboto";
}

a:hover {
    text-decoration: none;
    color: #0022d2;
}

.link-more {
    font-weight: 700;
}

.link-more i {
    font-weight: 700;
    top: 2px;
    margin-right: 5px;
    position: relative;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #252a37;

    font-family: "Roboto";

    font-weight: 700;
}

/* Smart slider for Finacne */

.n2-ss-layer.slider-title-lg .n2-ow {
    font-family: "Roboto";
}

/* Global styles
================================================== */

.main-container {
    padding: 100px 0;
}

a.read-more {
    color: #323232;
}

.media > .pull-right {
    margin-left: 20px;
}

a:focus {
    outline: 0;
}

.section-half .fw-col-inner {
    position: relative;
    z-index: 2;
}

/* Button */

.btn-primary,
.btn-dark,
.btn-border,
.btn-white {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 50px;
    line-height: 1.33;
    border-radius: 30px;
    border: 0;
    -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
    -o-transition: color 400ms, background-color 400ms, border-color 400ms;
    transition: color 400ms, background-color 400ms, border-color 400ms;
}

.btn-primary {
    background: #0022d2;
    border: 2px solid transparent;
}
.btn-dark {
    color: #fff;
    background: #2d3559;
    border: 2px solid transparent;
}
.btn-border {
    border: 2px solid #fff;
    background: none;
    color: #fff;
}

.btn-white {
    background: #fff;
    color: #0022d2;
    border: 2px solid transparent;
}

.btn-primary:hover,
.btn-dark:hover,
.btn-white:hover {
    background: #1f1f1f;
    color: #fff;
    border: 2px solid transparent;
}

.btn-border:hover {
    background: #1f1f1f;
    border: 2px solid transparent;
    color: #fff;
}

/* Download Btn */

.download-btn {
    border: 1px solid #eaeaea;
    padding: 20px 30px;
    font-size: 22px;
    margin: 0;
}

.download-btn a {
    color: #252a37;
}

.download-btn i {
    float: left;
    color: #0022d2;
}

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.main-content {
    padding: 100px 0;
}

.main-content.error-page {
    padding: 100px 0 150px;
}

/* Parallax */

.parallax-section .feature-content h3 {
    font-size: 30px;
}

.parallax-section .feature-img-box-right .feature-content {
    margin-right: 110px;
}

.parallax-section.parallax-light .feature-img-box-right .feature-content {
    margin-right: 80px;
}

.parallax-section.parallax-light .feature-content h3 {
    font-size: 22px;
}

/* Text white */

.text-white h3,
.text-white p {
    color: #fff;
}

/* Bg Pattern */

.bg-pattern2 {
    position: relative;
}

.bg-pattern2:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/pattern_arrow.png) no-repeat top right;
}

.bg-pattern2:after {
    background: url(../images/pattern_box.png) no-repeat bottom left;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
}

/*-- Box style --*/

/* Box primary */

.box-primary {
    background: #0022d2;
    color: #fff;
    padding: 40px;
}

.box-primary .ts-feature-info.icon-right .feature-content {
    margin-right: 0;
}

.box-primary h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
}

.box-primary .btn {
    padding: 15px 35px;
    margin-top: 15px;
}

.list-style-classic.box-primary {
    padding: 0;
}

/* Box border */

.box-border {
    border: 1px solid #eaeaea;
    padding: 20px 30px;
}

/* Box solid */

.box-solid {
    background: #f7f7f7;
    padding: 30px;
}

/* Blockquote */

blockquote {
    position: relative;
    color: #fff;
    background: #252a37;
    padding: 40px;
    border: 0;
    margin: 30px 0 40px;
}

blockquote:before {
    padding: 28px 0 22px;
    content: "\e937";
    font-family: "iconfont";
    color: #fff;
    font-size: 44px;
}

blockquote p {
    font-size: 18px;
    line-height: 28px;
    position: relative;
    z-index: 1;
    font-style: italic;
    font-weight: 600;
}

cite {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
}

.ts-clearfix {
    clear: both;
}

.xs-text-block .lead {
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    color: #9498ab;
    line-height: 30px;
}

/* Blockquote light */

blockquote.light {
    background: #f7f9fd;
    border-right: 5px solid #0022d2;
    color: #626c84;
    padding: 35px;
}

blockquote.light p {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

blockquote.light:before {
    content: "";
    padding: 0;
}

blockquote h4 {
    margin-top: 0;
}

/* Unyson */

.fw-single-image {
    margin: 30px 0;
}

.fw-single-image.no-margin {
    margin: 0;
}

.block-relative {
    position: relative;
}

.fw-single-image.tab-img {
    position: absolute;
    right: -150px;
    top: calc(100% + -120px);
}

.fw-single-image.img-fixed-left {
    top: calc(100% + -155px);
    left: -210px;
    position: absolute;
    width: 500px;
}

/* Gap */

.gap-60 {
    clear: both;
    height: 60px;
}

.gap-40 {
    clear: both;
    height: 40px;
}

.gap-30 {
    clear: both;
    height: 30px;
}

.gap-20 {
    clear: both;
    height: 20px;
}

/* Common styles
================================================== */

/*-- Section title --*/

.section-title {
    font-size: 24px;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 70px;
    position: relative;
    text-transform: capitalize;

position: relative;
text-transform: uppercase;
 
font-size: 28px;
line-height: 1.4;
font-weight: normal;
}

.section-title span {
    font-size: 18px;
    margin-bottom: 10px;
    color: #626c84;
    text-align: center;
    display: block;

    font-family: "Roboto";

    font-weight: 400 !important;
}

/*
.section-title:after{
    content: '';
    position: absolute;
    bottom: -20px;
    height: 1px;
    width: 50px;
    right: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
    border-bottom: 3px solid;
    border-color: #0022d2;
}
*/
/* Section title dashsed */

.section-title-dash {
    font-size: 44px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 90px;
    position: relative;
    margin: 0 auto 90px;
}

.section-title-dash:before {
    position: absolute;
    content: attr(data-title);
    font-size: 150px;
    color: rgba(0, 0, 0, 0.04);
    right: 0;
    top: -70px;
    width: 100%;
}

.section-title-dash:after {
    content: "";
    position: absolute;
    bottom: -20px;
    height: 1px;
    width: 40px;
    right: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
    border-bottom: 2px solid #a2df48;
}

.section-title-dash span.dashborder {
    position: relative;
    display: block;
    margin: 0 auto 0;
    width: 1px;
    height: 2px;
}

.section-title-dash span.dashborder:before,
.section-title-dash span.dashborder:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 25px;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #a2df48;
}

.section-title-dash span.dashborder:after {
    width: 3px;
    right: 34px;
}

.section-title-dash .shortheading {
    font-size: 16px;
    display: block;
}

/* Content title */

.content-title {
    margin-top: 0;
    border-right: 5px solid #0022d2;
    padding-right: 15px;
    line-height: 100%;
    margin-bottom: 0;
}

.content-title span {
    display: block;
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 10px 0;
    display: block;
    text-transform: capitalize;

    font-family: "Roboto";

    font-weight: 400;
}

.content-title.boder-none {
    border-right: 0;
    padding-right: 0;
    line-height: 44px;
    margin-bottom: 0;
    font-size: 36px;
}

/* Border left */

.section-title.border-right {
    padding-right: 140px;
}

.section-title.border-right:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -22px;
    height: 1px;
    width: 115px;
    right: 0;
    z-index: 0;
    border-bottom: 2px solid;
    border-color: #0022d2;
}

.section-title.border-right:after {
    border: 0;
}

.section-title.border-right span {
    text-align: left;
    margin: 10px 0 0;
}

.intro-title {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
}

.intro-sub-title {
    font-weight: 900;
    font-size: 36px;
    line-height: 46px;
    margin: 15px 0 25px;
    color: #1c1c24;
}

section .title-white {
    color: #fff !important;
}

/* Section verticle title */

.section-title-vertical {
    position: relative;
    height: 0;
    z-index: 2;
}

.section-title-vertical .section-title {
    position: absolute;
    right: -240px;
    transform: rotate(-90deg);
    top: 290px;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 70px;
    color: #c7d4f3;
    margin-top: 0;
}

.section-title-vertical .section-title:after {
    top: 15px;
    right: 40px;
    z-index: 0;
    width: 155px;
    border-bottom: 2px solid #c7d4f3;
}

.section-title-vertical .section-title.border-right:before {
    border: 0;
    width: 0;
}

.featured-projects-content .column-title {
    height: 35px;
    overflow: hidden;
}

/* Column title */

.column-title span {
    font-size: 18px;
    line-height: 34px;
    margin: 0 0 10px 0;
    display: block;
    text-transform: capitalize;

    font-family: "Roboto";

    font-weight: 400 !important;
}

.column-title {
    font-weight: 900;
    font-size: 44px;
    line-height: 25px;
    margin: 0 0 25px;
}

.widget-title {
    margin-bottom: 15px;
    font-size: 20px;
}

.long-desc {
    font-size: 16px;
}

/* Classic title */

/* Default list */

.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Ul, Ol */

.list-round,
.list-arrow,
.list-dash {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-round li {
    line-height: 34px;
}

.list-round li:before {
    font-family: FontAwesome;
    content: "\f111";
    margin-left: 10px;
    color: #252a37;
    font-size: 8px;
    position: relative;
    top: -3px;
}

.list-arrow {
    padding: 0;
}

ul.list-dash li:before {
    font-family: FontAwesome;
    content: "\f068";
    margin-left: 10px;
    color: #0022d2;
    font-size: 10px;
}

.fw-list ul li {
    list-style: none;
    position: relative;
    padding-right: 25px;
}

.fw-list ul li:before {
    content: "\f0c8";
    font-family: FontAwesome;
    font-size: 8px;
    color: #252a37;
    position: relative;
    top: 0px;
    right: 0;
    position: absolute;
}

/* List style classic */

.list-style-classic ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-style-classic h3 {
    margin-bottom: 20px;
}

.list-style-classic ul li {
    margin-top: 10px;
}

.case-info-label {
    font-weight: 700;
    float: right;
    width: 50%;
}

/* Custom menu */

.xs-custom-menu {
    padding: 0;
}

.xs-custom-menu > li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.xs-custom-menu > li > a {
    background-color: #f7f9fd;
    color: #626c84;
    padding: 15px 20px;
    border: 0;
    margin-bottom: 8px;
    position: relative;
    display: block;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.xs-custom-menu > li.current-menu-item > a,
.xs-custom-menu > li:hover > a {
    background: #0022d2;
    color: #fff;
}

.xs-custom-menu > li > a:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-left: 10px;
    font-weight: normal;
}

/* Carousel controller */

.carousel-control {
    width: auto;
}
.ts-carousel-controller {
    text-align: center;
    padding-top: 50px;
    z-index: 1;
    position: relative;
}

.ts-carousel-controller .left,
.ts-carousel-controller .right,
.owl-controls .owl-prev,
.owl-controls .owl-next {
    cursor: pointer;
    background: #f6f6f6;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #989898;
    opacity: 1;
    top: auto;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
}
.owl-controls .owl-next {
    margin-right: 6px;
}

.ts-carousel-controller .right:hover,
.ts-carousel-controller .left:hover,
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
    color: #fff;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    display: inline-block;
}

/* Input form */

.form-control {
    box-shadow: none;
    border: 1px solid #f1f1f1;
    padding: 6px 20px;
    height: 50px;
    background: none;
    color: #959595;
    font-size: 14px;
    border-radius: 0;
}

.form-control:focus {
    box-shadow: none;
}

/*-- Pagination --*/

.paging {
    padding: 10px 0 40px;
}

.pagination li a {
    border-radius: 0 !important;
    margin-left: 8px;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
    color: #fff;
    border: 1px solid transparent;
}

/* Top Bar
================================================== */

.top-bar {
    padding: 5px 0;
    position: relative;
    background: #2d3559;
    color: #fff;
    line-height: normal;
}

.top-bar.solid-bg {
    color: #626c84;
    background: #fafafa;
}

/*
.top-bar.solid-bg ul.top-menu li{
    border-left: 1px solid rgba(0,0,0,.2);
}*/

.top-bar.solid-bg ul.top-menu li:last-child {
    border-left: 0;
}

.top-bar.solid-bg ul.top-menu li a,
.top-bar.solid-bg .top-social a {
    color: #626c84;
}

.top-bar.solid-bg ul.top-menu li a:hover,
.top-bar.solid-bg .top-social a:hover {
    color: #0022d2;
}




.top-bar .fa {
	vertical-align: middle;
	background-color:rgba(255, 255, 255, 0.1);
	border:1px solid rgba(0,0,0,0.01);

width: 22px;
height: 26px;
	text-align:center;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;float: left;font-size: 13px;

background: #3333331a;
    background-color: rgba(51, 51, 51, 0.1);
line-height: 25px;
text-align: center;
}
	
	
.top-bar .fa:hover {
color:#fff;
}


.top-bar .fa-twitter:hover {
background-color: #18D1FF !important;
}


.top-bar .fa-facebook:hover {
background-color: #4267B2;
}


.top-bar .fa-pinterest:hover {
background-color: #f00 !important;
}


.top-bar .fa-linkedin:hover {
background-color: #115fc3 !important;
}

.top-bar .fa-youtube:hover {
background-color: #f00 !important;
}






/* Top menu */

#top-bar-menu {
    margin: 0;
    padding: 0;
}

ul.top-menu li {
    display: inline-block;
    font-size: 14px;
    border-left: 1px solid #4c5372;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 10px;
}

ul.top-menu li:last-child {
    border-left: 0;
}

ul.top-menu li a {
    color: #999999;
}

ul.top-menu li a:hover {
    color: #0022d2;
}

/* Top social */

.top-social {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-social a {
font-size: 14px;
margin-left: 8px;
    color: #fff;
float: left;
}

.top-social a:hover {
    color: #fff;
}

/* Top bar transparent */

.topbar-transparent {
    color: #fff;
    background: none;
    box-shadow: none;
    position: absolute;
    padding: 12px 0;
    line-height: normal;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 3;
    height: auto;
    -webkit-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.topbar-transparent ul li a {
    color: #fff;
    font-weight: 600;
}

/* Topbar Taransparent with border */

.topbar-transparent.border-down {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: normal;
}

/* Topbar highlight */

.top-bar.highlight {
    background: #0022d2;
    color: #fff;
}

.top-bar.highlight ul.top-menu li a {
    color: #fff;
    font-weight: 600;
}

.top-bar.highlight ul.top-menu li {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.top-bar.highlight ul.top-menu li:last-child {
    border-left: 0;
}

/* Topbar with Transparent bg */

.topbar-transparent.with-bg {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0 12px;
    line-height: normal;
}

/* Topbar info */

#top-bar .top-info {
    margin: 0;
    float: right;
}

#top-bar .top-info p,
#top-bar .top-info i {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}

#top-bar .top-info i {
    font-size: 16px;
}

#top-bar .top-info .info-icon {
    top: 0;
    margin-left: 5px;
}

#top-bar .top-info .info-wrapper:after {
    height: 15px;
    top: 2px;
    background: rgba(255, 255, 255, 0.2);
}

/* Header area
================================================== */

/* Header default */

.header-trans-rightbox .header-wrapper {
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    padding: 0 20px 0 30px;
    position: relative;
    bottom: -40px;
    z-index: 99;
}

.header-trans-rightbox .header-wrapper:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.35);
    display: block;
    width: 300%;
    height: 100%;
    left: -300%;
    top: 0;
}

.header.header-box-right {
    height: 60px;
    box-shadow: none;
    position: absolute;
    width: 100%;
}

.header-box-right .header-wrapper {
    bottom: -15px;
}

.header-wrapper {
    background: #0022d2;
    color: #fff;
    padding: 0 30px;
    position: relative;
    bottom: -40px;
    z-index: 99;
}

.header-wrapper:before {
    content: "";
    position: absolute;
    background: #0022d2;
    display: block;
    width: 300%;
    height: 100%;
    left: -300%;
    top: 0;
}

/* Header standard common */
.header-standard ul.main-menu {
    float: left;
    padding-left: 80px;
}

.header-standard .search-block .search-close {
    line-height: 35px;
}

/* Header 2 */

.header-standard.header-transparent {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    top: 50px;
}

.header-standard.header-transparent ul.navbar-nav > li > a {
    color: #fff;
}

/* Header 3 */

.header-standard {
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.header-standard ul.navbar-nav > li > a {
    color: #252a37;
    line-height: 80px;
}

.header-standard ul.navbar-nav > li.active > a,
.header-standard ul.navbar-nav > li:hover > a {
    color: #0022d2;
}

.header-standard .container {
    position: relative;
}

.header-standard .site-nav-inner {
    padding-left: 50px;
}

.header-standard .nav-search {
    top: 22px;
    left: 25px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #0022d2;
    border-radius: 100%;
}

.header-standard .search-block .search-close {
    color: #fff;
    top: -70px;
    left: 10px;
    background: #0022d2;
    opacity: 1;
    width: 45px;
    height: 45px;
    line-height: 25px;
    border-radius: 100%;
}

/* Header 4 */

.header-standard.header-boxed {
    background: none;
    position: absolute;
    box-shadow: none;
    top: 50px;
    right: 0;
    left: 0;
}

.header-standard.header-boxed .row {
    background: #fff;
    z-index: 1;
    margin: 0;
    padding: 0 20px;
}

.header-standard.header-boxed .nav-search {
    background: #0022d2;
}

.header-standard.header-boxed .search-block .search-close {
    background: #0022d2;
}

/* Header 5 */

.header-standard.header-boxed.highlight .row {
    background: #0022d2;
}

.header-standard.header-boxed.highlight ul.navbar-nav > li > a {
    color: #fff;
}

/* Header 6 */

.site-navigation.navdown {
    position: relative;
}

.site-navigation.navdown .navbar-collapse {
    padding-right: 0;
}

.site-navigation.navdown ul.navbar-nav > li > a {
    line-height: 56px;
}

.site-navigation.navdown ul.navbar-nav.main-menu > li:first-child {
    margin-right: 0;
}

.site-navigation.navdown ul.main-menu > li.menu-item-has-children > a:after {
    margin-top: -30px;
}

.nav-down.nav-box .site-navigation.navdown ul.navbar-nav > li:first-child > a {
    padding-right: 15px;
}

.site-navigation .nav-search {
    top: 0;
    z-index: 2;
    width: 56px;
    height:56px;
    line-height: 56px;
    left: 65px;
    background: rgba(0, 0, 0, 0.2);
}

.site-navigation .nav-search i.stm-tracking {
font-size:22px;
    line-height: 56px;
}

.site-navigation .search-block .search-close {
top: -56px;
z-index: 2;
width: 56px;
height: 56px;
line-height: 49px;
left: 0;
background: #00000033;
}

/* Header 7 */

.header.nav-down.nav-box {
    height: 145px;
}

.header.nav-down.nav-box .site-navigation.navdown {
    background: none;
}

.header.nav-down.nav-box .site-navigation.navdown .row {
    position: relative;
    bottom: 0;
    z-index: 1;
    margin: 0;
}

.header.nav-down.nav-box .nav-search {
    left: 15px;
}

/* Header 8 */

.header.nav-down.nav-boxed-transparent {
    color: #fff;
    background: none;
    box-shadow: none;
    position: absolute;
    width: 100%;
    right: 0;
    top: 40px;
    z-index: 2;
    height: auto;
    -webkit-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.header.nav-down.nav-boxed-transparent .site-navigation.navdown {
    background: none;
}

.header.nav-down.nav-boxed-transparent .site-navigation.navdown .row {
    position: relative;
    /*background: #0022d2;*/
    bottom: 0;
    z-index: 1;
    margin: 0;
}

.header.nav-down.nav-boxed-transparent p,
.header.nav-down.nav-boxed-transparent i {
    color: #fff !important;
}

/* Header 9 */

.header.header-solid {
    background: #0022d2;
    color: #fff;
}

.header.header-solid .top-info li .info-wrapper p,
.header.header-solid .top-info .info-icon {
    color: #fff;
}

.header.header-solid .top-info li .info-wrapper:after {
    background: rgba(255, 255, 255, 0.1);
}

.header.header-solid .top-info li.last .info-wrapper:after {
    background: none;
}

.site-navigation.navdown.nav-transparent {
    background: transparent;
    position: absolute;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    right: 0;
    left: 0;
    z-index: 2;
}

/*-- Header common --*/

.header-trans-rightbox,
.header-transparent {
    background: none;
    box-shadow: none;
    position: absolute;
    width: 100%;
    right: 0;
    top: 10px;
    z-index: 2;
    height: auto;
    -webkit-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.header {
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    z-index: 2;
    background: url(../images/pattern2.png);
    position: relative;
    z-index: 11;
}


.header:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff6;z-index:1;
}


.footer-widget-area,
.header .container {

    position: relative;
z-index:2;

}



.navbar-fixed {
    z-index: 99999;
    position: fixed;
    opacity: 0.98;
    width: 100%;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    -moz-animation: fadeInDown 800ms;
    -ms-animation: fadeInDown 800ms;
    -o-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
}

/*-- Logo --*/

.logo {
  margin: 5px 0;
}

.logo a {
    display: table-cell;
    vertical-align: middle;
}
/*
.header.nav-down .logo{
    height: 110px;
}
*/
/* header right */

.header-left {
    float: left;
}

.top-info {
    list-style: none;
    margin: 48px 0 0;
    padding: 0;
    float: left;direction: rtl;
}

.top-info li {
    display: inline-block;
}

.top-info li:last-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

.top-info .info-icon {
    font-size: 20px;
    color: #0022d2;
    display: inline-block;
    top: -15px;
    position: relative;
    margin-left: 10px;
}

.top-info .info-wrapper {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}
/*
.top-info li .info-wrapper:after{
    position: absolute;
    content: '';
    background: #ddd;
    left: -15px;
    width: 1px;
    height: 35px;
    top: 4px;
}
*/

.top-info li .info-icon {
    width: 40px;
    height: 40px;
    align-items: center;
    line-height: 40px;
    text-align: center;
    border: 1px dashed;
    display: inline-block;
}

/*
.top-info li:nth-last-child(1) .info-wrapper:after{
    background:none;
}

*/

.top-info li .info-wrapper p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: normal;

    color: #252a37;
}

.top-info li.last .info-wrapper:after {
    background: none;
}

.top-info li .info-wrapper p.info-subtitle {
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
    margin-top: 5px;
}

/*-- Nav Search start --*/

.site-navigation .container,
.search-area {
    position: relative;
}

.search-area {
    min-height: 70px;
    padding-left: 0;
}

.nav-search {
    position: absolute;
    cursor: pointer;
    top: 32px;
    left: 0;
    color: #fff;
    width: 30px;
    text-align: center;
}



.search-block {
    background: #1f1f1f;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 15px 20px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 350px;
    z-index: 10;
    margin-top: 0;margin-top: 0;
background: #273242;
width: 315px;
padding: 20px 30px 28px;
text-align: right;
}




.nav-search:hover {
background: #273242;
}


.nav-search:hover .search-block  {
display: block !important;
}






.search-block .form-control {
    background: none;
    border: 0;

    color: #333;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 15px;
background: #fff;
text-align: right;
direction: rtl;
}

.search-block .search-close {
    color: #fff;
    position: absolute;
    top: -62px;
    left: -14px;
    font-size: 32px;
    cursor: pointer;
    padding: 5px;
    width: 30px;
    height: 30px;
    line-height: 14px;
    text-align: center;
}

.search-area .nav-search {
    top: 23px;
}

.search-area .search-block .search-close {
    top: -50px;
}

.search-area .search-block {
    left: 0;
}

/* Get a quote */

.header-get-a-quote .btn-primary {
    padding: 13px 25px;
    border-radius: 3px;
    line-height: normal;
    color: #fff;
    position: relative;
    top: -12px;
}

.header-get-a-quote .btn-primary:hover {
    background: #1f1f1f;
}

/* Header 
================================================== */

/*-- Banner --*/

.banner-area {
    position: relative;
    min-height: 500px;
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}

.banner-area .container {
    position: relative;
}

.banner-title {
    color: #fff;
    font-size: 100px;
    margin-bottom: 30px;
}

.banner-heading {
    padding: 100px 0 0 0;
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 500px;
}

.breadcrumb {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    background: none;
    font-size: 16px;
    font-weight: 700;
}

.breadcrumb a:hover {
    color: #fff;
}

.breadcrumb > li + li:before {
    color: #fff;
}

/* Navigation
================================================== */

ul.navbar-nav.main-menu > li {
    position: relative;
    float: none;
    display: inline-block;
    padding: 0 8px;border-left: 1px solid #2626261a;
}

ul.navbar-nav.main-menu > li:last-child {
border-left:0;
}

ul.main-menu > li > a {
    color: #fff;
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding: 0 15px;
    line-height: 80px;
    font-size: 16px;
    margin: 0;
    text-transform: capitalize;
    position: relative;

    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}



ul.main-menu > li:hover > a:before {

    border-color: #fff;
    opacity: 1;
    transform: scale(1) translateZ(0);
}

ul.main-menu > li > a:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    border-bottom: 3px solid #fff;
    transform: scale(0) translateZ(0);
    -webkit-transition: -webkit-transform 0.45s ease, opacity 0.55s ease;
    -moz-transition: -moz-transform 0.45s ease, opacity 0.55s ease;
    -ms-transition: -ms-transform 0.45s ease, opacity 0.55s ease;
    -o-transition: -o-transform 0.45s ease, opacity 0.55s ease;
    transition: transform 0.45s ease, opacity 0.55s ease;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.current-menu-item > a {
    background: none;
}

ul.main-menu > li:first-child:after {
    display: none;
}

#responsive-menu {
    display: none;
}

.menubar.site-nav-inner {
    margin-bottom: 0;
    min-height: 0;
    padding: 0;direction: rtl;
}

ul.main-menu li ul {
    z-index: 998;
}
ul.main-menu > li.menu-item-has-children a {
    position: relative;
}
ul.main-menu > li.menu-item-has-children > a:after {
    font-family: FontAwesome;
    position: absolute;
    clear: both;
    content: "\f107";
    display: block;
    font-size: 14px;
    left: 0;
    top: 50%;
    margin-top: -40px;
}
ul.main-menu {
    float: none;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

ul.main-menu > li ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

ul.main-menu > li > ul.sub-menu > li.menu-item-has-children > a:after {
    display: block;
    content: "\f105";
    font-family: FontAwesome;
    float: left;
    margin-top: 0;
    margin-left: -5px;
}
ul.main-menu > li:hover > ul {
    top: 0;
}
ul.main-menu li ul li ul {
    position: absolute;
    right: 200px;
    top: 0;
}
ul.main-menu li > ul > li {
    float: none;
    margin: 0;
}
ul.main-menu li ul {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 993;
    width: 220px;
    padding: 0;
}

ul.main-menu li ul li:first-child a {
    border-top: 0;
}

/*
ul.main-menu li ul li:last-child li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

*/

/* Dropdown Menu */

ul.main-menu li > ul {
    opacity: 0;
    visibility: hidden;
    background: #fff;
    z-index: 100;
    min-width: 220px;
    border: 0;
padding: 0px 15px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.28s ease-in-out;
    -moz-transition: all 0.28s ease-in-out;
    -ms-transition: all 0.28s ease-in-out;
    -o-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
    text-align: right;
}

ul.main-menu li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

ul.main-menu li ul li {
    position: relative;
    float: none;
    list-style: none;
    border-bottom: none;
    margin-bottom: 5px;
    line-height: normal;
}

ul.main-menu li ul li a {
    height: inherit;
    float: inherit;
    text-align: right;
    display: block;
    margin: 0 !important;
    z-index: 993;
    color: #595959;
    padding: 10px 5px;
    font-size: 15px;
    border-top: 1px solid #38393d1a;
    transition: color 300ms !important;
    -webkit-transition: color 300ms !important;
}

ul.main-menu li > ul.sub-menu > li > a:hover,
ul.main-menu li ul li.current-menu-item a {
    color: #fc6b2a;
}
ul.main-menu li:hover > ul li > ul {
    top: 0;
}

.display-header .site-navigation.navigation {
    background: rgba(251, 251, 251, 0.49);
}

.site-navigation-inner {
    border-radius: 4px 4px 0 0;
}

.navbar-toggle:focus {
    border: none;
    box-shadow: none;
    outline: 0;
}

.navbar-toggle .icon-bar {
    width: 22px;
    height: 2px;
    background: #fff;
    transition: 300ms;
    -webkit-transition: 300ms;
    display: block;display: block;
margin: 0 auto;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 2px;
}

.navbar-toggle {
    background: #0022d2;
    float: none;
    position: relative;
    margin: 0;
    margin-right: 0px;
    padding: 0;
    margin-top: 22px;
    border: none;
    border-radius: 0;
    padding: 10px;
}

.navbar-toggle .menu-text {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: -3px;
    font-weight: 500;
    color: #283033;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.menuwithlogo .navbar-header .navbar-toggle {
    margin-right: 0;
    margin-top: -15px;
    float: left;
    cursor: pointer;
}

.menuwithlogo .navbar-header .navbar-toggle .menu-text {
    display: none;
}

.menuwithlogo .navbar-header {
    text-align: center;
}

.navbar-responsive-collapse.collapse.in {
    min-height: 320px;
}

/* Main navigation white */

.navigation.nav-solid {
    background: #eee;
}
.nav-solid ul.navbar-nav > li > a {
    color: #222;
}
.nav-solid ul.main-menu > li:before {
    background: #ccc;
}
/* mobile menu */

#responsive-menu {
    padding-bottom: 0;
}
#responsive-menu .navbar-nav {
    margin: 0;
    padding: 0;
}
#responsive-menu ul li span.menu-toggler {
    display: inline-block;
    width: 34px;
    cursor: pointer;
    background: #000;
    color: #fff;
    height: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 99;
    font-size: 16px;
}
#responsive-menu ul li ul {
    padding: 0 0 0 30px;
    list-style: none;
    margin: 0;
}

#responsive-menu ul li a {
    transition: 400ms;
    -webkit-transition: 400ms;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#responsive-menu ul li:last-child a {
    border-bottom: 0;
}

#responsive-menu #menu-main-menu {
    margin: 0;
    padding: 0;
}
#responsive-menu .nav > li > a {
    padding-right: 0;
    padding-left: 0;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
text-transform: capitalize;
}

#responsive-menu .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}
#responsive-menu ul li {
    display: block;
    position: relative;
}

#responsive-menu ul > li.menu-item-has-children > ul li a {
    padding-right: 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
    /* header */
    .main-menu > li > a {
        padding: 0 0 0 25px;
    }
}

/* Slideshow
================================================== */

/*-- Main slide --*/

#main-slide .item {
    min-height: 600px;
    color: #fff;
    background-position: 100% 100%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}
#main-slide .item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}
#main-slide .item .slider-content {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    -webkit-backface-visibility: hidden;
}

#main-slide .item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    padding: 50px 0 0 0;
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 600px;
}

.slide-title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 100;
    color: #fff;
    margin: 0;

    font-family: "Roboto";

    -webkit-backface-visibility: hidden;
    font-weight: 400;
}

.slide-sub-title {
    font-style: normal;
    font-size: 94px;
    line-height: 100px;
    margin: 10px 0 20px;
    color: #fff;
    font-weight: 700;
    -webkit-backface-visibility: hidden;
}

#main-slide .slider-content.text-center .slide-sub-title {
    font-size: 76px;
    line-height: 90px;
}

.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-right: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
}

.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative;
}

.slider-img {
    display: block;
    position: absolute;
    top: -80px;
    right: 20%;
    width: 314px;
    max-height: 100%;
}

.slider-img img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}

.slider.btn {
    margin: 40px 5px 0;
    border: 2px solid transparent;
}

.slider.btn.btn-border {
    border: 2px solid #fff;
}

.slider.btn.btn-border:hover {
    border: 2px solid transparent;
}

.slider-description {
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    margin: 20px 0 0;
}

.slider.btn.btn-primary:hover {
    background: #1f1f1f;
}

/* Carousel control */

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin: 1px !important;
    border-radius: 100% !important;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.5);
}
#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background: #0022d2;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators {
    opacity: 1;
    filter: alpha(opacity=100);
}
#main-slide .carousel-control .fa-angle-right,
#main-slide .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main-slide .carousel-control .fa-angle-right {
    right: 20px;
}
#main-slide .carousel-control .fa-angle-left {
    left: 20px;
}
#main-slide .carousel-control i {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    line-height: 58px;
    width: 60px;
    height: 60px;
    font-size: 36px;
    border-radius: 0;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#main-slide .carousel-control i:hover {
    background: #0022d2;
    color: #fff;
}
#main-slide .carousel-indicators {
    display: none !important;
}
/*-- Animation */

.carousel .item.active .animated1 {
}
.carousel .item.active .animated2 {
    -webkit-animation: slideInLeft 0.5s ease-in 300ms both;
    animation: slideInLeft 0.5s ease-in 300ms both;
}
.carousel .item.active .animated3 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 300ms both;
    animation: fadeInLeft 1.5s ease-in-out 300ms both;
}
.carousel .item.active .animated4 {
    -webkit-animation: lightSpeedIn 1.5s ease-in 300ms both;
    animation: lightSpeedIn 1.5s ease-in 300ms both;
}
.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}
.carousel .item.active .animated6 {
    -webkit-animation: fadeInRight 1s ease-in 200ms both;
    animation: fadeInRight 1s ease-in 200ms both;
}
.carousel .item.active .animated7 {
    -webkit-animation: fadeInRight 1.5s ease-in 300ms both;
    animation: fadeInRight 1.5s ease-in 300ms both;
}
.carousel .item.active .animated8 {
    -webkit-animation: bounceInDown 1s ease-in 800ms both;
    animation: bounceInDown 1s ease-in 800ms both;
}

/*-- Owl slide common --*/

.owl-carousel.page-slider {
    z-index: 0;
}

.owl-carousel.page-slider .owl-nav {
    margin: 0;
}

.owl-carousel .owl-nav {
    text-align: center;
width: 100% !important;
display: none !important;
}

.owl-carousel.owl-theme .owl-nav [class*="owl-"] {
    background: #0022d2;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    margin: 0;
    border-radius: 0;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;

}

.owl-carousel.owl-theme .owl-nav [class*="owl-prev"] {
    left: 40px !important;
}

.owl-carousel.owl-theme .owl-nav [class*="owl-next"] {
    right: 40px !important;
}


.owl-carousel.owl-theme .owl-nav > div:hover {
    background: #272d33;
}

.owl-theme .owl-dots {
    text-align: center;
    margin-top: 40px;
    position: relative;
    z-index: 1;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 4px;
    margin: 5px 4px;
    background: #000;
    opacity: 0.2;
    display: inline-block;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #0022d2;
    opacity: 1;
}

/* Smart slider */

.n2-ss-button-container a,
div#n2-ss-2 .n2-ss-button-container,
div#n2-ss-2 .n2-ss-button-container a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* Page Slider */

.page-slider.owl-carousel.owl-theme .owl-nav [class*="owl-"] {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 100px;
    line-height: 100px;
    border-radius: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-top: -25px;
}
.page-slider.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #0022d2;
}
.page-slider.owl-theme .owl-nav div {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    width: 36px;
    height: 72px;
    line-height: 72px;
    font-size: 26px;
    text-align: center;
    margin: 0;
    border-radius: 0;
    -webkit-transition: 400ms;
    transition: 400ms;
    transition: 400ms;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
}
.page-slider.owl-theme .owl-nav div:hover {
    background: #0022d2;
    color: #fff;
}
.page-slider.owl-theme .owl-nav [class*="owl-prev"] {
    left: auto;
    right: 0;
}
.page-slider .item {
    position: relative;
    z-index: 2;
    min-height: 700px;
    background-position: 50% 50%;
    background-size: cover;
}
.page-slider.page-slider-small .item {
    max-height: 500px;
    min-height: auto;
}
.page-slider .owl-item .box-slider-content {
    opacity: 0;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}
.page-slider .owl-item.active .box-slider-content {
    opacity: 1;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
}
.page-slider .owl-item.active .box-slider-text {
    -webkit-animation: slideInRight 0.8s ease-out 1s both;
    animation: slideInRight 0.8s ease-out 1s both;
}

.page-slider-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 20px;
    background: rgba(255, 255, 255, 0.9);
}
.page-slider-caption h3 {
    font-size: 20px;
}
.page-slider-caption span {
    font-weight: 400;
}

/* Owl Box slider */
.box-slider-content {
    top: 50%;
    padding: 0;
    position: absolute;
    width: 600px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
}

.box-slider-text {
    background: #fff;
    display: inline-block;
    padding: 30px;
    max-width: 650px;
}

.box-slider-text .slider.btn {
    padding: 12px 40px;
    margin: 15px 5px 0;
}
.box-slider-text .slider.btn.btn-border {
    border: 2px solid;
    border-color: #0022d2;
    color: #252a37;
}
.box-slider-text .slider.btn.btn-border:hover {
    color: #fff;
    border-color: transparent;
}

.box-slide-title {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    color: #666;
}

.box-slide-sub-title {
    font-size: 36px;
    margin: 12px 0 10px;
}

.box-slide.owl-theme .owl-controls {
    margin: -20px;
}

/* Feature box
================================================== */

/* Common */

.ts-feature-info {
    z-index: 1;
    position: relative;
}



.ts-feature-box .ts-feature-info .feature-content {
height: 250px;
overflow: hidden;
}

.ts-feature-title {
    font-size: 22px;
    margin: 30px 0 20px;
}

.ts-feature-box .feature-icon {
    color: #0022d2;
    font-size: 60px;
}

/* Feature Box Round */

.ts-feature-box-round .xs-main-overlay {
    border-radius: 5px;
}

.ts-feature-box-round .ts-feature-box .ts-feature-info {
    height: 215px;
    padding: 50px 0 30px;
}

.ts-feature-box-round .ts-feature-title {
    font-size: 22px;
    margin: 10px 0 0px;
}

.ts-feature-box-round .box-round-highlight {
    margin-top: -30px;
}

/* Feature style One */

.fw-container-fluid .ts-feature-box .ts-feature-info {
color: #fff;
padding: 14px;
height: 408px;
}

.fw-container-fluid .ts-feature-box .ts-feature-title,
.fw-container-fluid .feature-icon,
.column-bg .feature-icon,
.column-bg .ts-feature-title {
    color: #fff !important;
}

/* Feature classic icon left */

.ts-feature-info.icon-right .feature-icon {
    float: right;
    font-size: 50px;
}

.ts-feature-info.icon-right .feature-content {
    margin-right: 80px;
}

.ts-feature-info.icon-right .ts-feature-title {
    font-size: 22px;
    margin: 0 0 5px 0;
}

/* Feature classic icon left round */

.ts-feature-info.icon-right.icon-round .feature-icon {
    float: right;
    font-size: 36px;
    background: #a2df48;
    color: #fff;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    line-height: 80px;
    text-align: center;
}

.ts-feature-info.icon-right.icon-round .feature-content {
    margin-right: 110px;
}

.ts-feature-info.icon-right.icon-round .ts-feature-title {
    margin-bottom: 10px;
}

/* Feature Img box */

.feature-img-box .feature-content h3 {
    margin: 30px 0 20px;
}

/* Feature Img Box Left */

.feature-img-box-right .feature-content {
    margin-right: 80px;
}

.feature-img-box-right .feature-content .btn-dark {
    margin-top: 15px;
}

.feature-img-box-right .feature-content h3 {
    margin-top: 0;
}

/* Feature Toll call to action */

.toll-free-cta {
    background: #2d3559;
    display: inline-block;
    text-align: center;
    padding: 30px 80px;
    position: relative;
    margin-top: 20px;
}

.toll-free-cta:before {
    bottom: 100%;
    right: 55px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-bottom-color: #2d3559;
    border-width: 20px;
}

.toll-free-cta h3,
.toll-free-cta p {
    margin: 0;
}

.toll-free-cta h3,
.parallax-section .feature-content .toll-free-cta h3 {
    color: #a2df48;
    font-size: 40px;
}

/* Cta text white */

.cta-text-white h3,
.cta-text-white p {
    color: #fff;
}

.cta-text-white p {
    margin-bottom: 0;
}

/* Intro area
================================================== */

.feature-intro-box {
    position: relative;
    margin: 20px;
}

.feature-intro-box .feature-intro-img {
    height: 400px;
}
.feature-intro-box .feature-intro-img img {
    width: 95%;
    height: 100%;
}
.feature-intro-content {
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    padding: 40px 30px;
    z-index: 1;
    width: 345px;
    min-height: 360px;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 20px 25px 15px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.feature-intro-content h3 {
    font-size: 180px;
    line-height: 100%;
}

.feature-intro-content p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.intro-shape:after {
    content: "";
    position: absolute;
    left: 0;
    z-index: -1;
    border-right: 400px solid transparent;
    border-left: 0 solid transparent;
    border-bottom: 400px solid #0022d2;
    bottom: -40px;
}

/* Services
================================================== */

.ts-service-box {
    margin-bottom: 50px;
}

.ts-service-content {
    position: relative;
}

.ts-service-icon i {
    font-size: 70px;
    position: absolute;
    left: 0;
    color: #f2f2f2;
    z-index: -1;
}

.service-title {
    margin-top: 25px;
}

.ts-service-box h3 {
    font-size: 22px;
}

/* Services overlay */

.ts-service-overlay {
    position: relative;
    min-height: 310px;
    overflow: hidden;
    margin-bottom: 30px;
}

.ts-service-overlay:before {
    position: absolute;
    content: "";
    background: rgba(45, 53, 89, 0.85);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.ts-service-overlay .service-content {
    position: absolute;
    bottom: -198px;
    text-align: center;
    padding: 40px;
    color: #fff;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.ts-service-overlay .service-content p {
    opacity: 0;
    line-height: 26px;
}

.ts-service-overlay .service-title {
    color: #fff;
    background: rgba(162, 223, 72, 0.85);
    margin: 0;
    padding: 15px 0 20px;
    font-size: 22px;
}

.ts-service-overlay .service-title i {
    font-size: 28px;
    position: relative;
    bottom: -5px;
    left: 10px;
}

.ts-service-overlay:hover .service-content,
.ts-service-overlay:hover .service-content p {
    bottom: 0;
    text-align: right;
    opacity: 1;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.ts-service-overlay:hover:before {
    opacity: 1;
}

.ts-service-overlay:hover .service-title {
    background: none;
}

.ts-image-wrapper img {
    width: 100%;
}

.ts-service-overlay .btn {
    margin-top: 15px;
}

/* Btn icon bg */

.btn-primary.icon-bg {
    padding: 10px 20px;
    border-radius: 3px 0 0 3px;
    position: relative;
}

.btn-primary.icon-bg i {
    padding: 12px 17px;
    background: #2d3559;
    width: 55px;
    height: 45px;
    display: inline-block;
    position: absolute;
    margin-right: 20px;
    font-weight: 700;
    top: -2px;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
}

.btn-primary.icon-bg:hover i {
    background: #1f1f1f;
}

/* All Tabs
================================================== */

/* Featured Tab */

.featured-tab .nav-tabs {
    border: 0;
}

.featured-tab .nav-tabs > li > a {
    font-weight: 600;
    background: none;
    border-radius: 0;
    min-width: 200px;
    min-height: 100px;
    padding: 25px 80px;
    border: 0;
    margin-left: -1px;
    color: #252a37;
    text-align: center;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    transition: all 300ms ease;
}

.featured-tab .nav-tabs > li.active > a {
    color: #0022d2;
    background: #fff;
    /*box-shadow: 0 2px 30px -5px #e0e5f0;*/
    -webkit-box-shadow: 0 -5px 14px -5px rgba(0, 0, 0, 0.05), -5px 5px 14px -13px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -5px 14px -5px rgba(0, 0, 0, 0.05), -5px 5px 14px -13px rgba(0, 0, 0, 0.05);
}

.tab-text-title {
    display: block;
    margin-top: 20px;
}

.featured-tab .tab-content {
    background: #fff;
    border: 0;
    border-top: 0;
    padding: 40px 30px;
    min-height: 430px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.05);
}

.featured-tab .bg-contain-verticle {
    min-height: 380px;
}

.bg-contain-verticle {
    background-image: url(../images/tab-shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle !important;
    padding: 30px 25px;
    margin: -10px;
}

.bg-contain-verticle.pull-right {
    margin: 0 40px 10px 0;
}

.bg-contain-verticle.pull-left {
    margin: 0 0 0 40px;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.tab-content-info {
    padding: 0 20px 0 10px;
}

.tab-content-info .btn-light {
    font-weight: 800;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: transparent;
    border-color: transparent;
}

.tab-content-info .btn-light i {
    padding-right: 5px;
}

.tab-content-info .btn-light:hover {
    color: #0022d2;
    background-color: transparent;
}

.tab-content-title {
    font-size: 30px;
    line-height: 22px;
    margin-top: 40px;
    margin-bottom: 20px;
    display: inline-block;
}

.featured-tab .tab-pane img.pull-right {
    margin: 0 40px 10px 0;
}

.featured-tab .tab-pane img.pull-left {
    margin: 0 0 0 40px;
}

.featured-tab .nav-tabs > li > a {
    position: relative;
    z-index: 2;
}

.featured-tab .nav-tabs > li.active > a:after {
    position: absolute;
    right: 50%;
    bottom: 0;
    content: "";
    width: 100px;
    height: 3px;
    background: #2154ce;
    margin-right: -50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.featured-tab .nav-tabs > li.active > a .tab-head span {
    color: #2154ce;
}

.tab-head span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #222222;
}

.tab-head i {
    font-size: 44px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #2154ce;
}

/* Landing Tab */

.landing-tab {
    position: relative;
    z-index: 10;
}

.landing-tab .nav-tabs {
    border-left: 1px solid #e7e7e7;
    padding: 25px 0;
    border-bottom: 0;
}

.landing-tab .nav-tabs > li.active {
    margin-left: -3px;
}

.landing-tab .nav-tabs > li.active .tab-info h3 {
    color: #323232;
}

.landing-tab .nav-tabs > li {
    padding: 15px 0;
}

.landing-tab .nav-tabs > li > a {
    background: none !important;
    border-radius: 0;
    padding: 0 15px 0;
    color: #6a6a6a !important;
    position: relative;
    border: 0 !important;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.landing-tab .nav-tabs > li > a:hover {
    background: none;
}

.landing-tab .tab-icon {
    font-size: 28px;
    display: inline-block;
}

.landing-tab .tab-info {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 70px;
    top: 50%;
    margin-top: -12px;
}

.landing-tab .tab-info h3 {
    font-size: 18px;
    line-height: normal;
    margin: 0;
    color: #6a6a6a;

    font-family: "Roboto";

    font-weight: 500;
}

.landing-tab .tab-pane h3 {
    margin-top: 0;
    line-height: normal;

    font-family: "Roboto";

    font-weight: 500;
}

.landing-tab .tab-pane h3.text-center {
    margin-bottom: 25px;
}

.landing-tab .tab-pane {
    padding-right: 95px;
    text-align: justify;
}

.landing-tab .tab-pane i.big {
    font-size: 200px;
    margin-bottom: 30px;
    display: block;
}

/* Insurance tab */

.insurance-tab .nav.nav-tabs {
    border-bottom: 0;
    margin-bottom: 50px;
}

.insurance-tab .nav.nav-tabs > li > a {
    background: none;
    border: 0;
    color: #323232;
    padding: 0 30px 0 0;
    font-weight: 500;
}

.insurance-tab .nav.nav-tabs > li.active > a,
.insurance-tab .nav.nav-tabs > li:hover > a {
    color: #a2df48;
}

.insurance-tab .nav.nav-tabs > li > a span {
    font-size: 28px;
    margin-left: 8px;
    position: relative;
    bottom: -8px;
}

/* Insurance Quote form */

.ts_ins_quote h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.wpcf7-form .ts_ins_quote .wpcf7-form-control-wrap .wpcf7-form-control {
    background: none;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    font-style: italic;
    margin-top: 15px;
}

/* Counter
================================================== */

.facts {
    position: relative;
    text-align: center;
    padding: 25px 0 5px;
    margin-right: -100px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.facts i {
    font-size: 54px;
    color: #a4a7af;
}

.facts-num .funfact {
    font-size: 30px;
    font-weight: 700;
    color: #252a37;
    margin-top: 15px;
    margin-bottom: 0;
    display: inline-block;
}

.facts h4 {
    font-size: 18px;
    margin-top: 8px;
    text-transform: uppercase;
}

/* Fact box */

.fact-box i {
    font-size: 54px;
    color: #fff;
}

.fact-box .facts-num {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 0;
}

.fact-box .fact-title {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.fact-box p {
    font-weight: 700;
    color: #fff;
}

/* Facts Col */

.ts-facts-col {
    padding: 0;
}

.ts-facts-col .facts {
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5px 0 0;
}

.ts-facts-col:nth-child(2) .facts,
.ts-facts-col:nth-child(4) .facts {
    border-left: 0;
}

.ts-facts-col:nth-child(3) .facts,
.ts-facts-col:nth-child(4) .facts {
    border-bottom: 0;
}

.ts-facts-col .facts i {
    color: rgba(255, 255, 255, 0.25);
    position: absolute;
    top: 15px;
    font-size: 70px;
}

.ts-facts-col .facts-num .funfact,
.ts-facts-col .facts p {
    color: #fff;
    font-weight: 700;
}

/* Case Study
================================================== */

.ts-featured-projects {
    padding-top: 0;
}

#featured-projects-slide {
    position: relative;
}

#featured-projects-slide .owl-stage-outer {
    padding-top: 10px;
}

#featured-projects-slide .item {
}

.featured-projects-slide .owl-nav {
    display: block !important;
}

.featured-projects-content {
    border: 1px solid #0022d2;
    background: #f7f9fd;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    padding: 15px;
}

/*
.featured-projects-text{
    max-width: 440px;
    padding: 0px 30px 0 0;
}
*/

.featured-projects-text.pull-left {
    padding: 50px 0 0 30px;
}

.featured-projects-text .intro-desc {
    height: 180px;
    overflow: hidden;
}

/*
.features-slider-img{
    margin-top: -75px;
}*/

.features-slider-img {
    height: 330px;
}

.features-slider-img img {
    height: 100%;
}

.featured-projects-content .btn-primary {
    margin-top: 15px;
}

/* Owl Page slider */

.owl-carousel.featured-projects-slide.owl-theme .owl-nav > div {
top: -30px;
right: 0px;
width: 35px;
height: 35px;
line-height: 34px;
font-size: 25px;
color: #fff;
border: 1px solid #E5E5E5;
color:#333;
background:none;
}

.owl-carousel.featured-projects-slide.owl-theme .owl-nav > .owl-next {
    right: 40px;
}

.owl-carousel.featured-projects-slide.owl-theme .owl-nav > .disabled {
    background: #90a9e7;
}

/* Team
================================================== */

.ts-team-wrapper {
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.03);
    text-align: center;
    min-height: 380px;
}

.ts-team-content {
    position: relative;
    right: 0;
    width: 100%;
    height: 100%;
    height: 95px;
    padding: 20px 25px;
    margin-top: 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.team-img-wrapper {
    position: relative;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.team-img-wrapper:after {
    position: absolute;
    content: "";
    background: rgba(31, 31, 31, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.team-img-wrapper img {
    width: 100%;
}

.ts-team-content .team-name {
    font-size: 20px;
    margin: 0;
    line-height: normal;
}

.ts-team-content .team-designation {
    font-size: 14px;
    font-style: italic;
}

.team-social-icons {
    display: none;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.team-social-icons a,
.team-social a {
    color: #252a37;
    margin-left: 12px;
    text-align: center;
}

.team-social-icons a:hover,
.team-social a:hover {
    color: #0022d2;
}

/* Hover */

.ts-team-wrapper:hover .ts-team-content {
    position: absolute;
    top: 50%;
    margin-top: -95px;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.ts-team-wrapper:hover .ts-team-content h3,
.ts-team-wrapper:hover .ts-team-content p {
    color: #fff;
}

.ts-team-wrapper:hover .team-img-wrapper:after {
    opacity: 1;
    left: 0;
}

.ts-team-wrapper:hover .team-social-icons {
    display: block;
    height: 95px;
    padding: 30px 0;
}

/* Team style 2 */

.team.team-list .team-content h3 {
    margin-bottom: 5px;
}

.team-designation {
    font-style: italic;
}

/* Team style 3 border */

.team.team-list-border .team-img img {
    width: 100%;
}

.team.team-list-border .team-content {
    border: 1px solid #f0f0f0;
    border-top: 0;
    padding: 20px 30px 15px;
}

.team.team-list-border .team-content h3 {
    margin: 0;
}

.team.team-list-border .team-social {
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
    margin-top: 20px;
}

.team.team-list-border .team-social a {
    margin-left: 20px;
}

/* Pricing table
================================================== */

.pricing {
    padding-bottom: 80px;
}

.plan {
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

.plan-name {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    padding: 20px 0;
    color: #252a37;
    margin-bottom: 0;
}

.plan-price {
    font-size: 48px;
    padding: 0 0;
    position: relative;
    color: #252a37;
    margin: 0 0 25px;
}

.plan-price .currency {
    top: -0.9em;
    font-size: 50%;
    right: -0.01em;
    font-weight: 700;
}

.plan-name small {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.plan-price sub {
    font-size: 20px;
    right: -0.6em;
    position: relative;
}

.plan ul {
    background: #fff;
    padding: 0;
    margin-bottom: 0;
}

.plan ul li {
    padding: 8px 30px;
    list-style: none;
}

.plan .btn {
    margin: 25px 0 40px;
}

.plan.featured {
    background: #0022d2;
    color: #fff;
    padding: 40px 0;
    margin: -40px 0;
}

.plan.featured ul {
    background: none;
}

.plan.featured .plan-name {
    color: #fff;
}

.plan.featured .plan-price {
    color: #fff;
}

.plan.featured .btn {
    background: #fff;
    color: #0022d2;
}

/* Testimonial and Quote form area
================================================== */

/* Contact form 7 common */

.wpcf7-form .wpcf7-form-control {
    width: 100%;
    box-shadow: none;
    border: 1px solid #f1f1f1;
    padding: 5px 20px;
    color: #626c84;
    font-size: 16px;
    font-weight: normal;
}

select.wpcf7-form-control {
    border: 0 !important;
    outline: 1px solid #dadada;
}

.wpcf7-form input.wpcf7-form-control,
select.wpcf7-form-control {
    height: 50px;
}

.wpcf7-form .wpcf7-form-control.wpcf7-submit {
    width: auto;
    float: left;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
    padding: 15px 35px;
    margin-top: 15px;
}

.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover {
    background: #0022d2;
}

.wpcf7-form p {
    margin-bottom: 15px;
}

/* Quote form */

.ts_quote_form {
    background: #1f1f1f;
    color: #fff;
    padding: 80px 50px;
    margin-top: -80px;
    margin-bottom: -80px;
}

.ts_quote_form .column-title {
    font-size: 36px;
    margin-bottom: 40px;
}

.ts_quote_form .column-title span {
    font-size: 20px;
    margin: 0;
}

.ts_quote_form .form-group {
    margin-bottom: 30px;
}

.ts_quote_form .wpcf7-form-control-wrap.text .wpcf7-form-control,
.ts_quote_form .wpcf7-form-control-wrap.email .wpcf7-form-control,
.ts_quote_form .wpcf7-form-control-wrap.textarea .wpcf7-form-control {
    border: 0;
    border-bottom: 1px solid #6d6d6d;
    padding-right: 0;
    color: #fff;
    background: none;
    position: relative;
    z-index: 2;
}

.ts_quote_form .wpcf7-form-control-wrap .wpcf7-form-control:focus {
    border: 0;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #0022d2;
}

.ts_quote_form .tag-line {
    text-align: center;
    color: #fff;
    clear: both;
    margin-top: 20px;
    margin-bottom: 0;
}

.ts_quote_form .tag-line p {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.quote_form input::-webkit-input-placeholder,
.quote_form textarea::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.3);
}

.newsletter-form input::-webkit-input-placeholder,
.newsletter-form input:-moz-placeholder,
.newsletter-form input::-moz-placeholder {
    color: #252a37;
}

.quote_form input:-moz-placeholder,
.quote_form textarea:-moz-placeholder {
    color: #fff;
}

.quote_form input::-moz-placeholder,
.quote_form textarea::-moz-placeholder,
.newsletter-form input::-moz-placeholder {
    color: #fff;
}

.quote_form input:-ms-input-placeholder,
.quote_form textarea:-ms-input-placeholder,
.newsletter-form input:-ms-input-placeholder {
    color: #fff;
}

/*
.testimonial-thumb img{
    border: 1px solid #8E8E8E;
    padding: 3px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.testimonial-slide .testimonial-content h3.name{
    font-size: 18px;
    color: #fff;
    margin: 10px 0;
}

.testimonial-slide .testimonial-content h3 span{
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-top: -10px;
}

.testimonial-slide .owl-buttons{
    display: none;
}

.testimonial-slide .testimonial-text{
    font-size: 16px;
    line-height: 24px;
    max-width: 800px;
    padding-top: 30px;
    display: inline-block;
    position: relative;
    color: #fff;
}

.testimonial-slide .testimonial-text:before{
    content: '\f10d';
    font-family: FontAwesome;
    padding-left: 10px;
}
.testimonial-slide .testimonial-text:after{
    content: '\f10e';
    font-family: FontAwesome;
    padding-right: 10px;
}

.testimonial-slide.owl-theme .owl-controls .owl-page span{
    background: none;
    border: 1px solid #fff;
    opacity: .7;
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span{
    border: 1px solid transparent;
}


/*-- Testimonial --*/

.testimonial-slide {
    padding: 0;
}

.quote-item {
    padding: 0;
}

.quote-item .quote-text {
    margin: 40px 0 10px;
    display: inline-block;
    padding: 50px 40px 30px 45px;
    background-color: #fff;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: relative;
    font-size: 16px;
    font-style: italic;
}

.quote-item .quote-text:before {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    font-size: 20px;
    right: 45px;
    top: -20px;
    color: #fff;
    background: #0022d2;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    font-style: normal;
}

.quote-item .quote-text:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 55px;
    border-width: 0 0 20px 20px;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.5);
    display: block;
    width: 0;
}

img.testimonial-thumb {
    max-width: 80px;
    float: right;
    margin-left: 20px;
    border-radius: 100%;
}

.quote-item-info {
    padding-top: 15px;
    display: inline-block;
    -webkit-backface-visibility: hidden;
}

.quote-author {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 2px;
    font-weight: 600;
    display: block;
    color: #fff;
}

.quote-subtext {
    color: #fff;
    font-size: 14px;
    display: block;
}

.quote-item-footer {
    margin-top: 40px;
    margin-right: 0;
}

.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*="owl-"] {
    bottom: 0;
    color: #fff;
}

.testimonial-slide.owl-theme .owl-dots {
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 1;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    background: #fff;
    opacity: 0.45;
    display: inline-block;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
    background: #e50404;
    opacity: 1;
}

/* Testimonial static */

.ts-testimonial-static {
    background: #fff;
    box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.05);
    padding: 100px 40px 60px;
}

.ts-testimonial-static .ts-testimonial-text {
    text-align: center;
    font-style: italic;
    position: relative;
}

.ts-testimonial-static .ts-testimonial-text:before {
    content: "\e937";
    font-family: "iconfont";
    transform: rotate(180deg);
    position: absolute;
    font-size: 36px;
    right: 50%;
    margin-right: -15px;
    top: -60px;
    color: #0022d2;
    font-style: normal;
}

.quote-item-static-footer {
    margin: 30px 0 0 30px;
}

.quote-item-static-footer .quote-author {
    color: #252a37;
    font-size: 18px;
}

.quote-item-static-footer .quote-subtext {
    color: #626c84;
    font-weight: 400;
}

/* Testimonial static 2 */

.ts-testimonial-static2 {
    background: #fff;
    box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.05);
    padding: 30px;
    border-radius: 4px;
}

.ts-testimonial-static2 .quote-item-static-footer {
    margin: 0 0 15px 0;
    position: relative;
}

.ts-testimonial-static2 .quote-item-static-footer:before {
    content: "\e937";
    font-family: "iconfont";
    position: absolute;
    font-size: 36px;
    left: 0;
    top: 0;
    color: rgba(0, 0, 0, 0.15);
}

.ts-testimonial-static2 img.testimonial-thumb {
    max-width: 48px;
}

.ts-testimonial-static2 .quote-item-info {
    padding: 0;
}

.ts-testimonial-static2 .quote-text {
    line-height: 26px;
    position: relative;
}

/* Center */

.ts-testimonial-static.text-center {
    padding: 100px 30px 40px;
}

.ts-testimonial-static.text-center img.testimonial-thumb {
    float: none;
    margin-left: 0;
}

.ts-testimonial-static.text-center .quote-item-static-footer {
    margin-right: 0;
}

/* Testimonial Slide classic */

.quote-item-area {
    max-width: 600px;
    margin: 0 auto;
}

.quote-item-area .quote-thumb {
    background: #0022d2;
    text-align: center;
    width: 190px;
    height: 190px;
    border-radius: 100%;
}

.quote-item-area .quote-thumb img {
    display: block;
    width: 180px;
    height: 180px;
    border-radius: 100%;
}

.quote-item-content .quote-name {
    margin: 0;
}

.quote-item-content .quote-name-desg {
    margin-bottom: 10px;
    display: block;
}

.quote-message {
    font-style: italic;
}

.testimonial-slide-classic.owl-carousel.owl-theme .owl-nav [class*="owl-"] {
    top: 50%;
    bottom: auto;
}

.testimonial-slide-classic.owl-carousel.owl-theme .owl-nav [class*="owl-prev"] {
    right: 0;
    left: auto;
    margin-top: -10px;
}

/* Video block
================================================== */

.featured-video {
    background: #fff;
}

.video-block-head h2 {
    font-size: 16px;
    margin: 0;
    line-height: normal;
}

.video-block-head h3 {
    font-size: 24px;
    line-height: normal;
    margin: 0;
}

.video-block-content .image-block-content {
    margin-bottom: 0 !important;
    padding: 5px 0 !important;
}

.video-block-content h3 {
    margin: 0 !important;
    line-height: normal !important;
}
.video-block-content .feature-icon {
    background: transparent !important;
    color: #323232;
    font-size: 28px !important;
    margin-top: 5px !important;
    width: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
}

.video-block-content .btn.btn-primary {
    color: #fff;
    margin: 5px 0 0 40px;
    padding: 8px 25px;
}

.video-block-content .btn.btn-primary:hover {
    color: #333;
}
.video-block-content .feature-content {
    padding-left: 20px !important;
    padding-right: 55px !important;
}

/* Recent Post
================================================== */

.post-img-wrapper {
    position: relative;
}

.post-img-overlay {
    position: relative;
    display: inline-block;
}

.post-img-overlay::before {
    position: absolute;
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0);
    content: "";
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.post-img-overlay:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
}

.post-img-overlay a {
    position: absolute;
    left: 0;
    color: #fff;
    background: #666666;
    padding: 15px 20px;
    opacity: 0;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.post-img-overlay a.link {
    left: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.post-img-overlay:hover a.link {
    right: 0;
    left: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.post-img-overlay a.view {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.post-img-overlay:hover a.view {
    bottom: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.recent-post {
    padding: 0 15px;
}
.recent-post .post-body h3 {
    font-size: 18px;
    margin-bottom: 3px;

    font-family: "Roboto";

    font-weight: 700;
}

.recent-post .post-body h3 a {
    color: #323232;
}

.recent-post .post-body .post-meta a {
    font-weight: 400;
    font-size: 13px;
}

.recent-post .post-body .post-meta span,
.recent-post .post-body .post-meta span i {
    padding-left: 5px;
}

.recent-post .post-excerpt {
    padding-top: 1px;
}

.recent-post .post-excerpt a.read-more {
    padding: 6px 18px;
    border-width: 1px;
    font-size: 12px;
    margin-top: 10px;
}

/* Clients
================================================== */

.client_logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 32px;
}

.client_logo img {
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
    width: auto !important;
}

.client_logo:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.owl-carousel.owl-theme.client-carousel .owl-nav .owl-prev {
    right: 10px;
    left: auto;
    color: #fff;
}

.owl-carousel.owl-theme.client-carousel .owl-nav [class*="owl-"] {
    bottom: -22px;
}

/* Twitter
================================================== */
.twitter-header i {
    font-size: 70px;
    color: #32b6e6;
}

.twitter-header p {
    font-weight: 700;
    font-size: 15px;
}

.twitter-header {
    margin-bottom: 30px;
}

.twitter-feed ul {
    padding-right: 0;
}

.twitter-feed .tweet {
    font-size: 23px;
    line-height: 27px;
    font-weight: 700;
}

.twitter-feed .tweet img {
    display: none;
}

.twitter-feed .timePosted a {
    opacity: 0.7;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    color: blue;
}
.tweet a,
.timePosted a {
    color: #1dcaff;
}
.tweet,
.timePosted {
    font-size: 18px;
    font-style: italic;

    font-family: "Roboto";

    font-weight: 400;
}

.twt-white .twitter-feed .tweet,
.twt-white .twitter-feed .tweet a,
.twt-white .twitter-feed .timePosted a {
    color: #fff !important;
}

.twt-white .twitter-feed .tweet a,
.twt-white .twitter-feed .timePosted a {
    font-weight: 900;
    opacity: 1;
}

.twt-line i {
    font-size: 40px;
    color: #32b6e6;
}

.twt-line .twitter-feed .tweet {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

.twt-line .twitter-feed p.timePosted {
    margin-bottom: 0;
}

.twt-line .twitter-feed .timePosted a {
    font-size: 12px;
    font-weight: 700;
    color: #69696e;
}

/* Contact
================================================== */

#contact-form {
    margin-top: 25px;
}
#contact-form label {
    font-weight: normal;
}

.map-wrapper {
    position: relative;
}

.contact-info-inner h3 {
    margin-bottom: 25px;
    font-size: 24px;
    color: #fff;
}

.contact-info h3 {
    margin-top: 42px;
    font-size: 24px;
}

.contact-info p {
    font-size: 18px;
}

.contact-info i {
    font-size: 18px;
    margin-left: 10px;
}

/* Contact inside Map */

.contact-info-inner {
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    padding: 25px 30px;
    max-width: 400px;
    /*max-height: 400px;*/
    text-align: right;
    right: 5%;
}

.contact-info-inner p {
    overflow: hidden;
    margin-bottom: 25px;
}

.contact-info-inner p strong {
    display: block;
}

.contact-info-inner i {
    margin-left: 20px !important;
    font-size: 24px;
    margin-top: 5px;
}

/* Contact box */

.ts-contact-info .ts-contact-icon {
    float: right;
    font-size: 44px;
    color: #0022d2;
}

.ts-contact-info .ts-contact-content {
    margin-right: 70px;
}

.ts-contact-info .ts-contact-title {
    font-size: 22px;
    margin: 0;
}



/* Sub pages
================================================== */

/* Banner area */

#banner-area {
    position: relative;
}
#banner-area img {
    height: 300px;
    width: 100%;
}

.banner-title-content {
    position: absolute;
    top: 45%;
    width: 100%;
    height: 100%;
}

.banner-title-content h2 {
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}

.breadcrumb {
    background: transparent;
}
.banner-title-content .breadcrumb span {
    background: transparent;
    color: #ee3b24;
    font-weight: 700;
    font-size: 16px;
}

.banner-title-content .breadcrumb a {
    color: #fff;
}
.custom-page-header .banner-title-content {
    z-index: 3;
}
.breadcrumb li a {
    color: #fff;
}

/* Skew shape */

.skew-shape {
    position: relative;
}

.skew-shape:before {
    content: "";
    position: absolute;
    background: #a2df48;
    width: 80px;
    height: 100%;
    left: -40px;
    bottom: 0;
    top: 0;
    right: auto;
    transform: skewX(-9deg);
    z-index: 2;
}

/* About Us Page */

.about-message {
    background: #f4f4f4;
    min-height: 374px;
}

.about-message ul li a {
    color: #6a6a6a;
}

/* Skrill bar */

.ts-progress-bar .progress {
    position: relative;
    height: 4px;
    overflow: visible;
    box-shadow: none;
    background: #e8e8e8;
    margin-bottom: 30px;
}

.ts-progress-bar .progress-bar {
    background: #0022d2;
    box-shadow: none;
}

.ts-progress-bar .progress-bar .progress-value {
    position: absolute;
    color: #252a37;
    top: -30px;
    left: 0;
    font-size: 14px;
    font-weight: 700;
}

/* Call to Action */

.call-to-action.action-center {
    text-align: center;
}

.call-to-action h3 {
    font-size: 30px;
    margin: 0 0 10px;
}

.call-to-action-details {
    font-size: 18px;
    color: #252a37;
    margin-bottom: 20px;
}

/* Career */

.panel.panel-default {
    margin-top: 20px;
}

h4.panel-title {
    position: relative;
    padding-right: 30px;
}

h4.panel-title a:before,
h4.panel-title a.collapsed:before {
    font-family: FontAwesome;
    position: absolute;
    z-index: 0;
    font-size: 16px;
    right: 0;
    padding: 0 5px;
    text-align: center;
}

h4.panel-title a:before {
    content: "\f056";
}

h4.panel-title a.collapsed:before {
    content: "\f055";
}

.panel-body ul {
    padding-right: 35px;
}

.panel-group .btn.btn-primary.solid:hover {
    color: #333;
}

/* Career */

.job-box {
    background: #f7f7f7;
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 30px;
    margin: 0 0 40px;
    border-radius: 3px;
}

.job-box .job-info {
    display: table-cell;
    line-height: 26px;
    padding: 0 10px;
    font-size: 15px;
}

.job-box .job-info .icon {
    float: right;
    width: 25px;
    margin-top: 5px;
}

.job-box .job-info .desc {
    overflow: hidden;
    font-weight: 500;
}

.job-box .job-info .desc strong {
    display: block;
    color: #0022d2;
    margin-top: 5px;
}

/* Testimonial

.ts-testimonial-content {
    position: relative;
    padding: 30px 30px 15px 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #e7e7e7;
    margin-bottom: 40px;
}


.ts-testimonial-content:after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: 45px;
    border-style: solid;
    border-width: 40px 0px 0 30px;
    border-color: #e7e7e7 transparent;
    display: block;
    width: 0;
    z-index: 1;
}


.ts-testimonial-content img {
    float: right;
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.ts-testimonial-text{
    padding-right: 110px;
}

.ts-testimonial-author{
    position: absolute;
    bottom: -60px;
    right: 90px;
}

.ts-testimonial-author h3.name {
    font-size: 14px;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.ts-testimonial-author h3 span {
    display: block;
    font-size: 13px;
    margin-top: -10px;
    text-transform: capitalize;
    color: #555;
}*/

/* Faq Page */

.faq-box {
    margin-bottom: 45px;
}

.faq-box h4 {
    margin-bottom: 25px;
    text-transform: uppercase;
}

/* 404 page */

.error-page .error-code {
    display: block;
    font-size: 150px;
    line-height: 150px;
    color: #333;
    margin-bottom: 20px;
    text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);
}

.error-page .error-body .btn {
    margin-top: 30px;
    font-weight: 700;
}

/* Blog
================================================== */

/* Blog Listing */

/*.post{
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #F5F5F5;
}*/

.post.post-last {
    border-bottom: 0;
}

.post-image-wrapper {
    position: relative;
}

.blogs-date {
    position: absolute;
    top: 50px;
    right: 0;
    color: #fff;
    border-radius: 0 25px 25px 0;
    padding: 5px 15px;
    font-weight: 700;
    background: #ee3b24;
}

.blogs-date a {
    color: #fff;
}

.post-footer .btn.btn-primary {
    margin-top: 15px;
    padding: 10px 30px;
}

/* Blog Single */

.post-meta {
    color: #959595;
    font-weight: 400;
    font-size: 13px;
}
.post-meta span {
    padding-left: 10px;
}

.post-meta a {
    color: #959595;
    font-size: 15px;
}

.post-meta-author a,
.post-meta-cats a {
    color: #323232;
}
.entry-header .entry-title {
    font-size: 28px;
}
.entry-header .entry-title a {
    color: #323232;
}
.entry-header .entry-title a:hover {
    color: #0022d2;
}

/* Blog author */

.about-author {
    background: #f2f2f2;
    padding: 15px 20px;
    margin: 20px 0;
}

.author-img img {
    width: 120px;
    height: 120px;
    margin-left: 30px;
    border-radius: 100%;
    margin-top: 20px;
}

.author-url span a {
    color: #959595;
}

.author-info h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
}

.author-info h3 span {
    font-size: 14px;
    color: #959595;
    border-right: 1px solid #afafaf;
    padding-right: 8px;
    margin-right: 5px;
}

/* Blog search */

.widget.widget_search {
    border: 0;
    padding: 0;
}

.search-widget.input-group {
    display: block;
    width: 100%;
    position: relative;
    background: none;
    font-style: italic;
}

.search-widget.input-group .form-control {
    font-style: italic;
}

.search-widget .input-group-btn {
    position: inherit;
}

.search-widget .input-group-btn i {
    color: #fff;
    background: #0022d2;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
}

#sidebar.sidebar ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar .widget-title {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin: 0 0 30px;
    padding-right: 15px;
    border-right: 3px solid;
    border-color: #0022d2;
}

/*-- Blog tab widget --*/

.widget-tab .nav-tabs {
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
}

.widget-tab .nav-tabs > li:first-child {
    margin-right: 10px;
}

.widget-tab .nav-tabs > li > a {
    background: #f2f2f2;
    color: #323232;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 3px 3px 0 0;
    margin-left: -1px;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
}

.widget-tab .nav-tabs > li.active > a {
    background: #fff;
    color: #323232;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

.widget-tab .tab-content {
    border-top: 0;
    padding: 10px 0 0;
}

.widget-tab .posts-thumb img {
    display: block;
    width: 85px;
    height: 65px;
    margin-left: 20px;
}

.widget-tab .posts-avator img {
    display: block;
    width: 62px;
    height: 62px;
    margin-left: 20px;
    border-radius: 100%;
}

.widget-tab h4.entry-title {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 5px;
}
.widget-tab h4.entry-title a {
    color: #323232;
}

.widget-tab .post-meta span {
    padding-left: 5px;
}

.widget-tab ul.posts-list li {
    padding-bottom: 10px;
}

/*-- Blog category widget --*/

.widget-categories ul.category-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-categories ul.category-list li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.widget-categories ul.category-list li:hover {
    padding-right: 10px;
}

.widget-categories ul.category-list li a {
    color: #323232;
}

.widget-categories ul.category-list li:last-child {
    border-bottom: 0;
}

.widget-categories ul.category-list li .posts-count {
}

/*-- Blog tags widget --*/

.widget-tags ul > li {
    float: right;
    margin: 6px;
}

.widget-tags ul > li a {
    background: #f2f2f2;
    color: #6a6a6a;
    display: block;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 25px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.widget-tags ul > li a:hover {
    color: #fff;
}

/* Landing page
================================================== */

/* Header */

.landing-header.header-bgnone {
    background: rgba(0, 0, 0, 0.8);
}

.landing-header.header-bgnone ul.navbar-nav > li:hover > a,
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
}

.hero-section {
    padding-bottom: 0;
    padding-top: 200px;
}
.hero-section .container {
    height: 100%;
}

.hero-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}

.hero-text {
    display: table-cell;
    vertical-align: bottom;
    color: #fff;
    padding-left: 50%;
    width: 100%;
    padding-bottom: 10%;
}

.hero-title {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
}

.hero-description {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.hero-images {
    display: block;
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 50%;
    max-height: 100%;
}

.hero-images img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}
.hero-buttons a.btn {
    color: #fff;
    padding: 15px 50px;
}

.hero-buttons a.btn.solid {
    margin-right: 10px;
}

.hero-buttons a i {
    margin-right: 5px;
}
.hero-buttons .btn.btn-primary.solid.blank:hover {
    color: #fff;
}

/* Video and video background */

.video-embed {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    height: 0;
    background-color: #000000;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.video-embed iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video-background-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

iframe {
    border: 0;
}

@media (min-width: 768px) {
    .video-section {
        padding: 100px 0;
    }
}
@media (min-width: 992px) {
    .video-section {
        padding: 120px 0;
    }
}

/* Screenshot image */

.app-gallery .grid {
    display: block;
    margin: 0 15px 20px;
    padding: 5px;
}

.app-gallery figure.effect-oscar a {
    margin: 125px 5px 0;
}

.app-gallery figure.effect-oscar figcaption::before {
    border: 0;
}

/* Subscribe Form */

.newsletter-form {
    position: relative;
}
.newsletter-form button {
    position: absolute;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 14px 30px 12px !important;
}

.newsletter-form button:hover {
    color: #323232 !important;
}

/* Clients */

.landing_page_clients {
    padding-top: 30px;
}

/* Elements page
================================================== */
/*
.testimonial-three .testimonial-text,
.testimonial-three .testimonial-content h3.name,
.testimonial-three .testimonial-content h3 span{
    color: #323232;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;

}
.testimonial-three .testimonial-content h3.name,
.testimonial-three .testimonial-content h3 span{
    text-transform: uppercase;
}
.testimonial-slide .testimonial-content h3.name,
.testimonial-slide .testimonial-content h3 span{
    text-transform: uppercase;
}

.testimonial-three .testimonial-slide.owl-theme
.owl-controls .owl-page span{
    border: 1px solid #e7e7e7;
}
.testimonial-slide.owl-theme .owl-controls .owl-page span {
    background: none;
    border: 1px solid #fff;
    opacity: .7;
}
.testimonial-three .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 29px;
    height: 8px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.testimonial-three .owl-theme .owl-controls .owl-page.active span {
    background: #ee3b24;
}*/

/* Style Swithcer
================================================== */

.style-switch-wrapper {
    position: fixed;
    top: 100px;
    left: -250px;
    width: 250px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.75);
    border-bottom-left-radius: 4px;
    padding: 20px 20px;
    z-index: 1000;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.style-switch-wrapper h3 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
}

.style-switch-wrapper.active {
    left: 0;
}

.style-switch-button {
    position: absolute;
    top: 0;
    left: 250px;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.75);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 1000;
    cursor: pointer;
}

.style-switch-button i {
    color: #fff;
    position: relative;
    line-height: 1;
    top: 15px;
    right: 15px;
    font-size: 20px;
}

.style-switch-wrapper button {
    width: 30px;
    height: 30px;
    border-radius: 100% !important;
    margin-bottom: 5px;
    color: #fff;
    display: inline-block;
    padding: 0 !important;
    margin-left: 2px;
    border: 0 !important;
}

a.close-styler {
    color: #fff !important;
    padding: 7px 20px !important;
    margin-left: 6px;
}

.style-switch-wrapper button:active,
.style-switch-wrapper button:focus {
    border: 2px solid #fff;
}

.style-switch-wrapper #preset1 {
    background-color: #49a2e7;
}

.style-switch-wrapper #preset2 {
    background-color: #81c83c;
}

.style-switch-wrapper #preset3 {
    background-color: #ee3b24;
}

.style-switch-wrapper #preset4 {
    background-color: #ffc400;
}

.style-switch-wrapper #preset5 {
    background-color: #334f96;
}

.style-switch-wrapper #preset6 {
    background-color: #8c42ba;
}

/*================================================================
                 section edit
==================================================================*/

.section-wraper {
    position: relative;
}
.section-edit {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
}
.section-abc {
    background: rgba(255, 255, 255, 0.68);
    padding: 2px 5px;
    font-size: 12px;
    font-style: italic;
    display: none;
}
.section-edit:hover .section-abc {
    display: inline;
}
.section-edit .post-edit-link {
    margin: 10px 0;
    padding: 2px 12px;
}
.section-edit .post-edit-link {
    margin: 3px 0;
    padding: 2px 12px;
    font-size: 12px;
    line-height: 1.45;
}
.section-edit .post-edit-link {
    margin: 10px 0;
    display: inline-block;
    background: #e85757;
    color: #fff !important;
    padding: 2px 12px;
    border-radius: 3px;
}
.recent-blog .entry-header a {
    font-size: 1.5rem;
}

/*Custom CSS*/
.navbar-brand {
    padding: 0;
    float: left;
}
.single-portfolio-content {
    margin-top: 80px;
    margin-bottom: 80px;
}
.breadcrumb span.devider {
    color: #ccc;
}

/* Accordion */

.fw-accordion {
    border: 0 !important;
}

.fw-accordion .fw-accordion-title.accordion-head {
    font-size: 18px;
    color: #626c84;
    background: none;
    padding-right: 60px;
    padding: 25px 0 25px 60px;
    font-weight: 500;
}

.fw-accordion .fw-accordion-title.accordion-head.ui-state-active {
    color: #0022d2;
}

.fw-accordion .fw-accordion-title.accordion-head .ui-icon {
    background: none;
    right: 0;
}

.fw-accordion .fw-accordion-title.accordion-head .ui-icon:before {
    content: "\f067";
    font-family: "FontAwesome";
    position: absolute;
    z-index: 0;
    font-size: 14px;
    background: #0022d2;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
}

.fw-accordion .fw-accordion-title.accordion-head.ui-state-active .ui-icon {
    background: none;
}

.fw-accordion .fw-accordion-title.accordion-head.ui-state-active .ui-icon:before {
    content: "\f068";
    font-family: "FontAwesome";
}

.career {
    margin-bottom: 5px;
}
.career-custom-class {
    padding-bottom: 0;
}
.career-left-bar {
    padding-bottom: 15px;
}
.hero-custom-style h1 {
    font-family: "Roboto";

    font-size: 40px;
    line-height: 50px;
    color: #fff;
}
.hero-custom-style p {
    font-family: "Roboto";

    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.hero-custom-style a.btn {
    color: #fff;
    padding: 15px 50px;
}

.hero-custom-style a.btn.solid {
    margin-right: 10px;
}

.hero-custom-style a i {
    margin-right: 5px;
}
.hero-custom-style .btn.btn-primary.solid.blank:hover {
    color: #fff;
}
.cd-full-width h3,
.cd-full-width h2 {
    text-transform: uppercase;
}
.cd-slider-nav ul li a:hover {
    color: #b8b8b8;
}
.why-choose-us .title2 .subtitle-padding-top-2 {
    font-weight: 400;

    font-family: "Roboto";

    font-style: normal !important;
}

/*
.footer-widget h3{
    text-transform: uppercase;
}

.footer-widget ul, footer-widget li{
    list-style: none;;
}
.footer-widget.widget_recent_entries li a{
    text-transform: uppercase;
    	

    font-family: 'Roboto';


}

*/

.fw-video.fw-video-frame {
    padding: 0;
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background: rgba(255, 255, 255, 0.9);
    color: #323232;
}

@media (max-width: 768px) {
    .slide.btn {
        border: 2px solid #ee3b24;
        padding: 10px 25px !important;
    }
}
.navbar-nav > li > .dropdown-menu {
    margin-top: -5px;
}
.recent-post .media-body p {
    margin-bottom: 10px;
}

.zframe-flickr-wrap-ltr img {
    width: 25%;
}
span.rpwwt-post-title {
    font-weight: 700;
}
.rpwwt-widget ul li {
    margin-bottom: 2px !important;
    padding-left: 20px;
}
.rpwwt-post-excerpt {
    font-size: 13px;
    /*line-height: 19px;*/
}
.fw-accordion .fw-accordion-content > p {
    padding: 0 30px 10px 20px !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #fff;
}
.page-template nav ul li .dropdown-menu li a {
    padding: 0.2em 1em 0.2em 2em;
}
.contact-form-two .btn.btn-primary.solid {
    background: transparent;
    color: #fff;
}
.contact-form-two .btn.btn-primary {
    border: 2px solid #fff;
}
.contact-form-two .btn.btn-primary.solid.blank:hover {
    color: #fff;
}
.contact-form-two .btn.btn-primary:hover {
    background: #ee3b24;
    border: 2px solid #ee3b24;
}

/* Latest News section
================================================== */

.latest-post {
    position: relative;
    padding: 30px 20px 30px 30px;
    border: 1px solid #eaeaea;
    min-height: 345px;
}

.latest-post .image-angle:before {
    border-bottom: 20px solid #f9f9f9;
}

.latest-post .post-title {
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0 5px;
}

.latest-post .post-title a {
    color: #252a37;
}

.latest-post .post-title a:hover {
    color: #0022d2;
}

.latest-post-meta {
    font-size: 13px;
    text-transform: uppercase;
}

.latest-post .post-cat,
.latest-post .post-item-date {
    font-style: italic;
    font-size: 14px;
}

.latest-post .post-text {
    margin-top: 10px;
}

.latest-post .post-body {
    padding: 0;
    background: none;
    border: 0;
}

.latest-post .text-left {
    float: left;
    margin-top: 15px;
}

/* News large */

.latest-post.post-large {
    position: relative;
    padding: 0;
    border: 0;
}

.latest-post.post-large:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}

.latest-post.post-large .post-body {
    position: absolute;
    bottom: 0;
    padding: 30px;
    border: 0;
    color: #fff;
}

.latest-post.post-large .post-cat {
    position: absolute;
    top: 30px;
    right: 30px;
}

.latest-post.post-large .post-cat a {
    color: #fff;
    font-style: italic;
}

.latest-post.post-large .post-title {
    font-size: 28px;
    line-height: 40px;
}

.latest-post.post-large .post-title a {
    color: #fff;
    font-size: 17px;
}

.latest-post.post-large .latest-post-img img {
    height: 100%;
}

.latest-post.post-large .btn.btn-primary {
    padding: 12px 30px;
    margin-top: 20px;
}

/* Footer style 2 */

.footer-icon {
    position: absolute;
    z-index: 9;
    font-size: 160px;
    top: 90px;
    right: -30px;
}

.footer-icon i {
    color: rgba(0, 0, 0, 0.1);
}

.ts-oval-shape {
    position: absolute;
    width: 110%;
    right: -50px;
    top: -100px;
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    border-top: 210px solid #f5f5f5;
    z-index: 0;
}

/* Newsletter */

.newsletter-bg {
    padding-bottom: 60px;
}

.newsletter-bg h3 {
    font-size: 36px;
    margin: 0 0 8px;
}

.mc4wp-form .newsletter-bg-form {
    background: #a2df48;
    color: #fff;
    max-width: 920px;
    margin: 50px auto 0;
    padding: 15px 50px;
    position: relative;
}

.mc4wp-form .newsletter-bg-form i {
    position: absolute;
    right: 0;
    font-size: 90px;
    color: rgba(255, 255, 255, 0.3);
    bottom: 0;
}

.mc4wp-form .newsletter-bg-form .form-group {
    position: relative;
    margin: 0;
}

.mc4wp-form .newsletter-bg-form .form-control {
    background: none;
    color: #fff;
    border-radius: 0;
    height: 40px;
    width: 70%;
    border: 0;
    padding-right: 0;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.mc4wp-form .newsletter-bg-form input::-webkit-input-placeholder {
    color: #fff;
}

.mc4wp-form .newsletter-bg-form input::-moz-placeholder {
    color: #fff;
}

.mc4wp-form .newsletter-bg-form input:-moz-placeholder {
    color: #fff;
}
.mc4wp-form .newsletter-bg-form input::-ms-input-placeholder {
    color: #fff;
}

.mc4wp-form .newsletter-bg-form input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 25px;
    background: #2d3559;
    color: #fff;
    text-transform: uppercase;
}

input:focus {
    border: 0;
    outline: 0;
}

/* Latest post classic */

.post-style-classic .post-item-date {
    float: left;
}

.post-style-classic .latest-post {
    min-height: 265px;
}

.post-style-classic .latest-post .post-thum img {
    widht: 100%;
}

.xs-sc-860b9289 {
    margin: 0px -15px 0px -15px;
}

.xs-sc-6454c33a {
    overflow: hidden;
}

.xs-heading-06189b44 .xs-title span {
}

.xs-heading-06189b44 .xs-title {
    font-size: 36px;
}

.xs-heading-06189b44 {
    margin-bottom: 30px;
}

#xs-sc-cfda35b1 {
    height: 20px;
}

#xs-sc-3d35374b {
    height: 30px;
}

#xs-sc-f843b26c {
    height: 30px;
}

.xs-sc-982011c1 {
    overflow: hidden;
}

.xs-sc-91665d5b .fw-main-row {
    color: #ffffff;
}

.xs-sc-91665d5b .fw-main-row {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*
.xs-sc-91665d5b .fw-main-row .xs-main-overlay {
    background-color: rgba(134, 4, 4, 0.7);
}
*/



.main-feature {
position: relative;
top: 18px;
transition: all ease-in-out 0.4s;
}

.main-feature .xs-main-overlay { 
transition: all ease-in-out 0.4s;
background:none;
}







.block-s:hover .main-feature {
top: 0;
}

.block-s:hover .xs-main-overlay { 
background: rgba(2, 1, 1, 0.41);
}



.xs-sc-9cf15eff .fw-main-row {
    color: #ffffff;
}

.xs-sc-9cf15eff .fw-main-row {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/*

.xs-sc-9cf15eff .fw-main-row .xs-main-overlay {
    background-color: rgba(108, 5, 5, 0.7);
}
*/
.xs-sc-123b8dce .fw-main-row {
    color: #ffffff;
}

.xs-sc-123b8dce .fw-main-row {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*
.xs-sc-123b8dce .fw-main-row .xs-main-overlay {
    background-color: rgba(74, 0, 0, 0.7);
}*/

.xs-sc-26734be4 {
    background-color: #f7f9fd;
}

.xs-sc-26734be4 {
    overflow: hidden;
}

.xs-heading-8bb1f6e4 .xs-title span {
}

.xs-heading-8bb1f6e4 {
    margin-bottom: 0px;
}

.xs-sc-bbb11e69 {
    padding: 70px 0px 80px 0px;
}

.xs-sc-bbb11e69 {
    overflow: hidden;
}

.xs-heading-07c2261f .xs-title span {
}

.xs-heading-07c2261f {
    margin-bottom: 0px;
}

.xs-sc-990bf12e {
    background-color: #f7f9fd;
}

.xs-sc-cac72564 .fw-main-row {
    height: 650px;
}

.xs-sc-cac72564 .fw-main-row {
    background-image: url(../images/video.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

.xs-sc-6e2da6fb .fw-col-inner {
    padding: 80px 140px 50px 50px;
}

.xs-sc-6e2da6fb .fw-main-row {
    height: 650px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .xs-sc-6e2da6fb .fw-col-inner {
        padding: 50px 1px 50px 1px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .xs-sc-6e2da6fb .fw-col-inner {
        padding: 50px 1px 50px 1px;
    }
}

@media only screen and (max-width: 767px) {
    .xs-sc-6e2da6fb .fw-col-inner {
        padding: 50px 1px 50px 1px;
    }
}

.xs-heading-b946b47a .xs-title span {
}

.xs-heading-b946b47a .xs-title {
    font-size: 44px;
}

.xs-heading-b946b47a {
    margin-bottom: 20px;
}

.xs-heading-a623081f .xs-title span {
}

.xs-heading-a623081f {
    margin-bottom: 0px;
}

.xs-sc-3832556b {
    margin: 60px 0px 40px 0px;
}

@media only screen and (max-width: 1099px) {
    .xs-sc-3832556b {
        background-attachment: scroll !important;
    }
}

.xs-sc-3832556b {
    background-image: url(../images/parallax2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/*
.xs-sc-3832556b .xs-main-overlay {
    background-color: rgba(0, 0, 0, 0.9);
}
*/
.xs-sc-3832556b {
    overflow: visible;
}

.xs-sc-a89b183e .fw-col-inner {
    padding: 0px 40px 0px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .xs-sc-a89b183e .fw-col-inner {
        padding: 50px 0px 0px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .xs-sc-a89b183e .fw-col-inner {
        padding: 50px 0px 0px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .xs-sc-a89b183e .fw-col-inner {
        padding: 50px 0px 0px 0px;
    }
}

.xs-sc-4fcc4dbb .fw-col-inner {
    padding: 50px 0px 0px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .xs-sc-4fcc4dbb .fw-col-inner {
        padding: 50px 0px 50px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .xs-sc-4fcc4dbb .fw-col-inner {
        padding: 50px 0px 50px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .xs-sc-4fcc4dbb .fw-col-inner {
        padding: 50px 0px 50px 0px;
    }
}

.xs-heading-df708d12 .xs-title span {
}

.xs-heading-df708d12 {
    margin-bottom: 0px;
}

.xs-sc-6caaf05a {
    padding: 70px 0px 70px 0px;    overflow: hidden;
}


.xs-sc-82cba4f7 {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.fw-special-title {
    font-family: "Roboto";

    font-style: normal;
    font-weight: 700;
    color: #131e4a;
}

.fw-special-subtitle,
.fw-contact-form-description,
.team-member h5 {
    font-family: "Roboto";

    font-style: normal;
    font-weight: 400;
}

.colorsbg,
.separator,
.separator-right,
.separator,
.preloader {
    background: #0022d2;
}

.service-icon:before {
    border-bottom: 30px solid #0022d2;
}

.footer {
    background: url(../images/footer-bg.jpg);
}

.footer .xs-main-overlay {
    background-color: rgba(0, 0, 0, 0.9);
}

.footer,
.footer-widget ul.list-dash li a,
.footer .widget-title {
    color: #ffffff;
}

.copyright-info,
.copyright p {
    color: #ffffff;
}

.copyright {
    padding: 19px 0;
    font-size: 14px;
    border-top: 1px solid #cccccc1a;
}

a.link-more.color,
a:hover,
ul.main-menu li ul li.current-menu-item a,
ul.main-menu li > ul.sub-menu > li:hover > a,
.footer-widget ul.list-dash li a:hover,
#footer-menu li a:hover,
#responsive-menu ul li a:hover,
.header-standard ul.navbar-nav > li.active > a,
.header-standard ul.navbar-nav > li:hover > a,
.entry-header .entry-title a:hover,
.tab-content-info .btn-light:hover {
    color: #0022d2;
}

a,
.download-btn i,
.top-bar.solid-bg ul.top-menu li a:hover,
.top-bar.solid-bg .top-social a:hover,
ul.top-menu li a:hover,
.top-info .info-icon,
.team-social-icons a:hover,
.ts-testimonial-static .ts-testimonial-text:before,
.latest-post .post-title a:hover,
.team-social a:hover,
.plan.featured .btn,
.footer-social ul li a:hover,
.fw-accordion .fw-accordion-title.accordion-head.ui-state-active,
ul.list-dash li:before,
.ts-feature-info.icon-right .feature-icon,
.section-title.border-right:before,
.job-box .job-info .desc strong,
.post-meta a:hover,
.post-meta-right a:hover,
.sidebar .widget ul li a:hover,
.post-navigation span:hover,
.post-navigation h3:hover,
.post-navigation i,
.post-navigation span:hover,
.post-navigation h3:hover,
.sidebar ul li.active a,
.sidebar ul li:hover a,
.ts-contact-info .ts-contact-icon,
.tab-head i,
.ts-feature-box .feature-icon,
.featured-tab .nav-tabs > li.active > a,
.featured-tab .nav-tabs > li.active > a,
.toll-free-cta h3,
.parallax-section .feature-content .toll-free-cta h3,
.insurance-tab .nav.nav-tabs > li.active > a,
.insurance-tab .nav.nav-tabs > li:hover > a {
    color: #0022d2;
}

.section-title.border-right:before,
.section-title:after,
.sidebar .widget-title,
.box-slider-text .slider.btn.btn-border,
ul.main-menu > li:hover > a:before,
ul.main-menu > li.current-menu-item > a:before,
ul.main-menu > li.current-menu-parent > a:before,
.content-title,
blockquote.light,
.section-title-dash:after,
.section-title-dash span.dashborder:before,
.section-title-dash span.dashborder:after,
#comments .form-control:focus,
#comments input:focus {
    border-color: #0022d2;
}

ul.main-menu > li:hover > a:before,
ul.main-menu > li.current-menu-item > a:before,
ul.main-menu > li.current-menu-parent > a:before {
    border-color: #fff;
}

.btn-primary,
.xs-custom-menu > li.current-menu-item > a,
.xs-custom-menu > li:hover > a,
#main-slide .carousel-indicators li.active,
.owl-carousel.owl-theme .owl-nav [class*="owl-"],
.owl-theme .owl-dots .owl-dot.active span,
#main-slide .carousel-indicators li:hover,
#main-slide .carousel-control i:hover,
.box-primary,
.plan.featured,
.quote-item .quote-text:before,
.quote-item-area .quote-thumb,
#back-to-top .btn.btn-primary,
.sidebar .search-widget .input-group-btn i,
.fw-accordion .fw-accordion-title.accordion-head .ui-icon:before,
.finances-newsletter input[type="submit"],
.post-meta-date,
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover,
.featured-tab .nav-tabs > li.active > a:after,
.page-slider.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover,
.header-standard .nav-search,
.header-standard .search-block .search-close,
.header-standard .nav-search,
.header-standard .search-block .search-close,
.ts-feature-info.icon-right.icon-round .feature-icon,
.mc4wp-form .newsletter-bg-form,
.ts-progress-bar .progress-bar {
    background-color: #0022d2;
}

.navbar-toggle {
background: rgba(0, 0, 0, 0.2);
}

.owl-carousel.featured-projects-slide.owl-theme .owl-nav > .disabled,
.ts-service-overlay .service-title {
    background: rgba(33, 84, 207, 0.85);
}

.section-title-vertical .section-title {
    color: rgba(33, 84, 207, 0.2);
}

.section-title-vertical .section-title:after {
    border-bottom: 2px solid rgba(33, 84, 207, 0.2);
}

.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover,
.header-standard.header-boxed .search-block .search-close,
.header-standard.header-boxed .nav-search {
    background: #0022d2;
}

ul.main-menu li ul li.current-menu-item a,
ul.main-menu li > ul.sub-menu > li:hover > a {
    color: #0022d2;
}

#top-bar {
    background: #ececec;
}

#top-bar ul > li > a,
#top-bar i,
#top-bar .top-info p,
#top-bar .top-info i {
    color: #626c84;
}


#top-bar i:hover {
color:#fff;
}

.site-navigation.navdown {
    background: #0022d2;z-index: 99;

background: linear-gradient(to right, #115fc3, #003880);
}

/*********************** Demo - 2 *******************/
.box2 {
    position: relative;
    overflow: hidden;
    height: 270px;
}
.box2 img {
    width: 100%;
    height: 100%;
}
.box2 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    text-align: center;
}
.box2 .box-content:after,
.box2 .box-content:before,
.box2:after,
.box2:before {
    content: "";
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.5s ease 0s;
}
.box2:before {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 49%, transparent 50%);
    right: -100%;
}
.box2:after {
    background: linear-gradient(45deg, transparent 49%, rgba(0, 0, 0, 0.2) 50%);
    right: 160%;
}
.box2 .box-content:after,
.box2 .box-content:before {
    width: 65%;
    height: 65%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 49%, transparent 50%);
    right: -100%;
    transition-delay: 0.1s;
}
.box1 .box-content:after {
    background: linear-gradient(45deg, transparent 49%, rgba(0, 0, 0, 0.3) 50%);
    right: 160%;
}

.box2:hover .box-content:after,
.box2:hover .box-content:before,
.box2:hover:after,
.box2:hover:before {
    right: 50%;
}
.box2 .inner-content {
    width: 50%;
    height: 50%;
    color: #fff;
    padding: 10px 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.3s ease 0.2s;
}

.box2 .inner-content:after {
    width: 100%;
    height: 100%;
    background: rgba(255, 79, 79, 0.8);
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: -1;
    transform: translate(-50%, -50%) rotate(45deg);
}

.box2:hover .inner-content {
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.3s ease 0s;
}
.box2 .title {
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #fff;
}
.box2 .post {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 7px;
}
.box10 .title,
.box11 .title,
.box4 .title,
.box5 .title,
.box6 .box-content,
.box7 .title {
    text-transform: uppercase;
}
.box2 .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    transform: rotateY(360deg) scale(0);
    transition: all 0.3s ease 0s;
}
.box2:hover .icon {
    transform: rotateY(0) scale(1);
}
.box2 .icon li {
    display: inline-block;
    margin: 0 3px;
}
.box2 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    font-size: 16px;
    color: #505050;
    transition: all 0.3s ease 0s;
}

.box2 .icon li a:hover {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
    background: #fff;
    color: #ff4f4f;
}
@media only screen and (max-width: 990px) {
    .box2 {
    }
}
@media only screen and (max-width: 320px) {
    .box2 .inner-content {
        padding: 25px 0;
    }
    .box2 .title {
        font-size: 16px;
    }
}

.box2 .inner-content::after {
    content: "";
}

.out-text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    background: #333;
    color: #fff;
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0;
    text-transform: capitalize;

    transition: all 0.3s ease 0s;
}

#featured-projects-slide .item {
    position: relative;
}

#featured-projects-slide .item:after {
    content: "";
    position: absolute;
    left: -7px;
    z-index: -1;
    border-right: 300px solid transparent;
    border-left: 0 solid transparent;
    border-bottom: 400px solid #0022d2;
    bottom: -40px;
}

#xs-col-3a274924 {
    padding: 8px;
}

#featured-projects-slide .owl-item {
    padding: 10px;
}

/*
#featured-projects-slide .item:hover .out-text {
bottom: -40px;
}*/

.pad-cpunter .fact-box {
    padding: 40px 0;
}

.xs-main-overlay {
    transition: all 0.3s ease 0s;
}

.xs-sc-9cf15eff .fw-main-row:hover .xs-main-overlay {
    background-color: rgba(24, 20, 20, 0.7);
}

.xs-sc-91665d5b .fw-main-row:hover .xs-main-overlay {
    background-color: rgba(24, 20, 20, 0.7);
}

.xs-sc-123b8dce .fw-main-row:hover .xs-main-overlay {
    background-color: rgba(24, 20, 20, 0.7);
}

.backg-gr {
    background: url(../images/back.jpg);
    background-attachment: scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;

}


.featuresss-2 {
position: relative;overflow: hidden;
}

/********** new *******************/

.about-us-section {
    position: relative;
    padding: 40px 0;
background-color: #f3f3f314;
}/*
.about-us-section:before {
    content: "";
    background: url(../images/dots.png) ;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
background-position: -200%;
}

*/

.about-us-section:after {
content: "";
background: url(../images/pic.png) center center/cover no-repeat local;
width: 355px;
height: 400px;
position: absolute;
right: -35px;
top: 27px;
opacity: 0.3;
}


.about-us-section	.container {
position: relative;
z-index: 2;
}



.about-us-section h2 {
text-transform: capitalize;
}

.about-us-section .section-title {
    text-align: right;    margin-bottom: 10px;margin-top: 5px;
}

.about-us-section .details p {
    margin-bottom: 2em;
}
.about-us-section .details ul {
    width: 100%;
    float: none;
    padding: 0;
}

.about-us-section ul li {
    color: #131e4a;
    font-weight: 500;
    list-style: none;
    margin-bottom: 7px;
    font-size: 20px;
}
.about-us-section ul li i {
    color: #0022d2;
}
.about-us-section .btns {
    margin-top: 30px;
}
.about-us-section .btns > a {
    margin-left: 10px;
}
.about-us-section .right-col {
    position: relative;width: 90%;
}
@media (max-width: 991px) {
    .about-us-section .right-col {
        margin-top: 15px;width:100%;
    }
}


.right-col .img-holder {
    position: relative;
}




.sid-products img {
width:80%;
margin:0 auto;
display:block
}




.about-us-section .video-holder {
    width: 100%;
    background-color: #0022d2;
    padding: 8px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 600px;
}
.about-us-section .video-holder a {
    color: #fff;
}
.about-us-section .video-holder i {
    display: inline-block;
    padding-left: 8px;
}

.section-title,
.section-title-s2,
.section-title-s3,
.section-title-s4,
.section-title-s5 {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .section-title,
    .section-title-s2,
    .section-title-s3,
    .section-title-s4,
    .section-title-s5 {
        margin-bottom: 9px;
    }
}
.section-title > span,
.section-title-s2 > span,
.section-title-s3 > span,
.section-title-s4 > span,
.section-title-s5 > span {
    font-size: 15px;

    font-weight: 500;
    color: #0022d2;
    text-transform: capitalize;
    display: block;
    text-align: right;
}
.section-title h2,
.section-title-s2 h2,
.section-title-s3 h2,
.section-title-s4 h2,
.section-title-s5 h2 {
    font-size: 28px;

    margin: 0;

}
@media (max-width: 991px) {
    .section-title h2,
    .section-title-s2 h2,
    .section-title-s3 h2,
    .section-title-s4 h2,
    .section-title-s5 h2 {
        font-size: 35px;
        font-size: 2.1875rem;
    }
}
@media (max-width: 767px) {
    .section-title h2,
    .section-title-s2 h2,
    .section-title-s3 h2,
    .section-title-s4 h2,
    .section-title-s5 h2 {
        font-size: 30px;
        font-size: 1.875rem;
    }
}
.section-title-s2,
.section-title-s3,
.section-title-s4,
.section-title-s5 {
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .section-title-s2,
    .section-title-s3,
    .section-title-s4,
    .section-title-s5 {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .section-title-s2,
    .section-title-s3,
    .section-title-s4,
    .section-title-s5 {
        margin-bottom: 20px;
    }
}
.section-title-s3,
.section-title-s4 {
    text-align: center;
}
@media (max-width: 991px) {
    .section-title-s3,
    .section-title-s4 {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .section-title-s3,
    .section-title-s4 {
        margin-bottom: 40px;
    }
}
.section-title-s3 h2,
.section-title-s4 h2 {
    color: #fff;
    margin-bottom: 0.5em;
}
.section-title-s3 p,
.section-title-s4 p {
    color: #d2d2d2;
    margin: 0;
}
.section-title-s4 {
    margin-bottom: 0;
}
.section-title-s4 h2 {
    color: #131e4a;
}
@media (max-width: 991px) {
    .section-title-s4 {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .section-title-s4 {
        margin-bottom: 20px;
    }
}
.section-title-s5 {
    text-align: center;
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .section-title-s5 {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .section-title-s5 {
        margin-bottom: 30px;
    }
}
.section-title-s5 h2 {
    margin-bottom: 0.4em;
}
.theme-btn,
.theme-btn-s2,
.theme-btn-s3 {
    background-color: #0022d2;
    color: #fff;
    font-size: 15px;

    font-weight: 700;
    padding: 17px 30px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
text-transform: capitalize;
    display: inline-block;
    line-height: initial;
}
.theme-btn:hover,
.theme-btn-s2:hover,
.theme-btn-s3:hover,
.theme-btn:focus,
.theme-btn-s2:focus,
.theme-btn-s3:focus,
.theme-btn:active,
.theme-btn-s2:active,
.theme-btn-s3:active {
    background-color: #333;
    color: #fff;
}



.theme-btn,
.theme-btn-s2,
.theme-btn-s4 {
    background-color: #0699e9;
    color: #fff;
    font-size: 15px;

    font-weight: 700;
    padding: 13px 30px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
text-transform: capitalize;
    display: inline-block;
    line-height: initial;
}
.theme-btn:hover,
.theme-btn-s2:hover,
.theme-btn-s4:hover,
.theme-btn:focus,
.theme-btn-s2:focus,
.theme-btn-s4:focus,
.theme-btn:active,
.theme-btn-s2:active,
.theme-btn-s4:active {
    background-color: #333;
    color: #fff;
}
@media (max-width: 991px) {
    .theme-btn,
    .theme-btn-s2,
    .theme-btn-s3 {
        font-size: 13px;
        padding: 15px 25px;
    }
}
@media (max-width: 767px) {
    .theme-btn,
    .theme-btn-s2,
    .theme-btn-s3 {
        padding: 13px 20px;
        font-size: 13px;
    }
}
.theme-btn-s2,
.theme-btn-s3 {
    background-color: rgba(255, 255, 255, 0.9);
    color: #131e4a;
}
.theme-btn-s3 {
    border: 2px solid #0022d2;
    padding: 15px 30px;
}
@media (max-width: 991px) {
    .theme-btn-s3 {
        font-size: 13px;
        padding: 13px 25px;
    }
}
@media (max-width: 767px) {
    .theme-btn-s3 {
        padding: 11px 20px;
        font-size: 13px;
    }
}

@font-face {
    font-family: "Flaticon";
    src: url(../fonts/Flaticon.eot);
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url(../fonts/Flaticon.woff2) format("woff2"), url(../fonts/Flaticon.woff) format("woff"), url(../fonts/Flaticon.ttf) format("truetype"),
        url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: 400;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-right: 20px;
}
.flaticon-play-button:before {
    content: "\f100";
}
.flaticon-play-button-1:before {
    content: "\f101";
}
.flaticon-play-button-2:before {
    content: "\f102";
}
.flaticon-back:before {
    content: "\f103";
}
.flaticon-next:before {
    content: "\f104";
}
.flaticon-left-quote:before {
    content: "\f105";
}
.flaticon-right-quote:before {
    content: "\f106";
}
.flaticon-triangle:before {
    content: "\f107";
}
.flaticon-play-button-3:before {
    content: "\f108";
}
.flaticon-quote:before {
    content: "\f109";
}
.flaticon-phone-call:before {
    content: "\f10a";
}
.flaticon-call:before {
    content: "\f10b";
}
.flaticon-contact:before {
    content: "\f10c";
}
.flaticon-clock:before {
    content: "\f10d";
}
.flaticon-fast:before {
    content: "\f10e";
}
.flaticon-star:before {
    content: "\f10f";
}
.flaticon-trophy:before {
    content: "\f110";
}
.flaticon-time-management:before {
    content: "\f111";
}
.flaticon-motivation:before {
    content: "\f112";
}
.flaticon-leadership:before {
    content: "\f113";
}
.flaticon-network:before {
    content: "\f114";
}
.flaticon-network-1:before {
    content: "\f115";
}
.flaticon-vegan:before {
    content: "\f116";
}
.flaticon-circular-label-with-certified-stamp:before {
    content: "\f117";
}
.flaticon-chip:before {
    content: "\f118";
}
.flaticon-battery:before {
    content: "\f119";
}
.flaticon-24-hours-support:before {
    content: "\f11a";
}
.flaticon-24-hours:before {
    content: "\f11b";
}
.flaticon-worker:before {
    content: "\f11c";
}
.flaticon-engineer:before {
    content: "\f11d";
}
.flaticon-helmet:before {
    content: "\f11e";
}
.flaticon-like:before {
    content: "\f11f";
}
.flaticon-like-1:before {
    content: "\f120";
}
.flaticon-trophy-1:before {
    content: "\f121";
}
.flaticon-trophy-2:before {
    content: "\f122";
}
.flaticon-gear:before {
    content: "\f123";
}
.flaticon-expansion:before {
    content: "\f124";
}
.flaticon-oil:before {
    content: "\f125";
}
.flaticon-pharmacy:before {
    content: "\f126";
}
.flaticon-paint-palette:before {
    content: "\f127";
}
.flaticon-solar-energy:before {
    content: "\f128";
}

@font-face {
    font-family: "themify";
    src: url(../fonts/themify.eot?-fvbane);
    src: url("../fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url(../fonts/themify.woff?-fvbane) format("woff"), url(../fonts/themify.ttf?-fvbane) format("truetype"),
        url("../fonts/themify.svg?-fvbane#themify") format("svg");
    font-weight: 400;
    font-style: normal;
}
[class^="ti-"],
[class*=" ti-"] {
    font-family: "themify";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
    content: "\e600";
}
.ti-volume:before {
    content: "\e601";
}
.ti-user:before {
    content: "\e602";
}
.ti-unlock:before {
    content: "\e603";
}
.ti-unlink:before {
    content: "\e604";
}
.ti-trash:before {
    content: "\e605";
}
.ti-thought:before {
    content: "\e606";
}
.ti-target:before {
    content: "\e607";
}
.ti-tag:before {
    content: "\e608";
}
.ti-tablet:before {
    content: "\e609";
}
.ti-star:before {
    content: "\e60a";
}
.ti-spray:before {
    content: "\e60b";
}
.ti-signal:before {
    content: "\e60c";
}
.ti-shopping-cart:before {
    content: "\e60d";
}
.ti-shopping-cart-full:before {
    content: "\e60e";
}
.ti-settings:before {
    content: "\e60f";
}
.ti-search:before {
    content: "\e610";
}
.ti-zoom-in:before {
    content: "\e611";
}
.ti-zoom-out:before {
    content: "\e612";
}
.ti-cut:before {
    content: "\e613";
}
.ti-ruler:before {
    content: "\e614";
}
.ti-ruler-pencil:before {
    content: "\e615";
}
.ti-ruler-alt:before {
    content: "\e616";
}
.ti-bookmark:before {
    content: "\e617";
}
.ti-bookmark-alt:before {
    content: "\e618";
}
.ti-reload:before {
    content: "\e619";
}
.ti-plus:before {
    content: "\e61a";
}
.ti-pin:before {
    content: "\e61b";
}
.ti-pencil:before {
    content: "\e61c";
}
.ti-pencil-alt:before {
    content: "\e61d";
}
.ti-paint-roller:before {
    content: "\e61e";
}
.ti-paint-bucket:before {
    content: "\e61f";
}
.ti-na:before {
    content: "\e620";
}
.ti-mobile:before {
    content: "\e621";
}
.ti-minus:before {
    content: "\e622";
}
.ti-medall:before {
    content: "\e623";
}
.ti-medall-alt:before {
    content: "\e624";
}
.ti-marker:before {
    content: "\e625";
}
.ti-marker-alt:before {
    content: "\e626";
}
.ti-arrow-up:before {
    content: "\e627";
}
.ti-arrow-left:before {
    content: "\e628";
}
.ti-arrow-right:before {
    content: "\e629";
}
.ti-arrow-down:before {
    content: "\e62a";
}
.ti-lock:before {
    content: "\e62b";
}
.ti-location-arrow:before {
    content: "\e62c";
}
.ti-link:before {
    content: "\e62d";
}
.ti-layout:before {
    content: "\e62e";
}
.ti-layers:before {
    content: "\e62f";
}
.ti-layers-alt:before {
    content: "\e630";
}
.ti-key:before {
    content: "\e631";
}
.ti-import:before {
    content: "\e632";
}
.ti-image:before {
    content: "\e633";
}
.ti-heart:before {
    content: "\e634";
}
.ti-heart-broken:before {
    content: "\e635";
}
.ti-hand-stop:before {
    content: "\e636";
}
.ti-hand-open:before {
    content: "\e637";
}
.ti-hand-drag:before {
    content: "\e638";
}
.ti-folder:before {
    content: "\e639";
}
.ti-flag:before {
    content: "\e63a";
}
.ti-flag-alt:before {
    content: "\e63b";
}
.ti-flag-alt-2:before {
    content: "\e63c";
}
.ti-eye:before {
    content: "\e63d";
}
.ti-export:before {
    content: "\e63e";
}
.ti-exchange-vertical:before {
    content: "\e63f";
}
.ti-desktop:before {
    content: "\e640";
}
.ti-cup:before {
    content: "\e641";
}
.ti-crown:before {
    content: "\e642";
}
.ti-comments:before {
    content: "\e643";
}
.ti-comment:before {
    content: "\e644";
}
.ti-comment-alt:before {
    content: "\e645";
}
.ti-close:before {
    content: "\e646";
}
.ti-clip:before {
    content: "\e647";
}
.ti-angle-up:before {
    content: "\e648";
}
.ti-angle-left:before {
    content: "\e649";
}
.ti-angle-right:before {
    content: "\e64a";
}
.ti-angle-down:before {
    content: "\e64b";
}
.ti-check:before {
    content: "\e64c";
}
.ti-check-box:before {
    content: "\e64d";
}
.ti-camera:before {
    content: "\e64e";
}
.ti-announcement:before {
    content: "\e64f";
}
.ti-brush:before {
    content: "\e650";
}
.ti-briefcase:before {
    content: "\e651";
}
.ti-bolt:before {
    content: "\e652";
}
.ti-bolt-alt:before {
    content: "\e653";
}
.ti-blackboard:before {
    content: "\e654";
}
.ti-bag:before {
    content: "\e655";
}
.ti-move:before {
    content: "\e656";
}
.ti-arrows-vertical:before {
    content: "\e657";
}
.ti-arrows-horizontal:before {
    content: "\e658";
}
.ti-fullscreen:before {
    content: "\e659";
}
.ti-arrow-top-left:before {
    content: "\e65a";
}
.ti-arrow-top-right:before {
    content: "\e65b";
}
.ti-arrow-circle-up:before {
    content: "\e65c";
}
.ti-arrow-circle-left:before {
    content: "\e65d";
}
.ti-arrow-circle-right:before {
    content: "\e65e";
}
.ti-arrow-circle-down:before {
    content: "\e65f";
}
.ti-angle-double-up:before {
    content: "\e660";
}
.ti-angle-double-left:before {
    content: "\e661";
}
.ti-angle-double-right:before {
    content: "\e662";
}
.ti-angle-double-down:before {
    content: "\e663";
}
.ti-zip:before {
    content: "\e664";
}
.ti-world:before {
    content: "\e665";
}
.ti-wheelchair:before {
    content: "\e666";
}
.ti-view-list:before {
    content: "\e667";
}
.ti-view-list-alt:before {
    content: "\e668";
}
.ti-view-grid:before {
    content: "\e669";
}
.ti-uppercase:before {
    content: "\e66a";
}
.ti-upload:before {
    content: "\e66b";
}
.ti-underline:before {
    content: "\e66c";
}
.ti-truck:before {
    content: "\e66d";
}
.ti-timer:before {
    content: "\e66e";
}
.ti-ticket:before {
    content: "\e66f";
}
.ti-thumb-up:before {
    content: "\e670";
}
.ti-thumb-down:before {
    content: "\e671";
}
.ti-text:before {
    content: "\e672";
}
.ti-stats-up:before {
    content: "\e673";
}
.ti-stats-down:before {
    content: "\e674";
}
.ti-split-v:before {
    content: "\e675";
}
.ti-split-h:before {
    content: "\e676";
}
.ti-smallcap:before {
    content: "\e677";
}
.ti-shine:before {
    content: "\e678";
}
.ti-shift-left:before {
    content: "\e679";
}
.ti-shift-right:before {
    content: "\e67a";
}
.ti-shield:before {
    content: "\e67b";
}
.ti-notepad:before {
    content: "\e67c";
}
.ti-server:before {
    content: "\e67d";
}
.ti-quote-left:before {
    content: "\e67e";
}
.ti-quote-right:before {
    content: "\e67f";
}
.ti-pulse:before {
    content: "\e680";
}
.ti-printer:before {
    content: "\e681";
}
.ti-power-off:before {
    content: "\e682";
}
.ti-plug:before {
    content: "\e683";
}
.ti-pie-chart:before {
    content: "\e684";
}
.ti-paragraph:before {
    content: "\e685";
}
.ti-panel:before {
    content: "\e686";
}
.ti-package:before {
    content: "\e687";
}
.ti-music:before {
    content: "\e688";
}
.ti-music-alt:before {
    content: "\e689";
}
.ti-mouse:before {
    content: "\e68a";
}
.ti-mouse-alt:before {
    content: "\e68b";
}
.ti-money:before {
    content: "\e68c";
}
.ti-microphone:before {
    content: "\e68d";
}
.ti-menu:before {
    content: "\e68e";
}
.ti-menu-alt:before {
    content: "\e68f";
}
.ti-map:before {
    content: "\e690";
}
.ti-map-alt:before {
    content: "\e691";
}
.ti-loop:before {
    content: "\e692";
}
.ti-location-pin:before {
    content: "\e693";
}
.ti-list:before {
    content: "\e694";
}
.ti-light-bulb:before {
    content: "\e695";
}
.ti-Italic:before {
    content: "\e696";
}
.ti-info:before {
    content: "\e697";
}
.ti-infinite:before {
    content: "\e698";
}
.ti-id-badge:before {
    content: "\e699";
}
.ti-hummer:before {
    content: "\e69a";
}
.ti-home:before {
    content: "\e69b";
}
.ti-help:before {
    content: "\e69c";
}
.ti-headphone:before {
    content: "\e69d";
}
.ti-harddrives:before {
    content: "\e69e";
}
.ti-harddrive:before {
    content: "\e69f";
}
.ti-gift:before {
    content: "\e6a0";
}
.ti-game:before {
    content: "\e6a1";
}
.ti-filter:before {
    content: "\e6a2";
}
.ti-files:before {
    content: "\e6a3";
}
.ti-file:before {
    content: "\e6a4";
}
.ti-eraser:before {
    content: "\e6a5";
}
.ti-envelope:before {
    content: "\e6a6";
}
.ti-download:before {
    content: "\e6a7";
}
.ti-direction:before {
    content: "\e6a8";
}
.ti-direction-alt:before {
    content: "\e6a9";
}
.ti-dashboard:before {
    content: "\e6aa";
}
.ti-control-stop:before {
    content: "\e6ab";
}
.ti-control-shuffle:before {
    content: "\e6ac";
}
.ti-control-play:before {
    content: "\e6ad";
}
.ti-control-pause:before {
    content: "\e6ae";
}
.ti-control-forward:before {
    content: "\e6af";
}
.ti-control-backward:before {
    content: "\e6b0";
}
.ti-cloud:before {
    content: "\e6b1";
}
.ti-cloud-up:before {
    content: "\e6b2";
}
.ti-cloud-down:before {
    content: "\e6b3";
}
.ti-clipboard:before {
    content: "\e6b4";
}
.ti-car:before {
    content: "\e6b5";
}
.ti-calendar:before {
    content: "\e6b6";
}
.ti-book:before {
    content: "\e6b7";
}
.ti-bell:before {
    content: "\e6b8";
}
.ti-basketball:before {
    content: "\e6b9";
}
.ti-bar-chart:before {
    content: "\e6ba";
}
.ti-bar-chart-alt:before {
    content: "\e6bb";
}
.ti-back-left:before {
    content: "\e6bc";
}
.ti-back-right:before {
    content: "\e6bd";
}
.ti-arrows-corner:before {
    content: "\e6be";
}
.ti-archive:before {
    content: "\e6bf";
}
.ti-anchor:before {
    content: "\e6c0";
}
.ti-align-left:before {
    content: "\e6c1";
}
.ti-align-right:before {
    content: "\e6c2";
}
.ti-align-justify:before {
    content: "\e6c3";
}
.ti-align-center:before {
    content: "\e6c4";
}
.ti-alert:before {
    content: "\e6c5";
}
.ti-alarm-clock:before {
    content: "\e6c6";
}
.ti-agenda:before {
    content: "\e6c7";
}
.ti-write:before {
    content: "\e6c8";
}
.ti-window:before {
    content: "\e6c9";
}
.ti-widgetized:before {
    content: "\e6ca";
}
.ti-widget:before {
    content: "\e6cb";
}
.ti-widget-alt:before {
    content: "\e6cc";
}
.ti-wallet:before {
    content: "\e6cd";
}
.ti-video-clapper:before {
    content: "\e6ce";
}
.ti-video-camera:before {
    content: "\e6cf";
}
.ti-vector:before {
    content: "\e6d0";
}
.ti-themify-logo:before {
    content: "\e6d1";
}
.ti-themify-favicon:before {
    content: "\e6d2";
}
.ti-themify-favicon-alt:before {
    content: "\e6d3";
}
.ti-support:before {
    content: "\e6d4";
}
.ti-stamp:before {
    content: "\e6d5";
}
.ti-split-v-alt:before {
    content: "\e6d6";
}
.ti-slice:before {
    content: "\e6d7";
}
.ti-shortcode:before {
    content: "\e6d8";
}
.ti-shift-left-alt:before {
    content: "\e6d9";
}
.ti-shift-right-alt:before {
    content: "\e6da";
}
.ti-ruler-alt-2:before {
    content: "\e6db";
}
.ti-receipt:before {
    content: "\e6dc";
}
.ti-pin2:before {
    content: "\e6dd";
}
.ti-pin-alt:before {
    content: "\e6de";
}
.ti-pencil-alt2:before {
    content: "\e6df";
}
.ti-palette:before {
    content: "\e6e0";
}
.ti-more:before {
    content: "\e6e1";
}
.ti-more-alt:before {
    content: "\e6e2";
}
.ti-microphone-alt:before {
    content: "\e6e3";
}
.ti-magnet:before {
    content: "\e6e4";
}
.ti-line-double:before {
    content: "\e6e5";
}
.ti-line-dotted:before {
    content: "\e6e6";
}
.ti-line-dashed:before {
    content: "\e6e7";
}
.ti-layout-width-full:before {
    content: "\e6e8";
}
.ti-layout-width-default:before {
    content: "\e6e9";
}
.ti-layout-width-default-alt:before {
    content: "\e6ea";
}
.ti-layout-tab:before {
    content: "\e6eb";
}
.ti-layout-tab-window:before {
    content: "\e6ec";
}
.ti-layout-tab-v:before {
    content: "\e6ed";
}
.ti-layout-tab-min:before {
    content: "\e6ee";
}
.ti-layout-slider:before {
    content: "\e6ef";
}
.ti-layout-slider-alt:before {
    content: "\e6f0";
}
.ti-layout-sidebar-left:before {
    content: "\e6f1";
}
.ti-layout-sidebar-none:before {
    content: "\e6f2";
}
.ti-layout-sidebar-right:before {
    content: "\e6f3";
}
.ti-layout-placeholder:before {
    content: "\e6f4";
}
.ti-layout-menu:before {
    content: "\e6f5";
}
.ti-layout-menu-v:before {
    content: "\e6f6";
}
.ti-layout-menu-separated:before {
    content: "\e6f7";
}
.ti-layout-menu-full:before {
    content: "\e6f8";
}
.ti-layout-media-left-alt:before {
    content: "\e6f9";
}
.ti-layout-media-left:before {
    content: "\e6fa";
}
.ti-layout-media-overlay:before {
    content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
    content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd";
}
.ti-layout-media-right-alt:before {
    content: "\e6fe";
}
.ti-layout-media-right:before {
    content: "\e6ff";
}
.ti-layout-media-center-alt:before {
    content: "\e700";
}
.ti-layout-media-center:before {
    content: "\e701";
}
.ti-layout-list-thumb:before {
    content: "\e702";
}
.ti-layout-list-thumb-alt:before {
    content: "\e703";
}
.ti-layout-list-post:before {
    content: "\e704";
}
.ti-layout-list-large-image:before {
    content: "\e705";
}
.ti-layout-line-solid:before {
    content: "\e706";
}
.ti-layout-grid4:before {
    content: "\e707";
}
.ti-layout-grid3:before {
    content: "\e708";
}
.ti-layout-grid2:before {
    content: "\e709";
}
.ti-layout-grid2-thumb:before {
    content: "\e70a";
}
.ti-layout-cta-left:before {
    content: "\e70b";
}
.ti-layout-cta-right:before {
    content: "\e70c";
}
.ti-layout-cta-center:before {
    content: "\e70d";
}
.ti-layout-cta-btn-left:before {
    content: "\e70e";
}
.ti-layout-cta-btn-right:before {
    content: "\e70f";
}
.ti-layout-column4:before {
    content: "\e710";
}
.ti-layout-column3:before {
    content: "\e711";
}
.ti-layout-column2:before {
    content: "\e712";
}
.ti-layout-accordion-separated:before {
    content: "\e713";
}
.ti-layout-accordion-merged:before {
    content: "\e714";
}
.ti-layout-accordion-list:before {
    content: "\e715";
}
.ti-ink-pen:before {
    content: "\e716";
}
.ti-info-alt:before {
    content: "\e717";
}
.ti-help-alt:before {
    content: "\e718";
}
.ti-headphone-alt:before {
    content: "\e719";
}
.ti-hand-point-up:before {
    content: "\e71a";
}
.ti-hand-point-left:before {
    content: "\e71b";
}
.ti-hand-point-right:before {
    content: "\e71c";
}
.ti-hand-point-down:before {
    content: "\e71d";
}
.ti-gallery:before {
    content: "\e71e";
}
.ti-face-smile:before {
    content: "\e71f";
}
.ti-face-sad:before {
    content: "\e720";
}
.ti-credit-card:before {
    content: "\e721";
}
.ti-control-skip-forward:before {
    content: "\e722";
}
.ti-control-skip-backward:before {
    content: "\e723";
}
.ti-control-record:before {
    content: "\e724";
}
.ti-control-eject:before {
    content: "\e725";
}
.ti-comments-smiley:before {
    content: "\e726";
}
.ti-brush-alt:before {
    content: "\e727";
}
.ti-youtube:before {
    content: "\e728";
}
.ti-vimeo:before {
    content: "\e729";
}
.ti-twitter:before {
    content: "\e72a";
}
.ti-time:before {
    content: "\e72b";
}
.ti-tumblr:before {
    content: "\e72c";
}
.ti-skype:before {
    content: "\e72d";
}
.ti-share:before {
    content: "\e72e";
}
.ti-share-alt:before {
    content: "\e72f";
}
.ti-rocket:before {
    content: "\e730";
}
.ti-pinterest:before {
    content: "\e731";
}
.ti-new-window:before {
    content: "\e732";
}
.ti-microsoft:before {
    content: "\e733";
}
.ti-list-ol:before {
    content: "\e734";
}
.ti-linkedin:before {
    content: "\e735";
}
.ti-layout-sidebar-2:before {
    content: "\e736";
}
.ti-layout-grid4-alt:before {
    content: "\e737";
}
.ti-layout-grid3-alt:before {
    content: "\e738";
}
.ti-layout-grid2-alt:before {
    content: "\e739";
}
.ti-layout-column4-alt:before {
    content: "\e73a";
}
.ti-layout-column3-alt:before {
    content: "\e73b";
}
.ti-layout-column2-alt:before {
    content: "\e73c";
}
.ti-instagram:before {
    content: "\e73d";
}
.ti-google:before {
    content: "\e73e";
}
.ti-github:before {
    content: "\e73f";
}
.ti-flickr:before {
    content: "\e740";
}
.ti-facebook:before {
    content: "\e741";
}
.ti-dropbox:before {
    content: "\e742";
}
.ti-dribbble:before {
    content: "\e743";
}
.ti-apple:before {
    content: "\e744";
}
.ti-android:before {
    content: "\e745";
}
.ti-save:before {
    content: "\e746";
}
.ti-save-alt:before {
    content: "\e747";
}
.ti-yahoo:before {
    content: "\e748";
}
.ti-wordpress:before {
    content: "\e749";
}
.ti-vimeo-alt:before {
    content: "\e74a";
}
.ti-twitter-alt:before {
    content: "\e74b";
}
.ti-tumblr-alt:before {
    content: "\e74c";
}
.ti-trello:before {
    content: "\e74d";
}
.ti-stack-overflow:before {
    content: "\e74e";
}
.ti-soundcloud:before {
    content: "\e74f";
}
.ti-sharethis:before {
    content: "\e750";
}
.ti-sharethis-alt:before {
    content: "\e751";
}
.ti-reddit:before {
    content: "\e752";
}
.ti-pinterest-alt:before {
    content: "\e753";
}
.ti-microsoft-alt:before {
    content: "\e754";
}
.ti-linux:before {
    content: "\e755";
}
.ti-jsfiddle:before {
    content: "\e756";
}
.ti-joomla:before {
    content: "\e757";
}
.ti-html5:before {
    content: "\e758";
}
.ti-flickr-alt:before {
    content: "\e759";
}
.ti-email:before {
    content: "\e75a";
}
.ti-drupal:before {
    content: "\e75b";
}
.ti-dropbox-alt:before {
    content: "\e75c";
}
.ti-css3:before {
    content: "\e75d";
}
.ti-rss:before {
    content: "\e75e";
}
.ti-rss-alt:before {
    content: "\e75f";
}


@font-face {
    font-family: 'features';
    src:    url('../fonts/features.eot?do5ipg');
    src:    url('../fonts/features.eot?do5ipg#iefix') format('embedded-opentype'),
		url('../fonts/features.woff?do5ipg') format('woff'),
        url('../fonts/features.ttf?do5ipg') format('truetype'),
        url('../fonts/features.svg?do5ipg#features') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="features-"]::before, [class*=" features-"]::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'features' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
	direction: ltr;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.features-facebook::before {
    content: "\f000";
}
.features-paypal::before {
    content: "\f001";
}
.features-twitter::before {
    content: "\f002";
}
.features-list::before {
    content: "\f003";
}
.features-document-missing::before {
    content: "\f004";
}
.features-document::before {
    content: "\f005";
}
.features-science::before {
    content: "\f006";
}
.features-bacteria::before {
    content: "\f007";
}
.features-brain::before {
    content: "\f008";
}
.features-molecule::before {
    content: "\f009";
}
.features-lab::before {
    content: "\f010";
}
.features-dna::before {
    content: "\f011";
}
.features-test-tube::before {
    content: "\f012";
}
.features-baby::before {
    content: "\f013";
}
.features-baby-bed::before {
    content: "\f014";
}
.features-baby-bottle::before {
    content: "\f015";
}
.features-teddy-bear::before {
    content: "\f016";
}
.features-glasses::before {
    content: "\f017";
}
.features-ambulance::before {
    content: "\f018";
}
.features-dental-shield::before {
    content: "\f019";
}
.features-dentist::before {
    content: "\f020";
}
.features-plaster::before {
    content: "\f021";
}
.features-heart-beat::before {
    content: "\f022";
}
.features-medical-bed::before {
    content: "\f023";
}
.features-first-aid::before {
    content: "\f024";
}
.features-medical-cast::before {
    content: "\f025";
}
.features-medical-document::before {
    content: "\f026";
}
.features-medical-cross::before {
    content: "\f027";
}
.features-healthcare::before {
    content: "\f028";
}
.features-medical-scissors::before {
    content: "\f029";
}
.features-pill::before {
    content: "\f030";
}
.features-mortar::before {
    content: "\f031";
}
.features-medical-results::before {
    content: "\f032";
}
.features-pulse::before {
    content: "\f033";
}
.features-drip::before {
    content: "\f034";
}
.features-hospital::before {
    content: "\f035";
}
.features-stethoscope::before {
    content: "\f036";
}
.features-syringe::before {
    content: "\f037";
}
.features-burns::before {
    content: "\f038";
}
.features-config::before {
    content: "\f039";
}
.features-pet-box::before {
    content: "\f040";
}
.features-cat::before {
    content: "\f041";
}
.features-dog::before {
    content: "\f042";
}
.features-leaf::before {
    content: "\f043";
}
.features-spa::before {
    content: "\f044";
}
.features-spa-bamboo::before {
    content: "\f045";
}
.features-spa-lotion::before {
    content: "\f046";
}
.features-toothbrush::before {
    content: "\f047";
}
.features-fitness::before {
    content: "\f048";
}
.features-signpost::before {
    content: "\f049";
}
.features-home::before {
    content: "\f050";
}
.features-location::before {
    content: "\f051";
}
.features-map::before {
    content: "\f052";
}
.features-quote::before {
    content: "\f053";
}
.features-app::before {
    content: "\f054";
}
.features-money::before {
    content: "\f055";
}
.features-credit-card::before {
    content: "\f056";
}
.features-wallet::before {
    content: "\f057";
}
.features-chart::before {
    content: "\f058";
}
.features-balance::before {
    content: "\f059";
}
.features-briefcase::before {
    content: "\f060";
}
.features-cart::before {
    content: "\f061";
}
.features-frostbite::before {
    content: "\f062";
}
.features-ear::before {
    content: "\f063";
}
.features-piano::before {
    content: "\f064";
}
.features-video::before {
    content: "\f065";
}
.features-speaker::before {
    content: "\f066";
}
.features-movie::before {
    content: "\f067";
}
.features-image::before {
    content: "\f068";
}
.features-gallery::before {
    content: "\f069";
}
.features-graph::before {
    content: "\f070";
}
.features-tags::before {
    content: "\f071";
}
.features-plus::before {
    content: "\f072";
}
.features-cross::before {
    content: "\f073";
}
.features-minus::before {
    content: "\f074";
}
.features-network::before {
    content: "\f075";
}
.features-x-ray::before {
    content: "\f076";
}
.features-time::before {
    content: "\f077";
}
.features-lock::before {
    content: "\f078";
}
.features-certificate::before {
    content: "\f079";
}
.features-heart::before {
    content: "\f080";
}
.features-address::before {
    content: "\f081";
}
.features-book::before {
    content: "\f082";
}
.features-box::before {
    content: "\f083";
}
.features-diary::before {
    content: "\f084";
}
.features-tablet::before {
    content: "\f085";
}
.features-battery::before {
    content: "\f086";
}
.features-mobile::before {
    content: "\f087";
}
.features-phone::before {
    content: "\f088";
}
.features-laptop::before {
    content: "\f089";
}
.features-screen::before {
    content: "\f090";
}
.features-keyboard::before {
    content: "\f091";
}
.features-chat::before {
    content: "\f092";
}
.features-doctor::before {
    content: "\f093";
}
.features-people::before {
    content: "\f094";
}
.features-medical-staff::before {
    content: "\f095";
}
.features-id::before {
    content: "\f096";
}
.features-email::before {
    content: "\f097";
}
.features-clock::before {
    content: "\f098";
}
.features-lifeline::before {
    content: "\f099";
}
.features-tick::before {
    content: "\f100";
}
.features-pen::before {
    content: "\f101";
}
.features-pin::before {
    content: "\f102";
}
.features-printer::before {
    content: "\f103";
}
.features-eye::before {
    content: "\f104";
}
.features-play::before {
  content: "\f105";
}


/*************** fooooooooooter ***************/


.site-footer {
background-color: #f7f9fb;
position: relative;
font-size: 15px;
overflow: hidden;
background-color: #f7f9fb;
background-size: 350px;
background-position: 110% 78%;
}
.site-footer ul {
 list-style:none;margin-bottom: 50px;
}
.site-footer p,.site-footer li {
 color:#545050
}
.site-footer .upper-footer {
padding-bottom: 15px;
position: relative;
}



.site-footer .upper-footer:after {
content: "";
background: url(../images/fotter.png) no-repeat left;
width: 360px;
height: 360px;
position: absolute;
left: -91px;
bottom: 0;
opacity: 0.3;
background-size: cover;
}


@media (max-width:991px) {
 .site-footer .upper-footer {

 }
}
@media (max-width:767px) {
 .site-footer .upper-footer {

 }
}
@media (max-width:991px) {
 .site-footer .upper-footer .col {


 }
}
@media (max-width:767px) {
 .site-footer .upper-footer .col {


 }
}
.site-footer .widget-title {
 margin-bottom:30px
}
@media (max-width:767px) {
 .site-footer .widget-title {
  margin-bottom:20px
 }
}
.site-footer .widget-title h3 {
 font-size:18px;

 margin:0;
 padding-bottom:.4em;
 text-transform:capitalize;
 position:relative
}
@media (max-width:991px) {
 .site-footer .widget-title h3 {
  padding-bottom:0
 }
}
.site-footer .about-widget .logo {
margin-bottom: 5px;
margin-top: 5px;
}
.site-footer .about-widget p {
 margin-bottom:.8em;
 line-height:1.9em
}
.site-footer .about-widget p:last-child {
 margin-bottom:0
}
.site-footer .about-widget .social-icons {
 overflow:hidden
}
@media (max-width:991px) {
 .site-footer .about-widget .social-icons {
  float:none;
  display:block;
  text-align:left
 }
}
.site-footer .about-widget .social-icons ul {
 overflow:hidden;
 list-style:none;
padding: 0;margin: 0;
}
@media (max-width:991px) {
 .site-footer .about-widget .social-icons ul {
  display:inline-block
 }
}
.site-footer .about-widget .social-icons ul li {
 float:right
}
.site-footer .about-widget .social-icons ul>li + li {
 margin-right:15px
}
.site-footer .about-widget .social-icons ul a {
 font-size:14px;

 color:#131e4a
}
.site-footer .about-widget .social-icons ul a:hover {
 color:#0022d2
}
.site-footer .link-widget {
 overflow:hidden
}
@media screen and (min-width:1200px) {
 .site-footer .link-widget {
  padding-right:20px
 }
}
@media (max-width:1199px) {
 .site-footer .link-widget {
  padding-right:20px
 }
}
@media (max-width:991px) {
 .site-footer .link-widget {
  padding-right:0
 }
}
@media (max-width:767px) {
 .site-footer .link-widget {
  max-width:350px
 }
}
.site-footer .link-widget ul {
 width:100%;
 padding: 0;display: inline-block;
}
.site-footer .link-widget ul li {
 position:relative;
float: right;
width: 50%;
}
.site-footer .link-widget ul a {
 color:#131e4a;

text-transform:capitalize;
}
.site-footer .link-widget ul a:hover,.site-footer .link-widget ul li:hover:before {

}
.site-footer .link-widget ul>li{
 margin-bottom:15px
}
@media screen and (min-width:1200px) {
 .site-footer .contact-widget {

 }
}
.site-footer .contact-widget ul {
 margin-top:25px;padding: 0;
}
.site-footer .contact-widget ul li {
 position:relative
}
.site-footer .contact-widget ul>li + li {
 margin-top:15px
}
.site-footer .contact-widget li span {
 color:#131e4a;

}
.site-footer .newsletter-widget form {
 margin-top:25px;
 position:relative
}
.site-footer .newsletter-widget form input {
 background-color:#fff;
 height:50px;
 color:#777;
 padding:6px 20px;
 border-radius:5px;
 border:1px solid #dcdbdb;
 -webkit-box-shadow:none;
 box-shadow:none
}
.site-footer .newsletter-widget form .submit {
 position:absolute;
 left:20px;
 top:55%;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.site-footer .newsletter-widget form .submit button {
 background:transparent;
 border:0;
 outline:0;
 font-size:20px;
 color:#0022d2;
 margin-top:-2px;
 position:relative;
 left:-5px
}
.site-footer .lower-footer {
 text-align:center;
 position:relative
}

/*
.site-footer .lower-footer .row {
 padding:20px 0;
 position:relative
}*/

.site-footer .lower-footer .row .separator {
 background:#e8e8e8;
 width:calc(100% - 30px);
 height:1px;
 position:absolute;
 right:15px;
 top:0
}
.site-footer .lower-footer .copyright {
 display:inline-block;

 font-size:14px;

margin: 0;
padding: 5px 0;
}
@media (max-width:991px) {
 .site-footer .lower-footer .copyright {
  float:none;
  display:block;
  margin:0
 }
}
.site-footer .lower-footer .copyright a {
 color:#fff;
 text-decoration:underline
}
.site-footer .lower-footer .extra-link {
 display:inline-block;
 float:left;
 overflow:hidden
}
@media (max-width:991px) {
 .site-footer .lower-footer .extra-link {
  float:none;
  display:block;
  text-align:center
 }
}
.site-footer .lower-footer .extra-link ul {
 overflow:hidden;
 list-style:none
}
@media (max-width:991px) {
 .site-footer .lower-footer .extra-link ul {
  display:inline-block
 }
}
.site-footer .lower-footer .extra-link ul li {
 float:left
}
.site-footer .lower-footer .extra-link ul>li + li {
 margin-right:35px;
 position:relative
}
@media (max-width:767px) {
 .site-footer .lower-footer .extra-link ul>li + li {
  margin-right:15px
 }
}
.site-footer .lower-footer .extra-link ul>li + li:before {
 content:"";
 background:#131e4a;
 width:15px;
 height:1px;
 position:absolute;
 right:-25px;
 top:11px
}
@media (max-width:767px) {
 .site-footer .lower-footer .extra-link ul>li + li:before {
  display:none
 }
}
.site-footer .lower-footer .extra-link ul a {
 font-size:14px;

 color:#131e4a
}
.site-footer .lower-footer .extra-link ul a:hover {
 text-decoration:underline
}









.site-footer .link-widget ul li,.site-footer .contact-widget ul li {
 line-height:23px
}
.site-footer .newsletter-widget input {
 background-color:#fff;
 height:50px;
 color:#57667e;
 padding:6px 25px;
 border:none;
 -webkit-box-shadow:none;
 box-shadow:none;
 border:1px solid #dcdbdb;
border-radius: 4px;
}
.site-footer .newsletter-widget .submit {
 position:absolute;
 left:20px;
 top:74%;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.site-footer .newsletter-widget button {
 border:none;
 background:transparent;
 color:#0022d2;
 font-size:20px;
 padding:0
}


.news-wrap {
 position:relative
}




.back-to-top {
  position: fixed;
  left: 36px;
  bottom: 42px;
  width: 42px;
  height: 42px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  z-index: 99;
  font-size: 22px;
  cursor: pointer;
  background-color: #0022d2;
  -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite;
  animation: white-shadow .8s infinite, red-shadow .8s infinite;
  -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  display: none;
}



.back-to-top button {
  color: #fff;
background:none;
border:0}


@keyframes white-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-transition: box-shadow .3s ease-in-out;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .4s ease-in-out;
    -webkit-transition: -webkit-box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  }
}


@-webkit-keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #0022d233;
    box-shadow: 0 0 0 0 #0022d233;
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}
@keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #0022d233;
    box-shadow: 0 0 0 0 #0022d233;
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}





/***************** top-footer **************/

.footer-banner-box {
    float: right;
width: 33.333%;
    padding: 36px 30px 31px;
    list-style: none;
    z-index: 2;text-align: right;
}


.footer-banner-box h2, .footer-banner-box h2 a {
    color: #FFF;margin: 0;
}


.footer-banner-box h2 {
font-weight: normal;
font-size: 15px;
text-transform: capitalize;
}
.footer-banner-box p.content-margin {
    margin-right: 78px;
}



.footer-banner-box p {
font-family: "pop-light";
    font-weight: 300;
    font-size: 30px;
    line-height: 1.4;
    padding: 0;
    color: #FFF;
}


.footer-banner-box a {
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
    -moz-transition: color 0.2s ease 0s;
}



.footer-banner-box-container .footer-banner-box:nth-child(3n+1)
{
	z-index: 3;
	background: #00B6CC;
}
.footer-banner-box-container .footer-banner-box:nth-child(3n+2)
{
	background: #0097B5;
}
.footer-banner-box-container .footer-banner-box:nth-child(3n+3)
{
	z-index: 1;
	background: #006688;
}



.footer-banner-box-container {
padding: 0;
position: relative;
display: block;
display: flex;
display: -ms-flexbox;
display: -webkit-flexbox;
display: -webkit-flex;
overflow:hidden;
direction: rtl;
}


.footer-banner-box-container a {
color:#fff;font-family: "pop-light";
}

/****//*
.features-map::before {
    content: "\f052";
}


.features-phone::before {
    content: "\f088";
}

.features-email::before {
    content: "\f097";
}
*/


.footer-banner-box::before {
    float: right;
    color: #FFF;
    font-size: 48px;
    margin-left: 30px;
}


.footer-banner-box {
    list-style: none;
}



/*************** blog / latest-news ***********/


.blog-section {
padding: 30px 0;
}

@media (max-width:991px) {
 .blog-section {
  padding-bottom:55px
 }
}
@media (max-width:767px) {
 .blog-section {
  padding-bottom:45px
 }
}
.blog-section .blog-grids {
 margin:0 -15px
}
@media (max-width:767px) {
 .blog-section .blog-grids {
  margin:0 -7.5px
 }
}
.blog-section .blog-grids .grid {
 width:calc(33.33% - 30px);
 float:right;
 margin:0 15px 30px
}
@media (max-width:991px) {
 .blog-section .blog-grids .grid {
  width:calc(50% - 30px)
 }
}
@media (max-width:767px) {
 .blog-section .blog-grids .grid {
  width:calc(50% - 15px);
  margin:0 7.5px 30px
 }
}
@media (max-width:600px) {
 .blog-section .blog-grids .grid {
  width:calc(100% - 15px);
  float:none
 }
}
.blog-section .entry-body {
padding: 6px;
background: #fff;
direction: rtl;
text-align: center;
height: 47px;
overflow: hidden;
padding-top: 3px;
}

.blog-section .entry-media img {
height:225px;
}

.blog-section .cats {
 font-size:14px;
 color:#fd5f17
}
.blog-section .entry-body h4 {
 font-size:18px;
 margin:.5em 0 .8em;
line-height: 30px;
}
@media (max-width:767px) {
 .blog-section .entry-body h4 {
  font-size:16px;
text-align: center;
 }
}
.blog-section .entry-body h4 a {
color: #131e4a;
font-size: 15px;
font-weight: lighter;
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
}
.blog-section .entry-body h4 a:hover {
 color:#fd5f17
}
.blog-section .date {
 font-size:14px;
}
.blog-section .read-more {
 font-size:14px;
 color:#131e4a;
 font-weight:500
}
.blog-section .read-more:hover {
 color:#fd5f17
}
.blog-section .read-more .fi:before {
 font-size:14px;
 position:relative;
 top:1px;
 padding-right:4px
}



.blog-news .grid {
background: #fff;
}

.blog-news .grid .entry-media {
 position:relative;
overflow: hidden;

}


.blog-news .grid .entry-media:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 50%;
    height: 200%;
    right: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;


}


.blog-news .grid .entry-media:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 50%;
    height: 200%;
    left: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;


}




.blog-news .grid:hover .entry-media:after{
	right:0;
}



.blog-news .grid:hover .entry-media:before{
	left:0;
}






.products-section {
/*
background-color: #f7f9fb;
background-image: url(../images/dots.png);
background-size: cover;*/
position: relative;
font-size: 15px;
overflow: hidden;
padding:30px 0;
}

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





.services {
    text-align: center;
}

@media(max-width:995px) {
    .services {
        padding: 10px 0;
        background: 0 0;
        margin-top: 1%
    }
}

.services .heading {
    margin-bottom: 20px
}

@media(max-width:995px) {
    .services .heading {
        margin-bottom: 10px
    }
}

.services .heading h2 {
    text-transform: capitalize;
    font-size: 30px;
    color: #252525
}

@media(max-width:995px) {
    .services .heading h2 {
        font-size: 20px
    }
}

.services .heading h2 img {
    display: block;
    margin: auto;
    width: 140px
}

.services a {

margin-bottom: 10px;
position: relative;
overflow: hidden;
text-decoration: none;
font-size: 15px;

}


.services .single_service {

overflow: hidden;

transition: all ease-in-out 0.4s;
}

.services .single_service:hover {
-webkit-box-shadow: none;
box-shadow: none;
}


.services .single_service img {
    width: 100%;
    height: 230px;

    transition: all .4s ease-in-out
}

/*
.services a:hover img {
    transform: scale(1.4);

}*/

.services .single_service .heading_service {
position: relative;  padding: 12px 20px;
}


@media(max-width:995px) {
    .services .single_service .heading_service {

    }
}

.services .single_service .heading_service h3 {
margin: 0;
text-transform: capitalize;
font-size: 16px;
color: #000;
font-weight: normal;
padding-bottom: 15px;
border-bottom: 1px solid #dedede;
}

.services .single_service .heading_service p {
color:#666666;
margin-top:5px;font-size:14px;    text-transform: capitalize;
}


@media(max-width:995px) {
    .services .single_service .heading_service h3 {
        padding: 10px 16px;
        width: 100%;
    }
}
/*
.services .single_service .heading_service h3:first-of-type {
    background-color: rgba(214, 214, 214, .7);
    color: #fff;
    text-shadow: 0 0 16px #333;
    transition: all .4s ease-in-out
}

.services .single_service a:hover .heading_service h3:first-of-type {
    transform: rotateX(90deg) translateY(-100%);
    opacity: 0
}
*/
.services .single_service .heading_service h3:last-of-type {

    transition: all .4s ease-in-out;
}



#curve {
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(180deg);
}

#curve path {
    fill: #fff;
}




/*
.services .single_service a:hover .heading_service h3:last-of-type {

    background-color: #0022d2b3;
    color: #fff;
    text-shadow: 0 0 12px #000;
    transform: rotatex(0);
    position: absolute;
    bottom: 0
}
*/
.services .more {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    width: 150px;
    margin: auto;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 4px 4px 20px 5px #adadad;
    background: linear-gradient(to right, rgba(78, 75, 118, 1) 0, rgba(116, 178, 205, 1) 100%);
    transition: all .2s ease-in-out
}

.services .more:hover {
    box-shadow: 0 0 5px 1px #adadad
}


.number-fo strong,
.number-fo {
font-family: "poppins" !important;
direction: ltr;}







.more-dec {
margin-top: -25px;
margin-bottom: 15px;
}


.play-on {
position: absolute;
top: 50%;
right: 50%;
margin-top: -26px;
margin-right: -26px;
-webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite;
animation: white-shadow .8s infinite, red-shadow .8s infinite;
width: 52px;
height: 52px;
color: #0022d2;
text-align: center;
line-height: 53px;
border-radius: 50%;
z-index: 99;
font-size: 22px;
cursor: pointer;
background-color: #fff;
text-align: center;
}



.play-on i:before { 
margin:0;
font-size: 30px;
}





/*** 

====================================================================
	Main Slider Banner
====================================================================

***/

.main-slider{
	position:relative;
	background-size:cover;
}

.main-slider.style-two{

}

.main-slider .slider-outer .owl-item{
	position:relative;
}

/*

.main-slider .owl-item:before{
    position: absolute;
    content: '';
    right: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: inline-block;
    background: #0003;
}
*/
.main-slider .auto-container{
	position:relative;
}

.main-slider .slide{
	position:relative;
	background-repeat:no-repeat;
	background-position:right top;
background-size: 100% 100%;
height: 306px !important;

display: grid;
text-align: center;
align-items: center;
width: 100%;
overflow: hidden;
}

.main-slider .owl-item img {
    transition: all ease-in-out 3s;
transform:scale(1.3);
height:100%;
}



.main-slider .owl-item.active img {
transform:scale(1);
 }




.decrepation-sl {

position: absolute;
width: 100%;
bottom: 0;
padding: 45px;
width: 100%;
background: #0006;
background-color: #5B90A6CC;

}






/*
.main-slider .slide:after {

	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:#0006;
}
*/

.main-slider .slide .container {
	position:relative;
z-index:10;
}

.main-slider .slide.style-two{
	background-size:cover;
	background-position:center bottom;
}

.main-slider .slide .content{
	position:relative;

}

.main-slider .slide .content.alternate{
    font-family: "Roboto" !important;
margin: 0 auto;
display: block;
position: relative;margin-bottom: 0;text-align: center;


}


/*

.main-slider .slide .content.alternate:after {
position: absolute;
content: '';
top: 30px;
right: 30px;
width: 80px;
height: 2px;
background-color: #7b0c0c;
}
*/

.main-slider.style-three .slide .content{
	padding:270px 0px 170px;
}

.main-slider.style-four .content{
	max-width:610px;
	padding:140px 50px 140px;
	background-color:rgba(0,0,0,0.85);
}

.main-slider.style-four .content .title{
	color:#f91101;
	font-weight:600;
}

.main-slider.style-four .content h1:before{
	position:absolute;
	content:'';
	right:-50px;
	top:0px;
	width:5px;
	height:100%;
	background-color:#f71101;
}

.main-slider.style-four .content h1{
	color:#ffffff;
	font-size:60px;
	font-weight:700;
	line-height:1.2em;
	padding-bottom:0px;
	margin-bottom:15px;
}

.main-slider.style-four .content h1:after{
	display:none;
}

.main-slider.style-four .content .text{
	color:#ffffff;
}

.main-slider .title{
	position:relative;
	color:#d1ae7c;
	opacity: 0;
	font-size:14px;
	letter-spacing:2px;
	margin-bottom:15px;
	text-transform:uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.main-slider .active .title{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 600ms;
}

.main-slider h1{
	position:relative;
	color:#415762;
	opacity: 0;
	font-weight:700;
	line-height:1.3em;
	padding-bottom:20px;
	margin-bottom:30px;
	text-transform:capitalize;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
    font-family: "karbonweb";
}

.main-slider h1:after{
	position:absolute;
	right:0px;
	bottom:0px;
	content:'';
	width:50px;
	height:4px;
	background-color:#415762;
}

.main-slider h1 span{
	color:#ed8800;text-transform: uppercase;margin-bottom: 20px;


}

.main-slider h1 span.alternate{
	display:block;
	background: linear-gradient(to right, #f44c01 0%, #ff7a01 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.main-slider h1.alternate{
padding-bottom: 0px;
margin-bottom: 0;
font-size: 24px;
text-transform: capitalize;
font-weight: normal;
}

.main-slider h1.alternate,
.main-slider h1.alternate span{
color: #ffffff;
line-height: 48px;
font-size: 40px;
font-weight: 400;
}

.main-slider h1.alternate:after{
	display:none;
}

.main-slider h1.style-two{
	color:#ffffff;
	font-size:60px;
	font-weight:700;
	padding-bottom:0px;

}

.main-slider h1.style-two span{
	color:#ad8e63;
}

.main-slider h1.style-two:after{
	display:none;
}

.main-slider .active h1{
	opacity: 1;
margin: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 500ms;
}

.main-slider .text{
	position:relative;
	color:#1a1e66;
	font-size:18px;
	opacity:0;
	line-height: 1.6em;
	font-weight:400;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
font-size: 20px;
line-height: 25px;
font-weight: 400;
}

.main-slider .text.alternate{
	color:#ffffff;
}


.main-slider .active .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 500ms;
}




/*
.main-slider .active h1 {-webkit-animation: 1s .3s bounceInLeft both;}
.main-slider .active p {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}

*/






.main-slider .btn-box{
	opacity:0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.main-slider .active .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 2000ms;
}

.main-slider .link-box{
	position:relative;
	opacity:0;
	z-index:10;
	margin-left:30px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.main-slider .link-box .theme-btn{
	margin-left:20px;
	margin-bottom:10px;
}

.main-slider .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 2500ms;
}

.main-slider .business-image-box{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	left:-250px;
}

.main-slider .owl-dots {
position: absolute;
right: 50px;
bottom: 20px;

    text-align: center;
}

.main-slider .owl-dots .owl-dot{
	position:relative;
width: 30px;
height: 2px;
	margin:0px 4px;
	overflow: hidden;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;background: #ffffff80;
}


/*
.main-slider .owl-dots .owl-dot:before{
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 50%;
	background-color: #fff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}*/

.main-slider .owl-dots .owl-dot.active,
.main-slider .owl-dots .owl-dot:hover{
	background: #fff;
}

.main-slider .owl-nav{
	position:absolute;
	right:0px  !important;
	top:60%;
	z-index:1;
	width:100%;
	margin-top:-40px;
}

.main-slider .owl-nav{
	position:absolute;
	left:0px !important;
	top:60%;
	z-index:1;
	width:100%;
	margin-top:-40px;
}

.main-slider .owl-nav .owl-prev{
position: absolute;
width: 50px;
height: 50px;
right: 0;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 48px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-radius: 0 !important;
background: linear-gradient(120deg,#fff6 ,#2a2a2ab3 ) !important;
border-right: 0;
font-size: 54px !important;
background: none !important;
opacity:0;
}

.main-slider .owl-nav .owl-next{
position: absolute;
width: 50px;
height: 50px;
left: 0;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 48px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-radius: 0 !important;
background: linear-gradient(120deg,#fff6 ,#2a2a2ab3 ) !important;
border-left: 0;
font-size: 54px !important;
background: none !important;
opacity:0;
}

.main-slider:hover .owl-nav > div {
opacity:1;
}

.main-slider.style-three .owl-nav .owl-prev,
.main-slider.style-three .owl-nav .owl-next{
	border-color:#7e6a46;
	color:#7e6a46;
}

.main-slider.style-three .owl-nav .owl-prev:hover,
.main-slider.style-three .owl-nav .owl-next:hover{
	border-color:#7e6a46;
	background-color:#7e6a46;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
	color:#ffffff;
	border-color:#ed8800;
	background-color:#ed8800;
}

.main-slider.style-four .owl-nav .owl-prev,
.main-slider.style-four .owl-nav .owl-next{
	border:none;
	color:#ffffff;
	border-radius:50%;
	background-color:rgba(0,0,0,0.60);
}




.y-color {
width: 100%;
display: inline-block;
font-size: 34px;}


.top-left {
display: inline-flex;
margin-left: 20px;
padding: 14px 10px;
border-left: 1px solid #fefefe1a;
}

.social-icon-one li a {
color:#fff;
}

.social-icon-one li {
float: none;
margin: 0 10px;
display: inline-block;
}


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


.ss-img {
    position: relative;
overflow: hidden;
}



.ss-img:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 35%;
    height: 200%;
    right: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}


.ss-img:hover:after{
	right:150%;
}


/********** team *****************/

.team-grid {background-color: #fff;
background-image: url(../images/dots.png);
background-size: cover;
position: relative;
font-size: 15px;
overflow: hidden;
padding: 30px 0;
}

.team-four {
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease;
 -webkit-box-shadow:0 5px 20px rgba(105,106,119,.05);
 box-shadow:0 5px 20px rgba(105,106,119,.05)

box-shadow: 0 5px 20px rgba(105,106,119,.05);

background: #fff;

text-align: center;

margin: auto;

border: 1px solid #f0f0f0;

min-height: 265px;

font-size: 15px;

line-height: 21px;

font-weight: lighter;
}
.team-four .subtitle {
 margin-bottom:1.33333rem;
 display:inline-block;text-transform: capitalize;
color: #999;

}
.team-four img {
 -webkit-border-radius:.26667rem .26667rem 0 0;
 border-radius:.26667rem .26667rem 0 0;
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease;
height:280px;
width:100%;
}
.team-four .content {
 padding:1.8rem 2rem 2rem;
 -webkit-border-radius:0 0 .26667rem .26667rem;
 border-radius:0 0 .26667rem .26667rem;
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease;
 background:#fff
}
.team-four .content h6 {
 margin-bottom:.66667rem;
font-size: 16px;
text-transform: capitalize;

}

.team-four .content h6 a {
color: #3c3c3c;
font-weight: lighter;
font-size: 18px;
line-height: 23px;
}

.team-four .content h6 a:hover {
color: #00659c;
 -webkit-border-radius:0 0 .26667rem .26667rem;
 border-radius:0 0 .26667rem .26667rem;
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease;
}


@media (max-width:767px) {
.top-social a {
float: none;
display: inline-block;
}

.main-slider .slide {
height: 300px;
}

}


.search-ds {
position: relative;
}



.re-icon {
position: absolute;
left: 7px;
top: 12px;
color: #000;
}




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







/* ## Site Loader */
.mar-logo { 
position: absolute;
top: 50%;
margin: 0 auto;
display: block;
text-align: center;
right: 50%;
transform: translate(-50%,-50%);

}

.mar-logo img { margin-top:-40px; width: 80%;}



.load-complete .ball-clip-rotate > div {
	margin: 0 auto;
	display: block;
	top: 30%;
	position: absolute;
	right: 0;
	left: 0;
text-align: center;
}

.load-complete {
    position: fixed;
    background:#fff/*url(../images/background_redd.png)*/;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1031;
    background-size: cover;
}

.load-complete .load-position h6 {
	font-family: "Cairo-Regular";
    text-align: center;
    color: #000;
    font-size: 12px;
	font-weight: 400;
	font-style: italic;
}
.load-complete .load-position {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 999;
    left: 0;
    margin-top: -100px;
}
.load-complete .loading {
    position: absolute;
    width: 100%;
    height: 1px;
    margin: 20px auto;
    right: 0;
    left: 0;
}
.load-complete .loading-line {
    position: absolute;
    background: #eee;
    width: 100%;
    height: 2px;
}
.load-complete .loading-break {
    position: absolute;
    background: #059664;
    width: 15px;
    height: 2px;
}
.load-complete .loading-dot-1 {
    -webkit-animation: loading 2s infinite;
    -moz-animation: loading 2s infinite;
    -ms-animation: loading 2s infinite;
    -o-animation: loading 2s infinite;
    animation: loading 2s infinite;
}
.load-complete .loading-dot-2 {
    -webkit-animation: loading 2s 0.5s infinite;
    -moz-animation: loading 2s 0.5s infinite;
    -ms-animation: loading 2s 0.5s infinite;
    -o-animation: loading 2s 0.5s infinite;
    animation: loading 2s 0.5s infinite;
}
.load-complete .loading-dot-3 {
    -webkit-animation: loading 2s 1s infinite;
    -moz-animation: loading 2s 1s infinite;
    -ms-animation: loading 2s 1s infinite;
    -o-animation: loading 2s 1s infinite;
    animation: loading 2s 1s infinite;
}
@keyframes "loading" {
    from {
        right: 0;
    }
    to {
        right: 100%;
    }
}
@-moz-keyframes loading {
    from {
        right: 0;
    }
    to {
        right: 100%;
    }
}
@-webkit-keyframes "loading" {
    from {
        right: 0;
    }
    to {
        right: 100%;
    }
}
@-ms-keyframes "loading" {
    from {
        right: 0;
    }
    to {
        right: 100%;
    }
}
@-o-keyframes "loading" {
    from {
        right: 0;
    }
    to {
        right: 100%;
    }
}




.content-boxs {
margin: 55px 0;
padding: 0 2px;
display: inline-block;
width:100%}




.loader {
	height: 58px;
	right: 50%;	top: 150%;
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
	width: 58px;
}
.loader span {
background: rgb(64, 112, 127);
	display: block;
	height: 12px;
	opacity: 0;
	position: absolute;
	width: 12px;
	animation: load 4.6s ease-in-out infinite;
		-o-animation: load 4.6s ease-in-out infinite;
		-ms-animation: load 4.6s ease-in-out infinite;
		-webkit-animation: load 4.6s ease-in-out infinite;
		-moz-animation: load 4.6s ease-in-out infinite;
}
.loader span.block-1 {
	animation-delay: 1.06s;
		-o-animation-delay: 1.06s;
		-ms-animation-delay: 1.06s;
		-webkit-animation-delay: 1.06s;
		-moz-animation-delay: 1.06s;
	right: 0px;
	top: 0px;
}
.loader span.block-2 {
	animation-delay: 0.97s;
		-o-animation-delay: 0.97s;
		-ms-animation-delay: 0.97s;
		-webkit-animation-delay: 0.97s;
		-moz-animation-delay: 0.97s;
	right: 16px;
	top: 0px;
}
.loader span.block-3 {
	animation-delay: 0.87s;
		-o-animation-delay: 0.87s;
		-ms-animation-delay: 0.87s;
		-webkit-animation-delay: 0.87s;
		-moz-animation-delay: 0.87s;
	right: 31px;
	top: 0px;
}
.loader span.block-4 {
	animation-delay: 0.78s;
		-o-animation-delay: 0.78s;
		-ms-animation-delay: 0.78s;
		-webkit-animation-delay: 0.78s;
		-moz-animation-delay: 0.78s;
	right: 47px;
	top: 0px;
}
.loader span.block-5 {
	animation-delay: 0.69s;
		-o-animation-delay: 0.69s;
		-ms-animation-delay: 0.69s;
		-webkit-animation-delay: 0.69s;
		-moz-animation-delay: 0.69s;
	right: 0px;
	top: 16px;
}
.loader span.block-6 {
	animation-delay: 0.6s;
		-o-animation-delay: 0.6s;
		-ms-animation-delay: 0.6s;
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
	right: 16px;
	top: 16px;
}
.loader span.block-7 {
	animation-delay: 0.51s;
		-o-animation-delay: 0.51s;
		-ms-animation-delay: 0.51s;
		-webkit-animation-delay: 0.51s;
		-moz-animation-delay: 0.51s;
	right: 31px;
	top: 16px;
}
.loader span.block-8 {
	animation-delay: 0.41s;
		-o-animation-delay: 0.41s;
		-ms-animation-delay: 0.41s;
		-webkit-animation-delay: 0.41s;
		-moz-animation-delay: 0.41s;
	right: 47px;
	top: 16px;
}
.loader span.block-9 {
	animation-delay: 0.32s;
		-o-animation-delay: 0.32s;
		-ms-animation-delay: 0.32s;
		-webkit-animation-delay: 0.32s;
		-moz-animation-delay: 0.32s;
	right: 0px;
	top: 31px;
}
.loader span.block-10 {
	animation-delay: 0.23s;
		-o-animation-delay: 0.23s;
		-ms-animation-delay: 0.23s;
		-webkit-animation-delay: 0.23s;
		-moz-animation-delay: 0.23s;
	right: 16px;
	top: 31px;
}
.loader span.block-11 {
	animation-delay: 0.14s;
		-o-animation-delay: 0.14s;
		-ms-animation-delay: 0.14s;
		-webkit-animation-delay: 0.14s;
		-moz-animation-delay: 0.14s;
	right: 31px;
	top: 31px;
}
.loader span.block-12 {
	animation-delay: 0.05s;
		-o-animation-delay: 0.05s;
		-ms-animation-delay: 0.05s;
		-webkit-animation-delay: 0.05s;
		-moz-animation-delay: 0.05s;
	right: 47px;
	top: 31px;
}
.loader span.block-13 {
	animation-delay: -0.05s;
		-o-animation-delay: -0.05s;
		-ms-animation-delay: -0.05s;
		-webkit-animation-delay: -0.05s;
		-moz-animation-delay: -0.05s;
	right: 0px;
	top: 47px;
}
.loader span.block-14 {
	animation-delay: -0.14s;
		-o-animation-delay: -0.14s;
		-ms-animation-delay: -0.14s;
		-webkit-animation-delay: -0.14s;
		-moz-animation-delay: -0.14s;
	right: 16px;
	top: 47px;
}
.loader span.block-15 {
	animation-delay: -0.23s;
		-o-animation-delay: -0.23s;
		-ms-animation-delay: -0.23s;
		-webkit-animation-delay: -0.23s;
		-moz-animation-delay: -0.23s;
	right: 31px;
	top: 47px;
}
.loader span.block-16 {
	animation-delay: -0.32s;
		-o-animation-delay: -0.32s;
		-ms-animation-delay: -0.32s;
		-webkit-animation-delay: -0.32s;
		-moz-animation-delay: -0.32s;
	right: 47px;
	top: 47px;
}




@keyframes load {
	0% {
		opacity: 0;
		transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		transform: translateY(0);
	}
	70% {
		opacity: 1;
		transform: translateY(0);
	}
	85% {
		opacity: 0;
		transform: translateY(97px);
	}
	100% {
		opacity: 0;
		transform: translateY(97px);
	}
}

@-o-keyframes load {
	0% {
		opacity: 0;
		-o-transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		-o-transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	70% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	85% {
		opacity: 0;
		-o-transform: translateY(97px);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(97px);
	}
}

@-ms-keyframes load {
	0% {
		opacity: 0;
		-ms-transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		-ms-transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	70% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	85% {
		opacity: 0;
		-ms-transform: translateY(97px);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(97px);
	}
}

@-webkit-keyframes load {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		-webkit-transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	85% {
		opacity: 0;
		-webkit-transform: translateY(97px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(97px);
	}
}

@-moz-keyframes load {
	0% {
		opacity: 0;
		-moz-transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		-moz-transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	70% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	85% {
		opacity: 0;
		-moz-transform: translateY(97px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(97px);
	}
}



@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.downloadfile {
background: #006688;
	color: #fff;

font-size: 100%;

font-weight: lighter;

text-align: center;

width: 200px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

padding: 5px;



margin-left: 0px;

line-height: 25px;

margin-top: 15px;

width: 100%;

padding: 12px;

font-size: 20px;
}
.downloadfile:hover {
background: #00B6CC;

	transition: all 0.9s ease 0s;
}







.default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form select, .default-form textarea {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #4E4E4E;
    line-height: 26px;
    padding: 12px 15px;
    font-weight: 400;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #ECECEC;
    transition: all 500ms ease-in-out 0s;
direction: ltr; margin-bottom: 10px; 
}

.default-form input:hover{
    border: 1px solid #0EACE0;
    transition: all 500ms ease-in-out 0s;
}

.default-form textarea:hover{
    border: 1px solid #0EACE0;
    transition: all 500ms ease-in-out 0s;
}


.btn-style-one {
position: relative;

padding: 9px 36px;

line-height: 24px;

color: #FFF;

font-size: 16px !important;

font-weight: 500;

background: linear-gradient(to right, #0083B0, #00B4DB);
border: 2px solid #00B4DB;
 transition: all 500ms ease-in-out 0s;

text-transform: capitalize;


z-index: 5;margin: 0 !important;
cursor: pointer;
}

.care-block {
margin-bottom:30px;
}

.btn-style-one:hover{
	color:#3299BB;
	background:none; transition: all 500ms ease-in-out 0s;
}



.quote-column.inter-page {
width: 100%;
display: inline-block;margin-bottom: 50px;
}


.qu-sec {
width: 33.333%;
text-align: center;
float: right;
}


.qu-sec strong {
width: 100%;
display: inline-block;
color: #0022d2;text-transform: capitalize;
}


.qu-sec i {
font-size: 28px;
color: #0022d2;
}


.qu-sec a {
color: #6a6a6a;
}


.head-bg {
position: relative;
text-align: right;
margin-bottom: 50px;
}

.head-bg h2 {
margin-top: 0;
}


.head-bg h2 span {
font-weight: 300;
border-bottom: 1px solid #a7a7a7;
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 22px;
display: inline-block;
font-weight: 300;
margin-top: 14px;
}


.default-form {
direction: rtl;  
position: relative; 
}

.form-conta {
border: 2px solid #eee;
background: #fafafa;
padding: 4%;text-align: left; direction: rtl;display: inline-block;
width: 100%;

}


.crt-form {
position: absolute;
right: 0;
top: -60px;
padding: 15px;
background: #fafafa;
border: 1px solid #eee;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(238, 238, 238);
border-bottom: 0;text-transform: capitalize;
}

.number-cap {
display: inline-block;
float: right;
margin: 15px 10px;
}

.contar-cap {
float: left;display: inline-block;
}


.about-bg,
.photo-bg,
.video-bg,
.gallery-dae,
.prod-page,
.career-page {
padding:30px 0;

}


.career-page .head-bg {
text-align: center;
}

.video-bg .single_service .heading_service h3,
.gallery-dae .single_service .heading_service h3 {
border-bottom: 0;padding-bottom: 0;
}


.photo-bg .single_service {
margin: 15px 0;
padding: 4px;
border: 1px solid #dedede;
}


.photo-bg .single_service img {
    transition: all ease-in-out 0.4s;
height: 250px;
}



.photo-bg .single_service:hover img {
transform: scale(1.1);
}


.prod-page .single_service { 
margin:20px 0;
-webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.07);
box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.07);
}

.video-bg .heading_service {
    background: linear-gradient(to right, #349afe, #1ebaefcc);

}

.video-bg .heading_service h3 {
color: #fff !important;
}


.gall-ph {
position: relative;margin-bottom: 20px;
}


.gall-ph:after {
position: absolute;
right: -5px;
top: -5px;
content: '';
width: 50px;
height: 50px;
background-color: #00b6cc;
z-index: -1;
}

.gall-ph:before {
position: absolute;
left: -5px;
bottom: -5px;
content: '';
width: 50px;
height: 50px;
background-color: #00b6cc;
z-index: -1;
}


.gall-ph img {
height: 180px;
width: 100%;
}


.mar-bot {
margin-bottom:20px;
}

.fw-page-builder-content .prod-page .details > div {
float:right;
} 



@media (max-width:767px) { 
.qu-sec {
width: 100%;
text-align: center;
float: none;
border-bottom: 1px solid #eee;
}

.quote-column.inter-page {
padding: 0 15px !important;
}



.btn-style-one {

margin: 0 auto !important;}



.logo a {
margin: 0 auto;
display: block;
}


.photo-bg .single_service img {
height: 150px !important;
}

.mar-logo img,
.mar-logo {
width: 100%;
}

}


#typcn{
font-size: 3pc;

color: #0699e9;


}




.section1 {
    border: 1px solid #ddd;
   
    background: #f9f9f9;
    margin-bottom: 65px;
        box-shadow: 5px 5px 10px #DDD;

}

.pic-top{     width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: -30px;
    border-radius: 50%;
    border: 1px solid #ddd;
    overflow: hidden; }

.pic-top img{ 
    width: 100%;
    height: inherit;
    /* border-radius: 50px; */
    padding: 0px
 }


 
 .label-Turkey {
     font-size: 23px;
     font-weight: bold;
     color: #f37321;
 }


.font-bold{ font-weight: bold}

.margin-bottom{ margin-bottom: 70px}


.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}