@charset "utf-8";

/*
Copyright (c) 2017
[Master Stylesheet]
Theme Name : Blogger
Version    : 1.0
Author     : Conqurors Team
Author URI : 
Support    : 
*/


/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
Genaral Styles
Forms
Navbar
Header
Footer
Newsletter
Testimonial
Partners Slider
Features
Services
Subscribe section

font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:300,400,500,700,900');
body {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}


/* ----------------------------------
Genaral Styles - Global Components
---------------------------------- */


/* Backgrounds */

.cs-primary-bg {
	background-color: #1e79f2;;
}

.cs-gray-bg {
	background: #f7f7f7;
}
.cs-pattren-bg {
	background: url(../images/graph.png);
	background-position: center;
	background-size: cover;
}
.violet-color{color:  #7263b9 !important;}
/* Typhography */ 

p {
	color: #777777;
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

.cs-section-heading{
	margin-bottom: 56px;text-align: center;
}
.cs-section-heading h2 {
	
	color:  #333333;
	font-size: 32px;
	font-weight: 500;margin-top: 0;margin-bottom: 15px;
}

.cs-section-heading h4 {color:  #8d8d8d;margin: 0;
	font-size: 15px;
	font-weight: 300;
}
@media(max-width:768px){.cs-section-heading h2{font-size: 26px}}
/* Other*/
section{padding-top: 60px;padding-bottom: 60px;}
@media(min-width:768px){section{padding-top: 140px;padding-bottom: 140px;}}
.nopad {
	padding-top: 0;
	padding-bottom: 0
}

ul {
	padding: 0;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0px;
}

a {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
}
@media (max-width: 768px){
	.list-inline>li+li {
		margin-top: 15px;
}
}

/* ----------------------------------
Buttons & Links #STYLING
---------------------------------- */

.btn {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	border-radius: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-transform: uppercase;
	padding: 12px 35px 10px;
	transition: all .25s ease;
	border-width: 2px;border-radius: 100px;
}

.btn:hover{box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.07);}

.btn-primary {
	background-color:  #177ff8;
	border-color:  #177ff8;
	color: #fff;
}
.btn-white {
	background-color:  #fff;
	border-color:  #fff;
	color: #177ff8;
}
.btn-secondary{
	background-color:  #333333;
	border-color:   #333333;
	color: #fff;
}

.btn-primary:hover {
	background-color:  #17ffb5;
	border-color:  #17ffb5;
	color: #fff;
}
.btn-white:hover {
	background-color:  transparent;
	border-color:  #fff;
	color: #fff;
}
.btn-secondary:hover {
	background-color:  #17ffb5;
	border-color:  #17ffb5;
	color: #fff;
}

.cs-nav-btn{
	background-color:  #177ff8;
	width: 127px;
	height: 41px;color:  #ffffff !important;
	font-size: 14px;
	font-weight: 500;text-align: center;border-radius: 100px;
	padding: 10px 25px !important;
	margin-top: 20px;
}
.cs-nav-btn:hover,.cs-nav-btn:focus{
	background-color: #17ffb5 !important;color: #fff !important;box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.07);
}
@media(max-width:768px){
	.cs-nav-btn{width: 80%;margin: 20px;}
}
/* ----------------------------------
Forms #STYLING
---------------------------------- */
.form-group{margin-bottom: 20px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

textarea,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="search"],
input.form-control {
	border-radius: 0;
	height: 44px;
	width: 100%;
	font-size: 14px;
	color: #190f27;
	box-shadow: none;
	border: 1px solid #d5d5d5;
}

textarea,
textarea.form-control {
	padding-top: 10px;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #d5d5d5;
	height: auto;
}

textarea:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
.form-control:focus {
	box-shadow: 0px 0px 0px 1px #1e79f2;;
	border-color: #1e79f2;;
}

label {
	font-size: 14px;
}


/* ----------------------------------------
Navbar Styling
---------------------------------------- */

.navbar {
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	min-height: 10px;
}


/* Logo */

.navbar-default .navbar-brand {
	color: #000000;
	font-size: 30px;
	font-weight: 700;
	height: auto;
	padding: 17px 15px;
}
@media(max-width:768px){
	.navbar-default .navbar-brand {
		padding: 14px 15px;
	}
}
.cs-logo {
	height: 36px;
	width: 148px;
}


/* Dropdown menu */

.dropdown-menu {
	padding: 5px 0;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 10px;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
	min-width: 210px;
	border: 0 !important;
	border-radius: 3px;
	box-shadow: 3px 2px 7px 1px rgba(0, 0, 0, 0.08);
	-webkit-transform-origin: 10% top;
	transform-origin: 10% top;
	-webkit-transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s -webkit-transform cubic-bezier(0.1, 1.26, 0.83, 1);
	transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s -webkit-transform cubic-bezier(0.1, 1.26, 0.83, 1);
	transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s transform cubic-bezier(0.1, 1.26, 0.83, 1);
	transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s transform cubic-bezier(0.1, 1.26, 0.83, 1), 0.15s -webkit-transform cubic-bezier(0.1, 1.26, 0.83, 1);
}

.dropdown-menu:after {
	position: absolute;
	content: "";
	top: -10px;
	left: 70px;
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
}

.open>.dropdown-menu {
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transition-duration: 0s, 0.2s, 0.2s;
	transition-duration: 0s, 0.2s, 0.2s;
}


/* Show Dropdown Menu on hover */

ul.nav li:hover>ul.dropdown-menu {
	display: block;
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transition-duration: 0s, 0.2s, 0.2s;
	transition-duration: 0s, 0.2s, 0.2s;
}


/* Show Dropdown Menu on hover */

.dropdown-menu>li>a {
	color: #000000;
	font-size: 15px;
	padding: 12px 25px;
	position: relative;
}

.dropdown-menu>li>a:hover:after {
	position: absolute;
	-webkit-transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s -webkit-transform cubic-bezier(0.1, 1.26, 0.83, 1);
	transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s -webkit-transform cubic-bezier(0.1, 1.26, 0.83, 1);
	transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s transform cubic-bezier(0.1, 1.26, 0.83, 1);
	transition: 0s max-height 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s transform cubic-bezier(0.1, 1.26, 0.83, 1), 0.15s -webkit-transform cubic-bezier(0.1, 1.26, 0.83, 1);
	left: 0;
	top: 0;
	background: #1e79f2;;
	width: 3px;
	height: 35px;
	content: "";
}

.dropdown-menu>li>a:hover {
	color: #1e79f2;;
}


/* Toggle Button styling */

.navbar-toggle {
	border: 0;
}

.offcanvas-toggle {
	background: transparent !important;
	padding-right: 0;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #177ff8;
}


/* Nabar Responsive */



@media(min-width:770px) {
	/* Fixing Offcanvas menu plugin "displying Issue" (lg screens) */
	#js-bootstrap-offcanvas {
		height: 0 !important;
	}
}

@media(max-width:768px) {
	/* Styling Offcanvas menu plugin */
	.navbar-offcanvas {
		overflow: hidden;
		overflow-y: auto;
	}
	ul.dropdown-menu>li>.dropdown-menu {
		padding-left: 15px;
	}
	/* Positioning elements on offcanvas bar */
	.cs-topbar .navbar-right {
		position: absolute;
		right: 50px;
		top: 0;
		margin: 0;
	}
	.navbar-toggle {
		position: absolute;
		right: 0;
		top: 8px;
	}
	.navbar-brand>img{width: 89%;}
}


/* Dropdown Menu Styling */

@media(min-width:768px) {
	ul.dropdown-menu>li>.dropdown-menu {
		top: 0;
		left: 100%;
	}
}

@media (max-width: 768px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
}

@media (max-width: 768px){
	.navbar-default .navbar-offcanvas {
		background-color: #273140;
}
}
/* ----------------------------------------
Primary Navbar
---------------------------------------- */



.navbar-default.cs-primary-navbar {
	background-color:  #f0f3f7;
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}

.navbar-default.cs-primary-navbar .navbar-nav>li>a {
	color:  #333333;
	font-size: 18px;
	font-weight: 500;
	padding: 30px 25px;
	border: 0;
	border-radius: 27px;
}

.navbar-default.cs-primary-navbar .navbar-nav>li>a:hover {
	 color:  #177ff8;
}

.navbar-default.cs-primary-navbar .navbar-nav>li>a:focus {
	 color:  #177ff8;
}




@media(max-width:768px){
	.navbar-default.cs-primary-navbar .navbar-nav>li>a{
		font-size: 16px;padding: 13px 25px;
	}
}

@media (max-width: 768px){
	.navbar-default .navbar-offcanvas {
		background-color: #f0f3f7;
}
}
/* ----------------------------------------
Hero Header
---------------------------------------- */

.header {
	position: relative;
	width: 100%;
	background: #177ff8;
	background-position: center;
	color: white;
	background-size: cover;
	padding-top: 50px;padding-bottom: 70px;
}
.header .header-content {
	padding-top: 100px;
	position: relative;
}

.header .header-content  h1 {
	color:  #ffffff;
	font-size: 62px;
	font-weight: 900;
	line-height: 70px;
	max-width: 560px;
}

@media(min-width:768px) and (max-width:992px){
	.cs-header-img{margin-top: 100px;}
	.header .header-content  h1 {
		font-size:52px;}
}

.hero-subhead{
	color:  #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	max-width: 587px;
	margin-top: 39px;margin-bottom: 35px;
}@media(max-width:768px){
	.header{padding-top: 60px}
	.header .header-content  h1{
		width: 100%;
		font-size: 38px;
		line-height: 50px;
	}
	.header .header-content{text-align: center;margin-bottom: 80px;}
}

/* ----------------------------------------
Footer
---------------------------------------- */


.cs-footer{background-color:  #f4f4f4;padding: 100px 0;}

.pw-social-share li {
	display: inline-block;
	margin: 4px;
}

.pw-social-share li>a {
	border-radius: 50%;display: inline-block;
	background-color:  #d5d5d5;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color:  #ffffff;
	font-size: 11.52px;
	font-weight: 400;
}

.pw-social-share li>a:hover {
	background-color:  #1e79f2;
	color: #ffffff;
}
.cs-footer h1{
	color:  #333333;
	font-size: 56px;
	font-weight: 900;margin: 40px 0;text-transform: uppercase;
}
.cs-footer p{
	color:  #555555;
	font-size: 14px;
	font-weight: 400;margin-top: 30px;
}
@media(max-width:768px){
	.cs-footer{padding-top: 50px;padding-bottom: 50px;}
	.cs-footer h1{font-size: 30px;margin: 20px 0;}
}
/* --------------------------------------------------
Newsletter
-------------------------------------------------- */
.cs-newsletter{display: block;margin: auto;max-width: 632px;}
.cs-newsletter-btn{
	background-color:  #1e79f2;padding: 10px 24.5px;
	color: #ffffff;font-size: 20px;border-radius: 0;
	font-weight: 500;
}
.cs-newsletter-btn:hover,.cs-newsletter-btn:focus{
	background-color: #17ffb5 !important;
	color: #fff !important;
}

.cs-newsletter .input-group{
	border:2px solid #e7e7e7;
	background-color:  #ffffff;padding-right: 5px;
}
.cs-newsletter input.form-control {
	height: 70px;border: 0;
}
@media(max-width:768px){
	.cs-newsletter-btn{font-size: 14px;padding: 12px 8px;}
}
/* --------------------------------------------------
Testimonial
-------------------------------------------------- */

.cs-testimonial-bg{background-color:  #f0f3f7;}
.cs-testimonial .media-left img{width: 83px;height: 83px;}
.cs-testimonial .media-left{
	padding-right: 15px;
}
.cs-testimonial .media-body h4{
	color:  #333333;
	font-size: 20px;
	font-weight: 500;margin-bottom: 5px;
}
.cs-testimonial .media-body p{
	color:  #1e79f2;;text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;margin-top: 0;
}
.cs-testimonial .cs-text{
	color:  #777777;margin-top: 32px;
	font-size: 15px;
	font-weight: 400;position: relative;
	line-height: 28px;padding-bottom: 30px;
}

@media(max-width:768px){
	.cs-testimonial{margin-top: 40px;}
	.cs-testimonial .cs-text{padding-bottom: 0;margin-top: 15px}
}
.owl-theme .owl-dots .owl-dot span{
	border-radius: 0;border: 2px solid #177ff8;background:  #177ff8;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #fff;
}

/* --------------------------------------------------
Partners Slider
-------------------------------------------------- */
.cs-partners-bg{
	background-color:  #f6f6f6;padding: 50px 0;
}

.cs-partner-slider.owl-carousel .owl-item img{
	width: auto;margin: auto;
}
.slick-slide img{margin: auto;}
/* --------------------------------------------------
Features
-------------------------------------------------- */
.cs-feature{margin-top: 55px;}
.no-margin-mobile {
	margin-top: 0;
}
.cs-feature h2{color: #177ff8;margin: 0;}
.cs-feature h4{color:  #333333;margin-top: 26px;
	font-size: 21px;
	font-weight: 500;}
.cs-feature p{color:  #949494;
	font-size: 16px;
	font-weight: 400;margin-top: 14px;
	line-height: 26px}
.cs-center-img{margin-top: 110px;}
.cs-sec-content .cs-title{color:  #333333;
	font-size: 36px;
	font-weight: 900;}
.cs-sec-content .cs-subtitle{color:  #555555;
	font-size: 14px;
	font-weight: 400;margin-top: 22px;
	line-height: 26px;}
.cs-sec-content .cs-link{margin-top: 27px;}
.cs-sec-content.white .cs-title{color: #fff;}
.cs-sec-content.white .cs-subtitle{color:  #fff;}
@media(max-width:768px){
	.cs-feature, .cs-sec-content{text-align:center;}
	.cs-showcase {
		padding: 40px 30px;
}
	.cs-sec-content .cs-title{font-size: 26px;margin-top: 0;font-weight: 500;}
	.cs-center-img{margin-top: 20px;padding: 30px 30px;}
	.cs-btm-img {
		margin-bottom: 50px;
	}
}
/* --------------------------------------------------
Services
-------------------------------------------------- */
.cs-services {
	color: #fff;
	background-position: center;background-size: cover;
	padding: 85px 0;
}
.cs-service-content{padding-top: 50px;}
.cs-service{margin-top: 38px;}
.cs-service h2{color: #fff;margin: 0;}
.cs-service h4{color:  #fff;margin-top: 29px;
	font-size: 21px;
	font-weight: 500;}
.cs-service p{color:  #fff;
	font-size: 16px;
	font-weight: 400;margin-top: 14px;
	line-height: 26px}
.cs-img-bg{position: relative;background-color:  #f0f3f7;}
@media(max-width:1200px){
	.cs-fixedleft-img {
		position: relative;
		bottom: -59px;
	}
}
@media(min-width:1200px){
	.cs-fixedleft-img {
		position: absolute;left: 0;bottom: 0;
	}
}


/* --------------------------------------------------
Subscribe section
-------------------------------------------------- */
.top100 {
	margin-top: 100px;
}
@media(min-width:768px){
	.cs-sec-content{max-width: 420px;}
	
}
.cs-subscribe-form h2 {
	color:  #333333;
	font-size: 32px;
	font-weight: 500;
	margin-top: 0;
}

.cs-subscribe-form p {
	color:  #8d8d8d;
	font-size: 15px;
	font-weight: 300;margin-top: 5px;margin-bottom: 56px;
}

.cs-contact-content{padding-top: 80px;}
.cs-contact{margin-top: 46px;}
.cs-contact h2{color: #177ff8;margin: 0;}
.cs-contact h4{color:  #ffffff;
	font-size: 23px;
	font-weight: 500;margin: 18px 0;
}
.cs-contact p{color:  #ffffff;margin: 0;
	font-size: 18px;
	font-weight: 500;}

#action {
	background-color: #1e79f2;
	background-repeat: repeat-x;
	height: 652px;
	background-position: center;
	display: table;
	position: relative;
	width: 100%;
}

.vertical-center {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

@media(max-width:768px) {
	/*
	#action .action-col {
		background: url(../images/img-right.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	.action.take-tour .action-col {
		width: 100%;
		margin-top: 120px;
	}
	*/	
	#action{height: 460px}

}

@media(min-width:768px) {
	#action .action-col {
		position: absolute;
		top: 0;
		height: 100%;
		right: 0;
	}
	.tour-button {
		background: url(../images/img-right.png);
		background-color: #fff;
		height: 100%;
		background-repeat: no-repeat;
		position: absolute;
		width: 100%;
		left: 0;
		background-position: center;
		background-size: cover;
		padding-left: 65px;
	}
	
}

.action .btn-common {
	margin-top: 55px;
	float: left;
}

/* --------------------------------------------------
CSS Animations
-------------------------------------------------- */
/* fade in up */
.cs-fade-in-up {
	-webkit-animation-name: fade-in-up;
	animation-name: fade-in-up;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}


@-webkit-keyframes fade-in-up {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 32px, 0);
		transform: translate3d(0, 32px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fade-in-up {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 32px, 0);
		transform: translate3d(0, 32px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
/* /fade in up */

/*scale-in-hor-left*/
.scale-in-hor-left {
	-webkit-animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-moz-animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-hor-left{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}}@keyframes scale-in-hor-left{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}}
/* /scale-in-hor-left*/



/* flip-in-ver-right */
.flip-in-ver-right {
	-webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-moz-animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes flip-in-ver-right{0%{-webkit-transform:rotateY(-80deg);transform:rotateY(-80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}@keyframes flip-in-ver-right{0%{-webkit-transform:rotateY(-80deg);transform:rotateY(-80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}
/* flip-in-ver-right */