/*[Style Listed For Denis McCarthy]*/
*{margin:0;padding:0;text-decoration:none;}
body{background:#fff url(../images/bg-img.jpg) no-repeat fixed center center/cover;height:100%; width:100%;}
/*Base Structure*/
.clearfix{clear:both;}
.site-wrapper {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;box-shadow:0 2px 4px #000;}
@media (min-width: 768px) {
  .site-wrapper {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .site-wrapper {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .site-wrapper {
    width: 960px;
  }
}
.site-inner{width: 100%; float: left; position:relative; margin-top:15px; border-top:2px solid #fff;}
.p0{padding: 0!important;}

/*Header*/
.top-header {
	background:url(../images/header-bg.jpg) no-repeat center/cover;
	width:100%; min-height:200px; float:left; position:relative; overflow:hidden;
	}
.top-header-inner{width:100%; float:left; padding:40px;}
@media (max-width: 767px) { .top-header-inner{width:auto;}}	
.top-header h2{font: 30px 'Droid Sans', sans-serif; color:#fff; text-align:center; text-transform:uppercase; text-shadow:1px 1px #000; margin-bottom:0;}
.top-header p{font: 16px 'Droid Sans', sans-serif; color:#fff; text-align:center; text-shadow:1px 1px #000;}

/*Menu*/
.menu-area{width:100%; float:left; position:relative; z-index:99;}
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#111 url(../images/nav-bg.png) repeat-x;}
#cssmenu > ul > li{float:left;border-right:1px solid #333;}
#cssmenu > ul > li > a{padding:14px;font-size:12px;text-decoration:none;color:#ddd; font: 12px 'Droid Sans', sans-serif;
text-transform:uppercase; font-weight:400;border-right:1px solid #000;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
/*#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#333 url(../images/nav-bg-hover.png) repeat-x;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}*/
#cssmenu > ul > li.has-sub > a{padding-right:30px; border-right:1px solid #000;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:14px;right:11px;width:8px;height:2px;display:block;}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:15px;right:14px;display:block;width:2px;height:2px; font-size:10px;
font-family: 'FontAwesome';
content: "\f078";
-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{/*height:35px*/height:auto;}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:6px 10px;width:250px;font-size:13px;text-decoration:none;color:#ddd;font-weight:400;
font-family:'Droid Sans', sans-serif; line-height:20px;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:700px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#111;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#111!important;}
#cssmenu ul ul li:hover{background:#111!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;/*height:46px;*/height:43px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{/*background:#262626*/ background:#ffee00 !important;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*Body Area*/
.body-area{min-height: 1px;float:left; background-color:#fff; width:100%; padding-top:15px; padding-bottom:15px; position:relative;}
.side-padding-left{padding-left:15px;}
.side-padding-right{padding-right:15px;}
.body-area-inner-gray{min-height: 1px;float: left;width: 100%;background-color:#f5f5f5; position:relative;}
.body-area blockquote p {color: #777;font-family: Georgia,Times,"Times New Roman",serif;font-size: 14px;font-style: italic;}
.body-area ul{margin:0; padding:0;}
.body-area li{display:block; list-style-type:none; font:14px 'Droid Sans', sans-serif; padding:0 0 15px; line-height:20px!important; margin-left:0;}
.body-area ul li::before {
    font-family: 'FontAwesome';
    content: "\f03a";
    color: #c2c2c2;
    margin: 0 10px 0 0;
    padding: 0;
	position:relative; 
	width:50px;
	height:50px;
	left:0;
	font-size:9px;
	
}
.body-area .denis-img{position:inherit; float:left; width:100%; margin-bottom:10px;}
@media (min-width: 767px) {.body-area .denis-img{position:absolute; right:15px; top:0; float:none; width:inherit;}}
.body-area .denis-img img{padding:3px; background-color:#fff; border:1px solid #e0e0e0;}

/*Footer*/
.footer-area{background-color:#555; position:relative; width:100%; float:left; padding-top:15px; padding-bottom:15px;}
.footer-area .side-padding-left{padding-left:30px;}
.footer-area .side-padding-right{padding-right:30px;}
.footer-area > .side-padding-left > div{width:33.333%; float:left; position:relative; min-height:1px;}
@media (max-width: 767px) { .footer-area > .side-padding-left > div{width:100%;}}
.footer-area > .side-padding-left > div h3{font-size:13px;color:#cecdcd; text-transform:uppercase; margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #333;}
.footer-area > .side-padding-left > div p{color:#fff; text-shadow:0 1px 0 #333; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.footer-area > .side-padding-left > div p span{color:#cecdcd; text-transform:uppercase;}
.footer-area > .side-padding-left > div ul{margin:0;}
.footer-area > .side-padding-left > div li{display:block;}
.footer-area > .side-padding-left > div li a{color:#aaa;font-size:12px;font-family:Arial, Helvetica, sans-serif;text-shadow:0 1px 0 #333;}
.footer-area > .side-padding-left > div li a:hover{color:#cecdcd; text-decoration:underline;}
.footer-area > .side-padding-left > div ul.social-links{margin:15px 0;}
.footer-area > .side-padding-left > div ul.social-links li{display:inline-block;margin-right:10px;}
.footer-area > .side-padding-left > div ul.social-links li .fa{ width:15px; text-align:center;}
.footer-area > .side-padding-left > div ul.social-links li a{font-size:19px; background-color:#999;border-radius:3px; color:#fff;
padding:6px 10px;}
.footer-area > .side-padding-left > div ul.social-links li :hover{background-color:#666;}
.footer-area .view-blog{text-transform:uppercase;}
.footer-area .view-blog .fa{color:#cecdcd;}
/*-------------------------------------------------*/
.copyright-area{background:#111 url(../images/nav-bg.png) repeat-x; position:relative; width:100%; float:left;
 padding-top:7px; padding-bottom:12px; text-align:center; min-height:20px; margin-bottom:50px; border-top:1px solid #242424; border-bottom:2px solid #fff;}
.copyright-area ul{margin:0; padding:0;}
.copyright-area li{display:inline-block; list-style-type:none; font-family:Arial, Helvetica, sans-serif; padding:0; font-size:12px;
line-height:20px!important; color:#fff;}
@media (max-width: 350px) { .copyright-area li{ font-size:11px;}}
.copyright-area li a{color:#fff; padding:0 5px; text-shadow:0 1px 0 #000;}
@media (max-width: 350px) { .copyright-area li a{ padding:0 4px;}}
.copyright-area li a:hover{text-decoration:underline; color:#cecdcd;}
.copyright-area li::after {
 content: "|";
font-size:11px;
position:relative;
top:-1px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.copyright-area li:last-child::after{content:none;}
@media (max-width: 767px) { .copyright-area li:last-child{display:block;} }


.map-area{ width:80%; float:left; position:relative; overflow:hidden;}
.map-area iframe{ width:100%; float:left; margin-bottom:15px;}
@media (max-width: 767px) {
.map-area{ width:100%;}	
}
.mt-15{ margin-top:15px;}




/*MAC ISSUS*/
.footer-area .iphone-link a{color:#fff!important;text-shadow:0 1px 0 #333!important;}
.footer-area .iphone-link a:hover{color:#fff!important;text-shadow:0 1px 0 #333!important;}


/*Custom Blog*/
.custom-blog-area{width:100%; float:left; position:relative; min-height:1px;}
.custom-blog-area .content-area{width:70%; float:left; position:relative;}
.custom-blog-area .sidebar-area{width:28%; float:left; position:relative; padding-left: 15px;}
.custom-blog-area .sidebar-area li{padding:6px 0; border-bottom:1px solid #ddd;}
.custom-blog-area .sidebar-area li:last-child{margin-bottom:15px;}
.custom-blog-area .sidebar-area h3{font-size:15px; margin:0 0 10px 0; text-transform: uppercase;}
.custom-blog-area .sidebar-area a{color:#333; font-size:13px;}
.custom-blog-area .sidebar-area a:hover{color:#727272;}
.custom-blog-area .sidebar-area form{float: left;width: 100%;position: relative;margin: 9px 0;}
.custom-blog-area .sidebar-area form input{width: 100%;height: 30px;box-sizing: border-box;padding: 0 15px;background-color: #e8e8e8;border: 1px solid #d8d8d8;}
.custom-blog-area .sidebar-area form button{position: absolute;right: 10px;top: 7px;cursor: pointer;background-color: transparent;border: none;}
.custom-blog-area .content-area .content-area-details{float: left;width: 100%;margin-top: 9px;}
.custom-blog-area .content-area  img{width: 100%;}
.custom-blog-area .content-area  h3{font-size: 15px;margin:0;text-transform: uppercase;}
.custom-blog-area .content-area  span{color: #777;font-size: 12px;text-transform: capitalize;}
.custom-blog-area .content-area  span a{color: #000000;}
.custom-blog-area .content-area  p{font: 15px 'Droid Sans', sans-serif; padding: 0; line-height: 25px; margin: 15px 0;}
.custom-blog-area .content-area  h4{font-size: 14px;margin:0;text-transform: capitalize;}
.custom-blog-area .content-area  a{color:#333; font-size:13px;}
.custom-blog-area .content-area  a:hover{color:#727272;}
.custom-blog-area .content-area  li{padding:6px 0;}
.custom-blog-area .content-area  li:last-child{margin-bottom:15px;}
.custom-blog-area .content-area .about-area{float: left; width: 100%;padding: 15px;background-color: #e8e8e8;border: 1px solid #d8d8d8;box-sizing: border-box;}
.custom-blog-area .content-area .about-area .about-img{width: 100px;height: 100px;float: left; padding-right: 15px;}
.custom-blog-area .content-area .about-area .about-img img{padding: 3px;background-color: #fff;border: 1px solid #e0e0e0;box-sizing: border-box;}
.custom-blog-area .content-area .about-area .about-content{float: left; width: calc(100% - 115px);}
.custom-blog-area .content-area .reply-form{float: left;width: 100%;margin: 15px 0 9px;}
.custom-blog-area .content-area .reply-form textarea{width: 100%;padding:15px 15px 0; box-sizing: border-box;background-color: #e8e8e8;border: 1px solid #d8d8d8;}
.custom-blog-area .content-area .reply-form .submit-btn{background-color: #555555; border: none;color: #ffffff;cursor: pointer; padding: 7px 15px;margin-top: 15px;text-transform: capitalize; border-bottom: 1px solid #484848;}
@media(max-width:991px){.custom-blog-area .content-area{width: 100%;}.custom-blog-area .sidebar-area{width: 100%;padding-left: 0;}}
@media(max-width:734px){.custom-blog-area .content-area .about-area .about-img{float: none;margin-bottom: 10px;}.custom-blog-area .content-area .about-area .about-content{width: 100%;}}
@media(max-width:425px){.custom-blog-area .content-area .about-area .about-content li a{word-break: break-all;}}
/*@media(max-width:380px){.custom-blog-area .content-area .about-area .about-content li a{font-size: 9px}}*/

/* blog list */

.custom-blog-list{float: left;width: 100%;margin: 15px 0;}
.custom-blog-list .single-blog{float: left;width: 33.3%;padding: 0 15px;box-sizing: border-box; margin-bottom: 15px;}
.custom-blog-list .single-blog .blog-content{width: 100%;float: left;padding: 15px;background-color: #e8e8e8;border: 1px solid #d8d8d8;box-sizing: border-box;}
.custom-blog-list .single-blog .blog-content img{width: 100%; vertical-align: middle;}
.custom-blog-list .single-blog .blog-content h4{font-size: 15px;margin: 5px 0 0 0;}
.custom-blog-list .single-blog .blog-content span{color: #777;font-size: 12px;text-transform: capitalize;}
.custom-blog-list .single-blog .blog-content p{font-size: 13px; color: #727272;}
.custom-blog-list .single-blog .blog-content span a{font-size: 13px; color:#000000;}
@media(max-width:700px){.custom-blog-list .single-blog{width: 100%;}}

.body-area .content-wrap{float: left;width: 100%;margin-bottom: 15px;}
.body-area .content-wrap h5{margin: 15px 0;}
/* faq accordion */

.accordion-area {float: left;width: 100%;}
/* accordion styles */
.accordion-area .tab {position: relative;margin-bottom: 1px;width: 100%;color: #fff;overflow: hidden;}
.accordion-area input {position: absolute;opacity: 0;z-index: -1;}
.accordion-area label {position: relative;display: block;padding: 15px;background: #d8d8d8;line-height: 3;cursor: pointer;font: 14px 'Droid Sans', sans-serif;color:#727272;}
.accordion-area .blue label {background: #2980b9;transition: .4s}
.accordion-area .tab-content {height: 0;overflow: hidden;background: #ababab;-webkit-transition: all .35s;-o-transition: all .35s;transition: all .35s;}
.accordion-area .blue .tab-content {background: #3498db;}
.accordion-area .tab-content p {padding: 15px;color: #333333;}
.accordion-area .tab-content ul{padding-left: 15px;}
.accordion-area .tab-content ul li{ color: #333333; }
.accordion-area .tab-content ul li::before{color: #333333;}
.accordion-area h5{margin: 15px 0;}

/* :checked */
.accordion-area input:checked ~ .tab-content {height: 100%;}
/* Icon */
.accordion-area label::after {position: absolute;right: 0;top: 0;display: block;width: 3em;height: 3em;line-height: 3;text-align: center;-webkit-transition: all .35s;-o-transition: all .35s;transition: all .35s;}
.accordion-area input[type=checkbox] + label::after {content: "+";}
.accordion-area input[type=radio] + label::after {content: "\25BC";}
.accordion-area input[type=checkbox]:checked + label::after {transform: rotate(315deg);}
.accordion-area input[type=radio]:checked + label::after {transform: rotateX(180deg);}

/*  recources-blog */
.custom-blog-list2 {float: left;width: 100%;margin: 15px 0;}
.custom-blog-list2 .single-blog2{float: left;width: 49.3%;padding: 0 15px;box-sizing: border-box; margin-bottom: 15px;}
.custom-blog-list2 .single-blog2 .blog-content2 {width: 100%;float: left;padding: 15px;background-color: #e8e8e8;border: 1px solid #d8d8d8;box-sizing: border-box;}
.custom-blog-list2 .single-blog2 .blog-content2 img{width: 100%; vertical-align: middle;}
.custom-blog-list2 .single-blog2 .blog-content2 h4{font-size: 15px;margin: 5px 0 0 0;}
.custom-blog-list2 .single-blog2 .blog-content2 span{color: #777;font-size: 12px;text-transform: capitalize;}
.custom-blog-list2 .single-blog2 .blog-content2 p{font-size: 13px; color: #727272;}
.custom-blog-list2 .single-blog2 .blog-content2 span a{font-size: 13px; color:#000000;}
@media(max-width:700px){.custom-blog-list2 .single-blog2{width: 100%;}}

h5 {color: #000;}
/* contact-form */
#contact_form {  padding-left: 0; margin-top: 20px; margin-left: 70px; margin-right:70px; margin-bottom: 15px; }
#submit_button {padding: 2px 11px 1px 11px;background-color: rgba(77, 121, 236, 0.72);color: #fff; border: 1px solid rgba(77, 121, 236, 0.72);}
.input {border: 1px solid #928b8b;
    width:100%;
    padding: 2px;
}}