/*
	Author		: 208
*/



*, *:before, *:after {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after { position: absolute;}
img{max-width: 100%; height: auto;}
html, button, input, select, textarea { color: #222;}
html, body { font-family: 'Lora', serif; font-size: 14px; line-height: 1.4; height: 100%;color:#333333;}
a{ text-decoration: none; color: #3498db; outline: 0 !important;}
textarea { resize: vertical;}

.comingsoon {color:#FF0000; font-weight:bold; font-style:italic;}
.floatleft-img{ float:left; margin-right:20px; margin-top:10px; border: 4px solid #fff; box-shadow:0 0 5px;margin-left:7px;}
.floatright-img{ float:right; margin-left:20px; margin-top:10px; border: 4px solid #fff; box-shadow:0 0 5px;margin-right:7px;}
.float-img{ border: 4px solid #fff; box-shadow:0 0 5px;}
.col2{column-count:2;-webkit-column-count:2;-moz-column-count:2;}
.col3{column-count:3;-webkit-column-count:3;-moz-column-count:3;}

h1,h2,h3,h4,h5,h6,ul{margin:0 auto;font-weight:normal;}
ul{margin:0 auto;padding:0;list-style:none;}

body{overflow-x:hidden;}
/*
* Header Config
*/

header.page-header { width: auto; min-height:102px;background:#fff;}
.header-holder{width:980px;max-width:100%;height:102px;position:relative;padding:18px 0 0;}
.logo-wrapper{position:absolute;left:0;right:0;top:68px;text-align:center;z-index:9999;}
.header-info{position:absolute;right:-218px;top:15px;}
.header-info ul li{padding:0 0 0 36px ;font-size:16px;font-weight:bold;font-style:italic;color:#0ba5e0;line-height:25px;position:relative;}
.header-info ul li span{font-weight:normal;}
.header-info ul li:first-child:before{content:url(images/h-b.png);top:8px;left:0;}
.header-info ul li:last-child:before{content:url(images/h-b2.png);top:0;left:5px;}

.header-social{position:absolute;left:-250px;top:25px;}
.header-social ul li{display:inline-block;vertical-align:top;}
.header-social ul li a{display:block;margin:0 -1px;}
/*
* Navigation Config
*/

nav.page-nav{}
nav.page-nav ul{margin:0 auto;padding:0;list-style:none;width:100%;display:table;}
nav.page-nav li{ display: table-cell; vertical-align: middle; position: relative; }
nav.page-nav li a{ font-size:16px;display: block; width: auto; text-align:center;margin: 0px; padding: 20px 18px; color: #ff402f; font-weight: normal;border-radius:5px;}
nav.page-nav li a:hover, nav.page-nav li a:active, nav li.current_page_item a{ background: #4bbe97; color: #fff;}
nav.page-nav ul li:after{content:url(images/nav-spacer.png);top:0;right:-3px;}
nav.page-nav ul li:last-child:after{content:"";}

/* Drop down icon */
nav.page-nav span{ position: absolute; right: 0; top: 0; display: none; padding: 5px; cursor: pointer; z-index: 9; }

/* Navigation bar icon */
.nav-toggle-button{ display: none; position:relative; color: #231d1d; cursor: pointer;text-align:right;padding:10px 0 0;}
.nav-toggle-button .fa{ display: block;  }
.fa{color:#f15446;}


/*
*	Banner Area Config
*/
.banner{height:784px; margin:0 0 65px;}
.banner > .container{position:relative;}
.flash{width:1920px;height:784px;position:absolute;left:-480px;}
.rflash{display:none;}
.slogan{position:relative;z-index:999;text-align:center;}
.slogan h2{font-size:50px;color:#fff;padding:243px 0 0;}

/* 
* Sidebar Area Config 
*/

aside.page-sidebar{ width: 300px; max-width: 100%; height:auto;border:1px solid red;}
.sidebar{}
.sidebar h2{}
.sidebar ul{}
.sidebar ul li{}
.sidebar ul li a{display:block;position:relative;}
.sidebar ul li a:hover, .sidebar ul li.current_page_item a{ background: #ffd674;}

/* 
* Main Content Area Config 
*/
.grid{margin:0 auto 20px;}
.page-content { width: 825px; max-width: 100%;margin:0 auto;}
.page-content h1 {font-size:20px; font-weight:normal; color:#3d3d3d;margin-bottom:60px;}
.page-content h1 span{display:block;font-size:38px;font-weight:bold;color:#4bbe97;position:relative;line-height:40px;}
.page-content h1 span:before{content:url(images/h1-span-b.png);top:20px;left:-170px;right:0;}
.page-content h1 span:after{content:url(images/h1-span-a.png);top:20px;left:0;right:-190px;}
.page-content p {line-height:30px;margin-bottom:30px;}
.page-content a{color:#f15446;font-weight:bold;text-decoration:none;}
.page-content a:hover{color:#4bbe97;}
.page-content ul {margin:0; padding:0; list-style:none;}
.page-content ul li{ line-height:30px; margin-bottom:3px; position: relative; padding:3px;padding-left:50px;text-align:left;}
.page-content ul li:before{ position: absolute; content: url(images/bull.png); left: 20px; top: 5px;}
.comp, .mark{ color: #4bbe97; font-weight: bold; }

.content-img{margin:15px auto 0;text-align:center;}

.galleryimages img{width:250px; border: 5px solid #a3a7a3; border-radius: 5px; margin: 5px;}

/* 
* Middle Area Config 
*/
.mid{height:200px;background:url(images/mid-bg.png)no-repeat center top;padding:12px;}
.mid form{margin-left:-20px;position:relative;margin-top: 47px;}
.mid label{font-family: 'Roboto', sans-serif;font-size:16px;color:#fff;font-weight:bold;display:block;margin:0 0 5px;}
.input-con{float:left;margin:0 22px 5px 0;}
.mid input, .mid select{border:none;height:30px;line-height:30px;font-family: 'Open Sans', sans-serif;font-size:14px;font-style:italic;color:#939393;border-radius:3px;padding:0 15px;}
.mid select{width:216px}
.mid .i1 input[type="text"]{width: 146px; margin-right: 10px;}
.mid .i2 input[type="text"]{width:290px;}
.mid .i3 input[type="text"]{width:100px;}
.mid .i5 input[type="text"]{width:146px;}
.mid .i4 input[type="text"], .mid .i4 input[type="email"]{width:146px;}

.mid input[type="submit"]{font-family: 'Roboto', sans-serif;font-size:20px;color:#fff;border-radius:8px;position:relative;z-index:999; width:100%;height:100%;background:none;font-weight:bold;font-style:normal;}
.f-btn{width:119px;height:135px;background:#339a77;font-family: 'Roboto', sans-serif;font-size:20px;color:#fff;border-radius:8px;position:absolute;z-index:999;text-align:center;font-weight:bold;right:-25px;top:-3px;}
.f-btn:hover{background:#72facc;color:#339a77;}
.f-btn:hover input{color:#339a77;}
.f-btn span{position:relative;top:-73px;}
/* 
* Bottom Area Config 
*/
.bottom{}
.bottom > .container{}

.bottom-top{height:644px;background:url(images/bottom-top-bg.png)no-repeat center top;padding:90px 0 0;}
.gallery{padding:0 10px;position:relative;}
.gallery ul{text-align:center;}
.gallery ul li{display:inline-block;vertical-align:top;text-align:center;}
.gallery ul li img{display:inline-block;vertical-align:middle;}
.gallery ul li:first-child{position:absolute;top:47%;left:50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0);}
.gallery ul li:nth-child(2){float:left;}
.gallery ul li:nth-child(3){margin:-30px 0 150px;}
.gallery ul li:nth-child(4){float:right;}
.gallery ul li:last-child{}
.gallery ul li span{font-size:23px;color:#e25c50;font-weight:bold;}
.gallery ul li span small{display:block;font-size:31px;color:#4ec69d;font-weight:bold;line-height:30px;}
.gallery a{display:block;margin:25px auto 0;width:146px;height:32px;line-height:32px;text-align:center;font-family: 'Roboto', sans-serif;font-size:13px;color:#fff;border-radius:8px;background:#4ec69d;}
.gallery a:hover{background:#72facc;color:#339a77;}

.bottom-bot{height:490px;background:#fff;}
.bottom-bot > .container{padding:0 10px;}
.testi{padding:18px 0 0;}
.testi h2{font-size:25px;color:#4bbe97;font-weight:bold;text-align:center;padding:10px 0;border-top:1px dashed #4bbe97;}
.comments{border-top:1px dashed #4bbe97;overflow:hidden;clear:both;padding:10px 0;}
.com-left{width:215px;max-width:100%;}
.com-left h3{font-size:15px;color:#4bbe97;position:relative;padding:30px 0 0 95px;}
.com-left h3 span{display:block;color:#333333;font-size:15px;margin:10px 0 0}
.comments .com-left span:before{top:0;left:0;}
.comments:first-child .com-left span:before{content:url(images/comment-b.png);}
.comments:nth-child(2) .com-left span:before{content:url(images/comment2-b.png);}

.com-right{width:725px;font-size:15px;color:#333333;line-height:25px;}
.com-right small{display:block;font-size:22px;color:#333333;margin:0px 0 10px;position:relative;padding-left:125px;}
.com-right small:before{content:url(images/rate-b.png);top:3px;left:0;}
/* 
* Footer Area Config 
*/

footer.page-footer{}

.footer-top{height:784px;}
.footer-top > .container{}

.map{width:1920px;height:784px;position:relative;}
.map-img{position:absolute;left:-480px;}


.footer-bottom{height:322px;background:rgba(31,38,47,.8);margin:-322px 0 0;position:relative;padding:75px 0 0;}
.footer-bottom > .container{}

.socials{text-align:center;margin-bottom:30px;}
.socials ul li{display:inline-block;vertical-align:top;text-align:left;}
.socials ul li a{margin:0 12px;}

.credit {width:300px; margin: 10px auto 20px;}

.nav-footer ul{ margin: 0 auto 0; padding: 0; text-align: center; list-style: none; }
.nav-footer ul li{ display: inline-block; vertical-align: top;position:relative;color:#fff;}
.nav-footer ul li a{font-family: 'Lora', serif;display: block; padding: 0 10px; color: #fff;font-size:14px;}
.nav-footer ul li a:hover,.nav-footer li.current_page_item a{color:#72facc;}
.nav-footer ul li:after{content:"|";top:0;right:-3px;}
.nav-footer ul li:last-child:after{content:"";}


/*
* Copyright Config
*/

.footer-comp{ color:#ff4e37; font-weight:bold;}
#copyright { margin:20px auto 0 auto; color:#FFF; text-align:center;font-size:14px;}
#copyright a{ color: #fff;}
#copyright a:hover{ text-decoration:underline;}

/*
* Dang IE 7
*/
.lt-ie8 .dang-ie{ width: 100%; height: 100%; position: fixed; background-color: #00abdd;}
.message{ text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}
.inner-message{	position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{ position: relative; left: 3em;}
.inner-message a.download{ display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}
.terms{ color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie8 .protect-me{ display: none; }

/*search*/
.search_results div.page, .search_results div.post {padding:20px; margin-bottom:8px; background:#FFFFE1; border-bottom:2px solid #CCC;}
.search_results h2 a {text-decoration:none;}
.search_results div.entry-meta {font-style:italic;}
.search_results a:hover {text-decoration:none;}

/*resouces*/
.resources {font-size:14px; }
	.resources a {text-decoration:none; display:block;font-weight:bold;}
	.resources a:hover {text-decoration:none; padding-left:1px;}
	.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
	.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;}
	.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;} /*optional*/
	.resources ul li:before{content:"";}

	.alert {
    padding: 20px;
    background-color: #4CAF50;
    color: white;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}