/* ------------------------------------------ */ /* TABLE OF CONTENTS /* ------------------------------------------ */ /* 01 - General & Basic Styles */ /* 02 - Background Parallax */ /* 03 - Header & Navigation */ /* 04 - Sidebar */ /* 05 - Revolution Slider */ /* 06 - Scroll Div */ /* 07 - About Top Slider */ /* 08 - Whay Us */ /* 09 - Featured Projects */ /* 10 - Our Services */ /* 11 - Latest News */ /* 12 - Owl Slider */ /* 13 - Our Team */ /* 14 - Features */ /* 15 - Animate Number */ /* 16 - Call To Action */ /* 17 - Footer */ /* 18 - Header Tow */ /* 19 - Page Title */ /* 20 - Portfolio Single */ /* 21 - Single Blog */ /* 22 - Contact Page */ /* 23 - Pricing Tables */ /* 24 - Site Map */ /* 25 - Time Circles */ /* 26 - Typography Page */ /* 27 - Page About Me */ /* 28 - Page Careers */ /* 29 - Tools Box */ /* 30 - Loading Screen */ /* 31 - Flickr Images */ /* 32 - Featured Us */ /* 33 - Choice Yamen */ /* 34 - Class Services */ /* 35 - Case Studies */ /* 36 - Welcome Template */ /* 37 - Blog with Testimonials */ /* 38 - Community */ /* 39 - Footer Style */ /* 40 - All Tabs Style */ /* 41- Accordions Style */ /* 42- Buttons Style */ /* 43- Progress Bar Style */ /* 44- Alert Box Style */ /* 45- Promo Box Style */ /* 46- Social Icons Style */ /* 47- Map Style */ /* 48- Shop */ /* 49- Flex Slider */ /* 01 - General & Basic Styles */ @import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,600,300,800); @import url("reset.css"); @import url("bootstrap.min.css"); @import url("font-awesome.css"); @import url("Stroke-Gap-Icons.css"); @import url("hover.css"); @import url("menu_sideslide.css"); @import url("animate.css"); @import url("responsive.css"); @import url("../rs-plugin/css/settings.css"); @import url("../rs-plugin/css/layers.css"); @import url("../rs-plugin/css/navigation.css"); @import url("jquery.fancybox.css"); @import url("owl.carousel.css"); @import url("owl.theme.css"); @import url("flexslider.css"); /* General & Basic Styles */ body { overflow-x: hidden !important; } a:hover, a:focus { text-decoration: none; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #337ab7; } a{ text-decoration: none; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #4396ff; font-family: 'Open Sans', sans-serif; } b, strong { font-weight: 700 !important; } .btn.focus, .btn:focus, .btn:hover { color: #FFF; text-decoration: none; } .h1, h1 { font-size: 32px; font-family: 'Lato', sans-serif; } .zero-clipboard { position: relative; } .btn-clipboard { background-color: #fff; border: 1px solid #e1e1e8; border-radius: 0 4px; color: #767676; cursor: pointer; display: block; font-size: 12px; padding: 5px 8px; position: absolute; right: 0; top: 0; z-index: 10; } .hll{background-color:#ffc}.c{color:#999}.err{background-color:#faa;color:#a00}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#fcc;border:1px solid #c00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#cfc;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0a8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#c00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0cf}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#f60}.sb,.sc{color:#c30}.sd{color:#c30;font-style:italic}.s2,.se,.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#f60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}@font-face{font-family:anchorjs-link;font-style:normal;font-weight:400;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("truetype"),url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("woff")}.anchorjs-icon{font-family:anchorjs-link;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.anchorjs-link{color:inherit;float:left;height:1em;margin-left:-1.2em;opacity:0;text-align:center;width:1em}@media (max-width:480px){.anchorjs-link{display:none}}.anchorjs-link:focus,:hover>.anchorjs-link{opacity:.75;transition:color .16s linear 0s}:hover>.anchorjs-link:hover{opacity:1;text-decoration:none}.anchorjs-icon{font-size:60%;vertical-align:.2em}.anchorjs-icon::before{content:""}body{position:relative}.table code{font-size:13px;font-weight:400}h2 code,h3 code,h4 code{background-color:inherit}.btn-outline{background-color:transparent;border-color:#563d7c;color:#563d7c}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{background-color:#563d7c;border-color:#563d7c;color:#fff}.btn-outline-inverse{background-color:transparent;border-color:#cdbfe3;color:#fff}.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{background-color:#fff;border-color:#fff;color:#563d7c;text-shadow:none}.bs-docs-booticon{background-color:#563d7c;border-radius:15%;color:#fff;cursor:default;display:block;font-weight:500;text-align:center}.bs-docs-booticon-sm{font-size:20px;height:30px;line-height:28px;width:30px}.bs-docs-booticon-lg{font-size:108px;height:144px;line-height:140px;width:144px}.bs-docs-booticon-inverse{background-color:#fff;color:#563d7c}.bs-docs-booticon-outline{background-color:transparent;border:1px solid #cdbfe3}#skippy{background-color:#6f5499;color:#fff;display:block;outline:0;padding:1em}#skippy .skiplink-text{outline:dotted 1px;padding:.5em}#content:focus{outline:0}.bs-docs-nav{background-color:#fff;border-bottom:0 none;margin-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{color:#563d7c;font-weight:500}.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover{background-color:#f9f9f9;color:#463265}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#563d7c}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover{background-color:#f9f9f9;border-color:#f9f9f9}.bs-docs-footer{border-top:1px solid #e5e5e5;color:#767676;margin-top:100px;padding-bottom:40px;padding-top:40px;text-align:center}.bs-docs-footer-links{margin-top:20px;padding-left:0}.bs-docs-footer-links li{display:inline;padding:0 2px}.bs-docs-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bs-docs-footer p{margin-bottom:0}}.bs-docs-social{margin-bottom:20px;text-align:center}.bs-docs-social-buttons{display:inline-block;list-style:none none;margin-bottom:0;padding-left:0}.bs-docs-social-buttons li{display:inline-block;line-height:1;padding:5px 8px}.bs-docs-social-buttons .twitter-follow-button{width:225px!important}.bs-docs-social-buttons .twitter-share-button{width:98px!important}.github-btn{border:0;overflow:hidden}.bs-docs-header,.bs-docs-masthead{background-color:#6f5499;background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);background-repeat:repeat-x;color:#cdbfe3;padding:30px 15px;position:relative;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1)}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{color:#fff;font-weight:300;line-height:1}.bs-docs-masthead .lead{color:#fff;font-size:20px;margin:0 auto 30px}.bs-docs-masthead .version{color:#9783b9;margin-bottom:30px;margin-top:-15px}.bs-docs-masthead .btn{font-size:20px;padding:15px 30px;width:100%}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding:80px 0}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{font-size:30px;width:80%}}.bs-docs-header{font-size:20px;margin-bottom:40px}.bs-docs-header h1{color:#fff;margin-top:0}.bs-docs-header p{font-weight:300;line-height:1.4;margin-bottom:0}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{font-size:24px;padding-bottom:60px;padding-top:60px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbonad{-moz-border-bottom-colors:none!important;-moz-border-left-colors:none!important;-moz-border-right-colors:none!important;-moz-border-top-colors:none!important;background:none!important;border-color:#866ab3!important;border-image:none!important;border-style:solid!important;border-width:1px 0!important;font-size:13px!important;height:auto!important;line-height:16px!important;margin:30px -30px -31px!important;overflow:hidden;padding:20px!important;text-align:left;width:auto!important}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!important;height:auto!important;margin-left:145px!important;width:auto!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.carbonad-tag a,.carbonad-text a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media (min-width:480px){.carbonad{border-radius:4px;border-width:1px!important;margin:20px auto!important;width:330px!important}.bs-docs-masthead .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-left:0!important;margin-right:0!important}}@media (min-width:992px){.carbonad{margin:0!important;padding:15px!important;position:absolute;right:15px;top:0;width:330px!important}.bs-docs-masthead .carbonad{position:static}}.bs-docs-featurette{background-color:#fff;border-bottom:1px solid #e5e5e5;color:#555;font-size:16px;line-height:1.5;padding-bottom:40px;padding-top:40px;text-align:center}.bs-docs-featurette+.bs-docs-footer{border-top:0 none;margin-top:0}.bs-docs-featurette-title{color:#333;font-size:30px;font-weight:400;margin-bottom:5px}.half-rule{margin:40px auto;width:100px}.bs-docs-featurette h3{color:#333;font-weight:400;margin-bottom:5px}.bs-docs-featurette-img{color:#333;display:block;margin-bottom:20px}.bs-docs-featurette-img:hover{color:#337ab7;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-bottom:100px;padding-top:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{margin-left:auto;margin-right:auto;max-width:80%}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-featured-sites{margin-left:-1px;margin-right:-1px}.bs-docs-featured-sites .col-xs-6{padding:1px}.bs-docs-featured-sites .img-responsive{margin-top:0}@media (min-width:768px){.bs-docs-featured-sites .col-sm-3:first-child img{border-bottom-left-radius:4px;border-top-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-bottom-right-radius:4px;border-top-right-radius:4px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}@media (max-width:480px){.bs-examples{margin-left:-10px;margin-right:-10px}.bs-examples>[class^=col-]{padding-left:10px;padding-right:10px}}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-bottom:20px;margin-top:20px}.bs-docs-sidebar .nav>li>a{color:#767676;display:block;font-size:13px;font-weight:500;padding:4px 20px}.bs-docs-sidebar .nav>li>a:focus,.bs-docs-sidebar .nav>li>a:hover{background-color:transparent;border-left:1px solid #563d7c;color:#563d7c;padding-left:19px;text-decoration:none}.bs-docs-sidebar .nav>.active:focus>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active>a{background-color:transparent;border-left:2px solid #563d7c;color:#563d7c;font-weight:700;padding-left:18px}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{font-size:12px;font-weight:400;padding-bottom:1px;padding-left:30px;padding-top:1px}.bs-docs-sidebar .nav .nav>li>a:focus,.bs-docs-sidebar .nav .nav>li>a:hover{padding-left:29px}.bs-docs-sidebar .nav .nav>.active:focus>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active>a{font-weight:500;padding-left:28px}.back-to-top,.bs-docs-theme-toggle{color:#999;display:none;font-size:12px;font-weight:500;margin-left:10px;margin-top:10px;padding:4px 10px}.back-to-top:hover,.bs-docs-theme-toggle:hover{color:#563d7c;text-decoration:none}.bs-docs-theme-toggle{margin-top:0}@media (min-width:768px){.back-to-top,.bs-docs-theme-toggle{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav{margin-bottom:0;margin-top:0}}@media (min-width:1200px){.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:263px}}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{margin-top:0;padding-top:20px}.bs-callout{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#eee;border-image:none;border-radius:3px;border-style:solid;border-width:1px 1px 1px 5px;margin:20px 0;padding:20px}.bs-callout h4{margin-bottom:5px;margin-top:0}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#ce4844}.bs-callout-danger h4{color:#ce4844}.bs-callout-warning{border-left-color:#aa6708}.bs-callout-warning h4{color:#aa6708}.bs-callout-info{border-left-color:#1b809e}.bs-callout-info h4{color:#1b809e}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{border-radius:3px;float:left;height:60px;margin:0 5px;width:60px}@media (min-width:768px){.color-swatch{height:100px;width:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#337ab7}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{color:#555;line-height:32px}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;height:20px;margin-top:6px;width:180px}.bs-team img{border-radius:4px;float:left;margin-right:10px;width:32px}.bs-docs-browser-bugs td p{margin-bottom:0}.bs-docs-browser-bugs th:first-child{width:18%}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2);padding-bottom:10px;padding-top:10px}.bs-example{border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;box-shadow:0 3px 6px rgba(0,0,0,.05) inset;margin:0 -15px 15px;padding:45px 15px 15px;position:relative}.bs-example::after{color:#959595;content:"Example";font-size:12px;font-weight:700;left:15px;letter-spacing:1px;position:absolute;text-transform:uppercase;top:15px}.bs-example-padded-bottom{padding-bottom:24px}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{border-radius:0;border-width:0 0 1px;margin:-15px -15px 15px}@media (min-width:768px){.bs-example{background-color:#fff;border-color:#ddd;border-radius:4px 4px 0 0;border-width:1px;box-shadow:none;margin-left:0;margin-right:0}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-width:1px;margin-left:0;margin-right:0;margin-top:-16px}.bs-example-standalone{border-radius:4px}}.bs-example .container{width:auto}.bs-example>.alert:last-child,.bs-example>.form-control:last-child,.bs-example>.jumbotron:last-child,.bs-example>.list-group:last-child,.bs-example>.navbar:last-child,.bs-example>.panel:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table,.bs-example>.table:last-child,.bs-example>.well:last-child,.bs-example>blockquote:last-child,.bs-example>ol:last-child,.bs-example>p:last-child,.bs-example>ul:last-child{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#767676;vertical-align:middle}.bs-example-type .table td{border-color:#eee;padding:15px 0}.bs-example-type .table tr:first-child td{border-top:0 none}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-bottom:5px;margin-top:5px}.bs-example-control-sizing input[type=text]+input[type=text],.bs-example-control-sizing select,.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-bottom-example,.bs-navbar-top-example{overflow:hidden;padding:0;z-index:1}.bs-navbar-bottom-example .navbar-header,.bs-navbar-top-example .navbar-header{margin-left:0}.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{margin-left:0;margin-right:0;position:relative}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example::after{bottom:15px;top:auto}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{position:absolute}}.bs-example .pagination{margin-bottom:10px;margin-top:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{bottom:auto;display:block;left:auto;position:relative;right:auto;top:auto;z-index:1}.bs-example-modal .modal-dialog{left:auto;margin-left:auto;margin-right:auto}.bs-example>.dropdown>.dropdown-toggle{float:left}.bs-example>.dropdown>.dropdown-menu{clear:left;display:block;margin-bottom:5px;position:static}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-bottom:5px;margin-top:5px}.bs-example-tooltip .tooltip{display:inline-block;margin:10px 20px;opacity:1;position:relative}.bs-example-popover{background-color:#f9f9f9;padding-bottom:24px}.bs-example-popover .popover{display:block;float:left;margin:20px;position:relative;width:260px}.scrollspy-example{height:200px;margin-top:10px;overflow:auto;position:relative}.bs-example>.nav-pills-stacked-example{max-width:300px}#collapseExample .well{margin-bottom:0}.bs-events-table>tbody>tr>td:first-child,.bs-events-table>thead>tr>th:first-child{white-space:nowrap}.bs-events-table>thead>tr>th:first-child{width:150px}.js-options-table>thead>tr>th:nth-child(1),.js-options-table>thead>tr>th:nth-child(2){width:100px}.js-options-table>thead>tr>th:nth-child(3){width:50px}.highlight{background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px;margin-bottom:14px;padding:9px 14px}.highlight pre{background-color:transparent;border:0;margin-bottom:0;margin-top:0;padding:0;white-space:nowrap;word-break:normal}.highlight pre code{color:#333;font-size:inherit}.highlight pre code:first-child{display:inline-block;padding-right:45px}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{color:#999;display:block;font-weight:400}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{background-color:#dff0d8!important;color:#468847}.responsive-utilities td.is-hidden{background-color:#f9f9f9!important;color:#ccc}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{border-radius:4px;display:block;font-size:14px;font-weight:700;line-height:1.1;padding:15px 10px;text-align:center}.hidden-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-lg,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-xs{border:1px solid #ddd;color:#999}.hidden-on .col-xs-6 .visible-lg-block,.hidden-on .col-xs-6 .visible-md-block,.hidden-on .col-xs-6 .visible-sm-block,.hidden-on .col-xs-6 .visible-xs-block,.visible-on .col-xs-6 .visible-lg-block,.visible-on .col-xs-6 .visible-md-block,.visible-on .col-xs-6 .visible-sm-block,.visible-on .col-xs-6 .visible-xs-block{background-color:#dff0d8;border:1px solid #d6e9c6;color:#468847}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{list-style:none none;padding-left:0}.bs-glyphicons li{background-color:#f9f9f9;border:1px solid #fff;float:left;font-size:10px;height:115px;line-height:1.4;padding:10px;text-align:center;width:25%}.bs-glyphicons .glyphicon{font-size:24px;margin-bottom:10px;margin-top:5px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{background-color:#563d7c;color:#fff}@media (min-width:768px){.bs-glyphicons{margin-left:0;margin-right:0}.bs-glyphicons li{font-size:12px;width:12.5%}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{color:#555;font-weight:500;margin-top:10px}.bs-customizer h2{margin-bottom:5px;margin-top:0;padding-top:30px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-bottom:0;margin-top:15px}.bs-customizer .bs-callout h4{margin-bottom:5px;margin-top:0}.bs-customizer input[type=text]{background-color:#fafafa;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.bs-customizer .help-block{font-size:12px;margin-bottom:5px}#less-section label{font-weight:400}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{background-color:#d9534f;border-bottom:1px solid #b94441;box-shadow:0 1px 0 rgba(255,255,255,.25) inset;color:#fff;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:1030}.bs-customizer-alert .close{font-size:24px;margin-top:-4px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{background-color:#a83c3a;border-color:#973634;box-shadow:0 2px 4px rgba(0,0,0,.05) inset,0 1px 0 rgba(255,255,255,.1);color:#fff;margin:10px 0 0}.bs-dropzone{border:2px dashed #eee;border-radius:4px;color:#777;margin-bottom:20px;padding:20px;position:relative;text-align:center}.bs-dropzone .import-header{margin-bottom:5px}.bs-dropzone .glyphicon-download-alt{font-size:40px}.bs-dropzone hr{width:100px}.bs-dropzone .lead{color:#333;font-weight:400;margin-bottom:10px}#import-manual-trigger{cursor:pointer}.bs-dropzone p:last-child{margin-bottom:0}.bs-brand-logos{background-color:#f9f9f9;border-radius:4px;color:#563d7c;display:table;margin-bottom:15px;overflow:hidden;width:100%}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{background-color:#563d7c;color:#fff}.bs-brand-item h1,.bs-brand-item h3{margin-bottom:0;margin-top:0}.bs-brand-item .bs-docs-booticon{margin-left:auto;margin-right:auto}.bs-brand-item .glyphicon{border-radius:50%;color:#fff;height:30px;line-height:30px;margin:10px auto -10px;width:30px}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-left:1px solid #fff;border-top:0 none}.bs-brand-item h1{font-size:60px}}.zero-clipboard{display:none;position:relative}.btn-clipboard{background-color:#fff;border:1px solid #e1e1e8;border-radius:0 4px;color:#767676;cursor:pointer;display:block;font-size:12px;padding:5px 8px;position:absolute;right:0;top:0;z-index:10}.btn-clipboard-hover{background-color:#563d7c;border-color:#563d7c;color:#fff}@media (min-width:768px){.zero-clipboard{display:block}.bs-example+.zero-clipboard .btn-clipboard{border-top-right-radius:0;top:-16px}}#focusedInput{border-color:rgba(82,168,236,.8);box-shadow:0 0 8px rgba(82,168,236,.6);outline:0} .h2, h2 { font-size: 28px; font-family: 'Lato', sans-serif; } .h3, h3 { font-size: 25px; font-family: 'Lato', sans-serif; } .h4, h4 { font-size: 22px; font-family: 'Lato', sans-serif; } .h5, h5 { font-size: 18px; font-family: 'Lato', sans-serif; } .h6, h6 { font-size: 14px; font-family: 'Lato', sans-serif; } .Headline-Text h1, .Headline-Text h2, .Headline-Text h3, .Headline-Text h4, .Headline-Text h5, .Headline-Text h6 { font-weight: 700; color: #4396ff; } textarea { -webkit-font-smoothing: antialiased; min-height: 125px; } .light-wrapper { border-bottom: 1px solid #eeeeee; background: #FFF; } .whitesmoke-wrapper { background: #f5f5f5; border-bottom: 1px solid #ffffff; } .light-section { background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .dark-section{ background: #343434; border-bottom: 1px solid #343434; } .dark-body{ background: #343434; border-bottom: 1px solid #343434; } .Img-wrapper { background: url(../images/page/Img-wrapper.png) top center; border:none; } .color-wrapper { background:#4396ff; border:none; } .black-wrapper { background: #2c2c2c; color: #cacaca; float: left; display: block; width: 100%; } /* 02 - Background Parallax */ .parallax { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; color: #d9d9d9; } .twitter-parallax { background-image: url(../images/parallax/parallax1.jpg) !important; position: relative; } .Features-parallax { background-image: url(../images/parallax/parallax5.jpg) !important; position: relative; } .testimonials-parallax { background-image: url(../images/parallax/parallax2.jpg) !important; position: relative; } .choice-parallax { background: url(../images/parallax/pattern-bg.png) repeat top !important; position: relative; } .Services-Slider-parallax { background-image: url(../images/parallax/parallax2.jpg) !important; position: relative; } .Image-Parallaxer-Home { background-image: url(../images/parallax/parallax4.jpg) !important; position: relative; background-position: center center; background-size: cover; overflow: hidden; } .Pattern-Parallaxer-Home { background-image: url(../images/page/parallax5.jpg) !important; position: relative; height: 100vh; background-position: center center; background-size: cover; overflow: hidden; } video#HomeVideo { position: absolute; width: 100%; } .wrapper-twitter { background-color: rgba(66, 148, 255, 0.7); position: absolute; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-repeat: repeat-x repeat-y; overflow: auto; opacity: 1; } .wrapper-color { background-color: rgba(66, 148, 255, 0.7); position: absolute; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-repeat: repeat-x repeat-y; overflow: auto; opacity: 1; } .wrapper-testimonials { background-color: rgba(51, 51, 51, 0.9); position: absolute; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-repeat: repeat-x repeat-y; overflow: auto; } /* 03 - Header & Navigation */ .open-sidebar { webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .TopHeader { background: #4396ff; display: block; border-bottom: 1px Solid #e6e6e6; color:#fff; } .topbar p{ text-align: center; padding-top: 8px; font-size: 12px; display: block; text-transform: uppercase; font-weight: 700; } .TopHeader-2 { background: #FFF; } .Header-Agency { position: absolute; display: inline-block; width: 100%; z-index: 111; background: none; } .PhoneNamber { float: left; display: block; border-left: 1px Solid #e6e6e6; padding: 0px 20px; } .PhoneNamber p { float: left; display: block; line-height: 40px; font-size: 14px; font-family: 'Lato', sans-serif; margin: 0px; color: #777777; } .PhoneNamber p i { display: inline-block; margin-right: 10px; } .Email-Site { float: left; display: block; border-right: 1px Solid #e6e6e6; border-left: 1px Solid #e6e6e6; padding: 0px 20px; } .Email-Site p { float: left; display: block; line-height: 40px; font-size: 14px; font-family: 'Lato', sans-serif; margin: 0px; color: #777777; } .Email-Site p i { display: inline-block; margin-right: 10px; } .social-ul { float: right; overflow: hidden; height: 100%; } ul.icons-ul { margin: 0px; } .social-ul li, .social-ul li a { float: left; list-style: none; } .social-ul li a { height: 42px; width: 40px; font-size: 14px; text-align: center; color: #929292; border-left: 1px Solid #e8e8e8; } .social-ul:last-child { border-right: 1px Solid #e8e8e8; } .social-ul li a span { line-height: 40px; } .social-ul li.facebook a:hover{ background-color: #5d82d1; color:#FFF; } .social-ul li.twitter a:hover{ background-color: #40bff5; color:#FFF; } .social-ul li.google a:hover{ background-color: #eb5e4c; color:#FFF; } .social-ul li.pinterest a:hover{ background-color: #e13138; color:#FFF; } .social-ul li.vimeo a:hover{ background-color: #35c6ea; color:#FFF; } .social-ul li.linkedin a:hover{ background-color: #238cc8; color:#FFF; } .social-ul li.rss a:hover{ background-color: #faa33d; color:#FFF; } .Link-ul { float: right; overflow: hidden; height: 100%; } ul.icons-ul { margin: 0px; } .Link-ul li, .social-ul li a { float: left; list-style: none; } .Link-ul li a { height: 100%; width: 100%; font-size: 14px; text-align: center; color: #828282; border-left: 1px Solid #e8e8e8; padding: 14px; font-family: 'Lato'; } .Link-ul li a:hover { color: #FFF; background-color: #4396FF; } .Link-ul li a:hover span{ color: #FFF; } .Link-ul:last-child { border-right: 1px Solid #e8e8e8; } .Link-ul li a span { line-height: 40px; font-size: 14px; text-align: center; color: #828282; } .show-menu .sidebar-menu a { background: #4396FF; } .show-menu .sidebar-menu a span { color: #FFF; } .Navbar-Header { background: #FFF; border: 0; padding: 0; margin: 0; border-radius: 0; } .navbar .container { position: relative; } .Navbar-Header-sticky { background: #FFF; margin: 0; border-radius: 0; z-index: 11111; } .navbar-block { position: relative; display: block; } .basic-wrapper { padding-left: 0px; float: left; } .navbar-logo { padding: 15px 15px; font-size: 18px; line-height: 20px; background: url(../images/logo/Logo-Header.png) no-repeat left; width: 330px; height: 90px; margin-left: 15px; display: inline-block; background-size: contain; max-width: 100%; } .Header-Style4 .navbar-logo { margin-left: 0px; margin-bottom: -35px; } .Header-Style6 .navbar-logo { width: 280px; } .Header-Agency .navbar-logo { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; background: url(../images/logo/Logo-Header-Agency.png) no-repeat left; width: 330px; height: 90px; margin-left: 15px; } .Navbar-Header { position: relative; width: 100%; z-index: 11111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 768px) { .Navbar-Header { background: #FFF; box-shadow: none; } } @media only screen and (min-width: 1170px) { .Navbar-Header { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .Navbar-Header.is-fixed { /* when the user scrolls down, we hide the header right above the viewport */ position: fixed; top: -95px; background-color: #FFF; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; right: 0; } .Header-Style4 .Navbar-Header.is-fixed { /* when the user scrolls down, we hide the header right above the viewport */ position: fixed; top: -158px; background-color: #FFF; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; right: 0; } .Navbar-Header.is-visible { /* if the user changes the scrolling direction, we show the header */ -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); box-shadow: 1px -12px 36px #424242; } .Header-Style4 .Navbar-Header.is-visible { /* if the user changes the scrolling direction, we show the header */ -webkit-transform: translate3d(0, 60%, 0); -moz-transform: translate3d(0, 60%, 0); -ms-transform: translate3d(0, 60%, 0); -o-transform: translate3d(0, 60%, 0); transform: translate3d(0, 60%, 0); box-shadow: 1px -12px 36px #424242; } .Navbar-Header.menu-is-open { /* add a background color to the header when the navigation is open */ background-color: #FFF; } } .Menu-Header { float: left; height: 93px; } .Menu-Header ul li { height: 95px; padding: 0px 15px; line-height: 7; text-align: left; } .Header-Style5 .Menu-Header ul li { height: 93px; line-height: 8; } .Header-Style5 .dropdown.yamm-fullwidth .dropdown-menu li { position: relative; display: inline-block; width: 100%; line-height: 1; } .Menu-Header ul li a i { display: block; text-align: center; margin: 0px; color: #333; width: 100%; line-height: 1; padding: 7px 0px; } .Header-Style6 .Menu-Header ul li a i { display: inline; text-align: center; margin: 0px; color: #333; width: 100%; line-height: 1; margin-right: 5px; } .Header-Style6 .Menu-Header ul li a i:not(.yamm-dropdown-menu) { color: #333; } .Header-Style5 .Menu-Header ul li:hover i:not(.yamm-dropdown-menu) li a i { color: #4396ff !important; } a.current i{ color: #4396ff !important; } .Menu-Header ul li a{ font-size: 14px; color: #333; font-family: 'Lato', sans-serif; text-transform: uppercase; padding:0px; width:100%; } .TopHeader-2 .Menu-Header ul li a { color: #FFF; } .color-w ul li a { color: #FFF; } .color-w a { color: #FFF !important; } .color-w button::before{ color: #FFF !important; } .Menu-Header ul li a:hover { color: #4396ff; border-top: 0px Solid #4396ff; background:none; } .Menu-Header ul li a:hover i { color: #4396ff !important; } .Menu-Header ul li a:focus { background:none !important; } .Menu-Header ul li a:before{ display: block; float: left; content: ""; width: 0; border-top: 2px solid #4396ff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-top: -10px; } .Header-Style5.Menu-Header ul li a:before { content: ''; font-family: 'FontAwesome'; text-align: center; display: inline-block; width: 100%; border: none; height: 35px; } .Header-Style5 .Menu-Header ul li a:not(.yamm-dropdown-menu):before { content: ''; font-family: 'FontAwesome'; text-align: center; display: inline-block; width: 0%; border: none; height: 0px; } .Menu-Header ul li a.current:before { width: 100%; content: ""; } .Menu-Header ul li a:focus:active:before, .Menu-Header ul li:hover a:before { width: 100%; } .dropdown-menu li a:before { display: block; float: left; content: ""; width: 0; border-top: 0px solid #367ecf !important; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all 0.3s; margin-top: -9px; } ul.dropdown-menu li a:hover { color: #4396ff; } .navbar-nav>li>.dropdown-menu{ -moz-animation: fadeIn .3s ease-in; -webkit-animation: fadeIn .3s ease-in; animation: fadeIn .3s ease-in; } .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) { -moz-animation: fadeIn .3s ease-in; -webkit-animation: fadeIn .3s ease-in; animation: fadeIn .3s ease-in; } .navbar .dropdown-menu { padding: 0; margin: 0; top: 95px; bottom: 0; min-width: 190px; background-color: #FFF; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-top: 2px solid #4396ff !important; } .navbar .dropdown-menu li { padding: 0; line-height: 0px; height:auto !important; border-bottom:1px SOlid #dadadc; } .sticky { position: fixed !important; top: 0; left: 0; padding: 0 !important; width: 100%; background: #fff !important; box-shadow: 1px -12px 36px #424242; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index: 11111; } .Header-Style4 .right-wrapper { position: absolute; display: inline-block; top: 0; } .Icons-Search { float: right; display: block; } .Icons-Search a { float: left; line-height: 91px; font-size: 17px; color: #777777; padding: 0px 12px; } .Block-Search { position: fixed; right: 0; width: 100%; background: #333333; z-index: 111; display: inline-block; padding: 11px; text-align: center; transform: translateY(-105px); } .shopping-cart-Block { float: right; display: block; } .Icons-shopping-cart { float: right; display: block; } .Icons-shopping-cart span { background-color: #4396FF; width: 20px; height: 20px; display: block; border-radius: 30px; color: #FFF; line-height: 20px; text-align: center; position: absolute; top: 16px; right: 40px; font-size: 10px; } .Icons-shopping-cart a { float: left; line-height: 91px; font-size: 17px; color: #777777; padding: 0px 12px; } .Cart-top.shopping-cart-Block { float: left; display: block; position: relative; } .Cart-top .Icons-shopping-cart { float: left; display: block; border-right: 1px Solid #E6E6E6; } .Cart-top .Icons-shopping-cart span { background-color: #4396FF; width: 20px; height: 20px; display: block; border-radius: 30px; color: #FFF; line-height: 20px; text-align: center; position: absolute; top: 10px; right: -10px; font-size: 10px; } .Cart-top .Icons-shopping-cart a { float: left; line-height: 40px; font-size: 14px; color: #777777; padding: 0px 22px; } .Cart-top .shop-cart-header { position: absolute; width: 250px; right: 0; top: 57px; z-index: 111111; background-color: #525252; border-radius: 0px 0px 3px 3px; opacity:0; visibility: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .Cart-top .shop-cart-header:before { content: '\f0d8'; font-family: FontAwesome; font-size: 21px; position: absolute; top: -18px; right: 40px; color: #525252; } .Contact-Header .Icons-shopping-cart { border: none; } .shop-cart-header { position: absolute; width: 250px; right: 0; top: 75px; z-index: 111111; background-color: #525252; border-radius: 0px 0px 3px 3px; opacity:0; visibility: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .shopping-cart-Block:hover .shop-cart-header { opacity: 1; visibility: visible; } .shop-cart-header:before { content: '\f0d8'; font-family: FontAwesome; font-size: 21px; position: absolute; top: -18px; right: 52px; color: #525252; } .shop-cart-header ul { margin: 0; line-height:0px; } .shop-cart-header ul li { display: inline-block; width: 100%; padding: 20px 20px; border-bottom: 1px Solid #777; } .shop-cart-header ul li h3 { margin-left: 5px; margin-top: 2px; } .shop-cart-header ul li h3 a { font-size: 14px; display: inline-block; margin: 0; color: #FFF; float: left; margin-left: 10px; font-weight: 700; } .shop-cart-header ul li img { display: inline-block; float: left; border-radius: 3px; } .shop-cart-header ul li p { display: block; float: left; font-size: 11px; margin-left: 10px; color: #cdcdcd; margin-bottom: 0; } .Subtotal-block { padding: 20px 20px; } .Subtotal-block h2 { margin: 0; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #FFF; font-weight: 600; text-transform: uppercase; } .Link-Cart { background-color: #777; padding: 20px 20px; border-radius: 0px 0px 5px 5px; } .Link-Cart a { padding: 10px 15px; background-color: #525252; font-size: 13px; color: #FFF; margin: 0px 5px; } .Link-Cart a:hover { background-color: #F5F5F5; color: #777777; } .Navbar-Full { position: absolute; width: 100%; top: -100px; } .Navbar-Full .Block-Search { position: fixed; right: 0; width: 100%; background: #333333; z-index: 111; display: inline-block; padding: 11px; text-align: center; transform: translateY(-62px); } .show-search .Navbar-Full { top: 0px; } .Header-Style2 .Block-Search { position: fixed; right: 0; width: 100%; background: #333333; z-index: 111; display: inline-block; padding: 11px; text-align: center; transform: translateY(-160px); } .Header-Style3 .Block-Search { position: fixed; right: 0; width: 100%; background: #333333; z-index: 111; display: inline-block; padding: 11px; text-align: center; transform: translateY(-103px); } .Header-Style4 .Block-Search { position: fixed; right: 0; width: 100%; background: #333333; z-index: 111; display: inline-block; padding: 11px; text-align: center; transform: translateY(-165px); } .Block-Search input { position: relative; z-index: 11111111; display:block; padding: 18px; width: 30%; border: none; color:#FFF; background-color: #333333 !important; border: none !important; margin: auto; float: none !important; } .Block-Search input::-webkit-input-placeholder { color:#FFF; } .Block-Search button { background-color: #333; border: none; color: #999999; font-size: 17px; } .body-wrapper { transition: transform 0.5s 0s, visibility 0s 0.5s; } .show-search .body-wrapper { transform: translateY(62px); transition: transform 0.5s 0s, visibility 0s 0.5s; } .responsive-menu { float: right; display: block; } .responsive-menu a { float: right; line-height: 91px; font-size: 17px; color: #777777; padding: 0px 15px; cursor:pointer; display:none; } .sidebar-menu { float: right; display: block; } .sidebar-menu button { float: right; line-height: 91px; font-size: 17px; color: #777777; padding: 0px 15px; background:none; border:none; } .sidebar-menu button:active,.sidebar-menu button:focus { color: #4396ff; } .selected .Icons-Search a { color: #4396ff; } .fancybox-lock .sticky { display: none !important; -moz-transition: -moz-transform 0.5s; -o-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; 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; background: #FFF; } #cssmenu, #cssmenu ul, #cssmenu ul li{ margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFF; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { width: auto; font-family: 'Open Sans', sans-serif; line-height: 1; background: #ffffff; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #4396ff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #cssmenu > ul > li { float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu > ul > li > a { padding: 40px 15px; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #333; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } .Header-Style4 #cssmenu > ul > li > a { padding: 42px 15px; } .Header-Style5 #cssmenu > ul > li > a { padding: 26px 20px; } .Header-Style6 #cssmenu > ul > li > a { padding: 40px 10px; } #cssmenu > ul > li.current > a:before { width: 100%; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.current > a, #cssmenu > ul > li.current > a i { color: #4396ff; } #cssmenu > ul > li.has-sub > a { padding-right: 25px; } #cssmenu > ul > li.has-sub > a::after { position: absolute; top: 43px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #cssmenu > ul > li.current > a::after { border-bottom: 1px solid #4396ff !important; border-right: 1px solid #4396ff !important; } #cssmenu > ul > li.has-sub:hover > a::after { border-color: #4396ff; } #cssmenu ul ul { position: absolute; left: -9999px; border-top: 2px solid #4396ff; } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { right: 0; } #cssmenu ul ul ul { margin-left: 100%; top: -2px; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li { height: auto; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; border-bottom: 1px SOlid #f5f5f5; position: relative; } #cssmenu ul ul li a { text-decoration: none; min-width: 190px; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; padding: 12px 15px; line-height: 1; color: #616161; font-size: 13px; text-transform: none; font-family: 'Open Sans', sans-serif; font-weight: 400; background: #FFF; } #cssmenu ul ul li a:before { width: 0; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { background: #f5f5f5; color: #4396ff; } #cssmenu ul ul li.has-sub > a::after { position: absolute; top: 17px; right: 15px; width: 4px; height: 4px; border-bottom: 1px solid #616161; border-right: 1px solid #616161; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; } #cssmenu ul ul li.has-sub:hover > a::after { border-color: #4396ff; } li.has-sub.yamm-fullwidth ul { width: 100%; left: 0; right: 0; bottom: auto; border-bottom: 1px Solid #F5F5F5; border-left: 1px Solid #F5F5F5; background: #FFF; border-top: 2px solid #4396ff; } li.has-sub.yamm-fullwidth ul ul { width: 100%; left: 0 !important; right: auto; bottom: auto; border-bottom: 1px Solid #F5F5F5; border-left: 1px Solid #F5F5F5; margin: 0 !important; top: auto !important; background: #FFF; border-top: none !important; position: relative !important; } li.has-sub.yamm-fullwidth ul div { border-right: 1px Solid #f5f5f5; height: 100%; display: inline-block; min-height: 283px; padding-bottom: 15px; border-bottom: 1px Solid #f5f5f5; } li.has-sub.yamm-fullwidth ul div:first-child { border-left: 1px Solid #f5f5f5; } li.has-sub.yamm-fullwidth ul li { height: 100% !important; margin: 0 !important; padding: 0 !important; } li.has-sub.yamm-fullwidth ul div h5 { font-size: 14px; padding: 15px; margin: 0; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #4396ff; text-transform: uppercase; } .yamm-fullwidth ul div ul li { border-left: none !important; border-right: none !important; border-bottom: none !important; } .yamm-fullwidth ul div ul li:last-child { border-bottom: none !important; } .yamm-fullwidth ul div ul li a { padding: 12px 35px !important; line-height: 1; color: #9a9a9a; font-size: 13px; text-transform: none; font-family: 'Open Sans', sans-serif; font-weight: 400; } .yamm-fullwidth ul div ul li a i { display: inline-block; text-align: right; position: absolute; right: 20px; color: #9a9a9a; line-height: 0; } .open-left ul { margin-left: -100% !important; } .animated { -webkit-animation-duration: 1s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media (min-width: 320px) and (max-width: 992px) { #cssmenu { width: 100%; position: relative; } #cssmenu ul { width: 100%; display: none; position: relative; } #cssmenu.align-center > ul, #cssmenu.align-right ul ul { text-align: left; } #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); border-bottom: none; } #cssmenu ul li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); position: relative; } #cssmenu ul li a { width: 100%; font-size: 12px; font-weight: 400 !important; color: #333; padding: 20px 15px !important; height: 52px; } #cssmenu ul ul li a { width: 100%; font-size: 12px; font-weight: 400 !important; color: #333; padding: 20px 30px !important; height: 52px; } #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: left; display: block; } #cssmenu ul ul li a { padding: 20px 20px 20px 30px; font-size: 12px; color: #000000; background: none; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #000000; } #cssmenu ul ul ul li a { padding-left: 40px; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } #menu-line { display: none; } #cssmenu #menu-button { display: block; padding: 20px; color: #000000; cursor: pointer; font-size: 12px; text-transform: uppercase; text-align: left; } #cssmenu #menu-button::before { content: '\f0c9'; position: absolute; top: 14px; right: 20px; display: block; width: 15px; height: 3px; font: normal normal normal 18px FontAwesome; color: #2b2b2b; } #cssmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; } #cssmenu .submenu-button::after { content: ''; position: absolute; top: 21px; left: 26px; display: block; width: 1px; height: 11px; background: #000000; z-index: 99; } #cssmenu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 26px; display: block; width: 11px; height: 1px; background: #000000; z-index: 99; } #cssmenu .submenu-button.submenu-opened:after { display: none; } li.has-sub.yamm-fullwidth ul div { border-right: none; height: 100%; display: inline-block; min-height: auto; padding: 0; width: 100%; border-bottom: 1px SOlid #EBEBEB; } li.has-sub.yamm-fullwidth ul div:last-child { border-bottom: none; } li.has-sub.yamm-fullwidth ul { border-top: 0 !important; } li.has-sub.yamm-fullwidth ul div h5 { font-size: 12px; padding: 20px 15px; margin: 0; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #4396ff; text-transform: uppercase; } #cssmenu ul ul { border-top: none; } #cssmenu ul ul ul { margin-left: 0 !important; top: -2px; } .Logo-Header { position: relative; height: 65px; padding: 0; } .right-wrapper { position: relative; display: inline-block; float: right; width: 100%; } .Icons-Search a { line-height: 0; } .Icons-Search { padding: 0 !important; display: inline-block !important; float: right !important; position: absolute; right: 60px; z-index: 111; top: 15px; } .Icons-Search a { color: #333; } .basic-wrapper { width: 100%; } .shopping-cart-Block { padding: 0 !important; display: inline-block !important; float: right !important; position: absolute; right: 94px; z-index: 111; top: -22px; } .Icons-shopping-cart span { top: 26px !important; right: 3px !important; } .shop-cart-header { top: 76px !important; right: -40px !important; } #cssmenu > ul > li.current > a:before { width: 0%; } } /* 04 - Sidebar */ #menu-2 { padding: 20px; } .TopSide-bar { padding-bottom: 20px; border-bottom: 1px Solid #5c5c5c; } .Top-Block-Sidebar { margin-top: 55px; } .Top-Block-Sidebar h2 { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 700; color: #4396ff; margin-bottom: 5px; } .Top-Block-Sidebar::after { content: ''; background: #5c5c5c; height: 2.3px; width: 34px; display: inline-block; } .login-controls { margin-top: 20px; } .input-box { width: 100%; } .input-box input { background: none; border: 1px Solid #404040 !important; border-radius: 2px; width: 100%; margin-bottom: 20px; padding: 10px; font-family: 'Open Sans', sans-serif; font-size:12px; background: none !important; color: #FFF; } .input-box input:focus::placeholder{ color: #FFF; } .main-bg { display: inline-block; float: left; } .main-bg input { background: #4396ff; color: #FFF; border-radius: 0px; font-size: 12px; padding: 10px 20px; font-family: 'Open Sans', sans-serif; } .Bot-Block-Sidebar { margin-top: 20px; } .Bot-Block-Sidebar h2 { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 700; color: #4396ff; margin-bottom: 5px; } .Bot-Block-Sidebar::after { content: ''; background: #5c5c5c; height: 2.3px; width: 34px; display: inline-block; } .check-box { margin-top: 10px; display: inline-block; width: 72%; } .check-box a { color: #4396ff; font-size: 12px; font-family: 'Open Sans', sans-serif; float: right; margin-left:5px; } .check-box a:hover{ color: #337ab7; } .Sign-Up { display: block; margin-top: 20px; } .Sign-Up p { font-size: 12px; font-family: 'Open Sans', sans-serif; color:#FFF; } .Sign-Up p a{ font-size: 12px; font-family: 'Open Sans', sans-serif; color:#4396ff; } .Sign-Up p a:hover{ color:#337ab7; } .Join-Sidebar { display: inline-block; } .Join-Sidebar { display: inline-block; background: #1c1c1c; height: 29px; width: 255px; border-radius: 2px; margin-top: 20px; } .Join-Sidebar .txt-box { background: none; border: none; width: 195px; padding: 0px 10px; line-height: 16px; font-size: 12px; font-family: 'Open Sans', sans-serif; color:#FFF; float: left; height: 29px; } .Join-Sidebar .btnjoin { display: inline-block; float: right; padding: 5px 15px; border-radius: 0px 2px 2px 0px; background: #4396ff; color: #FFF; font-size: 12px; font-family: 'Open Sans', sans-serif; } /* 05 - Revolution Slider */ .activelink { border: 2px Solid #4396ff !important; padding: 10px 30px; font-size: 17px; color: #FFF; border-radius: 3px; background: #4396ff !important; text-align: center; font-family: 'Lato', sans-serif; } .activelink:hover { border: 2px Solid #FFF !important; color: #FFF; background: none !important; text-align: center; font-family: 'Lato', sans-serif; } a.Slicefive:hover { color: #FFF; background: #4396ff; border: 2px Solid #4396ff; } .large-title { color: #FFF; font-size: 37px; font-weight: 400; font-family: 'Lato', sans-serif; } .No-previous .tp-arr-allwrapper { display: none; } .tparrows.preview3 { opacity: 0.2 !Important; } .tparrows.preview3:hover { opacity: 1 !Important; } .tp-bgimg.defaultimg { background-size: initial !important; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; width: 100% !important; } /* 06 - Scroll Div */ .SliderText h2 { font-size: 40px; color: #FFF; font-weight: 700; margin: 15px 0px; } .text-scroll { overflow: hidden; height: 90px; vertical-align: baseline; } .text-scroll h1 { font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: 900; margin: 0px; height: 90px; line-height: 90px; margin-top: 0; text-shadow: 1px 1px 3px rgba(0,0,0,.3); -webkit-transition: margin-top 0.5s ease-in-out; -moz-transition: margin-top 0.5s ease-in-out; -ms-transition: margin-top 0.5s ease-in-out; -o-transition: margin-top 0.5s ease-in-out; transition: margin-top 0.5s ease-in-out; } .SliderText p { position: relative; font-size: 18px; color: #fff; text-transform: uppercase; margin: 15px 0px; line-height: 29px; letter-spacing: 2px; } .SliderText { width: 100%; height: 100%; } /* 07 - About Top Slider */ .About-Top-Slider { position: relative; z-index: 111; background: #FFF; width: 100%; } .About-Block { padding-right: 0px; padding-left: 0px; background: #FFF; margin-top: -93px; } .About-Content img { width: 100%; } .About-Block-Img { margin: 0; } .Top-Block { background: #4396ff; color: #FFF; text-align: center; height: 92px; border-right: 1px Solid #61a4f8; webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .About-Block:last-child .Top-Block{ border-right: 0px Solid #dbdbdb; } .Top-Block i { background: #4396ff; border-radius: 50%; width: 75px; height: 75px; text-align: center; font-size: 32px; line-height: 64px; margin-top: -30px; display: inline-block; border: 5px Solid #4396ff; } .Top-Block h2 { font-size: 18px; margin-top: 6px; display: block; color: #FFF; font-family: 'Lato', sans-serif; } .Bottom-Block { display: block; padding: 30px 0px; text-align: center; border-left: 1px Solid #dedede; border-bottom: 1px Solid #dedede; background: #FFF; } .About-Block:last-child .Bottom-Block{ border-right:1px Solid #dedede; } .Bottom-Block p { font-size: 13px; line-height: 22px; color: #7a7c82; font-family: 'Open Sans', sans-serif; padding: 0px 20px; } .Bottom-Block a { margin: 10px 0px; display: inline-block; border: 1px SOlid #e0e0e0; padding: 5px 10px; border-radius: 3px; font-size: 13px; font-family: 'Open Sans', sans-serif; } .Bottom-Block a:hover { color: #FFF; background: #4396ff; border: 1px SOlid #4396ff; } .About-Block:hover .Top-Block i { background: #303030; border: 5px Solid #4396ff; -webkit-transform: rotate(360deg); transform: rotate(360deg); -moz-transition: -moz-transform 0.5s; -o-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .About-Block:hover .Top-Block { margin-top: -20px; height: 112px !important; webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .About-Block:hover .Top-Block h2{ margin-top: 20px; } .About-Style2 { position: relative; z-index: 111; } .About-Style2 .About-Block { position: relative; z-index: 111; margin-top: -130px; background: none; } .Style-Tow { background: #4396ff; color: #FFF; text-align: center; height: 130px; border-right: 1px Solid #61a4f8; } .Style-Tow i { background: #4396ff; border-radius: 0px; width: 60px; height: 60px; text-align: center; font-size: 32px; line-height: 64px; margin-top: 15px; display: inline-block; border: none; } .Style-Tow h2 { font-size: 18px; margin-top: 10px; display: block; color: #FFF; font-family: 'Lato', sans-serif; } .About-Block:hover .Style-Tow { margin-top: -20px; height: 150px !important; background: -webkit-linear-gradient(180deg, #3a8df6 10%, #2d80e9 90%); /* Chrome 10+, Saf5.1+ */ background: -moz-linear-gradient(180deg, #3a8df6 10%, #2d80e9 90%); /* FF3.6+ */ background: -ms-linear-gradient(180deg, #3a8df6 10%, #2d80e9 90%); /* IE10 */ background: -o-linear-gradient(180deg, #3a8df6 10%, #2d80e9 90%); /* Opera 11.10+ */ background: linear-gradient(180deg, #3a8df6 10%, #2d80e9 90%); /* W3C */ } .Style-Tow { webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -webkit-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s; } .About-Block:hover .Style-Tow i { background: none; border:none; -webkit-transform: rotate(360deg); transform: rotate(360deg); -moz-transition: -moz-transform 0.2s; -o-transition: transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } /* 08 - Whay Us */ .title-section h3 { color: #4396ff; font-family: 'Lato', sans-serif; font-size:25px; font-weight: 700; text-transform: uppercase; } .title-section i { font-size: 50px; color: #FFF; } .title-section h3 span { font-weight: 700; } .line-break { border-bottom: 2px Solid #c1c1c1; width: 30px; display: inline-block; margin-top: 12px; } .description-section { padding: 15px 0px; } .description-section p { padding: 0px 24%; display: inline-block; font-size: 13px; color: #777777; font-family: 'Open Sans', sans-serif; } .description-welcome p { font-size: 18px; padding: 15px 25%; line-height: 24px; color: #777777; font-family: 'Open Sans', sans-serif; } .description-section a { color: #4396ff; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; } .description-section i { color: #4396ff; font-size: 13px; margin-right: 5px; font-weight: 700; } .AboutTap { border: 1px Solid #e0e0e0; border-radius: 2px; padding: 0px; border-top: none; } .section-content h4 { display: block; border-top: 1px Solid #e0e0e0; border-bottom: 0px Solid #e0e0e0; font-size: 13px; font-weight: 700; font-family: 'Open Sans', sans-serif; height: 55px; padding: 15px 15px; margin: 0; line-height: 23px; color: #333333; } .section-content h4 a{ display: block; font-size: 13px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #333333; } .section-content a i { float: right; background: #c1c1c1; width: 20px; height: 20px; border-radius: 2px; text-align: center; font-size: 11px; color: #FFF; line-height: 21px; margin-top: 1px; } .tap-inner { padding: 0px 15px; } .tap-inner p { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #828282; margin-right: 25px; margin-bottom: 20px; } h4.tap-title.active a { color: #4396ff; } h4.tap-title.active { background: none !important; border-top:1px Solid #e0e0e0 !important; border-bottom:0px Solid #e0e0e0 !important; } h4.tap-title.active a i { background: #4396ff; color: #FFF !important; } .About-Content .col-md-6 { padding: 0; } .About-Content ul { margin-bottom: 30px; } .About-Content ul li { line-height: 28px; font-family: "Open Sans",-serif; font-size: 13px; font-weight: 400 !Important; color: #333; display: inline-flex; } .About-Content .btn-bck { font-size: 14px !important; } .Title-progress h2 { display: inline-block; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #333333; } .Title-progress p { color: #828282; display: inline-block; float: right; font-family: "Lato",sans-serif; font-size: 13px; margin-top: 18px; margin-bottom: 0px; margin-right: 15px; } #owl-customer .owl-item { width: 165px !important; margin: 0px 15px; height: 78px; } #owl-customer.owl-item img { width: 100%; } #owl-customer .item img { opacity:0.75; } #owl-customer .item img:hover { opacity:1; } #owl-customer .owl-pagination { display: none; } .owl-home-slider { position: relative; display: flex; } .customNavigation { position: absolute; width: 100%; bottom: 0; top: 0; margin: auto; right: 0; left: 0; display: inline-table; } .customNavigation a { background: #FFF; border-radius: 3px; width: 40px; height: 40px; margin: 1.8% 0px; position: relative; line-height: 25px; color: #333; } .customNavigation a:hover { background: #333; color: #FFF; } a.btn.prev { left: 30px; float: left; } a.btn.next { right: 30px; float: right; } #owl-slider-home .item { -webkit-backface-visibility: hidden; height: 520px; } #owl-slider-home .item img { height: 100%; width: 100%; } .owl-home-slider .owl-controls { display: none !important } .About-Content { position: relative; } .About-over { position: absolute; top: 30px; background-color: rgba(255, 255, 255, 0.90); width: 95%; padding: 30px; } .About-over h2 { margin: 0; font-size: 16px; font-weight: 700; font-family: 'Lato'; text-transform: uppercase; margin-bottom: 15px; } .About-over p { font-size: 14px; margin-bottom: 25px; line-height: 24px; color: #828282; } /* 09 - Featured Projects */ #projects .inner { padding-bottom: 0px !important; } .col-md-3.Full-item { padding: 0px; width:100%; } #owl-portfolio{ display:inline-block !important; } #filters { display: inline-block; text-align: center; width: 100%; } #filters li { cursor: pointer; display: inline-block; list-style: none; } #filters a { display: block !important; font-size: 13px; font-weight: 400; padding: 2px 10px; background: rgba(255, 255, 255, 0); border: 1px Solid rgba(193, 193, 193, 0.4); margin: 5px 5px; border-radius: 2px; font-family: 'Open Sans', sans-serif; } .projectItem { position: relative; overflow: hidden; } .projectItem-co { position: relative; height: 100%; border: 4px Solid #FFF; border-radius: 3px; } .thumbs-portfolio .projectItem-co { position: relative; height: 100%; border: none; border-radius: 3px; } .projectItem img { width: 100%; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .portfolio-item { position: relative; overflow: hidden; margin-bottom: 0px; border-radius: 3px; } .portfolio-item:hover .projectItem img { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .active-link a { background: #4396ff !important; color: #FFF !important; border: 1px Solid #f6f6f6 !important; } .active a { color: #4396ff !important; } .active a i{ color: #4396ff !important; } .container-full { width: 100%; margin: 0; overflow: hidden; } #portfolio-items article { margin-bottom: 30px; } .Top-ProjectItem { margin-top: 10%; text-align: center; } .projectItem-hover { position: absolute; top: 0; padding: 10px; width: 100%; text-align: center; background: rgba(67, 150, 255, 0.9); height: 100%; display:none; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); } .projectItem-hover.thumbs-portfolio { position: absolute; top: 0; padding: 15px 0px; width: 100%; text-align: center; background: rgba(67, 150, 255, 0.9); height: 100%; display:none; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); } .Top-ProjectItem h2 { font-size: 20px; color: #FFF; margin: 0px; font-family: 'Lato', sans-serif; font-weight: 500; } .Top-ProjectItem.small h2 { font-size: 15px; } .Top-ProjectItem p { font-size: 12px; color: #FFF; margin:0px; font-family: 'Open Sans', sans-serif; margin-top:15px; } .Top-ProjectItem.small p { font-size: 11px; margin: 5px; } .Bootom-ProjectItem { position: relative; display: block; } .Bootom-Half { bottom: 40% !important; } .Bootom-ProjectItem { display: inline-block; position: absolute; bottom: 10%; width: 100%; right: 0; } .Bootom-ProjectItem.center { display: inline-block; position: absolute; bottom: 35%; width: 100%; right: 0; } .small.Bootom-ProjectItem { display: inline-block; position: absolute; bottom: 25%; width: 100%; right: 0; } .portfolio-like span { margin-left: 5px; } .portfolio-link, .portfolio-zoom, .portfolio-like { width: 34px; height: 34px; line-height: 34px; font-size: 14px; background-color: #FFF; display: inline-block; text-align: center; border-radius: 2px; color: #4396ff; } .portfolio-link i, .portfolio-zoom i, .portfolio-like i{ color: #4396ff; } #owl-portfolio .owl-buttons { display: none; } .owl-page.active span { background: #FFF !important; border: 3px SOlid #4396ff; padding: 8px; } .All-Link { text-align: center; } .View-All { position: relative; display: inline-block; margin-top: 15px; } .View-All a{ font-size: 14px !important; } .projectItem img { border-radius: 2px; } .portfolio-items.portfolio-items-full .projectItem img { border-radius: 0px; } .portfolio-items { padding: 15px; } .container .col-md-3.portfolio-item, .container .col-md-4.portfolio-item, .container .col-md-6.portfolio-item { margin-bottom: 30px; } .portfolio-items-full .col-md-3 { padding: 0; } .portfolio-items-full .col-md-6 { padding: 0; } .portfolio-items-full .col-md-4 { padding: 0; } .Load-More { display: inline-block; text-align: center; width: 100%; } .Load-More a { border: 2px Solid #333333; border-radius: 2px; padding: 10px 44px; color: #333333; font-size: 16px; font-family: 'Lato', sans-serif; display: inline-block; } .Load-More a:hover { border: 2px Solid #4396ff; color: #FFF !important; background:#4396ff; } .Title-Project { background: #FFF; display: inline-block; width: 100%; text-align: center; padding: 30px; border: 1px Solid #e0e0e0; border-top: none; } .Title-Project h3 { margin: 0; margin-bottom:15px; font-size: 16px; font-weight: 700; font-family: 'Lato', sans-serif; } .Title-Project p { margin: 0; font-size: 12px; color: #828282; font-family: 'Open Sans', sans-serif; } .Title-thumbs-portfolio h3 { font-size: 15px; font-weight: 700; color: #333; margin-bottom: 10px; } .Title-thumbs-portfolio h3:hover { color: #4396FF; } .Title-thumbs-portfolio p { font-size: 11px; color: #828282; line-height:15px; } .Title-thumbs-portfolio p:hover { color: #4396FF; } .Title-masonry-portfolio h3 { font-size: 22px; font-weight: 400; color: #333; margin-bottom: 10px; } .Title-masonry-portfolio a h3:hover { color: #4396ff; } .Title-masonry-portfolio p { font-size: 13px; color: #828282; line-height:15px; } .Title-masonry-portfolio a p:hover { color: #4396ff; } /* 10 - Our Services */ .block-Services i { color: #333333; font-size: 30px; } .block-Services h3 { color: #333333; font-size: 18px; margin: 30px 0px 0px 0px; font-family: 'Lato', sans-serif; font-weight:700; } .Top-Services .line-break { width: 12%; margin: 15px 0px; } .block-Services p { color: #828282; font-size: 13px; font-family: 'Open Sans', sans-serif; } .block-Services:hover i { color: #4396ff; } .block-Services:hover h3 { color: #4396ff; } .block-Services:hover .line-break { border-bottom: 2px Solid #4396ff; } .Block-Box { border: 1px Solid #dadadc; border-radius: 2px; padding: 45px 10px 20px 10px; } .Box-Bg { padding: 25px 10px; } .Box-Bg i { width: 70px; height: 70px; display: inline-block; line-height: 70px; } .block-Services:hover .Box-Bg i { color: #4396ff; background: #efeff0; width: 70px; height: 70px; display: inline-block; line-height: 70px; border-radius:2px; } .icon-back i{ background: #efeff0; width: 70px; height: 70px; display: inline-block; line-height: 70px; border-radius:2px; } .Box-Bg h3 { margin: 15px 0px 0px 0px; } /* 11 - Latest News */ .block-News.col-md-12 { border-bottom: 2px Solid #f5f5f5; margin-bottom: 60px; padding: 0px; } .block-News.col-md-12:last-child { border: none; } .Top-img-news { position: relative; display: block; overflow: hidden; } .Top-img-news iframe { width: 100%; } .Top-img-news img { width: 100%; } .Bottom-title-news { display: inline-block; background: #FFF; margin-top: -1px; padding: 15px 25px; } .Bottom-title-news.wide-blog { padding: 15px 0px; border: none; margin-bottom: 15px; } .data-news { width: 100%; -webkit-transition-property: top, bottom; -webkit-transition-duration: 0.5s; padding: 15px 0px; } .data-news a.fancybox-media { position: absolute; top: 120px; left: 0; text-align: center; width: 100%; opacity: 0; } .data-news a.fancybox-media i { background: #4396ff; color: #FFF; font-size: 25px; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; } .Top-img-news:hover .data-news a.fancybox-media { opacity: 1; } .data-news img { float: left; display: inline-block; width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; border: 1px Solid #4396ff; } .data-news p { font-size: 12px; color: #c1c1c1; font-family: 'Open Sans', sans-serif; line-height: 50px; margin: 0; } .data-news p span { color: #c1c1c1; } .data-news p a { color: #999; } .data-news p a:hover { color: #4396FF; } .title-news h2 { font-size: 18px; color: #333333; font-family: 'Lato', sans-serif; font-weight:700; margin-top: 0; } .title-news h2:hover { color: #4396FF; } .title-news p { font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; } .Get-news a { margin: 10px 0px; display: inline-block; border-radius: 2px; font-size: 13px; color: #BEBEBE; font-family: 'Open Sans', sans-serif; } .Get-news a:hover, .Get-news a:hover::after { color: #4396FF; } .Get-news ::after { content: "\f178"; font-family: 'FontAwesome'; font-size: 13px; color: #BEBEBE; font-weight: 700; margin-left: 15px; line-height: 25px; } .pager { padding-left: 15px; margin: 0; } .pager ul { margin:0px; } .pager li a, .pager li span, .pager li a h2 { display: inline-block; border: none; border-radius: 3px; font-size: 16px; color: #999999; font-family: 'Lato', sans-serif; text-align: center; font-size: 15px; } .pager ul li.selected span { color: #333; border-radius: 3px; } .pager li>a:focus, .pager li>a:hover { text-decoration: none; background:none; color: #4396FF; } .block-News.text-center.col-md-6 { margin-bottom: 30px; padding-left: 0; } .SideBar-Blog { border: 1px Solid #e0e0e0; padding: 30px; border-radius: 3px; } .SideBar-Blog .Top-Title-Page h3 { margin-top: 0; font-size: 20px; } .Categories-Block { display: inline-block; margin-top: 15px; } .Categories-Block ul li { display: inline-block; width: 100%; border-bottom: 1px Solid #f0f1f1; font-weight: 400; } .Categories-Block ul li p { float: left; display: inline-block; margin-right: 15px; font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; } .Categories-Block ul li:hover p{ color: #4396ff; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .Categories-Block ul li span { float: left; display: inline-block; margin-right: 15px; font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; } .Categories-Block ul li i { float: right; display: inline-block; font-size: 13px; color: #333333; } .Color-Block { display: inline-block; margin-top: 15px; } .Color-Block ul li { display: inline-block; width: 100%; border-bottom: 1px Solid #f0f1f1; font-weight: 400; } .Color-Block ul li p { float: left; display: inline-block; margin-right: 15px; font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; } .Color-Block ul li span { float: left; display: inline-block; margin-right: 15px; font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; } .Color-Block ul li:hover p{ color: #4396ff; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .Price-Block ul { margin-top: 15px; } .Price-Block ul li a { color: #828282; font-size: 13px; font-weight: 400; } .Price-Block ul li p i { margin-right: 10px; } .Price-Block ul li a.active { color: #333; } .Price-Block ul li a:hover { color: #4396ff; } .Price-Block ul li a i { margin-right: 7px; color: #333; } .Price-Block ul li a:hover i{ color: #4396ff; } .TopItems-Block { margin-top: 5px; } .TopItems-img { display: inline-block; float: left; margin-right: 10px; } .TopItems-img img { border-radius: 3px; } .TopItems-Block ul li { display: inline-block; margin: 10px 0px; } .TopItems-content { display: inline-block; } .TopItems-content a h4 { font-size: 15px; margin: 0px 0px 5px 0px; color:#333; } .TopItems-content a h4:hover { color:#4396ff; } .TopItems-content span { color: #4396ff; font-weight: 400; font-family: 'Lato', sans-serif; font-size: 18px; display: inline-block; line-height: 1.5; } .TopItems-content .reviews-shop-content ul li i { font-size: 13px; } .Line-Bloge { display: inline-block; height: 2px; background: #e0e0e0; width: 100%; margin-top: 40px; margin-bottom: 40px; } .tags { margin-top: 15px; } .tags ul li { display: inline-block; } .tags ul li a { margin: 2px 0px; background: #f6f6f6; border-radius: 2px; border: 1px Solid #e4e6e8; font-size: 12px; color: #7a7c82; font-family: 'Open Sans', sans-serif; } .Latest-Tweets-Blog .Twitter-Footer i { margin-right: 15px; } .Latest-Tweets-Blog .Twitter-Footer h5 { line-height: 22px; } .Latest-Tweets-Blog .Twitter-Footer p { font-style: italic; } .Latest-Tweets-Blog .Twitter-Footer{ margin-bottom: 30px; } /* 12 - Owl Slider */ /* Owl Twitter */ .Top-Twitter { text-align: center; } .Top-Twitter i { background: #40bff5; color: #FFF; width: 42px; height: 42px; border-radius: 2px; line-height: 42px; font-size: 25px; } .Bottom-Twitter h2 { font-size: 20px; color: #FFF; font-family: 'Lato', sans-serif; margin-top: 50px; margin-bottom: 0px; } .Bottom-Twitter h2 a{ font-size: 20px; color: #FFF; font-family: 'Lato', sans-serif; text-decoration: underline; } #owl-twitter .owl-pagination { display: none !important; } #owl-twitter ..owl-buttons { display: block !important; } .owl-theme .owl-controls .owl-buttons div { background: none; border: 1px SOlid #FFF; width: 26px; height: 26px; padding: 0px; border-radius: 2px; color: #FFF; line-height: 24px; margin: 0px 2px; opacity: 1 !important; } #owl-twitter .owl-buttons { margin-top: 50px; } .owl-theme .owl-controls .owl-buttons i { color: #FFF; } /* Owl Testimonials */ .Top-Testimonials { margin-top: 30px; text-align: center; } .Top-Testimonials i { width: 70px; height: 70px; border: 2px Solid #4396ff; border-radius: 50%; line-height: 70px; color: #acacac; font-size: 28px; } .Bottom-Testimonials { margin: 30px 0px; } .Bottom-Testimonials p { font-size: 18px; color: #FFF; font-style: italic; font-family: 'Lato', sans-serif; margin: 0px 100px; line-height: 150% } .Bottom-Testimonials h3 { font-size: 16px; color: #4396ff; font-family: 'Lato', sans-serif; font-weight:700; } .Bottom-Testimonials span { font-size: 13px; color: #acacac; font-style: italic; font-family: 'Lato', sans-serif; } #owl-Testimonials .owl-buttons { display: none; } #owl-Testimonials .owl-page span { border-radius: 2px; width: 14px; border: none; height: 7px; background:#FFF; padding: 0; } #owl-Testimonials .owl-page.active span { border-radius: 2px; width: 14px; border: none; height: 7px; background:#4396ff !important; padding: 0; margin-bottom: 5px; } .owl-carousel { display: none; position: relative; width: 100%; float: left; } /* 13 - Our Team */ .block-Team { border: 1px Solid #dbdbdb; border-radius: 2px; position: relative; overflow: hidden; } .block-Team:hover .Top-Img img { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .Top-Img { position: relative; overflow: hidden; } .Top-Img img { width: 100%; height: 100%; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .Title-Team { padding: 0px 15px; } .Title-Team h2 { font-size: 16px; color: #333333; font-family: 'Lato', sans-serif; font-weight:700; } .Title-Team p { font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; margin: 0px 0 15px; } .Contact-Team { margin: 0px 15px; border-top: 1px SOlid #e0e0e0; padding: 10px 0px 5px 0px; } .Contact-Team p { font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; } .Contact-Team p span{ font-size: 13px; color: #4396ff; font-family: 'Open Sans', sans-serif; } .Hover-Team { position: absolute; top: 0; background: rgba(66, 148, 255, 0.9); width: 100%; height: 100%; border-radius: 2px 2px 0px 0px; display:none; } .Hover-Team ul { display: inline-block; position: absolute; bottom: 15px; left:15px; margin:0; } .Hover-Team ul li { display: inline-block; width: 35px; height: 35px; border: 1px SOlid #FFF; text-align: center; line-height: 35px; border-radius: 2px; margin-right: 5px; } .Hover-Team ul li a{ color:#FFF; } .Hover-Team .Title-Team p { color: #FFF; } .Hover-Team .Contact-Team p { color: #FFF; } .Hover-Team .Contact-Team p span{ color: #333333; } .Team-block .Top-Img { border-radius: 3px; border: 2px Solid rgba(0, 0, 0, 0); } .Team-block .Title-Team h2 { text-transform: uppercase; font-size: 18px; color: #333; } .Team-block .Title-Team p { color: #999; font-size: 12px; } .Team-block:after { position: absolute; width: 50px; height: 0px; background-color: #4396ff; content: ""; left: 38%; right: 50%; } .Team-block:hover::after { height: 2px; transition: all 0.3s ease-out; } .Team-block:hover .Top-Img { border:2px Solid #4396ff; transition: all 0.3s ease-out; } .Team-Block { overflow: hidden; position: relative; } .Top-Img-Team { overflow: hidden; position: relative; } .Top-Img-Team img { width: 100%; border-radius: 5px; border: 2px Solid #cecece; } .Title-TeamBlock h4 { font-weight: 700; font-size: 20px; margin-top: 25px; text-transform: uppercase; color: #070f0a; } .Title-TeamBlock p { font-size: 14px; color: #999999; } .Contact-TeamBlock ul:after { border-bottom: 2px Solid rgba(67, 150, 255, 1); content: ""; display: block; width: 50px; padding-top: 25px; opacity: 0; } .Contact-TeamBlock ul li { display: inline-block; } .Contact-TeamBlock ul li a { font-size: 14px; color: #999999; margin-right: 10px; } .Contact-TeamBlock ul li a:hover { color: #4396FF; } .Team-Block:hover .Top-Img-Team img { border: 2px Solid #4396FF; } .Team-Block:hover .Contact-TeamBlock ul:after { opacity: 1; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* 14 - Features */ #Features .inner { padding-bottom: 0px; } .block-Features { display: block; text-align: center; } .block-Features i { width: 50px; height: 50px; text-align: center; line-height: 50px; color: #FFF; background: #4396ff; border-radius: 2px; font-size: 20px; } .block-Features h3 { font-size: 16px; color: #333333; font-weight: 700; font-family: 'Lato', sans-serif; } .block-Features p { font-size: 13px; color: #7a7c82; font-family: 'Open Sans', sans-serif; line-height:22px; } .Bottom-Features { position: relative; float: left; display: block; width: 100%; } #mock-1 { position: absolute; right: 0; top: 61px; } #mock-2 { position: absolute; left: 0%; top: 61px; } #mock-3 { position: relative; top: 1px; left: 14%; right: 0; width: 70%; } .Features-Block h3 { font-size: 25px; color: #4396ff; font-weight: 700; line-height: 30px; } .Features-Block p { font-size: 13px; color: #828282; line-height: 22px; font-family: 'Open Sans', sans-serif; margin-bottom: 20px; } .Features-Block .line-break { margin-bottom: 15px; margin-top: 2px; } .TextImg-Block h3 { font-size: 25px; color: #4396ff; font-weight: 700; line-height: 30px; text-transform: uppercase; margin-top: 0; } .TextImg-Block p { font-size: 17px; color: #777; line-height: 30px; font-family: 'Open Sans', sans-serif; margin-bottom: 20px; font-weight: 400; } .TextImg-Block .line-break { margin-bottom: 15px; margin-top: 2px; } .TextImg-Block a { background-color: #f5f5f5; padding: 10px 30px; border: 2px Solid #f5f5f5; color: #777; text-transform: uppercase; font-size: 16px; display: inline-block; font-family: 'Lato'; border-radius: 3px; } .TextImg-Block a:hover { background-color: #4396FF; color: #FFF; border: 2px Solid #4396FF; } .btn-bck { background: #4396ff; border: 2px Solid #4396ff; padding: 6px 30px; font-size: 17px; color: #FFF; border-radius: 3px; text-align: center; font-family: 'Lato', sans-serif; margin-right: 5px; } .btn-bck:hover { border: 2px Solid #4396ff; padding: 6px 30px; color: #4396ff; border-radius: 3px; text-align: center; background: none; } .btn-notback { border: 2px Solid #4396ff; padding: 6px 30px; font-size: 17px; color: #4396ff; border-radius: 3px; background: none; text-align: center; font-family: 'Lato', sans-serif; background: none; } .btn-notback:hover { background: #4396ff; border: 2px Solid #4396ff; padding: 6px 30px; color: #FFF !important; border-radius: 3px; text-align: center; } .Title-Us h3 { color: #4396ff; font-weight: 700; margin-bottom: 30px; } .Block-Sec { margin-bottom: 30px; } .col-md-4:hover .Block-Sec a{ color: #4396ff !important; } .col-md-4:hover .Block-Sec a:after { color: #4396ff; } .col-md-4:hover .Block-Sec h5{ color: #4396ff; } .Block-Sec i { width: 60px; height: 60px; border: 2px Solid #FFF; display: inline-block; line-height: 55px; border-radius: 50%; color: #FFF; font-size: 25px; } .Block-Sec h5 { color: #FFF; font-weight: 700; margin-top: 30px; } .Block-Sec p { font-size: 13px; color: #FFF; padding: 0px 90px; font-family: 'Open Sans', sans-serif; } .Block-Sec a { font-size: 13px; font-family: 'Lato', sans-serif; color: #FFF; font-weight:700; text-transform: uppercase; } .Block-Sec a:after { content: "\f178"; font-family: 'FontAwesome'; font-size: 13px; color: #FFF; font-weight: 700; margin-left: 15px; line-height: 25px; } .Happy-Clintes h2 { color: #FFF; font-weight: 700; margin-bottom: 50px; } .Features-Block.How-To-Work h3 { color: #FFF; } .Features-Block.How-To-Work p { color: #FFF; } .How-To-Work h5 { color: #FFF; font-weight: 700; margin-top: 15px; } .How-To-Work i { font-size: 50px; color: #FFF; margin-top: 15%; display: inline-block; } #owl-Services-Slider .owl-buttons { display: none; } #owl-Services-Slider .owl-page span { border-radius: 2px; width: 14px; border: none; height: 7px; background:#FFF; padding: 0; } #owl-Services-Slider .owl-page.active span { border-radius: 2px; width: 14px; border: none; height: 7px; background:#4396ff !important; padding: 0; margin-bottom: 5px; } #owl-about-img .owl-page.active span { border-radius: 2px; width: 14px; border: none; height: 7px; background:#4396ff !important; padding: 0; margin-bottom: 5px; } #owl-about-img .owl-page span { border-radius: 2px; width: 14px; border: none; height: 7px; background: #f5f5f5; padding: 0; } .SliderHomeVideoBck { background: rgba(67, 150, 255, 0.9); height: 365px !important; text-align: center; position: relative; overflow: hidden; } .SliderHomeVideoBck video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 000; opacity: 0.4; } .SliderHomeVideoBck .title-section h3 { color: #FFF; font-weight: 700; } .SliderHomeVideoBck .description-section p { color: #FFF; } .Join-Newsletter form { width: 100%; } .Join-Newsletter { width: 370px; margin: auto; border: 1px Solid #4396ff; background: #f5f5f5; height: 50px; display: flex; border-radius:2px; } .Join-Newsletter .btnjoin { display: inline-block; float: right; padding: 13px 29px; border-radius: 0px 2px 2px 0px; background: #4396ff; color: #FFF; font-size: 14px; font-family: 'Open Sans', sans-serif; border-radius: 0; } .Join-Newsletter .txt-box { background: none; border: none; padding: 0px 10px; font-size: 12px; font-family: 'Open Sans', sans-serif; float: left; width: 77%; height: 48px; } #Not-Found { padding: 8vh 0vh; } /* 15 - Animate Number */ .counters-style1 .one_fourth { border: 1px Solid #4a4a4a; padding: 15px; border-radius: 2px; } #Fun-Facts .counters .one_fourth { background: #FFF; border: 1px solid #dbdbdb; border-radius: 2px; } .counters-style1 .one_fourth i { display: inline-block; font-size: 32px; color: #FFF; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #4396ff; margin-right:15px; } .counters-style1 .one_fourth span { color: #4396ff; display: inline-block; font-size: 40px; font-family: 'Lato', sans-serif; } .counters-style1 .one_fourth h4 { text-align: center; font-size: 14px; color: #acacac; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .counters-style1 .one_fourth { background: #FFF; border: 1px solid #dbdbdb; border-radius: 2px; } .counters-style2 .one_fourth { border: 1px Solid #4a4a4a; padding: 15px; border-radius: 2px; } .counters-style2 .one_fourth i { display: block; font-size: 32px; color: #FFF; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #4396ff; margin-right: 15px; margin: auto; margin-bottom: 15px; } .counters-style2 .one_fourth span { color: #4396ff; display: inline-block; font-size: 40px; font-family: 'Lato', sans-serif; } .counters-style2 .one_fourth h4 { text-align: center; font-size: 14px; color: #acacac; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .counters-style2 .one_fourth { background: #F5F5F5; border: 1px solid #dbdbdb; border-radius: 2px; } .counters-style3 .one_fourth { border: 1px Solid #4a4a4a; padding: 15px; border-radius: 2px; } .counters-style3 .one_fourth i { display: inline-block; font-size: 32px; color: #333; width: 50px; height: 50px; text-align: center; line-height: 50px; margin-right: 15px; margin: auto; background: none; } .counters-style3 .one_fourth span { color: #333; display: inline-block; font-size: 40px; font-family: 'Lato', sans-serif; } .counters-style3 .one_fourth h4 { text-align: center; font-size: 14px; color: #acacac; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .counters-style3 .one_fourth { background: #FFF; border: 1px solid #dbdbdb; border-radius: 2px; } .counters-style4 .one_fourth { border: 1px Solid #4a4a4a; padding: 15px; border-radius: 2px; } .counters-style4 .one_fourth i { display: inline-block; font-size: 32px; color: #FFF; width: 50px; height: 50px; text-align: center; line-height: 50px; margin-right: 15px; background: #292929; } .counters-style4 .one_fourth span { color: #333; display: inline-block; font-size: 40px; font-family: 'Lato', sans-serif; } .counters-style4 .one_fourth h4 { text-align: center; font-size: 14px; color: #acacac; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .counters-style4 .one_fourth { background: #FFF; border: none; border-radius: 2px; } #about .counters .col-md-6:nth-child(2){ margin-bottom:15px; } .counters-style5 .one_fourth { border: 1px Solid #4a4a4a; padding: 15px; border-radius: 2px; } #Fun-Facts .counters .one_fourth { background: #FFF; border: 1px solid #dbdbdb; border-radius: 2px; } .counters-style5 .one_fourth i { display: inline-block; font-size: 32px; color: #FFF; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #4396ff; margin-right:15px; } .counters-style5 .one_fourth span { color: #4396ff; display: inline-block; font-size: 40px; font-family: 'Lato', sans-serif; } .counters-style5 .one_fourth h4 { text-align: center; font-size: 14px; color: #acacac; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .counters-style5 .one_fourth { border: 1px solid #4a4a4a; border-radius: 2px; } /* 16 - Call To Action */ .Purchase h3 { font-size: 20px; color: #FFF; font-family: 'Lato', sans-serif; } .Purchase h2 { font-size: 38px; color: #FFF; font-family: 'Lato', sans-serif; font-weight:700; } .Purchase a { float: right; background: #333333; padding: 10px 40px; border-radius: 2px; color: #FFF; font-family: 'Lato', sans-serif; font-size:17px; border: 2px Solid #333; } .Purchase a:hover { background: none; border: 2px Solid #FFF; color: #FFF; } .Purchase-wrapper { float: left; display: inline-block; } .Purchase-wrapper h3 a { color: #FFF; text-decoration: underline; } .Purchase-wrapper h3 { color: #FFF; margin-top: 10px; margin-bottom: 0; } .Purchase-Click { float: right; display: inline-block; } .Purchase-Click a { float: right; background: #333333; padding: 10px 40px; border-radius: 2px; color: #FFF; font-family: 'Lato', sans-serif; font-size:17px; border: 2px Solid #333; } .Purchase-Click a:hover { background: none; border: 2px Solid #FFF; color: #FFF; } /* 17 - Footer */ #footer{ background:#292929; } .Top-Block-Footer h2 { color: #FFF; font-size: 16px; font-family: 'Lato', sans-serif; } .Top-Block-Footer::after { content: ''; background: #5c5c5c; height: 2.3px; width: 34px; display: inline-block; } .About p { color: #828282; font-size: 13px; font-family: 'Open Sans', sans-serif; } .Contact-Footer ul li { list-style: none; } .Contact-Footer ul li i { display: inline-block; margin-right: 10px; color: #c1c1c1; font-size: 16px; } .Contact-Footer ul li p { display: inline-block; color: #828282; font-size: 13px; font-family: 'Open Sans', sans-serif; } #tweets-footer ul li i { color: #4396ff; font-size: 13px; } #tweets-footer ul li a { color: #4396ff; font-size: 13px; font-family: 'Open Sans', sans-serif; } #tweets-footer ul li { color: #828282; font-size: 13px; font-family: 'Open Sans', sans-serif; line-height: 22px; margin:10px 0px; } .Post-f-img { display: inline-block; float: left; } .Post-f-img img { border-radius: 2px; display: inline-block; } .Post-f-title { display: inline-block; margin-left:15px; } .Post-f-title a h2{ color:#FFF; font-size: 15px; font-family: 'Lato', sans-serif; margin-bottom: 10px; margin-top: 0; } .Post-f-title a h2:hover{ color:#337ab7; } .Post-f-title p { color: #a9a9ab; font-size: 12px; font-family: 'Open Sans', sans-serif; margin: 0; } .Post-f-title p span { color: #4396ff; font-size: 12px; font-family: 'Open Sans', sans-serif; } .Flickr-Img img { border-radius: 2px; margin-right: 2px; margin-bottom: 7px; display: inline-block; } .Flickr-Img a:hover img { o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(0.9); o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .See-More-Flickr a { font-size: 11px; margin: 5px 0px; display: block; font-family: 'Open Sans', sans-serif; } .tags a { background: #191919; padding: 7px; border-radius: 2px; display: inline-block; margin-bottom: 10px; color: #828282; font-size: 12px; margin-right: 3px; font-family: 'Open Sans', sans-serif; } .tags a:hover { background: #4396ff; color:#FFF !important; } .Social-Footer { display: block; margin-bottom: 10px; float: left; } .Social-Footer li, .Social-Footer li a { float: left; list-style: none; width: 29px; height: 29px; text-align: center; line-height: 29px; color:#FFF !important; margin-right: 5px; } .Social-Footer li.facebook { background: #5d82d1; border-radius: 2px; } .Social-Footer li.twitter { background: #40bff5; border-radius: 2px; } .Social-Footer li.google { background: #eb5e4c; border-radius: 2px; } .Social-Footer li.vimeo { background: #35c6ea; border-radius: 2px; } .Social-Footer li.linkedin { background: #238cc8; border-radius: 2px; } .Social-Footer li.dribbble { background: #f7659c; border-radius: 2px; } .Social-Footer li.youtube { background: #ef4e41; border-radius: 2px; } .Join-Footer { display: inline-block; } .Join-Footer { display: inline-block; background: #1c1c1c; height: 29px; width: 305px; margin-left: 10px; border-radius: 2px; float: left; } .Join-Full { width: 100%; } form#mc-embedded-subscribe-form { position: relative; } .Join-Footer .txt-box { background: none; border: none; color: #FFF; width: 100%; padding: 0px 10px; line-height: 16px; font-size: 12px; font-family: 'Open Sans', sans-serif; float: left; height: 29px; } .Join-Footer .btnjoin { display: inline-block; position: absolute; right: 0; padding: 5px 15px; border-radius: 0px 2px 2px 0px; background: #4396ff; color: #FFF; font-size: 12px; font-family: 'Open Sans', sans-serif; } #Bottom-Footer { background: #171717; } .Rights-Reserved { height: 25px; } .Rights-Reserved h2 { font-size: 13px; color: #5c5c5c; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 25px; } .Rights-Reserved span { color: #5c5c5c; } .Rights-Reserved a span:hover{ color: #FFF; } .Link-Footer { height: 25px; } .Link-Footer ul li { display: inline-block; margin-right: 20px; } .Link-Footer ul li a { font-size: 13px; color: #5c5c5c; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 25px; } .Link-Footer ul li a:hover { color: #FFF; } #instagram { position: relative; } .title-instafeed { position: absolute; text-align: center; top: 0; bottom: 0; padding: 4% 0px; right: 0; left: 0; } .title-instafeed h2 { background: rgba(255, 255, 255, 0.90); display: inline-block; font-size: 16px; text-transform: uppercase; color: #333; font-weight: 700; padding: 20px 60px; z-index: 1111; position: relative; margin: auto; } ul#instafeed2 { margin: 0; z-index: 111; position: relative; } ul#instafeed2 li { display: inline-block; margin: 0; display: inline-block; width: 12.5%; } ul#instafeed2 li a { display: inline-table; overflow: hidden; width: 101%; } ul#instafeed2 li img { o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } ul#instafeed2 li:hover img { o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* 18 - Header Tow */ .TopBlock-Header { display: inline-block; width: 100%; border-bottom: 1px Solid #e6e6e6; } .Login-Header { display: inline-block; float: right; padding: 34px 0px; } .Login-Icons a { border: 2px Solid #4396ff; border-radius: 2px; font-family: 'Lato', sans-serif; color:#4396ff; font-size:13px; } .Contact-Header { display: inline-block; padding: 25px 0px; float: left; } .Contact-Header .PhoneNamber { border: none; padding: 10px 20px; } .Contact-Header .PhoneNamber p{ float: left; display: block; line-height: 20px; font-size: 14px; font-family: 'Lato', sans-serif; margin: 0px; padding-right: 20px; border-right: 1px Solid #e6e6e6; } .Contact-Header .Email-Site { border: none; padding: 10px 0px; } .Contact-Header .Email-Site p { float: left; display: block; line-height: 20px; font-size: 14px; font-family: 'Lato', sans-serif; margin: 0px; padding-right: 20px; border-right: 1px Solid #e6e6e6; } .Contact-Header p { color: #828282; } /* 19 - Page Title */ .Page-title-Style1{ background: url(../images/page/Img-wrapper.png) top center; border: none; overflow: hidden; position: relative; } .Page-title-Style2{ background: url(../images/page/Img-wrapper-2.png) top center; border: none; overflow: hidden; position: relative; } .Page-title-Style3{ background: #f5f5f5; border: none; overflow: hidden; position: relative; } .Page-title-Style4{ background: #333333; border: none; overflow: hidden; position: relative; } .Page-title-Style5{ background: url(../images/page/Img-wrapper-3.png) top center; border: none; overflow: hidden; position: relative; } .Page-title-Style6{ background: url(../images/page/Img-wrapper-4.png) top center; border: none; overflow: hidden; position: relative; } .Page-title-Style7{ background: #333333; border: none; overflow: hidden; position: relative; } .Page-title-Style8{ background: #f5f5f5; border: none; overflow: hidden; position: relative; } .Page-title-Style9{ background: url(../images/page/Img-wrapper-5.png) top center; border: none; overflow: hidden; position: relative; } .color-overlay { background: rgba(67, 150, 255, 0.8); position: absolute; left: 0; width: 100%; height: 100%; } .Title-Pages h2 { font-size: 20px; color: #FFF; margin: 0; font-family: 'Lato', sans-serif; line-height: 28px; } .Page-title-Style3 .Title-Pages h2 { color: #4396ff; } .Page-title-Style3{ background: #f5f5f5; border: none; overflow: hidden; position: relative; } .Page-title-Style8 .Title-Pages h2 { color: #4396ff; } .Page-title-Style9 .Title-Pages h2 { color: #FFF; font-size: 30px; margin-bottom:15px; } .Catogry-Pages { text-align: right; } .Catogry-Pages p { color: #a8a5a5; font-size: 13px; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 28px; } .Catogry-Pages p a{ color: #4396ff; } .Page-title-Style5 .Catogry-Pages p { color: #FFF; font-size: 13px; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 28px; } .Page-title-Style5 .Catogry-Pages p a{ color: #FFF; } .Page-title-Style5 .Catogry-Pages p a:hover{ color: #FFF; text-decoration: underline; } .Page-title-Style6 .Catogry-Pages p { color: #FFF; font-size: 13px; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 28px; } .Page-title-Style6 .Catogry-Pages p a{ color: #FFF; } .Page-title-Style6 .Catogry-Pages p a:hover{ color: #FFF; text-decoration: underline; } .Page-title-Style8 .Catogry-Pages p { color: #a8a5a5; font-size: 13px; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 28px; } .Page-title-Style8 .Catogry-Pages p a{ color: #a8a5a5; } .Page-title-Style8 .Catogry-Pages p a:hover{ color: #a8a5a5; text-decoration: underline; } .Page-title-Style9 .Catogry-Pages p { color: #FFF; font-size: 13px; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 28px; } .Page-title-Style9 .Catogry-Pages p a{ color: #FFF; } .Page-title-Style9 .Catogry-Pages p a:hover{ color: #FFF; text-decoration: underline; } .Text-About p { font-size: 13px; line-height: 21px; font-family: 'Open Sans', sans-serif; color:#828282; margin: 0; } .Text-About h2 { color: #4396FF; margin-top: 15px; } #Animations { background-color: #FFF; } /* 20 - Portfolio Single */ section#portfolio-post .col-md-9 { padding-left: 0px; } section#portfolio-post .col-md-3 { padding-right: 0px; } .Top-Title-Page h3 { color: #4396ff; font-family: 'Lato', sans-serif; font-size: 22px; } .content-single-page { margin-top: 20px; } .Social-Project { margin-top: 20px; } .Social-Project .jssocials-share { display: inline-block; width: auto; margin-right: 5px; } .Social-Project .jssocials-share a { float: left; list-style: none; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #FFF; } .Social-Project .jssocials-share-count span { color: #FFF; line-height: 32px; } .jssocials-share-count span { color: #FFF; line-height: 25px; } .content-single-page p { font-size: 13px; color: #777777; font-family: 'Open Sans', sans-serif; line-height:22px; } .Data-Post ul li { list-style: none; margin: 0; padding: 0; } .Data-Post ul li p { margin: 0; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight:700; } .Data-Post ul li span { font-size: 13px; font-weight:400; } .Social-Content { display: block; margin-bottom: 10px; float: left; } .Social-Content li, .Social-Content li a { float: left; list-style: none; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #FFF; margin-right: 5px; } .Social-Content li.facebook { background: #5d82d1; border-radius: 2px; } .Social-Content li.twitter { background: #40bff5; border-radius: 2px; } .Social-Content li.google { background: #eb5e4c; border-radius: 2px; } .Social-Content li.pinterest { background: #ef4e41; border-radius: 2px; } .Social-Content li.dribbble { background: #f7659c; border-radius: 2px; } /* Portfolio Masonry */ .grid-sizer, .grid-item { width: 22%; } .gutter-sizer { width: 4%; } .width2 { width: 48%; } .masonry-ProjectItem { top: 40%; } .col-md-3.portfolio-item.masonry-item { width: 24%; } .col-md-4.portfolio-item.masonry-item { width: 32%; } .col-md-6.portfolio-item.masonry-item { width: 48%; } .portfolio-item-masonry { position: relative !important; left: 0 !important; top: 0 !important; } @media only screen and (min-width: 480px) and (max-width: 720px) { .masonry-item { float: left !important; width: 45% !important; } } /* 21 - Single Blog */ .Top-Title-Blog h2 { font-size: 34px; font-family: 'Lato', sans-serif; color: #4396ff; margin: 0; } .Bottom-Title-Blog { margin-top: 20px; } .Bottom-Title-Blog ul li { display: inline-block; margin-right: 30px; } .Bottom-Title-Blog ul li i { font-size: 12px; color: #c1c1c1; margin-right: 10px; } .Bottom-Title-Blog ul li p { display: inline-block; font-size: 12px; color: #c1c1c1; font-family: 'Open Sans', sans-serif; } .Bottom-Title-Blog ul li p span{ display: inline-block; font-size: 12px; color: #4396ff; font-family: 'Open Sans', sans-serif; } .Post-Images img { width: 100%; } .Post-Content { margin-top: 30px; } .Post-Content p { font-size: 13px; color: #828282; line-height: 22px; font-family: 'Open Sans', sans-serif; } .Under-Post { display: inline-block; width: 100%; border-bottom: 2px Solid #efeff0; } .post-tags { margin-top: 30px; display: inline-block; float: left; } .post-tags i { font-size: 13px; margin-right: 10px; color: #333333; } .post-tags a { font-size: 12px; color: #333333; font-family: 'Open Sans', sans-serif; } .post-tags a:hover { color: #4396ff; } .jssocials-share { display: inline-block; width: auto; margin-right: 5px; } .jssocials-share a { float: left; list-style: none; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #FFF; } .jssocials-share a:hover, .jssocials-share a:focus { color: #FFF; } .jssocials-share-facebook { background: #5d82d1; border-radius: 2px; } .jssocials-share-twitter{ background: #40bff5; border-radius: 2px; } .jssocials-share-googleplus { background: #eb5e4c; border-radius: 2px; } .jssocials-share-pinterest { background: #ef4e41; border-radius: 2px; } .jssocials-share-dribbble { background: #f7659c; border-radius: 2px; } .jssocials-share-linkedin { background: #238cc8; border-radius: 2px; } .jssocials-share-email { background: #4396FF; border-radius: 2px; } .jssocials-share-count-box { display: inline-block; float: right; padding: 0px 10px; } .jssocials-share-no-count { padding: 0; } .jssocials-share-count-box span { color: #FFF; } .Social-Blog { float: right; margin-top: 30px; } .Social-Blog li, .Social-Blog li a { float: left; list-style: none; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #FFF; margin-right: 5px; } .Title-Comment h3 { font-size: 20px; color: #333333; font-family: 'Lato', sans-serif; } .Block-Comment { display: inline-block; background: #f6f6f6; border: 1px Solid #e1e1e1; border-radius: 2px; padding: 20px; margin-bottom: 30px; } .Comments-Post ul { margin:0px; } .Comments-Post ul li { display: inline-block; margin:0px; } .Comments-Post ul li img { display: inline-block; float: left; margin-right:30px; } .Comments-Post ul li h4 { font-size: 14px; font-family: 'Lato', sans-serif; color: #4396ff; font-weight: 700; margin-bottom: 10px; } .Comments-Post ul li span { font-size: 12px; font-family: 'Open Sans', sans-serif; color: #afb0b4; } .Comments-Post ul li span a{ font-size: 12px; font-family: 'Open Sans', sans-serif; color: #4396ff !important; margin-left:30px; } .Comments-Post ul li p { font-size: 13px; font-family: 'Open Sans', sans-serif; color: #828282; margin: 8px 0px 0px 100px; font-weight: 400; } .Comments-Post ul li ul { margin-left: 120px; } .form-input { overflow: hidden; margin: 0 0 20px 0; width: 100%; border-radius:2px; } form.leave-comment input { width: 100%; } .form-select { border-radius: 2px; display: inline-block; margin: 0 0 20px; overflow: hidden; width: 100%; } .form-Bottom input { width: 25%; background: #4396ff; } .form-Bottom input:hover{ width: 25%; background: #333333; } .form-textarea { overflow: hidden; width: 100%; border-radius: 2px; display: inline-block; } .form-submit { display: block; margin-top: 15px; } .Available-Vacancies .form-input { margin-bottom: 10px; } .form-input input, select, textarea{ width:100%; } .Available-Vacancies .form-Bottom input { width: 25%; } .Contact-us .form-input { width: 48%; display: inline-block; float: left; } .Contact-us .form-textarea textarea { height: 200px; } .Contact-us .form-input:first-child { margin-right: 30px; } input[type=text], input[type=password], input[type=email], textarea, input[type=file] { display: inline-block; float: left; padding: 10px 15px; border: 0; border: 1px solid #e2e2e2; background: #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Open Sans', sans-serif; border-radius: 3px; } select { display: inline-block; float: left; padding: 10px 15px; width: 100%; border: 0; color: #a9a9ab; border: 1px solid #e2e2e2; background: #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Open Sans', sans-serif; border-radius: 3px; } .form-control { display: inline-block; float: left; padding: 10px 15px; width: 100%; border: 0; font-size: 14px; height: auto; box-shadow: none; line-height: 1.5 !important; color: #a9a9ab; border: 1px solid #e2e2e2; background: #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Open Sans', sans-serif; border-radius: 3px; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .input-md { height: 37px; padding-left: 13px; padding-right: 13px; font-size: 12px; } .input-lg { height: 46px; padding-left: 15px; padding-right: 15px; font-size: 13px; } input#color { height: 40px; } .Contact-Form input[type=text], .Contact-Form input[type=password], .Contact-Form input[type=email], .Contact-Form textarea, .Contact-Form input[type=file] { display: inline-block; float: left; padding: 10px 15px; width: 100%; border: 0; border: 1px solid #e2e2e2; background: #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Open Sans', sans-serif; border-radius: 2px; } .contact-form textarea { clear: both; width: 100%; height: 166px; resize: none; border-radius: 2px; } .Contact-Form .main-bg { display: inline-block; float: left; width: 30% !important; } #Latest-News .col-md-8.Blog-Full { margin: auto; float: none; } /* 22 - Contact Page */ .Title-Contact { margin-bottom:15px; } .Title-Contact h3 { color: #333333; font-family: 'Lato', sans-serif; font-size: 16px; margin: 0; font-weight:700; } .Contact-Info { margin-bottom: 20px; } .Block-Contact i { display: inline-block; float: left; margin-right: 5px; color: #4396ff; width: 30px; height: 30px; border-radius: 2px; text-align: center; line-height: 28px; font-size: 15px; } .Block-Contact p { margin-left: 35px; font-size: 13px; color: #828282; line-height: 28px; } .Block-Contact span { margin-left: 60px; display: block; font-size: 13px; color: #4396ff; line-height: 22px; margin-bottom: 5px; } .Block-Business i { display: inline-block; float: left; margin-right: 30px; background: #4396ff; color: #FFF; width: 30px; height: 30px; border-radius: 2px; text-align: center; line-height: 28px; font-size: 15px; } .Block-Business p { margin-left: 60px; font-size: 13px; color: #828282; line-height: 22px; margin-bottom:0px; } #message { display: block; margin: 15px 0; padding: 13px; background: #4396ff; color: #fff; text-align: center; width: 100%; } .Contact-Form .alert { position: absolute; right: 0; left: 15px; top: -50px; width: 96.2%; padding: 11px; } /* 23 - Pricing Tables */ .plan { border: 1px solid #d6d6d6; border-radius: 2px; background: #FFF; } .Top-Plan { background: #333333; display: inline-block; width: 100%; border-radius: 2px 2px 0px 0px; } .Top-Plan h3 { color: #FFF; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 26px; margin-top: 30px; } .Top-Plan h4 { color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 34px; margin-top: 20px; margin-bottom: 0px; } .Top-Plan p{ color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; margin-bottom: 30px; } .features ul li { background: #fff; padding: 15px 0; border-bottom: 1px Solid #ececec; list-style: none; color: #838383; font-size: 15px; font-family: 'Open Sans', sans-serif; } .features ul li span{ color: #333333; font-size: 15px; font-family: 'Open Sans', sans-serif; } .select { padding: 20px 20px 30px 20px; } .select a { border: 2px Solid #333333; border-radius: 2px; width: 80%; padding: 8px; font-size:16px; color: #333333; font-family: 'Lato', sans-serif; font-weight: 700; } .Pricing .plan:hover .Top-Plan { background: #4396fe; } .Pricing .plan:hover .select a { background: #4396fe; border: 2px Solid #4396fe; color:#FFF; } .Pricing .plan:hover .Top-Plan-2 h4 { background: #4396fe; color:#FFF; } .Pricing .plan:hover .Top-Plan h6{ background: #333333; color:#FFF; } .Pricing .plan:hover .Top-Plan span{ color:#FFF; } .Top-Plan-2 h3 { color: #333333; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 26px; margin-top: 30px; } .Top-Plan-2 h4 { color: #333333; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 17px; margin-top: 30px; background: #eeeeee; padding: 15px; } .features-Plan ul li { display: inline-block; width: 100%; padding: 5px; } .features-Plan ul li span{ font-size: 13px; color: #828282; font-family: 'Open Sans', sans-serif; } .features-Plan ul li span:after { content: ""; background: #cecece; width: 50px; height: 1px; display: table; margin: auto; margin-top: 10px; } .Top-Plan h6 { width: 125px; height: 125px; background: #FFF; margin: auto; border-radius: 50%; color: #333333; margin-bottom: -62px; font-size: 24px; font-family: 'Lato', sans-serif; padding: 35px 0px; text-align: center; } .Top-Plan h6 span{ color: #333333; font-size: 20px; font-family: 'Lato', sans-serif; } .features.Plan3 { margin-top: 45px; } .features.Plan3 ul li { border:none; } .features.Plan3 ul li span { font-size: 13px; font-family: 'Open Sans', sans-serif; color: #828282; } .features.Plan3 ul { margin: 0; } .features.Plan3 ul li { padding: 10px 0; } .features.Plan3 ul li:nth-child(even) { background: #f5f5f5; } .select.Plan3 { background: #f5f5f5; } .select.Plan3 a { background: #333333; color: #FFF; font-weight: 400; padding: 10px 30px; width: auto; } .No-Margin { padding: 0; } .col-sm-4.plan.No-Margin.text-center:nth-child(even) { border-left: none; border-radius: 0; border-right: 0; } .col-sm-4.plan.No-Margin.text-center .Top-Plan{ border-radius: 0; } .col-sm-4.plan.No-Margin.text-center .Top-Plan h3 { margin: 40px 0px; } /* 24 - Site Map */ .SiteMap-Title p { color: #777777; font-size: 13px; line-height: 22px; font-family: 'Open Sans', sans-serif; } .siteMap-nav { display: inline-block; width: 100%; } .siteMap-nav ul li { margin: 5px 0; list-style: none; } .siteMap-nav > ul > li > a { display: block; padding: 10px; background: #f1f1f1; color: #333; text-transform: uppercase; font-weight: bold; font-family: 'Lato', sans-serif; font-size: 15px; } .siteMap-nav > ul > li > .active { background: #4396ff; color: #FFF; } .siteMap-nav ul ul { margin: 10px 20px; } .siteMap-nav ul ul li { padding: 5px 10px; border-bottom: 1px #f1f1f1 dashed; } .siteMap-nav ul ul li a { color: #4396ff; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .siteMap-nav ul ul li a:before { display: inline-block; margin-right: 7px; color: #5b5b5b; content: "\f105"; font-family: FontAwesome; } .Register-Site { margin: auto; float: none; } .Register-Site .form-input input { width: 100%; } /* 25 - Time Circles */ #DateCount { background: url(../images/page/Bag-Com.png) top center no-repeat; position: relative; height: 100vh; background-size: cover; overflow: hidden; background-color: #FFF; } .DateCount { display: inline-block; margin: auto; width: 100%; text-align: center; padding: 0px 415px 70px 415px; } .time_circles { position: relative; width: 100%; height: 100%; } .time_circles > div { position: absolute; text-align: center; } .time_circles > div > h4 { margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; font-family: 'Lato', sans-serif; color:#777777; } .time_circles > div > span { display: block; width: 100%; text-align: center; font-family: 'Lato', sans-serif; font-size: 300%; margin-top: 0.4em; font-weight: bold; color:#4396ff; } #FooterCounter { background: #292929; padding: 35px 0px; margin-top: -104px; position: relative; } .Social-Footer.FooterCounter-Social { display: inline-block; margin: auto; width: 100%; text-align: center; } .Social-Footer.FooterCounter-Social ul { margin: auto; display: inline-block; } /* 26 - Typography Page */ .Headline-Text { margin-bottom: 30px; } .Headline-Text p{ color: #828282; font-size: 13px; font-family: 'Open Sans', sans-serif; } .Bullets ul li { color: #828282; font-size: 13px; line-height: 30px; font-family: 'Open Sans', sans-serif; display:inline-block; width:100%; } .Bullets ul li span { color: #4396ff; margin-right: 10px; font-weight: 700; } ul.list.prim.list-Play li:before { content: "\f01d"; font-family:'FontAwesome'; font-weight: 400; color: #4396ff; margin-right: 10px; font-weight: 400; font-size: 14px; } ul.list.prim.list-Ok li:before { content: "\f05d"; font-family:'FontAwesome'; font-weight: 400; color: #4396ff; margin-right: 10px; font-weight: 400; font-size: 14px; } ul.list.prim.list-arow li:before { content: "\f105"; font-family:'FontAwesome'; font-weight: 400; color: #4396ff; margin-right: 10px; font-weight: 400; font-size: 14px; } ul.list.prim.list-star li:before { content: "\f005"; font-family:'FontAwesome'; font-weight: 400; color: #4396ff; margin-right: 10px; font-weight: 400; font-size: 14px; } ul.list.prim.list-arowright li:before { content: "\f18e"; font-family:'FontAwesome'; font-weight: 400; color: #4396ff; margin-right: 10px; font-weight: 400; font-size: 14px; } ul.list.prim.list-arowbig li:before { content: "\f0da"; font-family:'FontAwesome'; color: #4396ff; margin-right: 15px; font-size: 14px; } ul.list.prim.list-point li:before { content: "\f111"; font-family:'FontAwesome'; font-weight: 400; color: #4396ff; margin-right: 10px; font-weight: 400; font-size: 8px; } .Blockquotes h4 { margin-bottom: 30px; } blockquote { width: 100%; padding: 10px 20px; margin: 0 0 40px; font-size: 17.5px; border-left: 5px solid #333333; display: inline-block } blockquote p { font-size: 20px; font-style: italic; color: #4396ff; font-family: 'Open Sans', sans-serif; } blockquote span { font-size: 13px; color: #333333; font-family: 'Open Sans', sans-serif; } blockquote.blockquote-1:before { content: "\f10d"; font-family:'FontAwesome'; font-weight: 400; color: #828282; font-weight: 400; font-size: 16px; } blockquote.blockquote-1:after { content: "\f10e"; font-family:'FontAwesome'; font-weight: 400; color: #828282; font-weight: 400; font-size: 16px; float: right; margin-top: 20px; } blockquote.blockquote-1 { border: none; width: 100%; } blockquote.blockquote-2 { width: 100%; background: #f6f6f6; border: 1px Solid #e0e0e0; border-radius: 3px; padding: 30px; } blockquote.blockquote-3 { width: 100%; background: #4396ff; border: none; border-radius: 3px; padding: 30px; color:#FFF; } blockquote.blockquote-3 p{ color:#FFF; } /* 27 - Page About Me */ .Text-About { margin-bottom: 30px; } .Text-About p { color: #828282; font-size: 13px; line-height: 22px; margin-bottom: 15px; font-family: 'Open Sans', sans-serif; } .Download-CV { display: inline-block; float: left; width: 50%; margin-top: 5px; } .Download-CV a { background: #4396ff; color: #FFF; border-radius: 2px; font-family: 'Lato', sans-serif; font-size:17px; } .SocialAbout.Social-Footer { width: 50%; } .SocialAbout.Social-Footer p { font-size: 13px; font-weight: 700; display: inline-block; float: left; color: #828282; margin-right: 15px; line-height: 25px; font-family: 'Open Sans', sans-serif; } .About-Me-Right { margin-bottom: 30px; } .About-Me-Right i { display: inline-block; float: left; margin-right: 20px; background: #4396ff; color: #FFF; width: 50px; height: 50px; border-radius: 2px; text-align: center; line-height: 48px; font-size: 20px; } .About-Me-Right h5 { color: #333333; font-size: 16px; } .About-Me-Right p { margin-left: 70px; font-size: 13px; color: #828282; line-height: 22px; width: 74%; } /* 28 - Page Careers */ .Content-Careers p { font-size: 13px; color: #828282; line-height: 22px; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; } .Careers-Img img { border-radius: 5px; } /* 29 - Tools Box */ .push_options { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0px 2px 2px 0px; height: 37px; width: 37px; line-height: 37px; position: absolute; top: 0px; right: -37px; background: #4396ff; display: block; font-size: 21px; text-align: center; margin: 0; padding: 0; } .push_options a i { font-size: 21px; color:#FFF; } .show_hide { cursor: pointer; width: 100%; height: 100%; display: block; } a.show_hide i { line-height: 35px; } .option-box { position: fixed; z-index: 99999; left: -230px; top: 140px; width: 230px; border-left: none; background-color: #FFF; -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.1); box-shadow: 0 8px 15px rgba(0,0,0,0.1); padding: 20px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .option-box .Colr-option .demo-content div { width: 30px; height: 30px; float: left; margin: 0 8px 8px 0; overflow: hidden; cursor: pointer; border-radius:3px; } .Show { left: 0px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .option-box .demo-title { color: #333333; font-size: 20px; margin-bottom: 20px; font-family: 'Lato', sans-serif; } .demo-title h2 { color: #333333; font-size: 20px; font-family: 'Lato', sans-serif; } .demo-content.demo-color { float: left; width: 100%; display: block; margin-bottom: 15px; } .Layout div a{ background: #242424; padding: 10px 25px; border-radius: 3px; color: #FFF; float: left; margin-right: 5px; cursor: pointer; width: 88px; text-align: center; } .Boxed-i { width: 1200px; margin: auto; overflow: auto; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); background: url(../images/bg/bg1.jpg); } .Layout { float: left; display: block; width: 100%; margin-bottom: 20px; } .nicescroll-cursors { background-color: #4396ff !important; } /* 30 - Loading Screen */ .loading-overlay{ background:#FFF; color:#424242; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; } .loader { margin: 20% auto; font-size: 6px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(194, 193, 193, 0.5); border-right: 1.1em solid rgba(199, 197, 197, 0.5); border-bottom: 1.1em solid rgba(203, 203, 203, 0.5); border-left: 1em solid #4396ff; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #to-top { position: fixed; right: 10px; bottom: -100px; z-index: 55; overflow: auto; padding: 12px 14px 14px; font-size: 18px; line-height: 10px; cursor: pointer; background-color: #4396ff; border-radius:3px; color: #fff; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; z-index: 1111; } .fa-hover > span { display: block; color: #222222; line-height: 35px; height: 35px; padding-left: 10px; border-radius: 4px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .fa-hover > span i { margin-right: 9px; } .fa-hover:hover > span { background: #f5f5f5; color: #333; } .fa-hover > span { display: block; color: #222222; line-height: 35px; height: 35px; padding-left: 10px; border-radius: 4px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } section#Icons h3 { font-size: 18px; font-weight: 700; margin-bottom: 20px; padding: 15px; background: #f1f1f1; color: #333; border-radius: 3px; } .video-bg{ position:relative; z-index: -99; height: 100%; overflow:hidden } .video-bg video{ position:absolute; width:100%; height:100%; left:0; top:0 } .video-overlay{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.7); top:0; left:0; z-index:9999 } .inner-video { position: absolute; z-index: 0; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; } /* 31 - Flickr Images */ ul#Flickr li { width: 60px; height: 60px; border-radius: 2px; margin-right: 5px; margin-bottom: 5px; display: inline-block; overflow: hidden; } ul#Flickr li a img { width: 100%; height: 100%; } /* 32 - Featured Us */ .title-section-Features h3 { font-size: 30px; font-weight: 700; color: #FFF; z-index: 111; text-transform: uppercase; } .line-break-Features { border-bottom: 2px Solid #FFF; width: 50px; display: inline-block; margin: 12px 0px; } .description-section-Features p { font-size: 13px; padding: 0px 24%; display: inline-block; color: #FFF; z-index: 111; } .Block-Features a{ background-color: #FFF; padding: 18px 0px; border-radius: 3px; cursor:pointer; display: inline-block; width: 100%; } .Block-Features a i { font-size: 24px; color: #333333; margin-bottom: 10px; } .Block-Features a h6 { color: #333333; font-weight: 700; margin: 0; font-size: 13px; } .tabs-one li .Block-Features.selected a:after { content: '\f0da'; font-family: 'FontAwesome'; position: absolute; bottom: 25px; font-size: 25px; color: #333333; right: -9px; } .tabs-tow li .Block-Features.selected a:after { content: '\f0d9'; font-family: 'FontAwesome'; position: absolute; bottom: 25px; font-size: 25px; color: #333333; left: -8px; } .tabs-one li .Block-Features, .tabs-tow li .Block-Features { z-index: 111; position: relative; } .Block-Features.selected a { background-color: #333333; color: #FFF; z-index: 1111111; position: relative; } .Block-Features.selected a i { color: #FFF; } .Block-Features.selected a h6{ color: #FFF; } ul.tabs-one { display: inline-block; margin-bottom: 15px; height: 85px; position: relative; float: left; height: 100%; } ul.tabs-tow { display: inline-block; margin-bottom: 15px; height: 85px; position: relative; float: right; height: 100%; } .tabs-one li, .tabs-tow li{ margin-bottom: 30px; } ul.tabs-navigation:before { content: ""; position: absolute; width: 5px; background-color: #FFF; height: 5px; left: 48%; top: 15px; height: 80%; } .tabs-content li { display: none; width: 750px; text-align: left; padding: 40px 15px; margin: auto; background-color: #333333; border-radius: 3px; line-height: 24px; } .tabs-content li.selected p { font-size: 13px; color:#FFF; } .tabs-content li.selected { display: block; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; } ul.tabs-content { display: inline-block; margin: auto; position: relative; } .block-tabs-content h2 { font-size: 16px; color: #FFF; text-transform: uppercase; font-weight: 700; margin-bottom: 25px; margin-top:0px; } .block-tabs-content p { font-size: 13px; color: #c6c6c6; line-height: 24px; margin-bottom: 40px; } .block-tabs-content a { font-size: 13px; } .block-tabs-content img { border: 5px SOlid #FFF; width: 98%; float: right; } /* 33 - Choice Yamen */ .Choice-Block { background-color: #FFF; padding: 20px; border-radius: 3px; position: relative; } .Choice-Block p { color: #828282; font-size: 13px; font-weight: 400; line-height: 24px; } .Choice-Block a { position: absolute; right: 20px; background-color: #4396ff; color: #FFF; padding: 7px 15px; font-size: 13px; font-family: 'Lato'; } .Choice-Block a:hover{ background-color: #333333; color: #FFF; } .Choice-Block h5 { color: #333333; font-weight: 700; margin-bottom: 20px; } /* 34 - Class Services */ .Top-ClassServices { overflow: hidden; border-radius: 20px 3px 0px 0px; border-bottom: 3px Solid #cecece; } .Bottom-ClassServices { background-color: #f5f5f5; display: inline-block; text-align: center; height: 230px; position: relative; } .Bottom-ClassServices h4 { font-size: 16px; font-family: 'Lato'; font-weight: 700; margin-top: 25px; } .Bottom-ClassServices p { font-size: 13px; font-weight: 400; line-height: 24px; color: #828282; padding: 0px 15px; margin-bottom: 20px; } .Bottom-ClassServices a { width: 100%; display: block; background-color: #cecece; padding: 10px; color: #333333; font-family: 'Lato'; font-size: 14px; text-transform: uppercase; font-weight: 600; border-radius:0px 0px 3px 3px; position: absolute; bottom: 0; } .Bottom-ClassServices a:hover { background-color: #4396ff; color: #FFF; } .Block-ClassServices:hover .Top-ClassServices { border-bottom: 3px Solid #4396FF; } .Block-ClassServices:hover .Bottom-ClassServices a { background-color: #4396ff; color: #FFF; } /* 35 - Case Studies */ .Block-Case-Studies img { border-radius: 3px; } .Block-Case-Studies img:hover { border-radius: 3px; webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .Top-Case { display: inline-block; width: 100%; margin-bottom: 20px; } .Top-Case .col-md-2 { padding-left: 0px; } .Top-Case ul li a img { border-radius: 3px; } li.selected a img { border: 2px Solid #4396ff !important; } .Top-Case li a img { border: 2px Solid rgba(67, 150, 255, 0); } .Bottom-Case { overflow: hidden; } .Bottom-Case li { display: none; } .Bottom-Case .selected { display: block; } .Block-Case p { font-size: 13px; color: #333; line-height: 24px; } .Block-Case span { font-family: 'Lato', sans-serif; font-size: 13px; color: #999999; margin-bottom:10px; } .Block-Case span i { color: #333333; font-weight: 700; } .Line-Case { display: inline-block; height: 1px; background-color: #cecece; width: 100%; margin: 15px 0px; } .Block-Case a { background-color: #4396ff; padding: 10px 15px; color: #FFF; display: inline-block; font-size: 13px; font-family: 'Lato'; border-radius: 3px; } .Block-Case a:hover { background-color: #333333; color: #FFF; } /* 36 - Welcome Template */ .welcome-Block { background-color: #f5f5f5; padding: 15px; border-radius: 3px; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .Top-welcome h4 { margin-top: 15px; display: block; font-weight: 400; color: #333333; font-size: 20px; } .Top-welcome i { background-color: #f5f5f5; width: 60px; height: 60px; display: inline-block; text-align: center; font-size: 27px; line-height: 64px; margin-top: -70px; border-radius: 50%; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .welcome-Block:hover .Top-welcome i { background-color: #4396FF; color: #FFF; } .welcome-Block:hover { background-color: rgba(255, 255, 255, 0); } .Bottom-welcome p { line-height: 24px; color: #777777; font-size: 13px; } .Bottom-welcome a { font-size: 13px; color: #4396FF; opacity:0; } .Bottom-welcome a:after { content: "\f178"; font-family: 'FontAwesome'; font-size: 13px; color: #4396FF; font-weight: 700; margin-left: 15px; line-height: 25px; } .welcome-Block:hover .Bottom-welcome a{ opacity:1; } /* 37 - Blog with Testimonials */ .Blogclassic-Block { background-color: #FFF; padding: 20px; border-radius: 3px 15px 3px 3px; margin-top: 20px; } .Blogclassic-Block ul li { margin-bottom: 20px; } .Lastpost-Blog { color: #727272; } .Lastpost-Blog a h4 { font-size: 18px; font-family: 'Lato'; color: #333; } .Lastpost-Blog a h4:hover { color: #4396FF; } .Lastpost-Blog span, .Lastpost-Blog span a{ font-size: 12px; color: #999; display: inline-block; margin-right: 15px; font-family: 'Open Sans', sans-serif; } .Lastpost-Blog span a:hover{ color: #727272; } .Lastpost-Blog span:last-child { margin-left: 15px; margin-right: 0px; } .All-Post { font-size: 13px; color: #4396FF; } .All-Post:after { content: "\f178"; font-family: 'FontAwesome'; font-size: 13px; color: #4396FF; font-weight: 700; margin-left: 10px; line-height: 25px; } #owl-Testimonials-Txt { background-color: #FFF; padding: 20px; border-radius: 3px 15px 3px 3px; margin-top: 20px; } .Testimonials-Block p { font-size: 14px; color: #828282; line-height: 30px; } .Testimonials-Info img { display: inline-block; float: left; margin-right: 20px; } .Testimonials-Info img { display: inline-block; float: left; margin-right: 20px; border: 1px Solid #4396FF; border-radius: 50%; } .Testimonials-Info h5 { font-size: 14px; font-weight: 700; color: #333; margin-top: 5px; margin-bottom: 5px; display: inline-block; width: 86%; } .Testimonials-Info span { font-size: 12px; font-weight: 400; color: #999; display: inline-block; width: 86%; } #owl-Testimonials-Txt .owl-pagination { display: none; } .owl-buttons { position: absolute; right: 40px; bottom: -10px; } #owl-Testimonials-Txt.owl-theme .owl-controls .owl-buttons div{ background: #cecece; width: 26px; height: 26px; border: none; padding: 0px; font-size: 14px; border-radius: 2px; color: #333; line-height: 26px; margin: 0px 5px; opacity: 1 !important; } #owl-Testimonials-Txt.owl-theme .owl-controls .owl-buttons div i { background: #cecece; width: 26px; height: 26px; border: none; padding: 0px; font-size: 14px; border-radius: 2px; color: #333; line-height: 26px; } #owl-Testimonials-Txt.owl-theme .owl-controls .owl-buttons div:hover, #owl-Testimonials-Txt.owl-theme .owl-controls .owl-buttons div:hover i { background: #4396FF; color: #FFF; } ul.Process-tabs-navigation li a { background-color: #f5f5f5; color: #333; font-size: 22px; font-family: 'Lato', sans-serif; font-weight: 500; width: 100%; display: inline-block; margin-bottom: 15px; padding: 10px 20px; border-radius: 10px 3px 3px 3px; } ul.Process-tabs-navigation li .selected { display: block; background-color: #4396ff; color: #FFF; } .Process-tabs-content li.selected { display: block; background-color: #f5f5f5; color: #727272; padding: 20px; border-radius: 3px; font-size: 14px; } .Process-tabs-content li.selected p { font-size: 14px; color: #727272; line-height: 24px; } .Process-tabs-content li { display: none; } /* 38 - Community */ .Block-Twitter-Community { background-color: #00aced; padding: 40px 20px 20px 20px; border-radius: 3px; min-height: 244px; } .Block-Twitter-Community i { color: #FFF; font-size: 60px; margin-bottom: 20px; } .Block-Twitter-Community ul { margin: 0; } .Block-Twitter-Community ul li { font-size: 13px; color: #FFF; font-family: 'Lato'; line-height: 24px; } .Block-Twitter-Community ul li a{ font-size: 13px; color: #FFF; font-weight: 700; font-family: 'Lato'; } .Block-Twitter-Community ul li a:hover { text-decoration: underline; font-weight: 700; } .Block-Twitter-Community .date { color: #FFF; font-size: 12px; margin-top: 10px; } .Block-Black-Community { position: relative; background-color: #333; overflow: hidden; padding: 40px 20px; border-radius: 3px; } .Block-Black-Community img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.15; } .Block-Black-Community i { color: #FFF; font-size: 60px; margin-bottom: 20px; } .Block-Black-Community h4 { color: #FFF; text-transform: uppercase; font-weight: 700; } .Block-Black-Community a { font-size: 14px; color: #FFF; font-weight: 400; font-family: 'Lato'; z-index: 111; position: relative; } .Block-Black-Community a:after { content: "\f105"; font-family: 'FontAwesome'; margin-left: 10px; display: inline-block; font-weight: 400; } .Block-Black-Community a:hover { text-decoration: underline; font-weight: 400; color: #FFF; } .Block-Blue‬‏-Community { position: relative; background-color: #4396ff; overflow: hidden; padding: 40px 20px; border-radius: 3px; } .Block-Blue‬‏-Community img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.15; } .Block-Blue‬‏-Community i { color: #FFF; font-size: 60px; margin-bottom: 20px; } .Block-Blue‬‏-Community h4 { color: #FFF; text-transform: uppercase; font-weight: 700; } .Block-Blue‬‏-Community a { font-size: 14px; color: #FFF; font-weight: 400; font-family: 'Lato'; z-index: 111; position: relative; } .Block-Blue‬‏-Community a:after { content: "\f105"; font-family: 'FontAwesome'; margin-left: 10px; display: inline-block; font-weight: 400; } .Block-Blue‬‏-Community a:hover { text-decoration: underline; font-weight: 400; color: #FFF; } /* 39 - Footer Style */ #footer-2 .Top-Block-Footer h2 { color: #333; font-weight: 700; } #footer-2 .Post-f-title a h2 { color: #333; font-weight:700; } #footer-2 .Post-f-title a h2:hover{ color:#4396FF; } .Links-Footer ul li { display: inline-block; width: 100%; margin-bottom: 5px; } .Links-Footer ul li a { color: #999; font-size: 13px; font-family: 'Open Sans', sans-serif; } .Links-Footer ul li:before { color: #999 !important; margin-right: 10px !important; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .Links-Footer ul li a:hover { color: #333; } .Links-Footer ul li:hover:before{ color: #4396ff !important; margin-left: 5px; } #footer-3 .Top-Block-Footer h2 { color: #333; font-weight: 700; } #footer-3 .Post-f-title a h2 { color: #333; font-weight:700; } #footer-3 .Join-Footer { margin-left: 0; } #footer-3 .Social-Footer { margin: 10px 0px; } #footer-4 { background-color: #292929; } #footer-4 .Join-Footer { margin-left: 0; } #footer-4 .Social-Footer { margin: 10px 0px; } .Footer-logo { font-size: 18px; line-height: 20px; background: url(../images/logo/logo-footer.png) no-repeat left; width: 100%; height: 50px; display: inline-block; margin-top: 20px; background-size: contain; } .Footer-logo-2 { font-size: 18px; line-height: 20px; background: url(../images/logo/logo-footer-2.png) no-repeat left; width: 100%; height: 50px; display: inline-block; margin-top: 20px; } #footer-5 { background: url(../images/page/Img-wrapper.png) top center; border: none; } #footer-5 .Rights-Reserved h2 { color: #828282; } #footer-5 .Rights-Reserved span { color: #828282; } #footer-5 .Rights-Reserved span:hover { color: #FFF; } #footer-5 .Link-Footer ul li a { color: #828282; text-transform: uppercase; } #footer-5 .Link-Footer ul li a:hover { color: #FFF; } /* 40 - All Tabs Style */ .tab-content { position: relative; padding: 20px 0 0; } ul.tab-nav:not(.tab-nav-lg) { margin: 0; border-bottom: 1px solid #DDD; list-style: none; } ul.tab-nav:not(.tab-nav-lg) li:first-child { margin-left: 15px; border-left: 1px solid #DDD; } ul.tab-nav:not(.tab-nav-lg) li { float: left; border: 1px solid #DDD; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } ul.tab-nav:not(.tab-nav-lg) li a { display: block; padding: 0 15px; color: #444; height: 40px; line-height: 40px; background-color: #F2F2F2; font-size: 14px; margin: 0; border-radius: 0; border: none; font-weight: 700; font-family: 'Lato'; } ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a { position: relative; top: 1px; background-color: #FFF; } ul.tab-nav li a i { position: relative; top: 1px; font-size: 14px; margin-right: 3px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #fff !important; border: none; } .side-tabs ul.tab-nav { float: left; width: 200px; padding: 20px 0; border-bottom: 0; border-right: 1px solid #DDD; } .side-tabs .tab-content { overflow: hidden; padding: 15px 0 0 20px; } .side-tabs ul.tab-nav li:first-child { margin-left: 0; border-top: 1px solid #DDD; border-left: 1px solid #DDD; } .side-tabs ul.tab-nav li.active { margin-left: 0; margin-right: -1px; } .side-tabs ul.tab-nav li { float: none; border: 1px solid #DDD; border-right: 0; border-top: 0; height: auto; text-align: left; margin: 0; } .Tabs-Style2 .tab-content { border: 1px solid #DDD; border-top: 0; padding: 20px; } .Tabs-Style2 ul.tab-nav li:first-child { margin-left: 0; } .Tabs-Style3 ul.tab-nav li { border-color: transparent; } .Tabs-Style3 ul.tab-nav:not(.tab-nav-lg) li { float: left; border: none; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } .Tabs-Style3 ul.tab-nav li a { background-color: #FFF; } .Tabs-Style3 ul.tab-nav:not(.tab-nav-lg) li.active{ float: left; border: 1px solid #DDD; height: 41px; text-align: center; border-left: 1px solid #DDD !important; } .Tabs-Style3 ul.tab-nav:not(.tab-nav-lg) li:first-child { border-left: 0; } .Tabs-Style4 ul.tab-nav li { border-color: transparent; } .Tabs-Style4 ul.tab-nav:not(.tab-nav-lg) li { float: left; border: none; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } .Tabs-Style4 ul.tab-nav li a { background-color: #FFF; } .Tabs-Style4 ul.tab-nav:not(.tab-nav-lg) li.active{ float: left; border: 1px solid #DDD; height: 41px; text-align: center; border-left: 1px solid #DDD !important; border-top: 2px Solid #4396FF; } .Tabs-Style4 ul.tab-nav:not(.tab-nav-lg) li:first-child { border-left: 0; } .Tabs-Style5 ul.tab-nav li { border-color: transparent; } .Tabs-Style5 ul.tab-nav:not(.tab-nav-lg) li { float: left; border: none; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } .Tabs-Style5 ul.tab-nav li a { background-color: #FFF; } .Tabs-Style5 ul.tab-nav:not(.tab-nav-lg) li.active { float: left; border: none; height: 42px; text-align: center; border-bottom: 2px Solid #4396FF; } .Tabs-Style5 ul.tab-nav:not(.tab-nav-lg) li:first-child { border-left: 0; margin-left: 0px; } .Tabs-Style6 ul.tab-nav:not(.tab-nav-lg) { margin: 0; border-bottom: none; list-style: none; } .Tabs-Style6 ul.tab-nav li { border-color: transparent; } .Tabs-Style6 ul.tab-nav:not(.tab-nav-lg) li { float: left; border: none; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } .Tabs-Style6 ul.tab-nav li a { background-color: #FFF; } .Tabs-Style6 ul.tab-nav:not(.tab-nav-lg) li.active { float: left; border: none; height: 42px; color: #FFF; text-align: center; border-bottom: none; } .Tabs-Style6 ul.tab-nav:not(.tab-nav-lg) li.active a{ float: left; border: none; height: 42px; color: #FFF !important; background-color: #4396FF !important; text-align: center; border-radius:3px; } .Tabs-Style6 ul.tab-nav:not(.tab-nav-lg) li:first-child { border-left: 0; margin-left: 0px; } .Tabs-Style7 ul.tab-nav li { border-color: transparent; } .Tabs-Style7 ul.tab-nav:not(.tab-nav-lg) li { float: left; border: none; border-bottom: 0; border-left: 0; height: 41px; text-align: center; width: 24%; } .Tabs-Style7 ul.tab-nav:not(.tab-nav-lg) { width: 100%; display: flex; } .Tabs-Style7 ul.tab-nav li a { background-color: #FFF; } .Tabs-Style7 ul.tab-nav:not(.tab-nav-lg) li.active{ float: left; border: 1px solid #DDD; height: 41px; text-align: center; border-left: 1px solid #DDD !important; } .Tabs-Style7 ul.tab-nav:not(.tab-nav-lg) li:first-child { border-left: 0; } .Tabs-Style9.side-tabs ul.tab-nav { position: relative; padding: 0; z-index: 2; margin-right: -1px; } .Tabs-Style9 .tab-content { border: 1px solid #DDD; padding: 20px; } .Tabs-Style10.side-tabs ul.tab-nav { float: left; width: 200px; padding: 20px 0; border-bottom: 0; border-right: none; } .Tabs-Style10.side-tabs ul.tab-nav li { margin-bottom: 5px; border: none; border-radius: 3px; } .Tabs-Style10.side-tabs ul.tab-nav li a{ border-radius: 3px; } .Tabs-Style10.side-tabs ul.tab-nav li.active a { background-color: #4396FF !important; color: #FFF !important; } /* 41- Accordions Style */ #Accordions .title-section { margin-bottom: 30px; } .accordions-style1 h4.tap-title{ border: 1px Solid #e0e0e0 !important; padding: 10px; height: auto; background-color: #FFF; margin-bottom: 15px; } .accordions-style1 h4.tap-title.active { border: 1px Solid #e0e0e0 !important; padding: 10px; height: auto; background-color: #FFF !important; } .accordions-style1 .tap-inner { border: 1px Solid #e0e0e0; margin: 15px 0px; padding: 15px; background-color: #FFF; } .accordions-style2 h4.tap-title{ border: 1px Solid #e0e0e0 !important; border-radius: 5px; padding: 10px; height: auto; margin-bottom: 15px; } .accordions-style2 h4.tap-title.active { border: 1px Solid #e0e0e0 !important; border-radius: 5px; padding: 10px; height: auto; } .accordions-style2 .tap-inner { border: 1px Solid #e0e0e0; margin: 15px 0px; padding: 15px; border-radius: 5px; } .accordions-style2 .section-content h4 a { display: inline-block; width: 94%; margin-left: 15px; } .accordions-style2 .section-content span { color: #333; font-size: 14px; } .accordions-style2 h4.tap-title.active span { color: #4396ff; } .accordions-style3 h4.tap-title{ border: 1px Solid #e0e0e0 !important; border-radius: 20px; padding: 10px; height: auto; margin-bottom: 15px; } .accordions-style3 h4.tap-title.active { border: 1px Solid #e0e0e0 !important; border-radius: 20px; padding: 10px; height: auto; position: relative; } .accordions-style3 .tap-inner { border: 1px Solid #e0e0e0; margin: 15px 0px; padding: 15px; border-radius: 20px; } .tap-inner img { margin-bottom: 15px; } .accordions-style3 .section-content h4 a { display: inline-block; width: 94%; margin-left: 15px; } .accordions-style3 .section-content span { color: #333; font-size: 14px; } .accordions-style3 h4.tap-title.active span { color: #4396ff; } .accordions-style4 h4.tap-title{ border: 1px Solid #e0e0e0 !important; border-radius: 20px; padding: 10px; height: auto; margin-bottom: 15px; } .accordions-style4 .tap-inner p { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #828282; margin-right: 25px; margin-bottom: 20px; display: inline-block; width: 71%; } .accordions-style4 .tap-inner img { margin-bottom: 15px; display: inline-block; margin-right: 15px; max-height: 200px; max-width: 100%; float: left; } .accordions-style4 h4.tap-title.active { border: 1px Solid #e0e0e0 !important; border-radius: 20px; padding: 10px; height: auto; } .accordions-style4 .tap-inner { border: 1px Solid #e0e0e0; margin: 15px 0px; padding: 15px; border-radius: 20px; } .accordions-style4 .section-content h4 a { display: inline-block; width: 94%; margin-left: 15px; } .accordions-style4 .section-content span { color: #333; font-size: 14px; } .accordions-style4 h4.tap-title.active span { color: #4396ff; } .accordions-style5 h4.tap-title{ padding: 10px; height: auto; margin-bottom: 15px; border: none !important; background-color: #f5f5f5 !important; border-radius: 3px; } .accordions-style5 h4.tap-title.active { padding: 10px; height: auto; margin-bottom: 0; border: none !important; background-color: #f5f5f5 !important; border-radius: 3px; } .accordions-style5 .section-content a i { float: left; background: #c1c1c1; width: 20px; height: 20px; border-radius: 2px; text-align: center; font-size: 11px; color: #FFF; line-height: 21px; margin-top: 1px; margin-right: 20px; } .accordions-style5 .tap-inner { border: none; margin-bottom: 15px; padding: 15px; background-color: #f5f5f5; border-top: 1px Solid #efefef; } .accordions-style6 h4.tap-title2{ padding: 10px; height: auto; margin-bottom: 15px; color: #333; border: none !important; background-color: #f5f5f5 !important; border-radius: 3px; } .accordions-style6 h4.tap-title2.active a { display: block; font-size: 13px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #333 !important; } .accordions-style6 h4.tap-title2.active { padding: 10px; height: auto; margin-bottom: 0; border: none !important; border-radius: 3px; } .accordions-style6 .section-content a i { float: left; text-align: center; font-size: 21px; color: #4396ff; line-height: 21px; margin-top: 1px; margin-right: 15px; background: none; } .accordions-style6 h4.tap-title2.active a i{ display: block; color: #c1c1c1; } .accordions-style6 .tap-inner { border: none; margin-bottom: 15px; padding: 15px; background-color: #f5f5f5; border-top: 1px Solid #efefef; } /* 42- Buttons Style */ .btn-10 { margin-bottom: 10px; } .btn-round{ border-radius: 3px; } .btn-mod i { display: inline-block; margin-right: 10px; } input.btn-large { background: #333333; color: #FFF; width: 100%; border-radius: 2px; padding: 10px; font-weight: 700; font-family: 'Open Sans', sans-serif; } input.btn-large:hover { background: #4396ff; } .btn-large:hover { background: #4396ff; color: #FFF; } .btn-mod.btn-large { background: #333333; color: #FFF; padding: 12px 45px; } .btn-mod.btn-large:hover { background: #4396ff; color: #FFF; } .btn-mod.btn-medium{ background: #333333; color: #FFF; padding: 8px 37px; } .btn-mod.btn-medium:hover { background: #4396ff; color: #FFF; } .btn-mod.btn-small { background: #333333; color: #FFF; padding: 6px 17px; } .btn-mod.btn-small:hover { background: #4396ff; color: #FFF; } .btn-mod, a.btn-mod { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 13px; background: #333333; color: #FFF; font-weight: 400; font-family: 'Lato'; } .btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus { background: #4396ff; color: #FFF; } .btn-mod.btn-border { color: #4396ff; border: 2px solid #4396ff; background: transparent; } .btn-mod.btn-border:hover, .btn-mod.btn-border:focus { color: #fff; border-color: transparent; background: #4396ff; } .btn-mod.btn-circle { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .hvr-icon-wobble-horizontal:hover i, .hvr-icon-wobble-horizontal:hover:focus i, .hvr-icon-wobble-horizontal:hover:active i { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-sweep-to-right:before { content: ""; background: #4396ff; } .hvr-radial-out:before{ content: ""; background: #4396ff; border-radius: 30px; } .hvr-sweep-to-left:before{ content: ""; background: #4396ff; border-radius: 30px; } /* 43- Progress Bar Style */ .Progress-Bar { display: block; margin-top: -22px; position: relative; } .Red-Bar { background-color: #e53525 !important; } .Volvo-Bar{ background-color: #936ad2 !important; } .Green-Bar { background-color: #a3d734 !important; } .Yello-Bar { background-color: #fcd239 !important; } .bars-style1 .progress { height: 10px; margin-bottom: 20px; overflow: hidden; background-color: #e9e9e9; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } .bars-style1 .progress-bar { background-color: #4396ff; height: 10px; } .bars-style1 .progress-bar-striped, .bars-style1 .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,rgba(0, 0, 0, 0.27) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.11) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 30px 30px; border-radius: 5px; -webkit-animation: move 5s linear infinite; -moz-animation: move 5s linear infinite; animation: move 5s linear infinite; } .bars-style2 .progress { height: 3px; margin-bottom: 20px; overflow: hidden; background-color: #e9e9e9; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .bars-style2 .progress-bar { background-color: #333; height: 3px; } .bars-style3 .progress { margin-bottom: 20px; overflow: hidden; background-color: #e9e9e9; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; padding: 3px; height: 9px; } .bars-style3 .progress-bar { background-color: #333; height: 3px; } .bars-style4 .progress { margin-bottom: 20px; overflow: hidden; background-color: #e9e9e9; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; padding: 3px; height: 9px; } .bars-style4 .progress-bar { background-color: #4396ff; height: 3px; } .bars-style4 .progress-bar:before { width: 2px; background-color: #333; height: 32px; display: inline-block; content: ''; float: right; z-index: 11111; position: relative; margin-top: -5px; } .bars-style5 .progress { margin-bottom: 20px; overflow: hidden; background-color: #e9e9e9; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; height: 40px; border-radius: 3px; } .bars-style5 .progress-bar { background-color: #F5F5F5; height: 41px; } .bars-style5 .Progress-Bar { display: block; position: relative; height: 45px; margin-bottom: 10px; margin-top: 0; } .bars-style5 .Title-progress { position: absolute; top: 0; padding: 0px 20px; z-index: 1111; } .bars-style5 .progress-bar p { float: right; margin-right: 34px; font-size: 13px; color: #828282; margin-top: 8px; } .bars-style5 .Title-progress h2 { display: inline-block; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #333333; margin-top: 13px; } .bars-style6 .progress { margin-bottom: 20px; overflow: hidden; background-color: #e9e9e9; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; height: 40px; border-radius: 3px; } .bars-style6 .progress-bar { background-color: #4396FF; height: 41px; } .bars-style6 .Progress-Bar { display: block; position: relative; height: 45px; margin-bottom: 10px; margin-top: 0; } .bars-style6 .Title-progress { position: absolute; top: 0; padding: 0px 20px; z-index: 1111; } .bars-style6 .progress-bar p { float: right; margin-right: 34px; font-size: 13px; color: #FFF; margin-top: 8px; } .bars-style6 .Title-progress h2 { display: inline-block; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #333333; margin-top: 13px; } .bars-style6 .Title-progress h2{ color:#FFF; } .bars-style6 .Title-progress p{ color:#FFF; } /* 44- Alert Box Style */ .alert i, .msgtitle i, .sb-msg i { position: relative; top: 1px; font-size: 14px; width: 14px; text-align: center; margin-right: 5px; } .successmsg { background: #C5EBD4; color: #184B21; } .errormsg { background: #FCC; color: #740D0A; } .infomsg { background: #B9DFF4; color: #124F70; } .alertmsg { background: #FCE0B6; color: #975E06; } .style-msg, .style-msg2 { display: block; color: #444; border-left: 4px solid rgba(0,0,0,.1); margin-bottom: 20px; font-family: 'Lato'; font-weight: 700; } .style-msg-light .msgtitle, .style-msg-light .sb-msg { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,.3); } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { display: block; padding: 15px; border-left: 3px solid rgba(255,255,255,.5); font-size: 13px; text-shadow: 1px 1px 1px rgba(255,255,255,.6); } /* 45- Promo Box Style */ .Promo { margin-bottom: 30px; } .Promo-style1 { background-color: #333; display: inline-block; width: 100%; padding: 50px; border-radius: 3px; border: 1px solid #E5E5E5; } .Promo-style1 .Purchase-wrapper { float: left; display: inline-block; } .Promo-style1 .Purchase-wrapper h3 { color: #FFF; margin-top: 10px; margin-bottom: 0; line-height: 35px; } .Promo-style1 .Purchase-wrapper h3 a { color: #FFF; text-decoration: underline; } .Promo-style1 .Purchase-Click { float: right; display: inline-block; } .Promo-style1 .Purchase-Click a { float: right; background: #FFF; padding: 10px 40px; border-radius: 2px; color: #333; font-family: 'Lato', sans-serif; font-size: 17px; border: 2px Solid #FFF; } .Promo-style1 .Purchase-Click a:hover { background: #4396FF; border: 2px Solid #4396FF; color: #FFF; } .Promo-style2 { background-color: #FFF; display: inline-block; width: 100%; padding: 50px; border-radius: 3px; border: 1px solid #E5E5E5; } .Promo-style2 .Purchase-wrapper { float: left; display: inline-block; } .Promo-style2 .Purchase-wrapper h3 { color: #333; margin-top: 10px; margin-bottom: 0; line-height: 35px; } .Promo-style2 .Purchase-wrapper h3 a { color: #333; text-decoration: underline; } .Promo-style2 .Purchase-Click { float: right; display: inline-block; } .Promo-style2 .Purchase-Click a { float: right; background: #FFF; padding: 10px 40px; border-radius: 2px; color: #333; font-family: 'Lato', sans-serif; font-size: 17px; border: 2px Solid #E5E5E5; } .Promo-style2 .Purchase-Click a:hover { background: #4396FF; border: 2px Solid #FFF; color: #FFF; } .Promo-style3 { background-color: #4396FF; display: inline-block; width: 100%; padding: 50px; border-radius: 3px; border: none; } .Promo-style3 .Purchase-wrapper { float: left; display: inline-block; } .Promo-style3 .Purchase-wrapper h3 { color: #333; margin-top: 10px; margin-bottom: 0; line-height: 35px; } .Promo-style3 .Purchase-wrapper h3 a { color: #333; text-decoration: underline; } .Promo-style3 .Purchase-Click { float: right; display: inline-block; } .Promo-style3 .Purchase-Click a { float: right; background: #FFF; padding: 10px 40px; border-radius: 2px; color: #333; font-family: 'Lato', sans-serif; font-size: 17px; border: 2px Solid #FFF; } .Promo-style3 .Purchase-Click a:hover { background: #4396FF; border: 2px Solid #FFF; color: #FFF; } .Promo-style4 { background-color: #4396FF; display: inline-block; width: 100%; padding: 50px; border-radius: 3px; border: none; } .Promo-style4 .Purchase-wrapper { float: left; display: inline-block; } .Promo-style4 .Purchase-wrapper h3 { color: #FFF; margin-top: 10px; margin-bottom: 0; line-height: 35px; } .Promo-style4 .Purchase-wrapper h3 a { color: #FFF; text-decoration: underline; } .Promo-style4 .Purchase-Click { float: right; display: inline-block; } .Promo-style4 .Purchase-Click a { float: right; background: #FFF; padding: 10px 40px; border-radius: 2px; color: #333; font-family: 'Lato', sans-serif; font-size: 17px; border: 2px Solid #4396FF; } .Promo-style4 .Purchase-Click a:hover { background: #4396FF; border: 2px Solid #FFF; color: #FFF; } .Promo-style6 { background-color: #333; } .Promo-style6 .Purchase-Click a { float: right; background: #FFF; padding: 10px 40px; border-radius: 2px; color: #333; font-family: 'Lato', sans-serif; font-size: 17px; border: 2px Solid #333; } .Promo-style6 .Purchase-Click a:hover { background: none; border: 2px Solid #FFF; color: #FFF; } .Promo-style7{ background-color: #4396ff; border: none; } /* 46- Social Icons Style */ .social-style1 { overflow: hidden; height: 100%; } ul.icons-icon { margin: 0px; } .social-style1 li, .social-style1 li a { float: left; list-style: none; } .social-style1 li a { height: 40px; width: 40px; font-size: 14px; text-align: center; color: #929292; border: 1px Solid #e8e8e8; margin:5px; border-radius: 3px; } .social-style1 li a span { line-height: 38px; } .social-style1 li a:hover { color: #FFF; border: 1px Solid #4396ff; background:#4396ff; } .social-style2 { overflow: hidden; height: 100%; } ul.icons-icon { margin: 0px; } .social-style2 li, .social-style2 li a { float: left; list-style: none; } .social-style2 li a { height: 40px; width: 40px; font-size: 14px; text-align: center; color: #FFF; border: 1px Solid #4396ff; background:#4396ff; margin:5px; border-radius: 3px; } .social-style2 li a span { line-height: 38px; } .social-style2 li a:hover { color: #929292; border: 1px Solid #e8e8e8; background:none; } .social-style3 { overflow: hidden; height: 100%; } ul.icons-icon { margin: 0px; } .social-style3 li, .social-style3 li a { float: left; list-style: none; } .social-style3 li a { height: 70px; width: 70px; font-size: 20px; text-align: center; color: #929292; border: 1px Solid #e8e8e8; margin: 5px; border-radius: 50%; line-height: 66px; } .social-style3 li a span { line-height: 38px; } .social-style3 li a:hover { color: #FFF; border: 1px Solid #4396ff; background:#4396ff; } .social-style4 { overflow: hidden; height: 100%; } ul.icons-icon { margin: 0px; } .social-style4 li, .social-style4 li a { float: left; list-style: none; } .social-style4 li a { height: 40px; width: 40px; font-size: 14px; text-align: center; color: #929292; border: 1px Solid #e8e8e8; margin:5px; border-radius: 3px; } .social-style4 li a span { line-height: 38px; } .social-style4 li a:hover { color: #FFF; background:#4396ff; } .social-style5 { overflow: hidden; height: 100%; } ul.icons-icon { margin: 0px; } .social-style5 li, .social-style5 li a { float: left; list-style: none; } .social-style5 li a { height: 40px; width: 40px; font-size: 14px; text-align: center; color: #929292; border: 1px Solid #e8e8e8; margin:5px; border-radius: 3px; } .social-style5 li a span { line-height: 38px; } .social-style5 li a:hover { color: #FFF; border: 1px Solid #4396ff; background:#4396ff; } .social-style5 .icons-social li.facebook a{ background-color: #5d82d1; color:#FFF; border: 1px Solid #5d82d1; } .social-style5 .icons-social li.twitter a{ background-color: #40bff5; color:#FFF; border: 1px Solid #40bff5; } .social-style5 .icons-social li.google-plus a{ background-color: #eb5e4c; color:#FFF; border: 1px Solid #eb5e4c; } .social-style5 .icons-social li.pinterest a{ background-color: #e13138; color:#FFF; border: 1px Solid #e13138; } .social-style5 .icons-social li.vimeo a{ background-color: #35c6ea; color:#FFF; border: 1px Solid #35c6ea; } .social-style5 .icons-social li.linkedin a{ background-color: #238cc8; color:#FFF; border: 1px Solid #238cc8; } .social-style5 .icons-social li.flickr a{ background-color: #ff0084; color:#FFF; border: 1px Solid #ff0084; } .social-style5 .icons-social li.dribbble a{ background-color: #e84d88; color:#FFF; border: 1px Solid #e84d88; } .social-style5 .icons-social li.android a{ background-color: #adbf42; color:#FFF; border: 1px Solid #adbf42; } .social-style5 .icons-social li.apple a{ background-color: #666; color:#FFF; border: 1px Solid #666; } .social-style5 .icons-social li.behance a{ background-color: #1769ff; color:#FFF; border: 1px Solid #1769ff; } .social-style5 .icons-social li.codepen a{ background-color: #000; color:#FFF; border: 1px Solid #000; } .social-style5 .icons-social li.github-alt a{ background-color: #000; color:#FFF; border: 1px Solid #000; } .social-style5 .icons-social li.wechat a{ background-color: #7ac701; color:#FFF; border: 1px Solid #7ac701; } .social-style5 .icons-social li.html5 a{ background-color: #faa33d; color:#FFF; border: 1px Solid #faa33d; } .social-style5 .icons-social li.soundcloud a{ background-color: #ff3a00; color:#FFF; border: 1px Solid #ff3a00; } .social-style5 .icons-social li.tumblr a{ background-color: #32506d; color:#FFF; border: 1px Solid #32506d; } .social-style5 .icons-social li.windows a{ background-color: #3faeee; color:#FFF; border: 1px Solid #3faeee; } .social-style5 .icons-social li.wordpress a{ background-color: #454342; color:#FFF; border: 1px Solid #454342; } .social-style5 .icons-social li.youtube a{ background-color: #bb0000; color:#FFF; border: 1px Solid #bb0000; } .social-style5 .icons-social li.whatsapp a{ background-color: #64d448; color:#FFF; border: 1px Solid #64d448; } .social-style5 .icons-social li.slack a{ background-color: #3aa497; color:#FFF; border: 1px Solid #3aa497; } .social-style5 .icons-social li.skype a{ background-color: #3fabe3; color:#FFF; border: 1px Solid #3fabe3; } .social-style5 .icons-social li.instagram a{ background-color: #517fa4; color:#FFF; border: 1px Solid #517fa4; } .social-style5 .icons-social li.vk a{ background-color: #5a7fa6; color:#FFF; border: 1px Solid #5a7fa6; } .social-style5 .icons-social li.digg a{ background-color: #000; color:#FFF; border: 1px Solid #000; } .social-style5 .icons-social li.css3 a{ background-color: #428bc8; color:#FFF; border: 1px Solid #428bc8; } .social-style5 .icons-social li.foursquare a{ background-color: #f94877; color:#FFF; border: 1px Solid #f94877; } .social-style5 .icons-social li.github a{ background-color: #181616; color:#FFF; border: 1px Solid #181616; } .social-style5 .icons-social li.google-wallet a{ background-color: #1480FF; color:#FFF; border: 1px Solid #1480FF; } .social-style5 .icons-social li.ioxhost a{ background-color: #7ac701; color:#FFF; border: 1px Solid #7ac701; } .social-style5 .icons-social li.joomla a{ background-color: #165F97; color:#FFF; border: 1px Solid #165F97; } .social-style5 .icons-social li.rss a{ background-color: #faa33d; color:#FFF; border: 1px Solid #faa33d; } .social-style5 .icons-social li.paypal a{ background-color: #4299d5; color:#FFF; border: 1px Solid #4299d5; } .social-style5 .icons-social li.pagelines a{ background-color: #333; color:#FFF; border: 1px Solid #333; } .social-style5 .icons-social li.reddit a{ background-color: #ef5f30; color:#FFF; border: 1px Solid #ef5f30; } .social-style5 .icons-social li.share a{ background-color: #696969; color:#FFF; border: 1px Solid #696969; } .social-style5 .icons-social li.stack a{ background-color: #205798; color:#FFF; border: 1px Solid #205798; } .social-style5 .icons-social li.twitch a{ background-color: #5c4fa3; color:#FFF; border: 1px Solid #5c4fa3; } .social-style5 .icons-social li.yelp a{ background-color: #c83a26; color:#FFF; border: 1px Solid #c83a26; } .social-style5 .icons-social li.vine a{ background-color: #51b489; color:#FFF; border: 1px Solid #51b489; } .social-style5 .icons-social li.drupal a{ background-color: #175a8e; color:#FFF; border: 1px Solid #175a8e; } .social-style5 .icons-social li.pied-piper a{ background-color: #529749; color:#FFF; border: 1px Solid #529749; } .social-style5 .icons-social li.yahoo a{ background-color: #6e2e85; color:#FFF; border: 1px Solid #6e2e85; } .social-style5 .icons-social li.sellsy a{ background-color: #08c; color:#FFF; border: 1px Solid #08c; } .social-style5 .icons-social li.steam a{ background-color: #55a4c8; color:#FFF; border: 1px Solid #55a4c8; } .icons-social li.facebook a:hover{ background-color: #5d82d1; color:#FFF; border: 1px Solid #5d82d1; } .icons-social li.twitter a:hover{ background-color: #40bff5; color:#FFF; border: 1px Solid #40bff5; } .icons-social li.google-plus a:hover{ background-color: #eb5e4c; color:#FFF; border: 1px Solid #eb5e4c; } .icons-social li.pinterest a:hover{ background-color: #e13138; color:#FFF; border: 1px Solid #e13138; } .icons-social li.vimeo a:hover{ background-color: #35c6ea; color:#FFF; border: 1px Solid #35c6ea; } .icons-social li.linkedin a:hover{ background-color: #238cc8; color:#FFF; border: 1px Solid #238cc8; } .icons-social li.flickr a:hover{ background-color: #ff0084; color:#FFF; border: 1px Solid #ff0084; } .icons-social li.dribbble a:hover{ background-color: #e84d88; color:#FFF; border: 1px Solid #e84d88; } .icons-social li.android a:hover{ background-color: #adbf42; color:#FFF; border: 1px Solid #adbf42; } .icons-social li.apple a:hover{ background-color: #666; color:#FFF; border: 1px Solid #666; } .icons-social li.behance a:hover{ background-color: #1769ff; color:#FFF; border: 1px Solid #1769ff; } .icons-social li.codepen a:hover{ background-color: #000; color:#FFF; border: 1px Solid #000; } .icons-social li.github-alt a:hover{ background-color: #000; color:#FFF; border: 1px Solid #000; } .icons-social li.wechat a:hover{ background-color: #7ac701; color:#FFF; border: 1px Solid #7ac701; } .icons-social li.html5 a:hover{ background-color: #faa33d; color:#FFF; border: 1px Solid #faa33d; } .icons-social li.soundcloud a:hover{ background-color: #ff3a00; color:#FFF; border: 1px Solid #ff3a00; } .icons-social li.tumblr a:hover{ background-color: #32506d; color:#FFF; border: 1px Solid #32506d; } .icons-social li.windows a:hover{ background-color: #3faeee; color:#FFF; border: 1px Solid #3faeee; } .icons-social li.wordpress a:hover{ background-color: #454342; color:#FFF; border: 1px Solid #454342; } .icons-social li.youtube a:hover{ background-color: #bb0000; color:#FFF; border: 1px Solid #bb0000; } .icons-social li.whatsapp a:hover{ background-color: #64d448; color:#FFF; border: 1px Solid #64d448; } .icons-social li.slack a:hover{ background-color: #3aa497; color:#FFF; border: 1px Solid #3aa497; } .icons-social li.skype a:hover{ background-color: #3fabe3; color:#FFF; border: 1px Solid #3fabe3; } .icons-social li.instagram a:hover{ background-color: #517fa4; color:#FFF; border: 1px Solid #517fa4; } .icons-social li.vk a:hover{ background-color: #5a7fa6; color:#FFF; border: 1px Solid #5a7fa6; } .icons-social li.digg a:hover{ background-color: #000; color:#FFF; border: 1px Solid #000; } .icons-social li.css3 a:hover{ background-color: #428bc8; color:#FFF; border: 1px Solid #428bc8; } .icons-social li.foursquare a:hover{ background-color: #f94877; color:#FFF; border: 1px Solid #f94877; } .icons-social li.github a:hover{ background-color: #181616; color:#FFF; border: 1px Solid #181616; } .icons-social li.google-wallet a:hover{ background-color: #1480FF; color:#FFF; border: 1px Solid #1480FF; } .icons-social li.ioxhost a:hover{ background-color: #7ac701; color:#FFF; border: 1px Solid #7ac701; } .icons-social li.joomla a:hover{ background-color: #165F97; color:#FFF; border: 1px Solid #165F97; } .icons-social li.rss a:hover{ background-color: #faa33d; color:#FFF; border: 1px Solid #faa33d; } .icons-social li.paypal a:hover{ background-color: #4299d5; color:#FFF; border: 1px Solid #4299d5; } .icons-social li.pagelines a:hover{ background-color: #333; color:#FFF; border: 1px Solid #333; } .icons-social li.reddit a:hover{ background-color: #ef5f30; color:#FFF; border: 1px Solid #ef5f30; } .icons-social li.share a:hover{ background-color: #696969; color:#FFF; border: 1px Solid #696969; } .icons-social li.stack a:hover{ background-color: #205798; color:#FFF; border: 1px Solid #205798; } .icons-social li.twitch a:hover{ background-color: #5c4fa3; color:#FFF; border: 1px Solid #5c4fa3; } .icons-social li.yelp a:hover{ background-color: #c83a26; color:#FFF; border: 1px Solid #c83a26; } .icons-social li.vine a:hover{ background-color: #51b489; color:#FFF; border: 1px Solid #51b489; } .icons-social li.drupal a:hover{ background-color: #175a8e; color:#FFF; border: 1px Solid #175a8e; } .icons-social li.pied-piper a:hover{ background-color: #529749; color:#FFF; border: 1px Solid #529749; } .icons-social li.yahoo a:hover{ background-color: #6e2e85; color:#FFF; border: 1px Solid #6e2e85; } .icons-social li.sellsy a:hover{ background-color: #08c; color:#FFF; border: 1px Solid #08c; } .icons-social li.steam a:hover{ background-color: #55a4c8; color:#FFF; border: 1px Solid #55a4c8; } /* 47- Map Style */ #map_canvas { width: 100%; height: 376px; } #map_canvas2{ width: 100%; height: 376px; } #map_canvas3{ width: 100%; height: 220px; } #map_canvas4{ width: 100%; height: 220px; } /* 48- Shop */ #Shop-Headline { border-top: 1px Solid #f5f5f5; margin: 80px 0px 0px 0px; padding: 20px 0px; } .Title-Results p { font-size: 12px; font-family: 'Lato'; color: #777; line-height: 30px; margin: 0; } .sort-by-select p { display: inline-block; font-size: 12px; font-family: 'Lato'; color: #777; float: left; line-height: 28px; margin-right: 15px; margin-bottom: 0; } .sort-by-select select { width: 60%; } .sort-by-click { display: inline-block; float: right; } .sort-by-click a { font-size: 17px; color: #777777; line-height: 30px; margin: 0px 5px; } .sort-by-click a:hover { color: #4396FF; } .tooltip-inner { background-color: #777; max-width:100% !important; color: #FFF; padding:5px 5px; font-size:9px; font-family: 'Open Sans', sans-serif; } .tooltip-arrow { border-top-color:#777 !important; } .hover-shop-content .tooltip-inner { background-color: #333; max-width:100% !important; color: #FFF; font-weight:700; padding:5px 8px; font-size:10px; font-family: 'Open Sans', sans-serif; } .hover-shop-content .tooltip-arrow { border-top-color:#333 !important; } .top-shop-content { position: relative; } .hover-shop-content { display: none; position: absolute; bottom: 0; width: 100%; text-align: right; padding: 15px; } .hover-shop-content ul li { display: inline-block; margin: 0px 5px; } .hover-shop-content ul li a { background-color: #FFF; width: 60px; height: 60px; display: block; text-align: center; border-radius: 3px; font-size: 24px; line-height: 58px; color: #333; } .hover-shop-content ul li a:hover { background-color: #FFF; color: #4396FF; } .img-shop-content { position: relative; } .img-shop-content img { border-radius: 20px 3px 3px 3px; width: 100%; } .img-shop-content span { position: absolute; top: 0; left: 0; background-color: #4396ff; color: #FFF; padding: 10px 20px; border-radius: 20px 0px; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; } .img-shop-content p { position: absolute; top: 0; left: 0; background-color: #999999; color: #FFF; padding: 10px 20px; border-radius: 20px 0px; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; } .out-Stock img { opacity: 0.5; } .bottom-shop-content { padding: 0px 20px; } .title-shop-content { display: inline-block; width: 100%; position: relative; } .title-shop-content h3 { float: right; display: inline-block; font-size: 30px; color: #333; font-weight: 400; margin-bottom: 0; } .title-shop-content h4 { float: right; display: inline-block; font-size: 30px; color: #4396ff; font-weight: 400; margin-top: 20px; margin-bottom: 0; } .title-shop-content span { float: right; display: inline-block; font-size: 18px; color: #999999; font-weight: 400; font-family: 'Lato', sans-serif; text-decoration: line-through; position: absolute; right: 5px; top: 55px; } .title-shop-content p { float: left; display: inline-block; font-size: 14px; color: #333; width: 100%; font-weight: 400; margin-top: 0px; } .description-shop-content p { margin-top: 10px; } .title-shop-content h2 { float: left; display: inline-block; font-size: 20px; color: #333; } .title-shop-content p:hover{ color: #4396ff; } .reviews-shop-content ul, .reviews-shop-content ul li, .reviews-shop-content p { display: inline-block; margin: 0; padding: 0 !important; } .reviews-shop-content ul li i { color: #ffc000; font-size: 18px; } .reviews-shop-content p { color: #777; font-size: 13px; margin-left: 10px; } #Pagination { border-top: 1px Solid #f5f5f5; margin: 80px 0px 0px 0px; padding: 20px 0px; border-bottom: 1px Solid #f5f5f5; display: inline-block; width: 100%; } .Pagination-Full { margin: 0px 0px 80px 0px !important; } .shop-content.col-md-9{ padding: 0px; } .shop-content.col-md-9 .bottom-shop-content { padding: 0px 10px; } .shop-content.col-md-9 .title-shop-content h4 { font-size: 25px; } .shop-content.col-md-9 .title-shop-content h3 { font-size: 25px; } .shop-content.col-md-9 .title-shop-content span { display: inline-block; font-size: 18px; color: #999999; font-weight: 400; font-family: 'Lato', sans-serif; text-decoration: line-through; position: absolute; right: 5px; top: 55px; } .shop-content.col-md-9 .title-shop-content h3 { font-size: 25px; } .shop-content.col-md-9 .title-shop-content h3 { font-size: 25px; } .shop-content.col-md-9 .hover-shop-content ul li a { background-color: #FFF; width: 45px; height: 45px; display: block; text-align: center; border-radius: 3px; font-size: 18px; line-height: 45px; color: #333; } .sort-by-click a.active { color: #4396FF; } .shop-content-list { display: inline-block; width: 100%; margin-bottom: 15px; } .top-shop-content.col-md-5 { padding: 0; } .shop-content { display: inline-block; margin-bottom: 30px; } .shop-content.col-md-9 .bottom-shop-content.col-md-7{ padding: 0px 15px 0px 30px; } .sale-shop-content h3 { font-size: 30px; color: #333; } .sale-shop-content h4 { font-size: 30px; color: #4396ff; font-weight: 400; } .sale-shop-content span{ font-size: 18px; color: #999999; font-weight: 400; font-family: 'Lato', sans-serif; text-decoration: line-through; } .Search-Block input { background-color: #f5f5f5; border: none; font-size: 12px; margin-top: 15px; text-transform: uppercase; font-family: 'Lato'; color: #333; width: 100%; } .Search-Block input::-webkit-input-placeholder { color: #cecece; } .right-shop-content .reviews-shop-content { display: inline-block; margin-top: 30px; position: absolute; right: 0; } .option-items p i { font-size: 14px; margin-right: 5px; color: #3faf6c; } .option-items p { font-size: 14px; font-weight: 400; color: #777; float: left; } .right-shop-content .reviews-shop-content p { color: #777; font-size: 13px; margin-left: 10px; width: auto; float: right; line-height: 1; } .option-items { display: inline-block; width: 100%; } .Add-to-Cart { display: block; float: right; margin-top: 0px; } .Add-to-Cart a { padding: 20px 17px; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; background: none; color: #333; border: 1px Solid #cecece; font-weight: 600; margin-left: 15px; height: 60px; line-height: 1.5; } .Add-to-Cart a i { margin: 0px; font-size: 24px; line-height: 0.8; } .Add-to-Cart a:hover { background: none !important; color: #4396ff !important; } .right-shop-content h3 { display: inline-block; margin: 0; font-size: 36px; margin-top: -30px; color: #4396ff; } .Overview { display: block; margin: 30px 0px; padding: 30px 0px; border-top: 1px Solid #f5f5f5; border-bottom: 1px Solid #f5f5f5; } .Overview span { font-size: 13px; font-weight: 600; font-family: 'Lato'; margin-bottom: 15px; color:#333; display: block; } .Overview p { font-size: 13px; font-weight: 400; margin-bottom: 15px; color: #777; display: block; margin: 0; } .product-item { float: left; } .product-item .add-items { float: right; width: 40px; } .add-items a { padding: 0 !important; border: 0; height: auto; width: 100%; display: block; margin-bottom: 10px; } .add-items a:hover{ padding: 0; border: 0 !important; height: auto; color: #4396ff; } .add-items a:hover i{ color: #4396ff; } .product-item .add-items-2 { float: right; width: 40px; } .update-cart .add-items-2 a { padding: 0; border: 0; height: auto; width: 100%; display: block; margin-bottom: 10px; } .add-items-2 i { padding: 0; font-size: 10px !important; background: none; color: #333; border: 1px Solid #cecece; font-weight: 400; width: 25px; height: 25px; text-align: center; line-height: 23px !important; border-radius: 3px; } .add-items-2 a:hover{ padding: 0; border: 0 !important; height: auto; } .add-items-2 a:hover i{ color: #4396ff; } .add-items-2 a:focus { background: none; border: none !important; } .Add-to-Cart a:focus{ background:none; color:#333 !important; } .add-items i { padding: 0; font-size: 10px !important; background: none; color: #333; border: 1px Solid #cecece; font-weight: 400; width: 25px; height: 25px; text-align: center; line-height: 23px !important; border-radius: 3px; } input#items-num { float: right; padding: 0 10px; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; background: none; color: #333; border: 1px Solid #cecece; font-weight: 400; height: 60px; line-height: 1.5; width: 50px; border-radius: 3px; text-align: center; } .info-items ul li { display: inline-block; width: 32%; } .info-items ul li span { font-size: 13px; font-weight: 600; margin-bottom: 10px; display: block; color: #333; font-family: 'Lato'; } .info-items ul li p { font-size: 13px; font-weight: 400; display: block; color: #777; } .info-items ul li p a{ font-size: 13px; font-weight: 400; color: #777; } .info-items ul li p a:hover{ color: #4396ff; } .Tabs-Style6.Shop-Tab ul.tab-nav:not(.tab-nav-lg) { margin: 0; border-bottom: none; list-style: none; } .Tabs-Style6.Shop-Tab ul.tab-nav li { border-color: transparent; } .Tabs-Style6.Shop-Tab ul.tab-nav:not(.tab-nav-lg) li { float: left; border: none; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } .Tabs-Style6.Shop-Tab ul.tab-nav li a { background-color: #FFF; font-size: 16px; font-weight: 400; font-family: 'Lato'; padding: 0px 30px; } .Tabs-Style6.Shop-Tab ul.tab-nav:not(.tab-nav-lg) li.active { float: left; border: none; height: 42px; color: #FFF; text-align: center; border-bottom: none; } .Tabs-Style6.Shop-Tab ul.tab-nav:not(.tab-nav-lg) li.active a{ float: left; border: none; height: 42px; color: #333 !important; background-color: #f5f5f5 !important; text-align: center; border-radius:0px; } .Tabs-Style6.Shop-Tab ul.tab-nav:not(.tab-nav-lg) li:first-child { border-left: 0; margin-left: 0px; } .Tabs-Style6.Shop-Tab ul.tab-nav { border-top: 1px Solid #f5f5f5; border-bottom: 1px Solid #f5f5f5 !important; } .shop-tab-content .Details p { width: 50%; display: inline-block; float: left; padding: 0px 15px 0px 0px; font-size: 13px; color: #777; } .Specifications { margin-top: 20px; } .Specifications td { padding: 0 !important; margin: 0; vertical-align: inherit !important; } .Specifications p { margin: 0; padding: 15px; font-size: 14px; color: #525252; background-color: #fcfcfc; font-weight: 600; } .Specifications span { width: 50%; display: inline-block; margin: 0; padding: 15px; font-weight:600; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #525252; } .Reviews ul { margin-top: 20px; } .Reviews .reviews-shop-content ul, .Reviews .reviews-shop-content ul li { display: inline-block; margin: 0; padding: 0 !important; } .Reviews ul li { background-color: #f5f5f5; margin-bottom: 30px; padding: 30px; border-radius: 20px 3px 3px 3px; } .reviews-txt p{ font-size: 13px; color: #777; margin-top: 15px; } .reviews-txt a { font-size: 13px; color: #333 !important; margin-top: 15px; background: none; padding: 0; margin: 0; } .reviews-txt a:hover { color: #4396ff !important; background: none; padding: 0; margin: 0; } .content-leave-rating { margin-top: 30px; } .content-leave-rating .form-input { width: 49%; display: inline-block; float: left; } .content-leave-rating .form-input:first-child { margin-right: 20px; } .title-leave-rating h4 { color: #4396ff; font-size: 18px; text-transform: uppercase; } .right-shop-content .title-shop-content h2 { font-size: 30px; } .zoomLens { width: 250px !important; height: 250px !important; background-color: rgba(0, 0, 0, 0) !important; border: none !important; color: #FFF; line-height: 240px; font-size: 25px; font-weight:400; opacity: 1 !important; cursor: cell !important; } .zoomWindowContainer div { border: none !important; margin-left: -360px; margin-top: 0; width: 360px !important; height: 100% !important; border-radius: 20px 0px 0px 0px; } .thumbs-img { border-top: 1px #ddd solid; } .product-img img { border-radius: 20px 0px 0px 0px; width: 100%; } .product-img ul { display: inline-block; margin: 15px 0px; } .product-img li { display: inline; margin: 0 5px 0 0; } .product-img li img { width: 70px; height: 70px; border-radius: 3px; margin-right: 15px; } .product-img li a { opacity: 0.5; } .product-img li .active { opacity: 1; } .product-img { position: relative; display: inline-block; } .button-slider { position: absolute; bottom: 120px; width: 100%; z-index: 11111; } .button-slider ul { width: 100%; } li a.btn-left { float: left; background-color: #FFF; width: 40px; height: 40px; opacity: 1 !important; text-align: center; margin-left: 15px; border-radius: 3px; line-height: 38px; font-size: 24px; color: #999999; } li a.btn-right { float: right; background-color: #FFF; width: 40px; height: 40px; opacity: 1 !important; text-align: center; margin-right: 15px; border-radius: 3px; line-height: 38px; font-size: 24px; color: #999999; } .table-layout { background-color: #4396ff; border-radius: 3px; padding: 5px 15px; } .table-layout ul { margin: 0; } .table-layout ul li { display: inline-block; } .table-layout ul li h5 { font-family: 'Lato'; font-size: 13px; text-transform: uppercase; color: #FFF; margin: 0; line-height: 40px; } .with1 { width: 30%; display: inline-block; } .with2 { width: 19%; display: inline-block; } .item-title { float: left; } .table-shop-content ul { margin: 0px; } .table-shop-content ul li { padding: 40px 0px 30px 0px; border-bottom: 3px Solid #f5f5f5; display: inline-block; width: 100%; } .item-title img { display: inline-block; float: left; margin-right: 30px; border-radius: 3px; } .item-title p { font-size: 16px; font-weight: 700; margin-top: 10px; margin-bottom: 0; color: #525252; } .item-title span { font-size: 11px; color: #777; font-weight: 400; } .unit-price { float: left; } .unit-price p { padding: 15px 0px; margin: 0; font-size: 16px; font-weight: 700; color: #525252; } .update-cart { float: left; } .update-cart a { padding: 20px 17px; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; background: none; color: #333; border: 1px Solid #333; font-weight: 400; margin-left: 15px; height: 60px; line-height: 1.5; } .update-cart a i { margin: 0px; font-size: 24px; line-height: 0.8; } .update-cart a:hover { background: none; border: 1px Solid #4396ff; color: #4396ff; } .update-cart a:focus{ background:none; border: 1px Solid #4396ff; color: #4396ff; } .update-cart .add-items a { padding: 0; border: 0; height: auto; width: 100%; display: block; margin-bottom: 10px; } .update-cart .add-items a:hover { padding: 0; border: 0; height: auto; } .update-cart .product-item { float: left; width: 90px; } .update-cart input#items-num { float: left; padding: 0 10px; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; background: none; color: #333; border: 1px Solid #cecece; font-weight: 400; height: 60px; line-height: 1.5; width: 50px; border-radius: 3px; text-align: center; } .update-cart input#items-numb { float: left; padding: 0 10px; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; background: none; color: #333; border: 1px Solid #cecece; font-weight: 400; height: 60px; line-height: 1.5; width: 50px; border-radius: 3px; text-align: center; } .add-items { float: left; width: 40px; } .subtotal { float: left; } .subtotal p { float: left; padding: 15px 0px; margin: 0; font-size: 16px; font-weight: 700; color: #525252; } .subtotal a { float: right; padding: 15px 0px; font-size: 16px; color: #777; } .buttons-cart-shop { padding: 30px 0px 35px 0px; border-bottom: 3px Solid #f5f5f5; display: inline-block; width: 100%; } .buttons-cart-shop a { font-size: 13px; border-radius: 0; } .buttons-cart-shop a:first-child { margin-right: 15px; } .coupon-code p { color: #525252; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } .coupon-code input.txt-box { width: 80%; margin-right: 15px; } input#coupon-code { background-color: #4396FF; color: #FFF; padding: 8px 10px; font-size: 13px; } .shop-items-details { margin-bottom: 30px; } .Title-cart-shop { display: inline-block; float: left; width: 40%; } .Title-cart-shop p { color: #777; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .Details-cart-shop { display: inline-block; width: 60%; } .Details-cart-shop p { color: #333; font-size: 30px; letter-spacing: 1px; font-weight: 700; } .Details-cart-shop span { color: #999999; font-size: 12px; font-family: 'Lato'; letter-spacing: 1px; font-weight: 600; margin-top: 10px; display: inline-block; } .Details-cart-shop form select { margin-bottom: 15px; } input#Postcode { width: 75%; margin-right: 9px; } .button { background-color: #4396FF; color: #FFF; font-size: 13px; padding: 8px 15px; } .total p { color: #4396FF; font-size: 30px; letter-spacing: 1px; font-weight: 700; } a.Checkout { font-size: 17px; margin-top: 30px; } .shop-customer p { display: inline-block; font-size: 12px; font-family: 'Lato'; color: #777; line-height: 28px; margin-right: 15px; margin-bottom: 0; } .coupon-code-2 p { color: #525252; font-size: 13px; font-family: 'Lato'; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; display: inline-block; float: left; line-height: 35px; margin-right: 5px; } .coupon-code-2 form { display: inline-block; width: 30%; } .coupon-code-2 form #number { display: inline-block; width: 80%; margin: 0px 6px; } .title-billing h2 { font-size: 22px; color: #4396ff; font-weight: 700; margin-bottom: 30px; } .form-billing label { margin-bottom: 15px; width: 100%; } .form-billing span { font-size: 13px; color: #525252; text-transform: uppercase; font-family: 'Lato'; letter-spacing: 0.75px; } .form-billing input { width:100%; margin-bottom: 15px; font-weight:400; } .form-billing select { font-weight:400; } label.wi1 { width: 46%; margin-right: 30px; } label.wi2 { width: 46%; } .form-billing input[type=checkbox], input[type=radio] { width: auto; font-weight: 400; margin-right: 15px; margin-bottom: 5px; display: inline-block; } .form-billing i { font-size: 13px; color: #777; font-weight: 400; } span.Ship-to { font-size: 22px; color: #4396ff; display: inline-block; margin-right: 15px; font-weight: 700; font-family: 'Lato', sans-serif; } input.checkbox-input { margin: 0; } .your-order { padding: 30px; border: 2px Solid #f5f5f5; border-radius: 20px 3px 3px 3px; margin-bottom: 30px; } .title-billing h3 { display: inline-block; float: left; font-size: 20px; color: #4396ff; font-weight: 700; margin-bottom: 30px; margin: 0; } .title-billing a p { display: inline-block; float: right; font-size: 13px; color: #333; font-weight: 400; margin-bottom: 30px; margin: 0; } .title-billing a p:hover { color: #4396ff; } .your-order .title-billing { display: inline-block; width: 100%; margin-bottom: 15px; } .with3 { display: inline-block; width: 65%; } .with4 { display: inline-block; width: 15%; text-align: right; } .order-top ul li.active{ background-color: #f5f5f5; padding:10px; } .order-top ul li { padding: 30px 10px; border-bottom: 1px Solid #F5F5F5; } .order-top ul li p { font-size: 13px; color: #777; text-transform: uppercase; font-family: 'Lato'; margin-bottom: 0px; } .order-top ul li span{ font-size: 16px; color: #525252; } .order-top ul li:last-child{ border-bottom: 1px Solid #333; } .order-bottom { margin-top: 20px; } .order-bottom ul li { padding: 5px 15px; } .order-bottom ul li p { display: inline-block; text-align: left; font-size: 13px; color: #333; text-transform: uppercase; font-family: 'Lato'; font-weight: 600; } .order-bottom ul li span { display: inline-block; float: right; font-size: 16px; color: #333; font-weight: 400; } .payment-method { padding-top: 30px; border-top: 1px Solid #F5F5F5; } .Credit-Card { width: 100%; background-color: #F5F5F5; padding: 10px; margin-bottom: 15px; } .Credit-Card input{ margin: 0px; } .Credit-Card span { font-size: 13px; color: #777; text-transform: uppercase; font-family: 'Lato'; margin-bottom: 0px; margin-left: 15px; } .Credit-Card img { float: right; margin: 0px 5px; } #Credit-Card input { width: 100%; } #Credit-Card span { font-size: 13px; font-family: 'Lato'; text-transform: uppercase; color: #525252; display: block; } .Data-Expiry { margin-top: 15px; width: 30%; float: left; } .Data-Expiry input { width: 35% !important; text-align: center; margin-right: 15px; } .verification-Code { margin-top: 15px; width: 50%; } .verification-Code input { width: 25% !important; text-align: center; margin-right: 15px; } .verification-Code img { margin: 10px 0px; } .Paypal { width: 100%; background-color: #F5F5F5; padding: 10px; margin: 15px 0px; } .Paypal input{ margin: 0px; } .Paypal span { font-size: 13px; color: #777; text-transform: uppercase; font-family: 'Lato'; margin-bottom: 0px; margin-left: 15px; } .Paypal img { float: right; margin: 3px 5px; } .Paypal-button { display: inline-block; } .order-now.Hide { display: none; font-size: 17px; margin-top: 30px; } .order-now { font-size: 17px; margin-top: 30px; } .go-paypal { display: none; } .go-paypal.Show { display: block; font-size: 17px; margin-top: 30px; } .title-billing span { width: 100%; background-color: #F5F5F5; padding: 10px; display: inline-block; font-size: 13px; color: #777; text-transform: uppercase; font-family: 'Lato'; font-weight: 600; } .order-textarea { display: inline-block; width: 100%; } .order-textarea .textArea { border: none; font-size: 12px; min-height: 50px !Important; height: 75px; width: 100% !important; } .content-leave-rating .main-bg { display: inline-block; float: left; width: 20% !important; } .create-account { display: none; } .create-account span { display: inline-block; margin-bottom: 30px; } .ship-different { display: none; } /* 49- Flex Slider */ .slider { height: 520px; overflow: hidden; } .flexslider { height: 520px; } .flexslider ul li { height: 520px; position: relative; display: table-row; } .flexslider ul li img { width: 100%; display: block; height: 100% !important; } .SliderText { width: 100%; height: 300px; position: absolute; top: 0; right: 0; left: 0; } .left-content { width: 100%; height: 300px; position: absolute; top: 0; right: 0; left: 130px; } .content-a { padding-top: 60px; } .SliderText span { color: #FFF; font-weight: 300; font-size: 45px; line-height: 40px; text-transform: uppercase; } .SliderText h2 { font-size: 60px; color: #FFF; font-weight: 300; margin: 15px 0px; text-transform: uppercase; } .SliderText h4 { font-style: italic; color: #FFF; font-size: 16px; letter-spacing: 13px; } .SliderText p { position: relative; font-size: 15px; color: #fff; margin: 15px 0px; line-height: 29px; font-weight: 300; } a.Slicefive { border: 2px Solid #FFF; padding: 12px 35px; font-size: 13px; letter-spacing: 2px; line-height: 17px; color: #FFF; border-radius: 0px; background: none; text-align: center; font-family: 'Lato', sans-serif; } a.Slicefive:hover { background: #4396ff; border: 2px Solid #4396ff; } .Navbar-Header{padding: 15px 0;} .Navbar-Header .navbar-collapse{width: 100%;} .Navbar-Header .navbar-collapse #cssmenu{width: 100%;height: auto;margin-top: 15px;} .Navbar-Header .navbar-collapse #cssmenu ul{display: flex;justify-content: center;} .Navbar-Header .navbar-collapse #cssmenu ul li{height: auto;} .Navbar-Header .navbar-collapse #cssmenu ul li a{padding: 20px;background-color: #f0f0f0;font-size: 17px;color: #333;} .Navbar-Header .navbar-collapse #cssmenu ul li a:hover{background-color: #111111;color: #fff !important;} .Navbar-Header .navbar-collapse #cssmenu ul li a:hover:before{display: none;} .Navbar-Header .navbar-collapse #cssmenu ul li.current a{background-color: #111111 !important;color: #fff;} .Navbar-Header .navbar-collapse #cssmenu ul li.current a:before{display: none;} .mobile_number h3{font-size: 24px;margin: 30px 0 0;font-weight: 400;color: #413e45;} .mobile_number h3 span{width: 38px;height: 38px;background-color: #f1f1f1;color: #545454;border-radius: 4px;text-align: center;line-height: 38px;margin: 0 5px;font-size: 24px;} .mobile_number h3 a{color: #d33;display: inline-block;font-size: 24px;font-weight: 600;} .Menu-Header.is-fixed{ position: fixed; top: 0; background-color: #FFF; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; left: 0; width: 100% !important; }