@charset "utf-8";


@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src:  url('../fonts/RobotoCondensed-Light.ttf') ;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('../fonts/RobotoCondensed-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
    src:  url('../fonts/RobotoCondensed-Regular.ttf') ;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../fonts/RobotoCondensed-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
    src:  url('../fonts/RobotoCondensed-Bold.ttf') ;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../fonts/RobotoCondensed-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
    src:  url('../fonts/RobotoCondensed-BoldItalic.ttf') ;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url('../fonts/RobotoCondensed-BoldItalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
    src:  url('../fonts/OpenSans-Light.ttf') ;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/OpenSans-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
    src:  url('../fonts/OpenSans-Regular.ttf') ;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans.woff2') format('woff2');
}



span.err {

color: red;
padding: 2px 4px;
}
span.succ {

color: green;
padding: 2px 4px;
}
.clear, .wrapper {
	overflow:hidden;
	width:100%
}
.list li, .nav-collapse_ .nav li a {
	font-family:'Roboto Condensed', sans-serif
}
.badge, .center, .list-services section, .nav-collapse_ .nav li a, .nav-collapse_ .nav ul li, .pricing-action, .pricing-box-alt .pricing-heading, .pricing-box-alt .pricing-terms, .pricing-content, .pricing-offer, .pricing-title, .row-2 {
	text-align:center
}
a[href^="tel:"] {
color:inherit;
text-decoration:none
}
.color-1 {
	color:#efedef
}
.img-indent {
	margin:0 30px 0 0;
	float:left
}
.img-indent1 {
	margin:1px 29px 16px 0;
	float:left
}
.spinner {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:url(../img/spinner.gif) 50% 50% no-repeat #fff
}
.nav-collapse_ .nav li, .navbar_, .navbar_ .container {
	position:relative
}
.preloader {
	background:url(../img/loader.gif) center center no-repeat
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0
}
.m-top {
	margin-top:-7px
}
.overflow.extra {
	overflow:visible
}
#search, .address-1, .block-slogan, .block-slogan div, .ic, .list-photo, .meta, .overflow {
	overflow:hidden
}
.left-0 {
	margin-left:0!important
}
.inner-1 {
	padding-right:30px
}
.header-top{
	background-color: #fe0000;
}
.header-top ul{
	    margin-bottom: 0;
}
.header-top ul li {
    list-style-type: none;
    display: inline-block;
    padding: 8px;
    border-left: solid 1px #9f0e11;
}.header-top p {    list-style-type: none;    display: inline-block;    padding: 8px;  }
.header-top ul li a{
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
}
header {
	z-index:50;
	background:#fff;
}
.navbar_ {
	margin:0;
	z-index:100;
}
.navbar_ .navbar-inner_ {
	padding:0;
	margin:0;
	border:none;
	min-height:inherit;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.nav-collapse_ {
	padding:0;
	z-index:10;
	float:right
}
.nav-collapse_ .nav li {
	margin:0;
	padding:0;
	zoom:1
}
.nav-collapse_ .nav>li {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:0 0;
	margin-left:22px
}
.nav-collapse_ .nav li a {
	text-shadow:none;
	text-decoration:none;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-transform:uppercase;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	color:#000;
	outline:0
}
.nav-collapse_ .nav>li>a {
	margin:0;
	display:block;
	background:0 0;
	position:relative;
	z-index:20;
	width:auto
}
.nav-collapse_ .nav>li>a .sf-sub-indicator {
	position:absolute;
	width:9px;
	height:6px;
	background:url(../img/indicator1.png) no-repeat;
	left:50%;
	bottom:21px;
	margin-left:-5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none;
	transition:border 150ms ease-in-out, background-color 150ms ease-in-out
}
.nav-collapse_ .nav>li.active>a, .nav-collapse_ .nav>li.active>a:hover, .nav-collapse_ .nav>li.sfHover>a, .nav-collapse_ .nav>li.sfHover>a:hover, .nav-collapse_ .nav>li>a:hover {
	color:#fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	font-size:14px;
	background:#fe0000
}
.nav-collapse_ .nav>li.active>a .sf-sub-indicator, .nav-collapse_ .nav>li.sfHover>a .sf-sub-indicator {
	background-position:0 bottom
}
.sub-menu>a {
	position:relative
}
.nav-collapse_ .nav ul {
	position:absolute;
	display:none;
	width:500px;
	left:-18px;
	top:84px;
	list-style:none;
	zoom:1;
	z-index:9;
	background:#000;
	padding:12px 0;
	margin:0
}
#content, .magnifier, .quote-1 {
	position:relative
}
.nav-collapse_ .nav ul li a {
	padding:4px 0;
	display:block;
	background:0 0
}
.nav-collapse_ .nav>li>ul li.sfHover>a, .nav-collapse_ .nav>li>ul li>a:hover {
	text-decoration:none;
	color:#fff;
	background:#F25C27;
	font-size:50px
}
.navbar_ .brand_, .navbar_ .brand_ h1 {
	font-size:0;
	line-height:0
}
.nav-collapse_ .nav ul .sf-sub-indicator {
	display:none
}
.nav-collapse_ .nav ul ul li a {
	color:#fff
}
.nav-collapse_ .nav li ul ul li a:hover {
	text-decoration:none;
	color:#000
}
.navbar_ .brand_ {
	display:block;
	float:left;
	padding:12px 0 0 4px;
	margin:0
}
li{
	list-style-type: none;
}
p{
	text-align: justify;
}
h5{
	color: #000 !important;
}
h1, h2, h3, h4, h5, h6 {
	text-transform:none;
	color:#F25C27;
	font-family:'Roboto condensed', sans-serif;
	font-weight:300;
	letter-spacing: 0px;
}
h1 {
	font-size:70px;
	line-height:74px
}
header h1 {
	padding:0;
	margin:0
}
h2 {
	font-size:50px;
	line-height:52px
}
h3 {
	font-size:30px;
	line-height:34px;
	margin:32px 0 15px;
	font-weight: 400;
	color: #f10000;
}
.content-extra h3 {
	margin:25px 0
}
h4 {
	font-size: 20px;
    line-height: 33px;
    margin: 6px 0 18px;
    color: #5f5f5f;
    font-weight: 600;
    letter-spacing: 0px;
	font-family: 'Times New Roman', Times, serif;

}
h5 {
	font-size:18px;
	color:#939393;
	font-weight:600;
	letter-spacing:0px;
}
p {
	padding-bottom:13px;
	margin:0;
	line-height: 25px;
}
#myCarousel{
	    margin-top: 3px;
    box-shadow: 3px 0px 5px #fe0000;
}
.carousel-control.left, .carousel-control.right{
	background-color: transparent;
	background-image: none;
}
.carousel-indicators {
	display: none;
}
.carousel-control {
    top: 48%;
    border: none;
    }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 23px;
    height: 30px;
    margin-top: -11px;
    font-size: 20px;
    color: #000;
    opacity: 10;
}
#content {
	padding:0 0 40px
}
.bg-content {
	background:url(../images/overbg.jpg)
}
.block-slogan {
	padding-bottom:20px;
	padding-top:20px
}
.overvw p b{
	color: #F25C27;
}
.block-slogan h2:first-letter {
	color:#F25C27;
	font-weight:400
}
.block-slogan h2 {
	float: left;
    margin: 0;
    padding-right: 58px;
    padding-top: 23px;
    line-height: 54px;
    color: #fff;
}
.block-slogan p {
	border-left:1px solid #454545;
	padding:0 0 0 26px
}
.row-1, .row-2 {
	background:#fff
}
.row-2 {
	background:#eee;
	border-top:2px dashed #ccc;
	border-bottom:2px dashed #ccc;
	font-style:italic
}
.row-2 h3 {
	margin:10px 0;
	font-style:normal
}
.ic {
	border:0;
	float:right;
	background:#fff;
	color:red;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0;
	padding:0
}
.thumbnails-1 {
	margin:0;
	list-style:none
}
.thumbnails-1>li {
	margin-bottom:40px
}
.thumbnails-1 .thumbnail-1 {
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding:0;
	line-height:20px
}
.thumbnails-1 .thumbnail-1 section {
	padding-top:5px
}
.thumbnails-1 .thumbnail-1 section h3 {
	color:#F25C27;
	font-weight:400;
	font-size:16px;
	margin:0 0 5px
}
.border-horiz {
	background:url(../img/border-horiz.gif) repeat-x;
	height:2px;
	margin:16px 0 0
}
.border-horiz.extra, .list-services a {
	margin-bottom:10px
}
.txt-1 {
	color:#fff;
	padding:3px 0 10px
}
.list-services .thumbnail-1 {
	background:#000;
	padding:10px
}
.list-services a {
	display:inline-block
}
.list-services p {
	padding-bottom:20px
}
.list-services section {
	padding:0 20px
}
.list-services li {
	margin-bottom:30px
}
.quote-1 {
	border:none;
	color:#7f7f7f;
	display:block;
	margin:0;
	padding:0
}
.badge {
	font-size:41px;
	line-height:44px;
	width:67px;
	text-shadow:1px 1px #e8eaea;
	-webkit-border-radius:36px;
	-moz-border-radius:36px;
	border-radius:36px;
	background:#d1cfd0;
	-webkit-box-shadow:1px 1px #dddcde;
	-moz-box-shadow:1px 1px #dddcde;
	box-shadow:1px 1px #dddcde;
	float:left;
	margin-right:18px;
	color:#1a1a1a;
	padding:11px 0;
	border-right:1px solid #eaedee;
	border-bottom:1px solid #eaedee
}
#search input, #search input:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none
}
.list.extra {
	width:100%;
	margin:0;
	float:none;
	padding-top:5px
}
.list.extra2 {
	width:170px;
	padding-top:5px
}
.list-pad {
	padding-right:13px
}
.list {
	list-style:none;
	padding-top:0px;
	float:left;
	margin:0
}
.list li {
	padding-left:10px;
	padding-bottom:10px;
	font-size:16px
}
.comments, .date-1, .name-author {
	line-height:18px;
	font-size:12px
}
.list li.last {
	padding-bottom:0
}
.list.extra1 a, .list.extra2 a {
	color:#7f7f7f
}
.list li a, .list.extra1 a:hover, .list.extra2 a:hover {
	color:#F25C27
}
.list li a {
	display:inline-block
}
.list li a img{
	border: 2px solid #a0a0a0;
}
.list li a:hover {
	text-decoration:none;
	color: #f10000;
}
.list-photo {
	list-style:none;
	margin:0 0 0 -30px;
}
.list-photo li {
	float:left;
	margin:0 0 30px 30px
}
.portfolio {
	list-style:none;
	margin:0
}
.portfolio li {
	float:left;
	margin:0 0 30px 30px
}
.magnifier {
	opacity:1;
	height:auto;
	display:block;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.btn-1, .magnifier:after {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease
}
.magnifier:hover {
	opacity:.7
}
.magnifier:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	opacity:0;
	left:0;
	top:0;
	background:url(../img/magnifier.png) center center no-repeat #000;
transition:all .3s ease
}
#contact-form, #contact-form label, #form-search, #sponsor, .buttons-wrapper, .grid li, .icon-set, .policy {
	position:relative
}
.magnifier:hover:after {
	opacity:.6
}
.list-blog {
	list-style:none;
	margin:0
}
.list-blog li {
	background:url(../img/border-horiz.gif) 0 bottom repeat-x;
	padding-bottom:40px;
	margin-top:32px
}
.list-blog li.last {
	background:0 0
}
.list-blog h3 {
	margin-bottom:6px;
	margin-top:0
}
.list-blog img {
	margin:21px 0 24px
}
.meta {
	margin-bottom:10px
}
.meta a:hover {
	color:#F25C27;
	text-decoration:underline
}
.date-1 {
	float:left;
	border-right:1px solid #7f7f7f;
	padding-right:8px
}
.name-author {
	float:left;
	padding-left:8px
}
.name-author a {
	text-decoration:none;
	outline:0
}
.comments {
	float:right;
	text-decoration:none
}
#search {
	margin:0;
	padding:10px 0 0
}
#search input {
	background:#fff;
	border:none;
	box-shadow:none;
	line-height:21px!important;
	width:260px;
	float:left;
	margin:0 10px 0 0;
	padding:4px 12px 5px;
	font-size:14px;
	height:30px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
#search input:focus {
	box-shadow:none
}
#search a {
	float:left
}
.map {
	margin:0 0 25px;
	padding-top:10px;
	line-height:0
}
.address-1 strong {
	color:#7f7f7f;
	display:block;
	font-weight:400
}
.address-1 span {
	display:inline-block;
	width:80px;
	color:#666
}
.mail-1 {
	text-decoration:underline;
	color:#F25C27
}
.mail-1:hover {
	text-decoration:none
}
.mail-2 {
	text-align:right
}
.mail-2 a {
	color:#3c3c3c
}
.mail-2 a:hover {
	text-decoration:underline
}
.btn-1:hover, .buttons-wrapper a:hover {
	text-decoration:none
}
#contact-form {
	vertical-align:top;
	z-index:1;
	margin:0 0 20px;
	padding-top:10px
}
#contact-form fieldset {
	border:none;
	padding:0;
	width:100%;
	overflow:hidden
}
#contact-form label {
	display:inline-block;
	min-height:40px;
	margin:0
}
#contact-form .message {
	min-height:343px;
	width:100%
}
#contact-form input, #contact-form textarea {
	font-family:'Open Sans', sans-serif;
	padding:5px;
	margin:0;
	font-size:14px;
	line-height:20px!important;
	color:#7f7f7f;
	background:0 0;
	outline:0;
	width:400px;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:1px dashed #F25C27
}
#contact-form input {
	height:30px
}
#contact-form input:focus, #contact-form textarea:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
#form-search input, .btn-1 {
	-webkit-box-shadow:none;
	-moz-box-shadow:none
}
#contact-form .area .error {
	float:none
}
#contact-form textarea {
	width:100%;
	height:323px;
	resize:none;
	overflow:auto
}
#form-search, .block-404, .box-404, .list-social {
	overflow:hidden
}
#contact-form .success {
	display:none;
	margin-bottom:20px;
	color:#000;
	font-size:14px;
	line-height:16px;
	position:relative;
	background:#fff;
	padding:12px 14px;
	text-transform:none
}
#contact-form .empty, #contact-form .error {
	color:red;
	font-size:11px;
	line-height:1.27em;
	display:none;
	overflow:hidden;
	margin-bottom:5px;
	padding:2px 4px 6px;
	text-transform:none
}
.buttons-wrapper a {
	margin-right:10px;
	cursor:pointer
}
.btn-1 {
	color:#fff;
	background:#F25C27;
	padding:5px 14px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	text-shadow:none;
	border:none;
	box-shadow:none;
transition:all .3s ease
}
.btn-1:hover {
	color:#fff;
	background:#DB420E;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.policy {
	margin-top:-3px
}
.policy strong {
	display:block;
	color:#fff;
	line-height:16px;
	padding-bottom:9px
}
.policy p {
	color:#7f7f7f;
	padding-bottom:21px
}
.block-404 {
	background:#fff;
	margin:40px 0 30px
}
.block-404 .img-404 {
	float:none;
	width:100%
}
.box-404 {
	padding:42px 10px 0
}
.box-404 h2 {
	color:#F25C27;
	font-size:80px;
	line-height:84px;
	font-weight:400;
	margin:0
}
.box-404 h3 {
	color:#000;
	margin:0 0 21px
}
.box-404 p {
	padding-bottom:25px
}
#form-search input {
	background:#e5e5e5;
	border-top:1px solid #c3c3c3;
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-bottom:none;
	box-shadow:none;
	line-height:21px!important;
	width:84%;
	font-size:14px;
	margin:0 10px 0 0;
	padding:4px 12px 5px;
	height:30px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left
}
#form-search input:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
#form-search a {
	float:left
}

/*service page start*/
#service{
	padding: 50px 0px;
}
#service .ser-con{
	background-color: #3a3939;
	margin: 20px 0px;
}
#service .ser-con:hover{
	background-color: #dc0000;
}
#service .ser-con h4{
	text-align: center;
    color: #fff;
    margin: 0;
    padding: 5px 0px;
}
#service .ser-content{
	    min-height: 228px;
    margin: 16px 0px;

}
 @keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  animation-duration: 2s;
    animation-fill-mode: both;
}
/*service page end*/

/*core automation page start*/
#coreauto{
	padding: 50px 0px;
}
#coreauto img{
	 border: 1px solid #e2f0ff;
    box-shadow: 0px 0px 8px #a7a9ab;
}
#coreauto h3{
	margin: 6px 0px 18px 0px;
}
#coreauto h5{
	margin-top: 0px;
	padding-bottom: 10px;
}
#coreauto ul li{
	padding: 6px 0px;
}
.coreauto-cour{
	padding-top: 30px;
	    padding-bottom: 25px;
    border-bottom: 1px solid #afafaf;
}
.coreauto-list li{
	padding: 3px 0px !important;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  animation-duration: 4s;
    animation-fill-mode: both;
}
/*core automation page end*/

/*englishpro page start*/
#englishpro{
padding: 50px 0px;
}
#englishpro h3{
	margin: 10px 0px;
}
.eng-courses{
	background-color: #efefef;
    padding-bottom: 15px;
}
.eng-courses h4{
	background-color: #de0202;
    color: #fff;
    padding-left: 14px;
    font-size: 23px;
}
.eng-courses ul li{
	list-style-type: none;
    border-bottom: 1px dashed #a9a9a9;
    padding: 8px 0px;
        color: #000;
}
#coreauto ul li:before, #englishpro ul li:before, #e4u-product ul li:before{
padding-right: 10px;
	    color: #f10000;
	    content: "\f061";
	    font-family: FontAwesome;
}
.eng-spk{
	    margin-top: 25px;
}
.eng-spk h4{
     color: #F25C27;
    margin: 0px 0px 10px 0px;
}
.eng-spk h5{
        color: #676767 !important;
        font-size: 17px;
}
.eng-spk ul li{
	    padding: 6px 0px;
}
/*englishpro page end*/

/*e4u page start*/
#e4u-product{
	padding: 40px 0px;
	background: url(../images/e4u-product.jpg) fixed;
	position: relative;
	background-size: cover;
	z-index: 0;
}
#e4u-product:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: #000;
	opacity: .6;
}
#e4u-product h3{
	font-weight: 600;
}
#e4u-product h4{
	color: #fff;
	font-size: 23px;
}
#e4u-product ul li{
	color: #fff;
	padding: 5px 0px;
	    font-size: 15px;
}
/*e4u page end*/

/*contact page start*/
    .single-about {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 45px 0 5px;
  background-image:url('../images/about.jpg');
    z-index: 0;
}
.single-about:before,
.single-about:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  z-index: -1;
}
.single-about:after {
  background: rgba(241, 123, 55, 0.1);
}
.single-about .about-content {
  padding: 70px 0;
  position: relative;
  z-index: 0;
}
.single-about .about-content h2 {
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
}
.single-about .about-content ul li {
  display: inline-block;
}
.single-about .about-content ul li a {
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
}
.single-about .about-content ul li + li:before {
  color: #fff;
  content: "/";
  padding: 0 5px;
  font-weight: 700;
}
.about-page
{
  padding: 60px;

}
.about-page img
{
      border: 1px solid #e2f0ff;
    box-shadow: 0px 0px 8px #a7a9ab;
}
.over-about p
{
  line-height: 2;
    padding: 18px;
    text-align: justify;
}
.over-about h3{
    font-weight: 550;
    margin-top: -5px;
    color: #f10000;
}
#formid
{
  padding: 30px;
}
.btn-danger1 button
{
    border-radius: 10px;
}
.adrs p i
{
 margin-right: 7px;
 color: #f10000;
}
.adrs h3
{
  color: #000;
  font-size: 25px;
}
/*contact page end*/

footer {
	padding:20px 0
}
.privacy {
	color:#1a1a1a;
	padding-top:6px
}
.privacy a {
	color:#F25C27
}
.list-social {
	list-style:none;
	margin:0
}
.list-social a {
	width:30px;
	height:30px;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
	background-position:0 0;
	background-repeat:no-repeat
}
.grid img, .grid li {
transition:all .3s ease-in-out 0s
}
.list-social a.icon-1 {
	background-image:url(../images/soc-icon-1.png)
}
.list-social a.icon-2 {
	background-image:url(../images/soc-icon-2.png)
}
.list-social a.icon-3 {
	background-image:url(../images/soc-icon-3.png)
}
.list-social a.icon-4 {
	background-image:url(../img/soc-icon-4.png)
}
.list-social a.icon-5 {
	background-image:url(../img/soc-icon-5.png)
}
.list-social li {
	float:left;
	margin-left:5px
}
.list-social a:hover {
	background-position:0 bottom
}
@media (min-width:1300px) {
.box-404, .overflow.extra {
overflow:hidden
}
.box-404 {
padding:42px 50px 0
}
.block-404 .img-404 {
width:770px;
height:393px;
float:left
}
#search input {
width:286px
}
#form-search input {
width:216px
}
.address-1 strong {
float:left;
width:154px
}
.list-photo li.last {
margin-right:0
}
}
@media (max-width:1299px) and (min-width:979px) {
.overflow.extra {
overflow:visible
}
}
@media (max-width:1300px) {
#search input {
width:200px
}
}
@media (max-width:979px) {
#contact-form input, #contact-form textarea, .img-indent1 img {
width:100%
}
#search input {
width:127px
}
.block-404 .img-404 {
margin-left:0
}
#contact-form label {
display:block
}
.inner-1 {
padding:0
}
.block-slogan h2 {
padding-right:30px
}
}
@media (min-width:768px) and (max-width:979px) {
.navbar_, .navbar_ .container {
position:relative
}
.navbar_ .btn {
display:none!important
}
.navbar_ {
margin:0
}
.navbar_ .navbar-inner_ {
padding:0;
margin:0;
border:none;
min-height:inherit;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.nav-collapse_ {
height:auto!important;
overflow:visible!important;
clear:none!important
}
.nav-collapse_ .nav>li {
float:left!important;
margin-left:10px
}
.portfolio {
margin-left:-10px
}
.portfolio li {
margin-left:30px;
width:45%
}
#contact-form input, #contact-form textarea, .img-indent img, .portfolio li img {
width:100%
}
.img-indent {
float:none;
margin:0 0 18px
}
#form-search input {
width:74%
}
}
@media (max-width:767px) {
body {
padding:0
}
.carousel-control {
    top: 53%;
}
.nav-collapse_ {
padding-top:0;
padding-right:0
}
.navbar_ .nav-collapse_ {
position:absolute;
left:auto;
top:100%;
right:0
}
.navbar_ .btn {
display:inline-block;
float:right;
background:#F25C27;
padding:18px 0 15px;
text-decoration:none;
margin:0;
font-size:20px;
line-height:24px;
text-shadow:none;
color:#fff;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
width:45px;
text-align:center;
font-weight:400;
position:relative
}
.navbar_ .btn:hover {
background:#181818;
color:#fff
}
.navbar_ .btn .icon-bar {
position:absolute;
width:100%;
height:100%;
background:url(../img/indicator.png) no-repeat;
left:32%;
top:7px;
margin-left:-5px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:none;
-moz-border-radius:none;
border-radius:none
}
.nav-collapse_ .nav {
position:relative;
zoom:1;
z-index:99999;
width:113px;
background:url(../img/menu-bg.jpg) 50% 50%;
padding:12px 0;
margin:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.nav-collapse_ .nav li {
background:0 0;
margin:0;
padding:0;
display:block;
width:100%;
text-align:center
}
.nav-collapse_ .nav li a {
display:block;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
width:100%;
padding:8px 0;
font-weight:400
}
.nav-collapse_ .nav>li.active, .nav-collapse_ .nav>li.sfHover, .nav-collapse_ .nav>li:hover {
background:0 0
}
.nav-collapse_ .nav>li.active>a, .nav-collapse_ .nav>li.active>a:hover, .nav-collapse_ .nav>li.sfHover>a, .nav-collapse_ .nav>li.sfHover>a:hover, .nav-collapse_ .nav>li>a:hover {
text-decoration:none;
color:#fff;
background:#F25C27
}
.sub-menu>a {
position:relative;
display:block
}
.nav-collapse_ .nav ul {
position:relative;
display:none;
width:100%;
list-style:none;
zoom:1;
z-index:9;
background:#ccc;
padding:0;
margin:0;
left:0;
top:0
}
.nav-collapse_ .nav ul li a {
display:block;
font-size:16px;
padding:4px 0
}
.nav-collapse_ .nav ul li a:hover {
background:#575757!important
}
footer {
padding-left:20px;
padding-right:20px
}
.bg-glow {
background:0 0
}
.thumbnail-1>img {
width:100%
}
#form-search input {
width:70%
}
.portfolio {
margin-left:-30px
}
.portfolio li {
float:left;
margin-left:30px;
width:44%
}
.portfolio li img {
width:100%
}
#search input {
width:66%
}
.thumbnails-1 .thumbnail-1 img {
width:100%
}
.thumbnails-1 {
margin-left:-20px
}
.thumbnails-1 li {
float:left;
width:45%;
margin-left:20px
}
#service .ser-con img{
	width: 100%;
}
#service .ser-content{
	    min-height: auto;
}
.single-about {
    padding: 5px 0 5px;
}
.single-about .about-content {
    padding: 20px 0;
}
.single-about .about-content h2 {
    font-size: 20px;
    line-height: 33px;
}
.single-about .about-content ul li a {
    font-size: 14px;
}
#coreauto h3{
	padding-top: 15px;
	font-size: 25px;
}
.menu > ul > li > ul > li > ul > li {
    line-height: 18px !important;
}
}
@media (max-width:640px) {
.block-slogan h2 {
float:none;
margin-bottom:16px;
padding:0
}
.block-slogan p {
border:none;
padding-left:0
}
.portfolio li {
float:left;
margin-left:30px;
width:43%
}
.portfolio li img {
width:100%
}
}
@media (max-width:600px) {
.img-indent img, .thumbnails-1 .thumbnail-1 img {
width:100%
}
.thumbnails-1 {
margin-left:0
}
.thumbnails-1 li {
float:none;
width:100%;
margin-left:0
}
.img-indent {
float:none;
margin:0 0 16px
}
}
@media (max-width:480px) {
.navbar_ .brand_ {
padding:2px 0
}
.list-social {
float:none!important
}
.privacy {
padding-left:10px
}
.portfolio {
margin:0
}
.portfolio li img {
width:100%
}
.portfolio li {
float:none;
margin:0 0 20px;
width:100%
}
#form-search input, #search input {
width:66%
}
footer {
padding:31px 0;
text-align:center;

}
#contact-form textarea {
height:280px
}
#contact-form .message {
min-height:290px
}
}
@media (max-width:320px) {
.brand_ a img {
width:190px;
height:auto
}
.list-photo {
margin:0
}
.list-photo li {
float:none;
margin:0 0 30px
}
.list-photo li img {
width:100%
}
#search input {
width:61%
}
.img-indent1 {
float:none;
margin:1px 0 16px
}
.overflow.extra {
overflow:visible
}
#form-search input {
width:57%
}
}
#twitter, .grid, .grid li {
	overflow:hidden
}
.clearfix:after, .clearfix:before {
	display:table;
	content:"";
	line-height:0
}
.grid img, .grid li a {
	display:block
}
.clearfix:after {
	clear:both
}
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
.input-block-level {
	display:block;
	width:100%;
	min-height:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.circle-body {
	background-color:#fff;
	border:2px solid red;
	border-radius:100%;
	color:#0066a4;
	height:150px;
	width:150px
}
.icon-set {
	padding:30px
}
.grid li, .ie7 .grid li {
	padding-left:10px!important
}
.grid {
	-moz-border-bottom-colors:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	border-color:#4b88ad -moz-use-text-color -moz-use-text-color #4b88ad;
	border-image:none;
	border-style:solid none none solid;
	border-width:1px medium medium 1px
}
.grid li {
	border-bottom:1px solid #4b88ad;
	border-right:1px solid #4b88ad;
	box-sizing:border-box;
	float:left;
	width:25%
}
.ie7 .grid li {
	width:19.9%
}
.grid img {
	border:0!important;
	height:auto;
	opacity:.65;
	width:100%
}
.btn-danger, .btn-primary, .btn-warning {
	border-color:rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	text-shadow:0 -1px 0 rgba(0, 0, 0, .25)
}
ul.clients li img:hover, ul.clients li:hover {
	transition:all 1s ease-in-out 0s
}
#clients li:hover .original_img, .grid li:hover img, .ie7 #clients li:hover a img, .ie8 #clients li:hover a img {
	opacity:1
}
#clients li:hover .grayscale_img {
	opacity:0
}
#clients .westfield.active, #clients .westfield:hover {
	background:#d9001f
}
#clients .smuin.active, #clients .smuin:hover {
	background:#2a2333
}
#clients .cytosport.active, #clients .cytosport:hover {
	background:#292c33
}
#clients .lands_end.active, #clients .lands_end:hover {
	background:#1e1d3c
}
#clients .microsoft.active, #clients .microsoft:hover {
	background:#0079b0
}
#clients .a_e.active, #clients .a_e:hover {
	background:#451e53
}
#clients .skittles.active, #clients .skittles:hover {
	background:#d9001f
}
#clients .juicy_fruit.active, #clients .juicy_fruit:hover {
	background:#fdbb00
}
#clients .ge.active, #clients .ge:hover {
	background:#0977b4
}
#clients .glad.active, #clients .glad:hover {
	background:#f6a200
}
#clients .altoids.active, #clients .altoids:hover {
	background:#a7000a
}
#clients .absolut.active, #clients .absolut:hover {
	background:#919191
}
#clients .facebook.active, #clients .facebook:hover {
	background:#44559b
}
#clients .jameson.active, #clients .jameson:hover {
	background:#003e25
}
#clients .toyota.active, #clients .toyota:hover {
	background:#f60031
}
#clients .orbit.active, #clients .orbit:hover {
	background:#95d2ef
}
#clients .zynga.active, #clients .zynga:hover {
	background:#a9011b
}
#clients .nike.active, #clients .nike:hover {
	background:#868686
}
#clients .adidas.active, #clients .adidas:hover {
	background:#395cd4
}
#clients .campaign:hover {
	background:none
}
#sponsor, #twitter {
	background-repeat:no-repeat;
	background-size:cover
}
.flex-control-nav {
	display:none
}
ul.arrow li:before {
	content:"?"
}
ul.arrow li:before, ul.arrow-double li:before, ul.cross li:before, ul.rss li:before, ul.star li:before, ul.tick li:before {
	margin-right:5px
}
ul.arrow li:after, ul.arrow li:before, ul.arrow-double li:after, ul.arrow-double li:before, ul.cross li:after, ul.cross li:before, ul.rss li:after, ul.rss li:before, ul.star li:after, ul.star li:before, ul.tick li:after, ul.tick li:before {
	font-family:FontAwesome;
	font-size:11px
}
li {
	line-height:22px
}
.pull-right {
	float:right!important
}
#sponsor {
	background-color:#dadadc2;
/*	background-image:url(../imgs/sponsor-bg.jpg);*/
	background-position:50% 0
}
.light {
	bottom:0;
	position:absolute;
	right:0
}
#sponsor .col-sm-10 {
	z-index:10
}
#sponsor h2 {
	margin-bottom:40px;
	margin-top:90px
}
#sponsor .item ul {
	font-size:0;
	padding:0
}
#sponsor .item ul li {
	display:inline-block;
	list-style:none;
	margin-bottom:75px;
	width:33.33%
}
#sponsor .item ul li:last-child {
	margin-right:0
}
.sponsor-control-left, .sponsor-control-right {
	color:#fff;
	font-size:24px;
	position:absolute;
	top:20%
}
.sponsor-control-left {
	right:12%
}
.sponsor-control-right {
	right:10%
}
.col-sm-offset-3 {
	margin-left:25%
}
#twitter {
	background-image:url(../images/twitter-bg.jpg);
	background-position:center bottom;
	padding:20px 0 90px;
	position:relative
}
.twit {
	left:0;
	position:absolute;
	top:-42%
}
#twitter-feed .item {
	text-align:center
}
#twitter-feed .item img {
	display:inline-block;
	height:120px;
	margin-bottom:30px;
	padding:5px;
	width:300px
}
#twitter-feed .item a, #twitter-feed .item p {
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:500;
	line-height:18px
}
.sidebar ul.post-category-list li a, .sidebar ul.post-category-list li a:hover {
	font-family:'Roboto Condensed', sans-serif;
	font-weight:400;
	text-transform:uppercase
}
#twitter-feed .item p {
	color:#3d3d3d
}
#twitter-feed .item a {
	color:#fff
}
.twitter-control-left, .twitter-control-right {
	color:#00c3ff;
	font-size:24px;
	position:absolute;
	top:59%
}
#bottom, #bottom h1, #bottom h2, #bottom h3, #bottom h4{
	color:#fff
}
#bottom h6 {
	color: #fff;
    font-weight: 400;
    font-size: 14px;
}
#bottom h5{
	color: #fff !important;
    font-size: 20px;
}
.twitter-control-left {
	left:0
}
.twitter-control-right {
	right:0
}
#bottom {
	background:#232323;
	padding-top:15px;
}
#bottom h4 {
	margin-top:0
}
#bottom a {
	color: #e8e8e8;
}
#bottom a:hover {
	color:#f25c27;
}
#bottom ul.address>li {
	margin-top:10px;
	
	position:relative;
}
#bottom ul.address>li:first-child {
	margin-top:0
}
#bottom ul.address>li>i {
	left:0;
	position:absolute;
	top:3px;
}
#bottom ul.thumbnails {
	margin-bottom:0
}
#bottom ul.thumbnails li {
	margin-bottom:5px
}
.btn-primary {
	color:#fff;
	display:inline;
	float:left;
	padding-right:20px;
	margin:5px
}
.btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled] {
	background-color:#04c;
	color:#fff
}
.btn-warning {
	color:#fff
}
.btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn-warning[disabled] {
	background-color:#f89406;
	color:#fff
}
.btn-danger {
	color:#fff
}
.btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger[disabled] {
	background-color:#bd362f;
	color:#fff
}
.btn-success {
	border-color:solid 1px #fff;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, .25)
}
.btn-info, .btn-inverse {
	border-color:rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	text-shadow:0 -1px 0 rgba(0, 0, 0, .25);
	color:#fff
}
.btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:focus, .btn-success:hover, .btn-success[disabled] {
	background-color:#51a351;
	color:#fff
}
.btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:focus, .btn-info:hover, .btn-info[disabled] {
	background-color:#2f96b4;
	color:#fff
}
.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
	background-color:#222;
	color:#fff
}
button.btn::-moz-focus-inner, input.btn[type=submit]::-moz-focus-inner {
border:0;
padding:0
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color:transparent;
	background-image:none;
	box-shadow:none
}
.btn-link {
	border-color:transparent;
	border-radius:0;
	color:#fff;
	cursor:pointer
}
.btn-link:focus, .btn-link:hover {
	background-color:transparent;
	color:#fff;
	text-decoration:underline
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover {
	color:#333;
	text-decoration:none
}
ol.unstyled, ul.unstyled {
	list-style:none
}
.fill {
	width:100%;
	height:350px;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover
}
.sidebar h5 {
	margin-top:40px
}
.sidebar .tab-content .tab-pane ul, .sidebar ul.post-category-list {
	margin:0;
	font-family:'Roboto Condensed', sans-serif
}
.sidebar .tab-content .tab-pane ul li, .sidebar ul.post-category-list li {
	border-bottom:1px dashed #a9a9a9;
	list-style:none;
	padding:10px 5px;
	font-family:'Roboto Condensed', sans-serif;
	margin: 0 14px;
}
.sidebar ul.post-category-list li a {
	color:#000
}
.sidebar ul.post-category-list li a:hover {
	color:#f25c27
}
.sidebar .tab-content .tab-pane ul li:first-child, .sidebar ul.post-category-list li:first-child {
	padding-top:0
}
.sidebar ul.post-category-list li:last-child {
	border-bottom:medium none;
	padding-bottom:0
}
.sidebar ul.post-category-list li i {
	background-position:0 -95px;
	padding-right:5px
}
.sidebar .tab-content .tab-pane ul li i {
	padding-right:5px
}
.box {
	background:#fcfcfc;
	border:1px solid #e9e9e9;
	padding:20px
}
.box img {
	margin:0 0 20px
}
.box .icon {
	margin:-50px 0 0
}
.box h4, .box h5 {
	font-weight:600
}
.plain-box a, .plain-box p {
	margin-left:68px
}
.testimonial {
	background:#fbfbfb;
	border:1px solid #e6e6e6;
	border-radius:2px;
	margin-bottom:20px;
	margin-left:0;
	padding:10px;
	margin-top:20px
}
.testimonial p.text {
	color:#323131;
	font-family:"Noto Serif", sans-serif;
	font-size:13px;
	font-style:italic;
	line-height:1.6em;
	margin-bottom:30px
}
.testimonial .author p.name {
	font-weight:700
}
ul.clients {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%
}
ul.clients li {
	border:4px solid #e9e9e9;
	float:left;
	margin:0;
	position:relative;
	width:155px
}
ul.clients li img {
	margin:0;
	opacity:.8
}
ul.clients li img:hover {
	opacity:1
}
.map {
	background:url(../img/shadow-top1170.png) center bottom no-repeat rgba(0, 0, 0, 0);
	margin-bottom:40px;
	margin-top:-50px;
	position:relative
}
.map-shadow {
	background:url(../img/shadow857.png) center top no-repeat rgba(0, 0, 0, 0);
	height:29px;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.pricing-box, .pricing-box-alt {
	box-shadow:0 2px 0 rgba(0, 0, 0, .03);
	box-sizing:border-box;
	position:relative
}
.map iframe {
	border:none;
	height:450px;
	width:100%
}
.map-grid iframe {
	border:none;
	height:350px;
	margin:0 0 -5px;
	padding:0;
	width:100%
}
ul.team-detail {
	list-style:none;
	margin:-10px 0 0;
	padding:0
}
ul.team-detail li {
	border-bottom:1px dotted #e9e9e9;
	list-style:none;
	margin:0 0 15px;
	padding:0 0 15px
}
ul.team-detail li label {
	font-size:13px
}
ul.team-detail li h4, ul.team-detail li label {
	margin-bottom:0
}
ul.team-detail li ul.social-network {
	border:none;
	margin:0;
	padding:0
}
ul.team-detail li ul.social-network li {
	border:none;
	margin:0
}
ul.team-detail li ul.social-network li i {
	margin:0
}
.pricing-box {
	background:#fcfcfc;
	border:1px solid #e6e6e6;
	margin:0 0 20px;
	padding:0
}
.pricing-title {
	background:#fff;
	padding:10px 0
}
.pricing-title h3 {
	font-weight:600;
	margin-bottom:0
}
.pricing-offer {
	background:#fcfcfc;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	font-size:18px;
	padding:40px 0
}
.pricing-box.special .pricing-offer {
	color:#fff
}
.pricing-offer strong {
	font-size:78px;
	line-height:89px
}
.pricing-offer sup {
	font-size:28px
}
.pricing-content {
	background:#fff;
	font-size:14px
}
.pricing-content strong {
	color:#353535
}
.pricing-content ul {
	list-style:none;
	margin:0;
	padding:0
}
.pricing-content ul li {
	border-bottom:1px solid #e9e9e9;
	list-style:none;
	margin:0;
	padding:15px 0
}
.pricing-action {
	background:#fcfcfc;
	margin:0;
	padding:20px 0 30px
}
.pricing-wrapp {
	background:#fd0000;
	margin:0 auto;
	width:100%
}
.pricing-box-alt {
	background:#fcfcfc;
	border:1px solid #e6e6e6;
	margin:0 0 20px;
	padding:0
}
.pricing-box-alt .pricing-heading {
	background:#fcfcfc;
	display:block;
	padding:40px 0 0
}
.pricing-box-alt .pricing-heading h3 strong {
	font-size:32px;
	font-weight:700;
	letter-spacing:-1px
}
.pricing-box-alt .pricing-heading h3 {
	font-size:32px;
	font-weight:300;
	letter-spacing:-1px
}
.pricing-box-alt .pricing-terms {
	background:#333;
	display:block;
	margin-top:-56px;
	overflow:hidden;
	padding:50px 0 20px
}
.pricing-box-alt .pricing-terms h6 {
	color:#fff;
	font-family:"Noto Serif", serif;
	font-style:italic;
	margin-top:10px
}
.pricing-box-alt .icon .price-circled {
	background-color:#888;
	border-radius:64px;
	color:#fff;
	cursor:pointer;
	display:inline-block!important;
	font-size:16px;
	font-weight:700;
	height:68px;
	line-height:68px;
	margin:10px 10px 10px 0;
	padding:12px;
	text-align:center!important;
	text-shadow:none;
	width:68px
}
.pricing-box-alt .pricing-action {
	background:#333;
	margin:0;
	padding:30px 0;
	text-align:center
}
.custom-carousel-nav {
	color:#fff;
	outline:0;
	text-align:center
}
a.custom-carousel-nav {
	outline:0
}
a.custom-carousel-nav:hover {
	outline:0;
	text-decoration:none
}
.icon-control {
	margin:0 0 0 140px
}
article {
	float:left;
	margin-bottom:40px;
	width:100%
}
article.blog-alt2, article.blog-full {
	border-bottom:1px solid #e9e9e9;
	padding-bottom:20px
}
article .post-heading h3 {
	margin-bottom:20px
}
.testimonial .author img {
	float:left;
	margin:0 10px
}
.img-polaroid {
	background-color:#fff;
	border:1px solid #e9e9e9;
	box-shadow:none;
	padding:4px
}
.img-rounded {
	border-radius:2px
}
.img-circle.bordered {
	background-color:#fff;
	border:1px solid #e9e9e9;
	border-radius:500px
}
code, pre {
	border-radius:2px
}
blockquote {
	margin:0 0 20px
}
button, input, label, select, textarea {
	font-size:13px;
	font-weight:400
}
label {
	color:#353535;
	font-weight:700
}
.psty {
	padding-bottom:2px;
	font-size:12px
}
.ri {
	text-align:right;
	font-size:13px;
	color:red
}
.top1 {
	margin-top:40px
}
.testi {
	margin:0!important
}
.ex_awards_img {
	width:130px!important
}
.box-viewport1 {
	height:113px!important
}
@media (max-width:767px) {
.popup-window, .popup-window1 {
position:absolute;
top:50%;
left:50%;
transfom:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
width:100%;
display:block
}
.popup-window {
margin-top:10%!important
}
.popup-window1 {
-webkit-animation:mymove 1s;
animation:mymove 1s
}
.modal-head {
font-size:2em
}
.modal.fade.in {
top:8%
}
}
.btn-close {
	padding:3px!important;
	background:#666!important;
	border:0!important;
	width:30px!important;
	height:30px!important;
	border-radius:50%!important;
	color:#FFF!important;
	font-size:28px;
	text-shadow:0!important;
	opacity:1!important
}
.btn-blue {
	background:#09F;
	color:#fff;
	width:30%!important;
	border-radius:5px;
	margin:0 auto;
	height:20%
}
.btn-blue:hover {
	background:#1c85cb;
	color:#fff
}
.fadess {
	opacity:.8!important;
transition:opacity .3s linear 0s, top .3s ease-out 0s!important;
	height:100%!important;
	width:100%;
	background:#333;
	top:0;
	z-index:1030;
	position:fixed!important;
	display:block;
	left:0
}
#header1, #sidebar {
	z-index:999999999999
}
.popup-window1 {
	-webkit-animation:mymove 1s;
	animation:mymove 1s
}
@-webkit-keyframes mymove {
from {
top:0
}
to {
	top:50%
}
}
@keyframes mymove {
from {
top:0
}
to {
	top:50%
}
}
html {
	font-size:100%;
	width:100%!important;
	overflow-x:hidden!important
}
.modal-backdrop {
	background-color:rgba(0, 0, 0, .66)
}
.next1, .prev1 {
	position:absolute;
	top:50%;
	color:#CCC;
	background:#999;
	padding:10px;
	display:block;
	font-size:8px
}
.next1 {
	left:-7%
}
.prev1 {
	right:-7%
}
#sidebar, #sidebar1 {
	position:absolute;
	top:190px;
	left:182px;
	
}
#sliders {
	width:500px;
	top:300px;
	position:fixed;
	z-index:9999999
}
@media(max-width:480px) {
#sliders {
width:500px;
top:50px;
position:fixed;
z-index:9999999
}
}
#header1 {
	width:200px;
	height:auto;
	position:absolute;
	right:0;
	top: -28px;
	border:1px solid #d8d8d8;
	margin-left:40px;
	padding:10px 40px;
	border-radius:3px;
	box-shadow:0 0 8px gray;
	background-color:#FFF
}
.qiuck_contact input[type=text], .qiuck_contact input[type=tel], .qiuck_contact select {
	width:95%;
	padding:6px;
	border-radius:2px;
	font-size:15px
}
#header1 h2 {
	font-size:20px!important
}
#header1 h4 {
	font-size:16px!important
}
.qiuck_contact input[type=text] {
	margin-top:10px;
	border:1px solid #98d0f1;
	float:left
}
.qiuck_contact select {
	border:1px solid #98d0f1;
	float:left;
	height:40px;
	overflow-y:scroll
}
.qiuck_contact textarea {
	padding:6px;
	font-size:15px;
	border-radius:2px;
	border:1px solid #98d0f1;
	margin-top:10px;
	height:80px;
	width:95%;
}
.qiuck_contact button {
	background:#0272BE;
	border:none;
	color:#fff;
	width:60%;
	font-size:16px;
	font-weight:bolder;
	padding:8px 0;
	border-radius:3px;
	cursor:pointer;
	margin-top:5px;
	margin-left:8px
}
.formget {
	width:300px;
	margin-top:65px;
	margin-left:57px;
	float:left
}
#panel{
	display: none;
}
.navbar-inverse .navbar-inner {
	background-color:#fe0000!important
}
.fraction-slider {
	position:relative;
	width:100%;
	height:100%;
	overflow:visible
}
.fraction-slider .slide {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	z-index:999
}
.fraction-slider .active-slide {
	z-index:999
}
.fraction-slider .fs_obj {
	display:block;
	display:none;
	position:absolute;
	top:0;
	left:100%;
	z-index:7000
}
.fraction-slider .fs_fixed_obj {
	z-index:6000;
	left:0
}
.fraction-slider .fs_obj * {
	display:inline-block;
	position:relative;
	top:0;
	left:0
}
.fraction-slider .next, .fraction-slider .prev {
	display:none;
	height:35px;
	position:absolute;
	width:35px;
	z-index:999;
	border-radius:100%;
	-webkit-border-radius:100%;
	-ms-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border:1px solid #000;
	text-align:center;
	line-height:31px;
	color:#000;
	outline:0
}
.fraction-slider .next {
	right:10px;
	top:48%
}
.fraction-slider .prev {
	left:10px;
	top:48%
}
.fraction-slider .next:before {
	content:"\f105";
	margin-left:3px
}
.fraction-slider .prev:before {
	content:"\f104";
	margin-right:3px
}
.fraction-slider .next:before, .fraction-slider .prev:before {
	color:#000;
	font-size:33px;
	font-family:fontawesome
}
.fraction-slider .next:hover, .fraction-slider .next:hover:before, .fraction-slider .prev:hover, .fraction-slider .prev:hover:before {
	color:#ED687C;
	border-color:#ED687C;
	opacity:1;
transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
	border-width:3px;
	line-height:26px
}
.slider .claim, .slider .teaser, .slider p {
	line-height:100%
}
.fraction-slider:hover .next, .fraction-slider:hover .prev {
	display:block
}
.fs-pager-wrapper {
	position:absolute;
	left:47%;
	bottom:10px;
	z-index:9999
}
.slider, .slider-wrapper {
	position:relative;
	width:100%;
	margin:0 auto;
	
}
.slider-wrapper {
	overflow:hidden;
	max-height:800;
	background:url() no-repeat;
	background-size:100%;
	z-index:1;
	margin-top: 2px;
}
@media (min-width:1400px) {
.slider {
position:relative;
width:100%;
height:860px!important;
margin:0 auto
}
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.slider-wrapper {
max-height:450px
}
}
@media only screen and (min-width:900px) and (max-width:1024px) {
.slider-wrapper {
max-height:405px
}
}
@media only screen and (min-width:751px) and (max-width:900px) {
.slider-wrapper {
max-height:320px
}
}
@media only screen and (min-width:641px) and (max-width:750px) {
.slider-wrapper {
max-height:180px
}
}
@media only screen and (min-width:480px) and (max-width:640px) {
.slider-wrapper {
max-height:172px
}
}
@media only screen and (max-width:479px) {
.slider-wrapper {
max-height:130px
}
}
.slider {
	height:525px
}
.slider p {
	position:absolute;
	top:-200px;
	z-index:8000;
	padding:.7% 1%;
	color:#fff;
	white-space:nowrap;/*	text-transform:uppercase*/
}
.swipe, .swipe-wrap, .swipe-wrap>li {
	position:relative;
	overflow:hidden
}
.slider .teaser {
	padding:.7% 1%;
	width:400px;
	font-size:20px;
	text-align:center
}
.slider .small {
	text-align:center
}
.slider-read {
	background:#ED687C;
	font:700 16px/18px "open sans";
	border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	text-decoration:none;
	color:#fafafa;
	padding:1%;
	display:block;
	text-transform:uppercase;
transition:background-color .4s linear;
-webkit-transition:background-color .4s linear;
-ms-transition:background-color .4s linear;
-moz-transition:background-color .4s linear;
-o-transition:background-color .4s linear
}
.slider-read:hover {
	background:#000!important;
	color:#fff
}
.slider .new {
	color:#fff;
	background:#D8493A;
	padding:5px 0 5px 10px;
	font-size:20px;
	font-weight:lighter;
	width:21%
}
.slider .light-pink, .theme-colored {
	background:#ff3654;
	color:#fff;
	font-size:35px
}
.slider .turky {
	background:#ffd456;
	color:#333
}
.slider .white {
	background:#fff;
	color:#fff
}
.slider .red {
	background:#d65344;
	color:#fff
}
.slider .para {
	color:#fff;
	font:700 55px/25px "open sans"
}
.slider .para span {
	color:#4f4e4e;
	font-size:75px
}
.slider .para-2 {
	color:#fff;
	font:400 14px/21px "open sans"!important;
	width:30%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:15px 0
}
.slider .para-3 {
	color:#fafafa;
	font:500 20px/25px "open sans";
	width:50%;
	line-height:24px!important
}
.theme-colored {
	background:rgba(0, 0, 0, .65)!important
}
.slider .para-new {
	color:#fff;
	font:700 60px/25px "open sans";
	text-shadow:0 0 4px #343434;
	-webkit-text-shadow:0 0 4px #343434;
	-moz-text-shadow:0 0 4px #343434;
	-ms-text-shadow:0 0 4px #343434;
	-o-text-shadow:0 0 4px #343434
}
.swipe {
	visibility:hidden;
	margin-top:0
}
.swipe-wrap {
	margin:0 auto;
	padding:0
}
.swipe-wrap>li {
	float:left;
	width:100%
}
.swipe-navi {
	display:block;
	height:auto;
	margin-top:10px;
	position:absolute;
	top:50%;
	width:100%;
	z-index:1001
}
.swipe-navi .swipe-left, .swipe-navi .swipe-right {
	position:absolute;
	text-align:center;
	width:40px;
	height:40px;
	line-height:40px;
	opacity:0;
	zoom:1;
	filter:alpha(opacity=0);
	color:#fff;
	cursor:pointer;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
transition:all .2s;
-moz-transition:all .2s;
-webkit-transition:all .2s;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	background:#ED687C
}
.blogteam_pic, .dividerHeading, .fetaure_bottom {
	position:relative
}
.blogteam_pic>img, .swipe-wrap img {
	width:100%
}
.swipe-navi .swipe-left:hover, .swipe-navi .swipe-right:hover {
	background:#555!important
}
.swipe:hover .swipe-navi .swipe-left, .swipe:hover .swipe-navi .swipe-right {
	opacity:.9;
	zoom:1;
	filter:alpha(opacity=90);
	margin-top:-27px
}
.swipe-navi .swipe-left {
	left:5px;
	margin-top:-32px
}
.swipe-navi .swipe-right {
	right:5px;
	margin-top:-22px
}
.img-about {
	margin-top:15px
}
#bottom h4 {
	margin-bottom: 10px;
	font-size: 22px;
    color: #f10000;
    font-weight: 600;
}
#bottom a, #bottom li, .address1 {
	padding-top: 5px;
}
#bottom li i{
	padding-right: 10px;
	color: #f10000;
}
.dividerHeading {
	margin-bottom:25px
}
.dividerHeading h4 {
	border-bottom:1px solid #ccc;
	font-size: 25px;
	line-height:0;
	text-align:center;
}
.dividerHeading h4>span {
	background:#fff;
	padding:0 10px;
	color: #f10000;
}
.blog-hover>a {
	display:block;
	left:45%;
	position:absolute;
	top:35%;
}
.blogteam_pic .blog-hover {
	background:rgba(255, 255, 255, .5);
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	-webkit-transition:all 120ms ease-in-out;
	-moz-transition:all 120ms ease-in-out;
	-o-transition:all 120ms ease-in-out;
	-ms-transition:all 120ms ease-in-out;
	transition:all 120ms ease-in-out;
	width:100%;
}
.blogteam_pic:hover .blog-hover {
	opacity:1;
}
.blogteam_pic .blog-hover .icon {
	background:#ED687C;
	border-radius:50%;
	display:block;
	height:40px;
	margin:25% auto 0;
	position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
	color:#f2f2f2;
	width:40px;
	text-align:center;
	font-size:16px;
	line-height:40px;
	top:50%
}
.blogteam_pic .blog-hover .icon:hover {
	background:#555
}
.blogteam_pic:hover .blog-hover .icon {
	top:0
}
.blogteam_pic .blog-hover p {
	font-size:20px;
	text-align:center;
	text-transform:uppercase
}
.testimonial-item blockquote {
	background:#f2f2f2;
	border-left:3px solid #ED687C;
	padding:20px;
	margin:0
}
blockquote {
	font-size:13px!important
}
.testimonial-item .icon {
	color:#fff;
	font-size:120px!important;
	line-height:0;
	position:absolute;
	right:20px;
	top:10px;
	z-index:0
}
.testimonial-review>img {
	background:#FFF;
	border:2px solid #ED687C;
	border-radius:50%;
	float:left;
	height:70px;
	overflow:hidden;
	padding:2px;
	width:70px
}
.testimonial-review>h1 {
	float:left;
	color:#555;
	font-size:14px;
	font-weight:700;
	line-height:normal;
	margin-top:15px;
	padding-left:20px
}
.testimonial-item blockquote p {
	margin-bottom:0;
	font-size:14px;
	line-height:21px;
	color:#444;
	position:relative;
	z-index:10;
	font-style:italic;
	font-weight:500
}
.testimonial blockquote small {
	display:block;
	line-height:20px;
	font-size:12px;
	color:#999;
	margin-top:5px
}
.testimonial-review {
	position:relative;
	padding-top:20px
}
.testimonial-item blockquote:after {
	font-family:FontAwesome;
	content:"\f0D7";
	position:absolute;
	bottom:4%;
	left:23px;
	font-size:40px;
	color:#f2f2f2
}
.testimonial-review small {
	font-size:13px;
	line-height:18px;
	color:#ED687C;
	display:block
}
#testimonial-carousel {
	margin-top:25px
}
.testimonial .testimonial-buttons {
	position:absolute;
	right:0;
	top:-40px
}
.testimonial .testimonial-buttons a {
	background:#f2f2f2;
	margin-left:-1px;
	width:25px;
	font-size:11px;
	height:25px;
	display:inline-block;
	text-align:center;
	line-height:27px;
	color:#bdc3c7
}
.testimonial .testimonial-buttons a:hover {
	background:#f2f2f2;
	color:#555
}
.important_courses {
	float:left;
	width:100%
}

.agile-statistics-grids {
	margin:0;
	text-align:center
}
.agile-statistics-grid h4 {
	color:#0173BC;
	font-size:25px;
	margin:0;
	font-weight:500
}
.agile-statistics-grid p {
	color:#0173BC;
	font-size:1em;
	margin:0;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:1px
}
.agile-statistics-grid i.fa.fa-desktop, .agile-statistics-grid i.fa.fa-trophy, .agile-statistics-grid i.fa.fa-users {
	color:#ed433f;
	font-size:3.5em;
	width:50px;
	height:50px;
	background:#FFF;
	border-radius:50%;
	padding:30px
}
.statistics-grid2 {
	position:relative
}
.statistics-grid2:after, .statistics-grid2:before {
	height:2px;
	background:#333;
	position:absolute;
	width:36%;
	top:100px
}
.statistics-grid2:before {
	left:-60px
}
.statistics-grid2:after {
	right:-60px
}
.numeric {
	width:190px
}
@media(min-width:800px) {
.agile-statistics-grid {
width:31%
}
}
@media(max-width:414px) {
.w3-agileits-statistics-heading h3, .wthree-about-left h3, .wthree-about-right h3 {
font-size:1em
}
.agile-statistics-grids {
margin:2em 0 0
}
.statistics-grid2:before {
left:183px
}
.statistics-grid2:after {
right:183px
}
.ebook-btn {
width:20px!important
}
}
.agile-statistics-grid {
	text-align:center;
	margin-left:6px!important;
	margin-bottom:20px
}
.man-red {
	color:red;
	float:left
}
@media(min-width:979px) {
#panel .container {
width:100%;
}
}
.chat {
	right:0;
	bottom:0px;
	position:fixed;
	z-index:9999999
}
@media(max-width:480px) {
.chat {
right:0;
bottom:0px;
position:fixed;
z-index:9999999
}
.block-slogan p {
text-align:left!important;
}
}
.submit_button {
	background:#F93;
	border:none;
	color:#fff;
	width:60%;
	font-size:16px;
	font-weight:bolder;
	padding:8px 0;
	border-radius:3px;
	cursor:pointer;
	margin-top:5px;
	margin-left:8px
}
.submit_button:hover {
	background:#F90
}
.ebook-btn1 {
	position:relative;
	top:-56px;
	left:35%
}
 @media(max-width:480px) {
.ebook-btn1 {
 position: relative;
 top: -24px;
 left: 35%;
 width: 60px!important;
}
	.footer_align
	{
		float:left !important;
		
		}
		footer {
font-size:11px;

}
.dm-bg
{
	
	background:none !important;
	
	}
	.mob_span5
	{
		width:100% !important;
		}
		.mob_span7
	{
		width:100% !important;
		}
		.mob_span2
	{
		width:100% !important;
		}
		.mob_span4
	{
		width:100% !important;
		}
		.mob_span6
	{
		width:100% !important;
		}
		.sucess_mob
		
		{
			width:100% !important;
			
			}
		
			.bs-example input
{
	width:90%;
	
	}
	.bs-example textarea
{
	width:90%;
	
	}

	 	.bs-example button
{
	width:90%;
	
	} 
	
	.mobile 
	{
		float:left;
	width:65% !important;	
		
		}
		.chat img
		{
			
			width:80% !important;
			}
			
			.block-slogan img
			{
				
				width:80% !important;
				
				}
				.block-slogan p
				{
					
					font-size:12px !important;
					}

}
.mobile 
	{
		float:left;
		
	}


 @media(min-width:768px) and (max-width:979px) {



.mob_span4
	{
		    width: 228px !important;
		}

.pink-bg-text
{
	font-size:13px;
	
	}
		.mob_span4
	{
		width:210px !important;
		}
.full_width
{
	width:100% !important;
	
	}
	.top_p
	{
		margin-top:135px;
		
		}
		.tab_none
		{
			display:none;
			
			}
			.tab_view
{
	
	display:block !important;
	}
				.bs-example input
{
	width:90%;
	
	}
	.bs-example textarea
{
	width:90%;
	
	}

	 	.bs-example button
{
	width:90%;
	
	} 
	.tab_viewnone
{
	
	display:none;
	}


 }

.tab_view
{
	
	display:none;
	}


.well-sm {
	border-radius: 10px;
	background: #0e71b9;
	width: 250px;
	color:#FFF;
}
.well-sm input {
	border-radius: 5px;
	border:solid 1px #FFF;
	background: #0e71b9;
	margin-bottom:5px;
	color:#FFF;
}
.well-sm textarea {
	border-radius: 5px;
	border:solid 1px #FFF;
	background: #0e71b9;
	margin-bottom:5px;
	color:#FFF;
}
.well-sm ::-webkit-input-placeholder { /* Chrome */
 color: #ede7e780;
}
.well-sm ::-ms-input-placeholder { /* IE 10+ */
 color: #ede7e780;
}
.well-sm ::-moz-placeholder { /* Firefox 19+ */
 color: #ede7e780;
 opacity: 1;
}
.well-sm ::-moz-placeholder { /* Firefox 4 - 18 */
 color: #ede7e780;
 opacity: 1;
}
.submit_button1 {
	background: #3a9fe9 !important;
	border: none;
	color: #fff;
	width: 60%;
	font-size: 16px;
	font-weight: bolder;
	padding: 8px 0;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 5px;
	margin-left: 8px;
	border-radius: 5px;
}
.dm-head h2
{
	    font-size: 35px;
    line-height: 52px;
    text-transform: none;
    color: #ff9211;
    font-family: 'Open Sans',sans-serif;
    font-weight: 800;
    letter-spacing: -1px;
    margin-top: 80px;
	
	}
	
.dm-head h3
{
    color:#666;
    font-family: 'Open Sans',sans-serif;
    font-weight: 800;
    letter-spacing: -1px;
	
	}
.span-block
	{display:inline!important;}
	
	.footer_align
	{
		float:right;
		
		}
	
 @media(max-width:767px) {
	.footer_padding
	{
	padding-left:20px !important;	
		
		}
		
		.sucess_mob
		
		{
			height:160px !important;
			
			}
			
				 .top_margin
		  {
			 margin-top:10px; 
			  
			  }
			  
			  .dm-head h2
			  {
				  
				 margin-top:0px !important; 
				 line-height: 38px !important;
				  
				  }
		
	 .pad_dig
	 {
		 padding-top:10px !important;
		 line-height:30px;
		 }
		 .header-top{
		 	display: none;
		 }
		 .mob_view
		 {
			display: none; 
			width:100% !important; 
			 }
			 
			 .tab_news
			 {
				 
				 padding-left:20px;
				 padding-right:20px;
				 
				 }
 }
 
  @media(min-width:481px) and (max-width:600px) {
	  .footer_align
	  {
		  float:left !important;
		  
		  }
		 
  }
  
  
  @media(min-width:481px) and (max-width:767px) {
	  
	 .mob_span4
	{
		    width: 100% !important;
		} 
	  
	  .mob_span5
	{
		    width: 100% !important;
		} 
		  .mob_span7
	{
		    width: 100% !important;
		}
			  .mob_span2
	{
		    width: 100% !important;
		}
.bs-example input
{
	width:90%;
	
	}
	.bs-example textarea
{
	width:90%;
	
	}

	 	.bs-example button
{
	width:90%;
	
	} 
  }
  
  @media (max-width:360px)
  {
	  
	  .mobile img
	  {
		 width:20px !important; 
		  
		  }
		  
		  .mobile
		  {
			  width:59% !important;
			  font-size:11px;
			  }
	  
	  } 
	  
	    @media (min-width:480px) and (max-width:520px)
  {
	  
	  .mobile img
	  {
		 width:25px !important; 
		  
		  }
		  
		  .mobile
		  {
			  width:60% !important;
			  font-size:14px;
			  }
	  
	  } 
	  
	  @media (min-width:1280px)
	  
	  {
		 .thankyou_pad
		 {
			 min-height:700px;
			 
			 } 
		  
		  
		  }
		  
		   @media (min-width:768px) and (max-width:979px)
	  
	  {
		 .thankyou_pad
		 {
			 min-height:800px;
			 
			 } 
		  
		  
		  }
		  
		     @media (min-width:980px) and (max-width:1279px)
	  
	  {
		 .thankyou_pad
		 {
			 min-height:900px;
			 
			 } 
		  
		  
		  }
		  
		  #panel #advanced span.trigger
			{
				
				display:none !important;
				}
				
				
				 @media (max-width:320px)
  {
	  
	  
		  .mobile
		  {
			 
			  font-size:10px!important;
			  }
	  
	  } 















body {
    backface-visibility: hidden;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated-fast {
    animation-duration: 0.5s;
}
.animated-slow {
    animation-duration: 1.5s;
}
.animated.hinge {
    animation-duration: 2s;
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
.flash {
    animation-name: flash;
}
@keyframes shake {
0%, 100% {
    transform: translateX(0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
    transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
    transform: translateX(0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
    transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
    transform: translateX(0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
    transform: translateX(10px);
}
}
.shake {
    animation-name: shake;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
.bounce {
    animation-name: bounce;
}
@keyframes tada {
0% {
    transform: scale(1);
}
10%, 20% {
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}
@keyframes tada {
0% {
    transform: scale(1);
}
10%, 20% {
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}
@keyframes tada {
0% {
    transform: scale(1);
}
10%, 20% {
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}
.tada {
    animation-name: tada;
}
@keyframes swing {
20%, 40%, 60%, 80%, 100% {
    transform-origin: center top 0;
}
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes swing {
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes swing {
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
.swing {
    animation-name: swing;
    transform-origin: center top 0;
}
@keyframes wobble {
0% {
    transform: translateX(0%);
}
15% {
    transform: translateX(-25%) rotate(-5deg);
}
30% {
    transform: translateX(20%) rotate(3deg);
}
45% {
    transform: translateX(-15%) rotate(-3deg);
}
60% {
    transform: translateX(10%) rotate(2deg);
}
75% {
    transform: translateX(-5%) rotate(-1deg);
}
100% {
    transform: translateX(0%);
}
}
@keyframes wobble {
0% {
    transform: translateX(0%);
}
15% {
    transform: translateX(-25%) rotate(-5deg);
}
30% {
    transform: translateX(20%) rotate(3deg);
}
45% {
    transform: translateX(-15%) rotate(-3deg);
}
60% {
    transform: translateX(10%) rotate(2deg);
}
75% {
    transform: translateX(-5%) rotate(-1deg);
}
100% {
    transform: translateX(0%);
}
}
@keyframes wobble {
0% {
    transform: translateX(0%);
}
15% {
    transform: translateX(-25%) rotate(-5deg);
}
30% {
    transform: translateX(20%) rotate(3deg);
}
45% {
    transform: translateX(-15%) rotate(-3deg);
}
60% {
    transform: translateX(10%) rotate(2deg);
}
75% {
    transform: translateX(-5%) rotate(-1deg);
}
100% {
    transform: translateX(0%);
}
}
.wobble {
    animation-name: wobble;
}
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
.pulse {
    animation-name: pulse;
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotateY(0deg);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(360deg) scale(0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale(1);
}
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotateY(0deg);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(360deg) scale(0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale(1);
}
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotateY(0deg);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(360deg) scale(0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale(1);
}
}
.flip {
    animation-name: flip;
    backface-visibility: visible;
}
@keyframes flipInX {
0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
40% {
    transform: perspective(400px) rotateX(-10deg);
}
70% {
    transform: perspective(400px) rotateX(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
}
@keyframes flipInX {
0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
40% {
    transform: perspective(400px) rotateX(-10deg);
}
70% {
    transform: perspective(400px) rotateX(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
}
@keyframes flipInX {
0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
40% {
    transform: perspective(400px) rotateX(-10deg);
}
70% {
    transform: perspective(400px) rotateX(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
}
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible;
}
@keyframes flipOutX {
0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
}
@keyframes flipOutX {
0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
}
@keyframes flipOutX {
0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible;
}
@keyframes flipInY {
0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
40% {
    transform: perspective(400px) rotateY(-10deg);
}
70% {
    transform: perspective(400px) rotateY(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
}
@keyframes flipInY {
0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
40% {
    transform: perspective(400px) rotateY(-10deg);
}
70% {
    transform: perspective(400px) rotateY(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
}
@keyframes flipInY {
0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
40% {
    transform: perspective(400px) rotateY(-10deg);
}
70% {
    transform: perspective(400px) rotateY(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
}
.flipInY {
    animation-name: flipInY;
    backface-visibility: visible;
}
@keyframes flipOutY {
0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
}
@keyframes flipOutY {
0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
}
@keyframes flipOutY {
0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
}
.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-20px);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(20px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInUp {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
60% {
    opacity: 1;
    transform: translateY(-30px);
}
80% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes bounceInUp {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
60% {
    opacity: 1;
    transform: translateY(-30px);
}
80% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes bounceInUp {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
60% {
    opacity: 1;
    transform: translateY(-30px);
}
80% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
60% {
    opacity: 1;
    transform: translateY(30px);
}
80% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes bounceInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
60% {
    opacity: 1;
    transform: translateY(30px);
}
80% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes bounceInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
60% {
    opacity: 1;
    transform: translateY(30px);
}
80% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
60% {
    opacity: 1;
    transform: translateX(30px);
}
80% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
60% {
    opacity: 1;
    transform: translateX(30px);
}
80% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
60% {
    opacity: 1;
    transform: translateX(30px);
}
80% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceOut {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.95);
}
50% {
    opacity: 1;
    transform: scale(1.1);
}
100% {
    opacity: 0;
    transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.95);
}
50% {
    opacity: 1;
    transform: scale(1.1);
}
100% {
    opacity: 0;
    transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.95);
}
50% {
    opacity: 1;
    transform: scale(1.1);
}
100% {
    opacity: 0;
    transform: scale(0.3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutUp {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(20px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(20px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(20px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes bounceOutDown {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(-20px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(-20px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(-20px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(20px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(20px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(20px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(-20px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(-20px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(-20px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
}
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
}
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
}
40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
}
80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translateY(700px);
}
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
}
40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
}
80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translateY(700px);
}
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
}
40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
}
80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translateY(700px);
}
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
    animation-name: rollOut;
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
}
80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
}
100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
}
80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
}
100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
}
80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
}
100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
    animation-duration: 0.5s;
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
    animation-duration: 0.25s;
}
@keyframes wiggle {
0% {
    transform: skewX(9deg);
}
10% {
    transform: skewX(-8deg);
}
20% {
    transform: skewX(7deg);
}
30% {
    transform: skewX(-6deg);
}
40% {
    transform: skewX(5deg);
}
50% {
    transform: skewX(-4deg);
}
60% {
    transform: skewX(3deg);
}
70% {
    transform: skewX(-2deg);
}
80% {
    transform: skewX(1deg);
}
90% {
    transform: skewX(0deg);
}
100% {
    transform: skewX(0deg);
}
}
@keyframes wiggle {
0% {
    transform: skewX(9deg);
}
10% {
    transform: skewX(-8deg);
}
20% {
    transform: skewX(7deg);
}
30% {
    transform: skewX(-6deg);
}
40% {
    transform: skewX(5deg);
}
50% {
    transform: skewX(-4deg);
}
60% {
    transform: skewX(3deg);
}
70% {
    transform: skewX(-2deg);
}
80% {
    transform: skewX(1deg);
}
90% {
    transform: skewX(0deg);
}
100% {
    transform: skewX(0deg);
}
}
@keyframes wiggle {
0% {
    transform: skewX(9deg);
}
10% {
    transform: skewX(-8deg);
}
20% {
    transform: skewX(7deg);
}
30% {
    transform: skewX(-6deg);
}
40% {
    transform: skewX(5deg);
}
50% {
    transform: skewX(-4deg);
}
60% {
    transform: skewX(3deg);
}
70% {
    transform: skewX(-2deg);
}
80% {
    transform: skewX(1deg);
}
90% {
    transform: skewX(0deg);
}
100% {
    transform: skewX(0deg);
}
}
.wiggle {
    animation-name: wiggle;
    animation-timing-function: ease-in;
}
.animated.wiggle {
    animation-duration: 0.75s;
}


.box .icon {
    float: left;
    margin-bottom: 20px;
}


.icon-star::before {
    content: "";
}
[class^="icon-"]::before, [class*=" icon-"]::before {
    display: inline-block;
    text-decoration: inherit;
}
i.icon-bgdark.active {
    background: #e96b56 none repeat scroll 0 0;
}
.icon-circled.icon-3x {
    height: 72px;
    line-height: 72px;
    width: 72px;
}
i.icon-bgdark {
    background: #333 none repeat scroll 0 0;
    color: #f7f7f7;
}
[class^="icon-"], [class*=" icon-"] {
    color: #404040;
}
.icon-circled {
    border-radius: 1000px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}
[class^="icon-"], [class*=" icon-"] {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline;
    height: auto;
    line-height: normal;
    margin-top: 0;
    vertical-align: baseline;
    width: auto;
}
.icon-3x {
    font-size: 3em;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.icon-star {
    background-position: -120px 0;
}
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

.box1 .text {
    margin-left: 100px;
}
.box1 .text1 {
    margin-left: 66px;
}
.box1 .icon {
    float: left;
    margin-bottom: 20px;
}


.box1 h3 {
   color: #000;
}

.box1 {
    width: 100%;

}
select{ color: black; }
.color-h{color: black}



.whatapp{
	margin-right:10px !important;
	margin-left:10px !important;
	float:left !important;

	
}


.help-block{
  color:#fc0505 !important;
  font-weight:bold !important;
}

#demos .item{
	border:2px solid #bdbdbd;
	margin: 5px;
	padding: 10px;
	}
/*login model form */
.modal-box{ font-family: 'Poppins', sans-serif; }.show-modal{    color: #fff;    background: red;    font-size: 18px;    font-weight: 600;    text-transform: capitalize;    padding: 10px 15px;    margin: 200px auto 0;    border: none;    outline: none;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);    display: block;    transition: all 0.3s ease 0s;}.show-modal:hover,.show-modal:focus{    color: #fff;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);    outline: none;}.modal-dialog{    width: 400px;    margin: 30px auto 0;}.modal-dialog{ transform: scale(0.5); }.modal-dialog{ transform: scale(1); }.modal-dialog .modal-content{    text-align: center;    border: none;}.modal-content .close{    color: #fff;    background: linear-gradient(to right, #33a3ff, #0675cf, #4cd5ff);    font-size: 25px;    font-weight: 400;    text-shadow: none;    line-height: 27px;    height: 25px;    width: 25px;    border-radius: 50%;    overflow: hidden;    opacity: 1;    position: absolute;    left: auto;    right: 8px;    top: 8px;    z-index: 1;    transition: all 0.3s;}.modal-content .close:hover{    color: #fff;    box-shadow: 0 0 5px rgba(0,0,0,0.5);}.close:focus{ outline: none; }.modal-body{ padding: 60px 40px 40px !important; }.modal-body .title{    color: #026fd4;    font-size: 33px;    font-weight: 700;    letter-spacing: 1px;    margin: 0 0 10px;}.modal-body .description{    color: #9A9EA9;    font-size: 16px;    margin: 0 0 20px;}.modal-body .form-group{    text-align: left;    margin-bottom: 20px;    position: relative;}.modal-body .input-icon{    color: #777;    font-size: 18px;    transform: translateY(-50%);    position: absolute;    top: 50%;    left: 20px;}.modal-body .form-control{    font-size: 17px;    height: 45px;    width: 100%;    padding: 6px 0 6px 50px;    margin: 0 auto;    border: 2px solid #eee;    border-radius: 5px;    box-shadow: none;    outline: none;}.form-control::placeholder{    color: #AEAFB1;}.form-group.checkbox{    width: 130px;    margin-top: 0;    display: inline-block;}.form-group.checkbox label{    color: #9A9EA9;    font-weight: normal;}.form-group.checkbox input[type=checkbox]{    margin-left: 0;}.modal-body .forgot-pass{    color: #7F7FD5;    font-size: 13px;    text-align: right;    width: calc(100% - 135px);    margin: 2px 0;    display: inline-block;    vertical-align: top;    transition: all 0.3s ease 0s;}.forgot-pass:hover{    color: #9A9EA9;    text-decoration: underline;}.modal-content .modal-body .btn{    color: #fff;    background: red;    font-size: 16px;    font-weight: 500;    letter-spacing: 1px;    text-transform: uppercase;    line-height: 38px;    width: 100%;    height: 40px;    padding: 0;    border: none;    border-radius: 5px;    border: none;    display: inline-block;    transition: all 0.6s ease 0s;}.modal-content .modal-body .btn:hover{    color: #fff;    letter-spacing: 2px;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}.modal-content .modal-body .btn:focus{ outline: none; }@media only screen and (max-width: 480px){    .modal-dialog{ width: 95% !important; }    .modal-content .modal-body{        padding: 60px 20px 40px !important;    }}