/* Globals */
a{text-decoration:none; color:#000; font-weight:bold}
.clickable{cursor:pointer; display:block}
.clearfix:before{content:""; display:table}
.clearfix:after{content:""; display:table; clear:both}
.container{width:1070px; min-width:1070px; margin:0 auto}
*{margin:0; padding:0}
*, *:before, *:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Goudy Bookletter 1911',serif}
body{margin:0; padding:0; min-width:1070px}
ul, li{list-style:none}
img{border:0; vertical-align:middle}
a{text-decoration:none}
p{margin:0; padding:0}
h1, h2, h3, h4, h5, h6{margin:0; padding:0}
/* Header */
header{margin:0; padding:0; position:relative; background:url(/templates/client/images/header_bg.png) no-repeat center top; background-size:cover}
#topnav{padding:18px 0 0 0; height:63px; background:url(/templates/client/images/topnav_bg.png) repeat-x center top}
#topnav ul{float:right; margin:0; padding:0}
#topnav ul li{float:left; margin:0; padding:0 10px; border-left:1px solid #000; line-height:18px}
#topnav ul li:first-child{border:none}

#topnav ul li a{font-size:18px; line-height:18px; color:#000; margin:0; padding:0; display:block; font-family:'Roboto Condensed',sans-serif; font-weight:normal; position:relative; z-index:2}

.header1{position:relative;  margin:0; padding:0; height:282px}
.header1 .container{position:relative}
.header1 .img_1{position:absolute; left:-130px; top:-47px}
.header1 .img_2{position:absolute; top:-46px; left:-64px; z-index:99}
.header1 .logo{position:absolute; left:380px; top:88px}
.header1 .img_3{position:absolute; right:0; top:115px}

/* Nav */
nav{margin:-7px 0 0 0; padding:28px 0 0 0; height:70px; background:url(/templates/client/images/nav_bg.png) repeat-x center top; z-index:2; position:relative}
nav a.menu{margin:0; padding:0; display:none}
nav ul{margin:0; padding:0 0 0 110px; float:left; width:100%; display:block; height:100%}
nav ul li{margin:0; padding:0 23px;  float:left; display:block; border-left:1px solid #7e766a; line-height:16px; position:relative; height:100%}
nav ul li:first-child{padding-left:0; border:none}
nav ul li:last-child{padding-right:0}
nav ul li a{margin:0; padding:0; color:#000; font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:18px; line-height:18px; color:#000}
nav ul li.active a, #nav ul li a:hover{}
/*dropdown nav*/
nav ul ul{ position:absolute;  float:none;  padding:0;  border:1px solid rgb(226,209,194);  border-bottom:none;  top:40px;  box-shadow:0px 5px 21px 1px rgba(0,0,0,0.22);  transition:.3s;  opacity:0;  height:auto }

nav ul ul li{ float:none;  border-left:none;  padding:0;  height:auto}

nav ul ul li a{ padding:5px 10px;  display:block;  background:rgb(253,251,244);  font-size:14px;  text-transform:capitalize;  border-bottom:1px solid rgb(226,209,194);  transition:background .3s}

nav ul ul li a:hover{ background:rgb(245,236,223)}

nav ul li:hover ul{ top:30px;  opacity:1;  z-index:999}

nav .container{ height:100%}
/* Main section layouts */
section{margin:0; padding:0; background:url(/templates/client/images/cotnent_bg.png) no-repeat center top; background-size:cover}
section .main-content{width:760px; float:left; margin:0; padding:38px 0 10px 0}
.main-content{width:100%}
section .main-content h1{font-size:36px; line-height:38px; color:#000; margin:0 0 28px 0; padding:0; font-weight:normal; text-transform:uppercase}
section .main-content p{font-size:24px; line-height:32px; color:#000; margin:0 0 20px 0; padding:0; font-weight:normal}
.home section .main-content p:nth-child(3){color:#6F0F0F; font-size:19px; font-style:italic}
.interior section .main-content p:last-of-type{/* color:#6F0F0F; */ /* font-size:19px; */ /* font-style:italic */}
.interior section .main-content p:nth-of-type(5){/* color:#6F0F0F; */ /* font-size:19px; */ /* font-style:italic */}
section .main-content h3{font-size:26px}
section .main-content .last-p{color:#6F0F0F; font-size:19px; font-style:italic}
aside{width:270px; float:right; background:url(../images/sidebar_bg.png) no-repeat center top #3b4f64; padding:0 30px 10px 30px; border-radius:5px 5px 0 0; position:relative; margin:-88px 0 0 0; z-index:9}
aside h2{font-size:20px; line-height:22px; color:#fffcf8; margin:32px 0 20px 0; padding:0; text-align:center; font-weight:normal; text-transform:uppercase; text-shadow:1px 1px 3px #000}
aside .btn{padding:3px; background:#dfd3a2; display:block; width:100%; text-align:center; margin:0 0 20px 0}
aside .btn span{border:1px solid #b2a982; display:block; font-size:16px; line-height:32px; color:#333; margin:0; padding:0; text-align:center; font-weight:normal; text-transform:uppercase}

aside .calendar{padding:0 0 15px 0; margin:0}
aside .calendar .img{float:left; margin:0 10px 0 0}
aside .calendar .schedule{overflow:hidden; font-size:12px; line-height:16px; color:#f5efcb; font-weight:normal; padding:10px 0 0 0; margin:0; text-shadow:1px 1px 3px #000; font-family:'Roboto',sans-serif}

aside .gallery{}
aside .gallery ul{margin:0 0 0 -15px; padding:0; display:block}
aside .gallery ul li{padding:0 0 0 15px; width:50%; float:left; margin:0 0 13px 0; display:block}
aside .gallery ul li img{width:100%; box-shadow:1px 1px 3px rgba(0,0,0,1) }

aside .bot_img{position:absolute; left:0; right:0; bottom:-53px}
aside .bot_img img{width:100%}

aside .top_img{position:absolute; left:100%; top:0; width:175px; display:none}
aside .top_img img{max-width:100%}
@media (min-width:1450px){aside .top_img{display:block}
}
/* Blog */
section .blogitem{border-bottom:1px solid #8AA1AC}
section .blogitem img{vertical-align:top; float:left; margin:0 0.7em 0.7em 0}
section .blogitem h2{font-size:30px}
section .blogitem .date{font-style:italic}
section .blogitem .category{border:1px solid gray; background:rgb(250,233,212); border-radius:0.5em; font-size:0.9em; padding:0.3em 0.5em}
.blogitem img:empty{display:none}
/* Gallery */
#gallery-categories{list-style:none; padding:0; margin:0}
#gallery-categories li{width:50%; display:block; margin:0; padding:1em; float:left}
#gallery-categories li a{position:relative; display:block}
#gallery-categories li a span{position:absolute; right:40%; bottom:-8%; background:darkgray; background:rgba(252,235,214,1); padding:0.6em; color:black; text-transform:uppercase; font-family:'Oswald',sans-serif}
#gallery-categories li a img{display:block; width:100%; height:auto}

#gallery-pager{position:relative}
#gallery-pager ul{list-style:none; padding:0 0 40px 0; margin:0 0 -40px 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap}
#gallery-pager ul li{display:inline-block; margin:0.2em; border:1px solid transparent}
#gallery-pager ul li.rslides_here{border-color:#fff; box-shadow:0px 0px 7px 2px #7D868A}
#gallery-pager ul li a{display:block}
#gallery-pager ul li a img{display:block}
#gallery-pager .prev{position:absolute; left:-0.3em; width:1em; height:1.1em; bottom:62%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family:FontAwesome; background:rgb(59,79,100); border-radius:5px; text-align:center; padding-right:3px; color:rgb(251,229,207)}

a.prev{}
#gallery-pager .next{position:absolute; right:-0.3em; width:1em; height:1.1em; bottom:62%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family:FontAwesome; background:rgb(59,79,100); border-radius:5px; text-align:center; padding-left:3px; color:rgb(251,229,207)}
#gallery-pager ul.js::-webkit-scrollbar{display:none}
#gallery-photos{position:relative}
#gallery-photos ul li:active, 
#gallery-photos ul li:target{display:block!important}
#gallery-photos .prev{position:absolute; left:-0.3em; width:1em; height:1.1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family:FontAwesome; background:rgb(59,79,100); border-radius:5px; text-align:center; color:rgb(251,229,207); padding-right:5px}
#gallery-photos .next{position:absolute; right:-0.3em; width:1em; height:1.1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family:FontAwesome; background:rgb(59,79,100); border-radius:5px; text-align:center; color:rgb(251,229,207); padding-left:5px}
/* Uploads */
.attachUploads h2{font-family:'Roboto' 'sans-serif'; font-size:20px; color:#333; margin:0}
.attachUploads ul{padding:0}

/*Calls an icon form the admin folders to place infront of uploads section====================================================*/
ul.uploadContainer li{  list-style-type:none;     padding-left:40px}
.uploadContent{position:relative}
.uploadContent a[href$=".pdf"]:before{content:url('/admin/images/file_icons/pdf.png'); display:inline-flex; position:absolute; top:5px; left:-38px}
.uploadContent a[href$=".docx"]:before, .uploadContent a[href$=".doc"]:before{content:url('/admin/images/file_icons/docx.png'); display:inline-flex; position:absolute; top:5px; left:-38px}
.uploadContent a[href$=".gif"]:before{content:url('/admin/images/file_icons/gif.png'); display:inline-flex; position:absolute; top:5px; left:-38px}
.uploadContent a[href$=".jpg"]:before{content:url('/admin/images/file_icons/jpg.png'); display:inline-flex; position:absolute; top:5px; left:-38px}
.uploadContent a[href$=".png"]:before{content:url('/admin/images/file_icons/png.png'); display:inline-flex; position:absolute; top:5px; left:-38px}

/*END OF ICON CALL====================================================*/
.uploadDescription{display:none !important;  visibility:hidden !important}
li.uploadItem{background:rgba(214,214,214,0.4);  margin-bottom:20px}
.attachUploads h2{display:none}

.uploadItem:hover{background:rgba(239,16,20,0.9); transition:0.4s}

/* Footer */
footer{padding:25px 0 0 0; margin:0; background:url(/templates/client/images/footer_bg.png) repeat-x center top; height:140px; position:relative}
footer .f_logo{float:left; margin:0 38px 0 0; padding:0}
footer .f_logo img{max-width:100%}
footer .f_left{float:left; margin:0; padding:0}
footer h3{padding:25px 0 5px 0; margin:0; font-weight:normal; font-size:18px; line-height:20px; color:#000}
footer p{font-size:15px; color:#000; font-weight:normal; margin:0; padding:0; font-family:'Roboto',sans-serif}

footer .cc_logo{float:right; margin:28px 0 0 0; padding:0}
/* ResponsiveSlides */
ul.rslides{position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0}
ul.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
ul.rslides li:first-child{position:relative; display:block; float:left}
ul.rslides img{display:block; height:auto; float:left; width:100%; border:0}

/*COMPUCAST LOGO CSS start-----------------------------*/
/*.backdrop{position:absolute; top:0; left:0; width:100%; height:100%; background:white; opacity:0.0; z-index:9998; transition:0.3s opacity}
*/
.old-ie{display:none}
.cc2:hover{fill:rgba(0,0,0,0.4)}

.compucast{display:block; position:absolute;  bottom:18px; right:248px; margin:10px auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden;  z-index:9999; transition:0.5s 1.4s}
.compucast.dark{color:white}
.logo1, .logo2, .old-ie{position:absolute; top:50%; right:10px; margin-top:-13px; opacity:1.5; transition:0s}
.compucast:hover, .compucast_hover{width:225px; background:rgba(0,0,0,0.8); -moz- box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); -webkit-box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); transition:0.3s 0s}
.dark:hover{background:rgba(0,0,0,0.8)}
.compucast p{position:absolute; left:-200px; margin:0 0 0 10px !important; line-height:21px; padding:11px 0 !important; font-family:Arial,"Times New Roman",Times,serif !important; font-size:12px; color:#808080; opacity:0; transition:0.5s 1.4s; text-align:left}
.compucast a{font-size:14px; font-weight:bold; color:#000; text-decoration:none}
.compucast:hover p{left:0px; opacity:1; transition:0.4s 0.0s}
.compucast.dark:hover p{color:#E2DEDE}
.compucast.dark a{font-size:14px; color:#fff}

/*color classes:colored, white and black*/
.purple{fill:#7F3F98}
.green{fill:#00A14B}
.black1{fill:rgba(0,0,0,1)}
 .black2{fill:rgba(0,0,0,0.5)}
.white1{fill:rgba(255,255,255,1)}
 .white2{fill:rgba(0,0,0,0.95)}
/*COMPUCAST LOGO CSS end-------------*/
/* Portrait tablets and minis */
.main-content a{ text-decoration:underline;  font-weight:normal}