/* TeraHoster

  *Some info about Theme Creator:
  * Name: Pleurat
  * Version: 1.1
  * Author/Team: Themekolor
  * Author URL: http://www.themekolor.com


---------------------------------------------------------------------------------------------------------
Table Of Contents:
---------------------------------------------------------------------------------------------------------
TOPBAR (.top-bar)
-------
      SOCIAL ICONS
      CONTACT
      LIVECHAT BUTTON
      BACKGROUND COLOR
--------
NAVBAR (nav .navbar .navbar-default)
--------
      LOGO
      NAVBAR LINKS
      ICONS
      MOBILE-MENU
      MEGAMENU
      SEARCH ICON
      SIDEBAR MENU
--------
SLIDER
--------
      TITLE
      SUBTITLE
      TEXTAREA
      BUTTONS
      BACKGROUND IMAGE
--------
HEADERS
--------
      HEADER-SIMPLE
      WEB HEADER
      WHY TERA2
      HEADER TEXT CENTER
      HEADER TEXT LEFT
--------
DEFAULT PRICING TABLE
--------
      SERVICE NAME
      PRICE
      LIST TABLE
      BUTTON
--------
TESTIMONIALS
--------
      TITLE
      CLIENT IMAGE
      TEXTAREA
      CLIENTS NAME
      CLIENTS WEB NAME
--------
ABOUT / TEAM MEMBERS
--------
      TEAM MEMBER IMAGE
      NAME
      ABOUT
      SOCIAL ICONS
      TEXT AREA
--------
SECTIONS
--------
     WHYTERA / .why-tera
     DOMAIN SEARCH / .search-bar
     HOSTING PARTS / .hosting-parts
     DF-MEDIA / df-media1 & 2
     SECTION 05 / .section-05
     PARALLAX / .parallax
     MEDIA CODE / .media-code-1 & 2
     SECTIONDDFT / .section-dd-ft
     TESTIMONIALS / .testimonials-slide
     TEAM MEMBERS / .about-people
--------
FOOTER
--------
     OUR PARTNERS
     ABOUT US
     FOOTER MENU
     LOCATION
     PRIVACY AND TERMS


-------------------------------------------------------------------------------------------
FONTS
-------------------------------------------------------------------------------------------
Body : Nunito Sans and Noto Sans;
Paragraph and Notes: Noto Sans;
Headers: Nunito Sans and Maven Pro (Uppercase);
Text Area: Nuntio Sans and Noto Sans;
Titles: Maven Pro *UPPERCASE Only;
Footer: Nunti Sans and Noto Sans;

---------------------------------------------------------------------------------------------
Default Color Codes
---------------------------------------------------------------------------------------------
Dark Purple (Hosting Parts,Topbar,text and Page Titles) : #2D1E2F
Red Pigment (Hosting Parts,About/Team) : #4594BC
Sea Fqam Green (Section Background): #A9E5BB
White : #fff
*/


/*
---------------------------------------------------------------------------------------------
BODY STYLE
---------------------------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900');
body h3 {
    font-weight: 800;
    font-size: 28px;
	font-family:  'Roboto', sans-serif;
}

body h2,
body h3,
body h4 {
    font-family:  'Roboto', sans-serif;;
}

body .padding20 {
    padding: 20px;
}

body p {
    font-family:  'Roboto', sans-serif;
}

body .text-left {
    text-align: left;
}

body .default-title {
    text-align: center;
}

body .default-title h3 {
    font-weight: 800;
    font-size: 28px;
    color: #1E3338;
    font-family:  'Roboto', sans-serif;
    
}
.start {background-color:#017298; text-align:center; color:#fff; padding:10px; border-right:5px solid #fff; margin-bottom:10px;}
.basic {background-color:#FF7E47; text-align:center; color:#fff; padding:10px; border-right:5px solid #fff; margin-bottom:10px;}
.standard {background-color:#279CC3; text-align:center; color:#fff; padding:10px; border-right:5px solid #fff; margin-bottom:10px;}
.advanced {background-color:#74B13D; text-align:center; color:#fff; padding:10px; border-right:5px solid #fff; margin-bottom:10px;}

.color {color:#fff !important;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 30px;
    margin-bottom: 10px;}
.pack {margin-left:50px; text-align: left}
#contacts {padding:10px;}
.headback_color {background-color:rgba(256, 256, 256, 0.86); padding:10px 20px 20px !important; border-radius:15px;}

#sgt-feedback{
	display: hidden;
	width: 320px;
	position: fixed;
	left: -322px;
        z-index:999;
	border: 1px solid #ccc;
	padding: 8px 20px;
	background-color: #fff;
}

#sgt-img-control{
	cursor: pointer;
position: absolute;
right: -52px;
width: 52px;
background: transparent url('../img/other/quick.png');
background-repeat: no-repeat;
height: 175px;
}


body .default-title h4 {
    font-weight: 600;
    font-size: 25px;
    color: #444;
    font-family: Maven Pro;
    text-align: left;
    
}

body .default-title p {
    font-weight: 500;
    color: #000;
    font-size: 16px;
	line-height:1.8;
}

.sub-heading {color:#900;}
.sub-heading2 {color:#fff;}
.heading {font-family:  'Roboto', sans-serif; font-size:16px; color:#000; line-height:1.7}

body #font-weight {
    font-weight: 800;
}

body a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
	font-family:  'Roboto', sans-serif;
}

body a:hover {
    border: 0px;
    text-decoration: none;
    color: #fff;
}

body .btn-warning {
    background-color: #4594BC;
    -webkit-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
    border: 0px;
    border-radius: 2px;
}

body .btn-outline {
    margin-top: 10px;
    color: #4594BC;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #4594BC;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

body .red {
    background-color: #4594BC !important;
    color: #fff !important;
    border: 0px solid #4594BC !important;
}

body .red:hover {
    background-color: #2D1E2F !important;
    color: #fff !important;
    border: 0px solid #333;
}

body .btn-outline:hover {
    color: #fff;
    border: 1px solid #444;
    background-color: #444;
}

body .btn-default {
    background-color: #fff;
    border: 0px;
    color: #444;
}

body .btn-default:hover {
    border: 0px;
    background-color: #444;
    color: #fff;
}

body .btn-2 {
    position: relative;
    left: 0px;
    color: #fff;
    border-radius: 3px;
    background-color: #2D1E2F;
    border: 0px solid #fff;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

body .btn-2:hover {
    color: #fff;
    background-color: #4594BC;
}

.hideme {
    opacity: 0;
}

.visible {
    opacity: 1;
}

body .jumbotron {
    margin: 0px;
}
.jumbotron {background-color:#4593BC;}
body .a {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

body .b {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

body .c {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

body .d {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

body .e {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

body .j {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

body {
    font-family: Nunito Sans;
    margin: auto;
    padding: 0;
    width: 100%;
    }

body .image-center {
    margin: 0 auto;
}
body .f7-bg {
    background-color: #fff;
}
.title span {
    font-size: 30px;
    color: #4594BC;
    font-weight: 800;
}

#wd-1 .fa {
    color: #ff9900;
}

#wd-2 .fa {
    color: #ff9900;
}

#wd-3 .fa {
    color: #ff9900;
}

#wd-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#wd-2 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#wd-3 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#plan1-am {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#plan2-am {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#plan3-am {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#plan4-am {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.line-part {
    border-top: 1px solid #e3e3e3;
}

ul {
    list-style: none;
}


/* preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 99;
    /* makes sure it stays on top */
}

.menucolor {color:#000;}
.menuhead{text-align:left; font-size:18px; color:#000}
#menuwidth {width:210px; border-radius:5px;}
#menuwidth1 {left:-340px; border-radius:15px;}
#innerpages {font-size:20px;}
.point_of_sale {margin-top:-46%}
.point_of_sale_form {background-color:rgba(256,256,256,0.86); padding:5px 20px; border-radius:5px;}
#innerpages1 {font-size:26px;text-align:center}

.whyus {font-size:17px; padding-top:10px;font-family: 'Roboto', sans-serif; text-align:center}

#return-to-top {
    position: fixed;
    bottom: 20px;
	z-index:999;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
	left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.righthead{display:block;
    margin-top: -5px !important;


}

	
.learn{color:#990000; }
.learn:hover{color:#F84F4A; }
#gettouch {font-size:72px;}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(../img/logo/logo2.png);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}


/* END / GENERAL STYLE */


/* TOP-BAR */

.today-offer {
    text-align: center !important;
    background-color: #2D1E2F;
}

.today-offer h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding: 0px;
}

.today-offer span {
    font-weight: 500;
}

.top-bar {
    background-color: #122d3e;
    padding: 5px 0;
	height:65px;
}

.top-bar li {
    color: #fff;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    font-size: 12px;
}

.top-bar li:hover {
    color: #ddd;
}

.top-bar ul {
    position: relative;
}

.top-bar a {
    color: #fff;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.top-bar a:hover {
    color:#F62C25;
}

.top-list-right ul {
    position: relative;
    top: 10px;
}

.top-list li {
    padding: 5px;
    display: inline;
    float: left;
    color: #fff;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}

.top-list .fa {
    
    color: #fff;
    
    
    position: relative;
	padding:1px;
    font-size: 14px;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.top-list .fa:hover {
    
    color: #ddd;
}

.top-list-right {
    float: right;
}

.top-list-right li {
    padding: 0 5px;
    display: inline;
    float: right;
    font-size: 12px;
}

.toplist-3:before {
    content: "\f0c0";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #f2f2f2;
}

.toplist-1:before {
    content: "\f086 ";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #f2f2f2;
}

.toplist-2:before {
    content: "\f098";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #f2f2f2;
}

.toplist-2:before {
    content: "\f0e0";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #f2f2f2;
}

.toplist-5:before {
    content: "\f2c6";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #f2f2f2;
}

.top-list-right li .btn {
    float: right;
    bottom: 8px;
    position: relative;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

.top-list-right li .btn:hover {
    background-color: #F62C25;
    color: #fff !important;
}

.top-list-right .btn a:hover {
    color: #777;
}

.top-list-right li .btn:before {
    content: "\f086";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #fff;
}


/*END OF TOPBAR */


/* START OF NAVBAR */

.new {
    color: #fff;
    background-color: #4594BC;
    position: relative;
    font-size: 8px;
    padding: 2px 3px 2px 3px;
    bottom: 2px;
    left: 0px;
    border-radius: 2px;
    letter-spacing: 1px;
}

.dropdown-toggle .fa {
    color: #4594BC;
}

ul.cart-list>li img {
    width: 50px !important;
    height: 50px !important;
}

.before::before {
    content: "\f233";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #4594BC;
}

.before-wd::before {
    content: "\f219";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #4594BC;
}

.dropdown-menu {
    -webkit-animation-duration: .2s !important;
    animation-duration: .2s !important;
}

.navbar-collapse .pulse {
    -webkit-animation-duration: 200ms !important;
    animation-duration: 200ms !important;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.navbar .attr-nav .photo>a {
    color: #fff;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    border-top: 3px solid #4593BC !important;
}

.navbar .col-menu .dedicated li>a:before {
    content: url(../img/megamenu/dedicated.png);
    font-family: FontAwesome;
    margin-right: 10px;
    width: 20px;
}

.navbar .col-menu h6 {
    color: #555;
    font-size: 15px;
    font-weight: 600;
    font-family: Maven Pro;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 18px;
}

.navbar .col-menu h5 {
    text-align: left;
    font-size: 18px;
    color: #444;
    font-weight: 500;
    text-align: left;
    position: relative;
    top: 7px;
}

.navbar .col-menu .tm {
    color: #777;
    font-weight: 500;
    padding-top: 10px;
    font-size: 15px;
}

.navbar .col-menu .skills a {
    color: #444;
    font-size: 15px;
}

.navbar .col-menu b {
    color: #4594BC;
    font-size: 15px;
    font-weight: 800;
}

.navbar .col-menu .btn-outline {
    float: none;
    color: #333;
    border: 1px solid #b2b2b2;
    font-weight: 500;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.navbar .col-menu .btn-outline:hover {
    border: 1px solid #e3e3e3;
}

.nav.navbar-nav.navbar-right {

    margin-top: -25px !important;

}
.nav.navbar-nav.newnav{
	margin-left: 200px !important;
    margin-top: -25px;

}

/*NAVBAR */


/* ============== END OF NAVBAR ============== */


/* ============== SECTIONS / START ============== */


/* red section */

.red-section {
    background: url(../img/other/red-bg.jpg) center;
    padding: 40px 0 40px 0;
    background-attachment: fixed;
}

.red-section h3 {
    color: #fff;
}

.red-section p {
    color: #fff;
    font-size: 15px;
}

.red-section .btn {
    background-color: transparent;
    position: relative;
    border: 1px solid #fff;
    top: 40px;
}

.red-section .btn:hover {
    background-color: #2D1E2F;
    border: 1px solid #2D1E2F;
}


/* red section */


/* on sale */

.on-sale {
    background: url(../img/other/red-bg.jpg) center;
    text-align: center;
    padding: 10px 0;
}

.on-sale h3 {
    color: #fff;
}

.on-sale .btn-2 {
    margin-left: 20px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.on-sale .btn-2:hover {
    background-color: #2D1E2F;
    border: 1px solid #2D1E2F;
}


/* why-tera */

.why-tera {
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #fff;
}

.why-tera .sl1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
}

.why-tera .sl2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
}

.why-tera .sl3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
}

.why-tera .default-title {
    padding-bottom: 30px;
}

.why-tera .wt-1::before {
    content: "\f1ad";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #4594BC;
}

.why-tera .wt-2::before {
    content: "\f233";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #4594BC;
}

.why-tera .wt-3::before {
    content: "\f219";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #4594BC;
}

.why-tera .box {
    margin: 15px;
    border: 0px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(52%, rgba(255, 255, 255, 1)), color-stop(52%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    -webkit-box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
    box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
    transition: 200ms ease-in-out;
    border: 1px solid #e0e0e0;
}

.wt-list {
    display: inline;
    position: relative;
    bottom: 25px;
}

.why-tera .btn-outline {
    border: 1px solid #b2b2b2;
    color: #4594BC;
}

.why-tera .btn {
    position: relative;
    bottom: 10px;
    font-size: 15px;
}

.why-tera .red {
    position: relative;
    left: 10px;
}

.why-tera .btn-2 {
    position: relative;
    bottom: 5px;
}

.wt-list li {
    line-height: 32px;
    color: #2D1E2F;
    font-weight: 500;
    overflow: hidden;
    font-size: 14px;
    margin-left: 5px;
    font-family: Nunito Sans;
}

.why-tera h4 {
    color: #2D1E2F;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    font-family: Maven Pro;
}


/* why-tera 2 */

.why-tera2 {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent
}

.why-tera2 .sl1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.why-tera2 .sl2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.why-tera2 .sl3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.list-position {
    position: relative;
    right: 80px;
}

.why-tera2 .default-title {
    padding-bottom: 30px
}

.why-tera2 .box {
    margin: 0;
    border: 0px solid #e0e0e0;
    border-radius: 5px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.03);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.03)), color-stop(51%, rgba(247, 248, 250, 0.08)), color-stop(100%, rgba(255, 255, 255, 0.03)));
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 50%, rgba(247, 248, 250, 0.08) 51%, rgba(255, 255, 255, 0.08) 100%);
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    border: 1px solid rgba(200, 200, 200, 0.2)
}

.why-tera2 .box:hover {
    -webkit-box-shadow: 0px 30px 78px -24px rgba(0, 0, 0, 0.70);
    box-shadow: 0px 30px 78px -24px rgba(0, 0, 0, 0.70)
}

.wt-list2 {
    display: inline;
    position: relative;
    bottom: 25px
}

.why-tera2 .btn {
    position: relative;
    bottom: 10px;
    color: #fff
}

.why-tera2 .btn-2 {
    position: relative;
    bottom: 5px;
    left: 5px;
    color: #fff
}

.wt-list2 li {
    line-height: 32px;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    font-size: 14px
}

.why-tera2 .wtl-1:before {
    content: "\f2ce ";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-2:before {
    content: "\f0c2  ";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-3:before {
    content: "\f233";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-4:before {
    content: "\f1cd  ";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-5:before {
    content: "\f2db";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-6:before {
    content: "\f0a0";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-7:before {
    content: "\f0ec";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-8:before {
    content: "\f1cd";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-9:before {
    content: "\f1fc";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-10:before {
    content: "\f13b";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-11:before {
    content: "\f121";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 .wtl-12:before {
    content: "\f13c";
    padding: 0 10px 0 0;
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
}

.why-tera2 h4 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    font-family: Maven Pro;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 15px;
}


/* why tera / end */


/* domain */
#button-check {border-radius:5px; width:110px; height:40px;}
.search-bar {
    padding: 30px 0 40px 0;
    background-color: #f7f7f7;
}

.search-bar .btn-2 {
    position: relative;
    left: 5px;
    background-color: #9BBF2A;
    border-radius: 2px;
}

.input-group .form-control {
    -webkit-box-shadow: 0px 0px 54px -18px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 54px -18px rgba(0, 0, 0, 0.39);
    background-color: #fff;
}

.search-bar .default-title {
    padding: 0px 0 20px 0;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control:-moz-placeholder {
    color: #999;
}

.form-control::-moz-placeholder {
    color: #999;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-ms-input-placeholder {
    color: #999;
}

.search-bar .default-title h3 {
    color: #1E3338;
}

.search-bar .bar {
    height: 60px;
}

.search-bar .ltds {
    margin-top: 10px;
    padding-left: 0px;
}

.search-bar .ltds p {
    text-align: left;
    font-weight: 600;
    color: #999;
}

.search-bar .ltds span {
    font-weight: 500;
    font-size: 12px;
}

body .bar {
    color: #999 !important;
}

.sb2 {
    padding: 30px 0 40px 0;
    background: url(../img/other/red-bg.jpg) center;
}

.sb2 .btn-2 {
    position: relative;
    left: 25px;
    background-color: #2D1E2F;
    border-radius: 3px;
}

.sb2 .default-title p {
    color: #fff;
}

.sb2 .form-control {
    -webkit-box-shadow: 0px 0px 54px -18px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 54px -18px rgba(0, 0, 0, 0.39);
    background-color: rgba(255, 255, 255, 0.1);
}

.sb2 .default-title {
    padding: 0px 0 40px 0;
}

.sb2 .form-control::-webkit-input-placeholder {
    color: #fff;
}

.sb2 .form-control:-moz-placeholder {
    color: #fff;
}

.sb2 .form-control::-moz-placeholder {
    color: #fff;
}

.sb2 .form-control:-ms-input-placeholder {
    color: #fff;
}

.sb2 .form-control::-ms-input-placeholder {
    color: #fff;
}

.sb2 .default-title h3 {
    color: #fff;
    font-size: 22px;
}

.sb2 .bar {
    height: 60px;
}

.sb2 .ltds {
    margin-top: 10px;
    padding-left: 0px;
}

.sb2 .ltds p {
    text-align: left;
    font-weight: 600;
    color: #fff;
}

body .bar {
    color: #fff !important;
}


/* domain */

.trng {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 50px 0 50px;
    border-color: #fff transparent transparent transparent;
    margin: 0 auto;
}

.trng-bg {
    background-color: #f7f7f7;
}

.trng-hp {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 50px 0 50px;
    border-color: #291B2B transparent transparent transparent;
    margin: 0 auto;
}

.trng-bg-pricing {
    background-color: transparent;
}

.trng-pricing {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 0 20px;
    border-color: #4594BC transparent transparent transparent;
    margin: 0 auto;
}

.trng-df {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 50px 0 50px;
    border-color: #f7f7f7 transparent transparent transparent;
    margin: 0 auto;
}

.for-df {
    background-color: #fff;
}


/* hosting parts */

#hosting-parts .part1 {
    color: #fff;
    height: 515px;
    background-color: #291B2B;
    padding: 75px 65px;
    text-align: left;
    position: relative;
    word-wrap: break-word;
}

#hosting-parts .part1 .container {
    position: relative;
    left: 300px;
}

#hosting-parts .part1 .row {
    position: relative;
    bottom: 0px;
}

#hosting-parts .part1 .btn-outline {
    color: #fff;
    border: 1px solid #fff;
    margin-right: 20px;
}

#hosting-parts .part1 h6 {
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    font-family: Maven Pro;
}

#hosting-parts .part1 p {
    font-size: 15px;
}

#hosting-parts .part1 ul {
    display: inline;
    position: relative;
    bottom: 10px;
}

#hosting-parts .part1 li {
    line-height: 35px;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}

#hosting-parts .part1 #part2-sp {
    font-weight: 700;
    color: #ededed;
    font-size: 15px;
}

#hosting-parts .part1 h3 {
    font-size: 13px;
    text-align: center;
    font-family: Nunito Sans;
    font-weight: 500;
}

#hosting-parts .part1 .fa {
    padding: 13px 0 0 30px;
    position: relative;
    top: 5px;
    color: #fff;
    font-size: 25px;
}

#hosting-parts .part1 .btn {
    margin-top: 25px;
    padding: 10px;
}

#hosting-parts .part1 li:before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #fff;
}

#hosting-parts .part2 {
    color: #fff;
    height: 515px;
    background-color: #2D1E2F;
    padding: 75px 65px;
}

#hosting-parts .part2 h6 {
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    font-family: Maven Pro;
}

#hosting-parts .part2 p {
    font-size: 15px;
}

#hosting-parts .part2 ul {
    display: inline;
    position: relative;
    bottom: 10px;
}

#hosting-parts .part2 li {
    line-height: 35px;
    font-weight: 400;
    font-size: 15px;
}

#hosting-parts .part2 #part2-sp {
    font-weight: 700;
    color: #ededed;
    font-size: 15px;
}

#hosting-parts .part2 li:before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #fff;
}

#hosting-parts h2 {
    font-size: 14px;
    font-weight: 800;
    position: relative;
    bottom: 15px;
    color: #fff;
}

#hosting-parts .part2 h3 {
    font-size: 13px;
    text-align: center;
    font-family: Nunito Sans;
    font-weight: 500;
}

#hosting-parts .part2 .fa {
    padding: 13px 0 0 30px;
    position: relative;
    top: 5px;
    color: #fff;
    font-size: 25px;
}

#hosting-parts .part2 .hs-1,
#hosting-parts .part2 .hs-2,
#hosting-parts .part2 .hs-3 {
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

#hosting-parts .hs-1 {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    background-color: rgba(200, 200, 200, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 1px;
    width: 120px;
    height: 100px;
    margin: 10px;
    transition: 300ms ease-in-out;
}
#hosting-parts .hs-1:hover {
    background-color: #271A28;
}
#hosting-parts .hs-2 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    background-color: rgba(200, 200, 200, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 1px;
    width: 120px;
    height: 100px;
    margin: 10px;
    transition: 300ms ease-in-out;
}
#hosting-parts .hs-2:hover {
    background-color: #271A28;
}
#hosting-parts .hs-3 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    background-color: rgba(200, 200, 200, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 1px;
    width: 120px;
    height: 100px;
    margin: 10px;
    transition: 300ms ease-in-out;
}
#hosting-parts .hs-3:hover {
    background-color: #271A28;
}
#hosting .hs-1 {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
}

#hosting .hs-2 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
}

#hosting .hs-3 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
}

.cloud-box h3 {
    width: 130px;
    height: 110px;
    border: 1px solid #ededed;
    text-align: center;
    color: #fff;
    padding-top: 70px;
    font-size: 20px;
    border-radius: 3px;
}

.cloud-box .fa {
    position: relative;
    top: 40px;
    color: #25d80d;
    left: 45px;
}

.hosting-text {
    padding-top: 0px;
}

#hosting img {
    position: relative;
    top: 30px;
}

#hosting h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    padding-top: 0px;
}

#hosting p {
    font-size: 15px;
    color: #fff;
}

#hosting ul li {
    font-weight: 600;
    line-height: 30px;
    position: relative;
    right: 50px;
    color: #fff;
    font-size: 17px;
}

#hosting ul li::before {
    content: url(../img/icons/checked.html);
    padding: 7px;
}


/* hosting parts end */

.list-part {
    padding: 30px 0;
}

.pl-1 {
    border-right: 1px solid #e0e0e0;
}

.pl-1 .fa {
    color: #4594BC;
}

.pl-2 .fa {
    color: #4594BC;
}

.list-part .text {
    position: relative;
    left: 20px;
}

.list-part .fa {
    border: 1px solid #e0e0e0;
    padding: 13px;
    margin: 8px 25px;
    width: 55px;
    height: 55px;
}

.list-part span {
    font-weight: 400;
}

.list-part .text-content {
    overflow: hidden;
}

.list-part h4 {
    font-weight: 700;
}

.list-part p {
    overflow: hidden;
    color: #888;
}

.list-part img {
    margin: 30px auto;
    width: 470px;
}

/* df media / start here */

.df-media-3 {
    padding: 30px 0 40px 0;
    background-color: #fff;
}

.df-media-3 p {
	font-size:16px;
    overflow: hidden;
}

.df-media-3 ul {
    display: inline;
}

.df-media-3 li {
    font-size: 15px;
    color: #000;
	font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
}

.whyicon {color:#F62C25; font-size:16px;}

.df-media-3 .buttons .red {
    margin-left: 15px;
}

.df-media-3 .buttons .btn-2 {
    margin-left: 10px;
}

.df-media-3 .df3-1::before {
    content: "\f1cd ";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
    font-size: 17px;
}
.df-media-3 .df3-2::before {
    content: "\f219  ";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
    font-size: 17px;
}
.df-media-3 .df3-3::before {
    content: "\f0d6 ";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
    font-size: 17px;
}
.df-media-3 .df3-4::before {
    content: "\f135";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
    font-size: 17px;
}
.df-media-3 .df3-5::before {
    content: "\f19a ";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
    font-size: 17px;
}
.df-media-3 .df3-6::before {
    content: "\f1de ";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
    font-size: 17px;
}

/* df media 3 / end */

#df-media2 {
    padding: 50px 0 50px 0;
    background-color: #fff;
}

#df-media2 ul {
    padding: 15px 0 0px 0;
}

#df-media2 .btn-2 {
    margin-top: 10px;
    margin-right: 10px;
}

#df-media2 img {
    max-width: 100%;
}

#df-media2 li {
    font-size: 16px;
    color: #666;
    line-height: 35px;
}

#df-media2 li::before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
}

#df-media2 .default-title h3 {
    text-align: left;
    color: #1E3338;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
}

#df-media2 .default-title span {
    color: #1E3338;
    font-weight: 800;
    font-size: 30px;
}

#df-media2 .title h2 {
    color: #3F3F3F;
    font-weight: 600;
    font-size: 20px;
    font-family: Nunito Sans;
}

#df-media2 span {
    color: #cc5f12;
    font-weight: 800;
    font-size: 22px;
}

#df-media .btn-2 {
    margin-top: 10px;
    margin-right: 10px;
}

#df-media {
    padding: 50px 0 50px 0;
    background-color: #f7f7f7;
}

#df-media .title h2 {
    color: #3F3F3F;
    font-weight: 600;
    font-size: 20px;
    font-family: Nunito Sans;
}

#df-media span {
    color: #cc5f12;
    font-weight: 800;
    font-size: 22px;
}

#df-media .default-title h3 {
    text-align: left;
    color: #1E3338;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
}

#df-media .default-title span {
    color: #1E3338;
    font-size: 30px;
}

#df-media ul {
    padding: 15px 0 0 0;
}

#df-media li {
    font-size: 16px;
    color: #666;
    line-height: 35px;
}

#df-media li::before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #4594BC;
}


/* df media end */


/* section 05 */

#section-05 {
    padding: 20px 0 30px 0;
    text-align: center;
    }

.section-05-box {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    width: 250px;
    height: auto;
    margin: 20px;
    border-bottom: 5px solid #4593BC;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    border-radius: 5px;
    -webkit-box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
    box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
}

.section-05-box:hover {
    -webkit-box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.99);
    box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.99);
}

#section-05 .container {
    max-width: 1280px;
    position: relative;
    left: 10px;
}

#section-05 .fa {
    background: rgba(69, 148, 188, 1);
    background: -moz-linear-gradient(-45deg, rgba(69, 148, 188, 1) 0%, rgba(235, 40, 33, 1) 51%, rgba(69, 148, 188, 1) 51%, rgba(69, 148, 188, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(69, 148, 188, 1)), color-stop(51%, rgba(235, 40, 33, 1)), color-stop(51%, rgba(69, 148, 188, 1)), color-stop(100%, rgba(69, 148, 188, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(69, 148, 188, 1) 0%, rgba(69, 148, 188, 1) 51%, rgba(69, 148, 188, 1) 51%, rgba(69, 148, 188, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(69, 148, 188, 1) 0%, rgba(235, 40, 33, 1) 51%, rgba(69, 148, 188, 1) 51%, rgba(69, 148, 188, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(69, 148, 188, 1) 0%, rgba(235, 40, 33, 1) 51%, rgba(69, 148, 188, 1) 51%, rgba(69, 148, 188, 1) 100%);
    background: linear-gradient(135deg, rgba(69, 148, 188, 1) 0%, rgba(69, 148, 188, 1) 51%, rgba(69, 148, 188, 1) 51%, rgba(69, 148, 188, 1) 100%);
    padding-right: -2px;
    padding-top: 19px;
    border-radius: 35px;
    width: 70px;
    height: 70px;
    font-size: 29px;
    color: #fff;
    margin-top: 15px;
    border: 0px solid #fff;
}

#section-05 h3 {
    color: #1E3338;
    padding: 10px 0 0px;
    font-weight: 700;
    font-size: 16px;
}

#section-05 .default-title h3 {
    font-weight: 800;
    font-size: 28px;
    color: #1E3338;
    text-transform: uppercase;
}

#section-05 h4 {
    color: #000;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 10px;
}


/* section 05 end */


/* big boxes cloud */

.big-boxes-cloud img {
    margin: 40px auto;
    max-width: 105px;
}

.big-boxes-cloud .btn {
    color: #fff;
    border: 1px solid #fff;
}

.big-boxes-cloud {
    padding: 30px 0 80px 0;
    text-align: center;
    border-top: 1px solid #e3e3e3;
    background-size: cover;
    background-attachment: fixed;
}

.big-boxes-cloud h4 {
    font-size: 16px;
}

.big-boxes-cloud h5 {
    font-weight: 600;
    font-size: 21px;
    font-family: Maven Pro;
    text-transform: uppercase;
}

.big-boxes-cloud .default-title {
    padding-bottom: 30px;
}

.big-boxes-cloud h3 {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

.big-boxes-cloud p {
    font-size: 14px;
    color: #ededed;
    padding: 0 20px 0 20px;
    font-weight: 400;
}

.big-boxes-cloud .big-boxes1 {
    background-color: #2D1E2F;
    color: #fff;
    padding: 30px 0 30px 0;
    border-radius: 0;
}

.big-boxes-cloud .big-boxes3 {
    background-color: #EAEAEA;
    color: #2D4042;
    padding: 30px 0 30px 0;
    border-radius: 0;
}

.big-boxes-cloud .big-boxes2 {
    background-color: #312333;
    color: #fff;
    padding: 30px 0 30px 0;
    border-radius: 0;
}

.big-boxes-cloud .big-boxes3 p {
    color: #2D4042;
}

.big-boxes-cloud .fa {
    color: #fff;
    font-size: 80px;
    padding: 20px 0 20px 0;
}

.big-boxes-cloud .big-boxes2 .btn {
    color: #fff;
    border: 1px solid #888;
}

.big-boxes-cloud .big-boxes3 .btn {
    color: #2D4042;
    border: 1px solid #2D4042;
}

.big-boxes-cloud .big-boxes2 .btn:hover {
    color: #fff;
    border: 0px;
}

.big-boxes-cloud .big-boxes2 p {
    color: #fff;
}


/* big boxes cloud end */


/* section-dd-ft */

.section-dd-ft {
    padding: 30px 0 30px 0;
	height:auto;
    background: url(../img/other/red-bg.jpg) center;
}

.section-dd-ft .text {
    overflow: hidden;
}

.section-dd-ft h3 {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.section-dd-ft .fa {
    position: relative;
    color: #fff;
    padding: 18px 20px 0 0px;
    border-radius: 40px;
    font-size: 30px;
}

.section-dd-ft p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
	font-family: 'Roboto', sans-serif;
}

.section-dd-ft2 {
    padding: 50px 0 50px 0;
    border-bottom: 0px solid #e0e0e0;
    background-color: #f7f7f7;
    text-align: center;
}

.section-dd-ft2 .text {
    overflow: hidden;
}

.section-dd-ft2 h3 {
    font-weight: 700;
    color: #1E3338;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Maven Pro;
}

.section-dd-ft2 .fa {
    position: relative;
    color: #4594BC;
    font-size: 50px;
}

.section-dd-ft2 h5 {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 20px;
}


/* section dd ft end */


/* parallax effect */

.parallax {
    height: 450px;
}

.parallax .text {
    position: relative;
    top: 70px;
}

.parallax .text h3 {
    font-size: 42px;
    padding: 0px 0 10px 0;
    font-weight: 700;
    color: #fff;
}

.parallax .text h4 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    padding: 25px 0;
}

.parallax .btn {
    border-radius: 15px;
}


.contact_us {border:1px #ccc solid; margin-top:130px; box-shadow: 3px 5px 5px #E0E0E0;}

/* parallax effect end */


/* testimonials & faq */


/* TESTIMONIALS */


/* carousel */

#testimonials-slide {
    padding: 30px 0 30px 0;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px 0px 0px;
}

#testimonials-slide h2 {
    color: #3c5a68;
    font-weight: 800;
    font-size: 35px;
    position: relative;
    bottom: 25px;
}


#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#quote-carousel .carousel-control.left {
    left: -50px;
    color: #4594BC;
    opacity: 1;
}

#quote-carousel .carousel-control.right {
    right: -70px !important;
    color: #4594BC;
    opacity: 1;
}

#quote-carousel .carousel-indicators {
    right: 80%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
    background: #888;
}

.item blockquote {
    border-left: none;
    text-align: left;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote h5 {
    font-size: 16px;
    font-weight: 400;
    color: #5c6b72;
    line-height: 28px;
}

.item blockquote h6 {
    color: #9C0808;
    font-weight: 800;
    font-size: 14px;
    padding-top: 25px;
    word-spacing: 0px;
    letter-spacing: 1px;
	font-family: 'Roboto', sans-serif;
	
}

.item blockquote h5:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.port { background-image:url(../img/portfolio1/portfolio-background.png)}

@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
	.port { background-image:url(../img/portfolio1/portfolio-background.png);
	display:none;}
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	.contact_us {border:1px #ccc solid; margin-top:10px; box-shadow: 3px 5px 5px #E0E0E0;}
}


/* Testimonials */

.testimonials blockquote {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: medium none;
    color: #ededed;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 15px;
    position: relative;
    border-radius: 50px 50px 0px 50px;
    -moz-border-radius: 50px 50px 0px 50px;
    -webkit-border-radius: 20px 20px 0px 20px;
    border: 1px solid #555;
    font-style: italic;
}

.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 45px !important;
    height: 90px;
    padding: 3px;
    width: 90px;
}

.testimonials .carousel-info {
    overflow: hidden;
}

.testimonials .carousel-info img {
    margin-right: 15px;
}

.testimonials .carousel-info span {
    display: block;
}

.testimonials span.testimonials-name {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    margin: 23px 0 7px;
}

.testimonials span.testimonials-post {
    color: #b2b2b2;
    font-size: 14px;
}

#testimonials-all {
    padding: 50px 0 80px 0;
    background: url(../img/other/testimonials.jpg) center;
    background-attachment: fixed;
}

#testimonials-all .universal-header {
    text-align: center;
    padding: 0px 0 30px 0;
}

#testimonials-all .universal-header h1 {
    font-size: 35px;
    color: #e3e3e3;
    font-weight: 800;
}

#testimonials-all blockquote p {
    color: #e3e3e3;
    font-size: 15px;
    font-weight: 400;
}

.wp-header2 {
    text-align: center;
    padding: 50px 200px 0 200px;
}

.wp-header2 h1 {
    color: #fff;
    font-weight: 800;
    font-size: 40px;
}

.wp-header2 p {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

.faq {
    padding: 0px 0 30px 0;
    text-align: left;
    background-color: #fcfcfc;
    border-top: 1px solid #e7e7e7;
}

.faq .default-title {
    padding: 20px 0;
}

.faq .box {
    margin: 10px;
    border-radius: 4px;
    max-height: auto;
    height: 180px;
    padding: 10px;
    background-color: #fff;
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.20);
}

.faq .box:hover {
    -webkit-box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.70);
    box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.70);
}

.faq h3 {
    color: #1E3338;
    font-size: 17px;
    font-weight: 600;
}

.faq p {
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 500;
    color: #757c87;
}

.faq-text {
    margin: 0px;
}

.faq .faq-cf {
    padding: 0 100px;
}


/* testimonials and faq end */


/*  ========== HEADERS AND SLIDERS ============ */

.cloud {
    background: url(../img/headers/cloud.jpg) center !important;
    background-size: cover !important;
}

.cloud .btn {
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.cloud .btn:hover {
    background-color: #fff;
    color: #333;
}

.default-page-header {
    height: auto;
    padding-bottom: 100px;
    background: url(../img/headers/dedicated.jpg) center;
    background-size: cover;
}

.default-page-header h2 {
    font-size: 30px;
    font-weight: 600;
    padding-top: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: Maven Pro;
    text-align: center
}

.default-page-header h3 {
    font-weight: 500;
    position: relative;
    bottom: 13px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px
}

.default-page-header ul {
    display: inline;
    position: relative;
    bottom: 15px
}

.default-page-header li {
    line-height: 33px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.default-page-header li::before {
    content: "\f067";
    padding: 0 10px 0 0;
    color: #2acc18;
    font-family: FontAwesome
}

.default-page-header .button {
    margin-top: 10px
}

.header-simple {
    background-size: cover;
    height: 200px;
    background: url(../img/headers/header1.jpg) center;
    background-size: cover;
}

.header-simple h2 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-top: 30px;
}

.header-simple p {
    color: #ededed;
    font-size: 14px;
}

#web-header2 {
    padding: 0px;
    margin: 0px;
    border-bottom: 2px solid #e8e8e8;
    border-top: 2px solid #e8e8e8;
    padding: 10px;
    position: relative;
    right: 50px;
}

.web-header {
    height: 470px;
    background-position: center
}

.web-header p {
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #fff;
    font-weight: 400;
    padding: 15px 0 15px 0;
    font-family: Nunito Sans;
}

.web-header .btn {
    color: #fff;
    background-color: #4594BC;
}

.web-header .box-container {
    position: relative;
    top: 90px;
    border-radius: 4px;
    padding: 15px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background-color: rgba(45, 30, 47, 0.6);
    -webkit-box-shadow: 0px 0px 49px -15px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 49px -15px rgba(0, 0, 0, 0.6);
    border-top: 5px solid #4594BC;
}

.web-header .btn-2 {
    color: #fff !important;
}

.web-header .btn-2:hover {
    background-color: #333;
}

.web-header .box-container h2 {
    font-weight: 700;
    font-size: 30;
    color: #fff;
    font-family: Maven Pro;
    text-transform: uppercase;
}

.web-header .box-container h3 {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    display: inline;
    position: relative;
    top: 20px;
    text-transform: uppercase;
}


/*  ========== HEADERS AND SLIDERS / END HERE ============ */


/* ===== OTHER SECTIONS ===== */


/* media code */

.media-code-1 {
    background-color: #fff;
}

.for-index {
    background: url(../img/images/fixed2.html) center;
    background-attachment: fixed;
}

.media-code-1 h2 {
    color: #1E3338;
    font-weight: 800;
    font-size: 26px;
}

.media-code-1 .btn-2 {
    position: relative;
    margin-left: 10px;
}

.media-code-1 p {
    color: #6c6c6d;
    font-size: 16px;
    padding-top: 20px;
    font-weight: 400;
}

.media-code-1 {
    padding: 40px 0 40px 0;
}

.media-code-1 .fa {
    color: #16cc06;
}

.media-code-1 .wp-text p {
    position: relative;
    bottom: 5px;
}

.media-code-1 .wp-con1 p {
    position: relative;
    bottom: 5px;
}

.media-code-2 {
    background-color: #f7f7f7;
    padding: 40px 0 40px 0;
}

.media-code-2 .red {
    margin-right: 10px !important;
}

.media-code-2 h2 {
    color: #2D1E2F;
    font-size: 25px;
    font-weight: 800;
}

.media-code-2 p {
    color: #6c6c6d;
    font-size: 16px;
    padding-top: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}

.media-code-2 .fa {
    color: #16cc06;
}

.media-code-2 .wp-text p {
    position: relative;
    bottom: 5px;
}

.media-code-2 .wp-con1 p {
    position: relative;
    bottom: 5px;
}


/* media code end */


/* features - list */

#features-list {
    padding: 0px 0 30px 0;
    background-color: #f7f7f7;
}

#features-list .default-title {
    padding: 25px 0 30px 0;
}

#features-list .fa {
    color: #12ba0d;
    font-size: 17px;
    padding-top: 3px;
}

#features-list ul {
    position: relative;
}

#features-list li {
    font-size: 16px;
    font-weight: 400;
    color: #777;
    line-height: 35px;
}

#features-list li::before {
    content: "\f067";
    padding: 0 10px 0 0;
    color: #4594BC;
    font-family: FontAwesome;
}

#features-list .universal-title h1 {
    font-size: 35px;
}


/* features list / end here */


/* pricing tables */


/* Pricing Table new */

.roomy-50 {
    padding: 50px 0px;
}

.p-top-100 {
    padding: 100px;
}

.bg-red small {
    color: #fff;
}


/* ======= PRICING ======= */

.new-pricing h2 {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    padding: 13px 0 !important;
}

.new-pricing .bg-red h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 13px 0 !important;
}

.new-pricing h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    font-family: Maven Pro;
    margin-top: 7px;
    padding-bottom: 7px;
}

.new-pricing h2 {
    font-weight: 600;
    font-family: Maven Pro;
    font-size: 30px;
}

.pricing-n2 {
    background: #fff;
}

.new-pricing .btn,
.new-pricing .navbar>li>a.btn {
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 12px 30px;
    margin: 10px 1px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.new-pricing .btn {
    border-radius: 30px;
}


/* btn-danger */

.new-pricing .btn.btn-danger {
    color: #FFFFFF;
    background-color: #f44336;
    border-color: #f44336;
    box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
}

.new-pricing .btn.btn-danger:focus,
.new-pricing .btn.btn-danger:active,
.new-pricing .btn.btn-danger:hover {
    box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}


/* btn-success */

.new-pricing .btn.btn-success {
    color: #FFFFFF;
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
}

.new-pricing .btn.btn-success:focus,
.new-pricing .btn.btn-success:active,
.new-pricing .btn.btn-success:hover {
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}


/* btn-white */

.new-pricing .btn.btn-white {
    color: #3C4857;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.new-pricing .btn.btn-white:focus,
.new-pricing .btn.btn-white:active,
.new-pricing .btn.btn-white:hover {
    box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(255, 255, 255, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2)
}

.new-pricing .bs {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 6px;
    color: #444;
    -webkit-box-shadow: 0px 2px 9px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 2px 9px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 9px -3px rgba(0, 0, 0, 0.5);
}

.new-pricing .bs.bs-background-img {
    background: url(images/pricing-bg-image.html) no-repeat center center;
    background-size: cover;
    position: relative;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 1s;
}

.new-pricing .bs.bs-background-img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.new-pricing .bs-background-img,
.new-pricing .bs-background-img h1 small {
    color: #fff;
}

.bg-red {
    background-color: #f44336 !important;
}

.new-pricing .bg-red,
.new-pricing .bg-red h1 small {
    color: #fff;
}

.new-pricing .bs-background-img:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: bs;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.56);
    border-radius: 6px;
}

.new-pricing .pricing-n2 {
    text-align: center;
    position: relative;
    background-color: #f5f5f5;
    border-top: 6px solid #f44336;
}

.new-pricing .pricing-n2 .bs-caption {
    margin-top: 0px;
}

.new-pricing .pricing-n2 .cotent {
    padding: 15px;
    margin-bottom: 0px;
    z-index: 2;
    position: relative;
}

.new-pricing .pricing-n2 ul {
    list-style: none;
    padding: 0;
    margin: 10px auto;
}

.new-pricing .pricing-n2 ul li {
    text-align: center;
    padding: 12px 0;
}

.new-pricing .pricing-n2 ul:not(.nav-pills) li {
    border-bottom: 1px solid rgba(153, 153, 153, 0.1);
}


/* Pricing Table New / end */


/* default plans */

.default-plans {
    padding: 20px 0 60px 0;
}

.default-pricing {
    background-color: #fff;
}

.default-plans .default-title {
    padding: 0px 0 28px 0;
}

.pricingTable>.pricingContent>ul>li:before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #14cc10;
}

.pricingTable>.pricingContent>ul>.uncheck:before {
    content: "\f00d";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #14cc10;
}

.pricingTable {
    text-align: center;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding-top: 0px;
    border-radius: 4px;
    transition: 300ms ease-in-out;
    -webkit-box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
    box-shadow: -1px 4px 15px -7px rgba(0, 0, 0, 0.66);
}

.pricingTable:hover {
    -webkit-box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.40);
    box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.40);
}

.pricingTable>.pricingTable-header {
    color: #fff;
    height: 170px;
    background-color: #fff;
	border-bottom:5px solid #62CE72;
    position: relative;
}

.pricingTable-header>.heading {
    display: block;
    padding: 8px 0;
    background-color: #4594BC;
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.pricingTable-header h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

.pricingTable-header>.price-value {
    display: block;
    font-size: 35px;
    line-height: 25px;
    padding-top: 30px;
    font-weight: 800;
    color: #000;
}

.pricingTable-header>.price-value>.mo {
    font-size: 16px;
    display: block;
    line-height: 20px;
	margin:10px 0px;
    text-transform: normal;
    font-weight: 400;
}

.pricingTable-header .discount {
    font-size: 13px;
    font-weight: 500;
    text-decoration: line-through;
}

.pricingTable-header>.price-value>.currency {
    font-size: 34px;
    margin-right: 10px;
    position: relative;
    bottom: 0px;
}

.pricingTable>.pricingContent {
    text-transform: normal;
    color: #fff
}

.pricingTable>.pricingContent>ul {
    list-style: none;
    padding: 0;
}

.pricingTable>.pricingContent>ul>li {
    padding: 15px 15px;
    border-bottom: 1px solid #e3e3e3;
    color: #555;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
}

.pricingTable>.pricingContent>ul>li:last-child {
    border-bottom: 1px solid #e3e3e3;
}

.pricingTable-sign-up {
    padding: 8px 0 16px 0;
}

.pricingTable-sign-up>.btn-block {
    width: 90%;
    margin: 0 auto;
    background-color: #f0f0f0;
    border: 0 solid #e9e9e9;
    color: #666;
    padding: 8px 8px;
    text-transform: uppercase;
    font-size: 15x;
    font-weight: 600;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.pricingTable-sign-up>.btn-block:hover {
    background-color: #38c138;
    color: #fff;
}

.pink {
    background: #ed687c;
}

.pink .pricingTable-header:after {
    border-bottom-color: #ed687c;
}

.orange {
    background: #e67e22;
}

.orange .pricingTable-header:after {
    border-bottom-color: #e67e22;
}

.blue {
    background: #e67e22;
}

.blue .pricingTable-header:after {
    border-bottom-color: #e67e22;
}

@media screen and (max-width: 1200px) {
    .pricingTable>.pricingTable-header:after {
        border-left: 215px solid transparent;
    }
}

@media screen and (max-width: 990px) {
    .pricingTable {
        margin-bottom: 20px;
    }
    .pricingTable>.pricingTable-header:after {
        border-left: 349px solid transparent;
    }
}

@media screen and (max-width: 480px) {
    .pricingTable {
        overflow: hidden;
    }
    .pricingTable>.pricingTable-header:after {
        border-left: 459px solid rgba(0, 0, 0, 0);
    }
}


/* default plans */


/*============ FOOTER ==========*/

footer {
	background-image:url(../img/background.jpg);
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
}

.partners {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(200, 200, 200, 0.08);
    margin-bottom: 50px;
}

.partners img {
    opacity: 0.7;
}

.footer-fluid {
    padding: 0 200px;
}

.title-widget {
    color: #ededed;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    margin-top: 0;
    margin-right: 0;
	text-align:left;
    margin-bottom: 25px;
    margin-left: 0;
    padding-left: 0px;
}

.title-widget::before {
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: -2px;
    width: 5px;
}

.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}

.widget-container a {
    color: #ddd;
	font-family: 'Roboto', sans-serif;
}

.widget-container a:hover {
    color: #F62C25;
}

.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    margin-bottom: 7px;
    padding-bottom: 7px;
    width: 100%;
}

.title-median {
    color: #ddd;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
}

footer p {
    color: #ddd;
    font-size: 14px;
    word-wrap: break-word;
}

.nomargin {
    margin: 0px;
    padding: 0px;
}

.footer-bottom {
    background-color: #1A1615;
    min-height: 40px;
    width: 100%;
}

.copyright {
    color: #fff;
    padding-top: 13px;
    font-size: 14px;
	text-align:right
}

.policy {
    color: #fff;
    padding-top: 13px;
    font-size: 14px;
	text-align:left
}

.design {
    color: #fff;
    padding-top: 13px;
    text-align: right;
    font-size: 12px;
}

.design a {
    color: #fff;
}


/*=============== END / FOOTER ====================*/


/* slider */

.slider-version .main-container {
    padding: 0;
}

.slider-version .btn-outline {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 16px;
}

.slider-version .btn-2 {
    color: #fff;
    border: 0px;
    top: 7px;
    border-radius: 5px;
    font-size: 16px;
}

.slider-version .btn-outline:hover {
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
}

.slider-list {
    display: inline;
    position: relative;
    bottom: 10px;
    right: 14px;
    margin-top: 10px;
}

.carousel-inner ul {
    margin-top: 50px;
}

.slider-list .l1 {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.slider-list .l2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.slider-list .l3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.slider-list li {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    font-weight: 400;
}

.slider-list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #fff;
    font-size: 13px;
}

.slider-version .slide1 p,
.slider-version .slide2 p,
.slider-version .slide3 p,
.slider-version .slide4 p,
.slider-version .slide5 p {
    color: #000;
}

.slider-version .slide1 h3,
.slider-version .slide2 h3,
.slider-version .slide3 h3,
.slider-version .slide4 h3,
.slider-version .slide5 h3 {
    color: #2E2E2E;
    font-size: 47px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    padding: 0px !important;
    
}

.slider-version .slide1 .text-left,
.slider-version .slide2 .text-left,
.slider-version .slide3 .text-left,
.slider-version .slide5 .text-left {
    margin-right: 0px;
}

.slider-version .slide1 span,
.slider-version .slide2 span,
.slider-version .slide3 span,
.slider-version .slide4 span,
.slider-version .slide5 span {
    color: #0056b3;
}

.slider-version .slide1 h4,
.slider-version .slide2 h4,
.slider-version .slide3 h4,
.slider-version .slide4 h4, 
.slider-version .slide5 h4{
    color: #000;
    font-size: 20px;

	line-height:1.8;
    font-weight: 500;
    font-family:  'Roboto', sans-serif;
    margin: 0px;
    padding-bottom: 16px;
    position: relative;
    bottom: 5px;
}

.slider-version .btn-2:hover {
    background-color: #555;
    color: #fff;
}

.slider-version .btn-2 {
    position: relative;
    left: 15px;
}

.slider-list .l1 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.slider-list .l2 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.slider-list .l3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.h3-animation {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.h4-animation {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.slider-version .slide1 .text-left,
.slider-version .slide3 .text-left {
    padding-left: 0px;
}

.slider-version .carousel-indicators {
    bottom: 0;
}

.slider-version .carousel-control.right,
.slider-version .carousel-control.left {
    background-image: none;
}

.slider-version .carousel .item {
    height: 100%;
    width: 100%;
    min-height: 530px;
}

.slider-version a:hover {
    color: #fff;
}

.carousel-inner .item .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.slider-version h3 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.slider-version h4 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.slider-version h2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slider-version .carousel-control {
    width: 6%;
    text-shadow: none;
}

.slider-version h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
}

.slider-version .p {
    padding-top: 125px;
    text-align: center;
}

.slider-version .p a {
    text-decoration: underline;
}

.slider-version .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255, .4);
    border: none;
}

.slider-version .carousel-indicators .active {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: none;
}

.slider-version .carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.slider-version .carousel-fade .carousel-inner .item,
.slider-version .carousel-fade .carousel-inner .active.left,
.slider-version .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.slider-version .carousel-fade .carousel-inner .active,
.slider-version .carousel-fade .carousel-inner .next.left,
.slider-version .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.slider-version .carousel-fade .carousel-inner .next,
.slider-version .carousel-fade .carousel-inner .prev,
.slider-version .carousel-fade .carousel-inner .active.left,
.slider-version .carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slider-version .carousel-fade .carousel-control {
    z-index: 2;
}

.slider-version .carousel-control .fa-angle-right,
.slider-version .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.slider-version .carousel-control .fa-angle-left {
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 23px;
    color: #fff;
    border-radius: 53px;
}

.slider-version .carousel-control .fa-angle-right {
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 23px;
    color: #fff;
    border-radius: 53px;
}

.slider-version .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}


/********************************/


/*       Slides backgrounds     */


/********************************/

.slider-version .slide1 .slide-offer {
    position: absolute;
    color: #fff;
    background-color: #35ba0d;
    top: 290px;
    left: 360px;
    text-align: center;
    padding: 10px;
    width: 120px;
    height: 120px;
    border-radius: 62px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    z-index: 2;
}

.slider-version .slide1 h6 {
    font-size: 15px;
    position: relative;
    top: 45px;
    left: 3px;
}

.slider-version .slide1 h6:before {
    content: "\f0c2 ";
    font-family: FontAwesome;
    font-size: 38px;
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 28px;
}

.slider-version .slide2 .slide-offer2 {
    position: absolute;
    color: #fff;
    background-color: #333;
    top: 30px;
    left: 390px;
    text-align: center;
    padding: 10px;
    width: 120px;
    height: 120px;
    border-radius: 62px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.slider-version .slide2 h6 {
    font-size: 15px;
    position: relative;
    top: 45px;
    left: 3px;
}

.slider-version .slide2 h6:before {
    content: "\f0a0";
    font-family: FontAwesome;
    font-size: 38px;
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 30px;
}

.slider-version .slide3 .slide-offer3 {
    position: absolute;
    color: #fff;
    background-color: #35ba0d;
    top: 80px;
    left: 400px;
    text-align: center;
    padding: 10px;
    width: 120px;
    height: 120px;
    border-radius: 62px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.slider-version .slide3 h6 {
    font-size: 15px;
    position: relative;
    top: 45px;
    left: 3px;
}

.slider-version .slide3 h6:before {
    content: "\f0c2 ";
    font-family: FontAwesome;
    font-size: 38px;
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 28px;
}

.slider-version .slide5 .slide-offer3 {
    position: absolute;
    color: #fff;
    background-color: #35ba0d;
    top: 80px;
    left: 400px;
    text-align: center;
    padding: 10px;
    width: 120px;
    height: 120px;
    border-radius: 62px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.slider-version .slide5 h6 {
    font-size: 15px;
    position: relative;
    top: 45px;
    left: 3px;
}

.slider-version .slide5 h6:before {
    content: "\f0c2 ";
    font-family: FontAwesome;
    font-size: 38px;
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 28px;
}

.slider-version .slide1 {
    background:url(../img/sliders/inqpos.jpg) center;
    background-size: cover;
}

.slider-version .slide2 {
    background:url(../img/sliders/payroll_1.jpg) center;
    background-size: cover;
}

.slider-version .slide3 {
    background: url(../img/sliders/customize_development.jpg) center;
    background-size: cover;
}

.slider-version .slide4 {
    background-size: cover;
}
.slider-version .slide5 {
    background:url(../img/sliders/digitalmedia.jpg) center;
    background-size: cover;
    opacity: 0.7;
}


/* slider */

.shadows {
    text-align: center;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #e3e3e3;
}

.shadows .p {
    border-top: 1px solid #e3e3e3;
}

.shadows p {
    color: #999;
    padding: 10px 8px 5px 8px;
}

.shadows h4 {
    color: #657882;
    font-weight: 500;
    font-family: Maven Pro;
    text-transform: uppercase;
    font-size: 16px;
}

.shadows .sh {
    -webkit-box-shadow: 0px 42px 80px -61px rgba(0, 0, 0, 0.50);
    box-shadow: 0px 42px 80px -61px rgba(0, 0, 0, 0.50);
    background-color: transparent;
    padding: 15px;
}

.shadows h2 {
    color: #4f6068;
    padding: 10px 0 25px 0;
    font-weight: 600;
    font-family: Maven Pro;
    font-size: 33px;
    text-transform: uppercase;
}

.shadows span {
    color: #57cc0a;
}

.shadows .fa {
    border: 1px solid #e3e3e3;
    padding: 20px;
    border-radius: 100%;
    color: #41bc18;
    background-color: #fff;
}


/* ------- */

.left-header {
    height: 280px;
    background: url(../img/headers/left-header.html) center;
    background-size: cover;
}

.left-header h3 {
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
}

.left-header h4 {
    font-size: 18px;
    color: #fff;
}


/* ------ */


/* ============== END OF HEADERS ============== */

#our-services-default {
    padding: 50px 0 50px 0;
    position: relative;
    bottom: 0px;
    background-color: #fff;
}

#our-services-default .row {
    padding: 25px 0;
}

#our-services-default .universal-title {
    padding-bottom: 0px;
}

#our-services-default .text {
    overflow: hidden;
}

section {
    overflow: hidden;
    width: 100%;
}

#our-services-default .row h4 {
    color: #555;
    font-weight: 500;
    font-size: 17px;
    font-family: Maven Pro;
}

#our-services-default .row p {
    color: #777;
    font-size: 14px;
}

#our-services-default .fa {
    color: #4dd61b;
    background-color: #f5f5f5;
    border: 0px solid #e9e9e9;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    font-size: 27px;
    padding: 20px 0 0 22px;
}

.sec4-fluid {
    padding: 0 330px 0 330px;
}

#col-mb {
    margin-top: 0px;
}

#flipkart-navbar {
    background-color: #2874f0;
    color: #FFFFFF;
}

.flipkart-navbar-input {
    padding: 11px 16px;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
}

.flipkart-navbar-button {
    background-color: #ffe11b;
    border: 1px solid #ffe11b;
    border-radius: 0 2px 2px 0;
    color: #565656;
    padding: 10px 0;
    height: 43px;
    cursor: pointer;
}

.cart-button {
    background-color: #2469d9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    padding: 10px 0;
    text-align: center;
    height: 41px;
    border-radius: 2px;
    font-weight: 500;
    width: 120px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
}

.cart-button:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.cart-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.item-number {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    height: 20px;
    padding: 3px 6px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    line-height: 12px;
    margin-left: 10px;
}

.upper-links {
    display: inline-block;
    padding: 0 11px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    color: inherit;
    border: none;
    outline: none;
    font-size: 12px;
}

.profile-links {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 11px;
    line-height: 23px;
}

.profile-li {
    padding-top: 2px;
}

.largenav {
    display: none;
}

.smallnav {
    display: block;
}

.smallsearch {
    margin-left: 15px;
    margin-top: 15px;
}

.menu {
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .largenav {
        display: block;
    }
    .smallnav {
        display: none;
    }
    .smallsearch {
        margin: 0px;
    }
}


/*Sidenav*/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 4px 8px -3px #555454;
    box-shadow: 0 4px 8px -3px #555454;
    padding-top: 0px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #fff;
}

.sidenav-heading {
    font-size: 36px;
    color: #fff;
}

#hosting {
    padding: 90px 0 90px 0;
    border-top: 2px solid #ededed;
    border-bottom: 2px solid #ededed;
    background-attachment: fixed;
}

.before_hp {
    background-color: #fff;
    border-top: 1px solid #e3e3e3;
    position: relative;
    bottom: 20px;
    padding: 30px 30px;
    margin-top: 40px;
}

.before_hp span {
    color: #41bc18;
}

body .before_hp h1 {
    font-weight: 600;
    font-family: Maven Pro;
    font-size: 35px;
}

.p2-row {
    position: relative;
    right: 10px;
}

.form-group {
    color: #c1c1c1;
}


/* ========= CONTACT FORM ======== */

.contact {
    background: url(../img/headers/contact.jpg) center;
    background-size: cover;
}

#contact-section1 {
    padding: 0px 0 50px 0;
    text-align: center;
    background-color: #fafafa;
}

#contact-section1 .default-title {
    padding: 30px 0 20px 0;
}

#contact-section1 .container {
    position: relative;
    left: 60px;
}

#contact-section1 .cs-1 {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(250, 250, 250, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    padding: 20px;
    width: 220px;
    height: 190px;
    margin: 10px;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0px 35px 28px -34px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 35px 28px -34px rgba(0, 0, 0, 0.23);
    border-bottom: 1px solid #e3e3e3;
}

#contact-section1 .fa {
    color: #F62C25;
    font-size: 50px;
}

#contact-section1 p {
    font-size: 16px;
    color: #777;
    font-weight: 500;
	color:#000;
	font-family: 'Roboto', sans-serif;

}

#contact-section1 h4 {
    color: #1E3338;
    padding: 4px 0;
    font-weight: 700;
    font-size: 18px;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

#contact-section1 h4:hover {
    color: #2acc18;
}

#contact-parts {
    text-align: center;
}

#contact-parts .container-fluid {
    padding: 0;
}

.contact-p1 h2:before {
    
    color: #fff;
    padding: 0 10px 0 0;
}

.contact-p1 {
    background-color: #337ab7;
    padding: 5px 0;
    color: #fff;
}

.contact-p1 h2 {
    font-weight: 300;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
	text-align:center;
    padding: 0 50px 0 20px;
    word-break: break-all;
    font-family: Nunito Sans;
}


#contact-us a {
    color: #444;
}

#contact-us .default-title {
    padding: 0 0 40px 0;
}

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

.contact-p2 {
    background-color: #4594BC;
    padding: 5px 0;
    color: #fff;
}

.contact-p2 h2 {
    font-weight: 300;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    text-align:center;
    word-break: break-all;
    font-family: Nunito Sans;
}

.contact-p2 h2:before {
    
    color: #fff;
    padding: 0 10px 0 0;
}

.form-control {
    background:rgba(130, 173, 167, 0.1);
    border: 0px;
}

.input-group .form-control:first-child {
    color: #444 !important;
    border-radius:5px;
	border:1px solid #ccc;
	height:40px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    border-radius: 10px;
}

#contact-us .email:before {
    content: "\f003";
    padding: 0 10px 0 0;
    color: #2acc18;
    font-family: FontAwesome;
}

#contact-us .phone:before {
    content: "\f2a0";
    padding: 0 10px 0 0;
    color: #2acc18;
    font-family: FontAwesome;
}

#contact-us .chat:before {
    content: "\f27b";
    padding: 0 10px 0 0;
    color: #2acc18;
    font-family: FontAwesome;
}

#contact-us .ticket:before {
    content: "\f1d9";
    padding: 0 10px 0 0;
    color: #2acc18;
    font-family: FontAwesome;
}

#contact-us {
    padding: 20px 0 40px 0;
    background: url(../img/images/appdev.html) center;
    border-top: 0px solid #e3e3e3;
}

.contact-header {
    text-align: center;
    padding: 60px 550px 0px 550px;
    border-bottom: 2px solid #ededed;
}

.contact-header p {
    font-size: 15px;
    font-weight: 600;
    color: #444;
}

.str-adress {
    margin-bottom: 40px;
    border-bottom: 2px solid #ededed;
    padding-bottom: 10px;
}

.str-adress h1 {
    font-size: 20px;
    font-weight: 800;
    color: #444;
    border-bottom: 2px solid #ededed;
    display: inline-block;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.str-adress p {
    font-size: 15px;
    color: #444;
    font-weight: 500;
}

#team-photos .fa {
    color: #b9b9b9;
    padding: 5px;
}

.cloud-hosting ul {
    padding-top: 20px;
}

.cloud-hosting h1 {
    color: #fff;
    font-weight: 700;
    font-size: 50px;
}

.cloud-hosting h4 {
    color: #fff;
}

.cloud-hosting li {
    color: #ededed;
    line-height: 32px;
}

#plans-cloud {
    padding: 50px 0 50px 0;
    background: url(../img/cloud/clouds-b.html) center;
}

#plans-cloud .header h3 {
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #444;
}

#plans-cloud .fa {
    color: #5975a0;
}

#plans-cloud .header {
    text-align: center;
}

#plans-cloud .container {
    width: 900px;
}

.cloud-border {
    padding: 30px;
    border: 1px solid #ededed;
}

#about-cloud {
    text-align: center;
    padding: 0px 0 50px 0;
    background: url(../img/cloud/2.html) bottom;
}

#about-cloud h1 {
    font-weight: 600;
    color: #fff;
}

#about-cloud p {
    color: #fff;
    font-size: 16px;
    max-width: 680px;
    position: relative;
    left: 240px;
}

#cloud-media {
    padding: 50px 0 50px 0;
    border-bottom: 1px solid rgba(226, 49, 4, 0.3);
}

#cl-web {
    padding: 10px 0 40px 0;
    text-align: center;
    background-color: #f9f9f9;
    width: 100%;
}

#cl-web .cl-box p {
    display: none;
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    right: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 40px 10px 10px 10px;
    border-radius: 5px;
}

#cl-web .cl-box:hover p {
    display: block;
    background-color: #242b35;
}

#cl-web .default-title {
    padding: 20px 0 30px 0;
}

#cl-web .container {
    margin: 0 auto;
}

#cl-web .fit-center-col-web {
    position: relative;
    left: 3.4%;
}

#cl-web .cl-box {
    -webkit-transition: 200ms ease-in-out 0s;
    -webkit-transition: 400ms ease 0s;
    transition: 400ms ease 0s;
    padding: 10px;
    width: 17%;
    height: 17%;
    padding: 35px 0px 25px 0px;
    margin: 0px 25px 25px 0;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    border-bottom: 5px solid #4594BC;
    background-color: #fff;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(52%, rgba(255, 255, 255, 1)), color-stop(52%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(247, 247, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);
}

#cl-web .cl-box:hover {
    background-color: #242b35;
}

#cl-web .fa {
    color: #4594BC;
    font-size: 35px;
}

#cl-web .container h3 {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #1E3338;
    font-size: 14px;
    text-transform: uppercase;
}

#cloud-media li p {
    overflow: hidden;
}

#cloud-media .fa {
    padding: 5px;
    color: #b2b2b2;
}

#cloud-media p {
    color: #999;
    font-size: 16px;
}

#contact-now {
    background-color: #3d8dff;
    color: #fff;
    text-align: center;
    padding: 20px 0 20px 0;
}


/*============== CLOUD HOSTING   =================== */


/* ============= maintenance   =================== */

.error-template {
    padding: 40px 15px;
    text-align: center;
    background-color: #f3f3f3;
    -webkit-box-shadow: 0px 21px 89px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 21px 89px -1px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

.error-template h2 {
    color: #13ce06;
    font-weight: 600;
}

.error-template h1 {
    color: #5685a0;
}

.error-template p {
    color: #5685a0;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

#maintenance .row {
    position: relative;
    top: 300px;
    text-align: center;
}

#maintenance {
    background-color: #18696b;
}


/* ============= maintenance   =================== */


/* ============== ERROR 404 =================== */

#error-404 {
    padding: 100px 0 100px 0;
}

.error-text {
    text-align: center;
}

.error-text .btn-2 {
    margin: 10px 0;
}

.error-text .btn-2:hover {
    background-color: #444;
}

.error-text p {
    font-size: 17px;
    color: #666;
    margin: 15px 0;
    font-weight: 500;
}

.error-text h2 {
    color: #5d6b82;
    font-size: 35px;
    font-weight: 700;
}


/* ============== ERROR 404 =================== */


/* ================ ABOUT =================== */

.about {
    background: url(../img/headers/header1.jpg) center;
    background-size: cover;
}

#simple-header h1 {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
    padding-top: 30px;
    letter-spacing: 2px;
}

#simple-header p {
    color: #ededed;
    font-size: 14px;
}

#about-section-1 {
    text-align: center;
    padding: 100px 0 100px 0;
    border-bottom: 2px solid #ededed;
}

.about2 {
    padding-top: 40px;
}

#about-section-1 h1 {
    font-size: 25px;
    color: #666;
    font-weight: 800;
}

#about-section-1 .aboutsec {
    position: relative;
    left: 300px;
}

#about-section-2 {
    text-align: center;
    padding: 70px 0 70px 0;
    border-top: 2px solid #ededed;
}

#about-section-2 .aboutsec {
    position: relative;
    left: 20px;
}

#about-section-2 h1 {
    font-size: 25px;
    color: #3c5a68;
    font-weight: 800;
}

#contact-box p {
    color: #999;
    font-size: 14px;
}

#contact-box .fa {
    color: #4bd310;
    border: 1px solid #35d60c;
    width: 110px;
    height: 110px;
    border-radius: 55px;
    padding-top: 20px;
}

#contact-box img {
    max-width: 84px;
}

#about-section-1 #contact-box {
    width: 320px;
    height: 300px;
    margin: 0px 60px 0 60px;
    border-radius: 100px 0px 100px 0px;
    background-color: #fff;
    border-top: 6px solid rgba(6, 153, 216, 0.4);
}

#about-section-1 img {
    padding-top: 25px;
    max-width: 86px;
    opacity: 0.9;
}


/* about /end */

#about-section-01 {
    padding: 70px 0 70px 0;
    text-align: center;
    background-color: #1e2d42;
}

#about-section-01 p {
    font-size: 15px;
    color: #fff;
}

#about-section-01 h3 {
    border: 2px solid #f6f6f6;
    padding: 10px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    color: #fff;
}

#about-section-01 .header h1 {
    font-weight: 200;
    border-bottom: 1px solid #b9b9b9;
    display: inline-block;
    padding-bottom: 10px;
}

#about-section-01 .header {
    padding-bottom: 60px;
}

#about-section-01 .fa {
    color: #4594BC;
}

#about-people {
    padding: 20px 0 20px 0;
    text-align: center;
    background-color: #f7f7f7;
}

#about-people img {
    width: 200px;
    max-width: 100%;
    margin: 0 auto;
}

#about-people .ap-1 {
    width: 270px;
    padding: 25px 15px 25px 15px;
    border-bottom: 7px solid #4594BC !important;
    border-top: 7px solid #4594BC !important;
    margin: 10px;
    background-color: #2D1E2F;
    border-radius: 4px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    border: 0px solid #4594BC;
}

#about-people .ap-2 {
    width: 270px;
    padding: 25px 15px 25px 15px;
    margin: 10px;
    border-bottom: 7px solid #4594BC !important;
    border-top: 7px solid #4594BC !important;
    background-color: #2D1E2F;
    border-radius: 4px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    border: 0px solid #4594BC;
}

#about-people .ap-3 {
    width: 270px;
    padding: 25px 15px 25px 15px;
    border-bottom: 7px solid #4594BC !important;
    border-top: 7px solid #4594BC !important;
    margin: 10px;
    background-color: #2D1E2F;
    border-radius: 4px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    border: 0px solid #4594BC;
}

#about-people .ap-4 {
    width: 270px;
    padding: 25px 15px 25px 15px;
    border-bottom: 7px solid #4594BC !important;
    border-top: 7px solid #4594BC !important;
    margin: 10px;
    background-color: #2D1E2F;
    border-radius: 4px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    border: 0px solid #4594BC;
}

#about-people .container {
    position: relative;
    left: 5px;
}

#about-people .universal-title p {
    color: #fff;
    font-size: 15px;
}

#about-people .container p {
    color: #fff;
}

#about-people .container i {
    color: #fff;
}

#about-people h2 {
    font-size: 19px;
    font-weight: 800;
    color: #fff;
}

#about-people ul li {
    display: inline;
}

#about-people .container .fa {
    padding: 10px;
    position: relative;
    right: 20px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    margin: 0px;
    font-size: 15px;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

#about-people .fa:hover {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}

#about-us-1 {
    padding: 70px 0 70px 0;
    background-color: #fff;
    background-color: #2cb218;
}

#about-us-1 p {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

#about-people .about-image {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0px solid #000000;
    position: relative;
    left: 0%;
    padding: 20px;
}

#our-story {
    padding: 70px 0 70px 0;
}

#our-story h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

#our-story .row2 p {
    font-size: 14px;
}

#our-story h4 {
    color: #fff;
    font-size: 20px;
}

#our-story .fa {
    color: #fff;
    margin: 20px 0 10px 0;
}

#our-story p {
    color: #fff;
    font-size: 16px;
}

.progress {
    height: 8px;
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .0);
}

#our-story .progress .a {
    background-color: #6b7f9b;
}

#our-story .progress .b {
    background-color: #4e5d72;
}

#our-story .progress .c {
    background-color: #3a4656;
}

#about-header .container {
    padding: 20px 0 40px 0;
    text-align: center;
    max-width: 750px;
}

#about-header h1 {
    font-size: 50px;
    font-weight: 600;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    color: #3d4756;
}

#about-header p {
    font-size: 16px;
    color: #688184;
}

#about2-jumbotron p {
    color: #2bef15;
    font-size: 15px;
}

#coding-text .progress {
    padding-left: 30px;
}

#about3 {
    padding: 10px 0 10px 0;
    background-color: #477791;
    color: #fff;
    text-align: center;
}

.entry {
    text-align: justify;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #e3e3e3;
	font-family:  'Roboto', sans-serif;
}

.entry span {
    color: #4594BC;
}

.entry p {
    font-size: 16px;
    color: #000;
	font-family:  'Roboto', sans-serif;
	line-height: 1.8;
}

.entry h2 {
    font-weight: 700;
    font-size: 35px;
	text-align:left;
    color: #34434f;
    padding-bottom: 15px;
    font-family:  'Roboto', sans-serif;
}
.space {padding: 0px 15px;}

.df-header {
    text-align: center;
    padding: 20px 450px 20px 450px;
}

.df-header h1 {
    font-size: 45px;
    color: #444;
    font-weight: 700;
}

.df-header p {
    font-size: 15px;
    color: #888;
    font-weight: 500;
}

.plans-dfheader {
    text-align: center;
    padding: 10px 0 10px 0;
    border-top: 2px solid #ededed;
    border-bottom: 2px solid #ededed;
    margin: 50px 0 50px 0;
}

.plans-dfheader h1 {
    font-size: 37px;
    color: #444;
    font-weight: 800;
    text-transform: uppercase;
}

.plans-dfheader p {
    font-size: 15px;
    color: #888;
    font-weight: 500;
}


/* ================ ABOUT =================== */


/* =================== Wordpress HOSTING ================== */

.wordpress-header {
    background: url(../img/headers/wp.jpg) center;
    background-size: cover;
}

.wp-header {
    text-align: center;
    padding: 0 200px 0 200px;
}

.wp-header h1 {
    color: #fff;
    font-weight: 800;
}

.wp-header p {
    text-align: center;
}


/* =================== VPS HOSTING ================== */

.vps {
    background: url(../img/headers/vps.jpg) center;
    background-size: cover;
}

.vps h3,
.vps h1 {
    color: #fff;
}

.vps li {
    color: #fff;
}

#section-code02 {
    height: 500px;
    background: url(../img/images/lapt.html) bottom;
}

#section-code02 h2 {
    font-size: 33px;
}

#section-code02 .box-container {
    width: 500px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    top: 100px;
    border-radius: 4px;
    color: #444;
    padding: 15px;
    border: 1px solid #e3e3e3;
}

#section-code02 .box-container h2 {
    font-weight: 600;
}

#cloud-vps {
    text-align: center;
    background: url(../img/cloud/slide.html) top;
    background-attachment: fixed;
    height: 600px;
}

#cloud-vps h1 {
    font-weight: 800;
    font-size: 50px;
    margin-top: 60px;
    color: #fff;
}

#cloud-vps p {
    font-size: 17px;
    padding: 0 200px 0 200px;
    color: #fff;
    font-weight: 500;
}

#cloud-vps .container img {
    width: 330px;
    position: relative;
    top: 40px;
}

.df-box {
    text-align: center;
}

.hand-text {
    background-color: #fff;
    bottom: 175px;
    position: absolute;
    width: 220px;
    left: 400px;
    padding: 15px;
    border-radius: 10px;
    height: 120px;
    -webkit-box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.70);
    box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.70);
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.new-offer {
    padding: 50px 0 0 0;
    background-color: #fff;
}

.new-offer .box {
    width: 370px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(250, 250, 250, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(250, 250, 250, 1) 47%, rgba(255, 255, 255, 1) 100%);
    -webkit-box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.40);
    box-shadow: 0px 10px 78px -24px rgba(0, 0, 0, 0.40);
    padding: 15px;
    text-align: center;
    position: relative;
    top: -30px;
    border-radius: 0px;
    left: 70px;
}

.new-offer .box h4 {
    color: #1E3338;
    font-weight: 500;
    font-size: 17px;
}

.new-offer .btn-outline {
    position: relative;
    right: 10px;
    font-weight: 400;
}

.new-offer .btn {
    margin-top: 15px;
}

.new-offer .btn-2 {
    position: relative !important;
    right: 10px !important;
}

.new-offer .btn-2:hover {
    background-color: #1E3338;
}

.new-offer .box p {
    color: #1E3338;
    font-weight: 500;
    font-size: 13px;
}

.new-offer .box h3 {
    font-size: 27px;
    font-weight: 800;
    color: #363C47;
}


/* timeline */

.timeline {
    list-style: none;
    padding: 60px 0;
    position: relative;
    background: url(../img/other/02.jpg) center;
    background-attachment: fixed;
}

.timeline-title1 {
    margin: 40px 0;
    color: #1E3338;
    text-align: center;
    text-transform: uppercase
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    background-color: #2D1E2F;
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #2e3247;
    z-index: 2;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    background-color: #4594BC;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    color: #fff;
    font-weight: 600;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
    color: #fff;
}

.timeline-body>p+p {
    margin-top: 5px;
}


/* timeline */

#df-boxes {
    text-align: center;
    padding: 50px 0 120px 0;
}

#df-boxes .fa {
    color: #10cc38;
    font-size: 60px;
}

#df-boxes .df-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#df-boxes .df-2 {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}

#df-boxes .df-3 {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

#df-boxes .df-4 {
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms;
}

#df-boxes .header h2 {
    color: #3F3F3F;
    font-weight: 800;
    font-size: 45px;
}

#df-boxes .header {
    padding: 0 0 50px 0;
}

#df-boxes h3 {
    color: #444;
    font-weight: 400;
    font-size: 22px;
}

#df-boxes p {
    color: #777;
    font-weight: 400;
}

#df-boxes img {
    max-width: 64px;
}

#df-boxes .vps-box {
    border: 1px solid #f0f0f0;
    padding: 25px;
    -webkit-transition: background-color 200ms ease-in-out 0ms;
    transition: background-color 200ms ease-in-out 0ms;
}

#df-boxes .vps-box:hover {
    background-color: #f3f3f3;
}

.onsale {
    padding: 30px 0;
    background-color: #f5f5f5;
    margin: 30px 0 0 0;
    text-align: center;
}

.onsale h3 {
    font-size: 26px;
    color: #555;
}

.onsale p {
    font-weight: 500;
    color: #888;
    font-size: 16px;
}

.onsale h2 {
    font-weight: 700;
    text-transform: uppercase;
    color: #2acc18;
    font-size: 35px;
    font-family: Maven Pro;
}


/* =================== dedicated HOSTING ================== */

.dedicated-header {
    background: url(../img/headers/dedicated.jpg) center;
    background-size: cover;
}

#dedicated01-list {
    background-color: #f9f9f9;
}

#page-boxes {
    padding: 30px 0 70px 0;
    text-align: center;
    background-color: #fff;
}

#page-boxes .universal-title p {
    font-size: 16px;
}

#page-boxes .fa {
    color: #fff;
    font-size: 35px;
    background: rgba(45, 30, 47, 1);
    background: -moz-linear-gradient(-45deg, rgba(45, 30, 47, 1) 0%, rgba(54, 38, 56, 1) 51%, rgba(45, 30, 47, 1) 51%, rgba(45, 30, 47, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(45, 30, 47, 1)), color-stop(51%, rgba(54, 38, 56, 1)), color-stop(51%, rgba(45, 30, 47, 1)), color-stop(100%, rgba(45, 30, 47, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(45, 30, 47, 1) 0%, rgba(54, 38, 56, 1) 51%, rgba(45, 30, 47, 1) 51%, rgba(45, 30, 47, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(45, 30, 47, 1) 0%, rgba(54, 38, 56, 1) 51%, rgba(45, 30, 47, 1) 51%, rgba(45, 30, 47, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(45, 30, 47, 1) 0%, rgba(54, 38, 56, 1) 51%, rgba(45, 30, 47, 1) 51%, rgba(45, 30, 47, 1) 100%);
    background: linear-gradient(135deg, rgba(45, 30, 47, 1) 0%, rgba(54, 38, 56, 1) 51%, rgba(45, 30, 47, 1) 51%, rgba(45, 30, 47, 1) 100%);
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 1px solid #e9e9e9;
    padding-top: 20px;
    padding-left: 2px;
}

#page-boxes h2 {
    color: #1E3338;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
}

#page-boxes p {
    font-size: 16px;
    font-weight: 400;
    color: #888;
    padding: 0 15px 0 15px;
}
.lform{
    margin-bottom: 0px;
}






#sgt-feedback{
    display: hidden;
    width: 320px;
    position: fixed;
    left: -322px;
        z-index:999;
    border: 1px solid #ccc;
    padding: 0px 0px;
    background-color: #85a7b7;

}

#sgt-img-control{
    cursor: pointer;
position: absolute;
right: -53px;
width: 52px;
background: transparent url('../img/sliders/get.png');
background-repeat: no-repeat;
height: 175px;
 -webkit-animation-name: pulse;
  -webkit-animation-duration: 5s;
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite
}

blog section
.section-title
{position: relative; margin-bottom: 20px;margin-top:20px;
    font-family: 'Playfair Display', serif !important;font-size:42px; 
    line-height: 42px; font-weight: 100; letter-spacing: 0; text-align: center;}
    .gallery_img{margin-bottom:20px;}
    .gray-bg{
        background:#f3f3f3;
    }
    .gallery_img{margin-bottom:20px;}

/*---------------------------------------------------- */
/*Blog  section*/
/*----------------------------------------------------*/
.blog-item-post {
  padding: 105px 0px 0px 0px; }
.blog_section{
	padding-top:45px;
}
.widget.widget_search {
	margin-top:-30px;
}
.blog-content-details {
  padding-bottom: 80px;
  border-bottom: 1px solid #eeeeee; }

.short-filter-tab {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px; }

.shorting-filter select {
  padding: 8px 15px;
  border-radius: 4px;
  background-color: #f7f7f7;
  border: none;
  color: #333333;
  font-weight: 700;
  margin-left: 15px; }

.blog-button ul.product-tab li {
  margin: 0px 5px 0px 0px;
  font-size: 22px;
  padding: 5px 10px;
  background-color: #f7f7f7;
  border-radius: 4px; }

.blog-button ul.product-tab li:after {
  display: none; }

.blog-button ul.product-tab li.active {
  color: #fff;
  background-color: #17d0cf; }

.blog-post-img-content {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 35px;
  margin-bottom: 30px; }
  .blog-post-img-content .course-price {
    bottom: 20px;
    top: inherit; }
  .blog-post-img-content .blog-img-date {
    border-radius: 4px;
    margin-bottom: 30px; }

.blog-title-content h3 {
  font-size: 25px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 15px; }

.blog-title-content .blog-content {
  font-size: 17px;
  margin-bottom: 22px; }

.genius-post-item {
  padding-bottom: 45px; }

.list-blog-item {
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 30px; }
  .list-blog-item .blog-post-img-content {
    padding: 0;
    margin: 0; }
  .list-blog-item .blog-img-date {
    margin: 0; }
  .list-blog-item .blog-title-content {
    padding-top: 30px; }

.side-bar-search {
  position: relative; }
  .side-bar-search input, .side-bar-search .register-form-area select, .register-form-area .side-bar-search select, .side-bar-search .register-form-area textarea, .register-form-area .side-bar-search textarea {
    height: 40px;
    width: 100%;
    background-color: #f7f7f7;
    padding: 0px 15px;
    border: none;
    border-radius: 4px; }
  .side-bar-search button {
    position: absolute;
    top: 8px;
    right: 10px;
    background-color: #ccc;
    border: none;
    border-radius: 100%;
    padding: 3px 6px;
    color: #fff;
    font-size: 14px; }

.side-bar-widget {
  margin: 30px 0px;
  display: inline-block;
  width: 100%; }
  .side-bar-widget .widget-title {
    font-size: 30px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 20px; }
    .side-bar-widget .widget-title span {
      font-weight: 700; }
    .side-bar-widget .widget-title:after {
      display: none; }
  .side-bar-widget .post-categori {
    background-color: #f7f7f7;
    border-radius: 4px; }
    .side-bar-widget .post-categori .cat-item {
      position: relative;
      padding: 15px 20px 15px 35px;
      border-bottom: 1px solid #eeeeee;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
      .side-bar-widget .post-categori .cat-item:before {
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        top: 19px;
        left: 19px;
        font-size: 10px;
        font-weight: 700;
        content: '\f054'; }
      .side-bar-widget .post-categori .cat-item:hover {
        color: #333333; }
  .side-bar-widget .latest-news-thumbnile {
    height: 80px;
    width: 80px; }
  .side-bar-widget .latest-news-area {
    margin-bottom: 20px;
    padding-bottom: 15px; }
  .side-bar-widget .latest-title {
    font-size: 17px; }
  .side-bar-widget .tag-clouds li {
    border: 1px solid #cfcaca;
    color: #cbc8c8;
    padding: 5px 15px;
    margin-bottom: 8px;
    margin-right: 2px;
    border-radius: 4px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
    .side-bar-widget .tag-clouds li:hover {
      background-color: #17d0cf;
      border-color: #17d0cf;
      color: #fff; }
  .side-bar-widget .best-course-text {
    position: absolute;
    top: 50%;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center; }
    .side-bar-widget .best-course-text h3 {
      color: #fff; }
    .side-bar-widget .best-course-text .course-meta span {
      float: none;
      margin-right: 0;
      color: #fff;
      margin: 0px 10px; }
  .side-bar-widget .best-course-pic-text:hover .best-course-text {
    -webkit-box-shadow: none;
    box-shadow: none; }

.blog-details-section {
  padding: 80px 0px;
  border-bottom: 1px solid #ccc; }

.blog-details-content h2 {
  font-size: 35px;
  color: #333333;
  font-weight: 500; }

.blog-details-content .date-meta {
  margin-top: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 30px; }
  .blog-details-content .date-meta span {
    font-size: 13px;
    color: #ccc;
    font-weight: 700;
    margin-right: 20px; }
    .blog-details-content .date-meta span i {
      color: #17d0cf; }

.blog-details-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 30px; }

.blog-details-content p {
  font-size: 20px;
  color: #333333;
  font-weight: 300;
  margin-bottom: 20px; }

.blog-details-content .share-text {
  font-weight: 700;
  color: #333333;
  margin-top: 8px; }

.blog-details-content .blog-share-tag {
  display: inline-block;
  width: 100%;
  margin: 40px 0px 15px 0px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px; }

.blog-details-content .share-social ul li {
  font-size: 25px;
  margin-left: 30px; }

.blog-details-content .blog-category li {
  padding: 5px 10px;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  border-radius: 4px; }
  .blog-details-content .blog-category li:hover {
    background-color: #17d0cf;
    color: #fff; }

.blog-details-content .author-comment {
  padding: 25px;
  margin-top: 20px;
  border-radius: 4px;
  background-color: #f5f5f5; }
  .blog-details-content .author-comment .author-img {
    height: 70px;
    width: 70px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px; }
  .blog-details-content .author-comment .author-designation-comment {
    font-size: 12px;
    font-weight: 700; }
    .blog-details-content .author-comment .author-designation-comment span {
      color: #17d0cf; }
    .blog-details-content .author-comment .author-designation-comment p {
      font-size: 16px;
      color: #999999;
      font-weight: 400;
      margin-top: 5px;
      margin-bottom: 0; }

.blog-details-content .next-prev-post {
  font-weight: 700;
  color: #333333;
  display: inline-block;
  width: 100%;
  margin-top: 25px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 35px; }
  .blog-details-content .next-prev-post i {
    margin: 0 5px;
    color: #17d0cf; }

.recent-post-item {
  padding-top: 32px; }
  .recent-post-item .blog-title-content h3 {
    margin-bottom: 0; }

.blog-comment-area {
  margin-top: 10px; }

.blog-comment-area .comment-list li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px; }

.blog-comment-area .section-title-2 {
  margin-bottom: 65px; }
  .blog-comment-area .section-title-2 h2 {
    font-size: 30px; }

.blog-comment-area .comment-avater {
  height: 70px;
  width: 70px;
  float: left;
  margin-right: 20px; }

.blog-comment-area .author-designation-comment {
  overflow: hidden;
  width: 100%;
  display: inline-block;
  margin-top: 10px; }
  .blog-comment-area .author-designation-comment h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333333; }

.blog-comment-area .author-name-rate {
  width: 88%;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  margin-top: 20px; }
  .blog-comment-area .author-name-rate span {
    color: #17d0cf; }

.blog-comment-area .time-comment {
  margin-right: 10px; }

.blog-comment-area .comment-ratting li {
  font-size: 15px;
  color: #ffc926;
  border-bottom: none;
  margin-bottom: 0; }

.reply-comment-box {
  margin-top: 20px; }
  .reply-comment-box .section-title-2 {
    margin-bottom: 30px; }
	
	
	
/*blog section new*/
.ls {
    background-color: #ffffff;
    color: #818181;
}
.section_padding_bottom_130 > [class*="container"] {
    padding-bottom: 130px;
}
.section_padding_top_130 > [class*="container"] {
    padding-top: 130px;
}
.columns_padding_25 > [class*="container"] > .row, .row.columns_padding_25 {
    margin-right: -25px;
    margin-left: -25px;
}
.columns_padding_25 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_25 > [class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
}
[class*="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
article.post + article.post, .search article + article, .archive article + article {
    margin-top: 80px;
}
.with_border {
    border: 2px solid #e5e9ea;
}
.side-item.side-md .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.side-item .row {
    margin: 0;
}
.side-item .row [class*="col-"] {
    padding: 0;
    margin: 0;
}
.with_border .item-media, .with_border .entry-thumbnail {
    margin: -2px;
    z-index: 2;
}
.entry-thumbnail {
    text-align: center;
    position: relative;
}
.item-media {
    position: relative;
    overflow: hidden;
}
.item-media img {
    width: 100%;
}
.media-links {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.media-links::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.2s linear;
}
.media-links a.abs-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}
.ls a {
    color: #00ccbd;
}
.side-item.big-padding .item-content {
    padding-right: 55px;
}
.side-item.content-padding .item-content {
    padding: 35px;
        padding-right: 35px;
}

.entry-header {

    margin-bottom: 20px;

}
.small-text.big {
    font-size: 14px;
    font-weight: 700;
}
.ls .highlight2links a, .ls .highlight2link {
    color: #82cc33;
}
.entry-title {
    line-height: 1;
    font-weight: 900;
}
.entry-title a{
    color: #eb6022;

font-size: 22px;
}
.entry-title a:hover{
    color: #0072c1;

font-size: 22px;
}
.entry-meta + .entry-title, .catogories-links + .entry-title {
    margin-top: 5px;
}
.category{
	color:#016cb6
}
.widget-title {

    position: relative;
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 35px;
    text-transform: uppercase;

}
.apsc-theme-4 .apsc-each-profile a {
    line-height: 60px;
    padding: 0 10px 0 0;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    color: #fff;
    position: relative;
    text-align: right;
}
.apsc-each-profile a {
    color: white !important;
}
.ls a {
    color: #00ccbd;
}
.apsc-facebook-icon {
    background-color: #3b5998;
}
/* access_press */
.apsc-facebook-icon {
	background-color: #3b5998;
}

.apsc-twitter-icon {
	background-color: #1dcaff;
}

.apsc-youtube-icon {
	background-color: #e52d27;
}

.apsc-soundcloud-icon {
	background-color: #ff8800;
}

.apsc-dribble-icon {
	background-color: #ea4c89;
}

.apsc-comment-icon {
	background-color: #464646;
}

.apsc-edit-icon {
	background-color: #837d7d;
}
.apsc-linkedin-icon {
	background-color: #0077b5;
}
.apsc-google-plus-icon {
	background-color: #dd4b39;
}

.apsc-instagram-icon {
	background-color: #e52d27;
}

.apsc-each-profile a {
	color: white !important;
}

.apsc-each-profile a:hover {
	color: white !important;
	text-decoration: none !important;
}

.apsc-theme-4 .apsc-each-profile {
	margin-bottom: 10px;
}

.apsc-theme-4 .social-icon {
	display: inline-block;
	position: relative;
	float: left;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-each-profile a {
	line-height: 60px;
	padding: 0 10px 0 0;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	color: #fff;
	position: relative;
	text-align: right;
}

.apsc-theme-4 .apsc-each-profile a:hover {
	opacity: 0.8;
}

.apsc-theme-4 .apsc-each-profile a .fa {
	border-right: 1px solid rgba(255, 255, 255, 0.4);
	width: 60px;
	line-height: 60px;
	height: 60px;
	vertical-align: top;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-each-profile a:hover .fa {
	transform: none;
	-webkit-transform: snone;
	-ms-transform: none;
}

.apsc-theme-4 .media-name {
	padding: 0 0 0 80px;
	display: inline-block;
}

.apsc-theme-4 .apsc-count {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	font-size: inherit;
	text-align: center;
	position: relative;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-media-type {
	display: inline-block;
	padding: 0 4px;
}

@media screen and (max-width: 479px) {
	.apsc-theme-4 .apsc-each-profile, .apsc-theme-3 .apsc-each-profile {
		float: none;
	}
}
/*
** Widgets
*/
/* common widgets styles */
aside > div + div {
	margin-top: 30px;
}

aside .widget + .widget {
	margin-top: 60px;
}

aside .with_padding {
	padding: 30px;
}

@media (min-width: 992px) {
	.widget_media_margin {
		margin-top: 25px;
	}
}

.widget-theme-wrapper.with_background, .widget-theme-wrapper.muted_background, .widget-theme-wrapper.cs, .widget-theme-wrapper.ds, .widget-theme-wrapper.ls {
	padding: 35px;
}

/* affix-aside */
.affix-aside {
	position: relative;
}

.affix-aside.affix {
	position: fixed;
	margin-top: -30px;
}

@media (max-width: 767px) {
	.affix-aside, .affix-aside.affix, .affix-aside.affix-bottom {
		position: static;
		width: inherit !important;
	}
  .wdth100 {
		width: 100% !important;
	}
}

.widget > h3,
.widget-title {
	position: relative;
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.page_footer .widget > h3, .page_footer
.widget-title {
	font-size: 24px;
	margin-bottom: 40px;
}

.widget:before, .widget:after {
	display: block;
	content: '';
	clear: both;
}

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

.widget ul ul li {
	padding-left: 20px;
}

.widget ul.list2 {
	padding-left: 20px;
}

.widget ul.list2.checklist {
	padding-left: 30px;
}

.widget li {
	position: relative;
}

.widget .vertical-item h4 {
	font-size: 16px;
	margin: 0;
}

.widget select {
	width: 100%;
	max-width: 100%;
	border: none;
	height: 40px;
	padding-left: 20px;
	padding-right: 40px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-size: 16px;
}

.widget_archive li,
.widget_meta li,
.widget_pages li {
	padding-top: 5px;
	padding-bottom: 5px;
}

/*
widget_search,
widget_mailchimp
*/
.widget_mailchimp form + p {
	padding-top: 10px;
}

.widget_search .form-inline,
.widget_product_search form,
.widget_mailchimp .form-inline {
	position: relative;
}

.widget_search .form-inline .form-control,
.widget_product_search form .form-control,
.widget_mailchimp .form-inline .form-control {
	width: 100%;
	margin: 0;
}

.widget_search .form-inline label,
.widget_product_search form label,
.widget_mailchimp .form-inline label {
	display: block;
}

.widget_search .form-inline label[for],
.widget_product_search form label[for],
.widget_mailchimp .form-inline label[for] {
	display: none;
}

.widget_search .form-inline .form-group,
.widget_mailchimp .form-inline .form-group {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.page_topline .widget_search .form-inline .form-group .form-control, .page_topline
.widget_mailchimp .form-inline .form-group .form-control {
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f9f9f9;
	box-shadow: none;
	min-width: 200px;
	border: none;
}

.widget_search [type="text"],
.widget_product_search [type="search"],
.widget_mailchimp [type="email"] {
	padding-right: 50px;
	width: 100%;
}

.page_topline .widget_search [type="text"],
.page_header .widget_search [type="text"], .page_topline
.widget_product_search [type="search"],
.page_header
.widget_product_search [type="search"], .page_topline
.widget_mailchimp [type="email"],
.page_header
.widget_mailchimp [type="email"] {
	background-color: #f2f2f2;
	border-color: transparent;
	height: 40px;
	min-width: 187px;
}

.widget_search form,
.widget_mailchimp form {
	position: relative;
}

.widget_search .form-group + .theme_button,
.widget_product_search [type="submit"],
.widget_mailchimp .form-group + .theme_button {
	font-size: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: none;
	box-shadow: none;
	border-radius: 0 3px 3px 0;
	background: #016ab8;
	color:#fff;
}
#widget-search {

    height: 55px;
	background: #f2bba836;

}

.widget_search .form-group + .theme_button:before,
.widget_product_search [type="submit"]:before,
.widget_mailchimp .form-group + .theme_button:before {
	font-size: 14px;
	content: "\f002";
	font-weight: 300;
	font-family: FontAwesome;
}

.widget_search .form-group + .theme_button:hover, .widget_search .form-group + .theme_button:focus, .widget_search .form-group + .theme_button:active,
.widget_product_search [type="submit"]:hover,
.widget_product_search [type="submit"]:focus,
.widget_product_search [type="submit"]:active,
.widget_mailchimp .form-group + .theme_button:hover,
.widget_mailchimp .form-group + .theme_button:focus,
.widget_mailchimp .form-group + .theme_button:active {
	border-color: #071c1f;
	background-color: #071c1f;
	color: #ffffff;
}

@media (min-width: 1200px) {
	.widget_search .form-group + .theme_button,
  .widget_product_search [type="submit"],
  .widget_mailchimp .form-group + .theme_button {
		height: 60px;
		width: 60px;
	}
}

.page_topline .widget_search .form-group + .theme_button,
.page_header .widget_search .form-group + .theme_button, .page_topline
.widget_product_search [type="submit"],
.page_header
.widget_product_search [type="submit"], .page_topline
.widget_mailchimp .form-group + .theme_button,
.page_header
.widget_mailchimp .form-group + .theme_button {
	height: 40px;
	width: 40px;
}

.widget_mailchimp .form-group + .theme_button:before,
.widget_mailchimp .form-control + .theme_button:before {
	content: "\f040";
}

/*
widget_recent_entries
widget_recent_comments
widget_archive
widget_categories
widget_meta
widget_nav_menu
widget_pages
*/
.widget_recent_comments p {
	margin-bottom: 5px;
}

.widget_recent_comments li {
	padding: 10px 0;
}

.widget_recent_comments li + li {
	border-top: 1px solid #e5e9ea;
}

.widget_recent_entries h6 {
	max-width: 70%;
	line-height: 23px;
}

.ds .widget_recent_entries h6 a {
	color: rgba(255, 255, 255, 0.8);
}

.text-center .widget_recent_entries h6, .widget_recent_entries.text-center h6 {
	margin-right: auto;
	margin-left: auto;
}

.widget_recent_entries .lineheight_thin {
	line-height: 20px;
}

.widget_recent_entries li + li {
	margin-top: 10px;
}

.widget_popular_entries li {
	margin-top: 20px;
}

.widget_recent_entries > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_popular_entries > ul > li:first-child,
.widget_pages > ul > li:first-child {
	border-top: none;
}

.widget_popular_entries > ul > li:first-child {
	margin-top: 0;
}

.widget_categories li.active a {
	color: #1f232b;
}

.widget_archive a,
.widget_meta a,
.widget_pages a {
	display: inline-block;
	position: relative;
	padding-left: 20px;
}



/*.widget_archive a:before,
.widget_meta a:before,
.widget_nav_menu a:before,
.widget_pages a:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	font-size: 16px;
	color: #00ccbd;
	position: absolute;
	left: 0;
}

.widget_nav_menu ul ul li:first-child a {
	padding-top: 13px;
}

.widget_nav_menu a i {
	padding-right: 7px;
}
*/

@media (min-width: 768px) {
	.page_copyright .widget_nav_menu li, .page_topline .widget_nav_menu li {
		display: inline-block;
		position: relative;
		border: none;
		padding-right: 5px;
	}
     
	.page_copyright .widget_nav_menu li:before, .page_topline .widget_nav_menu li:before {
		content: '';
		position: absolute;
		padding: 0;
		left: -5px;
		top: 5px;
		bottom: 5px;
		width: 1px;
		background-color: rgba(0, 0, 0, 0.1);
		opacity: 0.3;
		display: block;
	}

	.page_copyright .widget_nav_menu li:first-child:before, .page_topline .widget_nav_menu li:first-child:before {
		display: none;
	}

	.page_copyright .widget_nav_menu a, .page_topline .widget_nav_menu a {
		padding: 0 10px;
	}

	.page_copyright .widget_nav_menu a:before, .page_topline .widget_nav_menu a:before {
		display: none;
	}
}

/* Popular Courses */
.widget_events .media-left img {
	max-width: 70px;
}

.widget_events .media h4 {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px;
}

/* widget_tag_cloud */
.widget_tag_cloud a {
	padding: 5px 19px 5px;
	margin: 0 6px 10px 0;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	color: #333;
	border: 2px solid #026dc1;
	display: inline-block;
	border-radius: 3px;
}

.widget_tag_cloud a:hover, .widget_tag_cloud a:focus, .widget_tag_cloud a:active {
	color: #00ccbd;
	border-color: #00ccbd;
}

/* widget_popular_entries */
.widget_popular_entries h4 {
	margin-bottom: 10px;
}

.widget_popular_entries p {
	line-height: 19px;
	margin-bottom: 0;
	font-weight: 900;
}

.widget_popular_entries .media-body {
	overflow: visible;
}

.widget_popular_entries .media-left {
	padding-right: 20px;
}

.widget_popular_entries a img,
.widget_popular_entries .media-object {
	max-width: 70px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.widget_popular_entries .media-object {
		max-width: 40px;
	}
	

}

.widget_popular_entries li:first-child {
	padding-top: 0;
}

.widget_popular_entries li:last-child {
	padding-bottom: 0;
}

/* recent posts widget */
.widget_recent_posts h4 {
	font-size: 16px;
	font-weight: 900;
	line-height: 24px;
	line-height: 1.2;
	margin-bottom: 5px;
}

.widget_recent_posts .media-left img {
	max-width: 70px;
}
/* title section (breadcrumbs) styles */
.page_breadcrumbs .breadcrumbs_logo {
	margin: 0 0 15px;
}

.page_breadcrumbs .breadcrumbs_logo img {
	opacity: 0.3;
}

.page_breadcrumbs h2 {
	display: inline;
	font-size: 24px;
	font-weight: 700;
	word-wrap: break-word;
}

.page_breadcrumbs h2 + .breadcrumb {
	margin-top: 10px;
}

@media (min-width: 992px) {
	.page_breadcrumbs h2 {
		font-size: 32px;
	}

	.page_breadcrumbs h2 + .breadcrumb {
		margin-top: 20px;
		
		background: transparent
	}
}
.page_breadcrumbs.parallaxblog {
	background-image: url(../assets/img/inq_breadcrms.jpg);
}
@media screen and (min-width: 992px) {
	.page_breadcrumbs .display_table_md {
		width: auto;
		min-width: 0;
	}

	.page_breadcrumbs h2.display_table_cell_md {
		padding-right: 20px;
		padding-left: 15px;
	}

	.page_breadcrumbs .breadcrumb.display_table_cell_md {
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		padding-left: 25px;
	}
}

.page_breadcrumbs .bottom_breadcrumbs {
	text-align: center;
	float: right;
	padding: 4px 20px 0;
	margin: 0 0 -25px 0;
}

.page_portfolio {
	overflow: hidden;
}
.entry-content {
    padding: 20px;
}
.inqlogo{
	width:50%;
	margin-top:-25px;
}
.device_span {
    color: #34434f !important;
}

.text_web_overlay{
	background: rgba(16, 14, 14, 0.32);
	width:600px
}
.payroll_head{
	color:#fff;
	font-size: 44px;
}
.payroll_head2{
	text-align: center;
font-size: 16px !important;
font-weight: 600;color:#fff;margin-top:0
}
.mt150{
	margin-top:150px;
}
.payroll_img{
	width: 100%;
}
/*clients*/
.contact-form {

    background-image: linear-gradient(120deg, #3aa3b880 0%, #c2e9fb 100%);
    width: 396px;

}
.container .contact-form .title {
  font-size: 2.5em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #242424;
  margin: 0;
}
.container .contact-form .subtitle {
  font-size: 1.2em;
  font-weight: 400;
  margin: 0 4% 5% 8%;
}
.container .contact-form input,
.container .contact-form textarea {
  width: 330px;
  padding: 3%;
  margin: 1% 8%;
  color: #242424;
  border: 1px solid #B7B7B7;
}
.container .contact-form input::placeholder,
.container .contact-form textarea::placeholder {
  color: #242424;
}
.container .contact-form .btn-send {
  background: #14ACBA;
  width: 180px;
  height: 60px;
  color: #FFFFFF;
  font-weight: 700;
  margin: 2% 28%;
  border: none;
}


.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.form_payroll_mob{
	display:none;
}
.demobtn_mob{
	display:none;
}
.pos_head{
	font-size: 17px;  
	margin-top: 10px;
}
.text_web_overlay1{
	background: rgba(245, 235, 235, 0.32);width:600px
}
.pos_text{
	text-align:justify;
}
@media (min-width: 320px) and (max-width: 568px) {
  
   .text_web_overlay{
	
	width:320px;
	margin-left:-11%;
	background:#579cc0;
}
.payroll_head{
	
	font-size: 24px;
}
.contact-form{
	width:100%
}
.form_payroll{
	display:none;
}
.text_web_overlay1{
	width:100%
}
.form_payroll_mob{
	display:block;
}
  .demobtn_mob{
	display:block;
}
.container .contact-form input,
.container .contact-form textarea {
  width: 215px;
  
}
.free_btn{
	width:70%;
}
.demo_btn_desktop{
	  display:none;
  }
}

@media (min-width: 360px) and (max-width: 750px) {
  .text_web_overlay{
	
width: 100%;
margin: 0;
	
}
.free_btn{
	width:70%;
}
.contact-form{
	width:100%
}
.payroll_head{
	
	font-size: 24px;
}
.text_web_overlay1{
	width:100%
}
.form_payroll{
	display:none;
}
.container .contact-form input,
.container .contact-form textarea {
  width:80%;
 
}
.form_payroll_mob{
	display:block;
}
.point_of_sale {
    margin-top: 0 !important;
}
.mt150{
	margin-top:0px;
}
.pay_software{
	padding-left:0px !important;
	padding-right:0px !important;
}
.demobtn_mob{
	display:block;
}
  .demo_btn_desktop{
	  display:none;
  }
}

.productlogo{
    width: 50%;
    margin-top: 30px;
    margin-bottom: 10px;
}
.fnt15{
    font-size: 15px !important;
}

.margin-bottom-10{
    margin-bottom: 10px !important;
}
.margin-bottom-30{
    margin-bottom: 30px !important;
}

.margin-bottom-50{
    margin-bottom: 50px !important;
}
.margin-bottom-70{
    margin-bottom: 70px !important;
}
.margin-bottom-100{
    margin-bottom: 100px !important;
}
.hrmhead{
   color: #0a427d !important;
}
.fnt50{
    font-size: 50px !important;
 }
 .smt-title{
    font-size: 30px;
    color: #4594BC;
 }
 .benefit .media .media-body h4 {
	color: #374048;
}
.benefit .media .media-body h4 {
	margin: 0 0 6px;
	font-size: 20px;
}
.benefit .media .media-body p {
	color: #82898f;
}
.benefit .media .media-body p {
	margin: 0;
	font-size: 15px
}

.work-process h4 {
	color: #374048;
    margin: 40px 0 8px;
}
.work-process p {
	color: #737c85;
}
.work-process h4 {
	font-size: 26px;

}

.review .review-sign {
	margin-bottom: 20px;
}
.review {
	text-align: center;
}
.review p {
	color: #353535;
}
.clickherebtn{
  border: 1px solid #0a427d;
  border-radius: 50px;
  padding: 8px 40px;
  color: #fff;
  font-size: 18px;
  background: #0a427d;
}
.pricingTable > .contenttable-header {
	color: #fff;
	background-color: #fff;
	position: relative;
}
.contenttable-header > .heading {
	display: block;
	padding: 8px 0;
	background-color: #4594BC;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
}
.benefit .media .media-body h3 {
	margin: 0 0 6px;
	font-size: 21px;
    font-weight:500 !important;
}
.benefit .media .media-body h3 {
	color: #374048;
}
.newhrmhead{
    font-size: 26px;
    font-weight:500 !important;
}
.mt5{
    margin-top: 5px !important;
}
.hvrd:hover {
	color: #5bc0de !important;
}
.testimonialfnt{
    color: #82898f !important;
}
.mt10{
    margin-top: 10px !important;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-top-45{
    margin-top: 45px;
}
.fnt36{
    font-size: 36px !important;
}
.toggle-icon {
    float: right;

}
.newfaqhead {
    font-size: 18px;
    font-weight: 500;
    padding: 2px 0px !important;
    white-space: wrap;
}
.newfaqhead:hover {
   border: none !important;
}
.btn .toggle-icon:before {
    content: "+"; /* Plus sign by default */
    float: right;
    font: 24px/1 FontAwesome;
    font-weight: 700;
}
.btn[aria-expanded="true"] .toggle-icon:before {
    content: "-"; /* Minus sign when expanded */
    font: 26px/1 FontAwesome;
    font-weight: 700;
}
.newhead-top-bar{
    background-color: #fff;
    padding: 8px 0;
    height: 65px;
}
@media (max-width: 767px) {
.newhead-inqlogo {
	width: 90% !important;
	
}

}

.flipbtn {
	color: #000;
	background: rgba(47, 175, 249, 0.5);
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
	transition: all 0.3s ease-out;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--heading-font);
	text-transform: capitalize;
	display: inline-block;
	padding: 13px 15px;
	border-radius: 5px;
}
.dealer_enq {
	position: fixed;
	z-index: 999;
	bottom: 30px;
	right: 0%;
}