/* Fonts */ /* Raleway */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,300,100,500,600,700,800); /* Open Sans */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700,800); /* Oswald */ @import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300); /* Indie Flower */ @import url(https://fonts.googleapis.com/css?family=Indie+Flower); /* North Main Styles */ /* line 17, ../sass/_style.scss */ html, body { width: 100%; height: 100%; padding: 0; margin-left: 0; margin-right: 0; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; } /* line 27, ../sass/_style.scss */ body { overflow-x: hidden; } /* line 31, ../sass/_style.scss */ section { background-size: cover; } /* line 35, ../sass/_style.scss */ ::selection { color: white; } /* line 39, ../sass/_style.scss */ img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } /* line 51, ../sass/_style.scss */ a, a:hover, a:active, a:focus { text-decoration: none; outline: none; } /* Page Animated item Styles */ /* line 58, ../sass/_style.scss */ .animated { visibility: hidden; } /* line 62, ../sass/_style.scss */ .visible { visibility: visible; } /*needs to be added to sass*/ .login a{ float: right; color: #FF0000; margin-top: 21px; margin-right: 19px; } .login a:hover{ color:#FFFFFF; } /* Background Animation */ @-webkit-keyframes BackgroundAnimation { /* line 69, ../sass/_style.scss */ from { background-position: 0px 0px; } /* line 70, ../sass/_style.scss */ to { background-position: 9600px 0px; } } @-moz-keyframes BackgroundAnimation { /* line 74, ../sass/_style.scss */ from { background-position: 0px 0px; } /* line 75, ../sass/_style.scss */ to { background-position: 9600px 0px; } } @-ms-keyframes BackgroundAnimation { /* line 79, ../sass/_style.scss */ from { background-position: 0px 0px; } /* line 80, ../sass/_style.scss */ to { background-position: 9600px 0px; } } /* North First Styles */ /* Containers */ /* line 87, ../sass/_style.scss */ .container { width: auto; height: auto; padding: 0; margin: 0; } /* line 94, ../sass/_style.scss */ .inner { width: 100%; height: auto; max-width: 1170px; position: relative; margin: 0 auto; padding: 100px 0; } /* line 104, ../sass/_style.scss */ .inner:after, .inner:before { clear: both; } /* line 108, ../sass/_style.scss */ .five { width: 20%; } /* line 112, ../sass/_style.scss */ .boxed { width: 100%; max-width: 1170px; margin: 0 auto; height: auto; } /* line 119, ../sass/_style.scss */ .round { border-radius: 100%; } /* line 123, ../sass/_style.scss */ .fullwidth { width: 100%; max-width: 100%; } /* line 128, ../sass/_style.scss */ .fullscreen { width: 100%; height: 100%; left: 0; top: 0; } /* line 135, ../sass/_style.scss */ .transparent { background: transparent !important; } /* line 139, ../sass/_style.scss */ .no-padding { padding: 0 !important; } /* line 143, ../sass/_style.scss */ .no-margin { margin: 0 !important; } /* Positions and Floats */ /* line 149, ../sass/_style.scss */ .relative { position: relative !important; } /* line 153, ../sass/_style.scss */ .absolute { position: absolute !important; } /* line 157, ../sass/_style.scss */ .fixed { position: fixed !important; } /* line 161, ../sass/_style.scss */ .f-left { float: left; } /* line 165, ../sass/_style.scss */ .f-right { float: right; } /* line 169, ../sass/_style.scss */ .z-1 { z-index: 1; } /* Patterns */ /* line 175, ../sass/_style.scss */ .pattern-white:before { background: url(../images/pattern-white.png) repeat; content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } /* line 185, ../sass/_style.scss */ .pattern-black:before { background: url(../images/pattern-black.png) repeat; content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } /* Parallax Backgrounds */ /* line 209, ../sass/_style.scss */ body.parallax .parallax, body.parallax .parallax1, body.parallax .parallax2, body.parallax .parallax3, body.parallax .parallax4, body.parallax .parallax5, body.parallax .parallax6, body.parallax .parallax7, body.parallax .parallax8, body.parallax .parallax9, body.parallax .parallax10, body.parallax .parallax11, body.parallax .parallax12 { background-attachment: fixed; background-size: cover; } /* Font Classes */ /* line 216, ../sass/_style.scss */ .oswald { font-family: 'Oswald', 'sans-serif'; } /* line 220, ../sass/_style.scss */ .open-sans { font-family: 'Open Sans', sans-serif; } /* line 224, ../sass/_style.scss */ .flower { font-family: 'Indie Flower', cursive; } /* Headers, Texts */ /* line 230, ../sass/_style.scss */ .header { width: auto; height: auto; font-size: 60px; font-weight: 400; text-align: center; margin: 0 auto; padding-top: 0; } /* line 240, ../sass/_style.scss */ .mini-header { font-size: 30px; } /* line 244, ../sass/_style.scss */ .header-strips-one { width: 70px; height: 1px; position: relative; margin: 20px auto 19px; border-top: 1px solid #d0d0d0; } /* line 252, ../sass/_style.scss */ .header-strips-two { width: 70px; height: 5px; position: relative; margin: 20px auto; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } /* line 261, ../sass/_style.scss */ .strip-fullwidth { width: 100%; height: 1px; position: relative; margin: 10px auto; border-top: 1px solid #d0d0d0; } /* line 269, ../sass/_style.scss */ .description { font-size: 17px; font-weight: 400; line-height: 22px; text-align: center; margin: 0 auto; max-width: 950px; padding: 0; } /* line 279, ../sass/_style.scss */ .description.uppercase { font-size: 15px; } /* line 283, ../sass/_style.scss */ .blocked { display: inline-block; padding: 3px 7px; color: white; } /* Text Aligns */ /* line 291, ../sass/_style.scss */ .t-left { text-align: left !important; } /* line 295, ../sass/_style.scss */ .t-center { text-align: center !important; } /* line 299, ../sass/_style.scss */ .t-right { text-align: right !important; } /* line 303, ../sass/_style.scss */ .t-justify { text-align: justify !important; } /* Font Weights, Styles */ /* line 309, ../sass/_style.scss */ .extrabold { font-weight: 800; } /* line 313, ../sass/_style.scss */ .bold { font-weight: 700; } /* line 317, ../sass/_style.scss */ .semibold { font-weight: 600; } /* line 321, ../sass/_style.scss */ .normal { font-weight: 400; } /* line 325, ../sass/_style.scss */ .light { font-weight: 100; } /* line 329, ../sass/_style.scss */ .italic { font-style: italic; } /* line 333, ../sass/_style.scss */ .uppercase { text-transform: uppercase; } /* Text Colors */ /* line 339, ../sass/_style.scss */ .dark { color: #3e3e3e; } /* line 343, ../sass/_style.scss */ .white { color: white; } /* line 347, ../sass/_style.scss */ .gray { color: #b2b2b2; } /* line 351, ../sass/_style.scss */ .gray-tone { color: #919191; } /* line 355, ../sass/_style.scss */ .red-tone { color: red; } /* line 359, ../sass/_style.scss */ .t-shadow { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } /* line 363, ../sass/_style.scss */ .b-shadow { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05); } /* line 367, ../sass/_style.scss */ .bigger { font-size: 60px; } /* Background Colors */ /* line 373, ../sass/_style.scss */ .white-bg { background-color: white !important; } /* line 377, ../sass/_style.scss */ .gray-bg { background-color: #fdfdfd !important; } /* line 381, ../sass/_style.scss */ .black-bg { background-color: #1f1f1f !important; } /* line 385, ../sass/_style.scss */ .glass-bg { background-color: rgba(255, 255, 255, 0.1); } /* line 390, ../sass/_style.scss */ .soft-white-bg, .soft-black-bg { position: relative; } /* line 394, ../sass/_style.scss */ .soft-white-bg:before { background-color: rgba(255, 255, 255, 0.95); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; content: ''; } /* line 405, ../sass/_style.scss */ .soft-black-bg:before { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; content: ''; } /* line 416, ../sass/_style.scss */ .active-dark { background-color: #303030; } /* Borders */ /* line 422, ../sass/_style.scss */ .border-1px { border: 1px solid; } /* line 426, ../sass/_style.scss */ .border-2px { border: 2px solid; } /* line 431, ../sass/_style.scss */ .border-1px + .border-1px, .border-2px + .border-2px { border-top: transparent; } /* line 435, ../sass/_style.scss */ .soft-border { border-color: #f1f1f1; } /* line 439, ../sass/_style.scss */ .gray-border { border-color: gray; } /* line 443, ../sass/_style.scss */ .white-border { border-color: white !important; } /* Mobile Background Image For Video Backgrounds */ /* line 449, ../sass/_style.scss */ .mobile-bg { position: relative; } /* line 453, ../sass/_style.scss */ .mobile-bg:after { width: 100%; height: 100%; position: absolute; content: ''; display: block; background-image: url(../images/mobile-bg.jpg); background-size: cover; } /* line 463, ../sass/_style.scss */ .b-scroll { background-attachment: scroll !important; } /* Listing */ /* line 469, ../sass/_style.scss */ ul.list-horizontal { padding: 0; margin: 0; } /* line 474, ../sass/_style.scss */ ul.list-horizontal li { display: inline-block; padding: 0; margin: 0 10px 0 0; } /* line 480, ../sass/_style.scss */ ul.list-horizontal li i { font-size: 12px; } /* Page Loader */ /* line 486, ../sass/_style.scss */ #pageloader { width: 100%; height: 100%; position: fixed; top: 0; background-color: white; z-index: 99999; } /* line 495, ../sass/_style.scss */ .loader-item h2 { color: #ccc; margin: 0 auto; font-size: 20px; } /* line 501, ../sass/_style.scss */ .outter { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; width: 60px; height: 60px; border-radius: 80px 0 0 80px; border-left: solid 5px; -webkit-animation: rotate 1.3s linear 0 infinite normal; -moz-animation: rotate 1.3s linear 0s infinite normal; -o-animation: rotate 1.3s linear 0 infinite normal; -ms-animation: rotate 1.3s linear 0 infinite normal; animation: rotate 1.3s linear 0 infinite normal; } /* line 517, ../sass/_style.scss */ .mid { top: 15px; left: 15px; position: relative; width: 30px; height: 30px; border-radius: 50px 0 0 50px; border-left: solid 4px; -webkit-animation: rotate 3.3s linear 0 infinite normal; -moz-animation: rotate 3.3s linear 0s infinite normal; -o-animation: rotate 3.3s linear 0 infinite normal; -ms-animation: rotate 3.3s linear 0 infinite normal; animation: rotate 3.3s linear 0 infinite normal; } @-webkit-keyframes rotate { /* line 533, ../sass/_style.scss */ from { -webkit-transform: rotate(0deg); } /* line 536, ../sass/_style.scss */ to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { /* line 542, ../sass/_style.scss */ from { -moz-transform: rotate(0deg); } /* line 545, ../sass/_style.scss */ to { -moz-transform: rotate(360deg); } } @-o-keyframes rotate { /* line 551, ../sass/_style.scss */ from { -o-transform: rotate(0deg); } /* line 555, ../sass/_style.scss */ to { -o-transform: rotate(360deg); } } @-ms-keyframes rotate { /* line 561, ../sass/_style.scss */ from { -ms-transform: rotate(0deg); } /* line 564, ../sass/_style.scss */ to { -ms-transform: rotate(360deg); } } @keyframes rotate { /* line 570, ../sass/_style.scss */ from { transform: rotate(0deg); } /* line 573, ../sass/_style.scss */ to { transform: rotate(360deg); } } /* End North Main Styles */ /* Navigation Section */ /* line 583, ../sass/_style.scss */ #navigation { width: 100%; height: 75px; top: 0; padding: 0; margin: 0; position: fixed; z-index: 9999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } /* line 599, ../sass/_style.scss */ #navigation-sticky { width: 100%; height: 75px; top: 0; padding: 0; margin: 0; position: relative; z-index: 9999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 612, ../sass/_style.scss */ .nav-inner { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0; height: 100%; } /* Dark Nav Color */ /* line 622, ../sass/_style.scss */ .dark-nav .nav-menu { color: white; } /* Navigation Logo */ /* line 628, ../sass/_style.scss */ .nav-inner .logo { width: auto; height: auto; position: relative; left: 0; top: 50%; float: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* line 640, ../sass/_style.scss */ .nav-inner .logo a img { max-height: 50px; } /* Navigation */ /* line 646, ../sass/_style.scss */ .nav-menu { float: right; height: 100%; } /* line 651, ../sass/_style.scss */ .nav-menu ul { height: 100%; } /* line 655, ../sass/_style.scss */ .nav-menu ul li { float: left; height: 100%; } /* line 660, ../sass/_style.scss */ .nav-menu ul li a { height: 100%; line-height: 57px; color: inherit; font-size: 15px; font-weight: inherit; padding-left: 19px; padding-right: 19px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* DropDown Menu */ /* line 676, ../sass/_style.scss */ .nav-menu ul.dropdown-menu { background-color: inherit; height: auto; margin: 0; box-shadow: none; border-radius: 0; border-top: 2px solid; border-left: transparent !important; border-bottom: transparent !important; border-right: transparent !important; padding: 0; } /* line 689, ../sass/_style.scss */ .nav-menu ul.dropdown-menu li { float: none; width: 100%; } /* line 694, ../sass/_style.scss */ .nav-menu ul.dropdown-menu li a { font-size: 14px; line-height: 16px; padding: 15px 19px; font-weight: 500; display: block; color: #e1e1e1; } /* White Navigation, Coming From Top */ /* line 705, ../sass/_style.scss */ .first-nav.white-nav { background-color: rgba(255, 255, 255, 0.1); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); } /* line 710, ../sass/_style.scss */ .first-nav.white-nav .nav-menu { color: #fff; } /* line 715, ../sass/_style.scss */ .second-nav.white-nav .nav-menu, .first-nav.white-nav .nav-menu ul.dropdown-menu li a { color: #3e3e3e; } /* line 719, ../sass/_style.scss */ .white-nav .nav-menu ul.dropdown-menu li a { color: inherit; } /* line 724, ../sass/_style.scss */ .second-nav.white-nav, .white-nav .nav-menu ul.dropdown-menu { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); } /* line 729, ../sass/_style.scss */ .first-nav.white-nav .nav-inner .nav-menu ul li a:hover { background-color: rgba(255, 255, 255, 0.1); } /* line 733, ../sass/_style.scss */ .second-nav.white-nav .nav-inner .nav-menu ul li a:hover { background-color: #f8f8f8; } /* line 739, ../sass/_style.scss */ .second-nav.white-nav .nav-inner .nav-menu ul li.active a, .white-nav .nav-menu ul.dropdown-menu li a:hover, .white-nav .nav-menu ul.dropdown-menu li.active a { background-color: #f8f8f8; } /* White Navigation, For Sticky */ /* line 745, ../sass/_style.scss */ #navigation-sticky.white-nav { background: rgba(255, 255, 255, 0.95); } /* White Navigation, Coming From Top */ /* line 751, ../sass/_style.scss */ .nav-from-top { top: -75px !important; } /* line 755, ../sass/_style.scss */ .second-nav { top: 0 !important; } /* Mboile Nav Button */ /* line 761, ../sass/_style.scss */ .mobile-nav-button { display: none; position: absolute; width: 40px; height: 40px; line-height: 40px; background: transparent; right: 15px; top: 50%; text-align: right; font-size: 25px; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* line 779, ../sass/_style.scss */ .mobile-nav-button:hover, .mobile-nav-button:active { color: #1f1f1f; } /* Home V1 */ /* line 785, ../sass/_style.scss */ #home { z-index: 6; } /* line 789, ../sass/_style.scss */ #home .home-elements { width: 100%; height: 100%; margin: 0; left: 0; top: 0; position: absolute; z-index: 5; } /* line 799, ../sass/_style.scss */ #home .home-elements .home-inner { position: relative; top: 50%; height: auto; width: 100%; max-width: 1170px; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* line 811, ../sass/_style.scss */ #home .home-elements .v1 { margin-top: 20px; } /* line 815, ../sass/_style.scss */ .home-inner.v1 .home-fixed-text { font-size: 60px; color: #d1d1d1; line-height: 60px; margin: 0; padding: 0; } /* Background Slider Images */ /* line 825, ../sass/_style.scss */ .slides-container div { background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 831, ../sass/_style.scss */ body.parallax .slides-container div { background-attachment: fixed; } /* line 835, ../sass/_style.scss */ .container.darkbg { background: #1A1A1A; border-top: 1px solid #000000; border-bottom: 1px solid #000000; color: #EEEEEE; } /* line 842, ../sass/_style.scss */ .image1 { background-image: url(../images/slide1.jpg); } /* line 846, ../sass/_style.scss */ .image2 { background-image: url(../images/slide2.jpg); } /* line 849, ../sass/_style.scss */ .image3 { background-image: url(../images/slide3.jpg); } /* Alternative Images */ /* line 855, ../sass/_style.scss */ .image4 { background-image: url(../images/page-bg.jpg); } /* line 858, ../sass/_style.scss */ .image5 { background-image: url(../images/slide5.jpg); } /* line 861, ../sass/_style.scss */ .image6 { background-image: url(../images/slide6.jpg); } /* line 864, ../sass/_style.scss */ .image7 { background-image: url(../images/slide7.jpg); } /* line 867, ../sass/_style.scss */ .image8 { background-image: url(../images/slide8.jpg); } /* line 870, ../sass/_style.scss */ .image9 { background-image: url(../images/slide9.jpg); } /* line 873, ../sass/_style.scss */ .image10 { background-image: url(../images/slide10.jpg); } /* line 876, ../sass/_style.scss */ .image11 { background-image: url(../images/slide11.jpg); } /* line 879, ../sass/_style.scss */ .image12 { background-image: url(../images/slide12.jpg); } /* Image Background */ /* line 885, ../sass/_style.scss */ .image-bg { background-image: url(../images/slide4.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 892, ../sass/_style.scss */ body.parallax .image-bg { background-attachment: fixed; } /* Home Text Slider v1 */ /* line 898, ../sass/_style.scss */ .home-inner.v1 .text-slider .home-texts .slide { font-size: 120px; line-height: 130px; } /* line 903, ../sass/_style.scss */ .home-inner.v1 .text-slider .flex-direction-nav { width: auto; float: right; position: absolute; right: 0; bottom: 0; opacity: 1; display: block; margin: 20px auto; } /* line 914, ../sass/_style.scss */ .home-inner.v1 .text-slider .flex-direction-nav li { opacity: 1; display: block; } /* line 919, ../sass/_style.scss */ .home-inner.v1 .text-slider .flex-direction-nav li a { opacity: 0.5; display: block; width: 38px; height: 38px; background-image: url(../images/controls.png); background-position: top left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 931, ../sass/_style.scss */ .home-inner.v1 .text-slider .flex-direction-nav li a:hover { opacity: 1; } /* line 935, ../sass/_style.scss */ .home-inner.v1 .text-slider .flex-direction-nav li a.flex-next { background-position: bottom left; margin: 10px auto 0; } /* Home Text Slider v2 */ /* line 942, ../sass/_style.scss */ .home-inner.v2 .text-slider .home-texts .slide { font-size: 60px; line-height: 60px; } /* line 947, ../sass/_style.scss */ .home-inner.v2 .home-fixed-text { font-size: 22px; color: #d1d1d1; line-height: 30px; margin: 0; padding: 0; } /* line 955, ../sass/_style.scss */ .home-inner.v2 .text-slider .flex-direction-nav { width: 100%; position: relative; opacity: 1; display: block; margin: 13px auto 9px; text-align: center; } /* line 964, ../sass/_style.scss */ .home-inner.v2 .text-slider .flex-direction-nav li { opacity: 1; display: inline-block; } /* line 969, ../sass/_style.scss */ .home-inner.v2 .text-slider .flex-direction-nav li a { display: block; width: 38px; height: 38px; background-image: url(../images/left-litle.png); background-color: rgba(0, 0, 0, 0.15); background-repeat: no-repeat; border-radius: 100px; background-position: center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 3px; } /* line 984, ../sass/_style.scss */ .home-inner.v2 .text-slider .flex-direction-nav li a:hover { background-color: rgba(0, 0, 0, 0.8); } /* line 988, ../sass/_style.scss */ .home-inner.v2 .text-slider .flex-direction-nav li a.flex-next { background-image: url(../images/right-litle.png); } /* Home Strip */ /* line 994, ../sass/_style.scss */ .home-strip { width: 100%; height: 1px; background: white; opacity: 0.2; margin: 23px auto 18px; } /* Home Boxes */ /* line 1004, ../sass/_style.scss */ .home-boxes { width: 100%; height: auto; position: relative; margin: 0; } /* line 1011, ../sass/_style.scss */ .home-box { width: 100%; height: auto; position: relative; float: left; color: #d1d1d1; padding-right: 10px; cursor: move; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1024, ../sass/_style.scss */ .home-box h1 { color: inherit; font-size: 20px; margin-top: 0; line-height: 40px; } /* line 1031, ../sass/_style.scss */ .home-box h1 span { display: inline-block; width: 35px; height: 35px; border-radius: 200px; margin-top: -15px; margin-right: 5px; background: rgba(40, 43, 49, 0.5); text-align: center; line-height: 35px; } /* line 1043, ../sass/_style.scss */ .home-box p { font-size: 13px; color: inherit; } /* line 1048, ../sass/_style.scss */ .home-box:hover { color: #e5e5e5; } /* Home Boxes Navigations */ /* line 1054, ../sass/_style.scss */ .home-boxes .owl-controls { display: block; width: 100%; height: auto; } /* line 1060, ../sass/_style.scss */ .home-boxes .owl-controls .owl-buttons { display: block; width: 100%; height: auto; } /* line 1066, ../sass/_style.scss */ .home-boxes .owl-controls .owl-buttons div { display: inline-block; width: 35px; height: 55px; background-position: center center; background-repeat: no-repeat; opacity: 0.5; margin-top: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1079, ../sass/_style.scss */ .home-boxes .owl-controls .owl-buttons div:nth-of-type(1) { background-image: url(../images/left.png); } /* line 1084, ../sass/_style.scss */ .home-boxes .owl-controls .owl-buttons div:nth-of-type(2) { background-image: url(../images/right.png); margin-left: 6px; } /* line 1089, ../sass/_style.scss */ .home-boxes .owl-controls .owl-buttons div:hover { opacity: 1; } /* Home Buttons */ /* line 1095, ../sass/_style.scss */ .home-elements div.home-button-inner { bottom: 17%; position: absolute; } /* line 1100, ../sass/_style.scss */ .home-button { display: inline-block; margin: 0 auto; padding: 8px 13px; } /* line 1106, ../sass/_style.scss */ .home-button i { display: inline-block; margin-left: 5px; font-size: 22px; } /* line 1112, ../sass/_style.scss */ .home-button:hover { color: white; } /* line 1116, ../sass/_style.scss */ .home-button-1 { display: inline-block; margin: 0 3px; padding: 8px 21px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.3); color: #979592; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1128, ../sass/_style.scss */ .home-button-1 a { color: #979592; } /* line 1132, ../sass/_style.scss */ .home-button-1:hover { color: #d4d4d4; background: rgba(0, 0, 0, 0.7); border: 1px solid rgba(255, 255, 255, 0); } /* Super Slides Navigation */ /* line 1140, ../sass/_style.scss */ .slides-navigation { margin: -27px auto 0; position: absolute; z-index: 3; top: 50%; width: 100%; z-index: 20; } /* line 1148, ../sass/_style.scss */ .slides-navigation a { position: absolute; display: block; width: 38px; height: 54px; background-position: center center; background-repeat: no-repeat; background-color: rgba(30, 30, 30, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 1161, ../sass/_style.scss */ .slides-navigation a.prev { left: 0; background-image: url(../images/left.png); } /* line 1165, ../sass/_style.scss */ .slides-navigation a.next { right: 0; background-image: url(../images/right.png); } /* line 1170, ../sass/_style.scss */ #home:hover .slides-navigation a { background-color: rgba(30, 30, 30, 0.3); } /* line 1174, ../sass/_style.scss */ .slides-navigation a:hover { background-color: rgba(30, 30, 30, 0.9) !important; } /* Layer, Rev Slider */ /* line 1180, ../sass/_style.scss */ #layerslider { width: 100%; } /* line 1184, ../sass/_style.scss */ .text-type1 { font-size: 30px; color: #959595; } /* line 1189, ../sass/_style.scss */ .text-type2 { font-size: 30px; color: #686868; } /* line 1194, ../sass/_style.scss */ .text-type3 { font-size: 50px; color: #686868; } /* line 1199, ../sass/_style.scss */ .text-type4 { font-size: 16px; color: #727272; } /* line 1204, ../sass/_style.scss */ .text-type5 { color: #f3f3f3; } /* line 1208, ../sass/_style.scss */ .text-type6 { color: #d1d1d1; font-size: 22px; } /* line 1213, ../sass/_style.scss */ .text-type7 { color: #1f1f1f; font-size: 25px; } /* line 1218, ../sass/_style.scss */ .text-type8 { color: #1f1f1f; font-size: 15px; } /* line 1223, ../sass/_style.scss */ .text-type9 { font-size: 50px; } /* line 1227, ../sass/_style.scss */ .text-type10 { font-size: 20px; } /* line 1231, ../sass/_style.scss */ .text-type11 { font-size: 25px; } /* line 1235, ../sass/_style.scss */ .slide-button { width: auto; height: auto; padding: 10px 20px; background: rgba(255, 255, 255, 0.7); display: inline-block; border: 1px solid #ededed; color: #a3a3a3; text-align: center; font-size: 14px; } /* line 1248, ../sass/_style.scss */ .slide-button a, a.slide-button { color: #a3a3a3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1255, ../sass/_style.scss */ .slide-button:hover { background: rgba(255, 255, 255, 0.8); color: #8f8f8f; } /* Slider Social Icons */ /* line 1262, ../sass/_style.scss */ .social-icon { width: 20px; height: 20px; border-radius: 100%; background: white; display: inline-block; margin: 0 3px; color: #c5c5c5; padding: 4px; line-height: 20px; text-align: center; } /* line 1275, ../sass/_style.scss */ .social-icon a { color: #c5c5c5; } /* line 1279, ../sass/_style.scss */ .social-icon:hover { color: white; } /* Slider Social Icons For Rev Slider */ /* line 1285, ../sass/_style.scss */ .tp-caption .social-icon { width: 24px; height: 24px; line-height: 16px; } /* line 1291, ../sass/_style.scss */ .tp-caption .social-icon:hover { color: white; } /* Parallax Video Version */ /* line 1297, ../sass/_style.scss */ #wrapper_mbYTP_P10 { z-index: 0 !important; } /* Page Content */ /* line 1303, ../sass/_style.scss */ section.page-content { margin: 0; width: 100%; padding: 25px 0; } /* line 1309, ../sass/_style.scss */ section.page-content .page-content-inner { width: 100%; max-width: 1170px; margin: 0 auto; } /* Page Content Left */ /* line 1317, ../sass/_style.scss */ section.page-content .page-content-inner .content-left { text-align: left; float: left; } /* line 1322, ../sass/_style.scss */ section.page-content .page-content-inner h1.content-head { margin: 0 0 8px; padding: 0; font-size: 35px; } /* line 1328, ../sass/_style.scss */ section.page-content .page-content-inner p.content-text { font-size: 15px; padding: 0; margin: 0; } /* Page Content Right */ /* line 1336, ../sass/_style.scss */ section.page-content .page-content-inner .content-right { float: right; text-align: right; } /* line 1341, ../sass/_style.scss */ section.page-content .page-content-inner a.page-content-button { display: inline-block; padding: 15px 30px; margin: 10px 4px 0 0; background-color: #191919; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1351, ../sass/_style.scss */ section.page-content .page-content-inner a.page-content-button:hover { color: white; } /* Page Header */ /* line 1357, ../sass/_style.scss */ section.page_header { background-color: #fafafa; width: 100%; height: auto; } /* line 1363, ../sass/_style.scss */ section.page_header .page_header_inner { width: 90%; max-width: 1170px; margin: 0 auto; position: relative; height: auto; padding: 30px 0; } /* line 1372, ../sass/_style.scss */ section.page_header .page_header_inner .p_head_left { width: 65%; height: auto; } /* line 1377, ../sass/_style.scss */ section.page_header .page_header_inner .p_head_left h1.p-header { margin: 0 0 5px; padding: 0; color: #3e3e3e; font-size: 30px; } /* line 1384, ../sass/_style.scss */ section.page_header .page_header_inner .p_head_left p.p-desc { margin: 0; padding: 0; color: #787777; font-size: 14px; } /* line 1391, ../sass/_style.scss */ section.page_header .page_header_inner .p_head_right { width: 35%; height: auto; } /* line 1396, ../sass/_style.scss */ section.page_header .page_header_inner .p_head_right a.p-head-button { display: inline-block; width: auto; padding: 12px 22px; color: #6a6a6a; margin: 10px 0 0; font-size: 13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* About */ /* line 1410, ../sass/_style.scss */ #about .about-boxes { width: 100%; z-index: 3; position: relative; margin: 75px auto 0; } /* line 1417, ../sass/_style.scss */ #about .about-boxes .about-box { cursor: pointer; } /* About Icon */ /* line 1423, ../sass/_style.scss */ #about .about-boxes .about-box a.about-icon { display: block; background: transparent; width: 130px; height: 130px; margin: 0 auto; border-radius: 500px; border: 1px solid #8b8b8b; color: #444444; font-size: 28px; line-height: 132px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1440, ../sass/_style.scss */ #about .about-boxes .about-box a.about-icon:after { position: absolute; background: transparent; content: ''; width: 100%; height: 100%; border-radius: 500px; left: 0; top: 0; border: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* About Header */ /* line 1457, ../sass/_style.scss */ #about .about-boxes .about-box h3 { font-size: 20px; color: #5f5f5f; margin: 20px auto 16px; padding: 0; } /* About Description */ /* line 1466, ../sass/_style.scss */ #about .about-boxes .about-box p { font-size: 15px; color: #919191; } /* About Box Rollover */ /* line 1473, ../sass/_style.scss */ #about .about-boxes .about-box:hover a.about-icon { background: #21242a; color: white; } /* line 1478, ../sass/_style.scss */ #about .about-boxes .about-box:hover a.about-icon:after { border: 1px solid #21242a; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* What We Do Section */ /* line 1488, ../sass/_style.scss */ #what-we-do { background-image: url(../images/i1.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } /* line 1494, ../sass/_style.scss */ #security { background-image: url(../images/vortek.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } /* line 1500, ../sass/_style.scss */ #industries-served { background-image: url(../images/i1.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } /* line 1507, ../sass/_style.scss */ #other-industries-served { background-image: url(../images/vortek.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } /* line 1513, ../sass/_style.scss */ #work-for-warriors { background-image: url(../images/slide5.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; color: #FFFFFF !important; } /* line 1520, ../sass/_style.scss */ #SAR { background-image: url(../images/slide6.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; color: #FFFFFF !important; } /* line 1528, ../sass/_style.scss */ body.parallax #what-we-do, body.parallax #security, body.parallax #industries-served { background-attachment: fixed; } /* line 1532, ../sass/_style.scss */ .what-we-do, .security, .industries-served { z-index: 1; } /* What We Do Filters */ /* line 1538, ../sass/_style.scss */ ul#w-filters li { display: inline-block; margin: 50px 45px; } /* line 1543, ../sass/_style.scss */ ul#w-filters li a { display: inline-block; width: 100px; height: 100px; line-height: 100px; border: 1px dotted #b9b7b7; border-radius: 8px; color: #FFFFFF; opacity: 1; font-size: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } /* line 1558, ../sass/_style.scss */ ul#w-filters li a span { display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); line-height: 1.5em; font-size: .7em; margin: 31px 0 0 -3px; } /* What We Do Items */ /* line 1570, ../sass/_style.scss */ .w-items .w-item { width: 100%; padding: 30px 24px; border: 1px dashed #7d7d7d; border-radius: 12px; color: #b9b7b7; background-color: rgba(35, 37, 43, 0.5); } /* line 1579, ../sass/_style.scss */ .w-items .w-item h1 { font-size: 22px; color: #d2d2d2; margin: 0; } /* line 1585, ../sass/_style.scss */ .w-items .w-item p { font-size: 15px; color: #c4c4c4; margin: 10px 0 0; } /* isotope styles */ /* line 1593, ../sass/_style.scss */ .isotope-item { z-index: 2; } /* line 1597, ../sass/_style.scss */ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ /* line 1605, ../sass/_style.scss */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } /* line 1613, ../sass/_style.scss */ .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } /* line 1621, ../sass/_style.scss */ .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ /* line 1633, ../sass/_style.scss */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* What We Do Second Area */ /* line 1643, ../sass/_style.scss */ .w-second-area { margin: 65px auto 0; } /* Left */ /* line 1649, ../sass/_style.scss */ .w-second-area .w-left p { margin: 20px auto; } /* line 1653, ../sass/_style.scss */ .w-second-area .w-left ul.w-descs li { list-style-image: none; list-style-position: inside; margin: 6px auto; } /* line 1659, ../sass/_style.scss */ .w-second-area .w-left ul.w-descs li i { background: url(../images/list-style.png) bottom left; top: 3px; position: relative; display: inline-block; width: 19px; height: 19px; margin-right: 7px; } /* line 1670, ../sass/_style.scss */ ul.w-descs li { list-style-image: none; list-style-position: inside; margin: 6px auto; } /* line 1677, ../sass/_style.scss */ ul.w-descs li i { background: url(../images/list-style.png) bottom left; top: 3px; position: relative; display: inline-block; width: 19px; height: 19px; margin-right: 7px; } /* Right */ /* line 1689, ../sass/_style.scss */ .w-second-area .w-right img { width: 90%; height: auto; } /* Button */ /* line 1696, ../sass/_style.scss */ .button { padding: 8px 14px; border-radius: 6px; font-size: 20px; margin: 3px auto; display: inline-block; opacity: 0.7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1708, ../sass/_style.scss */ .button:hover { opacity: 1; color: white; } /* Factors */ /* line 1715, ../sass/_style.scss */ #facts .inner .facts .fact { padding: 32px 36px; border: 1px #000000 solid; background: rgba(0, 0, 0, 0.7); width: auto; min-width: 200px; height: auto; display: inline-block; margin-right: 70px; margin-top: 25px; cursor: default; } /* line 1728, ../sass/_style.scss */ #facts { background: url("../images/mapbg.png"); border-top: 1px solid #000; border-bottom: 1px solid #000; } /* line 1734, ../sass/_style.scss */ #facts .inner .facts div:last-child { margin-right: 0px; } /* line 1738, ../sass/_style.scss */ #facts .inner .facts .fact h1 { font-size: 60px; color: inherit; margin: 0; padding: 0; letter-spacing: 1px; } /* line 1746, ../sass/_style.scss */ #facts .inner .facts .fact h3 { font-size: 20px; color: #3e3e3e; margin: 0; padding: 0; } /* Portfolio */ /* line 1755, ../sass/_style.scss */ #portfolio { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; width: 100%; overflow: hidden; } /* line 1762, ../sass/_style.scss */ #portfolio .portfolio:first-child { padding-bottom: 0; } /* line 1766, ../sass/_style.scss */ #portfolio .portfolio:last-child { margin-top: 35px; } /* Portfolio Filters */ /* line 1772, ../sass/_style.scss */ #portfolio .portfolio #options ul { padding: 0; margin: 0; } /* line 1777, ../sass/_style.scss */ #portfolio .portfolio #options ul li { display: inline-block; margin: 5px; } /* line 1782, ../sass/_style.scss */ #portfolio .portfolio #options ul li a { color: #363535; font-size: 15px; padding: 3px 9px; background: transparent; border: 1px solid #363636; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 1794, ../sass/_style.scss */ #portfolio .portfolio #options ul li a:hover, #portfolio .portfolio #options ul li a.selected { background: #3e3e3e; border: 1px solid #3e3e3e; color: white; } /* Portfolio Items */ /* line 1802, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items { margin-top: 35px; width: 100.1%; } /* line 1807, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item { height: auto; background: #1a1a1a; } /* line 1812, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item a.work-image { display: block; overflow: hidden; } /* line 1817, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item a.work-image img { width: 100%; height: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* Boxed Items */ /* line 1827, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items div.boxed-item { width: 33.3%; padding: 0 10px 20px; overflow: hidden; background: transparent; } /* line 1834, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items div.boxed-item .item-inner { width: 100%; height: 100%; padding: 0; margin: 0; background: #1a1a1a; } /* line 1842, ../sass/_style.scss */ #portfolio .portfolio.boxed .portfolio-items { margin-bottom: 35px; } /* Item Details */ /* line 1848, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item a.work-image div.item-details { position: absolute; display: inline-block; text-align: center; width: 100%; z-index: 3; top: 50%; left: 0; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 1865, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item a.work-image h1 { font-size: 30px; margin: 0; padding: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 1877, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item a.work-image span { display: inline-block; border-top: 1px solid white; border-bottom: 1px solid white; height: 6px; width: 30px; margin: 11px auto 5px; } /* line 1886, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item a.work-image p { font-size: 17px; color: #cdcdcd; margin: 0; padding: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* Item Rollover Styles */ /* line 1901, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item:hover a.work-image img { opacity: 0.05; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* line 1909, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item:hover a.work-image div.item-details { opacity: 1; } /* line 1913, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item:hover a.work-image div.item-details h1 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* line 1919, ../sass/_style.scss */ #portfolio .portfolio .portfolio-items .item:hover a.work-image div.item-details p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Load More Button */ /* line 1927, ../sass/_style.scss */ #portfolio .portfolio a.portfolio-view-more { display: inline-block; width: 80px; height: 80px; text-align: center; background: #f4f4f4; color: white; border-radius: 100%; line-height: 105px; margin-top: 50px; margin-bottom: 55px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* Load More Button For Boxed Versions */ /* line 1945, ../sass/_style.scss */ #portfolio .portfolio.boxed a.portfolio-view-more { margin-top: 0; } /* Our Team */ /* line 1951, ../sass/_style.scss */ #team { z-index: 2; } /* line 1955, ../sass/_style.scss */ #team .team .team-boxes { width: 100%; height: auto; margin-top: 95px; z-index: 20; } /* Team Item */ /* line 1964, ../sass/_style.scss */ #team .team .team-boxes .item { width: 100%; height: auto; position: relative; padding: 0 15px; } /* line 1971, ../sass/_style.scss */ #team .team .team-boxes .item .box-inner { width: 100%; border: 1px solid #d3d3d3; position: relative; } /* Member Image */ /* line 1979, ../sass/_style.scss */ #team .team .team-boxes .item .member-image { border: 1px solid #d3d3d3; overflow: hidden; text-align: center; } /* line 1985, ../sass/_style.scss */ #team .team .team-boxes .item .member-image img { height: 270px; } /* Member Name and Position */ /* line 1991, ../sass/_style.scss */ #team .team .team-boxes .item .member-name { padding: 15px 0; } /* line 1995, ../sass/_style.scss */ #team .team .team-boxes .item .member-name h1.name { color: #3e3e3e; font-size: 22px; } /* line 2000, ../sass/_style.scss */ #team .team .team-boxes .item .member-name h3.position { color: #868686; font-size: 15px; margin: 5px auto 0; } /* Member Rollover Items */ /* line 2008, ../sass/_style.scss */ #team .team .team-boxes .member-details { width: 100%; height: 100%; position: relative; left: 0; padding: 0 15px; background: white; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 2020, ../sass/_style.scss */ #team .team .team-boxes .item .member-details .details { width: 100%; height: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 2028, ../sass/_style.scss */ #team .team .team-boxes .item .member-details .member-details-inner { position: relative; top: 0; height: auto; } /* line 2034, ../sass/_style.scss */ #team .team .team-boxes .item .member-details .details .member-description { font-size: 14px; color: #6d6d6d; line-height: 18px; } /* line 2040, ../sass/_style.scss */ #team .team .team-boxes .item .member-details .details a.member-social { font-size: 14px; color: white; line-height: 18px; display: inline-block; width: 27px; height: 27px; text-align: center; background: #eaeaea; border-radius: 200px; margin: 5px 2px; line-height: 29px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 2057, ../sass/_style.scss */ #team .team .team-boxes .item .member-details .details a.member-detail-button { font-size: 17px; text-indent: -1px; color: white; display: block; width: 50px; height: 50px; text-align: center; border-radius: 200px; line-height: 42px; cursor: pointer; margin: 20px auto 0; background-color: white; border: 1px solid #d9d9d9; background: url(../images/mini-plus.png) center center no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* Member Rollover Effects */ /* line 2079, ../sass/_style.scss */ #team .team .team-boxes .item:hover .member-details { margin-top: -272px; /* Changeable padding for member description */ padding-top: 45px; } /* line 2085, ../sass/_style.scss */ #team .team .team-boxes .item:hover .member-details .details { height: 225px; } /* line 2089, ../sass/_style.scss */ #team .team .team-boxes .item .member-details .details a.member-social:hover { background: #424242; } /* Box Slider Controls */ /* line 2095, ../sass/_style.scss */ #team .team .team-boxes .owl-controls { top: -70px; position: absolute; width: 100%; height: 40px; text-align: inherit; display: block; } /* line 2104, ../sass/_style.scss */ #team .team .team-boxes .owl-controls .owl-buttons { width: 100%; height: auto; } /* line 2109, ../sass/_style.scss */ #team .team .team-boxes .owl-controls .owl-buttons div { display: inline-block; width: 38px; height: 38px; background-color: #282b31; border-radius: 200px; margin: 0 3px; opacity: 0.5; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2124, ../sass/_style.scss */ #team .team .team-boxes .owl-controls .owl-buttons div:nth-of-type(1) { background-image: url(../images/left-litle.png); } /* line 2128, ../sass/_style.scss */ #team .team .team-boxes .owl-controls .owl-buttons div:nth-of-type(2) { background-image: url(../images/right-litle.png); } /* line 2132, ../sass/_style.scss */ #team .team .team-boxes .owl-controls .owl-buttons div:hover { opacity: 0.8; } /* Team Modals */ /* line 2138, ../sass/_style.scss */ .modal-open { overflow: auto; } /* line 2142, ../sass/_style.scss */ .modal { background-color: rgba(255, 255, 255, 0.98); width: 100%; overflow: hidden; } /* line 2148, ../sass/_style.scss */ .modal-backdrop { opacity: 1; background-color: rgba(255, 255, 255, 0); width: 100%; } /* Modal Inner */ /* line 2156, ../sass/_style.scss */ .modal-inner { margin: 10% auto 0; width: 90%; max-width: 1000px; border-bottom: 1px solid #f3f3f3; max-height: 80%; overflow: auto; } /* line 2166, ../sass/_style.scss */ .modal .modal-inner .modal-left, .modal .modal-inner .modal-right { margin: 20px auto; } /* Modal Heads */ /* line 2172, ../sass/_style.scss */ .modal .modal-inner .modal-head { padding: 20px 0; border-bottom: 1px solid #f3f3f3; position: relative; } /* line 2178, ../sass/_style.scss */ .modal .modal-inner h1.member-name { font-size: 50px; margin-top: 0; padding-top: 0; } /* line 2184, ../sass/_style.scss */ .modal .modal-inner h4 { margin-top: 0; padding-top: 0; } /* line 2189, ../sass/_style.scss */ .modal .modal-inner a.close { cursor: pointer; font-size: 20px; width: 40px; display: block; position: absolute; right: 0; height: 40px; color: white; line-height: 38px; border-radius: 100%; opacity: 1; background: #bdbdbd; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Modal Image */ /* line 2209, ../sass/_style.scss */ .modal .modal-inner .modal-left { padding-left: 0; height: auto; } /* line 2214, ../sass/_style.scss */ .modal .modal-inner .modal-img { width: 100%; height: auto; } /* line 2219, ../sass/_style.scss */ .modal .modal-inner .modal-img img { width: 100%; height: auto; } /* Modal Details */ /* line 2226, ../sass/_style.scss */ .modal .modal-inner .modal-right { padding-right: 0; height: auto; } /* line 2231, ../sass/_style.scss */ .modal .modal-inner .modal-right .member-detail-one { font-size: 15px; } /* line 2235, ../sass/_style.scss */ .modal .modal-inner .modal-right .member-detail-two { font-size: 13px; } /* Modal Skills */ /* line 2241, ../sass/_style.scss */ .modal .modal-inner .modal-right .member-skills { width: 100%; height: auto; margin-top: 15px; } /* line 2247, ../sass/_style.scss */ .modal .modal-inner .modal-right .member-skills .progress { height: auto; border-radius: 1px; background-color: #f8f8f8; box-shadow: none; position: relative; } /* line 2255, ../sass/_style.scss */ .modal .modal-inner .modal-right .member-skills .progress-bar { height: 34px; font-size: 21px; background-color: #373737; } /* line 2261, ../sass/_style.scss */ .modal .modal-inner .modal-right .member-skills .progress-bar span { margin: 8px 8px 8px; padding: 0; font-size: 16px; position: absolute; width: 100%; } /* Features */ /* line 2271, ../sass/_style.scss */ #features { position: relative; } /* Features Background Image */ /* line 2277, ../sass/_style.scss */ #features .features-background { position: absolute; width: 100%; height: 765px; background-image: url(../images/i2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; top: 0; left: 0; right: 0; } /* line 2290, ../sass/_style.scss */ body.parallax #features .features-background { background-attachment: fixed; } /* Features Boxes */ /* line 2296, ../sass/_style.scss */ #features ul.features-mobile { width: 100%; height: auto; min-height: 580px; margin: 60px auto 0; background-image: url(../images/features-iphone.png); background-position: center top; background-repeat: no-repeat; padding-top: 90px; } /* line 2307, ../sass/_style.scss */ #features ul.features-mobile li.feature-box { max-width: 400px; float: left; text-align: right; cursor: default; display: block; height: auto; left: 0; padding-right: 30px; margin-top: 30px; } /* line 2319, ../sass/_style.scss */ #features ul.features-mobile li.feature-box:nth-of-type(2n) { float: right; text-align: left; right: 0; padding-left: 30px; padding-right: 0; } /* Features Box Icon */ /* line 2329, ../sass/_style.scss */ #features ul.features-mobile li.feature-box a.box-icon { width: 70px; height: 70px; border-radius: 200px; background: white; text-align: center; display: block; position: relative; font-size: 24px; line-height: 73px; color: #22252a; float: right; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2346, ../sass/_style.scss */ #features ul.features-mobile li.feature-box a.box-icon:after { position: absolute; background: transparent; border-radius: 200px; left: -5px; right: -5px; top: -5px; bottom: -5px; border: 2px solid white; content: ''; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2361, ../sass/_style.scss */ #features ul.features-mobile li.feature-box:nth-of-type(2n) a.box-icon { float: left; } /* Features Box Texts */ /* line 2367, ../sass/_style.scss */ #features ul.features-mobile li.feature-box .feature-texts { margin-right: 90px; } /* line 2371, ../sass/_style.scss */ #features ul.features-mobile li.feature-box:nth-of-type(2n) .feature-texts { margin-left: 90px; margin-right: 0; } /* line 2376, ../sass/_style.scss */ #features ul.features-mobile li.feature-box .feature-texts h1.box-head { font-size: 25px; } /* line 2380, ../sass/_style.scss */ #features ul.features-mobile li.feature-box .feature-texts p.box-desc { font-size: 13px; } /* Features Box Rollovers */ /* line 2386, ../sass/_style.scss */ #features ul.features-mobile li.feature-box:hover a.box-icon { color: white; } /* Testimonials */ /* line 2392, ../sass/_style.scss */ .testimonials { width: 100%; height: auto; padding: 120px 0 100px; background-position: center center; background-size: cover; background-repeat: no-repeat; } /* line 2401, ../sass/_style.scss */ body.parallax .testimonials { background-attachment: fixed; } /* Testimonials Background(s) */ /* line 2407, ../sass/_style.scss */ .testimonials.bg1 { background-image: url(../images/testimonials-1.jpg); } /* Top Arrow */ /* line 2413, ../sass/_style.scss */ .testimonials .t-arrow { display: block; left: 50%; border-top: 35px solid black; border-top-color: white; border-left: 35px solid transparent; border-right: 35px solid transparent; position: absolute; top: 0; z-index: 5; margin-left: -35px; } /* line 2426, ../sass/_style.scss */ .testimonials h1.quote { opacity: 0.7; } /* Text Slider */ /* line 2432, ../sass/_style.scss */ .testimonials ul.text-slider { width: 100%; max-width: 1170px; margin: 20px auto 0; } /* line 2438, ../sass/_style.scss */ .testimonials ul.text-slider li.text { padding: 0 15px; max-width: 1170px; } /* line 2443, ../sass/_style.scss */ .testimonials ul.text-slider li.text h1 { font-size: 30px; } /* line 2447, ../sass/_style.scss */ .testimonials ul.text-slider li.text p.author { font-size: 14px; color: #cacaca; margin: 25px auto; } /* Text Slider Direction */ /* line 2455, ../sass/_style.scss */ .testimonials ul.flex-direction-nav { width: 100%; height: auto; text-align: center; margin-top: 20px; } /* line 2462, ../sass/_style.scss */ .testimonials ul.flex-direction-nav li { display: inline-block; width: 38px; height: 38px; margin: 0 3px; } /* line 2469, ../sass/_style.scss */ .testimonials ul.flex-direction-nav li a { display: block; width: 38px; height: 38px; border-radius: 200px; background-color: rgba(35, 35, 35, 0.5); opacity: 0.9; background-repeat: no-repeat; background-position: center center; background-image: url(../images/left-litle.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2484, ../sass/_style.scss */ .testimonials ul.flex-direction-nav li:nth-of-type(2) a { background-image: url(../images/right-litle.png); } /* line 2488, ../sass/_style.scss */ .testimonials ul.flex-direction-nav li a:hover { background-color: rgba(35, 35, 35, 0.9); } /* Clients */ /* line 2494, ../sass/_style.scss */ #clients { z-index: 2; position: relative; } /* line 2499, ../sass/_style.scss */ #clients .clients { margin-top: 67px; } /* line 2503, ../sass/_style.scss */ #clients .inner { padding-bottom: 70px; } /* Clients Items */ /* line 2509, ../sass/_style.scss */ #clients .clients .item { padding: 0 15px; color: #7f7f7f; } /* Client Images */ /* line 2516, ../sass/_style.scss */ #clients .clients .item .client-image { display: block; max-width: 128px; margin: 0 auto; } /* line 2522, ../sass/_style.scss */ #clients .clients .item .client-image img { width: 100%; border: 1px dashed #a4a4a4; } /* Client Names */ /* line 2529, ../sass/_style.scss */ #clients .clients .item h1.client-name { margin: 24px auto 0; padding: 0; font-size: 22px; } /* Client Positions */ /* line 2537, ../sass/_style.scss */ #clients .clients .item h3.client-position { margin: 11px auto 9px; padding: 0; font-size: 13px; } /* Client Descriptions */ /* line 2545, ../sass/_style.scss */ #clients .clients .item p.client-desc { margin: 0 auto; padding: 0; font-size: 13px; } /* Slider Pagination */ /* line 2553, ../sass/_style.scss */ #clients .clients .owl-controls { height: auto; width: 100%; margin-top: 70px; } /* line 2559, ../sass/_style.scss */ #clients .clients .owl-controls .owl-pagination { height: auto; width: 100%; text-align: center; } /* line 2565, ../sass/_style.scss */ #clients .clients .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; background: #383838; margin: 0 4px; border-radius: 100px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2577, ../sass/_style.scss */ #clients .clients .owl-controls .owl-pagination .owl-page.active { background: transparent; border: 1px solid #383838; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } /* Client Logos */ /* line 2588, ../sass/_style.scss */ #clients .client-logos { height: 100px; } /* line 2592, ../sass/_style.scss */ #clients .client-logos .logos { text-align: center; position: relative; } /* line 2597, ../sass/_style.scss */ #clients .client-logos .logos .owl-item { height: 100px; } /* line 2601, ../sass/_style.scss */ #clients .client-logos .logos .item { position: relative; top: 48%; display: block; opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2614, ../sass/_style.scss */ #clients .client-logos .logos .item:active { cursor: -webkit-grab; cursor: -moz-grab; } /* line 2619, ../sass/_style.scss */ #clients .client-logos .logos .item img { max-width: 105px; max-height: 30px; } /* line 2624, ../sass/_style.scss */ #clients .client-logos .logos .item:hover { opacity: 0.7; } /* Why North (Accordion and Tabs) */ /* line 2630, ../sass/_style.scss */ #why-we .items { margin-top: 70px; } /* line 2634, ../sass/_style.scss */ #why-we div.left { width: 50%; height: auto; float: left; padding-right: 15px; } /* line 2641, ../sass/_style.scss */ #why-we div.right { width: 50%; height: auto; float: left; padding-left: 15px; } /* Tabs */ /* line 2650, ../sass/_style.scss */ .tabs .nav-tabs li a { border-radius: 1px; color: #7f7f7f; font-size: 15px; padding: 8px 27px; background: #fafafa; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } /* line 2661, ../sass/_style.scss */ .tabs .nav-tabs li.active a { border-top: 2px solid; background: white; } /* line 2666, ../sass/_style.scss */ .tabs .nav-tabs li a:hover { background: #ededed; } /* line 2670, ../sass/_style.scss */ .tabs .nav-tabs li.active a:hover { background: white; color: #7f7f7f; } /* Tab Content */ /* line 2677, ../sass/_style.scss */ .tabs .tab-content { border: 1px solid #dbdbdb; border-top: none; padding: 25px 15px; font-size: 14px; color: #a9a9a9; } /* line 2685, ../sass/_style.scss */ .tabs .tab-pane { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 2691, ../sass/_style.scss */ .tabs .tab-content a.tab-image { display: block; margin-right: 25px; margin-top: 10px; width: auto; height: auto; float: left; max-width: 160px; } /* line 2701, ../sass/_style.scss */ .tabs .tab-content a.tab-image.right { margin-left: 25px; margin-right: 0; float: right; } /* line 2707, ../sass/_style.scss */ .tabs .tab-content a.tab-image img { width: 100%; } /* line 2711, ../sass/_style.scss */ .tabs .tab-content .tab-text { margin: 0px; padding: 8px; display: block; top: 0; position: relative; text-align: justify; line-height: 20px; } /* Accordion Menu */ /* line 2723, ../sass/_style.scss */ .accordion .panel { box-shadow: none; margin-bottom: 7px; } /* line 2728, ../sass/_style.scss */ #accordion div:last-child { margin-bottom: 0; } /* line 2732, ../sass/_style.scss */ .accordion a.panel-button { padding: 15px; width: 100%; display: block; color: #717171; box-shadow: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } /* line 2743, ../sass/_style.scss */ .accordion a.panel-button:hover { background: #ededed; } /* Accordion Body */ /* line 2749, ../sass/_style.scss */ .accordion .panel-body { padding: 18px 32px; font-size: 14px; color: #8e8d8d; border-top: 1px solid #dfdfdf; } /* Featured Works */ /* line 2758, ../sass/_style.scss */ #featured-works { background-image: url(../images/i3.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 2765, ../sass/_style.scss */ body.parallax #featured-works { background-attachment: fixed; } /* line 2769, ../sass/_style.scss */ #featured-works .works { position: relative; margin-top: 40px; z-index: 5; padding: 10px; } /* line 2776, ../sass/_style.scss */ #featured-works .works .item { padding: 10px 0; height: auto; z-index: 1; cursor: pointer; } /* Featured Work Images */ /* line 2785, ../sass/_style.scss */ #featured-works .works .item .f-image { position: relative; height: auto; opacity: 0.5; overflow: hidden; width: 100%; padding: 0 10px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } /* line 2797, ../sass/_style.scss */ #featured-works .works .item .f-image img { width: 100%; height: auto; } /* Featured Work Headers */ /* line 2804, ../sass/_style.scss */ #featured-works .works .item .texts { position: absolute; width: 100%; height: auto; left: 0; top: 0; } /* line 2812, ../sass/_style.scss */ #featured-works .works .item h1.f-head { position: relative; z-index: 2; font-size: 30px; padding: 0; margin: 30px 0 0 30px; text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2); opacity: 0.7; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } /* line 2825, ../sass/_style.scss */ #featured-works .works .item h2.f-text { position: relative; z-index: 2; font-size: 15px; padding: 0; margin: 10px 0 0 30px; text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2); opacity: 0.7; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } /* Featured Balls */ /* line 2840, ../sass/_style.scss */ #featured-works .works .item .f-button { position: absolute; bottom: -60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2848, ../sass/_style.scss */ #featured-works .works .item .f-button.first { right: 100px; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; } /* line 2855, ../sass/_style.scss */ #featured-works .works .item .f-button.second { right: 30px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } /* line 2862, ../sass/_style.scss */ #featured-works .works .item .featured-ball { position: relative; z-index: 2; font-size: 20px; line-height: 65px; text-align: center; display: inline-block; background: white; color: #444444; width: 60px; height: 60px; margin: 0; border-radius: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } /* Featured Work Rollovers */ /* line 2884, ../sass/_style.scss */ #featured-works .works .item:hover .f-image, #featured-works .works .item:hover h1.f-head, #featured-works .works .item:hover h1.f-text { opacity: 1; } /* line 2889, ../sass/_style.scss */ #featured-works .works .item:hover .f-button.first, #featured-works .works .item:hover .f-button.second { bottom: 15px; opacity: 1; } /* line 2894, ../sass/_style.scss */ #featured-works .works .item .featured-ball:hover { color: white; } /* Featured Work Directions */ /* line 2900, ../sass/_style.scss */ #featured-works .works .owl-controls { margin-top: 40px; position: relative; width: 100%; height: 40px; text-align: inherit; display: block; } /* line 2909, ../sass/_style.scss */ #featured-works .works .owl-controls .owl-buttons { width: 100%; height: auto; text-align: center; } /* line 2915, ../sass/_style.scss */ #featured-works .works .owl-controls .owl-buttons div { display: inline-block; width: 38px; height: 38px; background-color: #171717; border-radius: 200px; margin: 0 3px; opacity: 0.8; background-position: center center; background-repeat: no-repeat; background-image: url(../images/left-litle.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2931, ../sass/_style.scss */ #featured-works .works .owl-controls .owl-buttons div:nth-of-type(2) { background-image: url(../images/right-litle.png); } /* Direction Hovers */ /* line 2937, ../sass/_style.scss */ #featured-works .works .owl-controls .owl-buttons div:hover { background-color: white; background-image: url(../images/left-litle-black.png); opacity: 0.7; } /* line 2943, ../sass/_style.scss */ #featured-works .works .owl-controls .owl-buttons div:nth-of-type(2):hover { background-image: url(../images/right-litle-black.png); } /* Featured Items, Second Area */ /* line 2949, ../sass/_style.scss */ #featured-works .feature-second-area { padding: 25px 0 0; } /* line 2953, ../sass/_style.scss */ #featured-works .feature-second-area h1.f-head { padding: 0; margin: 0; } /* line 2958, ../sass/_style.scss */ #featured-works .feature-second-area p.f-text { font-size: 15px; color: #c1c1c1; margin-top: 10px; } /* line 2964, ../sass/_style.scss */ #featured-works .feature-second-area .feature-button { width: auto; display: inline-block; text-align: center; margin: 30px 15px 0; color: #2a2a2a; background: white; padding: 10px 30px 8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 2977, ../sass/_style.scss */ #featured-works .feature-second-area .feature-button h3 { font-size: 20px; padding: 0; margin: 0; } /* line 2983, ../sass/_style.scss */ #featured-works .feature-second-area .feature-button p { font-size: 13px; padding: 0; margin: 0; } /* line 2989, ../sass/_style.scss */ #featured-works .feature-second-area .feature-button:hover { color: white; } /* Skills */ /* line 2995, ../sass/_style.scss */ #skills .skills { width: 90%; margin: 35px auto 0; max-width: 1030px; } /* line 3001, ../sass/_style.scss */ #skills .skills .progress { height: auto; border-radius: 1px; background-color: #f8f8f8; box-shadow: none; margin-top: 35px; position: relative; } /* line 3010, ../sass/_style.scss */ #skills .skills .progress .progress-bar { height: 38px; font-size: 21px; background-color: #373737; } /* line 3016, ../sass/_style.scss */ #skills .skills .progress .progress-bar span { margin: 10px 10px 8px; padding: 0; font-size: 20px; position: absolute; width: 100%; } /* Services */ /* line 3026, ../sass/_style.scss */ #services { background-image: url(../images/i4.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 3033, ../sass/_style.scss */ body.parallax #services { background-attachment: fixed; } /* line 3037, ../sass/_style.scss */ #services .service-boxes { width: 100%; margin: 90px auto 0; } /* line 3042, ../sass/_style.scss */ #services .service-boxes .service-box { cursor: pointer; padding: 15px; } /* Service Icon */ /* line 3049, ../sass/_style.scss */ #services .service-boxes .service-box a.service-icon { display: block; background: transparent; width: 130px; height: 130px; margin: 0 auto; border-radius: 500px; border: 1px solid #8b8b8b; color: #444444; font-size: 28px; line-height: 132px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3066, ../sass/_style.scss */ #services .service-boxes .service-box a.service-icon:after { position: absolute; background: transparent; content: ''; width: 100%; height: 100%; border-radius: 500px; left: 0; top: 0; border: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Service Header */ /* line 3083, ../sass/_style.scss */ #services .service-boxes .service-box h3 { font-size: 20px; color: #5f5f5f; margin: 20px auto 16px; padding: 0; } /* Service Description */ /* line 3092, ../sass/_style.scss */ #services .service-boxes .service-box p { font-size: 15px; color: #919191; } /* Service Box Rollover */ /* line 3099, ../sass/_style.scss */ #services .service-boxes .service-box:hover a.service-icon { background: #21242a; color: white; } /* line 3104, ../sass/_style.scss */ #services .service-boxes .service-box:hover a.service-icon:after { border: 1px solid #21242a; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Box Slider Controls */ /* line 3114, ../sass/_style.scss */ #services .service-boxes .owl-controls { top: -50px; position: absolute; width: 100%; height: 40px; text-align: inherit; display: block; } /* line 3123, ../sass/_style.scss */ #services .service-boxes .owl-controls .owl-buttons { width: 100%; height: auto; } /* line 3128, ../sass/_style.scss */ #services .service-boxes .owl-controls .owl-buttons div { display: inline-block; width: 38px; height: 38px; background-color: white; border-radius: 200px; margin: 0 3px; opacity: 0.7; background-position: center center; background-repeat: no-repeat; background-image: url(../images/left-litle-black.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3144, ../sass/_style.scss */ #services .service-boxes .owl-controls .owl-buttons div:nth-of-type(2) { background-image: url(../images/right-litle-black.png); } /* line 3148, ../sass/_style.scss */ #services .service-boxes .owl-controls .owl-buttons div:hover { background-color: #262626; background-image: url(../images/left-litle.png); opacity: 1; } /* line 3154, ../sass/_style.scss */ #services .service-boxes .owl-controls .owl-buttons div:nth-of-type(2):hover { background-image: url(../images/right-litle.png); } /* Prices */ /* line 3160, ../sass/_style.scss */ #prices { background-image: url(../images/i5.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 3167, ../sass/_style.scss */ body.parallax #prices { background-attachment: fixed; } /* Table */ /* line 3173, ../sass/_style.scss */ #prices .prices { margin-top: 70px; } /* line 3177, ../sass/_style.scss */ #prices .prices .p-table { border-left: 1px solid rgba(255, 255, 255, 0.2); padding: 15px; color: #d4d4d4; } /* Table Price */ /* line 3185, ../sass/_style.scss */ #prices .prices .p-table h1 { font-size: 60px; margin: 0; padding: 0; } /* Table Per Time */ /* line 3193, ../sass/_style.scss */ #prices .prices .p-table h1 span { font-size: 15px; } /* Table Category */ /* line 3199, ../sass/_style.scss */ #prices .prices .p-table h3 { margin: 10px 0 0; font-size: 30px; padding: 0; } /* Table Properties */ /* line 3207, ../sass/_style.scss */ #prices .prices .p-table ul.properties { margin-top: 50px; } /* line 3211, ../sass/_style.scss */ #prices .prices .p-table ul.properties li { margin-top: 15px; font-size: 18px; } /* Table Button */ /* line 3218, ../sass/_style.scss */ #prices .prices .p-table a.p-button { color: inherit; padding: 10px 20px; margin-top: 40px; display: inline-block; text-align: center; background: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Active and Rollovers */ /* line 3233, ../sass/_style.scss */ #prices .prices .p-table.active a.p-button, #prices .prices .p-table a.p-button:hover { color: white; opacity: 0.7; } /* line 3238, ../sass/_style.scss */ #prices .prices .p-table.active a.p-button:hover { opacity: 0.9; } /* line 3242, ../sass/_style.scss */ #prices .prices .p-table.active h1 span { color: #d4d4d4; } /* Contact Form */ /* line 3248, ../sass/_style.scss */ #contact .inner { padding-bottom: 68px; color: #EEEEEE; } /* line 3253, ../sass/_style.scss */ #contact .contact { max-width: 970px; margin: 75px auto 0; } /* line 3258, ../sass/_style.scss */ input, textarea, button { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3264, ../sass/_style.scss */ #contact .contact form .form { width: 100%; height: auto; padding: 15px 15px 12px; font-size: 18px; margin-bottom: 18px; color: #7f7f7f; letter-spacing: 0.5px; } /* line 3274, ../sass/_style.scss */ .light-form { background: #fafafa; border: 1px solid #eeeeee; } /* line 3279, ../sass/_style.scss */ .dark-form { background-color: transparent; border: 1px solid #2e2e2e; } /* line 3284, ../sass/_style.scss */ #contact .contact form .textarea { height: 201px; max-width: 100%; max-height: 201px; } /* line 3290, ../sass/_style.scss */ #contact .contact form button.contact-form-button { margin-bottom: 0; } /* line 3294, ../sass/_style.scss */ #subscribe form .subscribe-form { width: 100%; height: auto; padding: 15px 15px 12px; font-size: 18px; margin-bottom: 18px; color: #7f7f7f; letter-spacing: 0.5px; } /* Actives, Focuses and Rollovers */ /* line 3307, ../sass/_style.scss */ #contact .contact form .form:active, #contact .contact form .form:focus { outline: none; } /* line 3311, ../sass/_style.scss */ #contact .contact form button.contact-form-button:hover { color: white; } /* line 3315, ../sass/_style.scss */ #contact .contact form .light-form:hover { border-color: #dadada; } /* Message For Mail */ /* line 3321, ../sass/_style.scss */ .mail-message-area { width: 100%; padding: 0 15px; } /* line 3326, ../sass/_style.scss */ .mail-message { width: 100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin: 0 auto; border-radius: 0; } /* line 3335, ../sass/_style.scss */ .not-visible-message { height: 0px; opacity: 0; } /* line 3340, ../sass/_style.scss */ .visible-message { height: auto; opacity: 1; margin: 25px auto 0; } /* line 3346, ../sass/_style.scss */ .contact span { display: none; font-size: 12px; line-height: 30px; color: red; } /* Address */ /* line 3355, ../sass/_style.scss */ #address { background-image: url(../images/i6.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 3362, ../sass/_style.scss */ body.parallax #address { background-attachment: fixed; } /* line 3366, ../sass/_style.scss */ #address .address-soft { width: 90%; max-width: 770px; padding: 52px; background: rgba(255, 255, 255, 0.05); color: #e7e7e7; margin: 0 auto; } /* line 3375, ../sass/_style.scss */ #address .address-soft a.phone-button { display: block; width: 82px; height: 82px; background: rgba(255, 255, 255, 0.05); color: #e7e7e7; margin: 0 auto; line-height: 85px; font-size: 35px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3389, ../sass/_style.scss */ #address .address-soft h1.phone-text { padding: 0; margin: 15px auto; font-size: 65px; color: white !important; } /* line 3396, ../sass/_style.scss */ #address .address-soft a { color: white; } /* line 3400, ../sass/_style.scss */ #address .address-soft h2.phone-text { padding: 0; margin: 0 auto 15px; font-size: 25px; } /* line 3406, ../sass/_style.scss */ #address .address-soft a.mail-text { padding: 0; margin: 0 auto 15px; font-size: 25px; color: inherit; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3417, ../sass/_style.scss */ #address .address-soft a.social { display: inline-block; width: 62px; height: 62px; color: inherit; line-height: 65px; font-size: 27px; margin: 0 7px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Rollovers */ /* line 3432, ../sass/_style.scss */ #address .address-soft a.phone-button:hover { background: rgba(255, 255, 255, 0.9); color: #2b2b2b; } /* line 3437, ../sass/_style.scss */ a.social:hover { color: white !important; } /* Google Map */ /* line 3443, ../sass/_style.scss */ #map #google-map { width: 100%; height: 380px; } /* Footer */ /* line 3450, ../sass/_style.scss */ footer.footer { padding: 40px; } /* line 3454, ../sass/_style.scss */ footer img { width: 170px; height: auto; } /* line 3459, ../sass/_style.scss */ footer p, footer a { font-size: 11px; margin: 15px auto 0; color: #767676; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Portfolio Version */ /* line 3470, ../sass/_style.scss */ .p-section { width: 100%; height: 100%; position: relative; background-size: cover; background-position: center center; } /* line 3478, ../sass/_style.scss */ body.parallax .p-section { background-attachment: fixed; } /* Hover Effect for Dark Layout */ /* line 3484, ../sass/_style.scss */ .p-section:before { background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 3; content: ''; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } /* line 3499, ../sass/_style.scss */ .p-section:hover:before { background-color: rgba(0, 0, 0, 0.2); } /* line 3503, ../sass/_style.scss */ .portfolio-elements { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } /* line 3512, ../sass/_style.scss */ .inner-portfolio { position: relative; top: 50%; margin: 0 auto; max-width: 1170px; z-index: 4; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* line 3523, ../sass/_style.scss */ .inner-portfolio div { padding: 10px; } /* line 3527, ../sass/_style.scss */ .inner-portfolio .p-part { max-width: 600px; } /* line 3535, ../sass/_style.scss */ .inner-portfolio h1, .inner-portfolio h2, .inner-portfolio h3, .inner-portfolio h4, .inner-portfolio p { margin-top: 0; } /* line 3539, ../sass/_style.scss */ .inner-portfolio .number { font-size: 40px; } /* line 3543, ../sass/_style.scss */ .inner-portfolio .p-head { font-size: 80px; } /* line 3547, ../sass/_style.scss */ .inner-second { width: auto; height: auto; max-width: 750px; } /* General Styles */ /* line 3555, ../sass/_style.scss */ .plus-button { width: 85px; height: 85px; display: block; background-color: rgba(255, 255, 255, 0); background-image: url(../images/plus.png); background-position: center center; background-repeat: no-repeat; border: 2px solid white; text-align: center; font-size: 37px; line-height: 85px; color: white; opacity: 0.6; margin: 0 auto; position: relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } /* line 3576, ../sass/_style.scss */ .plus-button:hover { background-color: rgba(255, 255, 255, 0.5); opacity: 1; } /* line 3581, ../sass/_style.scss */ .f-left > .plus-button { top: 76px; } /* line 3585, ../sass/_style.scss */ a.home-button-white { display: inline-block; margin: 6px auto; padding: 8px 13px; background-color: rgba(255, 255, 255, 0.1); color: white; text-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3597, ../sass/_style.scss */ a.home-button-white i { display: inline-block; margin-left: 5px; font-size: 22px; } /* line 3603, ../sass/_style.scss */ a.home-button-white:hover { color: white; background-color: rgba(255, 255, 255, 0.4); } /* #3 */ /* line 3610, ../sass/_style.scss */ .s-03 .glass-bg { margin: 0 auto 10px; width: auto; padding: 20px 20px 18px; display: inline-block; } /* line 3617, ../sass/_style.scss */ .s-03 .glass-bg .plus-button { display: inline-block; margin-right: 20px; top: 5px; } /* line 3623, ../sass/_style.scss */ .s-03 .glass-bg .p-head { display: inline-block; margin: 0; } /* Circle Slider */ /* line 3630, ../sass/_style.scss */ ul.circle-slider li img { box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); width: 90%; max-width: 500px; height: auto; } /* line 3637, ../sass/_style.scss */ ul.circle-slider li .texts { margin-left: 175px; margin-top: -98px; } /* line 3642, ../sass/_style.scss */ .circle-image-slider + a.home-button-white { margin-left: 195px; margin-top: -20px; } /* line 3647, ../sass/_style.scss */ ul.circle-slider li a.plus-button { margin-top: -90px; top: -96px; left: -30px; } /* line 3653, ../sass/_style.scss */ ul.circle-slider li a.number { top: 142px; margin-left: 100px; position: relative; } /* line 3660, ../sass/_style.scss */ ul.circle-slider li a.number::selection, ul.circle-slider li a.number:hover { background: transparent; color: white; } /* Circle Slider Direction */ /* line 3667, ../sass/_style.scss */ .circle-image-slider ul.flex-direction-nav { position: absolute; z-index: 4; top: 370px; left: 195px; padding: 0; margin: 0; } /* line 3676, ../sass/_style.scss */ .circle-image-slider ul.flex-direction-nav li { opacity: 1; display: inline-block; } /* line 3681, ../sass/_style.scss */ .circle-image-slider ul.flex-direction-nav li a { display: block; width: 38px; height: 38px; background-image: url(../images/left-litle.png); background-color: rgba(0, 0, 0, 0.25); background-repeat: no-repeat; border-radius: 100px; background-position: center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 3px; } /* line 3696, ../sass/_style.scss */ .circle-image-slider .flex-direction-nav li a:hover { background-color: rgba(0, 0, 0, 0.8); } /* line 3700, ../sass/_style.scss */ .circle-image-slider .flex-direction-nav li a.flex-next { background-image: url(../images/right-litle.png); } /* Portfolio Version Text Slider Direction */ /* line 3707, ../sass/_style.scss */ .inner-portfolio .text-slider .texts .slide { line-height: 80px; margin-top: 10px; } /* line 3712, ../sass/_style.scss */ .inner-portfolio .text-slider .flex-direction-nav { width: 100%; position: relative; opacity: 1; display: block; margin: 13px auto 0; text-align: center; } /* line 3721, ../sass/_style.scss */ .inner-portfolio .text-slider .flex-direction-nav li { opacity: 1; display: inline-block; } /* line 3726, ../sass/_style.scss */ .inner-portfolio .text-slider .flex-direction-nav li a { display: block; width: 38px; height: 38px; background-image: url(../images/left-litle.png); background-color: rgba(0, 0, 0, 0.15); background-repeat: no-repeat; border-radius: 100px; background-position: center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 3px; } /* line 3741, ../sass/_style.scss */ .inner-portfolio .text-slider .flex-direction-nav li a:hover { background-color: rgba(0, 0, 0, 0.8); } /* line 3745, ../sass/_style.scss */ .inner-portfolio .text-slider .flex-direction-nav li a.flex-next { background-image: url(../images/right-litle.png); } /* Project Styles */ /* Project 01 */ /* line 3755, ../sass/_style.scss */ .home_project, .home_small { width: 100%; height: 700px; } /* line 3760, ../sass/_style.scss */ .home_project.fullscreen { width: auto; height: 100%; } /* line 3765, ../sass/_style.scss */ .home_project .home-elements { width: 100%; height: 100%; margin: 0; left: 0; top: 0; position: absolute; z-index: 5; } /* line 3775, ../sass/_style.scss */ .home_project .home-elements .home-inner { position: relative; top: 50%; height: auto; width: 100%; max-width: 1170px; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* Project Background Slider Images */ /* line 3789, ../sass/_style.scss */ #project .slides-container div { background-position: center top; background-attachment: scroll; } /* line 3794, ../sass/_style.scss */ .m_slide1 { background-image: url(../images/m-slide1.jpg); } /* line 3797, ../sass/_style.scss */ .m_slide2 { background-image: url(../images/m-slide2.jpg); } /* line 3800, ../sass/_style.scss */ .m_slide3 { background-image: url(../images/m-slide3.jpg); } /* line 3803, ../sass/_style.scss */ .m_slide4 { background-image: url(../images/m-slide4.jpg); } /* line 3807, ../sass/_style.scss */ .b_slide1 { background-image: url(../images/b-slide1.jpg); } /* line 3810, ../sass/_style.scss */ .b_slide2 { background-image: url(../images/b-slide2.jpg); } /* line 3813, ../sass/_style.scss */ .b_slide3 { background-image: url(../images/b-slide3.jpg); } /* line 3816, ../sass/_style.scss */ .b_slide4 { background-image: url(../images/b-slide4.jpg); } /* Slide Inner */ /* line 3822, ../sass/_style.scss */ .slide-inner { width: 100%; height: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding: 20px; } /* line 3836, ../sass/_style.scss */ .slide-inner p { font-size: 18px; margin: 0 0 3px; padding: 0; } /* Project Elements */ /* line 3844, ../sass/_style.scss */ .project_inner { padding: 70px 0; margin: 0 auto; max-width: 1170px; width: 100%; } /* line 3851, ../sass/_style.scss */ .project_details { margin-top: 50px; } /* line 3855, ../sass/_style.scss */ .project_header { font-size: 40px; margin-top: 0; } /* Custom Slider */ /* line 3863, ../sass/_style.scss */ .custom_slider, .custom_slider .image_slider { width: 100%; height: auto; position: relative; } /* line 3869, ../sass/_style.scss */ .custom_slider .image_slider .slide img { width: 100%; border: none; outline: none; } /* line 3875, ../sass/_style.scss */ .custom_slider .image_slider .slide .texts { display: inline-block; position: absolute; width: auto; left: 0; bottom: 0; z-index: 11; padding: 15px 20px; background: rgba(0, 0, 0, 0.4); max-width: 40%; } /* line 3887, ../sass/_style.scss */ .custom_slider .image_slider .slide .texts h2 { margin: 0 0 5px 0; padding: 0; font-size: 20px; } /* line 3893, ../sass/_style.scss */ .custom_slider .image_slider .slide .texts p { padding: 0; margin: 0; font-size: 13px; } /* Custom Slider Direction */ /* line 3901, ../sass/_style.scss */ .custom_slider .flex-direction-nav { margin: -27px auto 0; position: absolute; z-index: 3; top: 50%; width: 100%; z-index: 20; } /* line 3909, ../sass/_style.scss */ .custom_slider .flex-direction-nav li a { position: absolute; display: block; width: 38px; height: 54px; background-position: center center; background-repeat: no-repeat; background-color: rgba(30, 30, 30, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* line 3922, ../sass/_style.scss */ .custom_slider .flex-direction-nav li a.flex-prev { left: 0; background-image: url(../images/left.png); } /* line 3926, ../sass/_style.scss */ .custom_slider .flex-direction-nav li a.flex-next { right: 0; background-image: url(../images/right.png); } /* line 3931, ../sass/_style.scss */ .custom_slider:hover .flex-direction-nav li a { background-color: rgba(30, 30, 30, 0.3); } /* line 3935, ../sass/_style.scss */ .custom_slider .flex-direction-nav li a:hover { background-color: rgba(30, 30, 30, 0.9) !important; } /* Custom Slider Pagination */ /* line 3941, ../sass/_style.scss */ .custom_slider .flex-control-nav { height: auto; width: 100%; text-align: center; position: relative; top: -20px; z-index: 10; opacity: 0; margin-bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3955, ../sass/_style.scss */ .custom_slider .flex-control-nav li { display: inline-block; } /* line 3959, ../sass/_style.scss */ .custom_slider .flex-control-nav li a { display: inline-block; width: 10px; height: 10px; background: rgba(255, 255, 255, 0.2); margin: 0 4px; border-radius: 100px; cursor: pointer; overflow: hidden; text-indent: -9999px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 3974, ../sass/_style.scss */ .custom_slider .flex-control-nav li a::selection { background: transparent; } /* line 3978, ../sass/_style.scss */ .custom_slider .flex-control-nav li a.flex-active { background: rgba(255, 255, 255, 0.6); border: 1px solid white; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } /* line 3987, ../sass/_style.scss */ .custom_slider:hover .flex-control-nav { top: -45px; opacity: 1; } /* Custom Boxes */ /* line 3994, ../sass/_style.scss */ .custom_boxes { width: 100%; max-width: 1170px; height: auto; margin: 10px auto; } /* line 4001, ../sass/_style.scss */ .custom_boxes.prj-v3 { margin: 40px auto 0; } /* Box */ /* line 4007, ../sass/_style.scss */ .custom_boxes .box { padding: 15px 25px 15px 0; color: #5f5f5f; cursor: default; } /* line 4013, ../sass/_style.scss */ .custom_boxes .box:last-child { padding-right: 0; } /* Box Left Icon */ /* line 4019, ../sass/_style.scss */ .custom_boxes .box .left-icon { width: 20%; height: auto; } /* line 4024, ../sass/_style.scss */ .custom_boxes .box .left-icon a { width: 70px; height: 70px; display: inline-block; text-align: center; background: transparent; border: 1px solid #ccc; line-height: 70px; color: inherit; font-size: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Box Right Texts */ /* line 4041, ../sass/_style.scss */ .custom_boxes .box .right-desc { width: 80%; height: auto; padding-left: 15px; } /* line 4047, ../sass/_style.scss */ .custom_boxes .box .right-desc h1 { margin: 0 0 10px; padding: 0; font-size: 20px; } /* line 4053, ../sass/_style.scss */ .custom_boxes .box .right-desc p { margin: 0; padding: 0; font-size: 13px; } /* Video Part */ /* line 4061, ../sass/_style.scss */ .video-part { width: 100%; height: auto; margin-top: 40px; } /* line 4067, ../sass/_style.scss */ .video-part div.left-video { width: 55%; margin: 0; } /* line 4072, ../sass/_style.scss */ .video-part .left-video { background: url(../images/ipad-air.png) center top no-repeat; background-size: 100%; max-width: 610px; height: 435px; } /* line 4079, ../sass/_style.scss */ .video-part .left-video .video { width: 75.5%; height: 79%; margin-left: 12.1%; margin-top: 4%; position: relative; } /* iframe Sizes */ /* line 4089, ../sass/_style.scss */ .video-part .left-video .video iframe { width: 100%; height: 100%; } /* Right Text */ /* line 4096, ../sass/_style.scss */ div.right-texts { width: 45%; margin: 0; padding-left: 20px; padding-top: 10px; } /* line 4103, ../sass/_style.scss */ div.right-texts h1.project-head { font-size: 20px; margin: 20px auto 15px; } /* line 4108, ../sass/_style.scss */ h3.project-head.fw-head { margin: 0 auto 15px; } /* line 4112, ../sass/_style.scss */ div.right-texts p.project-desc { margin: 20px auto; font-size: 14px; padding: 0; line-height: 23px; } /* Project Features Ul */ /* line 4121, ../sass/_style.scss */ ul.project_features { margin: 0 auto 15px; padding: 0; width: 100%; display: block; } /* line 4128, ../sass/_style.scss */ ul.project_features li.p-feature { margin: 0 auto; padding: 10px 0; width: 100%; display: block; border-bottom: 1px solid #ebebeb; color: #686868; } /* line 4137, ../sass/_style.scss */ ul.project_features li.p-feature:first-child { padding-top: 5px; } /* line 4141, ../sass/_style.scss */ ul.project_features li.p-feature:last-child { border-bottom: transparent; } /* line 4145, ../sass/_style.scss */ ul.project_features li.p-feature h4 { font-size: 17px; margin: 0 0 7px 0; } /* line 4150, ../sass/_style.scss */ ul.project_features li.p-feature p { font-size: 14px; margin: 0; } /* line 4155, ../sass/_style.scss */ ul.project_features li.p-feature span.project_skills { display: inline-block; } /* line 4159, ../sass/_style.scss */ ul.project_features li.p-feature a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4165, ../sass/_style.scss */ ul.project_features li.p-feature a:hover { color: #1f1f1f; } /* Buttons */ /* line 4171, ../sass/_style.scss */ a.button { margin-top: 15px; margin-right: 10px; font-size: 14px; display: inline-block; padding: 10px 15px 10px; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4183, ../sass/_style.scss */ a.button:hover { opacity: 0.9; } /* line 4187, ../sass/_style.scss */ a.button:active { opacity: 0.8; } /* line 4191, ../sass/_style.scss */ .home_project a.home-button-white { margin: 3px 3px; } /* Watch Our Video in Project */ /* line 4197, ../sass/_style.scss */ .watch-our-video { width: 100%; height: 700px; max-width: 100%; overflow: hidden; background-position: center center; } /* line 4205, ../sass/_style.scss */ .watch-our-video a.video-link { width: auto; height: auto; position: relative; display: inline-block; top: 50%; color: #eaeaea; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* line 4220, ../sass/_style.scss */ .watch-our-video i { display: block; width: 60px; height: 60px; margin: 0 auto; text-indent: 5px; line-height: 60px; border: 1px solid #eaeaea; text-align: center; color: #eaeaea; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4235, ../sass/_style.scss */ .watch-our-video h3 { margin-top: 5px; font-size: 20px; } /* line 4241, ../sass/_style.scss */ .watch-our-video a.video-link:hover, .watch-our-video a.video-link:hover i { color: white; } /* Project Images For Style 3 */ /* line 4248, ../sass/_style.scss */ #project-section .big-images, #project-section .project-details { padding-top: 50px; } /* line 4252, ../sass/_style.scss */ #project-section .big-images a.work-image { width: 100%; display: block; margin: 0 0 30px; } /* line 4258, ../sass/_style.scss */ #project-section .big-images a.work-image img { width: 100%; height: auto; } /* Project Text Columns */ /* line 4265, ../sass/_style.scss */ #project-section .project_inner .project-detail-columns { padding: 0; margin-top: 40px; margin-bottom: 10px; width: 100%; height: auto; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } /* line 4275, ../sass/_style.scss */ #project-section .project_inner .project-detail-columns .p-column { padding: 55px 15px 35px; } /* line 4279, ../sass/_style.scss */ #project-section .project_inner .project-detail-columns .p-column:first-child { padding-left: 0; } /* line 4283, ../sass/_style.scss */ #project-section .project_inner .project-detail-columns .p-column:last-child { padding-right: 0; } /* line 4287, ../sass/_style.scss */ #project-section .project_inner .project-detail-columns .p-head { padding-top: 0; margin-top: 0; margin-bottom: 25px; } /* Blog */ /* line 4295, ../sass/_style.scss */ #blog .post { position: relative; } /* line 4299, ../sass/_style.scss */ #blog .blog_inner { width: 75%; float: left; } /* Blog Head */ /* line 4306, ../sass/_style.scss */ .blog-head { width: 100%; height: auto; padding: 14px 10px; margin-bottom: 20px; color: #696969; background: #f8f8f8; } /* Head For Inner Slider */ /* line 4317, ../sass/_style.scss */ .blog-head.inner-head { margin-bottom: -100%; background: transparent; margin-bottom: auto; color: #696969; position: absolute; z-index: 5; color: white; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4330, ../sass/_style.scss */ .blog-head.inner-head .blog-head-right h1 { margin-top: 5px; } /* Blog Header Left Time Dates */ /* line 4336, ../sass/_style.scss */ .blog-head .blog-head-left { width: 90%; max-width: 100px; padding: 0; float: left; } /* line 4343, ../sass/_style.scss */ .blog-head .blog-head-left h1 { margin: 0; padding: 0; color: inherit; } /* line 4349, ../sass/_style.scss */ .blog-head .blog-head-left p { margin: 0; padding: 0; color: inherit; font-size: 19px; } /* Blog Header Right */ /* line 4358, ../sass/_style.scss */ #blog .post { margin-bottom: 45px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5; } /* line 4364, ../sass/_style.scss */ #blog .post:last-child { margin-bottom: 0; } /* line 4368, ../sass/_style.scss */ #blog .post .single_item { margin-bottom: 30px; } /* line 4373, ../sass/_style.scss */ #blog .post .single_item a, #blog .post .single_item a img { width: 100%; height: auto; } /* line 4378, ../sass/_style.scss */ .blog-head .blog-head-right { width: auto; padding: 0 0 0 10px; float: left; display: block; color: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4389, ../sass/_style.scss */ .blog-head .blog-head-right:hover { opacity: 0.9; } /* line 4393, ../sass/_style.scss */ .blog-head .blog-head-right h1 { margin: 23px 0 0; padding: 0; color: inherit; font-size: 31px; } /* line 4400, ../sass/_style.scss */ .blog-head .blog-head-right p { margin: 0; padding: 0; color: inherit; font-size: 15px; } /* line 4407, ../sass/_style.scss */ #blog .details .post-info { width: 100%; height: auto; border-bottom: 1px solid #f5f5f5; } /* line 4413, ../sass/_style.scss */ #blog .details .post-info a.post-item { display: inline-block; padding: 10px; color: #b3b3b3; border-right: 1px solid #f5f5f5; font-size: 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4424, ../sass/_style.scss */ #blog .details .post-info a.post-item:first-child { padding-left: 0; } /* line 4428, ../sass/_style.scss */ #blog .details .post-info a.post-item:last-child { border-right: 1px solid transparent; } /* line 4432, ../sass/_style.scss */ #blog .details .post-info a.post-item i { margin-right: 5px; } /* line 4436, ../sass/_style.scss */ #blog .details p.post-text { font-size: 14px; color: #959494; margin-top: 20px; } /* line 4442, ../sass/_style.scss */ #blog .post a.read-more-post { color: #8d8d8d; font-size: 13px; margin-top: 5px; } /* Blog Single */ /* line 4450, ../sass/_style.scss */ #blog .post ul.comments:first-child { width: 100%; height: auto; } /* line 4455, ../sass/_style.scss */ #blog .post .details > ul.comments { margin-top: 40px; padding-top: 40px; border-top: 1px solid #f6f6f6; } /* line 4461, ../sass/_style.scss */ #blog .post ul.comments li { padding: 10px 0 0 110px; } /* line 4465, ../sass/_style.scss */ #blog .post ul.comments li div.comment { margin-bottom: 10px; } /* Blog Comment Image */ /* line 4471, ../sass/_style.scss */ #blog .post ul.comments li div.comment .c-image { margin-left: -110px; float: left; width: 80px; height: auto; } /* line 4478, ../sass/_style.scss */ #blog .post ul.comments li div.comment .c-image img { width: 100%; height: auto; border-radius: 5px; border: 1px solid #f6f6f6; } /* Blog Comment Texts */ /* line 4487, ../sass/_style.scss */ #blog .post ul.comments li div.comment-text { background: #fdfdfd; padding: 25px; border-radius: 10px; position: relative; } /* line 4494, ../sass/_style.scss */ #blog .post ul.comments li div.comment-text:after { content: ''; position: absolute; left: -12px; right: auto; top: 30px; display: block; border-right: 12px solid; border-right-color: #fdfdfd; border-left: none; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } /* line 4508, ../sass/_style.scss */ #blog .post ul.comments li div.comment h1.comment-name { font-size: 24px; color: #696969; margin: 0; padding: 0; } /* line 4515, ../sass/_style.scss */ #blog .post ul.comments li div.comment h3.comment-date { font-size: 14px; color: #959494; margin: 10px 0; padding: 0; } /* line 4522, ../sass/_style.scss */ #blog .post ul.comments li div.comment p { font-size: 14px; color: #959494; margin: 10px 0; padding: 0; } /* line 4529, ../sass/_style.scss */ #blog .post ul.comments li div.comment-text a.reply-button { position: absolute; right: 25px; top: 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4538, ../sass/_style.scss */ #blog .post ul.comments li div.comment-text a.reply-button:hover { color: #6b6b6b; } /* Single Post Form */ /* line 4544, ../sass/_style.scss */ .post-form { width: 100%; } /* line 4548, ../sass/_style.scss */ .post-form form { margin-top: 30px; } /* line 4552, ../sass/_style.scss */ .post-form form div { padding: 10px 0; } /* line 4556, ../sass/_style.scss */ .post-form form div:nth-of-type(1) { padding-right: 20px; } /* line 4560, ../sass/_style.scss */ .post-form form div label { color: #a4a4a4; } /* line 4564, ../sass/_style.scss */ .post-form form .form { width: 100%; height: auto; padding: 12px 15px 10px; font-size: 18px; border-radius: 6px; color: #7f7f7f; letter-spacing: 0.5px; font-size: 14px; } /* line 4575, ../sass/_style.scss */ .post-form form .textarea { height: 201px; max-width: 100%; max-height: 201px; } /* line 4581, ../sass/_style.scss */ .post-form form button.contact-form-button { margin-bottom: 0; font-size: 19px; } /* Actives, Focuses and Rollovers */ /* line 4589, ../sass/_style.scss */ .post-form form .form:active, .post-form form .form:focus { outline: none; } /* line 4593, ../sass/_style.scss */ .post-form form button.contact-form-button:hover { color: white; } /* line 4597, ../sass/_style.scss */ .post-form form .light-form:hover { border-color: #dadada; } /* Blog Sidebar */ /* line 4603, ../sass/_style.scss */ #blog .blog_sidebar { width: 25%; float: left; padding-right: 30px; padding-left: 0; } /* line 4610, ../sass/_style.scss */ #blog .blog_inner + .blog_sidebar { padding-left: 30px; padding-right: 0; } /* line 4615, ../sass/_style.scss */ #blog .blog_sidebar .bar { width: 100%; padding-bottom: 30px; margin-bottom: 30px; } /* line 4621, ../sass/_style.scss */ #blog .blog_sidebar h1.bar-head { font-size: 22px; margin-bottom: 20px; } /* line 4626, ../sass/_style.scss */ #blog .blog_sidebar p { font-size: 14px; color: #959494; } /* Categories */ /* line 4633, ../sass/_style.scss */ #blog .blog_sidebar .bar ul.categories { width: 100%; height: auto; } /* line 4638, ../sass/_style.scss */ #blog .blog_sidebar .bar ul.categories li { display: block; width: 100%; padding: 0; border-bottom: 1px solid #f1f1f1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4648, ../sass/_style.scss */ #blog .blog_sidebar .bar ul.categories li a { display: inline-block; padding: 10px 10px 10px 5px; color: #959494; width: 90%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4658, ../sass/_style.scss */ #blog .blog_sidebar .bar ul.categories li:last-child { border-bottom: 1px solid transparent; } /* line 4662, ../sass/_style.scss */ #blog .blog_sidebar .bar ul.categories li:before { font-family: 'FontAwesome'; content: "\f105"; font-weight: normal; font-style: normal; top: 0; margin-left: 0; color: #959494; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* line 4675, ../sass/_style.scss */ #blog .blog_sidebar .bar ul.categories li:hover { background: #fafafa; } /* line 4679, ../sass/_style.scss */ #blog .blog_sidebar .bar ul.categories li:hover:before { margin-left: 10px; } /* Tags */ /* line 4685, ../sass/_style.scss */ #blog .blog_sidebar .bar a.tag { display: inline-block; margin: 3px 2px; padding: 3px 5px; border: 1px solid #959494; color: #858585; font-size: 12px; } /* line 4694, ../sass/_style.scss */ #blog .blog_sidebar .bar a.tag:hover { color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Search Form */ /* line 4703, ../sass/_style.scss */ .search { width: 100%; padding: 12px; border: 1px solid #d8d8d8; outline: none; position: relative; border-radius: 2px; color: #808080; font-weight: 100; font-size: 13px; margin: 0 auto; } /* line 4716, ../sass/_style.scss */ .search-button { width: 15%; height: 100%; position: absolute; right: 0; top: 0; color: #d8d8d8; border: none; outline: none; padding: 3px 7px; background: transparent; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; } /* Pagination */ /* line 4735, ../sass/_style.scss */ ul.pagination li a { color: #8d8d8d; } /* line 4739, ../sass/_style.scss */ ul.pagination li a:hover { color: #8d8d8d; background: #f1f1f1; } /* line 4744, ../sass/_style.scss */ ul.pagination li.active a { color: white; } /* Back To Top Button */ /* line 4750, ../sass/_style.scss */ #back-top { width: 50px; height: 50px; position: fixed; right: 50px; bottom: 50px; z-index: 1000; } /* line 4759, ../sass/_style.scss */ #back-top a { width: 100%; height: 100%; display: block; background-color: rgba(25, 25, 25, 0.2); opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 18px; line-height: 50px; border-radius: 8px; } /* line 4773, ../sass/_style.scss */ #back-top a:hover { background-color: #191919; opacity: 1; color: white; }