@charset "utf-8"; /* CSS Document */ /*======================================font face=======================================*/ @font-face { font-family: 'source_sans_probold'; src: url('../fonts/sourcesanspro-bold-webfont.eot'); src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'), url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_proitalic'; src: url('../fonts/sourcesanspro-italic-webfont.eot'); src: url('../fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-italic-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-italic-webfont.woff') format('woff'), url('../fonts/sourcesanspro-italic-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_proregular'; src: url('../fonts/sourcesanspro-regular-webfont.eot'); src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; } /*======================================font face=======================================*/ /*==================================main-menu============================================*/ html { overflow-x : hidden; } body { background-color:#fff; font-family:'EB Garamond'; font-size:15px; } .main-menu { margin-bottom:5px; float:right; margin-top: 25px; margin-bottom:25px; } .main-menu .navbar { margin:0 } .main-menu .navbar-default { border:none } .main-menu .navbar-default .navbar-nav>li>a { color:#FFF; text-shadow:none; font-size:15px; background: #145BA3 url(../images/line.png) no-repeat right top; padding:18px 46px; text-transform: uppercase; } .main-menu .navbar-collapse { padding:0; } .main-menu .navbar-default .navbar-nav .current-menu-item a { background:#E8F1FF; color:#145BA3; text-transform: uppercase; } .main-menu .navbar-default .navbar-nav>.active>a, .main-menu .navbar-default .navbar-nav>.active>a:hover, .main-menu .navbar-default .navbar-nav>.active>a:focus { background:#E8F1FF; color:#145BA3; } .my-slider .carousel-control .icon-prev, .my-slider .carousel-control .icon-next, .my-slider .carousel-control .glyphicon-chevron-left, .my-slider .carousel-control .glyphicon-chevron-right { background-color:#ffffff; padding:10px; color:#000; text-shadow:none; text-align:center; width:50px; height:50px; line-height:29px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; top:40%; } .my-slider .carousel-control .icon-prev:hover, .my-slider .carousel-control .icon-next:hover, .my-slider .carousel-control .glyphicon-chevron-left:hover, .my-slider .carousel-control .glyphicon-chevron-right:hover { background:#f00; color:#fff } .navbar-toggle { background:#BED8FF; } .widget_nav_menu div ul li .sub-menu { background:none; } .navbar-toggle:hover { background:#BED8FF !important; } .mobile-menu { position:relative; height:50px; display:none; background:#000; padding:0 15px; } .mobile-menu .navbar-toggle { float:left; color:#f00; border:1px solid #f00; } .mobile-menu .navbar-toggle .icon-bar { background:#f00 } #sidebar-wrapper { display:none; } #wrapper { padding:0 } .main-menu .navbar-header .navbar-toggle { float:right; } .main-menu .navbar-default .navbar-nav li:hover a { background:#E8F1FF; color:#000000; } .main-menu .navbar-nav .open .dropdown-menu li a { background:#66cc99; } .main-menu .navbar-nav .open .dropdown-menu li:hover a { background:#333333; } .my-r-form .form-control { -webkit-border-radius: 0px; border-color:#CCC; -moz-border-radius: 0px; border-radius: 0px; } #header { border-top:5px solid #145BA3; background:#BED8FF; } .nav>li>a:hover { background:#BED8FF; } .featured img { height: 189px; width: 110px; } /* Pagination Code */ .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; } .pagination a:hover{ color:#fff; background: #3279BB; } .pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; color:#fff; } .navbar-nav>li ul.sub-menu { display:none; background-color: #676767; } ul.nav li:hover ul.sub-menu { display: block; position: absolute; background-color: #676767; list-style: none; padding: 0px; color:#fff; z-index:1; } ul.sub-menu li { padding:10px; width: 200px; list-style: none; background-color: #E8F1FF; } ul.sub-menu li a { color:#fff; list-style: none; background: #E8F1FF !important; } ul.sub-menu li:hover { background-color: #145BA3; color:#fff; width: 200px; list-style: none; } ul.sub-menu li:hover a { color:#fff; list-style: none; text-decoration: none; background: #145BA3 !important; } /*==================================main-menu============================================*/ /*===================================Fotter ====================================================*/ .fotter-menu { padding-top:35px; } .fotter-menu ul { padding:0px; } .fotter-menu ul li { list-style-type:none; display:inline-flex; padding: 0px 10px 0px 5px; border-right: 1px solid #145BA3; } .fotter-menu ul li:last-child{ border-right: none; } .fotter-menu ul li a { color:#000000; text-decoration:none; } .fotter-menu ul li a:hover { color:#000; } .home-fot { background: #BED8FF; margin-top: 0px; } .home-fot-sos { color:#000000; font-size:16px; padding-left: 20px; padding-top:10px; } .home-line { color:#000; } .fot-sos { padding-bottom: 5px; } .fot-sos ul { } .fot-sos ul li { list-style-type:none; display:inline; } .fot-sos ul li a { text-decoration:none; padding:5px; } .fot-all { color:#fff; font-size:14px; } .fotter-rights { background:#145BA3; } .fot-rights-con { color:#fff; font-size:14px; text-align:right; padding-top:10px; } .fot-rights-con1 { color:#fff; font-size:14px; padding-top:10px; } a.home-vss { color: #E8F1FF; text-decoration: none; } /*===================================Fotter End====================================================*/ /*==================================home page ============================================*/ .home-content1 { font-size:20px; font-family:'EB Garamond'; color:#333; } .home-title { font-size:20px; font-family:'EB Garamond'; color:#145BA3; margin-bottom:20px; } .home-content2 { font-size:20px; } .home-blog-head { font-size:20px; color:#000; } .home-blog-sub { font-size:14px; color:#000; font-family: 'EB Garamond'; } .home-blog-text { font-size:15px; color:#666; font-family:'EB Garamond'; } .home-brlogos { border-radius:4px; margin-bottom:30px; margin-top:15px; font-family:'EB Garamond'; text-align:center; color:#145BA3; font-size:18px; } .home-blog { background:#000; } .home-read { color: #000; font-family: 'EB Garamond'; } a.home-read { text-decoration: none; } .home-blogs { margin-bottom:5px; margin-top:5px; } .h-img { margin-top: 5px; margin-bottom: 20px; } .h-img1 { margin-top: 15px; margin-bottom: 20px; } .home-brand { background: #fff; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; } .thumbnail { border-color: #ccc; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; } .vss-slider .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; border: none; left: 0px; } .home-more { color:#000; font-size:14px; float:right; margin-top: 10px; } .recentpostdesign { border:1px solid #145BA3; padding:10px; display: inline-block; background:#ffffff; border-radius:5px; } .recentpostdesign hr { margin:2px; } .recentpostdesign .post-image a img:hover { opacity:0.6; } .widget div ul li .sub-menu li { list-style-image: none; background: none; width: auto; padding: 1px; } .widget div ul li .sub-menu li a { list-style-image: none; background: none !important; color:#333; } .widget div ul li .sub-menu li a:hover { list-style-image: none; background: none !important; color:#333; } ul.nav li:hover ul.sub-menu li ul.sub-menu { left:100%; display:none; } ul.nav li ul.sub-menu li:hover ul.sub-menu { left:100%; top: 0px; display:block; background-color: #E8F1FF; } ul.nav li ul.sub-menu li:hover ul.sub-menu li { background:none; } ul.nav li ul.sub-menu li:hover ul.sub-menu li a { background: #E8F1FF !important; } ul.nav li ul.sub-menu li ul.sub-menu li:hover , ul.nav li ul.sub-menu li ul.sub-menu li:hover a { background: #145BA3 !important; } #menu-footer-menu li .sub-menu { display:none; } #menu-footer-menu li:hover .sub-menu { display:block; } #menu-footer-menu li:hover .sub-menu li { width:auto; padding:0px; background:none; } #menu-footer-menu li:hover .sub-menu li a { background:none !important; } /*==================================home page End============================================*/ /*=========================About us=========================================================*/ .about-ban { background:url(../img/banner-new.png) right center repeat; overflow:hidden; } .about-head { color: #fff; text-align: left; font-family: 'EB Garamond'; padding-top: 40px; padding-bottom: 40px; margin: 0px; font-weight: 600; text-transform: capitalize; } .breadcmp-web { background-color: #BED8FF; margin-top: 35px; float: right; padding: 15px; color: #000; } a.about-bread { text-decoration: none; color:#000; font-family: 'EB Garamond'; } .about-box { padding:10px; } .about-img-title { font-size:18px; font-family:'EB Garamond'; color:#2f343a; color: #145BA3; text-align: center; } .about-img-group { font-size:16px; font-family:'EB Garamond'; color:#2f343a; } .about-head1 { font-size:24px; font-family:'EB Garamond'; color:#145BA3; padding-top:0px; } .about-group { font-size:16px; font-family:'EB Garamond'; color:#145BA3; margin-top:0px; text-align: center; line-height: 7px; margin-bottom: 15px; } .about-content { color:#333; font-size:16px; font-family: 'EB Garamond'; text-align:justify; } .about-box-content { color:#333; font-size:16px; font-family: 'EB Garamond'; text-align: justify; } .about-pro { padding-bottom: 25px; padding-top: 25px; padding-left: 10px; } .about-top { padding-top:30px; padding-bottom:20px; } .abo-group { background:#ffffff; } .about-group div { background: #BED8FF; opacity: 0.8; margin-top: -82px; padding: 10px; width: 88%; } .about-pro-box .about-text { display:none; } .about-pro-box:hover .about-text { opacity: 0.5; display: block; z-index: 1000; margin-top: -200px; font-size: 40px; color: #fff; text-align: center; margin-bottom: 21px; padding: 61px; box-shadow: 119px 100px 107px 20px #145BA3 inset; } img.about-img:hover { opacity: 0.6; } /*=========================About us== End =======================================================*/ /*=========================Blog page= start =======================================================*/ .blog-title { font-size:16px; font-family:'EB Garamond'; color:#ff6632; margin-left:20px; } .blog-head { font-size: 18px; font-family: 'EB Garamond'; color: #000000; padding-top: 22px; text-transform: uppercase; } .vss-blog-head { font-size: 18px; font-family: 'EB Garamond'; color: #145BA3; padding-top: 0px; text-transform: uppercase; } .blog-post { font-size:15px; color:#000000; font-family: 'EB Garamond'; } a { color:#000000; } a:hover { color:#000000; } .blog-post-right { font-size:15px; color:#000000; font-family: 'EB Garamond'; float:right; } .blog-content { color:#000; font-size:15px; font-family: 'EB Garamond'; text-align:justify; } .blog-read { font-size:15px; color:#000; float: right; } .blog-recent { font-size:15px; color:#333; font-family: 'EB Garamond'; padding-top:10px; text-align: justify; } .blog-menu { padding:5px; } .blog-menu ul li { list-style-image:url(../img/bullets1.png); } .blog-menu ul li a { color:#000; text-decoration:none; } .blog-menu ul li a:hover { color:#ff6632; } .blog-box { padding-bottom: 0px; padding-top: 15px; } .blog-side { background:#f5f5f5; padding-bottom: 10px; } .nav-tabs { border:none; padding-bottom:20px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { cursor: default; background-color: #145BA3; border: 1px solid #ddd; border-bottom-color: transparent; color: #fff; font-size:15px; font-family: 'EB Garamond'; } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; color: #333; font-family: 'EB Garamond'; } .home-read1 { font-family: inherit; font-size: inherit; line-height: inherit; background: #145BA3; color: #fff; border: none; border-radius: 4px; margin-right: 17px; padding: 1px 6px; text-decoration: none; } .home-more a:hover { text-decoration: none; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: #fff; border: 1px solid #ADADAD; border-radius: 4px; margin-right: 17px; padding-left: 3px; } .blog-side { padding-top: 25px; border-left: 1px solid #ccc; } .vss-post-image:hover { opacity:0.6; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); } .vss-post-img img:hover { opacity:0.8; } /*=========================Blog page= End =======================================================*/ /*=========================Protofolio =======================================================*/ .port-head { font-size:18px; font-family:'EB Garamond'; color:#145BA3; padding-top:20px; } .port-blog-head { font-size:18px; font-family:'EB Garamond'; color:#000; } .port-content { font-size:15px; font-family: 'EB Garamond'; } .port-dow { background:#145BA3; border-radius:5px; border:none; } a.port-but { color:#fff; text-decoration: none; } .port-blog { padding-bottom:20px; color: #333; font-size: 12px; } .port-menu { padding-top:10px; } .port-menu ul { list-style-type:none; } .port-menu ul li { text-decoration:none; padding:5px; display:inline; } .port-menu ul li a { color:#333333; font-size: 16px; } .port-img { float:left; width:40%; } .port-content-blog { float: left; width: 100%; background: #E8F1FF ; padding: 20px; font-size:15px; margin-bottom:20px; } .port-back { } .port-cli { color:#000; list-style-type: none; font-size:15px; } .port-cli a { text-decoration:none; font-size:15px; } .prot-cont { font-size:15px; text-align:justify; } button.port-button { float: right; float: right; font-size: 15px; margin-bottom:10px; } .port-des { background: #145BA3; color: #FFF; font-size: 15px; padding-left: 3px; } .pro-menu ul { padding-left: 0px; } a.port-button { color: #FFFFFF; background: #145BA3; font-size: 15px; padding: 5px; border-radius: 4px; float: right; text-decoration: none; margin-top:4px; } .vss-port-images:hover img { opacity:0.5; } .vss-port-images img { height:235px; } /*=========================Protofolio =======================================================*/ /*=========================Contact US =======================================================*/ .contact-add { color:#145BA3; font-family: 'EB Garamond'; font-size:24px; } .contact-info { color:#333; font-family: 'EB Garamond'; font-size:14px; } .contact-address { padding-top: 40px; padding-bottom: 40px; } a.contact-sales { color: #333; text-decoration: none; } .contact-ref { font-size:18px; color:#2f343a; } .form-group { margin-bottom: 15px; } .form-control { border: 1px solid #145BA3; } .form-text { font-size:12px; color:#000; } .form-head { color:#000; font-size:14px; } .con-adds { margin-top: 40px; margin-bottom: 20px; } .con-button { background:#333333; } button.btn.btn-default { background: #145BA3; color: #fff; font-size: 14px; border:none; } .con-form { border: solid 1px #ccc; background: #E8F1FF; border-radius: 5px; padding: 35px; margin-top:15px; margin-bottom:15px; } .port-tab { padding-top:30px; } .con-map { width:100%; } /*=============================Site Map===Start================================*/ .site-title{ font-size:20px; color:#145BA3; padding-top:80px; padding-left:30px; } .site-home{font-size:20px; color:#145BA3; padding-top:50px; padding-left:30px; } .site-menu{ } .site-menu ul{ padding-top: 5px;} .site-menu ul li { list-style-image:url(../img/bullets1.png);} .site-menu ul li a{ color:#333; font-size:16px;} .site-menu ul li a:hover{ } .site-bg { background: url(../img/Sitemap-bg.png); background-repeat: no-repeat; background-position: bottom right; margin-left: 15px; height: 460px; margin-top: 20px; margin-bottom: 20px; border-radius: 5px; } /*=============================Site Map===End================================*/ /*==============404 Error===================================*/ .er-content{ font-size:20px; color:#333; } .er-content1{ font-size:20px; color:#333; padding-left: 50px; } #search .form-group-404 { width: 50%; margin-bottom: 15px; } #search .form-control { border: 1px solid #000; margin-top: 15px; } button.er-but.btn { margin-top: 14px; } .er-box{ margin-bottom:30px; margin-top:30px;} /*==============404 Error= End==================================*/ /*=============================Sidebar===Start================================*/ .widget { list-style-type: none; border: 1px solid #eaeaea; margin: 25px 0px 10px 0px; padding: 10px; border-radius:10px; } .widgettitle { color: #fff; font-size: 20px; background: #145BA3; padding: 5px; margin-top: 0px; } .widget ul{ padding-top: 5px; padding-left: 20px; } .widget ul li { list-style-image:url(../img/bullets1.png);} .widget ul li a{ color:#333; font-size:16px;} .tagcloud a { color: #fff; background: #145BA3; padding: 5px; text-decoration: none; line-height:30px; } .latest-portfolio-head { margin-bottom: 0px; } .latest-portfolio-head a { font-size:12px; text-decoration: none; } .latest-portfolio-content { font-size:12px; margin-bottom: 0px; } .latest-portfolio-start { margin:0px; } .latest-single-portfolio { padding-bottom: 10px; padding-left: 10px; } /*=============================Sidebar===End================================*/ /*=============================Default Page style ===start================================*/ .page-layout { padding: 15px; font-size: 16px; text-align: justify; padding-top: 25px; } /*=============================Default Page style===End================================*/ /*=============================Comment Page style ===start================================*/ #comments { font-size: 20px; font-family: 'EB Garamond'; color: #145BA3; padding-top: 22px; text-transform: uppercase; } .commentlist li { padding:5px; list-style:none; border-bottom : 1px solid #eaeaea; } .comment-form-comment #comment { font-family: inherit; font-size: inherit; line-height: inherit; background: #eaeaea; color: #000; border: none; border-radius: 4px; margin-right: 17px; width: 100%; } .comment-form input { font-family: inherit; font-size: inherit; line-height: inherit; background: #eaeaea; color: #000; border: none; border-radius: 4px; margin-right: 17px; } .comment-form .submit { background: #145BA3; color:#fff; } /*=============================Comment Page style===End================================*/ /*=============================Must uses style ===start================================*/ .wp-caption { } .wp-caption-text { } .sticky { } .gallery-caption { } .bypostauthor { } .alignright { } .alignleft { } .aligncenter { } .attachment-post-thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; width: 100%; } /*=============================Must uses style===End================================*/ /*= Pagination loader start */ .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration:none; } .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: #145BA3; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .navigation li a:hover, .navigation li.active a { background-color: #BED8FF; color: #000000; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; } .pagination-align { text-align:center; float:none; } .blog-single-pagi { margin-bottom:20px; } /*= Pagination loader end */ /*==============Responsive window===================================*/ @media(max-width:767px) { .main-menu { float:none; } .main-menu .navbar-collapse { overflow:hidden; } .navbar-header { background: #145BA3; } .navbar-default .navbar-brand { color: #fff; } .about-pro-box:hover .about-text { opacity: 0.5; display: block; z-index: 1000; margin-top: -135px; font-size: 34px; color: #fff; text-align: center; margin-bottom: 21px; padding: 34px; box-shadow: 119px 100px 107px 20px #145BA3 inset; } .about-group div { background: #fff; opacity: 0.8; margin-top: -82px; padding: 10px; max-width:100%; } .port-img { width:100%; } .recentpostdesign { margin-bottom:10px; } .home-fot { text-align:center; } .fot-rights-con { text-align:center; } #header { text-align:center; } } @media(min-width:768px) { .main-menu .navbar-brand { display: none; } } @media(min-width:992px) { .port-img { width:40%; } .port-content-blog { width: 60%; } }