@import 'settings-panel.css';
html,body {width: 100%;height: 100%;}
body {font-family: 'Montserrat','Helvetica Neue',Arial,'sans-serif';background: #FFF;font-size:16px;}
a {color: #1889c1;transition: .4s;}
a, a:hover, a:focus, a:active {outline: 0;text-decoration: none;transition: .4s;color:inherit;}
a:hover {color:#1889c1;}
h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;color:#000;}
p {margin-bottom: 17px;font-size: 18px;line-height: 23px;color: #000;}
section{padding:35px 0px 0px 0px;}
ul, li {list-style: none;padding: 0px;margin: 0px;}
.padding0{padding:0px;}
.no-padding {padding: 0 !important;}
.outer-wrapper {width: 100%;position: relative;overflow: hidden;background:#fff;}
.outer-wrapper.boxed {width: 98%;max-width:1250px;margin-top: 20px;margin-left: auto;margin-right: auto;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);}
.outer-wrapper.boxed header {width: 100%;max-width:1250px;margin-left: auto;margin-right: auto;}
.marginbottom15{margin-bottom:15px;}
.colorred{color:red;}
.companytxt{font-size: 29px;font-weight: bold;margin: 13px 0px 0px 57px;color: #1889c1;}
textarea{font-size:16px !important;}
/**********************
   HEADER 
***********************/
#header-main.affix a.navbar-brand {font-size: 31px !important;margin: 5px 0 0;}
#header-main.affix {position: fixed;top: 0;left: 0;width: 100%;margin-top: 0;padding: 10px 0;min-height: inherit;z-index: 999;
	background: #ffffff;background: rgba(255,255,255,1);border-bottom: 1px solid #efefef;}
#header-main.affix .navbar {margin-top: 0px;}
#header-main.affix .navbar-nav > li > .dropdown-menu {margin-top: 12px !important;}
#header-main.affix .navbar-brand img {width: 80%;margin-top: 7px;}
#header-main.affix .navbar-brand {line-height: 38px;}
#header-main {padding: 0px;position: relative;background-color: #FFF;top: 0px;left: 0px;right: 0px;font-family: raleway;
    z-index: 111;    box-shadow: 2px 0px 10px 1px #000;}
#header-main .navbar-default {background-color: transparent;border: none;}
#header-main .navbar-brand {padding: 1px 0 0;}
#header-main .navbar-brand img {width: 45px;height: 45px;}
#header-main .navbar {margin-bottom: 0;}
.dropdown-menu {position: absolute;top: 100%;left: 0px;z-index: 1000;display: none;float: left;min-width: 160px;
	padding: 5px 0px;margin: 2px 0px 0px;list-style: outside none none;font-size: 14px;background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	background-clip: padding-box;}
#header-main .yamm .nav,
	#header-main .yamm .collapse,
	#header-main .yamm .dropup,
	#header-main .yamm .dropdown {position: static;}
#header-main .yamm .container {position: relative;}
#header-main .yamm .dropdown-menu {left: auto;right: auto;}
.white-wrapper .testimonial h3,#header-main .yamm-fw .dropdown-menu li a {color: #262626 !important;}
#header-main .yamm-fw .dropdown-menu li a:before {font-family: "FontAwesome";content: "\f105";
	font-size: 13px;padding-right: 5px;}
#header-main .yamm-fw .dropdown-menu li {list-style: none;padding: 0;}
#header-main .yamm-fw .nav.navbar-right .dropdown-menu {left: auto;right: 0;}
#header-main .yamm .yamm-content {padding: 20px;}
#header-main a:hover {text-decoration: none;}
#header-main .dropdown-menu li a:focus,#header-main .dropdown-menu li a:active,#header-main .dropdown-menu li a:hover {
	background-color: #fff;}
#header-main .yamm img {margin-bottom: 10px;}
#header-main .dropdown-menu,
#header-main .yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;right: 0;background-color: #fff;box-shadow: none;margin-top: -1px;border: none;
	border-top: 3px solid #fff;z-index: 999999;}
#header-main .navbar-nav > li > a:focus,#header-main .navbar-nav > li > a {
	color: #262626;padding: 22px 18px 22px;font-size: 14px;overflow: hidden;position: relative;z-index: 99999;}
#header-main .navbar-nav > li:hover > a ,#header-main .navbar-nav > li > a:hover {background:transparent !important;}
#header-main .dropdown-menu li a {
	text-decoration: none;display: block;position: relative;padding: 15px 20px;font-size: 12px;color: #262626 !important;
	background: transparent !important;font-weight:500;}
#header-main .dropdown-menu li a:hover {color: #1889c1 !important;background: #fff !important;}
#header-main .dropdown-menu {padding: 0 !important;border-radius: 0 !important;}
#header-main .yamm-fw .dropdown-menu li a {padding: 11px 0px;font-size: 13px;font-weight:500;}
#header-main .yamm-fw .dropdown-menu li a:hover {background: transparent !important;color: #1889c1 !important;}
#header-main .dropdown-menu li {
	float: none;display: block;margin: 0;text-align: left;border: 0;border-bottom: 1px solid #e1e1e1;position: relative;}
#header-main .dropdown-menu li:last-child {border-bottom: 0;}
#header-main .navbar-nav > li > a:hover,
	#header-main .navbar-default .navbar-nav > .open > a,
	#header-main .navbar-default .navbar-nav > .open > a:hover,
	#header-main .navbar-default .navbar-nav > .open > a:focus {
	color: #1889c1 !important;
}
#header-main .dropdown-menu,#header-main .yamm .dropdown.yamm-fw .dropdown-menu {border-top-color: #1889c1 !important;}
#header-main .yamm h3 i,#header-main .yamm-fw .dropdown-menu li a:before {color: #1889c1;}
.yamm .dropdown-submenu > .dropdown-menu {
	top: 0px;
	left: 100% !important;
	margin-top: -3px !important;
	margin-left: -1px;
	border-radius: 0px 6px 6px;
}
#header-main .yamm .dropdown-menu {right: auto;}
.arrow-up {color: rgb(0, 0, 0);font-size: 12px;display: inline-block;line-height: 0;position: relative;top: -1px;color: #aaa;
    margin-left: 2px;}
#header-main .navbar-nav > li > a:hover .arrow-up {	color:#1889c1;}
#header-main .navbar-nav > li > a.active .arrow-up {color:#1889c1;}
.navbar-brand {font-family: Pacifico;color: #000 !important;margin-top: 5px;font-size: 35px;}
.navbar-nav {float: left;margin: 0 0 -1px;}
.slider-wrap {position: relative !important;}
.inner-content {padding: 90px 0;}
.button {background: #000;padding: 15px 20px;color: #fff;text-transform: uppercase;border: none;font-size: 12px;
	letter-spacing: 2px;font-family: Montserrat;border-radius: 0px;display: table;transition: .4s;}
/*********************************
      HEADER TOP BAR
*********************************/
#top-bar {z-index:10; background: #4b4848;width: 100%;border-bottom: 1px solid #f0f0f0;font-size: 12px;
  height: 40px;position: relative;color: #fff;-moz-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05);box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05);
}
#top-bar .nav-social-icons {float: right;border-left: 1px solid rgba(0, 0, 0, 0.07);}
#top-bar .top-bar-content {height: 100%;float: left;padding-right: 12px;border-right: 1px solid rgba(0, 0, 0, 0.07);}
#top-bar .top-bar-content p {margin: 0;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);
  transform: translateY(-50%);display: inline-block;font-size: 11px;color: #b3b3b3;}
#top-bar .top-bar-content p span {margin:0 5px;}
#top-bar .container,#top-bar .row,#top-bar [class*="col-"] {height: 100%;}
#top-bar a {color: #b3b3b3;font-weight: 400;}
#top-bar a:hover {color: #b3b3b3;}
#top-bar p a {border-bottom:1px solid #b3b3b3;}
#top-bar p a:hover {text-decoration: none;}
#top-bar .top-login {float: right;position: relative;z-index: 101;height: 100%;border-right: 1px solid rgba(0, 0, 0, 0.07);padding:0 15px;}
#top-bar .top-login ul {list-style: none;margin: 0;padding: 0;position: absolute;top: 100%;right: 0;background: #333;-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);min-width: 150px;padding: 5px 10px;
  display: none;}
#top-bar .top-login ul li a {display: block;padding: 3px;color: #fff;}
#top-bar .top-login:hover {cursor: pointer;}
#top-bar .top-login:hover ul {display: block;}
.top-login a {line-height:42px;}
/************************************
       SOCIAL ICONS
************************************/
.social-icons {list-style: none;margin: 0;padding: 0;*zoom: 1;}
.social-icons:after {content: "";display: table;clear: both;}
.social-icons li {height: 32px;float: left;margin-right: 3px;margin-bottom: 3px;border-right: 1px solid rgba(0, 0, 0, 0.07);}
.social-icons li a {
  height: 32px;
  width: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  background: transparent;
  -moz-transition: background 0.2s, color 0.1s, box-shadow 0.1s;
  -o-transition: background 0.2s, color 0.1s, box-shadow 0.1s;
  -webkit-transition: background 0.2s, color 0.1s, box-shadow 0.1s;
  transition: background 0.2s, color 0.1s, box-shadow 0.1s;
  text-align: center;
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  color: #919191;
}
#footer-widget-area .social-icons li a {-moz-box-shadow: inset 0 0 0 1px #6F6F6F;-webkit-box-shadow: inset 0 0 0 1px #6F6F6F;
  box-shadow: inset 0 0 0 1px #6F6F6F;color: #cfcfcf;}
#footer-widget-area .social-icons li a:hover {text-decoration: none;color: #fff;-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);}
.social-icons li a:hover {text-decoration: none;color: #fff;-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);}
.social-icons li a i {display: block;height: 32px;padding: 10px 0;top: 0;-moz-transition: top 0.2s;-o-transition: top 0.2s;
  -webkit-transition: top 0.2s;transition: top 0.2s;position: relative;}
.social-icons li:hover a i {top: -100%;}
#top-bar .social-icons li {margin: 0;}
#top-bar .social-icons li a {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;
  -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;color: #b3b3b3;}
#top-bar .social-icons li a:hover {-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);color: #fff;}
#top-bar .social-icons li a i {padding: 15px 0;}
#top-bar .social-icons li, #top-bar .social-icons a, #top-bar .social-icons i {height: 40px;}
.social-icons .facebook a:hover {background: #3B5998;}
.social-icons .twitter a:hover {background: #33ccff;}
.social-icons .pinterest a:hover {background: #cb2027;}
.social-icons .github a:hover {background: #000000;}
.social-icons .linkedin a:hover {background: #007bb6;}
.social-icons .dribbble a:hover {background: #EE508D;}
.social-icons .google-plus a:hover {background: #dd4b39;}
.social-icons .youtube a:hover {background: #bb0000;}
.social-icons .vimeo-square a:hover {background: #44bbff;}
.social-icons .flickr a:hover {background: #ff0084;}
.social-icons .skype a:hover {background: #00AFF0;}
.social-icons .instagram a:hover {background: #517fa4;}
.social-icons .tumblr a:hover {background: #00225F;}
.social-icons .codepen a:hover {background: #252527;}
.social-icons .behance a:hover {background: #1769ff;}
.social-icons .deviantart a:hover {background: #4e6252;}
.social-icons .digg a:hover {background: #000;}
.social-icons .dropbox a:hover {background: #007ee5;}
.social-icons .foursquare a:hover {background: #0072b1;}
.social-icons .jsfiddle a:hover {background: #4679bd;}
.social-icons .openid a:hover {background: #f78c40;}
.social-icons .reddit a:hover {background: #ff4500;}
.social-icons .soundcloud a:hover {background: #f80;}
.social-icons .spotify a:hover {background: #7ab800;}
.social-icons .steam a:hover {background: #262627;}
.social-icons .stumbleupon a:hover {background: #eb4924;}
.social-icons .vine a:hover {background: #00b488;}
.social-icons .lastfm a:hover {background: #c3000d;}
.social-icons .vk a:hover {background: #45668e;}
.social-icons .apple a:hover {background: #202020;}
.social-icons .windows a:hover {background: #00bcf2;}
.social-icons .wordpress a:hover {background: #21759b;}
/***************************************
         FOOTER
***************************************/
footer {background: #282828 url(../images/footer-bg.png) no-repeat bottom right;padding: 30px 0 30px;}
.footer-bottom {background: #303030;height: 60px;position: relative;overflow: hidden;padding: 15px 0;}
.footer-bottom p {color: #666;padding-top: 5px;margin: 0;}
.logo {margin-top: -165px;}
.btn-center {display: table;margin: 0 auto;}
.nav-tabs {border-bottom: none;display: table;width: 100%;}
.nav-tabs li {border: 1px solid #e5e5e5;border-right: none;width: 25%;position: relative;overflow: hidden;}
.nav-tabs li.active::after {content: "";background: #1889c1;width: 20px;height: 20px;position: absolute;top: -9px;right: -10px;transform: rotate(45deg);}
.nav-tabs li:last-child {border-right: 1px solid #e5e5e5;}
.nav-tabs li a {box-shadow: none;background: #0000001f;border: none !important;display: table;width: 100%;text-align: center;padding: 40px 10px;font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;color: #000;font-size: 16px;}
.nav-tabs li a span {color: #1889c1;margin-right: 10px;}
/*********************************
      FOOTER
********************************/
footer h4 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 0px 0px 25px;
	color: #fff;
	position: relative;
	text-align:center;
}
footer p {
	font-size: 16px;
	color:#f1f1f1;
}
.c-info {
	background: transparent url("../images/map.png") no-repeat scroll left bottom / 55% auto;
	background-position: 0 100%;
	overflow: visible;
	padding-bottom: 78px;
}
.c-info li i {
	position: absolute;
	left: 0px;
	color: #444;
	top: 6px;
}
.c-info li {
	padding-left: 25px;
	position: relative;
	font-size: 16px;
	color: #f1f1f1;
	margin-bottom: 3px;
	line-height: 23px;
}
.f-posts li {
	padding-bottom: 11px;
}
.f-posts li:last-child {
	border-bottom: none;
}
.f-posts li img {
	float: left;
	width: 55px;
	height:55px;
	border: 5px solid rgba(0,0,0,0.1);
}
.f-posts li h5 {
	margin: 0px 0px 5px 70px;
	font-family: Open Sans;
	font-size: 16px;
}
.f-posts li h5 a {
	color: #fff;
}
.f-posts li h5 a:hover {
	color: #1889c1;
}
.f-posts li p {
	font-size: 12px;
	margin: 0 0 0 70px;
}
.thumbs li {
	float: left;
	margin: 0 5px 5px 0;
}
.thumbs li img {
	width: 75px;
transition:.4s;
}
.thumbs li img:hover {
opacity:0.7;
transition:.4s;
}
.f-social a {
	border: 1px solid #444;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: inline-block;
	color: #777;
	line-height: 23px;
	text-align: center;
	margin-right: 3px;
	font-size: 11px;
}
.f-social a:hover {
	background: #444;
	color: #999;
	line-height: 23px;
	text-align: center;
	margin-right: 3px;
	font-size: 11px;
}
.footer-top {
	background: #333;
	padding: 40px 0;
}
.fsidebar {
	width: 30%;
	float: left;
	padding-right: 30px;
}
#fs-content {
	width: 68%;
	float: right;
}
.fs-info h3 {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 15px;
}
.progress {
	height: 24px;
	margin-bottom: 40px;
	overflow: visible;
	box-shadow: none;
	border-radius: 0px;
}
.progress-bar {
	margin: 0px;
	border-radius: 0px;
	height: 20px;
	line-height: 20px;
	box-shadow: none !important;
	font-family: Montserrat;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: left;
	padding: 0 12px;
	position: relative;
}
.progress-bar span {
	position: absolute;
	right: -15px;
	background: #ddd;
	padding: 0px 4px;
	border-radius: 2px;
	top: -25px;
	color: #666;
/**	text-shadow: 0 0 2px #000; **/;
}
.progress-bar-default {
	background: #000;
}
.progress-bar span:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #ddd transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -5px;
	left: 0;
	right: 0px;
	margin: 0 auto;
}
.progress-bar-success {
	background: #1889c1 !important;
}
.progress-bar-info {
	background: #0FA2D5 !important;
}
.progress-bar-warning {
	background: #FF4862 !important;
}
.nav-tabs li.col-md-4 {
	width: 33.3333%;
	padding-left: 0px;
	padding-right: 0px;
}
.nav-tabs li i {
	color: #1889c1;
	margin-right: 10px;
}
.intro-wrap {
	background:url(../images/slider/9.jpg) no-repeat center;
	background-size:cover;
}
.intro-wrap h1 {
	font-family:Open Sans;
	font-size:70px;
	font-weight:300;
	color:#fff;
	margin:200px 0 0;
}
.intro-wrap p {
	font-size:16px;
	font-weight:400;
	color:#fff;
	margin:20px 0 30px;
}
#punch{    padding: 50px 0px;
    background-color: #1889c1;
    text-align: center;
    color: #fff;
    font-size: 34px;}
#punch h3{color:#fff;font-size:28px;font-weight:bold;}
#punch h6{font-size: 19px;color: #fff;}
h2.headingtitle{    color: #1889c1;
    text-align: center;
    margin: 20px 0px;
    font-weight: bold;}
#works .fa{color: #fff;
    font-size: 21px;
    margin: 27px 0px;
    background-color: #1889c1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 18px;}
#works .title{font-size: 21px;
    font-weight: bold;
    margin: 10px 0px;}
#works .description{    margin: 0px 0px 16px 0px;}
hr{border: solid 1.2px #1889c1;
    width: 7%;
    border-radius: 16px;}
#features .left .features-box{margin: 60px 0;padding: 0 64px 0 0;}
#features .left .features-icon{font-size: 40px;position: absolute;right:0px;color:#1889c1;}
#features .left h3{text-transform: uppercase;font-size: 16px;margin-top: 0;font-weight: bold;}
#features .left p{margin: 17px 0px 30px 106px;}
#features .right .features-box{margin: 60px 0;padding: 0 0 0 64px;}
#features .right .features-icon{font-size: 40px;position: absolute;left:0px;color:#1889c1;}
#features .right h3{text-transform: uppercase;font-size: 16px;margin-top: 0;font-weight: bold;}
#features .right p{margin: 17px 106px 30px 0px;;}
.textblue{color:#1889c1;}
#whycard .why-box{    margin: 16px 0;
    padding: 0 0 0 64px;}
#whycard .why-icon{font-size: 35px;
    position: absolute;
    left: 20px;
    color: #1889c1;}
#whycard h3{text-transform: uppercase;
    font-size: 14px;
    margin-top: 0;
    font-weight: bold;}
#whycard p{    margin: 17px 188px 30px 0px;}
#half .innerbox{background-color:#000;padding: 78px 60px 80px 60px;color:#fff;}
#half .outerbox{background-color:#1889c1;padding: 78px 60px 80px 60px;color:#fff;}
#half .title{font-size: 26px;
    font-weight: bold;}
#half .summary{    font-size: 16px;
    text-align: center;
    margin: 15px 0px 30px 0px;}
#whom{background-color:#1889c1;color:white;}
#whom .rightbox li {
    float: left;
    padding: 18px 0px 18px 0px;
    margin: 0px;
    border-bottom: 1px dashed #74b8da;
   }
#whom .fa{font-size: 36px;}
#whom .rightbox li h2 {
    color: #fff;
    font-weight: normal;
    width: 87%;
    float: right;
    margin: 0px;
    font-size: 22px;
}
#whom li h2 em {
    margin-top: 10px;
    font-size: 16px;
    font-style: normal;
    display: block;
    line-height:26px;
}
#whom .leftbox{padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 530px;
    background: url(../../assets/images/sharebizcard.png) no-repeat left bottom;background-size: contain;}
#whom .btnseemore{margin:20px 0px;}
#touch{background-color:#1889c1;color:white;padding:19px;}
#touch .text{font-size:26px;font-weight:bold;}
#touch .btn{margin-left:20px;}
#featurespage .whitesection{background-image:url('../../assets/images/pattern.png');}
#featurespage .bluesection{background-color:#1889c1;color:#fff;}
#featurespage .bluesection h3{color:#fff;}
#featurespage h3{font-size: 24px;margin: 20px 0px;}
#featurespage em{font-size: 17px;font-style: normal;}
#privacypolicypage .titletag,#feedbackpage .titletag,#formpage .titletag,#pricingpage .titletag,#beneficialspage .titletag,#contactpage .titletag,#samplepage .titletag{text-align: center;margin: 27px 0px 8px 0px;font-size: 28px;}
#privacypolicypage h6.tagline,#feedbackpage h6.tagline,#formpage h6.tagline,#pricingpage h6.tagline,#beneficialspage h6.tagline,#contactpage h6.tagline,#samplepage h6.tagline{padding: 0px 185px 0px 185px;text-align: center;font-size:16px;line-height:25px;}
#beneficial .innerbox{margin: 15px;border-radius: 12px;box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);
    box-sizing: border-box;padding: 12px;}
#beneficial .iconimg .fa{font-size: 22px;color: #fff;background-color: #1889c1;padding: 16px 16px 16px 16px;border-radius: 8%;margin: 18px 0px;}
#beneficial .title{text-align: center;font-weight: bold;color: #1889c1;}
#beneficial h2.summary {margin: 14px 0px;padding: 0px 19px;font-size: 14px;font-weight: normal;line-height: 19px;}
#beneficialspage .parallax{background-image: url('../../assets/images/parallax.png');height: 100%; 
 background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;padding:100px;opacity:0.8;}
#beneficialspage .parallax h2{text-align: center;font-weight: bold;color: #fff;font-size: 35px;}
#beneficialspage .parallax h3{text-align: center;font-size: 19px;margin: 20px 0px;font-weight: bold;color:#fff;}
#pricingpage .outerbox{margin-bottom: 10px;}
#pricingpage .innerbox{min-height: 79px;box-shadow: 0px 1px 8px 1px #5e5959;border-radius: 5px;}
#pricingpage .title{text-align: center;color: #fff;padding: 3px 0px;}
#pricingpage .description{padding: 12px 0px 18px 36px;}
#pricingpage #note p{line-height:20px;font-size:14px;margin-bottom:4px;}
#contactpage .innerbox{text-align: center;
    line-height: 26px;
    padding: 20px;
    box-shadow: 2px 2px 11px 4px #c0bebe;
    margin-top: 23px;margin-bottom:23px;}
#contactpage .fa{    font-size: 25px;
    color: #1889c1;
    background-color: #eddfdf;
    padding: 11px;
    border-radius: 50%;
    width: 48px;
    height: 48px;}
#contactpage .title{ font-weight:bold;margin: 6px 0px;}
#contactpage .summary{font-size:15px;}
#feedbackpage h5,#contactpage h5{font-size:21px;font-weight:bold;}
#feedbackpage h6,#contactpage h6{font-size:16px;margin-bottom:26px;}
#testimonals h4{color: #1889c1;text-align: center;margin: 20px 0px;font-weight: bold;font-size: 28px;}
#testimonals .box{padding:40px;}
#testimonals .avatarbox img{width:100px;}
#testimonals .testimonalstext{margin: 25px 247px;}
#testimonals h5{font-size: 16px;line-height: 26px;text-align: center;}
#testimonals .leftquote{width: 53px;vertical-align: super;}
#testimonals .name{font-weight:bold;font-size:18px;margin:10px 0px;}
.stickynote{position: fixed;
    top: 143px;
    background-color: #f3f3f3;
    border: solid 1px #ddd;
    right: 0;
z-index:99;}
.stickytext{    text-align: center;
    background-color: #2196F3;
    color: #fff;
    padding: 6px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;}
#privacypolicypage p{text-align: justify;}
#thankyoucustomerpage{background:url('../../assets/images/bg_digisnap.png');min-height: 540px;background-size: cover;background-position: center;color:#fff;}
#thankyoucustomerpage .mockupimg{margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}
#thankyoucustomerpage .padding6520{padding: 65px 20px 0px 20px;}
#thankyoucustomerpage .thankyoutext{font-size: 30px;font-weight: bold;}
#thankyoucustomerpage .padding25{padding: 25px;}
#thankyoucustomerpage .linktext{padding-left:25px;text-align:center;}
#thankyoucustomerpage .linktext a{background-color: #0766c2;padding: 6px;border-radius: 8px;}
input {outline: 0;border-width: 0 0 1px;border-color: #ddd; width: 100%;border-radius:0px !important;font-size:16px !important;
  height: 36px !important;padding: 2px 0px !important;}
input:focus {border-color: #256da5;}
.form-group{margin-bottom:24px !important;}
label{font-weight:normal !important;color: #1889c1;}
/**** 404 Page ****/
#notfound {position: relative;height: 100vh;}
#notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notfound {max-width: 767px;width: 100%;line-height: 1.4;text-align: center;padding: 15px;}
.notfound .notfound-404 {position: relative;height: 220px;}
.notfound .notfound-404 h1 {position: absolute;left: 50%;font-size: 186px;
    top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);font-weight: 200;margin: 0px;background: linear-gradient(130deg, #1d71b4, #0f62a4);
    color: transparent;-webkit-background-clip: text;text-transform: uppercase;}
.notfound h2 {font-size: 33px;font-weight: 200;text-transform: uppercase;
    margin-top: 0px;margin-bottom: 25px;letter-spacing: 3px;}
.notfound p {font-size: 16px;font-weight: 200;margin-top: 0px;margin-bottom: 25px;}
.notfound a {color: #0f62a4;font-weight: 200;text-decoration: none;border-bottom: 1px dashed #0f62a4;border-radius: 2px;}
#pricingpage .freebox .pricetitle{font-size: 20px;background-color:#2e6da4;color:#fff;padding: 7px 0px;}
#pricingpage .businessbox .pricetitle{font-size: 20px;background-color:#3082ca;color:#fff;padding: 7px 0px;}
#pricingpage .professionalbox .pricetitle{font-size: 20px;background-color:#41a3fa;color:#fff;padding: 7px 0px;}
#pricingpage .freebox .pricetitletag,#pricingpage .businessbox .pricetitletag,#pricingpage .professionalbox .pricetitletag{text-align: center;margin: 15px 0px;font-size: 16px;}
#pricingpage .freebox .price,#pricingpage .businessbox .price,#pricingpage .professionalbox .price{text-align: center;font-size: 50px;margin:0px;font-weight:bold;color:#165588;}
#pricingpage .freebox li,#pricingpage .businessbox li,#pricingpage .professionalbox li{border-bottom:dashed 1px #80808042;line-height: 38px;font-size: 16px;text-align: center;}
#pricingpage .freebox hr{width:100%;}
#pricingpage .businessbox hr{width:100%;border-color:#3082ca;}
#pricingpage .professionalbox hr{width:100%;border-color:#41a3fa;}
#pricingpage .businessbox{box-shadow: 0px -1px 6px 0px #000000;padding:0px;}
#pricingpage .btntrial{background-color:#2e6da4;}
#pricingpage .btnbusiness{background-color:#3082ca;}
#pricingpage .btnprofessional{background-color:#41a3fa;}
#pricingpage .iconrupee{width:17px;margin-right:2px;}
.fontbold{font-weight:bold;}
@media only screen and (min-width: 768px)  and (max-width: 959px)  {
.nav-tabs li a {padding: 40px 5px;font-size: 12px;}
.layout-modes {display: none;}
.filter-btn { float: none;margin-top: -8px;margin-bottom: 40px;position: relative;top: 44px;}
.fsidebar {width: 40%;}
#fs-content {width: 58%;}
#header-main .navbar-nav > li > a {padding: 35px 15px;}
.thumbs li img {width: 50px;}
#fs-content.fs-content2 {width: 58%;float: left;}
.shop-grid li {width: 50%;float: left;padding: 0px 15px 30px;}
}
@media screen and (max-width: 767px) {
#privacypolicypage h6.tagline, #feedbackpage h6.tagline, #formpage h6.tagline, #pricingpage h6.tagline, #beneficialspage h6.tagline, #contactpage h6.tagline, #samplepage h6.tagline{padding:0;}
#testimonals .testimonalstext{margin:0px;}
#beneficialspage .parallax{padding:20px;}
.header-x {padding: 34px 0px 0px 15px;position: absolute;top: -7px;float: right !important;right: 0;}
.navbar-toggle {margin-right: 0px !important;}
.nav-tabs li a {font-size: 11px;}
.nav-tabs li a span {display: block;}
.navbar-brand {margin-top: 14px;}
.navbar-toggle {margin-top: 14px;margin-right: 0;}
#header-main .navbar-nav > li > a {padding: 12px 18px;}
.dropdown-menu {position: relative;min-width: 100%;}
.navbar-nav {float: left;margin: 0px 0px -1px;width: 100%;}
.navbar-nav {float: left;margin: 0px 0px -1px;width: 100%;max-height: 100vh;overflow-y: scroll;overflow-x: hidden;}
.slider-wrap {position:relative;}
.style2 {padding: 0;}
.navbar-collapse {overflow: hidden !important;padding: 0 !important;}
.style2 p {font-size: 27px;font-weight: 100;line-height: 36px;}
.quote-meta {padding-left: 0;}
.post-meta span {font-size: 10px;}
.container {width:100%;max-width:500px;margin:0 auto;}
.footer-bottom {background: #222;height: auto;position: relative;top: -80px;margin-bottom: 0;overflow: hidden;padding: 23px 0px;text-align: center;}
.f-social {float: none !important;margin: 0px auto;}
}
@media screen and (min-width:320px) and (max-width:500px){
section{padding:13px 0px 0px 0px;}
.container{padding:0px 5px;}
#punch{padding:0px 0px 21px 0px;}
#punch h3{font-size:17px;line-height:23px;}
#whycard p{margin:0px;}
h2.headingtitle{font-size:20px;}
#whom .leftbox{display:none;}
#features .left p,#features .right p{margin:0px;}
#features .left .features-box{margin:40px 0px 40px 0px;}
#features .right .features-box{margin:40px 0px 40px 0px;}
#touch{padding:20px;}
#touch .text{font-size:21px;}
#touch .btn{margin:20px;}
#half .innerbox,#half .outerbox{text-align:center;padding:30px 5px 30px 5px;}
#half .title{font-size:21px;}
#half .summary{font-size:18px;}
#whom li h2 em{font-size:18px;}
.footer-bottom{top:0px;}
ul, li{text-align:center;}
.f-posts li h5{margin:0px;}
footer h4{font-weight:bold;font-size:18px;text-decoration:underline;margin:20px 0px;}
footer p,.f-posts li h5,.c-info li{font-size:18px;}
.notfound .notfound-404 {position: relative;height: 168px;}
.notfound .notfound-404 h1 {font-size: 142px;}
.notfound h2 {font-size: 22px;}
}