.banner {position:relative;}
.slider-fade{position:relative;}
.slider-fade img{width:100%;}
.top-sec-main{position:absolute;top: 0;width: 100%; z-index: 5;}
body { font-family: 'Open Sans';  background:#f5f5f5;}
ul,ol{list-style:none;}
a:hover, a:focus { text-decoration: none; outline: none; }
img{max-width:100%;}
p{ font-size: 13px;}
.top-header{text-align:center;}
.fixedheader{background:#e7e7e7;}
.logo { text-align: center; padding:20px 0; }
.fixedheader .logo{ display:inline-block;padding:0;}
.logo-fixed{display:none;}
.fixedheader .logo{display:none;}
.fixedheader .logo-fixed{display:block;text-align: center;}
.fixedheader .logo-fixed{display:block; float:left;margin: 10px 0 10px 15px; width:150px;}
.fixedheader .container{padding:0;}
.nav-main .navbar-brand { height: auto;  padding: 25px 0;}
.nav-main .navbar-nav{text-align:center; float:none;}
.fixedheader .navbar-collapse{ float:right;}
.nav-main .navbar-nav li{float:none; text-align:center; display:inline-block;}
.nav-main .navbar-nav li a {  padding: 12px 16px;border: 2px solid rgba(0, 0, 0, 0); color: #fff; font-size: 16px; text-transform: uppercase; font-style: italic; font-weight: 600; }
.nav-main  .navbar-nav li a:hover, .nav-main .navbar-nav li a:focus { color: #e3b001; background:none; }
.nav-main.fixedheader .navbar-nav{margin-top:24px;margin-right: -15px;}
.nav-main.fixedheader .navbar-nav li a {color:#333333;}
.nav-main.fixedheader .navbar-nav li a:hover, .nav-main.fixedheader .navbar-nav li a:focus { color: #e3b001; background:none;border: 2px solid #e3b001; }

.cmn-heading { width: 760px; margin: 45px auto; text-align: center; position: relative; }
.cmn-heading h2 { font-size: 50px; font-style:italic; font-weight: 600; color: #fff; text-transform: uppercase; margin: 0; }
.cmn-heading p { font-size: 18px; color: #ccc; font-weight: normal; line-height: 25px; padding-top: 20px; display: inline-block;  margin-bottom: 0; font-weight:600;}

/*.banner .owl-pagination{bottom: 20px; position: absolute;}
.banner .owl-controls {  position: relative; z-index: 4;}
.banner .pattern-slide{background:url(../images/pattern-slide.png) center top; background-size:cover; height:100%; position:absolute; z-index:2; width:100%;bottom: 0;}
.banner .owl-carousel .owl-item  .item img{width: 100%;}
.banner .owl-theme .owl-controls .owl-page span{background:#676767; width:34px; height:5px; border-radius:0; margin:0 2px;}
.banner .owl-theme .owl-controls .owl-page.active span{background:#e3b001;}*/
.banner .coption {position:absolute; width:100%; bottom:40px; z-index:2;}
.banner .coption .wrap{ margin:0 auto; width:1170px; background:#fff;}
.banner .coption span{background:#fff; font-size:23px; font-weight:600; text-align:center;text-transform:uppercase;padding:10px; }
.banner .coption span.white-txt{color:#000; display:inline-block;}
.banner .coption span.yellow-txt{background:#e3b001; color:#fff;float: right;text-transform: none;}
/*about-section*/
.about{background:#131313 url(../images/about-pattern.jpg) center top repeat-y;padding-bottom: 60px;}
.sec-cnt{color:#ccc;}
.about .image{margin:40px 0 20px;}
.sec-cnt h4{ font-size:18px; margin:0; color:#fff; font-weight:600; padding-bottom:10px;}
.sec-cnt p {color:#ccc; line-height:20px; margin-bottom: 14px;}
ul.section-listing { color: #ccc;  font-size: 14px;   list-style: none outside none; padding: 0;}
ul.section-listing li i { width: 14px;}

.team-section{background:url(../images/team-pic.jpg) center top repeat; background-size:100%;}
.team-section .team-back{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);padding-bottom: 74px; }
.team-section .cmn-heading h2{color:#e3b001;}

.gray-box{text-align: center;background:#404040; border:solid 1px #525252;}
.gray-box .thumbnail{ padding:13px; background:none; border:none; margin: 0;}
.gray-box h3{font-size:25px; color:#e3b001;margin:9px 0 12px; font-weight: 600;}
.gray-box p{font-size:14px; color:#ffffff; margin:10px 0;}
.gray-box .connect{margin-bottom: 28px;margin-top: 18px;}
.connect a { background: #555555; display:inline-block; vertical-align: middle; text-align: center; font-size: 14px; height: 30px; width: 30px; color:#939393; line-height:30px;margin: 0 6px;}
.connect a:hover { color: #fff; }
.connect a.facebook:hover { background: #3B5998;}
.connect a.twitter:hover { background: #26A6D1;}
.connect a.google:hover { background: #E7725D; }
.connect a.linkedin:hover { background: #08A9D9;}

.event-section .cmn-heading h2{color:#222222;}
.event-section .cmn-heading p{color:#222222;font-style: italic;font-weight:600;font-size: 16px;}
.content-heading{font-size:18px; color:#363636; font-style:italic; font-weight:600;margin-bottom: 20px;}
.design-box{background:#e2e2e2; position:relative; margin-left:15px;}
.evet_discri .content-txt{font-weight:600;line-height: 20px; margin-bottom:20px;}
.design-box:after{background:#e3b001; content: "";  height: 100%;  left: 0; position: absolute; top: 0;width: 5px;}
.evet_discri {padding-left: 20px;}
.design-box p{padding:10px 10px 20px 40px;  font-size:14px; font-style:italic; color:#222222; font-weight:600; line-height:20px;}
.full_txt{margin-top:30px; margin-bottom:50px;clear: both;}
.full_txt p{margin-bottom:24px;}
.event-info table{ font-family: 'Open Sans';width: 100%;}
table.event-date th, table.event-date td{padding:14px 10px;border: 1px solid #c9c9c9;}
table.event-date th{font-size:14px; color:#333; font-style:italic;}
table.event-date td{font-size:12px;}
table.event-date tr:nth-child(even) {background: #f4f4f4}
table.event-date tr:nth-child(odd) {background: #e3e3e3}

.card-section{background:#e3b001; color:#fff; padding-bottom:36px;}
.card-section .cmn-heading p{color:#fff;}
.card-section .carousel-box-lft p, .card-section .carousel-box-rgt p{min-height:180px; font-style:italic; font-size:14px; line-height:20px; font-weight:600;overflow:hidden; display:inline-block;}

.card-section .carousel-box-lft{padding-right:5px;}
.card-section .carousel-box-rgt{padding-left:5px;}

.card-section .imageL {padding-right:10px;}
.card-section .imageR{padding-left:10px;}

.card-section .owl-pagination {margin:30px 0;}
.card-section .owl-controls .owl-page span{width:14px; height:14px; background:#fff; margin:0 2px;}
.card-section .owl-controls .owl-page.active span{opacity:0.7;background:#fff;}

.more-section{background:#fff;}
.more-section .cmn-heading h2{color:#000;}
.more-section .cmn-heading p{color:#333; font-size:16px;}
.more-section .content-heading{margin:0 15px 20px; font-style:normal;color: #020202;}
.content-more h4{font-size:16px; color:#e3b001; font-weight:700; margin:0 0 5px 0;}
.content-more p{ font-style:italic; color:#333333;  font-weight:600; line-height:20px; margin-bottom:20px;}
.content-more .StyleCont{padding-left:14px; display:block;}

.contact-main { background: #f5f5f5;}
.contact-main .cmn-heading h2{color: #000; }
.contact-main .cmn-heading p{color: #000; }
.contact-main .info-field { background: rgba(255, 255, 255, 0.9); padding: 20px; }
.contact-main .info { background: rgba(255, 255, 255, 0.9); padding: 20px; font-size: 13px; line-height:18px; color:#000; margin-left: 28px; min-height: 535px; }
.contact-main .map-main { position: relative;}
.contact-main .heading{font-size:18px; color:#e3b001; font-weight:600; padding-bottom:20px;}
.portfolio-container { padding: 0; }
.contact-main .map { height: 670px; width: 100%; }
.contact-main .field { margin-bottom: 24px; }
.contact-main .field input { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dddddd; font-family: 'Open Sans'; font-size: 12px; color: #333333; font-weight: 300; padding: 16px 14px; text-transform: uppercase; width: 100%; }
.contact-main .form-main {position: absolute; top: 50px; /*width: 100%;*/ right: 10%; left: 10%; }
.contact-main .contact-form { width: 100%; }
.contact-main .field textarea { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: 300; height: 100px; padding: 16px 14px; resize: none; text-transform: uppercase; width: 100%; }
.contact-main .submit-bx { margin-bottom: 44px; }
.contact-main .submit-bx button { background: #e3b001; padding: 12px 56px; font-style: italic; font-size: 16px; font-weight: 600; color: #fff; text-shadow: 1px 2px 0px #d3a402; -moz-text-shadow: 1px 2px 0px #d3a402; -webkit-text-shadow: 1px 2px 0px #d3a402; border: none; border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; border-bottom: 5px solid #d3a402; text-transform: uppercase; }
.contact-main .submit-bx button:hover { background: #b48c04; }
.contact-main .info ul { list-style: none; padding: 0; }
.contact-main .info ul li { position: relative; padding-left: 24px; margin-bottom: 30px; }
.contact-main .info ul li i { color: #e3b001; position: absolute; left: 0; top: 2px; }
.info a.mailto { color: #000; }
.footer { background: #202429; }
.footer .copyright{background: #15181c;}

ul.foot-links { list-style: none; margin: 0; padding: 40px 0 0; font-size: 14px; text-transform: uppercase; }
ul.foot-links li { display: inline-block;  padding: 0 8px; }
ul.foot-links li a { color: #525860; font-weight: 600; font-style: italic; }
ul.foot-links li a:hover { color: #616871; }
.foot-links > li:first-child { padding-left: 0; }

.copyright ul{text-align:center; font-size:12px; padding:14px 0; margin:0;}
.copyright ul li { display: inline-block;  padding: 0 8px;font-style: italic; font-weight:600; color: #535961;border-left: 2px solid #535961; line-height: 12px;}
.copyright ul li a {    color: #535961;}
.copyright ul li a:hover { color: #616871; }
.copyright ul li:first-child { padding-left: 0;border-left:none;}

ul.social { margin:18px 0 16px; padding: 0; list-style: none; text-align: right; }
.social li:hover { border: 2px solid #FFFFFF; cursor: pointer; }
ul.social li { border: 2px solid rgba(0, 0, 0, 0); border-radius: 50%; display: inline-block; line-height: 28px; padding: 2px; text-align: center; }
ul.social li a { font-size: 14px; color: #808489; }
ul.social li a { background: #535961; border-radius: 50%; display: table-cell; vertical-align: middle; text-align: center; font-size: 20px; height: 38px; width: 38px; border: solid 1px #535961; }
ul.social li a i { float: none; margin: 0; }
ul.social li a:hover { background: #eaeaea; color: #104c73; border: solid 1px #fff }
.social li:hover a.facebook { background: #3B5998; border: solid 1px #3B5998; color: #fff; }
.social li:hover a.twitter { background: #26A6D1; border: solid 1px #26A6D1; color: #fff; }
.social li:hover a.google { background: #E7725D; border: solid 1px #E7725D; color: #fff; }
.social li:hover a.linkedin { background: #08A9D9; border: solid 1px #08A9D9; color: #fff; }
.fixedheader { left: 0; position: fixed; right: 0; top: 0; z-index: 9999; }