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



    Template Name: Pressure Solutions 

    Version: 1.0



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



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

     CSS INDEX

    ===================



    1. Theme Default CSS (body, link color, section etc)

    2. Header top Area

    2.1 Header Bottom Area 

    2.2. Sticky Header Area

    2.3. Mobile Menu Area

    3. Intro Area

    4.Welcome Services Area

    5. About area

    6. Services Area

    7. Counter Area

    8. banner area css

    9. projects Area

    10. Quote Area

    11.tab Area

    12. Blog Area

    13.Reviews Area Css

    14. Footer Area

    15. Home 02 area

    16. Brand area

    17. Team Area css

    18. Home 03

    19. Digital Service Area

    20. Breadcumbs Area

    21. Overview Area

    22. FAQ  Area

    23. Blog Sidebar Area

    24. Blog Details

    25.Contact CSS

    26. Services Details area

    27. Project Details page

    28. Login and Register



    

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

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

/*  Google Fonts

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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;900&display=swap');





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

/*  1.  Theme default CSS

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

html, body {

	height: 100%;

}

.floatleft {

	float:left;

}

.floatright {

	float:right;

}

.alignleft {

	float:left;

	margin-right:15px;

	margin-bottom: 15px;

}

.alignright {

	float:right;

	margin-left:15px;

	margin-bottom: 15px;

}

.aligncenter {

	display:block;

	margin:0 auto 15px;

}

a:focus {

	outline:0px solid;

}

img {max-width:100%;

	height:auto;

}

.fix {

	overflow:hidden;

}

p {

	margin:0 0 15px;

    color: #5d6471;

}

h1, h2, h3, h4, h5, h6 {

    font-family: 'Roboto', sans-serif;

	margin: 0 0 15px;

	color: #151b2c;

    font-weight: 400;

}

h1{

	font-size: 48px;

	line-height: 52px;

		

}

h2{

	font-size: 42px;

	line-height:46px;

		

}

h3{

	font-size: 34px;

	line-height: 40px;

    font-weight: 500;

		

}

h4{

	font-size: 26px;

	line-height: 32px;

		

}

h5{

	font-size: 20px;

	line-height: 28px;

		

}

h6{

	font-size: 16px;

	line-height: 26px;

		

}

a {

	transition: all 0.3s ease 0s;

	text-decoration:none;

}

a:hover {

  color: #f27022;

  text-decoration: none;

}

a:active, a:hover {

  outline: 0 none;

}

a:hover, a:focus {

    color: #151b2c;

    text-decoration: none;

}

body {

	background: #fff none repeat scroll 0 0;

	color: #7a7788;

    font-family: 'Roboto', sans-serif;

	font-size: 15px;

	text-align: left;

	overflow-x: hidden;

	line-height: 26px;

}

#scrollUp {

    background: #f27022 none repeat scroll 0 0;

    border-radius: 2px;

    bottom: 15px;

    color: #fff;

    font-size: 24px;

    height: 40px;

    line-height: 37px;

    right: 15px;

    text-align: center;

    transition: all 0.3s ease 0s;

    width: 40px;

}

#scrollUp:hover {

    background: #fff;

    opacity: 1;

    border:1px solid #f27022;

    color:#f27022;

}

.clear{

	clear:both;

}

ul{

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {

	-moz-appearance: none;

	box-shadow: none !important;

}

input:focus, textarea:focus, select:focus {

    outline: none;

}

div#preloader { 

	position: fixed;

	left: 0; 

	top: 0; 

	z-index: 99999;

	width: 100%;

	height: 100%;

	overflow: visible;

	background: #fff url('../img/logo/preloader.gif') no-repeat center center;

}

.navbar-collapse {

    padding-left: 0px;

}

::-moz-selection {

    background: #f27022;

    text-shadow: none;

}

::selection {

    background: #f27022;

    text-shadow: none;

}

.bg-color{

    background:#f5f8fb;

}

.bg-color-2{

    background:#0F2350;

}

.browserupgrade {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

.area-padding{

	padding: 60px 0px;

}

.area-padding-2{

    padding: 60px 0px 80px;

}

.section-headline {

    padding-bottom: 40px;

    position: relative;

}

.section-headline h3 {

    font-size: 34px;

    max-width: 500px;

    line-height: 40px;

    margin: 0px auto 15px;

    font-weight: 500;

}

.section-headline.left-headline h3 {

    max-width: 100%;

    margin: 0px 0px 20px;

    text-align: left;

}

.section-headline.right-headline h3 {

    max-width: 100%;

    margin: 0px 0px 20px;

    text-align: left;

}

.white-headline h3{

   color:#fff; 

}

.section-headline p {

    max-width: 560px;

    font-size: 17px;

    margin: 0 auto;

}

.section-headline.left-headline p,

.section-headline.right-headline p {

    max-width: 100%;

    text-align: left;

}

.mar-row{

    margin-top: 50px;

}

.bg-background{

    position: relative;

    background: url(../img/background/bgp3.html);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}

.bg-white{

    background: #fff;

}

.bg-gray{

   background: #FDFCFC; 

}

.color {

    color: #005baa;

}

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

/*  2. Header top Area

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

.topbar-left ul li {

    display: inline-block;

}

.topbar-area {

    background: #f3f4f7;

}

.topbar-left ul li {

    color: #646464;

    display: block;

    margin-right: 20px;

    padding: 4px 0; padding-left: 0px; padding-right: 0px;

    text-decoration: none; line-height: 19px; 

    font-size: 14px; margin-top: 12px;

    letter-spacing: 0.60px;

}

.topbar-left ul li a i {

    color: #fff;

    font-size: 16px;

    padding-right: 7px;

}

.topbar-left ul li:last-child a{

	margin-right:0px;

}

.top-social {

    float: right;

    padding: 10px 0px;

}

.header-get-quote{

    float: right;

    padding: 11px 15px;

    background: #ff9501;

    font-size: 16px;

    text-align: center;

    text-decoration: none;

    font-weight: 400;

    color: #fff;

}

.top-social ul li{

    display: inline-block;

}

.top-social ul li a {

    color: #fff;

    margin-left: 5px;

    display: block;

    text-align: center;

    font-size: 13px;

    width: 24px;

    height: 24px;

    line-height: 25px;

    border-radius: 3px;

    background: #f27022;

}

.top-social ul li a:hover{

	color:#fff;

	opacity: 1;

}



.icon-h{  width: 25px; height: 25px; display: inline-block;

 }

.fb-icon-h{ background: url(../img/top-social-icons.png) no-repeat -1px 0; }

.tw-icon-h{ background: url(../img/top-social-icons.png) no-repeat -40px 0;  }

.insta-icon-h{ background: url(../img/top-social-icons.png) no-repeat -82px 0;  }

.yt-icon-h{ background: url(../img/top-social-icons.png) no-repeat -130px 0;  }





.top-social1{ text-align:center; margin-top: 5px; }

.top-social1 ul li{ display: inline-block;  }

.top-social1 ul li a {

    margin-left: 0px; margin-right: 5px; 

    display: block;

    text-align: center;

    font-size: 13px;

    width: 35px;

    height: 35px;

    line-height: 25px;

}

.email-icon {

    background: url(../img/logo/mail-icon.png) no-repeat 0px 3px;

    display: inline-block;  border-right: 1px solid #7f7f7f;

    margin-right: 5px; margin-top: 3px;

}

.phone-icon {

    background: url(../img/logo/call-icon.png) no-repeat 0px 3px;

    display: inline-block; 

    margin-right: 5px; margin-top: 5px;

}

.topbar-left ul li span{ display: inline-block; }

.header-call{ float: right; width: auto; display: block;  padding-top: 26px; }

.header-call .header-call-img{ float: left; width: 55px; margin-right: 10px; margin-top: 15px; }

.header-call .header-call-text{ float: left; width: auto; margin-right: 0px; font-size: 20px; 

color: #333; text-align: left; font-weight: bold;  }

.header-call .header-call-text span{ font-size: 18px; 

color: #333; text-align: left; font-weight: 400;  }



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

/*  2.1 Header Bottom Area 

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

.header-one {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    z-index: 999;

}

.header-area {

   /* background:rgba(255,255,255,1);*/

}

.logo {

    display: block;

}

.logo a {

    display: inline-block;

    height: auto;

    padding: 22px 0;

}

.main-menu ul.navbar-nav li {

    float: left;

    position: relative; margin-top: 20px;

}

.stick .main-menu ul.navbar-nav li {

    float: left;

    position: relative; margin-top: 20px;

}

.main-menu ul.navbar-nav li a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #fff;

    font-size: 15px;

    font-weight: 400;

    padding: 5px 13px 5px 13px;

    text-transform: uppercase;

    position: relative;

}

.navbar-nav {

    float: left;

    margin: 0 0 0 20px;

}

.main-menu ul.navbar-nav.right22 li a {

    padding: 5px 10px 5px 0px !important;

}





.main-menu ul.navbar-nav li a:hover{

	color: #00adef;



}

.main-menu ul.navbar-nav li a.active:focus {

    color: #fff;

}

.main-menu ul.navbar-nav li a.active {

    color: #00adef;

    position: relative;

    z-index: 9999999;

}

.navbar {

    border: medium none;

    margin-bottom: 0;

}

.navbar-default {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    background: none;

    color:#fff;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    background-color: transparent;

    color: #fff;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background: none;

}

.main-menu ul.nav li ul.sub-menu {

    background: #fff;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 115%;

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 250px;

    z-index: -99;

	padding: 10px 0px;

    border-top: 2px solid #fea42e;

}

.pages {

    position: relative;

}

.main-menu ul.nav > li> a.pages::after {

    color: #444;

    content: " "; background: url(../img/menu-dropdown.png) no-repeat top center;

    position: absolute; width: 15px; height: 15px;

    right: 0px;

    top: 9px;

}

.navbar.navbar-default {

    float: left;

    width: 100%;

    background: url(../img/menu-bg.png) no-repeat 0 0;

    border-radius: 5px; min-height: 70px;

}

.main-menu ul.nav li ul.sub-menu li {

    padding: 0;

    position: relative;

    width: 100%;

}

.main-menu ul.nav li:hover ul.sub-menu{

    top:100%;

    opacity:1;

    z-index:999;

    visibility:visible;

}

.main-menu ul.nav li ul.sub-menu li{ margin-top: 10px; }

.main-menu ul.nav li ul.sub-menu li a {

    color: #151b2c;

    display: block;

    font-size: 14px;

    padding: 5px 20px;

}

.main-menu ul.nav li ul.sub-menu li a span{

    color: #00adef;

}

.main-menu ul.nav li:hover ul.sub-menu li a:hover{

    color:#00adef;

}

.header-right-link {

    float: right;

    width: 200px;

    padding: 30px 0px;

    margin-left: 70px;

    text-align: right;

}

.slice-btn {

    display: inline-block;

    padding: 0px 15px;

}

.slice-btn span {

    font-size: 20px;

    font-weight: 500;

    color: #151b2c;

    cursor: pointer;

    line-height: 28px;

}

.search-inner {

    display: inline-block;

    margin-right: 15px;

}

.search-option {

    background: #f5f5f5;

    bottom: -84px;

    color: #151b2c;

    display: none;

    position: absolute;

    right: 20px;

    width: 300px;

    z-index: 99999;

    padding: 20px;

}

.search-option input {

    background: #fff none repeat scroll 0 0;

    border: medium none;

    color: #151b2c;

    display: block;

    float: left;

    font-size: 14px;

    font-style: italic;

    padding: 8px 10px;

    width: 214px;

    height: 44px;

}

.search-option button.button {

    background: #f27022;

    border: medium none;

    color: #fff;

    display: inline-block;

    float: right;

    font-size: 17px;

    line-height: 35px;

    padding: 5px 15px;

    text-align: center;

}

.header-right-link a.main-search {

    color: #151b2c;

    display: inline-block;

    font-size: 18px;

    position: relative;

}

.header-right-link a.main-search:hover{

    color: #f27022;

}

.s-menu {

    padding: 12px 20px;

    border: 1px solid #005baa;

    border-radius: 2px;

    background: #005baa;

    color: #fff;

    transition: 0.4s;

    font-size: 15px;

    font-weight: 500;

}

.s-menu:hover {

    border: 1px solid #005baa;

    background: transparent;

	color:#005baa;

    transition: 0.4s;

}

.header-area.stick  .header-right-link {

    padding: 25px 0px;

}

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

/* 2.2. Sticky Header Area

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

.header-area.stick {

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999999;

    box-shadow: 0px 0px 3px #ddd, -2px -2px 3px #ddd;

    background: #fff;  height: 105px;

}

.header-area.stick .logo a {

    display: inline-block;

    height: auto;

    padding: 5px 0;

}

.header-area.stick .header-call {

    padding-top: 5px;

}



.header-area.stick .main-menu ul.navbar-nav li a {

    padding:5px 18px 5px 15;

    color: #fff;

}

.header-area.stick .main-menu ul.nav li ul.sub-menu li a {

    color: #333;

    display: block;

    padding: 5px 15px;

}

.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{

    color: #00adef;

}

.header-area.stick .main-menu ul.nav > li> a.pages::after {

    right: -1px;

    top: 8px;

}

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

/*  2.3. Mobile Menu Area

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

.mobile-menu-area {

    background: #fff none repeat scroll 0 0;

        padding: 7px 0px 20px;

}

.mean-container .mean-nav {

    float: left;

    width: 100%;

    background: #fff;

}

.mean-container .mean-bar::after {

    content: "";

    font-size: 21px;

    left: 5%;

    position: absolute;

    top: 12px;

    text-transform: uppercase;

    font-weight: 500;

}

.mean-container a.meanmenu-reveal:hover {

    color:#f27022

}

.mean-container .mean-nav ul {

    list-style-type: none;

    margin: 20px 0px;

    padding: 0;

    width: 100%;

}

.mean-container .mean-nav ul li a {

    background: #fff none repeat scroll 0 0;

    color: #151b2c;

    display: block;

    float: left;

    font-size: 14px;

    font-weight: 500;

    margin: 0;

    padding: 13px 10px;

    text-align: left;

    text-decoration: none;

    text-transform: uppercase;

    width: 90%;

}

.mean-nav ul li.mean-last {

    margin-bottom: 20px;

}

.mean-container .mean-nav ul li a.mean-expand {

    color: #151b2c;

    line-height: 17px;

}

.mean-container .mean-nav ul li {

    width: 99.7%;

}

.mean-container .mean-nav ul li a.mean-expand{

    background: #fff;

}

.mean-container .mean-nav ul li{

    background: #fff;

}

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

/*  3. Intro Area

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

.intro-area{

	position: relative;

	overflow: hidden; margin-top: 184px;

}

.display-table{

	width: 100%;

	height: 100%;

	display: table;

}

.display-table-cell{

	width: 100%;

	height: 100%;

	display: table-cell;

	vertical-align: middle;

}

.intro-content {

    position: absolute;

    z-index: 2;

    top: 20%;

    left: 0;

    width: 100%;

    height: auto;

    margin-top: 0px;

}

.title1 {

    font-weight: 500;

    font-size: 18px;

    color: #f27022;

    margin-bottom: 20px;

    display: inline-block;

}

.layer-2 p {

    font-size: 19px;

    line-height: 30px;

    max-width: 460px; color: #fff;

}

.layer-1 h2 {

    color: #fff;

    font-size: 34px;

    font-weight: 600;

    line-height: 44px;

    max-width: 700px;

    margin-bottom: 20px;

    text-transform: capitalize;

}

.ready-btn {

    border: 1px solid #005baa;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    margin-top: 20px;

    padding: 14px 20px;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.4s ease 0s;

    z-index: 222;

    background: #005baa;

    width: auto; min-width: 180px;

    border-radius: 0px;

}

.ready-btn:hover{

    color: #fff;

    background: #f27022;

    border: 1px solid #f27022;

    text-decoration: none;

    transition: all 0.4s ease 0s;

}

.ready-btn.left-btn {

    margin-left:0px;

    background: #144a8c;

    border: 1px solid #144a8c; border-radius: 5px;

    color:#fff; text-transform: uppercase;

}

i.arrow{ display: inline-block; width: 10px; height: 10px; background: url(../img/btn-arrow.png) no-repeat 0 0; }





.ready-btn.left-btn:hover{

    background: #000;

    border: 1px solid #000;

    color:#fff; text-transform: uppercase;

}

.ready-btn.right-btn {

    margin-left: 15px; border-radius: 5px;

    background: #00acef; text-transform: uppercase;

    border: 1px solid #00acef;

    color:#fff;

}

.ready-btn.right-btn:hover{

       background: #000;

    border: 1px solid #000;

    color:#fff; text-transform: uppercase;

}



.ready-btn.gray-btn {

    margin-left:0px;

    background: #000;

    border: 1px solid #000;

    color:#fff; text-transform: uppercase;

}

.ready-btn.gray-btn:hover{

    border: 1px solid #ff9501;

    background: #ff9501;

    color:#f4f5f4;

}



.ready-btn.gray-btn2 {

    background: #212529;

    border: 1px solid #212529; padding: 15px 20px;

    color:#fff; font-size: 24px; font-weight: 600; box-shadow: #de8204 5px 5px 0px;

}

.ready-btn.gray-btn2:hover{

    border: 1px solid #fff;

    background: #fff;

    color:#333;

}







.copyright{ text-align: center;  }

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

/* 4.Welcome Services Area

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

.welcome-area{

    position: relative;

}

.all-services{

	margin-top:-30px;

}

.well-services{

    width: 33.33%;

    float: left;

    padding: 40px 30px;

    border-radius: 0px;

    margin-top: 0px;

    text-align: center;

}

.wel-btn {

    font-size: 24px;

    color: #f27022;

    transition: 0.5s;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 41px;

    font-weight: 700;

    border-radius: 2px;

    background: #fff;

    text-align: center;

    border: 1px solid #fff;

}

.big-icon {

    font-size: 80px;

    display: inline-block;

    margin: 0px 10px 30px;

    line-height: 80px;

    position: relative;

    color: #f27022;

}

.services-img {

    overflow: hidden;

    position: relative;

    text-align: center;

    padding: 0px;

}

.wel-content h4 {

    display: inline-block;

    font-size: 22px;

    margin-bottom: 0;

    padding: 0 0 20px;

}

.wel-content p {

    font-size: 16px;

}

.well-services:nth-child(2n){

    border-right: 1px solid #ddd;

    border-left: 1px solid #ddd;

}

.wel-content a{

    position: relative;

    font-weight: 500;

    color: #444;

}

.well-services:hover::after {

    transition: 0.4s;

    opacity: 1;

    top: 54%;

    left: 50%;

}

.wel-content a:hover{

    color:#f27022;

}

.wel-content a::after{

    position: absolute;

    left:0;

    bottom:0;

    background: #f27022;

    height: 1px;

    width: 0%;

    content:"";

    transition: 0.3s;

}

.wel-content a:hover{

    color:#f27022;

}

.wel-content a:hover::after{

   transition: 0.3s;

    width: 100%;

}

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

/*  5. About area

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

.about-2 {

    background: url(../img/about/b3.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    background-attachment: scroll;

}

.about-content {

    background: #062241;

    padding: 100px 70px 100px 100px;

    overflow: hidden;

}

.about-content p {

    color: #ddd;

    font-size: 16px;

}

.about-company {

    margin-top: 15px;

    display: block;

    overflow: hidden;

}

.single-about {

    width: 50%;

    float: left;

}

.about-text {

    font-size: 16px;

    font-weight: 300;

    color: #fff;

    line-height: 26px;

    position: relative;

    padding-left: 30px;

    display: block;

    margin-top: 10px;

}

.about-text::before {

    position: absolute;

    content: "";

    border: 1px solid #fff;

    left: 0;

    top: 8px;

    width: 10px;

    height: 10px;

    border-radius: 50px;

}

.about-image {

    position: relative;

    width: 100%;

    height: 100%;

    min-height: 510px;

}

.video-content {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    margin-top: -50px;

    text-align: center;

    z-index: 9;

}

.video-play.vid-zone {

    background: #f27022;

    border-radius: 100%;

    display: inline-block;

    font-size: 24px;

    height: 70px;

    line-height: 66px;

    width: 70px;

    overflow: hidden;

    transition: 0.4s;

    border:1px solid #f27022;

}

.video-play.vid-zone:hover{

    background: #fff;

    transition: 0.4s;

    border:1px solid #f27022;

}

.video-play.vid-zone:hover i{

    color:#f27022;

}

.video-play.vid-zone i {

    color: #fff;

    margin-left: 5px;

}

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

/* 6. Services Area

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

.service-area{

    position: relative;

}

.single-service {

    z-index: 1;

    background: #fff;

    text-align: left;

    padding: 40px 30px;

    position: relative;

    overflow: hidden;

    border-radius: 2px;

    margin-bottom: 30px;

    position: relative;

    box-shadow: none;

    text-align: left;

    padding: 40px 40px;

    border: 1px solid rgba(48,120,251,0.4);

}

.single-service::after{

    position: absolute;

    left:0;

    top:0;

    width: 100%;

    height: 0%;

    background:#062241;

    opacity: 0;

	transition: 0.4s;

    content:"";

    z-index: -1;

}

.service-icon span {

    font-size: 60px;

    line-height: 60px;

    margin-bottom: 20px;

    display: inline-block;

    color: #f27022;

}

.service-content h4 {

    display: inline-block;

    font-size: 22px;

    margin-bottom: 0;

    padding: 0 0 15px;

    text-transform: capitalize;

    font-weight: 500;

}

.single-service:hover::after {

    transition: 0.4s;

    opacity: 1;

    height: 100%;

}

.service-tag{ padding: 20px !important; text-align: center; }

.service-tag h4{ font-size: 18px !important; text-align: center; }

.service-content p {

    font-size: 16px;

}

.service-btn {

    font-size: 17px;

    color: #f27022;

    transition: 0.5s;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 41px;

    font-weight: 700;

    border-radius: 2px;

    background: #f5f8fb;

    text-align: center;

    border: 1px solid #f5f8fb;

    margin-top: 10px;

}

.service-btn:hover{

    color: #fff;

    transition: 0.5s;

    background: #f27022;

    border: 1px solid #f27022;

}

.single-service:hover .service-icon span,

.single-service:hover .service-content h4{

    color:#fff;

}

.single-service:hover .service-content p{

    color:#ddd;

}

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

/* 7. Counter Area

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

.counter-image {

    margin-right: 50px;

    position: relative;

}

.top-img {

    position: absolute;

    top: 90px;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}

.fun_text {

    padding: 40px 10px;

    text-align: center;

    border-radius: 3px;

    margin-bottom: 30px;

    background: #f5f8fb;

}

.fun_text .counter-icon {

    color: #f27022;

    display: block;

    font-size: 44px;

    padding-bottom: 10px;

    line-height: 50px;

    font-weight: 100;

}

.fun_text .counter {

    color: #444;

    display: block;

    font-size: 40px;

    padding-bottom: 10px;

    line-height: 44px;

    font-weight: 600;

}

.fun_text > h4 {

    color: #444;

    font-size: 18px;

    text-transform: capitalize;

    margin-bottom: 0px;

}

.counter-image .rotmate-image {

    position: inherit;

    z-index: 2;

    opacity: 0.3;

}

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

/* 8. banner area css

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

.banner-area{

   background: rgba(0, 0, 0, 0) url(../img/background/bg2.jpg) no-repeat scroll center center / cover;

    position: relative;

}

.banner-area:before{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background: rgba(6,34,65, 0.85) none repeat scroll 0 0;

    content:"";

}

.add-content h3 {

    color: #fff;

    font-size: 36px;

    line-height: 48px;

    max-width: 750px;

    float: left;

    margin-bottom: 0px;

    margin-top: 18px;

    font-weight: 500;

    text-transform: capitalize;

}

.add-contact {

    float: left;

}

.call-us {

    display: block;

    color: #fff;

    font-size: 20px;

    margin-bottom: 30px;

}

.call-us i {

    width: 50px;

    height: 50px;

    display: inline-block;

    border: 1px solid #f27022;

    background: #f27022;

    text-align: center;

    line-height: 46px;

    margin-right: 15px;

    border-radius: 3px;

}

.mail-us{

    margin-bottom: 0px;

}

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

/*  9. projects Area

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

.single-awesome-project {

    float: left;

    overflow: hidden;

    width:100%;

}

.project-all{

    margin-top: -40px;

}

.project-all .single-awesome-project {

    margin-top: 30px;

}

.project-carousel .col-md-4{

	width: 100%;

}

.awesome-img{

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

}

.awesome-img img{

    transform: scale(1.1);

    transition: 0.4s;

}

.single-awesome-project:hover .awesome-img img{

    transform: scale(1);

    transition: 0.4s;

}

.awesome-img > a {

    display: block;

    position: relative;

}

.single-awesome-project:hover .awesome-img > a::after{

    opacity: 1;

}

.single-awesome-project:hover .add-actions{

    opacity: 1;

}

.awesome-img > a::after {

    background: rgba(0,44,87,0.95);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    opacity: 0;

    transition: 0.4s;

}

.add-actions {

    display: block;

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    text-align: center;

    transition: all 0.4s ease 0s;

    width: 100%;

    z-index:4;

    top: 0;

    cursor: pointer;

}

.port-icon {

    color: #fff;

    display: inline-block;

    cursor: pointer;

    top: 41%;

    position: relative;

    font-size: 40px;

}

.project-dec {

    display: block;

    padding-top: 20px;

}

.project-dec h4 {

    color: #2a354e;

    font-size: 24px;

    font-weight: 500;

    text-decoration: none;

    text-transform: capitalize;

    margin-bottom: 5px;

    cursor: pointer;

    position: relative;

}

.project-dec h4::after {

    position: absolute;

    content: "\e628";

    right: 40px;

    top: 0px;

    font-family: themify;

    font-size: 18px;

    width: 46px;

    height: 30px;

    border: 1px solid #f27022;

    background: #f27022;

    color: #fff;

    text-align: center;

    line-height: 27px;

    opacity: 0;

    transition: 0.5s;

}

.single-awesome-project:hover .project-dec h4::after {

    right: 0px;

    opacity: 1;

    transition: 0.5s;

}

.project-dec p{

	margin-bottom: 0px;

}

.pst-content {

    padding-left: 10px;

}

.single-awesome-project:hover .project-dec h4 {

    color:#f27022;

}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

    color: #fff;

    font-size: 18px;

    margin-top: -20px;

    position: absolute;

    top: 50%;;

    text-align: center;

    line-height: 39px;

    opacity: 0;

    border:1px solid #fff;

    width: 40px;

    height: 40px;

	border-radius: 50%;

}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{

    left: 10%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

    right: 10%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{

    right: 2%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

    opacity: 1;

}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{

    left: 2%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

    opacity: 1;

}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{

    color:#fff;

    background: #f27022;

    border: 1px solid #f27022;

}

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

 10. Quote Area

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

.quote-area {

	height: auto;

	width: 100%;

    background: #062241;

}

.quote-area #contactForm input {

    border: none;

    height: 54px;

    margin-bottom: 20px;

    border:1px solid rgba(49,120,251,0.4);

    border-radius: 3px;

    color: #fff;

}

.quote-area #contactForm input.last-part{

	margin-bottom: 0px;

}

.quote-area .contact-form textarea#message{

    height: 127px;

    border-radius: 0;

    border: none;

    margin-bottom: 20px;

    border:1px solid rgba(49,120,251,0.4);

    border-radius: 3px;

    color: #fff;

}

.quote-area .quote-btn {

    background: #f27022;

    border: 1px solid #f27022;

    color: #fff;

    padding: 10px 20px;

    font-size: 17px;

    font-weight: 700;

    text-transform: uppercase;

    display: block;

    width: 100%;

    height: 54px;

    transition: 0.4s;

    border-radius: 3px;

}

.white-headline p{

    color:#ddd;

}

.quote-area .quote-btn:hover{

    background:#fff;

    color:#f27022;

    transition: 0.4s;

}

.help-block.last-part{

	margin:0px;

}

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

/* 11.tab Area

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

.tab-area{

	position: relative;

}

.tab-menu {

    display: block;

}

.tab-menu ul.nav{

    margin: 0;

    padding: 0;

}

.tab-menu ul.nav li {

    border: medium none;

    float: left;

    width: 25%;

}

.tab-menu ul.nav li a {

    border-radius: 0;

    color: #2a354e;

    padding: 20px 10px;

    align-items: center;

    text-align: center;

    margin-left: 20px;

    border-radius: 4px;

    border:1px solid rgba(49,120,251,0.4);

}

.tab-menu .nav-tabs{

	border-bottom: none;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {

  border-color: #f5f5f5;

  border-image: none;

  border-style: solid;

  border-width: 1px;

  color: #fff !important;

  cursor: default;

  position: relative;

  background: #f27022;

}

.tab-menu ul.nav li a:hover{

    background:transparent;

}

.tab-menu ul.nav li.active a:hover{

    background:#f27022;

}

.title-date {

    display: inline-block;

    position: relative;

}

.tab-menu ul.nav li.active .cha-title {

    color: #fff;

}

.cha-title {

    display: inline-block;

    font-size: 22px;

    line-height: 26px;

}

.single-machine{

	position: relative;

}

.tab-menu ul.nav li:first-child a{

	margin-top: 0px;

    margin-left: 0px;

}

.tab-content {

    margin-top: 40px;

}

.machine-text {

    margin-top: 20px;

}

.machine-text h3 {

    font-size: 32px;

    line-height: 40px;

}

.tabe-img img {

    border-radius: 4px;

}

.machine-text li {

    display: block;

    position: relative;

}

.machine-text ul li a {

    font-size: 15px;

    color: #757b82;

    padding: 6px 0px 6px 35px;

    display: block;

}

.machine-text li::after {

    position: absolute;

    left: 0px;

    top: 10px;

    content: "\e64c";

    font-family: themify;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 50px;

    font-size: 12px;

    color: #fff;

    background: #f27022;

}

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

/*  12. Blog Area

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

.blog-content {

    padding: 30px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    overflow: hidden;

    background: #fff;

}

.blog-content a h4 {

    font-size: 21px;

    color: #2a354e;

    line-height: 30px;

    transition: 0.4s;

}

.home-blog .blog-content a h4 {

    margin-bottom: 0px;

}

.admin-type i,

.date-type i,

.comments-type i{

    color: #144a8c;

    margin-right: 5px;

}

.single-blog:hover .blog-content::after {

    transition: 0.4s;

    opacity: 1;

    top: 0px;

}

.blog-content p {

    line-height: 28px;

     transition: 0.4s;

}

.blog-content a h4:hover{

    color:#144a8c;

    transition: 0.4s;

}

.blog-meta span {

    color: #757b82;

    font-size: 14px;

    font-weight: 400;

    padding-right: 10px;

}

.admin-type img {

    width: 50px;

    height: 50px;

    border-radius: 50px;

    border: 2px solid #f27022;

    margin-right: 10px;

}

.single-blog {

    position: relative;

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);

    margin-bottom: 30px;

}

.blog-meta {

    margin-bottom: 15px;

}

.blog-btn {

    color: #fff;

    display: inline-block;

    font-size: 16px;

    font-weight: 400;

    transition: all 0.4s ease 0s;

    border: 1px solid #f27022;

    background: #f27022;

    padding: 7px 24px;

    margin-top: 10px;

    border-radius: 3px;

}

.blog-btn:hover{

    color: #f27022;

    background: transparent;

    transition: all 0.4s ease 0s;

}

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

 13.Reviews Area Css

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

.reviews-area{

    position: relative;

}

.reviews-area{

    position: relative;

}

.single-testi {

    margin: 0px 0px 30px;

}

.clients-text {

    padding: 30px 30px;

    position: relative;

    background-color: #fff;

    border:1px solid #ddd;

    border-radius: 4px;

}

.testi-img {

    position: relative;

    margin-top: 20px;

    display: block;

    overflow: hidden;

}

.testi-img img {

    max-width: 80px;

    height: auto;

    border-radius: 50px;

    border: 1px solid #ccc;

    float: left;

    margin-right: 20px;

}

.Reviews-content {

    margin-bottom: 15px;

}

.active.center .single-testi .clients-text{

    border: 1px solid #062241;

    background: #062241;

}

.testi-text h4 {

    font-weight: 600;

    text-transform: capitalize;

    font-size: 20px;

    margin-bottom: 0px; 

}

.active.center .single-testi .testi-text p,

.active.center .single-testi .guest-rev,

.active.center .single-testi .testi-text h4{

    color:#fff;

}

.guest-rev {

    font-weight: 400;

}

.testi-text p {

    margin-bottom: 0px;

}

.client-rating {

    margin-bottom: 15px;

}

.testi-text span a{

    color:#f27022;

}

.testi-text h5 {

    color: #6a7d91;

    font-size: 20px;

}

.client-rating a {

    display: inline-block;

    color: #fec731;

    font-size: 20px;

    padding: 0px 5px 0px 0px;

}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot > span {

    background: #7e8ca0 none repeat scroll 0 0;

    display: inline-block;

    height: 8px;

    width: 8px;

    -moz-transition:0.4s;

    -webkit-transition:0.4s;

    -o-transition:0.4s;

    -ms-transition:0.4s;

    transition:0.4s;

    border-radius: 50%;

}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {

    bottom: -20px;

    display: block;

    left: 50%;

    margin-left: -40px;

    position: absolute;

}

.testimonial-content {

    margin-bottom: 15px;

}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {

    display: inline-block;

    margin: 0 3px;

}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {

    background: #f27022;

    width: 30px;

    border-radius: 3px;

}

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

/*  14. Footer Area

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

.footer-area {

    padding: 80px 0 20px 0;

    background:#333 url(../img/footer-bg.jpg) repeat top center; color: #fff;

}

.footer-logo {

    margin-bottom: 20px;

}

.footer-content.logo-footer {

    margin-right: 30px;

}

.footer-head p {

    color:#333333;

}

.footer-head h4 {

    color: #299BD5;

    font-size: 20px;

    margin-bottom: 20px;

    /*text-transform: uppercase;*/

    font-weight: 500;

}

.footer-icons ul li {

    display: inline-block;

}

.footer-icons ul li a {

    color: #333333;

    display: block;

    font-size: 16px;

    line-height: 33px;

    text-align: center;

    margin-right: 2px;

    width: 34px;

    height: 34px;

    border: 1px solid #f27022;

    border-radius: 2px;

    background: #f27022;

    transition: 0.4s;

}

.footer-tags li a:hover,

.footer-icons ul li a:hover{

    color: #f27022;

    background: #fff;

    transition: 0.4s;

}

.footer-tags {

    display: block;

    overflow: hidden;

}

.footer-tags li {

    float: left;

}

.footer-tags li a {

    color: #151b2c;

    display: block;

    font-size: 14px;

    font-weight: 500;

    padding: 3px 5px;

}

.footer-icons {

    margin-top: 30px;

}

.footer-list {

    width: 50%;

    float: left;

}

.footer-contacts p span {

    color: #f27022;

    font-weight: 500;

}

.subs-feilds {

    padding-top: 15px;

    border-radius: 3px;

}

.suscribe-input {

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);

}

.suscribe-input input {

    background: transparent;

    border: 1px solid #f5f5f5;

    color: #777;

    font-size: 15px;

    line-height: 24px;

    padding: 6px 15px;

    height: 46px;

    border-radius: 0;

    width: 64%;

    float: left;

    background: #fff;

}

.suscribe-input button {

    background: #f27022;

    border: none;

    color: #fff;

    font-size: 17px;

    padding: 10px 5px;

    width: 36%;

    font-weight: 400;

    height: 46px;

    border: 1px solid #f27022;

    transition: 0.4s;

}

.suscribe-input button:hover{

    color: #f27022;

    background: transparent;

    transition: 0.4s;

}

.footer-list li a {

    color: #333;

    padding: 7px 0px 10px 15px;

    display: block; font-size: 15px;

    position: relative;

}

.footer-list li a:first-child{

	padding-top: 0px;

}

.footer-list li a::after {

    position: absolute;

    content: "";

    top: 5px;

    left: 0;

    font-size: 11px;

    background: url(../img/bullete01.png) no-repeat 0 0;

    width: 10px;

    height: 10px;

}

.footer-list li a:hover,

.footer-list li a:hover::after{

    color: #14498b;

}

.footer-list li a:hover::after{

    color: #14498b;

}

.footer-area-bottom {

    background: #24282b none repeat scroll 0 0;

    padding: 25px 0;

    border-top: 1px solid #3e4144;

    color: #fff;

}

.copyright-text a:hover{

	text-decoration: underline;

	color:#fff;

}

.copyright-text a {

    color: #fff;

}

.copyright > p {

    margin-bottom: 0;

    color: #7b7d7e; font-size: 14px;

}

.copyright a {

    color: #7b7d7e;

}

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

/*  15. Home 02 area

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

.header-area-2 {

    background: rgba(255,255,255,0.85);

}

.intro-content-2 {

    position: relative;

    z-index: 1;

}

.intro-area .slide-content {

    margin-top: 30px;

}

.intro-area-2 .slider-content,

.intro-area-3 .slider-content {

    position: absolute;

    right: 0;

    text-align: left;

    top: 50%;

    z-index: 3;

    left: 0;

    margin: 0 auto;

    margin-top: -80px;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

    color: #fff;

    font-size: 20px;

    margin-top: 30px;

    position: absolute;

    top: 50%;;

    text-align: center;

    line-height: 44px;

    opacity: 0;

    border:1px solid #fff;

    width: 44px;

    height: 44px;

	border-radius: 2px;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{

    left: 10%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

    right: 10%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{

    right: 2%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

    opacity: 1;

}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{

    left: 2%;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

    opacity: 1;

}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{

    color:#fff;

    background: #f27022;

    border: 1px solid #f27022;

}

.intro-carousel .owl-item .layer-1{

    transform: translateY(100%);

    opacity: 0;

    transition: all 1s ease-in-out 0.3s;

}

.intro-carousel .owl-item .layer-2{

    transform: translateY(100%);

    opacity: 0;

    transition: all 1s ease-in-out 1s;

}

.intro-carousel .owl-item .layer-3{

    transform: translateY(100%);

    opacity: 0;

    transition: all 1s ease-in-out 1.5s;

}

.intro-carousel .owl-item.active .layer-1,

.intro-carousel .owl-item.active .layer-2,

.intro-carousel .owl-item.active .layer-3{

    transform: translateY(0);

    opacity: 1;

}

.intro-carousel .owl-item.active .slider-images img{

	transform: scale(1.1);

	transition: 10s;

}

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

/* 16. Brand area

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

.brand-content {

    overflow: hidden;

    text-align: center;

    padding: 20px 0px;

}

.service-area-2 .single-service {

    text-align: center;

}

.service-area-2 .service-icon span {

    font-size: 32px;

    color: #f27022;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    line-height: 77px;

    border:1px solid #f27022;

    transition: 0.4s;

}

.service-area-2 .single-service:hover .service-icon span {

    color: #fff;

    border:1px solid #f27022;

    transition: 0.4s;

    background: #f27022;

}

.section-headline.right-headline{

    padding-bottom: 0px;

}

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

/*  17. Team Area css

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

.single-member {

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}

.team-hover {

    padding: 15px 0 0px;

    text-align: center;

    transition: all 0.4s ease 0s;

}

.single-member .team-img {

    display: block;

    position: relative;

}

.single-member .team-img a {

    display: block;

}

.team-content {

    position: absolute;

    top: 65%;

    content: "";

    left: 0;

    right: 0;

    transition: 0.5s;

    background: rgba(255,255,255,0.75) none repeat scroll 0 0;

    padding: 20px 20px;

    width: 100%;

    height: 200px;

}

.team-content h4 a {

    color: #444;

}

.team-content p {

    margin-bottom: 0;

    color: #444;

}

.team-content h4 {

    font-size: 16px;

    margin-bottom: 5px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

}

.team-content .social-icon{

  margin-top: 15px;

     opacity: 0;

}

.social-icon li{

    display: inline-block;

    margin: 0px 2px;

}

.social-icon li a {

    display: inline-block;

    width: 40px;

    height: 40px;

    border: 1px solid #f5f8fb;

    color: #f27022;

    border-radius: 1px;

    font-size: 18px;

    text-align: center;

    line-height: 39px;

    background: #f5f8fb;

}

.social-icon li a:hover{

    border:1px solid #f27022;

    color:#fff;

	background: #f27022;

}

.single-member .team-img::after{

    background: rgba(255,255,255,0.90) none repeat scroll 0 0;

    width: 100%;

    height: 0%;

    position: absolute;

    content: "";

    left: 0;

    top:0;

    transition: 0.5s;

	box-shadow: 2px 2px 20px #ddd;

}

.single-member:hover .team-img::after{

    height: 100%;

}

.single-member:hover .team-content .social-icon{

     opacity: 1;

}

.single-member:hover .team-content {

    opacity: 1;

     top: 45%;

    transition: 0.5s;

    background: transparent;

}

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

/* 18. Home 03

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

.header-area-3 .main-menu ul.nav > li> a.pages::after {

    color: #fff

}

.header-area-3.stick .main-menu ul.nav > li> a.pages::after {

    color: #444

}

.header-area-3 {

    background: rgba(36,53,89,0.5);

}

.intro-area-3 .intro-content-2{

    position: relative;

    z-index: 1;

}

.intro-area-3 .intro-content-2::after{

	position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background: rgba(4,23,46, 0.70) none repeat scroll 0 0; 

    content:"";

}

.intro-area-3 .slider-content {

    position: absolute;

    right: 0;

    text-align: center;

    top: 50%;

    z-index: 3;

    left: 0;

    margin: 0 auto;

    margin-top: -80px;

}

.intro-area-3 .layer-1 h2 {

    color: #fff;

    margin: 0 auto 20px;

    font-size: 60px;

    max-width: 890px;

    line-height: 70px;

}

.intro-area-3 .layer-2 p{

    color:#ddd;

    margin:0 auto 20px;

}

.header-area-3 .main-menu ul.navbar-nav li a{

    color:#fff;

}

.header-area-3 .header-right-link a.main-search{

    color:#fff;

}

.header-area-3.stick .logo a.white-logo {

    display: none;

}

.header-area-3 .logo a.black-logo {

    display: none;

}

.header-area-3.stick .logo a.black-logo {

    display: block;

}

.intro-area-3 .intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 

.intro-area-3 .intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

    margin-top: -20px;

}

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

  19. Digital Service Area

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

.digital-services {

    display: block;

    margin-bottom: 30px;

}

.digital-wel {

    text-align: center;

    border: 1px solid rgba(48,120,251,0.4);

    padding: 30px;

}

.digital-icon {

    font-size: 60px;

    margin-bottom: 20px;

    display: block;

    line-height: 60px;

}

.digital-content h4 {

    font-size: 20px;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 30px;

    margin-bottom: 0px;

}

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

/*  20. Breadcumbs Area

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

.page-area {

    position: relative;

    z-index: 1;

}

.transparent-header{

    background: transparent;

}

.page-area {

    background: url(../img/background/bread.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.page-area::after{

    position: absolute;

    content: "";

    left:0;

    top: 0;

    width:100%;

    height: 100%;

    background: rgba(0,0,0,0.7);

    z-index: -1;

}

.breadcrumb .section-headline {

    text-align: center;

    padding-bottom: 10px;

}

.page-area .section-headline::after {

    display: none;

}

.breadcrumb {

    background-color: transparent;

    margin-bottom: 0;

    padding: 230px 0px 120px;

}

.breadcrumb h3 {

    color: #fff;

    font-size: 42px;

    font-weight: 500;

    line-height: 50px;

    position: relative;

    margin-bottom: 0px;

}

.breadcrumb .section-headline {

    text-align: center;

}

.breadcrumb ul li {

    display: inline-block;

    color: #f5f5f5;

    padding: 0px 10px 0px 20px;

    position: relative;

    font-size: 16px;

}

.breadcrumb ul li.home-bread{

    padding-left: 0px;

}

.breadcrumb ul li.home-bread::after {

    position: absolute;

    content: "\f105";

    font-family: fontAwesome;

    right: -10px;

    top: 0;

}

.transparent-header .main-menu ul.nav > li> a.pages::after {

    color: #fff

}

.transparent-header.stick .main-menu ul.nav > li> a.pages::after {

    color: #444

}

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

/* 21. Overview Area

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

.overview-area{

    position: relative;

}

.overview-wrapper {

    margin-top: 20px;

}

.overview-wrapper h3 {

    font-size: 32px;

    line-height: 40px;

}

.total-count {

    margin-top: 30px;

}

.single-count {

    width: 47%;

    float: left;

    text-align: center;

    padding: 40px 20px;

    border-radius: 3px;

}

.left-one{

    margin-right: 3%;

    background: #1FC157;

    border: 1px solid #1FC157;

}

.right-one{

    margin-left: 3%;

    background: #0A27D5;

    border: 1px solid #0A27D5;

}

.count-num {

    font-size: 60px;

    font-weight: 600;

    color: #fff;

    line-height: 70px;

}

.single-count h4{

    color:#fff;

}

.overview-image {

    position: relative;

	border-radius: 5px; margin-bottom: 15px;

}

.overview-image img{

	border-radius: 5px;

}

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

/*  22. FAQ  Area

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

.faq-area{

    position: relative;

}

.company-faq {

    display: block;

    overflow: hidden;

}

.left-faq {

    display: block;

    overflow: hidden;

    padding-right: 40px;

}

.right-faq {

    display: block;

    overflow: hidden;

    padding-left: 40px;

}

.single-faq .number {

    color: #fff;

    font-weight: 400;

    margin-right: 10px;

    float: left;

    width: 30px;

    height: 30px;

    font-size: 16px;

    line-height: 30px;

    background: #f27022;

    border-radius: 3px;

    text-align: center;

}

.single-faq h4 {

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 10px;

}

.single-faq p {

    padding-left: 50px;

}

span.q-text {

    padding-left: 50px;

    display: inherit;

    font-size: 20px;

    font-weight: 600;

}

.single-faq {

    margin-bottom: 30px;

}

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

/*  23. Blog Sidebar Area

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

.blog-page-area .single-blog {

    padding: 5px;

    background: #fff;

}

.blog-page-area .blog-content{

	padding: 10px 15px 20px;

}

.blog-search-option input {

    padding: 5px 15px;

    width: 80%;

    border: none;

    height: 56px;

    background: transparent;

}

.blog-search-option {

    margin-bottom: 30px;

    display: block;

    background: #fff;

    border: 1px solid #f27022;

    border-radius: 3px;

}

.blog-search-option button {

    background: transparent;

    border: none;

}

.blog-search-option button i {

    line-height: 16px;

    font-size: 18px;

    padding: 0px 10px;

}

.blog-search-option button i:hover {

    color: #f27022;

}

.left-blog h4 {

    position: relative;

    color: #3d5368;

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 5px;

    padding: 15px 0px;

    text-transform: capitalize;

    border-bottom: 1px solid #eee;

}

.left-blog h4::after {

    position: absolute;

    content: "";

    left: 0;

    bottom: -2px;

    width: 60px;

    height: 3px;

    background: #f27022;

}

.blog-left-content .blog-content::after{

    display: none;

}

.left-side {

    padding-right: 40px;

}

.right-side{

    padding-left: 40px;

}

.left-blog {

    overflow: hidden;

    padding-bottom: 20px;

}

.blog-category li,

.left-blog li {

    display: block;

    position: relative;

}

.left-blog ul li a {

    color: #3d5368;

    display: inline-block;

    font-size: 15px;

    padding: 7px 0px 7px;

    text-transform: capitalize;

}

.blog-category ul {

    margin-top: 12px;

}

.left-blog ul li span {

    display: inline-block;

    border: 1px solid #f27022;

    width: 24px;

    height: 24px;

    text-align: center;

    border-radius: 4px;

    font-size: 13px;

    color: #f27022;

    line-height: 24px;

    float: right;

    margin: 8px 0px;

}

.pst-content .date-type{

	font-size: 14px;

}

.popular-tag.left-blog ul li a:before {

    display: none;

}

.recent-single-post {

    display: block;

    overflow: hidden;

    padding: 15px 0px;

}

.recent-single-post:last-child {

    border-bottom: none;

}

.post-img {

    display: inline-block;

    float: left;

    padding-right:10px;

}

.left-blog .post-img a {

    display: block;

    border:1px solid #fafafa; 

}

.left-blog .post-img a img {

    border-radius: 4px;

}

.pst-content {

    padding-left: 100px;

}

.pst-content p{

	margin-bottom: 0px;

}

.pst-content p a:hover,.left-blog ul li a:hover {

    color: #f27022;

}

.blog-page-area .blog-content {

    background: #f9f9f9;

}

.pst-content p a {

    color: #3d5368;

    font-size: 15px;

}

.blog-tags {

    padding: 1px 0;

}

.recent-single-post img {

	width: 100%;

    max-width: 80px;

	height: 80px;

    object-fit: cover;

    border-radius: 2px;

}

.left-blog li:last-child {

    border-bottom: 0 ;

}

.popular-tag.left-side-tags.left-blog ul {

    padding:0px;

}

.left-tags .left-side-tags ul li {

    border-bottom: 0;

    display: inline-block;

    margin: 5px 3px;

}

.left-tags .left-side-tags ul li a {

    padding: 5px 10px;

    width: auto;

    background: #f4f5f4;

    color: #3d5368;

    border-radius: 3px;

    font-weight: 400;

    font-size: 14px;

}

.left-tags .left-side-tags ul li a:hover {

	color:#fff;

	background:#f27022;

}

.left-side-tags h4 {

    margin-bottom: 15px;

}

.blog-side-area .blog-right-column{

	margin-top: -30px;

}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 10px 0 0px;

    border-radius: 4px;

}

.pagination>li>a, 

.pagination>li>span {

    position: relative;

    float: left;

    padding: 6px 12px;

    line-height: 1.42857143;

    text-decoration: none;

    color: #3d5368;

    background-color: #f4f5f5;

    border: none;

    margin-left: -1px;

    border-radius: 2px;

}

.pagination>li {

    display: inline-block;

    margin: 0px 3px 0px 0px;

}

.pagination>.active>a, 

.pagination>.active>span, 

.pagination>.active>a:hover, 

.pagination>.active>span:hover, 

.pagination>.active>a:focus, 

.pagination>.active>span:focus{

    z-index: 3;

    color: #fff;

    background-color: #f27022;

    cursor: default;

    border-radius: 2px;

}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {

    z-index: 2;

    color: #fff;

    background-color: #f27022;

    border-color: #f27022;

    border-radius: 2px;

}

.adver-img {

    margin-top: 20px;

}

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

/*  24. Blog Details

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

.comments-heading h3, h3.comment-reply-title {

    border-bottom: 1px solid #ddd;

    color: #3d5368;

    font-size: 18px;

    margin: 0 0 40px;

    padding: 0 0 5px;

    text-transform: capitalize;

}

.comments-list ul li{

    margin-bottom: 25px;

}

.comments-list-img{

    float: left;

    margin-right: 15px;

	border-radius: 50%;

	

}

.comments-list-img img {

    border-radius: 3px;

    border: 1px solid #ddd;

}

.comments-content-wrap {

    color: #3d5368;

    font-size: 14px;

    margin: 0 0 15px 90px;

    padding: 10px;

    position: relative;

}

blockquote {

    padding: 20px 40px 40px 80px;

    margin: 0 0 20px;

    font-size: 15px;

    border-left: none;

    font-style: italic;

    position: relative;

    background: #f5f5f5;

}

blockquote::before {

    position: absolute;

    top: 20px;

    left: 30px;

    content: "\f10d ";

    font-family: fontawesome;

    font-size: 34px;

    color: #3d5368;

}

blockquote p {

    font-size: 16px !important;

    line-height: 28px;

}

.author-avatar {

    display: inline-block;

    float: left;

    width: 10%;

}

.comments-content-wrap span b{margin-right:5px}

.comments-content-wrap span a:hover{}

span.post-time{margin-right:5px}

.comments-content-wrap p {

    color: #3d5368;

    margin-top: 10px;

}

.threaded-comments{

	margin-left:50px

}

.comment-respond {

    margin-top: 20px;

}

span.email-notes{

	color: #3d5368;

    display: block;

    font-size: 12px;

    margin-bottom: 10px;

}

.comment-respond p {

    color: #3d5368;

    margin-bottom: 5px;

}

.comment-respond input[type=text],

.comment-respond input[type=email]{

    border: 1px solid #ccc;

    border-radius: 0;

    height: 46px;

    margin-bottom: 15px;

    padding: 0 0 0 10px;

    width: 100%;

	background: transparent;

}

.comment-respond textarea#message-box{

    border: 1px solid #ccc;

    border-radius: 0;

    max-width: 100%;

    padding: 10px;

	height: 200px;

    width: 100%;

	background: transparent;

}

.comments-content-wrap span a {

    color: #f27022;

}

.comments-content-wrap span a:hover {

    color: #f27022;

}

.comment-respond .add-btn.contact-btn {

    background: #f27022;

    color: #fff;

    display: block;

    font-size: 16px;

    margin-top: 5px;

    padding: 10px 20px;

    transition: 0.4s;

    border-radius: 2px;

    width: auto !important;

    margin-top: 20px;

    border: 1px solid #f27022;

    text-transform: capitalize;

    font-weight: 600;

}

.comment-respond .add-btn.contact-btn:hover{

    background: #fff;

	color: #f27022;

    border:1px solid #f27022;

}

.blog-page-details .left-blog-page {

    margin-top:0px;

    margin-bottom:30px;

}

.single-post-comments,

.related-post{

    margin-top: 30px;

}

.left-head-blog .pst-content p{

	margin-bottom: 5px;

}

.blog-details .blog-content h4 {

    font-size: 22px;

    line-height: 34px;

    margin-top: 10px;

}

.blog-details .blog-content h5 {

    font-size: 20px;

}

.blog-details .blog-content {

    border: none;

    padding: 30px 0px 30px;

}

.blog-details .blog-images img {

    width: 100%;

    height: 100%;

    max-height: 450px;

    object-fit: cover;

}

.blog-details .img-blog {

    margin: 15px 0px 30px;

    max-height: 350px;

    overflow: hidden;

    width: 50%;

    float: left;

}

.left-blog-img img {

    padding-right: 15px;

}

.right-blog-img img {

    padding-left: 15px;

}

.related-post-list .recent-single-post {

    width: 50%;

    float: left;

    padding: 0px 20px 0px 0px;

}

.related-post-list .recent-single-post:last-child{

    padding: 0px 0px 0px 20px;

}

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

/* 25.Contact CSS

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

.contact-area {

    position: relative;

}

.map-area {

    margin-right: 30px;

}

.contact-form input[type="text"], .contact-form input[type="email"] {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #ccc;

    border-radius: 0;

    color: #3d5368;

    height: 52px;

    margin-bottom: 25px;

    padding-left: 20px;

    width: 100%;

}

.contact-form textarea#message {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #ccc;

    border-radius: 0;

    color: #3d5368;

    height: 180px;

    padding: 20px;

    width: 100%;

}

.contact-form button[type="submit"] {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #f27022;

    color: #fff;

    display: block;

    font-size: 18px;

    margin-top: 16px;

    padding: 13px 24px;

    border-radius: 2px;

    transition: all 0.3s ease 0s;

    background: #f27022;

}

.contact-form button[type=submit]:hover{

    color:#f27022;

    border: 1px solid #f27022;

    background: #fff;

    transition: all 0.3s ease 0s;

}

.single-icon i {

    font-size: 64px;

    line-height: 77px;

    margin-bottom: 20px;

    color:#f27022;

    display: block;

}

.single-icon p {

    font-size: 16px;

    line-height: 30px;

    margin-bottom: 0px;

}

.contact-icon {

    margin-bottom: 50px;

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);

    padding: 40px 40px 40px;

    position: relative;

    z-index: 1;

}

.contact-icon::after{

    position: absolute;

    content: "";

    left:0;

    bottom:0;

    width: 80%;

    height: 2px;

    background: #f27022;

    right: 0;

    margin: auto;

}

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

/* 26. Services Details area

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

.page-head-left {

    margin-right: 40px;

}

.single-page-head {

    margin-bottom: 30px;

}

.single-services-page p {

    color: #666;

    margin-bottom: 0px;

}

.left-contact h4 {

    font-size: 24px;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.left-menu li {

    display: block;

	margin: 2px 0px

}

.build-img .page-img {

    padding-bottom: 0;

}

.left-menu ul li.active a {

    color: #f27022;

    position: relative;

}

.left-menu ul li a:hover {

    color: #f27022;

}

.left-menu ul li a {

    color: #333;

    display: block;

    font-size: 16px;

    padding: 13px 20px;

    position: relative;

    text-decoration: none;

    text-transform: capitalize;

    background: #f4f4f4;

}

.left-menu ul li a:hover::after,

.left-menu ul li.active a::after{

	position: absolute;

    right: 0;

    top: 0px;

    background: #f27022;

    content: "";

    width: 3px;

    height: 100%;

}

.down-btn i {

    font-size: 24px;

    float: right;

}

.down-btn {

    border: 1px solid #f4f4f4;

    color: #444;

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    margin-bottom: 15px;

    padding: 12px 15px;

    text-align: left;

    transition: all 0.4s ease 0s;

    z-index: 222;

    background: #fff;

    width: 100%;

    position: relative;

    border-radius: 2px;

}

.down-btn.apli{

	margin-bottom: 0px;

}

.down-btn:hover{

    color:#fff;

    background: #f27022;

    border: 1px solid #f27022;

}

.single-page-head .clients-testi {

    padding: 40px 30px;

	background: #f4f4f4;

}

.single-page-head .review-text {

    margin-top: 20px;

}

.clients-testi .review-text a,

.clients-testi .guest-rev {

    color: #444;

}

.clients-testi .single-review {

    border: none;

}

.review-text h4 {

    font-size: 16px;

    margin-bottom: 0px;

}

.single-page-head .review-text p {

    color: #333;

    font-size: 15px;

    margin-bottom: 10px;

}

.single-page-head .review-img {

    margin-top:0px;

}

.single-page-head .review-img img {

    border-radius: 50%;

    width: 80px;

    height: auto;

}

.page-content h3 {

    font-weight: 600;

    padding: 15px 0 0;

}

.mar-well {

    margin-bottom: 40px;

}

.single-page {

    overflow: hidden;

}

.single-well h3 {

    margin-bottom: 15px;

}

.single-well.last-part p{

	margin-bottom: 0px;

}

.service-list li {

    display: block;

    position: relative;

    padding-left: 30px;

    color: #2a354e;

}

.service-list li::before{

    position: absolute;

    left: 0;

    content:"\f00c";

    font-family:fontawesome;

    top:0;

    color: #f27022;

}

.single-page-head .service-btn{

    width: 100%;

    margin: 20px 0px 0px 0px;

}

.marker-list li {

    color: #2a354e;

    padding-left: 35px;

    margin: 10px 0px;

    position: relative;

}

.marker-list li::after {

    text-align: center;

    position: absolute;

    content: "\e64c";

    left: 0;

    top: 3px;

    font-family: themify;

    background: #f27022;

    width: 22px;

    height: 22px;

    font-size: 10px;

    color: #fff;

    border-radius: 50%;

    line-height: 22px;

}

.single-services-page .marker-list li {

    color: #2a354e;

}

.blog-details .blog-category {

    margin-bottom: 15px;

}

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

/* 27. Project Details page

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

.project-page-area .single-awesome-project {

    margin-bottom: 30px;

}

.hire-btn {

    background: #f27022;

    padding: 10px 20px;

    margin-top: 10px;

    display: inline-block;

    color: #fff;

    font-size: 18px;

    transition: 0.4s;

    border-radius: 3px;

    border:1px solid #f27022;

}

.hire-btn:hover{

    transition: 0.4s;

    background: #fff;

    color:#f27022;

}

.project-page-area .project-menu li a {

    color: #2a354e;

}

.project-2-column .project-single {

    float: left;

    width: 50%;

}

.project-4-column .project-single {

    float: left;

    width: 25%;

}

.project-new h4 {

    color: #444;

    font-size: 24px;

    line-height: 34px;

}

.project-details h3 {

    font-size: 30px;

}

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div {

    background: #f27022;

    border: 1px solid #f27022;

    border-radius: 0;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    height: 40px;

    line-height: 38px;

    position: relative;

    text-align: center;

    transition: all 0.5s ease 0s;

    width: 40px;

    border-radius: 50%;

}

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {

    top: 50%;

    position: absolute;

    left: 3%;

    margin-top: -30px;

}

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{

    background: #fff;

    border: 1px solid #f27022;

    color: #f27022;

    transition: all 0.5s ease 0s;

}

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

    margin-top: -30px;

    position: absolute;

    right: 3%;

    top: 50%;

}

.project-history {

    background: #f27022;

    padding: 30px;

    margin-bottom: 30px;

}

.project-details h4 {

    font-size: 22px;

}

.project-name ul li {

    color: #fff;

    font-size: 15px;

    line-height: 32px;

    margin: 10px 0px;

}

.project-name span {

    padding-right: 15px;

    min-width: 110px;

    display: inline-block;

    font-weight: 500;

    font-size: 16px;

}

.project-inner {

    margin-bottom: 40px;

}

.project-details p {

    font-size: 15px;

    letter-spacing: 0.5px;

    margin-bottom: 25px;

}

.new-project {

    background: #f4f4f4;

    padding: 30px 30px 40px;

    margin-bottom: 30px;

}

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

28. Login And Register page

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

.login-page {

    display: block;

    overflow: hidden;

    border: 1px solid #f9f9f9;

}

.login-area .slide-1 {

    background: #fff;

    height: 100vh;

}

.login-form {

    background: #fff;

    padding: 40px;

    overflow: hidden;

}

.login-image {

    width: 50%;

    float: left;

}

.login-image, .log-inner img {

    height: 100%;

    max-height: 535px;

    object-fit: cover;

}

.login-area form#contactForm {

    border: none;

    border-radius:0;

    box-shadow: none;

    background: #fff;

}

.login-form .form-control {

    display: block;

    width: 100%;

    height: 44px;

    padding: 7px 15px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 0px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    min-height: 36px;

    margin-bottom: 20px;

}

.login-title {

    font-size: 28px;

    font-weight: 700;

    margin-bottom: 40px;

}

.slide-btn.login-btn {

    border: 1px solid #f27022;

    display: inline-block;

    font-weight: 600;

    margin: 0px;

    padding: 5px 10px;

    text-align: center;

    text-transform: uppercase;

    transition: all 0.4s ease 0s;

    width: 100%;

    border-radius: 0px;

    background: #f27022;

    color: #fff;

    height: 46px;

    font-size: 16px;

}

.slide-btn.login-btn:hover{

    border: 1px solid #f27022;

    background: #fff;

    color: #f27022;

    transition: all 0.4s ease 0s;

}

.flex-box{

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

}

.check-group {

    position: relative;

    margin: 10px 0px 20px;

}

.check-box{

    color: #444;

    font-weight: 300;

    letter-spacing: 0;

    margin-bottom: 0;

    outline: none;

    display: -webkit-inline-box;

    display: inline-flex;

    -webkit-box-align: center;

    align-items: center;

    padding-left: 0;

}

.check-box-input {

    position: absolute;

    left: 0px;

    top: 0px;

    min-height: 25px;

    height: 26px;

    margin: 0 !important;

    padding: 0 !important;

}

.remember-text {

    color: #444;

    font-weight: 300;

    font-size: 12px;

    left: 25px;

    position: absolute;

    top: 2px;

}

.text-muted {

    font-size: 12px;

    float: right;

    margin-top: 2px;

}

.separetor {

    margin-top: 20px;

}

.separetor span {

    background: #fff;

    position: relative;

    top: 10px;

    padding: 10px;

}

.sign-icon {

    display: block;

    overflow: hidden;

    margin-top: 40px;

    text-align: center;

}

.sign-icon ul li {

    display: inline-block;

    margin: 0px 5px;

}

.sign-icon ul li a {

    color: #fff;

    display: block;

    text-transform: uppercase;

    font-size: 15px;

    padding: 0px 20px;

    font-weight: 600;

}

.sign-icon ul li a.facebook{

    color: #3B5998

}

.sign-icon ul li a.twitter{

    color: #00ACED

}

.sign-icon ul li a.google{

    color: #C32F10

}

.acc-not {

    font-size: 13px;

    margin-top: 20px;

    font-weight: 600;

}

.signup-form .check-group {

    position: relative;

    margin: 0px 0px 20px;

}

.signup-page .login-image, 

.signup-page .log-inner img {

    height: 100%;

    max-height: 588px;

    object-fit: cover;

}



ul.bullete li{ list-style-type: disc; padding: 0 0 0 10px; margin-bottom: 15px; margin-left: 15px;  }

.minh200{ min-height: 120px; }



/*Home Page New CSS */



.bg-wrapper img{ width: 100%; height: auto; max-height: 650px; }



.About-us-img{ float: left; width: 40%; margin-right: 35px; display: block; height: auto; }

.About-us-img img{  width: 100%; height: auto; }



.About-us-text{ float: left; width: 55%; margin-right: 0px; display: block; height: auto; margin-top: 30px; font-family: 'Roboto', sans-serif; }

h4.heading-title01, h1.heading-title01 {

    font-size: 38px;

    color: #299BD5;

    font-weight: 500;

    margin-bottom: 18px;

    line-height: 40px;

    padding: 10px 0 20px 0;

    font-family: 'Roboto', sans-serif;

}





.About-us-text p{ 
/* color: #333; */
 font-size: 15px; text-align: left; line-height: 24px; }

.About-us-text p strong{ color: #333; font-size: 18px; text-align: left; line-height: 24px; font-weight: 500; }

.heading-label{ color: #00acef; font-size: 15px; margin-bottom: 0px; }

.heading-center{ display: block; margin-bottom: 20px; text-align: center; }

.heading-label2{ font-size: 16px;   color: #ff9501; font-weight: 600; margin-bottom: 10px;

display: block;}

.heading-center h4.heading-title01, .heading-center h4.heading-title01 a{

display: block;   }



.Services-content{ clear: both; display: block; padding: 25px 0; }

.service-tabs a{ float: left; width: 285px; height: auto; min-height: 150px; padding: 15px; 

margin-right: 15px; background: #f2f3f7; text-transform: uppercase; text-align: center; 

color: #299BD5; border-radius: 5px; cursor: pointer;  }



.service-tabs a:hover, .service-tabs.active a{ float: left; height: auto;  background: #144a8c; cursor: pointer; color: #fff;  }



h4.heading-title02{     font-size: 26px;

    color: #144a8c;

    font-weight: 500;

    margin-bottom: 20px;

    line-height: 30px;

    padding: 0px 0 0px 0;

    font-family: 'Roboto', sans-serif; }



 .Answer-block{ width: 100%; height: auto; border-bottom: 1px solid #f1f1f1; padding: 6px 0; margin-bottom: 15px; }



.service-tabs .service-tabs-img{ clear: both; width:100%; display: block; margin-bottom: 10px;  }

.service-tabs .service-tabs-img img{ width: auto; height: auto;  }



.service-tabs .service-tabs-text{ text-align: center; color: #fff; font-size: 16px; font-weight: 400; display: inline-block;

width: 100%; padding: 10px 0;  }



.services-details-block{ width: 100%; height: auto; min-height: 560px; background: url(../img/service-details-bg.png) no-repeat 0 0;

display: block; margin:30px auto; border:1px solid #f1f1f1; border-radius: 5px; }



.services-details-block .services-left-info{ float: left; width: 50%; height: auto; min-height: 550px; 

    padding:55px 50px;

 }

.services-details-block .services-left-info h2{ color: #fff; font-size: 38px; font-weight: 500; 

line-height: 50px; text-align: left;  margin-bottom: 25px; }



.services-details-block .services-left-info p{ color: #fff; font-size: 16px; font-weight: 400; 

line-height: 28px; text-align: left;  margin-bottom: 25px; }



.services-right-img{ float: right; margin:50px 25px; width: 35%; height: auto; }







.home-section-4{ background:#f2f3f7 url(../img/testimonials-bg.jpg) no-repeat center top; width: 100%; height: auto; min-height: 700px; margin:0px auto;    }

.testimonials-block{ float: left; width: 45%; padding: 40px; height: 100%; min-height: 550px; padding-top: 75px;  margin-right: 30px; }

.contact-block{ float: left; width: 50%; padding: 40px; height: 100%; min-height: 550px; padding-top:70px;
	padding-bottom:0;
 }



.testimonials-block h2{ color: #fff; text-align: center; font-size: 38px; font-weight: 500; margin-bottom: 0px;

 }

.testimonials-rate{ text-align: center; width: 100%; height: auto; min-height: 40px; padding: 15px 0; }

.testimonials-text{ text-align: center; font-size: 16px; color: #fff; line-height: 28px; width: 100%; height: auto;

min-height: 120px; position: relative; padding: 20px 0; }

.testimonials-text .span1{ display: inline-block; position: absolute; left: 0px; top: 3px; width: 34px; height: 30px; background: url(../img/quote1.png) no-repeat 0 0; }

.testimonials-text .span2{ display: inline-block; position: absolute; right: 0px; bottom: 80px; width: 34px; height: 30px; background: url(../img/quote2.png) no-repeat 0 0; }



.testimonials-text p{ text-align: center; color: #fff; font-size: 15px; line-height: 28px; }

.testimonials-text p.client-title{ text-align: center; color: #fff; font-size: 24px; line-height: 28px; display: block; width: 100%;

margin: 45px 0 15px 0;  }

.testimonials-text p.client-subtitle{ text-align: center; color: #98a5bc; font-size: 16px; line-height: 28px; display: block; width: 100%;

margin: 0;  }



.contact-block h3{ color: #299BD5; text-align: left; font-size: 32px; font-weight: 700; margin-bottom: 30px;

    line-height: 48px;

 }

.contact-block input{ 

width: 100%; height: auto; min-height: 20px; border-radius: 5px;

padding: 8px; color: #333; font-size: 16px; text-align: left; border: 1px solid #dfdfdf; margin-bottom: 15px;

 }

.contact-block select{ 

width: 100%; height: auto; min-height: 30px; border-radius: 5px;

padding: 10px; color: #333; font-size: 16px; text-align: left; border: 1px solid #dfdfdf; margin-bottom: 15px;

 }

 .contact-block .input50{ width: 48%; margin-right: 10px; margin-bottom: 5px; float: left; }

  .contact-block .input50-r{ width: 48%; margin-right: 0px; margin-bottom: 5px; float: left; }

    .contact-block .input100{ width: 98%; margin-right: 0px; margin-bottom: 5px; float: left; }





.contact-block textarea{ 

width: 100%; height: auto; min-height: 120px; border-radius: 5px;

padding: 10px; color: #333; font-size: 16px; text-align: left; border: 1px solid #dfdfdf; margin-bottom: 15px;

 }



.mar-t5{ margin-top: 5px; }



.brands-block{ display: inline-block; width: 278px; height:160px; padding:20px 15px; 

    text-align: center; margin:0px 8px; background: #f6f7fa;  }

.brands-block img{ width: auto; height: auto; }



.call-action{ background: #000; padding: 15px 0px; margin: 10px 0 0 0; text-align: center; height: auto; min-height:40px; }

.call-action h4{ text-align: center; font-size: 32px; color: #fff; font-weight: bold; margin: 0px;  }

.call-action h4 img{ display: inline-block; margin-right: 15px; }





.footer-block01{ float: left; width: 25%; height: auto; min-height: auto; margin-right: 15px; text-align: center; }

.footer-block02{ float: left; width: 22%; height: auto; min-height: auto; margin-right: 15px; }

.footer-block03{ float: left; width: 22%; height: auto; min-height: auto; margin-right: 15px; }

.footer-block04{ float: left; width: 25%; height: auto; min-height: auto; margin-right: 0px; }


.footer-email a {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    line-height: 24px;
}
.footer-email a:hover {color:#14498b;}
.footer-email{ background-repeat: no-repeat !important; width: 100%; height: auto; background: url(../img/footer-map.png) no-repeat 0 0px;

padding:3px 0 10px 40px; }

.footer-email p{ font-size: 14px; color: #333; font-weight: 400; line-height: 24px; margin-bottom: 0px; }

.footer-email p span{ font-size: 14px; color: #333; font-weight: 600; line-height: 24px; }



.footer-time{ width: 100%; height: auto; background: url(../img/foter-time.png) no-repeat 0 0px;

padding:3px 0 10px 40px;  }

.footer-time p{ font-size: 14px; color: #333; font-weight: 400; line-height: 24px; margin-bottom: 0px; }

.footer-time p span{ font-size: 14px; color: #333; font-weight: 600; line-height: 24px; }





.footer-call{ width: 100%; height: auto; background: url(../img/footer-call.png) no-repeat 0 0px;

padding:3px 0 10px 40px; margin-top: 15px; }

.footer-call p{ font-size: 14px; color: #333; font-weight: 400; line-height: 24px; margin-bottom: 0px; }

.footer-call p span{ font-size: 14px; color: #333; font-weight: 600; line-height: 24px; }

.footer-icons1 { text-align: center; text-transform: uppercase; margin: 15px  auto; font-weight: 600; color: #333; }

.footer-icons1 ul li{ display: inline; margin-right: 10px;  list-style-type: none; margin-top: 10px; margin-bottom: 10px;

 }

a.footer-icon-fb{ background: url(../img/footer-social-icon.png) no-repeat 0 0; width: 25px; height: 25px; display: inline-block; }

a.footer-icon-tw{ background: url(../img/footer-social-icon.png) no-repeat -52px 0; width: 25px; height: 25px; display: inline-block; }

a.footer-icon-yt{ background: url(../img/footer-social-icon.png) no-repeat -104px 0; width: 25px; height: 25px; display: inline-block; }

a.footer-icon-pt{ background: url(../img/map.png); width: 40px;
    background-repeat: no-repeat;
    height: 30px;
    display: inline-block;
    margin-top: 10px; }



.contact-img{ width: 100%; height: auto; padding: 20px 0; text-align: center; margin-bottom: 10px; display: block; }



.footer-area-bottom1{ display: block; width: 100%; height: auto; min-height: 50px; padding: 15px 0; text-align: center;

border-top: 1px solid #bcc8d9; border-bottom: 1px solid #bcc8d9;   }





.footer-area-bottom1 a{ color: #00a5ed; font-size: 16px; text-align: center; text-transform: uppercase; }



.footer-area-bottom2{ display: block; width: 100%; height: auto; min-height: 50px; padding: 15px 0; text-align: center;   }

.footer-area-bottom2 p{ font-size: 13px; color: #333; text-align: center;  }



/* About us */



h2.page-title, h1.page-title{ text-align: center; font-size: 48px; font-weight: 500; color: #fff; margin-top: 100px; }



/*Products Page */



.products-list{ clear: both; width: 100%; height: auto; margin: 15px auto;  }

.product-img01{ width: auto; height: 200px; }

.product-info01{ text-align: center; font-size: 18px; font-weight: 400; padding-top: 15px; }



.product-list02 th{ text-align: center; font-size: 18px; font-weight: 600; background:#00aeef; 

    color: #fff; padding: 25px 0; border-bottom: 0px !important;  border-top: 0px !important; }





.product-list02 td{ border-bottom: 0px !important;  border-top: 0px !important; }

.product-list02 td p{ padding: 55px 0; }

.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #fafafa !important;

}

.table-hover>tbody>tr:nth-of-type(even):hover {

    background-color: transparent !important;

}



/*Contact Us Page */



.contact-info-right{ text-align: left; padding: 20px; }

.contact-info-right span{ font-size: 16px; font-weight: 500; display: block; }

.contact-info-right { font-size: 20px; font-weight: 500; display: block; line-height: 28px; }

.contect-img{ display: inline-block; margin-right: 15px; float: left; width: 35px; height: 65px; margin-bottom: 30px; }

.contect-info-r{ float: left; width: 80%; }





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

/* Animation

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

.rotateme {

    animation-name: rotateme;

    animation-duration: 30s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}

@-webkit-keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-webkit-keyframes bounce {

  0% {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px);

  }

  50% {

    -webkit-transform: translateY(10px);

            transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px);

  }

}



@keyframes bounce {

  0% {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px);

  }

  50% {

    -webkit-transform: translateY(10px);

            transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px);

  }

}



@-webkit-keyframes zoom-inout {

  0% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

            transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}



@keyframes zoom-inout {

  0% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

            transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

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

/* .End CSS

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


.header-call-text a, .footer-call a {
	color: #333; 
}
.header-call-text a:hover, .call-action-heading a:hover, .contect-info-r a:hover{
	color:#00a5ed; 
}
.footer-call a:hover  {
	color:#14498b;
}
.call-action-heading a {
	color:#fff;
}



/* .testimonials-dots, .owl-dots{ clear: both; display: block; padding: 10px 0; text-align: center; }

.testimonials-dots ul, .owl-dots{ margin: 0px; padding: 0px;  }

.testimonials-dots ul li, .owl-dots{ display: inline-block; }

.testimonials-dots ul li a, .owl-dots{ display: inline-block; width: 18px; border-radius: 20px; height: 8px; margin-right: 5px; background: #efefef; }

.testimonials-dots ul li.active a, .testimonials-dots ul li a:hover, .owl-dots{ display: inline-block; background: #d96815;  }

 */

.owl-dots {
    display: block;
    border-radius: 20px;
    height: 8px;
    margin-right: 5px;
	margin-top:30px;
}

.owl-dot {
    display: inline-block;
    width: 18px;
    border-radius: 20px;
    height: 8px;
    margin-right: 5px;
    background: #efefef;
	
}

.owl-dot.active {
    display: inline-block;
    background: #d96815;
}

.testimonials-text .item {
	padding-top:35px;
}
.bg-banner {
	background:url('../img/background/bread.jpg');
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:200px 0;
}

.contect-info-r a{
	color:#7a7788;
}

a.trademe img {
    width: 280px;
    padding-bottom: 10px;
}
.partner-sec {
	padding:100px 0 60px;
}

.sidebar-widget .sidebar-title h3{
	font-size: 38px;
    color: #144a8c;
    font-weight: 500;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
}
.sidebar-widget ul li{
	padding:10px 0;
	border-bottom: 1px dashed rgb(0,0,0,0.4);
}

.sidebar-widget ul li a {
	color:#5d6471;
	font-size:18px;
}
.sidebar-widget ul li a:hover {
	
	color:#00a5ed;
}
.pd-vkk {
	padding-left:40px;
}

.footer-area-bottom1 span {
    color: #00a5ed;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}
.call-action-trademe a.trademe img {
	width: 370px;
}
.emailus {
	margin-left: 20px;
}


.sticky-tradmelogo {
    padding-top: 18px;
    float: right;
    width: auto;
    display: block;
    margin-right: 20px;
}
.sticky-tradmelogo img {
    width: 170px !important;
}
.sticky-tradmelogo {
	display: none;
}

.stick .sticky-tradmelogo {
	display: unset;
}

.tt-testimonials {
    -webkit-box-shadow: 0 5px 20px rgb(48 52 66 / 8%);
    box-shadow: 0 5px 20px rgb(48 52 66 / 8%);
    padding: 20px 35px 20px 30px;
    position: relative;
    background: #f1f1f1;
	margin-top: 50px;
}


.tt-testimonials__data img {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 25%;
   /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);*/
	max-width: 100%;
    height: auto;
}
.testi-row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equal-1 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
	border: 10px solid #f1f1f1;
    background-color: #fff;
}
.tt-testimonials__title {
	color: #144a8c;
    font-size: 25px;
}
.section-indent {
	padding-bottom:80px;
}
.partbtn {
	font-size: 13px !important;
    padding: 6px 15px !important;
    min-width: 100px !important;
}

.mobile-menu .logo img {
	width:160px;
}
.mobile-menu .logo .mobph {
	font-size: 15px;
    color: #333;
    font-weight: 600;
}
.tt-testimonials_top-layout{
	padding:20px;
}
.tt-testimonials__title{
	
}
.partnerpgdns .row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equal{
	    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.partnerpgdns a{
	    position: absolute;
    bottom: 15px;
    left: 28%;
}
.mrgncls{
	margin-bottom:50px;
}
@media (max-width: 767px){
	.mrgncls{
	margin-bottom:70px;
}
	.partnerpgdns a{
		width:50% !important;
		left: 22%;
		bottom:60px;
	}
	.tt-testimonials_top-layout{
		margin-bottom:50px;
	}
}
.comngdes{
	text-align:center;
}
.comngdes h2{
	color: #14498b;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 62px;
	padding: 100px 0;
}

/* =========================================================== */

.vkpartner-section .tt-testimonials__data img {
	top: 0;
}

.vkpartner-section .vkroimg{
	border: 10px solid #f1f1f1;
    background-color: #fff; 
}
.vkpartner-section a.ready-btn.left-btn.partbtn {
    position: absolute;
    bottom: 25px;
	left: 35%;
	width: 30%;
}

.vkpartner-section .tt-testimonials_top-layout {
    padding: 20px 20px 60px;
	text-align: center;
}

.vkservice li {
    list-style: disc;
}
.vkservice ul {
	padding-left:20px;
}
.vkcustombtn2 {
	text-align: center !important;
}

/* ==================================== */

.panel-group .panel{
    background-color: #fff;
    border:none;
    box-shadow:none;
    border-radius: 10px;
    margin-bottom:11px;
}
.panel .panel-heading{
    padding: 0;
    border-radius:10px;
    border: none;
}
.panel-heading a{
    color:#fff !important;
    display: block;
    border:none;
    padding:20px 35px 20px;
    font-size: 20px;
    background-color:#144A8C;
    font-weight:500;
    position: relative;
    color:#fff;
    box-shadow:none;
	text-transform: none;
    transition:all 0.1s ease 0;
}
.panel-heading a:after, .panel-heading a.collapsed:after{
    content: "\f068";
    font-family: fontawesome;
    text-align: center;
    position: absolute;
    left:-20px;
    top: 10px;
    color:#fff !important;
    background-color:#FEA42E;
    border: 5px solid #fff;
    font-size: 15px;
    width: 40px;
    height:40px;
    line-height: 30px;
    border-radius: 50%;
    transition:all 0.3s ease 0s;
}
.panel-heading:hover a:after,
.panel-heading:hover a.collapsed:after{
    transform:rotate(360deg);
}
.panel-heading a.collapsed:after{
    content: "\f067";
}
#accordion .panel-body{
    background-color:#fbf8f8;
    padding: 10px 25px 20px 35px ;
    border-top:none;
    position: relative;
}
.text-white{
    color:white;
    text-transform: uppercase;
}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #Fff;
    top: 50%;
    animation: loader 2s infinite ease;
  }
  
  .loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
  }
  
  @keyframes loader {
    0% {
      transform: rotate(0deg);
    }
    
    25% {
      transform: rotate(180deg);
    }
    
    50% {
      transform: rotate(180deg);
    }
    
    75% {
      transform: rotate(360deg);
    }
    
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes loader-inner {
    0% {
      height: 0%;
    }
    
    25% {
      height: 0%;
    }
    
    50% {
      height: 100%;
    }
    
    75% {
      height: 100%;
    }
    
    100% {
      height: 0%;
    }
  }
  
  
  
.whychoose .whytext h2{
	font-size: 36px;
    color: #144a8c;
    font-weight: 600;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
}
/* .whychoose  {
	padding-bottom:50px;
} */

.whychoose .whytext ul {
    padding-left: 0px;
}
.whychoose .whytext ul li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 17px;
}

.whychoose .whytext ul li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/check-1.png);
    background-repeat: no-repeat;
}

/* ======================== */

.feature-box-01 {
    box-shadow: 0 8px 50px -6px rgb(84 84 120 / 26%);
    padding: 25px 20px;
    position: relative;
    background: #fff;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.m-15px-tb {
    margin-top: 15px;
    margin-bottom: 15px;
}
.feature-box-01 .icon {
    float: left;
    width: 80px;
}
.feature-box-01 .icon i {
    font-size: 24px;
}
.icon-m {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}
.border-radius {
    border-radius: 50%;
}
.feature-box-01 .feature-content {
    width: calc(100% - 80px);
    float: left;
}
.feature-box-01 h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
}


.vkcolor-1{
    background: #ff2525;
	box-shadow: 0px 15px 23px -5px rgb(255 37 37 / 36%);
}
.vkcolor-2{
    background: #ffbc5c;
	box-shadow: 0px 15px 23px -5px rgb(255 188 92 / 43%);
}
.vkcolor-3{
    background: #255cff;
	box-shadow: 0px 15px 23px -5px rgb(37 92 255 / 35%);
}
.vkcolor-4{
    background: #1edee4;
	box-shadow: 0px 15px 23px -5px rgb(30 222 228 / 34%);
}
.vkcolor-5{
    background: #1721cc;
	box-shadow: 0px 15px 23px -5px rgb(22 48 210 / 37%);
}
.vkcolor-6{
    background: #ff2560;
	box-shadow: 0px 15px 23px -5px rgb(255 37 96 / 34%);
}
.vkcolor-7{
    background: #ffbc5c;
	box-shadow: 0px 15px 23px -5px rgb(255 188 92 / 43%);
}
.vkcolor-8{
    background: #ff2525;
	box-shadow: 0px 15px 23px -5px rgb(255 37 37 / 36%);
}
.vkcolor-9{
    background: #1edee4;
	box-shadow: 0px 15px 23px -5px rgb(30 222 228 / 34%);
}

.whychoosec {
	padding: 80px 0;
}
.whychoosec h4.heading-title01 {
	
    font-size: 38px;
    color: #fff;
}
.whychoosec .section-title p {
	color:#fff;
}


.topseccls h1, .tepispg h2, .all-wel-services h4 {
	    color: #299BD5 !important;
}


.flip-box {
  background-color: transparent;
   /* width: 300px; */
  height: 140px;
  perspective: 1000px;
  margin-top:25px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  box-shadow: 0 0 10px #ddd;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  /* background-color: #fff; */
  color: black;
  left: 18%;
    top: 10px;
}

.flip-box-back {
  background-color: #299BD5;
  color: white;
  transform: rotateY(180deg);
}
.flip-box-back p {
	color:#fff;
}


#thank{
	background:#fff;
	padding:80px 0 40px;
}

#thank .title-h2{
	color:#41AB34;
	margin:30px 0;
}
#thank p{
	font-size: 18px;
}

.mobile-menu .logo .mobph span {
	font-size: 10px;
    font-weight: 400;
}
.vkmobilephone img{
	width: 23px !important;
}