@import "fonts.css";

a,
a:hover {
    text-decoration: none !important;
}

ul,
ol {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

h1,h2,h3,h4,h5,h6
{
	font-family: "Quicksand-SemiBold";
}
.font-18
{
	font-size: 18px !important;
}

.white
{
	color: #fff;
}
.float-none
{
	float: none;
}
.width100
{
	width: 100% !important;
}
body {
    line-height: 25px;
    font-style: normal;
    color: #333;
    background-color: #fff;
    font-size: 15px;
    overflow-x: hidden;
    font-family: var(--source3);
    letter-spacing: 1px;
    z-index: 2;
    position: relative;
}

body .pen-png
{
    position: fixed;
    bottom: 0;
    left: 13px;
    width: 120px;
}

body:before
{
    content: '';
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-image: url(../img/backgrond.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:bottom right;
    height: 100vh;
    z-index: -1;
}

.spaccer1
{
	width: 100%;
	height: 50px;
}


.heading1 h2,
.heading1 h3,
.heading1 h4
{
	font-family: var(--heading1);
	letter-spacing: 0;
	font-size: 35px;
	color: var(--color2);
	position: relative;
	margin-bottom: 10px;
}


.heading1 h2:before,
.heading1 h3:before,
.heading1 h4:before
{
	content: attr(text-shadow);
	position: absolute;
	top: 3px;
	left:3px;
	color: #ccc;
	z-index: -1;
}

.heading1 h3
{
	font-family: var(--heading1);
	letter-spacing: 0;
	font-size: 30px;
	color: var(--color2);
}
.heading1 h4
{
	font-family: var(--heading1);
	letter-spacing: 0;
	font-size: 25px;
	color: var(--color2);
}


.heading1.center h2,
.heading1.center h3,
.heading1.center h4
{
	text-align: center;
}
.heading1.center h2:before,
.heading1.center h3:before,
.heading1.center h4:before
{
	left: 50%;
	transform: translateX(-50%);
}

.readmore a
{
	display: inline-block;
	font-family: var(--quick5);
	color: var(--color1);
	font-size: 16px;
	border:2px solid var(--color1);
	border-radius: 20px;
	padding:5px 15px;
}
.readmore a:hover
{
	color: var(--white);
	background-color: var(--color1);
}

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

.topbar
{
	background-color: var(--color3);
	padding: 4px 0;
}

.topbar .left-area
{
	margin:0px 0;
	float: right;
}
.topbar .left-area a
{
	font-family: var(--source3);
	color: var(--black);
	font-size: 17px;
	display: inline-block;
}
.topbar .left-area a:not(:last-child)
{
	margin-right: 10px;
}
.topbar .left-area a:hover
{
	color: var(--color1);
}

.topbar .left-area a i
{
  	color: var(--color1)
}



.topbar .right-area
{
	float: left;
}
.topbar .right-area .request-btn
{
	color: var(--white);
	font-family: var(--source4);
	font-size: 16px;
	display: inline-block;
	background-color: var(--color1);
	padding:7px 20px;
	border-radius: 20px;
}
.topbar .right-area .request-btn:hover
{
	background-color: var(--color2);
}


/*
=========================
*/

.navigation .logo
{
	display: inline-block;
	padding: 10px;
}
.navigation .logo img
{ 
	width: 155px;
}


.navigation .menubtgn
{
	display: none;
}



.navigation .navigation-bar
{
	overflow: hidden;
}
.navigation .navigation-bar .main-ul 
{
	float: right;
}
.navigation .navigation-bar .main-ul .main-li
{
	float: left;
	margin:28px 13px;
}
.navigation .navigation-bar .main-ul .main-li:last-child
{
	margin-right: 0;
}
.navigation .navigation-bar .main-ul .main-li a
{
	display: block;
	padding: 15px 3px;
	font-family: var(--quick5);
	text-transform: uppercase;
	font-size: 15px;
	color: var(--black);
	position: relative;
}
.navigation .navigation-bar .main-ul .main-li a:before
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0%;
	background-color: var(--color1);
	width: 0%;
	height: 3px;
	transition: all .3s ease;
}
.navigation .navigation-bar .main-ul .main-li:hover > a:before,
.navigation .navigation-bar .main-ul .main-li.active > a:before
{
	width: 100%;
}

.navigation .navigation-bar .main-ul .main-li:hover > a,
.navigation .navigation-bar .main-ul .main-li.active > a
{
	color: var(--color1);
}



#clone
{
    position: fixed;
    top: -200px;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all .3s linear;
}
#clone.shownav
{
    top: 0;
}
#clone .navigation
{
	background-color: var(--white);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

#clone .navigation .logo
{
	padding: 8px 10px;
}

#clone .navigation .logo img
{
	width: 110px;
}

#clone .navigation .navigation-bar .main-ul .main-li a
{
	padding:11px 3px;
}
#clone .navigation .navigation-bar .main-ul .main-li
{
	margin:17px 13px;
}


/*
===========================
*/
.amazingslider-arrow-left-1
{
	left: 0 !important;
}
.amazingslider-arrow-right-1
{
	right: 0 !important;
}

/*
======================================
*/


.image-border .img:before
{
	content:'';
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	height: 100%;
	background-color: var(--color2);
	border-radius: 20px;
	z-index: -1;
}
.image-border .img
{
	position: relative;
	left: 0;
	border-radius: 20px;
}
.image-border .img img
{
	border-radius: 20px;
}

/*
==============================
*/

section.about-home
{
	margin-top: 60px;
}

section.about-home .content-about-home
{
	padding: 70px 20px;
}
section.about-home .content-about-home p
{
	font-family: var(--source3);
	font-size: 16px;
	text-align: justify;
}


/*
==================================
*/

section.events
{
	margin-top: 60px;
}

section.events .pradingReduce
{
	padding-left: 7px;
	padding-right: 7px;
}

section.events .pradingReduce .event-box
{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
section.events .pradingReduce .event-box .title
{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	padding:8px 5px;

}

section.events .pradingReduce .event-box .title h4
{
	
	font-family: var(--quick3);
	color: var(--white);
	text-shadow: 2px 2px 15px rgba(0,0,0,.5);
	margin-bottom: 0;
	margin-left: 10px;
	opacity: 1;
	visibility: visible;
	font-size: 24px;
}

section.events .pradingReduce .event-box:hover .title
{
	opacity: 0;
	visibility: hidden;
}

section.events .pradingReduce .event-box .overlay
{
	position: absolute;
	
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	z-index: 2;
	transition: all .3s ease;
}


section.events .pradingReduce.left .event-box .overlay
{
	left: -105%;
	top: 0;
}

section.events .pradingReduce.left .event-box:hover .overlay
{
	left: 0%;
}


section.events .pradingReduce.top .event-box .overlay
{
	top: -105%;
	left: 0;
}

section.events .pradingReduce.top .event-box:hover .overlay
{
	top: 0%;
}


section.events .pradingReduce.right .event-box .overlay
{
	right: -105%;
	top: 0;
}

section.events .pradingReduce.right .event-box:hover .overlay
{
	right: 0%;
}



section.events .pradingReduce .event-box .overlay .content-box
{
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 0 15px;
}

section.events .pradingReduce .event-box .overlay .content-box *
{
	color: var(--white);
}

section.events .pradingReduce .event-box .overlay .content-box h4
{
	font-family: var(--quick5);
	font-size: 22px;
	text-shadow: 2px 2px 25px rgba(26,26,26,.5);
	margin-bottom: 5px;
}
section.events .pradingReduce .event-box .overlay .content-box p
{
	font-family: var(--source3);
	font-size: 16px;
	line-height: 1.2;
	text-shadow: 2px 2px 25px rgba(26,26,26,.5);
}


section.events .pradingReduce .event-box .images img
{
	transform: scale(1) rotate(0deg);
	transition: all 1s ease;
}
section.events .pradingReduce .event-box:hover .images img
{
	transform: scale(1.2) rotate(-10deg);
}

section.events.awards .pradingReduce .event-box .overlay i
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: var(--white);
	font-size: 2.5em;
} 


/*
================================
*/

footer
{
	background-color: #151515;
	/*background-color: var(--color2);*/
	margin-top: 50px;
}

footer .borderRight
{
	border-right: 1px solid rgba(255,255,255,.1);
}
footer .colomn4css
{
	padding:40px 0px 10px;
}
footer .colomn4css .ftr_head
{
	font-family: var(--quick3);
	color: var(--white);
	font-size: 22px;
	margin-bottom: 20px;
	padding-left: 20px;
}

footer .colomn4css .ftr-box
{
	border-top: 1px solid rgba(255,255,255,.1);
	padding-top: 15px;
}

footer .colomn4css .ftr-box ul.list-footer,
footer .colomn4css .ftr-box .social-media
{
	margin-left:20px; 
}

footer .colomn4css .ftr-box ul.list-footer
{
	-webkit-column-count: 2; 
    -moz-column-count: 2;  
    column-count: 2;
}

footer .colomn4css .ftr-box ul.list-footer li a
{
	padding-left: 13px;
	margin-bottom: 5px;
	display: inline-block;
}
footer .colomn4css .ftr-box ul.list-footer li a
{
	font-family: var(--source3);
	color: var(--white);
	font-size: 16px;
	position: relative;
	letter-spacing: 0;
}
footer .colomn4css .ftr-box ul.list-footer li:hover a
{
	color: var(--color1)
}
footer .colomn4css .ftr-box ul.list-footer li a:before
{
	content: '\f105';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--color1);
	font-family: fontawesome;
}


footer .colomn4css .ftr-box .social-media
{
	margin-top: 20px;
}

footer .colomn4css .ftr-box .social-media a
{		
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #2d2d2d;
	text-align: center;
	position: relative;
	overflow: hidden;
}	
footer .colomn4css .ftr-box .social-media a:before
{
  content: '';
  position: absolute;
  top: -30%;
  left: -30%;
  width: 100%;
  height: 100%;
  background-color: var(--color1);
  transform: scale(1.4) rotate(45deg);
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}
footer .colomn4css .ftr-box .social-media a:hover:before
{
  opacity: 1;
  visibility: visible;
  top: 0%;
  left:0%;
}

footer .colomn4css .ftr-box .social-media a:not(:last-child)
{
	margin-right: 5px;
}
footer .colomn4css .ftr-box .social-media a i
{
	line-height: 35px;
	color: var(--white);
	position: relative;
	z-index: 2;
}


footer .colomn4css .ftr-box.map
{
	padding-left:20px;
	padding-right:20px;
}


footer .colomn4css .ftr-box.address
{
	padding-left:20px;
	padding-right:20px;
}
footer .colomn4css .ftr-box.address .address-row
{
	clear: both;
}
footer .colomn4css .ftr-box.address .address-row .icon
{
	background-color: #2d2d2d;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: var(--white);
	text-align: center;
	transition: all .2s ease;
	display: block;
	float: left;
	margin-bottom: 10px;
}
footer .colomn4css .ftr-box.address .address-row:hover .icon
{
	background-color: var(--color1);
}
footer .colomn4css .ftr-box.address .address-row .icon i
{
	line-height: 30px;
}

footer .colomn4css .ftr-box.address .address-row .values
{
	display: inline-block;
	padding-left: 10px;
	width: 80%;
	font-family: var(--source3);
	color: var(--white);
}

footer .copyrights
{
	margin-top: 30px;
	text-align: center;
	padding-bottom: 20px;
}
footer .copyrights span
{
	font-family: var(--source3);
	color: #ccc;
	font-size: 17px;
}
footer .copyrights span a
{
	color: var(--color1);
	font-family: var(--source4);
}

/*
=========================================
*/

.banners
{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 200px;
	position: relative;
}
.banners:before
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgb(6, 6, 6));
    background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(6, 6, 6));
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(6, 6, 6));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(6, 6, 6));
}

.banners .text-box-banner
{
	position: absolute;
	bottom: 10px;
	left: 50px;
}
.banners .text-box-banner h4
{
	font-family: var(--source4);
	color: var(--white);
	text-shadow: 2px 2px 10px rgba(0,0,0,.6);
	font-size: 35px;
}

.breadcrumbs
{
	background-color: var(--color3);
	padding:6px 50px;
}

.breadcrumbs a
{
	color: var(--black) !important;
	font-family: var(--source4);
	margin-right: 5px;
}

.breadcrumbs a:not(:last-child):after
{
	content:'\f105';
	font-family: fontawesome;
	padding-left: 7px;
}


/*
=============================
*/
.form-container
{
	margin-top: 20px;
}
.form-container .myinput
{
	margin-bottom: 15px;
}
.form-container .myinput label
{
	font-family: var(--quick4);
	color: var(--dark);
	font-size: 15px;
	margin-bottom: 3px;
}
.form-container .myinput .form-control
{
	border-radius: 0;
	border-color:#afb2b5;
}
.form-container .myinput .form-control:focus
{
	box-shadow: none;
	border-color: var(--color2);
}

.capatcha-image
{
	margin-top:30px;
}

.form-container .submitbtn
{
	border:1px solid var(--color2);
	background-color: var(--color2);
	color: var(--white);
	font-family: var(--quick4);
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 15px;
	padding: 5px 25px;
}
.form-container .submitbtn:hover
{
	background-color: #B7190B;
}


/*
============================
*/

.address-box .address-row
{
	
}

/*
========================
*/


/*
=====================================
*/

ul.c_address li .box .icon
{
    width: 30px;
margin-right: 5px;
float: left;
}

ul.c_address li{
border-bottom: 1px solid #bab7b7;
padding: 10px 0; 
}

ul.c_address li:last-child{
border-bottom: 0px;
}

ul.c_address li .box .text
{
    width: 100%;
display: inline-block;
margin-left: 5px;
}

ul.c_address li .box .text strong
{
    font-family: var(--source5);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    margin-right: 3px;
}
ul.c_address li .box .text h3.title
{
    font-size: 1.2em;
    clear: both;
    font-family: var(--source4);
    margin-bottom: 5px;
}

ul.c_address li .box .text span
{
    font-family: var(--source4);
}

ul.c_address li .box .text span a
{
    color: var(--color1);
}


/*
============================
*/
	
.social-links
{
	margin-top: 20px;
	display: table;
	margin:auto;
	margin-top: 20px;
}

.social-links a
{		
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #2d2d2d;
	text-align: center;
	position: relative;
	overflow: hidden;
}	
.social-links a:before
{
  content: '';
  position: absolute;
  top: -30%;
  left: -30%;
  width: 100%;
  height: 100%;
  background-color: var(--color1);
  transform: scale(1.4) rotate(45deg);
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}
.social-links a:hover:before
{
  opacity: 1;
  visibility: visible;
  top: 0%;
  left:0%;
}
.social-links a:not(:last-child)
{
	margin-right: 5px;
}
.social-links a i
{
	line-height: 35px;
	color: var(--white);
	position: relative;
	z-index: 2;
}

/*
==========================
*/

section.contact-section,
section.about-section
{
	margin-top: 40px;
}

/*
===========================
*/

.desc-content .about-image
{
    float: right;
    width: 320px;
    background-color: var(--white);
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.desc-content .about-image.w500
{
	width: 500px;
}

.desc-content .about-image img
{
	transform: scale(1);
	transition: all .5s ease;
	border-radius: 10px;
}
.desc-content .about-image:hover img
{
	transform: scale(1.2);
}


.desc-content .about-image.left
{
	float: left;
	margin-right: 20px;
}
.desc-content .about-image.right
{
	float: right;
	margin-left: 20px;
}

.desc-content p
{
	font-family: var(--source3);
	font-size: 16px;
}

/*
============================
*/


.list-items ul
{
  margin-top: 20px;
  margin-bottom: 20px;
}
.list-items ul li
{
  position: relative;
  padding-left:28px; 
  margin-bottom: 10px;
  font-family: var(--source3);
	font-size: 16px;
}
.list-items ul li:before
{
  content: '\f105';
  font-family: fontawesome;
  position: absolute;
  top: 3px;
  left: 0;
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: #ED1B23;
  border-radius: 3px;
  line-height: 20px;
}

/*
========================
*/
.padding-1
{
	padding:80px 30px;
}



.events-content p
{
	 font-family: var(--source4);
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 30px;
	word-spacing: 2px;
	color: #333;
}

/*
=============================
*/

#example thead tr th
{
	background-color: var(--color2) !important;
	color: var(--white);
	text-transform: uppercase;
	font-family: var(--source5);
	font-weight: normal;
	text-align: center;
}
#example tbody tr td
{

	font-family: var(--source4);
	text-transform: uppercase;
}

#example tbody tr td
{
	border-right:1px solid #ccc;
	text-align: center;
}
#example tbody tr:last-child td
{
	border-bottom:1px solid #ccc;
}
#example tbody tr td:first-child
{
	border-left:1px solid #ccc;
}

.page-item .page-link
{
	color: #333;
}
.page-item .page-link:focus
{
	box-shadow: none;
}
.page-item.active .page-link
{
	background-color: var(--color2);
	border-color: var(--color2);
}


.margin-top-bottom
{
	margin:50px 0;
	border-radius: 5px;
	width: 100%;
}

@media screen and (min-width: 768px)
{
	.margin-top-bottom
	{
		margin:25px 0;
	}
}