/* Reeko Digital Agency HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Two / Three / Four
5. Banner Section / Two / Three / Four
6. Services Section / Two
7. About Section / Two / Three / Four
8. Counter Section / Two
9. Video Section / Two
10. Gallery Section / Two / Three
11. Team Section / Two
12. Choose Section / Two / Three / Four
13. Testimonial Section / Two / Three
14. News Section / Two / Three / Four
15. Main Footer / Two / Three
16. Clients Section / Two
17. Pricing Section
18. Featured Section
19. Page Title
20. Map Section
21. Service Detail Section
22. Service Widgets
23. Our Blog
24. Blog Widgets
25. Contact Info Section
26. Contact Form Section

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

/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'DM Sans', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background-color:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#1a4fc9;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	font-family: 'Teko', sans-serif;
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
}

.text{
	position:relative;
	color:#575d6e;
	font-size:16px;
	line-height:1.8em;
}

/* Typography */

h1{
	position:relative;
	font-size:62px;
	line-height:1.2em;
	font-weight:700;
}

h2{
	position:relative;
	font-size:46px;
	font-weight:600;
	line-height:1.2em;
}

h3{
	position:relative;
	font-size:30px;
	line-height:1.2em;
}

h4{
	position:relative;
	font-size:24px;
	line-height:1.3em;
}

h5{
	position:relative;
	font-size:20px;
}

h6{
	position:relative;
	font-size:18px;
	font-weight:700;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	cursor:pointer;
	font-size: 16px;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#1a4fc9;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#ffffff;
	display:none;
	border-radius:50px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#1a4fc9;
}

/* List Style One */

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:#575d6e;
	font-size:17px;
	padding-left:30px;
	font-weight:400;
	line-height:1.6em;
	margin-bottom:12px;
}

.list-style-one li:before{
	position:absolute;
	content: "\f16e";
	left:0px;
	top:5px;
	color:#497df3;
	font-size:18px;
	line-height:1em;
	font-family: "Flaticon";
}

.list-style-one.style-two li{
	color:#1B212F;
	text-decoration:underline;
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	line-height: 30px;
	color: #5184FA;
	font-weight: 700;
	overflow: hidden;
	background:none;
	border-radius:50px;
	padding: 12px 35px 12px;
	text-transform: uppercase;
	background-color:#ffffff; 
	font-family: 'DM Sans', sans-serif;
	box-shadow:0px 0px 15px rgba(81,132,250,0.10);
}

.btn-style-one:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-color:#1a4fc9;
}

.btn-style-one .txt{
	position:relative;
	z-index:1;
}

.btn-style-one .arrow{
	margin-left:6px;
}

.btn-style-one:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover{
	color: #ffffff;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	overflow: hidden;
	background:none;
	border-radius:50px;
	padding: 12px 35px 12px;
	text-transform: uppercase;
	background-color:#5184FA;
}

.btn-style-two:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-color:#00204c;
}

.btn-style-two .txt{
	position:relative;
	z-index:1;
}

.btn-style-two .arrow{
	margin-left:6px;
}

.btn-style-two:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover{
	color: #ffffff;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	line-height: 30px;
	color: #ffffff;
	padding: 13px 46px 13px;
	overflow: hidden;
	border-radius:50px;
	font-weight:700;
	font-size:14px;
	text-transform: uppercase;
	background: #4D80F6;
	background: -webkit-linear-gradient(to bottom, #4D80F6 0%, #1c51ca 100%);
	background: -moz-linear-gradient(to bottom, #4D80F6 0%, #1c51ca 100%);
	background: linear-gradient(to bottom, #4D80F6 0%, #1c51ca 100%);
}

.btn-style-three:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background: #1C51CA;
	background: -webkit-linear-gradient(to bottom, #1C51CA 0%, #4D80F6 100%);
	background: -moz-linear-gradient(to bottom, #1C51CA 0%, #4D80F6 100%);
	background: linear-gradient(to bottom, #1C51CA 0%, #4D80F6 100%);
}

.btn-style-three .txt{
	position:relative;
	z-index:1;
}

.btn-style-three:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover{
	color: #ffffff;
	border-color:#00204c;
}

/* Social Icon One */

.social-icon-one{
	position: relative;
	display: block;
}

.social-icon-one .title{
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 15px;
}

.social-icon-one li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	margin-right: 22px;
}

.social-icon-one li:last-child{
	margin-right: 0;
}

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #1a4fc9;
}

.theme_color{
	color:#1a4fc9;
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:120px; }

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:40px;
}

.sec-title h2{
    color:#1B212F;
	text-transform:uppercase; 
}

.sec-title .text{
	color:##707070;
	font-size:16px;
    font-weight: 400;
	margin-top:0px;
}

.sec-title.light .text,
.sec-title.light h2{
	color:#ffffff;
}

.sec-title.centered{
	text-align: center !important;
}

/*** 

====================================================================
	Section Title Two
====================================================================

***/

.sec-title-two{
	position:relative;
	margin-bottom:40px;
}

.sec-title-two .title{
	position:relative;
	color:#5184FA;
	font-size:16px;
	font-weight:700;
	padding:10px 26px;
	margin-bottom:20px;
	border-radius:50px;
	display:inline-block;
	background-color:#dbe6ff;
}

.sec-title-two h2{
    color:#1B212F;
	text-transform:uppercase; 
}

.sec-title-two .text{
	color:#707070;
	font-size:16px;
    font-weight: 400;
	margin-top:6px;
}

.sec-title-two.light .text,
.sec-title-two.light h2{
	color:#ffffff;
}

.sec-title-two.centered{
	text-align: center !important;
}