/* Base CSS */


.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-weight: 700;
  color: #afffaf;
}

body {
  color: #000000;
  font-weight: 400;
  font-family: 'Oswald', sans-serif;
}
p {
    line-height: 1.7;
    
}
.selector-for-some-widget {
  box-sizing: content-box;
}
a{
  transition: all 0.3s ease;
}
a:hover { text-decoration: none; }




/* above area Start */
.above-area {
	background-image: url(../img/optin-bg.jpg);
	background-position: center;
	background-size: cover;
	text-align: center;
	padding: 50px 0;
}
.logo-area {
	margin-bottom: 25px;
}
.title h2 {
	text-transform: uppercase;
}
.matchups-text h3 {
	color: #fff;
}
.matchups-text h4 {
	color: #fff;
	margin-bottom: 5px;
}
.contact-area {
	margin-top: 20px;
}

.contact-title h1 {
	font-size: 70px;
	color: #1E73BE;
	margin-bottom: 0;
}
.contant-form {
	background: #1E73BE;
	padding: 30px;
	border: 2px solid #fff;
	margin-bottom: 20px;
}
.form-field-text input {
	width: 100%;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	border: 1px solid #eee;
	padding: 5px;
	border-radius: 2px;
	padding-left: 10px;
}
.contant-form h3 {
	font-size: 30px;
	color: #fff;
}
.form-field-btn button {
	background: #c9302c;
	border: 1px solid #ac2925;
	width: 100%;
	padding: 3px;
	color: #fff;
	font-size: 20px;
	opacity: .9;
	transition: .5s;
}
.form-field-btn button:hover {
    opacity: 1;
}
.contact-num a {
	font-size: 40px;
	font-weight: 700;
	display: block;
	line-height: 45px;
	color: #fff;
}
.contact-num h1 {
	color: #fff;
	margin-bottom: 0;
	margin-top: 10px;
}

/* above area End */





/* about area Start */
.about-area {
	padding: 80px 0;
}
.about-title {
	text-align: center;
	margin-bottom: 40px;
}
.about-title h1 {
	margin-bottom: 0;
}
.about-title p {
	font-weight: 500;
	font-size: 20px;
	color: rgb(34, 34, 34);
}
.about-title h1 span {
	color: #FF6600;
}
.about-text p {
	color: rgb(34, 34, 34);
	font-size: 20px;
}
.about-buttom-text {
	text-align: center;
    margin-top: 30px;
}
.about-buttom-text h3 {
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 0;
}
.about-pic img {
	margin: 0 auto;
}
.about-text h3 {
	font-size: 20px;
}
.about-text {
	width: 75%;
	margin: 0 auto;
}


/* about area End */



/* Testimonial area Start */
.testimonial-area {
	background-image: url(../img/optin-bg.jpg);
	background-position: center;
	background-size: cover;
	padding: 100px 0;
	background-attachment: fixed;
}
.testimonial-content {
	border: 1px solid #FF6600;
	padding: 40px;
}


.testimonial-content p {
	font-size: 18px;
	color: rgb(255, 255, 255);
}
.testimonial-content h4 {
	color: rgb(255, 255, 255);
	margin-bottom: 0;
}




/* Testimonial area End */





/* Footer area End */

.footer-area {
	padding: 20px 0;
	background: #000;
}
.footer-text a {
	color: #fff;
}


/* Footer area End */









/*return-to-top START CSS*/
#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 40px;
	display: block;
	text-decoration: none;
	display: none;
	z-index: 1000;
	transform: skew(20deg);
	background: #4FB3CF;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 15px;
	top: 4px;
	font-size: 30px;
	transition: all 0.3s ease;
}




/*Proloader START CSS*/
.proloader{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
} 
    .loader_34{
        /* Preloader */
        display: table-cell;
        vertical-align:  middle;
        text-align: center;
    }

    .loader_34
    .ytp-spinner {
        /* Spinner Container */
        position: absolute;
        left: 50%;
        top: 50%;
        width: 64px;
        margin-left: -32px;
        z-index: 18;
        pointer-events: none;
    }

    .loader_34
    .ytp-spinner
    .ytp-spinner-container {
        pointer-events: none;
        position: absolute;
        width: 100%;
        padding-bottom: 100%;
        top: 50%;
        left: 50%;
        margin-top: -50%;
        margin-left: -50%;
        animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
        -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
    }

    .loader_34
    .ytp-spinner-rotator {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
        animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
    }

    .loader_34
    .ytp-spinner-left {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
    }

    .loader_34
    .ytp-spinner-right {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }

    .loader_34
    .ytp-spinner-left {
        /* Position inside Container*/
        right: 50%;
    }

    .loader_34
    .ytp-spinner-right {
        /* Position inside Container*/
        left: 50%;
    }

    .loader_34
    .ytp-spinner-circle {
        box-sizing: border-box;
        position: absolute;
        width: 200%;
        height: 100%;
        border-style: solid;
        /* Spinner Color */
        border-color: #4FB3CF #4FB3CF transparent;
        border-radius: 50%;
        border-width: 6px;
    }

    .loader_34
    .ytp-spinner-left 
    .ytp-spinner-circle {
        left: 0;
        right: -100%;
        border-right-color: transparent;
        -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
        animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
    }

    .loader_34
    .ytp-spinner-right 
    .ytp-spinner-circle {
        left: -100%;
        right: 0;
        border-left-color: transparent;
        -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
        animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
    }

    /* Preloader Animations */

    @-webkit-keyframes ytp-spinner-linspin {
        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes ytp-spinner-linspin {
        to {
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes ytp-spinner-easespin {
        12.5% {
            -webkit-transform: rotate(135deg);
        }
        25% {
            -webkit-transform: rotate(270deg);
        }
        37.5% {
            -webkit-transform: rotate(405deg);
        }
        50% {
            -webkit-transform: rotate(540deg);
        }
        62.5% {
            -webkit-transform: rotate(675deg);
        }
        75% {
            -webkit-transform: rotate(810deg);
        }
        87.5% {
            -webkit-transform: rotate(945deg);
        }
        to {
            -webkit-transform: rotate(1080deg);
        }
    }

    @keyframes ytp-spinner-easespin {
        12.5% {
            transform: rotate(135deg);
        }
        25% {
            transform: rotate(270deg);
        }
        37.5% {
            transform: rotate(405deg);
        }
        50% {
            transform: rotate(540deg);
        }
        62.5% {
            transform: rotate(675deg);
        }
        75% {
            transform: rotate(810deg);
        }
        87.5% {
            transform: rotate(945deg);
        }
        to {
            transform: rotate(1080deg);
        }
    }

    @-webkit-keyframes ytp-spinner-left-spin {
        0% {
            -webkit-transform: rotate(130deg);
        }
        50% {
            -webkit-transform: rotate(-5deg);
        }
        to {
            -webkit-transform: rotate(130deg);
        }
    }

    @keyframes ytp-spinner-left-spin {
        0% {
            transform: rotate(130deg);
        }
        50% {
            transform: rotate(-5deg);
        }
        to {
            transform: rotate(130deg);
        }
    }

    @-webkit-keyframes ytp-right-spin {
        0% {
            -webkit-transform: rotate(-130deg);
        }
        50% {
            -webkit-transform: rotate(5deg);
        }
        to {
            -webkit-transform: rotate(-130deg);
        }
    }

    @keyframes ytp-right-spin {
        0% {
            transform: rotate(-130deg);
        }
        50% {
            transform: rotate(5deg);
        }
        to {
            transform: rotate(-130deg);
        }
    }