@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#000;}
#navbtn{ display:none;}
.nav-menu{ }
.nav-menu li{ position:relative; float:left; }
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:400 14px/50px 'Lora', serif; color:#000;  white-space:nowrap; display:block; padding:0 50px; text-transform:uppercase;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ color:#962cff; }
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#fff; min-width:220px; box-shadow:0 0 5px #333; transition: all 300ms ease-out 0s; display:none; z-index:9999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu li:hover > .sub-menu li:hover a{ color:#000}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/40px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #d3d3d3;}

header{ position:absolute; left:0; right:0; width:100%; padding:17px 0 0; z-index:999;}
#logo{ float:left; padding:0 0 17px;}
.top-hd{ float:right; width:732px; padding:8px 0 0;}
#navigation{ border-top:solid 1px #000; border-bottom:solid 1px #000; background:rgba(255, 255, 255, 0.5);}
#inner-header ul li{ list-style-type:none;}
.social{ float:left;}
.social ul li{ float:left;}
.social ul li a{ padding:0 5px; display:block;}

ol.flex-control-nav{ display:none;}
[class*="flexslider"]{ position:relative; z-index:1; display:block; overflow:hidden;}
[class*="flexslider"] ul{ padding:0 !important;}
[class*="flexslider"] ul li{ position:relative; padding:0 !important; list-style-type:none;}
[class*="flexslider"] ul li > img{ width:100%;}
[class*="flexslider"] ul li+li{ display:none;}
[class*="flexslider"] .flex-direction-nav{ position:absolute; top:50%; left:1%; right:1%; transform: translate(0, -50%);}
[class*="flexslider"] .flex-direction-nav li{ float:left;}
[class*="flexslider"] .flex-direction-nav li+li{ float:right; display:block!important;}
[class*="flexslider"] .flex-direction-nav li a{ font-size:0; width:50px; height:50px; display:block; z-index:99; opacity:0.8;}
[class*="flexslider"] .flex-direction-nav li a.flex-prev{ background:url(images/prev.png) no-repeat 50% 50%;}
[class*="flexslider"] .flex-direction-nav li a.flex-next{ background:url(images/next.png) no-repeat  50% 50%;}


.adrs-sec{ float:right;}
.adrs{ float:left; padding:0 20px;}
.adrs ul li{ position:relative; padding:5px 0 20px 38px; font:400 17px/20px 'Lato', sans-serif; color:#000;}
.adrs ul li img{ position:absolute; left:0; top:0;}

#banner{ margin:0 auto; text-align:center; position:relative;}
#banner:after{ background:url(images/icon1.png) no-repeat 0 100%; position:absolute; left:0; bottom:-50px; content:""; width:512px; height:158px;}
.banner-text{ position:absolute; left:50%; top:55%; width:1200px; transform:translate(-50%, -50%); text-align:left; z-index:99;}
.banner-text div{ width:472px;}
.banner-text h1{ font:900 60px/64px 'Lato', sans-serif; padding:15px 0 0;}
.banner-text h5{ font:400 italic 20px/25px 'Lora', serif; }
.banner-text p{ font:400 italic 20px/25px 'Lora', serif; padding:15px 0 0; color:#000000;}
.readmore{ background:#cc66cc; font:400 15px/50px 'Lato', sans-serif; padding:0 45px; color:#fff; border-radius:25px; display:inline-block; text-transform:uppercase; margin:15px 0 0;}

.blue-text{ color:#0066cc;}
.pink-text{ color:#962cff;}
.light-pink{ color:#cc66cc;}
.blk-text{ color:#000;}
.white-text{ color:#fff;}

#content{ padding:70px 0 45px;}
#content h1{ font:400 40px/45px 'Lora', serif; padding:15px 0 0;}
#content h2{ font:400 30px/35px 'Lora', serif; padding:15px 0 0;}
#content h3{ font:400 27px/30px 'Lora', serif; padding:15px 0 0;}
#content h4{ font:700 20px/25px 'Lora', serif; padding:15px 0 0;}

.midl-bg{ background:url(images/midl-bg.jpg) no-repeat 50% 0; background-size:cover; margin:30px 0;}
#content .midl-bg p{ font-size:20px; line-height:26px;}

#content p{ font:400 italic 20px/27px 'Lora', serif; padding:15px 0 0;}
.frm-sec{ width:450px; background:url(images/frm-bg.jpg) no-repeat 50% 50% #fff; padding:12px; position:relative; margin:70px auto 30px; display:table;}
.frm-sec:before{ position:absolute; left:50%; transform:translateX(-50%); top:-85px; content:""; background:url(images/icon5.png) no-repeat 50% 0; width:320px; height:89px;}
.frm-sec:after{ background:url(images/shadow.png) no-repeat 50% 100%; height:37px;position:absolute; left:0;right:0;width:100%; content:"";}
.dp-sec{ background:#9933ff; padding:35px 25px; margin:55px 0 0;}

.dwnlod-btn {background: url(images/icon6.png) no-repeat 21px 50% #c6c;font: 400 italic 20px/25px 'Lora', serif;color:#000;width:396px;display: block;list-style-type: none;padding:15px 50px 15px 85px;margin: 15px 0 0;border-radius: 15px;}

.dwnload-sec{ margin:80px 0 0;}
.frm-all{ margin:0 auto;}


footer{ background:#cc66cc; padding:48px 0; text-align:center;}
footer p{ font:400 italic 18px/22px 'Lora', serif; padding:15px 0 0; color:#fff;}
footer a{ color:#fff;}
footer ul{ margin:25px auto 0; display:table;}
footer ul li{ float:left;}
footer ul li+li{ border-left:solid 1px #fff;}
footer ul li a{ font:400 18px/22px 'Lora', serif; padding:0 10px; display:block; text-transform:uppercase; color:#fff;}

.list-itm{ padding:10px 0 0 15px;}
.list-itm li{ font:400 italic 20px/25px 'Lora', serif; padding:0 0 15px 0; list-style:outside disc;}

.thnk{ font:400 italic 35px/38px 'Lora', serif; padding:15px 0 0; text-align:center; color:#000;}
.fancy-box {  padding: 5px; box-shadow: 0 0 6px #000; margin: 20px 0 0;}


@media only screen and (max-width: 1198px) {
.banner-text{ width:1000px; top:67%;}
#banner:after{ display:none;}
.nav-menu li > a{ padding:0 23px;}
.top-hd{ width:666px;}
.adrs ul li{ font-size:15px;}



}
@media only screen and (max-width: 990px) {
.banner-text{ width:748px;}
.adrs{ padding:0 4px;}
#logo{ width:202px;}
.adrs ul li{ padding:0 0 17px 35px; font-size:11px;}
.top-hd{ width:526px;}
.nav-menu li > a{ padding:0 10px; font-size:13px; }
.banner-text h1{ font-size:30px; line-height:34px;}
.banner-text p{ font-size:14px; line-height:18px;}
.frm-sec{ width:100%;}
.dwnlod-btn{ width:100%;}
.adrs ul li img{ top:-5px;}
}
@media only screen and (max-width: 740px) {
#navigation{ position:relative; padding:5px 0;}
#navbtn{ display:block; background:url(images/navigation.png) no-repeat 0 50%; width:auto; height:27px; font-size:16px; text-align:right; text-transform:uppercase; cursor:pointer;}
.nav-menu{ display:none;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #d3d3d3;}
.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50%;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}
.nav-menu .sub-menu a{ font-size:12px;}

.banner-text{ width:98%; top:50%;}
header{ position:inherit;}
#logo{ float:none; width:auto; text-align:center; padding:0;}
.top-hd{ float:none; width:100%;}
.social{ float:none; margin:0 auto; display:table;}
.adrs-sec{ float:none; margin:15px auto; display:table;}
.banner-text div{ width:100%;}
.banner-text p{ display:none;}
.readmore{padding: 0 24px; font-size:14px; line-height:30px;}
#content{ padding:20px 0 10px;}
#content h1{ font-size:30px; line-height:34px;}
.dwnlod-btn{ font-size:18px; padding:15px 37px 15px 77px;}
footer ul li a{ font-size:13px;}
}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.banner-text{ width:96%;}
.adrs{ float:none; width:100%; display:table;}
#content h1{ font-size:23px; line-height:26px;}
#content h2{ font-size:20px; line-height:22px;}
}