/* Starting Import Basic Style Files
----------------------------------------- */

@import url("bootstrap-responsive.css");                            /* Bootstrap Responsive */
@import url("font-awesome/css/font-awesome.min.css");               /* Font Awesome */
@import url("base.css");                                            /* Base & Reset */
@import url("animate.css");                                         /* Animate Styles */
@import url("ezmark.css");                                          /* Ezmark Styles */
@import url("owl.carousel.css");                                    /* Owl Carousel Styles */
@import url("lightGallery.css");                                    /* Lightbox Gallery Styles */
@import url("../mediaelements/mediaelementplayer.css");             /* Audio Post Styles */
@import url("../cubeportfolio/css/cubeportfolio.css");              /* Portfolio Styles */
@import url("flipShow.css");                                        /* Flip Show Styles */
@import url("../revolutionslider/css/settings.css");                /* Revolution Slider Styles */
@import url("jquery.minicolors.css");                               /* Mini Colors Styles */
@import url("shortcodes.css");                                      /* Short Codes */
@import url("ie.css");                                              /* IE Specific Codes */
@import url("themeColor.css");                                      /* Theme Colors */

#wrap { -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .4s all linear; -o-transition: .4s all linear; width: 100%; height: 100%; position: relative; }
#wrap.open { -webkit-transform: translateX(-370px); -moz-transform: translateX(-370px); -ms-transform: translateX(-370px); -o-transform: translateX(-370px); }
#wrap.boxed { position:relative; width:1230px; margin:30px auto; overflow:hidden; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); }



/* Font Styles
----------------------------------------- */
.f-anton { font-family: 'Anton', sans-serif !important; }
.f-bangers { font-family: 'Bangers', cursive !important; }
.f-comfortaa { font-family: 'Comfortaa', cursive !important; }
.f-josefinSlab { font-family: 'Josefin Slab', serif !important; }
.f-openSans { font-family: 'Open Sans', sans-serif !important; }
.f-pacifico { font-family: 'Pacifico', cursive !important; }
.f-raleway { font-family: 'Raleway', sans-serif !important; }
.f-robotoCondensed { font-family: 'Roboto Condensed', sans-serif !important; }



/* Starting Loading Panel
----------------------------------------- */
.loading { width:100%; height:100%; overflow:hidden; position:fixed; top:0px; left:0px; z-index:99999; }
.loading .spinner  { width: 40px; height: 40px; position:relative; top:50%; left:50%; margin:-20px 0px 0px -20px; text-align: center;  -webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; }
.loading .spinner .dot1, .loading .spinner .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; border-radius: 100%;  -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; }
.loading .spinner .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) } }
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
@keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } }



/* Starting Header Styles
----------------------------------------- */
.header { min-height:90px; padding-top:20px; font-family:'Open Sans' , Sans-Serif; }
.header > .container { position:relative; }

.header.s3 { padding:0px; }
.header.s4, .header.s5, .header.s6 { padding-bottom:0px; }
.header.s4, .header.s5, .header.s6 { padding-top:0px; }
.logoSticky { display:none; }
.header.s7 { background-color:transparent; }

.header #mainMenu > li > a i.fa-search { display:inline-block !important; position:inherit !important; top:0px; right:0px; padding:0px 1px; }

.logoWrap { text-align:center; }

select.mainMenu { margin:20px auto 20px; }

.mobileNav { position:relative; width: 40px; height: 20px; background-color: transparent; float:right; margin:30px 20px 0px 0px; cursor:pointer; }
.mobileNav .icon { position: absolute; width: 40px; height: 3px; top: 7px; left: 0px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.mobileNav .icon:before, .mobileNav .icon:after { position: absolute; content: ""; width: 40px; height: 3px; left: 0px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.mobileNav .icon:before { top: -10px; }
.mobileNav .icon:after { top: 10px; }

.mobileNav.open .icon { background-color: transparent !important; }
.mobileNav.open .icon:before, .mobileNav.open .icon:after { top: 0 !important; }
.mobileNav.open .icon:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.mobileNav.open .icon:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

.mobileNav:hover .icon:before { top:-13px; }
.mobileNav:hover .icon:after { top:13px; }

.sticky-wrapper { height:auto !important; }



/* Slide Menu Styles
----------------------------------------- */
.slideMenu { width:370px; height:100%; position:fixed; top:0px; right:-370px; -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .4s all linear; -o-transition: .4s all linear; }
.slideMenu img { margin-top:60px; margin-bottom:60px; }

.slideMenu.open { right:0px; }

.slideMenu #mainMenu2 { display:block !important; width:100%; position:relative; z-index:999; overflow:hidden; }
    
.slideMenu #mainMenu2 li { position:relative; width:100%; font-size:13px; line-height:46px; font-weight:400; border-top-width:1px; border-top-style:solid; -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .4s all linear; -o-transition: .4s all linear; }
    
.slideMenu #mainMenu2 li a { display:block; width:100%; height:100%; padding:0px 30px; position:relative; overflow:hidden; color:#FFF; -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .4s all linear; -o-transition: .4s all linear; box-sizing: border-box; }
.slideMenu #mainMenu2 li a .line { display:none; }

.slideMenu #mainMenu2 > li ul { display:none; width:100%; }
.slideMenu #mainMenu2 > li ul li { line-height:36px; }
.slideMenu #mainMenu2 > li ul li a { padding:0px 60px; }
    
.slideMenu #mainMenu2 > li ul li ul li a { padding:0px 90px; }
.slideMenu #mainMenu2 li i { position:absolute; right:20px; top:15px; }

.slideMenu .form-item { text-align:center; }
.slideMenu .form-item p.textbox { display:inline-block; width:300px; }
.slideMenu .form-item p.textbox input[type=text] { border:0; }

.slideMenu .social { display:block; margin-top:60px; text-align:center; }
.slideMenu .social a { margin-right:15px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.slideMenu .social a i { margin-right:0px; }
.slideMenu .social a:last-child { margin-right:0px; }

.slideMenuNav { position:relative; width: 40px; height: 20px; background-color: transparent; float:right; margin:30px 0px 0px 0px; cursor:pointer; }
.slideMenuNav .icon { position: absolute; width: 40px; height: 3px; top: 7px; left: 0px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.slideMenuNav .icon:before, .slideMenuNav .icon:after { position: absolute; content: ""; width: 40px; height: 3px; left: 0px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.slideMenuNav .icon:before { top: -10px; }
.slideMenuNav .icon:after { top: 10px; }

.slideMenuNav.open .icon { background-color: transparent; }
.slideMenuNav.open .icon:before, .slideMenuNav.open .icon:after { top: 0 !important; }
.slideMenuNav.open .icon:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.slideMenuNav.open .icon:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

.slideMenuNav:hover .icon:before { top:-13px; }
.slideMenuNav:hover .icon:after { top:13px; }



/* TopBar Styles
----------------------------------------- */
.topBar { padding:10px 0px; }
.topBar a { font-size:11px; line-height:11px; margin-right:15px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.topBar a.withBorder { border-right-width:1px; border-right-style:solid; padding-right:15px; }
.topBar a i { margin-right:6px; }

.topBar ul.social li { float:left; }
.topBar ul.social li a i { margin-right:0px; }
.topBar ul.social li:last-child a { margin-right:0px; }

.topBar.s2 { background:transparent; border-bottom-width:1px; border-bottom-style:solid; }
.topBar.s2 a.withBorder { border-right-width:1px; border-right-style:solid; }



/* Search Bar Styles
----------------------------------------- */
.searchBar { display:none; height:40px; }
.searchBar div.fLeft { white-space:nowrap; margin-top:12px; }
.searchBar a { margin-right:15px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

.searchBar p.textbox { display:inline; margin-bottom:0px; line-height:16px; }
.searchBar p.textbox label, .searchBar p.textbox input[type="text"] { height:16px; line-height:16px; font-size:13px; }
.searchBar p.textbox input[type="text"] { background-color:transparent; border:none; }

.searchBar a.close { display:block; width:40px; height:40px; line-height:40px; margin-right:0px; text-align:center; }



/* Title Bar Styles
----------------------------------------- */
.pageTitle.s1 { width:100%; }
.pageTitle.s1 h3 { line-height:115px; font-family:'Open Sans' , Sans-Serif; }

.pageTitle.s2 { width:100%; }
.pageTitle.s2 h3 { line-height:115px; text-align:center; font-family:'Open Sans' , Sans-Serif; }

.pageTitle.s3 { width:100%; padding:60px 0px; border-top-width:1px; border-top-style:solid; border-bottom-width:1px; border-bottom-style:solid; }
.pageTitle.s3 h2 { text-align:center; font-family:'Open Sans' , Sans-Serif; font-weight:700; }
.pageTitle.s3 .breadcrumb { text-align:center; margin-top:25px; }
.pageTitle.s3 .breadcrumb a { margin:0px 12px; text-transform:uppercase; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.pageTitle.s3 .breadcrumb a:hover, .pageTitle.s3 .breadcrumb a.selected { text-decoration:underline; }

.pageTitle.s4 { width:100%; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; }
.pageTitle.s4.p1 { background-image:url('../images/Pattern/01.png'); background-position:top left; background-repeat:repeat; }
.pageTitle.s4.p2 { background-image:url('../images/Pattern/02.png'); background-position:top left; background-repeat:repeat; }
.pageTitle.s4.p3 { background-image:url('../images/Pattern/03.png'); background-position:top left; background-repeat:repeat; }
.pageTitle.s4.p4 { background-image:url('../images/Pattern/04.png'); background-position:top left; background-repeat:repeat; }
.pageTitle.s4 h3 { line-height:115px; font-family:'Open Sans' , Sans-Serif; }

.pageTitle.s5 { width:100%; padding:60px 0px; background-color:transparent; }
.pageTitle.s5 h2 { text-align:center; line-height:30px; font-family:'Open Sans' , Sans-Serif; }
.pageTitle.s5 .breadcrumb { text-align:center; margin-top:25px; }
.pageTitle.s5 .breadcrumb a { margin:0px 12px; text-transform:uppercase; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.pageTitle.s5 .breadcrumb a:hover, .pageTitle.s3 .breadcrumb a.selected { text-decoration:underline; }



/* Starting Footer Styles
----------------------------------------- */
.footer { width:100%; }

.footer .footerTop { padding:30px 0px; }
.footer .footerTop span { line-height:20px; }

.footer .footerTop ul.social { overflow:hidden; margin-top:20px; }
.footer .footerTop ul.social li { float:left; margin: 0px 2.5px 5px 2.5px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.footer .footerTop ul.social li a { display:block; width:32px; height:32px; line-height:32px; text-align:center; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

.footer .footerTop .recent-posts .item { width:100%; height:auto; margin-bottom:10px; }
.footer .footerTop .recent-posts .item a { font-family:'Open Sans' , Sans-Serif; font-weight:500; font-size:13px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.footer .footerTop .recent-posts .item img { float:left; margin-right:10px; width:47px; }
.footer .footerTop .recent-posts .item span { font-weight:300; }

.footer .footerTop .subscriber { margin-top:20px; overflow:hidden; }
.footer .footerTop .subscriber input[type=text] { float:left; width:70%; }
.footer .footerTop .subscriber a { display:block; width:48px; height:48px; line-height:48px; padding-left:2px; margin-left:0px; text-align:center; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

.footer .footerTop .subscriber2 { overflow:hidden; margin-top:30px; }
.footer .footerTop .subscriber2 p { display:inline; }
.footer .footerTop .subscriber2 input[type=text] { float:left; width:68%; height:43px; }
.footer .footerTop .subscriber2 a { margin-top:0px; cursor:pointer; }

.footer .footerTop .instagramList {}
.footer .footerTop .instagramList li { float:left; width:52px; height:52px; overflow:hidden; margin:0px 1px 2px 1px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.footer .footerTop .instagramList li:hover { opacity:1; -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); }
.footer .footerTop .instagramList img { width:100%; }

.footer .footerDown { height:50px; line-height:10px; }
.footer .footerDown span { line-height:50px; font-size:11px; }

.footer .footerDown ul.social { overflow:hidden; }
.footer .footerDown ul.social li { float:left; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.footer .footerDown ul.social li a { display:block; width:50px; height:50px; line-height:50px; text-align:center; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

.footer .footerDown ul.footerMenu { overflow:hidden; }
.footer .footerDown ul.footerMenu li { float:left; line-height:50px; }
.footer .footerDown ul.footerMenu li a { line-height:16px; padding:0px 20px 0px 20px; font-size:11px; border-right-width:1px; border-right-style:solid; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.footer .footerDown ul.footerMenu li:last-child a { border-right:0px; padding-right:0px; }

/* Footer Syle 2  */
.footer.s2 .footerTop { text-align:center; }
.footer.s2 .toTop, .footer.s3 .toTop { width:44px; height:44px; line-height:42px; border-width:5px; border-style:solid; border-radius:50%; position:absolute; left:50%; margin-left:-27px; margin-top:-27px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

/* Footer Syle 3  */
.footer.s3 .footerTop { padding:60px 0px; }
.footer.s3 h3.phoneNumber { margin-bottom:25px; }

.footer.s3 .footerTop ul.social { margin-top:25px; }
.footer.s3 .footerTop ul.social li { float:left; margin:0px 5px 5px 0px; border-width:1px; border-style:solid; border-radius:50%; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.footer.s3 .footerTop ul.social li a { display:block; width:40px; height:40px; line-height:40px; text-align:center; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

/* Footer Style 4 */
.footer.s4 .footerTop { padding:0px; }
.footer.s4 .footerTop .googleMap { width:100%; height:325px; max-height:325px; border-top-width:1px; border-top-style:solid; }

.footer.s4 .mapOpen { display:block; width:44px; height:44px; line-height:44px; text-align:center; border-width:5px; border-style:solid; border-radius:50%; position:absolute; left:50%; z-index:999; margin-left:-27px; margin-top:-27px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }



/* Typography Page Styles
----------------------------------------- */
.typographyPage h1 { margin:0px !important; }
.typographyPage h2, .typographyPage h3, .typographyPage h4, .typographyPage h5, .typographyPage h6 { margin:50px 0px 0px 0px !important; }



/* Error Page Styles
----------------------------------------- */
.errorPage { text-align:center; }
.errorPage span { display:block; }
.errorPage a { font-weight:700; }

.errorPage .errorText { font-family: 'Open Sans', sans-serif; font-weight:800; }
.errorPage .errorDesc { margin-top:30px; margin-bottom:60px; font-family: 'Open Sans', sans-serif; font-weight:300; }



/* Sidebar Styles
----------------------------------------- */
.sidebar img { width:100%; }



/* Carousel Buttons Styles
----------------------------------------- */
.carouselButtons { position:relative; }
.carouselButtons a { position:absolute; right:0px; top: -39px; width:24px; height:24px; line-height:24px; text-align:center; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.carouselButtons a:first-child { right:29px; }

.centered .carouselButtons a:first-child { left:0px; right:inherit; }

.carousel2 .owl-nav { width:100%; }
.carousel2 .owl-nav .owl-prev, .carousel2 .owl-nav .owl-next { position:absolute; top:50%; margin-top:-23px; padding-left:15px; width:32px; height:47px; line-height:47px; color:transparent; }
.carousel2 .owl-nav .owl-next { right:0px; }

.carousel2 .owl-nav .owl-prev:before, .carousel2 .owl-nav .owl-next:before { font-family: FontAwesome; font-size: 45px; line-height: 47px; }
.carousel2 .owl-nav .owl-prev:before { content:"\f104"; }
.carousel2 .owl-nav .owl-next:before { content:"\f105"; }

.carousel3 .owl-dots { width:100%; margin-top:30px; text-align:center; }
.carousel3 .owl-dots .owl-dot { display:inline-block; width:8px; height:8px; margin-left:10px; border-width:1px; border-style:solid; border-radius:50%; background-color:transparent; }

.carousel3.dot2 .owl-dots .owl-dot { border-width:1px; border-style:solid; }

.carousel5 { padding:10px 0px; }
.carousel5 .item img, .carousel5 .item-video { height:300px; }
.carousel5 .item-video, .owl-video { min-width:530px; }



/* Announcement Styles
----------------------------------------- */
.bigAnnouncement { display:block; width:100%; text-align:center; }
.bigAnnouncement h2 { margin-bottom:18px; }
.bigAnnouncement h3 { margin-bottom:18px; }
.bigAnnouncement .f-100 { font-weight:300; }



/* Grid Page Styles
----------------------------------------- */
.gridPage [class*="span"] { text-align:center; line-height:30px; }



/* Top Button Styles
----------------------------------------- */
.toTop { display:block; width:50px; height:50px; line-height:50px; text-align:center; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.toTop:hover {  }



/* Blog Pages Styles
----------------------------------------- */
.blogPage img { width:100%; }
.blogPage .blogGallery { position:relative; margin-bottom:30px; }
.blogPage .blogGallery.noMargin { margin-bottom:0px; }

.blogPage .author { height:43px; margin-top:30px; }
.blogPage .author > span { display:block; float:left; line-height:43px }
.blogPage .author > span.comment { float:right; margin-right:10px; }
.blogPage .author > span.comment a { -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.blogPage .author > i { float:left; width:32px; height:43px; padding-left:11px; line-height:44px; margin-right:10px; font-size:26px; }
.blogPage .author > a.button { float:right; }

.blogPage.s2 > .item { margin-top:60px; }
.blogPage.s2 > .item .subtitle { margin-top:30px; }
.blogPage.s2 > .item a.button { margin-top:30px; }

.blogPage.s2 > .item span.date { display:block; float:left; width:100%; font-size:50px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-align:center; line-height:90px; }
.blogPage.s2 > .item span.month { display:block; float:left; width:100%; font-size:13px; text-align:center; line-height:24px; font-weight:600; margin-bottom:30px; }

.blogPage.s3 .item { max-width:270px; margin-bottom:60px; padding-bottom:30px; border-bottom-width:3px; border-bottom-style:solid; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.blogPage.s3 .item img { margin-bottom: 25px; }
.blogPage.s3 .item i { opacity:0; position:absolute; bottom:4px; left:48%; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

.blogPage.s3 .item:hover i { opacity:1; }

.blogPage .relatedPosts .item { border-bottom-width:3px; border-bottom-style:solid; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

.blogPage .relatedPosts .item > a { outline:none; }
.blogPage .relatedPosts .item span { display:block; text-align:center; line-height:50px; }
.blogPage .relatedPosts .item .itemWrap { position:relative; overflow:hidden; }
.blogPage .relatedPosts .item .itemWrap img { display:block; width:100%; }
.blogPage .relatedPosts .item .itemWrap .mask { opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }

.blogPage .relatedPosts .item:hover .itemWrap .mask { opacity:1; }

.blogPage .comments .item { margin-top:30px; }
.blogPage .comments .item:first-child { margin-top:0px; }

.blogPage .comments .item img { max-width:70px; }

.blogPage .comments .item .username { position:relative; margin-bottom:10px; }
.blogPage .comments .item .username h5 { margin-bottom:0px !important; font-weight:600; }
.blogPage .comments .item .username a { position:absolute; top:5px; right:0px; font-size:14px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }



/* Contact Page Styles
----------------------------------------- */
.contactPage .googleMap { width:100%; height:280px; max-height:280px; }

.contactPage .contactInfo span { display:block; margin-bottom:20px; font-size:14px; }
.contactPage .contactInfo span.title { font-size:16px; font-weight:bold; }
.contactPage p.textbox { margin:0px 0px 30px 0px; }

.contactPage.s2 { }
.contactPage.s2 .googleMap { position:fixed !important; top:0px; left:0px; width:100%; height:100%; max-height:100%; z-index:1; }
.contactPage.s2 .boxWrap { margin-top:200px; margin-bottom:90px; }
.contactPage.s2 .boxWrap .boxInner { width:580px; padding:30px; height:auto; margin:0 auto; }
.contactPage.s2 .boxWrap .boxInner .subtitle { margin:0px 0px 30px 0px; }

.contactPage.s2 .boxWrap .boxInner .socialIcons a { display:block; position:relative; height:50px; line-height:50px; margin-bottom:10px; padding-left:60px; font-size:16px; font-weight:600; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.contactPage.s2 .boxWrap .boxInner .socialIcons a:last-child { margin-bottom:0px; }
.contactPage.s2 .boxWrap .boxInner .socialIcons a i { position:absolute; top:0px; left:15px; width:28px; line-height:50px; text-align:center; }

.contactPage.s2 .boxWrap .boxInner .socialIcons a i.fa-facebook { color:#3b5998; }
.contactPage.s2 .boxWrap .boxInner .socialIcons a i.fa-twitter { color:#32bbef; }
.contactPage.s2 .boxWrap .boxInner .socialIcons a i.fa-youtube-play { color:#db4437; }
.contactPage.s2 .boxWrap .boxInner .socialIcons a i.fa-linkedin { color:#0075ba; }
.contactPage.s2 .boxWrap .boxInner .socialIcons a i.fa-pinterest { color:#cb2027; }

.addressInfo { text-align:center; }
.addressInfo i { margin-bottom:30px; }
.addressInfo h4 { margin-bottom:20px; font-weight:700; }
.addressInfo a { text-decoration:underline; }



/* Portfolio Page Styles
----------------------------------------- */
.portfolioPage { }

.portfolioPage img { width:100%; }
.portfolioPage h4.title { font-weight:700; margin-bottom:20px; }
.portfolioPage p { margin-bottom:20px; }



/* Team Member Page Style
----------------------------------------- */
.teamSocials { text-align:center; margin-top:60px; }
.teamSocials a { width:100px; height:100px; line-height:100px; margin-left:10px; border-width:1px; border-style:solid; border-radius:50%; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.teamSocials a:first-child { margin-left:0px; }



/* Slider Styles
----------------------------------------- */
.sliderArea { width:100%; position:relative; }

.sliderArea.s2 { position:absolute; top:0px; z-index:1; }

.sliderArea li .desc { font-size:16px; font-weight:500; line-height:24px; }
.sliderArea li .darkBg { display:inline-block; line-height:30px; padding:15px 20px 15px 20px; }
.sliderArea li .lightBg { display:inline-block; line-height:30px; padding:15px 20px 15px 20px; }

.sliderShadow { position:absolute; top:0px; left:0px; width:100%; height:250px; background:url('../images/Header/bg.png') repeat-x top left; z-index:2; }



/* Animations Page Styles
----------------------------------------- */
.animationTitle { padding:90px 0px; text-align:center; color: #f35626; }
.animationTitle h1, .animationTitle span { background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 60s infinite linear; }
.animationTitle h1 { font-weight:700; }
.animationTitle span { display:block; font-size:40px; font-weight:300 }

.animationPage { margin-top:30px; text-align:center; }
.animationPage .selectBox { margin-bottom:60px; }
.animationPage #animateIt { margin-bottom:20px; }

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}



/* Icon Page Styles
----------------------------------------- */
.iconPage a { display:block; height:30px; line-height:30px; padding:0px 10px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
.iconPage a  i { display:inline-block; width:30px; text-align:center; }

.iconPage a:hover { font-size:16px; }
.iconPage a:hover i { font-size:20px; }



/* Under Constructor Page Styles
----------------------------------------- */
.underconstructionPage { text-align:center; }
.underconstructionPage .topPanel { padding:30px 0px; }
.underconstructionPage .button { width:100% !important; padding:15px 0px !important; margin-top:10px !important; text-align:center !important; }



/* Intro Page Styles
----------------------------------------- */
.introPage { background-color:#E0E2E3; }
.introPage .brackets { background-color:transparent; }
.introPage .themes .item span { display:block; text-align:center; margin-bottom:30px; }
.introPage .themes .item img { width:100%; }


/* Settings Styles
----------------------------------------- */
.settings { width:297px; height:auto; position:fixed; left:-245px; top:100px; z-index:9999; }
.settings > a.fa { display:block; float:right; width:52px; height:47px; line-height:46px; text-align:center; background-color:#2A2D31; color:#FFF; }
.settings > a i { line-height:46px; }

.settings .settings-wrap { width:185px; float:left; padding:30px; background-color:#2A2D31; }
.settings .settings-wrap h5 { display:block; margin-bottom:20px; font-weight:700; color:#FFF; }

.settings .settings-wrap .layoutSetting { display:inline-block; margin-bottom:30px; }
.settings .settings-wrap .layoutSetting a { display:block; float:left; width:85px; height:58px; text-indent:-9999px; border-width:1px; border-style:solid; border-color:#474C4F; }
.settings .settings-wrap .layoutSetting .wideLayout { background:url('../images/Settings/wideLayout.png') no-repeat top left; margin-right:10px; }
.settings .settings-wrap .layoutSetting .boxedLayout { background:url('../images/Settings/boxedLayout.png') no-repeat top left; }
.settings .settings-wrap .layoutSetting a:hover, .settings .settings-wrap .layoutSetting a.active { border-color:rgba(255,255,255,0.6); }

.settings .settings-wrap .colorSettings { display:inline-block; margin-bottom:30px; }
.settings .settings-wrap .colorSettings .color-item { display:block; width:65px; height:20px; float:left; padding:5px 10px; margin:0px 10px 10px 0px; border-width:1px; border-style:solid; border-color:#474C4F; }
.settings .settings-wrap .colorSettings .color-item:nth-child(even) { margin-right:0px; }
.settings .settings-wrap .colorSettings .color-item input { background:transparent; font-size:13px; color:#474C4F; }

.settings .settings-wrap ul { display:inline-block; width:100%; height:auto; }
.settings .settings-wrap ul li { float:left; margin:3px; }



/* Starting Media Styles For Custom Responsive Design 
----------------------------------------- */
/* Big Screen */
@media (min-width: 1020px)
{
    .logo { float:left; margin-top:30px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; max-width:316px;}
    .logoWrap .logo { float:inherit; }
    
    .header.s3 .logo { margin-top:30px; }
    .stickyMenu .header.s3 .logo { margin-top:0px; }
        
    .header #mainMenu { display:block !important; position:static; float:right; margin-top:30px; z-index:999; }
    .header #mainMenu > li { float:left; height:71px; padding:0px 15px; font-size:13px; line-height:20px; font-weight:600; position:relative; }
    .header #mainMenu > li:last-child { padding-right:0px; }
    .header #mainMenu > li a { display:block; width:100%; height:25px; position:relative; overflow:hidden; }
    .header #mainMenu > li > a > .line { position:absolute; bottom:0px; left:0px; height:1px; width:0px; }
    .header #mainMenu > li.active > a > .line { width:100%; left:0px; }
    .header #mainMenu > li > a i { display:none; }

    .header #mainMenu > li ul { display:none; position:absolute; top:25px; border-bottom-width:3px; border-bottom-style:solid; z-index:999; }
    .header #mainMenu > li ul li { width:180px; height:40px; line-height:41px; padding-left:20px; font-size:11px; font-weight:400; -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .2s all linear; -o-transition: .4s all linear; }
    .header #mainMenu > li ul li a { height:100%; font-weight: 500; -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .4s all linear; -o-transition: .4s all linear; }
    
    .header #mainMenu li i { position:absolute; right:20px; top:15px; }
    .header #mainMenu > li > ul li ul { top:0px; }
    
    /* Head Style 3 */
    .header.s3 #mainMenu { margin-top:0px; }
    .header.s3 #mainMenu > li { height:120px; padding:0px 20px; line-height:120px; border-top:3px solid transparent; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
    
    .header.s3 #mainMenu > li a { height:120px; }
    .header.s3 #mainMenu > li > a > .line { display:none !important; }
    .header.s3 #mainMenu > li:hover, .header.s3 #mainMenu > li.active { border-top-width:3px; border-top-style:solid; }
    
    .header.s3 #mainMenu > li > ul { top:120px; left:-1px; }
    
    .stickyMenu .header.s3 #mainMenu { margin-top:16px }
    .stickyMenu .header.s3 #mainMenu > li { height:61px; line-height:20px; padding:0px 15px; background:none; border-top:0px; }
    .stickyMenu .header.s3 #mainMenu > li:last-child { padding-right:0px; }
    .stickyMenu .header.s3 #mainMenu > li > a { height:31px; }
    .stickyMenu .header.s3 #mainMenu > li > a > .line { display:block !important; }
    .stickyMenu .header.s3 #mainMenu > li > ul { top:31px; left:inherit; }
        
    /* Head Style 4 */
    .header.s4 .navCenter { display:table; margin:10px auto 0px auto; white-space:nowrap; }
    .header.s4 .navCenter #mainMenu { display:table-row !important; float:inherit; }
    .header.s4 .navCenter #mainMenu > li { float:inherit; display:table-cell; }
    .header.s4 .navCenter #mainMenu > li { /*height:30px;*/ }
    
    .header.s4 .navCenter #mainMenu > li > a > .line { left:50%; }
    .header.s4 .navCenter #mainMenu > li.active > a > .line { left:0px; }
    
    /* Head Style 5 */
    .header.s5 #mainMenu { margin:20px 0px 0px 0px; float:left; }
    .header.s5 #mainMenu > li { float:inherit; display:table-cell; }
    .header.s5 #mainMenu > li { /*height:30px;*/ }
	.header.s5 #mainMenu > li:first-child { padding-left:0px; }
    
    .header.s5 .searchBtn { margin-top:4px; }
    
    /* Head Style 6 */
    .header.s6 #mainMenu { margin:20px 0px 0px 0px; float:left; }
    .header.s6 #mainMenu > li { float:inherit; display:table-cell; }
    .header.s6 #mainMenu > li { /*height:30px;*/ }
	.header.s6 #mainMenu > li:first-child { padding-left:0px; }
    
    .header.s6 .searchBtn { margin-top:4px; }
    
    /* Head Style 7 */
    .header.s7 #mainMenu > li > a {  }
    .header.s7 #mainMenu > li > a > .line {  }
    
    /* Head Style 8 */
    .header.s8 .logo { margin-bottom:30px; }
    
    /* Mega Menu Style */
    #mainMenu > li.megaMenu { position:static !important; }
    #mainMenu > li.megaMenu > ul > li { padding:0px; }
    #mainMenu > li.megaMenu > ul { width:100%; top:101px; left:0px !important; }
    
    .header.s3 #mainMenu > li.megaMenu > ul { top:123px; } 
    .header.s4 #mainMenu > li.megaMenu > ul, .header.s5 #mainMenu > li.megaMenu > ul, .header.s6 #mainMenu > li.megaMenu > ul { top:91px; } 
    
    .stickyMenu #mainMenu > li.megaMenu > ul { top:60px !important; }
    
    #mainMenu > li.megaMenu .container { padding-top:20px; padding-bottom:20px; }
    #mainMenu > li.megaMenu .columnWrap { padding-left:30px; border-left-width:1px; border-left-style:solid; }
    #mainMenu > li.megaMenu .columnWrap:first-child { padding-left:0px; border-left:0px; }
    
    #mainMenu > li.megaMenu .columnWrap h5 { margin:0px 0px 5px 15px; font-size:13px; font-weight:600; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
        
    #mainMenu > li.megaMenu .columnWrap .column { margin-top:30px; }
    #mainMenu > li.megaMenu .columnWrap .column:first-child { margin-top:0px; }
    
    #mainMenu > li.megaMenu .columnWrap ul { display:block !important; position:inherit; width:auto; border-bottom:0px; overflow:hidden; margin-left:15px; }
    #mainMenu > li.megaMenu .columnWrap ul li { width:100%; height:25px; background-color:transparent; border-bottom:0px; padding:0px 5px; margin-bottom: 2px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
    #mainMenu > li.megaMenu .columnWrap ul li a { line-height:25px; font-size:11px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
    #mainMenu > li.megaMenu .columnWrap ul li a > i { position:relative; top:0px; left:1px; line-height:30px; font-size:11px; color:#D2D2D2; margin-right:10px; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -ms-transition: .2s all linear; -o-transition: .2s all linear; }
    
    #mainMenu > li.megaMenu .columnWrap ul li:hover { padding:0px 12px; }
    
    /*Starting StickyMenu Styles*/
    .stickyMenu { background-color:transparent; }
    .stickyMenu .header { width:100%; height:60px; min-height:60px; left:0px; padding-top:5px; z-index:999; border-bottom-width: 1px; border-bottom-style:solid; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
    .stickyMenu .header .logo { width:inherit; height:45px; float:left; margin-top:5px; }
    .stickyMenu .logoSticky { display:block; width:inherit; height:45px; float:left; }
    .stickyMenu .logoNoSticky { display:none; }
    .stickyMenu .header .divider { display:none; }
    .stickyMenu .header #mainMenu { margin-top:18px; }
	.header #mainMenu > li { height:71px; }
	.stickyMenu .header .searchBarOpen, .stickyMenu .header .searchBtn { display:none !important; }
    .stickyMenu .header.s8 .slideMenuNav { margin:20px 0px 0px 0px; }

    .stickyMenu .header.s4 .navCenter { display:block !important; }
    .stickyMenu .header.s4 #mainMenu, .stickyMenu .header.s5 #mainMenu, .stickyMenu .header.s6 #mainMenu { float:right !important; margin:16px 0px 0px 0px; }
    .stickyMenu .header.s4 #mainMenu > li, .stickyMenu .header.s5 #mainMenu > li, .stickyMenu .header.s6 #mainMenu > li { float:left !important; }
    .stickyMenu .header.s4 #mainMenu > li, .stickyMenu .header.s5 #mainMenu > li, .stickyMenu .header.s6 #mainMenu > li { height:61px; }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1019px)
{    
    .counter .item { padding:20px 10px; }
    .counter .item b { font-size:40px; }
    
    .fansInfo .item { line-height:16px; }
}
/* For Laptop */
@media (max-width: 1019px) 
{    
    .logo { float:left; margin-left:20px; max-width:160px; margin-top:25px; }
    .logoWrap .logo { float:inherit; margin-left:0px; }
    
    .header, .header.s3 { padding-top:20px; }
    .header.s6 .advertise { float:inherit; margin-top:30px; }
    
    .stickyMenu .header { position:inherit !important; }
        
    .info-box, .info-box p { text-align:center !important; }
    .info-box a { margin-top:15px; position:inherit; top:inherit; right:inherit; }
    
    .pageTitle h2 { text-align:center; }
    
    .clients { margin-bottom:15px; }
    
    .slideMenuNav { height:53px; margin-top:26px; margin-right:20px; }
    
    #mainMenu { display:none; width:100%; position:relative; z-index:999; overflow:hidden; top:33px; }
        
    #mainMenu li { width:100%; font-size:13px; line-height:46px; font-weight:400; border-top-width:1px; border-top-style:solid; -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .4s all linear; -o-transition: .4s all linear; }
    #mainMenu > li:last-child { border-bottom-width:1px; border-bottom-style:solid; }
    #mainMenu > li:first-child { border-top:none; }
    
    #mainMenu li a { display:block; width:100%; height:100%; padding:0px 30px; position:relative; overflow:hidden; -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -ms-transition: .4s all linear; -o-transition: .4s all linear; box-sizing: border-box; }
    #mainMenu li a .line { display:none; }

    #mainMenu > li ul { display:none; width:100%; }
    #mainMenu > li ul li { line-height:36px; }
    #mainMenu > li ul li a { padding:0px 60px; }
    
    #mainMenu > li ul li ul li a { padding:0px 90px; }
    #mainMenu li i { position:absolute; right:20px; top:15px; }
    
    #mainMenu > li ul li ul { display:block; }
    #mainMenu > li.megaMenu h5 { font-size:13px; line-height:46px; font-weight:700; padding-left:45px; }
    #mainMenu > li.megaMenu .container { width:100%; padding:0px; }
    #mainMenu > li.megaMenu .columnWrap { width:100%; margin-left:0px; }
    #mainMenu > li.megaMenu .columnWrap ul li a > i { position:relative; top:0px; left:1px; right:inherit; margin-right: 10px; }
    #mainMenu > li.megaMenu ul li ul li a { padding:0px 60px; }
    
    .header.s4 .mobileNav, .header.s5 .mobileNav, .header.s6 .mobileNav { float:inherit; margin:0px auto 30px; }
        
    .chartWrapper .ePieChart { margin-bottom:20px; margin-left:30px;  }
    .chartWrapper .ePieChart:first-child { margin-left:30px; }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) 
{
    h1 { font-size: 40px; line-height: 45px; }
    h2 { font-size: 30px; line-height: 35px; }
    h3 { font-size: 18px; line-height: 22px; }
    h4 { font-size: 16px; line-height: 20px; }
    h5 { font-size: 13px; line-height: 18px; }
    h6 { font-size: 11px; line-height: 16px; }
    
    #wrap.open { -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); }
    .slideMenu { width:240px; right:-240px; }
    .slideMenu img { margin:20px 0px; max-height:60px; }
    
    .sliderShadow { height:80px; background:url('../images/Header/bg-mobile.png') repeat-x top left; }
    
    .logo6 { margin: 0px auto; float: inherit; display: block; }
    .advertise { max-width: 100%; margin-top: 20px; }
    
    .subtitle-2 { margin-top:20px; }
    
    .tabsVertical ul { margin-bottom:30px; }
    
    .footer .footerDown { height:auto; padding-top:30px; }
    .footer .footerDown span { display:block; text-align:center; float:inherit; margin-bottom:10px; line-height:20px; }
    .footer .footerDown ul.footerMenu li { line-height:35px; }
    
    .footer.s2 .footerTop [class*="span"], .footer.s3 .footerTop [class*="span"], .footer.s1 .footerTop [class*="span"] { margin-top:30px; }
    .footer.s2 .footerTop [class*="span"]:first-child, .footer.s3 .footerTop [class*="span"]:first-child, .footer.s1 .footerTop [class*="span"]:first-child { margin-top:0px; }
    .footer.s1 .footerDown a { display:inline-block; }
    
    .list .button { margin:0px 10px 15px 0px; }
    
    .button.small { padding:10px 14px; font-size:14px; }
    .button.medium { padding:12px 18px; font-size:14px; }
    .button.large { padding:14px 30px; font-size:16px; }
    
    .subtitle { margin-top: 30px; }
    
    .withPagePadding { padding-top:30px; padding-bottom:30px; }
    
    .clients .item { margin-bottom:10px; }
    
    .blogPage .relatedPosts .item { margin-bottom:30px; }
    .blogPage .relatedPosts .item:last-child { margin-bottom:0px; }
    
    .topBar { display:none; }
    
    .services.s1 .item, .services.s4 .item, services.s5 .item { margin-bottom:30px; }
    
    .cbp-l-filters-button .cbp-filter-item { margin-bottom:3px; }
    
    .chartWrapper .pieChart { max-width:250px !important; max-height:250px !important; }
    .chartWrapper .ePieChart, .chartWrapper .ePieChart:first-child { margin-left:0px; }
    
    .contentImg { margin:20px auto; }
    
    .addressInfo .item { margin-bottom:30px; }
    
    .teamSocials a { margin-bottom:10px; }
    .teamSocials a:first-child { margin-left:10px; }
    
    .teamBar.s1 h2 { display:none; }
    .teamBar.s2 > img { min-height:150px; }
    
    .ourTeam.teamPage .item { margin-bottom:30px; }
    
    .pageTitle.s3, .pageTitle.s5 { padding:30px 0px; }
    .pageTitle.s1 h3, .pageTitle.s2 h3, .pageTitle.s4 h3 { line-height:80px; }
    
    .contactPage.s2 .boxWrap { margin-top:60px; }
    .contactPage.s2 .boxWrap .boxInner { width:auto; }
}
/* Landscape phones and down */
@media (max-width: 1229px)
{
    #wrap.boxed { width:100%; margin:0px; }
}