@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Passion+One:400,700,900|Sacramento');

/* font-family: 'Sacramento', cursive;
font-family: 'Arimo', sans-serif;
font-family: 'Passion One', cursive; */

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('jquery-ui.css');
@import url('jquery.mCustomScrollbar.min.css');

@font-face {
    font-family: 'Belmonte-Rough';
    src: url('../fonts/BelmonteRough.eot');
    src: url('../fonts/BelmonteRough.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BelmonteRough.woff2') format('woff2'),
        url('../fonts/BelmonteRough.woff') format('woff'),
        url('../fonts/BelmonteRough.ttf') format('truetype'),
        url('../fonts/BelmonteRough.svg#BelmonteRough') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

body {
	font-family: 'Arimo', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#ff006a;
}

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;
	line-height:1.6em;
}

h1{
	font-size:70px;
}

h2{
	font-size:40px;
}

h3{
	font-size:28px;
}

h4{
	font-size:24px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
	
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.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{
	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;	
}

.btn-style-one{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius:3px;
	background-color:#000;
	padding:11px 23px;
	text-transform:uppercase;
	border:2px solid #000;
	
}

.btn-style-one:hover{
	color: #000;
	background:none;
}

.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);}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:50px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#ff006a;
	display:none;
	-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:#242f6c;
}

.sec-title{
	position:relative;
	margin-bottom:50px;
}

.sec-title .title{
	position: relative;
    color: #a321b9;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.sec-title h2{
    position: relative;
    color: #222222;
    font-weight: 700;
    line-height: 1.2em;
	font-size:60px;
	z-index:1;
    text-transform: capitalize;
}

@keyframes slide{
	from { background-position: 0 0; }
    to { background-position: -200px 0; }
}

@-webkit-keyframes slide{
	from { background-position: 0 0; }
    to { background-position: -200px 0; }
}

.sec-title.centered{
	text-align: center;
}

.sec-title.centered .text{
	max-width:580px;
	margin:0 auto;
}

.banner-section{
	position:relative;
	padding:28px 0px 26px;
	background-size:cover;
	background-color: #000;
}

.banner-section:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	width:100%;
	height:105px;
	background:url(../images/icons/pattern-1.png) right bottom repeat-x;
}

.banner-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	/*background-color:rgba(19,17,68,0.85);*/
}

.main-footer{
	position:relative;
	padding:210px 0px 55px;
	background-color:#000;
}

.main-footer:before{
	position:absolute;
	content:'';
	left:0px;
	top:-10px;
	width:100%;
	height:112px;
	background:url(../images/background/pattern-4.png) no-repeat;
}

.main-footer .content{
	position:relative;
	text-align:center;
}

.main-footer .content .logo{
	position:relative;
}

.main-footer .content .text{
	position:relative;
	font-size:16px;
	line-height:1.7em;
	max-width:480px;
	margin:0 auto;
	margin-top:25px;
	color:#FFF;
}

.main-footer .social-icons{
	position:relative;
	margin-top:45px;
}

.main-footer .social-icons li{
	position:relative;
	margin:0px 35px 10px;
	display:inline-block;
}

.main-footer .social-icons li a{
	position:relative;
	font-size:18px;
	color:#FFF;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-footer .social-icons li a:hover{
	color:#ffffff;
}

.main-footer .footer-bottom{
	position:relative;
	text-align:center;
	padding:25px 0px 0px;
}

.main-footer .footer-bottom .copyright{
	position:relative;
	font-size:16px;
}

.contact-form-section{
	position:relative;
	padding:90px 0px 90px;
}

.contact-form-section .sec-title .text{
	max-width:720px;
	color:#000;
	font-size:16px;
	line-height:1.7em;
	margin-top:40px;
}

.contact-form-section .contact-form{
	max-width:945px;
	margin:0 auto;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="date"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:33px;
	padding:10px 25px;
	color:#222222;
	font-size:16px;
	border-radius:2px;
	background:#f7f8fb;
	height:65px;
	border:1px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group input[type="date"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#000;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:10px 25px;
	height:120px;
	resize:none;
	color:#000;
	font-size:16px;
	border-radius:2px;
	background:#f7f8fb;
	border:1px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .theme-btn{
	padding:11px 34px;
	margin-top:10px;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
	border-color:#000;	
}