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

   Hassan custom styles  (EpycDev)

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



.material-icons {

    margin-right: 2px;

}

.accordion .card .card-header a:before {

    font-family: Material Design Icons;

    position: absolute;

    right: 8px;

    top: 16px;

    font-size: 16px;

    display: block;

    font-weight: 500;

    color: #000;

}

.stretch-card>.card {

    width: 100%;

    min-width: 100%;

}

.card {

    border: 1px solid #d5dcec;

    border-radius: 0;

}

.card {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0,0,0,.125);

    border-radius: .25rem;

    margin-top:6px;

}

.card .card-body {

    padding: 35px 25px;

}

.card-body {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

}

.card-title {

    margin-bottom: 1.125rem;

    text-transform: capitalize;

    display: flex;

}

.card-description {

    margin-bottom: .9375rem;

}

.accordion .card, .accordion .card:first-of-type, .accordion .card:last-of-type {

    border-bottom: 1px solid #d5dcec;

}

.accordion .card:first-of-type {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.accordion .card .card-header {

    background-color: transparent;

    border: none;

    padding: 0;

    font-size: 14px;

    background-color: #f9f9f9;

}

.card-header:first-child {

    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;

}

.mb-0, .my-0 {

    margin-bottom: 0!important;

}

.accordion .card .card-header a {

    display: block;

    padding: 18px 0px 20px 15px;

    color: #575962;

    text-decoration: none;

    font-size: 15px;

    position: relative;

    font-weight: 300;

    transition-property: border-color,background;

    -webkit-transition-property: border-color,background;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    text-overflow: ellipsis;

    overflow: hidden;

    max-width: 100%;

    white-space: nowrap;

}

/* s writes*/







.alert-danger {

    border-radius: 0;

    border-left: 10px solid #5ee78d !important;

    border-top: none !important;

    border-bottom: none !important;

  	color: #fff;

	background-color: #f84308;

	border-color: #f84308;

}

.close{

	color: #fff;

    opacity: 1;

}



.navbar-brand img { 

    max-width: 200px;  

}



html {

    height: 100%;

}

body{

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

}

.guest{

	padding:0;	

}



.tab-content > .tab-pane {

    display: block;

    height: 0;

    overflow-y: hidden;

  	position: relative;

}



.tab-content > .active {

    height: auto;

}





/* animation */

.animation-box-2{

    display: block;

    position: relative;	

    padding-top: 80px;

}

.animation-box-2 img{

	display: block;

    margin: auto;

}





.animation-box-2 .main-ani{

    width: 525px;

 	animation: float 3s ease infinite;

}

.animation-box-2 .ani-icon-1{

	position: absolute;

    top: 15px;

    left: 297px;

  	width: 78px;

    animation: tada 1.4s infinite ease-in-out;

}

.animation-box-2 .ani-icon-2{

	position:absolute;

  	left: 196px;

    top: 118px;

  	width: 17px;

  	animation: heartBeat 1.4s infinite ease-in-out;

}

.animation-box-2 .ani-icon-3{

	position:absolute;

    left: 175px;

    top: 46px;

  	width: 34px;

  	animation: tada 1.1s infinite ease-in-out;

}

.animation-box-2 .ani-icon-4{

	position:absolute;

    left: 188px;

    top: -34px;

    width: 50px;

    animation: heartBeat 1.4s infinite ease-in-out;

}

.animation-box-2 .ani-icon-5{

	position:absolute;

    left: 319px;

    top: -92px;

  	width: 32px;

    animation: heartBeat 1.4s infinite ease-in-out;

}

.animation-box-2 .ani-icon-6{

	position:absolute;

  	right: 122px;

    top: -77px;

    width: 42px;

  	animation: tada 1.3s infinite ease-in-out;

}

.animation-box-2 .ani-icon-7{

	position:absolute;

    right: 78px;

    top: -11px;

  	width: 24px;

   	animation: heartBeat 1.4s infinite ease-in-out;

}

.animation-box-2 .ani-icon-8{

    position: absolute;

    right: 221px;

    top: 182px;

  	width: 20px;

   	animation: heartBeat 1.4s infinite ease-in-out;

}



.animation-box-2 .ani-icon-9{

	position: absolute;

    /* left: 277px;

    top: -68px; */

    left: 263px;

    top: -72px;

  	width: 20px;

  	animation: tada 1.2s infinite ease-in-out;

}

.animation-box-2 .ani-icon-10{

	position:absolute;

    right: 147px;

    top: 165px;

    width: 24px;

	animation: tada 1.2s infinite ease-in-out;

}



.animation-box-2 .ani-icon-11{

	position:absolute;

  	right: 75px;

    top: 43px;

  	width: 20px;

	animation: tada 1.4s infinite ease-in-out;

}



/*animation-box-3 */



.animation-box-3{

	display: block;

    position: relative;

  	margin-top:90px;

}

.animation-box-3 img{

	display: block;

    margin: auto;

}



.animation-box-3 .ani-main{

	animation: float 3.3s ease infinite;

    width: 100%;

}

    

.animation-box-3 .ani-icon-1{

	position:absolute;

  	left: 94px;

    top: -5px;

  	animation: tada 1.4s infinite ease-in-out;

}

.animation-box-3 .ani-icon-2{

	position: absolute;

    left: 170px;

    top: -96px;

    animation: shake 1.8s infinite ease-in-out;

}

.animation-box-3 .ani-icon-3{

	position:absolute;

    left: 200px;

    top: -16px;

    animation: float 2.8s ease infinite;

} 

.animation-box-3 .ani-icon-4{

	position:absolute;

  	left: 286px;

    top: -55px;

    animation: fade-up 1.1s infinite ease-in-out;

} 

.animation-box-3 .ani-icon-5{

	left: 317px;

    position: absolute;

    top: -110px;

    animation: heartBeat 1.1s infinite ease-in-out;

} 

.animation-box-3 .ani-icon-6{

	position:absolute;

 	right: 116px;

    top: -17px;

    animation: float 3s ease infinite;

} 

.animation-box-3 .ani-icon-7{

	position:absolute;

    right: 68px;

    top: -90px;

  	animation: shake 2s infinite ease-in-out;

} 

.animation-box-3 .ani-icon-8{

	position:absolute;

  	right: 33px;

    top: -6px;

    animation: tada 1.4s infinite ease-in-out;

} 









#guest-nav {

    background: #01487f;

    border: none;

  	padding: 12px 0;

    margin: 0;

}

#guest-nav.signinNav{

	background: transparent;

    border: none;

  	padding: 12px 0;

    margin: 0;

  	position: absolute;

    left: 0;

    right: 0;

}

#guest-nav.shrink {

    position: fixed;

  	left: 0;

    right: 0;

  	margin: 0;

  	-webkit-animation: fadeInDown 800ms;

	animation: fadeInDown 800ms;

    background: #01487f;

}

#guest-nav.navbar-default .navbar-nav > li > a {

    color: #ffffff;

  	font-size: 15px;

    font-weight:700;

  	position:relative

}

#guest-nav.navbar-default .navbar-nav > li > a::after {

    position: absolute;

    top: 100%;

    left: 0;

	right: 0;

    height: 1px;

  	width: 70%;

    /*background: #fff;*/

  	margin: auto;

    content: '';

    opacity: 0;

    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;

    transition: height 0.3s, opacity 0.3s, transform 0.3s;

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

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);

}

#guest-nav.navbar-default .navbar-nav > li > a:hover,

#guest-nav.navbar-default .navbar-nav > li > a:focus,

#guest-nav.navbar-default .navbar-nav > .active > a,

#guest-nav.navbar-default .navbar-nav > .active > a:hover,

#guest-nav.navbar-default .navbar-nav > .active > a:focus{

	background-color: transparent;

    color: #5ee78d;

}

#guest-nav.navbar-default .navbar-nav > li > a:hover:after,

#guest-nav.navbar-default .navbar-nav > li > a:focus:after,

#guest-nav.navbar-default .navbar-nav > .active > a:after,

#guest-nav.navbar-default .navbar-nav > .active > a:hover:after,

#guest-nav.navbar-default .navbar-nav > .active > a:focus:after{

	height: 5px;

	opacity:1;

  	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;

    transition: height 0.3s, opacity 0.3s, transform 0.3s;

  	-webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    transform: translateY(0);

}

.top-hero{

	padding-top: 130px;

    padding-bottom: 70px;

    background: url(//i.imgur.com/yeUMGDe.png) center bottom no-repeat,center bottom no-repeat #01487f;

  	background-repeat: no-repeat;

	background-size: cover;

	background-position: center bottom;

}

.top-hero h1 {

    text-align: center;

    font-size: 40px;

    color: #ffffff;

    font-weight: 400;

  	margin: 10px 0 15px;

}

.home-form {

    /* padding: 50px 150px;

    margin: 0; */

    padding: 69px 0px 100px 0px;

  	width: 840px;

    margin-left: auto;

    margin-right: auto;

}

.top-hero.signupPage .home-form {

    width: 50%;

  	text-align: center;

}

.top-hero.signupPage .form-group.inputDiv {

    margin: 5px 0;

}



.top-hero.signupPage .home-form input[type="text"], 

.top-hero.signupPage .home-form input[type="password"], 

.top-hero.signupPage .home-form input[type="email"] {

    padding-left: 30px;

    /* width: 254px; */

  	width: 300px;

}

.top-hero.signupPage .form-group.inputDiv:nth-child(2)::after {

    display: none;

}

.top-hero.signupPage .form-group.inputDiv.mr-l.secondRowFirstBacha {

    margin-left: 0 !important;

}

/* .top-hero.signupPage .form-group.inputDiv.mr-l.secondRowFirstBacha {

    margin-left: 0 !important;

  	width: 50%;

} */

.top-hero.signupPage .form-group.inputDiv.mr-l:nth-child(5) {

    width: 53.7%;

}

.top-hero.signupPage .form-group.inputDiv.mr-l:nth-child(5):after{

	display: none;

}

.top-hero.signupPage .form-group.noAfter::after {

    display: none;

}

.top-hero.signupPage .form-group.inputDiv.mr-l {

    margin-left: -35px !important;

}

.top-hero.signupPage .form-group.inputDiv:nth-child(2) {

    margin-left: auto;

}

.form-group.inputDiv.mr-l.lastBacha::after {

    display: none;

}

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

    background: #ffffff;

    box-shadow: none;

    border: none;

    height: 55px;

    font-size: 14px;

    padding-left: 60px;

	border-radius: 50px;

	width: 310px;

}

.top-hero.signupPage{

	min-height:100vh;

}

.signupPage .g-recaptcha.form-group {

    display: flex;

    justify-content: center;

}

.form-group.inputDiv {

    position: relative;

}

.form-group.inputDiv::after {

    content: '';

    position: absolute;

    right: -10px;

    height: 55px;

    width: 55px;

    background: #01487f;

    border-radius: 50px;

    top: 0;

}

.form-group.inputDiv span {

    position: absolute;

    background: #43d654;

    display: flex;

    width: 46px;

    height: 46px;

    text-align: center;

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    color: #ffffff;

    left: 6px;

    top: 4px;

}

.top-hero.signupPage .btn.btn-primary.mr-t {

    /* margin: 20px 0 0; */

  	width: 300px;

  	clear: both;

    display: inline-block;

    margin: auto;

  	margin: 6px 0 0;

}

.form-group.inputDiv:nth-child(2) {

    margin-left: -35px;

}

.home-form .btn.btn-primary {

    background: #5ee78d;

    border-color: #5ee78d;

    border-radius: 50px;

    width: auto;

    font-size: 14px;

    font-weight: 400;

    height: 55px;

    width: 280px;

    position: relative;

    margin-left: -35px;

}

.animation-box img {

    display: block;

    margin: auto;

  

}

.main-img {

    animation: float 3s ease infinite;

    width: 693px;

   /* height: 413px; */

}

.home-form .forgot-password {

    position: relative;

    bottom: auto;

    right: auto;

    color: #ffffff;

}

.home-form .forgot-password {

    position: relative;

    bottom: auto;

    right: auto;

    color: #ffffff;

    border-bottom: 1px solid #ffffff;

    text-decoration: none;

    line-height: 22px;

    margin-top: 10px;

}

.home-form .pull-left.pull-left-middle {

	text-decoration: none;

    color: #ffffff;

    line-height: 22px;

    margin-top: 10px;

	border-bottom: 1px solid #ffffff;

}

.home-form .pull-left.pull-left-middle a{

	text-decoration: none;

    color: #ffffff;

}

.home-form div.checkbox {

    color: #ffffff;

    border-bottom: 1px solid;

    top: 18px;

}

.home-form div.checkbox a {

    color: #ffffff;

}

.home-form .pull-right.pull-right-middle {

    color: #ffffff;

    border-bottom: 1px solid;

}

.home-form .pull-right.pull-right-middle a {

    color: #ffffff;

}

.animation-box {

    margin-bottom: -125px;

    display: block;

    position: relative;

}

.icon{

	position:absolute;

}

.icon-1 {

    right: 140px;

	bottom: 90px;

  	width: 43px;

  	height: 43px;

  	animation: fade-up 2.3s infinite ease-in-out;

}

.icon-2 {

    top: 10px;

    width: 25px;

    left: 340px;

  	animation: fade-up 2s infinite ease-in-out;

}

.icon-3 {

    width: 25px;

    bottom: 53px;

    left: 170px;

  	animation: fade-up 1.8s infinite ease-in-out;

}

.icon-4 {

    right: 180px;

    bottom: 70px;

    width: 25px;

  	animation: fade-up 1.6s infinite ease-in-out;

}

.icon-5 {

    bottom: 180px;

    left: 540px;

  	animation: fade-up 1.1s infinite ease-in-out;

}

.icon-6 {

    top: 140px;

    width: 15px;

    left: 240px;

  	animation: fade-up 1.3s infinite ease-in-out;

}

.icon-7 {

    top: 65px;

    left: 540px;

    width: 25px;

  	animation: fadeRTL 1.4s infinite ease-in-out;

}

.icon-8 {

    right: 265px;

    bottom: 256px;

    width: 15px;

  	animation: fadeLTR 1.5s infinite ease-in-out;

}

.icon-9 {

    bottom: 30px;

    width: 15px;

    left: 575px;

  	animation: fadeRTL 1.7s infinite ease-in-out;

}

.icon-10 {

    right: 205px;

    top: 125px;

  	animation: shake 1.6s infinite ease-in-out;

}

.icon-11 {

    left: 320px;

    top: 70px;

  	animation: shake 1.8s infinite ease-in-out;

}

.icon-12 {

    top: 0;

    left: 580px;

  	animation: heartBeat 1.4s infinite ease-in-out;

}

.icon-13 {

    bottom: 160px;

    left: 170px;

  	animation: heartBeat 1.1s infinite ease-in-out;

}

.icon-14 {

    left: 470px;

    top: 170px;

  	animation: tada 1.8s infinite ease-in-out;

}

.icon-15 {

    top: 48px;

    left: 236px;

  	animation: fly 1.8s infinite ease-in-out;

}

.icon-16 {

    bottom: 167px;

    left: 240px;

  	animation: tada 1.4s infinite ease-in-out;

}

.icon-17 {

    top: 50px;

    right: 230px;

  	animation: tada 1.6s infinite ease-in-out;

}

.customerTabs {

    padding: 140px 0;

}

.customerTabs ul {

    padding: 0;

    margin: 0;

    list-style: none;

  	display: flex;

	flex-wrap: wrap;

}

.customerTabs ul li {

    flex: 1 1;

}

.customerTabs li div {

    font-size: 16px;

    color: #01487f;

    font-weight: 500;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 170px;

    height: 170px;

    border: 2px solid #01487f;

    border-radius: 100px;

  	margin:auto;

  	cursor: cell;

  	background:#ffffff;

  	box-shadow: 0 6px 25px rgba(0,0,0,0.15);

  	transition: all ease-in .4s;

}

.customerTabs li div:hover{

	color:#ffffff;

    background: #01487f;

}

.customerResults {

   	padding: 100px 0px 170px 0px;

}

.customerResults .row {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

}

.customerResults .col-sm-6:last-child {

    position: relative;

}

.customerResults h4,

.social-media h4,

.clients h4{

    font-size: 15px;

    color: #858484;

    font-weight: 500;

  	margin-bottom: 0;

}

.customerResults h2,

.social-media h2,

.clients h2{

    font-size: 38px;

    color: #01487f;

    font-weight: 500;

}

.outer-circle {

    border: 1px solid #01487f;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 500px;

    height: 500px;

  	padding: 10px;

  	margin: auto;

}

.inner-circle {

    width: 100%;

    height: 100%;

    border-radius: 100%;

    position: relative;

    align-items: center;

    justify-content: center;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

  	border: 1px solid #d4d4d4;

 	box-shadow: 0 3px 10px rgba(0,0,0,0.15);

}

.cir-icon {

    display: flex;

    width: 106px;

    height: 106px;

    justify-content: center;

    align-items: center;

    border-radius: 100px;

    background: #01487f;

    font-size: 48px;

    color: #ffffff;

    position: absolute;

    left: 40px;

    top: -11px;

}

.text-box {

    text-align: center;

}

.customerResults .text-box h4 {

    font-size: 25px;

    color: #000000;

    font-weight: 500;

}

.text-box p {

    font-size: 15px;

    color: #01487f;

    font-weight: 400;

  	margin-bottom: 25px;

}

.text-row {

    margin-left: -15px;

    margin-right: -15px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}

.text-col {

    flex: 1 1;

  	padding: 0 30px;

}

.text-box .badgeBtn {

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    color: #929191;

    width: 120px;

    height: 42px;

    display: flex;

    background: #e2e1e1;

    justify-content: center;

    align-items: center;

    border-radius: 25px;

  	margin: auto;

}

.text-box h5 {

    font-size: 15px;

    font-weight: 400;

    color: #000000;

  	line-height: 22px;

	margin: 20px 0;

}

.text-box h5 b {

    display: block;

    color: #01487f;

}

.slider-nav button {

    display: block;

    width: 25px;

    height: 45px;

    background: url(//i.imgur.com/A509Fi1.png);

    border: none;

    box-shadow: none;

}

.slider-nav {

    position: absolute;

    top: 60%;

    transform: translateY(-60%);

  	width: 95%;

}

.slider-nav .left-arrow {

    float: left;

}

.slider-nav .right-arrow {

    float: right;

    background-position: 25px 0;

}

.whySmm{

	padding: 95px 0;

    background: #01487f;

}

.whySmm .why-text-container{

	padding-left:30px;

}

.whySmm h2 {

    font-weight: 500;

    color: #ffffff;

    font-size: 38px;

}



.whySmm li,

.whySmm p {

    font-size: 15px;

    color: #ffffff;

    font-weight: 500;

}

.whySmm p {

    margin-bottom: 20px;

}

.whySmm ul {

    margin: 0 0 20px;

    list-style: none;

  	padding:0;

}

.whySmm li{

	position:relative;

  	line-height: 48px;

    padding-left: 50px;

}

.whySmm li:before{

	content:"";

  	position:absolute;

  	top: 6px;

  	left:0;

  	background:url(//i.imgur.com/Zxl8rHS.png);

  	background-repeat:no-repeat;

  	background-size:cover;

  	width: 40px;

	height: 36px;

}

.btnCustom {

    text-decoration: none;

    text-align: center;

    color: #ffffff;

    font-size: 13px;

    text-transform: capitalize;

    font-weight: 500;

    background: #01487f;

    padding: 10px 40px;

    border-radius: 25px;

  	display: inline-block;

}

.whySmm .btnCustom{

	text-transform: uppercase;

  	box-shadow: 0 3px 10px rgba(0,0,0,0.15);

}

.btnCustom:hover,

.btnCustom:focus{

	color: #ffffff;

  	text-decoration: none;

}

.social-media{

	padding: 80px 0;

  	background: url(//i.imgur.com/IGTK2zJ.png),#fafafa;

  	background-repeat: no-repeat;

	background-position: left center;

  	background-size: contain;

}

.social-media .col-sm-4 {

    text-align: center;

    margin-bottom: 80px;

}

.social-media h4, .social-media h2 {

    text-align: center;

}

.social-media h2 {

    margin-bottom: 65px;

}

.social-media .nav-pills > li > a {

    border-radius: 4px;

    font-size: 15px;

    font-weight: 500;

    color: #b7b7b7;

}

.social-media .nav > li > a:hover,

.social-media .nav > li > a:focus,

.social-media .nav-pills > li.active > a,

.social-media .nav-pills > li.active > a:hover,

.social-media .nav-pills > li.active > a:focus{

	background-color: transparent;

	color: #01487f;

}

.social-media .nav > li > a:hover:after,

.social-media .nav > li > a:focus:after,

.social-media .nav-pills > li.active > a:after,

.social-media .nav-pills > li.active > a:hover:after,

.social-media .nav-pills > li.active > a:focus::after {

    content: '';

    background: #01487f;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 54px;

    height: 4px;

}

.guest #myTabs {

    border-bottom: 1px solid #000000;

    width: 93%;

    display: block;

    margin: 0 auto 35px;

}

.socialSlideIcon {

    background: #ffffff;

    font-size: 38px;

    color: #01487f;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 91px;

    height: 91px;

    border-radius: 50px;

    box-shadow: 6px 6px 30px rgba(0,0,0,0.15);

    border: 1px solid #01487f;

    margin: 12px auto 35px;

}

.social-media h3 {

    font-size: 38px;

    color: #01487f;

    font-weight: 500;

    text-align: center;

    margin-bottom: 35px;

}

.social-slider {

    width: 500px;

  	margin: auto;

}

.slider-nav2,

.slider-nav3,

.slider-nav4,

.slider-nav5,

.slider-nav6 {

    position: absolute;

    top: 60%;

    transform: translateY(-60%);

    width: 95%;

    margin: auto;

    left: 0;

    right: 0;

}

.slider-nav2 button,

.slider-nav3 button,

.slider-nav4 button,

.slider-nav5 button,

.slider-nav6 button{

    display: block;

    width: 25px;

    height: 45px;

    background: url(//i.imgur.com/A509Fi1.png);

    border: none;

    box-shadow: none;

}

.slider-nav2 .left-arrow,

.slider-nav3 .left-arrow,

.slider-nav4 .left-arrow,

.slider-nav5 .left-arrow,

.slider-nav6 .left-arrow{

    float: left;

}

.slider-nav2 .right-arrow,

.slider-nav3 .right-arrow,

.slider-nav4 .right-arrow,

.slider-nav5 .right-arrow,

.slider-nav6 .right-arrow{

    float: right;

    background-position: 25px 0;

}

.social-slider .slick-dots li button::before{

	display:none;

}

.social-slider .slick-dots li,

.social-slider .slick-dots li button{

	width: 10px;

	height: 10px;

}

.social-slider .slick-dots li button{

	border-radius: 50px;

	background: #909090;

}

.social-slider .slick-dots li.slick-active button {

    background: #01487f;

}

.animation-box-4 {

    position: relative;

}

.main-img2 {

    width: 300px;

    position: absolute;

    left: 0;

  	animation: float 3.3s ease infinite;

}

.pot {

    position: absolute;

    bottom: -490px;

    right: -30px;

    width: 130px;

  	animation: float 3.3s ease infinite;

}

.icon-18 {

    left: 160px;

    top: 93px;

    width: 15px;

  	animation: tada 1.8s infinite ease-in-out;

}

.icon-19 {

    left: 235px;

    width: 20px;

    top: 56px;

  	animation: tada 1.4s infinite ease-in-out;

}

.icon-20 {

    top: 130px;

    width: 30px;

    left: 220px;

  	animation: tada 1.6s infinite ease-in-out;

}

.icon-21 {

    left: 290px;

    top: 120px;

    width: 22px;

  	animation: tada 1.4s infinite ease-in-out;

}

.icon-22 {

    top: 201px;

    width: 20px;

    right: 130px;

  	animation: fly 1.8s infinite ease-in-out;

}

.icon-23 {

    right: 90px;

    top: 160px;

    width: 21px;

  	animation: fade-up 1.3s infinite ease-in-out;

}







.socialIcon {

    height: 100px;

    width: 100px;

    background: #ffffff;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100px;

    box-shadow: 6px 6px 30px rgba(0,0,0,0.15);

  	margin: 0 auto 30px;

}

.social-media h5 {

    font-size: 25px;

    font-weight: 500;

    color: #000000;

    text-align: center;

    margin-bottom: 25px;

}

.social-media p {

    font-size: 15px;

    font-weight: 500;

    text-align: center;

    color: #000000;

    margin-bottom: 15px;

}

.interested{

	padding:60px 0;

  	position:relative;

    background: #01487f;

}

.interested img{

	position:absolute;

  	right: 0;

	top: -340px;

    animation: float 3.3s ease infinite;

    width: 254px;

}

.interested h1{

	font-size:40px;

  	font-weight:700;

  	color:#ffffff;

    text-align: center;

  	margin:0 0 15px;

}
.interested h2{

	font-size:40px;

  	font-weight:700;

  	color:#ffffff;

    text-align: center;

  	margin:0 0 15px;

}

.interested p{

	font-size:15px;

  	font-weight:500;

  	text-align:center;

    color:#ffffff;

  	padding: 0 150px;

  	margin-bottom: 25px;

}

.btnCustomAlt {

    font-size: 18px;

    display: flex;

    width: 257px;

    height: 52px;

    justify-content: center;

    align-items: center;

    margin: auto;

    color: #ffffff;

    background: #5ee78d;

    border-radius: 25px;

    font-weight: 500;

    text-decoration: none;

}

.btnCustomAlt:hover,

.btnCustomAlt:focus{

	color:#ffffff;

  	text-decoration:none;

}

.clients {

    padding: 90px 0px 80px 0px;

}

.clientFeedback p {

    color: #000000;

    font-weight: 500;

    font-size: 15px;

}

.clientRow {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-items: center;

}

.clientImg {

    position: relative;

  	padding: 15px 0 0 20px;

}

.clientImg .clientIcon {

    width: 67px;

    height: 67px;

    border: 5px solid #ffffff;

    border-radius: 100px;

    background: #01487f;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #ffffff;

    font-size: 32px;

  	position: absolute;

  	top: 0;

  	left: 0px;

}

.clientName {

    padding-left: 20px;

}

.clientName h5 {

    font-size: 25px;

    font-weight: 500;

    color: #000000;

  	margin: 0;

}

.clientName h6 {

    font-size: 15px;

    font-weight: 500;

    color: #01487f;

  	margin: 0;

}

.clientSlider .slick-dots li{

	width: auto;

	height: auto;

  	margin: 0 2px;

}

.clientSlider .slick-dots li button{

	width: 30px;

	height: 10px;

  	border-radius: 4px;

	background: #dedede;

  	transition: all ease-in .4s;

}

.clientSlider .slick-dots li.slick-active button {

    width: 40px;

    background: #01487f;

  	transition: all ease-in .4s;

}

.clientSlider .slick-dots li button::before{

	display:none;

}

.clientSlider .slick-dots {

    position: absolute;

    right: -280px;

    transform: rotate(-90deg);

    bottom: 138px;

}

.footer-top {

    padding: 50px 0;

    background: #fafafa;

}

.footer-top a {

    display: block;

    margin-bottom: 25px;

}

.footer-top p {

    font-size: 15px;

    font-weight: 500;

    color: #000000;

    width: 350px;

}

.footer-top h5 {

    font-weight: 700;

    color: #000000;

    font-size: 18px;

    margin: 56px 0 15px;

}

.footer-top .form-control {

    border: 1px solid #01487f;

    box-shadow: none;

    background: #f7f7f7;

    color: #000000;

    height: 56px;

    border-radius: 30px;

  	padding-left:23px;

}

.footer-top .input-group .form-control {

    border: none;

    border-radius: 30px;

  	padding-left:23px;

}

.footer-top .input-group {

    border: 1px solid #01487f;

    border-radius: 30px;

  	width: 320px;

  	padding: 0 6px;

}

.footer-top .btnCustom {

    padding: 8px 20px;

    box-shadow: none;

    border: none;

    font-size: 23px;

}

.footer-top textarea.form-control {

    height: 133px;

  	padding-top: 22px;

}

.footer-top .btnCustomAlt {

    border: none;

    margin: initial;

}

.footer-bottom {

    background: #e4e4e4;

  	padding: 10px 0;

}

.footer-bottom p {

    font-size: 16px;

    font-weight: 500;

    color: #000000;

  	margin:0;

 	margin-top: 9px;

}

.social {

    padding: 0;

    list-style: none;

    margin: 0;

  	text-align: right;

}

.social li {

    display: inline-block;

  	margin-left: 2px;

}

.social a {

    /* width: 32px;

    height: 32px; */

    display: flex;

    justify-content: center;

    align-items: center;

    /* color: #ffffff; */

    /* background: #01487f; */

    /* border-radius: 30px; */

    font-size: 18px;

    text-decoration: none;

}

.g-recaptcha.form-group {

    position: relative;

    clear: both;

    float: none;

    margin: 10px auto 0;

    display: flex;

  	justify-content: center;

}

/* .guest .alert {

    position: fixed;

    left: 0;

    bottom: 0;

    margin: 0;

} */

/* DASHBOARD v2 */

.marg-top {

    margin-top: 25px;

    padding-left: 10px;

}

.marg-top button.btn.btn-primary {

    width: 100%;

}

.inline-group {

    display: block;

    float: left;

    width: 30%;

}

.form-group.inline-group {

    width: 70%;

}

.guest .inner-dashboard {

    padding: 40px 0 0;

    background: transparent;

    box-shadow: none;

}

.nav-bottom {

    margin-bottom: -65px;

    position: relative;

    z-index: 3;

}

#dashNav .navbar-header {

    float: none;

}

#dashNav.navbar-default {

    background-color: transparent;

    border: none;

  	padding: 15px 0;

  	margin: 0;

}

.user-dashboard {

    background: #01487f;

}

.nav.page-navigation {

    background: #ffffff;

    border-radius: 4px;

    display: block;

    width: 100%;

  	position: relative;

  	box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);

    /* animation: float 3.3s ease infinite; */

}

.nav.page-navigation li {

    display: table-cell;

    width: 1%;

}

.nav.page-navigation li .dropdown-menu li {

    display: block;

    width: auto;

}

.nav.page-navigation li .dropdown-menu li a{

    display:block;

}

.inner-dashboard {

    /* background: #f3f4f9; */

  	background: transparent;

    /* padding: 90px 30px 20px; */

  	padding: 90px 0 20px;

    border-radius: 4px;

    /* box-shadow: 0 2px 4px 10px rgba(0,0,0,.08); */

	box-shadow: none;

}

#dashNav.navbar-default .navbar-nav > li > a {

    font-size: 16px;

    color: #ffffff;

    line-height: 22px;

}

.navbar-right .badge {

    background: #5ee78d;

    border-radius: 4px;

  	font-size: 16px;

	font-weight: 400;

}

.navbar-right .badge .material-icons {

    font-size: 14px;

}

.navbar-right .badge .material-icons {

    font-size: 14px;

}

#dashNav.navbar-default .navbar-nav > li > a .hello {

    color: #5dc9ff;

}

.open > a,

.open > a:hover,

.open > a:focus{

	background:transparent !important;

}

#dashNav.navbar-default .navbar-nav .dropdown-menu > li > a,

#dashNav.navbar-default .navbar-nav .dropdown-menu > li > a i {

    font-size: 14px;

    line-height: 18px;

}

.nav-bottom .nav li a {

    font-size: 14px;

  	line-height: 45px;

    color: #949597;

    display: flex;

    justify-content: center;

    position: relative;

    align-items: center;

    padding: 10px 0;

}

.nav-bottom .nav li a:hover,

.nav-bottom .nav li a:focus,

.nav-bottom .nav li.active a,

.nav-bottom .nav li.active a:hover,

.nav-bottom .nav li.active a:focus{

    color: #01487f;

  	background: transparent;

}

.nav-bottom .nav li.active a::after {

    width: 0;

    height: 0;

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    border-top: 15px solid #ffffff;

    content: '';

    position: absolute;

    top: 100%;

}

.inner-dashboard .well {

	/* min-height: 370px; */

    background: #ffffff;

  	/* background: #1fbbf5; */

    border: none;

    border-radius: 4px;

    box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);

}

.well.wellHeader {

    color: #01487f;

}

.wellHeader h2 {

    margin: 0;

    font-size: 18px;

    text-align: center;

  	font-weight: 400;

}

.inner-dashboard.neworderPage .well {

    background: #ffffff;

}

.inner-dashboard.neworderPage .neworderStats .tab-content {

    /* overflow-y: auto; */

    /* max-height: 471px; */

}

.timeLineWrapper{

	/* max-height: 470px;

	overflow-y: scroll; */

	max-height: 720px;

	overflow-y: scroll;

}

.inner-dashboard.faqPage .well .well,

.inner-dashboard.termsPage .well .well{

    background: #1fbbf5;

}

.inner-dashboard .well.api {

    min-height: auto;

}

.inner-dashboard.neworderPage .tab-content {

    /* min-height: 656px; */

  	height: 688px;

  	min-height: 688px;

	max-height: 688px;

}

.tab-content.newOrderTabs {

    overflow-y: auto;

}

.col-sm-6.splitWellCol .tab-content {

    min-height: 286px;

    max-height: 285px;

}

.col-sm-6.splitWellCol .timeLineWrapper {

    max-height: 280px;

}

.col-sm-6.splitWellCol .tab-content div#contactUs {

    max-height: 280px;

    min-height: 280px;

    overflow: auto;

}

.col-sm-6.splitWellCol h3 {

    text-transform: uppercase;

    color: #949597;

    text-align: center;

    letter-spacing: 5px;

}

.col-sm-6.splitWellCol #myTabs {

    margin-bottom: 10px;

}

.neworderStats h4 {

    font-size: 15px;

    color: #575962;

    margin: 0;

    font-weight: 500;

}

.neworderStats h4 span {

    color: #b3b6c4;

}

.neworderStats h1 {

    font-size: 68px;

    font-weight: 100;

    color: #00a8fa;

    margin-top: 6px;

}

.neworderStats h5 {

    font-size: 14px;

    color: #9c9d9f;

    font-weight: 300;

}

.statBox {

    padding-bottom: 15px;

    border-bottom: 1px dashed #ebedf2;

    margin-bottom: 25px;

    background: url(//i.imgur.com/NfutB46.png);

    background-repeat: no-repeat;

    background-position: right top;

}

.greenBox{

	background: url(//i.imgur.com/cMFuPWM.png);

    background-repeat: no-repeat;

    background-position: right top;

}

.ratioBox h2 {

    font-size: 32px;

    font-weight: 600;

    color: #575962;

}

.ratioBox h3 {

    color: #9b9ea6;

    font-size: 16px;

    font-weight: 600;

}

.progressBar {

	background: #e9ecef;

    display: block;

    border-radius: 4px;

    height: 8px;

    width: 100%;

    position: relative;

  	margin: 30px 0 10px;

}

.progressBar .bar{

	display: block;

    border-radius: 4px;

    height: 8px;

}

.progressBar.greenBar .bar {

    background: #5ee78d;

    width: 63%;

}

.progressBar.yellowBar .bar {

    background: #ffb822;

    width: 39%;

}

.progressBar.blueBar .bar {

    background: #00a8fa;

    width: 54%;

}

.inner-dashboard .nav-pills > li > a {

    border-radius: 4px;

    border: none;

    font-size: 14px;

    font-weight: 500;

    color: #575962;

  	/* color: #ffffff; */

    display: flex;

    justify-content: center;

    align-items: center;

  	position: relative;

  	padding:10px 11px;

}

.inner-dashboard .splitWellCol .nav-pills > li > a {

    padding: 0 3px;

}

.inner-dashboard.neworderPage .nav-pills > li > a{

	color: #575962;

}

.inner-dashboard .nav-pills > li > a .material-icons {

    font-size: 18px;

}

.inner-dashboard .nav-pills > li.active > a,

.inner-dashboard .nav-pills > li.active > a:hover,

.inner-dashboard .nav-pills > li.active > a:focus,

.inner-dashboard .nav > li > a:hover,

.inner-dashboard .nav > li > a:focus{

    color: #00a8fa;

  	/* color: #ffffff; */

    background-color: transparent;

}

.inner-dashboard.neworderPage .nav-pills > li.active > a,

.inner-dashboard.neworderPage .nav-pills > li.active > a:hover,

.inner-dashboard.neworderPage .nav-pills > li.active > a:focus,

.inner-dashboard.neworderPage .nav > li > a:hover,

.inner-dashboard.neworderPage .nav > li > a:focus{

	color: #00a8fa;

}

.inner-dashboard .nav-pills > li.active > a:after ,

.inner-dashboard .nav-pills > li.active > a:hover:after,

.inner-dashboard .nav-pills > li.active > a:focus:after ,

.inner-dashboard .nav > li > a:hover:after ,

.inner-dashboard .nav > li > a:focus:after {

    content: '';

    background: #00a8fa;

  	/* background: #ffffff; */

    height: 8px;

    width: 100%;

    position: absolute;

    bottom: -20px;

    border-radius: 4px;

}

.inner-dashboard.neworderPage .nav-pills > li.active > a:after ,

.inner-dashboard.neworderPage .nav-pills > li.active > a:hover:after,

.inner-dashboard.neworderPage .nav-pills > li.active > a:focus:after ,

.inner-dashboard.neworderPage .nav > li > a:hover:after ,

.inner-dashboard.neworderPage .nav > li > a:focus:after {

	background: #00a8fa;

}

#myTabs {

    margin-bottom: 35px;

    padding-bottom: 15px;

    border-bottom: 1px dashed #ebedf2;

}

.inner-dashboard input.form-control[type="text"],

.inner-dashboard select.form-control {

    border: 1px solid #ebedf2;

    height: 40px;

  	box-shadow:none;

}

.inner-dashboard .input-group input.form-control[type="text"] {

    height: auto;

}

textarea.form-control{

	box-shadow:none;

	border: 1px solid #ebedf2;

}

.form-control[disabled],

.inner-dashboard .form-control[readonly] {

    border-radius: 4px;

    border: none;

    height: 40px;

    box-shadow: none;

  	background: #d0d0d0;

}

.inner-dashboard label {

    color: #575962;

  	/* color: #ffffff; */

    font-size: 14px;

    font-weight: 400;

}

.tab-content #contactUs h2 {

    font-size: 22px;

    color: #575962;

}

.inner-dashboard .btn-primary,

.inner-dashboard .btn-primary:focus{

    background: #5ee78d;

    border-color: #5ee78d;

    border-radius: 4px;

    font-size: 14px;

    font-weight: 400;

    box-shadow: 0 2px 10px 2px rgba(0,0,0,.08);

}

.inner-dashboard .btn-primary .material-icons {

    font-size: 22px;

    vertical-align: middle;

}

.contactInfo {

    background: #00a8fa;

    color: #ffffff;

    font-size: 16px;

    padding: 10px 20px;

    border-radius: 4px;

    margin-bottom: 35px;

}

.contactInfo p {

    margin: 0;

}

.tab-content #contactUs h2 {

    font-size: 22px;

    color: #575962;

}

.tab-content #contactUs h2 span {

    color: #9c9d9f;

    font-size: 18px;

}

#contactUs .media {

    border-bottom: 1px dashed #ebedf2;

    padding-bottom: 10px;

}

#contactUs a.openTicket {

    background: #5ee78d;

    border-color: #5ee78d;

    font-size: 16px;

    display: block;

    text-align: center;

    color: #ffffff;

    line-height: 72px;

    margin-bottom: 25px;

    text-decoration: none;

}

#contactUs .media-left a {

    font-size: 22px;

}

.centerTabs {

    text-align: center;

}

.centerTabs li {

    display: inline-block;

    float: none;

}





.timeLine {

    padding-left: 0;

    position: relative;

    list-style-type: none;

}

.timeLine li {

    position: relative;

  	display: block;

	clear: both;

}

.timeLine li::before {

    content: "";

    position: absolute;

    border-radius: 100%;

}

.timeLine li::before {

    width: 15px;

    height: 15px;

    left: 55px;

	top: 3px;

    border: 4px solid #f4516c;

    margin-right: 15px;

    z-index: 2;

    background: #fff;

}

.timeLine li:nth-child(2n):before{

	border: 4px solid #34bfa3;

}

.timeLine li:nth-child(3n):before{

	border: 4px solid #716aca;

}

.timeLine li:nth-child(4n):before{

	border: 4px solid #ffbd32;

}

.timeLine li:nth-child(5n):before{

	border: 4px solid #36a3f7;

}

.timeLine::after {

    content: "";

    border: 1px solid #e7e9f5;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 61px;

}

.timeLine .time, .timeLine .content {

    display: block;

    float: left;

}

.timeLine .time {

    width: 80px;

    /* color: #b3b6c4; */

  	color: #ffffff;

    font-size: 16px;

}

.neworderPage .timeLine .time{

	color: #b3b6c4;

}

.timeLine .content {

    width: 70%;

}

.table-striped tbody tr:nth-of-type(2n+1) {

    background-color: #eff3f5;

  	/* background-color: #2dc2f9; */

}

.table.table-striped > tbody > tr > td {

    /* color: #ffffff; */

  vertical-align: middle;

}

.table .input-group {

    width: 260px;

}

.table .input-group .btn.btn-default {

    background: #00a8fa;

    color: #fff;

    border: none;

}

.table .input-group .form-control {

    background: #00a8fa99;

    color: #fff;

}



.width-50{

	width: 10% !important;

}

.servicePage .nav.nav-pills {

    margin-bottom: 45px;

}

.thead-dark th {

    /* background: #00a8fa; */

  	background: #4ede80;

    color: #ffffff;

    font-weight: 500;

    text-transform: uppercase;

  	border: none !important;

}

.width-service-name {

    min-width: 380px;

}

td p.Processing, 

td p.Completed, 

td p.Canceled,

td p.Pending,

td p.In.progress {

    margin: 0;

    padding: 2px;

    font-size: 12px;

    text-align: center;

    color: #ffffff;

    border-radius: 2px;

}

td p.In.progress {

    background-color: #716aca;

}

td p.Pending {

    background-color: #ffbd32;

}

td p.Processing {

    background-color: #11cdef;

}

td p.Completed {

    background-color: #2dce89;

}

td p.Canceled {

    background-color: #f5365c;

}

ul.serNameButtons {

    padding: 0;

    margin: 0 0 15px;

    display: flex;

}

ul.serNameButtons li {

    flex-basis: 100%;

    margin: 0 2px;

    list-style: none;

}

ul.serNameButtons li a {

    border-radius: 4px;

    border: none;

    font-size: 14px;

    font-weight: 500;

    color: #ffffff;

    position: relative;

    padding: 10px 11px;

    background-color: #716aca;

    display: block;

    text-align: center;

}

.descWidth {

    width: 380px;

}

table th .material-icons {

    font-size: 15px;

    vertical-align: sub;

    margin-right: 2px;

}

.table .categoryServ{

	/* background: #5ee78d; */

  	/* background: #00a8fa; */

  	/* background: #4bceff; */

  	background: #716aca;

  	font-size: 14px;

  	color: #ffffff;

  	font-weight: 700;

}

.descrip {

    background: url(//i.imgur.com/j1Jv9L6.png),url(//i.imgur.com/wIWOIiB.png);

  	background: url(//i.imgur.com/CoGA7Vq.png),url(//i.imgur.com/2uDjBHq.png);

  	/* background: url(https://i.ibb.co/W3tQ7xB/comma.png),url(https://i.ibb.co/3mGbb3S/comma1.png); */

    background-repeat: no-repeat;

    background-position: top left,bottom right;

    background-size: 22px;

    font-size: 12px;

    display: inline-block;

    padding: 10px 30px;

    /* filter: brightness(50%); */

}

.orderPage th {

    white-space: pre;

}



.nav.page-navigation li .dropdown-menu li a {

    display: flex;

    font-size: 14px;

    justify-content: normal;

    align-items: center;

  	line-height: 26px;

  	padding: 3px 15px;

}

.nav.page-navigation li .dropdown-menu li a i {

    font-size: 16px;

}

.list-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

}

.list-group-item {

    position: relative;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    padding: .75rem 1.25rem;

    margin-bottom: -1px;

    background-color: #fff;

  	border: 1px solid rgba(0,0,0,.125);

}

.list-group-flush .list-group-item {

    border-right: 0;

    border-left: 0;

    border-radius: 0;

}

.justify-content-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

}

.align-items-center{

	-webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

}

.inner-dashboard .badge {

    border-radius: 2px;

    font-weight: 300;

    background: #00a8fa;

    padding: 4px 5px;

}

.inner-dashboard .badge.badge-primary {

    background: #5ee78d;

}

.inner-dashboard .api h2 {

    font-size: 22px;

    font-weight: 400;

    color: #ffffff;

}

.inner-dashboard .api h4,

.inner-dashboard .api p strong {

    color: #ffffff;

}

.nav.page-navigation.showMobile {

    display: none;

}

.showOnMobile {

    display: none;

}

/* FAQ PAGE */

.faqPage .btn.btn-primary {

    box-shadow: 0 8px 4px -2px rgba(0,0,0,0.08);

}

.faqPage .panel-heading {

    background-color: #eff3f5;

    border-color: #eff3f5;

    color: #ffffff;

}

.faqPage .panel-default {

    border: none;

}

.faqPage .panel-heading .accordion-toggle:after {

    font-family: 'FontAwesome';

    content: "\f068";

    float: right;

    color: #ffffff;

}

.faqPage .panel-heading .accordion-toggle.collapsed:after {

   content: "\f067";

}

/* TERMS PAGE */



.termsPage .terms {

    text-align: center;

    /* color: #ffffff; */

}

.order-link-custom{

	width: 340px;

    overflow: hidden;

    text-overflow: ellipsis;	

}

.btn-alternate {

    background: #5ee78d;

    border: none;

    box-shadow: none;

    color: #fff;

    display: block;

    padding: 6px 20px;

    line-height: 1;

    border-radius: 4px;

}

.searchFilter #dropdownMenuButton {

    width: 100%;

    background: #5ee78d;

    color: #fff;

  	height: 40px;

}

.searchFilter .dropdown-menu a.dropdown-item {

    display: flex;

    font-size: 14px;

    justify-content: normal;

    align-items: center;

    line-height: 26px;

    padding: 3px 15px;

    clear: both;

    color: #949597;

    white-space: nowrap;

    text-decoration: none;

}

.searchFilter .dropdown-menu a.dropdown-item:hover {

    color: #01487f;

}

.searchFilter #search {

    display: block;

    width: 100%;

    border: 1px solid #ebedf2;

    height: 40px;

    box-shadow: none;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    border-radius: 4px;

}

.searchFilter .btn.btn-default {

    height: 40px;

    border: 1px solid #5ee78d;

    background: #5ee78d;

    color: #fff;

}

/* BUBBLE POPUP */

.smmnetAlert{

	background: url(//i.imgur.com/pjfMmoi.png);

  	background-repeat: no-repeat;

  	background-size: 100% 100%;

  	width: 356px;

    height: 140px;

    text-align: center;

    position: absolute;

    right: -80px;

    top: -50px;

    z-index: 1212;

    transform: rotate(15deg) scale(0.8);

}

.smmnetAlert h4 {

    color: #01487f;

    margin: 0;

    font-size: 18px;

    font-weight: 700;

}

.smmnetAlert p {

    color: #000;

    font-weight: 500;

  	font-size: 11px;

}

.smmnetAlert .close {

    background: #0298e1;

    font-weight: 400;

    border: 3px solid #fff;

    position: absolute;

    right: 14px;

    top: -12px;

    padding: 0px 5px;

    border-radius: 100px;

}





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

   Hassan responsive styles  (EpycDev)

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



@media(max-width:1199px){

  .outer-circle{

  	width: 450px;

	height: 470px;

  }

  .main-img2{

  	width: 260px;

  }

  .pot{

  	bottom: -430px;

    width: 110px;

  }

  .icon-20 {

    top: 110px;

  }

  .icon-22{

  	right: 70px;

  }

  .social-media {

    background-size: 430px 700px;

  }

  .guest #myTabs{

  	width:auto;

  }

  .social-media .nav-pills > li > a{

  	padding: 10px 8px;

  }

  .slider-nav2, .slider-nav3, .slider-nav4, .slider-nav5, .slider-nav6{

  	width: 100%;

  }

  .clientSlider .slick-dots{

  	right: -230px;

  }

  .neworderStats h1{

  	font-size: 52px;

  }

  .statBox{

  	background-size: 80px;

  }

  .ratioBox h2 {

    font-size: 28px;

  }

  .ratioBox h3{

  	font-size: 14px;

  }

  .inner-dashboard .nav-pills > li.active > a::after, .inner-dashboard .nav-pills > li.active > a:hover::after, .inner-dashboard .nav-pills > li.active > a:focus::after, .inner-dashboard .nav > li > a:hover::after, .inner-dashboard .nav > li > a:focus::after{

  	height: 4px;

    bottom: -6px;

  }

  .timeLine::after{

  	left: 67px;

  }

  .timeLine li::before{

  	left: 60px;

  }

  .animation-box-2 .main-ani{

  	width: 445px;

  }

  .animation-box-2 .ani-icon-1{

  	top: -5px;

	left: 237px;

  }

  .animation-box-2 .ani-icon-4{

  	left: 129px;

  }

  .animation-box-2 .ani-icon-5{

  	left: 269px;

	top: -82px;

  }

  .animation-box-2 .ani-icon-9{

  	left: 213px;



top: -62px;

  }

  .animation-box-2 .ani-icon-6{

  	right: 86px;

	top: -64px;

  }

  .animation-box-2 .ani-icon-7{

  	right: 68px;

	top: 5px;

  }

  .animation-box-2 .ani-icon-11{

  	right: 65px;

	top: 50px;

  }

  .animation-box-2 .ani-icon-10{

  	right: 127px;

	top: 135px;

  }

  .animation-box-2 .ani-icon-8{

  	right: 181px;

	top: 152px;

  }

  .animation-box-2 .ani-icon-3{

  	left: 146px;

  }

  .animation-box-2 .ani-icon-2{

  	left: 181px;

  }

  .icon-10{

  	right: 115px;

  }

  .icon-8 {



    right: 185px;

    bottom: 326px;

  }

  .icon-9{

  	left: 485px;

  }

  .icon-14{

  	left: 380px;

  }

  .icon-16{

  	left: 140px;

  }

  .icon-17{

  	right: 90px;

  }

  .icon-11{

  	left: 280px;

  }

  .icon-7{

  	left: 480px;

  }

  .icon-6{

  	left: 140px;

  }

  .icon-5{

  	left: 450px;

  }

  .icon-4 {



    right: 80px;

  }

  .icon-3{

  	left: 80px;

  }

  .icon-1 {



    right: 70px;

    bottom: 150px;

  }

  .icon-13{

  	left: 80px;

  }

  .top-hero.signupPage .form-group.inputDiv.mr-l:nth-child(5) {

    width: 50%;

    float: left;

  }

  

   

  .nav-bottom .nav li a {

    font-size: 13px;

 

  

}

  

}

@media (max-width: 1100px){

	

  

  .form-group.inputDiv::after{

  	display:none;

  }

  

  .home-form input[type="text"], .home-form input[type="password"]{

  	width:100%;

  }

  

  .form-group.inputDiv:nth-child(2) {

    margin-left: 0px;

  }

  

  .home-form .btn.btn-primary {

    width: 100%;

    margin-left: 0px;

  }

  

  .form-group.inputDiv {

    position: relative;

    width: 49%;

    margin-bottom: 25px;

}

  .top-hero.signupPage .form-group.inputDiv {

    /* width: 33%; */

}

.top-hero.signupPage .home-form input[type="text"], .top-hero.signupPage .home-form input[type="password"], .top-hero.signupPage .home-form input[type="email"] {

    padding: 6px 20px;

    width: 100%;

}

.top-hero.signupPage .form-group.inputDiv.mr-l {

    margin-left: 0 !important;

}

.top-hero.signupPage .btn.btn-primary.mr-t {

    width: 230px;

}



  .nav-bottom .nav li a {

    font-size: 12px;

}

  

  

}









@media (max-width: 991px){



  .animation-box-3 .ani-icon-4{

  	left: 236px;

  }

  .animation-box-3 .ani-icon-7{

  	right: 148px;

  }

  .animation-box-3 .ani-icon-2{

  	left: 30px;

  }

  .animation-box-3 .ani-icon-3{

  	left: 150px;

  }

  .animation-box-3 .ani-icon-6{

  	right: 76px;

  }

  .animation-box-2 .ani-icon-1{

  	left: 367px;

  }

  .animation-box-2 .ani-icon-2 {

    left: 281px;

}

  .animation-box-2 .ani-icon-3 {

    left: 246px;

}

  .animation-box-2 .ani-icon-4 {

    left: 249px;

}

  .animation-box-2 .ani-icon-5 {

    left: 389px;

  }

  .animation-box-2 .ani-icon-6 {

    right: 216px;

  }

  .animation-box-2 .ani-icon-7 {

    right: 188px;

  }

  .animation-box-2 .ani-icon-8 {

    right: 321px;

  }

  .animation-box-2 .ani-icon-9 {

    left: 341px;

  }

  .animation-box-2 .ani-icon-10 {

    right: 257px;

  }

  .animation-box-2 .ani-icon-11 {

    right: 175px;

  }

  

  

  .main-img2 {

    width: 220px;

}

  .social-media {

    background-size: 330px 500px;

}

  .pot {

    bottom: -370px;

    width: 80px;

  }

  .socialSlideIcon{

  	font-size: 32px;

    width: 71px;

	height: 71px;

    margin: 12px auto 15px;

  }

  .social-media h3{

  	font-size: 32px;

    margin-bottom: 20px;

  }

  .social-media p{

  	font-size: 14px;

    margin-bottom: 6px;

  }

  .social-slider{

  	width:auto;

  }

  

  .form-group.inputDiv {

    position: relative;

    width: 100%;

    margin-bottom: 25px;

	}

  

  .home-form {

  	width: 100%;

    margin-left: auto;

    margin-right: auto;

    padding: 69px 0px 20px 0px;

}

  .top-hero.signupPage .home-form {

      width: 80%;

  }

  .top-hero.signupPage .form-group.inputDiv {

      width: auto;

  }

  .top-hero.signupPage .home-form input[type="text"],

  .top-hero.signupPage .home-form input[type="password"],

  .top-hero.signupPage .home-form input[type="email"] {

      width: 250px;

  }

  .top-hero.signupPage .btn.btn-primary.mr-t {

      width: 230px;

  }

  .animation-box .main-img{

  	margin-top: 75px;

    width: 70%;

    }

  .animation-box .icon-12{

  	display:none;

  }

  .animation-box .icon-1{

  	display:none;

  }

  .animation-box .icon-5{

  	display:none;

  }

  .animation-box .icon-10{

  	display:none;

  }

  .animation-box .icon-13{

  	display:none;

  }

  .animation-box .icon-7{

  	display:none;

  }

  .animation-box .icon-2{

  	display:none;

  }

  .animation-box .icon-17{

  	left: 19px;

    margin: 0px;

  }

  .animation-box .icon-14{

  	display:none;

  }

  .animation-box .icon-6{

  	display:none;

  }

  .customerTabs li div{

  	margin-bottom:25px;

  }

  /* DASHBOARD */

  .nav-bottom .nav li a{

  	padding: 10px 3px;

  }

  .nav-bottom .nav li a .material-icons {

    font-size: 16px;

  }

  .neworderStats h1 {

    font-size: 42px;

  }

  .statBox {

    background-size: 50px;

	margin-bottom: 20px;

  }

  .ratioBox h2 {

    font-size: 24px;

  }

  .progressBar{

  	margin: 20px 0 10px;

  }

  .timeLine .content {

    width: 73%;

  }

  .contactInfo{

  	font-size: 14px;

	padding: 10px 10px;

    margin-bottom: 25px;

  }

  .icon-8 {



    right: 135px;

    bottom: 246px;

  }

  .icon-9{

  	left: 365px;

  }

  .icon-16{

  	left: 110px;

  }

  .customerTabs {



    padding: 140px 0 30px;



}

  .icon-18{

  	top: 43px;

  }

  .icon-21{

  	left: 240px;

	top: 160px;

  }

  .icon-22 {

    right: 30px;

  }

  .icon-23 {

    right: 150px;

    top: 100px;

  }

  .guest #myTabs{

  	margin-bottom: 20px;

  }

  .socialSlideIcon {

    font-size: 28px;

    width: 64px;

    height: 64px;

    margin: 0 auto 10px;

   }

   .social-media h3 {

    font-size: 26px;

    margin-bottom: 15px;

   } 

  .interested img{

  	width: 150px;

  }

  .clientSlider .slick-dots {

    right: -170px;

}

  

}   

@media (max-width: 767px){

  

  .custom-ticket .badge{

 

    display: block;

    width: 25px !important;

    border-radius: 100px !important;

    height: 25px !important;

    right: 0px;

    top: 5px;

    padding: 0;

    position: absolute;

    background: transparent;

    font-size: 15px !important;

    line-height: 25px !important;

    }

  

  

  /* .animation-box .icon-9{

    right: 0px;	

  } */

  /* .animation-box-2 .main-ani{

  	width:100%;

  } */

  .navbar-default .navbar-toggle .icon-bar {

    background-color: #ffff;

  }

  /* DASHBORAD */

  .nav-bottom{

  	display:none;

  }

  .showOnMobile,

  .nav.page-navigation.showMobile {

    display: block;

    box-shadow: none;

  }

  #dashNav .navbar-right {

    float: right;

    margin: auto;

  }

  #dashNav.navbar-default .navbar-right li a {

    padding: 15px 12px;

    font-size: 14px

  }

  #dashNav .hideMobile {

    display: none;

  }

  .inner-dashboard {

    background: transparent;

    padding: 0;

    border-radius: 4px;

    box-shadow: none;

  }

  .nav.page-navigation li {

    display: block;

    width: auto;

  }

  .navbar-default .navbar-collapse{

  	background: #ffffff;

  }

  #dashNav .nav.page-navigation li a {

    font-size: 14px;

    display: flex;

    align-items: center;

  }

  #dashNav .nav.page-navigation li a .material-icons {

    font-size: 18px;

    margin-right: 12px;

  }

  #dashNav .nav.page-navigation li:first-child a {

    background: #5ee78d;

  }

  #dashNav .nav.page-navigation li a .badge {

    border-radius: 0;

    display: block;

    width: 100%;

    font-size: 18px;

    font-weight: 300;

    line-height: 30px;

    padding: 0;

    background: transparent;

  }

  .nav-pills .pull-right.search {

    display: block;

    float: none;

    width: 100%;

  } 

  .animation-box .main-img {

    margin-top: 0;

    width: 440px;

  }

  .animation-box .icon-1,

  .animation-box .icon-2,

  .animation-box .icon-5,

  .animation-box .icon-6,

  .animation-box .icon-7,

  .animation-box .icon-10,

  .animation-box .icon-12,

  .animation-box .icon-13,

  .animation-box .icon-14{

  	display:block;

  }

  .icon-1 {

    right: 0px;

    bottom: 0px;

    width: 22px;

    height: 22px;

  }

  .icon-2{

  	left: 26%;

  }

  .icon-3{

  	left: 0;

  }

  .icon-4 {

    right: 0px;

	bottom: 16%;

  }

  .icon-5 {

    bottom: 85px;

    left: 48%;

  }

  .icon-6 {

    top: 47%;

    left: 36%;

  }

  .icon-7 {

    top: 15%;

    left: 48%;

  }

  .icon-8 {

    right: 20%;

    bottom: 80%;

  }

  .icon-9{

  	left: 50%;	

  }

  .icon-10 {

    right: 6%;

    top: 30%;

  }

  .icon-11 {

    left: 14%;

    top: 14%;

  }

  .icon-12{

  	left: auto;

    right: 0;

  }

  .icon-13 {

    bottom: 80%;

    left: 20%;

  }

  .icon-14 {

    left: 4%;

    top: 50%;

  }

  .icon-15 {

    top: 10%;

    left: 30%;

  }

  .icon-16 {

    bottom: 60%;

    left: 50px;

  }

  .customerTabs li div{

  	font-size: 14px;

    width: 140px;

	height: 140px;

  }

  .customerTabs {

    padding: 110px 0 50px;

  }

  .animation-box-2 .main-ani{

  	width: 400px;

    left: 43%;

  }

  .animation-box-2 .ani-icon-2{

  	left: 26%;

	top: 118px;

  }

  .animation-box-2 .ani-icon-3{

  	left: 10%;

	top: 46px;	

  }

  .animation-box-2 .ani-icon-4{

  	left: 20%;

	top: -52px;

  }

  .animation-box-2 .ani-icon-5{

  	left: 0%;

	top: -92px;

  }

  .animation-box-2 .ani-icon-6{

  	right: 0;

	top: -77px;

  }

  .animation-box-2 .ani-icon-7{

  	right: 10%;

	top: -11px;

  }

  .animation-box-2 .ani-icon-8{

  	right: 0%;

	top: 182px;

  }

  .animation-box-2 .ani-icon-10{

  	right: 90%;

	top: 165px;

  }

  .animation-box-2 .ani-icon-11{

  	right: 6%;

	top: 43px;

  }

  .customerResults {

    padding: 80px 0px 80px 0px;

  }

  .animation-box-3 .ani-main{

  	width: 360px;

  }

  .animation-box-3 .ani-icon-1{

  	left:0;

  }

  .animation-box-3 .ani-icon-2{

  	left: 20%;

  }

  .animation-box-3 .ani-icon-3{

  	left: 20%;

  }

  .animation-box-3 .ani-icon-4{

  	left: 40%;

  }

  .animation-box-3 .ani-icon-5 {

    left: 60%;

  }

  .animation-box-3 .ani-icon-6{

  	right: 16%;

  }

  .animation-box-3 .ani-icon-7{

  	right: 10%;

  }

  .animation-box-3 .ani-icon-8{

  	right: 0;

  }

  .interested img{

  	width: 190px;

	left: 0;

	margin: auto;

    right: 0;

	top: -410px;

  }

  .interested p{

  	padding: 0 0;

  }

  #guest-nav.navbar-default .navbar-nav > li > a{

  	color: #01487f;

    font-weight: 300;

  }

  

  

  /* .animation-box-2 .ani-icon-1{

  	top: 0%;

  	left: 44%;	

  }

  .animation-box-2 .ani-icon-3{

  	left: 7%;

  	top: 24px;

  }

  .animation-box-2 .ani-icon-4{

  	left: 13%;

  	top: 2px;

  } */

  

  .animation-box-2 .ani-icon-1{

  	left: 237px;

  }

  /* .animation-box-2 .ani-icon-2 {

    left: 281px;

  }

  .animation-box-2 .ani-icon-3 {

    left: 256px;

  }

  .animation-box-2 .ani-icon-4 {

    left: 259px;

  }

  .animation-box-2 .ani-icon-5 {

    left: 399px;

  }

  .animation-box-2 .ani-icon-6 {

    right: 226px;

  }

  .animation-box-2 .ani-icon-7 {

    right: 198px;

  }

  .animation-box-2 .ani-icon-8 {

    right: 311px;

  }

  .animation-box-2 .ani-icon-9 {

    left: 353px;

  }

  .animation-box-2 .ani-icon-10 {

    right: 257px;

  }

  .animation-box-2 .ani-icon-11 {

    right: 185px;

  } */

  .whySmm li{

  	line-height: 32px;

  }

  .animation-box-3 .ani-icon-6{

  	right: 86px;

  }

  .animation-box-3 .ani-icon-3{

  	left: 150px;

top: -56px;

  }

  .animation-box-3 .ani-icon-2{

  	left: 70px;

  }

  .animation-box-4{

  	height: 420px;

  }

  .social-media {

    background-size: 470px 520px;

    background-position: 0 160px;

    padding: 80px 0 130px;

  }

  .icon-20 {

    top: 130px;

    left: 310px;

}

  .icon-22 {

    right: 220px;

}

  .pot {

    bottom: 40px;

    width: 120px;

    right: 20px;

}

  .social-media .nav-pills > li > a {

    padding: 10px 6px;

}

  .clientSlider .slick-dots {

    transform: none;

    bottom: -50px;

    right: 0;

}

  .top-hero.signupPage .form-group.inputDiv {

    width: 50%;

    float: left;

}

.top-hero.signupPage .btn.btn-primary.mr-t {

    width: 50%;

    margin-top: 5px;

}

.home-form div.checkbox {

    top: 8px;

    display: inline-block;

}

.timeLine .content {

    width: 83%;

}

  .top-hero.signupPage .home-form {

      width: 100%;

  }

  

}

@media (max-width: 550px){

  .home-form .forgot-password {

  	float: none !important;

    text-align: center;

    margin-top: 41px;

    display: block;

    margin: auto;

    padding-top: 17px;

    width: 134px;

  }

  

  .home-form .pull-left.pull-left-middle { 

    display: block;

    margin: auto;

    margin-top: 14px;

    width: 238px;

    float: none !important;

    text-align: center;

}

  

  .top-hero h1 {

    font-size: 26px;

  }

  .home-form {

    padding: 20px 0;

  }

  .animation-box .main-img{

  	width: 250px;

  }

  .animation-box .icon-1,

  .animation-box .icon-2,

  .animation-box .icon-3,

  .animation-box .icon-4,

  .animation-box .icon-5,

  .animation-box .icon-6,

  .animation-box .icon-7,

  .animation-box .icon-8,

  .animation-box .icon-9,

  .animation-box .icon-10,

  .animation-box .icon-11,

  .animation-box .icon-12,

  .animation-box .icon-13{

  	display:none;

  }

  .icon-14 {

    left: 4%;

    top: 0;

  }

  .icon-15 {

    top: -10%;

    left: 20%;

  }

  .icon-16 {

    bottom: 110px;

    left: 90%;

  }

  .animation-box .icon-17 {

    left: 90%;

    margin: 0px;

    top: 70px;

  }

  .customerTabs li div {

    font-size: 14px;

    width: 100%;

    height: auto;

    margin-bottom: 5px;

    border-radius: 0;

    border-width: 1px;

  }

  .customerTabs ul li {

    flex: auto;

    width: 100%;

  }

  .animation-box-2 .main-ani {

    width: 280px;

    left: 0;

  }

  .animation-box-2 .ani-icon-1 {

    position: absolute;

    top: 0;

    left: 41%;

  }

  .outer-circle{

  	width: 310px;

	height: 310px;

  }

  .cir-icon{

  	width: 56px;

	height: 56px;

    font-size: 38px;

    left: 0;

    right: 0;

	margin: auto;

    top:6px;

  }

  .customerResults .text-box h4 {

    font-size: 16px;

	margin-top: 20px;

  }

  

  .text-box p{

  	font-size: 14px;

	margin-bottom: 15px;

  }

  .text-box h5{

  	font-size: 12px;

    line-height: 14px;

	margin: 12px 0;

  }

  .text-box .badgeBtn{

  	font-size: 12px;

    width: 80px;

	height: 32px;

  }

  .clientSlider .slick-dots {

    right: 0;

    bottom: -50px;

    left: 0;

    margin: auto;

    transform: none;

  }

  .footer-top p{

  	width:auto;

  }

  .footer-top h5{

  	font-weight: 500;

	font-size: 16px;

	margin: 26px 0 15px;

  }

  .footer-top .form-control{

  	height: 42px;

  }

  .footer-top .btnCustom {

    padding: 6px 14px;

    font-size: 16px;

  }

  .footer-top h4 {

    font-size: 16px;

  }

  .footer-top textarea.form-control {

    height: 113px;

  }

  .footer-top .input-group .form-control{

  	padding-left: 15px;

  }

  .footer-top {

    padding: 30px 0;

  }

  .footer-bottom p{

  	font-size: 14px;

    margin-bottom: 10px;

  }

  .footer-top .btnCustomAlt{

  	width: 100%;

	font-size: 16px;

    height: 42px;

  }

  .form-group.inputDiv{

  	margin-bottom: 15px;

  }

  .form-group.inputDiv span{

  	width: 36px;

	height: 36px;

  } 

  .form-group.inputDiv span .material-icons {

    font-size: 18px;

  }

  .home-form input[type="text"],

  .home-form input[type="password"],

  .home-form input[type="email"]{

  	height: 42px;

    width: 100% !important;

  }

  .home-form .btn.btn-primary{

  	height:42px;

  }

  

  

  



  /* DASHBOARD */

  .navbar-brand img{

  	max-height: 22px;

  }

  #dashNav.navbar-default .navbar-right li a{

  	padding: 15px 8px;

  }

  .neworderStats h1 {

    font-size: 42px;

  }

  .inner-dashboard .nav-pills > li > a{

  	padding: 10px 8px;

  }

  .contactInfo{

  	margin-bottom: 20px;

  }

  .tab-content #contactUs h2 {

    font-size: 18px;

  }

  .tab-content #contactUs h2 span {

    font-size: 14px;

  }

  #contactUs a.openTicket{

  	line-height: 52px;

  }

  .user-dashboard{

  	padding:0;

  }

  .inner-dashboard .well.api{

  	float:none;

  }

  .api .width-40 {

    width: auto !important;

    word-break: normal;

    min-width: auto;

  }

  .footer-top .input-group{

  	width: 100%;

  }

  .footer-bottom p,

  .social{

  	text-align: center;

  }

  .whySmm{

  	padding: 55px 0;

  }

  .animation-box-3 .ani-main {

    width: 280px;

  }

  .whySmm .why-text-container {

    padding-left: 0;

  }

  .customerResults h2, .social-media h2, .clients h2 {

    font-size: 28px;

  }

  .whySmm h2{

  	font-size: 28px;

  }

  .whySmm li {

    position: relative;

    line-height: 25px;

    padding-left: 40px;

  }

  .whySmm li::before{

  	background-size: 100%;

	width: 26px;

	height: 26px;

  }

  .social-media {

    padding: 40px 0 130px;

    background-size: 290px 340px;

	background-position: 0 140px;

  }

  .interested h1 {

    font-size: 28px;

  }
    .interested h2 {

    font-size: 28px;

  }

  .interested img {

    width: 170px;

    top: -350px;

  }

  .clients {

    padding: 50px 0px;

  }

  .clientImg .clientIcon{

  	width: 47px;

	height: 47px;

    font-size: 20px;

  }

  .clientRow img{

  	width:70px;

  }

  .main-img2 {

    width: 130px;

}

  .animation-box-4 {

    height: 320px;

}

  .pot {

    bottom: 0;

    width: 80px;

  }

  .icon-19 {

    left: 70%;

    width: 20px;

    top: 40%;

  }

  .icon-20 {

    top: 50%;

    left: 50%;

  }

  .icon-21 {

    left: 70%;

    top: 20%;

  }

  .icon-22 {

    right: 40%;

    top: 80px;

  }

  .icon-23 {

    right: 60%;

    top: 10%;

  }

  .animation-box-2 .ani-icon-9 {

    left: 0;

    top: 0%;

  }

  .guest #myTabs li {

    display: block;

    float: none;

    text-align: center;

  }

  .slider-nav2, .slider-nav3, .slider-nav4, .slider-nav5, .slider-nav6{

  	display:none;

  }

  .top-hero.signupPage .form-group.inputDiv {

    width: 100%;

  }

  .top-hero.signupPage .btn.btn-primary.mr-t {

      width: 100%;

  }

  .top-hero.signupPage .btn.btn-primary.mr-t {

      width: 100%;

      margin-left: 0;

  }

  .home-form div.checkbox {

      text-align: center;

  }

  .home-form .pull-right.pull-right-middle {

      float: none !important;

      display: block;

      text-align: center;

  }

  .top-hero.signupPage .form-group.inputDiv.mr-l:nth-child(5) {

      width: 100%;

  }

  .top-hero.signupPage .form-group.inputDiv.mr-l.secondRowFirstBacha{

  	  width:100%;

  }

  .timeLine .content {

    width: 67%;

  }

  /* FAQ PAGE */

  .faqPage .btn-group .btn.btn-primary {

    font-size: 12px;

    display: block;

    clear: both;

    width: 100%;

    border-radius: 0;

    margin-bottom: 4px;

  }

  .faqPage .panel-heading .panel-title{

  	font-size:14px;

  }

  /* HOMEPAGE TWEAKS */

  .whySmm .btnCustom {

    margin: auto;

    width: 195px;

    display: block;

  }

  /* SERVICE PAGE TWEAKS */

  .servicePage .table-striped tbody tr:nth-of-type(2n+1){

  	background-color: #ffffff;

  }

  .servicePage .table.table-striped tr {

    background: #eff3f5;

  }

  /* NEW ORDER PAGE */

  .inner-dashboard.neworderPage .neworderStats .tab-content{

  	max-height: 100%;

  }

  .inner-dashboard.neworderPage iframe {

    height: auto;

  }

  .col-sm-6.splitWellCol h3 {

      font-size: 20px;

  }

  .smmnetAlert{

  	right: -50px;

    transform: rotate(9deg) scale(0.65);

  }

}

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

   Hassan custom styles  (EpycDev)

   ========================================================================== */
.thead-dark th {
    background-color: #ff5e52;
}
.thead-dark th {
    background-color: #ff5e52;
}
.inner-dashboard .btn-primary, .inner-dashboard .btn-primary:focus {
    background: linear-gradient(to right, rgba(255,64,61,1) 0%, rgba(255,130,27,1) 100%);
    border: transparent;
}